@charset "utf-8";
/*

kleuren:
login knop				#00dfd3
rood errormelding		#ff0000
groen errormelding		#04b600
donkerblauw hover		#004478
grijs help				#eeeeee
tekst login box	actief	#555555
tekst login box placeh	#dddddd
donkerblauw border dd	#1e6295
lichtblauw border dd	#89b0ce

*/

/* algemeen */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* backgrounds */
#login {
	background: url(../images/background-login.jpg) no-repeat center;
	background-size: cover;
}

#error {
	background: url(../images/background-error.jpg) no-repeat center;
	background-size: cover;
}

#wwkwijt {
	background: url(../images/background-wwkwijt.jpg) no-repeat center;
	background-size: cover;
}

#hulp {
	background: url(../images/background-help.jpg) no-repeat center;
	background-size: cover;
}

.overflow-auto {
	overflow: auto;
	scrollbar-width: thin;
}

#extra_opmerking_content {
	padding: 20px 0 0 0;
}

#actieLogTable {
	padding: 10px 0 20px 0;
}

#lnkExtraOpmerking {
	margin-right: 0 !important;
}

#reserveringInfo {
	margin-bottom: 20px;
}

.inline-grid {
	display: inline-grid;
}

.alert {
	padding: 10px;
	border-radius: 6px;
	background: #fff8e1;
	border: 1px solid #ffe58f;
	color: #8a6d3b;
	margin-top: 10px;
	width: 100%;
	display: block;
}

	.alert.alert-success {
		background: #d4edda;
		border: 1px solid #c3e6cb;
		color: #155724;
	}

	.alert.alert-error {
		background: #f8d7da;
		border: 1px solid #f5c6cb;
		color: #721c24;
	}

.actielog {
	border: 1px solid #ddd;
}

	.actielog td {
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		padding: 1px 4px;
	}

		.actielog td:last-child {
			border-right: 0;
		}

	.actielog tr:last-child td {
		border-bottom: 0;
	}

.mb-10 {
	margin-bottom: 10px;
}

.mt-10 {
	margin-top: 10px;
}

.pt-10 {
	padding-top: 10px;
}

.pt-5 {
	padding-top: 5px;
}

#pnlMop .dxgvDataRow .dxeEditArea {
	text-indent: 0;
	visibility: visible;
	width: calc(100% - 20px);
	border: 1px solid #ddd !important;
	height: 20px !important;
	line-height: 20px !important;
	font-family: 'Source Sans Pro';
	font-size: 12px;
	padding: 0 8px;
}
/* login pagina */
#loginBox {
	width: 400px;
	height: 222px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -111px;
}

	#loginBox * {
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		float: left;
	}

.foto-preview {
	display: none;
	gap: 20px;
	padding: 20px;
	border: 4px dashed #ddd;
	border-radius: 16px;
	margin-top: 20px;
}

	.foto-preview.filled {
		display: flex;
	}

	.foto-preview .foto-thumb {
		width: 120px;
		position: relative;
	}

		.foto-preview .foto-thumb img {
			max-width: 100%;
			border-radius: 8px;
		}

		.foto-preview .foto-thumb button {
			position: absolute;
			bottom: 10px;
			left: 10px;
		}

#taalButton {
	width: 80px;
	height: 40px;
	float: left;
	background: #eee;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	cursor: pointer;
	color: #000;
}

#globe {
	width: 50%;
	height: 100%;
	line-height: 40px;
	color: black;
}

/* language box */
div#language {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	display: none;
	z-index: 10001;
}

div#talen {
	position: absolute;
	width: 296px;
	height: 64px;
	top: 50%;
	left: 50%;
	margin: -32px 0 0 -148px;
}

	div#talen a {
		margin-right: 5px;
		padding-right: 5px;
		margin-left: 0 !important;
		float: left
	}

		div#talen a img {
			float: left;
		}

#loginBox_help {
	width: 400px;
	height: 40px;
	float: left;
	margin-bottom: 20px;
}

	#loginBox_help a#helpBtn {
		width: 40px;
		height: 32px;
		float: right;
		display: block;
		background: #eee;
		overflow: hidden;
		padding-top: 8px;
	}

		#loginBox_help a#helpBtn .set {
			float: right;
			clear: right;
			width: 40px;
			height: 40px;
		}

		#loginBox_help a#helpBtn:hover {
			background: url(../images/form_help.png) no-repeat right #fff;
			width: 150px;
		}

			#loginBox_help a#helpBtn:hover .hover {
				display: block;
				float: right;
				width: 110px;
			}


#loginBox_form, #wwWijzigenBox_form {
	width: 370px;
	height: 100px;
	padding: 0px;
	padding-left: 30px;
	float: left;
	margin-bottom: 20px;
	background: #fff;
}

#wwWijzigenBox_form {
	height: auto;
}

.loginBox_form_divider {
	width: 340px;
	height: 1px;
	float: left;
	background: #eee;
}

#loginBox_btns {
	width: 400px;
	height: 50px;
	float: left;
}

	#loginBox_btns a#wachtwoordBtn {
		float: left;
		display: block;
		width: auto;
		height: 37px;
		padding: 13px 20px 0 20px;
	}

		#loginBox_btns a#wachtwoordBtn:hover {
			background: #004478;
		}

	#loginBox_btns span {
		float: left;
		display: block;
		width: auto;
		height: 40px;
		padding: 10px 20px 0 20px;
	}

#pnlSuccess {
	padding: 10px;
	margin-right: 30px;
	margin-top: 10px;
}

	#pnlSuccess a {
		color: #04b400;
	}

		#pnlSuccess a:hover {
			text-decoration: underline;
		}
/* hulp pagina */
#helpBox {
	width: 400px;
	height: 630px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -315px 0 0 -200px;
}

	#helpBox * {
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

#helpBox_content {
	width: 340px;
	height: 460px;
	padding: 30px;
	float: left;
	margin-bottom: 20px;
	background: #fff;
}


/* startscherm pagina */

/* top */

div#topbar {
	width: 100%;
	height: 80px;
	position: fixed;
	top: 0;
	background: url(../images/border-top-ag.png) bottom repeat-x #eee;
	z-index: 90;
}

div#top_locatie {
	float: left;
	margin-left: 90px;
	padding-top: 18px;
	height: 62px;
	width: 50%;
}

	div#top_locatie div {
		cursor: pointer;
	}

div.top_loc_optie {
	float: left;
	height: 23px;
	padding: 8px 10px 10px 10px;
	margin-right: 10px;
}

div#absmodule {
}
/*
div.selected span {
    background: url(../images/locatie_pijl.png) no-repeat right 14px;
    padding-right: 25px;
}
*/

div.top_loc_optie.set {
	background: none;
}

div.top_loc_dropdown {
	position: absolute;
	height: auto;
	width: 260px;
	display: none;
	margin-left: -10px;
	z-index: 999 !important;
}

	div.top_loc_dropdown div {
		cursor: auto !important;
	}

div.dropdown_pointer {
	width: 240px;
	height: 11px;
	margin-left: 20px;
	background: url(../images/top_dd_gray.png) no-repeat;
	float: left;
}

div.dropdown_box {
	width: 284px;
	height: auto;
	padding: 0px 20px;
	background: #999999;
	float: left;
}

div.dropdown_box_opties {
	width: 285px;
	float: left;
}

div.dropdown_box_titel {
	width: 300px;
	float: left;
	padding: 10px 0;
	border-bottom: 1px solid #555;
}

div.dropdown_box_list {
	border-top: 1px solid #aaa;
}

div.dropdown_box_opties ul {
	list-style: none;
	padding: 0;
}

	div.dropdown_box_opties ul li {
		/*    border-bottom: 1px solid #aaa;*/
	}

/* rapportage dropdown */
div#toon_rapportage {
	margin-left: -210px;
	margin-top: 41px;
}


div#toon_hulp {
	margin-left: -160px;
	margin-top: 41px;
}

div#toon_account {
	margin-left: -110px;
	margin-top: 41px;
}

	div#toon_rapportage div.dropdown_pointer,
	div#toon_hulp div.dropdown_pointer,
	div#toon_account div.dropdown_pointer {
		background-position: 213px 0;
		margin: 0;
		width: 260px;
	}

div#top_info {
	float: right;
	height: 60px;
	padding-top: 20px;
}

div#top_buttons {
	float: left;
	width: auto;
	padding: 0 20px;
	/* background: url(../images/border-stat.png) left no-repeat;*/
}

a#top_reset {
	background: url(../images/buttons/btn_reset.png) top;
	width: 40px;
	height: 41px;
	margin: 4px 0 0 10px;
}

	a#top_reset:hover {
		background-position: bottom;
	}

a#top_help {
	background: url(../images/buttons/btn_help.png) top;
	width: 40px;
	height: 41px;
	margin-left: 10px;
}

	a#top_help:hover {
		background-position: bottom;
	}

a#btn_loguit {
	background: url(../images/iconen/icoon_account.png) top;
	width: 40px;
	height: 41px;
	margin-left: 10px;
}

	a#btn_loguit:hover {
		background-position: bottom;
	}

a#top_rapportage {
	background: url(../images/buttons/btn_rapportage.png) top;
	width: 40px;
	height: 41px;
}

	a#top_rapportage:hover {
		background-position: bottom;
	}

a#top_massa, a.top_massa {
	background: url(../images/iconen/icoon_massa.png) top;
	width: 40px;
	height: 42px;
	margin-right: 12px;
}

	a#top_massa:hover, a.top_massa:hover {
		background-position: bottom;
	}

.massa_overzicht {
	float: left;
}
/* menu */
div#menu {
	position: fixed;
	top: 0;
	background: #eee;
	height: 100%;
	width: 90px;
	float: left;
	z-index: 91;
}

div#menu_logo {
	width: 90px;
	height: 65px;
	padding-top: 15px;
	float: left;
}

a.logo_abs {
	width: 60px;
	height: 50px;
	margin-left: 15px;
	background: url(../images/logo-abs.png) top;
}

	a.logo_abs:hover {
		background-position: bottom;
	}

div#menu_items {
	width: auto;
	float: left;
	max-height: calc(100vh - 200px);
	overflow: auto;
	scrollbar-width: thin; /* Firefox */
}

	div#menu_items .fa-pie-chart {
		font-size: 30px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

a.menu_btn {
	width: 70px;
	height: 50px;
	padding: 0 0 10px 0;
	margin: 0 0 8px 10px;
	overflow: hidden;
}

	a.menu_btn.set {
		background: #fff;
	}

	a.menu_btn:hover {
		background: #fff;
	}

	a.menu_btn.set:hover {
		/*background: #fff;*/
	}

	a.menu_btn span {
		float: left;
		display: block;
		width: 70px;
		height: 40px;
		margin-bottom: 0px;
		background-position: center !important;
		line-height: normal;
	}

	a.menu_btn:hover span {
		background-position: top !important;
	}

	a.menu_btn.set span {
		background-position: bottom !important;
	}

	a.menu_btn span.aantal {
		display: none;
		min-width: 15px;
		width: auto;
		height: auto;
		padding: 3px;
		background: #fff;
		position: absolute;
		margin: -4px 0 0 45px;
	}

	a.menu_btn:hover span.aantal {
		background: #3377ab;
		display: block;
	}

	a.menu_btn.set span.aantal {
		background: #ff9600;
	}

