fieldset.outline {
  position: relative;
  margin-top: 25px;
  border: 1px solid #CCC;
  padding-top: 10px;
}

fieldset.outline legend {
  position: absolute;
  top: -22px;
  font-weight: bold;
  padding:  1px;
  /*margin-left:  5px;*/
  font-size: 14px;
  width: auto;
  border-bottom: none;
}

/*
For the sub_form pulled from EMAC
*/
label.chosen {
  padding-top: 8px;
  vertical-align: top !important;
}

.chosen-container-multi .chosen-choices {
  min-height: 34px !important;
}

div.sub_form > h5 { 
  font-weight: bold;
}

div.display_form_label {
  font-weight: normal;
  color: #494949;
  font-size: 14px;
  max-width: 100%;
  margin-bottom: 5px;
}

div.display_form_value { 
  color: #31708f;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 5px;
}  

.modal-dialog.order_details {
  width: 90%;
}
.modal-header.order_details {
  padding: 7px;
  color: #FFFFFF;
  background: #5090C1;
  border-color: #5090C1;
}

.modal-header.order_details h5 {
  padding-top: 2px;
  font-size: 16px !important;
}

.modal-header.order_details button{
  border: 0px;
  background: #5090C1;
}

.order_bloodtype td {
  padding: 0 0;
}

.order_bloodtype th {
  /*padding: 5px;*/
  font-weight: bold;
}
.order_bloodtype h5 {
  padding: 4px;
  margin-bottom: 0;
  width: 100%;
  text-align: left;
}

.bt_component_display table {
  table-layout: fixed;
}

.bt_component_display th {
  padding: 10px 0;
  font-weight: bold;
  vertical-align: middle;
}

.bt_component_display tbody tr {
  vertical-align: middle;
}

.bt_component_display tbody tr.odd {
  background-color: #f9f9f9;
}

.bt_component_display tbody tr.even {
  background-color: #fff;
}

.bt_component_display tbody tr td {
  padding: 5px 0;
  /*border-right: 1px solid #000;*/
}

.bt_component_display tbody tr td input[type="text"] {
  width: 40px;
  margin-left: 0px;
  margin-right: 0px;
  background-image: none;
}

.bt_positive .quick_quantity_field td input[type="text"] {
  background: none;
  background-color: #FFBABA !important;
}

.bt_negative .quick_quantity_field td input[type="text"]{
  background: none;
  background-color: #E0EAF1 !important;
}

.bt_positive {
  background: none;
  background-color: #FFBABA !important;
}

.bt_negative {
  background: none;
  background-color: #E0EAF1 !important;
}

div.component-details {
  padding: 10px;
  border: solid 1px #CCC;
  background-color: #FFF;
}

div.component-details-main {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 15px;
}

div.component-details ul {
  padding-left: 20px;
  list-style: circle;
  list-style-type: circle;
  /*width:500px;*/
  overflow:hidden;
}

div.component-details ul li {
  list-style: circle;
  list-style-type: circle;
  float:left;
  width:100%;
  margin-bottom: 5px;
}

div.component-details-button {
  display: inline-block;
  padding: 5px 5px 0px 5px;
}

a.delete_component {
  color: #ff0000 !important;
}
a.delete_component .fa-trash-alt:hover {
  color: #c60000;
}


