@charset "utf-8";
@import url('pm-layout.css?v=6');
@import url('animations.css?v=3');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@100;300;400;600;700;800;900&display=swap');


/*
============
site colors
===========
grey: #ECEDED; formulier
grey: #F6F6F6; section
*/


.layout {
	color: #000000;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	line-height: 1.25em;
}

/* ---------- standaard lettertype en kleur ---------- */
.layout td, .layout th, .layout a{
	
	font-family: 'Montserrat', sans-serif;
}

.layout h1,.layout h2,.layout h3,.layout h4,.layout h5,.layout h6 {	
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	color: #000;
	margin: 0;
}

.layout h1 {
	line-height: 0.85em;
	font-size: 3.8em;
	font-weight: 900;
}


.layout h2 { line-height: normal; font-size: 1.9em; font-weight: 600;}
.layout h3 { line-height: normal; font-size: 1.38em; font-weight: 900;}
.layout h4 { line-height: normal; font-size: 1.6em; margin: 0;} 
.layout h5 { margin: 0 0 0 0;}
.layout h6 { margin: 0 0 0 0;}
/*.layout p  { margin: 0 0 0 0; }*/

.layout a {text-decoration: none;color:#cb0133;}

#layer1{
	overflow-y: scroll;
	transition: filter 0.5s;
	top:2.2vw;right:0;
}
#layer2{
	
}
.layout #layer1::-webkit-scrollbar-thumb, .layout #blockArea::-webkit-scrollbar-thumb {
	background-color: #d1d1d1;
    border-radius: 8px;
    border: 2px solid #fff;
}
.layout #layer1::-webkit-scrollbar-track, .layout #blockArea::-webkit-scrollbar-track {
    background-color: #fff;
    width: 15px;
}
.pm_flow.hide-sidebar #layer1,
.pm_flow.hide-sidebar_topbar #layer1{
	left: 0;
}
.pm_flow.hide-topbar #layer1,
.pm_flow.hide-sidebar_topbar #layer1{
	transition: all 0.5s 0.5s;
}

#topbar{
	height: 4.36vw;
	max-height: 100px;
	margin: 0 auto;
	max-width: 1680px;
	top: 0;
	left: 2.8vw;
	/* width: 100%; */
	right: 1.9vw;
	position: fixed;
	z-index: 10;
	transition: all 0.5s 0.5s;
}

.layout.anim-forward #layer1,
.layout.__menu-open #layer1{
	top: 2.2vw;
}
.layout.anim-forward #topbar,
.layout.__menu-open #topbar{
	/*transform: translateY(-175%);*/
}
/* setup */



/* topbar */

/* top bar */
body.pm_flow #layer1 {

	top: 2.2vw;
	transition: all 0.5s;
}
body.pm_flow #layer2 {
	top:auto;
}

body.pm_flow #topbar .logo {
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 14vw;
	height: 4vw;
	display: block;
	position: relative;
	background-position: center;
	/* max-width: 222px; */
	/* margin: 0.1vw 2.2vw; */
	float: left;
	top: 0;
	left: 0;
	background-image:url(../../cimages/haw-cursus/graphics/logo-main.png);

}


#layout[data-p-type="dashboard"] #topbar .logo{
	float:right;
}
#layout[data-p-type="dashboard"],
#layout[data-p-type="casus"]{
	
}
#layout[data-p-type="dashboard"]{
	
}

#layout[data-p-type="dashboard"] #sidemenu{
	left: 4vw;
	top: 4vw;
	z-index: 2;
	bottom: 4vw;
	width: 5.35vw;
	background-color:#000;
	position: absolute;
	overflow: hidden;
	
}

#layout[data-p-type="casus"] #sidemenu{
	display:none;
}


#sidemenu ._inner{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 0;
	width: 100%;
	
	
}
#sidemenu ._inner ._bttn{
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center 0.8vw;
	color: #FFF;
	font-weight: bold;	
	text-align: center;
	padding-top: 3.75vw;
	background-size: 2.6vw auto;
	font-size: 0.7vw;
	margin-bottom: 0.7vw;
}
#sidemenu ._inner a._bttn.__profiel{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.46 45.08'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2390d0da; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='10.23' cy='10.23' r='10.23'/%3E%3Cpath class='cls-1' d='M20.46,41.31h0c-6.08,4.48-14.38,4.48-20.46,0v3.77S0,28.93,0,28.93c0-5.65,4.58-10.23,10.23-10.23h0c5.65,0,10.23,4.58,10.23,10.23v12.39Z'/%3E%3C/svg%3E");background-size:auto 2.6vw;
}
#sidemenu ._inner a._bttn.__feedback{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.89 34.51'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23b2ca41; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='37.89 29.56 10.61 29.56 0 34.51 0 29.56 0 0 37.89 0 37.89 29.56'/%3E%3Ccircle class='cls-2' cx='8.99' cy='15.54' r='2.65'/%3E%3Ccircle class='cls-2' cx='19.22' cy='15.54' r='2.65'/%3E%3Ccircle class='cls-2' cx='29.45' cy='15.54' r='2.65'/%3E%3C/svg%3E");

}
#sidemenu ._inner a._bttn.__contact{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.89 29.56'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e38db6; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='37.89 29.56 10.61 29.56 0 29.56 0 0 37.89 0 37.89 29.56'/%3E%3Cpolygon class='cls-2' points='4.55 5.31 18.95 14.78 34.86 5.31 18.95 19.71 4.55 5.31'/%3E%3C/svg%3E");
}
#sidemenu ._inner a._bttn.__hulp{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.68 39.25'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e41248; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M13.03,19.98c.76-1.14,1.84-2.37,3.24-3.7.9-.87,1.56-1.57,1.97-2.11s.62-1.12.62-1.73c0-.79-.34-1.41-1.03-1.86-.68-.45-1.55-.68-2.59-.68-1.15,0-2.24.33-3.24,1-1.01.67-1.8,1.56-2.38,2.68L0,8.76C1.44,6.02,3.58,3.88,6.41,2.33,9.24.78,12.72,0,16.87,0c4.4,0,7.97.9,10.7,2.7,2.74,1.8,4.11,4.34,4.11,7.62,0,1.51-.26,2.84-.78,3.97-.52,1.13-1.14,2.09-1.86,2.86-.72.78-1.64,1.63-2.76,2.57-1.15,1.01-1.98,1.82-2.49,2.43-.5.61-.76,1.3-.76,2.05h-11.14c0-1.69.38-3.11,1.14-4.24ZM12.33,37.36c-1.33-1.26-2-2.79-2-4.6s.67-3.36,2-4.57c1.33-1.21,3.05-1.81,5.14-1.81s3.8.6,5.14,1.81c1.33,1.21,2,2.73,2,4.57s-.67,3.33-2,4.6c-1.33,1.26-3.05,1.89-5.14,1.89s-3.8-.63-5.14-1.89Z'/%3E%3C/svg%3E");background-size:auto 2.6vw;
}
#sidemenu ._inner a._bttn.__uitloggen{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.05 34.11'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2358585a; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='25.47 34.11 0 16.73 25.47 0 25.47 34.11'/%3E%3Crect class='cls-1' x='21.66' y='8.09' width='18.86' height='17.93' transform='translate(14.04 48.14) rotate(-90)'/%3E%3C/svg%3E");padding-top: 3.5vw;
}


#layout[data-unid="hulp"] #sidemenu ._inner a._bttn.__hulp,
#layout[data-unid="profiel"] #sidemenu ._inner a._bttn.__profiel,
#layout[data-unid="contact"] #sidemenu ._inner a._bttn.__contact,
#layout[data-unid="feedback"] #sidemenu ._inner a._bttn.__feedback{
	background-color:#3e3d40
}

#layout[data-p-type="dashboard"] #layer1x{
	left: 7.6vw;
	top: 4vw;
	right: 2vw;
	z-index: 2;
	bottom: 4vw;
	background-color: #FFF;
	position: absolute;
	overflow: auto;
	overflow-x: hidden;
	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
}

#layout[data-p-type="dashboard"] #layer1{
	left: 9.3vw;
	top: 4vw;
	right: 2vw;
	z-index: 2;
	bottom: 4vw;
	background-color: #F6F6F6;
	position: absolute;
	overflow: auto;
	overflow-x: hidden;
	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
}
#layout.bg-hulp-deco[data-p-type="dashboard"] #layer1,
#layout.bg-contact-deco[data-p-type="dashboard"] #layer1{
	background-color: #FFF;
}
#layout.bg-feedback-deco[data-p-type="dashboard"] #layer1{
	background-color: #FFF;
}

#layout[data-p-type="casus"] #layer1{
	left: 22.26vw;
	top: 6.72vw;
	right:0;
	z-index: 2;
	bottom: 0;
	position:absolute;
	overflow: auto;
	overflow-x:hidden;
}
#layout[data-p-type="dashboard"] #layer2,
#layout[data-p-type="casus"] #layer2{
	position: relative;
	width:1474px;
}
#layout[data-p-type="dashboard"] #layer2 > .container_main{
	position: relative;
}
#layout[data-p-type="casus"] #layer2 > .container_main{
	position: relative;
	
	
}
#layout[data-p-type="dashboard"] #layer2 #blockArea,
#layout[data-p-type="casus"] #layer2 #blockArea{
	position: relative;
	z-index: 2;
}
#layout[data-p-type="dashboard"] #layer2 #blockArea > ._inner,
#layout[data-p-type="casus"] #layer2 #blockArea > ._inner{
	position: relative;
	
	
}
#layout[data-p-type="dashboard"] #sidebar{
	display:none;
}





#layout[data-p-type="casus"] #sidebar {
	position: fixed;
	left: 3vw;
	width: 20vw;
	z-index: 2;
	top: 6.72vw;
	bottom: 0;
	overflow: auto;
	font-size: 1.07vw;
}


.layout .sidebar::-webkit-scrollbar {
	width: 0.50em;
}

.layout .sidebar::-webkit-scrollbar-track {
	background-color: #3330;
}

.layout .sidebar::-webkit-scrollbar-thumb {
	border-radius: 1em;
	margin: 0;
	background-color: #3330;
}

.layout[data-p-type="casus"] .sidebar:hover::-webkit-scrollbar-track {
	background-color: #3330;
}

.layout[data-p-type="casus"] .sidebar:hover::-webkit-scrollbar-thumb {
	border-radius: 1em;
	margin: 0;
	background-color: #fff;
}


#layout[data-p-type="casus"] #sidebar:hover {
	width: 19vw;
}
#layout[data-p-type="dashboard"]:before{
	position: absolute;
	content: '';
	left: 1.25vw;
	width: 58.33vw;
	top: 1.25vw;
	bottom:1.25vw;
	z-index: 1;
	display: block;
	background-color: #90d0da;
}
#layout.bg-hulp-deco[data-p-type="dashboard"]:before{
	background-color:#e41248;
}
#layout.bg-contact-deco[data-p-type="dashboard"]:before{
	background-color:#e38db6;
}
#layout.bg-feedback-deco[data-p-type="dashboard"]:before{
	background-color:#b2ca41;
}
#layout[data-p-type="casus"]:before{
	position: absolute;
	content: '';
	left: 3vw;
	width: 58.33vw;
	top: 4.5vw;
	bottom: 0;
	z-index: 1;
	display: block;
	background-color: #90d0da;
}

.shadow-default{
	box-shadow: 0px 0px 5px 1px #7070705c;
}

#page-section-casus-content,
#page-section-casus-content,
#shadow-content{
	min-height:480px;
	box-shadow: 0px 0px 5px 1px #7070705c;
	background-color: #FFF;
	margin:5px;
	margin-right: 30px;
	box-sizing: border-box;	
	transition: all 0.3s;
	background-position: center;
	background-size: auto 10%; 
}
#page-section-casus-content[data-loading="true"]{
	height: 30px;
	overflow: hidden;
	background-image: url(../../images/haw-cursus/backgrounds/loading.svg);
	background-size: auto 50%; background-repeat:no-repeat;
}
#page-section-casus-content > .pgroup,
#page-section-casus-content > .pm-section{	
	transition-delay:0.5s;
	transition: all 0.3s;
}
#page-section-casus-content[data-loading="true"] > .pgroup,
#page-section-casus-content[data-loading="true"] > .pm-section{
	opacity:0;
}


.ld-block{
	padding: 0 20px;
	margin: 25px 0;
	margin-right: 10px;
	
	border-left: 6px solid #cc0133;
}

.question-block{
	padding: 0 20px;
	margin: 25px 20px;
	margin-right: 10px;
	box-shadow: 0px 0px 5px 1px #7070705c;
	
}
#vraagblok .question-block{	
	box-shadow: none;
	margin: 25px 0;
}

.segNav-block{
	background-color:#000;	
}

#layout #vraagblok a.segNav{
	display: none;
}
#layout #vraagblok a.segNav.__go{
	display:block;
	animation: nextIn 1s 1 both;
}

@keyframes nextIn{
	
	from{
		transform: scale(1.5,1.5);
		opacity:0;
	}
	to{
		transform: scale(1,1);
		opacity: 1;
	}
	
}

#page-section-casus-content:after,
.segNav-block:after{
	content: '';
	display:block;
	clear:both;
}

#layout a.segNav2,
#layout a.segNav{
	display: block;
	color: #FFF;
	text-transform: uppercase;
	margin: 20px;
	font-weight: 900;
	background-repeat: no-repeat;
	background-size: 18px auto;
}
#layout a.segNav2.__prev,
 .segNav.__prev{
	 float:left;
	 padding-left:30px;
	 text-align:left;
	 background-image:url(../../cimages/haw-cursus/graphics/arrow-previous.png);
	 background-position: left center;
 }

#layout a.segNav2.__next,
.segNav.__next{
	float: right;
	padding-right: 30px;
	text-align: right;
	background-image:url(../../cimages/haw-cursus/graphics/arrow-next.png);
	background-position: right center;
}



.pgroup .pgroup{
	width: 100%;
}
.menu-index{}

.menu-index > ._link,
.menu-index > ._link ._title,
.menu-index > ._link ._desc{
	display:block;
	background-repeat:no-repeat;
	box-sizing:border-box;transition: all 0.3s;
}

.menu-index > a._link{
	color:#fff;
	padding:0.8vw 1.9vw;    
	line-height: normal;
	width: 18vw;
	box-sizing: border-box;
}
.menu-index > ._link ._title{
	font-weight: 900;
}
.menu-index > ._link.__read{
	color:#000;
}

.menu-index > ._link ._desc{
	
}

.menu-index > a._link.__read ._title{
	color: #000;
	padding-left: 1.2vw;
	background-position: left center;
	background-size: 0.9vw auto;
	background-image: url(../../cimages/haw-cursus/graphics/chapter-read.png);
}
.menu-index > a._link.__current{
	color: #000;
	background-color: #FFF;
	border-top-right-radius: 5vw;
	border-bottom-right-radius: 5vw;
	width: 18vw;
}
.menu-index > a._link.__locked{
	
}


/* split columns */
.split-columns{
	
}
.split-columns:after {
	content: '';
	clear: both;
	display: block;
}
.split-columns .column-left,
.split-columns .column-right {
	box-sizing: border-box;
	float:left;
	padding:10px;
}
.split-columns .column-left {
	width: 40%;
}
.split-columns .column-right {
	width: 60%;
}

/* NOTIFICATIE APPJE */

.layout *.__required._error{
	border: 1px solid #D24E89!important;
}

#kc-cnt {
    position: absolute;
    left: 50%;
    margin-left:-35px;
    margin-top: -35px;
    top:50%;
    width:70px;
	height:70px;
    z-index: 20;
}
#notif-cnt {
    position: absolute;
    left: 0;
    right: 0;
    height: 18%;
    top: 82%!important;
    overflow: hidden;
    background-color: #000;
    z-index: 5
}

#notif-cnt .notif_row:after {
	content:'';
	display:block;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 20px;    
    right:20px;
    background-repeat: no-repeat;
   	background-size:cover;
}
#notif-cnt .notif_row {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
   	background-size:cover;
}
#notif-cnt .notif_row.green_block{
	background-color:#18933;
}
#notif-cnt .notif_row.info_block{
	background-color: #18933;
}

#notif-cnt .notif_row.red_block{
	background-color:#18933;
}

#notif-cnt .notif_row .notif-icon_cnt {
    position: absolute;
    left: 4%;
    right: 70%;
    top: 10%;
    bottom: 5%
}