a.first {
	border-top: 0;
}

span.overzicht {
	background: url(../images/buttons/btn_overzicht.png) no-repeat;
}

span.acties {
	background: url(../images/buttons/btn_acties.png) no-repeat;
}

span.bedrijven {
	background: url(../images/buttons/btn_bedrijven.png) no-repeat;
}

span.beheer {
	background: url(../images/buttons/btn_beheer.png) no-repeat;
}

span.meerjaren {
	background: url(../images/buttons/btn_begroting.png) no-repeat;
}

span.mjop {
	background: url(../images/iconen/icoon_overzicht.png) no-repeat;
}

a.menu_btn:hover span.mjop {
	background-position: bottom !important;
}

a.menu_btn.set span.mjop {
	background-position: top !important;
}

span.moederboek {
	background: url(../images/buttons/btn_moederboek.png) no-repeat;
}

span.magazijn {
	background: url(../images/buttons/btn_magazijn.png) no-repeat;
}

span.restart {
	background: url(../images/buttons/btn_restart.png) no-repeat;
}

span.account {
	background: url(../images/buttons/btn_account.png) no-repeat;
}

span.offertes {
	background: url(../images/buttons/btn_offertes.png) no-repeat;
}

span.financien {
	background: url(../images/buttons/btn_financieel.png) no-repeat;
}

/* content */
div#content {
	float: left;
}

/* KAART */

div#ovz_kaart {
	width: 100%;
	height: 40%;
}

/* start map opties */
a#up {
	width: 20px;
	height: 20px;
	background: url(../images/map/vergroot.png) no-repeat top;
	padding: 10px;
}

a#down {
	width: 20px;
	height: 20px;
	background: url(../images/map/verklein.png) no-repeat top;
	padding: 10px;
}

a#legenda {
	width: 20px;
	height: 20px;
	background: url(../images/map/legenda.png) no-repeat top;
	padding: 10px;
}

a#default {
	width: 20px;
	height: 20px;
	background: url(../images/map/default.png) no-repeat top;
	padding: 10px;
}

div#toon_legenda a {
	width: 20px;
	height: 20px;
	padding: 10px;
	border-bottom: 1px solid #777;
	border-top: 1px solid #aaa;
	margin: 0 4px 4px 0;
}

	div#toon_legenda a:hover {
		background-color: #fff !important;
		background-position: bottom !important;
		border-top: 1px solid #777;
		border-bottom: 1px solid #aaa;
	}

a#objecten {
	background: url(../images/map/objecten.png) no-repeat top;
}

a#leveranciers {
	background: url(../images/map/leveranciers.png) no-repeat top;
}

a#fabrikanten {
	background: url(../images/map/fabrikanten.png) no-repeat top;
}

a#installateurs {
	background: url(../images/map/installateurs.png) no-repeat top;
}

a#acties {
	background: url(../images/map/acties.png) no-repeat top;
}

a#vervallen {
	background: url(../images/map/vervallen.png) no-repeat top;
}

a#voltooid {
	background: url(../images/map/voltooid.png) no-repeat top;
}

a#open {
	background: url(../images/map/open.png) no-repeat top;
}

a#geaccepteerd {
	background: url(../images/map/geaccepteerd.png) no-repeat top;
}

span.info_dropdown {
	position: absolute;
	height: auto;
	width: 160px;
	margin-left: -120px;
	margin-top: 31px;
	z-index: 999;
	display: none;
}

span.info_dropdown_pointer {
	width: 140px;
	height: 11px;
	margin-left: 20px;
	background: url(../images/top_dropdown.png) no-repeat 95px 0;
	float: left;
}

span.info_dropdown_box {
	width: 140px;
	height: auto;
	padding: 10px;
	background: #3377ab;
	float: left;
}

div.legenda a:hover span.info_dropdown,
div.home_opties a:hover span.info_dropdown {
	display: block;
}

/* rapportage dropdown */
div#toon_legenda {
	margin-left: -210px;
	margin-top: 41px;
}

	div#toon_legenda div.dropdown_pointer {
		margin: 0;
		width: 260px;
		background-position: 213px 0;
		float: left;
	}

	div#toon_legenda div.dropdown_box {
		padding-bottom: 12px;
	}

	div#toon_legenda a.mapset {
		background-color: #fff !important;
		background-position: bottom !important;
		border-top: 1px solid #777;
		border-bottom: 1px solid #aaa;
	}

		div#toon_legenda a.mapset:hover {
			background-color: #ccc !important;
			background-position: top !important;
			border-bottom: 1px solid #777;
			border-top: 1px solid #aaa;
		}

/* map popup stijl */
div#ovz_kaart div.locatienaam {
	width: 160px;
	height: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}

div#ovz_kaart a.object {
	width: 160px;
	height: auto;
}

	div#ovz_kaart a.object span.aantal {
		width: 30px;
		height: 20px;
		margin-right: 10px;
		line-height: 1;
		padding: 5px;
	}

	div#ovz_kaart a.object:hover span.aantal {
		background: #004478;
	}

/* einde map opties */


/* LIJST */

div#list_inhoud {
	width: 100%;
	height: 60%;
}

	div#list_inhoud table {
		width: 100%;
	}

table.overzicht_table {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #eeeeee;
	border-collapse: collapse;
}

	table.overzicht_table td {
		border-width: 1px;
		padding: 5px 5px 5px 20px;
		border-style: solid;
		border-color: #eeeeee;
		height: 60px;
	}

	table.overzicht_table tr {
		height: 60px;
		cursor: pointer;
	}

		table.overzicht_table tr:hover {
			background: #f6f6f6 !important;
		}

	table.overzicht_table td.online {
		background: #04b600;
		width: 3px;
		padding: 0;
	}

	table.overzicht_table td.offline {
		background: #ff0000;
		width: 3px;
		padding: 0;
	}

	table.overzicht_table td.acties {
		width: 50px;
		padding: 0;
		text-align: center;
	}

	table.overzicht_table td.opmerkingen {
		width: 50px;
		padding: 0;
		text-align: center;
	}

	table.overzicht_table div.buttons {
		position: absolute;
		z-index: 999;
		width: 90px;
		height: 60px;
		background: orange;
		margin: -20px 0 0 -90px;
	}

table.hover tr:hover {
	background: none !important;
}


/* header */
table.overzicht_table tr.header {
	background: #fff !important;
	border-bottom: 1px solid #eee;
}

table.overzicht_table tr.white {
	background: #ffffff !important;
}

table.overzicht_table span.text {
	float: left;
}

table.overzicht_table div.filter {
	float: right;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background: url(../images/buttons/filter.png) no-repeat center;
	margin-right: 10px;
}

	table.overzicht_table div.filter:hover {
		background-position: top;
	}

	table.overzicht_table div.filter.set {
		background-position: bottom;
	}

/* filter */
div.filter_dropdown {
	position: absolute;
	height: auto;
	width: 260px;
	display: none;
	margin: 30px 0 0 -222px;
	z-index: 999 !important;
}

	div.filter_dropdown div.dropdown_pointer {
		margin: 0;
		width: 260px;
		background: url(../images/top_dropdown.png) no-repeat 213px 0;
		float: left;
	}

	div.filter_dropdown div.dropdown_box {
		background: #3377ab;
	}

a#sortDown {
	background: url(../images/filter_za.png) top;
	width: 30px;
	height: 31px;
	margin-left: 10px;
	float: right;
}

	a#sortDown:hover {
		background-position: bottom;
	}

a#sortUp {
	background: url(../images/filter_az.png) top;
	width: 30px;
	height: 31px;
	float: right;
}

	a#sortUp:hover {
		background-position: bottom;
	}

a.sortSet {
	background-position: bottom !important;
}

div.dropdown_box_input {
	width: 220px;
	float: left;
	padding: 10px 0;
	border-bottom: 1px solid #1e6295;
	border-top: 1px solid #89b0ce;
}

/* mouse over optie kaart/actie */
div.hoverOptie {
	position: absolute;
	height: 40px;
	width: auto;
	background: #eee;
	padding: 15px;
	margin: -35px 0 0 4px;
	display: none;
	right: 0;
}

a.kaart {
	width: 40px;
	height: 40px;
	/*background: url(../images/buttons/btn_locatie.png) no-repeat right;*/
	background: url(../images/buttons/btn_open.png) no-repeat right;
	border-left: 1px solid #999;
	margin-left: 10px;
	padding-left: 15px;
}

a.actie {
	width: 40px;
	height: 40px;
	background: url(../images/buttons/btn_taken.png);
}

a.remove {
	width: 40px;
	height: 40px;
	background: url(../images/buttons/btn_delete.png);
}

a.download {
	width: 40px;
	height: 40px;
	background: url(../images/buttons/btn_download.png);
}

a.ingeklapt {
	width: 40px;
	height: 40px;
	background: url(../images/buttons/btn_ingeklapt.png);
}

a.fotoview {
	width: 40px;
	height: 40px;
	background: url(../images/buttons/btn_foto.png) no-repeat right;
	border-left: 1px solid #999;
	margin-left: 10px;
	padding-left: 15px;
}

a.voltooid {
	width: 40px;
	height: 40px;
	background: url(../images/buttons/btn_voltooid.png);
}

div.hoverOptie span.info_dropdown {
	width: 120px;
	margin-left: -90px;
	margin-top: 36px;
}

div.hoverOptie span.info_dropdown_pointer {
	margin-left: 95px;
	background: url(../images/top_dropdown.png) no-repeat left center;
}

div.hoverOptie span.info_dropdown_box {
	width: 120px;
}

div.hoverOptie a:hover span.info_dropdown {
	display: block;
}

div.hoverOptie a {
	background-position: top;
}

	div.hoverOptie a:hover {
		background-position: bottom;
	}

/* mouse over optie delete */
div.sub_content .hoverOptie {
	margin: -35px 40px 0 0;
}

/* STATS MENU */

div#stats_block {
	height: 100%;
	float: left;
	margin-left: 20px;
}

div#stats_menu {
	width: 100%;
	height: 100%;
	float: left;
}

div.statistic,
a.statistic {
	float: left;
	width: 100%;
	margin-bottom: 7px;
	padding-top: 7px;
	border-top: 1px solid #eee;
}

div.stat_icoon {
	float: left;
	clear: left;
	width: 30px;
	margin-right: 10px;
	height: 40px;
}

	div.stat_icoon img {
		width: 20px;
		margin: 5px;
	}

div.stat_aantal {
	float: left;
	width: 80px;
	height: 23px;
}

div.stat_omschrijving {
	float: left;
	width: 80px;
	height: 17px;
}

/* LIJST MENU */

div#lijst_menu {
	width: 250px;
	height: 100%;
	background: #eeeeee;
	float: left;
}

	div#lijst_menu ul {
		margin: 20px 0 0 10px;
		padding: 0;
		float: left;
		display: block;
	}

		div#lijst_menu ul li {
			list-style: none;
			width: 190px;
			float: left;
			margin-bottom: 5px;
		}

			div#lijst_menu ul li:hover a {
				/* background: #fff;*/
			}

a.subsubitem {
	margin-left: 20px;
}

.dxtlIndentWithButton {
	vertical-align: middle;
}

