html { font-size: 0.4rem; }
.monibreed{
	max-width: 100vw;
}
.sliderbreed{
	max-width: 80vw;
}
/*@media (min-width: 576px) {
    html { font-size: 0.5rem; 
}*/
@media (min-width: 768px) {
    html { font-size: 0.6rem; } 
	/*.navbar.fixed-right .navbar-collapse {
	    flex-grow: 0;
	    flex-direction: column;

	}    
	.navbar-expand-xs .navbar-collapse {
	    display: -webkit-box !important;
	    display: -ms-flexbox !important;
	    display: flex !important;
	    -ms-flex-preferred-size: auto;
	    flex-basis: auto;
	}	

	#menuopenbutton{
	    display: none !important;
	}*/
	.monibreed{
		max-width: 100vw;
	}
}
@media (min-width: 992px) {
    html { font-size: 0.7rem; } 
    .monibreed{
		max-width: 100vw;
	}    
}
@media (min-width: 1200px) {
    html { font-size: 0.8rem; } 
    .monibreed{
		max-width: 100vw;
	}
	.sliderbreed{
		max-width: 80vw;
	}
}
@media (min-width: 1400px) {
    html { font-size: 0.9rem; } 
    .monibreed{
		max-width: 95vw;
	} 
	.sliderbreed{
		max-width: 75vw;
	}
}
@media (min-width: 1800px) {
    html { font-size: 1rem; } 
    .monibreed{
		max-width: 80vw;
	}
	.sliderbreed{
		max-width: 60vw;
	}	
}

.boxhoogte{
	height: calc(100vh - 200px);
	min-height: calc(100vh - 200px);
}

.login-box-msg{
	align-content: center;
}

.body {
  padding-top: 6.875em;
}  

.logoheader{
	height:3.5em;
	margin-top: 0.3125em;
}

.welkom{
	margin-top: 1.125em;
	color: #1a5632;
}

#registerfout{
	color:red;
}

#wwwijzigenfout{
	color:red;
}

.labelfa{
	margin-top: 0.3rem;
	padding-right: 0.7rem;
}


#registreer .form-control-feedback{
	font-size: 0.875rem;
	margin-top: 0.2rem;
	width: 45%;
}

.hidden{
	display:none;
}

.sectiedeel{
	padding-left: 0.9375em;
}

.sectieheader{
	padding-top: 0.8em;
	padding-left: 1.9em;
	padding-bottom: 0.9375em;
}

.vraagheader{
	padding-top: 0.8em;
	padding-left: 2.4em;
	padding-bottom: 0.9375em;	
}

.shadow {
    /*margin: 20px;
    background-color: #ffffff;
    padding: 20px;
    flex: auto;
    width: 90%;*/
}

#toprow{
	margin-top: 3.8125em;
	height: 2.5em;
	background-color: rgba(255, 255, 255, 1);
	margin-bottom: 0.5em;
}

#mainrow{
	margin-top: 2.0em;
}
.rand{
	border: #ddd solid 1px;
}
#sectiebox{
	/*height : 80vh;*/	
}

#sectiekeuze{
	/*width: 100%; */
}
/*
#sectiekeuze li ul li{
	height : 27px;
	margin-top: 3px;
	
}
*/
#sectiekeuzebeheer li{
	height : 4.6875em;
	margin-top: 0.1875em;
	
}

.sectievraagblok{
	/*min-height :70vh; */
	/*padding-top: 1em;*/
}

.navbar-light .navbar-nav .active>.nav-link {
    border-bottom: 2px solid #000000;
}

li.rand.active{
    background-color: #ced0d0;
}

li.sectie.active a{
    background-color: #e7e7e7;
}

li.sectie a{
	cursor:pointer;
}
li.formblock.active span{
    background-color: #e7e7e7;
}

li.formblock span{
	cursor:pointer;
}

.knoppenrow{
		margin-top: 0.2rem;
}
.volgendesectie{
	
}
.vorigesectie{
	
}