#notif-cnt .notif_row .notif-text_cnt {
    position: absolute;
    left: 4%;
    margin-left:100px;
    right: 5%;
    top: 23%;
    bottom: 5%;
    color: #FFF;
}
#notif-cnt .notif_row .notif-text_cnt h3{
    color: #FFF;
}
#notif-cnt .notif_row .notif-icon_cnt .nOk,
#notif-cnt .notif_row .notif-icon_cnt .nInfo,
#notif-cnt .notif_row .notif-icon_cnt .nNotOk
{
	background-repeat:no-repeat;
	display:block;
	height:110px;
	width:110px;
	background-size:100% auto;
    margin-left:-10px;
    margin-top:-10px;
	background-image: url('../../images/moti55/icons/icon-notif-ok.svg');
}
#notif-cnt .notif_row .notif-icon_cnt .nNotOk
{
	background-image: url('../../images/moti55/icons/icon-notif-notok.svg');
}
#notif-cnt .notif_row .notif-icon_cnt .nInfo
{
	background-image: url('../../images/moti55/icons/icon-notif-info.svg');
}
.layout #overLayer{
	background-color:#f2f2f261;
}

.pblock{
	z-index:1;
}


/* inputs */

/* checkbox */

.inp-checkbox{
	    font-weight: 500;
}
.inp-radio .input,
.inp-checkbox .input{
	display: inline-block;
	height: 15px;
	margin: 5px 6px -3px 0px;
	width: 15px;
	background-size: 70% auto;
	background-repeat: no-repeat;
	box-sizing: border-box;
	background-position: center;
	margin-left: -25px;
	transition: all 0.3s;
	background-color: #FFF;
	border: 2px solid #727272;
}

.inp-checkbox.__checked .input{

	background-color:#d20539;
	border: 2px solid #000;
	
}
.inp-radio .input{
	border-radius: 100%;
	float: left;
	margin-left: -19px;
	margin-top: 0px;
}
.inp-radio.selected .input{
	background-color:#d20539;
	border: 2px solid #000;
}
.layout label.inp-radio, .layout label.inp-checkbox{
	padding-left: 20px;
}
.layout label.inp-radio{
	
	margin-right: 15px;
}
.inp-radio.__selected{
	color:#ffffff;
	font-weight:bold;
}
.inp-checkbox.__checked{
	font-weight:bold;
}

.inp-radio:before,
.inp-checkbox:before{
display:none!important;	
}

.label-text{
	background-color:#FFF;
	color: #CCC;
	padding:8px 0 0 10px;
	display:block;
	margin-bottom:20px;
	margin-top:20px;
	border:1px solid #e5e5e5
}
.label-text input.input-default,
.label-text select.input-default{
	border:0;
	margin-left:-10px;
	margin-bottom: 0;
	margin-right:0;
	outline:none!important;
}
table.form-table tr {
	height: 100px;
}
table.form-table tr td {
	padding: 20px 0 0 0;
	box-sizing: border-box;
}
table tr td.__thead{
	background-color: #9c9e9f;
	color: #FFF;
	font-weight: bold;
	padding: 5px 8px;
	font-style: normal;
	border-left: 2px solid #9c9e9f;	
}

.group-border{
	border: 1px solid #1a171b;	
}

/* questions */
.question-block{
	
}
.question-block.__no-shadow{
box-shadow: none;	
}
.question-block .meter-block{
	position:absolute;
	left:0;bottom:0;right:0;top:0;
}

.question-block .meter-block > ._meter-cnt,
.question-block .meter-block > ._meter{
	position:relative;
	float:left;
	background-repeat:no-repeat;
	width:38%;
}
.question-block.__xl .meter-block > ._meter-cnt,
.question-block.__xl .meter-block > ._meter{
	width:20%;
}
#vraagblok .question-block.__xl .meter-block > ._meter-cnt,
#vraagblok .question-block.__xl .meter-block > ._meter {
	width: 33%;
}
.question-block .meter-block > ._meter-cnt,
.question-block .meter-block > ._meter{
	z-index:1;
	height: 100%;
	border-right:2px dashed #ccc;
	box-sizing: border-box;
}
.question-block .meter-block > ._meter-cnt > ._meter{
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
}
.question-block .meter-block  ._meter > ._fill{
	z-index:2;
	position:absolute;
	left:0;bottom:0;right:0;
	height: 20%;
	background-repeat:no-repeat;

}

.question-block .meter-block > ._meter[data-meter-id="nederland"]{
	background-image:url(../../cimages/haw-cursus/graphics/meter-nl-bg.png);
	background-size:84% auto;
	background-position:center bottom 20px;
}
.question-block .meter-block > ._meter[data-meter-id="nederland"] > ._fill{
	background-image:url(../../cimages/haw-cursus/graphics/meter-nl-fill.png);
	background-size:84% auto;
	background-position:center bottom 20px;
}


.question-block .meter-block > ._meter[data-meter-id="geslacht"]{
	background-image:url(../../cimages/haw-cursus/graphics/meter-mv-bg.png);
	background-size:50% auto;
	background-position:center bottom 20px;
}


.question-block .meter-block  ._meter.__static[data-meter-id="geslacht"],
.question-block .meter-block  ._meter[data-meter-id="geslacht"] > ._fill{
	transition: height 0.3s;
	background-image:url(../../cimages/haw-cursus/graphics/meter-mv-fill.png);
	background-size:50% auto;
	background-position:center bottom 20px;
}
.question-block .meter-block  ._meter.__static[data-meter-id="geslacht"]{
	background-position:center;
}
.question-block .meter-block  ._meter[data-meter-id="calendar"]{
	background-image:url(../../cimages/haw-cursus/M1-C2/meter-calendar-bg.png);
	background-size: 67% auto;
	background-position: center bottom 50px;
	height:67%;
}
.question-block .meter-block  ._meter[data-meter-id="calendar"] > ._fill{
	transition: height 0.3s;
	background-image:url(../../cimages/haw-cursus/M1-C2/meter-calendar-fill.png);
	background-size: 67% auto;
	background-position: center bottom 50px;
}


.question-block .meter-block > ._meter[data-meter-id="mm"]{
	background-image:url(../../cimages/haw-cursus/graphics/meter-mm-bg.png);
	background-size:85% auto;
	background-position:center bottom 38px;
}
.question-block .meter-block > ._meter[data-meter-id="mm"] > ._fill{
	transition: height 0.3s;
	background-image:url(../../cimages/haw-cursus/graphics/meter-mm-fill.png);
	background-size:85% auto;
	background-position:center bottom 38px;
}


.question-block .meter-block > ._meter[data-meter-id="hetero"]{
	background-image:url(../../cimages/haw-cursus/graphics/meter-hetero-bg.png);
	background-size:85% auto;
	background-position:center bottom 38px;
}
.question-block .meter-block > ._meter[data-meter-id="hetero"] > ._fill{
	transition: height 0.3s;
	background-image:url(../../cimages/haw-cursus/graphics/meter-hetero-fill.png);
	background-size:85% auto;
	background-position:center bottom 38px;
}



.question-block .meter-block > ._meter[data-meter-id="hiv"]{
	background-image:url(../../cimages/haw-cursus/graphics/meter-ribbon-bg.png);
	background-size: 64% auto;
	background-position: center bottom 36px;
}
.question-block .meter-block > ._meter[data-meter-id="hivn"],
.question-block .meter-block > ._meter[data-meter-id="hiv"] > ._fill{
	transition: height 0.3s;
	background-image:url(../../cimages/haw-cursus/graphics/meter-ribbon-fill.png);
	background-size: 64% auto;
	background-position: center bottom 36px;
}



.question-block .meter-block > ._meter[data-meter-id="65+"]{
	background-image: url(../../cimages/haw-cursus/M1-C3/meter-leeftijd-bg.png);
	background-size: 83% auto;
	background-position: center;
}

.question-block .meter-block > ._meter[data-meter-id="spuit"]{
	background-image: url(../../cimages/haw-cursus/graphics/meter-spuit-bg.png);
	background-size: 83% auto;
	background-position: center;
}

.question-block .meter-block > ._meter[data-meter-id="patient"]{
	background-image: url(../../cimages/haw-cursus/m1-pretest/meter-casus.jpg);
	background-size: cover;
	background-position: center;
}
.question-block .meter-block > ._meter.__2[data-meter-id="patient"]{
	background-image: url(../../cimages/haw-cursus/m1-pretest/precasus-02-02.jpg);
	background-size: cover;
	background-position: center;
}

.question-block .meter-block > ._meter[data-meter-id="testen"]{
	background-image: url(../../cimages/haw-cursus/graphics/meter-test-bg.png);
	background-size: 52% auto;
	background-position: center;
}
.question-block .meter-block > ._meter[data-meter-id="haw"]{
	background-image: url(../../cimages/haw-cursus/M1-C2/meter-aware-bg.png);
	background-size: 64% auto;
	background-position: center;
}
.question-block .meter-block > ._meter[data-meter-id="buisje"]{
	background-image: url(../../cimages/haw-cursus/M1-C2/meter-aware-bg.png);
	background-size: 64% auto;
	background-position: center bottom 36px;
}
.question-block .meter-block > ._meter[data-meter-id="n=n"]{
	background-image: url(../../cimages/haw-cursus/M1-C2/meter-nisn-bg.png);
	background-size: 83% auto;
	background-position: center;
}
.question-block .meter-block > ._meter[data-meter-id="hawpink"]{
	background-image: url(../../cimages/haw-cursus/M1-C3/meter-awareicoon-roze-fill.png);
	background-size: 64% auto;
	background-position: center;
}
.question-block .meter-block > ._meter[data-meter-id="late-presenters"]{
	background-image: url(../../cimages/haw-cursus/M1-C3/meter-late-presenters-bg.png);
	background-size: 64% auto;
	background-position: center;
}


/* C4 */
.question-block .meter-block > ._meter[data-meter-id="spuit-g"]{
	background-image: url(../../cimages/haw-cursus/M1-C4/afbeelding-groene-spuit.png);
	background-size: 80% auto;
	background-position: center;
}
.question-block .meter-block > ._meter[data-meter-id="virus"]{
	background-image: url(../../cimages/haw-cursus/M1-C4/meter-virus-bg.png);
	background-size: 80% auto;
	background-position: center;
}


/* C5 */

.question-block .meter-block > ._meter[data-meter-id="arts"]{
	background-image: url(../../cimages/haw-cursus/M1-C5/meter-zuster-bg.png);
	background-size: 50% auto;
	background-position: center bottom 20px;
}

.question-block .meter-block > ._meter[data-meter-id="arts"] > ._fill{
	transition: height 0.3s;
	background-image: url(../../cimages/haw-cursus/M1-C5/meter-zuster-fill.png);
	background-size: 50% auto;
	background-position: center bottom 20px;
}

.question-block .meter-block > ._meter[data-meter-id="ziekenhuis"]{
	background-image: url(../../cimages/haw-cursus/M1-C5/meter-ziekenhuis-bg.png);
	background-size: 80% auto;
	background-position: center bottom 50px;
}

.question-block .meter-block > ._meter[data-meter-id="ziekenhuis"] > ._fill{
	transition: height 0.3s;
	background-image: url(../../cimages/haw-cursus/M1-C5/meter-ziekenhuis-fill.png);
	background-size: 80% auto;
	background-position: center bottom 50px;
}

/* C6 */
.question-block .meter-block > ._meter[data-meter-id="schild"]{
	background-image: url(../../cimages/haw-cursus/M1-C6/meter-defenitie-aids-bg.png);
	background-size: 80% auto;
	background-position: center;
}

/* C7 */

.question-block .meter-block > ._meter[data-meter-id="prep"]{
	background-image: url(../../cimages/haw-cursus/M1-C7/meter-pillen-bg.png);
	background-size: 80% auto;
	background-position: center bottom 50px;
}

.question-block .meter-block > ._meter[data-meter-id="prep"] > ._fill{
	transition: height 0.3s;
	background-image: url(../../cimages/haw-cursus/M1-C7/meter-pillen-fill.png);
	background-size: 80% auto;
	background-position: center bottom 50px;
}
.question-block .meter-block > ._meter[data-meter-id="dag-calendar"]{
	background-image: url(../../cimages/haw-cursus/M1-C7/meter-kalender-full-color-bg.png);
	background-size: 80% auto;
	background-position: center;
}

.question-block .meter-block > ._meter[data-meter-id="prep-calendar"]{
	background-image: url(../../cimages/haw-cursus/M1-C7/meter-kalender-prep-bg.png);
	background-size: 80% auto;
	background-position: center;
}


/* EINDTOETS */


.question-block.__et-1  .meter-block> ._meter,
.question-block.__et-1  .meter-block> ._meter > ._fill{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q1-hetero-bg.png);
	background-size: 80% auto;
	background-position: center bottom 10px;
}
.question-block.__et-1  .meter-block> ._meter > ._fill{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q1-hetero-fill.png);
}

.question-block.__et-2  .meter-block> ._meter{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q2-nederland-bg.png);
	background-size: 80% auto;
	background-position: center bottom 10px;
}

.question-block.__et-3  .meter-block> ._meter,
.question-block.__et-3  .meter-block> ._meter > ._fill{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q3-hiv-ribbon-bg.png);
	background-size: 60% auto;
	background-position: center bottom 10px;
}
.question-block.__et-3  .meter-block> ._meter > ._fill{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q3-hiv-ribbon-fill.png);
}

.question-block.__et-4  .meter-block> ._meter,
.question-block.__et-4  .meter-block> ._meter > ._fill{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q4-mensen-bg.png);
	background-size: 80% auto;
	background-position: center bottom 10px;
}
.question-block.__et-4  .meter-block> ._meter > ._fill{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q4-mensen-fill.png);
}

.question-block.__et-5  .meter-block> ._meter{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q5-spuit-roze-bg.png);
	background-size: 80% auto;
	background-position: center bottom 10px;
}

.question-block.__et-6  .meter-block> ._meter{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q6-kalender-FC-bg.png);
	background-size: 80% auto;
	background-position: center bottom 10px;
}
.question-block.__et-7  .meter-block> ._meter,
.question-block.__et-7  .meter-block> ._meter > ._fill{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q7-manvrouw-bg.png);
	background-size: 60% auto;
	background-position: center bottom 30px;
}
.question-block.__et-7  .meter-block> ._meter > ._fill{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q7-manvrouw-fill.png);
}

.question-block.__et-8  .meter-block> ._meter{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q8-nederland-bg.png);
	background-size: 80% auto;
	background-position: center bottom 10px;
}


.question-block.__et-9  .meter-block> ._meter{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q9-laatinzorg-bg.png);
	background-size: 80% auto;
	background-position: center bottom 10px;
}

.question-block.__et-10  .meter-block> ._meter{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q10-jongen-petje-bg.jpg);
	background-size: auto 100%;
	background-position: center bottom;
}

.question-block.__et-11  .meter-block> ._meter{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q11-indiaase-vrouw-bg.jpg);
	background-size: auto 100%;
	background-position: center bottom;
}


.question-block.__et-12  .meter-block> ._meter,
.question-block.__et-12  .meter-block> ._meter > ._fill{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q12-hiv-ribbon-bg.png);
	background-size: 60% auto;
	background-position: center bottom 10px;
}
.question-block.__et-12  .meter-block> ._meter > ._fill{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q12-hiv-ribbon-fill.png);
}

.question-block.__et-13  .meter-block> ._meter{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q13-hiv-overlijden-bg.png);
	background-size: 60% auto;
	background-position: center bottom 10px;
}


.question-block.__et-14  .meter-block> ._meter,
.question-block.__et-14  .meter-block> ._meter > ._fill{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q14-prep-bg.png);
	background-size: 70% auto;
	background-position: center bottom 10px;
}
.question-block.__et-14  .meter-block> ._meter > ._fill{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q14-prep-fill.png);
}


.question-block.__et-15  .meter-block> ._meter{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q15-doorverwijzen-bg.png);
	background-size: 80% auto;
	background-position: center bottom 30px;
}


.question-block.__et-16  .meter-block> ._meter{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q16-moslima-bg.jpg);
	background-size: 80% auto;
	background-position: center bottom 10px;
}


.question-block.__et-17  .meter-block> ._meter{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q17-man-kaal-bg.jpg);
	background-size: 80% auto;
	background-position: center bottom 10px;
}

