/*########################################
/#####MAIN&TWEAKS BOOTSTRAP
########################################*/

/*#####MAIN#######################*/
.clear { clear: both;}
.icon-flask:before { content: "\21"; }
.icon-mail:before { content: "\22"; }
.icon-th-large:before { content: "\23"; }
.icon-print:before { content: "\24"; }
.icon-search:before { content: "\25"; }
.icon-phone:before { content: "\26"; }
.icon-flask, .icon-mail, .icon-th-large, .icon-print, .icon-search, .icon-phone {
	font-family: 'mios'; speak: none; font-style: normal; font-weight: normal;
	font-variant: normal; text-transform: none; line-height: 1;
	-webkit-font-smoothing: antialiased; background: none !important;
}
.urgenticon { margin-top: 2px; }
.circle { display: inline-block; width: 8px;  height: 8px; -moz-border-radius:50%;  -webkit-border-radius: 50%; border-radius: 50%; }
.circle-green { background-color: #8dc63f; }
.green { color: #8dc63f; }
.circle-orange { background-color: #f7941d; }
.orange { color: #f7941d; }
.circle-red { background-color: #ed1c24; }
.red { color: #ed1c24; }
.imgSpinner {
    width: 15px;
    height: 15px;
    margin: 2px 0 0 auto;
    float:right; }
div.top-extra button{  margin: 25px 0 0 40px; }
textarea#mios_reportbundle_labreporttype_remark{  width: 100%; height: 100px; }
#form-approve, #form-copy, #form-delete, .inline { display:inline-block; }
.samplenumbers { line-height: 2.5; }
footer a { color: white; }
footer a:hover, footer a:focus { color: white; }
table { border-collapse: separate; }
.nomargin { margin: 0 !important; }
.italic { font-style: italic; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

/*#####BOOTSTRAP#######################*/
.navbar-fixed-top .container {  width: auto; }
p.slogan {
    font-size: 19px; color: #fff; margin: 0 auto; margin-top: 40px;
}
.well-large-white {
    min-height: 20px; padding: 19px; margin-bottom: 20px;
    background-color: #fff; border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well {  background-color:#f1efee !important; }
.edit-form {  margin-bottom: 20px; }
.form-horizontal .control-label {  /*width: 190px;*/ text-align: left; }
.form-horizontal .controls {  margin-left: 200px; }
.error-wrapper {padding-left: calc(190px + 1rem)}
.btn-text {  color:#68655c; }
.btn-text:hover { text-decoration: none;  color: #c79900; }
#btn-back {  position: absolute; right: 30px; }
.btn-brown {  background-color: #c79900 !important; }
.btn-success {  background: #5BB75B !important; color: white !important;}
.btn-primary {  background: #c79900 !important; color: white !important;}
.btn-danger {  background: #DA4F49 !important; color: white !important;}
.btn-info {  background: #49AFCD !important; color: white !important;}
.btn-disabled { margin: 2px 15px 0 0; float: left; }
.btn-logout , .btn-login {
    background: #C79900 !important; height: 18px; padding-top: 2px !important;   text-transform: uppercase;
    padding-bottom: 2px !important;  border-radius: 5px; font-weight:bold;  font-size: 12px;
}
.btn-exit-impersonation {
    height: 18px; padding-top: 2px !important; text-transform: uppercase; margin-right: 5px;
    padding-bottom: 2px !important;  border-radius: 5px; font-weight:bold;  font-size: 12px;
}
.btn-red {  background: #b0002d !important; color: white !important; }
.btn-grey {  background: #68655c !important; color: white !important;}
.btn-darkgrey {  background: #1e1e1e !important; color: white !important; }

.btn-text { color: #68655c; }
.btn { font-size: 12px; font-weight: 500; font-family: Helvetica Neue, Helvetica, sans-serif; outline: none; box-shadow: none; background: #F0F0F0; text-decoration: none;  border: none; text-transform: uppercase; text-shadow: none; }
.btn:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  filter: alpha(opacity=80);  -moz-opacity: 0.8;
    -khtml-opacity: 0.8;  opacity: 0.8;
}

.mbs {  margin-bottom: 20px; }
.pull-right-im {  float: right !important; }
.table th, .table td { padding: 3px; }
.table th input[type=checkbox] { vertical-align: middle; margin: 2px 0 0 0; }
.table .checkbox { margin: 0; margin-bottom: 1px; }
.btn-export { margin: 0; float:left; }
.btn-export .caret { border-top: 4px solid white; margin-left: 5px;}
.export-dropdown { position: absolute;  right: 0;  top: 20px;  left:auto;  }
.btn-group .dropdown-menu li a { color: #333333; text-align: left; }
.btn-group .dropdown-menu li a:hover { color: white; }
.records_list .dropdown-menu > li > form > a:hover i { background-image: url("/img/glyphicons-halflings-white.png" );}
.records_list .dropdown-menu > li > form > a {
    display: block;
    padding: 4px 10px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    white-space: nowrap;
}
.records_list .dropdown-menu > li > form > a:hover {
    color: white;
    cursor: pointer;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.records_list .value { font-weight: bold; }
.body-wrapper .pagination ul > li > a { color: #b0002d; }
.dropdown-submenu > a:after { margin-right: 0; border-left-color: #333333;}
.input-append, .input-prepend { margin-bottom: 0; -webkit-padding-end: 27px; }

.form-horizontal .form-group { margin-bottom: 20px; }
.form-horizontal .col-lg-10 { margin-left: 199px; }

.form-horizontal .form-group:before { display: table; line-height: 0; content: ""; }
.form-horizontal .form-group:after { display: table; line-height: 0; content: ""; clear: both; }

.form-horizontal .inline-nudge-left {
    margin-left: -8px;
}

/*#####JQUERY UI#######################*/
input.testdate { width: 182px; }

/*#####CHOZEN#######################*/
.chosen-container-single .chosen-single { height: 29px; line-height: 28px; }
#searchform .chosen-container { margin-bottom: 10px; }
.chosen-results .active-result { color: black !important; cursor: pointer !important; }
.chosen-results .highlighted { color: white !important; }

/*########################################
/#####LAYOUT
########################################*/

/*#####FOOTER#######################*/
footer {
    border-top: solid 1px #f2f2f2; background: #67655b; padding: 40px 0 40px; margin: 40px 0 0 0; color: #dbd8d5;
}
footer #footer-wrapper {  width: 1000px; margin: auto;  }
footer p:last-child { margin-bottom: 0; padding-bottom: 0; }
footer #footer-wrapper .column { float: left; width: 25%; text-align: center; }

/*#####HEADER#######################*/
header {  font-family: "helvetica", Arial;   }
header .navbar , header .navbar .container , .navbar-fixed-top , header .slogan-wrapper {  background-color: #67655b; }
header .navbar-fixed-top {  background-color: #67655b; }
header .navbar .navbar-inner .navbar-inverse {  width: 1000px;  margin: auto;  background-color: #67655b; }
header .navbar-inverse .navbar-inner {
    background-color: #67655b;  background-image: none;  border:none;  box-shadow: none; }
header .navbar .nav > li > a {  color:white; }
header .navbar .btn-logout , header .navbar .btn-login, header .navbar .btn-exit-impersonation {  margin-top: 8px; }
header .navbar .navbar-inner {  width: 1000px; margin: auto;  }
header .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {  background-color: #C79900;  }
header .heading {  background-color:#28A09B;  width: 100%; padding-top: 40px; }
header .heading.dev { background-color: #A7E1BA !important; }
header .heading #header-wrapper {  width: 1000px; margin: auto; position: relative; height: 134px; }
header .heading #header-wrapper #subnavigation {  position: absolute; right: 0; bottom: 15px; margin-bottom: 0; border-bottom: none;  }
header .heading #subnavigation a {
    padding: 2px 10px; color:white;  font-weight: 500;  background-color: #c79900;
    text-transform: uppercase;  font-size: 12px; border: none; box-shadow: none; font-family: "helvetica", Arial;
}
header .heading #subnavigation a:hover, header .heading #subnavigation a.active, a.active { background-color: #6e6d5f !important;}
header .heading #subnavigation .btn-my { background-color: #B0002C; }
header .nav-tabs > li { margin-left: 5px; }
header .nav-tabs > li > a:hover , .nav-tabs > .active > a , .nav-tabs > .visited > a ,  .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus, .nav-tabs > .open > a, .nav > li > a:hover, .nav > li > a:focus {  background-color: #6e6d5f;  color: white;  border: none; }
header .heading #header-wrapper #slogan-wrapper { position: relative; width: 100%; height: 100%; }
header .heading #header-wrapper #slogan-wrapper #logo { float: left; margin-top: 10px; }
header .heading #header-wrapper #slogan-wrapper #logo img { width: 88px; height: 111px; }
header .heading #header-wrapper #slogan-wrapper h1.slogan{
    color: #fff; text-decoration: none; font-size: 40px; display: block;
    font-weight: bold; font-family: "Source Sans Pro", Arial, sans-serif;
    float: left; margin: 30px 0 0 20px; text-shadow: 1px 1px 0px rgba(35,35,35,0.25);
     -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
header .heading.dev #header-wrapper #slogan-wrapper h1.slogan { font-size: 30px; }
header .heading #header-wrapper #slogan-wrapper #ipp { float: right; width: 140px; margin-top:10px; }
header .notice-bar { background-color: #B0002C; color: white; padding: 5px 0; text-align: center; }
header .update-notice { background-color: #2ba6cb; color: white; padding: 5px 0; text-align: center; }
header .add-new { width: 1000px; margin: 0 auto; }
header .add-new .btn { margin-top: 10px; margin-left: 3px;}
header .add-new .btn:hover, header .add-new .btn.active { background-color: #6e6d5f !important; }
header .coloured { background-color: #C79900; margin-right: 4px; }
header .heading.update-notice-padding { padding-top: 70px; }

/*#####BODY#######################*/
body {  font-family:"Arial", Helvetica Neue, Helvetica, sans-serif; display: flex; flex-direction: column; min-height: 100vh; }
h1, h2, h3, h4, h5, h6 {  font-weight: lighter; }
.body-wrapper { margin: 0 auto; color: #68655c; flex-grow: 1; }

/* Should be expanded to all forms, but most have the asterisk hardcoded in their labels and there's not enough time right now */
form .required::after {
    content: ' *';
    color: #ed1c24;
}
#login-wrapper { width: 340px; margin: 60px auto 150px auto;}
#login-wrapper form {
    background: #f6f6f6; -moz-border-radius: 5px; border-radius: 5px;
    padding: 20px; float: none;
}
#login-wrapper .forgot { float: right; margin-top: 2px; }
#login-wrapper .extra { padding: 5px 20px; }
#login-wrapper .extra .asterix { font-style: italic; font-size: 11px; }
.body-wrapper #login-wrapper form .error {  color: red; font-style: italic; margin-bottom: 5px; }
.body-wrapper #register-wrapper form {  margin-bottom: auto; }
.control-group.error .help-inline {  width: 220px; }
.body-wrapper table { position: relative; }
.body-wrapper .pagination ul > li > a {  color: #b0002d; }
.body-wrapper .table th:last-child {  width: auto; }
.body-wrapper .table th:first-child {  vertical-align:middle; }
.body-wrapper .table tbody td , .body-wrapper .table tfoot td {  vertical-align: middle; }
.body-wrapper .table tbody tr:nth-child(even) {  background-color: #ffffff; }
.body-wrapper .table tbody tr:nth-child(odd) {   background-color: #f1efee; }
.body-wrapper .table tbody tr.offspec-alert td:nth-child(2) label { font-weight: bold; color: #B33A3A; }
.body-wrapper .table label { display: inline-block; margin: 0; font-size: 13px; }
.body-wrapper .table .sortable { background: url('images/sort_both.png') no-repeat center right; display: block;}
.body-wrapper .table .asc { background: url('images/sort_asc.png') no-repeat center right; display: block;}
.body-wrapper .table .desc { background: url('images/sort_desc.png') no-repeat center right; display: block;}
.body-wrapper .table .sortable:hover, .body-wrapper .table .asc:hover, .body-wrapper .table .desc:hover { text-decoration: none; }
.body-wrapper .table tbody td[name="value"], .body-wrapper .table tbody td[name="total"] { background: rgb(218, 201, 201); /* The Fallback */ background-color: rgba(0, 0, 0, 0.06);}
.body-wrapper .table .retain { width: 72px;}
.body-wrapper .table .color { width: 40px; height: 20px; display: block; }
.body-wrapper .frm_upload input[type="file"] { line-height: 0px; }

.well .control-group:last-child, .well .form-group:last-child { margin-bottom: 0; }

/* New Sample Creation form */
.body-wrapper .newEntity label {  display: block;  width: 100%; }
.body-wrapper .newEntity .columnsmall {  width: 245px;  margin-right: 30px; }
.body-wrapper .newEntity .columnwide {  width: 320px;  background: none;  padding: 0;  border: none; }
.body-wrapper .newEntity .controls {  margin: 0; }
#searchform .btn-text, #scanForm .btn-text { margin-left: 10px; }
#searchform button[type=reset], #scanForm button[type=reset] { background: none; border: 0; outline: none; padding: 0; }
#searchCalender { width: 275px;  float: right;  height: auto; }

/* Collections */
.collection .flex-wrapper { display: flex; align-items: center; margin-bottom: .5rem; }
.collection .flex-wrapper label { margin-right: 1rem; margin-bottom: 0; }
.collection .flex-wrapper .chosen-container { flex-grow: 1; }
.collection .flex-wrapper .actions { display:flex; margin-left: 1rem; }
.collection .col-lg-10 { margin-left: 0; }
.collection .form-group .collection-label { width: 30%; float: left; }
.collection .form-group .collection-widget { width: 70%; float: left; }
.collection .form-group .actions { text-align: center; }
.collection .form-group .actions .collection-remove:not([style='display: none']) { margin-right: 5px; }
.collection > .form-group { border-bottom: 1px solid #cccccc; margin-bottom: 0; padding: 20px 0; }
.collection > .form-group:first-of-type { padding-top: 0; }
.collection > .form-group:last-of-type { padding-bottom: 0; border-bottom: none; }

.backorder label {
    font-weight: bold;
    color: orange;
}

/*#####DATEPICKER#######################*/
#datepicker { float: right; }
.free-day { background-color: #6E6D5F !important; }
.free-day a { opacity: 1.0; color: white !important; text-shadow: none !important; }
.ui-datepicker {
    width: 275px;  height: auto;  margin: 5px auto 0;  font: 14px Arial, sans-serif;  box-shadow: none;
    background: none; z-index: 1151 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;  background: none;  color: #6e6d5f;  font-weight:  normal;
}
.ui-datepicker a {  text-decoration: none; }
.ui-datepicker table { width: 100%; }
.ui-datepicker-header , .ui-widget-header {
    height: 24px;  border: none;  background: none;  background-color: #6e6d5f;  color: white;  text-shadow: none;  line-height: 30px;
}
.ui-datepicker-title {  text-align: center; }
.ui-datepicker .ui-icon {  height: 0px;  width: 0px; }
.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-focus {  border: 1px solid #6E6D5F; opacity: 0.7;  background: url('../img/arrow.png'); }
.ui-datepicker .ui-datapicker-next-hover { float: right;  background-position: center 30px !important;  }
.ui-datepicker .ui-datepicker-prev-hover { float: left;  background-position: center -30px !important; }
.ui-datepicker-prev { background-position: center -30px; }
.ui-datepicker-next {  float: right;  background-position: center 0px;  }
.ui-datepicker th , .ui-datepicker thead {
    padding: 5px 0;  color: #7e7b74;  background: none;  border: none;  padding-bottom: 10px;
    text-transform: none;  font-size: 14px;  text-shadow: none;   -moz-box-shadow: none;
    -webkit-box-shadow: none;  box-shadow: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#F1EFEE')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#F1EFEE')";
}
.ui-datepicker tbody td , #searchCalender .ui-widget-content {  padding: 0;  background: none;  border: none; }
.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;  text-align: center;  height: 30px; width: 33px;   line-height: 30px;
}
.ui-datepicker-unselectable .ui-state-default {  background: #f4f4f4;  color: #b4b3b3; }
.ui-datepicker-calendar .ui-state-active {
    background: #7e7b74;  color: #e0e0e0;  text-shadow: 0px 1px 0px #4d7a85;  filter: dropshadow(color=#4d7a85, offx=0, offy=1);
    position: relative;  margin: -1px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0;  border-bottom-left-radius: 0;  border-top-right-radius: 0;  border-top-left-radius: 0;
}
.ui-datepicker-calendar td:first-child .ui-state-active {  width: 33px;  margin-left: 0; }
.ui-datepicker-calendar td:last-child .ui-state-active {  width: 33px;  margin-right: 0; }
.ui-datepicker-calendar tr:last-child .ui-state-active {  width: 33px;  margin-bottom: 0; }
.ui-widget-content {  background-color: #f1efee; }
.ui-datepicker tbody tr {  border: none; }
.ui-datepicker .ui-timepicker-div .ui-slider-handle { border: 1px solid #cccccc; background: #6e6d5f; cursor: pointer; outline: none;}
.ui-datepicker .ui-timepicker-div .ui-widget-content { background-color: white; }
.ui-datepicker .ui-datepicker-buttonpane button {
  font-family: Helvetica Neue, Helvetica, sans-serif;
  outline: none;
  padding: 2px 10px;
  border-radius: 2px !important;
  background: #F0F0F0;
  text-decoration: none;
  border: none;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  text-shadow: none;
  background: #c79900 !important;
  color: white !important;
}
.ui-datepicker .ui-datepicker-today .ui-state-highlight {
    background: rgba(126, 123, 116, 0.5);
    color: white;
    text-shadow: 0px 1px 0px #4d7a85;
    filter: dropshadow(color=#4d7a85, offx=0, offy=1);
    position: relative;
    margin: -1px;
}

.ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-state-hover, .ui-datepicker .ui-datepicker-today .ui-state-active {
    color: white;
    background: #7e7b74;
    text-shadow: 0px 1px 0px #4d7a85;
    filter: dropshadow(color=#4d7a85, offx=0, offy=1);
    position: relative;
    margin: -1px;
}

/*#####HTML CERTIFICATE#######################*/
.htmlcert { line-height: 1.4; }
.htmlcert .bold { font-weight: bold; }
.htmlcert .small { font-size: 11px; }
.htmlcert .title { text-align: center; margin-bottom: 30px; }
.htmlcert .title h1 { font-size: 20px; text-align:center; font-weight: normal; }
.htmlcert .title .samplenr { font-size: 45px; line-height: 0.8;}
.htmlcert table { width: 100%; font-family: "Helvetica", sans-serif; font-size: 13px; }
.htmlcert .results { text-align: left; }
.htmlcert .results th { text-align: center; }
.htmlcert .signature { height: 40px; }
.htmlcert .footer { margin-top: 70px; }
.htmlcert .belac { line-height: 0; }
.htmlcert .belac img { line-height: 0; height: 55px;}

/*#####TRANSLATION#######################*/
.translation th:last-child, .translation td:last-child { text-align: right; }

/*#####MAIL TEMPLATE#######################*/
#mail-submission .control-label { padding-top: 0; }

/*#####INLINE EDIT#######################*/
.inline-edit .offspecbox { margin: 0; height: 25px; width: 75px; font-size: 13px;}
.inline-edit .inputDatepicker { margin: 0; height: 20px; width: 90px; }

.inline-edit-click { background-color: white; font-weight: bold; }
.inline-icon { opacity: 0.5; float: right; }
.inline-edit .internal, .inline-edit .mail { margin: 0; }

.order-detail .row-fluid [class*="span"] { line-height: 30px; }
.order-detail .title, .well .title { margin-bottom: 10px; }
.order-detail .title h3, .well .title h3 { line-height: 12px; }
.order-detail .inline-edit-click { background-color: white; font-weight: bold; }
.order-detail .inline-icon { margin: 8px 0 0 0; }
.order-detail .multiple-lines { white-space: pre-line; display: inline-block; }

.description label, #multiple-copy label { display: inline-block; }
.description input, #multiple-copy input { vertical-align: top; }
.description .title { padding-bottom: 3px; border-bottom: 1px dotted gray; display: block; }
.description .option, #multiple-copy .option { margin-bottom: 5px; }
.description .teller { margin-right: 10px; -webkit-padding-end: 0; }
.description .teller .getal, #multiple-copy .teller .getal { text-align: center; width: 15px; background-color: white; }
.description .teller .plus, #multiple-copy .teller .plus { cursor: pointer; }
.description .teller .minus, #multiple-copy .teller .minus { cursor: pointer; }
.description .descriptionOther { width: 619px; }
#multiple-copy .teller { margin: 0 10px; -webkit-padding-end: 0; }

.subclient select { width: 723px; }
.subclient .chosen-single { border-radius: 5px; }
.subclient.input-append .chosen-single { border-radius: 5px 0 0 5px; }
.subclient .add-on { cursor: pointer; }

.hazard { margin-left: 10px; display: inline-block; width: 220px; }
.hazard .description { display: inline-block; width: 140px; vertical-align: middle; font-size: 12px; font-style: italic;  }
.hazard img { width: 70px; margin-right: 5px; }
.hazard-mini { width: 40px; margin-right: 5px; }
.control-group.error .help-inline, .form-group.has-error .help-block li, .collection .help-block li { width: 100%; padding: 5px 0; font-style: italic; list-style-type: none; margin: 0; color: #b94a48; }
.form-group.has-error .help-block, .collection .help-block { margin: 0; padding: 0; }
.form-group.has-error input, .form-group.has-error select, .form-group.has-error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

#new-report .hazard, #edit-report .hazard { width: 204px; }
#new-report .hazard .description, #edit-report .hazard .description { width: 125px; }

#multiple-edit .option .control-label { width: 175px; }
#multiple-edit .option input[type=checkbox] { float: left; margin-top: 9px; margin-right: 5px; }
#multiple-edit .option .form-group:nth-of-type(2) { display: none; }
#multiple-edit .option .form-group:nth-of-type(2) .control-label { margin-left: 18px; }
#multiple-edit .option .hazardSymbols input[type=checkbox] { float: none; margin-top: 0; }
#multiple-edit .hazard { width: 199px; }
#multiple-edit .hazard .description { width: 120px; }
#multiple-edit .form-group:last-child { margin-bottom: 20px !important; }

table td.center, table th.center { text-align: center; }

.labteam { width: 100%; height: 5px; }

.warning { color: red; font-style: italic; }

#show-items label { float: left; margin: 5px 5px 0 0; }
#show-items select { float: left; width: 65px; }

.table .text-right { text-align: right; }
.table tfoot tr { background: none; }

.order-detail .span3special { width: 19.75%; }
.order-detail .span9special { width: 79%; margin-left: 1.25%; }
.order-detail input[type=checkbox] { margin-top: 0; }

.infotooltip { opacity: 0.5; cursor: pointer;}
.sample-detail .infotooltip { margin: 8px 5px 0 0; }
.tooltip-inner { max-width: 500px !important; }

.chosen-results .kolomwrapper { width: 100%; display: table;}
.chosen-results .kolom1 { width: 20%; display: table-cell; vertical-align: middle; }
.chosen-results .kolom2 { width: 65%; display: table-cell; vertical-align: middle; padding: 0 15px;  }
.chosen-results .kolom3 { width: 15%; display: table-cell; vertical-align: middle; text-align: right; }

.product-detail .image { border: 1px solid #e3e3e3; background-color: white; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 190px; text-align: center; }
.product-detail .image img { width: 100%; height: 100%; object-fit:contain; }
.product-detail .left { width: 20%; }
.product-detail .right { width: 80%; margin: 0; padding-left: 2.1%; }

#preview { width: 200px; height: 200px; position:absolute; border:1px solid #e3e3e3;background: white; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display:none; }
#preview img { width: 100%; height: 100%; object-fit:contain; }
.preview { opacity: 0.5; cursor: pointer; display: inline-block; }
.preview i { margin-top: 0; }
.preview.nofloat { display: inline-block; float: none; }
.preview.nofloat i { margin-top: 3px; }

.total-results { padding-top: 5px; font-size: 14px;}
.inline-block { display: inline-block; }

.alert-treshold {
    padding: 14px 35px 14px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    border-radius: 4px;
}
.alert-treshold p { margin: 0; }

/*#####FILES#######################*/
input[type=file] { height:auto !important; line-height: 0; border: 2px dashed #CCCCCA; background-color: #f0f0f0; border-radius: 5px; padding: 2px; position: relative; width: 100%; }
.vich-file .current-file { margin-top: 5px; }
.file-info { display: block; margin-top: 5px; }

/*##### TRUSTED IP #######################*/
#inspectorate_userbundle_trustedip .part { position: relative; display: inline-block; width: 60px; margin-right: 15px; vertical-align: top; text-align: left; }
#inspectorate_userbundle_trustedip .part:nth-of-type(1):after, #inspectorate_userbundle_trustedip .part:nth-of-type(2):after, #inspectorate_userbundle_trustedip .part:nth-of-type(3):after { content: ''; display: inline-block; position: absolute; top: 34px; right: -10px; width: 4px; height: 4px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background-color: #444; }
#inspectorate_userbundle_trustedip .part.range-end { width: auto; }
#inspectorate_userbundle_trustedip .part.range-end .label { display: inline-block; }
#inspectorate_userbundle_trustedip .part:last-of-type { margin-right: 0; }
#inspectorate_userbundle_trustedip .part input { width: 60px; max-width: 100%; min-width: 0; display: inline-block; text-align: center; margin-bottom: 0; box-sizing: border-box;height: 2.8em; padding: .30em; }
#inspectorate_userbundle_trustedip input[type=number]::-webkit-inner-spin-button,
#inspectorate_userbundle_trustedip input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
#inspectorate_userbundle_trustedip input[type=number] { -moz-appearance:textfield; -webkit-appearance: none; appearance: none; }
#inspectorate_userbundle_trustedip .range-line { position: relative; display: inline-block; }
#inspectorate_userbundle_trustedip .range-line:before { content: ''; display: inline-block; position: absolute; top: -5px; left: -14px; margin: auto; width: 10px; height: 3px; background-color: #444; }
#inspectorate_userbundle_trustedip .help-block { color: #b94a48; }
#inspectorate_userbundle_trustedip .help-block { list-style-type: none; margin: 0;  }
#inspectorate_userbundle_trustedip .help-block li { padding: 0; }
.hidden { display: none !important; }

.float-left { float: left; }
.float-right { float: right; }

/* ####### PAGE TITLE ####### */
.body-wrapper .title-box { padding-top: 10px; vertical-align: middle; }
.body-wrapper .title-box .btn { margin-top: 10px; }
.body-wrapper .title-box .label { margin: 0; vertical-align: middle; }
.body-wrapper .title-box h1 { margin-top: 0; display: inline-block; vertical-align: middle; }
.body-wrapper .title-box h1 + .label { margin-bottom: 18px; }
.body-wrapper .title-box > * { margin-right: 15px; }
.body-wrapper .title-box > :last-child { margin-right: 0; }

/*##### LARGER WRAPPER ######################*/
header .navbar .navbar-inner,
header .heading #header-wrapper,
header .add-new,
.body-wrapper,
footer #footer-wrapper {
    width: calc(100% - 20px) !important; max-width: 80rem !important;
}

/*##### UTILS ######################*/
.w-100 { width: 100% !important; }
.no-select { user-select: none !important; }
.no-wrap { white-space: nowrap !important; }
.flex-column { flex-direction: column !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.align-self-start { align-self: start !important; }
.d-block { display: block !important; }