html, body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
	color: #000;
	padding:0;
	margin:0;
	scrollbar-3dlight-color : #FFF;
	scrollbar-arrow-color : #7e9abc;
	scrollbar-darkshadow-color : #9db4d1;
	scrollbar-face-color : #c9dce5;
	scrollbar-highlight-color : #e5ecf5;
	scrollbar-shadow-color : #F0F0F0;
	scrollbar-track-color : #e8eff3;
	-webkit-text-size-adjust: none;
	height:100%;
}
table {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
	color: #000;
	-webkit-text-size-adjust: none;
}
body{
	overflow-x:hidden;
	background-color:#FFF;
}
tbody{
	width:100%;
}
.js-example-basic-single-hier{
	min-width:250px;	
}
.grijs{
	color:#ff6600;	
}
#caps{
	color:#FF6600;	
	display:none;
	float:left;
}
.templaterij{
	text-align:left;display: flex;align-items: center
}
.pwcheck .ok{
	display:none;	
	padding-right:3px;
	color:#00C600;
}
.pwcheck .notok{
	padding-right:5px;
	color:#CE0000;
}
.inlogwacht{
	display:none;	
}
.succes .ok{
	display:inline;
}
.succes .notok{
	display:none;
}
#requirements{
	list-style: none;
	list-style-image: none;
	padding:0;
}
td{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
	vertical-align:top;
}
:root {
	--primary-color: #2580bf;
}
.zoekveld{
	padding:2px 5px;
	border:1px solid #CCCCCC;	
	background-color:#FFFFFF;
	font-size:11px;
	line-height:1;
}
input[type="checkbox"] {
	height: 14px;
	width: 14px;
	position: relative;
	-webkit-appearance: none;
	margin-top:0;
}
#myTable input[type="checkbox"],td.kolbg input[type="checkbox"] {
	margin-top:0;
}
.checkgroups, .checkdegroepen, .checktop{
	top:6px;
}
.checktoplijst{
	top:4px;
	margin-right:6px;
}
.uploadklaar{
	padding:3px 9px;border:1px solid #FF6600;line-height:19px;border-radius:5px; background-color:#FFF;color:#FF6600;white-space: nowrap;
	
}
input[type="checkbox"]:before {
	content: "";
	display: inline-block;
	position: absolute;
	top:0px;
	box-sizing: border-box;
	height: 14px;
	width: 14px;
	border-radius: 2px;
	border: 1px solid #767676;
	background-color: #fff;
}
input[type="checkbox"]:focus{
	outline:0;
}
input[type="checkbox"]:hover::before {
	border: 1px solid #4f4f4f;
}
input[type="checkbox"]:checked:hover::before {
	filter: brightness(90%);
}
input[type="checkbox"]:checked:disabled:hover::before {
	filter: none;
}
input[type="checkbox"]:checked:before {
	content: "";
	display: inline-block;
	position: absolute;
	box-sizing: border-box;
	height: 14px;
	width: 14px;
	border-radius: 2px;
	border: 1px solid #2580bf;
	background-color: #2580bf;
}
input[type="checkbox"]:checked:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 2px;
	box-sizing: border-box;
	height: 5px;
	width: 10px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: translateY(-1.5px) rotate(-45deg);
	transform: translateY(-1.5px) rotate(-45deg);
}
input[type="checkbox"]:disabled::before {
	border: 1px solid #c9ced1;
	border-radius: 2px;
	background-color: #f0f4f8;
}
input[type="checkbox"]:checked:disabled::before {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	background-color: #d1d1d1;
}
input[type=radio] {
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid #2580bf;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 6px;
	border-radius: 20px;
	display: inline-block;
	position: relative;
}
input[type=radio]:checked:after {
	content: ' ';
	width: 10px;
	height: 10px;
	border-radius: 20px;
	position: absolute;
	top: 1px;
	background: #2580bf;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 1px;
	font-size: 24px;
}
input[type=radio]:checked {
	background-color: #fff;
	color: #2580bf;
	border: 1px solid #2580bf;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
input[type=radio]:active, input[type=radio]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.helpdiv{
	position:relative;float:left;width:auto;height:Auto;display:inline-block;;
}
.paginatoevoegen{
	clear:both;	
}
.mr12{
	margin-right:12px;
}

#cphelp{
	display:none;position:absolute;z-index:999999999;background-color:#30b6e9;color:#FFF;padding:5px 10px 6px 10px; border-radius:5px;
}
html * {max-height:1000000px;}
p{
	padding:0;
	margin:0;	
}
button.ui-datepicker-trigger{
	background-color : #8BBAD6;
	color:#fff;
	border:0;
	border-radius:4px;
	FONT-SIZE: 8pt;
	line-height: 12px;
	padding: 3px 8px;
	margin-right: 12px;
	margin-bottom: 3px;
	margin-top: 2px;
	float:left;
	cursor:pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
button.ui-datepicker-trigger:hover{
	text-decoration : none;
	background-color : #3999D9;
	color:#fff;
}
.ui-datepicker-title, .ui-datepicker-header.ui-widget-header{
	background-color:	#ccc;
}
.highlight a{
	background-color: #29f274 !important;
	color: #ffffff !important;
}
/*hoofd layout */
.totaal{
	display:table;width:100%;background-color:#FFF;
}
.nav{
	position:absolute; margin:0; top:0; left:0; display:block; width:100%;height:28px;background-color:#338dcc;
}
.mob .nav{
	height:32px;
}
.itemtypes{
	float:left;margin-left: 3%;max-width:400px;width:70%;
}
.statsenberichten{
	float:left;
	width:24%;max-width:250px;
	margin-top: 9px;
}
.statsenberichtenmob{
	float:left;
	width:96%;
	padding-left:2%;
}
.rechts{
	overflow:auto;
	position:absolute;
	right:0;
	left:0;
	top:28px;
	bottom:15px;
	padding:10px 5px 10px 0;
}
.treeDiv{
	position:absolute;
	overflow:auto;
	top:28px;
	bottom:14px;
	left:0;
	padding:10px;
	border-right:1px solid #338dcc;
	display:none;
	background-color:#FFF;
}
 #dragIcon{
	display:none;
	position: absolute;
	width: 16px;
	height: 16px;
	top:200px;
	background: url("../images/resizex.png") no-repeat top right;
	cursor: e-resize;
	z-index:10;
}
.mob .rechts, .mob .treeDiv{
	top:32px;
}
.footer{
	position:absolute; margin:0; bottom:0; left:0; display:block;width:100%;height:14px;background-color:#338dcc;color:#fdf5de;font-size:9px;
}
#logo_contentPublisher{
	height:23px;
	position: relative;
	float:left;
	padding-top:2px;
	padding-left:12px;
	border:0;
	margin:0;
}
.mob #logo_contentPublisher{
	height:27px;
	padding-top:4px;
	padding-left:10px;
}
.logocpimgklein{
	display:none;
	padding-right:0px;	
}
.logocpimg{
	padding-right:20px;
}
.mob .logocpimg{
	padding-right:0px;	
}
.cpversie{
	float:left;padding-top:1px;height:11px;line-height:12px;margin-left:3px;
}
#versie{
	font-weight:normal;	
	float:left;
	color:#000;
}
.mob #versie{
	font-size:13px;
	line-height:25px;
}
.tussen, .tussenblokken{
	
	height:10px!important;
	font-size:0!important;
	line-height:0!important;
}
.mob .tussen{
	
}
.tussenblokken{
	background-color:#CFEEC6!important;
}
.rijbgblokken, .rijbericht {
	border-left:12px solid #CFEEC6;
}
.mob .rijbgblokken, .mob .rijbericht {
	border-right:12px solid #CFEEC6;
}
 .rijbericht {
	border-bottom:12px solid #CFEEC6;
}
.inhoudblokrij:not(.eindwit){
	border-right:12px solid #CFEEC6;
}
.mob .inhoudblokrij:not(.eindwit){
	border-left: 12px solid #CFEEC6;
}

