Facets UX Style Guide

<div class="modal-backdrop fade in" uib-modal-animation-class="fade" modal-in-class="in" ng-style="{'z-index': 1040 + (index && 1 || 0) + index*10}" uib-modal-backdrop="modal-backdrop" modal-animation="true" style="z-index: 1040;"></div> <div modal-render="true" tabindex="-1" role="dialog" class="modal fade ng-isolate-scope in" uib-modal-animation-class="fade" modal-in-class="in" ng-style="{'z-index': 1050 + index*10, display: 'block'}" uib-modal-window="modal-window" size="sm-t" index="0" animate="animate" modal-animation="true" style="z-index: 1050; display: block;"> <div class="modal-dialog modal-sm-t"> <div class="modal-content" uib-modal-transclude=""> <div class="product-clone-wrap content bulk-copy-wrapper small copyproducts-options-wrapper ng-scope ui-draggable ui-draggable-handle" draggable="" containment=".modal" style="position: relative; width: 550px !important"> <div class="modal-header" style="margin-bottom: -10px"> <div class="row" style="padding-left: 5px;"> <div class="col-xs-11 col-sm-11 col-md-11 col-lg-11" style="font-size: 20px; color: #000; font-weight: normal"><span class="col-xs-11 col-sm-11 col-md-11 col-lg-11" style="font-size: 20px;">Enter a Claim ID</span></div> <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" style=" top: 8px"> <div class="pull-right"> <i class="fa fa-close" style="cursor: pointer; font-size: 16px; color: #969696;" title="Close" onclick="javascript:window.close('','_parent','');"></i> <script> function goBack() { window.history.back(); } </script> </div> </div> </div> </div> <div style="background-color: #337ab7; height: 3px; width: 96%; margin: 10px; float: left"></div> <div class="modal-body"> <div> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="font-size: 18px"> <div style="margin-left: -10px; margin-top: 10px"> <div class="form-group" style="font-size: 14px"> <table border="0" cellpadding="0" cellspacing="0" style="font-size: 14px !important"> <tbody><tr> <td>Claim ID</td> <td><input type="text" name="T" style="border-radius: 4px; margin-left: 10px; height: 34px; padding: 6px 12px; background-color: #fff; border: 1px solid #CCC; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; font-size: 12px" onfocus="this.value=''"></td> </tr> </tbody></table></div> </div> <div class="form-group text-center"></div> <div class="container-fluid text-center continue-btns" style="margin-bottom: 20px; margin-top: 50px"> <button type="button" class="btn btn-default" tab-index="copyproductoptions:1" tabindex="1" onclick="javascript:window.close('','_parent','');" title="Cancel" style="width: auto; height: 40px; border-color: #969696;">Cancel</button> <button type="button" class="btn btn-primary" title="OK" onclick="javascript:window.close('','_parent','');" style="width: auto; height: 40px; margin-left: 5px; color: #fff">OK</button> </div> </div> </div> </div> </div> </div> </div> </div>

Enter a Claim ID Dialog Box