.bootstrap-dialog .modal-header {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.modal-footer {
  text-align: center;
}

.panel-body a {
  color: #337ab7;
}

div.activity-stream {
  padding: 10px;
  border: solid 1px #CCC;
  background-color: #FFF;
  font-size: 13px;
}

div.activity-stream ul {
  padding-left: 20px;
  overflow:hidden;
  min-height: 15px;
}

div.activity-stream ul li {
  float:left;
  padding-right: 10px;
  display: inline-block;
}

span.activity-stream-title {
  font-weight: 600;
}

li.presentation {
  line-height: 18px;
}
.antigen_wrapper {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 5px;
}

.antigen_block {
  display: inline-block;
  min-width: 50px;
  /*line-height: 40px;*/
  height: 40px;
  text-align: left !important;
  padding: 0px 10px;
  border: 1px solid gainsboro;
  margin: 5px;
}

.antigen_line {
  /*line-height: 20px;*/
  vertical-align: middle;
  white-space: nowrap;
  font-size: 1.3em;
  margin-left: 10px ;
  margin-top: 5px;
}

.antigen_text {
  margin: 10px;
}

.antigen-dialog .modal-dialog {
  max-width: 740px;
}

.form-label {
  margin: 12px 0px 6px 0px;
}
.form-group {
  margin: 0 0 2px 0;
  min-width: 48px;
  vertical-align: middle;
  min-height: 48px;
}
.form-control {
   min-height: 34px;
   height: auto;
}
/* override the above for datatables */
.dataTables_filter .form-control, .dataTables_length .form-control {
  min-height: 0;
}

.print-group {
  margin: 0 0 2px 0;
  min-width: 48px;
  vertical-align: middle;
  min-height: 20px;
}

.print-label {
  margin: 5px 0px 3px 0px;
  font-weight: 800;
}

.print-value {
  margin: 5px 0px 3px 0px;
}
/* for better multiselect than default or chosen*/
.btn-form {
  color: #858585 !important;
  background-color: #fff !important;
  border-color: #ccc;
  border-width: 1px !important;
  font-weight: normal !important;
  text-shadow: none !important;
}
.btn-form:focus,
.btn-form.focus {
  color: #858585 !important;
  background-color: #fff !important;
  border-color: #858585 !important;
}
.btn-form:hover, .btn-form:focus:hover  {
  color: #858585 !important;
  background-color: #fff !important;
  border-color: #adadad !important;
}
.btn-form:active,
.btn-form.active,
.open > .dropdown-toggle.btn-form {
  color: #858585 !important;
  background-color: #fff !important;
  border-color: #adadad !important;
}
.btn-form:active:hover,
.btn-form.active:hover,
.open > .dropdown-toggle.btn-form:hover,
.btn-form:active:focus,
.btn-form.active:focus,
.open > .dropdown-toggle.btn-form:focus,
.btn-form:active.focus,
.btn-form.active.focus,
.open > .dropdown-toggle.btn-form.focus {
  color: #858585 !important;
  background-color: #fff !important;
  border-color: #8c8c8c !important;
}
.btn-form:active,
.btn-form.active,
.open > .dropdown-toggle.btn-form {
  background-image: none;
}
.btn-form.disabled:hover,
.btn-form[disabled]:hover,
fieldset[disabled] .btn-form:hover,
.btn-form.disabled:focus,
.btn-form[disabled]:focus,
fieldset[disabled] .btn-form:focus,
.btn-form.disabled.focus,
.btn-form[disabled].focus,
fieldset[disabled] .btn-form.focus {
  background-color: #fff !important;
  border-color: #ccc !important;
}
.btn-form .badge {
  color: #fff !important;
  background-color: #333 !important;
}
.btn-form:focus:active,
.open > .btn.dropdown-toggle,
.open > .btn-form.dropdown-toggle,
.open > .btn.dropdown-toggle:hover,
.open > .btn-form.dropdown-toggle:hover,
.open > .btn.dropdown-toggle:focus,
.open > .btn-form.dropdown-toggle:focus,
.open > .btn.dropdown-toggle.focus,
.open > .btn-form.dropdown-toggle.focus,
.open > .btn.dropdown-toggle:active,
.open > .btn-form.dropdown-toggle:active {
  background-color: #fff !important;
  border-color: #8c8c8c;
}

.bs-actionsbox .btn-group button {
    width:49.5%;
}

.btn {
  margin-top: 6px;
}

/*
 * Toolbar specific css
 */
.toolbar-header {
  padding-top: 10px;
}

.toolbar-header > div > h2 {
  line-height: 34px;
}

.toolbar-header:after {
  content:' ';
  display:block;
  border:1px solid #d3d3d3;
}

.toolbar-header > div.pull-left {
  vertical-align: middle;
}

.toolbar-btn {
  display: inline-block !important;
  padding: 6px 12px !important;
  margin-bottom: 0 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 1.42857143 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  -ms-touch-action: manipulation !important;
  touch-action: manipulation !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
}

.toolbar-btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0 !important;
}
.toolbar-btn-group > .btn:first-child {
  margin-left: 0 !important;
}
.toolbar-btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.toolbar-btn-group > .btn:last-child:not(:first-child),
.toolbar-btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
/*
 * End Tool bar css
 */

