/* ---- Font import */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Regular'), local('Roboto-Regular'), url(/CORE/font/Roboto-Regular.ttf) format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), url(/CORE/font/Roboto-Bold.ttf) format('woff');
}
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(/CORE/font/RobotoCondensed-Regular.ttf) format('woff');
}
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(/CORE/font/RobotoCondensed-Bold.ttf) format('woff');
}

/* ---- CSS Browser overrule */
body, html {
	height: 100%;
	color: var(--color-text);
}

td, th, tbody, thead, tr, body, input, select, textarea {
	font-family: inherit;
	font-size: inherit;
}

a {
	color: inherit;
	font-family:inherit;
	font-size:inherit;
}

html {
	font-size: 13px;
	font-family: var(--font-family-default);
}

body {
	margin: 0;
	background: var(--backgroundcolor);
	line-height: 1.23;
	overflow: hidden;
}


iframe { border: none; }
p { margin: 3px 0; }
img { border: none; }
li { list-style: none; padding:0; margin:0; }
ul { padding:0; margin:0; }
ins, a { text-decoration:none; }

/* ---- Row/Columns ---- */
/* Gap based rows */
.row { display:flex; flex-flow:row nowrap; align-items:stretch; align-self:stretch; }
.row:not(.gap_none) { gap: 10px; }
.row.gap_large:not(.gap_none) { gap: 40px; }
.row.gap_small:not(.gap_none) { gap: 5px; }
.row.force { display: flex !important; }
.row>* { width: auto; height: auto; }

/* Padding based rows. */
.rowp { display:flex; flex-flow:row nowrap; align-items:stretch; align-self:stretch; margin-left: -5px !important; margin-right: -5px !important; }
.rowp.force { display: flex !important; }
.rowp>* { margin-left:0; padding-left:5px; padding-right:5px; box-sizing:border-box; }
/* Padding based wrapping rows */
.rowwrapp { display:flex; flex-flow: row wrap; align-items:stretch; align-self:stretch; margin: -5px !important; }
.rowwrapp.force { display: flex !important; }
.rowwrapp>* { padding: 5px; box-sizing: border-box; }

/* Gap based columns */
.column { display:flex; flex-flow:column nowrap; align-items:stretch; align-self:stretch; }
.column:not(.gap_none) { gap: 10px; }
.column.gap_large:not(.gap_none) { gap: 40px; }
.column.force { display: flex !important; }
.column>* { width: auto; height: auto; }
.column.gap_none { margin-top: 0; gap: 0; }

/* Padding based wrapping rows */
.columnp { display:flex; flex-flow:column nowrap; align-items:stretch; align-self:stretch; ; margin: -5px !important; }
.columnp.force { display: flex !important; }
.columnp>* { padding: 5px; box-sizing: border-box; }
.columnwrapp { display:flex; flex-flow:column wrap; align-items:stretch; align-self:stretch; margin: -5px !important; }
.columnwrapp.force { display: flex !important; }
.columnwrapp>* { padding: 5px; box-sizing: border-box; }

/* Rows with wrap */
.rown { display:flex; flex-flow:row nowrap; align-items:stretch; align-self:stretch; margin-left: -5px !important; margin-right: -5px !important; }
.rown:not(.gap_none) { gap: 10px; }
.rown.force { display: flex !important; }
.columnn { display:flex; flex-flow:column nowrap; align-items:stretch; align-self:stretch; margin-left: -5px !important; margin-right: -5px !important; }
.columnn:not(.gap_none) { gap: 10px; }
.columnn.force { display: flex !important; }