.eindwit1 , .wit {
	border-right:0;
}
.btn a:link,.btn a:visited,.btn a:active  {
	color:#FFF;	
	font-size:6px;
	text-decoration: none;
}
.btnhi a:link,.btnhi a:visited,.btnhi a:active  {
	color:#9DE8FD;	
	font-size:6px;
	text-decoration: none;
}
.btnnrm{
	display:inline;white-space: nowrap;
}
.btnmob{
	display:none;	white-space: nowrap;
}
.btnmobimg{
	display:none;position:relative;top:4px;	
}
@media only screen and (max-width:790px) {
	#buttonLogoutHi .btnnrm, #buttonSysitemsHi .btnnrm{
		display:none;
	}		
	#buttonLogoutHi .btnmobimg, #buttonSysitemsHi .btnmob{
		display:inline;	
	}
}
@media only screen and (max-width:640px) {
	#buttonToolsHi .btnnrm{
		display:none;
	}		
	#buttonToolsHi .btnmobimg{
		display:inline;	
	}
}
@media only screen and (max-width:580px) {
	#buttonUsersHi .btnnrm{
		display:none;
	}		
	#buttonUsersHi .btnmobimg{
		display:inline;	
	}
}
@media only screen and (max-width:540px) {
	.logocpimg, .btnnrm{
		display:none;
	}
	.logocpimgklein{
		display:inline;
	}	
	.btnhi a:link,.btnhi a:visited,.btnhi a:active  {
		background:none;	
	}
	.btnmob, .btnmobimg{
		display:inline;	
	}
}
#topbuttons {
	float:left;
	position: relative;
	padding:0;
	overflow-y:hidden;
	height:28px;
	padding-top:0px;
}
#topbuttonsmob{
	padding-top:6px;
}
#topbuttons a,#topbuttonsmob a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:29px;
	padding-left: 10px; 
	padding-right: 10px; 
	border-left:1px solid #9CC9E7;
	padding-top:0px;
	padding-bottom:0;
}
#topbuttonsmob a {
	padding-top:0;
	font-size: 16px;
	line-height:21px;
}
.btnmob {
	padding-top:10px;
	padding-bottom:0;
}
.ui-tooltip {
	padding: 4px 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #CCC;
	box-shadow: 0 0 5px #CCC;
	background-color:#FFF;
	white-space: pre-line;
}
body .ui-tooltip {
	border-width: 2px;
}
table.wordbreak td{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:12px;
	vertical-align:top;
	min-width:20px;	
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
#rolmuis{
	clear:both;padding-left:0px;padding-top:5px;
}
img{
	padding:0;
	margin:0;
}
table.linksrechts img{
	padding-left:3px;	
	padding-top:4px;
}
.linksrechtsrechts img{
	padding-right:3px;	
}
.linksrechtslinks td, .linksrechtsrechts td{
	border-bottom:1px solid #AAD7FB;
}
.linksrechtslinks td, .linksrechtsrechts .lrpt{
	width:100%;
}

