@charset "UTF-8";
/* CSS Document */

/* ---------------------- LOGO ------------------------------------------------------------------------------------------------------- */

/* logo in applicatie */
.menu .logo {
	background: #ffffff url(logo-BAV.png) center center no-repeat; /* kies een image van maximaal 100px hoog */
	padding-bottom: 40px;
	width: 65px; /* maximale width is 195px */
	height: 70px;
	top: -35px;
}

/* logo in login scherm */
.main .doc .logo  {
	background: #ffffff url(logo-BAV.png) center center no-repeat; /* kies een image van maximaal 100px hoog */
	height: 96px;
	width: 185px; /* maximale width is 195px */
	display: none; /* Hide because the logo looks bad. */
}


/* ---------------------- BASISKLEUR ------------------------------------------------------------------------------------------------- */

.main,
.menu .logo,
.menu > ul > li:hover > a,
.menu > ul > li.active > a,
.menu > ul > li > ul,
.menu > ul > li > ul li a:hover,
.progress .step.active p,
.progress .step.active p:hover,
.progress .step.past a:hover,
h2 .gradientbg {
	border-color: #333333; 
}

.focus, .main .block.emph:before {
	border-bottom-color: #333333;
}

.main .row.closer .active {
	background: #333333;
}

.dashboardheader, .dashboardstatistics, .dashboarditems {
	background-color: #333333;
}

/* ---------------------- LICHTER ---------------------------------------------------------------------------------------------------- */

.menu,
.progress .step.past a {
	border-color: #999999; 
}

.menu > ul > li > ul li a {
	background: #999999; 
}

.progress .step.past a {
	color: #999999; 
}

.dashboardstatisticsheader {
	background-color: #999999;
}
.dashboardnotificationsheader {
	color: #999999;
}
.dashboarditems>ul>li { 
	border-bottom: solid 2px #999999;
}



/* ---------------------- DONKERDER (alleen nodig als basiskleur relatief licht is, anders basiskleur gebruiken ---------------------- */

.menu > ul > li:hover > a,
.menu > ul > li.active > a,
.progress .step.active p,
.progress .step a:hover {
	color: #333333;  
}

/* ---------------------- BASISKLEUR 10% OPACITY ------------------------------------------------------------------------------------- */

[class*="col"].active {
	background: rgba(0, 0, 0, 0.1);
	
	/* Eerste drie waardes zijn RGB-waarde van basiskleur */
	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#22000000,endColorstr=#22000000); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#22000000,endColorstr=#22000000)";
	
	/* Eerste 2 cijfers zijn opacity, laatste 6 zijn hex-waarde basiskleur */
}

/* ---------------------- CUSTOM DATATABLE HIGHLIGHTING ------------------------------------------------------------------------------ */
table.dataTable tr.even.row_selected,
table.dataTable tr.odd.row_selected { 
	background-color: #FFEA99; border-top: 1px solid black; border-bottom: 1px solid black;
}
table.dataTable tr.even.row_selected td.sorting_1,
table.dataTable tr.odd.row_selected td.sorting_1 { background-color: #FFEA99; }

/* ---------------------- FEEDBACK COLOR --------------------------------------------------------------------------------------------- */
.feedback-tab {
color: #333333;
}

/* ---------------------- CUSTOM EMPH BORDER-BOTTOM ------------------------------------------------------------------------------ */
.main .block.emph:before {
	border-bottom: 4px solid #333333;
}
.advice {
	color: #E64B43  !important;	
}

.advice label {
	color: #E64B43 ;
}