.question-block.__et-18  .meter-block> ._meter{
	background-image: url(../../cimages/haw-cursus/M1-ET/meter-Q18-man-baard-bg.jpg);
	background-size: 80% auto;
	background-position: center bottom 10px;
}


.question-block .meter-block > ._meter.__top{
	background-position: center top 10%!important;	
}

.question-block .meter-block > ._vraag > ._form textarea{
	position: relative;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	margin-top: 0.75em;
	border: 1px solid #ccc;
	height: 6em;
}
.question-block .meter-block > ._vraag > ._form .inp-text{
	margin-top: 0.75em;	    display: block;
}
.question-block .meter-block > ._vraag > ._form .inp-text input[type="text"]{
	position: relative;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	border: 1px solid #ccc;
}
.question-block .meter-block > ._vraag{
	position: relative;
	height: 100%;
	width: 62%;
	box-sizing: border-box;
	padding: 20px;
	float: left;
}
.question-block.__xl .meter-block > ._vraag {
	position: relative;
	height: 100%;
	width: 80%;
	box-sizing: border-box;
	padding: 40px;
	float: left;
}

#vraagblok .question-block.__xl .meter-block > ._vraag{
	width: 67%;
	padding: 0 110px 0 50px;
}

.question-block .meter-block > ._vraag > ._text{
	font-weight:900;
	font-size: 0.9em;
	line-height:normal;
}
.question-block .meter-block > ._vraag > ._text em{
	font-weight: normal;
	font-size: 0.75em;
}
.question-block .meter-block > ._vraag > ._subtext{
	font-size: 0.9em;
	line-height:normal;
}

/* schatting */
.question-block .meter-block > ._vraag > ._schatting{
	position:relative;
	clear:both;
	width:100%;
}
.question-block .meter-block > ._vraag > ._schatting > input.schatting-slider{
	position: relative;
	clear: both;
	height: 50px;
	width: 100%;
	border-radius: 25px;
}


/* The slider itself */
.question-block .meter-block > ._vraag > ._schatting .schatting-slider {
	-webkit-appearance: none;  /* Override default CSS styles */
	appearance: none;
	width: 100%; /* Full-width */
	margin:0;
	height: 50px; /* Specified height */
	background: #f5f5f6; /* Grey background */
	outline: none; /* Remove outline */
	-webkit-transition: .2s; /* 0.2 seconds transition on hover */
	transition: opacity .2s;
	overflow:hidden;
	margin-top:10px;
}
.question-block .meter-block > ._vraag > ._schatting ._waarde-track {
	position:relative;
	height:50px;	
}
.question-block .meter-block > ._vraag > ._schatting ._waarde-track ._waarde {
	position: absolute;
	left: 0;
	top: 0;
	/* background-color: #000; */
	color: #FFF;
	font-weight: 900;
	text-align: center;
	width: 48px;
	height: 30px;    
	transform: translateX(-34%);
	margin-top: 10px;
	padding: 5px;
	padding-top: 10px;
	background-repeat: no-repeat;
	left: 4%;
	background-size: 100% auto;
	background-position: center;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 28.29'%3E%3Cpolygon points='48 0 0 0 0 23.75 20.21 23.75 23.23 28.29 27.41 23.75 48 23.75 48 0'/%3E%3C/svg%3E");
}

.question-block .meter-block > ._vraag > ._schatting ._waarde-track ._waarde.__percent:after{
	content:'%';	
}
/* Mouse-over effects */
.question-block .meter-block > ._vraag > ._schatting .schatting-slider:hover {
	opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.question-block .meter-block > ._vraag > ._schatting .schatting-slider::-webkit-slider-thumb {
	-webkit-appearance: none; /* Override default look */
	appearance: none;
	width: 20px; /* Set a specific slider handle width */
	height: 50px; /* Slider handle height */
	background: #000000; /* Green background */
	cursor: pointer; /* Cursor on hover */
	background-image:url(../../cimages/haw-cursus/graphics/arrow-next.png);
	background-repeat: no-repeat;
	background-position:center;
	background-size:50% auto;
}

.question-block .meter-block > ._vraag > ._schatting .schatting-slider::-moz-range-thumb {
	width: 25px; /* Set a specific slider handle width */
	height: 50px; /* Slider handle height */
	background: #000; /* Green background */
	cursor: pointer; /* Cursor on hover */
	
}




.question-block .meter-block > ._vraag > ._schatting > ._min{
	float:left;
	font-weight:900;
}
.question-block .meter-block > ._vraag > ._schatting > ._max{
	float:right;
	font-weight:900;
}


/* multiple choice */
.question-block .meter-block > ._vraag > ._multiple{
	position:relative;
	width:55%;
}
.question-block .meter-block > ._vraag > ._multiple.__wide{
	position:relative;
	width:95%;
}

.question-block .meter-block > ._vraag > ._multiple > label{
	display: block;
	float: left;
	width: 37%;
	font-weight: 900;
	margin: 8% 1%;
	margin-left: 0;
	font-size: 0.8em;
}

.question-block .meter-block > ._vraag > h1{
	margin-bottom: 0.1em;	
}



.question-block .meter-block > ._vraag > ._multiple.__wide  > label{
	margin: 1em 1%;
}
.question-block.__xl .meter-block > ._vraag > ._multiple.__wide > label {
	margin: 1em 1% 0 0%;
	width: 40%;
}

.question-block.__xl .meter-block > ._vraag > ._multiple.__wide.__tight > label {
	margin: 1% 1% 0 0%;
	width: 40%;
}

.question-block .meter-block > ._vraag > ._multiple.__wide  > label.__wide{
	margin: 0.6em 0% 0.5em 0;
}
.question-block .meter-block > ._vraag > ._multiple.__wide.__spacy  > label.__wide{
	margin: 2em 0 0 0;
	padding-right: 2%;
	box-sizing: border-box;
}

.question-block.__xl .meter-block > ._vraag > ._multiple  > label.__wide,
.question-block .meter-block > ._vraag > ._multiple  > label.__wide{
	width: 100%
}
.question-block .meter-block > ._vraag > ._multiple input{

}

.question-block .meter-block.__full{
	
}
.question-block .meter-block.__full ._meter{
	width:49%;border-right:0;
}
.question-block .meter-block.__full > ._vraag {
	width: 50%;
	margin-left: 1%;
}


.question-block .meter-block.__diagram{

}
.question-block .meter-block.__diagram ._vraag{
	width: 100%;
	float: none;
	height: auto;
}
.question-block .meter-block.__diagram .bio-container{
	position: relative;
	box-sizing: border-box;
	padding: 10px;
	height: 453px;
	margin: 0 auto;
	width: 100%;
	background-image: url(../../cimages/haw-cursus/M1-C2/meter-menselijkfiguur-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 43%;
}

.question-block .meter-block.__diagram .bio-container .inp-checkbox{
	position:absolute;
	font-weight: 900;
}

.question-block .meter-block.__diagram .bio-container .inp-checkbox.__1,
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__3,
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__5,
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__7,
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__9{
	left:20px;
}

.question-block .meter-block.__diagram .bio-container .inp-checkbox.__2,
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__4,
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__6,
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__8,
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__10{
	right:20px;text-align:right;
	padding-right:30px;
}

.question-block .meter-block.__diagram .bio-container .inp-checkbox.__2 .input,
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__4 .input,
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__6 .input,
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__8 .input,
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__10 .input{
	margin-right: -25px;float:right;
}

.question-block .meter-block.__diagram .bio-container .inp-checkbox.__1,
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__2{
	top: 26px;
}
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__3,
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__4{
	top: 74px;
}
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__5,
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__6{
	top: 122px;
}
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__7,
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__8{
	top: 171px;
}
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__9,
.question-block .meter-block.__diagram .bio-container .inp-checkbox.__10{
	top: 222px;
}

#layout .question-block.__step2,
#layout .question-block.__step3,
#layout .question-block.__step4{
	opacity: 0;
	display:none;
	
}

#layout .question-block.__step2.__show,
#layout .question-block.__step3.__show,
#layout .question-block.__step4.__show{
	opacity:1;
	display:block;
}
.frontend .pblock.__step2,
.frontend .pblock.__step4{
	display:none;
}

.pblock.__step2.__show,
.pblock.__step4.__show{
	display:block;
}
.feit-block{
	background-color:#f6f6f6;
	box-shadow: 0px 0px 5px 1px #7070705c;
	margin:25px;
}
.feit-block ._text{
	padding: 0 10px; 	
}
.feit-block ._img{	
	height:175px;
	overflow:hidden;
}
/* question elements */
#layout a.bttn-show-result{
	display:block;
	border-bottom:2px solid #000;
	color:#000;
	text-align: right;
	padding-right:20px;
	background-position:right top 5px;
	font-weight:700;
	background-repeat:no-repeat;
	background-size: 11px auto;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.46 9.2'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e41248;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='11.46 1.88 9.07 0 5.73 4.26 2.39 0 0 1.88 5.72 9.2 5.73 9.18 5.75 9.2 11.46 1.88'/%3E%3C/svg%3E");
	margin-bottom:5px;
	padding-bottom:10px;
}
#layout a.bttn-show-result.__close{	
	border-bottom:none;	
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.15 9.15'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e41248;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='9.15 6.96 6.77 4.58 9.15 2.2 6.96 0 4.58 2.38 2.2 0 0 2.2 2.38 4.58 0 6.96 2.2 9.15 4.58 6.77 6.96 9.15 9.15 6.96'/%3E%3C/svg%3E");
}

*.slider-group{
	height:0;overflow: hidden;
}
*.slider-group.__open{
	height:auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	._schatting .schatting-slider {
		overflow: hidden;
		-webkit-appearance: none;
	}

	._schatting .schatting-slider::-webkit-slider-runnable-track {
		height: 50px;
		-webkit-appearance: none;
		color: #13bba4;
	}

	._schatting .schatting-slider::-webkit-slider-thumb {
		-webkit-appearance: none;
		cursor: ew-resize;
		box-shadow: -400px 0 0 400px #e41248;
	}

}
/** FF*/
._schatting .schatting-slider::-moz-range-progress {
	background-color: #e41248;
}
._schatting .schatting-slider::-moz-range-track {
	background-color: #9a905d;
}
/* IE*/
._schatting .schatting-slider::-ms-fill-lower {
	background-color: #e41248;
}
._schatting .schatting-slider::-ms-fill-upper {
	background-color: #9a905d;
}



.progress-bar 
{
	margin: 10px 0;
	clear:both;
	height: 30px;
	margin-bottom: 15px;
}
.progress-bar ._bar{
	position: relative;
	background-color:#FFF;
	border-radius: 30px;
	overflow: hidden;
	float:left;
	width: 70%;
	height: 30px;
	
}
.progress-bar ._bar ._fill{
	display:block;
	height: 30px;
	transition: width 1s;
	position: relative;
}


.progress-bar.__pretoets  ._bar ._fill{
	background-color:#b2ca41
}
.progress-bar.__eindtoets  ._bar ._fill{
	background-color:#90d0da
}

.progress-bar ._score{
	float:left;
	margin-left: 10px;
	display:block;
	font-size:1.3em;
	font-weight: 900;
}

.answer-block{
	margin: 25px 20px;
	margin-right: 10px;
	box-shadow: 0px 0px 5px 1px #7070705c;
	width: 582px;
	height: 362px;
	float:left;
	position:relative;
}
.answer-block .question-result{
	position:relative;
}
.answer-block .question-result ._question{
	position: relative;
	font-weight: 900;
	height: 137px;
	box-sizing: border-box;
	padding: 10px 20px;
}
.answer-block .question-result ._result{
	color:#FFF;
	display:none;
	position: relative;
	width:100%;
	height:225px;
	box-sizing: border-box;
	padding:20px;
}


.answer-block .question-result[data-result="correct"] ._result[data-result-type="correct"],
.answer-block .question-result[data-result="incorrect"] ._result[data-result-type="incorrect"],
.answer-block .question-result[data-result="almost"] ._result[data-result-type="almost"]
{
	display: block;
}

.answer-block .question-result ._result[data-result-type="almost"]{
	background-color:#f29400
}
.answer-block .question-result ._result[data-result-type="correct"]{
	background-color:#b2ca41
}
.answer-block .question-result ._result[data-result-type="incorrect"]{
	background-color:#e41248
}





.answer-block .question-result ._question ._status{
	position: absolute;
	right: 0;
	height: 30px;
	top: 0;
	width: 200px;
}
.answer-block .question-result ._question ._status > ._dots{
	padding:0 10px;
}
.answer-block .question-result ._question ._status > ._dots:after{
	display:block;
	clear:both;
}
.answer-block .question-result ._question ._status > ._dots > ._dots{
	display:block;
	width:20px;height:20px;
	float:right;
	margin:15px 7px;
	border-radius:100%;
	background-color:#CCC;	
	opacity:0.25;
}

.answer-block .question-result ._question ._status > ._dots > ._dots[data-status="correct"]{
	background-color: #b2ca41
}
.answer-block .question-result ._question ._status > ._dots > ._dots[data-status="incorrect"]{
	background-color: #e41248
}
.answer-block .question-result ._question ._status > ._dots > ._dots[data-status="almost"]{
	background-color: #f29400
}

.answer-block .question-result[data-result="correct"] ._question ._status > ._dots > ._dots[data-status="correct"],
.answer-block .question-result[data-result="incorrect"] ._question ._status > ._dots > ._dots[data-status="incorrect"],
.answer-block .question-result[data-result="almost"] ._question ._status > ._dots > ._dots[data-status="almost"]
{
	opacity:1;
}


.answer-block .question-result ._question ._text{
	
	padding-top:10px;
	display:block;

}




/* extra */

.lo-container{
	position: relative;
	background-position: center top 38px;
	width: 94%;
	height: 620px;	
	position: absolute;
	top: 0;
}


.lo-container > ._img{
	width: 33%!important;
	height:auto!important;
	margin-top:38px;
	position: absolute;
	left:50%;
	transform: translateX(-50%);
}

.lo-container > ._desc{
	display:block;
	position: absolute;
	width: 30%;
	height: auto;
	min-height:50px;
}
.lo-container > ._desc > strong{
	display:block;
}
.lo-container > ._desc.__1{
	right:0; top:5%;
}
.lo-container > ._desc.__2{
	left:0; top: 45%; text-align: right;
}
.lo-container > ._desc.__3{
	right:0;top: 45%;
}
.lo-container > ._desc.__4{
	left:0;
	top: 65%;
	text-align: right;
}
.lo-container > ._desc.__5{
	right:0;top: 65%;
}
.lo-container > ._desc.__6{
	left:0;top: 81%;text-align: right;
}