.e100  { min-height: 0; min-width: 0; flex-basis: 100% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e95   { min-height: 0; min-width: 0; flex-basis:  95% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e90   { min-height: 0; min-width: 0; flex-basis:  90% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e85   { min-height: 0; min-width: 0; flex-basis:  85% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e80   { min-height: 0; min-width: 0; flex-basis:  80% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e75   { min-height: 0; min-width: 0; flex-basis:  75% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e70   { min-height: 0; min-width: 0; flex-basis:  70% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e66   { min-height: 0; min-width: 0; flex-basis:  66% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e65   { min-height: 0; min-width: 0; flex-basis:  65% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e60   { min-height: 0; min-width: 0; flex-basis:  60% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e55   { min-height: 0; min-width: 0; flex-basis:  55% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e50   { min-height: 0; min-width: 0; flex-basis:  50% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e45   { min-height: 0; min-width: 0; flex-basis:  45% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e40   { min-height: 0; min-width: 0; flex-basis:  40% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e35   { min-height: 0; min-width: 0; flex-basis:  35% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e33   { min-height: 0; min-width: 0; flex-basis:  33% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e30   { min-height: 0; min-width: 0; flex-basis:  30% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e25   { min-height: 0; min-width: 0; flex-basis:  25% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e20   { min-height: 0; min-width: 0; flex-basis:  20% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e15   { min-height: 0; min-width: 0; flex-basis:  15% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e13   { min-height: 0; min-width: 0; flex-basis:  13% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e12   { min-height: 0; min-width: 0; flex-basis:  12% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e10   { min-height: 0; min-width: 0; flex-basis:  10% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e8    { min-height: 0; min-width: 0; flex-basis:   8% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e7    { min-height: 0; min-width: 0; flex-basis:   7% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e5    { min-height: 0; min-width: 0; flex-basis:   5% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e4    { min-height: 0; min-width: 0; flex-basis:   4% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e2    { min-height: 0; min-width: 0; flex-basis:   2% !important; flex-grow: 10 !important; flex-shrink: 10 !important; }
.e0ext { min-height: auto; min-widdth: auto; flex-basis: auto !important; flex-grow: 10 !important; flex-shrink:  0 !important; }
.e0red { min-height: 0; min-width: 0; flex-basis: auto !important; flex-grow:  0 !important; flex-shrink: 10 !important; }
.e0    { min-height: auto; min-width: auto; flex-basis: auto !important; flex-grow:  0 !important; flex-shrink:  0 !important; }

.m25 { max-width: 25% !important; }
.m50 { max-width: 50% !important; }

.end             { align-self:  flex-end   !important; }
.end-content     { align-items: flex-end   !important; }
.stretch         { align-self:  stretch    !important; }
.stretch-content { align-items: stretch    !important; }
.center          { align-self:  center     !important; }
.center-content  { align-items: center     !important; }
.start           { align-self:  flex-start !important; }
.start-content   { align-items: flex-start !important; }

/* Addtional flex classes */
.justify-center-content { /* center children on the main and cross axes */
	align-items: center;
	display: flex;
	justify-content: center;
}
.center-children-m { /* center children on the main ax */
	display: flex;
	justify-content: center;
}
.center-children-c { /* center children on the cross ax */
	align-items: center;
	display: flex;
}

/* ---- Fill Full Container --- */
.fill_out { height:100%;width:100%;max-height:100%;max-width:100%;min-height:100%;min-width:100%;box-sizing:border-box; }
.fill_outw { width:100%;max-width:100%;min-width:100%;box-sizing:border-box; }
.fill_outh { height:100%;max-height:100%;min-height:100%;box-sizing:border-box; }

.form-outer { display: flex; flex-direction: column; align-content: stretch; flex-basis: 100%; min-height: 0; }
.form { display: flex; flex-direction: column; align-content: stretch; flex-basis: 100%; border: 1px solid lightgray; border-radius: 5px; padding: 20px; box-sizing: border-box; background-color: white; gap: 40px; min-height: 100%; }
.form>* { flex-basis: 100%; }
.form .form-title {
       	font-size: var(--font-size-header);
	/*color: var(--color-light);*/
	flex-grow: 0;
	flex-basis: auto;
	flex-shrink: 0;
	font-family: "Roboto Condensed";
}

/* ----- SET/RESET ---- */
.setreset.pending .icon_div { color: var(--color-pending); }
.setreset.positive .icon_div { color: var(--color-positive); }
.setreset.negative .icon_div { color: var(--color-negative); }
.setreset.reset .icon_div { color: var(--color-reset); }

/* ----- Control elements ----- */
.product-box { background-color: var(--color-primary-superlight); margin: -2px 2px; padding: 2px 4px; border-radius: 5px; }
.groupbox>fieldset { border: 1px solid var(--color-line-light); border-radius: 5px; box-sizing: border-box; padding: 20px; margin: 0; }
.groupbox>fieldset>legend { opacity: 0.8; font-size: 0.8em; margin-top: -0.5em; }

input {
	background: white;
	border-radius: 3px;
	border: none;
	color: var(--color-edit-text);
	margin: 0;
	padding: 2px;
}
input[type="checkbox"], input[type="radio"] {
	cursor: pointer;
	margin: 0 2px 2px;
	padding: 0;
	vertical-align: middle;
}
textarea {
	background-color: white;
	border-radius: 3px;
	border: none;
	color: var(--color-edit-text);
	padding: 0;
	resize: none;
}
select {
	background-color: white;
	border: none;
	border-radius: 3px;
	color: var(--color-edit-text);
	margin: 0;
	padding: 1px;
}
input { line-height:inherit; }
input[type=text] { border-radius: 3px; border: none; outline: none; }
input[type=password] { border-radius: 3px; border: none; outline: none; }
input[type=button] { cursor: pointer; }

.controlwrap { border-radius: 5px; }
.groupbox,
.input-control .controlwrap { border-bottom: 1px solid var(--color-line-light); border-radius: 5px; padding: 2px; }
.controlwrap>.filter_container { padding: 0 2px; border:none; display: flex; flex-shrink: 10; flex-grow: 10; align-items: stretch; flex-basis: 100%; min-width: 0; }
.controlwrap:not(:hover)>.filter_container { color: var(--color-edit-text); }
.deleted .controlwrap:not(:hover)>.filter_container { color: inherit; }
.controlwrap>input { padding: 1px 2px; border: none !important; background: transparent; height: 20px; }
.controlwrap>button { margin: -2px; }
.controlwrap>input[type=checkbox] { margin: 1px; background: transparent; height: auto; }
.controlwrap>input[type=color] { max-height: 20px; }
.controlwrap>textarea { padding: 1px 2px;border:none !important; background: transparent; margin:0; }
.controlwrap>select { padding: 1px 2px;border: none !important; background: transparent; }
.controlwrap>input[readonly],
.controlwrap>div[readonly],
.controlwrap.disabled { background: var(--backgroundcolor-light); color: var(--color-disabled); }
.controlwrap.disabled input,
.controlwrap.disabled textarea { color: inherit; }
.no_border { border: 0 !important; }
.input-control.no_border>.controlwrap { border-color: transparent !important; }
.input-control.readonly>.controlwrap { background: #eee; }
.controlwrap.no_padding { padding: 0 }
.controlwrap.no_padding > * { padding-left: 0; padding-right: 0; }
.controlwrap input:disabled + .button-dummy { display: none; }

.controlwrap:has(> input:focus),
.controlwrap:has(> textarea:focus),
.controlwrap:has(> select:focus),
.input-control.focus > .controlwrap {
    background: var(--backgroundcolor-focus);
}

.controlwrap:has(> input:focus) > div.icon_label {
    color: var(--color-text);
}

.controlwrap > input:focus::placeholder,
.controlwrap > textarea:focus::placeholder,
.controlwrap > select:focus::placeholder { color: var(--color-text); }

.groupbox,
.controlwrap { display:flex; flex-flow:row nowrap; align-items:stretch; align-self:stretch; box-sizing:border-box; background: var(--backgroundcolor); }
label.controlwrap:not(:hover) .input_hover_show { visibility: hidden; }
.controlwrap.column { flex-flow:column; -webkit-flex-flow:column; }
.controlwrap>input, .controlwrap>textarea, .controlwrap>select,
.popup .controlwrap>input, .popup .controlwrap>textarea, .popup .controlwrap>select { flex-basis: 100%; flex-grow: 10; flex-shrink: 10;; box-sizing:border-box; width:10px; }
.controlwrap>.filter_container, .popup .controlwrap>.filter_container { flex-basis: 100%; flex-grow: 10; flex-shrink: 10;; box-sizing:border-box; }
.controlwrap>input[type=checkbox],
.popup .controlwrap>input[type=checkbox] { flex-grow:0 !important; flex-shrink:0 !important; flex-basis: 14px; }

.input-control,
.input-container { display:flex; flex-flow:column nowrap; align-items:stretch; }
.input-control .labeltext,
.input-container>.labeltext { opacity: 0.7; font-size: 0.8em; padding-left: 4px; }
.input-control .checkable-input { background: inherit; }
.input-control>* { width:auto; height:auto; }
.input-control>*:not(:first-child) { margin-top: 2px; }
.input-control>div.labeltext { flex-grow:0; flex-shrink:0; 0; min-height:15px; overflow: hidden; white-space: nowrap; width: 100%; box-sizing: border-box; }
.input-control .checkbox_label {
	display: inline-block;
	margin-left: 0.3em;
	flex-basis: auto;
	flex-shrink: 10;
	flex-grow: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.input-control .checkbox_label + .input_hover_show { margin-left: 4px; }

.input-control.date input { min-width: 9.25em; }
.input-control.time input { min-width: 5em; }
.hide, .input-control.hide { display: none; }

/* Hints */
#hint {
	background: rgba(33,33,33,0.8);
	box-shadow: 1px 1px 1px rgba(66, 66, 66, 0.5);
	color: white;
	z-index: 10001;
	max-width: 450px;
	position: absolute;
	word-wrap: break-word;
	pointer-events: none;
	border-radius: 3px;
}

#hint>header {
	font-weight: bold;
	display: block;
	background: rgba(255,255,255,0.1);
	padding: 5px 10px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

#hint>.content:empty {
	display: none;
}
#hint>.content {
	padding: 5px 10px;
	filter: brightness(1.6) grayscale(1);
}

#hint .arrow {
	border-color: rgba(33,33,33,0.8);
	border-style: solid;
	border-width: 10px;
	display: block;
	height: 0;
	position: absolute;
	width: 0;
}
#hint .arrow.up {
	border-left-color: transparent;
	border-top: none;
	border-right-color: transparent;
	left: 50%;
	top: 0;
	transform: translate(-10px,-10px);
	-ms-transform: translate(-10px,-10px);
	-webkit-transform: translate(-10px,-10px);
}
#hint .arrow.down {
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
	bottom: 0;
	left: 50%;
	transform: translate(-10px,10px);
	-ms-transform: translate(-10px,10px);
	-webkit-transform: translate(-10px,10px);
}

#hint .hint-label { display: inline-block; width: 8em; font-weight: bold; }
#hint .hint-label::after { content: ": "; }
#hint .hint-label-line { display: inline-block; font-weight: bold; }

/* Styles voor de list_view */
/* Default a */
.list_view li>a {
	border-radius: 0;
	cursor: default;
	display: block;
	margin: 0;
	overflow: hidden;
	position: relative;
	padding: 12px;
	border-radius: 8px;
}
.list_view li>a:not(.selected):not(:hover) { color: #00000080; }
.list_view li > a .main_line { font-size: 1.2rem; }
.list_view li > a .gap_main_line { gap: 4px; }
.list_view .header-line {
	align-items: center !important;
	-webkit-align-items: center !important;
	background-color: var(--backgroundcolor-popup);
	color: var(--color-light);
	font-weight: bold;
	padding: 6px 2px 6px 4px;
	position: sticky;
	top: 0;
	z-index: 2;
}
.list_view .header-line .controlwrap { background: none; }

.list_view li > a { border: 1px solid transparent; }
.list_view li > a.selected { background-color: var(--backgroundcolor-selected); border-color: var(--bordercolor-selected); }
.list_view li > a:not(.selected) .img_container { filter: grayscale(100%) opacity(0.5); }
.list_view li > a.selected:hover { background-color: var(--backgroundcolor-selected); }
.list_view li > a:hover { background-color: var(--backgroundcolor-hover); }

.list_view .drop_zone { display: block; line-height: 9px; height: 10px; position: relative; }
.list_view .drop_zone:before { content: " "; display: block; border-bottom: 1px solid #e8e8e8; height: 5px; pointer-events: none; }
.list_view .drop_zone.drag_hover:before { border-color: gray; }
.list_view .drop_zone.drag_hover { background-color: transparent; }
.list_view .drop_zone.drag_hover:after { content: "▶"; color: gray; position: absolute; left: 0; top: 0; pointer-events: none; }

/* Default icon */
.icon.disabled {
	filter: grayscale(1);
}
.filter_container .icon {
	font-size: 14px !important;
	height: 16px !important;
	margin-right: 4px;
	width: 16px !important;
	display: inline-block !important;
	vertical-align: middle;
}
.filter_container .icon>img { height: 100%; width: 100%; }
.list_view .icon {
	transition: all 0.06s ease-in-out;
	border-radius: 5px;
	box-sizing: border-box;
	float: left;
	height: 16px;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 16px;
}
.list_view .row > .icon {
	margin-right: 0;
}
.list_view .ellipsis > .icon {
	display: inline-block;
	float: none;
	font-size: 14px !important;
	height: 16px !important;
	margin-right: 4px;
	margin-bottom: 0 !important;
	width: 16px !important;
}
.list_view .icon>img { height: 100%; width: 100%; }
.list_view li>a .icon { font-size: 24px; height: 32px; width: 32px; }

.list_view { display: flex; flex-basis: 100%; flex-direction: column; flex-grow: 10; flex-shrink: 10; border-radius: 0; }
.list_view>ul { display: flex; flex-basis: 100%; flex-direction: column; flex-grow: 10; flex-shrink: 10; }
.list_view>ul>span { flex-basis: auto; }
.list_view>ul>li { overflow:auto; padding: 0; flex-basis: 100%; flex-direction: column; flex-grow: 10; flex-shrink: 10; }
.list_view>ul>span.tab_view    { padding: 0 4px; border-top: 1px solid var(--backgroundcolor-menu-light); overflow-x: auto; display: flex; flex-basis: auto; }
.list_view>ul>span.tab_view:empty { display: none; }
.list_view>ul>span.tab_view::-webkit-scrollbar { display: none; }
.list_view>ul>span.tab_view { -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */ }
.list_view>ul>span.tab_view > * { flex-basis: auto; flex-grow: 0; flex-shrink: 0; }
.list_view>ul>span.tab_view > .filler { flex-basis: 100%; flex-grow: 0; flex-shrink: 10; display: flex; }
.list_view>ul>span.tab_view > .filler>a+a { margin-left: 5px; }
.list_view>ul>span.tab_view > div { display: inline-flex; font-size: var(--font-size-header); cursor: pointer; align-items: center; font-family: var(--font-family-header); padding: 8px; border-bottom: 3px solid transparent; gap: 10px; position: relative; }
.list_view>ul>span.tab_view > div .input-control>.checkable-input { padding-top: 0.2em; }
.list_view>ul>span.tab_view > div:not(.selected) { color: var(--color-light); border-radius: 5px; }
.list_view>ul>span.tab_view > div:not(.selected):not(.filler):not(.buttons):hover { background: #eee; }
.list_view>ul>span.tab_view > div > .filter_container { vertical-align: top; }
.list_view>ul>span.tab_view > .filler { font-weight: normal; margin-right:0; vertical-align: top; text-align:right; padding-left:0; padding-right:0; padding-top:10px; }
.list_view>ul>span.tab_view > .filler .filter_container { font-size: var(--font-size-small); font-family:var(--font-family-default); text-align:left; }
.list_view>ul>span.tab_view > .filler label { font-size:13px; font-family:var(--font-family-default); }
.list_view>ul>span.tab_view > .filler:hover { background:inherit; }
.list_view>ul>span.tab_view > div.selected::before {
	content: ""; bottom: -2px; left: 12px; right: 12px; background: var(--color-primary); height: 2px; position: absolute;
	transition: left 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9), right 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9);
}
.list_view>ul>span.tab_view > div.selected:hover::before { left: 4px; right: 4px; }
.list_view li { outline:none; }
.list_view ul { outline:none; }

.list_view.no_margin>ul>* { margin: 0; }
.list_view li.top_separator { border-top: 1px solid var(--color-line-light) !important; }

.list_view .header_view>div { display:inline-block; vertical-align: top; }

.list_view li>a div.img_hover {
	visibility: hidden;
	background-repeat: no-repeat;
	padding-left: 0;
	padding-top: 0;
	min-width: 0;
	min-height: 24px;
	vertical-align: middle;
}

.list_view li>a img.img_hover { visibility:hidden;vertical-align:middle; }
.list_view li>a.selected .img_hover { visibility:visible; }
.list_view .unvisible { visibility: hidden; }
.list_view b { color: inherit }
.list_view li.changed { color: var(--color-primary); }

.list_view { display: flex; align-items: stretch; flex-direction: column; }
.list_view .actionline { max-height: 1.21em; overflow: hidden; }
.list_view>ul { max-height: 100%; flex-basis: 100%; flex-shrink: 0; flex-grow: 0; display: flex; flex-direction: column; }
.list_view>ul>span { height: auto; flex-basis: auto; flex-shrink: 0; flex-grow: 0; margin: 0; }
.list_view>ul>li { overflow: auto; max-height: 100%; max-height: 100%; flex-basis: 100%; flex-shrink: 10; flex-grow: 0; margin: 0; }
.list_view > ul > span.tab_view { border: none; }

time { display: flex; gap: 10px; width: 11em !important; justify-content: end; }

.filter_container.drag_hover { background-color: #dddddd !important; color: #fff !important; }
.tab_view .drag_hover, .list_view .drag_hover { background-color: #dddddd; /*color: #fff;*/ }
.list_view .drag_hover a, .list_view .drag_hover ul { background-color: inherit; }

a .selected_tab_hide { display: inline-block; }
a.selected_tab .selected_tab_hide { display:none }
a .selected_tab_show { display: none; }
a.selected_tab .selected_tab_show { display: inline-block; }

.tabdiv { border: 1px solid var(--color-line-light); padding: 10px; border-radius: 3px; display:none; }
.tabdiv.no_padding { padding: 0; }
.tabdiv.filled { background: white; }
.tabdiv.show { display: block }

a.editline .div_editing { display:none; }
a.editline.selected .div_editing { display:block; }
a.editline .div_viewing { display:block; }
a.editline.selected .div_viewing { display:none; }

.no_select { user-select: none; }

.count_container {
	font-size: 9px;
	font-weight: bold;
	white-space: nowrap;
}
.count_container .count                  { padding: 2px 3px; }
.count_container .count:last-child       { padding-bottom: 0; }
.count_container .count:not(:last-child) { border-bottom: 1px solid var(--color-line-light); }

#loading {
	z-index: 9999;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#loading>div { border-radius: 1% 1% 1% 1%; position: absolute; top: 40%; left: 50%; }
#loading>div>div { display: none; width: 300px; margin-left: -150px; margin-right: -150px; text-align: center; color: #888; font-size: 40px; font-weight: bold; }
#loading>div>div>div { border: 1px solid var(--color-primary); text-align: center; color: var(--color-primary); font-size: 40px; background: #fff; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);padding: 30px; border-radius: 4% 4% 4% 4%; opacity: 0.8;}

.icon_vervolg.lead { color: #f88; }
.icon_vervolg.offerte { color: #88f; }
.icon_vervolg.opdracht { color: black; }

div.blokwrapper { display:inline-block !important; line-height:1; vertical-align: text-top; }
div.blokwrapper>div { display:block !important; }
div.icon_block { display:inline-block !important; width:16px; }

.overbudget .nummers { color:red }
li.overdue [datetime] { color: red }

li a.selected .clickable:hover { text-decoration:underline; cursor:pointer; }
.classificatie { color: #c0c0c0; }
li .errorref { color: #900; margin-right: 4px; }

.searchfilter-container { display: flex; gap: 4px; }
.searchfilter-container>* { border: 1px solid var(--color-line-light); padding: 2px 4px; border-radius: 5px; background: var(--backgroundcolor-selected); }
.searchfilter-container>*:hover { background: var(--backgroundcolor-hover); }
.searchfilter-container>*:hover>span:last-child { color: red; }

.gray { color: #aaa; }

/* Less visible items for organizing the info for the eye */
.light { color: #aaa; }
.light-opacity { opacity: 0.5; }

/* No results text in listviews */
.no-results { color: #aaa; padding-top: 10px; }

/* Fields with error in format */
.controlwrap[error], input[error], select[error], div.filter_container[error] { background-color:#fdd !important; }

/* Dirty for GPS coordinates */
.coordinates_dirty .coordinates .controlwrap { background-color:#fdd !important; }

/* Marked input / select fields */
input.marked, select.marked, td.marked { background-color:#ffb; font-weight:bold; }

.highlight { margin: -2px;padding: 1px 2px; border-radius: 3px;background: yellow; }
.highlight.selected { margin:-2px; padding:1px 2px; border-radius: 3px; background: #ed0; }

.deleted { color: red !important }
.deleted a { color: red !important }
.input_error { color: red !important }
.controlwrap.memo { background-color:lightyellow; flex-basis: 100%; }

.inline_hover { display: inline; color: var(--color-primary); text-decoration:none; cursor:pointer; font-size: 12px; }
.set_filter_link { display: inline; color: var(--color-primary); text-decoration:none; cursor:pointer; }
.actionline { color: var(--color-light); }
.actionline>span { display: inline-block; margin-right: 0; }
.actionline>span + span::before { display: inline-block; content: "\00a0-\00a0"; }

span.inline_hover:hover { text-decoration:underline;}
span.set_filter_link:hover { text-decoration:underline;}
.drag_link { display: inline; color:blue; text-decoration:none; cursor:pointer; padding-right:24px; padding-top:1px; }

li.marked, li>a.marked, li>a.selected.marked, div.marked, span.marked, div.reviewed { color: --color-primary }

/* Topsearch */
div:not(.topsearch-inline).topsearch {
	border-radius: 3px;
	left: 35%;
	position: absolute;
	top: 10px;
	width: 25%;
	z-index: 2;
}
div.topsearch .filterinput { background: white; border: none; opacity: 0.25; }
div.topsearch .zoekicoon { margin-left: 4px; }
div.topsearch #text { background: transparent; }
div.topsearch .filterinput.has_value,
div.topsearch .filterinput.focused { opacity: 1; }

div.topsearch>div { display: flex; flex-direction: row; }
div.topsearch>div>div { flex-basis: 100%; flex-shrink: 10; flex-grow: 10; }

.popup div.filter_container { position:relative; }
div.filter_container[standard_clicks] { cursor: pointer; }

.filter_container>div { background:inherit; border-radius:inherit; overflow:hidden; }
.filter_container:not(.no_padding)>div { padding: 2px 0 2px 0; }
.filter_container>div.row { align-content: center; }
.filter_container .zoek_flash { width:1.5em; text-align:center; }
.filter_container .zoek_flash.x:hover { color:red; }
.toevoegen .filter_container .zoek_flash { color: var(--color-primary); }
.filter_container img.icon { vertical-align: middle; }
.tab_view>div>.filter_container>div { padding: 0 }
.filter_container .zoek_flash.x,
.filter_container:hover .zoek_flash,
.filter_container.selected .zoek_flash,
.filter_container:focus .zoek_flash { width:1.5em !important; opacity:1 !important; }

.filter_container .multiplewrap { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; min-height:16px; }
.filter_container .multiplewrap > * { display:inline; }
.filter_container .multiplewrap > :empty { display:none; }
.filter_container .multiplewrap > .negative:not(:empty)::before { content: "-"; }
.filter_container .multiplewrap > :not(:empty) ~ :not(:empty)::before { content: ", "; }
.filter_container .multiplewrap > :not(:empty) ~ .negative:not(:empty)::before { content: ", -"; }
.button_add:not(.button) { cursor: pointer; color: var(--color-primary); }
.button_add:not(.button):not([disabled]):hover { opacity: 0.5; }
.filter_container .button_add:hover { opacity: 1; }

div.filter_container[readonly] { background: #eee; color: #444; }
.header-line div.filter_container[readonly] { background: transparent; }
div.filter_container[readonly] .zoek_flash { display: none !important }
.tab_view div.filter_container { padding: 0; background: inherit; }
.header_view div.filter_container { padding: 0; background: inherit; }

.hover_elem:hover { background-color: var(--color-primary-superlight); }

.calendar_popup td { width: 14px; cursor: pointer; padding: 2px; }
.calendar_popup td.marked { color: #000; font-weight: bold; }
.calendar_popup td.out_of_range { background-color: #eee; }
.calendar_popup td.blocked { background-color: #e4ffe4; }
.calendar_popup td:hover { background: var(--color-primary-light); }
.calendar_popup td.other { color: gray; }
.calendar_popup td.week { color: white; background: var(--color-primary); cursor: text; }
.calendar_popup td.week:hover { background: var(--color-primary-light); }
.calendar_popup .monthyear { font-weight: bold; font-size: 14px; text-align: center }
.calendar_popup ul>li>a>*>* { border-radius: 3px; padding: 0 4px; }
.calendar_popup ul>li>a>*>*:hover { background: #caa0af; cursor: pointer; }
.calendar_popup>header:empty { display: none; }
.calendar_popup>header { font-weight: normal; padding: 6px 8px; display:block; color: white; background: var(--backgroundcolor-menu); }

.blockedit {
	background: #fff;
	border-radius: 3px;
	box-sizing: border-box;
	display: none;
	filter: alpha(opacity=85);
	height: 100% !important;
	left: 0;
	min-width: 100% !important;
	min-height: 100% !important;
	opacity: 0.85;
	position: absolute;
	top: 0;
	width: 100% !important;
	z-index: 2;
}

/* SEARCHLINE */
.list_view .searchline {
	padding: 12px;
	color: var(--color-text);
}
.list_view .searchline .filterline.filter {
       	border-radius: 4px;
	border: 1px solid var(--color-line-light);
	overflow:hidden;
	gap: 5px;
	background: var(--backgroundcolor-popup);
}
.list_view .searchline .filterline.filter .sort-order {
	margin-left: auto;
}

.list_view .searchline .filterline.filter {
	padding: 5px;
	margin-bottom: 5px;
}
.list_view:not(.show_search):not(.show_filter):not(.popup) .searchline { display: none; }
.list_view:not(.show_search):not(.popup) .searchline .filterline.search { display: none; }
.list_view:not(.show_filter):not(.popup) .searchline .filterline.filter { display: none; }
.list_view .searchline .filterline {
	display: flex; gap: 10px; align-items: center;
}
.list_view .searchline .filterline .filterinput:not(.has_value) .x { display: none; }
.list_view .searchline .filterline .filterinput {
	flex-basis: 100%; flex-shrink: 10;
}

a .selected_hide { display: block !important; }
a.selected .selected_hide { display: none !important; }
a .selected_block { display: none !important; }
a.selected .selected_block { display: block !important; }
a .selected_inblock { display: none !important; }
a.selected .selected_inblock { display: inline-block !important; }
a .selected_show { visibility: hidden; }
a.selected .selected_show { visibility: visible; }
a .hover_show { visibility: hidden; }
a.selected .hover_show,
a:hover .hover_show { visibility: visible; }
a .hover_block { display:none !important; }
a:hover .hover_block { display: block !important; }
div .hover_container .hover_show { visibility: hidden; }
div .hover_container:hover .hover_show { visibility: visible; }

.list_view .date-options li > a {
	padding: 2px;
}

/* Headers in list_views */
.list_view li.periode {
	border-bottom: none;
	border-top: none !important;
}
.list_view li.periode > a {
	color: var(--color-light);
	background: white;
	top: 0;
	position: sticky;
	z-index: 1;
	min-height: 16px;
	padding: 6px 2px 6px 4px;
}
.list_view li.periode > a:hover {
	background: white;
}
.list_view li.periode > a::before {
	border-bottom: 1px solid var(--color-line-light);
	content: "";
	display: block;
	height: 8px;
	width: 100%;
}
.list_view li.periode > a > div,
.list_view li.periode > a > span {
	background-color: inherit;
	padding: 0 4px 0 4px;
	position: absolute;
	right: 10px;
	top: 6px;
	color: inherit;
}
.list_view li + li.periode {
	margin-top: 20px;
}

.list_view li>a div.cap_container {
	border-radius: 5px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	z-index: 1;
	height: 32px;
	width: 32px;
	margin-top: 3px;
}
.list_view li>a div.cap_container>* {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #FFF;
	height: 100%;
	justify-content: center;
	text-align: center;
}
.list_view li>a div.cap_container .major   { background: var(--backgroundcolor-major); }
.list_view li>a div.cap_container .minor3  { background: var(--backgroundcolor-minor3); }
.list_view li>a div.cap_container .minor   { background: var(--backgroundcolor-minor); }
.list_view li>a div.cap_container .remark  { background: var(--backgroundcolor-remark); }
.list_view li>a div.cap_container .conform { background: var(--backgroundcolor-conform); }

.list_view li>a div.logo,
.top_filters .logo {
	border-radius: 50%;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}
.list_view li>a div.logo {
	height: 32px;
	width: 32px;
}
.top_filters .logo {
	height: 48px;
	font-size: 30px;
	width: 48px;
	line-height: 46px;
}

.list_view li>a div.logo img {
	transition: all 0.06s ease-in-out;
	height: 100%;
}

/* Image container */
.img_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #FFF;
	height: 100%;
	justify-content: center;
	text-align: center;
	text-transform: uppercase;
}
.img_container { display: flex !important; font-size: 15px; line-height: 30px; }
.img_container>* { width: 100%; height: 100%; }
.img_container img { object-fit: cover; max-width: 100%; max-height: 100%; background-color: white !important; }
.img_container>* { background-color: var(--backgroundcolor-avatar); color: var(--color-avatar); }

/* IO big image (io/company & io/person) */
.io_logo {
	overflow: hidden;
	padding: 15px 10px 10px 10px;
	position: relative;
	text-align: center;
}
.io_logo img { align-self: center; max-width: 100%; }
.io_logo .img_container { font-size: 53px; height: auto; }

/* Image actions */
.img_actions {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 14px;
	font-size: 12px;
	text-align: center;
	color: gray;
	cursor: pointer;
}
.img_actions > div:hover { color: var(--color-primary); }
.img_actions input[type=file] {
	cursor: pointer;
	height: 100%;
	opacity: 0;
	position: absolute;
	right: 0;
	width: 100%;
}

/* Labels with icons */
.icon_label>* { display: inline; }
.icon_label>*:not(:last-child) { margin-right: 4px; }
.icon_label.has_value { color: var(--color-primary); }
.imgwrap > img, .imgwrap > div > img { width: 100%; }

/* Buttons */
button { display: inline-flex; cursor: pointer; text-decoration: none; }
button { font-family: var(--font-family-default); font-size:13px; padding:4px 8px; border-radius:5px; background: var(--color-primary); color:#ffffff; border: 1px solid var(--color-primary); }

button>.icon_div:not(:only-child) { margin-right: 6px; }

button.btn-cancel { color: var(--color-primary); background: var(--backgroundcolor); }
button.btn-back { color: inherit; background: none; border: none; }
button.btn-more { color: var(--color-primary); background: var(--backgroundcolor); border: none; padding: 4px 2px; }

button:hover, .button.selected { background: var(--color-primary-light) !important; }
button.btn-context:hover { color: var(--color-primary); background: none;}
button[disabled] { background:lightgray; }
button[disabled]:hover { background:lightgray !important; }

.list_view .searchline button.search,
.list_view .searchline button.filter { border: none; color: inherit; background: transparent; }

.list_view:not(.selector) li>a .selector { display: none; }
.list_view:not(.selector) .header-line .selector { display: none; }
.list_view .selector_actions { display: none !important; }
.list_view.selector .selector_actions { display: inline-block !important; }
.list_view.selector li.checkbox .selector { color:gray; font-weight:normal; }
.list_view.selector li.checkbox .no-selector { display: none; }
.list_view.selector li.checkbox a.selected .selector { color:black; }
.list_view.selector li.checkbox a .actionline { opacity: 0; pointer-events: none; }

.checkbox .checker_active, .checkbox .checker_indeterminate { display: none; }
.checkbox .checker_inactive { display: inline-block; }
.checkbox.active .checker_active { display: inline-block; }
.checkbox.active .checker_inactive { display: none; }
.checkbox.active .checker_indeterminate { display: none; }
.checkbox.indeterminate .checker_active { display: none; }
.checkbox.indeterminate .checker_inactive { display: none; }
.checkbox.indeterminate .checker_indeterminate { display: inline-block; }

a.buttonmodern { font-size: 11px; padding: 5px; border: 2px solid var(--color-primary); border-radius: 5px; color: var(--color-primary); background: white; cursor:pointer; }
a.buttonmodern:hover { background: var(--color-primary); color: white; }

/* Buttons met transparantie */
.opacity-button { cursor: pointer !important; text-align: center; position: relative; }
.opacity-button>* { opacity: 0.5; display: block; }
.opacity-button>*:not(.button_img) { font-size: 0.8em; min-width: 48px; }
.opacity-button>.button_img { font-size: 1.2em; }
.opacity-button:hover>* { opacity: 1; }

.hover_button { opacity: 0.6; cursor: pointer; }
.hover_button:hover { opacity: 1; }

/* images in buttons */
.button>* { margin: 0 2px; display: inline-block; vertical-align: middle; }
.button .button_img { display: inline-block; }
.button .button_img>img { height: 16px; }

::placeholder {  color: var(--color-placeholder); opacity:1; }

.share_icon { width: 16px !important; display:inline-block !important; text-align:left; position: relative; }
.share_icon                           { color: #ccc; }
.share_icon.none                      { color: transparent; }
.share_icon.neutral                   { color: black; }
.share_icon.shared                    { color: #88f; }
.share_icon.shared.expired            { color: #c44; }
.share_icon.shared.downloaded         { color: #4c4; }
.share_icon.shared.downloaded.expired { color: #4c4; }
.share_icon.attached                  { color: #c0e !important; }
.share_icon.changed:after             { border-radius: 0; content: "!"; height: 8px; position: absolute; right: 0; top: 0; width: 4px; }

.factstatus { padding: 1px 3px; border-radius: 3px; color: white; margin-right: 3px; font-size: var(--font-size-small); line-height: 16px; }
.factstatus.nietfact { background: #f00; }
.factstatus.betaald { background: #080; }
.factstatus.fact { background: #008; }
.factstatus.concept { background: #f90; }


.list_view .counters { display: flex; }
.list_view .counters div.telaat { background: #ffc8c8; text-align: center; width: 20px; margin: -1px 0 -1px -1px; border: 1px solid white; font-weight: bold; font-size:11px; }
.list_view .counters div.limiet { background: #ffe080; text-align: center; width: 20px; margin: -1px 0 -1px -1px; border: 1px solid white; font-weight: bold; font-size:11px; }
.list_view .counters div.optijd { background: #c0ffc0; text-align: center; width: 20px; margin: -1px 0 -1px -1px; border: 1px solid white; font-weight: bold; font-size:11px; }

.relative { position: relative; }

/* Screenlayout CSS */
.screenlayout {
	display: flex; flex-flow: row; align-items: stretch;
	height: 100%;
	width: 100%;
	max-height: 100%;
	max-width: 100%;
	min-height: 100%;
	min-width: 100%;
	box-sizing: border-box;
}
.screenlayout,
.screenlayout>.column,
.screenlayout>.column>.row { gap: 6px !important; }
.screenlayout .list_view { padding: 10px; border: 1px solid lightgray; border-radius: 5px; background-color: var(--backgroundcolor); }

.screenlayout .list_view:not(.minimized) .tab_view>.minimize-button .button_txt { display:none; }
.screenlayout .list_view.minimized .tab_view>div:not(.minimize-button) { display: none; }
.screenlayout .list_view.minimized>ul>*:not(.tab_view) { display: none; }

.screenlayout > * { width: auto;height: auto; }
.screenlayout > .row:not(.force) > * { margin-left: 0; }
.screenlayout > * > .row:not(.force) > * { margin-left: 0; }
.screenlayout > * > * > .row:not(.force) > * { margin-top: 0; }
.screenlayout > .column:not(.force) > * { margin-top: 0; }
.screenlayout > * > .column:not(.force) > * { margin-top: 0; }
.screenlayout > * > * > .column:not(.force) > * { margin-top: 0; }

.popup .screenlayout {
	padding: 3px 0 0 0;
	position: static;
	display: flex; flex-flow: row; align-items: stretch;
}

.panellayout {
	display: flex; flex-flow: row; align-items: stretch;
	box-sizing: border-box;
	align-items: stretch;
	background: var(--backgroundcolor-hover);
}
.panellayout .screenpanel { padding: 10px; border: 1px solid lightgray; border-radius: 5px; background-color: var(--backgroundcolor); box-sizing: border-box; }
.panellayout .detail_panel_button { padding: 10px; background: var(--backgroundcolor); border: 1px solid var(--color-line-light); position: absolute; bottom: 0; transform: translate(12px, 6px); border-radius: 5px 5px 0 0; }

.panellayout>.left_panel { flex-basis: 30%; flex-grow: 10; flex-shrink: 10;; }
.panellayout>.left_panel>* { flex-basis: 100%; flex-grow: 10; flex-shrink: 10;; }
.panellayout>.right_column { flex-basis: 70%; flex-grow: 10; flex-shrink: 10; display: flex; flex-flow: column; gap: 0px !important; }
.panellayout>.right_column>.main_panel { flex-basis: 70%; flex-grow: 10; flex-shrink: 10; min-height: 0; }
.panellayout>.right_column>.detail_panel { flex-basis: 30%; flex-grow: 10; flex-shrink: 10; min-height: 0; }

@media (max-width: 1000px) {
	.list_view .searchline { flex-wrap: wrap !important; justify-content: space-between; gap: 5px; }
	.list_view .searchline>.filterinput { order: 0; }
	.list_view .searchline>.leftdiv { order: 1; min-width: 1px; max-width: 100%; overflow-x: auto; }
	.list_view .searchline>.rightdiv { order: 2; min-width: 1px; max-width: 100%; overflow-x: auto; }

	.panellayout.open-bottom .detail_panel {
		bottom: 0;
	}

	.panellayout .detail_panel {
		z-index: 2;
		background: var(--backgroundcolor);
		position: fixed;
		bottom: -100%;
		max-height: 700px !important;
		min-height: 300px !important;
		transition: bottom ease-in-out 0.3s;
		height: 100%;
		width: 100%;
	}

	.panellayout.open-left>.left_panel {
		left: 0;
	}

	.panellayout>.left_panel {
		z-index: 11;
		position: fixed;
		top: 0px;
		left: -200%;
		transition: all ease-in-out 0.3s;
		height: 100%;
		background: transparent;

		width: auto !important;
	}
	.panellayout.open-left > .left_panel {
		background: rgba(0,0,0,0.1);
		width: 200% !important;
	}
	.panellayout > .left_panel > .list_view {
		width: 45% !important;
		max-width: 500px !important;
		background: white;
		border-right: 1px solid gray;
	}
}
@media (min-width: 1001px) {
	.panellayout>.left_panel .minimize-button {
		display: none;
	}
	.panellayout:not(.open-left) .left_panel {
		display: none;
	}
	.panellayout:not(.open-bottom) .detail_panel {
		display: none;
	}
	.panellayout.open-bottom .detail_panel_button {
		display: none;
	}
}

.texthiding { text-overflow:clip; overflow:hidden; white-space:nowrap; min-height:16px; vertical-align: top; }
.texthiding>div { display:inline }
.row .texthiding>div { display:inline }
.alt_comma_list { word-wrap: normal; }
.alt_comma_list>* { display: inline; }
.alt_comma_list>:empty { display: none; }
.alt_comma_list>:not(:last-child):not(:empty)::after {
	content: ",\00a0 ";
}
.comma_list>* { display: inline; }
.comma_list>:empty { display: none; }
.comma_list>:not(:empty) ~ :not(:empty)::before {
	content: ", ";
}
.row .ellipsis.comma_list > * {
	margin-right: 0;
}
.spacing>*:not(:empty):not(:first-child)::before { content: " "; }
.spacing.separator>*:not(:empty):not(:first-child)::before { content: " - "; }
.spacing>*:not(:empty) { display: inline; }
.align-right { text-align: right; padding-right: 5px; }
.align-center { text-align: center; }
.textoverflow_hidden { text-overflow:clip; overflow:hidden; white-space:nowrap; min-height:16px; vertical-align: top; }
.textoverflow_hidden>* { display: inline; vertical-align: baseline !important; }
.textoverflow_hidden>*:not(:last-child) { margin-right: 4px; }
.textoverflow_hidden>div:empty, .ellipsis>span:empty { display: none !important; }

.ellipsis { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; min-height:1lh; vertical-align: top; }
.ellipsis>* { display: inline; vertical-align: baseline !important; }
.ellipsis>*:not(:last-child) { margin-right: 4px; }
.ellipsis>div:empty, .ellipsis>span:empty { display: none !important; }
.row .ellipsis>* { display: inline; }
.divider > * + *:not(:empty)::before { content: "> "; display: inline; opacity: 0.6; }
.bar-divider > * + *:not(:empty)::before { content: " / "; display: inline; opacity: 0.6; }


.tabcontainer { display:flex; flex-flow:column nowrap; flex-basis: 100%; flex-grow: 10; flex-shrink: 10; border: 1px solid var(--color-line-light); border-radius: 3px; }
.tabcontainer>span { flex-grow:0; flex-shrink:0; margin-bottom:-1px; display: flex; flex-flow: row; align-items: stretch; padding: 10px 20px; }
.tabcontainer>span>a { flex-grow: 0; flex-shrink: 0; flex-basis: auto; align-self: flex-end !important; padding:9px 7px; cursor:pointer; text-decoration: none; font-weight: normal; font-family:'Roboto Condensed', sans-serif; font-size: var(--font-size-header); z-index:1; position:relative; min-height:16px; border: 1px solid transparent; background: transparent; border-bottom-width: 3px; }
.tabcontainer>span>a:hover { color: var(--color-primary-light); }
.tabcontainer>span>a:not(.selected_tab) { color: var(--color-light); }
.tabcontainer>span>a.selected_tab { background-color: var(--backgroundcolor); cursor:pointer; border-bottom-color: var(--color-primary); }
.tabcontainer>div { min-height: 0; flex-basis: 100%; flex-grow: 10; flex-shrink: 10;; padding: 20px; border-radius: 3px; display:none; position:relative; }
.tabcontainer>div.no_padding { padding:0; }
.tabcontainer>div:first-of-type { border-top-left-radius: 0; }
.tabcontainer>div.show { display:flex; flex-flow:column nowrap; align-items:stretch; align-self:stretch; }
.tabcontainer>div>* { flex-basis: 100%; flex-grow: 10; flex-shrink: 10; align-self: stretch; }
.overflow-tab { overflow: auto; }

.select-title { padding-left: 8px; box-sizing: border-box; }


/* Source & rejection of status changes */
.kandidaatbron { color: #88f; }
.kandidaatafwijzing { color: red; }

/* Select default value & non-default value icons */
.list_view li .default_icon {
	text-align: left;
	width: 16px;
}
.list_view li:not(:hover) .default_icon { visibility: hidden; }
.list_view li.default_option .default_icon { color: var(--color-primary); visibility: visible; }


/* Loading (list_view) */
.list_view .loading {
	color: var(--color-text);
	font-size: 26px;
	height: 100px;
	line-height: 100px;
	text-align: center;
}

.productfield_container {
	display: flex;
	flex-flow: row wrap;
	margin-left: -5px; margin-right: -5px;
}
.productfield_container>* {
	padding: 5px;
	box-sizing: border-box;
}
.productfield_container:empty {
	display: none;
}

/* To emphasize all active filters in reports */
.rapport_popup .filters .has_value {
	background: var(--color-primary);
	color: white;
}
.rapport_popup .filters .has_value:hover {
	opacity: 0.7;
}
.rapport_popup .list_view > ul {
	display: block;
	max-height: none !important;
	min-height: initial !important;
}


/** TinyMCE Styling */
body .tox .tox-tbtn { font-size: 13px; line-height: 16px; width: 25px; height: 25px; }
body .tox .tox-tbtn.tox-tbtn--select { width: auto; }
body .tox-tinymce { box-sizing: border-box; height: 100% !important; flex-basis: 100%; display: flex !important; flex-flow: column; align-items: stretch; border: none; }
body .tox-silver-sink { z-index: 13000; }
body .tox .tox-toolbar__overflow { background: white; }

.list_view.selector li[ref].checkbox .selector {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	float: left;
	width: 25px !important;
	height: 32px;
}

.list_view.selector .header-line { padding-left: 30px; }

label.container {
	position: relative;
	display: flex !important;
}

textarea.textarea {
	z-index: 1;
	position: relative;
	background-color: transparent;
	width: 100%;
	margin: 0;
	overflow: auto;
	overflow-x: hidden;
	padding: 0 !important;
	line-height: inherit;
}

label.controlwrap div.highlights mark{
	color: transparent;
	border-radius: 2px;
}

.no_connection {
	display: none;
	padding: 10px;
	background: lightgray;
	border-radius: 100%;
	position: fixed;
	right: 2vw;
	bottom: 2vw;
	z-index: 10;
	font-size: 200%;
}