#header {
	position: relative;
	/*height: 153px;*/
}

.dropdown-backdrop {
	display: none;
}

.show-biotypes-selected{
    min-height: 100px;
    max-height: 100px; /* Adjust the max-height value to your desired height */
    max-width: 25vw;
    overflow-y: auto;
    overflow-wrap: break-word;
}

.inline-information {
    margin: 0 0 0 0 !important;
}

.inline-information .button-position {
    margin-left: 0 !important;
    position: relative !important;
}

.debugHover {

}

.d-block {
    display: block;
}

.d-inline-block {
    display: inline-block;
}

.d-none {
    display: none;
}

.navbar-inner {
	background-image: none !important;
	filter: none;
	background-color: #2f96b4 !important;
}

.modal {
	z-index: 3000;
}

.zoomContainer {
	z-index: 1000;
}
.vue-treeselect__placeholder, .vue-treeselect__single-value{
    display: flex;
    align-items: center;
}
.vue-treeselect__control{
    height: 24px !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
 .vue-treeselect__input-container{
    height:22px !important;
    font-size:22px !important;
}
.vue-treeselect__input{
    /*height:22px !important;*/
    margin: 0 !important;
    /* background: red; */
    /* padding: 0; */
    display: flex !important;
    align-items: center !important;
}
.vue-treeselect--disabled .vue-treeselect__single-value {
    color: #aaaaaa !important;
}
/* voor disabled organisation picker hoogte */
.vue-treeselect__placeholder, .vue-treeselect__single-value {
    line-height: 22px !important;
}

.vue-treeselect__menu-container {
    z-index: 50 !important;
}

.vue-treeselect__list-item .vue-treeselect__indent-level-1,
.vue-treeselect__list-item .vue-treeselect__indent-level-2,
.vue-treeselect__list-item .vue-treeselect__indent-level-3,
.vue-treeselect__list-item .vue-treeselect__indent-level-4,
.vue-treeselect__list-item .vue-treeselect__indent-level-5,
.vue-treeselect__list-item .vue-treeselect__indent-level-6,
.vue-treeselect__list-item .vue-treeselect__indent-level-7,
.vue-treeselect__list-item .vue-treeselect__indent-level-8
{
    padding-left: .5rem;
}

#logo {
	float: left;
	width: 1200px;
	height:108px;
	overflow: hidden;
}

#logo.default-background {
	background: url('../images/titelpicNEW.png') transparent no-repeat;
}

#testheading {
	position: absolute;
	top: 2px;
	left: 2px;
	color: #fff;
	padding: 8px;
	font-size: 24px;
	font-weight: bold;
}

.bgred,
.bgred:hover {
	background-color: #dd3333 !important;
}

.organisationEditTreeLaravel{
    height:80vh;
    min-height:80vh;
    overflow: auto;

}

.text-white,
.text-white:hover {
	color: #ffffff;
}

.loading {
	background: url(../../../vendors/ajaxloader/bar-transparent.gif) no-repeat bottom center;
	min-height: 32px;
	padding-bottom: 16px;
	text-align: center;
}

.tickbox {
	display: block;
	height: 12px;
	width: 12px;
	border: 1px;
	border-radius: 6px;
}
.fixed-bottom {
	position: fixed;
	z-index: 20;
	bottom: 0;
	left: 0;
}

.footer {
	background-color: #efefef;
	padding: 2px 0;
	border-top: 1px #cccccc solid;
	width: 100%;
}

.modal-header {
	background-color: #2f96b4;
	color: #fff;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.modal-header:hover {
    cursor: move;
}

.modal-heading {
	font-size: 18px;
}

.modal-close {
	font-size: 20px;
	color: #fff;
	opacity: 1;
	position: relative;
	top: -3px;
	right: -2px;
}

.modal-footer {
	padding: 10px 14px;
}

.select-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}

.bg-red {
	background-color: #dd3333;
}

.profile-menu.open.impersonated {
	min-width: 210px;
}

.profile-menu .dropdown-toggle{
	text-align: right;
}

@media not print {
	.screen-only {
		display: inherit;
	}
}

@media print {
	.screen-only {
		display: none;
	}
}

@media not print {
	.print-only {
		display: none;
	}
}

@media print {
	.print-only {
		display: block;
	}
}

@media screen and (min-width: 1050px) {
	div.row {
		/*width: 1020px;*/
	}
}

@media screen and (max-width: 1049px) {
	div.row {
		/*width: 900px;*/
	}
}

@media screen and (min-width: 960px) {
	#header {
		height: 108px;
		/*border-bottom: 1px #ccc solid;*/
	}

	body .main-container {
		margin: 40px auto 20px auto;
		padding: 10px 0 20px 0;
	}

    body .container-fluid.main-container {
        padding: 10px 20px 20px 20px;
    }

	body.minimal > .container {
		margin-top: 0;
	}

	.navbar .navbar-inner .dropdown .dropdown-menu,
	.nav.visible-desktop {
		margin-top: 0 !important;
	}

	.navbar .brand {
		margin: 6px 10px 0 0;
		padding: 0;
		font-size: 12px;
		line-height: 14px;
	}
}
.datagrid-filter-row > .datagrid-filter > .select2 {
    width:100%;
    padding-right: 4px;
}
.text-black {
	color: #000000;
}

.text-grey {
	color: #505050;
}

.text-muted {
	color: #8e8e8e;
}

.text-danger {
	color: #b94a48;
}

a:hover .text-grey {
	color: #363636;
}

.text-light-grey {
	color: #cccccc;
}

a:hover .text-light-grey {
	color: #868686;
}

.table {
	font-size: 12px;
}

.no-margin {
	margin: 0;
}

td, .table th {
	padding: 2px;
}

