<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
<div class="container">
<div class="panel panel-default panelwrapper">
<div class="panel-heading panelHeading">
<span>Door Production ERP Data<i class="fa fa-gears pull-right"></i></span>
</div>
<div class="panel-body panelbody">
<dl class="dl-horizontal">
<p class="lead topbottom">Shift 1</p>
<hr class="topbottom">
<dt class="listHeading"># of Units:</dt>
<dd class="listText">342</dd>
<dt class="listHeading">FPY:</dt>
<dd class="listText">95.64%</dd>
<dt class="listHeading">PR1:</dt>
<dd class="listText">100%</dd>
<dt class="listHeading">PR2:</dt>
<dd class="listText">97%</dd>
<dt class="listHeading">PR3:</dt>
<dd class="listText">98.6%</dd>
<hr class="topbottom">
<div class="badgeContainer">
<span class="badge badgeItems">F8AHEN_White</span>
<span class="badge badgeItems">HNE28S_Beige</span>
<span class="badge badgeItems">928NSN_Lightgray</span>
</div>