.pblock.onderzoek-block{
	background-position: center top 45px;
	background-size: 90% auto!important;
}
.dash-top{
	border-top: 3px dashed #d9dadb;
}
.dash-bottom{
	border-bottom: 3px dashed #d9dadb;
}
.tabel-containter{
	width: 100%;
	padding-top: 73%;
	position: relative;
	background-image: url(../../cimages/haw-cursus/graphics/m1c1-2-aanvullend-onderzoek.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.tabel-containter.__2{
	background-image: url(../../cimages/haw-cursus/graphics/computer-zonder-post-it.png);
}
.tabel-containter.__3{
	background-image: url(../../cimages/haw-cursus/graphics/computer-extra-lang.png);
	padding-top:90%;
}
.tabel-containter table{
	left: 6%;
	right: 6%;
	top: 10%;
	position: absolute;
	width: 88%;
}
.tabel-containter table tr:nth-child(odd){
	background-color: #f6f6f6;
	
}
.tabel-containter table td,
.tabel-containter table th{
	padding: 15px 5px 15px 15px;
}
.tabel-containter table td {
	border-left: 2px solid #eceded;
}
.tabel-containter table td.__important2 {
	background-color:#90d0da;
}

.tabel-containter table td.__important {
	background-color:#f24c7f;
}
.tabel-containter table tr:nth-child(odd) td.__important{
	background-color:#db3e6a;
}
/* controle meter */
.controle-meter{
	position: relative;
	width: 432px;
	height:494px;
}
.controle-meter ._stat{
	position: absolute;
	display:block; 
	font-size:1.667em;
	line-height:1em;
	font-family:"Impact";

	
}
.controle-meter ._stat.__pols{
	color: #b2ca41;
	top: 37%;
	right: 27%;
}
.controle-meter ._stat.__bloeddruk{
	color: #cc0133;
	left: 18%;
	top: 49%;
	width: 30%;
	text-align: left;
}
.controle-meter ._stat.__bloeddruk:after{
	content: 'mmHg';
	font-size: 0.55em;
	margin-left: 5px;
	line-height: normal;
	font-family: Montserrat;
}
.controle-meter ._stat.__temperatuur{
	color: #e38db6;
	right: 25%;
	top: 49%;
	width: 18%;
	text-align: left;
}
.controle-meter ._stat.__ah-frequentie{
	color:#90d0da;
	left: 18%;
	top: 62%;
	width: 30%;
	text-align: left;
}
.controle-meter ._stat.__saturatie{
	color:#ffed00;
	right: 25%;
	top: 62%;
	width: 18%;
	text-align: left;
}


ul.eye-openers,
ul.eye-openers li
{
list-style-type:none;
padding:0;margin:0;	
}

ul.eye-openers{
	
}
ul.eye-openers li{
	color: #FFF;
	font-weight: 900;
	background-position: left top;
	padding-left: 1.9em;
	margin: 24px 0;
	background-repeat: no-repeat;
	background-size: 1em auto;
	display: block;
	position: relative;
	background-image: url(../../cimages/haw-cursus/graphics/arrow-next.png);
}

.meter{
	display: block;
	position: relative;
	overflow: hidden;
	height: 47px;
	border-radius: 36px;
	margin-top: 10px;
	background-color: #d8d9da;
}
.meter ._fill{
	display:block;
	position:absolute;
	transition: width 1s;
	left:0;top:0;bottom:0;
	background-color:#000;
	width:0;
	box-sizing: border-box;
}
.meter ._cijfer{
	display: block;
	position: absolute;
	transition: width 1s;
	left: 0;
	top: 0;
	bottom: 0;
	box-sizing: border-box;
	padding-top: 10px;
	padding-left: 12px;
	color: #000;
	font-size: 1.7em;
	line-height: 1em;
	font-weight: 900;
}
.meter.__m{

}
.meter.__v{

}
.meter.__mv{
	background-color:#e31247;
	
}
.meter.__m ._fill{
	background-color:#90d0da;
}
.meter.__v ._fill{
	background-color:#e38db6;
}
.meter.__mv ._fill{
	background-color:#90d0da;
	
}

#layout a.bttn-show-result{display:none}

#layout a.bttn-show-result.__show,
#layout a.bttn-show-result.__show
{display:block}

.img-dare{
	position: absolute;
	transform: translateX(-31%) translateY(-50%);
	top: 50%;
	left: 0;
}

#vragen-melding{
	display:none;
}
#vragen-melding.__show{
	display: block;
}
.bttnBron{
	display: block;
	position: absolute;
	background-color: #000;
	padding: 9px;
	padding-right: 51px;
	color: #FFF!important;
	font-weight: 900;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.59 14.92'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e41248;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='18.59 3.04 14.71 0 9.29 6.9 3.88 0 0 3.04 9.27 14.92 9.29 14.89 9.32 14.92 18.59 3.04'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: auto 40%;
} 

.bttnBron.__top{
	left:0;
}
.bttnBron.__left{
	left:0;
}
.bttnBron.__right{
	right:40px;
}
.bttnBron.__bottom{
	bottom:0;transform: translateY(-50%)
}
.bttnBron.__right.__bottom{
	
}

.bron-module{
	display: block;
	position: absolute;
	background-color: #000;
	padding: 20px;
	padding-right: 51px;
	background-color: #efefef;
	border: 3px solid #e41248;
	right: 40px;
	color: #000;
	top: 100%;
	/* transform: translateY(50%); */
	z-index: 1;
	width: 410px;
	margin-top: 0px;
}
.bron-module a._bron{
	font-weight:900;	
	word-break: break-all;
}
.bron-module a.close{
	position: absolute;
	top: 0;
	right: 0;
	margin: 10px;
	background-size: auto 86%;
	padding-right: 27px;
	background-position: right center;
	display: block;
	background-repeat: no-repeat;
	color: #000!important;
}
.bron-module a.close:before{
	content:'sluiten';	
}

.pblock.overflow, .pgroup.overflow {
	overflow: visible!important;
	
}
.uitslag-stickers{
	position: relative;
	width: auto;
	height: auto;
	overflow: hidden;
	/* border-radius: 100%; */
	margin: 0 auto;
	/* background-color: #ccc;*/
}


.frontend .uitslag-stickers ._face,
.frontend .uitslag-stickers ._back{
	display: block;
	/* border-radius: 100%; */
	position: relative;
	/* width: 263px; */
	font-size: 1.25em;
	line-height: normal;
	height: auto;
	color: #FFF;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}

.frontend .uitslag-stickers ._face{
	background-color:#e38db6;	
}
.frontend .uitslag-stickers ._back{
	background-color: #f5f5f5;
	color: #000;
	text-align: left;
}
.frontend .uitslag-stickers ._back ._icon{
	background-color: #f5f5f5;
	color: #000;
	text-align: left;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 123.4 172.9'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23e41248; stroke-linecap: round; stroke-linejoin: round; stroke-width: 5px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M101.83,167.28c-3.6,4.26-10.2,4.15-13.66-.21L24.19,86.5S3.24,60.32,13.71,34.14c0,0,7.85-15.05,24.87-25.52,0,0,1.31,29.45,15.71,49.08,11.78,16.06,50.73,61.93,64.5,78.07,2.81,3.29,2.82,8.13.02,11.44l-16.98,20.07Z'/%3E%3Cpath class='cls-1' d='M88.65,99.59l10.57-13.09s20.94-26.18,10.47-52.36c0,0-7.85-15.71-24.87-26.18,0,0-1.31,30.1-15.71,49.74-1.87,2.55-4.43,5.86-7.47,9.68l27,32.2Z'/%3E%3Cpath class='cls-1' d='M61.48,134.01l-26.25,33.05c-3.47,4.37-10.06,4.47-13.66.21l-16.98-20.07c-2.8-3.3-2.79-8.15.02-11.44,6.38-7.48,18.18-21.36,30.17-35.69l26.7,33.93Z'/%3E%3Cpath class='cls-1' d='M80.14,32.02c3.27-10.47,4.58-24.05,4.58-24.05-24.76-12.38-43.96-.06-47.12,1.31.65,9.82,5.24,23.23,5.24,23.23,0,0,18.16-7.85,37.3-.49Z'/%3E%3C/svg%3E");
	width: 118px;
	height: 167px;
	background-position: center;
	background-size: 100% auto;
	float: left;
	margin: 25px;
	margin-top: 0;
	margin-right: 60px;
	background-repeat: no-repeat;
	display: block;
}
.frontend .uitslag-stickers ._back ._title{
	margin-top:50px;
}


.frontend .uitslag-stickers ._face ._icon{
	display:none;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.78 59.55'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='.87' width='13.04' height='39.12'/%3E%3Ccircle class='cls-1' cx='7.39' cy='52.16' r='7.39'/%3E%3C/svg%3E");
	width: 15px;
	height: 60px;
	background-position: center;
	margin: 0 auto;
	background-size: 100% auto;
	margin-bottom: 15px;
	background-repeat: no-repeat;
}

.frontend .uitslag-stickers ._back ._title,
.frontend .uitslag-stickers ._face ._title{
	display:block;
}

.frontend .uitslag-stickers[data-show=""] ._face{
animation: uitslag 1s infinite alternate-reverse;	
}
@keyframes uitslag{
	from{
		background-color:#e38db6;
	}
	to{
		background-color:#ec859b;
	}
}
.frontend .uitslag-stickers[data-show=""] ._face,
.frontend .uitslag-stickers[data-show="true"] ._back ._inner{
	display:block;
}
.frontend .uitslag-stickers[data-show=""] ._back ._inner{
	display:none;
}
.frontend .uitslag-stickers ._back:after{
	display: block;
	content:'';
	clear:both;
}
.frontend .uitslag-stickers ._inner{
	display: block;
	/* position: absolute; */
	/* transform: translateY(-50%); */
	box-sizing: border-box;
	padding: 45px;
	width: 100%;
}

.melding-cnt{
	background-color:#f6f6f6;
	padding: 5%;
	
}

.melding-cnt h3{
	display: block;
	font-weight: 900;
	padding-left: 38px;
	/* line-height: 1em; */
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-size: auto 86%;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.29 21.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23f29400;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='m.52,17.28L11.84,1.2c1.12-1.6,3.49-1.6,4.61,0l11.32,16.09c1.31,1.87-.02,4.44-2.31,4.44H2.83c-2.29,0-3.62-2.57-2.31-4.44Z'/%3E%3Cg%3E%3Crect class='cls-1' x='12.49' y='5.07' width='3.31' height='8.12'/%3E%3Ccircle class='cls-1' cx='14.14' cy='16.65' r='1.96'/%3E%3C/g%3E%3C/svg%3E");
	
}

.melding-cnt ._action{
	display:block;
	font-weight:900;
	padding-left:30px;
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.61 19.45'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e41248;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='3.18 0 0 4.06 7.22 9.72 0 15.39 3.18 19.45 15.61 9.75 15.58 9.72 15.61 9.7 3.18 0'/%3E%3C/svg%3E");
	
}

.deco-drop{
	transform: translateY(55%);
}


ul.list-default{
	
}
ul.list-default li{
	margin:1.25em 0;
}


a.menu-top{
	display: block;
	color: #000;
	margin-top: 17px;
	float: right;
	margin: 10px;
	margin-top:15px;
	margin-left: 18px;
	font-weight: 900;
	font-size: 0.9em;
	padding-left: 41px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 30px auto;
}

#layout[data-p-type="dashboard"] .menu-top {
	display: none;
}


a.menu-top.__logout{	
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.05 34.11'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e41248; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='25.47 34.11 0 16.73 25.47 0 25.47 34.11'/%3E%3Crect class='cls-1' x='21.66' y='8.09' width='18.86' height='17.93' transform='translate(14.04 48.14) rotate(-90)'/%3E%3C/svg%3E");
}
a.menu-top.__feedback{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.89 34.51'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: %23b2ca41; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-2' points='37.89 29.56 10.61 29.56 0 34.51 0 29.56 0 0 37.89 0 37.89 29.56'/%3E%3Ccircle class='cls-1' cx='8.99' cy='15.54' r='2.65'/%3E%3Ccircle class='cls-1' cx='19.22' cy='15.54' r='2.65'/%3E%3Ccircle class='cls-1' cx='29.45' cy='15.54' r='2.65'/%3E%3C/svg%3E");
	
}
a.menu-top.__pauzeer{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.38 36.38'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: %23e38db6; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-2' cx='18.19' cy='18.19' r='18.19'/%3E%3Cg%3E%3Crect class='cls-1' x='8.61' y='7.61' width='7.58' height='21.22' rx='3.79' ry='3.79'/%3E%3Crect class='cls-1' x='19.98' y='7.61' width='7.58' height='21.22' rx='3.79' ry='3.79'/%3E%3C/g%3E%3C/svg%3E");	
}
a.menu-top.__hulp{
	
	
}



/* indicator aandoeningen */
.ia-block{
	
}

.ia-block label.inp-checkbox{
	display: block;
	margin: 30px 15px 30px 6px;
	font-weight: 900;
}

.ia-block label.inp-checkbox > .input{
border-radius: 4px;
border: 1px solid #727272;
margin-right:10px;
}


/* i table */

table.i-table{
	width: 100%;
}
table.i-table tr:nth-child(even){
	background-color: #eceded;

}

table.i-table td,
table.i-table th{
	padding: 15px 5px 15px 15px;
}

table.i-table th{
	background-color:#1a171b;
	color:#FFF;font-weight:bold;
}

table.i-table th,
table.i-table td {
	border-left: 2px solid #c6c7c8;    font-weight: bold;
}

table.i-table tr th:first-child,
table.i-table tr td:first-child {
	border-left:0;

}
table.i-table th._title {
	
}
table.i-table th._risico {
	width:20%
}
table.i-table td div._indic {
	position:relative;
	background-repeat:no-repeat;
	background-position: 4px top;
	padding-top:30px;background-size: auto 17px;
	font-weight:bold;
}

table.i-table td div._indic[data-itype="geen"] {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.19 17.05'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23b2ca41;%7D.cls-2%7Bfill:%23f29400;%7D.cls-2,.cls-3%7Bopacity:.2;%7D.cls-3%7Bfill:%23cc0133;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='8.53' cy='8.53' r='8.53'/%3E%3Ccircle class='cls-2' cx='36.38' cy='8.53' r='8.53'/%3E%3Ccircle class='cls-3' cx='63.66' cy='8.53' r='8.53'/%3E%3C/svg%3E");
}
table.i-table td div._indic[data-itype="laag"] {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.19 17.05'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f29400;%7D.cls-2%7Bfill:%23b2ca41;%7D.cls-2,.cls-3%7Bopacity:.2;%7D.cls-3%7Bfill:%23cc0133;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-2' cx='8.53' cy='8.53' r='8.53'/%3E%3Ccircle class='cls-1' cx='36.38' cy='8.53' r='8.53'/%3E%3Ccircle class='cls-3' cx='63.66' cy='8.53' r='8.53'/%3E%3C/svg%3E");
}
table.i-table td div._indic[data-itype="hoog"] {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.19 17.05'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23cc0133;%7D.cls-2%7Bfill:%23f29400;%7D.cls-2,.cls-3%7Bopacity:.2;%7D.cls-3%7Bfill:%23b2ca41;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-3' cx='8.53' cy='8.53' r='8.53'/%3E%3Ccircle class='cls-2' cx='36.38' cy='8.53' r='8.53'/%3E%3Ccircle class='cls-1' cx='63.66' cy='8.53' r='8.53'/%3E%3C/svg%3E");
}

table.i-table td div._indic[data-itype="geen"]:after {
	content: 'GEEN';
}
table.i-table td div._indic[data-itype="laag"]:after {
	content: 'LAAG';
}
table.i-table td div._indic[data-itype="hoog"]:after {
	content: 'HOOG';
}



table.i-table th._status {
	width: 9%
}

table.i-table td div._stati {
	position: relative;
	font-size:3.2em;
	line-height: 1.25em;
	font-weight: 900;
	text-align: center;
}
table.i-table td div._stati.__c:after {
	position: absolute;right:0;top:0;
	content:'C';
	font-size: 0.5em;
	line-height: 0.5em;
}
table.i-table td div._stati.__d:after {
	position: absolute;right:0;top:0;
	content:'D';    font-size: 0.5em;
	line-height: 0.5em;
}
table.i-table td div._stati[data-itype="+"]:before {
	content:'+';
}
table.i-table td div._stati[data-itype="-"]:before {
	content:'-';
}
table.i-table td div._stati[data-itype="+/-"]:before {
	content:'+/-';
}



/* d-tabel*/

table.d-table{
	width: 100%;
}
table.d-table tr:nth-child(even){
	background-color: #eceded;

}

table.d-table td,
table.d-table th{
	padding: 15px 5px 15px 15px;
}

table.d-table th{
	background-color: #1a171b;
	color: #FFF;
	font-weight: bold;
}

table.d-table th,
table.d-table td {
	border-left: 2px solid #c6c7c8;
	font-weight: bold;
}

table.d-table tr th:first-child,
table.d-table tr td:first-child {
	border-left: 0;

}
table.d-table th {
	width: 17%
}

.t-arc{
	display:block;font-weight:normal;font-style: italic;
}


#page-section-after-answer{
	display:none;
}


/* eindtoets */
.opdrachtNr{
	background-color:#e41248;
	box-sizing: border-box;
	padding:15px 10px;
	font-weight: 900;
	text-align:center;
}
.opdrachtNr ._text{	
	color:#000;
	line-height:1em;
	display:block;
}
.opdrachtNr ._nr{
	color:#FFF;
	font-size: 2.7em;
	line-height:1em;
	display:block;
}