td.success { background-color: #dff0d8 !important; }
td.info { background-color: #d9edf7 !important; }
td.warning { background-color: #f3edcc !important; }
td.notice { background-color: #f6ded3 !important; border: 0; border-top: 1px solid #dddddd; }
td.error { background-color: #f2dede !important; border: 0; border-top: 1px solid #dddddd; }
td.danger { background-color: #f1b1b1 !important; border: 0; border-top: 1px solid #dddddd; }


table.info-table caption,
.table thead tr.info > th {
	background-color: #d9edf7;
}
.table tr.info-row th,
.table tr.info-row td {
	background-color: #2f96b4 !important;
	color: #ffffff;
}

th.width40pct,
td.width40pct {
	width: 40%;
}

table tr[rowid] {
    cursor: pointer;
}

table.table-hazards tr.info > th {
	background-color: #2f96b4 !important;
	color: white;
}

table.table-hazards tbody {
	background-color: #f5f5f5;
}

.nowrap {
	white-space: nowrap;
}

.clear {
	clear: both;
}

.clear-right {
	clear: right;
}

.clear-left {
	clear: left;
}

.no-margin {
	margin: 0;
}

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

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

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.cart-qty {
	width: 24px !important;
	margin: 0 0 0 0;
	margin-bottom: 0 !important;
}

/*
 * FORM BEHAVIOUR AND FORMATTING
 */

*.disabled,
*[disabled] {
	cursor: not-allowed !important;
}

.title {
	display: block;
	font-size: 120%;
	margin: 14px 0 14px 0;
	font-weight: bold;
}

.subtitle, .sub-title {
	display: block;
	font-size: 100%;
	margin: 14px 0 14px 0;
	font-weight: bold;
}

.hr {
	border-bottom: 1px #cccccc solid;
	margin-bottom: 4px;
}

.shadow {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	padding: 5px;
}

.title .title-buttons {
	float: right;
	margin-bottom: 0;
}

.control-group {
	margin-bottom: 10px;
	width: 100%;
	float: none;
	clear: both;
}

.control-group.error {
	border: none;
}

.control-group .help-block {
	margin-bottom: 0 !important;
}

.control-group > label {
	font-weight: bold;
}

.control-group .controls > textarea {
	width: 97%;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 4px;
	margin: 0;
	margin-bottom: 10px;
}

.control-group .controls > textarea.medium {
	height: 180px;
}

.control-group .controls > textarea.large {
	height: 350px;
}

.control-group .controls {
	margin-left: 20px;
}

.control-group .btn-adjust-up {
	position: relative;
	top: -3px;
	-top: 0;
}

.control-group .btn-adjust-down {
	position: relative;
	top: 3px;
	-top: 0;
}

.control-group .controls .inline-block {
	display: inline-block;
}

.control-group .controls .inline-block.hide {
	display: none;
}

.control-group .controls .fullwidth {
	width: 97%;
	max-width: 100%;
}
.control-group .controls .fullwidth_logremarks {
    width: 99%;
	max-width: 100%;
}

*[init="datagrid"] tbody tr {
	cursor: pointer !important;
	cursor: hand !important;
}


*[init="datagrid"] thead a {
	cursor: pointer !important;
	cursor: hand !important;
}


*[init="datagrid"] .grid-selectable {
	display: none;
}

*[init="datagrid"] table.table-selectable .grid-selectable {
	display: table-cell;
}

table td.halfwidth,
table th.halfwidth,
.control-group .controls .halfwidth,
.datagrid-filter .halfwidth {
	width: 50%;
}

table td.thirdwidth,
table th.thirdwidth,
.control-group .controls .thirdwidth,
.datagrid-filter .thirdwidth {
	width: 33%;
}

table td.qrtwidth,
table th.qrtwidth,
.control-group .controls .qrtwidth,
.datagrid-filter .qrtwidth {
	width: 25%;
}

.control-group .controls .threeqrtwidth {
	width: 75%;
}


.control-group .tw-controls {
    /* tw-flex */
    display: flex!important;
    padding-left: 20px!important;
}
.control-group .tw-controls input, .control-group .tw-controls select {
    /* tw-ml-5 */
    /* tw-flex-1 */
    flex: 1 1 0 !important;
}

.control-group .tw-controls input.halfwidth {
    flex: none!important;
    width: 50%!important;
}


input[type="radio"][disabled]:checked {
	position: relative;
	height:15px;
	width: 15px;
	box-sizing: border-box;
	/*margin: 0;*/
}
input[type="radio"][disabled]:checked:after {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #0275ff6b;
}
label.inline.radio {
    padding-top: 0 !important;
}

input[type="number"],
.control-group .controls .number,
.datagrid-filter .number {
	text-align: right;
	width: 120px;
}

*[init="datagrid"] .truncate-row {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.storage_temperature_order_line_popup .radio {
	padding-left: 10px;
}

.storage_temperature_order_line_popup .radio input[type="radio"] {
	margin-left: -15px;
}

.storage_temp.temp4 {
    background: #0e1e8a; border-radius: 3px; color: white; font-weight: bold; padding: 3px; margin-left: 2px;
}

.storage_temp.temp3 {
    background: #0077ff; border-radius: 3px; color: white; font-weight: bold; padding: 3px; margin-left: 2px;
}

.storage_temp.temp1, .storage_temp_temp2 {

}

.control-group .controls-picklist input[type="text"] {
	width: 87%;
}

.control-group .controls-picklist-ext input[type="text"] {
	width: 76%;
}
.control-group .controls-advselect .append-two-button input[type="text"] {
	width: 71.5%;
}

.control-group .controls-datepicker .append-two-button input[type="text"] {
	width: 40%;
}

.control-group .controls-advselect .append-two-button button,
.control-group .controls-advselect .append-two-button input[type="button"] {
	padding: 0 8px;
	height: 24px;
	margin-top: -3px;
}

.control-group .controls-advselect .append-two-button button.middle,
.control-group .controls-advselect .append-two-button input[type="button"].middle {
	width: 2.3rem;
	border-radius: 0;
}
.control-group .controls-advselect .append-two-button button.add-on,
.control-group .controls-advselect .append-two-button input[type="button"].add-on {
	border-radius: 0 4px 4px 0;
	width: 2.3rem;
	margin-top: -3px;
	border: none;
	border-bottom: 1px #868686 solid;
	border-top: 1px #b7b7b7 solid;
}


.location-picker .controls-advselect .append-two-button input[type="text"] {
	width: 69.5%;
}
.location-picker .controls-advselect .append-two-button button.middle,
.location-picker .controls-advselect .append-two-button input[type="button"].middle {
	width: 15%;
	border-radius: 0;
}
.location-picker .controls-advselect .append-two-button button.add-on,
.location-picker .controls-advselect .append-two-button input[type="button"].add-on {
	border-radius: 0 4px 4px 0;
	width: 15%;
	margin-top: -3px;
	border-bottom: 1px #868686 solid;
}


.control-group input[readonly] {
	background-color: #ededed;
	border: 1px #cccccc ridge;
	/*margin: 0;*/
	/*padding: 2px 4px;*/
}

.control-group .controls-picklist button.btn-upload-open,
.control-group .controls-picklist button.btn-upload-remove,
.control-group .controls-picklist button.datepicker-open,
.control-group .controls-picklist button.picklist,
.control-group .controls-picklist button.trash {
	width: 2.3rem;
	position: relative;
	top: 1px;
}

.control-group .controls-file-upload input[type="text"] {
	width: 76%;
}

.control-group .controls-file-upload button,
.control-group .controls-datepicker button,
.control-group .controls .timepicker-open {
	position: relative;
	-top: 0;
}

.control-group .controls-file-upload button {
	/*float: right;*/
}

.control-group .controls .full-button {
	width: 69%;
	float: right;
}

.control-group .controls .textbox-full-button {
	width: 28%;
}

.control-group .controls input[type="text"].timepicker {
	width: 28%;
}

.selectActual {
	margin-bottom: 0;
}

.form-actions {
	background-color: #f5f5f5;
	border-radius: 0 0 5px 5px;
	padding: 10px;
}

.form-actions.last-element {
	margin-bottom: 0;
}

*[data-toggle="checkbox"] input[type="checkbox"] {
	display: none;
}



#content fieldset .row {
	margin-left: auto;
}

#content fieldset .row a {
	font-size: 100%;
}

tbody tr.selected td {
	background-color: #e4f0f7 !important;
	color: #333;
}

.well-white {
	background-color: #ffffff
}
/*
 * TABS
 */
.nav-tabs a {
	text-decoration: none;
}
.nav-tabs li.tab a{
    color: #999;
}
.nav-tabs li.tab.active a{
    color: #2f7290;
}

.tab-content *[init="datagrid"] .active {
	display: inline !important;
}
.tab-content li.active {
	display: block !important;
}
.nav.main-tabs {
	margin-bottom: 0;
}

/**
 * IANDT
 */
.test-question h1 {
	font-size: 150%;
	margin-bottom: 14px;
}

.question {
	font-size: 120%;
}

.modal-backdrop,
.modal-backdrop.fade.in {
	opacity: 0.4;
}

.modal-instructie {
	position: fixed;

	width: 100%;
	left: 50%;
	margin-left: -50%;

	height: 100%;
	top: 0 !important;
}

.modal-image {
	position: fixed;

	width: 80%;
	left: 50%;
	margin-left: -40%;

	height: 80%;
	top: 10% !important;
}

.modal-instructie iframe {
	/*max-height: 85%;*/
}

.modal-instructie  .modal-footer {
	position: relative;
	bottom: 0;
}

.employee-line,
.definition-line {
	margin-bottom: 4px;
}


/* Examples: modal */
.modal-inline .modal {
	position: static;
	margin: 30px;
}

#question-dialog .modal-body {
	/* max-height: 650px !important; */
}

.controls .table thead th {
	padding: 4px 8px;
}

.controls .table tbody td {
	padding: 4px 8px;
}

/*.modal .select-generic-content {*/
	/*padding: 20px;*/
/*}*/


/* TEST */
.result-question-row {
	padding: 10px;
	border-radius: 5px;
}

.result-question-row .result-question-title {
	font-size: 120%;
}

.result-question-row .result-question-answers li {
	list-style-type: none;
	font-size: 100%;
}

.result-question-row li.question-answer-chosen {
	font-weight: bold;
	list-style-type: square;
}

.question-success {
	background-color: #b4ffb4;
}

/*
 * EQUIPMENTDATA
 */
#select-generic-modal .modal-body {

}

.modal-body {
	/*max-height: unset !important;*/
}

/*
 * FORMS
 */
.datagrid-detail fieldset {
	border: 0;
}

.grid tbody tr,
.datagrid-detail-grid tbody tr,
.datagrid-detail-grid thead a {
	cursor: pointer;
	cursor: hand;
}

/*
 * LABEL
 */
/*
.label {
	border-radius: 3px;
	padding: 6px;
	background-color: #999;
	color: #fff;
}

.label-success {

}
*/
.label {
	padding: 4px;
}

label.disabled {
	color: #ccc;
}

#select-generic-modal iframe {
	height: 350px;
	width: 99%;
}


/*
 * ETHICS
 */
.accordion-toggle {
	padding: 8px 10px;
	background-color: #eee;
}


/*
 * ETHICS
 */
.questionnaire .label {
	float: none;
	display: block;
	margin-bottom: 4px;
	/*background-color: transparent;*/
	text-shadow: none;
	color: #333;
	background-color: #eee;
	width: 98%;
}

.questionnaire .label:hover {
	background-color: #e1e1e1;
}

.questionnaire .question {
	margin-bottom: 16px;
}

/*
 * CUSTOM: SCROLLABLE
 */
.scrollable {
	overflow: auto;
	padding: 6px;
	border-radius: 3px;
}

.scrollable-mini {
	max-height: 80px;
}

.scrollable-small {
	max-height: 160px;
}

.scrollable-normal {
	max-height: 240px;
}

.scrollable-large {
	max-height: 320px;
}

.modal-header h2 {
	font-size: 14px;
	margin: 0;
	padding: 0;
}

.modal-body .modal-header {
	line-height: normal;
	width: 100%;
	margin: -15px 0 15px -15px;
	padding: 9px 15px 10px 15px;
	border-bottom: 1px solid #ccc;
}

iframe {
	border: 0;
	border-collapse: collapse;
}

/**
 * NAVBAR
 */

.navbar-inner {
	color: #ffffff;
}

.navbar .nav > li > a {
	color: #ffffff;
	text-shadow: none;
}
.navbar .brand {
	color: #ffffff;
	text-shadow: none;
}

.nav .dropdown.open {
	box-shadow: rgba(30,30,30,0.6) 0 2px 5px !important;
}
.navbar .dropdown-toggle .caret {
	border-top-color: #fff;
}

.navbar .nav>li>.dropdown-menu:before,
.navbar .nav>li>.dropdown-menu:after {
	display: none !important;
}

.nav .dropdown.open .dropdown-menu {
	border-radius: 0 0 6px 6px;
	border-top: 0;
	left: -1px;
	min-width: 100%;
}

.navbar .pull-right .dropdown.open .dropdown-menu {
	right: -1px;
}

.navbar form#print-modal {
    float: none;
    padding: 10px 15px 10px;
    text-decoration: none;
    display: block;
    margin: 0;
}

.navbar #print-link:hover {
    color: #333333;
}

