:root {
	/*2022*/
	--cAutomatiseer:  #66BB6A; /*green 400*/
	--cOnderhoud: #3F51B5; /*blauw*/
	--cGroepsDoel: #009688; /*teal 500*/
	--cLesDoel: #FF9800; /*orange 500*/

	--cAdd: #8bc249; /*groen*/
	--cRemove: #D84315; /*rood*/

	--cScore10: #3F51B5; /*blauw*/
	--cScore06: #4CAF50; /*groen*/
	--cScore05: #FF9800; /*oranje*/
	--cScore03: #FF9800; /*oranje*/

	/*2021*/
	--cBewijs: #4CAF50;
	--cOefen: #EF6C00; /*oranje*/


}

body {
	font-family: 'Roboto', sans-serif;
}

ul {
	list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
}

.shortMessage {
	text-align: center;
	padding: 4px;
}

.cScore10 {
	color:  var(--cScore10);
}
.cScore06 {
	color:  var(--cScore06);
}
.cScore05 {
	color:  var(--cScore05);
}
.cScore03 {
	color:  var(--cScore03);
}

.cAdd {
	color:  var(--cAdd);
}

.cRemove {
	color:  var(--cRemove);
}

.cDelete {
	color:  var(--cRemove);
}

.cArrow1 {
	color: rgb(117, 117, 117); /*grey*/

}

.cPrint {
	color:  white;
}
.cFavorite {
	color:  rgb(255, 193, 7);
}
.cPrintD {
	color: var(--colLucht);
}



		.KindNaam {
			font-family: "Amaranth" , Verdana, Geneva, sans-serif;
			font-size:  5mm;
			padding: 1mm;
		}
		.dichtOfOpen {
			color: white;
			padding:  0.5mm;
			font-size:  4mm;
		}

		.dpVerdieping {
			height:  auto;
		}
		.verdiepingsHeader {
     		height: auto; 
     		border-top: 2px solid black;
		}
		
		.verdiepingsNummerHeader {
			font-family: 'Roboto', sans-serif;
			font-size:  3.2mm;
		}
		.vCounterHeader, .vCounterHeaderTekst {
			font-size:  3mm;
			font-family:  'Roboto Condensed', sans-serif;
			font-weight: bold;
			text-overflow: ellipsis;
			padding-right: 0.5mm;
			padding-top: 0.5mm;
		}

		.vCounterHeaderTekst {
			width:  100%;
			text-align: center;
		}
		.leerlijnIcoHeader {
			width: 6mm;
			margin: 0mm;
		}

		.dpSubtrapTredes {
			min-width:  1px;
		}

		.tredeBeschrijving {
		    width: 100%;
		    font-size: 3mm;
		}

		.subTrapjeOpen {
			/*width:  250px;*/
		}

		.statuscodeIco {
		    width: 5mm;
		    margin-right: 0.5mm;
		    margin-left: 0.5mm;
		}

		.iwrDoeltekst {
			text-align: center;
			font-family: 'Roboto Condensed', sans-serif;
			border-top:  1px solid black;
			border-bottom:  1px solid black;
			padding:  1px;
			color:  black;
		}

		.iwrDoelnr {
			text-align: center;
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: bold;
			font-size: 4mm;
		}

		

		.b01 {
			/*height:  25mm;*/
		}

		.hxx-vraag {
			width: 25%;
			font-family: "Amaranth" , Verdana, Geneva, sans-serif;
			font-size: 4mm;
			text-align: left;
			padding: 1mm;
		}
		.hxx-antwoord {
			width: 75%;
			font-family: 'Roboto', sans-serif;
			font-size: 4mm;
			text-align: left;
			padding: 1mm;
			line-height: 1.25;
		}

		.b01-ruimteBovendeur {
			min-height:  2mm;
		}

		.b01-deur {
			text-align: center;
			font-family: 'Roboto', sans-serif;
			font-size: 3.2mm;
			padding-top: 1mm;
			border-top: 4px solid black;
			border-left: 4px solid black;
			border-right: 4px solid black;
			height: 10mm;
			width: 10mm;
		}

		.rgbContent {
			font-family: 'Roboto', sans-serif;
			font-size:  5mm;
			padding: 2mm;
		}

		.aftekenbladRondjes1234 {
			display: -webkit-flex;
    		display: flex;
    		flex-direction: row;
    		-webkit-flex-direction: row;
    		font-size: 3mm;
		}

		.aftekenbladRondje1 {
			color:  rgb(211, 47, 47);
		}
		.aftekenbladRondje2 {
			color:  rgb(255, 193, 7);
		}
		.aftekenbladRondje3 {
			color:  rgb(76, 175, 80);
		}
		.aftekenbladRondje4 {
			color:  rgb(63, 81, 181);
		}

		.naamOpKnop {
			width:  25mm;
			height: 6mm;
			padding: 1mm 1mm 1mm 1mm ;

			font-family: 'Roboto', sans-serif;
			font-size: 4mm;
		}
		[class*='llKnop'] {
			min-width: 20mm;
			margin: 0.5mm;
		}
		.llKnop3,.llKnop6  {
			background-color: #C5E1A5;
		}
		.llKnop4,.llKnop7 {
			background-color: #81D4FA;
		}
		.llKnop5,.llKnop8 {
			background-color: #EF9A9A;
		}
		.llKnopLK {
			background-color: #FFF59D;
		}

		.dgIconMaterial {
		    font-size: 4mm;
		}
		.dgGekozenDoel {
			height: 100%;
			border-width:  0;
		    border-right-width:  0.4vmin;
		    border-style: solid;
		}
		
		.ksSection {
			margin-bottom: 1mm;
   			
		}
		.ksSectionHeader {
			border-top: 0.5mm solid black;
    		background-color: lightgray;
    		padding-top: 0.5mm;
    		padding-bottom: 0.5mm;
    		margin-bottom: 1mm;
		}

		/*pulserend*/
		@keyframes pulserend {
			0% {
				transform: rotate(-10deg);
			}
			100% {
				transform: rotate(20deg);
			}
		}

		.dgIconMaterialSelected {
			/*transform: scale(1.25);*/
			animation: pulserend 750ms linear infinite alternate;
		}

		.deWolk, .deEditor, .mixOnderdeelPopup{
			position: absolute;
			bottom: 100px;
			left: 10px;
			min-width: 227mm;
			min-height: 100mm;
			background-color: white;
			color: black;
			padding: 3px;
			border: 5px solid rgba(200,255,255,.8);
    		background-clip: padding-box;
		}
		.deWolkLLAllRows {
			max-height: 25mm;
		}

		.deWolkLLInfo {
			margin-top: 1mm;
			background-color: rgba(250,250,250,1);
			max-height: 40mm;
			overflow-y: auto;
		}
		.deWolkLLInfoDoelen {
			width: 46mm;
			margin-top: 1mm;
		}
		.deWolkLLInfoResultaten {
			width: 80mm;
			margin-top: 1mm;
		}

		.deEditor {
			bottom: 20px;
			left: 83vh;
			width: fit-content;
			height: fit-content;
			min-width: 100mm;
			min-height: 200mm;
		}

		.mixOnderdeelPopup {
			left: 2px;
			top:2px;
			z-index: 10;
			background-color: rgb(250, 250, 250);
			min-width: 50mm;
			min-height: 5mm;
			height: fit-content;
		}

		@media only screen and (max-width: 1150px) {
			 .subTrapjeOpen {
				width:  200px;
			}

			.iwrDoelnr {
			text-align: center;
			font-size: 3mm;
 			}
		}