:root {
	/**** Width ****/
	--dt-container: 1170px;
	--mb-container: 95%;

	/**** Radius ****/
	--btn-rad: 0.3rem;
	--med-rad: 0.7rem;
	--rad: 1.1rem;

	/**** Theme Colours ****/
	--background: #282C34;
	--foreground: #ebebeb;
	--primary: #169fdb;
	--secondary: #484690;
	--greyscale: #475161;
	--div-background-color: #555;
	--greyscale-light: #ABB2BF;
	--greyscale-accent: #B6BDCA;
	--lighter-table-row: #383e49;
	--darker-table-row:#292e33;
	--dark: #555;
	--darker: #333;
	--dark-text: #fff;
	--light: #555;
	--lightest: #fff;
	--darkest: #000;
	/** Accents/Hovers **/
	--primary-border: #30a8db49;
	--primary-accent: #333A42;
	--secondary-accent: #e0dbf7;
	--table-li-hover: #5a6679;
	--table-li-active: #7388aa;
	--primary-lighter: #68ccf1;
	--secondary-lighter: #68ccf1;
}

/* Sidebar */
.darkmode .divSidebar {
	border: 0.1rem solid var(--primary);
}

.darkmode #divServicedeskTitel, .darkmode #divMededelingTitel {
	color: var(--primary);
}

.darkmode .divSubmenu {
	border: 0.1rem solid var(--primary);
}

.darkmode #divKruimelpad {
	border-bottom: 0.1rem solid var(--primary);
}

.darkmode .form-inline .form-control {
	background-color: var(--greyscale);
}
.darkmode .form-score {
	background: var(--greyscale);
}
.darkmode .form-control {
	border: 1px solid #6c92a7;
	background: var(--greyscale);
}
.b0 {
	background: var(--greyscale) !important;
}
.darkmode .divMenuknop {
	background: var(--darker-table-row);
}
.darkmode .divMenuknop:hover {
	box-shadow: 0px 0px 5px 0px rgba(150,208,255,0.33);
}
.darkmode .divMededelingIcon {
	border: solid var(--primary-border) 0.1rem;
	background: var(--darker-table-row);
}
.darkmode .divMededelingIcon:hover {
	box-shadow: 0px 0px 5px 0px rgba(150,208,255,0.25);
}
.darkmode .bad, .uurheader {
	background-image: url('../images/donkergrijs_spacer.png');
}
.darkmode .tabOverzicht th, .darkmode .tabLijst th{
	background : var(--darker);
	border-right-color: var(--darker);
	border-bottom: 0.2rem solid var(--primary);
}
.darkmode .tabOverzicht th, .darkmode .tabLijst th:nth-child(4n+4){
	background : var(--lighter);
	border-right-color: var(--darker);
}
.darkmode tr.nobg:hover {
	background: var(--darker) !important;
}
/*.darkmode .tabOverzicht tbody tr:nth-child(4n+1) {
	background-color:var(--darker) !important;
}*/
.darkmode .tabScores tbody tr:nth-child(4n+1), .tabScores tbody tr:nth-child(4n+2) {
	background-color:var(--background) !important;
}

.darkmode .tabScores tbody tr:nth-child(4n+3), .tabScores tbody tr:nth-child(4n+4) {
	background : var(--lighter-table-row)!important;
}
.darkmode .divGeselecteerdeLL {
	background: var(--div-background-color);
}
.darkmode #zoeken {
	color: var(--foreground);
	background-image:url('../images/search.png')
}
.darkmode .divHulp {
	border: 0;
	Border: 1px solid var(--primary-lighter);
	background: var(--primary-accent);
}
	.darkmode .divHulpknop > span {
		
	}
.darkmode .divLiBriefEmail {
	color: var(--foreground);
}
.darkmode .fr-toolbar {
	color: var(--foreground);
	background: var(--div-background-color);
}
.darkmode .fr-wrapper p {
	color: var(--darkest);
}
.darkmode .fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn {
	color: var(--greyscale-light);
}
.darkmode .fr-dropdown-list {
	background-color: var(--div-background-color);
}
.darkmode .fr-command:hover {
	color: var(--div-background-color) !important;
}
.darkmode .popup {
	background-color: var(--div-background-color);
	color: var(--foreground);
}
.darkmode .trInformatie td {
	background-color:var(--div-background-color);
	color: var(--foreground);
}
.darkmode #divHeaderZoekResultaat {
	color: var(--foreground);
}
/* Filter Keuze */

.darkmode .filterKeuzesBody {
	background: var(--greyscale) !important;
}
.darkmode .filterKeuzesDiv {
	border: none;
}

/* Planbord */

.darkmode .uurheader {
	background-image: url('../images/donkergrijs_spacer.png');
}
/* Modals */

.darkmode .modal-content {
	background-color: var(--darker-table-row);
	border: 1px solid rgba(255, 255, 255, 0.2);
}
.darkmode .modal-footer {
	border-top: 0.1rem solid #535353;
}
.darkmode .close {
	color: #fff;
	filter: alpha(opacity=30);
	opacity: .3;
}
.darkmode .close:hover {
	filter: alpha(opacity=40);
	opacity: .4;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--dark-text) !important;
	background-color: var(--greyscale);
}

.select2-container--default .select2-selection--single {
	border: 0px !important;
}

.select2-selection__rendered {
	border: 1px solid #6c92a7;
	border-radius: 0.4rem;
}

.select2-dropdown {
	background: var(--greyscale) !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: var(--darker) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--light);
	color: white;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #6c92a7;
	background: var(--background);
}

.select2-container--open .select2-dropdown--below {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border: 1px solid #6c92a7;
}

.select2-container--default .select2-selection--single {
	border-radius: 0.4rem !important;
}


.select2-container {
	width: calc(100% - 270px) !important;
}

#s2id_leadadd_mode_of_enq .select2-default {
	color: white !important;
	background-color: var(--greyscale) !important;
}

.fr-box.fr-basic .fr-element {
	color: var(--darkest) !important;
}