.navbar .nav li.dropdown>.dropdown-toggle .caret {
	border-top-color: #fff;
}

.nav .nav > li {
	padding-top: 0;
}

.nav .nav > li .open a {
	background-color: #bedee7;
}

@media screen and (max-width: 949px) {
	.dropdown-menu li a {
		color: #efefef !important;
	}
	.dropdown-menu li.nav-header {
		color: #dddddd !important;
		border-bottom: 1px #dddddd dashed;
	}

}

@media screen and (min-width: 960px) {
	.bs-tree-container {
		height: 250px;
		max-height: 250px;
		overflow: visible;
		display: block;
	}

	#organisation-parentdata, #location-parentdata {
		height: 250px;
	}

	#organisation-parentdata .tree, #location-parentdata .tree {
		height: 235px;
	}

	#dossier-tree {
		height: 490px;
		overflow: auto;
	}

}

#organisation-tree, #location-tree {
    height: 250px;
    overflow: auto;
}

.organisation-tree-double {
    height: 700px !important;
    overflow: auto;
}



.tree-folder-name {
	overflow: hidden;
	height: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 90%;
}


.order-line {
	padding: 8px 0;
}

.oddrow {
	background-color: #f5f5f5;
}


/*
 * --- GLOBAL ADJUSTMENTS ---
 */


input[type="text"],
input[type="number"],
input[type="search"],
input[type="password"] {
	padding: 2px 4px;
	font-size: 12px;
	height: 18px;
}

/* Need to be in a fixed-size container (max or max-width specified) */
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: inherit;
}

.table tr.error {
	border: 0;
}

.control-group {
	margin-bottom: 4px;
	font-size: 12px;
}

.control-label, .control-group label {
	margin-bottom: 2px;
	font-size: 12px;
	cursor: default;
}

select, input[type="file"] {
	height: 24px;
	padding: 2px 4px;
	font-size: 12px;
}

textarea {
	font-size: 12px;
}