.dxtlControl a,
.dxtlControl .rounded {
	color: #000;
}

	div#lijst_menu ul li.set a, div#lijst_menu ul li.True a,
	.dxtlControl a.set {
		width: 200px;
		color: #3377ab !important;
		background: #fff;
		border-bottom: 1px solid #ddd;
		text-align: left;
		text-decoration: none !important;
	}

.dxtlControl .row-set {
	background: #fff;
	border-radius: 5px;
}

.dxtlControl a.set {
	width: calc(100% - 5px);
	padding-left: 5px;
	display: block;
}

	.dxtlControl a.set:hover {
		color: #3377ab !important;
		background: #fff;
	}


div#lijst_menu ul li.set ul li a {
	background: transparent;
	border-bottom: 0;
	color: #333;
}

.dxtlControl .dxtlNode:first-child a {
	font-weight: bold;
	text-transform: uppercase;
}

table.dxeReadOnly .dxICBReadonlyMarker.dxWeb_edtCheckBoxChecked {
	background-position: -450px -115px;
}

table.dxeReadOnly .dxICBReadonlyMarker.dxWeb_edtCheckBoxUnchecked {
	background-position: -484px -115px;
}

.dxeReadOnly label {
	cursor: default;
}

div#lijst_menu ul li ul.subsubmenu {
	margin-top: 5px;
}

div#lijst_menu ul li ul li.subListItem {
	margin-left: 10px;
}

div#lijst_menu ul li:first-child {
	border-top: 0;
}

div#lijst_menu ul li a {
	background: none;
	display: block;
	float: left;
	padding: 6px 5px 6px 25px;
	width: 161px;
}

.dxtlControl a,
.dxtlControl .rounded {
	display: block;
	background: none;
	padding: 6px 5px 6px 5px;
}

.dxtlSearchPanel {
	background: transparent;
	border: 0;
	margin-bottom: 5px;
	padding-left: 0;
	width: 100%;
}

	.dxtlSearchPanel .dxic {
		height: auto !important;
	}

	.dxtlSearchPanel .dxeButtonEdit {
		border-radius: 5px;
		border-color: #ddd;
		padding: 0 7px;
		width: 100%;
	}

	.dxtlSearchPanel > table {
		width: 100%;
	}

	.dxtlSearchPanel input[type="text"] {
		height: 28px !important;
		width: 100%;
	}

.mop-header {
	border: none;
	text-align: center;
}

	.mop-header td {
		font-weight: bold !important;
	}

#gvOnderhoudspostenWithoutYear .dxgvTable,
#gvOnderhoudsposten .dxgvTable,
#gvEditOnderhoudsposten .dxgvTable,
#gvEditOnderhoudspostenWithoutYear .dxgvTable {
	width: auto !important;
}

#gvOnderhoudspostenWithoutYear .mop-firstcell td,
#gvOnderhoudsposten .mop-firstcell td,
#gvEditOnderhoudsposten .mop-firstcell td,
#gvEditOnderhoudspostenWithoutYear .mop-firstcell td {
	text-align: left;
}

#gvOnderhoudspostenWithoutYear .mop-cell,
#gvOnderhoudsposten .mop-cell,
#gvEditOnderhoudsposten .mop-cell,
#gvEditOnderhoudspostenWithoutYear .mop-cell {
	border: 0;
}

#gvEditOnderhoudsposten .dxic,
#gvEditOnderhoudspostenWithoutYear .dxic {
	height: 20px !important;
}

div#lijst_menu ul li a:hover,
.dxtlControl a:hover {
	color: #fff;
	background: #ff9600;
}

div#lijst_menu ul li.set a:hover {
	background: #fff;
}

div#lijst_menu ul li a.nieuw {
	background: url(../images/buttons/btn_nieuw.png) no-repeat 10px top #fff;
	width: 126px !important;
	height: 21px;
	padding-left: 40px;
}

div#lijst_menu ul li.set a.nieuw {
	background-position: 10px bottom;
	background-color: #004478;
}

div#lijst_menu ul li a.nieuw:hover {
	background-position: 10px center;
	background-color: #ff9600;
}


/* lijst bij object */
ul#lijst_menu_locatie li {
	height: auto;
	overflow: hidden;
	width: 200px !important;
}

	ul#lijst_menu_locatie li:first-child a {
		font-weight: bold;
		text-transform: uppercase;
	}

.subsubmenu li a {
	text-transform: none !important;
}

ul#lijst_menu_locatie ul.subsubmenu li:first-child a, ul#lijst_menu ul.subsubmenu li:first-child a {
	font-weight: normal !important;
}

.dxtlNode td.dxtl, .dxtlAltNode td.dxtl, .dxtlSelectedNode td.dxtl, .dxtlFocusedNode td.dxtl, .dxtlEditFormDisplayNode td.dxtl, .dxtlCommandCell {
	white-space: normal;
	font-size: 12px;
	font-family: 'Source Sans Pro', sans-serif;
}

.dxtlNode td.dxtl {
	padding-top: 1px;
	padding-bottom: 1px;
}


.dxtlNode, .dxtlIndent, .dxtlIndentWithButton {
	background: transparent;
}

.dxtlIndent {
	padding: 0 5px;
}
/* aantal highlight */
div#lijst_menu ul li a span.aantal,
div#lijst_menu span.aantal {
	display: block;
	min-width: 15px;
	width: 15px;
	height: auto;
	line-height: 1 !important;
	background: #ff9600;
	padding: 3px 0;
	margin: -3px 0 0 140px;
	margin-top: 0px;
	margin-left: -22px;
	float: left;
}

div#lijst_menu span.aantal {
	margin-left: 0;
	color: #fff;
	text-align: center;
	margin-right: 6px;
	margin-top: 4px;
	margin-left: 5px;
}

div#lijst_menu ul li.set a span.aantal {
	margin-top: 0px;
	margin-left: -22px;
}

/* SUB MENU */

div#sub_menu {
	width: 100%;
	height: 100%;
	float: left;
}

	div#sub_menu ul {
		margin: 0;
		padding: 0;
		float: left;
		display: block;
	}

		div#sub_menu ul li {
			list-style: none;
			float: left;
			margin: 0 0 1px 0;
			padding: 0;
			margin-right: 5px;
		}

.hidden {
	display: none;
}

div#sub_menu ul {
	margin-bottom: -2px !important;
}

	div#sub_menu ul li {
		margin-bottom: 2px !important;
	}

		div#sub_menu ul li.set {
			margin-bottom: 0px !important;
			margin-top: 1px;
		}

			div#sub_menu ul li.set h2 {
				display: block;
				white-space: nowrap;
				font-size: 18px;
			}

		div#sub_menu ul li h2 {
			font-size: 19px;
			padding-left: 40px;
		}

		div#sub_menu ul li.set a {
			min-width: 205px !important;
			width: auto !important;
			border: 1px solid #ddd;
			border-bottom: 0;
			background-position: 10px top !important;
		}

div#sub_menu.submenu_inspectie ul li.set a {
	min-width: unset !important;
	width: 205px !important;
}

td.popup_submenu div#sub_menu ul li.set a {
	width: 105px !important;
}

div#sub_menu ul li.set a.inspectiemenu, div#sub_menu ul li a.inspectiemenu, div#sub_menu ul li:hover a.inspectiemenu {
	width: 28px !important;
	border-right: 0px !important;
	cursor: default;
}

.submenu_inspectie ul#subPageMenu li.set a.inspectiemenu {
	background: #fff;
	width: 29px !important;
	border-bottom: 1px solid #ddd;
}

div#sub_menu ul li:hover a.inspectiemenu {
	color: #555 !important;
}

div#sub_menu ul li:first-child {
	border-top: 0;
}

div#sub_menu ul li a {
	display: block;
	float: left;
	padding: 10px 5px 10px 40px;
	width: 134px;
	border: 1px solid #eee;
	border-bottom: 0;
	background-position: 10px center !important;
}

td.popup_submenu div#sub_menu ul li a {
	width: 84px !important;
}

td.popup_submenu.popup_bedrijf div#sub_menu ul li a {
	width: 104px !important;
}

div#sub_menu ul li a img {
	vertical-align: middle;
	margin-right: 10px;
}



div #sub_menu ul li a:hover {
	background-position: 10px bottom !important;
	border-top: 1px solid #ddd;
	border-bottom: 0;
}

div#sub_menu ul li.set a:hover {
	background-position: 10px top !important;
}

div#sub_menu ul li a#ink {
	background: url(../images/iconen/icoon_list.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#alg {
	background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}
div#sub_menu ul li a#res {
	background: url(../images/buttons/icoon_restart.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#mop {
	background: url(../images/iconen/icoon_overzicht.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#kop {
	background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#lai {
	background-position: 2px 0;
	background-color: #fff;
	background-image: url('../images/iconen/icoon_inspectie.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
}

div#sub_menu ul li a#maa_icon {
	background: #fff;
}

	div#sub_menu ul li a#maa_icon h2 {
	}

div#sub_menu ul li a#maa_icon {
}

div#sub_menu ul li a#baoedit, div#sub_menu ul li a#bao {
	background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}


div#sub_menu ul li a#bao_icon {
	background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#fin {
	background: url(../images/iconen/icoon_financieel.png) no-repeat 10px center #fff;
}


div#sub_menu ul li a#obj, div#sub_menu ul li a#objedit, div#sub_menu ul li a#obj_icon {
	background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#odgedit, div#sub_menu ul li a#odg, div#sub_menu ul li a#pers, div#sub_menu ul li a#pers_icon {
	background: url(../images/iconen/icoon_persoon.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#memo {
	background: url(../images/iconen/icoon_memo.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#links {
	background: url(../images/iconen/icoon_links.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#log {
	background: url(../images/iconen/icoon_logboek.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#todo {
	background: url(../images/iconen/icoon_todo.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#ver {
	background: url(../images/iconen/icoon_verplaatsing.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#tech {
	background: url(../images/iconen/icoon_technisch.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#maa {
	background: url(../images/iconen/icoon_technisch.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#mat {
	background: url(../images/iconen/icoon_technisch.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#met {
	background: url(../images/iconen/icoon_Statistiek.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#epr {
	background: url(../images/iconen/icoon_epr.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#eco {
	background: url(../images/iconen/icoon_ECO.png) no-repeat 10px center #fff;
}

div#sub_menu.onkruid_submenu ul li.set a {
	padding: 12px 5px 12px 40px;
	margin-top: -1px;
}

div#sub_menu.onkruid_submenu ul li a {
	padding: 11px 5px 11px 40px;
}

div#sub_menu.onkruid_submenu ul li.set {
	margin-top: 0px !important;
}

/* SUB MENU ICONS ONLY */
div#sub_menu ul li a#ink_icon {
	background: url(../images/iconen/icoon_list.png) no-repeat 10px center #fff;
}

li#locatieobjecten, li#TopMenuControl_locatieobjecten {
	border-bottom: 0px;
}

div#sub_menu ul li a#docu_icon {
	background: url(../images/iconen/icoon_documenten.png) no-repeat 10px -53px #fff !important;
}

div#sub_menu ul li:hover a#docu_icon {
	background: url(../images/iconen/icoon_documenten.png) no-repeat 10px -102px #fff !important;
}

div#sub_menu ul li.set a#docu_icon {
	background: url(../images/iconen/icoon_documenten.png) no-repeat 10px -6px #fff !important;
}

div#sub_menu ul li a#maa_icon {
	background: url(../images/iconen/icoon_technisch.png) no-repeat 10px -49px #fff !important;
}

div#sub_menu ul li:hover a#maa_icon {
	background: url(../images/iconen/icoon_technisch.png) no-repeat 10px -98px #fff !important;
}

