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

/* FONTS */

/* source-sans-3-700 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/source-sans-3-v19-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/source-sans-3-v19-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* eb-garamond-regular - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'EB Garamond';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/eb-garamond-v31-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/eb-garamond-v31-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/*#####MAIN#######################*/
html, body { min-height: 100vh; counter-reset: number; }
.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-phone:before { content: "\26"; }
.icon-flask, .icon-mail, .icon-th-large, .icon-print, .icon-phone {
	font-family: 'inspectorate'; 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#inspectorate_reportbundle_labreporttype_remark{  width: 100%; height: 100px; }
#form-receive, #form-deliver, #form-copy, #delete-form, .inline, .delete-item-form { display:inline-block; }
.samplenumbers { line-height: 2.5; }
footer a { color: white; }
footer a:hover { color: white; }
.nomargin { margin: 0 !important; }
.italic { font-style: italic; }
.gray { color: #dec7c7; }
.margin-top-negative { margin-top: -15px; }
.margin-small { margin-bottom: 10px; }
.margin-top { margin-top: 5px; }
form#copy .checkboxspace { margin-left: 19px; }
input[type=file] { line-height: 0; border: 2px dashed #CCCCCA; background-color: #f0f0f0; border-radius: 5px; padding: 4px; position: relative; width: 100%; }
.file-info { display: block; margin-top: 5px; }

.like-label { padding-top:1px; font-size: 14px; line-height: 28px; }
.badge, .records_list .icon-exclamation-sign { cursor: pointer; }
.label-black, .badge-black { background-color: #000000; }
.badge.float-right { margin-top: 3px; }
.form-horizontal .form-group.no-margin, .no-margin .form-group { margin: 0 !important; }
.text-center { text-align: center !important; }
input[type=file] { line-height: 0; border: 2px dashed #CCCCCA; background-color: #f0f0f0; border-radius: 5px; padding: 4px; position: relative; width: 100%; }
.badge.dark-green { background-color: DarkGreen; }
.jobReqId { display: inline-block; min-width: 40px; }
.float-right { float: right; }
.float-left { float: left; }
.nowrap { white-space: nowrap; }
.hidden { display: none !important; }
.pointer { cursor: pointer; }
.strikethrough, .strikethrough * { text-decoration: line-through !important; }

/* COMPONENT COLLECTION GROUP */
.collection-group .form-group { margin-bottom: 4px; }
.collection-group .form-group textarea { height: 30px; }
.collection-group.component { margin-bottom: 20px }
.remove-component { margin-top: 5px; }
.row-fluid .no-margin-LR { margin-left: 0; margin-right: 0; }
.collection-group .unit-radio .unit-label .control-label { width: 85px; }
.unit-radio .radios { margin-top: 5px; }
.unit-radio .radios .radio { display: inline-block; margin-right: 10px; }
.collection-group .showBlend-radio .showBlend-label .control-label { width: 255px; }
.showBlend-radio .radios { margin-top: 5px; }
.showBlend-radio .radios .radio { display: inline-block; margin-right: 10px; }
a.add-collection-item { margin-top: 3px; }
a.add-collection-item.component { margin-top: 0; margin-bottom: 20px; }
.collection-wrapper{ margin-bottom: 20px; }
p.total { margin-bottom: 5px; }
p.total span.total-value { font-weight: bold; }
.attachment-wrapper textarea { height: 1em; }
.component-widget .remove-component { margin-top: 0; padding-left: 10px; }
.component-widget .component label { width: unset; min-width: 75px !important; margin-right: 10px; white-space: nowrap; }
.remove-collection-item { margin-right: 5px; }

.blend-button + .component-wrapper { margin-top: 20px; margin-bottom: 0; }

.collection { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid lightgray; }
.collection:first-child { border: none; padding-top: 0; }
.well .collection.form-group { margin-bottom: 0; }

/*#####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; }
.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-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-family: Helvetica Neue, Helvetica, sans-serif; outline: none; padding: 2px 10px; border-radius: 2px; box-shadow: none; background: #F0F0F0; text-decoration: none;  border: none;  font-size: 12px;  font-weight: 500;  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; }
.records_list th input[type=checkbox] { vertical-align: top; }
.records_list .checkbox { margin: 0; margin-bottom: 3px; }
.btn-export { margin: 0; float:left; }
.btn-export .caret { border-top: 4px solid white; margin-left: 5px; }
.caret.white-caret { border-top: 4px solid white; }
.dropdown-toggle .caret { margin-left: 5px; }

.export-dropdown { position: absolute;  right: 0;  top: 20px;  left:auto;  }
.btn-group .dropdown-menu li a { color: #333333; text-align: left; cursor: pointer; }
.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; }

.navbar .nav > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu:after { display: none; }
.navbar .dropdown-menu { padding: 0; }
.navbar .dropdown-menu > li > a { padding: 5px 10px; border-bottom: 1px solid lightgray; }
.navbar .dropdown-menu > li:last-child > a { border-bottom: none; }
.navbar .dropdown-submenu > .dropdown-menu { margin-top: -1px; margin-left: 0; }

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

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

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

h1 span.label { vertical-align: middle; }

/*#####FOOTER#######################*/
footer {
    border-top: solid 1px #f2f2f2; background: #67655b; padding: 40px 0 40px; color: #dbd8d5;
}
footer p:last-child { margin-bottom: 0; padding-bottom: 0; }
footer #footer-wrapper {  width: 1000px; margin: auto;  }
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 .coloured { background-color: #C79900; margin-right: 4px; }
header .heading {  background-color:#dbd8d5;  width: 100%; padding-top: 40px; }
header .heading.update-notice-padding { padding-top: 70px; }
header .heading.dev { background-color: #A7E1BA !important; }
header .heading #header-wrapper {  width: 1000px; margin: auto; position: relative; height: 149px; }
header .heading #header-wrapper #subnavigation {  position: absolute; right: 0; bottom: 15px; margin-bottom: 0; margin-left: 109px; 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 { background-color: #6e6d5f !important;}
header .heading #subnavigation .btn-my, .nav .dropdown-menu .btn-my { background-color: #B0002C; }
header .heading #subnavigation .btn-my-alt, .nav .dropdown-menu .btn-my-alt { background-color: #efb803; }
header .heading #subnavigation > .btn, header .heading #subnavigation > .btn-group { margin-bottom: 4px !important; }
.nav .dropdown-menu .btn-my { padding: 3px 5px; font-size: 10px; line-height: 1; margin-top: 0; color: #ffffff; }
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: 20px; }
header .heading #header-wrapper #slogan-wrapper #logo img { width: 88px; height: 110px; }
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 3", 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 #header-wrapper #slogan-wrapper #irp { float: right; width: 100px; margin-top:20px; }
header .notice-bar { background-color: #B0002C; color: white; padding: 5px 0; text-align: center; }
header .add-new { width: 1000px; margin: 0 auto; }
header .add-new .right-btn { margin-top: 10px; margin-left: 5px; }
header .add-new .right-btn:hover, header .add-new .right-btn.active { background-color: #6e6d5f !important; }

header .add-new .toggle-wrapper { margin-top: 10px; }
header .add-new .toggle-wrapper .btn { padding-left: 18px; }

header .toggle-search-sample form { display: none; height: 24px; padding: 0 10px; }
header .toggle-search-sample form#lab_report_search_sample:hover { background: #5BB75B !important;}
header .toggle-search-sample.clicked form { display: block; }
header .toggle-search-sample.clicked > a.toggle { display: none; }
header .toggle-search-sample form button { background-color: transparent; padding: 0; margin: 0; color: #ffffff; border: 0; }
header .toggle-search-sample form button > .icon-search { margin: 2px 0 0; color: #ffffff; border: 0; }
header .toggle-search-sample form input { margin: 2px 0 0; border: 0; font-size: 12px; height: 18px; padding: 0 7px; width: auto; }


/*#####BODY#######################*/
body {  font-family:"Arial", Helvetica Neue, Helvetica, sans-serif; }
body.modal-open { overflow-y: hidden; }
h1, h2, h3, h4, h5, h6 {  font-weight: lighter; margin-top: 0; }
.body-wrapper { min-height: calc(100vh - (174px + 151px)); width: calc(1000px - 20px); margin: 0 auto; color: #68655c; padding: 10px 10px 30px 10px; }
#login-wrapper { width: 340px; margin: 0 auto; padding-top: 60px; }
#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: 10px 10px 0 10px; }
#login-wrapper .extra .asterix { font-style: italic; font-size: 11px; margin: 0; }
.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 {  vertical-align: middle; vertical-align: middle; word-break: break-word;}
.body-wrapper table tbody .btn-group-table  {  width: auto;  float: right; display: block; }
.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; padding-right: 16px; }
.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.darken, table.analysisItemResults td[name="specificationMin"], table.analysisItemResults td[name="specificationMax"] { background: rgb(218, 201, 201); /* The Fallback */ background-color: rgba(0, 0, 0, 0.06);}
.body-wrapper .table .retain { width: 115px; text-align: right; }
.body-wrapper .table .color { width: 40px; height: 20px; display: block; }
.body-wrapper .frm_upload input[type="file"] { line-height: 0px; }
.body-wrapper .table ul.retain-locations { font-size: 11px; margin: 0; padding: 0; list-style-type: none; }
.body-wrapper .table ul.retain-locations li { border-bottom: 1px dotted #bbbbbb; }
.body-wrapper .table ul.retain-locations li:last-child { border-bottom: 0; }

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

/* ####### 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; }

#new-job-request .mail-dist-cell { margin-left: 17px; }
.operationOther { display: none; }

/*##### TRUSTED IP #######################*/
.range-widget .part { position: relative; display: inline-block; width: 60px; margin-right: 15px; vertical-align: top; text-align: left; }
.range-widget.ip .part:nth-of-type(1):after, .range-widget.ip .part:nth-of-type(2):after, .range-widget.ip .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; }
.range-widget .part.range-end { width: auto; }
.range-widget .part.range-end .label { display: inline-block; }
.range-widget .part:last-of-type { margin-right: 0; }
.range-widget .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; }
.range-widget input[type=number]::-webkit-inner-spin-button,
.range-widget input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
.range-widget input[type=number] { -moz-appearance:textfield; -webkit-appearance: none; appearance: none; }
.range-widget .range-line { position: relative; display: inline-block; }
.range-widget .range-line:before { content: ''; display: inline-block; position: absolute; top: -5px; left: -14px; margin: auto; width: 10px; height: 3px; background-color: #444; }
.range-widget .help-block { color: #b94a48; }
.range-widget .help-block { list-style-type: none; margin: 0;  }
.range-widget .help-block li { padding: 0; }
.range-widget .number-example { display: inline-block; line-height: 40px; font-style: italic; margin-left: 10px; }

/*#####MANAGE DISPLAY#######################*/
.manage-display .options { width: 100%; list-style-type: none; padding: 0; margin: 0 0 15px 0;}
.manage-display .options > li { width: 100%; padding: 6px 0; min-height: 24px; margin: 0; border-bottom: 1px solid #CCCCCC; }
.manage-display .options .move, .manage-display .options .move > label { cursor: move; min-width: 75%; }
.manage-display .options .move label [data-toggle="toggle"], .manage-display .toggle-group { cursor: pointer; }
.manage-display .toggle-off.btn { padding-left: 18px; }
[data-toggle="toggle"] { min-height: 20px; }

/* 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 { margin-left: 10px; }
#searchform button[type=reset] { background: none; border: 0; outline: none; padding: 0; }
#searchCalender { width: 275px;  float: right;  height: auto; }

/*#####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: 2000 !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: "freesans", 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:not(.cke_editable_inline) { background-color: white; font-weight: bold; }
.inline-icon { opacity: 0.5; float: right; }
.inline-edit .internal, .inline-edit .mail { margin: 0; }

.sample-detail .row-fluid [class*="span"], .inline-edit .row-fluid [class*="span"] { line-height: 30px; }
.sample-detail .title, .well .title, .inline-edit .title, .well .title { margin-bottom: 10px; }
.sample-detail .title h3, .well .title h3, .inline-edit .title h3, .well .title h3 { line-height: 12px; }
.sample-detail .title h3, .inline-edit .title h3 { line-height: 1.5; margin: 3px 0; float: left; }
.sample-detail .title .label, .inline-edit .title .label { margin: 6px 0 0 10px; text-transform: uppercase; float: left; }
.sample-detail .inline-edit-click, .inline-edit .inline-edit-click:not(.cke_editable_inline) { background-color: white; font-weight: bold; }
.sample-detail .inline-icon, .inline-edit .inline-icon { margin: 8px 0 0 0; }
.sample-detail .multiple-lines, .inline-edit .multiple-lines { white-space: pre-wrap; display: inline-block; }
.sample-detail .expected-date { position: relative; }
.sample-detail .expected-date .open-remarks { cursor: pointer; }
.sample-detail .expected-date .caret { border-width: 7px; position: absolute; top: 11px; right: 10px; cursor: pointer; opacity: 0.5; }
.sample-detail .expected-date.open .caret { border-top: 0; border-bottom: 7px solid #000; }
.sample-detail .expected-date-info.open { width: auto; background-color: #e5e2e1; padding: 7px 10px; margin-bottom: 10px; }
.sample-detail .expected-date-checkbox div[name] { min-height: 25px; vertical-align: middle; line-height: 1.7; }
.sample-detail .expected-date .inline { width: 85% !important; }
.sample-detail .lrq-templates span { display: inline-block; width: 70px; font-weight: bold; }

.body-wrapper .table td.nowrap > *, .body-wrapper .table th.nowrap > * { display: inline-block; float: none; }
.body-wrapper .table td.nowrap > a, .body-wrapper .table th.nowrap > a { vertical-align: bottom; padding-right: 16px; }
.body-wrapper .table th.nowrap > .inline-icon { margin: 0; }

.flex-label { display: flex; justify-content: space-between; }
.description label, #multiple-copy label { display: inline-block; }
.description input, #multiple-copy input { vertical-align: top; }
.description-wrapper { padding: 1rem; border: 1px dotted gray; border-radius: 6px; }
.description .option, #multiple-copy .option { margin-bottom: 5px; }
.description .teller { margin-right: 10px; -webkit-padding-end: 0; user-select: none; }
.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; margin-top: -5px; width: auto; }
.description .uml { margin-top: 10px; }
.description .uml #uml { margin-right: 5px; }
#copy .chzn-container { width: 350px !important; }

.subclient select { width: 100%; }
.subclient.input-append select { width: 723px; }
.subclient .chzn-single { border-radius: 5px; }
.subclient.input-append .chzn-single { border-radius: 5px 0 0 5px; }
.subclient .add-on, .subject .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, .has-error .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, .has-error .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); }
.form-errors .help-block { color: #b94a48; }
.form-errors ul { list-style-type: none; margin: 0;  }
.form-errors ul li { padding: 0; }
.form-errors [class*="span"] { min-height: 0; }

#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 !important; 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; }
#multiple-edit .option:last-child .form-group { margin-bottom: 0 !important; }

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

.labteam, .active-sample-filter { width: 100%; height: 5px; }

.badge { vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 5px; line-height: 5px; font-size: 10px; }

.btn-disabled { margin: 2px 15px 0 0; float: left; }

/*#####COLORPICKER#######################*/
.colorpicker { -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; padding: 5px; background-color: #f1efee;}
.colorpicker:before, .colorpicker:after { display: none; border: none; }

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

.infotooltip { float: right; margin: 2px 0 0 5px; opacity: 0.5; }
.sample-detail .infotooltip, .inline-edit .infotooltip { margin: 8px 5px 0 0; }
.tooltip-inner { max-width: 250px !important; }
form input[type=checkbox] { margin-top: -2px !important; }
.form-group input[type=checkbox] { margin-top: 5px !important; }
#show-items label { float: left; margin: 5px 5px 0 0; }
#show-items .select { float: left; width: 65px; }

.sample-detail .span3special, .inline-edit .span3special { width: 19.75%; }
.sample-detail .span9special, .inline-edit .span9special { width: 79%; margin-left: 1.25%; }

.text-right { text-align: right !important; }

#modalMultipleCopy .fields .form-group { margin-bottom: 5px; }

#copy .option input[type=checkbox] { float: left; margin-top: 9px !important; margin-right: 7px; }
#multiple-copy input[type=checkbox] { margin-top: 5px !important; }
#copy .option .control-label { width: 150px; }
#copy .option:last-child .form-group { margin: 0; }

.modal .deliverTo { padding-left: 160px; font-weight: bold; }
.modal .deliverToSelected { padding-left: 95px; font-style: italic; }
.modal.large { left: 0; right: 0; width: 900px; max-width: 100%; margin: auto; margin-left: auto; margin-right: auto; }
.modal.overflow-visible .modal-body { overflow-y: visible; }

/*##### JOB SECTIONS ######################*/
.job-buttons { margin-bottom: 11px; }
.job-section { margin-bottom: 20px; }
.job-section-header { background-color: #f1efee; border-radius: 6px; border: 1px solid #e3e3e3; margin-bottom: 10px; padding: 9px 24px 1px; }
.job-section-header:hover { cursor: pointer; }
.job-section-header .title { font-weight: bold; line-height: 20px; }
.job-section-body { display: none; margin: 6px 0 0; padding: 0 24px; }
.job-section-body table { margin-bottom: 0; }
.job-section-body .add-button { margin: 10px 0; }
.body-wrapper .job-section-body .table tbody tr:nth-child(odd) { background-color: transparent; }
.title .labels { clear: left; }
.title .labels .label { margin: 5px 10px 0 0;}
.job-section-body tr.negative-survey-score td { color: red; }
.job-section .table .timestamp {
    overflow: hidden;
}
.job-section .table .timestamp td, .job-section .table .timestamp th {
    background-color: #f1efee;
    border: 1px solid #dddddd;
}

/*##### SURVEY TEMPLATES ######################*/
#survey-lines th { text-align: center; }
#survey-lines td { vertical-align: top; padding: 5px; }
#survey-lines tr:last-child td { border-bottom: none; }
#survey-lines td .form-group { margin-top: 5px; margin-bottom: 0; }

.sample-detail .expected-date { color: #CD853F; }
.selected > li > a { border-bottom: none; }

/*##### CHECKBOXES ######################*/
.sample-detail .expected-date, .expected-date a { color: #CD853F; }
.form-group .checkboxes { box-sizing: border-box; margin-left: 21px; margin-top: 5px; }
.form-group .checkboxes .checkbox { float: left; width: 25%; padding-left: 0; padding-right: 0; }
.form-group .checkboxes .checkbox input[type=checkbox] { margin-top: 5px !important; }
.form-group .checkboxes .checkbox input[type=checkbox][readonly] { opacity: .25; }

.file-info { display: block; margin-top: 5px; }

/* Ios safari fix for jquery click events on span and divs */
@media screen and (max-device-width: 480px) and (orientation: portrait){
    div[contenteditable], span[contenteditable] { cursor: pointer; }
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
    div[contenteditable], span[contenteditable] { cursor: pointer; }
}

/*##### MAIL REPORT ######################*/
#mail-report label { font-size: 13px; font-weight: bold; margin: 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;
}
.input-append, .input-prepend { width: calc(100% - 28px); }
.description .input-append, .description .input-prepend { width: auto !important; }
.subclient.input-append select { width: 100% !important; }

/*##### CUSTOM TIMEPICKER ######################*/
.custom-timepicker .modal-body { text-align: center; }
.custom-timepicker .timeslots .timeslot { display: block; width: 32.65%; background: #5BB75B; color: white; float: left; text-align: center; margin: 0 0.5% 1% 0.5%;
padding: 15px; box-sizing: border-box; cursor: pointer; font-size: 14px; }
.custom-timepicker .timeslots .timeslot.nomarginl { margin-left: 0%; }
.custom-timepicker .timeslots .timeslot.nomarginr { margin-right: 0%; }
.custom-timepicker .timepicker { width: 285px; box-sizing: border-box; padding: 20px 0; font-size: 24px; text-align: center; box-shadow: none; }
.custom-timepicker .timepicker.suggestion { color: darkgray; font-style: italic; }
.custom-timepicker .timepicker:not(.suggestion) + .suggestion-remarks { display: none; }
.custom-timepicker .timepicker.suggestion + .suggestion-remarks { display: block; color: gray; font-style: italic; font-size: 11px; margin-top: -10px; margin-bottom: 5px; }
.custom-timepicker .modal-body .row-fluid { margin-bottom: 10px; }
.custom-timepicker .modal-body .row-fluid:last-child { margin-bottom: 0; }
.custom-timepicker .modal-body input[type=checkbox] { margin: 0; }
.custom-timepicker .modal-body label { font-weight: bold; font-size: 13px; }
.custom-timepicker .modal-body textarea { resize: none; }

/*##### MODAL: ENABLE INPUT CLIENT ######################*/
#modalEnableInputClient .chzn-container,
#modalEnableInputClient .chzn-container .search-field,
#modalEnableInputClient .chzn-container .search-field input { width: 100% !important; }
#modalEnableInputClient .modal-body { overflow: visible; }

.emails { margin-top: 5px; font-style:italic; }

/*##### SAMPLE STORAGE ######################*/
.btn-block { font-size: 20px; padding: 20px 20px; }
.btn-block svg { margin-bottom: 10px; }


/*##### AUTHENTICITY ######################*/
.authenticity { display: block; width: 100%; padding: 30px 20px; color: white; border-radius: 4px; display: flex;
    align-items: center; margin-bottom: 10px; box-sizing: border-box; }
.authenticity h3 { font-size: 18px; font-weight: bold; margin: 0; line-height: 1; }
.authenticity a { color: white; }
.authenticity svg { margin-right: 15px; }
.authenticity p { margin: 10px 0 0 0; }
.authenticity.valid { background: #03c03c; }
.authenticity.not-valid { background: #ff6961; }

/*##### SAMPLE CONFIRMATION ######################*/
.sample-confirmation {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #f2dede;
    border-left-width: 10px;
    border-left-style: solid;
    padding: 8px 14px;
    margin-bottom: 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-radius: 4px;
}
.sample-confirmation a, .sample-confirmation a:hover  {
    color: #b94a48;
}
.sample-confirmation p {
    margin-bottom: 0;
}

/*BOOTSTRAP OVERWRITES*/
.pagination {
    margin-bottom: 0;
}

.navbar .nav {
    margin: 0 0 0 0;
}

/*##### FOUNDATION SWITCH BUTTON ######################*/
.switch {
    display: inline-block;
    position: relative;
    outline: 0;
    font-size: 12px;
    color: #fefefe;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0;
}
.switch-label {
    position: absolute;
    color: black;
    left: 80px;
    margin-bottom: 0;
    width: 180px;
    /*HARDCODED WIDTH FOR LABEL BECAUSE IT INHERITS 4.5REM WIDTH*/
    top: 50%;
    transform: translateY(-50%);
}
.switch-paddle {
    margin-top: 10px;
    position: relative;
    display: block;
    width: 4.5rem;
    height: 1.5rem;
    border-radius: 2px;
    background: #cacaca;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    font-size: inherit;
    color: inherit;
    cursor: pointer;
    margin-bottom: 0;
}
.switch-paddle::after {
    position: absolute;
    display: block;
    left: 0.25rem;
    top: 0.25rem;
    width: 2rem;
    height: 1rem;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-radius: 2px;
    background: #F0F0F0;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    content: '';
}
input:checked~.switch-paddle:after {
    left: 2.25rem;
}
input:checked~.switch-paddle {
    background: #c79900;
}
input:checked+label>.switch-active {
    display: block;
}
.switch-active {
    left: 13%;
    display: none;
}
.switch-inactive {
    right: 8%;
}
.switch-active, .switch-inactive {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 768px) {
    /*RESPONSIVE HEADER*/
    header .heading #header-wrapper #slogan-wrapper h1.slogan {
        font-size: 1.5rem;
        line-height: 1.5rem;
        width: 100px;
        margin-left: 10px;
    }
    header .heading #header-wrapper #slogan-wrapper #logo {
        margin-top: 30px;
    }
    header .heading #header-wrapper #slogan-wrapper #logo img {
        height: 70px;
        width: auto;
    }
    header .heading #header-wrapper #slogan-wrapper #irp {
        width: 75px;
        height: auto;
        margin-top: 45px;
    }

    /*RESPONSIVE MODAL*/
    .modal {
        left: 0;
        margin-left: 10px;
        width: calc(100% - 20px);
    }

    /*RESPONSIVE LOGIN*/
    .body-wrapper {
        padding-top: 10px;
        min-height: calc(100vh - (174px + 151px));
    }
    #login-wrapper {
        margin: 0 auto;
    }

    /*RESPONSIVE FORM*/
    .form-horizontal .col-lg-10 {
        margin-left: 0;
    }

    /*RESPONSIVE FOOTER*/
    footer {
        padding: 30px 0;
        margin-top: 0;
    }
    footer .span3 {
        width: 50% !important;
        margin-left: 0 !important;
    }

    /*RESPONSIVE BUTTON*/
    .btn-group-mobile {
        width: 100%;
    }
    .btn-mobile {
        display: block;
        width: 100%;
        border-radius: 4px !important;
        padding: 10px 0;
        margin: 0 !important;
    }
    .btn-mobile:first-child {
        margin-bottom: 10px !important;
    }
    /*RESPONSIVE WELL*/
    .well-mobile {
        margin-bottom: 10px;
    }
    .hide-for-warehouse {
        display: none;
    }
    .mr-5-px-for-warehouse {
        margin-right: 5px;
    }

    /*RESPONSIVE DIVISIONS*/
    .dropdown-menu {
        min-width: 100px;
    }
    .center-for-warehouse {
        text-align: center !important;
    }
}

@media only screen and (max-width: 500px) {
    /*RESPONSIVE LOGIN*/
    .body-wrapper {
        min-height: calc(100vh - (174px + 221px));
    }
    #login-wrapper {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    /*RESPONSIVE FOOTER*/
    footer .span3 {
        width: 100% !important;
    }
}

/*UTILITY*/
.mt-0 {
    margin-top: 0 !important;
}
.w-100 {
    width: 100% !important;
}

.m-b-5px {
    margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
    .show-for-warehouse {
        display: none;
    }
}

/* Custom bg */
body.car {  background-image: url(../img/vw_golf.jpg); background-size: 10%; }
body.car .body-wrapper.frontpage { background: rgba(255,255,255,0.75); }

.btn.disabled,
.btn[disabled],
.btn[disabled].btn-primary
{
    cursor: wait;
    opacity: .5;
}

.date-range-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.date-range-divider {
    margin: 0 10px;
}

/* Flex utilities */
.d-flex {
    display: flex !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-start {
    align-items: start !important;
}

/* jQuery UI autocomplete */
input.ui-autocomplete-input.has-results {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
ul.ui-autocomplete {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    border-top: none;
    border-color: rgba(82, 168, 236, 0.8);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    max-height: 130px;
    overflow-y: auto;
}

ul.ui-autocomplete li.ui-state-focus {
    border-color: rgba(82, 168, 236, 0.8);
    background: rgba(82, 168, 236, 0.8);
    color: white;
    font-weight: normal;
}

ul.ui-autocomplete li:last-child.ui-state-focus {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Removes default width from inputs */
input, textarea, .uneditable-input {
    width: 100%;
}

.input-append.density {
    display: flex;
    padding-inline-end: 0;
}

.input-append.density .right {
    border-radius: 0 4px 4px 0;
    border-left: 0;
}

/* Disable text wrapping */
.no-wrap {
    white-space: nowrap !important;
}

.alert a {
    color: inherit !important;
}

/* Toggle wrapper */
.toggle-wrapper {
    display: flex;
}

.toggle-text {
    counter-increment: number;
    flex-grow: 1;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.toggle-text::after {
    content: " #" counter(number);
}

.toggle-target {
    margin-top: 20px;
    display: block;
}

.toggle-input {
    display: none !important;
}

.toggle-input:checked ~ .toggle-target {
    display: none;
}
/* Select2 */
.select2-container {
    margin-bottom: 10px;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #cccccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    height: 30px;
    padding-top: 1px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #cccccc;
    height: auto;
    margin: 0;
}
.select2-dropdown {
    border: 1px solid #cccccc;
}
.select2-container .select2-selection--multiple {
    min-height: 28px;
    line-height: 1.3;
}
.select2-container .select2-selection--multiple input[type="search"] {
    margin-bottom: 0;
}
.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #cccccc;
}
.select2-results__option {
    color: #555555;
}

.certificate-preview {
    width:      100%;
    min-height: 60vh;
    border:     none;
}

/* utility class */

.form-resize-vertical {
    resize: vertical;
}

#inspectorate_reportbundle_sitetype_coaFieldsMandatory label:hover {
    cursor: move;
}