[class^="svicon-"],
[class*=" svicon-"] {
	background-image: url("../images/servant_sprites_black.png");
}
.svicon-white {
	background-image: url("../images/servant_sprites_white.png");
}
.svicon-disk {
	background-position: 0 0;
}
@media (min-width: 768px) and (max-width: 979px) {
	.hover:hover {
		margin-left: 0;
		background-color: #eee;
	}
}
@media (min-width: 1200px) {
	.hover:hover {
		margin-left: 0;
		background-color: #eee;
	}
}


.hover:hover div:first-child {
	margin-left: 0;
}

.box-underline {
	border-bottom: 1px #ccc solid;
}

.input-append .add-on, .input-prepend .add-on,
.input-prepend .add-on, .input-prepend .add-on,

.input-append .btn, .input-prepend .btn,

.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
	height: 18px;
	padding: 2px 3px;
	font-size: 12px;
}

.input-append select.add-on,
.input-append button.add-on{
	height: 24px;
}

.input-append .add-on i.icon {
	margin-left: 6px;
	width: 20px;
}

.smarty .input-append > input[readonly],
.smarty .input-prepend > input[readonly] {
	position: relative;
	top: -2px;
}

.copy-to-clipboard-control .input-append > input[readonly] {
	top: 0;
}

.input-prepend input.number {
	text-align: right;
}


.control-group .input-prepend input[readonly].number,
.control-group .input-append input[readonly].number {
	text-align: right;
}

/*
.input-prepend .add-on {
	position: relative;
	top: 3px;
}*/

.alert-standard {
	background-color: #efefef;
	color: #676767;
	border-color: #ccc;
}

.datagrid-filter-row {
	background-color: #f5f5f5;
	*background-color: #e6e6e6;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
}

.datagrid-filter-row .datagrid-filter input.number {
	min-width: 40px;
	max-width: 100%;
}


.datagrid-filter-row .datagrid-filter input,
.datagrid-filter-row .datagrid-filter select {
	margin-bottom: 0;
	width: 95%;
	max-width: 100% !important;
}

.checkbox-btn {
	float: left;
	margin-left: -2px !important;
	margin-right: 6px !important;
}

.table.table-td-fontnormal td,
.table.table-td-fontnormal th {
	font-size: 12px;
}

.table-row-pointer tbody tr {
	cursor: pointer;
	cursor: hand; /* IE */
}


.input-append select.append {
	border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	height: 24px;
	border-left: 0;
	background: #EDEDED;
}


@media screen and (min-width: 1024px) {
	.modal-width.medium {
		width: 60%;
	}

	.modal-width.small {
		width: 40%;
	}

	.modal-width.large {
		width: 80%;
	}

	.modal-height.medium {
		width: 70%;
	}

	.modal-height.small {
		width: 50%;
	}

	.modal-height.large {
		width: 90%;
	}
}

ul.nav-pills > li > a {
	color: #0088cc;
	border: 1px #d5d5d5 solid;;
}

ul.nav-pills > li.active > a {
	border: 1px #0088cc solid;
}

ul.nav-pills > li > a:hover {
	color: #0088cc;
	background-color: #f1f1f1;
}

ul.nav-pills > li > a.pill-success {
	background-color: #5bb75b;
	color: #fff;
}

ul.nav-pills > li.active > a.pill-danger {
	background-color: #b94a48;
	color: #fff;
	border: 1px #b94a48 solid;
}

ul.nav-pills > li > a.pill-danger {
	color: #b94a48;
	background-color: #fff;
	border: 1px #b94a48 solid;
}

ul.nav-subnav li a {
	padding: 6px 10px 6px 10px;
	/*background-color: #f4f4f4;*/
	font-size: 12px;
	color: #5bb75b;
	border: 1px #d5d5d5 solid;
}
ul.nav-subnav li a:hover {
	color: #5bb75b;
}


ul.nav-subnav li a.warning {
	background-color: #faa732;
	color: #fff;
}

ul.nav-subnav li a.danger {
	background-color: #da4f49;
	color: #fff;
}

ul.nav-subnav > li.active > a {
	color: #fff;
	font-weight: normal;
	background-color: #5bb75b;
	border: 1px #5bb75b solid;
}

ul.nav-subnav > li.active > a:hover {
	color: #fff;
	background-color: #5bb75b;
}

/* LOGGIN TABLE ADJUSTMENTS */
.logging-table .accordion-group {
	border-color: #3a87ad !important;
}

.logging-table div.accordion-heading {
	padding: 4px 12px 4px 12px;
	background-color: #3a87ad;
	font-size: 14px;
	color: #fefefe;
	font-weight: bold;
}

.logging-table .accordion-toggle.collapsed .icon-chevron-up {
    display: none;
}

.logging-table .accordion-toggle .icon-chevron-down {
    display: none;
}

.logging-table .accordion-toggle.collapsed .icon-chevron-down {
    display: inline-block;
}

.logging-table .accordion-toggle {
    background-color: transparent;
    color: #ffffff;
    text-decoration: none;
    padding: 0;
}

.logging-table .accordion-body .accordion-inner {
	padding: 4px;
	font-size: 12px;
}

.logging-table .accordion-body .accordion-inner .scrollable {
	padding: 0;
	margin: 0;
}
.logging-table .accordion-body .accordion-inner .scrollable table {
	margin: 0;
	border-collapse: collapse;
}

.logging-table .accordion-body .accordion-inner .scrollable table td,
.logging-table .accordion-body .accordion-inner .scrollable table th {
	padding: 2px 6px 2px 6px;
}

/* Workflow */
.workflow {
	/*margin: 4px 2px 4px 2px;*/
	margin: 0 0 -4px;
	padding: 2px;
	background-color: #F5F5F5;
	border-radius: 6px;
	display: inline-block;
	border: 1px inset #BBBBBB;
}

*[class*=datagrid] .workflow {
    margin: 0 0 -4px 0;
}

.workflow div {
	float: left;
	height: 12px;
	width: 16px;
	margin: 0;
	background: url("../images/progresssprites.png");
}

.workflow .success {
	background-position: 0 -18px;
	/*background-color: #26f827;*/
}
.workflow .warn {
	background-position: 0 -34px;
	/*background-color: #e92a24;*/
}
.workflow .sidestep {
	background-position: 0 -50px;
	/*background-color: #e92a24;*/
}
.workflow .default, .workflow .incomplete {
	background-position: 0 -2px;
	/*background-color: #CCCCCC;*/
}

.chevron {
	width: 16px;
	height: 12px;
	background-color: grey;
	-webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
	clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
	position: relative;
}

.chevron:before {
	content: '';
	width: 12px;
	height: 10px;
	-webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
	clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
	background: white;
	display: block;
	position: absolute;
	top: 1px;
	left: 2px;
}

.green:before {
	background: rgb(183,255,184);
	background: linear-gradient(180deg, rgba(183,255,184,1) 0%, rgba(38,248,39,1) 100%);
}

.light-blue:before {
	background: rgb(211,230,246);
	background: linear-gradient(180deg, rgba(211,230,246,1) 0%, rgba(38,155,248,1) 100%);
}