input.cpdatum{
	height:13px;
	font-size:12px;	
	border: 1px solid #c4d3e6;
	padding-left:3px;
}
.hulp{
	float:left;clear:both;margin-top:30px;padding:10px;border:1px solid #EEEEEE;width:300px;
}
div#acties, div#script{
	display:none;	
}
div.berichtbox{
	float:left;
	width:96%;
	border: 1px solid #c4d3e6;
	padding: 5px 2%;
	margin-bottom:20px;
	margin-right:20px;
	border-radius:5px;
}
td.berichtbox{
	border: 1px solid #e1f2f8;
	padding: 5px 10px;
}
div.hr{
	font-size: 1px;
	line-height:1px;
	height:1px;
	width: 100%; 
	background: #AAD7FB;
	margin-top:4px;
	margin-bottom:2px;
}
tr.list_rij{
	background-color: #FFF;
}
tr.list_rij:hover {
	background: #DDEFFD;
}
#opgeslagen{
	display:none;
}
.bgwit{
	background-color:#FFF;
}
.actie{
	background-color:#e1f2f8;
}
.kiespagina{
	width:350px;	
}
.uploadBtn{	
	padding-top:4px;
	margin-left: 4px;	
}
td.top{
	line-height:12px;
	vertical-align:top;
	padding:4px;
}
.kolbg, .kolbgrij, .rijbg{
	background-color:#E4F2FE;
	border-radius:2px;
}
.mob .label{
	font-weight:bold;
}
.rijbgblokken{
	background-color:#e6f5e1!important;
	border-radius:2px;
}
.kolbg:first-child, td.kolbgrij:first-child{
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
.inhoudblok .kolbg:first-child, .inhoudblok td.kolbgrij:first-child{
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
.mob .kolbg:first-child,.mob td.kolbgrij:first-child,.inhoudblok .kolbg:first-child,.inhoudblok td.kolbgrij:first-child{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.kolbg:last-child, td.kolbgrij:last-child{
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
.mob .kolbg:last-child,.mob  td.kolbgrij:last-child{
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.inhoudblok .kolbg:last-child,.inhoudblok  td.kolbgrij:last-child{
	border-bottom-right-radius:0;
	border-top-right-radius:0;
}

.mob td.kolbg, .mob td.kolbgrij{
	font-size:13px;
}
td.kolbgrij{
	background-color:#E4F2FE;
	font-weight:bold;
}
.inhoudblokrij{
	background-color:#e6f5e1;	
}
.inhoudblok{
	background-color:#CFEEC6!important;	
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	overflow:hidden;
}
.rijbericht td:first-child{
	background-color:#CFEEC6!important;	
	border-bottom-left-radius:5px!important;
	border-bottom-right-radius:5px!important;
	padding-bottom:12px;
}
.inhoudbg .inhoudblokrij{
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	overflow:hidden;
}
.koprij,.koprij td{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	overflow:hidden;
}
div.wit .inhoudblokrij, div.wit{
	background-color:#fff!important;	
}
.inhoudblok td.label{
	border-left:10px solid #CFEEC6;	
}
.inhoudblok td.inh{
	border-right:10px solid #CFEEC6;	
}

.inhoudblok .inhoudbg .inhoudblokrij{
	background-color:#CFEEC6!important;	
}
h3.inhoudblokkenkop{
	color:#2E7431!important;
	margin-top:10px;
	margin-bottom:10px;
}
 a.ongedaan{
	color:#2E7431!important;
	text-decoration:underline!important;
}
.mob td.label{
	font-size:14px;
	line-height:21px;
	color:#1D7296;
	padding-bottom:0;
	font-weight:bold;
}
.float{
	position: relative;
	float:left;
}
.rij0{
	background-color: #FFF;
}
.rij1{
	
}
.list{
	margin:0;
	padding: 1px 0px 0px 0px;
}
.listplat{
	margin:0;
	padding: 0px;
}
.list_toon{
	padding-left:4px;
	padding-top:7px;
	width:20px;
}
.list_toonkop{
	padding: 6px 6px 4px 4px;
	vertical-align:bottom;
}
table.wordbreak .list_kop{
	padding: 4px 0 4px 20px;
	vertical-align:bottom;
	-ms-word-break: normal;
	word-break: normal;
	-webkit-hyphens: normal;
	-moz-hyphens: normal;
	-ms-hyphens: normal;
	hyphens: normal;
}
table.wordbreak .list_toonkop{
	-ms-word-break: normal;
	word-break: normal;
	-webkit-hyphens: normal;
	-moz-hyphens: normal;
	-ms-hyphens: normal;
	hyphens: normal;
	vertical-align: bottom;
}
.list_positie{
	width:48px;
	padding: 6px 6px 2px 2px;
}
.list_datum{
	padding: 7px 12px 4px 0px;
}
.list_acties{
	background-color:#e1f2f8;
	text-align:center;
	padding:7px 2px 2px 2px;
	width:30px;
}
.list_verwijder{
	text-align:right;
	padding:3px 3px 0 0;
	width:20px;
}
.btn_list{
	padding:7px 0 0 5px;
	vertical-align:top;
	font-size:0;
}
.naamlist{
	width:80%;padding-top:6px;padding-bottom:6px;line-height: 11px;vertical-align:middle;
}
.btn_listempty{
	width:0px;
	padding:4px 1px 2px 5px;
}
.abtn{
	margin:3px 3px 0 0;
	padding:0;
	border:0;
}
.kaart{
	float:left;
	position:relative;
	width:100%;
}
.kaart img{
	width:100%;
	border:1px solid #c4d3e6;
}
.locatie{
	position:absolute;background-color:#FFF;width:20px;height:20px;border-radius:20px;z-index:99;border:1px solid #000;	font-size:12px;
}
#aantalItems, #pagineringonderaan{
	color:#999;
	width:90%;
	line-height:16px;
}
.tdtotaal{
	min-width:600px;padding:8px;padding-top:5px;padding-bottom:4px;
}
.list_naam{
	padding: 7px 25px 5px 0px;
	max-width:600px;
}
.list_column{
	text-align:left;
	padding: 7px 0 5px 20px;
}
select.sortveld{
	COLOR: #000;
	border:1px solid #c4d3e6;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
}
select.nieuwepagina{
	max-width: 270px;
}
select.groot{
	FONT-SIZE: 15pt;
}
select option,select{
	background-color:#FFF;
}
tr.lijn{
	height:1px;
	background-color:#e7eff2;
	line-height:1px;
	font-size:1px;
}
h1{
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 8px;
	font : 20px "Play", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 700;
	color:#FF6600;
}
.mob h1{
	font-size : 25px;
	margin-top:15px;
}
.cpicon{
	width:19px;
}
.cpiconbig{
	width:30px;
	position:absolute;
	display:inline-block;
	top:-10px;
}

h2{
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 2px;
	font : 19px "Play", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 700;
	color:#FF6600;
}
h3{
	margin-top: 9px;
	padding-bottom: 0px;
	margin-bottom: 2px;
	font : 16px "Play", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 700;
	color:#FF6600;
}
h3.dgrijs{
	color:#9B9B9B;
	margin-top: 15px;
	margin-bottom: 0;
}
h3.zwartinhoudblok{
	color:#000;
	margin-top: 15px;
	margin-bottom: 0;
	padding-left:10px;
}
.mob h3{
	padding-top:4px;	
	padding-bottom:0px;	
	font-size:19px;
}
hr{
	border: 0;
	color: #BBB;
	background-color: #BBB;
	height:1px;
	margin-top:4px;
	margin-bottom:4px;
	padding:0;
}
#knipDiv{
	background-color:#2871A2;
}
#uploadDiv{
	padding:2% 20px;	
	float:left;position:relative;height:94%;
}
.mob #uploadDiv{
	font-size:15px;
	line-height:20px;
}
.bekijkupload{
	position: relative;
	float:left;
}
.divjaar{
	float:right;
	position: relative;
	padding-left:15px;
	color : #FF0000;
	width:195px;
	padding-top:3px;
	padding-right:25px;
}
.inloginputdiv .icon-eye1, .inloginputdiv .icon-eye-slash1{
	font-size:14px;	
	position:absolute;
	right:12px;
	top:4px;
}
#inlogvelden .icon-eye1, #inlogvelden .icon-eye-slash1{
	font-size:16px;	
	position:absolute;
	right:7px;
	top:4px;
}
#wachtwoordinstellen .icon-eye1, #wachtwoordinstellen .icon-eye-slash1{
	font-size:16px;	
	position:absolute;
	right:8px;
	top:1px;
}
#wachtwoordinstellen .icon-eye-slash1, #inlogvelden .icon-eye-slash1, .inloginputdiv .icon-eye-slash1{
	display:none;
}
.inloginputdiv{
	position:relative;	
	display: inline;
}
.button, .inlogbutton, .inlogbuttoninactief{
	float:left;
}
.btn{
	display:inline;
	padding-top: 4px;
}
.btnhi{
	display:inline;
	padding-top: 4px;
}
#cpwie{
	display:inline;	
}
td.padlr{
	padding-left:1px;
	padding-right:10px;
}
div#page_positie{
	float: left;
}
div#hidden{
	clear:both;
	float: left;
	display:none;
}
div#main_leaf{
	position: relative;
	float:left;
	padding-top:2px;
	width:14px;
	height:16px;
}
div#select_type{
	position: relative;
	float:left;
	height:18px;
}
.pagd{
	padding:3px 0 2px 0;color:#C1EBFD;
}
.handje{
	cursor:pointer;
}
.float{
	float: left;
}
.hiddenfloat{
	float: left;
	display:none;
}
#explain{
	display:none;
	width:160px;
}
div#closeExplain{
	display:none;
}
.inputname{
	clear:both;
	position: relative;
	float:left;
	padding-top:4px;
	width:110px;
	margin-top:5px;
}
.inputveld{
	position: relative;
	float:left;
	padding-top:0px;
	margin-top:5px;
	width:272px;
}
.inputnaam{
	display:none;	
}
table{
	border: 0px;
	padding:0px;
	margin:0px;
}
table.border{ 
	border: 0px;
	padding:0px;
	margin:0px;
	width: 100%;
	max-width: 500px;
}
.grid-colspan-1{
	grid-column-start: span 1;
}
.grid-colspan-2{
	grid-column-start: span 2;
}

