/* source-sans-3-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: 'Source Sans 3';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/source-sans-3-v19-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/source-sans-3-v19-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+ */
}
/* 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+ */
}

/*
 * 1. General
 */
body { background: #eeeeee; color: #67655b; font-family: 'Source Sans 3', Arial, sans-serif; font-size: 0.95rem; position: relative; min-height: 100%; height: auto; }
h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans 3', Arial, sans-serif; }
h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.2rem; }
h4 { font-size: 1rem; }
label, select { cursor: pointer; }
label { font-size: 0.95rem; color: #67655b; }
select, input, textarea { color: #67655b; }
a { transition: background-color 0.25s ease-out, color 0.25s ease-out; }
.actions a { color: #67655B; }
.actions a:hover { color: #3e3b2c; }
.row { max-width: 75rem; margin-left:auto; margin-right:auto;}
.callout, .button, select, input, textarea { border-radius: 0; }
.callout { border-radius: 0; border: none; color: #67655B; margin: 0; }
.button { background-color: #c79900; font-size: 0.95rem; }
.button:hover, .button:focus { background-color: #AB8300; }
.button.hollow { border: none; color: #67655B; }
.button.hollow:hover { background: none; color: #3e3b2c; }
.dropdown.menu > li.is-dropdown-submenu-parent > .button.hollow::after { border-color: #67655B transparent transparent; }
.button .fa { margin-right: 5px; }
.is-dropdown-submenu { background: #67655B; border: none; }
.umargin { margin-top: 1rem; }
.bmargin { margin-bottom: 1rem; }
.nomargin { margin: 0; }
.nospadding { padding-left: 0; padding-right: 0; }
table tbody tr:nth-child(even) { background-color: #f6f6f6; }
.switch-paddle { background: #D6D8D8; border-radius: 25px; }
input:checked ~ .switch-paddle { background: #75B564; }
.switch-paddle::after { border-radius: 50%; }
.switch-active { left: 15%; }
.switch-inactive { right: 15%; }
.switch.small .switch-paddle { font-size: 0.9rem; }
table { font-size: 0.95rem; }
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { border-radius: 0; box-shadow: none; color: #67655b; }
.pagination .current { background: #c79900; }
.pagination a, .pagination button { color: #67655B; }
#wrapper { min-height: 100%; }
.italic { font-style: italic; }
form input.error, form select.error { margin: 0; }
form i.error { color: red; display: block; margin: 0.5rem 0 1rem; }
.pagination { margin: 0; }
.input-group > :first-child { border-radius: 0; }
.inline-block { display: inline-block; }
.icon-wrapper { display: inline-block; width:23px; }
button .fa, a .fa { display: inline; }
.norpadding { padding-right: 0; }
.nolpadding { padding-left: 0; }
.inline-table { display: inline-table; }
.red { color: red; }
.green { color: green; }
.bold { font-weight: bold; }
.spinner { position: relative; margin-left: 3px; margin-top: -3px; width: 20px; }
.login-form .error { margin-bottom: 5px; }
table select, table input, table .chosen-container, table .input-group { margin: 0 !important; }
table td.text-center input { text-align: center; }
ul.inline-list { margin: 0; }
ul.inline-list li { display: inline-block; }
ul.inline-list li label { margin-left: 5px; }
select.inline { margin: 0; height: 2rem; line-height: 1; padding: 0.25rem 1.5rem 0.25rem 0.25rem; }
.reveal-overlay { z-index: 99; }
.reveal-overlay .callout { padding: 0; }
.reveal-overlay .button.back { display: none;}
form label.required:after { content: "*"; }

/*
 * 2. Top
 */
#top { background: #67655B; color: white; position: relative; z-index: 1000; }
#top > .row { display: table; width: 100%; }
#top > .row > .columns { display: table-cell; width: auto; float: none; vertical-align: middle; }
#top > .row > .columns:first-child { padding-right: 0; }
#top > .row > .columns:last-child { text-align: right; padding-left: 0; }
#top .menu li { font-weight: normal; }
#top .menu li a { color: white; }
#top .menu li.active { background: #AC0731 !important; }
#top .menu li.active a { background: transparent; font-weight: bold; }
#top .menu li:hover > a { background: #AC0731 !important; }
#top .main-menu > li > a { padding: 0.8rem 0.85rem; }
#top .dropdown.menu > li.is-dropdown-submenu-parent > a { padding-right: 1.75rem; }
#top .dropdown.menu > li.is-dropdown-submenu-parent > a::after { right: 10px; border-color: white transparent transparent; }
#top .button { padding: 0.5em 1em; height: 34px; border: 1px solid transparent; }
#top .main-menu.open { position: fixed; height: 100%; max-height: 100%; top: 49px; left: 0; width: 100%; display: block !important; z-index: 1000; margin: 0; padding: 0 0 44px; overflow: scroll; }
#top .main-menu.open li { width: 100%; display: block; }
#top .main-menu.open li a { width: 100%; display: block; background-color: #67655b; padding: 20px; font-size: 1.15rem; border-top: 1px solid #535353; }
#top .main-menu.open > li:first-child a { border-top: 0; }
#top .main-menu.open li i { margin-right: 15px; width: 20px; }
#top .main-menu.open li.is-dropdown-submenu-parent > a { display: none; }
#top .main-menu.open li.is-dropdown-submenu-parent ul { display: block; width: 100%; position: relative; }
#top .main-menu .submenu .fa { width: 17.5px; text-align: center; }
#top .second-menu { margin: 4px 0; }
#top .second-menu li { padding-left: 5px; }
#top .second-menu li.active { padding-left: 0; }
#top .toggle-menu { cursor: pointer; font-size: 1.25rem; }
#top .toggle-menu i { margin-right: 5px;  }
#overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(10,10,10,0.45); z-index: 999; overflow: hidden;  }
.main-menu .menuitem { white-space: nowrap; }
.main-menu .menuitem-news .badge { font-size: 12px; line-height: 12px; padding: 3px; min-width: 1.6em; margin-right: 4px; }
#top .columns:last-child { padding-left: 0; }
#top .columns:first-child { padding-right: 0; }
.mobile-menu-open #top { position: fixed; top: 0; width: 100%; border-bottom: 1px solid #535353; }
body.mobile-menu-open { overflow: hidden; }
#top .main-menu a span { vertical-align: top; }

.switch-view .buttons { width: 205px; position: relative; }
.switch-view .button { width: 100%; text-align: left; }
.switch-view .dropdown-pane { width: 100%; color: white; font-size: 0.95rem; border: none; border-radius: 0; padding: 0; left: 0 !important; }

/*
 * 3. Header
 */
#header {position: relative; height: 150px; }
#header .row { z-index: 99; position: relative; }
#header .logo { position: absolute; top: 0; left: -60px; width: 290px; }
#header .logo img { width: 100%; }
#header .logo-bv { position: absolute; top: 15px; right: 60px; width: 110px; }
#header .logo-bv img { width: 100%; }
#header .bg { z-index: 97; background: url(../img/banner.png) repeat-x right; background-size: auto 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#header .bg-bg { z-index: 96; background-color: #8c1e2e; border-bottom: 17px solid #b0002e; position: absolute; top: 0; left: 0; width: 25%; height: 100%; }
#header .name { color: white; font-size: 2rem; font-weight: bold; position: absolute; top: 25px; left: 145px; }
#header .portal { color: white; font-size: 1.75rem; font-weight: normal; position: absolute; top: 65px; left: 145px; }
#header .dev { width: 100%; height: 20px; background: seagreen; position: absolute; bottom: 0; z-index: 99;}

/*
 * 4. Content
 */
#content { padding: 35px 0 75px; }
#content .search { margin-bottom: 1rem; display: none; }
#content .search .input-group-label { background: none; }
#content .callout label { color: #B7B1A9; }
#content .buttons .button, .reveal-overlay .buttons .button { padding-top: 0.85em; padding-bottom: 0.85em; }
#content thead { background-color: #67655b; color: white; }
#content tfoot { background-color: #676459a6; color: white; }
#content #show-items { display: inline-block; margin-right: 25px;  }
#content #show-items select { width: 60px; margin-left: 5px;  }
#content #sort-by { display: inline-block; }
#content #sort_by { width: 125px; margin-left: 5px;  }
#content #sort_by_order { width: 70px; margin-left: 5px;  }
#content .table-actions .item { margin-left: 25px; }
#content .finished-label { margin: 10px 0 0 10px; font-size: 16px }
#content .job-subject { margin: 15px 0 0 7px; font-size: 16px }
#content .detail { margin-bottom: 15px; line-height: 1.8; }
#content .detail label { color: #B7B1A9; }
#content .detail .row { margin-bottom: 5px; }
#content .detail .row:last-child { margin-bottom: 0; }
#content .sample { margin-bottom: 15px; }
#content .sample { margin-bottom: 15px; }
#content .timeline { margin-bottom: 15px; }
#content .timeline .title { margin-bottom: 15px; }
#content .timeline .row { margin-bottom: 30px; }
#content .timeline .row:first-child, #content .timeline .row:last-child { margin-bottom: 0; }
#content .timeline .step { display: block; float:left; text-align: center; color: #B7B1A9; transition: color 0.25s ease-out; }
#content .timeline .step:focus { outline: none; }
#content .timeline .step .title { display: table; width: 100%; height: 35px; padding: 0 10px; margin: 0 0 5px 0; }
#content .timeline .step .title label { display: table-cell; vertical-align: middle; line-height: 1.2; color: #B7B1A9; cursor: auto; }
#content .timeline .step.done, #content .timeline .step.done label { color: #67655B; }
#content .timeline .step[data-open], #content .timeline .step[data-open] label, #content .timeline .step[data-open] .fa { cursor: pointer; }
#content .timeline .step[data-open]:hover, #content .timeline .step[data-open]:hover label { color: #42403a; }
#content .timeline .fa { font-size: 35px; margin-bottom: 10px; }
#content .timeline .timestamp { font-style: italic; }
#content .timeline .timestamp .fa { margin-bottom: 0; font-size: inherit; }
#content .timeline .timestamp .expected { color: #F7CA18; }
#content .timeline .timestamp .completed { color: #26A65B; }
#content .actions { text-align: left; }
#content .actions a { margin-left: 10px; font-size: 1.2rem; }
#content .actions button.fa { font-size: 1.2rem; }
#content .actions form { display: inline-block; margin-left: 10px; }
#content .actions a:first-child { margin-left: 0; }
#content form .actions { margin-top: 32px; }
#content table.clickable tbody tr { cursor: pointer; transition: background-color 0.25s ease-out, color 0.25s ease-out; }
#content table.clickable tbody tr:hover { background-color: #e4e4e4; }
#content table.clickable tbody td.checkboxes { cursor: default; }
#content table.clickable tbody td.checkboxes input[type=checkbox] { cursor: pointer; }
#content table i.fa { font-size: 1.2rem; }
#content table th.checkbox, #content table td.checkbox { padding: 0.5rem 0 0.5rem 0.625rem; }
#content .map { margin-bottom: 1rem; display: none; }
#content .item.float-left { margin-right: 1rem; }

#content .login { text-align: center; }
#content .login img { width: 125px; margin-bottom: 30px; }
#content .login .title { margin-bottom: 30px; }

.callout.comparison-labels { margin-bottom: 2rem; }
.callout.news { margin-bottom: 2rem; }

.icp-color{ background-color: #c79900; }

.dropdown-button.export-button .dropdown-pane, .dropdown-button.export-button button { width: auto; }
.dropdown-button .dropdown-pane { padding-bottom: 0; }
.dropdown-button ul{ margin-left: 0; }
.dropdown-button li{ list-style: none; cursor: pointer; cursor: hand; padding-bottom: 15px; }
.dropdown-button li:hover{ color: #3e3b2c; }
.dropdown-button li:last-child{ padding-bottom: 0; }

td.checkboxes input[type=checkbox] { margin: 0; }
input[type=checkbox].nomargin { margin: 0; }

#content table.inline-edit td { position: relative; }
#content table.inline-edit .inline-check { font-size: 0.95rem; margin-right: 5px; }
#content div.inline-edit .inline-check { margin-right: 5px; }
#content .inline-icon { float: right; margin-top: 5px; }

#content .row.special-add button { float: right; width: 20%; }
#content .row.special-add .chosen-container { width: 80% !important; }

.vich-file { margin-bottom: 1rem; line-height: 1; }
.vich-file.error { margin-bottom: 0; }
.vich-file input[type=file] { display: none; }
.vich-file .input-append { display: inline-block; width: 60%; min-width: 300px; margin-right: 15px; }
#content .vich-file .input-append label.button { color: #ffffff; display: inline-block; float: left; width: 33%; margin: 0; padding: 9px 0; font-size: 1rem; line-height: 19px; white-space: nowrap; }
.vich-file .file-name { margin-bottom: 2px; display: inline-block; width: 66%; margin: 0; float: left; }
.vich-file .file-name::-webkit-input-placeholder { color: #666; }
.vich-file .file-name:-moz-placeholder { color: #666; opacity:  1; }
.vich-file .file-name::-moz-placeholder { color: #666; opacity:  1; }
.vich-file .file-name:-ms-input-placeholder { color: #666; }
.vich-file .file-name::-ms-input-placeholder { color: #666; }
.vich-file .has-file { display: inline-block; vertical-align: top; margin-top: 7px; }
.vich-file .current-file, .vich-file .delete-file { display: inline-block; vertical-align: middle; }
.vich-file .current-file { margin-top: 1px; display: inline-block; margin-right: 25px; }
.vich-file .current-file .fa { margin-right: 5px; }
.vich-file input[type=checkbox] { margin-bottom: 0; }
.vich-file .delete-file input[type=checkbox] { float: left; margin-top: 10px; margin-right: 7.5px; }
.vich-file .delete-file label { float: right; }

#content .mobile-table input[type=checkbox] { margin: 0; }

.inspectorate-token input { width: 60px; float: left; }
.inspectorate-token #generate { float: left; margin-left: 5px; padding: 0.75em 1em; }

#content .title-box { position: relative; }
#content .title-box h1 { margin-right: 0; vertical-align: top; display: inline-block; }
#content .title-box i.fa { font-size: 1.2rem; display: inline-block; margin-top: 1px; }
#content .title-box i.fa.fa-trash, #content .title-box i.fa.fa-trash-o { margin-top: 2px; }

#content table .input-group { margin: 0; }
#content table .input-group .button { padding: 0.65em 1em; }
#content table .input-group input { text-align: center; }
#job-samples td { vertical-align: top; }
#job-samples td.actions { vertical-align: middle; }
#job-samples i.error { margin: 0.5rem 0 0 0; }

.input-group .chosen-container { margin: 0; }
.add-haulier .input-group-label { cursor: pointer; color: white; background-color: #5da423;}
.add-haulier .input-group-label.alert { background-color: #cc4b37;}
.haulier .callout { background-color: #eeeeee; border: 1px solid #cacaca; }
.haulier .callout label { color: #67655B !important; }

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

.hazard-symbols { display: flex; align-items: center; margin-bottom: 1rem; }
.hazard-symbols .hazard { margin-left: 10px; display: flex; align-items: inherit; }
.hazard-symbols .hazard .description { font-style: italic; margin-left: 10px; }
.hazard-symbols .hazard img { width: 70px; margin-right: 5px; }
.hazard-symbols .checkbox label { display: none; }
.hazard-symbols .checkbox input { margin: 0; }
.hazard-mini { width: 50px; margin-right: 5px; }

.description .input-group { margin-bottom: 0; }
.description label { display: inline-block; }
.description input { vertical-align: top; }
.description .title { padding-bottom: 5px; border-bottom: 1px dotted gray; display: block; margin-bottom: 1rem; }
.description .option { margin-bottom: 1rem; display: flex; align-items: center; }
.description .teller { -webkit-padding-end: 0; user-select: none; width: 155px; margin-right: 1rem; }
.description .teller .getal { background-color: white; }
.description .teller .plus { cursor: pointer; }
.description .teller .minus { cursor: pointer; }
.description .uml { margin-top: 10px; }
.description .uml #uml { margin-right: 5px; }
.description .description-other { float: left; width: calc(100% - 155px - 1rem); }
.composite-sample [type=checkbox] { float: left; margin-top: 15px; margin-right: 15px; }
.composite-sample [type=text] { float: left; width: calc(100% - 27px); }

.other-actions .dropdown-pane { width: auto; min-width: 200px; height: auto; border-radius: 0px; padding: 0; text-align: left; }
.other-actions .dropdown-pane ul { padding: 0; margin: 0; list-style-type: none; font-size: 0.90rem; }
.other-actions .dropdown-pane ul li { padding: 0; margin: 0; position: relative; }
.other-actions .dropdown-pane ul li a { outline: none; color: #67655B; padding: 0.5rem 0.75rem; border-bottom: 1px solid #cacaca; display: block; width: 100%; text-align: left; margin: 0; line-height: inherit; }
.other-actions .dropdown-pane ul li a:hover { border-bottom: 1px solid #cacaca; }
.other-actions .dropdown-pane ul li:last-child a { border-bottom: 0; }
.other-actions .dropdown-pane ul li a:hover { color: #3e3b2c; }
.other-actions .dropdown-pane ul li .filter-actions { position: absolute; right: 0.5rem; top: 0.5rem; }
.other-actions .dropdown-pane ul li .filter-actions a { display: inline-block; width: auto; border-bottom: none; padding: 0; }

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

/*
 * 5. Footer
 */
#footer { background: #67655b; padding: 10px 0; color: white; font-size: 0.9rem; position: absolute; bottom: 0; left: 0; right: 0; }
#footer ul { list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: center; }
#footer ul li { margin-right: 25px; display: inline-block; }
#footer ul li:last-of-type { margin-right: 0; }
#footer a { color: white; }
#footer a:hover, #footer a:focus { color: white; text-decoration: underline; }

/*
 * 6. Chosen
 */
.chosen-container-multi .chosen-choices, .chosen-container-active .chosen-choices, .chosen-container-single .chosen-single, .chosen-container-active .chosen-single { background-image: none !important; border: 1px solid #CACAC8 !important; box-shadow: none !important; border-radius: 0 !important; line-height: 2.4375rem; }
.chosen-container-single .chosen-single, .chosen-container-active .chosen-single { height: 2.4375rem; }
.chosen-container { margin-bottom: 1rem; }
.chosen-container-single .chosen-single div b, .chosen-container-active.chosen-with-drop .chosen-single div b { background-position-y: 10px; }
.chosen-container-multi .chosen-choices li.search-choice { line-height: 1.4375rem; }
.chosen-container-multi .chosen-choices li.search-field input[type=text] { height: 2.4375rem; width: 100% !important; font-family: 'Source Sans 3', Arial, sans-serif; padding: .25rem; color: #67655b; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { top: 10px; }
.chosen-container { width: 100% !important; font-size: 1rem; }
.chosen-container .chosen-results li { line-height: 1.25rem; }
.chosen-container .chosen-results, 
.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices li.search-choice { color: #67655b; }
.error .chosen-container { margin: 0; }

/*
 * 7. Mobile
 */
.mobile-table .mobile-header { display: none; }
.mobile-table .clientRef { display: table-cell; }
.mobile-table .name { display: table-cell; }

/*
 * 8. Text utilities
 */
.text-truncate { width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.text-no-wrap { white-space: nowrap; }

/*
 * 9. Spacings
 */
.padding-1 { padding: 1rem !important; }
.margin-bottom-1 { margin-bottom: 1rem !important; }

/*
 * 10. Media queries
 */
@media screen and (max-width: 63.9375em) {
	#top { padding: 3px 0; }
	.mobile-table { width:100%; margin: 0; display: block; position: relative; float: left; clear: left; }
    .mobile-table thead { display: none; }
    .mobile-table tbody { background-color: #eeeeee; display: block; position: relative; float: left; clear: left; width: 100%; }
    .mobile-table tbody td { display: block; text-align:left; background-color: #ffffff; position: relative; float: left; clear: left; width: 100%; }
    .mobile-table tbody td:before { content: attr(data-th); position: absolute; top: 0; left: 10px; display: inline-block; text-align: left; min-width: 105px; max-width: 33%; }    
    .mobile-table tbody tr td { display: none; }
    .mobile-table tbody tr { display: block; margin-bottom: 15px; background-color: #ffffff; position: relative; float: left; clear: left; width: 100%; }
    .mobile-table tbody tr:hover { background-color: #ffffff; }
    .mobile-table tbody tr[data-id] td.actions { display: none; }
    .mobile-table tbody tr td:first-child { background: #67655b; color: white; font-weight:bold;font-size:1.3em; display: block; cursor: pointer; clear: left; height: auto; }
    .mobile-table tbody tr td:last-child { display: block; }
    .mobile-table tbody tr.open { padding-bottom: 10px; max-width: 100%; background-color: #ffffff; }
    .mobile-table tbody tr.open td { display: block; position: relative; padding: 0 10px 0 35%; margin: 10px 0 0; max-width: 100%; min-height: 22px; }
    .mobile-table tbody tr.open td:first-child { height: auto; min-height: 40px; padding: 0.5rem 0.625rem 0.625rem; margin-top: 0; }
    .mobile-table tr td:first-child:before { display: none; }
    .mobile-table .show { color: white; float: right; display: block !important; margin-left: 17px; line-height: inherit; }
    .mobile-table i.fa-paperclip.show { pointer-events: none; }
    .mobile-table tr:not(.open) td:last-child { display: none; }
    .mobile-table tr:not(.open) td:last-child:before { display: none; }
    .mobile-table .header { display: block; }
    .mobile-table .mobile-header > a, .mobile-table .mobile-header > i { float: right; display: block; margin-left: 17px; color: #ffffff; line-height: inherit; }
    .mobile-table .clientReference { display: none !important; }
    .mobile-table .name { display: none !important; }

    #content table.clickable tbody tr.open { cursor: auto; }
    #content table.clickable tbody tr.open:hover { background-color: #ffffff; }
    #content table.clickable tbody td.show-for-large-up { display: none; }
	#content table td.checkbox { padding: 0.5rem 0.625rem 0.625rem; }
	#content form .actions { margin-top: 0; margin-bottom: 15px; }
}

@media screen and (max-width: 39.9375em) {
	#header .logo { left: -90px; top: 10px; width: 260px; }
	#header .name { top: 45px; left: 80px; font-size: 1.5rem; line-height: 1.25; }
    #header .portal { top: 75px; left: 80px; font-size: 1.25rem; line-height: 1.25; }
	#header .logo-bv { top: 15px; right: 15px; width: 95px; }
    #footer ul { flex-direction: column; align-items: center; }
	#content { padding-bottom: 160px; }
}

@media screen and (max-width: 24.9375em){
    .mobile-table tbody tr.open td { padding-left: 115px; }
}

@media screen and (min-width: 100em) {
	#header .bg-bg { width: 50%; }
}

@media screen and (min-width: 125em) {
	#header .bg-bg { width: 50%; }
}

/*
 * Foundation overrides
 */
@media screen and (max-width: 39.9375em){
.reveal {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    width: 90vw;
    height: auto;
    min-height: auto;
    border: 1px solid #cacaca;
    border-radius: 3px;
    }
}

/*
 * Update notice / notice bar
 */
.notice-bar
{
    background-color: #8c1e2f;
    color:            white;
    text-align:       center;
    padding:          10px;
}

textarea.tinymce:user-invalid + div.tox {border-color:red;}