div#sub_menu ul li.set a#maa_icon {
	background: url(../images/iconen/icoon_technisch.png) no-repeat 10px 0px #fff !important;
}

div#sub_menu ul li a#met_icon {
	background: url(../images/iconen/icoon_Statistiek.png) no-repeat 0 -35px #fff !important;
	background-size: 36px !important;
}

div#sub_menu ul li:hover a#met_icon {
	background: url(../images/iconen/icoon_Statistiek.png) no-repeat 0 -71px #fff !important;
	background-size: 36px !important;
}

div#sub_menu ul li.set a#met_icon {
	background: url(../images/iconen/icoon_Statistiek.png) no-repeat 10px 0px #fff !important;
	background-size: 36px !important;
}

	div#sub_menu ul li.set a#met_icon h2 {
		padding-left: 52px;
	}

div#sub_menu ul li a#ond_icon,
div#sub_menu ul li a#gerel_icon.onderdeel {
	background: url(../images/iconen/icoon_onderdelen.png) no-repeat 0 -40px #fff !important;
}

div#sub_menu ul li:hover a#ond_icon,
div#sub_menu ul li:hover a#gerel_icon.onderdeel {
	background: url(../images/iconen/icoon_onderdelen.png) no-repeat 0 -2px #fff !important;
}

div#sub_menu ul li a#insp_icon {
	background: url(../images/iconen/icoon_Inspectie.png) no-repeat 0 -40px #fff !important;
}

div#sub_menu ul li:hover a#insp_icon {
	background: url(../images/iconen/icoon_Inspectie.png) no-repeat 0 -80px #fff !important;
}

div#sub_menu ul li.set a#insp_icon {
	background: url(../images/iconen/icoon_Inspectie.png) no-repeat 0 -2px #fff !important;
}

div#sub_menu ul li a#incl_icon {
	background: url(../images/iconen/icoon_Inclusief.png) no-repeat 0 -40px #fff !important;
}

div#sub_menu ul li:hover a#incl_icon {
	background: url(../images/iconen/icoon_Inclusief.png) no-repeat 0 -80px #fff !important;
}

div#sub_menu ul li.set a#incl_icon {
	background: url(../images/iconen/icoon_Inclusief.png) no-repeat 0 -2px #fff !important;
}

div#sub_menu ul li.set a#ond_icon,
div#sub_menu ul li.set a#gerel_icon.onderdeel {
	background: url(../images/iconen/icoon_onderdelen.png) no-repeat 0 -80px #fff !important;
}

div#sub_menu ul li a#epr_icon {
	background: url(../images/iconen/icoon_epr.png) no-repeat 9px -34px #fff !important;
}

div#sub_menu ul li:hover a#epr_icon {
	background: url(../images/iconen/icoon_epr.png) no-repeat 9px -74px #fff !important;
}

div#sub_menu ul li.set a#epr_icon {
	background: url(../images/iconen/icoon_epr.png) no-repeat 9px 0px #fff !important;
}

div#sub_menu ul li a#eco_icon {
	background: url(../images/iconen/icoon_ECO.png) no-repeat 0 -34px #fff !important;
}

div#sub_menu ul li:hover a#eco_icon {
	background: url(../images/iconen/icoon_ECO.png) no-repeat 0 -74px #fff !important;
}

div#sub_menu ul li.set a#eco_icon {
	background: url(../images/iconen/icoon_ECO.png) no-repeat 0 0px #fff !important;
}


div#sub_menu ul li a#gro_icon {
	background: url(../images/iconen/icoon_Groeifase.png) no-repeat 0 -40px #fff !important;
}


div#sub_menu ul li:hover a#gro_icon {
	background: url(../images/iconen/icoon_Groeifase.png) no-repeat 0 -82px #fff !important;
}

div#sub_menu ul li.set a#gro_icon {
	background: url(../images/iconen/icoon_Groeifase.png) no-repeat 0 0px #fff !important;
}

div#sub_menu ul li a#alg_icon {
	background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}
div#sub_menu ul li a#res_icon {
	background: url(../images/iconen/icoon_restart.png) no-repeat 10px center #fff;
}	

div#sub_menu ul li a#kop {
	background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#mop_icon {
	background: url(../images/iconen/icoon_overzicht.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#pro_icon {
	background: url(../images/iconen/icoon_Tab_P.png) no-repeat 0 -38px #fff !important;
}

div#sub_menu ul li:hover a#pro_icon {
	background: url(../images/iconen/icoon_Tab_P.png) no-repeat 0 -78px #fff !important;
}

div#sub_menu ul li.set a#pro_icon {
	background: url(../images/iconen/icoon_Tab_P.png) no-repeat 0 0px #fff !important;
}

div#sub_menu ul li a#bov_icon {
	background: url(../images/iconen/icoon_Tab_B.png) no-repeat 0 -37px #fff !important;
}

div#sub_menu ul li:hover a#bov_icon {
	background: url(../images/iconen/icoon_Tab_B.png) no-repeat 0 -77px #fff !important;
}

div#sub_menu ul li.set a#bov_icon {
	background: url(../images/iconen/icoon_Tab_B.png) no-repeat 0 0px #fff !important;
}

div#sub_menu ul li a#bova_icon {
	background: url(../images/iconen/icoon_Tab_Plus.png) no-repeat 0 -37px #fff !important;
}

div#sub_menu ul li:hover a#bova_icon {
	background: url(../images/iconen/icoon_Tab_Plus.png) no-repeat 0 -77px #fff !important;
}

div#sub_menu ul li.set a#bova_icon {
	background: url(../images/iconen/icoon_Tab_Plus.png) no-repeat 0 0px #fff !important;
}

div#sub_menu ul li a#adm_icon {
	background: url(../images/iconen/icoon_Tab_A.png) no-repeat 0 -37px #fff !important;
}

div#sub_menu ul li:hover a#adm_icon {
	background: url(../images/iconen/icoon_Tab_A.png) no-repeat 0 -77px #fff !important;
}

div#sub_menu ul li.set a#adm_icon {
	background: url(../images/iconen/icoon_Tab_A.png) no-repeat 0 0px #fff !important;
}

div#sub_menu ul li a#aan_icon {
	background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#bvc_icon {
	background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#ond_icon {
	background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#bond_icon {
	background: url(../images/iconen/icoon_Onderhoud2.png) no-repeat 0 -40px #fff !important;
}

div#sub_menu ul li:hover a#bond_icon {
	background: url(../images/iconen/icoon_Onderhoud2.png) no-repeat 0 -80px #fff !important;
}

div#sub_menu ul li.set a#bond_icon {
	background: url(../images/iconen/icoon_Onderhoud2.png) no-repeat 0 0px #fff !important;
}


div#sub_menu ul li a#bvc_icon {
	background: url(../images/iconen/icoon_inspectie.png) no-repeat 0 -40px #fff !important;
}

div#sub_menu ul li:hover a#bvc_icon {
	background: url(../images/iconen/icoon_inspectie.png) no-repeat 0 -80px #fff !important;
}

div#sub_menu ul li.set a#bvc_icon {
	background: url(../images/iconen/icoon_inspectie.png) no-repeat 0 0px #fff !important;
}

div#sub_menu ul li a#gerel_icon {
	background: url(../images/iconen/icoon_links.png) no-repeat 10px center #fff;
}


div#sub_menu ul li:hover a#gerel_icon {
	background: url(../images/iconen/icoon_links.png) no-repeat 10px -3px #fff !important;
}

div#sub_menu ul li.set a#gerel_icon {
	background: url(../images/iconen/icoon_links.png) no-repeat 10px 0px #fff !important;
}

div#sub_menu ul li a#fabrikant_icon {
	background: url(../images/iconen/icoon_links.png) no-repeat 10px center #fff;
}


div#sub_menu ul li:hover a#fabrikant_icon {
	background: url(../images/iconen/icoon_links.png) no-repeat 10px -3px #fff !important;
}

div#sub_menu ul li.set a#fabrikant_icon {
	background: url(../images/iconen/icoon_links.png) no-repeat 10px 0px #fff !important;
}


div#sub_menu ul li a#verbruiksartikelen_icon {
	background: url(../images/iconen/icoon_links.png) no-repeat 10px center #fff;
}


div#sub_menu ul li:hover a#verbruiksartikelen_icon {
	background: url(../images/iconen/icoon_links.png) no-repeat 10px -3px #fff !important;
}

div#sub_menu ul li.set a#verbruiksartikelen_icon {
	background: url(../images/iconen/icoon_links.png) no-repeat 10px 0px #fff !important;
}




div#sub_menu ul li a#bel_icon {
	background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}


div#sub_menu ul li a#lai_icon {
	background-position: 0px center !important;
	background-color: #fff;
	background-image: url('../images/iconen/icoon_inspectie.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
}

div#sub_menu ul li a#jaa_icon,
div#sub_menu ul li a#mop_icon {
	background-position: 0px center !important;
	background-color: #fff;
	background-image: url('../images/iconen/icoon_overzicht.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
}

	div#sub_menu ul li a#lai_icon:hover,
	div#sub_menu ul li a#jaa_icon:hover,
	div#sub_menu ul li a#mop_icon:hover {
		background-position: 0px bottom !important;
	}

div#sub_menu ul li a#acc_icon {
	background-position: 0px center !important;
	background-color: #fff;
	background-image: url('../images/iconen/icoon_accessoires.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
}


div#sub_menu ul li.set a#jaa_icon,
div#sub_menu ul li.set a#lai_icon,
div#sub_menu ul li.set a#acc_icon,
div#sub_menu ul li.set a#mop_icon {
	background-position: 0px top !important;
}

a.authorize_user {
	color: #999999;
	line-height: 40px;
	font-size: 22px;
	float: left;
	width: 40px;
	height: 40px;
}

	a.authorize_user .info_dropdown_box {
		font-size: 12px;
		line-height: normal;
	}

span.info_dropdown {
	margin-top: 0;
	top: 40px;
	margin-left: -135px;
}

a.authorize_user:hover {
	color: #3377ab;
}