.timerBlock{
	padding-left:120px;
	padding-top:37px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 98.34 40.65'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231a171b;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='6.65 0 0 8.48 15.1 20.33 0 32.17 6.65 40.65 32.63 20.38 32.57 20.33 32.63 20.28 6.65 0'/%3E%3Cpolygon class='cls-1' points='40.68 0 34.03 8.48 49.13 20.33 34.03 32.17 40.68 40.65 66.66 20.38 66.6 20.33 66.66 20.28 40.68 0'/%3E%3Cpolygon class='cls-1' points='72.35 0 65.7 8.48 80.8 20.33 65.7 32.17 72.35 40.65 98.34 20.38 98.27 20.33 98.34 20.28 72.35 0'/%3E%3C/svg%3E");
	background-position: 6px 25px;
	background-size: 98px auto;
	background-repeat: no-repeat;
	font-weight: 900;
}

.timerBlock ._time{
	color:#b2ca41;

	
}

.timerBlock ._timer{
	background-color: #eceded;
	border-radius: 12px;
	position: relative;
	height: 20px;
	margin-left: -119px;
	margin-top: 28px;
	overflow: hidden;
}

.timerBlock ._timer ._fill{
	background-color:#b2ca41;
	position: absolute;
	left:0;top:0;bottom:0;
	width: 100%;
	animation: countdownBar 0s 1 paused linear both;
}

.timerBlock[data-play-state="running"] ._timer ._fill{
	animation-play-state: running;
}

@keyframes countdownBar{
	
	0%{
		width: 100%;background-color:#b2ca41;
	}
	80%{
		width: 20%;background-color:#b2ca41;
	}
	100%{
		width: 0%;background-color:#d76d2f;
	}
	
}

#vraagblok .question-block .meter-block> ._meter > ._fill {
	transition: height 0.3s;	
}
#vraagblok .question-block.__xl .meter-block > ._vraag{

}
#vraagblok .question-block.__xl .meter-block > ._vraag ._situatie{
	background-color: #f6f6f6;
	padding: 15px 30px;
	margin-bottom: 30px;
	margin-right: -115px;
	margin-left: -25px;	
}


#vraagblok .question-block.__xl .meter-block > ._vraag ._meter ._fill{
	transition: height 0.3s;
}

#vraagblok .question-block.__xl .meter-block > ._overlay{	
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: #fff;
	width: 67%;
	animation: overlay_in 1s 1 1s both;
	
}
@keyframes overlay_in{
	
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
	
	
}
#vraagblok .question-block.__xl .meter-block > ._overlay a.button{	
	width: 25%;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border-radius: 15px;
	}
#vraagblok .question-block.__xl .meter-block > ._overlay a.button:before{	
	content: 'STARTEN';
}

#vraagblok .question-block ._vraag ._text{
	margin-bottom:10px;
}
#vraagblok .question-block.__xl .meter-block > ._overlay{	
	/*display:none;*/
}



/* RESULTATENSCHERM */
.et-resultaten ._et-answer{
	position: relative;
	height: 100%;
	margin-bottom: 40px;
}

.et-resultaten ._et-answer[data-result="correct"] > ._vraagnr{
	background-color: #b2ca41;
}
.et-resultaten ._et-answer[data-result="incorrect"] > ._vraagnr{
	background-color: #e41248;
}





.et-resultaten ._et-answer > ._vraagnr{
	display: block;
	float: left;
	box-sizing: border-box;
	margin-right: 22px;
	width: 66px;
	font-size: 0.75em;
	height: 80px;
	text-align: center;
	text-transform: uppercase;
	padding: 14px 5px;
	font-weight: 900;
	line-height: 1.5em;
}
.et-resultaten ._et-answer > ._vraagnr ._t1{}
.et-resultaten ._et-answer > ._vraagnr ._t2{
	color: #FFF;
	font-size: 2.8em;
	line-height: 0.75em;
}

.et-resultaten ._et-answer > ._vraagtxt{
	font-size: 1.25em;line-height:normal;font-weight:900;
}
.et-resultaten ._et-answer  ._vraaglampjes{
	font-size: 1.25em;line-height:normal;font-weight:900;margin-top:10px;

}
.et-resultaten ._et-answer ._vraaglampjes:before{
	content: 'Juist beantwoord';
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.64 13.64'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23b2ca41;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='6.82' cy='6.82' r='6.82'/%3E%3C/svg%3E");
	background-size:13px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:40px;
	font-size:1.1rem;line-height:normal;
	float:left;display:block;
	font-weight: bold;
	opacity:0.3;
}
.et-resultaten ._et-answer  ._vraaglampjes:after{
	content: 'Onjuist beantwoord';
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.64 13.64'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e41248;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='6.82' cy='6.82' r='6.82'/%3E%3C/svg%3E");
	background-size:13px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:40px;
	font-size:1.1rem;line-height:normal;
	float:left;display:block;
	margin-left:30px;font-weight: bold;
	opacity:0.3;
}
.et-resultaten ._et-answer[data-result="correct"] ._vraaglampjes:before,
.et-resultaten ._et-answer[data-result="incorrect"] ._vraaglampjes:after{
	opacity:1;	
}


.et-resultaten ._et-answer > ._bttn{
	clear: both;
	display: block;
	text-align: right;
	border-bottom: 1px solid #000;
	color: #000;
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.46 9.2'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2390d0da;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='11.46 1.88 9.07 0 5.73 4.26 2.39 0 0 1.88 5.72 9.2 5.73 9.18 5.75 9.2 11.46 1.88'/%3E%3C/svg%3E");
	padding-right: 22px;
	background-repeat: no-repeat;
	background-position: right 4px;
	background-size: 14px auto;
}

.bron-module a.close,
.et-resultaten ._et-answer > ._bttn.__active{
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.15 9.15'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000000;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='9.15 6.96 6.77 4.58 9.15 2.2 6.96 0 4.58 2.38 2.2 0 0 2.2 2.38 4.58 0 6.96 2.2 9.15 4.58 6.77 6.96 9.15 9.15 6.96'/%3E%3C/svg%3E");
background-position: right 2px;
}

.et-resultaten ._et-answer > ._bttn:before{
	content: 'BEKIJK ANTWOORD EN REDENERING';
}

.et-resultaten ._et-answer  ._answers{
	clear: both;
	background-color: #f6f6f6;
	padding: 20px;
	line-height: 2em;
}
.et-resultaten ._et-answer  ._answers ._myAnswer{
	font-size: 1.1em;
}
.et-resultaten ._et-answer  ._answers ._theAnswer{
	border-top: 2px dashed #CCC;
	margin-top: 20px;
	font-size: 1.1em;
	padding-top: 20px;
}



.scoreScreen[data-result="GEHAALD"]{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 356.97 602.53'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2382cbd7;%7D.cls-2%7Bfill:%23df8ab4;%7D.cls-3%7Bfill:%23b2ca41;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-3' cx='11.37' cy='27.28' r='11.37'/%3E%3Ccircle class='cls-1' cx='57.98' cy='96.63' r='5.68'/%3E%3Ccircle class='cls-2' cx='147.79' cy='18.19' r='11.37'/%3E%3Ccircle class='cls-1' cx='255.79' cy='96.63' r='12.51'/%3E%3Ccircle class='cls-2' cx='264.88' cy='555.92' r='21.6'/%3E%3Ccircle class='cls-1' cx='110.27' cy='512.72' r='7.96'/%3E%3Ccircle class='cls-2' cx='10.23' cy='501.35' r='5.68'/%3E%3Ccircle class='cls-3' cx='338.78' cy='11.37' r='11.37'/%3E%3Ccircle class='cls-3' cx='38.65' cy='586.61' r='15.92'/%3E%3Ccircle class='cls-2' cx='350.15' cy='354.69' r='6.82'/%3E%3C/svg%3E");
}
.scoreScreen{
	text-align: center;
	font-weight: 900;
	padding: 100px 20px;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	border-right: 2px dashed #ccc;
	width: 94%;
	box-sizing: border-box;
}
.scoreScreen ._text1{
	font-size: 3.5em;
	line-height: normal;
}
.scoreScreen ._text2{
	font-size: 8.5em;
	line-height: normal;
}
.scoreScreen ._text3{
	font-size: 2em;
	line-height: normal;
}
.scoreScreen ._green{
	color:#b2ca41;
}
.scoreScreen .__vragen{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 82.17 33.97'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231a171b;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='5.56 0 0 7.09 12.62 16.98 0 26.88 5.56 33.97 27.27 17.03 27.21 16.98 27.27 16.94 5.56 0'/%3E%3Cpolygon class='cls-1' points='33.99 0 28.43 7.09 41.05 16.98 28.43 26.88 33.99 33.97 55.7 17.03 55.65 16.98 55.7 16.94 33.99 0'/%3E%3Cpolygon class='cls-1' points='60.46 0 54.9 7.09 67.51 16.98 54.9 26.88 60.46 33.97 82.17 17.03 82.11 16.98 82.17 16.94 60.46 0'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 100px;
	background-size: 94px;
	margin: 0 auto;
	width: 65%;
	
}


/* login scherm */
#page-section-inlog-bg{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 981.79 769.26'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2390d0da;%7D%3C/style%3E%3C/defs%3E%3Crect class='cls-1' width='981.79' height='769.26'/%3E%3C/svg%3E");
	background-repeat: repeat-y;
	background-position: left top;	
	padding: 40px 0;
}

.inlog-blok{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70.68 55.58'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2390d0da;%7D%3C/style%3E%3C/defs%3E%3Crect class='cls-1' width='17.16' height='55.58'/%3E%3Crect class='cls-1' x='26.76' width='17.16' height='55.58'/%3E%3Crect class='cls-1' x='53.53' width='17.16' height='55.58'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 20px top;
	background-size: 70px 95px;
	padding: 120px 40px;
}
.inlog-blok:before{
	display: block;
	content: '';
	background-color: #cc0133;
	width: 7px;
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 0;	
}
.background-gray{
	background-color: #f6f6f6;
	padding: 20px;
}

#login-screen ._bttn{
	border-radius: 21px;
	float: right;
	font-weight: 900;
	padding: 5px 26px;
	color: #000;
	letter-spacing: 0.15em;
	outline: 0;
	background-color: #cc0133;
	border: 0;
	cursor: pointer;
}
#layout a.bttn-return{
	color:#000;
	font-weight:900;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.2 11.46'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e41248;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='7.33 11.46 9.2 9.07 4.94 5.73 9.2 2.39 7.33 0 0 5.72 .02 5.73 0 5.75 7.33 11.46'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	display: block;
	background-size: auto 77%;
	float: right;
}

.inlog-blok ._footer{
	position: absolute;
	display: block;
	bottom: 20px;
	left: 40px;
	box-sizing: border-box;
	right: 20px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.41 31.68'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e38db6;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='42.41 0 20.81 31.68 0 0 42.41 0'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right center;
	padding: 30px 50px;
	background-size: auto 39%;
	padding-left: 130px;
}

.inlog-blok ._footer:before{
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 105px;
	height: 94px;
	background-image: url(../../cimages/haw-cursus/graphics/logo-small.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
}

#login-screen{
	
	background-image: url(../../cimages/haw-cursus/graphics/bg-login.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 103px;
	padding-left: 50px;
	
}


.tr-cnt[data-result="NIET GEHAALD"][data-attempts=""] .et-resultaten ._et-answer ._theAnswer,
.tr-cnt[data-result="NIET GEHAALD"][data-attempts="1"] .et-resultaten ._et-answer ._theAnswer,
.tr-cnt[data-result="NIET GEHAALD"][data-attempts="2"] .et-resultaten ._et-answer ._theAnswer
{
	display:none;
}

.tr-cnt[data-result="NIET GEHAALD"][data-attempts=""] .et-resultaten ._et-answer > ._bttn:before,
.tr-cnt[data-result="NIET GEHAALD"][data-attempts="1"] .et-resultaten ._et-answer > ._bttn:before,
.tr-cnt[data-result="NIET GEHAALD"][data-attempts="2"] .et-resultaten ._et-answer > ._bttn:before{
	content: 'BEKIJK GEGEVEN ANTWOORD';
}


.label-text{
	background-color: #FFF;
	color: #CCC;
	padding: 8px 10px 0 10px;
	display: block;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 2px solid #e5e5e5
}
.label-text input.input-default,
.label-text select.input-default{
	border: 0;
	margin-left: -10px;
	margin-bottom: 0;
	margin-right: 0;
	outline: none!important;
}
table.form-table tr {
	height: 100px;
}
table.form-table tr td {
	padding: 20px 0 0 0;
	box-sizing: border-box;
}
table tr td.__thead{
	background-color: #9c9e9f;
	color: #FFF;
	font-weight: bold;
	padding: 5px 8px;
	font-style: normal;
	border-left: 2px solid #9c9e9f;
}


._shield{

}
._shield ._text{
	display: none;
}
._shield:before{
	content: 'Wachtwoord tonen';
}

._shield:hover:before{
	display: none;
}
._shield:hover ._text{
	display: block;
}


.admin-dash-block,
.hoofdstuk-resume-block,
.hoofdstuk-all-block,
.badge-block,
.huiswerk-block,
.aanvullend-block,
.notificatie-block,
.dash-block-margin{
	margin: 15px;
}
.info-block-margin{
	margin: 25px;
}
.hoofdstuk-all-block{
	overflow-y: scroll;
	padding-right: 15px;
}
.layout .hoofdstuk-select-crumbs{
	background-color: #FFF;
	border-radius: 25px;
	padding: 0 5px;
}
.layout .hoofdstuk-select-crumbs ._bttn{
	display: block;
	float: left;
}




.layout .hoofdstuk-all-block{
	/* voor de scrollbar */
}
.layout .hoofdstuk-all-block::-webkit-scrollbar{
	width: 20px;
	/* border: 3px solid #ccc; */
	background-color: #fff;
	box-sizing: border-box;
}
.layout .hoofdstuk-all-block::-webkit-scrollbar-track{
	
	width: 15px;
}
.layout .hoofdstuk-all-block::-webkit-scrollbar-thumb{
	
}
.layout .hoofdstuk-all-block::-webkit-scrollbar-thumb:hover {
	background-color: #90D0DA;
}


.layout .hoofdstuk-all-block::-webkit-scrollbar-thumb {
	background-color: #90D0DA;
}
.layout .hoofdstuk-all-block::-webkit-scrollbar-track{

}



.hoofdstuk-resume-block{
	padding:20px;
	box-sizing: border-box;
}
.hoofdstuk-resume-block h2{
	font-size:1.54em;
	font-weight: 900;line-height:1.1em;
}
.hoofdstuk-resume-block ._image{
	position: relative;
	height: 200px;
	width: 200px;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	background-size: 70% auto;
	float: left;
	margin-right: 24px;
	
}
.hoofdstuk-resume-block div[data-chapter-nr="course_done"] ._image{
	margin-left: -225px;
	background-image: url(../../images/haw-cursus/backgrounds/bg-certificate-done.png);
	height: 319px;
	margin-right: 0;
}

.hoofdstuk-resume-block ._image:before{
	position: absolute;
	display: block;
	width:3px;
	top: 0;
	right: 0;
	bottom: 0;
	content: '';
	background-image: url(../../images/haw-cursus/backgrounds/div-dash-vert-gray.png);
	background-size: 3px auto;
	background-position: right top;
	background-repeat: repeat-y;
}

	
.hoofdstuk-resume-block ._header{

	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.21 77.91'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23b2ca41; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='32.21 5.27 25.49 0 16.1 11.96 6.72 0 0 5.27 16.06 25.86 16.1 25.8 16.14 25.86 32.21 5.27'/%3E%3Cpolygon class='cls-1' points='32.21 32.23 25.49 26.96 16.1 38.92 6.72 26.96 0 32.23 16.06 52.82 16.1 52.77 16.14 52.82 32.21 32.23'/%3E%3Cpolygon class='cls-1' points='32.21 57.32 25.49 52.05 16.1 64.02 6.72 52.05 0 57.32 16.06 77.91 16.1 77.86 16.14 77.91 32.21 57.32'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 32px auto;
	background-position: right top;
	padding-right: 29px;
	box-sizing: border-box;
}

.hoofdstuk-resume-block ._header ._button{
	display: block;
	background-color: #90D0DA;
	margin-top: 30px;
	color: #000;
	text-transform: uppercase;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.49 10.57'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23231f20; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='1.73 0 0 2.21 3.93 5.29 0 8.36 1.73 10.57 8.49 5.3 8.47 5.29 8.49 5.27 1.73 0'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 13px center;
	background-size: 13px auto;
	border-radius: 25px;
	padding: 6px 37px 6px 15px;
	font-size: 0.8em;
	overflow: hidden;
	float: left;
	font-weight: 700;
	
}

.hoofdstuk-resume-block ._progressbar{
	border-radius: 25px;
	overflow: hidden;
	background-color: #eceded;
	height: 32px;
	position: relative;
	width: 100%;
	white-space: nowrap;
	display: block;
	margin-top: 15px;
	clear: both;
}
.hoofdstuk-resume-block ._progressbar ._fill{
	color: #FFF;
	border-radius: 25px;
	overflow: hidden;
	width: 0%;
	background-color: #b4d627;
	box-sizing: border-box;
	padding: 5px 10px;
	line-height: normal;
	text-align: right;
	position: absolute;
	padding-right: 30px;
	left: 0;
	top: 0;
	bottom: 0;
	transition: all 0.5s 0.5s;
}

#layout .hoofdstuk-resume-block ._pagedesc{

}
#layout .hoofdstuk-resume-block ._title{
	font-size:1em;
}
#layout .hoofdstuk-resume-block ._desc{

}