.dark-blue:before {
	background: rgb(142,153,167);
	background: linear-gradient(180deg, rgba(142,153,167,1) 0%, rgba(11,92,195,1) 100%);
}

.red:before {
	background: rgb(255,167,167);
	background: linear-gradient(180deg, rgba(255,167,167,1) 0%, rgba(255,0,0,1) 100%);
}

.gray:before {
	background: rgb(213,213,213);
	background: linear-gradient(180deg, rgba(213,213,213,1) 0%, rgba(171,171,171,1) 100%);
}

span.fa-stack .success {
	color: #5bb75b;
}

/*
 * ICONS
 */

.icon-red {
	background-image: url("../../bootstrap/img/glyphicons-halflings-red.png");
}

.icon-green {
	background-image: url("../../bootstrap/img/glyphicons-halflings-green.png");
}

.icon-yellow {
	background-image: url("../../bootstrap/img/glyphicons-halflings-yellow.png");
}

/*
 * BIOSAFETY
 */

.biolevel1 {
	/*background-color: #FFFFFF;*/
}
.biolevel2 {
	background-color: #FFFA9F !important;
}
.biolevel3 {
	background-color: #FFD661 !important;
}
.biolevel4 {
	background-color: #F68B90 !important;
}

.containmentlevel1 {
	background-color: #FFFFFF;
}
.containmentlevel2 {
	background-color: #FFFA9F !important;
}
.containmentlevel3 {
	background-color: #FFFA9F !important;
}
.containmentlevel4 {
	background-color: #FFD661 !important;
}
.containmentlevel5 {
	background-color: #F68B90 !important;
}

.borrowed {
	background-color: #EEEEEE !important;
}

/*
 * SUBMENU
 */
.dropdown-menu .sub-menu {
	position: absolute;
	top: 0;
	visibility: hidden;
	margin-top: 0;
	margin-left: 100%;
	border: 1px #CCCCCC solid;
	border-left: 0;
	border-radius: 0 6px 6px 0;
}

.dropdown-menu li:hover .sub-menu {
	visibility: visible;
	display: block;
	background-color: #FFFFFF;
}

.navbar .sub-menu:before {
	border-bottom: 7px solid transparent;
	border-left: none;
	border-right: 7px solid rgba(0, 0, 0, 0.2);
	border-top: 7px solid transparent;
	left: -7px;
	top: 10px;
}
.navbar .sub-menu:after {
	border-top: 6px solid transparent;
	border-left: none;
	border-right: 6px solid #fff;
	border-bottom: 6px solid transparent;
	/*left: 10px;*/
	top: 11px;
	left: -6px;
}

/*
 * Button menu
 */

.button-menu {
	margin-bottom: 15px;
}

/*
 * INPUT PRE-/APPEND
 */

.controls-advselect .input-append, .controls-file-upload .input-append {
	width: 99% !important;
	position: relative;
}

.controls-advselect .input-append input[readonly] {
	display: inline-block;
	width: 87%;
}

.controls-advselect .input-append button.add-on,
.controls-file-upload .input-append button.add-on {
	display: inline-block;
	height: 24px;
	width: 10%;
	margin-top: -2px;
}

.controls-file-upload .input-append .input[readonly] {
	display: inline-block;
	width: 77%;
}


.controls-advselect .select-dropdown {
	display: block;
	min-height: 20px;
	border: 1px #cccccc solid;
	max-height: 200px;
	color: #888888;
	width: 87%;
	position: absolute;
	top: 25px;
	left: 4px;
	z-index: 999;
}

.controls-advselect .select-dropdown.open table {
	margin: 0;
}
.controls-advselect .select-dropdown.open td {
	display: table-cell;
	color: #000000;
}

.controls-file-upload .input-append .input[readonly] {
	display: inline-block;
	width: 77%;
}

/**
 * TO-DO list
 */
.todo-list .todo-item {

}

/**
 * Lists
 */
ul.clean {
	margin: 0;
	padding: 0
}

ul.clean li {
	margin: 0;
	padding: 4px 2px 4px 2px;
	list-style-type: none;
}

ul.clean.hover {
	background-color: transparent;
}


ul.clean.hover li:hover {
	background-color: #efefef;
}

ul.clean.hover.pointer li:hover {
	cursor: pointer;
	*cursor: hand; /* IE */
}


.table th, .table td {
	padding: 2px 4px 2px 4px;

}

.table.table-with-buttons tr {
	height: 27px;
	padding-top: 3px;
}

.table.table-header-separator,
.table.table-cell-separator {
	/*border: 1px #EEEEEE solid;*/
}

.table.table-header-separator th,
.table.table-cell-separator th,
.table.table-cell-separator td {
	border-right: 1px #EEEEEE solid;

}

.table.table-cell-separator td {
	border-color: #EEEEEE;
}

.table.table-cell-separator th:last-child,
.table.table-cell-separator td:last-child,
.table.table-header-separator th:last-child {
	border-right: 0;
}

caption {
	text-align: left;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
}

caption .light {
	font-weight: normal;
}

caption.info {
	background-color: #d9edf7;
}

/*biocontainergrid*/
.bioc td {
	width: 15px;
	min-width: 15px;
	text-align:center;
	vertical-align: middle;
	color: #bdbdbd;
}
.bioc tr {
	height: 15px;
	min-height: 15px;
}
td.bioc_hand {
	cursor: pointer;
	cursor: hand;
}
td.bioc_arrow {
	cursor: default;
	cursor: default;
}
th.bioc_th, td.bioc_th {
	background-color: #d9edf7;
}
th.bioc_thselect, td.bioc_thselect {
	background-color: #9acfea;
}
td.bioc_occupied {
	background-color: #cff4cf;
}
td.bioc_current {
	background-color: #31ce31;
	color: white;
}
td.bioc_thselected {
	background-color: #d24141;
	color: white;
}
tr.indirect0 {
	background-color: #ffffff;
}tr.indirect1 {
	background-color: #fcf8e3;
	font-style: italic;
}
.dmtable-striped tbody > tr:nth-child(odd) > td{
	background-color: #f9f9f9;
}

.widget-panel {
	margin-bottom: 6px;
	/*float: left;*/
	/*width: 32%;*/
	/*margin: 0 0.665% 10px 0.665%;*/
}

@media screen and (max-width: 1024px) {
	.widget-panels .widget-panel {
		width: 48%;
	}
}

@media screen and (max-width: 768px) {
	.widget-panels .widget-panel {
		width: 100%;
		margin: 0 0 10px 0;
	}
}

.panel {
	border: 1px #ccc solid;
	border-radius: 5px;
	background-color: #fff;
}

.panel .panel-header {
	background-color: #efefef;
	border-radius: 5px 5px 0 0;
}

.panel-warning .panel-header {
	background-color: #f2dede;
}

.panel-info .panel-header {
	background-color: #d9edf7;
}

.panel .panel-header {
	border: 0;
	border-bottom: 1px #ccc solid;
	padding: 8px;
}

.panel .panel-body {
	background-color: #ffffff;
	margin: 8px;
}