td.border{ 
	background: #CACF8E;
	padding:10px;
	margin: 10px;
}
a:active,a:link{
	text-decoration : none;
	font-size: 11px;
	color : #2580bf;
}
.mob a:active,.mob a:link, .mob a:visited{
	font-size:14px;	
}
a:visited{
	color : #2580bf;
}
a.underline:visited,a.underline:active,a.underline:link{
	text-decoration : underline;
}
a:hover{
	text-decoration : underline;
}
a.groot:active,a.groot:link,a.groot:visited,a.grootgrijs:active,a.grootgrijs:link,a.grootgrijs:visited, a.knopinhoudtoevoegen, a.knopinhoudtoevoegen:link, a.knopinhoudtoevoegen:visited, a.kleinebutton, a.kleinstebutton, div.kleinebutton, div.kleinstebutton, span.kleinstebutton, div.groot, a.lichtebutton, div.lichtebutton, span.lichtebutton{
	display:inline-block;
	text-decoration : none;
	background-color : #8BBAD6;
	color:#FFF;
	border-radius:4px;
	line-height:17px;
	padding:3px 10px;
	margin-right:12px;
	margin-bottom:3px;
	margin-top:3px;
	font-family : "Play", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:400;
}
a.groot:active,a.groot:link,a.groot:visited{
	font-size:16px;	
	padding:4px 12px;
	background-color : #2580bf;
}
a.grootgrijs:active,a.grootgrijs:link,a.grootgrijs:visited{
	font-size:16px;	
	padding:4px 12px;
	background-color : #BBBBBB;
	margin-top:10px;
}
a.knopinhoudtoevoegen:active,a.knopinhoudtoevoegen:link,a.knopinhoudtoevoegen:visited{
	font-size:16px;	
	padding:4px 12px;
	background-color : #94bb87;
	margin-top:0;
}
	