.pblock.badge-result-screen{
	display: none;
}



.pblock.badge-result-screen .badge-container{

}

.pblock.badge-result-screen .badge-container ._status:before{
	content:'';
}


.pblock.badge-result-screen .badge-container[data-badge-result="true"] ._status:before{
	content:'BADGE BEHAALD!';
}
.pblock.badge-result-screen .badge-container[data-badge-result="false"] ._status:before{
	content:'HELAAS...';
}



.pblock.badge-result-screen .badge-container ._content{
	padding-left:500px;
	padding-top: 100px;
	background-position: left top;
	background-repeat:no-repeat;
	background-size: 475px;
	min-height:650px;
	margin-top:40px;
}
.pblock.badge-result-screen .badge-container ._content h1{
	line-height:normal;
	
}
#layout[data-unid="deel-1"] .pblock.badge-result-screen .badge-container[data-badge-result="true"] ._content{
	background-image:url(/resources/cimages/haw-cursus/badge-icons/unlocked/badge-deel-1.png);	
}
#layout[data-unid="deel-2"] .pblock.badge-result-screen .badge-container[data-badge-result="true"] ._content{
	background-image:url(/resources/cimages/haw-cursus/badge-icons/unlocked/badge-deel-2.png);	
}
#layout[data-unid="deel-3"] .pblock.badge-result-screen .badge-container[data-badge-result="true"] ._content{
	background-image:url(/resources/cimages/haw-cursus/badge-icons/unlocked/badge-deel-3.png);	
}
#layout[data-unid="deel-4"] .pblock.badge-result-screen .badge-container[data-badge-result="true"] ._content{
	background-image:url(/resources/cimages/haw-cursus/badge-icons/unlocked/badge-deel-4.png);	
}
#layout[data-unid="deel-5"] .pblock.badge-result-screen .badge-container[data-badge-result="true"] ._content{
	background-image:url(/resources/cimages/haw-cursus/badge-icons/unlocked/badge-deel-5.png);	
}
#layout[data-unid="deel-6"] .pblock.badge-result-screen .badge-container[data-badge-result="true"] ._content{
	background-image:url(/resources/cimages/haw-cursus/badge-icons/unlocked/badge-deel-6.png);	
}
#layout[data-unid="deel-7"] .pblock.badge-result-screen .badge-container[data-badge-result="true"] ._content{
	background-image:url(/resources/cimages/haw-cursus/badge-icons/unlocked/badge-deel-7.png);	
}


#layout[data-unid="deel-1"] .pblock.badge-result-screen .badge-container[data-badge-result="false"] ._content{
	background-image:url(/resources/cimages/haw-cursus/badge-icons/failed/badge-deel-1.png);	
}
#layout[data-unid="deel-2"] .pblock.badge-result-screen .badge-container[data-badge-result="false"] ._content{
	background-image:url(/resources/cimages/haw-cursus/badge-icons/failed/badge-deel-2.png);	
}
#layout[data-unid="deel-3"] .pblock.badge-result-screen .badge-container[data-badge-result="false"] ._content{
	background-image:url(/resources/cimages/haw-cursus/badge-icons/failed/badge-deel-3.png);	
}
#layout[data-unid="deel-4"] .pblock.badge-result-screen .badge-container[data-badge-result="false"] ._content{
	background-image:url(/resources/cimages/haw-cursus/badge-icons/failed/badge-deel-4.png);	
}
#layout[data-unid="deel-5"] .pblock.badge-result-screen .badge-container[data-badge-result="false"] ._content{
	background-image:url(/resources/cimages/haw-cursus/badge-icons/failed/badge-deel-5.png);	
}
#layout[data-unid="deel-6"] .pblock.badge-result-screen .badge-container[data-badge-result="false"] ._content{
	background-image:url(/resources/cimages/haw-cursus/badge-icons/failed/badge-deel-6.png);	
}
#layout[data-unid="deel-7"] .pblock.badge-result-screen .badge-container[data-badge-result="false"] ._content{
	background-image:url(/resources/cimages/haw-cursus/badge-icons/failed/badge-deel-7.png);	
}




.pblock.badge-result-screen .badge-container ._content ._desc{
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-right: 50px;
}

.pblock.badge-result-screen .badge-container[data-badge-result="true"] ._content ._desc:before{
	content:'behaald door het juist beantwoorden van de casus vragen. Gefeliciteerd! ';
}
.pblock.badge-result-screen .badge-container[data-badge-result="false"] ._content ._desc:before{
	content:'niet behaald. U heeft te weinig goede antwoorden gegeven op de casus vragen. Wilt u deze badge wel verdienen? Beantwoord de casusvragen dan opnieuw.';
}


.pblock.badge-result-screen .badge-container ._content ._pauzeer{
	display:block;
	color:#000;
	background-repeat: no-repeat;
	background-size: 36px;
	padding: 15px;
	padding-left: 45px;
	font-weight:bold;
	background-position: left center;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.38 36.38'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: %23e38db6; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-2' cx='18.19' cy='18.19' r='18.19'/%3E%3Cg%3E%3Crect class='cls-1' x='8.61' y='7.61' width='7.58' height='21.22' rx='3.79' ry='3.79'/%3E%3Crect class='cls-1' x='19.98' y='7.61' width='7.58' height='21.22' rx='3.79' ry='3.79'/%3E%3C/g%3E%3C/svg%3E");
	
}
.pblock.badge-result-screen .badge-container ._content ._volgende{
	display:block;
	color:#000;
	background-repeat: no-repeat;
	background-size: 36px;
	padding: 15px;
	font-weight:bold;
	padding-left: 45px; 
	background-position: left center;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.38 36.38'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: %23b2ca41; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-2' cx='18.19' cy='18.19' r='18.19'/%3E%3Cpolygon class='cls-1' points='14.94 5.55 11.07 10.49 19.86 17.38 11.07 24.28 14.94 29.21 30.07 17.41 30.03 17.38 30.07 17.35 14.94 5.55'/%3E%3C/svg%3E");
}


.pblock.badge-result-screen .badge-container ._content ._opnieuw{
	display:block;
	color:#000;
	background-repeat: no-repeat;
	font-weight:bold;
	background-size: 36px;
	padding: 15px;
	padding-left: 45px; 
	background-position: left center;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.38 36.38'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: %2390d0da; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-2' cx='18.19' cy='18.19' r='18.19'/%3E%3Cpath class='cls-1' d='M16.46,18.25c.41-.62,1.01-1.3,1.78-2.03.49-.47.85-.86,1.08-1.16.23-.3.34-.61.34-.95,0-.43-.19-.78-.56-1.02s-.85-.37-1.42-.37c-.63,0-1.22.18-1.78.55-.55.37-.99.85-1.3,1.47l-5.27-2.64c.79-1.5,1.96-2.68,3.51-3.53,1.55-.85,3.46-1.27,5.73-1.27,2.41,0,4.36.49,5.87,1.48s2.25,2.38,2.25,4.18c0,.83-.14,1.55-.43,2.18-.29.62-.63,1.15-1.02,1.57-.4.42-.9.89-1.51,1.41-.63.55-1.09,1-1.36,1.33-.28.34-.41.71-.41,1.13h-6.1c0-.93.21-1.71.62-2.33ZM16.07,27.77c-.73-.69-1.1-1.53-1.1-2.52s.36-1.84,1.1-2.5c.73-.66,1.67-.99,2.82-.99s2.08.33,2.81.99c.73.66,1.1,1.5,1.1,2.5s-.36,1.83-1.1,2.52c-.73.69-1.67,1.04-2.81,1.04s-2.08-.35-2.82-1.04Z'/%3E%3C/svg%3E");
}


.pblock.badge-result-screen .badge-container[data-badge-result="true"] ._content ._opnieuw{
	display:none;
}





.hoofdstuk-resume-block ._chapters{
	border-radius: 0;
	overflow: hidden;
	background-color: #F6F6F6;
	height: 40px;
	position: relative;
	width: 100%;
	white-space: nowrap;
	display: block;
	margin-top: 9px;
	clear: both;
}



.hoofdstuk-resume-block ._chapters ._block{
	display:block;
	background-color: #F6F6F6;
	border-right: 1px solid #D9DADB;
	box-sizing: border-box;
	height: 46px;
	padding: 10px;
	padding-top: 17px;
	font-size: 0.7em;
	text-align: center;
	font-weight: bold;
	color: #D9DADB;
	float: left;
	text-transform: uppercase;
}
.hoofdstuk-resume-block ._chapters ._block[data-page-status="true"]{
	background-color: #B2CA41;
	color:#FFF;
}

.hoofdstuk-resume-block ._chapters[data-total="1"] ._block{
	width: 100%;
	border-right:0;
}
.hoofdstuk-resume-block ._chapters[data-total="2"] ._block{
	width: 50%;
}
.hoofdstuk-resume-block ._chapters[data-total="3"] ._block{
	width: 33.333%;
}
.hoofdstuk-resume-block ._chapters[data-total="4"] ._block{
	width: 25%;
}
.hoofdstuk-resume-block ._chapters[data-total="5"] ._block{
	width: 20%;
}
.hoofdstuk-resume-block ._chapters[data-total="6"] ._block{
	width: 16.667%;
}
.hoofdstuk-resume-block ._chapters[data-total="7"] ._block{
	width: 14.285%;
}

.hoofdstuk-resume-block ._chapters ._block[data-page-status="1"],
.hoofdstuk-resume-block ._chapters ._block[data-page-status="passed"]{
	background-color:#b2ca41;
	color:#FFF;
}
.hoofdstuk-resume-block ._chapters ._block[data-page-status="failed"]{
	background-color:#8fa133;
	color:#FFF;
}


.hoofdstuk-resume-block ._navbar{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 17px 20px;
}




.hoofdstuk-resume-block div[data-chapter-nr="course_failed"]{
	background-repeat: no-repeat;
	background-position: 20px 30px;
	position: absolute;
	left: 20px;
	padding-left: 225px;
	right: 20px;
	bottom: 0;
	top: 0;
}
.hoofdstuk-resume-block div[data-chapter-nr="course_done"] {
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	left: 0;
	padding-left: 225px;
	padding-right: 20px;
	right: 0;
	bottom: 0;
	top: 0;
}
.hoofdstuk-resume-block div[data-chapter-nr="module_done"] {
	background-repeat: no-repeat;
	background-position: 23px 8px;
	position: absolute;
	left: 0;
	padding-left: 225px;
	right: 0;
	bottom: 0;
	top: 0;
}

.hoofdstuk-resume-block div[data-chapter-nr="module_done"]  ._image,
.hoofdstuk-resume-block div[data-chapter-nr="course_failed"]  ._image{
	display: none;
}

.hoofdstuk-resume-block div[data-chapter-nr="module_done"]  ._navbar,
.hoofdstuk-resume-block div[data-chapter-nr="course_failed"]  ._navbar,
.hoofdstuk-resume-block div[data-chapter-nr="course_done"] ._navbar{
	border-top: 3px dotted #c6c7c8;
	padding: 10px;
}
.hoofdstuk-resume-block div[data-chapter-nr="module_done"] ._header,
.hoofdstuk-resume-block div[data-chapter-nr="course_failed"] ._header,
.hoofdstuk-resume-block div[data-chapter-nr="course_done"] ._header {

	border: 0;
	margin-bottom: 0;
	margin-top: 10px;
	padding-bottom: 0px;
	padding: 10px 0;
}

.hoofdstuk-resume-block div[data-chapter-nr="course_failed"]{
	padding-left:0;
	padding-top:20px;
	background-image: url(../../images/haw-cursus/backgrounds/block-helaas.png);
}
.hoofdstuk-resume-block div[data-chapter-nr="module_done"]{
	background-image: url(../../images/haw-cursus/backgrounds/block-eintoets.png);
}
.hoofdstuk-resume-block div[data-chapter-nr="course_done"]{
	background-image: url(../../images/haw-cursus/backgrounds/block-certificate.png);
}


/* badge block */

.badge-block{

}

.badge-block img{

	animation: badge-in 0.5s 1 both linear;
}

@keyframes badge-in{

	0%{
		transform: scale(0,0);
	}
	50%{
		transform: scale(-1,1);
	}

	100%{
		transform: scale(1,1);
	}


}
.badge-block ._progressbar{
	border-radius: 25px;
	overflow: hidden;
	background-color: #eceded;
	height: 15px;
	position: relative;
	width: 100%;
	white-space: nowrap;
	display: block;
	margin-top: 15px;
	clear: both;
}
.badge-block ._progressbar ._fill{
	border-radius: 25px;
	overflow: hidden;
	width: 0%;
	background-color: #fec633;
	box-sizing: border-box;
	padding: 5px 10px;
	height: 15px;
	line-height: normal;
	text-align: right;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	transition: all 0.5s 0.5s;
	font-size: 0;
	line-height: 0;
}

.badge-block-profiel ._navbar{
	transform: translateY(-50%);
	position: absolute;
	top:50%;
	left: 0;
	right: 0;
	padding-left:10px;
	padding-right:10px;
	z-index: 3;
}


.badge-block ._navbar{
	position: absolute;
	bottom: 100px;
	left: 361px;
	right: 29px;
	padding: 10px 0;
	padding-bottom: 1px;
	background-image: url(../../images/haw-cursus/backgrounds/div-dash-hor-gray.png);
	background-size: auto 3px;
	background-position:left top;
	background-repeat: repeat-x;
	font-weight: bold;
	z-index: 3;
}
.badge-block-profiel ._navbar ._nav[data-nav-ctrl="prev"],
.badge-block ._navbar ._nav[data-nav-ctrl="prev"]{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.99 23.66'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e41248; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='15.12 23.66 18.99 18.72 10.21 11.83 18.99 4.94 15.12 0 0 11.8 .04 11.83 0 11.86 15.12 23.66'/%3E%3C/svg%3E");
	float: left;
	padding-left:30px;
}
.badge-block-profiel ._navbar ._nav[data-nav-ctrl="next"],
.badge-block ._navbar ._nav[data-nav-ctrl="next"]{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.99 23.66'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e41248; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='3.87 0 0 4.94 8.79 11.83 0 18.72 3.87 23.66 18.99 11.86 18.96 11.83 18.99 11.8 3.87 0'/%3E%3C/svg%3E");
	float: right;
	padding-right:30px;
	background-position: right center;
}
.badge-block-profiel ._navbar ._nav,
.badge-block ._navbar ._nav{
	display: block;
	height: 23px;
	margin: 3px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
	color:#000;
	font-weight: normal;
}
.badge-block-profiel ._navbar ._pagination,
.badge-block ._navbar ._pagination{
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 3px;
	width: 50px;
	text-align: center;
	height: 15px;

}


.chapter-details{
}
.chapter-details ._nr{
	font-size: 3em;
	line-height: 1em;
}
.chapter-details ._title{
	font-size: 1.111em;
	line-height: 1em;
	font-weight: 800;
	color: #000;
	padding-left: 10px;
}
.chapter-details ._desc td{
	color: #58585a;
	padding-left: 10px;
}



.hoofdstuk-all-block{
}

.chapter-row{
	margin: 5px 5px 30px 5px;
	box-sizing: border-box;
	padding: 5px 0 18px 0;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(../../images/haw-cursus/backgrounds/div-dash-hor-gray.png);
	background-size: auto 3px;
}

