html {
	height:calc(100% - 210px);

}
.cookies{

    	background: rgb(2, 132, 199);
    	border-top:1px solid #0284c7;
    	background: rgba(2, 132, 199, 0.8);
	color:#FFFFFF;
	padding:20px;
	position:sticky;
	bottom:0px;
	left:0px;
	right:0px;	
	z-index:101;

}
.invoicelist .datum .verwijderen{

	margin-top:10px;
	display:block;
	background-color:#FCFCFC;
	padding:15px;
	border-radius:5px;
	border:1px solid #7b817f;
	color:#7b817f;
	text-align:center;
	text-decoration:none;
	background-image:url(icons/reparatielogboek/verwijder1.png);
	background-position:center;
	background-repeat:no-repeat;
}
.invoicelist .datum .verwijderen:hover{

	margin-top:10px;
	display:block;
	text-decoration:none;
	background-color:#7b817f;
	padding:15px;
	border-radius:5px;
	border:1px solid #FCFCFC;
	color:#FCFCFC;
	text-align:center;
	text-align:center;
	text-decoration:none;
	background-image:url(icons/reparatielogboek/verwijder2.png);
	background-position:center;
	background-repeat:no-repeat;

}

.totaal_minutencounter{

	float:right;
	padding:10px;
	border:1px solid #CCCCCC;
	color:#7b817f;
	background-color:#e5e5e5;
	border-top:1px solid #EAEAEA;
	background-image:url(icons/reparatielogboek/clock.png);
	background-repeat:no-repeat;
	background-position:5px;
	padding-left:25px;
	border-radius:0px 0px 5px 5px ;

}
.dashboard_overview{

	margin:-5px;

}
.dashboard_overview div{

	width:calc(50% - 20px);
	border:1px solid #CCCCCC;
	background-color:#f0efed;
	float:left;
	margin:5px;
	border-radius:5px;

}
.container-repoverzicht {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* ruimte tussen blokken */
}