.panel .panel-footer {
	border: 0;
	border-top: 1px #ccc solid;
	padding: 8px;
	border-radius: 0 0 5px 5px;
	background-color: #efefef;
}

.cursor-hand {
	cursor: pointer;
	cursor: hand;
}

.btn-tiny {
	height: 20px;
	padding: 0 8px;
	line-height: 12px;
}

.btn-grid-head {
    padding: 1px 10px 1px 10px;
}


/* Custom tooltip globalsearch */
.globalsearch-info-trigger {
	position: relative;
	top: -3px;
	margin-left: 3px;
	text-decoration: none !important;
}

.globalsearch-info-inner {
	display: none;
}

.globalsearch-info-inner .fa-regular {
}

.globalsearch-info-trigger:hover .globalsearch-info-inner {
	display: block;
	position: absolute;
	top: -3px;
	left: 2em;
	width: 200px;
	padding: 8px;
    padding-left: 32px;
	border-radius: 4px;
	border: 1px #ccc solid;
	text-decoration: none;
	background-color: #ffffff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Custom tooltip general */
.general-info-trigger {
	position: relative;
	text-decoration: none !important;
}

.general-info-trigger .general-info-inner {
	display: none;
}

.general-info-trigger:hover .general-info-inner {
	display: block;
	position: absolute;
	top: -3px;
	left: 2.25em;
	width: 200px;
	padding: 8px;
	border-radius: 4px;
	border: 1px #ccc solid;
	text-decoration: none;
	background-color: #ffffff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


/* Flatten das boostrap */
.servant-flat-ui .well, .servant-flat-ui .navbar-inner, .servant-flat-ui .popover, .servant-flat-ui .btn, .servant-flat-ui .tooltip, .servant-flat-ui input, .servant-flat-ui select, .servant-flat-ui textarea, .servant-flat-ui pre, .servant-flat-ui .progress, .servant-flat-ui .modal, .servant-flat-ui .add-on, .servant-flat-ui .alert, .servant-flat-ui .table-bordered, .servant-flat-ui .nav>.active>a, .servant-flat-ui .dropdown-menu, .servant-flat-ui .tooltip-inner, .servant-flat-ui .badge, .servant-flat-ui .label, .servant-flat-ui .img-polaroid {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-collapse: collapse !important;
	border: 0;
	background-image: none !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}

.servant-flat-ui .dropdown-menu {
	border: 1px #ccc solid !important;
	margin: 0;
	border-top: 0;
}

.servant-flat-ui select {
	border: 1px #ccc solid;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}

.servant-flat-ui input {
	padding: 4px;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}

.servant-flat-ui input, pre {
	min-height: 20px !important;
}

.servant-flat-ui .navbar .nav > li > a {
	font-weight: 100;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.servant-flat-ui input[type="reset"].btn-small,
.servant-flat-ui input[type="button"].btn-small,
.servant-flat-ui input[type="submit"].btn-small {
	height: 26px !important;
}

.servant-flat-ui .controls-advselect .input-append button.add-on,
.servant-flat-ui .controls-file-upload .input-append button.add-on {
	height: 26px !important;
}

.servant-flat-ui .btn-info {
	background-color: #49afcd !important;
}

.servant-flat-ui .btn-info:hover {
	background-color: #499dbb !important;
}

.servant-flat-ui .btn-warning {
	background-color: #f89406 !important;
}

.servant-flat-ui .btn-primary {
	background-color: #0088cc !important;
}

.servant-flat-ui .btn-primary:hover {
	background-color: #007bbe !important;
}

.servant-flat-ui .btn-warning:hover {
	background-color: #e78406 !important;
}

.servant-flat-ui .btn-disabled {
	background-color: #ccc !important;
	color: #999 !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
}

.servant-flat-ui .datagrid-filter-row {
	background-image: none;
	background-color: #f5f5f5 !important;
}

.servant-flat-ui .add-on {
	height: 20px !important;
}

.servant-flat-ui .modal .modal-header {
	background-color: #49afcd !important;
	color:  #ffffff;
	font-weight: normal;
}

.servant-flat-ui .modal .modal-header h3 {
	font-weight: 200;
}
.servant-flat-ui .modal .modal-header button {
	font-weight: 200;
	color:  #ffffff;
	background-color: #49afcd !important;
	opacity: 1;
}

.servant-flat-ui .title {
	position: relative;
	border: 0;
	background-color: #EFEFEF;
	padding: 8px;
	border-bottom: 1px #ddd solid;
}

.servant-flat-ui .title .button-container-right,
.servant-flat-ui .title .title-buttons {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

.servant-flat-ui .title .button-container-right .btn,
.servant-flat-ui .title .title-buttons .btn {
	height: auto;
	padding: 8px 16px;
}

.btn-primary .disabled, .btn-primary[disabled] {
	background-color: #9CA5B7 !important;
	color: #ddd !important;
}

/** Warehouse cart */
.warehouse .cart-box {
	font-size: 12px;
	font-weight: normal;
	position: relative;
}

.warehouse .cart-box a.cart-toggler {
	text-decoration: none;
	color: #000;
	font-weight: normal;
	cursor: pointer;
	cursor: hand;
	margin-right: 10px;
}

.warehouse .cart-box a.cart-toggler > .caret {
	position: relative;
	top: 10px;
}

.warehouse .cart-box tr.totals td.btn-tiny {
	font-weight: bold;
}

.warehouse .cart-box .cart-box-dropdown {
	display: none;
	padding: 10px;
	background-color: #ffffff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px #ccc solid;
	position: absolute;
	top: 2.5em;
	right: 0;
	width: 40%;
	min-width: 380px;
}

@media screen and (max-width: 480px) {
	.warehouse .cart-box .cart-box-dropdown {
		min-width: auto;
		width: 280px;
	}
}

.warehouse .cart-box .cart-box-dropdown.in {
	display: block;
}

.warehouse .cart-box .cart-box-dropdown:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -8px;
	right: 49px;
}

.warehouse .cart-grid .cart-add-amount {
	width: 60px;
	margin: 0;
}

.warehouse .cart-grid .cart-add-button {
	margin: 0;
}

.warehouse .cart-grid table tbody td {
	position: relative;
}

/** INTERNAL CART */
@media only screen and (max-width: 960px) {
    .warehouse {
        display: flex;
        flex-direction: column-reverse;
    }
    .span4, .span8 {
        width: 100%;
    }
}


/** NOTIFY */
.notify-template {
	position: absolute;
	top: 50%;
	right: 0;
	border: 1px #ccc solid;
	border-radius: 3px;
	background-color: #fff;
	width: 250px;
	text-align: left;
	padding: 6px;
}

.notify-standard {
	background-color: #efefef;
}

.notify-success {
	background-color: #caffc6;
	border: 1px #76b474 solid;
	color: #0e711d;
}

.notify-danger {
	background-color: #ffd8d5;
	border: 1px #cd3839 solid;
	color: #b23637;
}
.radioactiveline {
	border: 1px #000 solid;
	background-color: #f1c645;
	font-size: 90%;
}

.radioactiveline-first-line {
	border-bottom: 0;
}

ul.printer-select {
	padding: 0;
	margin: 0;
}

ul.printer-select li {
	list-style-type: none;
	padding: 4px;
}

/** ORDERLINE FORM **/
#orderline-form .input-prepend,
#orderline-form .input-append,
#orderline-form .control-group,
#orderline-form input,
#orderline-form select {
	margin-bottom: 0;
}

#orderline-form .controls-picklist input {
	border: 1px #ccc solid;
	border-radius: 4px 0 0 4px;
}

#orderline-form .readonly-control {
	border: 1px transparent solid;
	background-color: transparent;
	box-shadow: none;
	margin-bottom: 0;
}

#orderline-form .table-orderline-details tbody th {
	width: 30%;
}