div#sub_menu ul li a#baoedit_icon {
	background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#qui_icon {
	background: url(../images/iconen/icoon_quickscan.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#fin_icon {
	background: url(../images/iconen/icoon_financieel.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#objedit_icon {
	background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#odg_icon {
	background: url(../images/iconen/icoon_ondergrond.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#odgedit_icon {
	background: url(../images/iconen/icoon_ondergrond.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#memo_icon {
	background: url(../images/iconen/icoon_memo.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#acc_icon {
	background: url(../images/iconen/icoon_accessoires.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#links_icon {
	background: url(../images/iconen/icoon_links.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#log_icon {
	background: url(../images/iconen/icoon_logboek.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#todo_icon {
	background: url(../images/iconen/icoon_todo.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#ver_icon {
	background: url(../images/iconen/icoon_verplaatsing.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#tech_icon {
	background: url(../images/iconen/icoon_technisch2.png) no-repeat 10px center #fff;
}


div#sub_menu ul li a#mat_icon {
	background: url(../images/iconen/icoon_materiaal.png) no-repeat 10px center #fff;
}

.hide {
	display: none !important;
}
/* aantal highlight */
div#sub_menu ul li a span.aantal {
	display: block;
	min-width: 15px;
	width: auto;
	height: auto;
	line-height: 1 !important;
	padding: 3px 0;
	background: #ff9600;
	position: absolute;
	margin: -28px 0 0 60px;
}

/* sub content */
div.sub_content {
	border: 1px solid #ddd;
	padding: 10px;
	min-height: 370px;
	height: auto;
}


	div.sub_content a.nieuw {
		background: url(../images/buttons/btn_nieuw.png) no-repeat 10px top #fff;
		width: 126px !important;
		height: 21px;
		padding: 10px 5px 10px 40px;
	}

		div.sub_content a.nieuw:hover {
			background-position: 10px center;
			background-color: #ff9600;
		}

/* INHOUD TEXT */
div#text_block {
	float: left;
	margin-left: 20px;
	height: 100%;
}

div#text_inhoud {
	float: left;
	width: 100%;
	height: 100%;
}

	div#text_inhoud table {
		width: 100%;
		border: 0;
	}

		div#text_inhoud table td { /*border:0; */
		}

			div#text_inhoud table td.week,
			div#text_inhoud table td.datum {
				vertical-align: top
			}

		div#text_inhoud table tr {
			cursor: auto;
		}

		div#text_inhoud table.cursor tr {
			cursor: pointer;
		}

			div#text_inhoud table.cursor tr:hover {
				background: #fff !important;
			}

		div#text_inhoud table tr:hover {
			background: #fff;
		}

		div#text_inhoud table.highlight tr {
			cursor: pointer;
		}

table.overzicht_table td.edit {
	width: 70px;
	padding: 0;
	text-align: center;
}

table.overzicht_table td.label {
	width: 150px;
	padding: 0;
}

div#text_inhoud table tr.locaties {
	display: none;
}

div#titel_text {
	float: left;
	height: auto;
	padding: 10px 20px;
	margin-bottom: 10px;
}
/*		div#titel_opties								{ float:right; padding:0 10px 10px 10px; border:1px solid #eee; border-right:0; border-top:0; background:#fff; margin:-1px -1px 0 0; }*/
div#titel_opties {
	position: fixed;
	right: 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid #eee;
	border-right: 0;
	border-top: 0;
	background: #eee;
	z-index: 5;
	margin: 0px 10px 0 0;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	margin-right: 40px;
}

div.home_opties {
	position: absolute;
	right: 0;
	z-index: 5;
}

a.beheernieuw {
	background: url(../images/buttons/btn_nieuw_beheer.png) center top;
	width: 40px;
	height: 40px;
}

	a.beheernieuw:hover {
		background-position: bottom;
	}

a.grid {
	background: url(../images/buttons/btn_grid.png) center top;
	width: 40px;
	height: 40px;
}

	a.grid:hover {
		background-position: bottom;
	}

a.volgende {
	background: url(../images/buttons/btn_volgende.png) center top;
	width: 40px;
	height: 40px;
}

	a.volgende:hover {
		background-position: bottom;
	}

a.vorige {
	background: url(../images/buttons/btn_vorige.png) center top;
	width: 40px;
	height: 40px;
}

	a.vorige:hover {
		background-position: bottom;
	}

a.bewerk {
	background: url(../images/buttons/btn_bewerk.png) center top;
	width: 40px;
	height: 40px;
}

	a.bewerk:hover {
		background-position: bottom;
	}

a.verify_object, a.deny_object {
	width: 40px;
	height: 41px;
	text-align: center;
	vertical-align: middle;
	justify-content: center;
	align-items: center;
	display: flex !important;
	color: #555555 !important;
	text-decoration: none !important;
}

a.deny_object {
	color: #555555 !important;
}

	a.deny_object:hover, a.deny_object.active {
		color: #f44336 !important;
	}

a.verify_object:hover, a.verify_object.active {
	color: #04b600 !important;
}



a.verify_object .fa, a.deny_object .fa {
	font-size: 32px;
}

a.verwijder {
	background: url(../images/buttons/btn_delete.png) center top;
	width: 40px;
	height: 40px;
}

	a.verwijder:hover {
		background-position: bottom;
	}

a.ongeval {
	background: url(../images/buttons/btn_ongeval.png) center 1px;
	width: 40px;
	height: 42px;
}

	a.ongeval:hover {
		background-position: bottom;
	}

a.fotoarchief {
	background: url(../images/buttons/btn_foto.png) center 2px;
	width: 40px;
	height: 42px;
}

	a.fotoarchief:hover {
		background-position: bottom;
	}

a.online {
	background: url(../images/buttons/btn_online.png) center 1px;
	width: 40px;
	height: 42px;
}

	a.online:hover {
		background-position: bottom;
	}

a.offline {
	background: url(../images/buttons/btn_offline.png) center 1px;
	width: 40px;
	height: 42px;
}

	a.offline:hover {
		background-position: bottom;
	}

a.terug {
	background: url(../images/buttons/btn_terug.png) center top;
	width: 40px;
	height: 40px;
}

	a.terug:hover {
		background-position: bottom;
	}

div#toon_grid {
	margin-left: -210px;
	margin-top: 41px;
}

	div#toon_grid div.dropdown_pointer {
		background-position: 213px 0;
		margin: 0;
		width: 260px;
	}

	div#toon_grid ul li img {
		margin-right: 10px;
	}

div.dropdown_up {
	position: absolute;
	height: auto;
	width: 240px;
	display: none;
	margin-left: -5px;
	margin-top: -170px;
	z-index: 999 !important;
}

	div.dropdown_up div {
		cursor: auto !important;
	}

div.dropdown_up_pointer {
	width: 180px;
	height: 11px;
	margin-left: 20px;
	background: url(../images/submit_dropdown.png) no-repeat left -1px;
	float: left;
}

div.dropdown_up_box {
	width: 160px;
	height: auto;
	padding: 0px 20px;
	background: #777;
	float: left;
}

div.dropdown_up_opties {
	width: 180px;
	float: left;
	padding: 20px 0;
}

div.dropdown_up_titel {
	width: 180px;
	float: left;
	padding: 10px 0;
}

div.border {
	width: 100%;
	float: left;
	margin: 10px 0;
}

a.obj_download {
	background: url(../images/iconen/icoon_download.png) top;
	width: 15px;
	height: 15px;
}

a.obj_help {
	background: url(../images/iconen/icoon_help.png) top;
	width: 15px;
	height: 15px;
}

	a.obj_download span.info_dropdown,
	a.obj_help span.info_dropdown {
		margin-left: -122px !important;
		margin-top: 20px !important;
		z-index: 999;
		display: none;
	}

/* beheer */



/* default settings */
a.btn, table.btn {
	float: left;
	display: block;
}

/* popup */
a.toonpopup:hover span.info_dropdown {
	display: block;
	margin-left: -110px;
	margin-top: 41px;
}

a.toonpopup span.info_dropdown_pointer {
	background-position: 90px 0;
	margin-left: 23px;
}

/* lightbox */
div.lightbox_bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background-color: #000;
}

div.lightbox_melding {
	width: 620px;
	height: 200px;
	z-index: 999;
	top: 50%;
	left: 50%;
	position: fixed;
	padding: 20px;
	margin: -120px 0 0 -330px;
	box-shadow: 0 0 3px #000;
	background: #fff;
}

div.lightbox_loader {
	width: 620px;
	height: 50px;
	z-index: 999;
	top: 50%;
	left: 50%;
	position: fixed;
	padding: 20px;
	margin: -45px 0 0 -330px;
	box-shadow: 0 0 3px #000;
	background: #fff;
}

div.lightbox_confirm {
	width: 240px;
	height: auto;
	z-index: 999;
	top: 50%;
	left: 50%;
	position: fixed;
	padding: 20px;
	margin: -70px 0 0 -140px;
	box-shadow: 0 0 3px #000;
	background: #fff;
	display: none;
}

div.open {
	display: block;
}

div.save {
	background: #04b600;
}

div.system {
	background: #ff9600;
}

div.error {
	background: #ff0000;
}

span.error {
	color: #ff0000;
}

div.lightbox_loader img {
	margin-right: 20px;
}

div.lightbox_melding_top {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

div.form, div.foto, div.confirm {
	display: none;
}

div.lightbox_melding_form {
	width: 620px;
	height: 600px;
	z-index: 999;
	top: 50%;
	left: 50%;
	position: fixed;
	padding: 20px;
	margin: -340px 0 0 -330px;
	box-shadow: 0 0 3px #000;
	background: #fff;
}

div.lightbox_help {
	width: 650px;
	height: 430px;
	z-index: 999;
	top: 50%;
	left: 50%;
	position: fixed;
	padding: 20px;
	margin: -235px 0 0 -345px;
	box-shadow: 0 0 3px #000;
	background: #fff;
}

div.lightbox_foto {
	width: 650px;
	height: 430px;
	z-index: 999;
	top: 50%;
	left: 50%;
	position: fixed;
	padding: 20px;
	margin: -235px 0 0 -345px;
	box-shadow: 0 0 3px #000;
	background: #fff;
	display: none;
}

a#lightbox_sluit {
	background: url(../images/buttons/btn_sluit.png) top left no-repeat;
	width: 40px;
	height: 41px;
	right: 0;
	margin-right: 17px;
	position: absolute;
	z-index: 10001;
}

	a#lightbox_sluit:hover {
		background-position: center left;
	}

div.form a#lightbox_sluit {
	margin-right: 0;
}