.repinboek_overzicht {
  border: 1px solid #CCCCCC;
  width: calc(50% - 10px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.repinboek_overzicht .title {
  background-color: #eeeeee;
  padding: 10px;
  color: #7b817f;
  border-bottom: 1px solid #CCCCCC;
}

.repinboek_overzicht .description {
  padding: 10px;
}
.repair_accessoire{

	padding:5px;
	border-radius:5px;
	border:1px solid #E5E5E5;
	float:left;
	background-color:#F4F4F4;
	margin-right:10px;

}
.repair_accessoire img{

	float:left;
	margin-right:5px;
	margin-top:-1px;

}
.dashboard_overview div span{

	font-size:17px;
	display:block;
	margin-bottom:10px;

}
.dashboard_overview div a{

	padding:10px;
	color:#000000;
	text-decoration:none;
	display:block;

}
#aankoopregister{
	
	display:none;

}
.klant_resultaten_order{


	border:1px solid #58aaef;
	border-top:1px dotted #CCCCCC;
	margin-top:-15px;
	border-radius:0px 0px 5px 5px;
	padding:5px;
	max-height:600px;
	width:210px;
	overflow-y:auto;
	position:absolute;
	background-color:#FFFFFF;
	display:none;

}
.order_geselecteerde_klant{

	padding:5px;	
	border:1px solid #CCCCCC;
	border-radius:5px;
	width:210px;
	color:#757575;
	background-color:#f8f8f8;
}
.klant_resultaten_order .customer_result{


	padding:5px;
	margin-bottom:5px;
	border-bottom:1px solid #CCCCCC;

}

.overlay_melding{

	position:fixed;
	z-index:999;
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
	background-image:url(transperant.png);

}
.customer_overviewheader{

	height:60px;
	background-color:#eeeeee;
	margin-left:-20px;
	margin-right:-20px;
	margin-top:50px;
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;

}
.customer_overviewheader .referentie{

	font-size:11px;
	font-weight:bold;
	margin-left:20px;

}
.customer_overviewheader .referentie span{

	font-weight:normal;
	color:#3D84B8;

}
.customer_overviewheader_small{

	height:40px;
	background-color:#eeeeee;
	margin-left:-20px;
	margin-right:-20px;
	margin-top:50px;
	margin-bottom:20px;
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;

}
.customer_overviewheader_small .facturen{

	width:50px;
	height:50px;
	background-color:#A3A3A3;
	border-radius:40px;
	float:left;
	margin-top:-20px;
	margin-left:25px;
	background-image:url(icons/customeroverview/facturen.png);
	background-repeat:no-repeat;
	background-position:center;

}
.customer_overviewheader_small .facturen_export{

	width:50px;
	height:50px;
	background-color:#A3A3A3;
	border-radius:40px;
	float:left;
	margin-top:-20px;
	margin-left:25px;
	background-image:url(icons/customeroverview/facturen_export.png);
	background-repeat:no-repeat;
	background-position:center;

}
.customer_overviewheader_small .inkt{

	width:50px;
	height:50px;
	background-color:#A3A3A3;
	border-radius:40px;
	float:left;
	margin-top:-20px;
	margin-left:25px;
	background-image:url(icons/customeroverview/inkt.png);
	background-repeat:no-repeat;
	background-position:center;

}
.customer_overviewheader_small .afspraken{

	width:50px;
	height:50px;
	background-color:#A3A3A3;
	border-radius:40px;
	float:left;
	margin-top:-20px;
	margin-left:25px;
	background-image:url(icons/customeroverview/afspraken.png);
	background-repeat:no-repeat;
	background-position:center;

}
.customer_overviewheader_small .contactpersonen{

	width:50px;
	height:50px;
	background-color:#A3A3A3;
	border-radius:40px;
	float:left;
	margin-top:-20px;
	margin-left:25px;
	background-image:url(icons/customeroverview/contactpersonen.png);
	background-repeat:no-repeat;
	background-position:center;

}
.customer_overviewheader_small .apparaten{

	width:50px;
	height:50px;
	background-color:#A3A3A3;
	border-radius:40px;
	float:left;
	margin-top:-20px;
	margin-left:25px;
	background-image:url(icons/customeroverview/apparaten.png);
	background-repeat:no-repeat;
	background-position:center;

}
.invoicelist .support_IB{

	color:#7b817f;

}
.invoicelist .support_AF{

	color:#2f8f00;

}
.invoicelist .support_RO{

	color:#EDB400;

}
.invoicelist .status img{

	float:left;
	margin-right:5px;
	margin-top:-2px;


}
.customer_overviewheader_small .reparaties{

	width:50px;
	height:50px;
	background-color:#A3A3A3;
	border-radius:40px;
	float:left;
	margin-top:-20px;
	margin-left:25px;
	background-image:url(icons/customeroverview/reparaties.png);
	background-repeat:no-repeat;
	background-position:center;

}
.customer_overviewheader_small .opmerkingen{

	width:50px;
	height:50px;
	background-color:#A3A3A3;
	border-radius:40px;
	float:left;
	margin-top:-20px;
	margin-left:25px;
	background-image:url(icons/customeroverview/opmerkingen.png);
	background-repeat:no-repeat;
	background-position:center;

}
.customer_overviewheader_small .abonnementen{

	width:50px;
	height:50px;
	background-color:#A3A3A3;
	border-radius:40px;
	float:left;
	margin-top:-20px;
	margin-left:25px;
	background-image:url(icons/customeroverview/abonnementen.png);
	background-repeat:no-repeat;
	background-position:center;

}
.invoicelist .garantieicon{

	float:left;
	margin-top:-2px;
	margin-right:5px;

}
.customer_overviewheader_small .ondersteuning{

	width:50px;
	height:50px;
	background-color:#A3A3A3;
	border-radius:40px;
	float:left;
	margin-top:-20px;
	margin-left:25px;
	background-image:url(icons/customeroverview/ondersteuning.png);
	background-repeat:no-repeat;
	background-position:center;

}
.customer_overviewheader .actions{

	float:right;
	margin-right:15px;
	margin-top:1px;
	list-style:none;

}
.customer_overviewheader ul li ul{

	float:right;
	margin-right:15px;
	display:none;
	margin-top:-1px;
	border-radius:5px;
	border:1px solid #CCCCCC;
	background-color:#F4F4F4;
	position:absolute;
	margin-left:-169px;
	width:200px;
	padding:0px;

}
.customer_overviewheader ul li ul li{

	list-style:none;

}
.customer_overviewheader ul li ul .dots_title{

	padding:10px;
	border-bottom:1px solid #EAEAEA;
	font-size:13px;
	color:#3D84B8;
	
}
.customer_overviewheader ul li ul li a{

	display:block;
	padding:10px;
	color:#000000;
	text-decoration:none;

}
.customer_overviewheader ul li ul li a:hover{

	background-color:#eeeeee;
	color:#161616;

}

.customer_overviewheader ul li:hover ul{

	float:right;
	margin-right:15px;
	display:block;

}

.customer_overviewheader .actions .dots{

	display:block;
	height:32px;
	width:32px;
	border:1px solid #CCCCCC;
	border-radius:32px;
	background-color:#F4F4F4;
	background-image:url('icons/customeroverview/dots.png');
	background-repeat:no-repeat;
	background-size:18px;
	background-position:center;
}
.customer_overviewheader .company{

	width:80px;
	height:80px;
	background-color:#3D84B8;
	border-radius:80px;
	float:left;
	margin-top:-40px;
	margin-left:25px;
	background-image:url(icons/customeroverview/company.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:40px;

}
.customer_overviewheader .order{

	width:80px;
	height:80px;
	background-color:#3D84B8;
	border-radius:80px;
	float:left;
	margin-top:-40px;
	margin-left:25px;
	background-image:url(icons/customeroverview/order.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:40px;

}
.customer_overviewheader .reparatie{

	width:80px;
	height:80px;
	background-color:#3D84B8;
	border-radius:80px;
	float:left;
	margin-top:-40px;
	margin-left:25px;
	background-image:url(icons/customeroverview/repair.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:40px;

}
.customer_overviewheader .support{

	width:80px;
	height:80px;
	background-color:#3D84B8;
	border-radius:80px;
	float:left;
	margin-top:-40px;
	margin-left:25px;
	background-image:url(icons/customeroverview/support.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:40px;

}

.customer_overviewheader .customer{

	width:80px;
	height:80px;
	background-color:#3D84B8;
	border-radius:80px;
	float:left;
	margin-top:-40px;
	margin-left:25px;
	background-image:url(icons/customeroverview/customer.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:40px;

}
.customer_overviewheader .factuur{

	width:80px;
	height:80px;
	background-color:#3D84B8;
	border-radius:80px;
	float:left;
	margin-top:-40px;
	margin-left:25px;
	background-image:url(icons/customeroverview/factuur_big.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:45px;

}
.customerinfo{


	width:100%;

}
.customerinfo .klantgegevens{

	border:1px solid #e5e5e5;
	width:48%;
	border-top:0px;
	float:left;
	margin-right:2%;
	background-color:#F4F4F4;

}
.klantopmerkingen{

	border:1px solid #e5e5e5;
	border-top:0px;
	margin-top:-20px;
	background-color:#F4F4F4;
	padding:5px;

}
.customerinfo .contactgegevens{

	border:1px solid #e5e5e5;
	width:48%;
	border-top:0px;
	float:left;
	background-color:#F4F4F4;

}
.customerinfo .repair_klachtomschrijving{

	border:1px solid #e5e5e5;
	border-top:0px;
	background-color:#F4F4F4;
	margin-top:-20px;
	padding:10px;

}
.customerinfo .contactgegevens a{

	color:#000000;
	text-decoration:none;

}
.customerinfo .contactgegevens a:hover{

	color:#000000;
	text-decoration:none;
	border-bottom:1px solid #CCCCCC;

}
.customerinfo .label{

	float:left;
	padding:5px;
	width:150px;
	color:#7b817f;

}
.customerinfo .value{

	float:left;
	padding:5px;

}
.customer_overviewheader .klantnaam{

	float:left;
	padding-top:20px;
	padding-left:20px;
	font-size:15px;
	color:#7b817f;

}
.customer_overviewheader_small .title{

	float:left;
	padding-top:12px;
	padding-left:20px;
	font-size:13px;
	color:#7b817f;

}

.bold{

	font-weight:bold;

}
.afspraakspecs .datum{

	width:20px;
	height:20px;
	background-image:url(icons/datum.png);
	float:left;
	background-repeat:no-repeat;
	background-position:center;

}
.afspraakspecs .tijd{

	width:25px;
	height:25px;
	background-image:url(icons/openingstijden.png);
	float:left;
	background-repeat:no-repeat;
	background-position:center;

}
.afspraakspecs .label_content{

	font-size:12px;
	float:left;
	padding-left:5px;
	padding-top:5px;
	margin-right:10px;
	font-style:italic;
	
}

.afspraak_overzicht .afspraak{

	border:1px solid #EAEAEA;
	padding-left:70px;
	border-radius:5px;
	background-image:url(afspraak.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
	margin-bottom:10px;
	background-color:#F7F7F7;

}
.afspraak_overzicht .afspraak .datum{

	padding:5px;
	padding-top:10px;
	font-size:14px;
	color:#95a5a6;

}
.afspraak_overzicht .afspraak .tijd{

	padding-left:5px;
	font-size:12px;
	color:#3d84b8;

}
.afspraak_overzicht .afspraak .locatie{

	padding:5px;
	font-size:10px;

}
.afspraak_overzicht .afspraak .omschrijving{

	padding:5px;
	padding-top:10px;
	font-size:11px;

}
.afspraak_overzicht .afspraak .actbuttons{

	float:right;
	padding:10px;

}
.afspraak_overzicht .afspraak .buttons .afpsraak_disable_melding{

	border:1px solid #3D84B8;
	padding:5px;
	border-radius:5px;
	font-size:10px;
	background-color:#FCFCFC;
	margin-top:10px;

}
.afspreken_radiolist input[type="radio"] {

  	display: none;

}
.afspreken_radiolist label{

	font-size:12px;

}
.afspreken_radiolist label .bold{

	display:block;
	margin-bottom:5px;
	font-size:13px;

}
.afspraak_container .inputbutto_dist .reg_button{

	width:150px;
	text-align:center;
	font-size:11px;
	background-color:#02bae3;
	color:#FFFFFF;

}
.afspreken_radiolist label .content{

	display:block;
	font-size:11px;
	margin-bottom:10px;
	color:#656262;

}
.afspreken_radiolist .label_disabled .content{

	display:block;
	font-size:11px;
	margin-bottom:10px;
	color:#d7d5d5;

}
.afspreken_radiolist .label_disabled{

  	display: inline-block;
  	background-color: #f5f2f2;
 	padding:10px;
	font-family: Arial;
	cursor: pointer;
	border-radius:5px;
	width:200px;
	border:1px solid #CCCCCC;
	margin-bottom:10px;

}
.afspreken_radiolist .label_disabled .bold{

	color:#CECECE;

}
.afspreken_radiolist .label{

  	display: inline-block;
  	background-color: #f5f2f2;
 	padding: 10px;
	font-family: Arial;
	cursor: pointer;
	width:200px;
	border-radius:5px;
	border:1px solid #CCCCCC;
	margin-bottom:10px;

}
.afspreken_radiolist label span{

	font-size:10px;


}
.afspreken_radiolist label .disabled{

	font-size:10px;
	color:#Faaaaa;

}
.afspreken_radiolist label .enabled{

	font-size:10px;
	color:#35b068;

}
.afspreken_radiolist input[type="radio"]:checked+label {

	border:1px solid #58aaef;

}
.afspreken_radiolist input[type="radio"]:checked+label .bold{

	color:#58aaef;

}
.whatsappbutton{

	position:fixed;
	z-index:100;
	right:10px;	
	bottom:10px;
	background-color:#25d366;
	height:40px;
	min-width:40px;
	border-radius:20px;

}
.whatsappbutton img{

	margin-top:12px;
	margin-left:12px;
	margin-bottom:-4px;

}
.whatsappbutton a{

	font-size:0px;

}
.whatsappbutton a:hover{

	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:15px;

}
.trustpilotbutton{

	position:fixed;
	z-index:100;
	right:10px;	
	bottom:55px;
	background-color:#00002e;
	height:40px;
	min-width:40px;
	border-radius:20px;

}
.trustpilotbutton img{

	margin-top:12px;
	margin-left:12px;
	margin-bottom:-4px;

}
.trustpilotbutton a{

	font-size:0px;

}
.trustpilotbutton a:hover{

	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:15px;

}
.chatbutton_online{

	position:fixed;
	z-index:100;
	right:10px;	
	bottom:55px;
	background-color:#5197d6;
	height:40px;
	min-width:40px;
	border-radius:20px;

}
.chatbutton_online img{

	margin-top:12px;
	margin-left:12px;
	margin-bottom:-4px;

}
.chatbutton_online a{

	font-size:0px;

}
.chatbutton_online a:hover{

	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:15px;

}
.chatbutton_online_mobile{

	position:fixed;
	z-index:100;
	right:10px;	
	bottom:55px;
	background-color:#5197d6;
	height:40px;
	min-width:40px;
	border-radius:20px;
	display:none;

}
.chatbutton_online_mobile img{

	margin-top:12px;
	margin-left:12px;
	margin-bottom:-4px;

}
.chatbutton_online_mobile a{

	font-size:0px;

}
.chatbutton_online_mobile a:hover{

	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:15px;

}

.overlay_melding .melding{

	position:absolute;
	left:10%;
	right:10%;
	top:20%;	
	background-color:#FFFFFF;
	padding:10px;
	border-radius:5px;
	border:1px solid #CCCCCC;

}
.overlay_melding .melding .submit_select{

	cursor:pointer;

}
.overlay_melding .melding img{

	margin-bottom:20px;

}
.overlay_melding .melding h2{

	margin:0px;
	margin-bottom:20px;
	color:#58aaef;
	font-weight:normal;

}
.register_overviewname{

	width:160px;
	padding:5px;
	padding-left:0px;
	color:#384859;
	font-weight:bold;
	float:left;
	margin-right:10px;

}
.register_overviewfield{

	padding:5px;
	padding-left:0px;
	color:#384859;
	float:left;

}
.cookie_disableinfo{

	margin-top:5px;
	margin-bottom:10px;
	padding:5px;
	float:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	font-size:9px;
	background-image:url(icons/info.png);
	background-position:5px;
	background-repeat:no-repeat;
	padding-left:25px;
	background-color:#F1F1F1;

}
.form_fieldname{

	padding:5px;
	padding-left:0px;
	color:#999999;
	font-size:10px;

}
.form_fieldinfo{

	padding:5px;
	padding-left:0px;
	font-size:10px;

}
.navbuttons_agenda{

	padding:10px;
	text-align:center;

}
.navbuttons_agenda .weeknaam{

	font-size:15px;
	margin-right:20px;
	margin-left:20px;
	color:#7b817f;

}
.navbuttons_agenda a{

	border-radius:20px;
	background-image: linear-gradient(to bottom, #FFFFFF, #F1F1F1);	
	border:1px solid #CCCCCC;
	width:10px;
	padding:5px;
	width:25px;
	height:25px;
	text-align:center;
	display:inline-block;
	text-decoration:none;
	font-size:19px;
	color:#7b817f;

}
.navbuttons_agenda a:hover{

	background-image: linear-gradient(to top, #FFFFFF, #F1F1F1);	

}
.agenda_table {

  	display: flex;
  	align-items: stretch;   
  	gap: 1px;               
  	flex-wrap: nowrap;      
  	margin-bottom: 50px;

}
.agenda {

  	flex: 1 1 0;
  	display: flex;
  	flex-direction: column; 
}

.agenda_dag {

  	flex: 1;
  	background-color: #FCFCFC;
  	border: 1px solid #EFEFEF;
  	box-sizing: border-box;

}
.agenda_dag .mogelijk_Y{

	padding:3px;
	background-image:url(icons/agenda/beschikbaar.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;

}
.agenda_dag .mogelijk_N{

	padding:3px;
	background-image:url(icons/agenda/niet_beschikbaar.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;


}
.agenda_dag .content{

	padding:5px;

}
.agenda_dag .tijdslot{

	padding:5px;
	font-weight:bold;
	font-size:10px;
	border-bottom:1px solid #FFFFFF;

}
.agenda_dag .tijdslot_bezet{

	margin:3px;
	padding:5px;
	background-color:#f8ced4;
	border-radius:5px;
	margin-bottom:5px;

}
.agenda_dag .tijdslot_beschikbaar{

	margin:3px;
	padding:5px;
	background-color:#d4fdaf;
	border-radius:5px;
	margin-bottom:5px;

}
.tijdslot_beschikbaar a{

	display:block;
	padding:5px;
	margin:-5px;
	margin-top:10px;
	background-image: linear-gradient(to bottom, #FFFFFF, #F1F1F1);	
	border-radius:5px;
	border:1px solid #CCCCCC;
	color:#000000;
	text-decoration:none;
	float:left;

}
.tijdslot_beschikbaar a:hover{

	display:block;
	padding:5px;
	margin:-5px;
	margin-top:10px;
	background-image: linear-gradient(to top, #FFFFFF, #F1F1F1);	
	border-radius:5px;
	border:1px solid #CCCCCC;
	color:#000000;
	text-decoration:none;

}
.tijdslot_beschikbaar .button_disabled{

	display:block;
	padding:5px;
	margin:-5px;
	margin-top:10px;
	background-image: linear-gradient(to top, #FFFFFF, #F1F1F1);	
	border-radius:5px;
	border:1px solid #CCCCCC;
	color:#CCCCCC;
	text-decoration:none;
	float:left;
	cursor:not-allowed;

}
.agenda_dag .alleenspoed{

	padding:10px;
	background-image:url(icons/agenda/spoed.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:40px;
	color:#B71C1C;
	margin:5px;

}
.agenda_dag .dag{

	font-size:15px;
	padding:10px;
	color:#FFFFFF;
	background-color:#3D84B8;

}
.agenda_dag .datum{

	font-size:13px;
	padding:7px;
	color:#7b817f;
	background-color:#f0eded;

}
.agenda_dag .openingstijden{

	font-size:10px;
	padding:7px;
	color:#7b817f;
	background-color:#f0eded;
	background-image:url(icons/openingstijden.png);
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:25px;
	background-size:13px;
	margin-bottom:17px;

}

.footer_cookie a{

	color:#FFFFFF;
	padding:5px;
	text-decoration:none;
	padding-left:25px;
	background-image:url(icons/settings-icon.png);
	background-repeat:no-repeat;
	background-position:3px 4px;

}
.footer_cookie a:hover{

	background-color:#576879;
	border-radius:5px;

}
.cookie_disableinfo a{

	font-weight:bold;
	color:#000000;
	text-decoration:none;

}
.cookies .accept{

	background-color:#FFFFFF;
	color:#000000;
	padding:10px;
	border:0px;
	font-weight:bold;
	border-radius:5px;
	width:180px;
	margin-bottom:5px;
	cursor:pointer;

}
.cookies div{

	float:right;
	margin-top:-5px;

}
.cookies h2{

	margin-top:0px;

}
.cookies .change{

	background-color:#cceaf4;
	color:#000000;
	padding:10px;
	border:0px;
	font-weight:bold;
	border-radius:5px;
	width:180px;
	cursor:pointer;

}

body { 
  margin: 0;
	font-family:verdana;
	font-size:11px;
	height:100%;

}
.mobilemenu img{

	display:none;

}
.supportchat{

	width:638px;
	height:560px;
	position:relative;
	left:50%;
	margin-left:-319px;
	border-radius:5px;
	box-shadow: 0 0 8px rgb(0 0 0 / 20%);
	margin-bottom:60px;

}
.supportchat_admin{

	width:987px;
	height:556px;
	position:relative;
	left:50%;
	margin-left:-493.5px;
	border-radius:5px;
	box-shadow: 0 0 8px rgb(0 0 0 / 20%);
	margin-bottom:60px;

}
.supportchat_admin .supportchat{

	width:989px;
	height:566px;
	left:50%;
	margin-left:-493.5px;
	border-radius:5px;
 overflow: hidden;

}
.page_error{

	min-height:calc(100% - 180px);
	text-align:center;
	padding-bottom:100px;

}
.username_field{


	background-image:url(icons/username.png);
	padding:10px;
	padding-left:35px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #CCCCCC;
	background-position:5px 7px;
	margin-bottom:10px;
	border-radius:5px;

}
.username_field:focus{


	background-image:url(icons/username_1.png);
	padding:10px;
	padding-left:35px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #58aaef;
	background-position:5px 7px;
	margin-bottom:10px;
	outline: none; 

}
.postalcode_field{


	padding:10px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #CCCCCC;
	border-right:1px dotted #CCCCCC;
	background-position:5px 7px;
	margin-bottom:10px;
	border-radius:5px 0px 0px 5px;
	width:40px;

}
.day_field{


	padding:10px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #CCCCCC;
	border-right:1px dotted #CCCCCC;
	background-position:5px 7px;
	margin-bottom:10px;
	border-radius:5px 0px 0px 5px;
	width:20px;

}
.month_field{


	padding:10px;
	background-repeat:no-repeat;
	border:1px solid #CCCCCC;
	border-left:0px;
	border-right:1px dotted #CCCCCC;
	background-position:5px 7px;
	margin-bottom:10px;
	width:20px;

}
.year_field{


	padding:10px;
	background-repeat:no-repeat;
	border:1px solid #CCCCCC;
	border-left:0px;
	background-position:5px 7px;
	margin-bottom:10px;
	width:40px;
	border-radius:0px 5px 5px 0px;

}

.inzamel_logo{

	float:right;
	width:131px;

}
.postalcode_field:focus{


	padding:10px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #58aaef;
	border-right:1px dotted #58aaef;
	background-position:5px 7px;
	margin-bottom:10px;
	width:40px;
	outline: none; 

}
.inputfield{


	padding:10px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #CCCCCC;
	background-position:5px 7px;
	margin-bottom:10px;
	border-radius:5px;
	width:200px;

}
.inputfield:focus{


	padding:10px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #58aaef;
	background-position:5px 7px;
	margin-bottom:10px;
	outline: none; 

}
.inputfield_selectperiod{


	padding:9px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #CCCCCC;
	background-position:5px 7px;
	margin-bottom:10px;
	border-radius:0px 5px 5px 0px;
	width:180px;
	border-left:0px;

}
.inputfield_selectperiod:focus{


	padding:9px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #58aaef;
	background-position:5px 7px;
	margin-bottom:10px;
	outline: none; 
	border-left:0px;

}
.inputfield_select{


	padding:10px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #CCCCCC;
	background-position:5px 7px;
	margin-bottom:10px;
	border-radius:5px;
	width:222px;

}
.inputfield_select:focus{


	padding:10px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #58aaef;
	background-position:5px 7px;
	margin-bottom:10px;
	outline: none; 

}

.textfield{


	padding:10px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #CCCCCC;
	background-position:5px 7px;
	margin-bottom:10px;
	border-radius:5px;
	width:400px;
	height:200px;
	resize: none;

}
.textfield:focus{


	padding:10px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #58aaef;
	background-position:5px 7px;
	margin-bottom:10px;
	outline: none; 

}

.postalcodeletters_field{


	padding:10px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #CCCCCC;
	border-left:0px;
	background-position:5px 7px;
	margin-bottom:10px;
	border-radius:0px 5px 5px 0px;
	width:20px;

}
.postalcodeletters_field:focus{


	padding:10px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #58aaef;
	border-left:0px;
	background-position:5px 7px;
	margin-bottom:10px;
	width:20px;
	outline: none; 

}
.huisnummer_field{


	padding:10px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #CCCCCC;
	background-position:5px 7px;
	margin-bottom:10px;
	border-radius:5px;
	width:80px;

}
.huisnummer_field:focus{


	padding:10px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #58aaef;
	background-position:5px 7px;
	margin-bottom:10px;
	width:80px;
	outline: none; 

}

.password_field{


	background-image:url(icons/password.png);
	padding:10px;
	padding-left:35px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #CCCCCC;
	background-position:5px 7px;
	margin-bottom:10px;
	border-radius:5px;

}
.password_field:focus{


	background-image:url(icons/password_1.png);
	padding:10px;
	padding-left:35px;
	background-repeat:no-repeat;
	border:0px;
	border:1px solid #58aaef;
	background-position:5px 7px;
	margin-bottom:10px;
	outline: none; 

}
.loginbutton{

	padding:10px;
    border: 1px solid #0292b1;
    outline: none;
    padding: 10px;
    border-radius: 5px;
    background-color: #01b0d6;
	color:#FFFFFF;
	margin-right:10px;
	width:100px;

}
.loginbutton1{

	padding:10px;
    border: 1px solid #0292b1;
    outline: none;
    padding: 10px;
    border-radius: 5px;
    background-color: #01b0d6;
	color:#FFFFFF;
	margin-right:10px;
	width:100px;

}
.loginbutton2{

	padding:10px;
    border: 1px solid #0292b1;
    outline: none;
    padding: 10px;
    border-radius: 5px;
    background-color: #01b0d6;
	color:#FFFFFF;
	margin-right:10px;

}
.loginbutton_link{

	padding:10px;
    border: 1px solid #0292b1;
    outline: none;
    padding: 10px;
    border-radius: 5px;
    background-color: #01b0d6;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:10px;
	width:100px;

}
.reg_button{

	padding:10px;
    border: 1px solid #0292b1;
    outline: none;
    padding: 10px;
	font-size:13px;
    border-radius: 5px;
    background-color: #FFFFFF;
	color:#0292b1;
	margin-right:10px;
	width:78px;
	display:block;
}
.adressfield{

	padding:10px;
	border:1px solid #CCCCCC;
	float:left;
	border-radius:5px;
	background-color:#EAEAEA;
	font-style:italic;

}
.checkbutton{

	padding:10px;
	border:0px;
	color:#FFFFFF;
	border-radius:5px;
	background-color:#ebab34;

}
.selectcustomer_order{

	padding:10px;
	border:0px;
	text-decoration:none;
	color:#FFFFFF;
	border-radius:5px;
	background-color:#ebab34;

}
.checkbutton_annuleer{

	padding:10px;
	border:0px;
	color:#FFFFFF;
	border-radius:5px;
	background-color:#e74c3c;

}
.checkbutton_annuleer:disabled{

	padding:10px;
	border:0px;
	color:#CCCCCC;
	border-radius:5px;
	background-color:#EAEAEA;

}
.reg_button1{

	padding:10px;
    border: 1px solid #0292b1;
    outline: none;
    padding: 10px;
	font-size:13px;
    border-radius: 5px;
    background-color: #FFFFFF;
	color:#0292b1;
	margin-right:10px;
}

.inputbutto_dist .reg_button:hover{

	text-decoration:none;

}
.login_screen .spacer{

	height:40px;

}
.register_screen .spacer{

	height:20px;

}
.register_screen .verplicht{

	color:#FF0000;

}
.loginbutton_reset{

	padding:10px;
    border: 1px solid #CCCCCC;
    outline: none;
    padding: 10px;
    border-radius: 5px;
    background-color: #F1F1F1;
	color:#161616;
	margin-right:10px;

}
.inputbutto_dist a{

	text-decoration:none;
	color:#3a3a39;


}
.cookie_pref{
	
	font-weight:bold;
	font-size:13px;
	margin-top:3px;

}
.inputbutto_dist a:hover{

	text-decoration:underline;

}

.mededeling{

	position:absolute;
	z-index:199;
	top:0px;
	height:100%;
	right:0px;
	left:0px;
	background-image:url('transperant.png');

}
.mededeling .info_block{

	position:absolute;
	left:10%;
	right:10%;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	border-radius:5px;
	padding:10px;
	top:30%;

}
.page_error img{

	height:150px;

}

.page_error h1{

	font-size:35px;
	color:#656565;

}
.page_error h1 span{

	color:#58aaef;

}
.menubar {
  overflow: hidden;
  background-color: #FFFFFF;
  transition: 0.4s;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.menubar a{

	text-decoration:none;
	color:#000000;

}
.menubar a:hover{

	text-decoration:none;
	color:#58aaef;

}
.page{

	margin-top:210px;
	min-height:calc(100% - 180px);



}
.selectbox{

	appearance: none;
	padding:10px;
	border-radius:5px;
	border:1px solid #CCCCCC;
	background-image:url(icons/selector_grey.png);
	background-repeat:no-repeat;
	background-position:right 5px top 10px;
	padding-right:25px;
	background-color:#f2f2f2;
	outline:none;

}
.selectbox:focus{

	background-image:url(icons/selector.png);
	border:1px solid #01b0d6;


}
.submit_select{

	border:1px solid #0292b1;
	outline:none;
	padding:10px;
	border-radius:5px;
	background-color:#01b0d6;
	color:#FFFFFF;


}
.submit_select:focus{

	outline:none;
	border:1px solid #027088;

}

.warning_top{

	padding:10px;
	border-bottom:1px solid #ffcc66;
	background-color:#fffbc4;
	background-repeat:no-repeat;
	background-position:10px center;
	background-image:url(https://chaterzcomputerservice.nl/style/icons/warning.png);
	padding-left:35px;
	font-size:13px;
	color:#000000;

}
.betaalmetideal{

	font-size:12px;
	display:block;
	padding:15px;
	padding-left:60px;
	float:left;
	border-radius:7px;
	color:#FFFFFF;
	background-color:#d50172;
	text-decoration:none;
	background-image:url(payments/ideal_logo.png);
	background-size:40px;
	background-repeat:no-repeat;
	background-position:7px 5px;
	margin-right:10px;

}
.betaalmetideal_betaald{

	font-size:12px;
	display:block;
	padding:15px;
	padding-left:60px;
	float:left;
	border-radius:7px;
	color:#F1F1F1;
	background-color:#f440a0;
	text-shadow: 1px 1px #000000;
	text-decoration:none;
	background-image:url(payments/ideal_logo.png);
	background-size:40px;
	background-repeat:no-repeat;
	background-position:7px 5px;
	margin-right:10px;
	cursor:no-drop;

}
.betaalmetideal_login_betaald{

	font-size:12px;
	display:block;
	padding:15px;
	padding-left:60px;
	float:left;
	border-radius:7px;
	color:#F1F1F1;
	background-color:#49bbd4;
	text-shadow: 1px 1px #000000;
	text-decoration:none;
	background-image:url(payments/ideal_logo.png);
	background-size:40px;
	background-repeat:no-repeat;
	background-position:7px 5px;
	margin-right:10px;
	cursor:no-drop;

}
.betaalmetideal_login{

	font-size:12px;
	display:block;
	padding:15px;
	padding-left:60px;
	float:left;
	border-radius:7px;
	color:#FFFFFF;
	background-color:#01b0d6;
	text-decoration:none;
	background-image:url(payments/ideal_logo.png);
	background-size:40px;
	background-repeat:no-repeat;
	background-position:7px 5px;
	margin-right:10px;

}

.menubar .container{

position:relative;
width:1150px;
left:50%;
margin-left:-500px;

}
.menubar .logo{

	background-image:url(https://chaterzcomputerservice.nl/newsite/style/logo/logo273x69.png);
	height:100px;
	background-size:230px;
	background-repeat:no-repeat;
	background-position:center;
	width:270px;
	position:relative;
	float:left;

}
.menubar .logo a{
  background-color:#01b1e8;
border-radius: 5px;
text-shadow:1px 1px 0px #3498DB;
color:#FFFFFF;
	padding:15px;
	font-size:13px;
	float:right;
	text-decoration:none;
	margin-right:20px;

}
.menu{

	text-align:center;
	position:inherit;
	width:100%;

}
.menu ul li{

	list-style:none;

}
#navbar #logo {
  transition: 0.4s;
}



#navbar-right {
  float: right;
}
.menu ul li ul{

	padding-top:25px;

}
.menu ul li ul li{

	padding:5px;
	font-size:15px;
	list-style:none;
	float:left;
	margin-right:10px;

}
.footer{

	background-color:#384859!important;
	padding:10px;
	color:#FFFFFF;
	text-align:center;
	color:#FFFFFF;
	min-height:20px;

}
.footer a{

	color:#FFFFFF;
	text-decoration:none;

}
.footer a:hover{

	color:#FFFFFF;
	text-decoration:underline;

}
.footer_trustbox{

	background-color:#384859!important;
	padding:10px;
	color:#FFFFFF;
	text-align:center;
	color:#FFFFFF;
	min-height:20px;

}
.footer_co2{

	background-color:#384859!important;
	padding:10px;
	color:#FFFFFF;
	text-align:center;
	color:#FFFFFF;
	min-height:20px;

}
.footer_co2 a{

	text-decoration:none;
	color:#FFFFFF;
	padding-top:5px;

}
.footer_co2 a span{

	margin-right:10px;
	background-image:url(icons/leaf.png);
	background-repeat:no-repeat;
	display:inline-block;
	width:16px;
	height:16px;
	margin-bottom:-3px;

}
.footer_trustbox a{

	color:#FFFFFF;
	font-family:arial;
	font-size:12px;
	padding:10px;
	text-decoration:none;
	padding-right:78px;
	background-image:url(icons/trustpilot_logo_small.png);
	background-repeat:no-repeat;
	background-position:right 6px; 

}
.footer_cookie{

	background-color:#384859!important;
	padding:10px;
	color:#FFFFFF;
	text-align:center;
	color:#FFFFFF;
	height:20px;

}

.info_footer{

	background-color:#384859!important;
	color:#FFFFFF;
	text-align:center;
	color:#FFFFFF;

}
.info-blocks {
  
	display: flex;
	flex-wrap: wrap;
	justify-content: center; 
  	align-items: flex-start; 
  	height: 100%; 
  	text-align: left; 
	gap: 50px;

}

.block {
  
	text-align: left; 
	padding: 10px; 
}
.block:after {
  
	content: "";
  	display: block;
  	height: 100%;

}
.info_footer .block .dag_label_footer{

	float:left;
	padding:3px;
	width:100px;

}
.info_footer .block .open_label_footer{

	float:left;
	padding:3px;
	color:#CCCCCC;
}
.info_footer .block .thisweek_label_footer{

	float:left;
	padding:3px;
	font-weight:bold;

}
.info_footer .block .nextweek_label_footer{

	float:left;
	padding:3px;
	font-weight:bold;

}
.info_footer .block a{

	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:1px;

}
.info_footer .block a img{

	float:left;
	margin-right:10px;
	margin-top:-2px;

}
.info_footer .block h3{

	color:#58aaef;

}
.info_footer input{

	background-color:#5f6c7a;
	padding:10px;
	color:#FFFFFF;
	border-radius:3px;
	border:1px solid #384859;

}

.footer span{

	color:#7f8995;
	font-size:19px;
	margin-left:10px;
	margin-right:10px;

}
.menu ul .visible img{
	
	display:none;
	width:40px;
	height:40px;
	float:right;
	margin-right:20px;
	margin-top:25px;


}
.login_screen{

	position:relative;
	top:20px;
	border-radius:5px;
	left:20%;
	right:20%;
	width:60%;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	margin-bottom:110px;

}
.register_screen{

	position:relative;
	top:20px;
	border-radius:5px;
	left:20%;
	right:20%;
	width:60%;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	margin-bottom:110px;

}
.register_screen .content{

	padding:10px;

}
.customerpanel{

	position:relative;
	top:20px;
	border-radius:5px;
	left:20%;
	right:20%;
	width:60%;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	margin-bottom:110px;
        display: grid;
        grid-template-columns:20% 80%;

}
.contactpage{

	position:relative;
	top:20px;
	border-radius:5px;
	left:20%;
	right:20%;
	width:60%;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	margin-bottom:110px;
        display: grid;
        grid-template-columns:70% 30%;

}
.contactpage .right{

	border-radius:0px 5px 5px 0px; 
	padding:10px;
	color:#5C5F58;
	background-color:#EEEEEE;
	border-left:1px solid #E1E1E1;

}
.contactpage .left{

	padding:10px;

}
.contactpage .left h2{

	color:#58aaef;
	margin:0px;
	font-family:Arial;
	font-weight:normal;
	margin-bottom:10px;

}
.contactpage .right h2{

	color:#58aaef;
	margin:0px;
	font-family:Arial;
	font-weight:normal;
	margin-bottom:10px;


}

.contactpage .left .sendbutton{

	padding-top:10px;

}
.customerpanel .menu{

	float:left;
	#width:20%;
	height:100%;
	background-color:#3D84B8;
	border-radius:5px 0px 0px 5px;
	margin-bottom:0px;
	color:#FFFFFF;
	text-align:left;


}
.customerpanel .menu h3{

	padding:10px;
	border-bottom:1px dotted #8cb9d9;

}
.customerpanel .menu a{

	color:#FFFFFF;
	display:block;
	padding:7px;
	padding-left:10px;
	text-decoration:none;

}
.customerpanel .menu a:hover{

	color:#FFFFFF;
	display:block;
	padding:7px;
	text-decoration:none;
	padding-left:10px;	
	background-color:#8cb9d9;

}
.customerpanel .menu .customer_panel_logoaccount{

	height:75px;
	background-image:url(customerpanel/user.png);
	background-repeat:no-repeat;
	background-position:center;

}
.customerpanel .menu .customername{

	padding:5px;
	font-size:15px;
	margin-bottom:20px;
	text-align:center;

}
.customerpanel .menu .customername div{

	font-size:10px;
	margin-top:10px;

}
.customerpanel .content{

	#width:80%;
	float:left;
	position:relative;

}
.customerpanel .content .full_content{

	padding:20px;

}
.customerpanel .content .full_content .verplicht{

	color:#FF0000;

}
.customerpanel .content .full_content .inputfield:disabled{

	background-color:#F8F8F8;
	color:#A3A3A3;

}
.customerpanel .content .full_content h2{

	font-size:20px;
	margin-bottom:10px;
	color:#3D84B8;

}
.customerpanel .content .full_content h3{

	font-size:12px;
	margin-bottom:10px;
	color:#7b817f;
	font-weight:normal;
	margin:0px;
	margin-bottom:10px;

}
.customerpanel .content h2{

	color:#58aaef;
	margin:0px;
	font-family:Arial;
	font-weight:normal;
	margin-bottom:10px;

}
.customerpanel .content .loginbutton{

	float:right;
	text-decoration:none;
	margin-right:0px;

}
.login_screen .left{

	width:50%;
	float:left;

}
.login_screen .left h2{

	color:#58aaef;
	margin:0px;
	font-family:Arial;
	font-weight:normal;
	margin-bottom:10px;

}
.login_screen .afspraak_container{

	padding:10px;

}
.login_screen .afspraak_container h2{

	color:#58aaef;
	margin:0px;
	font-family:Arial;
	font-weight:normal;
	margin-bottom:10px;

}
.register_screen h2{

	color:#58aaef;
	margin:0px;
	font-family:Arial;
	font-weight:normal;
	margin-bottom:10px;

}
.register_screen .registerline{

	display:block;

}
.register_screen .registerline .radio{

	float:left;
	padding:6px;

}
.register_screen .registerline .label{

	float:left;
	padding:10px;
	font-size:10px;

}
.accept_screen .registerline .radio{

	float:left;
	padding:6px;

}
.accept_screen .registerline .label{

	float:left;
	padding:10px;
	margin-top:4px;
	font-size:10px;

}

.spacer_field{

	height:10px;

}
.register_screen .registerline span{

	font-weight:bold;
	font-size:11px;
	display:block;
	margin-bottom:5px;

}

.register_screen h3{

    	color:#737373;
	margin:0px;
	font-family:Arial;
	font-weight:normal;
	margin-bottom:15px;

}
.login_screen .left .content{

	padding:10px;

}
.login_screen .right{

	width:50%;
	float:left;
	background-image:url(loginnew.jpg);
	height:500px;
	 background-size: cover;
	background-position:center;
	border-radius:0px 5px 5px 0px;

}
.login_screen .right_cookie{

	width:50%;
	float:left;
	background-image:url(cookie.jpg);
	height:500px;
	 background-size: cover;
	background-position:center;
	border-radius:0px 5px 5px 0px;

}
.login_screen .right_STaap{

	width:50%;
	float:left;
	background-image:url(blocks/aapblock.jpg);
	height:500px;
	 background-size: cover;
	background-position:right;
	border-radius:0px 5px 5px 0px;

}
.login_screen .right_KWF{

	width:50%;
	float:left;
	background-image:url(blocks/kwfblock.jpg);
	height:500px;
	 background-size: cover;
	background-position:right;
	border-radius:0px 5px 5px 0px;

}
.login_screen .right_ESET{

	width:50%;
	float:left;
	background-image:url(blocks/esetblock.jpg);
	height:500px;
	 background-size: cover;
	background-position:left;
	border-radius:0px 5px 5px 0px;

}

.clear{

	clear:both;
	margin:0px;
	padding:0px;
	height:0px;

}
.error{

	padding:10px;
	background-color:#fca2a2;
	background-repeat:no-repeat;
	background-position:5px center;
	background-image:url(icons/error.png);
	padding-left:35px;
	color:#FFFFFF;
	margin-bottom:10px;
	font-size:13px;
	border-radius:5px;
	border:1px solid #fa8e8e;

}
.error_spoed{

	padding:10px;
	background-color:#fa8e8e;
	background-repeat:no-repeat;
	background-position:5px center;
	background-image:url(icons/error_spoed.png);
	padding-left:35px;
	color:#FFFFFF;
	margin-bottom:10px;
	font-size:13px;
	border-radius:5px;
	border:1px solid #fa8e8e;

}
.good{

	padding:10px;
	background-color:#71c992;
	background-repeat:no-repeat;
	background-position:5px center;
	background-image:url(icons/good.png);
	padding-left:35px;
	color:#FFFFFF;
	margin-bottom:10px;
	font-size:13px;
	border-radius:5px;
	border:1px solid #5aa174;

}
.warning{

	padding:9px;
	font-size:15px;
	padding-left:40px;
	color:#FFFFFF;
	background-color: #ffc301;
	border-radius:5px;
	background-image:url('icons/warning_error.png');
	background-repeat:no-repeat;
	background-position:6px;
	margin-bottom:5px;

}
.remember_switch {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 15px;
}

.remember_switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.remember_slider_field{

	margin-bottom:10px;
	font-size:10px;
	color:#8c8c8c;

}
.remember_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.remember_slider:before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.remember_switch input:checked + .remember_slider {
  background-color: #2196F3;
}

.remember_switch input:focus + .remember_slider {
  box-shadow: 0 0 1px #2196F3;
}

.remember_switch input:checked + .remember_slider:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

/* Rounded sliders */
.remember_slider.round {
  border-radius: 34px;
}

.remember_slider.round:before {
  border-radius: 50%;
}
.invoicelist{

	border:1px solid #e5e5e5;
	border-top:0px;

}
.kasboeklist{

	border:1px solid #e5e5e5;
	border-top:0px;

}
.invoicelist_header{

	background-color:#eeeeee;
	border:1px solid #e5e5e5;
	color:#7b817f;
	font-size:13px;

}
.invoicelist_header .invoice_id{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:15%;
	float:left;

}
.invoicelist_header .product{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:31%;
	float:left;

}
.invoicelist_header .prijs{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:15%;
	float:left;

}

.invoicelist_header .locatie{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:30%;
	float:left;

}

.invoicelist_header .customer_id{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:10%;
	float:left;

}
.invoicelist_header .datum{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:10%;
	float:left;

}
.invoicelist_header .aantal{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:10%;
	float:left;

}
.invoicelist_header .bedrag{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:20%;
	float:left;

}
.invoicelist_header .omschrijving{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:40%;
	float:left;

}
.invoicelist_header .logboek_message{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:60%;
	float:left;

}
.kasboeklist .datum{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:10%;
	float:left;

}
.kasboeklist .bedrag{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:20%;
	float:left;

}
.kasboeklist .bedrag span{

	float:right;

}
.kasboeklist .bedrag .AF{

	color:#FF0000;

}
.kasboeklist .omschrijving{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:40%;
	float:left;

}

.invoicelist_header .bedrag1{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:20%;
	float:left;

}
.invoicelist_header .klantnaam{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:20%;
	float:left;

}
.invoicelist_header .plaats{

	padding:10px;
	width:25%;
	float:left;

}

.invoicelist_header .adres{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:25%;
	float:left;

}
.invoicelist_header .postcode{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:8%;
	float:left;

}

.invoicelist_header .status{

	padding:10px;
	width:20%;
	float:left;

}
.invoicelist_header .abonnement{

	padding:10px;
	width:50%;
	float:left;
	border-right:1px solid #e5e5e5;

}
.invoicelist .customerhover:hover{

	color:#3D84B8;

}
.invoiceline1 .invoice_id{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:15%;
	float:left;

}
.invoiceline1 .product{

	border-right:1px dotted #e5e5e5;
	width:31%;
	padding:10px;
	float:left;

}
.invoiceline2 .product{

	border-right:1px dotted #e5e5e5;
	width:31%;
	padding:10px;
	float:left;

}
.invoiceline2 .aantal{

	border-right:1px dotted #e5e5e5;
	width:10%;
	padding:10px;
	float:left;

}
.invoiceline1 .aantal{

	border-right:1px dotted #e5e5e5;
	width:10%;
	padding:10px;
	float:left;

}
.invoiceline2 .prijs{

	border-right:1px dotted #e5e5e5;
	width:15%;
	padding:10px;
	float:left;

}
.invoiceline1 .prijs{

	border-right:1px dotted #e5e5e5;
	width:15%;
	padding:10px;
	float:left;

}
.invoiceline1 .product input{

	margin:-10px;
	padding:10px;
	width:100%;
	border:0px;
	font-size:11px;
	font-family:verdana;
	background-color:#F0F0F0;

}
.invoiceline2 .product input{

	margin:-10px;
	padding:10px;
	width:100%;
	border:0px;
	font-size:11px;
	font-family:verdana;

}
.invoiceline2 .aantal input{

	margin:-10px;
	padding:10px;
	width:100%;
	border:0px;
	font-size:11px;
	font-family:verdana;

}
.invoiceline1 .aantal input{

	margin:-10px;
	padding:10px;
	width:100%;
	background-color:#F0F0F0;
	border:0px;
	font-size:11px;
	font-family:verdana;

}
.invoiceline2 .prijs input{

	margin:-10px;
	margin-left:-5px;
	padding:10px;
	width:80%;
	border:0px;
	font-size:11px;
	font-family:verdana;

}
.invoiceline1 .prijs input{

	margin:-10px;
	margin-left:-5px;
	padding:10px;
	width:80%;
	border:0px;
	font-size:11px;
	font-family:verdana;
	background-color:#F0F0F0;

}
.invoiceline2 .prijs input:hover{

	width:70%;
	border:0px;
	padding-right:25px;
	background-image:url(icons/order/text.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin-right:-30px;

}
.invoiceline2 .prijs input:focus{

	width:70%;
	border:0px;
	padding-right:25px;
	background-image:url(icons/order/text_selected.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin-right:-30px;
	outline:none;

}
.invoiceline1 .prijs input:hover{

	width:70%;
	border:0px;
	padding-right:25px;
	background-image:url(icons/order/text.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin-right:-30px;

}
.invoiceline1 .prijs input:focus{

	width:70%;
	border:0px;
	padding-right:25px;
	background-image:url(icons/order/text_selected.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin-right:-30px;
	outline:none;

}

.invoiceline2 .aantal input:hover{

	width:75%;
	border:0px;
	padding-right:25px;
	background-image:url(icons/order/text.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin-right:-30px;

}
.invoiceline2 .aantal input:focus{

	width:75%;
	border:0px;
	padding-right:25px;
	background-image:url(icons/order/text_selected.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin-right:-30px;
	outline:none;

}
.invoiceline1 .aantal input:hover{

	width:75%;
	border:0px;
	padding-right:25px;
	background-image:url(icons/order/text.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin-right:-30px;

}
.invoiceline1 .aantal input:focus{

	width:75%;
	border:0px;
	padding-right:25px;
	background-image:url(icons/order/text_selected.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin-right:-30px;
	outline:none;

}

.invoiceline2 .product input:hover{

	width:93%;
	border:0px;
	padding-right:25px;
	background-image:url(icons/order/text.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin-right:-30px;

}
.invoiceline2 .product input:focus{

	width:93%;
	outline:none;
	padding-right:25px;
	background-image:url(icons/order/text_selected.png);
	background-repeat:no-repeat;
	background-position:right center;

}
.invoiceline1 .product input:hover{

	width:93%;
	border:0px;
	padding-right:25px;
	background-image:url(icons/order/text.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin-right:-30px;

}
.invoiceline1 .product input:focus{

	width:93%;
	outline:none;
	padding-right:25px;
	background-image:url(icons/order/text_selected.png);
	background-repeat:no-repeat;
	background-position:right center;

}

.invoiceline1 .customer_id{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:10%;
	float:left;
	font-size:10px;

}
.invoiceline1 .klantnaam{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:20%;
	float:left;
	font-size:10px;

}
.invoiceline2 .klantnaam{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:20%;
	float:left;
	font-size:10px;

}
.invoiceline1 .adres{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:25%;
	float:left;
	font-size:10px;

}
.invoiceline2 .adres{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:25%;
	float:left;
	font-size:10px;

}
.invoiceline1 .logboek_message{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:60%;
	float:left;

}
.invoiceline2 .logboek_message{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:60%;
	float:left;

}
.invoicelist .reparatielogboek_headermonteur{

	padding:5px;
	padding-left:20px;
	background-image:url(icons/reparatielogboek/monteur.png);
	background-repeat:no-repeat;
	background-position:center left;
	color:#7b817f;
	border-bottom:1px dotted #CCCCCC;
	border-top:1px dotted #CCCCCC;

}
.invoicelist .datum .tijd{

	padding-top:5px;
	padding-bottom:15px;
	font-style:italic;
	font-size:10px;
	color:#7b817f;

}
.invoicelist .reparatielogboek_monteur{

	color:#333333;
	padding-top:10px;
	padding-bottom:10px;

}
.invoicelist .tijd_minuten{

	padding-top:5px;
	padding-bottom:5px;
	background-image:url(icons/reparatielogboek/clock.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:25px;


}
.invoicelist .logboek_status{

	margin-top:10px;
	border-bottom:1px dotted #CCCCCC;
	border-top:1px dotted #CCCCCC;
	padding-top:10px;
	padding-bottom:10px;

}
.invoiceline1 .postcode{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:8%;
	float:left;
	font-size:10px;

}
.invoiceline2 .postcode{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:8%;
	float:left;
	font-size:10px;

}
.invoiceline1 .plaats{

	padding:10px;
	width:25%;
	float:left;
	font-size:10px;

}
.invoiceline2 .plaats{

	padding:10px;
	width:25%;
	float:left;
	font-size:10px;

}
.invoicelist .klantnaam img{

	float:left;
	margin-top:-7px;
	margin-bottom:-10px;
	margin-left:-10px;
	padding:5px;
	padding-bottom:10px;

}
.invoiceline2 .customer_id{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:10%;
	float:left;
	font-size:10px; 	

}

.invoiceline1 .abonnement{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:50%;
	float:left;

}
.invoiceline1 .datum{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:10%;
	float:left;

}
.invoiceline1 .bedrag{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:20%;
	float:left;

}
.invoiceline1 .bedrag1{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:20%;
	float:left;

}
.invoiceline1 .status{

	padding:10px;
	width:20%;
	float:left;

}

.invoiceline2 .invoice_id{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:15%;
	float:left;

}
.invoiceline2 .abonnement{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:50%;
	float:left;

}
.invoiceline2 .datum{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:10%;
	float:left;

}
.invoiceline2 .bedrag{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:20%;
	float:left;

}
.invoiceline2 .bedrag1{

	padding:10px;
	border-right:1px dotted #e5e5e5;
	width:20%;
	float:left;

}

.invoiceline2 .status{

	padding:10px;
	width:20%;
	float:left;

}
.invoiceline2 .status_off{

	padding:10px;
	width:20%;
	float:left;

}
.invoiceline1 .status_off{

	padding:10px;
	width:20%;
	float:left;

}

.invoiceline1{

	background-color:#F0F0F0;

}
.invoiceline1 .locatie{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:30%;
	float:left;

}
.invoiceline2 .locatie{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:30%;
	float:left;

}
.invoiceline1 .omschrijving{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:40%;
	float:left;

}
.invoiceline2 .omschrijving{

	padding:10px;
	border-right:1px solid #e5e5e5;
	width:40%;
	float:left;

}
.invoicelist .error{

	margin:5px;

}
.invoicelist .BETAALD{

	color:#2f8f00;
	background-image:url(icons/check.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;

}
.invoicelist .NIETBETAALD{

	color:#FF0000;
	background-image:url(icons/cross.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;

}
.invoicelist .status a{

	color:#000000;
	border:1px solid #CCCCCC;
	padding:5px;
	background-repeat:no-repeat;
	background-position:5px;
	padding-left:25px;
	display:block;
	border-radius:5px;
	background-image:url(icons/ideal.png), linear-gradient(to bottom, #FFFFFF, #F1F1F1);
	margin:-5px;

}
.invoicelist .status a:hover{

	color:#000000;
	border:1px solid #CCCCCC;
	padding:5px;
	background-repeat:no-repeat;
	background-position:5px;
	padding-left:25px;
	display:block;
	border-radius:5px;
	background-image:url(icons/ideal.png), linear-gradient(to top, #FFFFFF, #F1F1F1);
	margin:-5px;
	text-decoration:none;

}
.invoicelist .status_off a{

	color:#000000;
	border:1px solid #CCCCCC;
	padding:5px;
	background-repeat:no-repeat;
	background-position:5px;
	padding-left:25px;
	display:block;
	border-radius:5px;
	background-image:url(icons/beoordeel.png), linear-gradient(to bottom, #FFFFFF, #F1F1F1);
	margin:-5px;

}
.invoicelist .status_off a:hover{

	color:#000000;
	border:1px solid #CCCCCC;
	padding:5px;
	background-repeat:no-repeat;
	background-position:5px;
	padding-left:25px;
	display:block;
	border-radius:5px;
	background-image:url(icons/beoordeel.png), linear-gradient(to top, #FFFFFF, #F1F1F1);
	margin:-5px;
	text-decoration:none;

}
.invoicelist .status_off .accepted{

	color:#000000;
	border:1px solid #CCCCCC;
	padding:5px;
	background-repeat:no-repeat;
	background-position:5px;
	padding-left:25px;
	display:block;
	border-radius:5px;
	background-image:url(icons/check.png), linear-gradient(to top, #FFFFFF, #F1F1F1);
	margin:-5px;
	text-decoration:none;
	color:#CCCCCC;
	cursor: not-allowed;

}
.invoicelist .status_off .afgewezen{

	color:#000000;
	border:1px solid #CCCCCC;
	padding:5px;
	background-repeat:no-repeat;
	background-position:5px;
	padding-left:25px;
	display:block;
	border-radius:5px;
	background-image:url(icons/cancel.png), linear-gradient(to top, #FFFFFF, #F1F1F1);
	margin:-5px;
	text-decoration:none;
	color:#CCCCCC;
	cursor: not-allowed;

}
.invoicelist .status_off .verlopen{

	color:#000000;
	border:1px solid #CCCCCC;
	padding:5px;
	background-repeat:no-repeat;
	background-position:5px;
	padding-left:25px;
	display:block;
	border-radius:5px;
	background-image:url(icons/verlopen.png), linear-gradient(to top, #FFFFFF, #F1F1F1);
	margin:-5px;
	text-decoration:none;
	color:#CCCCCC;
	cursor: not-allowed;

}

.invoicelist a{

	color:#000000;
	text-decoration:none;
	display:block;

}
.invoicelist a:hover{

	color:#000000;
	text-decoration:underline;

}
.pagination{

	margin-top:15px;	

}
.pagination a{

	display:block;	
	float:left;
	padding:10px;
	border:1px solid #CCCCCC;
	margin-right:5px;
	border-radius:5px;
	text-decoration:none;
	color:#000000;
  	background-image: linear-gradient(to bottom, #FFFFFF, #F1F1F1);

}
.pagination a:hover{

	display:block;	
	float:left;
	padding:10px;
	border:1px solid #CCCCCC;
	margin-right:5px;
	border-radius:5px;
	text-decoration:none;
	color:#000000;
  	background-image: linear-gradient(to bottom, #E6E6E6, #FFFFFF);

}

.pagination .selected{

	display:block;	
	float:left;
	padding:10px;
	border:1px solid #d9d9d9;
	background-color:#F9B208;
	margin-right:5px;
	border-radius:5px;
	text-decoration:none;
	color:#d9d9d9;
	font-weight:bold;
	background-image: linear-gradient(to top, #FFFFFF, #E6E6E6);

}

.selectboxwithpost 
{
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 0 5px 5px;
  width:180px;
  background-color:#FFFFFF;
float:right;
margin-left:10px;

}

.selectboxwithpost label
{
  font-size:10px;
  text-transform: uppercase;
  color: #777;
  padding-left:2px;
padding-top:5px;
	display:block;
}

.selectboxwithpost select
{
  background-color: #FFFFFF;
  border:0px;
	width:100%;
	margin-top:5px;
}
.selectboxwithpost select:focus{
    outline: none;
}
.overzicht_ideal{

	margin-top:30px;

}
.overzicht_ideal .title{

	font-size:13px;
	color:#7b817f;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	width:45%;
	float:left;

}
.overzicht_ideal .title1{

	font-size:16px;
	color:#3D84B8;
	padding-top:25px;
	padding-bottom:15px;
	font-weight:bold;
	width:45%;
	float:left;

}
.overzicht_ideal .factuurnummer{

	font-size:10px;
	padding-top:5px;
	padding-bottom:5px;
	width:45%;
	float:left;

}
.accept_screen{

	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	background-image:url(trans.png);
	border-radius:0px 5px 5px 0px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;

}
.accept_screen .question{

	top:100px;
	position:absolute;
	left:10%;
	right:10%;
	padding:10px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	border-radius:5px;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);

}
.accept_screen .question .accepteer_offerte{

	background-color:#689f38;
	padding:10px;
	color:#FFFFFF;
	border:0px;
	border-radius:5px;	

}
.accept_screen .question .annuleren{

	background-color:#DFDFDF;
	padding:10px;
	color:#9F9F9F;
	border:0px;
	border-radius:5px;	

}

.accept_screen .question .afwijzen_offerte{

	background-color:#EF5350;
	padding:10px;
	color:#FFFFFF;
	border:0px;
	border-radius:5px;	

}

@media screen and (max-width: 1495px) {

.accept_screen{

	border-radius:5px;
	border:1px solid #CCCCCC;

}
.chatbutton_online_mobile{

	display:block;

}
.chatbutton_online{

	display:none;

}
.menu ul li{
	
	display:none;

}
.login_screen .right{

	display:none;

}
.login_screen .right_cookie{

	display:none;

}
.login_screen .right_STaap{

	display:none;

}
.login_screen .left{

	width:100%;

}

.menu ul .visible{
	
	display:block;
	width:40px;
	height:40px;
	float:right;
	margin-right:20px;
	margin-top:-5px;

}
.menu ul .visible img{
	
	border:1px solid #CCCCCC;
	
	border-radius:5px;
	display:block;


}
.menu ul .visible:hover ul{
	
	display:block;
	float:left;
	position:absolute;
	left:-35px;
	right:-35px;
	top:5px;
	height:100%;

}
.menu ul .visible:hover ul li{
	
	display:block;
	width:100%;
	margin-left:-25px;
	clear:both;

}
.menu ul .visible:hover .menu_buttons{


	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:#FFFFFF;
	z-index:145;
	

}
.menu .container{

	position:static;
	width:auto;
	float:right;
}
.login_screen{

	position:relative;
	top:20px;
	border-radius:5px;
	left:5%;
	right:5%;
	width:90%;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	margin-bottom:110px;

}
.register_screen{

	position:relative;
	top:20px;
	border-radius:5px;
	left:5%;
	right:5%;
	width:90%;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	margin-bottom:110px;

}
.register_screen .registerline .label{

	max-width:80%;

}
.customerpanel{

	position:relative;
	top:20px;
	border-radius:5px;
	left:5%;
	right:5%;
	width:90%;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	margin-bottom:110px;
        grid-template-columns:none;


}
.contactpage{

	position:relative;
	top:20px;
	border-radius:5px;
	left:5%;
	right:5%;
	width:90%;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	margin-bottom:110px;
        display: grid;
        grid-template-columns:none;

}
.contactpage .right{

	border-radius:0px 0px 5px 5px;

}
.contactpage .left textarea{

	width:90%;

}
.afspraak_container textarea{

	width:90%;

}
.customerpanel .menu{

	display:none;

}
.customerpanel .content{

	width:100%;
	float:left;

}
.invoicelist_header .bedrag1{

	display:none;

}
.invoiceline1 .bedrag1{

	display:none;

}
.invoiceline2 .bedrag1{

	display:none;

}
.invoiceline1 .invoice_id{

	width:28%;

}
.invoiceline2 .invoice_id{

	width:28%;

}
.invoicelist_header .invoice_id{

	width:28%;

}
.invoiceline1 .datum{

	width:18%;

}
.invoiceline2 .datum{

	width:18%;

}
.invoicelist_header .datum{

	width:18%;

}
.mobilemenu:hover .menu{

	position:relative;
	display:block;
	border-radius:5px;
	width:100%;
	height:100%;

}
.mobilemenu:hover + .content{

	display:none;

}
.mobilemenu:hover img{

	display:none;

}
.mobilemenu img{

	border-radius:5px;
	border:1px solid #CCCCCC;
	position:absolute;
	right:20px;
	top:20px;
	background-color:#EAEAEA;
	width:35px;
	display:block;
	z-index:198;

}
.selectboxwithpost{

	margin-top:50px;
	width:40%;
	max-width:180px;

}
.supportchat{

	width:100%;
	height:560px;
	position:absolute;
	z-index:101;
	margin-left:0px;
	border-radius:0px;
	top:0px;
	left:0px;	
	right:0px;	
	bottom:0px;
	height:100vh;
	background-color:#FFFFFF;

}
.footer span{

	display:block;
	font-size:0px;
	margin:5px;

}
.agenda_table {

    display: block;       
    margin-bottom: 50px; 

}
.agenda {

    	display: block;
    	width: 100%;
    	margin-bottom: 20px;  

}
.agenda_dag {

    	display: block;
    	float: none;
    	width: calc(100% - 2px); 
    	height: auto;           
    	margin-bottom: 0;        
    	flex: none;             

  }
}
.overlay_melding .melding{

	position:absolute;
	left:5%;
	right:5%;
	top:20%;	
	background-color:#FFFFFF;
	padding:10px;
	border-radius:5px;
	border:1px solid #CCCCCC;

}

.afspraak_overzicht .afspraak .buttons{

	float:none;
	padding-left:0px;
	margin-left:0px;

}
.mobilemenu img{

	position:absolute;
	right:5px;
	top:5px;
	z-index:1;

}









.container_radio {
  display: block;
	float:left;
  position: relative;
  padding-left: 30px;
  margin-top: 12px;
	margin-left:10px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #FFFFFF;
  border:1px solid #2196F3;
  border-radius: 50%;
	cursor:pointer;
}

/* On mouse-over, add a grey background color */
.container_radio:hover input ~ .checkmark {
  background-color: #FFFFFF;
}

/* When the radio button is checked, add a blue background */
.container_radio input:checked ~ .checkmark {
  background-color: #FFFFFF;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;

}

/* Show the indicator (dot/circle) when checked */
.container_radio input:checked ~ .checkmark:after {
  display: block;

}

/* Style the indicator (dot/circle) */
.container_radio .checkmark:after {
 	top: 3px;
	left: 3px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #2196F3;
}