.modal-row {
	position: relative;
	margin: 0 auto;
	width: 1024px;
	padding: 0;
}
.modal-row:before,
.modal-row:after {
	content: "";
	display: table;
}

.modal-row:after {
	clear: both;
}

.modal-row *[class|="col"] {
	float: left;
	margin: 0;
	padding: 4px 7.5px;
}


.modal-row .col-md-12,
.modal-row .col-sm-12,
.modal-row .col-xs-12 {
	width: 100%;
}

.modal-row .col-md-8,
.modal-row .col-sm-8,
.modal-row .col-xs-8 {
	width: 68.5%;
}

.modal-row .col-md-6,
.modal-row .col-sm-6,
.modal-row .col-xs-6 {
	width: 48%;
}

.modal-row .col-md-4,
.modal-row .col-sm-4,
.modal-row .col-xs-4 {
	width: 28.5%;
}

.modal-row .col-md-2,
.modal-row .col-sm-2,
.modal-row .col-xs-2 {
	width: 18.5%;
}


.modal-row.sm,
.modal-row.xs {
	width: 100%;
}


.modal-row.xs .col-md-2,
.modal-row.xs .col-md-4,
.modal-row.xs .col-md-6,
.modal-row.xs .col-md-8,
.modal-row.xs .col-sm-2,
.modal-row.xs .col-sm-4,
.modal-row.xs .col-sm-6,
.modal-row.xs .col-sm-8 {
	width: 100%;
}




/** BOOTBOX ADDITIONS **/

.bootbox.medium {
	width: 80%;
	height: 80%;
	margin-left: -40%;
}

.bootbox.medium .modal-body {
	max-height: none;
}

.bootbox.medium .modal-footer {
	position: absolute;
	width: 100%;
	bottom: 0;
}


/** DROPPABLE FILE **/

.file-dropzone {
	position: relative;
}

.file-dropzone.dragging .file-dropzone-filecontainer {
	display: block;
    position: relative;
}

.file-dropzone.dragging .file-dropzone-filecontainer .file-upload {
	display: block;
	/*height: 20px;*/
	background-color: #efefef;
	border: 3px #676767 dashed;
	padding: 2px;
}

.file-dropzone.dragging .file-dropzone-filecontainer .file-upload-indicator {
    position: relative;
    /*top: 6px;*/
    left: 50px;
}

.file-dropzone.dragging .file-dropzone-defaultcontainer {
	display: none;
}

.upload-filename {
	word-break: break-all;
}

[v-cloak] {display: none}
[x-cloak] {display: none}

label.radio.inline-margin-small {
	margin-left: -20px;
}

.clamp-to-one-line, .dot_it, .dotit {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-break: break-word;
}

td {
	word-break: break-word;
}
/* Laravel pagination */

/*
.pagination {
	display: flex;
	list-style: none;
	justify-content: center;
	align-items: center;
}

.page-item {
	margin-left: 10px;
}

.page-item.disabled {
}

.page-link {
	border: 1px solid gray;
	padding: 20px;
}

.page-item.active [
]*/

/* Smarty pagination */
div[init="datagrid"] .pagination ul li:not(.active, .page-info, .show-new) {
    cursor: pointer;
}

.hr-sect {
	display: flex;
	flex-basis: 100%;
	align-items: center;
	color: rgba(0, 0, 0, 0.35);
	/*margin: 8px 0px;*/
}
.hr-sect:before,
.hr-sect:after {
	content: "";
	flex-grow: 1;
	background: rgba(0, 0, 0, 0.35);
	height: 1px;
	font-size: 0;
	line-height: 0;
	margin: 0 8px;
}

kbd {
	margin: 0 0.1em;
	padding: 0 0.6em;
	border-radius: 3px;
	border: 1px solid rgb(204, 204, 204);
	color: rgb(51, 51, 51);
	line-height: 1.4;
	font-family: Arial,Helvetica,sans-serif;
	font-size: small;
	display: inline-block;
	box-shadow: 0 1px 0 rgba(0,0,0,0.2), inset 0 0 0 2px #ffffff;
	background-color: rgb(247, 247, 247);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: 0 1px 0 #fff;
}

.active .caret {
	border-top-color: #0088cc !important;
}

.ra_emergencycard #image_previews {
	max-height: 300px;
}

.ra_emergencycard #image_previews > div {
	width: 100%;
}

.ra_emergencycard #image_previews img {
	max-width: 100%;
	max-height: 100%;
}

#addAreaModal {
	min-width: 700px !important;
}

.sticky-bottom {
    position: sticky;
    bottom: 33px;
}

.align-bottom {
    vertical-align: bottom !important;
}

/** BEGIN: Bootstrap-like grid **/
.row.bs5 {
    margin: 0;
    overflow: auto;
    width: 100%;
}

.row.bs5:after {
    content: "";
    clear: both;
    display: table;
}

[class^="col-"] .row.bs5, [class*=" col-"] .row.bs5 {
    width: 100%;
    margin: 0 -0.5%;
}

.row.bs5 [class^="col-"], .row.bs5 [class*=" col-"] {
    float: left;
    margin: 0;
    padding: 0 0.5%;
}

/* Fluid */
.col-3 {
    width: 24%;
}

.col-4 {
    width: 32.333333%;
}

.col-6 {
    width: 49%;
}

.col-8 {
    width: 65.666666%;
}

.col-12 {
    width: 97%;
    float: none;
}


/* $grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
); */
@media (min-width: 0px) {
    .hidden-xs {
        display: none;
    }

}

@media (min-width: 0px) and (max-width: 320px) {
    .col-xs-12 {
        float: none;
        width: 99%;
        margin: 0 -0.5%;
    }
}

@media (min-width: 321px) {
    .hidden-sm {
        display: none;
    }
}


@media (min-width: 321px) and (max-width: 576px) {
    .col-xs-12 {
        float: none;
        width: 99%;
        margin: 0 -0.5%;
    }

    .col-sm-12 {
        width: 99%;
        float: none;
    }
}

@media (min-width: 577px) {
    .visible-md {
        display: inherit;
    }

}

@media (min-width: 577px) and (max-width: 768px) {
    .col-md-12 {
        width: 99%;
        float: none;
    }
}

@media (min-width: 769px) {
    .visible-lg {
        display: inherit;
    }
}