/* transparant */
.trans70 {
	filter: alpha(opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

/* fx */
.animate {
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
}

.rounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.roundedleft {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}


.roundedtop {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
/* buttons */
a#selDate {
	height: 20px;
	width: 20px !important;
	display: inline-block;
	margin-left: 10px;
	float: none !important;
	background: url(../images/iconen/agenda_icoon.png) bottom right no-repeat;
}

	a#selDate:hover {
		background-position: top right;
	}

a.tagBtn {
	margin-right: 20px;
	padding: 10px 40px 10px 10px;
	height: 21px;
	width: auto !important;
	background: url(../images/buttons/btn_remove.png) bottom right no-repeat;
}

	a.tagBtn:hover {
		background-position: top right;
	}

a.toevoegenBtn {
	height: 41px;
	width: 20px !important;
	background: url(../images/buttons/btn_toevoegen.png) bottom right no-repeat;
}

	a.toevoegenBtn:hover {
		background-position: top right;
	}

div.abort, div.confirm {
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	display: grid !important;
}

a.confirm, div.confirm, table.confirm, .confirm, .add {
	background: #04b600;
}

a.cancel, table.cancel {
	background: #ff0000;
}

a.abort, table.abort, div.abort {
	background: #ff9600;
}

a.add, table.add {
	background: #ff6900;
}

a.drag, a.sortby {
	background: #ddd;
}

a.edit, table.edit, div.edit {
	background: #3377ab;
}

a.confirm, div.confirm, .confirm, div.abort, a.cancel, a.abort, a.edit, a.add, a.drag, a.sortby, table.edit, div.edit, .add {
	margin-right: 10px;
	float: left;
	padding: 10px !important;
	border: 0;
	border-bottom: 2px solid #555;
	min-width: 90px;
	width: auto;
}

	a.confirm:hover, div.confirm:hover,, .confirm:hover, div.abort:hover, a.cancel:hover, a.abort:hover, a.edit:hover, a.drag:hover, a.add:hover, table.edit:hover, div.edit:hover {
		border-bottom: 0;
		border-top: 2px solid #555;
	}

input[type="submit"].confirm {
	min-width: 110px;
	height: 37px !important;
	border-bottom: 2px solid #555 !important;
}

a.drag {
	cursor: move;
	min-width: inherit !important;
}

	a.drag:active {
		filter: alpha(opacity=70);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
	}

a.sortby.set {
	border-top: 2px solid #555;
	border-bottom: 0;
	background: #3377ab;
}

table.edit {
	cursor: pointer;
	color: white !important;
}

	table.edit td {
		color: white !important;
		background: #3377ab;
		cursor: pointer;
	}

a.foto-btn {
	float: right;
}

.block {
	display: block;
}

.veertig {
	width: 40px !important;
}

a.small-menu {
	display: block !important;
	height: 20px;
	width: 35px !important;
	padding-left: 0px !important;
}

li.set.breed-veertig, li.set.breed-veertig a.small-menu {
	width: 35px !important;
}

.breed-veertig, li.breed-veertig a.small-menu {
	width: 34px !important;
}

img.hasPhotos {
	display: none;
}

a.hasPhotos {
	/*display: none;*/
	background: url(../images/buttons/btn_foto_small.png) no-repeat;
	height: 20px;
	width: 20px;
	float: left;
	margin-left: 10px;
}

	a.hasPhotos:hover {
		background: url(../images/buttons/btn_foto_small.png) no-repeat 0 -20px;
	}

a.activePhoto {
	background: url(../images/buttons/btn_foto_gray.png) no-repeat;
	width: 30px;
	height: 30px;
	background-size: cover;
	background-position: center;
}

span.disabledPhoto {
	display: none !important;
	background: url(../images/buttons/btn_foto_disabled.png) no-repeat;
	width: 30px;
	height: 30px;
	background-size: cover;
	background-position: center;
}

img.hasPhotos_begin {
	display: none;
}

a.hasPhotos_begin {
	/*display: none;*/
	background: url(../images/buttons/btn_foto_small_begin.png) no-repeat;
	height: 20px;
	width: 20px;
	float: left;
	margin-left: 10px;
}

	a.hasPhotos_begin:hover {
		background: url(../images/buttons/btn_foto_small_begin.png) no-repeat 0 -20px;
	}



img.hasPhotos_eind {
	display: none;
}

a.hasPhotos_eind {
	/*display: none;*/
	background: url(../images/buttons/btn_foto_small_eind.png) no-repeat;
	height: 20px;
	width: 20px;
	float: left;
	margin-left: 10px;
}

	a.hasPhotos_eind:hover {
		background: url(../images/buttons/btn_foto_small_eind.png) no-repeat 0 -20px;
	}

a.hasPhotos_machine {
	text-decoration: none !important;
	font-size: 16px;
	color: #555555 !important;
}

	a.hasPhotos_machine:hover {
		color: #3377ab !important;
	}

.noPhoto {
	background: url(../images/buttons/btn_foto_small_disabled.png) no-repeat;
	cursor: default;
	display: block;
	float: left;
	width: 40px;
	height: 40px;
}

.actie_row:hover a.hasPhotos {
	/* display: block;*/
}

.actie_row:hover .img_hasPhotos {
	/* display: none;*/
}

.img_hasPhotos {
	float: left;
}

a.noPhotos {
	/* display: none;*/
}

table.nopaddingtb {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.logincaption {
	float: left;
	line-height: 49px;
	width: 120px;
}

.loginedit {
	float: left;
}

.width-auto {
	width: auto !important;
}

.gm-style-iw {
	overflow: hidden !important;
}

#obj_info_div {
	height: 165px;
	width: 240px;
	overflow: hidden;
	font-size: 10px !important;
}

	#obj_info_div td {
		vertical-align: top;
	}


	#obj_info_div table {
		width: 240px;
		font-weight: 500;
		overflow: hidden;
	}

a.link {
	color: #3377ab;
	text-decoration: underline;
	font-weight: 500 !important;
}

.moederboek_tab {
	min-height: inherit !important;
	max-height: 220px !important;
}

.img_noPhotos, .hasPhotos {
	float: left;
}

.button_open.readonly {
	background: url(../images/iconen/icoon-open_readonly.png) no-repeat !important;
}

.button_open {
	background: url(../images/iconen/icoon-open.png) no-repeat;
	width: 17px;
	height: 17px;
	display: block;
	float: left;
	margin-left: 10px;
}

.button_print {
	background: url(../images/iconen/button-print.png) no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	margin-left: 10px;
}

#imgFoto {
	max-width: 500px;
}

.dxeCalendar {
	width: auto !important;
}

.dxeCalendarFooter table {
	width: auto !important;
}


/* INSPECTIE */
.constateringen-buttons {
	float: right;
	margin-right: -10px;
}

h1.inspectie {
	color: #3377ab !important;
	font-size: 30px;
	font-weight: normal !important;
}

.inspectie-gedaan {
	background: url(../images/inspectie/gedaan.png) no-repeat 50% 50%;
	width: 40px;
	height: 26px;
	display: block;
	float: left;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
}

	.inspectie-gedaan.set {
		background: url(../images/inspectie/gedaan-set.png) no-repeat 50% 50%;
	}

.inspectie-annuleer {
	background: url(../images/inspectie/geannuleerd.png) no-repeat 50% 50%;
	width: 40px;
	height: 26px;
	display: block;
	float: left;
	border-left: 1px solid #eeeeee;
}

	.inspectie-annuleer.set {
		background: url(../images/inspectie/geannuleerd-set.png) no-repeat 50% 50%;
	}

.inspectie-accepteer {
	background: url(../images/inspectie/geaccepteerd.png) no-repeat 50% 50%;
	width: 40px;
	height: 26px;
	display: block;
	float: left;
	border-left: 1px solid #eeeeee;
}

	.inspectie-accepteer.set {
		background: url(../images/inspectie/geaccepteerd-set.png) no-repeat 50% 50%;
	}

.inspectie-foto {
	background: url(../images/inspectie/foto.png) no-repeat 50% 50%;
	width: 40px;
	height: 26px;
	display: block;
	float: left;
	border-left: 1px solid #eeeeee;
}

	.inspectie-foto.set {
		background: url(../images/inspectie/foto-set.png) no-repeat 50% 50%;
	}

.addfotos {
	border-left: 0px !important;
	background: url(../images/inspectie/upload-foto.png) no-repeat 50% 50%;
}

	.addfotos.set {
		border-left: 0px !important;
		background: url(../images/inspectie/upload-foto-set.png) no-repeat 50% 50%;
	}

.inspectie-button-ja {
	background: url(../images/inspectie/ja.png) no-repeat 23px 12px;
	padding-left: 65px;
	display: block;
	color: #555555 !important;
	font-size: 19px;
	text-decoration: none !important;
	width: 165px;
	height: 52px;
	line-height: 52px;
}

	.inspectie-button-ja:hover, .inspectie-button-ja.set {
		background: url(../images/buttons/btn-ja-hover.png) no-repeat left center;
		color: white !important;
		text-align: left;
	}

.inspectie-button-ja-na {
	background: url(../images/inspectie/na-reparatie.png) no-repeat 23px 14px;
	padding-left: 65px;
	display: block;
	color: #555555 !important;
	font-size: 19px;
	text-decoration: none !important;
	width: 165px;
	height: 52px;
	line-height: 52px;
}

	.inspectie-button-ja-na:hover, .inspectie-button-ja-na.set {
		background: url(../images/buttons/btn-ja-na-reparatie.png) no-repeat left center;
		color: white !important;
		text-align: left;
	}

.inspectie-button-nee {
	background: url(../images/inspectie/nee.png) no-repeat 21px 13px;
	padding-left: 65px;
	height: 22px;
	display: block;
	color: #555555 !important;
	font-size: 19px;
	text-decoration: none !important;
	width: 165px;
	height: 52px;
	line-height: 52px;
}


	.inspectie-button-nee:hover, .inspectie-button-nee.set {
		background: url(../images/buttons/btn-nee-hover.png) no-repeat left center;
		color: white !important;
		text-align: left;
	}

.volgende {
	display: none;
}


.submenu_inspectie {
	width: 38px !important;
}

	.submenu_inspectie li {
		width: 30px !important;
		font-size: 18px !important;
	}

		.submenu_inspectie li.set {
			width: 31px !important;
		}

		.submenu_inspectie li a {
			padding-left: 20px !important;
			width: 29px !important;
		}

		.submenu_inspectie li.set a {
			width: 28px !important;
			border-right: 1px solid white !important;
		}



.btn-veiligheid {
	background: url(../images/buttons/btn-veiligheid.png) no-repeat 19px 10px;
	display: block;
	padding-left: 65px;
	width: 145px;
	height: 52px;
	line-height: 52px;
	font-size: 19px;
	color: #3377ab;
	text-decoration: none !important;
}

	.btn-veiligheid:hover, .btn-veiligheid.set {
		background: url(../images/buttons/btn-inspectie-veiligheid.png) no-repeat;
		color: white !important;
		text-align: left;
	}

.btn-operationeel {
	background: url(../images/buttons/btn-operationeel.png) no-repeat 19px 13px;
	display: block;
	padding-left: 65px;
	width: 145px;
	height: 52px;
	line-height: 52px;
	font-size: 19px;
	color: #3377ab;
	text-decoration: none !important;
}

	.btn-operationeel:hover, .btn-operationeel.set {
		background: url(../images/buttons/btn-inspectie-operationeel.png) no-repeat;
		text-align: left;
		color: white !important;
	}

.btn-onderhoud {
	background: url(../images/buttons/btn-onderhoud.png) no-repeat 20px 13px;
	display: block;
	padding-left: 65px;
	padding-right: 20px;
	width: fit-content;
	min-width: 145px;
	height: 52px;
	line-height: 52px;
	font-size: 19px;
	color: #3377ab;
	text-decoration: none !important;
	border-bottom: 2px solid #ffffff;
}

	.btn-onderhoud:hover, .btn-onderhoud.set {
		background: #ff9600 url(../images/buttons/btn-onderhoud-set.png) no-repeat 20px 13px;
		border-bottom: 2px solid #694d39;
		border-radius: 5px;
		color: white !important;
		text-align: left;
	}

.button {
	color: white !important;
	text-align: center;
	text-decoration: none !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
}

.btn-volgende {
	background: url(../images/buttons/btn-normal.png) repeat-x;
	height: 42px;
	line-height: 42px;
	float: left;
	display: block;
}

	.btn-volgende:hover {
		background: url(../images/buttons/btn-hover.png) repeat-x;
	}

.btn-vorige {
	background: url(../images/buttons/btn-normal.png) repeat-x;
	height: 42px;
	width: 60px;
	line-height: 42px;
	float: left;
	margin-right: 10px;
	display: block;
}

	.btn-vorige:hover {
		background: url(../images/buttons/btn-hover.png) repeat-x;
	}

table#table-stap1 td {
	margin-bottom: 20px;
}

td.pn-buttons {
	padding-top: 50px;
}