.shadow-box {
  margin: 10px;
  border: solid 1px #ccc;
  box-shadow: 0 0 10px #CCC;
  -webkit-box-shadow: 0 0 10px #CCC;
}
.shadow-box:hover {
  border: solid 1px #0098C0;
}

/*fieldset.outline > legend {*/
  /*font-size: 14px;*/
  /*margin-bottom: 0px;*/
/*}*/

/*
 * Email template previews
 */
.grid_template_link { 
  display: block;
  text-align: center; 
}
.grid_template_preview {
  position: relative;
  display: block;
  padding-bottom: 100%;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
}
.grid_template_preview > * {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #393939 !important;
}
.grid_template_preview > img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

 .widget-color-pale-blue {
  background: #d8eaf9;
  border-color: #d8eaf9;
}

.widget-color-pale-blue > .widget-header {
  background: #e2eefd;
  border-color: #e2eefd;
}

.icon_updated_inventory_options {
  background: url(../themes/responsive/images/update_inventory_options.svg) center center no-repeat;
}

/*Responsive Icons*/
.responsive_icon {
    cursor: pointer;
}
span.responsive_icon {
    display: inline-block;
    vertical-align: middle;
    width: 1.1em;
    height: 1.1em;
}
span.backorder_icon {
    background: url(../images/control/responsive/backorder.svg) center center no-repeat;
}
span.circle_b_icon {
    background: url(../images/control/responsive/circle_b.svg) center center no-repeat;
}
span.circle_bg_icon {
    background: url(../images/control/responsive/circle_bg.svg) center center no-repeat;
}
span.circle_g_icon {
    background: url(../images/control/responsive/circle_g.svg) center center no-repeat;
}
span.circle_r_icon {
    background: url(../images/control/responsive/circle_r.svg) center center no-repeat;
}
span.circle_rb_icon {
    background: url(../images/control/responsive/circle_rb.svg) center center no-repeat;
}
span.circle_ry_icon {
    background: url(../images/control/responsive/circle_ry.svg) center center no-repeat;
}
span.circle_rg_icon {
    background: url(../images/control/responsive/circle_rg.svg) center center no-repeat;
}
span.circle_rbg_icon {
    background: url(../images/control/responsive/circle_rbg.svg) center center no-repeat;
}
span.circle_rby_icon {
    background: url(../images/control/responsive/circle_rby.svg) center center no-repeat;
}
span.circle_rybg_icon {
    background: url(../images/control/responsive/circle_rybg.svg) center center no-repeat;
}
span.circle_ryg_icon {
    background: url(../images/control/responsive/circle_ryg.svg) center center no-repeat;
}
span.circle_y_icon {
    background: url(../images/control/responsive/circle_y.svg) center center no-repeat;
}
span.circle_yb_icon {
    background: url(../images/control/responsive/circle_yb.svg) center center no-repeat;
}
span.circle_ybg_icon {
    background: url(../images/control/responsive/circle_ybg.svg) center center no-repeat;
}
span.circle_yg_icon {
    background: url(../images/control/responsive/circle_yg.svg) center center no-repeat;
}
span.internet_icon {
    background: url(../images/control/responsive/internet.svg) center center no-repeat;
}
span.par_icon {
    background: url(../images/control/responsive/par.svg) center center no-repeat;
}
span.phone_icon {
    background: url(../images/control/responsive/phone.svg) center center no-repeat;
}
span.returns_icon {
    background: url(../images/control/responsive/returns.svg) center center no-repeat;
}
span.reviewed_icon {
    background: url(../images/control/responsive/reviewed.svg) center center no-repeat;
}
span.reviewed_acknowledged_icon {
    background: url(../images/control/responsive/reviewed_acknowledged.svg) center center no-repeat;
}
span.standing_order_icon {
    background: url(../images/control/responsive/standing_order.svg) center center no-repeat;
}
span.stat_icon {
    background: url(../images/control/responsive/stat.svg) center center no-repeat;
}