@media (min-width: 769px) and (max-width: 992px) {

    .col-lg-12 {
        width: 99%;
        float: none;
    }
}

/** END: Bootstrap-like grid **/

.daterangepicker .drp-calendar {
	max-width: 300px !important;
}

.select2-search__field {
    margin: 0 !important;
}
.select2-container--classic .select2-selection--single {
    background-image: none !important;
    background-color: transparent !important;
}
.select2-container--classic.select2-container--open .select2-selection--single,
.select2-container--classic.select2-container--open .select2-dropdown,
.select2-container--classic .select2-selection--single:focus {
    border: #CCCCCC 1px solid !important;
}
.select2-results__option {
    padding: 0 4px !important;
}
.select2-container .select2-selection--single {
    border: #CCCCCC 1px solid !important;
    height: 24px !important;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    line-height: 24px !important;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow,
.select2-container--classic .select2-selection--single .select2-selection__clear
{
    height: 22px !important;
}
.select2-search--dropdown {
    padding: 1px 2px 2px 2px !important;
}
.select2-search--dropdown .select2-search__field {
    padding: 2px;
}
/*.select2-container-multi .select2-search-choice-close {
	top: 2px;
}

.select2-container {
    display: block;
}

.select2-container-multi .select2-choices {
    width: auto !important;
    border-radius: 4px;
    height: auto !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    margin: 2px 0 2px 2px;
}

.select2-container-multi .select2-choices .select2-search-field input {
    margin: 0 !important;
}*/

.alert > p {
    margin-bottom: 0;
}

/*
 * Fix voor CK editor:
 * - 'ck ck-icon ck-dropdown__arrow' kwam boven modal uit (oa. bij RA 'other exp. circ.)
 */
body {
	--ck-z-default: 0;
	--ck-z-modal: calc( var(--ck-z-default) + 999 );
}

.power-grid-table-input-text-select-hide select {
    display: none;
}
.power-grid-table tr[data-pg-click] {
    cursor: alias; /* alias / pointer / zoom-in */
}
.power-grid-table tr[wire\:click\.stop],
.power-grid-table tr[wire\:click] {
    cursor: help; /* gebruikt 'data-pg-click' ivm klikken op action buttons in de row */
}
.power-grid-table-button {
    line-height: inherit;
    padding: 2px 4px;
}
.__pg_body_tr form, .__pg_body_tr form .form-control {
    margin-bottom: 0;
}
.__pg_table .flatpickr-input {
    margin-top: 1px;
    width: unset;
}
/* select-all checkbox iets van de onderkant af */
.power-grid-table th .form-check-label {
    padding-bottom: 0.25rem !important;
}
.power-grid-table tbody .__pg_tr:first-child {
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
}
.power-grid-table tbody > tr.__pg_tr_body:nth-child(odd) { /*> td,
.table-striped tbody > tr:nth-child(odd) > th {*/
    background-color: #f9f9f9;
}
.power-grid-table .pg-actions button {
    line-height: unset;
    outline: none;
    /*margin-top: 1px;*/
    /*margin-bottom: 1px;*/
/*}*/
/*.power-grid-table .pg-actions {*/
/*    margin: -2px !important;*/
    /*padding: 1px !important;*/
}
/*.power-grid-table .__pg_td_actions .pg-actions {*/
/*    display: flex;*/
/*    gap: .5rem;*/
/*}*/

.popover .popover-content {
    font-size: 12px;
    font-weight: normal;
}

.wrapper > .main-container > .title,
.wrapper > .main-container > div > .title, .title.hr { /* eventueel een wrapper van livewire ertussen */
    margin-top: 0;
}

/*
 * Bio helper classes
 */

.bio-html-badge-wrapper {
    width: 28px;
    display: inline-block;
    text-align: center;
    margin-right: 18px;
}

.bio-html-badge-wrapper .badge {
    width: 100%;
}

/*
 * see: resources/views/components/rich-text.blade.php
 * see: resources/views/livewire/welcome-text.blade.php
 */
.alert .ck-content p {
    margin-bottom: 0 !important;
}
.ck-editor#fullscreeneditor { /* CK-editor fullscreen below menu bar */
    top: 40px !important;;
}
.ck.ck-content.ck-editor__editable {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    padding-top: 4px;
    padding-bottom: 4px;
}
.ck.ck-content.ck-editor__editable p {
    margin-top: 0;
    margin-bottom: 0;
    /*margin-bottom: 8px;*/
    line-height: 20px;
}

input::-webkit-input-placeholder {
    color: inherit;
    opacity: .4;
}

input:-ms-input-placeholder {
    color: inherit;
    opacity: .4;
}

input::-ms-input-placeholder {
    color: inherit;
    opacity: .4;
}

input::placeholder {
    color: inherit;
    opacity: .4;
}

/* TomSelect */

.ts-wrapper.multi {
    /*padding: 2px 4px;*/
    font-size: 10px;
    height: 18px !important;
    margin-top: 0 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ts-hidden-accessible {
    /*position: absolute !important;*/
    /*left: -9999px !important;*/
}
.ts-wrapper.multi .ts-control {
    padding: 2px 4px;
    /*font-size: 12px;*/
}
.ts-wrapper.multi .ts-control > div {
    /*padding: 0 !important;*/
    margin-right: 3px !important;
}
.ts-control > input {
    width: unset !important;
}

/** fix voor radio buttons die over de balk aan de onderkant kwamen */
.tw-sticky {
    z-index: 19; /* z-index just below bottom bar/footer */
}

#ui-datepicker-div {
    z-index: 3000 !important; /* ivm datepicker in moda (add vat rate) */
}


.cart-button {
    display: none;
}

@media screen and (max-width: 1279px) {
    .cart-button {
        display: block;
    }
}

.cart-button-unsubscribe .fa {
    color: #339933;
}

/** Slider **/
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    top: 2px;
    width: 28px;
    height: 14px;
}

label > .switch {
    margin-right: 4px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before,
input[type="radio"][value="1"]:checked + .slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}

@media (min-width: 1400px) {
    /* 30px is left + right margin of a .span in a .row */
    #prepare_test .row .span1 {
        width: calc(8.3333334% - 30px);
    }
    #prepare_test .row .span2 {
        width: calc(16.66666664% - 30px);
    }
    #prepare_test .row .span3 {
        width: calc(25% - 30px);
    }
    #prepare_test .row .span4 {
        width: calc(33.33333334% - 30px);
    }
    #prepare_test .row .span5 {
        width: calc(41.66666664% - 30px);
    }
    #prepare_test .row .span6 {
        width: calc(50% - 30px);
    }
    #prepare_test .row .span7 {
        width: calc(58.33333334% - 30px);
    }
    #prepare_test .row .span8 {
        width: calc(66.66666664% - 30px);
    }
    #prepare_test .row .span9 {
        width: calc(75% - 30px);
    }
    #prepare_test .row .span10 {
        width: calc(83.33333334% - 30px);
    }
    #prepare_test .row .span11 {
        width: calc(91.66666664% - 30px);
    }
    #prepare_test .row .span12 {
        width: calc(100% - 30px);
    }
}