.chapter-details tr td._status,
.chapter-details tr td._action{
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(../../images/haw-cursus/backgrounds/div-dash-vert-gray.png);
	background-size: 3px auto;
	width: 84px;
	vertical-align: top;
	padding-left: 7px;
}
.chapter-details tr td._status{
	background-position: right top;
	width:90px;
	padding-bottom: 10px;
}
.chapter-details tr td._status ._icon{
	display: block;
	
	height: 50px;
	padding-right: 7px;
	font-size: 0.9em;
	text-align: center;
	color: #000;
	font-weight: bold;
}
.chapter-details tr td._status ._icon:before{
	content:'';
	display:block;
	width:22px; height:22px;
	border-radius: 100%;
	margin:0 auto 10px auto;
	background-color:#F6F6F6;
}


.chapter-row[data-afgerond="false"] .chapter-details tr td._status ._icon.__afgerond:before,
.chapter-row[data-badge="false"] .chapter-details tr td._status ._icon.__badge:before{
	background-color:#F6F6F6;
}
.chapter-row[data-afgerond="true"] .chapter-details tr td._status ._icon.__afgerond:before,
.chapter-row[data-badge="true"] .chapter-details tr td._status ._icon.__badge:before{
	background-color:#97BF0D;
}
.chapter-row[data-afgerond="true"][data-badge="false"] .chapter-details tr td._status ._icon.__badge:before{
	background-color:#e41248;
}

.chapter-details tr td._action ._bttn{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.99 23.66'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2390d0da; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='3.87 0 0 4.94 8.79 11.83 0 18.72 3.87 23.66 18.99 11.86 18.96 11.83 18.99 11.8 3.87 0'/%3E%3C/svg%3E");
	DISPLAY: BLOCK;
	BACKGROUND-REPEAT: NO-REPEAT;
	BACKGROUND-POSITION: CENTER TOP;
	box-sizing: border-box;
	background-size: auto 24px;
	height: 52px;
	padding-top: 28px;
	text-align: center;
	color: #000;
	font-size: 0.9em;
	font-weight: bold;
}
/* chapter overview */
.hoofdstuk-all-block ._chapters[data-current-chapter="1"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="2"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="3"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="4"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="5"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="6"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="7"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="8"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="9"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="10"] .chapter-row[data-result-nr="1"],


.hoofdstuk-all-block ._chapters[data-current-chapter="2"] .chapter-row[data-result-nr="2"],
.hoofdstuk-all-block ._chapters[data-current-chapter="3"] .chapter-row[data-result-nr="2"],
.hoofdstuk-all-block ._chapters[data-current-chapter="4"] .chapter-row[data-result-nr="2"],
.hoofdstuk-all-block ._chapters[data-current-chapter="5"] .chapter-row[data-result-nr="2"],
.hoofdstuk-all-block ._chapters[data-current-chapter="6"] .chapter-row[data-result-nr="2"],
.hoofdstuk-all-block ._chapters[data-current-chapter="7"] .chapter-row[data-result-nr="2"],
.hoofdstuk-all-block ._chapters[data-current-chapter="8"] .chapter-row[data-result-nr="2"],
.hoofdstuk-all-block ._chapters[data-current-chapter="9"] .chapter-row[data-result-nr="2"],
.hoofdstuk-all-block ._chapters[data-current-chapter="10"] .chapter-row[data-result-nr="2"],


.hoofdstuk-all-block ._chapters[data-current-chapter="3"] .chapter-row[data-result-nr="3"],
.hoofdstuk-all-block ._chapters[data-current-chapter="4"] .chapter-row[data-result-nr="3"],
.hoofdstuk-all-block ._chapters[data-current-chapter="5"] .chapter-row[data-result-nr="3"],
.hoofdstuk-all-block ._chapters[data-current-chapter="6"] .chapter-row[data-result-nr="3"],
.hoofdstuk-all-block ._chapters[data-current-chapter="7"] .chapter-row[data-result-nr="3"],
.hoofdstuk-all-block ._chapters[data-current-chapter="8"] .chapter-row[data-result-nr="3"],
.hoofdstuk-all-block ._chapters[data-current-chapter="9"] .chapter-row[data-result-nr="3"],
.hoofdstuk-all-block ._chapters[data-current-chapter="10"] .chapter-row[data-result-nr="3"],

.hoofdstuk-all-block ._chapters[data-current-chapter="4"] .chapter-row[data-result-nr="4"],
.hoofdstuk-all-block ._chapters[data-current-chapter="5"] .chapter-row[data-result-nr="4"],
.hoofdstuk-all-block ._chapters[data-current-chapter="6"] .chapter-row[data-result-nr="4"],
.hoofdstuk-all-block ._chapters[data-current-chapter="7"] .chapter-row[data-result-nr="4"],
.hoofdstuk-all-block ._chapters[data-current-chapter="8"] .chapter-row[data-result-nr="4"],
.hoofdstuk-all-block ._chapters[data-current-chapter="9"] .chapter-row[data-result-nr="4"],
.hoofdstuk-all-block ._chapters[data-current-chapter="10"] .chapter-row[data-result-nr="4"],

.hoofdstuk-all-block ._chapters[data-current-chapter="5"] .chapter-row[data-result-nr="5"],
.hoofdstuk-all-block ._chapters[data-current-chapter="6"] .chapter-row[data-result-nr="5"],
.hoofdstuk-all-block ._chapters[data-current-chapter="7"] .chapter-row[data-result-nr="5"],
.hoofdstuk-all-block ._chapters[data-current-chapter="8"] .chapter-row[data-result-nr="5"],
.hoofdstuk-all-block ._chapters[data-current-chapter="9"] .chapter-row[data-result-nr="5"],
.hoofdstuk-all-block ._chapters[data-current-chapter="10"] .chapter-row[data-result-nr="5"],

.hoofdstuk-all-block ._chapters[data-current-chapter="6"] .chapter-row[data-result-nr="6"],
.hoofdstuk-all-block ._chapters[data-current-chapter="7"] .chapter-row[data-result-nr="6"],
.hoofdstuk-all-block ._chapters[data-current-chapter="8"] .chapter-row[data-result-nr="6"],
.hoofdstuk-all-block ._chapters[data-current-chapter="9"] .chapter-row[data-result-nr="6"],
.hoofdstuk-all-block ._chapters[data-current-chapter="10"] .chapter-row[data-result-nr="6"],

.hoofdstuk-all-block ._chapters[data-current-chapter="7"] .chapter-row[data-result-nr="7"],
.hoofdstuk-all-block ._chapters[data-current-chapter="8"] .chapter-row[data-result-nr="7"],
.hoofdstuk-all-block ._chapters[data-current-chapter="9"] .chapter-row[data-result-nr="7"],
.hoofdstuk-all-block ._chapters[data-current-chapter="10"] .chapter-row[data-result-nr="7"],

.hoofdstuk-all-block ._chapters[data-current-chapter="8"] .chapter-row[data-result-nr="8"],
.hoofdstuk-all-block ._chapters[data-current-chapter="9"] .chapter-row[data-result-nr="8"],
.hoofdstuk-all-block ._chapters[data-current-chapter="10"] .chapter-row[data-result-nr="8"],

.hoofdstuk-all-block ._chapters[data-current-chapter="9"] .chapter-row[data-result-nr="9"],
.hoofdstuk-all-block ._chapters[data-current-chapter="10"] .chapter-row[data-result-nr="9"],

.hoofdstuk-all-block ._chapters[data-current-chapter="10"] .chapter-row[data-result-nr="10"]
{
	opacity: 1;
	filter: grayscale(0);
}




.hoofdstuk-all-block ._chapters[data-current-chapter="10"] .chapter-row[data-chapter-id="deel-et"]{
	display: none;
}

/* progress slider */
.prog-cnt .percent .number, .prog-cnt .card {
	display: flex;
	justify-content: center;
	align-items: center;
}

.prog-cnt{
	position: relative;
	width: 56%;
	display: flex;
	justify-content: space-around;
	float:left;
}

.prog-cnt .percent {
	position: relative;
	width: 322px;
	height: 318px;
	border-radius: 50%;
	z-index: 1;
}

.prog-cnt .percent:before {
	content:'';
	display:block;
	position: absolute;
	width: 200px;
	height: 200px;
	z-index: 3;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background-repeat: no-repeat;
	background-size:100% auto;
	background-image:url(../../images/haw-cursus/backgrounds/meter-logo-rond.png);
}




.prog-cnt .percent svg {
	position: relative;
	width: 320px;
	height: 320px;
	transform-origin: center;
}
.prog-cnt .percent svg circle {
	width: 335px;
	height: 335px;
	fill: none;
	stroke: #ffffff;
	stroke-width: 60px;
	stroke-linecap: initial;
	/* transform: translate(23px, 25px); */
	transition: all 1s;
	transform-origin: center;
	
}


.prog-cnt .percent svg circle.prog-fill {
	
	/*stroke-dashoffset: 440;*/
}
.prog-cnt svg circle.green-fill {
	stroke-dasharray: 860;
	stroke-dashoffset: calc(860px - (860px * 0) / 100);
	stroke: #B2CA41;
	transition: all 1s;
	transform: rotate(272deg);
}
.prog-cnt .percent svg circle.pink-fill {
	stroke-dasharray: 860;
	stroke-dashoffset: calc(860px - (860px * 0) / 100);
	transition: all 1s;
	stroke: #E38DB6;
	transform: rotate(-47deg);
}
.prog-cnt svg circle.blue-fill {
	stroke-dasharray: 860;
	stroke-dashoffset: calc(860px - (860px * 0) / 100);
	stroke: #90D0DA;
	transition: all 1s;
	transform: rotate(231deg);
}


/*filled*/
.prog-cnt svg circle.__bg{
	opacity: 0.2;	
}

.prog-cnt svg circle.green-fill.__bg {
	stroke-dashoffset: calc(860px - (860px * 10) / 100);
}
.prog-cnt .percent svg circle.pink-fill.__bg {
	stroke-dashoffset: calc(860px - (860px * 68) / 100);
}
.prog-cnt svg circle.blue-fill.__bg {
	stroke-dashoffset: calc(860px - (860px * 10) / 100);
}



.legenda-stip{
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: left center;
	margin: 15px 0;
	display:block;
	padding-left: 30px;
	}

.legenda-stip.__groen{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.64 13.64'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23b2ca41; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='6.82' cy='6.82' r='6.82'/%3E%3C/svg%3E");
}
.legenda-stip.__roze{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.64 13.64'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23E38DB6; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='6.82' cy='6.82' r='6.82'/%3E%3C/svg%3E");
}
.legenda-stip.__blauw{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.64 13.64'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2390D0DA; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='6.82' cy='6.82' r='6.82'/%3E%3C/svg%3E");
}


.pblock.badge-block{

}

.pblock.badge-block .badge-cnt{
	display: none;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: left top -24px;
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 335px;
	right: 0;
	bottom: 0;
}

.pblock.badge-block .badge-cnt ._image{
	position: absolute;
	left: 0;
	top: 0;
	/* right: 0; */
	width: 332px;
	bottom: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center 25px;
	background-size: 100%;
	text-align: center;
	
}


.pblock.badge-block .badge-cnt{
	display: none;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: left top -24px;
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 335px;
	right: 0;
	bottom: 0;
}


.pblock.badge-block-profiel .badge-cnt {
	/* display: none; */
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;	
	padding-left: 0;
	height: 310px;
	width: 230px;
	float: left;	
}

.pblock.badge-block-profiel .badge-cnt ._image{
	position: relative;
	height: 210px;

	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 90%;
	text-align: center;

}
.pblock.badge-block-profiel .badge-cnt ._content{
	position: relative;
	z-index: 2;
	padding: 5px 10px;
	text-align: center;
}

.pblock.badge-block-profiel .badge-cnt ._content ._title{
	font-weight:bold;
}
.pblock.badge-block-profiel .badge-cnt ._content ._title span:before{	
	display:block;
	font-weight: 900;
	font-size: 1.6em;
	line-height: normal;
}

.pblock.badge-block-profiel .badge-cnt[data-badge-id="deel-1"] ._content ._title span:before{	
	content:'Casus 1';
}
.pblock.badge-block-profiel .badge-cnt[data-badge-id="deel-2"] ._content ._title span:before{	
	content:'Casus 2';
}
.pblock.badge-block-profiel .badge-cnt[data-badge-id="deel-3"] ._content ._title span:before{	
	content:'Casus 3';
}
.pblock.badge-block-profiel .badge-cnt[data-badge-id="deel-4"] ._content ._title span:before{	
	content:'Casus 4';
}
.pblock.badge-block-profiel .badge-cnt[data-badge-id="deel-5"] ._content ._title span:before{	
	content:'Casus 5';
}
.pblock.badge-block-profiel .badge-cnt[data-badge-id="deel-6"] ._content ._title span:before{	
	content:'Casus 6';
}
.pblock.badge-block-profiel .badge-cnt[data-badge-id="deel-7"] ._content ._title span:before{	
	content:'Casus 7';
}
.pblock.badge-block-profiel .badge-cnt[data-badge-id="deel-et"] ._content ._title span:before{	
	content:'Eindtoets';
}
.pblock.badge-block-profiel .badge-cnt[data-badge-id="all-badges"] ._content ._title span:before{	
	content:'Alle badges';
}


.pblock.badge-block .badge-cnt[data-badge-unlocked="locked"] ._image{
	filter:grayscale(1);
}

.pblock.badge-block .badge-cnt[data-badge-unlocked="false"] ._image{
	filter:grayscale(1);
}

.pblock.badge-block .badge-cnt ._video img{
	margin-top: 28px;
	width: 43%;
}
.pblock.badge-block .badge-cnt ._content{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	padding: 20px;
	padding-top: 105px;
	padding-left: 359px;
}

.pblock.badge-block .badge-cnt ._content ._title{
	font-weight:900;
	font-size:1.6em;
	line-height: 1.75em;
}
.pblock.badge-block .badge-cnt ._content ._pagination{
	
}
.pblock.badge-block .badge-cnt ._content ._pagination ._current:before{
	font-weight:bold;	
	content:'1';
}
.pblock.badge-block .badge-cnt[data-b-nr="0"] ._content ._pagination ._current:before{
	content:'1';
}
.pblock.badge-block .badge-cnt[data-b-nr="1"] ._content ._pagination ._current:before{
	content:'2';
}
.pblock.badge-block .badge-cnt[data-b-nr="2"] ._content ._pagination ._current:before{
	content:'3';
}
.pblock.badge-block .badge-cnt[data-b-nr="3"] ._content ._pagination ._current:before{
	content:'4';
}
.pblock.badge-block .badge-cnt[data-b-nr="4"] ._content ._pagination ._current:before{
	content:'5';
}
.pblock.badge-block .badge-cnt[data-b-nr="5"] ._content ._pagination ._current:before{
	content:'6';
}
.pblock.badge-block .badge-cnt[data-b-nr="6"] ._content ._pagination ._current:before{
	content:'7';
}
.pblock.badge-block .badge-cnt[data-b-nr="7"] ._content ._pagination ._current:before{
	content:'8';
}
.pblock.badge-block .badge-cnt ._content ._desc{
	
	
}


.pblock.badge-block-profiel .badge-cnt{
	display:none;
}

.pblock.badge-block-profiel[data-show="0"] .badge-cnt[data-b-nr="0"],
.pblock.badge-block-profiel[data-show="0"] .badge-cnt[data-b-nr="1"],
.pblock.badge-block-profiel[data-show="0"] .badge-cnt[data-b-nr="2"],
.pblock.badge-block-profiel[data-show="0"] .badge-cnt[data-b-nr="3"],
.pblock.badge-block-profiel[data-show="0"] .badge-cnt[data-b-nr="4"],
.pblock.badge-block-profiel[data-show="0"] .badge-cnt[data-b-nr="5"],
.pblock.badge-block-profiel[data-show="1"] .badge-cnt[data-b-nr="6"],
.pblock.badge-block-profiel[data-show="1"] .badge-cnt[data-b-nr="7"],
.pblock.badge-block-profiel[data-show="1"] .badge-cnt[data-b-nr="8"]{
	display: block;
}