a.mr0, a.mr0:active, a.mr0:link{
	margin-right:0;
}
a.kleinebutton, div.kleinebutton{
	FONT-SIZE: 8pt;
	line-height:16px;
	padding:2px 7px;
}
a.kleinstebutton, div.kleinstebutton, span.kleinstebutton,a.lichtebutton, div.lichtebutton, span.lichtebutton{
	FONT-SIZE: 8pt;
	line-height:12px;
	padding:4px 8px;
}
.mob div.kleinebutton{
	font-size:14px;	
}
.mob a.kleinstebutton:active,.mob a.kleinstebutton:link, .mob a.kleinstebutton:visited, .mob div.kleinstebutton, .mob span.kleinstebutton, .mob a.lichtebutton:active,.mob a.lichtebutton:link, .mob a.lichtebutton:visited {
	font-size:12px;	
}
a.lichtebutton, div.lichtebutton, span.lichtebutton{
	margin-top:2px;
	padding:3px 8px;
	background-color : #8BBAD6;
	color:#FFF;
}
a.lichtebutton:hover, div.lichtebutton:hover, span.lichtebutton:hover, .uploadbtn:hover > div.lichtebutton{
	background-color : #3999D9 !important;
	color:#FFF;
}
.buttonborder{
	border:1px solid #2580bf;
}
a.stap:active,a.stap:link{
	clear:both;
	float:left;
	position:relative;
	text-decoration : none;
	color : #2580bf;
	FONT-SIZE: 9pt;
	line-height:17px;
	padding-top:5px;
}
a.stap:visited{
	color : #2580bf;
}
a.stap:hover{
	color : #2580bf;
	text-decoration : underline;
}
a.klein:active,a.klein:link{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
a.groot:hover,a.kleinebutton:hover, .kleinebutton:hover, div.kleinebutton:hover, .kleinstebutton:hover, div.groot:hover{
	text-decoration : none;
	background-color : #22A2D9;
	color:#FFF;
}
div .inlogbutton{
	padding-top:10px;	
}
a.button {
	font-weight: 600;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 5px;
	text-align: center;
	min-width: 75px;
	text-transform: uppercase;
}
a.inlogbutton,  a.inlogbuttoninactief{
	font : 12px "Play", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 700;
	position: relative;
	margin-right:20px;
	background-color : #2281B9;
	color : #fff;
	text-transform: uppercase;
	border-radius:5px;
	padding:6px 13px;
	min-width: 75px;
	text-align: center;
}
 a.inlogbutton:hover,  a.inlogbuttoninactief:hover{
	background-color : #3FA2DC;
	color : #fff;
	text-transform: uppercase;
	text-decoration: none;
}
 a.inlogbuttoninactief, a.inlogbuttoninactief:hover{
	background-color : #C6C6C6;
}
a.button:link {
	background-color: White;
	font-size: 10px;
	color: #2580bf;
	text-decoration: none;
}
a.button:visited {
	color: #2580bf;
}
a.button_smal{
	width: 25px;
	min-width: 25px;
}
.inloginput, .inlogkeep{
	width:252px;padding:3px 10px;border:1px solid #AAC0D2;border-radius:4px;
}
.inlogkeep{
	padding-bottom: 8px
}
div.inloginput{
	width:252px;
}
#wwvergeten{
	display:none;	
	max-width:384px;
	width:100%;
	padding-left:20px;
}
a.lijst:link {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
td.lrpt{
	padding-top:6px;	
	padding-bottom:6px;	
}
.mob a.lijst:link {
	font-size: 17px;
	line-height:28px;
}
.mob .btn_list{
	padding-top:6px;
}
.weg, .rijbericht{
	display:none;	
}
.soortweg{
	display:none!important;	
}
a.button:hover{
	background-color: #2580bf;
	color: White;
	text-decoration: none;
}
.btn a:hover,.btnhi a:hover  {
	color:#C2F0FE;
	text-decoration: none;
}
#wwvergetenknop {
	display: table-cell;
	text-align: right;
	margin-top: 4px;
	padding-left: 15px;
	width: 100%;
	vertical-align: top;
	padding-top:7px;
}
ul{
	list-style-type:square;
	margin:2px 0px 10px 00px;
	padding-left:18px;
}
select,textarea,input.blborder{
	COLOR: #000;
	border:1px solid #c4d3e6;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	padding:3px;
}
input.zoek{
	COLOR: #000;
	border:1px solid #ccc;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	height:13px;
	width:80px;
	padding: 3px;
}
input.zoekhi{
	background-color:#f6ff00;
}
.zdiv{
	float:left;position:relative;padding-right:4px;padding-top:0px;margin-top:0
}
input.sortering{
	COLOR: #000;
	border:1px solid #CCC;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	height:14px;
	width:20px;
}
.mob select.wijzigactie{
	font-size:11px;
}
.rechtenpulldown{
	width:260px;
}
.blborder{
	border:1px solid #c4d3e6;
}
select.klein{
	COLOR: #000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	BACKGROUND-COLOR: #FFF;
	border:1px solid #d8e2f0;
	BORDER-BOTTOM-COLOR: #D2D2D2;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-COLOR: #D2D2D2;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-RIGHT-COLOR: #D2D2D2;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-TOP-COLOR: #D2D2D2;
	BORDER-TOP-WIDTH: 1px;
}
input.tinybreed{
	COLOR: #000;
	border:1px solid #CCC;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	height:14px;
	width:200px;
}
input.tinyextrabreed{
	COLOR: #000;
	border:1px solid #CCC;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	height:14px;
	width:300px;
}
input.tinysmal{
	COLOR: #000;
	border:1px solid #CCC;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	height:14px;
	width:30px;
}
.column1{
	height:21px;	
}
.mce-panel{
	background-color:#6699ce;	
}
#mminsert,#mmcancel{
	padding:3px;
	cursor:pointer;
	border:1px solid #2580bf;
}
#maintable{
	width:100%;padding:0;margin:0;height:100%;
}
#rowtop{
	background-color:#2580bf;width:100%;padding:0;margin:0;height:30px;
}
#ajaxResponse{
	font-size:13px;	
	line-height:1.3;
	padding-top:5px;
	color:#2580bf;
}
div.tree{
	clear:both;
	position:relative;
	float:left;
	vertical-align:top;
	color: #ff0000;
	padding:0;
	margin:0;
	white-space:nowrap;
}
.treeBtns{
	position:relative;float:left;height:18px;
	margin-right:2px;
	z-index:100;
}
#btn_hideTree{
	position:absolute;height:20px;width:20px;top:5px;z-index:900;
}
#btn_showTree{
	position:absolute;height:20px;width:20px;right:4px;top:5px;display:none;z-index:900;
}
div.parenttree{
	clear:both;position:relative;float:left;
}
div.parenttreehidden{
	clear:both;position:relative;float:left;
	display: none;
}
.feedback{
	float:left;color:#ff6600;line-height:15px;width:252px;max-width:800px;padding:6px 10px; border-radius:5px;border:1px solid #FF6600;margin-top:10px;margin-right:15px;
}
#wwvergetenfeedback, #tevaakfoutfeedback{
	float:left;color:#ff6600;line-height:15px;width:auto;width:250px;padding:6px 10px; border-radius:5px;border:1px solid #FF6600;margin-top:10px;display:none;
}
#btn-terugnaarinloggen, #btn-stuuremail,#btn-stuuremailmm{
	display:none;
}
.feedback a{
	color:#ff6600;text-decoration:underline;
}
a.sluitmenu {
	font-size:15px;
	text-decoration:none;
	color:#2580bf;
}
.verwknop{
	float:right;padding-top:11px;padding-right:5px;
}
.upknop,.downknop{
	float:right;padding-top:12px;padding-right:5px;
}
div#menu{
	position: absolute;
	display: none;
	width:80px;
	height:80px;
	border-radius:0;	
	z-index:20;
}
div#menumove, div#menukopieer{
	position: absolute;
	display: none;
	width:95px;
	padding-bottom:5px;
	border-radius:0;	
	z-index:20;
}
div#menu table, div#menumove table, div#menukopieer table{
	margin-top:15px;
	margin-left:5px;
	padding:6px;
	background-color:#fafdfe;
	border: 1px solid #c4d3e6;
}
div#pagina_beheer{
	clear:both;
	position: relative;
	float:left;
	margin-bottom:25px;
	line-height:16px;
	padding-bottom:10px;
	padding-left: 0; 
	white-space:nowrap;
}
.tree_item{	
	height:18px;
	color:#000;
}
.treedelete{
	display:none;
	float:left;
	width:14px;
	padding-right:0px;
	top:0px;
}
.input_klein{
	font-size: 8pt;
}
a.mmtree,div.mmtree,div.divmmtree {
	font-size: 9pt;
	line-height:13px;
	white-space:nowrap;
}
div.mmtree {
	color : #000;
}
a.mmtree, div.mmtree a{
	color : #2580bf;
}
a:link.mmtree{
	text-decoration : none;
	color : #2580bf;
}
a:hover.mmtree  {
	text-decoration : underline;
	color : #000;
}
a.mmtreeDlo:active,a.mmtreeDlo:link,div.mmtreeDlo{
	font-size: 9pt;
	line-height:13px;
	text-decoration : none;
	color : #aaa;
}
a.mmtreeDlo:visited{
	color : #aaa;
}
a.mmtreeDhi:visited{
	color : #aaa;
}
a.mmtreehi, div.mmtreehi {
	font-size: 9pt;
	line-height:13px;
	color : #000;
}
a.exprt{
	color:#6481a6;
	font-size:14px;margin-right:3px;
	margin-top:-3px;
}
.cptd{
	white-space:nowrap;height:28px;padding:0;margin:0;
}
.cptdbg{
	background-color:#338dcc;
}
input:focus {
	outline: none;
}
a.klikcheck{
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
.fileinput-button {
	position: relative;
	overflow: hidden;
}
.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(0, 0) scale(1);
	cursor: pointer;
}
.fileinput-button{
 	clear:both;
 	float:left;
}
.uploadbtn{display:inline-block;*display:inline;padding:0;color:#2580bf;cursor:pointer;font: 11px Verdana, Arial, Helvetica, sans-serif;}
.progress{height:2px;margin-bottom:0px;overflow:hidden;background-color:#f7f7f7;display:none;}
.progress .bar{float:left;width:0;height:100%;color:#fff;text-align:center;background-color:#0e90d2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .2s ease;-moz-transition:width .2s ease;-o-transition:width .2s ease;transition:width .2s ease}

a.cp,a.cpgroot{
	font-family: 'cp';
	color:#6481a6;
	font-size:15px;
	line-height:15px;
	text-decoration:none;
	padding-left:0px;
	padding-right:0px;
}
a.cpgroot{
	font-size:20px;
	line-height:20px;
}
a.cp:hover,a.cp.cpgroot:hover{
	text-decoration:none;
	color:#6b9ad6;
}
.mob a.cp,.mob a.cpgroot{
	font-size:20px;
	line-height:20px;
	padding-left:2px;
	padding-right:2px;
}
.mob .cpicon {
	width: 19px;
}
.mob a.cpgroot{
	font-size:28px;
	line-height:20px;
}
@media only screen and (max-width:800px) {
	.itemtypes,.statsenberichten{
		width:95%;
		max-width:95%;
	}
	.statsenberichten{
		margin-left:3%;
	}
}
@media only screen and (max-width:600px) {
	.tdtotaal{
		min-width:0;
	}
}
@font-face {
	font-family: 'cp';
	src: url('cp-webfont.eot');
	src: url('cp-webfont.eot?#iefix') format('embedded-opentype'),
		url('cp-webfont.woff') format('woff'),
		url('cp-webfont.ttf') format('truetype'),
		url('cp-webfont.svg#cp') format('svg');
	font-weight: normal;
	font-style: normal;
}
::-webkit-input-placeholder { color: red; text-overflow: ellipsis; }
:-moz-placeholder { color: #DDD !important; text-overflow: ellipsis; }
::-moz-placeholder { color: #DDD !important; text-overflow: ellipsis; }
:-ms-input-placeholder {  color: #DDD !important; text-overflow: ellipsis; }
::placeholder {
	color: #DDD;
	opacity: 1; /
}
 ::-webkit-scrollbar {
	width: 12px !important;
 }

 ::-webkit-scrollbar-thumb {
	background: #B5DDF2 !important; 
 }
 ::-webkit-scrollbar-thumb:window-inactive {
	background: #B5DDF2 !important; 
 }
select.helebreedte{
	width:98%;	
	max-width:350px;
}
#scrollcontent{
	position:fixed;
	height:100%;
	width:100%;
	overflow:auto;
}
#mmpopup{
	display:none;
	z-index:999999999999999;position:fixed;background-color:rgba(0,24,36,0.7);height:100%;width:100%;top:0;left:0;	
}
#mmvenster{
	position:relative;
	width:90%;
	overflow:hidden;	
	margin:0 auto;
	background-color:#FFF;
}
#mmsluit{
	position:fixed;
	height:18px;
	width:34px;
	background-color: #FFF;
	border-radius:17px;
	font-size:25px;
	line-height:0;
	padding-top:13px;
	color:#000;
	z-index:9999999999999999;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}
div.secs{
	display:inline;
}
#savemsg {
	clear:both;
	
}
#savemsg a{
	color: #FF6600;
	font-weight: bold;
	font-size: 13px;
}
#savemsg a.kleinstebutton{
	color: #fff;
	font-weight: 400;
}
img.thumbwit{
	border:2px solid #FFF;
	max-height:80px;
	max-width:100%;
}
img.thumbhi{
	border:2px solid #FF6600;
}
#fotos{
	display:flex;
	flex-wrap:wrap;
}
.albumthumb{
	padding:0 15px 12px 0;position:relative;
}
.thumbdel{
	position:absolute;right:9px; top:-5px;z-index:2;width:20px;height:20px;border-radius:100%;background-color:#FFF;padding:4px 5px 5px 8px
}
a.verlopen{
	color:#A2A2A2;	
}
.actief{
	color:#000 !important;
	background-color:#fff !important;
}
.inactief{
	color:#A5A5A5 !important;
	background-color:#F5F5F5 !important;
}
.inactief:hover{
	background-color:#E9E9E9 !important;
}
.select2-selection__rendered.inactief{
	background-color:#fff !important;
}
.select2-selection__rendered.actief{
	background-color:#fff !important;
	color:#000!important;
}