.btn-add-constatering,
.btn-add-orange,
.btn-green,
.btn-blue {
	background: #ff6900; /*url(../images/buttons/btn-voeg-constatering-toe.png) no-repeat;*/
	border-bottom: 2px solid #555555;
	width: max-content;
	height: 37px;
	line-height: 37px;
	text-align: left;
	font-size: 14px;
	margin-bottom: 10px;
	margin-right: 2px;
}

.btn-green {
	background: #04b600;
}
.btn-blue {
	background: #3377ab;
}

.btn-add-orange, .btn-green {
	width: max-content !important;
	text-align: center;
}

	.btn-add-orange.disabled {
		background: url(../images/buttons/btn-voeg-constatering-toe-disabled.png) no-repeat;
		cursor: default;
	}

.btn-nieuw-object {
	width: 130px !important;
	float: left;
	clear: left;
}

.inspectie-memo {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #e7e7e7;
	background: #f6f6f6;
	padding: 10px;
	width: calc(100% - 20px);
	height: 240px;
}

.btn-afronden {
	background: url(../images/buttons/btn-afronden.png) repeat-x;
	height: 42px;
	width: 60px;
	line-height: 42px;
	float: left;
	display: block;
}

table#results {
	/*   width:440px!important;*/
}

	table#results td {
		color: #a1a1a1;
		font-size: 16px !important;
	}

		table#results td.aantal-label {
			width: 250px;
		}

.result {
	color: #555555;
}

.submenu_inspectie li a#zes, .submenu_inspectie li.set a#zes, .submenu_inspectie li:hover a#zes, .submenu_inspectie li.set:hover a#zes {
	background: url(../images/iconen/icoon-resultaat.png) no-repeat 17px 12px !important;
	height: 20px;
	width: 20px;
	display: block;
	border-bottom: 1px solid #eee;
	cursor: default;
}


/*.submenu_inspectie li a#vijf:hover, .submenu_inspectie li.set a#vijf:hover,*/ .submenu_inspectie li.set a#zes {
	background: url(../images/iconen/icoon-resultaat-hover.png) no-repeat 17px 12px !important;
}

.infopopup {
	border: solid 0px #ddd;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: 0px 1px 6px rgba(0,0,0,0.6);
	/*0px 1px 4px -1px rgba(0,0,0,0.3);*/
}

.infopopup-punt {
	width: 0px;
	height: 0px;
	border-top-color: #fff;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-width: 24px;
	border-right-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	position: absolute;
	margin-top: -1px;
	margin-left: 122px;
	z-index: 999;
}

.infopopup-bottom-left {
	left: 4px;
	width: 10px;
	height: 24px;
	position: absolute;
	box-shadow: 0px 1px 6px rgba(0,0,0,0.6);
	transform: skewX(22.6deg);
	transform-origin: 0% 0%;
	background-color: rgb(255, 255, 255);
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	-webkit-transform: skewX(22.6deg);
	-webkit-transform-origin: 0px 0px;
	transform: skewX(22.6deg);
	transform-origin: 0px 0px 0px;
}

.infopopup-bottom-right {
	left: 0px;
	width: 10px;
	height: 24px;
	position: absolute;
	box-shadow: 0px 1px 6px rgba(0,0,0,0.6);
	transform: skewX(-22.6deg);
	transform-origin: 10px 0%;
	background-color: rgb(255, 255, 255);
	border-top-color: red;
	border-right-color: red;
	border-bottom-color: red;
	border-left-color: red;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	-webkit-transform: skewX(-22.6deg);
	-webkit-transform-origin: 10px 0px;
	transform: skewX(-22.6deg);
	transform-origin: 10px 0px 0px;
}
/*
.overview
{
    width: 100%;
}*/

li a.inspectiemenu {
	width: 30px !important;
}

div#sub_menu ul li a.inspectiemenu.disablestep {
	background: url(../images/inspectie/nee.png) no-repeat 14px center !important;
	height: 20px;
	background-position-x: 14px !important;
}

.mini_detail_label {
	width: 80px !important;
}

.mini_detail_value {
	width: 150px !important;
}

.popup_bedrijf_tabinfo {
	min-height: auto !important;
}

	.popup_bedrijf_tabinfo .basisObjectenGrid {
		width: 200px !important;
	}

.mini_titel {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	margin-top: -10px;
}

.detail_duikers, .detail_beschoeiing, .detail_kademuur {
	width: 100%;
}

.detail_duikers {
	min-height: 170px;
}

.detail_beschoeiing, .detail_kademuur {
	min-height: 130px;
}

.duiker .overview {
	width: 100%;
}

.buttons_bottom {
	width: 250px !important;
}

.display-none {
	display: none;
}

.paspoort_info_table {
	max-width: 895px !important;
	clear: both;
}

.naam_width {
	width: 140px;
}

.inspectie_subpagemenu li:last-child a {
	border-bottom: 1px solid #eee !important;
}

table.button_table {
	width: 200px !important;
}

.btn-berekenen {
	margin-bottom: 0px !important;
	margin-right: 10px;
}

.tabCategorieConstatering .dxtc-strip {
	float: left;
	clear: both;
}

	.tabCategorieConstatering .dxtc-strip li {
		list-style: none;
		float: left;
		color: black;
	}

.tabCategorieConstatering .dxtc-tab {
	float: left;
	list-style: none;
	padding: 10px 5px;
	border: 1px solid #ddd;
}

.tabCategorieConstatering .dxtc-activeTab {
	background: rgb(51, 119, 171);
	border: 1px solid rgb(51, 119, 171);
	float: left;
	list-style: none;
	padding: 10px 5px;
	font-weight: bold;
}

.tabCategorieConstatering li.dxtc-activeTab a b {
	color: white !important;
}

.tabCategorieConstatering .dxtc-strip li a {
	color: black !important;
	text-decoration: none !important;
}

.massa_acties {
	float: left;
}

.mt-25 {
	margin-top: 25px;
}

.wspace-normal {
	white-space: normal !important;
}

.d-none {
	display: none;
}

.pl10 {
	padding-left: 10px;
}

.dxpgRowFieldValue {
	width: 120px !important;
}

.dxm-item, .dxm-item:hover, .dxm-content, .dxm-content:hover, .dxm-hovered {
	background: transparent !important;
	border: none !important;
}

.dxm-content {
	margin-top: 10px;
}

.dxeCaption {
	margin-top: 10px;
	display: inline-block;
}

.dxsplControl_iOS {
	font: 'Source Sans Pro', sans-serif !important;
}

.dxgvDataRow .dxeEditArea {
	text-indent: -9999px;
	visibility: hidden;
}

.dxgvSelectedRow .dxeEditArea {
	text-indent: inherit;
	visibility: inherit;
}

ul.subsubmenu, ul.subsubsubmenu {
	margin: 0 !important;
}

	ul.subsubsubmenu li.submenu_set {
		margin-left: 10px;
	}

.groei_image {
	display: block;
}

.active_groei {
	background: #ddd;
	border: 1px solid #aeaeae;
	display: inline-block;
}

.groei {
	border: 1px solid #aeaeae;
}

.groei_tabel span {
	display: inline-block;
	padding: 10px;
	color: black;
	font-size: 14px;
}

.active_groei span {
	padding-left: 10px;
	font-weight: bold;
}


.speelplek_link {
	font-weight: bold;
	text-transform: uppercase;
}

table#weeknummers, div#ActieTable table {
	width: auto !important;
}

	table#weeknummers td, div#ActieTable td {
		width: 20px !important;
		border: 1px solid #ddd;
		text-align: center;
	}

.popup_shadow {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: fixed;
	z-index: 99;
}

.popup {
	width: 960px;
	height: 600px;
	background: #ffffff;
	border-radius: 5px;
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 50%;
	margin-left: -480px;
	margin-top: -300px;
}

.popup_tekst {
	margin-top: 20px;
	height: 480px;
	overflow: auto;
	float: left;
	padding: 20px;
	padding-top: 0;
	font-size: 16px;
	color: #555;
	width: calc(100% - 40px);
}

	.popup_tekst h1, .popup_tekst h2, .popup_tekst h3, .popup_tekst h4, .popup_tekst h5, .popup_tekst h6 {
		color: #000;
	}

.popup_titel {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ddd;
}

	.popup_titel h1 {
		float: left;
		padding-left: 20px;
		color: #3377ab;
	}

.popup_sluiten {
	float: right;
	font-size: 18px;
	padding-top: 20px;
	padding-right: 20px;
}


.moduleNaam {
	border-top: solid #555 1px;
	color: black;
	cursor: pointer !important;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	font-weight: normal;
	height: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	/*  width: calc(100% - 20px);*/
}

.objecttype {
	width: calc(100% - 10px);
	padding: 0px !important;
	margin: 0px !important;
	height: 20px;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px !important;
	border-top: solid #aaa 1px !important;
	color: black !important;
	line-height: 20px !important;
	margin-left: 10px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.objecttypes ul {
	margin: 0px !important;
}

.labelObjecttype {
	color: lightgray;
}

.moduleNaam.selected {
	text-transform: uppercase;
	color: white;
}

.moduledisabled {
	color: lightgray;
}

.moduleFooter {
	text-align: right;
	margin-bottom: 10px;
	margin-top: 10px;
}

	.moduleFooter input {
		padding: 10px !important;
	}

#ContentPlaceHolder1_btnToonMutatie {
	margin-top: 20px;
}

.dxgvControl {
	background: #fff;
}

.dxeErrorFrame.dxeControlsCell {
	float: left;
	width: 100%;
	max-width: 420px;
}

.dxeErrorCellSys {
	float: left;
}

	.dxeErrorCellSys img {
		margin-top: 15px;
	}

em {
	color: red;
}

.dxvsValidationSummary a {
	color: red !important;
}

input#TopMenuControl_moduleMenu_btnToepassen {
	height: 40px !important;
	border-radius: 5px;
}

div.dropdown_box_opties {
	width: 285px;
	float: left;
	padding-top: 10px;
}
/*div.top_loc_dropdown { position: fixed; height: auto; width: 260px; display: none; margin-left: -10px; z-index: 999 !important; top: 68px; left: 103px; }
div#top_info { position: absolute; top: 0px; right: 0px; height: 60px; margin: 10px; }*/
img#TopMenuControl_imgLogo {
	float: left;
	max-height: 60px;
	height: auto !important;
	max-width: 220px !important;
	margin-top: 0 !important;
}

div#top_buttons {
	float: left;
	width: auto;
	padding: 10px 20px;
}

.dropdown_box_opties div:first-child div.moduleNaam {
	border-top-width: 0px;
}

.top_loc_optie {
	/*width: calc(100% ) !important;*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#top_locatie {
}

.imgpijl {
	margin-top: 5px;
}


.moduleTekst {
	max-width: calc(100% - 30px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: auto;
	float: left;
}

.modulePijl {
	/* margin-left: 20px; */
	width: 30px;
	text-align: right;
	float: left;
	padding-top: 2px;
}

#gvActiesMassa .dxgvDataRow .dxeEditArea {
	text-indent: inherit;
	visibility: visible;
}

.info_lite {
	height: inherit !important;
}

.infopopup-lite {
	height: inherit !important;
}

	.infopopup-lite .infopopup-punt {
		margin-top: -3px;
	}