.pblock.badge-block[data-show="0"] .badge-cnt[data-b-nr="0"],
.pblock.badge-block[data-show="1"] .badge-cnt[data-b-nr="1"],
.pblock.badge-block[data-show="2"] .badge-cnt[data-b-nr="2"],
.pblock.badge-block[data-show="3"] .badge-cnt[data-b-nr="3"],
.pblock.badge-block[data-show="4"] .badge-cnt[data-b-nr="4"],
.pblock.badge-block[data-show="5"] .badge-cnt[data-b-nr="5"],
.pblock.badge-block[data-show="6"] .badge-cnt[data-b-nr="6"],
.pblock.badge-block[data-show="7"] .badge-cnt[data-b-nr="7"],
.pblock.badge-block[data-show="8"] .badge-cnt[data-b-nr="8"],
.pblock.badge-block[data-show="9"] .badge-cnt[data-b-nr="9"],
.pblock.badge-block[data-show="10"] .badge-cnt[data-b-nr="10"],
.pblock.badge-block[data-show="11"] .badge-cnt[data-b-nr="11"],
.pblock.badge-block[data-show="12"] .badge-cnt[data-b-nr="12"],
.pblock.badge-block[data-show="13"] .badge-cnt[data-b-nr="13"],
.pblock.badge-block[data-show="14"] .badge-cnt[data-b-nr="14"],
.pblock.badge-block[data-show="15"] .badge-cnt[data-b-nr="15"],
.pblock.badge-block[data-show="16"] .badge-cnt[data-b-nr="16"],
.pblock.badge-block[data-show="17"] .badge-cnt[data-b-nr="17"],
.pblock.badge-block[data-show="18"] .badge-cnt[data-b-nr="18"],
.pblock.badge-block[data-show="19"] .badge-cnt[data-b-nr="19"],
.pblock.badge-block[data-show="20"] .badge-cnt[data-b-nr="20"],
.pblock.badge-block[data-show="21"] .badge-cnt[data-b-nr="21"],
.pblock.badge-block[data-show="22"] .badge-cnt[data-b-nr="22"],
.pblock.badge-block[data-show="23"] .badge-cnt[data-b-nr="23"],
.pblock.badge-block[data-show="24"] .badge-cnt[data-b-nr="24"]{
	display: block;
}

*[data-show="0"] a._nav[data-nav-ctrl="prev"]{
	opacity: 0.3;
}



*[data-show="0"][data-total="1"] a._nav[data-nav-ctrl="next"],
*[data-show="1"][data-total="2"] a._nav[data-nav-ctrl="next"],
*[data-show="2"][data-total="3"] a._nav[data-nav-ctrl="next"],
*[data-show="3"][data-total="4"] a._nav[data-nav-ctrl="next"],
*[data-show="4"][data-total="5"] a._nav[data-nav-ctrl="next"],
*[data-show="5"][data-total="6"] a._nav[data-nav-ctrl="next"],
*[data-show="6"][data-total="7"] a._nav[data-nav-ctrl="next"],
*[data-show="7"][data-total="8"] a._nav[data-nav-ctrl="next"],
*[data-show="8"][data-total="9"] a._nav[data-nav-ctrl="next"],
*[data-show="9"][data-total="10"] a._nav[data-nav-ctrl="next"],
*[data-show="10"][data-total="11"] a._nav[data-nav-ctrl="next"],
*[data-show="11"][data-total="12"] a._nav[data-nav-ctrl="next"],
*[data-show="12"][data-total="13"] a._nav[data-nav-ctrl="next"],
*[data-show="13"][data-total="14"] a._nav[data-nav-ctrl="next"],
*[data-show="14"][data-total="15"] a._nav[data-nav-ctrl="next"]
{
	opacity: 0.3;
}


.course-resume-block ._image{
	position: absolute;
	left: 0;
	top: 0;
	height: 20.83vw;
	border-radius: 100%;
	width: 20.83vw;
	background-repeat: no-repeat;
	background-position: left top;
	transform: translate(-40%,-16%);
	overflow: hidden;
	background-size: cover;
}
.course-resume-block ._image:before{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: '';
	background-color: #b4d627;
	mix-blend-mode: color;

}
.course-resume-block ._header{
	background-image: url(../../images/ca-platform/backgrounds/div-stip-zwart.png);
	background-size: auto 10px;
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 0.6vw 0;
	margin-bottom: 0.9vw;
	margin-top: 0.6vw;
}

.course-resume-block ._progressbar{
	border-radius: 1.45vw;
	overflow: hidden;
	background-color: #eceded;
	height: 1.9vw;
	position: relative;
	width: 100%;
	white-space: nowrap;
	display: block;
	margin-top: 0.9vw;
	clear: both;
}
.course-resume-block ._progressbar ._fill{
	color: #FFF;
	border-radius: 1.49vw;
	overflow: hidden;
	width: 0%;
	background-color: #b4d627;
	box-sizing: border-box;
	padding: 0.3vw 0.6vw;
	line-height: 1.25em;
	text-align: right;
	position: absolute;
	padding-right: 1.8vw;
	left: 0;
	top: 0;
	bottom: 0;
	transition: all 0.5s 0.5s;
}

.course-resume-block ._navbar{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0.6vw 0.9vw;
}
.contact-card{
	position: relative;
	padding-right: 480px;
	min-height: 450px;
}

.contact-card ._img{
	width: 472px;
	background-size: 80%;
	background-color: #ffffff;
	background-repeat: no-repeat;
	position: absolute;
	background-position: center;
	right: 0;
	top: 0;
	bottom: 0;
	margin: -20px -50px -40px 0;
}


.txt-resume-chapter:before{
	content: 'Ga verder waar je gebleven was';
}


div[data-chapter-nr="1"] .txt-resume-chapter:before{
	content: 'Start hier met de cursus';
}



/* contact paginas */
.bg-contact-deco #layer1{
	background-image: url(../../cimages/x-E-HIND-NL/dashboard/bg-deco-contact.png);
	background-position: top 30px right 20px;
	background-repeat: no-repeat;
	background-size:160px auto;
}

.bg-feedback-deco #layer1{
	background-image: url(../../cimages/x-E-HIND-NL/dashboard/bg-deco-feedback.png);
	background-position: top 30px right 20px;
	background-repeat: no-repeat;
	background-size:160px auto;
}

.pgroup.bg-form-gray{
	background-position: top right 60px;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1127.23 571.33'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f6f6f6; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' width='1127.23' height='571.33'/%3E%3C/svg%3E");
	
}

#bottom-active-course{
	
}
#bottom-finished-course{
	
}



#layout div .button-collapse-wrapper {
	width: 100%;
	height: 71px;
	position: relative;
	margin: 0 0 30px 0;
}
#layout div div.button-collapse-wrapper._odd {
	background-color: #90d0da;
}
#layout div div.button-collapse-wrapper._even {
	background-color: #77acb2;
}
#layout div .aandoening-wrapper._odd {
	background-color: #90d0da;
}
#layout div .aandoening-wrapper._even {
	background-color: #77acb2;
}

#layout div .aandoening-wrapper {
	width: 100%;
	height: auto;
	/*	background-color: #90d0da; */
	position: relative;
	margin: 0 0 30px 0;
	color: #ffffff;
	padding: 5px 0 5px 0;
}
#layout div .aandoening-wrapper ul li:before {
	color: #ffffff;
}

#layout .button-collapse-wrapper img {
	float: left;
	padding: 7px 0 0 5px;
	width: 60px;
	height: auto;
}
#layout a.button-collapse {
	display: block;
	padding: 0 10px 5px 80px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 900;
	/* right: 0; */
	width: 91%;
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
}
#layout a.button-collapse:after {
	content: " ";
	display: block;
	width: 23px;
	height: 19px;
	background-image: url('https://zorgverlener.awarehiv.com/resources/cimages/haw-z/home/arrow-down-white.png');
	background-repeat: no-repeat;
	background-size: 23px auto;
	position: absolute;
	transform: translateY(-50%);
	top: 20%;
	right: 0;
	transform: rotate(0deg);
}
#layout a.button-collapse.__active:after {
	transform: translateY(-50%);
	top: 20%;
	transform: rotate(-180deg);

}


#layout .test-wrapper {

	/*	width: 975px; */
	color: #ffffff;
	position: relative;
	margin: 0 0 20px 0;
}
#layout .test-wrapper._rood {
	background-color: #e2001a;
	min-height: 48px;
}
#layout .test-wrapper._rose {
	background-color: #e38db6;
}
#layout .test-wrapper._groen {
	background-color: #b2ca41;
}
#layout .test-wrapper .c-1 {
	width: 118px;
	height: 100%;
	float: left;
	text-align: center;
	border-right: solid 2px #ffffff;
}
#layout .test-wrapper .c-1 h2 {
	color: #ffffff;
	margin: 10px 0 0 0;
}
#layout .test-wrapper .c-1 p {
	font-size: 0.611em;
	font-weight: 900;
	color: #ffffff;
}
#layout .test-wrapper .c-1 p {
	margin: -20px 0 0 0;
}
#layout .test-wrapper .c-2 p {
	margin: 0 0 0 0;
}
#layout .test-wrapper .c-2 {
	width: 790px;
	height: 100%;
	float: left;
	padding: 10px 0 0 20px;
}
#layout .test-wrapper .c-2 h3 {
	font-size: 1.5em;
	color: #ffffff;
	font-weight: 900;
}
#layout .test-wrapper .c-3 {
	width: 67px;
	height: 100%;
	float: left;
	position: absolute;
	right: 0;
	top: 35px;
}
#layout .test-wrapper .c-3 a {
	display: block;
	transform: rotate(90deg);
	text-decoration: none;
	color: #ffffff;
	font-weight: 900;
	font-size: 1.111em;
	text-transform: uppercase;
}
#layout .test-wrapper .c-3 a:before {
	content: "Klik";
	display: block;
	width: 23px;
	height: 19px;
	position: absolute;
	top: -10px;
	right: 25px;
	transform: rotate(0deg);
}
#layout .test-wrapper .c-3 a:after {
	content: " ";
	display: block;
	width: 23px;
	height: 19px;
	background-image: url('/resources/cimages/haw-z/home/arrow-down-white.png');
	background-repeat: no-repeat;
	background-size: 23px auto;
	position: absolute;
	top: -5px;
	/*	top: 4px; */
	right: -30px;
	/*	right: -20px; */
	transform: rotate(90deg);
}
#layout .test-wrapper .c-3 a.__active:before {
	content: "SLUIT";
	top: -10px;
	right: 30px;
}
#layout .test-wrapper .c-3 a.__active:after {
	top: -5px;
	right: -35px;
	transform: rotate(-90deg);
}
#layout div .choice-wrapper hr {
	border: solid 1px #fff;
	display: inline-block;
	width: 100%;	
	margin:14px 0;
}
#layout div .choice-wrapper {
	height: auto;
	position: relative;
	margin: 0 0 30px 0;
	color: #ffffff;
	padding: 20px 20px 20px 20px;
	box-sizing: border-box;
	clear:both
}
/*#layout div .choice-wrapper .split-div {
width: 50%;
height: auto;
} */
#layout .choice-wrapper h3 {
	color: #ffffff;
	font-size: 1.3em;
	font-weight: 900;
}
#layout .choice-wrapper._rood {
	background-color: #e2001a;
}
#layout .choice-wrapper._rose {
	background-color: #e38db6;
}
#layout .choice-wrapper._groen {
	background-color: #b2ca41;
}

#layout #page-section-laat-je-testen.pm-section._bg-grijs {
	background-color: #f6f6f6;
}

a.slider-button._hulp{
	color:#000;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.59 24.4'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e41248; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='3.99 0 0 5.09 9.06 12.2 0 19.31 3.99 24.4 19.59 12.23 19.55 12.2 19.59 12.17 3.99 0'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	padding: 14px 0;
	padding-left: 50px;
	display: block;
	box-sizing: border-box;
	background-position: 0 center;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 1.25em;
	background-size: 21px auto;
	border-bottom: 2px dashed #d9dadb;
	position:relative;
}
#layout a.slider-button._hulp:after {
	content: " ";
	display: block;
	width: 23px;
	height: 19px;
	transition:all 0.5s;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.4 19.59'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e41248; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='24.4 3.99 19.31 0 12.2 9.06 5.09 0 0 3.99 12.17 19.59 12.2 19.55 12.23 19.59 24.4 3.99'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 23px auto;
	position: absolute;
	transform: translateY(-50%);
	top: 20%;
	right: 0;
	transform: rotate(0deg);
}
#layout a.slider-button._hulp.__active:after {
	transform: translateY(-50%);
	top: 20%;
	transform: rotate(-180deg);

}
ul.arrow-list{
	
}
ul.arrow-list li{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.31 26.55'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %231a171b; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='4.35 0 0 5.54 9.86 13.27 0 21.01 4.35 26.55 21.31 13.31 21.27 13.27 21.31 13.24 4.35 0'/%3E%3C/svg%3E");
	list-style-type: none;
	background-repeat: no-repeat;
	padding-left: 50px;
	display:block;
	box-sizing: border-box;
	background-position: 0px 3px;
	background-size: 21px auto;
	margin-bottom: 20px; 
}

a.bttn-remove-profile{
	display:block;
	font-weight: 700;
	color:#000; padding: 10px 0;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position:left center;
	background-size: 25px auto;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.77 25.77'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e41248; %7D .cls-2 %7B fill: %2390d0da; %7D .cls-3 %7B fill: none; stroke: %23e41248; stroke-miterlimit: 10; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Ccircle class='cls-2' cx='12.63' cy='8.98' r='3.19'/%3E%3Cpath class='cls-2' d='M15.82,18.67h0c-1.9,1.4-4.48,1.4-6.38,0v1.18s0-5.04,0-5.04c0-1.76,1.43-3.19,3.19-3.19h0c1.76,0,3.19,1.43,3.19,3.19v3.86Z'/%3E%3C/g%3E%3Cpath class='cls-1' d='M12.88,0C5.77,0,0,5.77,0,12.88s5.77,12.88,12.88,12.88,12.88-5.77,12.88-12.88S20,0,12.88,0ZM12.88,21.9c-4.98,0-9.02-4.04-9.02-9.02S7.9,3.87,12.88,3.87s9.02,4.04,9.02,9.02-4.04,9.02-9.02,9.02Z'/%3E%3Cline class='cls-3' x1='4.04' y1='20.21' x2='21.73' y2='6.57'/%3E%3C/svg%3E");
	   
}

.stippel-vert
{
	position: absolute;
	height:100%;
	width:1px;
	left:calc(25% - 2px);
	border-left:2px dashed #d9dadb;
}

.pblock.__stippel-both{
	border-left: 2px dashed #d9dadb;
	border-right: 2px dashed #d9dadb;
}

/*popups */

#layer2 .x-popup-cnt{
	position: fixed;
	z-index: 10;
	left: -90px;
	right: 45px;
	width: auto!important;
	top: 0;
	display: none;
	overflow: auto;
}


#layout[data-popup="active"] #layer1,
#layout[data-popup="select-course"] #layer1{
	top: 0;
}
#layout[data-popup="active"] #topbar,
#layout[data-popup="select-course"] #topbar{
	transform: translateY(-150%);
}
#layout[data-popup="active"] #sidebar{
	transform: translateX(-150%);
}
#layout[data-popup="active"] .x-popup-cnt{

}

.x-popup-cnt ._x-close-popup-menu{
	display: block;
	float: left;
	padding-right: 4vw;
	margin-right: 4vw;
	height: 2vw;
	position: absolute;
	margin-top: 3vw;
	top: 0;
	left: 7px;
	font-size: 1.15vw;
	line-height: normal;
	background-repeat: no-repeat;
	color: #000;
	margin-left: 0.5vw;
	z-index: 10;
	background-size: auto 100%;
	padding-top: 0.4vw;
	background-position: right center;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.54 29.54'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%231a171b;stroke-miterlimit:10;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='14.77' cy='14.77' r='13.77'/%3E%3Cline class='cls-1' x1='19.78' y1='10.26' x2='10.89' y2='19.15'/%3E%3Cline class='cls-1' x1='10.89' y1='10.26' x2='19.78' y2='19.15'/%3E%3C/svg%3E");
	padding-right: 3.5vw;
}

.x-popup-cnt ._x-close-popup-menu:before{
	content: 'Sluit scherm';
}
#layout[data-p-lang="EN"] .x-popup-cnt ._x-close-popup-menu:before{
	content: 'Close screen';
}
.x-popup-cnt ._x-close-popup-menu{
	left: auto;
	right: 0;
}