.listree-submenu-heading {
    cursor: pointer;
	
    position: relative;
    margin: 0;
    padding: 1rem 0rem 1rem 1rem;
    border-width: .0625rem;
    border-color: transparent;
    border-bottom-color: transparent;
    /* word-wrap: break-word; */
    /* overflow-wrap: break-word; */
    border-bottom: solid;
    border-width: thin;
    border-color: rgba(0, 0, 0, 0.15); 
	font-family: sans-serif;  
	/* font-family: Calibri,CalibriFont	;  	 */
	
	
	font-size: 16px;
	font-weight:bold; 
}


.listree-submenu-heading-voortgang {
    /* cursor: pointer; */
	
    position: relative;
    margin: 0;
    padding: 1rem 0rem 1rem 1rem;
    border-width: .0625rem;
    border-color: transparent;
    border-bottom-color: transparent;
    /* word-wrap: break-word; */
    /* overflow-wrap: break-word; */
    border-bottom: solid;
    border-width: thin;
    border-color: rgba(0, 0, 0, 0.15);
	font-family: sans-serif; 
	/* font-family: Calibri,CalibriFont	;  	 */
	
	font-size: 14px;
	/* font-weight:bold; */
}




ul.listree {
    list-style: none;
    padding: 0;
    /* overflow: auto; */
    max-height: 100vh;
}

.listree-submenu-items {
	list-style: none;
    display: block;
    /* white-space: nowrap; */
    
    margin: 0;
    padding: 0;
    max-height: 0;
    transition: max-height 0.1s ease-out;
    overflow: hidden;
}

.open {
    max-height: 2000px;
    transition: max-height 1s ease-out;
	
}


div.listree-submenu-heading.collapsed:before {
    margin-right: 4px;
	
	/* font-weight: normal; */
    
}
div.listree-submenu-heading.expanded:before {
    /* transition height from 100 to 0 */ 
    margin-right: 4px;
    background-color: rgba(0, 0, 0, 0.15) ;
	
}
.expanded{
   background-color: rgba(0, 0, 0, 0.16) ;  
	 /* background-color:  #258E93 ;  */
	 /* background-color:  #2FB6BC ;   */
	
	
	font-weight: bold;

	/* DONKER ROOD */
	/* background-color:  #bd080829 */
	
	/* LIGHT ROOD */
	 /* background-color: #cd54541a   */
	
}

.listree-submenu-heading:hover {
   border-bottom: solid; 
}



.listtree-submenu-flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
	
}
.listree-subitem{
	width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    
    background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
    height: 3rem;
    justify-content: center;
    justify-content: flex-start;
	/* margin-left: 15px; */
font-family: sans-serif;
	/* font-family: Calibri,CalibriFont	;  	 */
	
	font-size: 1rem;
	word-wrap: break-word;
	overflow-wrap: break-word;
	
	
}
.listree-subitem p {
	/* align text centerd*/
	
    margin: auto 0;
    /* font-size: x-large; */
    font-weight: 500;
	
}
.listree-subitem:hover {
   /* GRIJS */
   /* background-color: rgba(0, 0, 0, 0.05);  */
	
	/* DONKER ROOD */
	/* background-color:  #bd080829   */
	
	/* HEEL DONKER ROOD */
	/* background-color:  #bd080863  */
	
	/* yourizon donkerblauw  2fb6bc   */
	/* background-color:  #258E93 ; */
	background-color:  #299ea3 ;	
	
	color: white;
	

	
	
	
	
	/* LIGHT ROOD */
	 /* background-color: #cd54541a  */
	
}
.dot {
	/* align div vertically centerd*/
    margin: auto 0;
    height: 25px;
    width: 25px;
    background-color: black;
    border-radius: 50%;
    display: inline-block;
}

/* @keyframes opac {
    100% {
	opacity: 1;
    }
} */

.active {
    /* GRIJS */
	/* background-color: rgba(0, 0, 0, 0.1); */
	
	/* LIGHT ROOD */
	 /* background-color: #cd54541a */
	
	/* DONKER ROOD */
	/* background-color:  #bd080829 ;  */
	
	/* zintouch blauw */
		background-color: #2FB6BC; 
		/* background-color: #2fb6bcb3;  */
		
		color: white;
	
	
	
	
}

.tekst_inhoud {
	/* padding-left: 25px; */
	
	padding-left: 2rem;
	font-size: 12px;
	word-wrap: break-word;
    overflow-wrap: break-word;
	padding-right: 32px;
}



.grijs{
color: gray;
    font-weight: 300;
}


.vink_backup{
	height: 20px; 
	position: absolute; 
	right: 10px; 
	top: 14px;
}	

.vink{
	/* height: 20px;  */
	/* top: 14px; */
	
	height: 44px; 
	top: -3px;	
	
	position: absolute; 
	right: 1px; 
	
}	


.vink_score{
	/* height: 20px;  */
	/* top: 14px; */
	
	height: 28px; 
	top: 5px;	
	
	position: absolute; 
	right: 70px; 
	
}	
.vink_score_100{
	/* height: 20px;  */
	/* top: 14px; */
	
	height: 28px; 
	top: 10px;	
	
	position: absolute; 
	right: 2px; 
	
}	














.vink_driehoek{
	height: 10px; 
	position: absolute; 
	right: 14px; 
	top: 20px;
}



.vink_video{
	height: 20px; 
	position: absolute; 
	right: 10px; 
	top: 14px;
	 /* display:none;  */
}




.balk{
display:none; 
position: absolute; 
height: 100%;	
}


.zintouch_kleur{

background: linear-gradient(to left,#b70d80,#2fb6bc) 

}


.kop_active {
    /* GRIJS */
	/* background-color: rgba(0, 0, 0, 0.1); */
	
	/* LIGHT ROOD */
	 /* background-color: #cd54541a */
	
	/* DONKER ROOD */
	/* background-color:  #bd080829 ;  */
	
	/* zintouch blauw */
		/* background-color: #2FB6BC; */
	
	 /* background-color: #979797;  */
	/* color: white; */
	
	    border-color: rgba(0, 0, 0, 1); 
    border-bottom: solid;
	/* border-top: solid; */
    border-width: 3px;	
	
}




.score_div {
    /* cursor: pointer; */
	
    position: relative;
    margin: 0px !important;
    /* padding: 0.3rem 0rem 0.3rem 0.3rem; */
padding: 0px; 
    /* border-width: .0625rem; */
    /* border-color: transparent; */
    /* border-bottom-color: transparent; */
    /* word-wrap: break-word; */
    /* overflow-wrap: break-word; */
    /* border-bottom: solid; */
    /* border-width: thin; */
    /* border-color: rgba(0, 0, 0, 0.15); */
	 font-family: sans-serif; 
	/* font-family: Calibri,CalibriFont	;  	 */
	
	font-size: 14px;
	/* font-weight:bold; */
}



.parent_div {
    background: black;
    display: flex;
}

.child_div {
    background: grey;

}

.input_knop {
	padding-left: 10px; 
	border: 0px;  
	text-align: left;  
	width: calc(100% - 20px);  
	height: 30px; 
	background-color: #1ba1a761; 
	font-size: 14px; 
	margin-bottom: 5px;
	
}