.sectie a{
	padding:0px;
	box-sizing: 1em;
}
.sectie {
	padding:0px;
	box-sizing: 1em;
}

.sectiescroll{
	margin-top: 6.625em;
	margin-left: 2.1875em;

}

#uwvragenmainrow{
	margin-top : 1rem;	
}

.vragenscroll{
	margin-left: 40%;
	margin-top: 1.3em;
}

.file-input-error{
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #ffffee;
	color: #e10000;
}

.file-input-img{
	
	height: 100px;
	border: #ddd solid 1px;

}
.file-input-imgs{
	margin-top: 2px;
	margin-left: 0px;

}
.file-input-entry{
	margin-top: 4px;
	margin-right: 4px;
	margin-left: 0px;
	margin-bottom: 4px;
	padding: 2px;
	display: block;
	border: #9c9c9c solid 1px;

}
.file-input-cm{
	

}
.file-input-entryh{
	font-size: 0.8em;

}

.file-input-cmimg{
	margin-top: 2px;
	height: 1.5em;
	
}
.sectievinkje{
	color: #1a5632;
	font-size: 1.1em;
}

.multiselect-container{
	width : 30em;
}

.vragenprepend span{
	width : 8.75em;
}

.sectieextra{
	margin-left: 0.9375em;
}

.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#1a5632;
    font-weight:400;
    position:relative
}

.treelast:before{
    background:#fff !important;
    height:auto !important;
    top:1em !important;
    bottom:0 !important;	
}

.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}

.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#1a5632;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#1a5632;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}

.btn-primary{
	background-color: #1a5632;
	border-color:  #1a5632;
}

.dmvblauw{
	color: #1a5632;
}

#helpinfobox{
	background-color: lightyellow;
	position : absolute;
	border-radius: 3px;
	padding: 10px;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	opacity : 1;
}

#helpinfobox:before {
    content:"<";
    font-weight: bold;
    position: absolute;
    height: 0px;
    width: 0px;
    top: 5px;
    left: -11px; */
    content:"<"
    
}

.form-group.required .form-control-feedback:after {
  content:"*";
  color:red;
}

.position: relative{ 
z-index: 999;
}

.vertical-scrollable> .row { 
  overflow-y: scroll;  
} 

.tg  {border-collapse:collapse;border-spacing:0;border-color:#bbb;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:2px 5px;border-style:solid;border-width:1px;
	overflow:hidden;word-break:normal;border-color:#bbb;color:#594F4F;background-color:#E0FFEB;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:bold;padding:2px 5px;border-style:solid;border-width:1px;
	overflow:hidden;word-break:normal;border-color:#bbb;color:#493F3F;background-color:#9DE0AD;}
.tg .tg-nrw1{font-size:12px;text-align:center;vertical-align:top}
.tg .tg-nrw1l{font-size:12px;text-align:left;vertical-align:top}

.nietaktief{
	background-color: #ffffc8;
}

#li_registreer::marker {
  content: "**";
  padding-right:50px;
}


#li_pw::marker {
  content: "*";
  padding-right:50px;
}


.modalplaatje{
	height:500px;
	
}

.bckok{
	background-color: #00FF7F;
}
/*
 alle knoppen ook groen per 5-2-2025
*/
body .btn-primary {
    background-color: #1a5632;
    border-color: #1a5632;
    color: #FFF; 
}
body .btn-primary:hover, body .btn-primary:focus {
      border-color: #649251;
      background-color: #649251;
      color: #FFF; 
}
body .btn-primary:active, body .btn-primary:visited, body .btn-primary:active:focus, body .btn-primary:active:hover {
      border-color: #1a5632;
      background-color: #1a5632;
      color: #FFF; 
}
body .btn-primary[disabled], body .btn-primary[disabled]:hover {
  background-color: #40c675;
  border-color: #40c675; 
}
*/