#buttonRow .jaarbutton {
	padding: 5px !important;
	border-radius: 5px !important;
	height: 30px !important;
	margin: 0px;
	line-height: 20px;
}

	#buttonRow .jaarbutton.set {
		background-color: #3377ab !important;
		color: white !important;
	}

#buttonRow .anderstext {
	border: solid 1px #dddddd;
	border-right: none 0px #dddddd;
	margin: 0px !important;
	height: 30px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	width: 50px;
	border-radius: 5px;
}

#buttonRow .andersbutton {
	height: 32px !important;
	padding: 5px !important;
	margin: 0px !important;
	border: solid 1px #dddddd;
	margin-left: -10px !important;
	position: absolute;
	border-radius: 5px;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

#buttonRow .anderstext.set {
	border-color: #3377ab;
}

#buttonRow .andersbutton.set {
	background-color: #3377ab !important;
	color: white;
	border-color: #3377ab;
}

.dxisControl .dxis-itemTextArea {
	max-width: 30%;
	left: 50%;
	margin-left: -15%;
	height: 30px;
	padding: 0;
	line-height: 30px;
	text-align: center;
	background: transparent !important;
}

	.dxisControl .dxis-itemTextArea span {
		padding: 8px 20px;
		background: rgba(0,0,0,0.75);
	}

.imgcontainer {
	max-width: 400px;
	background-color: white;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

	.imgcontainer div {
		background-color: white;
		width: 100%;
		display: inline-block;
		display: none;
	}

	.imgcontainer img {
		width: 70%;
		height: auto;
	}

.imgnext {
	color: #fff;
	position: absolute;
	z-index: 9999999999;
	width: 12%;
	line-height: 50px;
	height: 50px;
	font-size: 30px;
	margin-top: -25px;
	top: 50%;
	background: rgba(0,0,0,0.6);
	right: 0px;
}

.imgprev {
	color: #fff;
	position: absolute;
	z-index: 9999999999;
	width: 12%;
	line-height: 50px;
	height: 50px;
	font-size: 30px;
	margin-top: -25px;
	top: 50%;
	background: rgba(0,0,0,0.6);
	left: 0px;
}

.filter-block {
	position: absolute;
	z-index: 9999;
	background: white;
	left: 10px;
	padding: 20px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
	border-radius: 2px;
	margin-top: 10px;
	width: 260px;
	font-family: Arial;
	font-size: 14px;
	max-height: 90vh;
	overflow: auto;
}

	.filter-block label {
		padding-left: 5px;
	}

		.filter-block label span {
		}

		.filter-block label img {
			max-height: 18px;
			margin-right: 8px;
		}

	.filter-block h2 {
		font-family: Arial;
		margin-top: 0px;
		color: #009141;
	}

	.filter-block h4 {
		font-family: Arial;
		padding-bottom: 0;
		margin-bottom: 5px;
		color: #009141;
	}

	.filter-block .logoSpeelplan {
		margin-left: -22px;
		margin-top: 10px;
	}

	.filter-block .logoKlant {
		margin-top: 20px;
		max-width: 100%;
		max-height: 60px;
	}

	.filter-block .klantlogolink {
		display: block;
	}

	.filter-block input[type="submit"] {
		background: #009141;
		color: #fff;
		border: none;
		padding: 10px 15px;
		border-radius: 4px;
		margin-top: 20px;
		cursor: pointer;
		outline: none;
	}

a > .dx-vam, a > .dx-vat, a > .dx-vab {
	font-size: 12px !important;
	text-decoration: none !important;
	color: black !important;
}

ul#actietypes {
	list-style: none;
	padding-left: 0;
}

	ul#actietypes li {
		display: inline-block;
		padding: 8px 30px 8px 10px;
		position: relative;
		margin-top: -12px;
	}

		ul#actietypes li.set {
			background: #f0f0f0;
			padding-bottom: 15px;
		}

			ul#actietypes li.set .title {
				font-weight: bold;
			}

		ul#actietypes li a {
			display: inline-block;
		}

		ul#actietypes li .aantal {
			position: absolute;
			background: #ff9600;
			padding: 3px;
			text-align: center;
			margin-left: 5px;
			margin-top: 0;
			display: inline-block;
			color: #fff;
			font-size: 11px;
			border-radius: 5px;
			min-width: 14px
		}

		ul#actietypes li .title {
			margin-top: 10px;
			display: inline-block
		}

.month-row {
	padding-left: 4px !important;
	border-right: 1px solid black;
}

.last-month {
	border-right: 0;
}

.lnkTabView {
	padding: 8px 14px;
	background: white;
	color: black !important;
	margin-bottom: 40px;
	display: inline-block;
	border-radius: 5px;
	text-decoration: none !important;
}

.activeTabView {
	background: #3377ab !important;
	color: white !important;
}

.dxis-overlayElement {
	cursor: pointer !important;
}

#popup {
	width: 100%;
	height: 100%;
}

.lite_content_popup {
	width: 100%;
	max-width: 700px;
	height: 100%;
	max-height: 526px;
	left: 50%;
	top: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	background: #000;
	text-align: center;
}

	.lite_content_popup div {
		position: absolute;
		height: 100%;
		width: 100%;
	}

		.lite_content_popup div img {
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			position: absolute;
			height: auto;
			max-width: 100%;
			max-height: 100%;
		}

.lite_popup_left {
	color: red;
	position: absolute;
	left: 0;
	height: 40px;
	width: 40px;
	top: calc(50% - 20px);
	line-height: 40px;
	text-align: center;
	background: #fff;
	font-weight: 600;
	font-family: Arial;
	z-index: 9;
	cursor: pointer;
}

	.lite_popup_left .fa, .lite_popup_right .fa {
		font-size: 20px;
		line-height: 44px;
		color: #009141;
	}

.lite_popup_right {
	color: red;
	position: absolute;
	right: 0;
	height: 40px;
	width: 40px;
	top: calc(50% - 20px);
	line-height: 40px;
	text-align: center;
	background: #fff;
	font-weight: 600;
	font-family: Arial;
	z-index: 9;
	cursor: pointer;
}

	.lite_popup_left:hover, .lite_popup_right:hover {
		background: #009141;
	}

		.lite_popup_left:hover .fa, .lite_popup_right:hover .fa {
			color: #fff;
		}

.lite_popup_close {
	position: absolute;
	right: 0;
	top: 0;
	height: 40px;
	width: 40px;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	background: red;
	cursor: pointer;
	z-index: 9;
}

.pac-card {
	margin: 10px 10px 0 0;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	background-color: #fff;
	font-family: Roboto;
}

#pac-container {
	padding-bottom: 12px;
	margin-right: 12px;
}

.pac-controls {
	display: inline-block;
	padding: 5px 11px;
}

	.pac-controls label {
		font-family: Roboto;
		font-size: 13px;
		font-weight: 300;
	}

#pac-input {
	background-color: #fff;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 300;
	margin-left: 12px;
	padding: 0 11px 0 13px;
	text-overflow: ellipsis;
	width: 400px;
	height: 26px;
	margin: 10px;
	border: solid 1px darkgray;
}

	#pac-input:focus {
		border-color: #4d90fe;
	}

.pac-container {
	margin-top: -210px;
}

div#lijst_menu ul li.submenu_readonly > a:first-child {
	color: gray !important;
	background: #e5e5e5 !important;
	cursor: default !important;
	width: 175px !important;
}

#chkKenmerken {
	width: 320px !important;
}

	#chkKenmerken .dxichCellSys,
	table.detail_table td.dxichCellSys {
		width: 40px;
	}

/* Magazijn*/

#magazijn-parent {
	height: 100%;
	overflow: hidden;
}

#magazijn-info {
	height: 50%;
}

.titel {
	display: block;
	padding: 0 10px;
	background-color: #FAFAFA;
	/*border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #CECECE;*/
	line-height: 1;
	font-weight: 500;
	font-size: 36px;
	color: #004478;
	margin-top: 1px;
}

.row {
	/*border: 1px solid #CECECE;*/
	border-top: 0px;
	min-height: 10px;
	overflow: hidden;
}

.colum-third {
	width: 32.8%;
	float: left;
	text-align: center;
	margin: 2px;
}

.column-header {
	font-weight: bold;
	border-bottom: 1px solid #CECECE;
}

.column-detail-caption {
	width: 30%;
	float: left;
	text-align: left
}

.column-detail-value {
	width: 70%;
	float: left;
	text-align: left
}

.jaren-buttons {
	margin-bottom: 20px;
	width: 100%;
}

	.jaren-buttons a {
		background: orange;
		text-decoration: none !important;
		display: inline-block;
		width: 50px;
		height: 1.5rem;
		margin-right: 8px;
		border-radius: 5px;
		line-height: 1.5rem;
		text-align: center;
		color: #fff !important;
	}

		.jaren-buttons a.active-button {
			background: #3f76ab;
		}

		.jaren-buttons a.inactive-button {
			background: lightgray;
			color: #000 !important;
			cursor: default;
		}

.jaaroverzicht-grid table tr td:first-child {
	background: #DCDCDC;
	width: 200px;
}

.print-button-toilet {
	background: #3377ab !important;
	padding: 0 8px;
	float: right;
}

.nbl {
	border-left: 0 !important;
}

.nbr {
	border-right: 0 !important;
}

.nblr {
	border-right: 0 !important;
	border-left: 0 !important;
}

#scrollcontent.allow-scroll .viewport {
	overflow: auto !important;
}

.has-klant-logo {
	margin-top: 0 !important;
	margin-left: 0 !important;
	max-width: 100%;
	max-height: 60px;
}

.btn-auto {
	width: max-content !important;
	background: #ff6900;
	border-bottom: 2px solid #333;
	min-width: 100px;
}

	.btn-auto.disabled {
		background: #797979 !important;
	}

div#text_inhoud table.buttons-table {
	width: inherit !important;
}

	div#text_inhoud table.buttons-table td {
		padding-right: 6px;
	}

#collapse {
	margin-bottom: 10px;
	position: relative;
}

#btnCollapse {
	position: absolute;
	width: 100px;
	height: 5px;
	border-radius: 2px;
	cursor: pointer;
	background: #3377ab;
	border: 0;
	left: calc(50% - 50px);
}

.success {
	background: #4CAF50;
	padding: 12px 20px;
	border-radius: 6px;
	color: #fff;
	font-size: 14px;
}

	.success i.fa.fa-check {
		padding-right: 5px;
	}


.viewbtn {
	float: right;
	padding: 0;
	margin: 0;
	background: unset;
	border: unset;
}

	.viewbtn div {
		padding: 0 !important;
	}


.viewActieBtn, .uploadbtn, .addActieBtn {
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 12px;
	border-top: unset;
	border-left: unset;
	border-right: unset;
	font-size: 12px;
}

	.viewActieBtn div.dxb, .uploadbtn div.dxb, .addActieBtn div.dxb {
		padding: 0;
		font-size: 12px;
	}

tr.dxgvFilterRow:hover {
	background: #E7E7E7 !important
}

.dx-toast-content {
	width: fit-content !important;
}
.dxpcLite .dxpc-header, .dxdpLite .dxpc-header {
	padding: 5px 20px !important;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.dxpcLite .dxpc-mainDiv,
.dxpcLite.dxpc-mainDiv,
.dxdpLite .dxpc-mainDiv,
.dxdpLite.dxpc-mainDiv {
	border: unset !important;
	border-radius: 20px !important;
}