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


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


.layout {
	color: #58585a;
	font-size: 18px;
	font-family: 'Vazirmatn', sans-serif;
	font-weight: 500;
	line-height: 1.5em;
}

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

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

.layout h1,
.layout .h1 {
	font-size: 2.1em;
	font-weight: 900;
	line-height: 1.25em;
	color:#000;
}
.layout .h1 {
	line-height:1.5em;	
}

.layout h2 {
	line-height: 1.25em;
	font-size: 1.9em;
	font-weight: 900;
}
.layout h3 { line-height: normal; font-size: 1.38em; font-weight: 900;}
.layout h4 { line-height: normal; font-size: 1.111em; margin-bottom: 0.5em;;font-weight: 900;} 
.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: auto;
	transition: filter 0.5s;
	top:2.2vw;right:0;
}
.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: 5.36vw;
	max-height: 80px;
	margin: 0 auto;
	top: 1vw;
	left: 0;
	/* width: 100%; */
	right: 0;
	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;

	transition: all 0.5s;
}

body.pm_flow #topbar .logo {
	background-size: contain;
	background-repeat: no-repeat;
	width: 15vw;
	height: 4.5vw;
	display: block;
	position: relative;
	background-position: left 1vw center;
	/* max-width: 222px; */
	/* margin: 0.1vw 2.2vw; */
	float: left;
	top: 0;
	margin-top: -2vw;
	left: 0;
	background-image:url(../../images/ca-platform/logos/logo-ca.png);

}


#layout[data-cnt="ca-admin"] #layout a._bttn.__handleiding, 
#layout[data-cnt="ca-admin"] #layout a._bttn.__instellingen, 
#layout[data-cnt="ca-admin"] #layout a._bttn.__contact {
	display: block!important;
}

#layout[data-p-type="cursus"]{
	
}

#layout[data-cnt="ca-beheer"] #layer1,
#layout[data-cnt="ca-admin"] #layer1,
#layout[data-cnt="ca-cursus"] #layer1,
#layout[data-cnt="ca-trainer"] #layer1{
	padding-left: 4vw;
	top: 6.55vw;
	left:0;
	right:0.3vw;
	z-index: 2;
	bottom: 0;
	position:absolute;
	overflow: auto;
	overflow-x:hidden;
}
#layout[data-cnt="ca-beheer"] #layer2,
#layout[data-cnt="ca-admin"] #layer2,
#layout[data-cnt="ca-cursus"] #layer2,
#layout[data-cnt="ca-trainer"] #layer2{
	position: relative;
	
}
#layout[data-cnt="ca-beheer"] #layer2 > .container_main,
#layout[data-cnt="ca-admin"] #layer2 > .container_main,
#layout[data-cnt="ca-cursus"] #layer2 > .container_main,
#layout[data-cnt="ca-trainer"] #layer2 > .container_main{
	position: relative;
	
	
}
#layout[data-cnt="ca-beheer"] #layer2 #blockArea,
#layout[data-cnt="ca-admin"] #layer2 #blockArea,
#layout[data-cnt="ca-cursus"] #layer2 #blockArea,
#layout[data-cnt="ca-trainer"] #layer2 #blockArea{
	position: relative;
	z-index: 2;
}
#layout[data-cnt="ca-beheer"] #layer2 #blockArea > ._inner,
#layout[data-cnt="ca-admin"] #layer2 #blockArea > ._inner,
#layout[data-cnt="ca-cursus"] #layer2 #blockArea > ._inner,
#layout[data-cnt="ca-trainer"] #layer2 #blockArea > ._inner{
	position: relative;
	
	
}
#layout #sidebar {
	position: fixed;
	left: 0;
	width: 4.2vw;
	z-index: 10;
	top: 6.72vw;
	bottom: 0;
	overflow: auto;
	font-size: 1.07vw;
}
#layout #sidebar > ._inner {
	width: 40vw;
	position: absolute;
	left: 1vw;
	padding-left: 11vw;
	bottom: 0;
	transform-origin: left top;
	transform: rotate(-90deg);
}
#layout #sidebar > ._inner:before {
	content: '';
	display: block;
	position: absolute;
	top: 0.6vw;
	height: 1vw;
	left: 0vw;
	width: 10vw;
	background-image: url(../../images/ca-platform/backgrounds/stip-hor.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 0.45vw;
}
.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="cursus"] .sidebar:hover::-webkit-scrollbar-track {
	background-color: #3330;
}

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


#layout[data-p-type="cursus"]{

}
#layout[data-popup="active"] #blockArea {

}

#layout[data-p-type="cursus"] #topbar a._bttn.__nl,
#layout[data-p-type="cursus"] #topbar a._bttn.__en,
#layout[data-p-type="cursus"] #topbar a._bttn.__profiel,
#layout[data-p-type="cursus"] #topbar a._bttn.__contact{
	display:none;
}

#layout[data-p-type="cursus"] #layer1{
	right:20vw;
}

#menubar{
	display:none;
}
#layout[data-p-type="cursus"] #menubar{
	position: fixed;
	right: 0;
	width: 20vw;
	z-index: 2;
	top: 0;
	bottom: 0;
	overflow: auto;
	background-color:#e4f2f4;
	display:block;
}
#layout[data-p-type="cursus"] #menubar > ._inner {	
	position: absolute;
	left:0;
	right:0;
	bottom: 0;
	top:0;
}

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


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


.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/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/ca-platform/icons/icon-notif-ok.svg');
}
#notif-cnt .notif_row .notif-icon_cnt .nNotOk
{
	background-image: url('../../images/ca-platform/icons/icon-notif-notok.svg');
}
#notif-cnt .notif_row .notif-icon_cnt .nInfo
{
	background-image: url('../../images/ca-platform/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:#b4d627;
	
	
}
.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{
	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;	
}


.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: 40px;
}
.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: 30px;
	/* border: 3px solid #ccc; */
	border-radius: 20px;
	background-color: #fff;
	box-sizing: border-box;
	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
}
.layout .hoofdstuk-all-block::-webkit-scrollbar-track{
	background-color: rgba(255,255,255,.15);
	width: 15px;
}
.layout .hoofdstuk-all-block::-webkit-scrollbar-thumb{
	background-color: #cccdd4;
	border-radius: 0.35em;
}
.layout .hoofdstuk-all-block::-webkit-scrollbar-thumb:hover {
	background-color: #bfc0c6;
}


.layout .hoofdstuk-all-block::-webkit-scrollbar-thumb {
	background-color: #b4d627;
	border-radius: 22px;
	border: 5px solid #fff;
}
.layout .hoofdstuk-all-block::-webkit-scrollbar-track{

}



.hoofdstuk-resume-block{
	padding-left: 14%;
	box-sizing: border-box;
}
.hoofdstuk-resume-block ._image{
	position: absolute;
	left: 0;
	top: 0;
	height: 350px;
	border-radius: 100%;
	width: 350px;
	background-repeat: no-repeat;
	background-position: left top;
	transform: translate(-40%,-16%);
	overflow:hidden;
	background-size: cover;
}
.hoofdstuk-resume-block ._image:before{
	position: absolute;display: block;
	left:0;top:0;right:0;bottom:0;
	content:''; 
	background-color: #b4d627;
	mix-blend-mode: color;
	
}
.hoofdstuk-resume-block ._header{
	border-bottom: 3px dotted #c6c7c8;
	padding: 10px 0;
	margin-bottom: 30px;
	margin-top: 0px;
}

.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; 
}

.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,
.hoofdstuk-resume-block div[data-chapter-nr="course_done"] ._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"]{

	background-image: url(../../images/ca-platform/backgrounds/block-helaas.png);
}
.hoofdstuk-resume-block div[data-chapter-nr="module_done"]{
	background-image: url(../../images/ca-platform/backgrounds/block-eintoets.png);
}
.hoofdstuk-resume-block div[data-chapter-nr="course_done"]{
	background-image: url(../../images/ca-platform/backgrounds/block-certificate.png);
}

/* notificatieblock dawshboard */
.notificatie-block{
	padding-left: 14%;
	padding-right: 30px;
	box-sizing: border-box;
	padding-top: 28px;
}
.notificatie-block ._image{
	position: absolute;
	left: 0;
	top: 0;
	height: 350px;
	border-radius: 100%;
	width: 350px;
	background-repeat: no-repeat;
	background-position: right top;
	transform: translate(-40%,-16%);
	overflow: hidden;
	background-size: auto 100%;
}
.notificatie-block ._image:before{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: '';
	background-color: #52e1ff;
	mix-blend-mode: color;

}
.notificatie-block ._navbar{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 15px;
}
/*
.notificatie-block ._navbar{
	position: absolute;
	bottom: 1px;
	left: 22%;
	right: 22%;
	padding: 0px;
	padding-bottom: 5px;
	font-weight: bold;
}*/
.notificatie-block ._navbar ._nav{
	display: block;
	height: 22px;
	margin: 3px;
	background-repeat: no-repeat;

	background-size: 12px;
}
.notificatie-block ._navbar ._nav[data-nav-ctrl="prev"]:before{
	content:'Vorige notificatie';
}
.notificatie-block ._navbar ._nav[data-nav-ctrl="next"]:before{
	content:'Volgende notificatie';
}

#layout[data-p-lang="EN"] .notificatie-block ._navbar ._nav[data-nav-ctrl="prev"]:before{
	content:'Previous notification';
}
#layout[data-p-lang="EN"] .notificatie-block ._navbar ._nav[data-nav-ctrl="next"]:before{
	content:'Next notification';
}

.notificatie-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' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.71 7.97'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231a171b;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m6.71,6.97V1c0-.78-.85-1.26-1.51-.86L.49,2.97c-.63.38-.65,1.28-.04,1.69l4.71,3.14c.66.44,1.55-.03,1.55-.83Z'/%3E%3C/svg%3E");
	float: left;
	padding-left:25px;
	background-position: left center;color: #000;
}

.notificatie-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='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.71 7.97'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231a171b;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m0,6.97V1C0,.22.85-.26,1.51.14l4.71,2.83c.63.38.65,1.28.04,1.69L1.55,7.8c-.66.44-1.55-.03-1.55-.83Z'/%3E%3C/svg%3E");
	float: right;
	padding-right:25px;
	background-position: right center;color: #000;
}

.notificatie-block ._navbar ._pagination{
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 3px;
	width: 50px;
	text-align: center;
	height: 15px;
}



/* 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 ._navbar{
	position: absolute;
	bottom: 10px;
	left: 22%;
	right: 22%;
	padding: 0px;
	padding-bottom: 1px;
	font-weight: bold;
	z-index: 3;
}
.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' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.71 7.97'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231a171b;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m6.71,6.97V1c0-.78-.85-1.26-1.51-.86L.49,2.97c-.63.38-.65,1.28-.04,1.69l4.71,3.14c.66.44,1.55-.03,1.55-.83Z'/%3E%3C/svg%3E");
	float:left;
}
.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='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.71 7.97'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231a171b;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m0,6.97V1C0,.22.85-.26,1.51.14l4.71,2.83c.63.38.65,1.28.04,1.69L1.55,7.8c-.66.44-1.55-.03-1.55-.83Z'/%3E%3C/svg%3E");
	float:right;
}
.badge-block ._navbar ._nav{
	display: block;
	width: 20px;
	height: 18px;
	margin: 3px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px;
}
.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;
}
.chapter-details ._desc{
	color:#58585a;
}



.hoofdstuk-all-block{}




.notificatie-block{}


#mob-menu{

	background-color:#52e1ff;
	position: absolute;
	z-index:12;
	left:0;top:0;right:0;bottom:0;
	padding-top:5vw;
	transform: translateY(-100%);
	transition: all 0.5s;
}

#mob-menu ._section{
	background-color: #FFF;
	width: 80%;
	height: auto;
	margin: 30px auto;
	box-sizing: border-box;
	padding: 20px;
	padding-left: 30%;
	background-size: 25% auto;
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
}
#mob-menu ._section:after{
	content:'';
	display:block;
	clear:both;	
	
}
#mob-menu ._section.__balk {
	padding-left:20px;
}
#mob-menu ._section.__gebruiker  {
	background-image: url(../../images/ca-platform/mobiel/side-gebruiker.png);
}
#mob-menu ._section.__instellingen {
	background-image: url(../../images/ca-platform/mobiel/side-settings.png);
}

#mob-menu ._section.__gebruiker:after,
#mob-menu ._section.__instellingen:after{
	content:'';
	display:block;
	width:3px;
	position: absolute;
	top:20px;bottom:20px;
	left:32%;
	border-right:2px dotted #c6c7c8;
}
#mob-menu a.hervat-leertraject{
	background-color:#52e1ff;
	padding: 5px 10px;
	border-radius: 24px;
	float:left;
	color:#FFF;
	display:block;
}

#mob-menu ._section a._menu{
	display: block;
	margin: 10px 0;
	padding-left: 30px;
	color: #000;
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 3px;
}
#mob-menu ._section a._menu.__profiel{
	background-image: url(../../images/ca-platform/mobiel/icon-profiel.png);
}
#mob-menu ._section a._menu.__profiel{
	background-image: url(../../images/ca-platform/mobiel/icon-profiel.png);
}
#mob-menu ._section a._menu.__contact{
	background-image: url(../../images/ca-platform/mobiel/icon-contact.png);
}
#mob-menu ._section a._menu.__logout{
	background-image: url(../../images/ca-platform/mobiel/icon-uitloggen.png);
}
#mob-menu ._section a._menu.__instellingen{
	background-image: url(../../images/ca-platform/mobiel/icon-instellingen.png);
}

#mob-menu .language-bttn{
	
}

#headerbar {
	padding-top: 1.5vw;
}
#headerbar .logo{}
#headerbar .menu-content{
	float:right;
	padding-right: 6vw;	

}
#headerbar .menu-content:after{
	content: '';
	display: block;
	position: absolute;
	top: 2vw;
	height: 1vw;
	right: 0vw;
	width: 5vw;
	background-image: url(../../images/ca-platform/backgrounds/stip-hor.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 0.45vw;
	}


#headerbar .menu-content:after{
	display:block;
	content:'';
	clear:both;	
}
#headerbar .menu-content ._bttn{
	display: block;
	float: left;
	padding-right: 2vw;
	height: 1.6vw;
	font-size: 1vw;
	line-height: normal;
	background-repeat: no-repeat;
	color: #000;
	margin-left: 0.5vw;
	background-size: auto 100%;
	padding-top: 0.4vw;
	background-position: right center;
}
._x-close-menu{
	display:none;
}

#headerbar .menu-content ._bttn.__nl{
	background-image:url(../../images/ca-platform/buttons/bttn-nl.png);
}
#headerbar .menu-content ._bttn.__en{
	background-image:url(../../images/ca-platform/buttons/bttn-en.png);
}
#headerbar .menu-content ._bttn.__switch,
#headerbar .menu-content ._bttn.__profiel{
	background-image:url(../../images/ca-platform/buttons/bttn-profiel.png);
	padding-right: 2.5vw;
}
#headerbar .menu-content ._bttn.__contact{
	background-image:url(../../images/ca-platform/buttons/bttn-contact.png);
	padding-right: 2.5vw;
}
#headerbar .menu-content ._bttn.__handleiding,


#headerbar .menu-content ._bttn.__hoofdstukken,
#headerbar .menu-content ._bttn.__logout{
	background-image:url(../../images/ca-platform/buttons/bttn-logout.png);	
	padding-right: 2.5vw;
}
#sidebar > ._inner ._bttn.__pauzeer,
#headerbar .menu-content ._bttn.__pauzeer{
	display:none;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.53 28.53'%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.26' cy='14.26' r='13.26'/%3E%3Cline class='cls-1' x1='11.17' y1='7.56' x2='11.17' y2='19.67'/%3E%3Cline class='cls-1' x1='16.73' y1='7.56' x2='16.73' y2='19.67'/%3E%3C/svg%3E");
}
#layout[data-cnt="ca-cursus"] #headerbar .menu-content ._bttn.__nl,
#layout[data-cnt="ca-cursus"] #headerbar .menu-content ._bttn.__en{
	padding-right: 48px;
	
}
#layout[data-p-type="cursus"] #sidebar > ._inner ._bttn.__pauzeer,
#layout[data-p-type="cursus"] #headerbar .menu-content ._bttn.__pauzeer{
	display:block;	
}


#headerbar .menu-content ._bttn.__switch:before{
	content:'Naar de cursus';
}
#layout[data-cnt="ca-cursus"] #headerbar .menu-content ._bttn.__nl:before{
	content:'Change language to dutch ';
}
#layout[data-cnt="ca-cursus"] #headerbar .menu-content ._bttn.__en:before{
	content:'Wijzig taal naar Engels';
}
#headerbar .menu-content ._bttn.__switch.__admin:before{
	content: 'Naar administrator dashboard';
}
#headerbar .menu-content ._bttn.__profiel:before{
	content:'Profiel en badges';
}
#headerbar .menu-content ._bttn.__contact:before{
	content:'Contact en feedback';
}
#headerbar .menu-content ._bttn.__logout:before{
	content:'Uitloggen';
}


#layout[data-p-lang="EN"] #headerbar .menu-content ._bttn.__switch:before{
	content:'To the course';
}
#layout[data-p-lang="EN"] #headerbar .menu-content ._bttn.__switch.__admin:before{
	content:'To administrator dashboard';
}
#layout[data-p-lang="EN"] #headerbar .menu-content ._bttn.__profiel:before{
	content:'Profile and badges';
}
#layout[data-p-lang="EN"] #headerbar .menu-content ._bttn.__contact:before{
	content:'Contact and feedback';
}
#layout[data-p-lang="EN"]  #headerbar .menu-content ._bttn.__logout:before{
	content:'Log out';
}


#sidebar > ._inner ._bttn{
	display: block;
	float: left;
	padding-left: 2.5vw;
	height: 1.6vw;
	font-size: 1vw;
	line-height: normal;
	background-repeat: no-repeat;
	color: #000;
	margin-right: 0.5vw;
	background-size: auto 100%;
	padding-top: 0.4vw;
	background-position: left center;
	background-image:url(../../images/ca-platform/buttons/bttn-logout.png);
}
#sidebar > ._inner ._bttn.__handleiding:before{
	content: 'Handleiding';
}

#sidebar > ._inner ._bttn.__notificaties:before{
	content: 'Notificaties';
}

#sidebar > ._inner ._bttn.__instellingen:before{
	content: 'Instellingen & bedrijfsgegevens';
}

#layout[data-p-lang="EN"] #sidebar > ._inner ._bttn.__handleiding:before{
	content: 'Manual';
}

#layout[data-p-lang="EN"] #sidebar > ._inner ._bttn.__notificaties:before{
	content: 'Notifications';
}

#layout[data-p-lang="EN"] #sidebar > ._inner ._bttn.__instellingen:before{
	content: 'Settings & company information';
}

.menu-content.__dashboard,
.menu-content.__cursus{
	display:none;
}



/* custom backgrounds */
#layout[data-cnt="ca-beheer"].cursus-dashboard,
#layout[data-cnt="ca-admin"].cursus-dashboard,
#layout[data-cnt="ca-trainer"].cursus-dashboard{
	background-repeat: no-repeat;
	background-image: 
	url(../../images/ca-platform/backgrounds/stip-right-top-blue.svg),
	url(../../images/ca-platform/backgrounds/stip-paars.svg);
	background-position: right top, left 26.1vw top -6.45vw;
	background-size: 16.4vw auto, 9.7vw auto;
}
#layout[data-cnt="ca-cursus"].cursus-dashboard{
	background-repeat: no-repeat;
	background-image: 
	url(../../images/ca-platform/backgrounds/stip-right-top-blue.svg),
	url(../../images/ca-platform/backgrounds/stip-yellow.svg),
	url(../../images/ca-platform/backgrounds/stip-paars.svg);
	background-position: right top, right 16.4vw bottom -6.45vw, left 26.1vw top -6.45vw;
	background-size: 16.4vw auto, 12.9vw auto, 9.7vw auto;
}

#layout[data-unid="platform-inloggen"]{
	background-repeat: no-repeat;
	background-image: url(../../images/ca-platform/backgrounds/stip-right-top-blue.svg),
	url(../../images/ca-platform/backgrounds/stip-yellow.svg);
	background-position: right top, right 16.4vw bottom -6.45vw;
	background-size: 16.4vw auto, 12.9vw auto;
}





.chapter-row{
	background-color: #FFF;
	margin: 5px 5px 30px 5px;
	border-radius: 40px;
	box-sizing: border-box;
	padding: 17px 20px 10px 20px;
	opacity:0.8;
	filter:grayscale(1);
}

.level-b-table tr td._action,
.chapter-details tr td._action{
	background-repeat: repeat-y;
	background-position: left top;
	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 3 59.08'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23c6c7c8;stroke-dasharray:0 0 0 8;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='1.5' y1='1.5' x2='1.5' y2='57.58'/%3E%3C/svg%3E");
	background-size: 3px auto;
	width: 140px;
	vertical-align: middle;
}
.chapter-details tr td._action .bttn-go{
	
	margin-top:0!important;
	padding-top:5px;
	
}
/* 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="et"] .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="et"] .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="et"] .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="et"] .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="et"] .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="et"] .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="et"] .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="et"] .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="et"] .chapter-row[data-result-nr="9"],

.hoofdstuk-all-block ._chapters[data-current-chapter="10"] .chapter-row[data-result-nr="et"],
.hoofdstuk-all-block ._chapters[data-current-chapter="et"] .chapter-row[data-result-nr="et"]
{
	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: 100%;
	display: flex;
	justify-content: space-around;
}

.prog-cnt .percent {
	position: relative;
	width: 335px;
	height: 335px;
	border-radius: 50%;
	/* box-shadow: inset 0 0 50px #000; 
	background-color: #efefef;*/
	z-index: 1;
}

.prog-cnt .percent svg {
	position: relative;
	width: 335px;
	height: 335px;
	transform: rotate(-85deg);
}
.prog-cnt .percent svg circle {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #efefef;
	stroke-width: 40px;
	stroke-linecap: round;
	transform: translate(23px, 25px);
	transition: all 1s;
}


.prog-cnt .percent svg circle.prog-fill {
	stroke-dasharray: 860;
	/*stroke-dashoffset: 440;*/
}
.prog-cnt svg circle.prog-fill {
	stroke-dashoffset: calc(860px - (860px * 0) / 100);
	stroke: #b4d627;
}
.prog-cnt .percent svg circle.score-fill {
	stroke-dasharray: 420;
	/*stroke-dashoffset: 440;*/
	transition: all 1s;
}
.prog-cnt svg circle.score-fill {
	stroke-dashoffset: calc(420px - (420px * 0) / 100);
	stroke: #6f47ff;
}


/* inloggen */

.inlog-graphic{
	position: relative;
	width:712px;
	height: 728px;
}

.inlog-graphic ._shape{
	position: absolute;
	overflow:hidden;
	background-repeat: no-repeat;
	background-size:cover;
	animation: swap-backgrounds 30s infinite both;
}


@keyframes swap-backgrounds{
	
	0%{
		background-image: url(../../images/ca-platform/login/login-1.jpg);
	}
	25%{
		background-image: url(../../images/ca-platform/login/login-1.jpg);
	}
	50%{
		background-image: url(../../images/ca-platform/login/login-2.jpg);
	}
	75%{
		background-image: url(../../images/ca-platform/login/login-3.jpg);
	}

	
}
@keyframes green-in{
	from{
		transform: translate(-30%,-30%);
	}
	to{
		transform: translate(0,0);
	}
}

.inlog-graphic ._shape:before{
	position:absolute;
	display:block;
	content:'';

	mix-blend-mode: color;
	left:0;right:0;top:0;bottom:0;	
}

.inlog-graphic ._blue{
	clip-path: path('m337.78,0C153.02,0,2.92,148.32,0,332.38h343.25v343.25c184.06-2.92,332.38-153.02,332.38-337.78S524.37,0,337.78,0Z');
	width: 675px;
	height: 675px;
	right: 0;
	top: 0;
	background-position: left -32px top -50px;
	background-size: 1400px auto;
}
.inlog-graphic ._shape._blue:before{
	background-color:#52e1ff;
}

.inlog-graphic ._shape._green:before{
	background-color:#b4d627;
}

.inlog-graphic ._shape._yellow:before{
	background-color:#fec633;
}

.inlog-graphic ._green-solid{
	clip-path: path('m212.63,218.23H.03C.02,217.52,0,216.8,0,216.09,0,97.89,94.88,1.87,212.63,0v218.23Z');
	width: 212px;
	height:218px;
	left:0;top:0;
	background-position: left top;
	background-image:none;
	mix-blend-mode: normal;
	background-color:#b4d627;
	animation: green-in 2s 1 both;
}
.inlog-graphic ._blue ._green{
	clip-path: path('m212.63,218.23H.03C.02,217.52,0,216.8,0,216.09,0,97.89,94.88,1.87,212.63,0v218.23Z');
	width: 212px;
	height: 218px;
	left: 0;
	top: 0;
	background-position: left 37px -50px;
	margin-left: -37px;
	background-size: 1400px auto;
	animation: swap-backgrounds 30s infinite both, green-in 2s 1 both;
}
.inlog-graphic ._yellow{
	clip-path: path('m332.38,0H.04c-.01,1.12-.04,2.23-.04,3.35,0,184.76,148.32,334.86,332.38,337.78V0Z');
	width: 332px;
	height:341px;
	left:0;bottom:0;
	background-position: left  top -439px;
	background-size: 1400px auto;
}

.login-screen-cnt{
	background-color: #FFF;
	border-radius: 25px;
	box-sizing: border-box;
	width: 100%;
	padding: 25px;
	height: 400px;
	position: absolute;
	top: 50%;
	transform: translate(-35%,-50%);
}


.login-screen-cnt ._side-left{
	float: left;
	width: 50%;
	height: 350px;
	box-sizing: border-box;
	background-image: url(../../images/ca-platform/logos/logo-ca.svg);
	background-size: 90% auto;
	background-repeat: no-repeat;
	padding-top: 167px;
}
.login-screen-cnt ._side-right{
	float:right;
	width:50%;
	padding-top: 78px;
	box-sizing: border-box;
	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 3 414.54'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%231a171b;stroke-dasharray:0 0 0 10;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='1.5' y1='1.5' x2='1.5' y2='413.04'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position: left top;
	background-size:4px auto;
	padding-left:20px;height: 350px;
}
.login-screen-cnt input[type="text"],
.login-screen-cnt input[type="password"]{
	height: 60px;
	box-sizing: border-box;
	width: 100%;
	box-shadow: inset 0 0 5px 1px #00000040;
	border: 0;
	outline: none!important;
	padding: 10px 25px;
}

.login-screen-cnt .li-user{
	display:block;
	padding-left:50px;
	position: relative;
}
.login-screen-cnt .li-password{
	display:block;
	margin-top:20px;
	padding-left:50px;
	position: relative;
}


.login-screen-cnt .li-user:before,
.login-screen-cnt .li-password:before{
	content: '';
	display: block;
	width: 53px;
	position: absolute;
	left: 0;
	background-color: #ccc;
	background-size: 45%;
	height: 60px;
	background-position: center;
	box-shadow: inset 0 0 5px 1px #0000004d;
	background-repeat: no-repeat;
}

.login-screen-cnt .li-user:before{
	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 25.37 44.43'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m20.89,28.45l-2.29-.94c-.09-.04-.18-.09-.27-.13-.95-.48-1.62-1.35-1.86-2.37,4.68-2.15,8.08-8.4,8.08-13.55C24.55,5.13,19.42,0,13.09,0S1.64,5.13,1.64,11.46c0,4.87,3.05,10.71,7.33,13.15-.16,1.28-.99,2.4-2.2,2.9l-.27.11h0l-2.02.83s-.07.03-.1.05c0,0,0,0,0,0-.97.41-1.82,1.02-2.5,1.77-.24.26-.45.54-.65.83-.78,1.16-1.22,2.55-1.22,4.01h0v7.44h0l5.1,1.09c.61.13,1.22.24,1.83.34,4.29.68,8.68.59,12.94-.29l5.5-1.13h0v-7.44c0-2.92-1.77-5.56-4.47-6.66Z'/%3E%3C/svg%3E");
}
.login-screen-cnt .li-password:before{
	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 28.8 40.9'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m25.74,14.63v-3.54C25.74,4.97,20.77,0,14.65,0S3.56,4.97,3.56,11.09v3.54H0v26.27h28.8V14.63h-3.06Zm-6.64,18.74h-9.09l2.43-4.59c-1.44-.76-2.43-2.26-2.43-4,0-2.51,2.04-4.55,4.55-4.55s4.55,2.04,4.55,4.55c0,1.74-.99,3.24-2.43,4l2.43,4.59Zm1.64-18.74h-12.18v-3.54c0-3.36,2.73-6.09,6.09-6.09s6.09,2.73,6.09,6.09v3.54Z'/%3E%3C/svg%3E");
}

.login-screen-cnt .li-user[data-status="ok"]:before,
.login-screen-cnt .li-password[data-status="ok"]:before{
	background-color:#000;
}

.login-screen-cnt .li-user[data-status="notok"]:before,
.login-screen-cnt .li-password[data-status="notok"]:before{
	background-color:#be0a26;
}

.login-screen-cnt .button-login{
	display: block;
	text-decoration: none;
	background-color: #52E1FF;
	color: #FFF;
	border: 0;
	display: block;
	padding: 10px 20px;
	border-radius: 25px;
	font-weight: normal;
	position: relative;
	width:100%;
	transition: all 0.3s;
	margin-top: 20px;
	cursor:pointer;
}
.login-screen-cnt[data-status="ok"] .button-login{
	background-color:#52e1ff;
}

.login-screen-cnt .wachtwoord-vergeten{
	float: left;
	margin: 15px 0;
	display: block;
	color: #000000;
	background-color: #e4e4e4;
	border-radius: 12px;
	padding: 7px 10px 2px 10px;
	line-height: 1.25em;
	font-size: 0.75em;
}

.course-switch-cnt{}
.course-switch-cnt button.select-course.disabled{
	background-color: #ccc;
	
	
}
.course-switch-cnt button.select-course{
	display: block;
	background-color: #52e1ff;
	border-radius: 25px;
	border: 0;
	outline: 0;
	color: #FFF;
	float: left;
	margin: 5px 0;
	position: relative;
	height: 30px;
	padding: 5px 20px 5px 15px;
	box-sizing: border-box;
	cursor: pointer;
}
.course-switch-cnt button.select-course > span{
	display: block;
	border-radius: 100%;
	text-align: center;
	width: 26px;
	height: 26px;
	box-sizing: border-box;
	color: #000;
	position: absolute;
	padding-top: 5px;
	left: 0;
	top: 0;
	transform: translate(-50%,-50%);
	background-color: #fec633;
}
.course-switch-cnt a._button{
	display: block;
	box-sizing: border-box;
	float: left;
	margin: 5px 0;
	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 10.34 12.28'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231a171b;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m0,1.54v9.2c0,1.2,1.31,1.94,2.33,1.32l7.26-4.36c.97-.58,1-1.98.06-2.6L2.4.26C1.37-.42,0,.31,0,1.54Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: auto 10px;
	background-position: 10px center;
	height: 30px;
	padding-left: 26px;
	margin-right: 15px;
	padding-top: 5px;
	color: #000;
	font-weight: 600;
}


.pblock.badge-block{
	
}

.pblock.badge-block .badge-cnt{
	display:none;
	background-size: auto 100%;

	background-repeat: no-repeat;
	background-position: center top -24px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.pblock.badge-block .badge-cnt ._video{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center 25px;
	background-size: 41%;
	text-align:center;
}



.pblock.badge-block .badge-cnt ._video video{
	width: 102%;
	margin: 0 auto;
	margin-top: -18%;
	margin-left: -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: 230px;
	
}

.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;
}
.pblock.notificatie-block ._notif{
	display: none;

}

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


.stip-divider
{
	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 3 46.77'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%231a171b;stroke-dasharray:0 0 0 10;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='1.5' y1='45.27' x2='1.5' y2='1.5'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-size: 3px auto;
	background-repeat: no-repeat;
	background-position:center;
}


.stip-divider-hor
{
	background-image: url(../../images/ca-platform/backgrounds/div-stip-zwart.png);
	padding-top:20px;
	background-size: auto 12px;
	background-repeat: repeat-x;
	background-position: left top;
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 20px;
}

.notificatie-cnt{
	width:740px;
	height:350px;
	overflow:hidden;
	position:relative;
	float:left;
	background-color: #FFF;
}
.notificatie-cnt ._image{
	width: 200px;
	height: 200px;
	transform: translate(-18%,-13%);
}

*[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;
}



/* notificatie types */

.notificatie-block ._title{
	font-size: 1.25em;
	display:block;
	font-weight: 900;
}

.notificatie-block ._message{
	display:block;
	margin-top: 15px;
}

.notificatie-block ._details{
	margin-top: 15px;
	display:block;
}
.pblock.notificatie-block ._title,
.notificatie-block ._hilite{
	color: #52e1ff;
	font-weight: 900;
}
.pblock.notificatie-block ._title{
	margin-top: 15px;
}



/* notificatie page en filters */
.filter-block a.button-view-grid,
.filter-block a.button-view-list{
	width: 30px;
	height: 30px;
	display: block;
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-position:center top;
	margin: 0 10px;
	margin-bottom: 5px;
}
.filter-block a.button-view-grid{
	background-image: url(../../images/ca-platform/buttons/bttn-view-grid.png);
}
.filter-block a.button-view-list{
	background-image: url(../../images/ca-platform/buttons/bttn-view-list.png);
	width: 40px;
}
.filter-block a.button-view-grid.__active{
	background-image: url(../../images/ca-platform/buttons/bttn-view-grid-active.png);
}
.filter-block a.button-view-list.__active{
	background-image: url(../../images/ca-platform/buttons/bttn-view-list-active.png);
}



.filter-block{
	
}

.layout .filter-block .inp-checkbox{
	padding-top: 10px;
	margin: 0;
	display: inline;
	padding-left: 0;
}

.filter-block .inp-checkbox .input{
	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
	height: 30px;
	border-radius: 9px;
	width: 30px;
	float: left;
	border: 1px solid #ccc;
	display: block;
	margin-top: -8px;
	margin-left: 13px;
	margin-right: 12px;
	margin-bottom: 0px;
}
	
.filter-block .inp-select select{
	width: 95%;
	box-sizing: border-box;
	padding: 10px;
	border: 0;
	outline: 0;
	margin-left: 10px;
	border-radius: 14px;
}

/*sidemenu*/
.chapter-menu{
	position:relative;
	padding-top:6vw;
}
.chapter-menu a._button{
	display: block;
	color: #000;
	padding: 1em;
	position: relative;
	padding-left: 15%;
	border-bottom-right-radius: 40px;
	border-top-right-radius: 40px;
	font-size: 1.25vw;
	margin-right: 10px;
	line-height: normal;
	opacity: 0.3;
	transition: all 0.3s;
}
.chapter-menu a._button:after{
	content:'';
display: none;
transform-origin: center;
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 15.16 15.16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23b4d627;stroke-width:0px;%7D.cls-2%7Bfill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.12px;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='7.58' cy='7.58' r='7.58'/%3E%3Cpolyline class='cls-2' points='3.41 6.16 5.83 10.99 8.78 6.16 13.07 6.16'/%3E%3C/svg%3E");	
width: 1vw;
height: 1vw;
position: absolute;
left: 1vw;
top: 1vw;
background-size: contain;
animation: checkm-in 0.5s 1 both;
}


.chapter-menu a._button[data-page-number="2"]:after{
	animation-delay: 0.2s;	
}
.chapter-menu a._button[data-page-number="3"]:after{
	animation-delay: 0.3s;	
}
.chapter-menu a._button[data-page-number="4"]:after{
	animation-delay: 0.4s;	
}
.chapter-menu a._button[data-page-number="5"]:after{
	animation-delay: 0.5s;	
}
.chapter-menu a._button[data-page-number="6"]:after{
	animation-delay: 0.6s;	
}
.chapter-menu a._button[data-page-number="7"]:after{
	animation-delay: 0.7s;	
}

.chapter-menu a._button[data-read-status="1"]{
	opacity:1;
}
.chapter-menu a._button[data-read-status="1"]:after{
	display:block;
}

#layout #eindtoets-progress,
#layout.eindtoets #menubar,
#layout.eindtoets .chapter-menu{
	display:none;
}


#layout.eindtoets #menubar{
	animation: sm-in 0.5s 1 both;
}
#layout.eindtoets #layer1{
	right:0vw;
}
#layout.eindtoets[data-p-type="cursus"][data-test-start="true"] #topbar{
	right:20vw;
}
#layout.eindtoets[data-p-type="cursus"][data-test-start="true"] #layer1{
	right:20vw;
	min-width: 0;
}
#layout.eindtoets[data-p-type="cursus"][data-test-start="true"] #menubar{
	animation: sm-in 1s 1 both;
	display:block;
}


.vraag-block.__stelling-vraag .float-left{
	width: 570px;
	
}

.lsd-letter{
	position: absolute;
	left: 0;
	font-size: 2.5em;
	line-height: 1em;
}

@keyframes sm-in{
	from{
		transform:translateX(200vw);
	}
	to{
		transform:translateX(0vw);	
		}
	
	
}

#layout.eindtoets #eindtoets-progress ._text{
	font-weight: 800;
	color: #000;
	padding: 10px;
	display: block;
	top: 0;
	z-index: 2;
	position: absolute;
}
#layout.eindtoets #eindtoets-progress ._text:before{
	content:'Resterende tijd voor deze vraag';
}
#layout[data-p-lang="EN"].eindtoets #eindtoets-progress ._text:before{
	content:'Remaining time for this question';
}


#layout.eindtoets #eindtoets-progress{
	display:block;
	position: absolute;
	bottom:0;
	top:7vw;
	left:0;right:0;
}
#layout.eindtoets #eindtoets-progress ._progress{
	display:block;
	position: absolute;
	bottom:0;
	height:100%;
	left:0;right:0;
	background-color:#52e1ff;
	transition: all 1s linear;
}


@keyframes checkm-in{
	
	from{ transform:scale(0,0)}
	to{ transform:scale(1,1)}
	
}


.chapter-menu a._button:before{
	content: '00';
	color: #707173;
	margin-left: -12.5%;
	margin-right: 2.5%;
	/*display: inline-block;*/
	/* font-family: "Red Hat Display"; */
	font-weight: 800;
}
.chapter-menu a._button[data-page-number="1"]:before{
	content: '01';
}
.chapter-menu a._button[data-page-number="2"]:before{
	content: '02';
}
.chapter-menu a._button[data-page-number="3"]:before{
	content: '03';
}
.chapter-menu a._button[data-page-number="4"]:before{
	content: '04';
}
.chapter-menu a._button[data-page-number="5"]:before{
	content: '05';
}
.chapter-menu a._button[data-page-number="6"]:before{
	content: '06';
}
.chapter-menu a._button[data-page-number="7"]:before{
	content: '07';
}
.chapter-menu a._button[data-page-number="8"]:before{
	content: '08';
}
.chapter-menu a._button[data-page-number="9"]:before{
	content: '09';
}
.chapter-menu a._button[data-page-number="10"]:before{
	content: '10';
}
.chapter-menu a._button[data-page-number="11"]:before{
	content: '11';
}
.chapter-menu a._button[data-page-number="12"]:before{
	content: '12';
}



.chapter-menu[data-current-page="1"] a._button[data-page-number="1"],
.chapter-menu[data-current-page="2"] a._button[data-page-number="2"],
.chapter-menu[data-current-page="3"] a._button[data-page-number="3"],
.chapter-menu[data-current-page="4"] a._button[data-page-number="4"],
.chapter-menu[data-current-page="5"] a._button[data-page-number="5"],
.chapter-menu[data-current-page="6"] a._button[data-page-number="6"],
.chapter-menu[data-current-page="7"] a._button[data-page-number="7"],
.chapter-menu[data-current-page="8"] a._button[data-page-number="8"],
.chapter-menu[data-current-page="9"] a._button[data-page-number="9"],
.chapter-menu[data-current-page="10"] a._button[data-page-number="10"],
.chapter-menu[data-current-page="11"] a._button[data-page-number="11"],
.chapter-menu[data-current-page="12"] a._button[data-page-number="12"]
{
	background-color:#FFF;
	opacity:1;
}


.sec-prog{
	float: left;
	margin-right: 15px;
}

.sec-table{
	float: left;
	margin-top: 30px;
	width: 150px;
}


.intro-block,
.rounded-block{
	border-radius:35px;
}

.intro-block .fs{
	position:relative;
	z-index:2;
}
.intro-block:before{
	color: #eceded;
	font-size: 9em;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	transform: translate(-10%,-7%);
	line-height: 1em;
	height: 1em;
	z-index: 1;
	font-weight: 800;
}


#layout[data-page-nr="1"] .intro-block:before{
content: '01';
}
#layout[data-page-nr="2"] .intro-block:before{
content: '02';
}
#layout[data-page-nr="3"] .intro-block:before{
content: '03';
}
#layout[data-page-nr="4"] .intro-block:before{
content: '04';
}
#layout[data-page-nr="5"] .intro-block:before{
content: '05';
}
#layout[data-page-nr="6"] .intro-block:before{
content: '06';
}
#layout[data-page-nr="7"] .intro-block:before{
content: '07';
}
#layout[data-page-nr="8"] .intro-block:before{
content: '08';
}
#layout[data-page-nr="9"] .intro-block:before{
content: '09';
}
#layout[data-page-nr="10"] .intro-block:before{
content: '10';
}
#layout[data-page-nr="11"] .intro-block:before{
content: '11';
}
#layout[data-page-nr="12"] .intro-block:before{
content: '12';
}
#layout .intro-block.__nonum:before{
	content: '';
}
.intro-block ._img-cnt{
	float:right;
	margin-left:50px;
}

.intro-block ._img-cnt ._img{
	
}
	.pblock.__image-block{

}
.pblock.__image-block ._img{
	position: absolute;
	left: 0;
	top: 0;
}


/* quote block */
.robo-quote{
	position:relative;
	height:350px;
}
.robo-quote ._robot{
	position: absolute;
	left:0;top:0;
}
.robo-quote ._quote{
	display: block;
	background-image: url(../../images/ca-platform/backgrounds/do-quote-line.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	position: absolute;
	left: 400px;
	right: 0px;
	top: 11%;
	/* transform: translateY(-50%); */
	padding: 20px;
	font-size: 2.111em;
	padding-right: 97px;
	color: #000;
	line-height: 1.05em;
	padding-bottom: 75px;
}

/* tabel stip */
.stip-table{
	
}
.stip-table .stip{
	display: block;
	padding: 0.65em 0.5em;
	border-radius: 100%;
	text-align: center;
	font-size: 3.33333em;
	line-height: 1em;
	box-sizing: border-box;
	background-color: #b4d627;
	width: 128px;
	height: 128px;
	margin-right: 17px;
	color:#000;
	font-weight:900;
}


.layout .footer-bar {
	background-color: #FFF;
	border-radius: 25px;
	padding: 0 5px;
}
.layout .footer-bar  ._navbar ._progressbar {
	display: block;
	position: absolute;
	left: 17%;
	right: 19%;
	margin-top: 3px;
	text-align: center;
	border-radius: 25px;
	overflow: hidden;
	background-color: #eceded;
	height: 15px;
	white-space: nowrap;
	background-color: #eceded;
}

.layout .footer-bar  ._navbar ._progressbar ._fill{
	border-radius: 25px;
	overflow: hidden;
	width: 0%;
	background-color: #b4d627;
	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;
}

.layout .footer-bar ._navbar ._nav{
	display: block;
	height: 13px;
	margin: 3px;
	background-repeat: no-repeat;
	line-height: 1em;
	background-size: 12px;
}
.layout .footer-bar ._navbar ._nav[href="#"]{
	/*opacity:0.3;*/
}
.layout .footer-bar  ._navbar{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 15px;
}
.layout .footer-bar ._navbar ._nav.__prev,
.layout .footer-bar ._navbar ._nav[data-nav-ctrl="prev-x"],
.layout .footer-bar ._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' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.71 7.97'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231a171b;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m6.71,6.97V1c0-.78-.85-1.26-1.51-.86L.49,2.97c-.63.38-.65,1.28-.04,1.69l4.71,3.14c.66.44,1.55-.03,1.55-.83Z'/%3E%3C/svg%3E");
	float: left;
	padding-left: 25px;
	background-position: left center;
	color: #000;
}
.layout .footer-bar ._navbar ._nav.__next,
.layout .footer-bar ._navbar ._nav[data-nav-ctrl="next-x"],
.layout .footer-bar ._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='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.71 7.97'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231a171b;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m0,6.97V1C0,.22.85-.26,1.51.14l4.71,2.83c.63.38.65,1.28.04,1.69L1.55,7.8c-.66.44-1.55-.03-1.55-.83Z'/%3E%3C/svg%3E");
	float: right;
	padding-right: 25px;
	background-position: right center;
	color: #000;
}





.level-b-table{
	
}
.level-b-table th{
	width: 40px;
}
.level-b-table tr td._action{
	background-repeat: repeat-y;
	background-position: left top;
	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 3 59.08'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23000;stroke-dasharray:0 0 0 8;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='1.5' y1='1.5' x2='1.5' y2='57.58'/%3E%3C/svg%3E");
	background-size: 3px auto;
	width: 115px;
}

.level-b-table tr td._stippel{
	background-repeat: repeat-x;
	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' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1226.85 3'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%231a171b;stroke-dasharray:0 0 0 10;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='1.5' y1='1.5' x2='1225.35' y2='1.5'/%3E%3C/svg%3E");
	background-size:  auto 3px;
	height:6px;
}
.level-b-table .slider-group ._inner{
	background-color: #f6f6f6;
	padding: 20px;	
}
.level-b-table ._square{
	display: block;
	width: 44px;
	height: 44px;
	background-color: #b4d627;
	box-sizing: border-box;
	line-height: 1em;
	padding: 10px 0px;
	text-align: center;
	font-size: 1.667em;
	margin-right: 5px;
	color: #000;
}


.pblock ul,
.pblock ul li{
	margin:0;padding:0;
}

.pblock ul li{
	padding-left: 5px;
	margin-left: 1.2em;
	margin-bottom: 0.5em;
}



/* eindtoets */

/* quote block */
.robo-quote-xl{
	position: relative;
	height: 350px;
}
.robo-quote-xl ._quote{
	display: block;
	background-image: url(../../images/ca-platform/backgrounds/do-quote-line.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 20px;
	margin-left: 400px;
	color: #000;
	padding-bottom: 75px;
}
.robo-quote-xl ._quote h2{
	font-size: 2.111em;
	line-height: 1.05em;
}
.robo-quote-xl ._robot{
	position: absolute;
	left: 0;
	right: 0px;
	width: 400px;
	top: 63%;
}
.start-et-bttn,
.robo-quote-xl ._button{
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translateY(30px);
	display: block;
	border-radius: 49px;
	color: #FFF!important;
	background-color: #6f47ff;
	padding: 13px 42px;
	line-height: normal;
	box-sizing: border-box;
	min-width: 200px;
	height: 49px;
	text-align: center;
}
.start-et-bttn{
	background-color:#52e1ff;
	padding:13px 60px;
}

/* vraag blok */
.vraag-block{
	border-radius: 35px;
}
.vraag-block .fs{
	position: absolute;
	z-index: 2;
	left: 50px;
	right: 50px;
	bottom: 50px;
	top: 50px;
}
.vraag-block:before{
	content: '01';
	color: #eceded;
	font-size: 9em;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	transform: translate(-22%,-17%);
	line-height: 1em;
	height: 1em;
	z-index: 1;
	font-family: 'Red Hat Display';
	font-weight: 900;
}

.pm-section[data-toets-slide="1"] .vraag-block:before,
#layout[data-vraag-nr="1"] .vraag-block:before{
	content: '01';
}

.pm-section[data-toets-slide="2"] .vraag-block:before,
#layout[data-vraag-nr="2"] .vraag-block:before{
	content: '02';
}

.pm-section[data-toets-slide="3"] .vraag-block:before,
#layout[data-vraag-nr="3"] .vraag-block:before{
	content: '03';
}

.pm-section[data-toets-slide="4"] .vraag-block:before,
#layout[data-vraag-nr="4"] .vraag-block:before{
	content: '04';
}

.pm-section[data-toets-slide="5"] .vraag-block:before,
#layout[data-vraag-nr="5"] .vraag-block:before{
	content: '05';
}

.pm-section[data-toets-slide="6"] .vraag-block:before,
#layout[data-vraag-nr="6"] .vraag-block:before{
	content: '06';
}

.pm-section[data-toets-slide="7"] .vraag-block:before,
#layout[data-vraag-nr="7"] .vraag-block:before{
	content: '07';
}

.pm-section[data-toets-slide="8"] .vraag-block:before,
#layout[data-vraag-nr="8"] .vraag-block:before{
	content: '08';
}

.pm-section[data-toets-slide="9"] .vraag-block:before,
#layout[data-vraag-nr="9"] .vraag-block:before{
	content: '09';
}

.pm-section[data-toets-slide="10"] .vraag-block:before,
#layout[data-vraag-nr="10"] .vraag-block:before{
	content: '10';
}

.pm-section[data-toets-slide="11"] .vraag-block:before,
#layout[data-vraag-nr="11"] .vraag-block:before{
	content: '11';
}

.pm-section[data-toets-slide="reflectie"] .vraag-block:before,
#layout[data-vraag-nr="reflectie"] .vraag-block:before{
	content: '';
}


.vraag-block .vraag-cnt{
	
}
.vraag-block .vraag-cnt h1{
	
}
.vraag-block .vraag-cnt h4{
	
}


.vraag-block .answer-cnt{
	padding: 20px 0;
}
.vraag-block .answer-cnt ._image{
	width: 35%;float:left;
	box-sizing: border-box;
}
.vraag-block .answer-cnt ._fields{
	width: 65%;float:left;	
	box-sizing: border-box;
	padding-top:20px
}
.vraag-block .answer-cnt ._fields.__wide{
	width:100%;
}
.vraag-block._toggle-block .answer-cnt ._fields ._answer{
	padding-bottom: 40px;
	margin-bottom: 20px;
}
.vraag-block .answer-cnt ._fields ._answer{
	display: block;
	background-repeat: repeat-x;
	background-position: left bottom;
	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 1226.85 3'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23c6c7c8;stroke-dasharray:0 0 0 10;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='1.5' y1='1.5' x2='1225.35' y2='1.5'/%3E%3C/svg%3E");
	background-size: auto 3px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.vraag-block .answer-cnt ._fields ._answer .inp-radio{
	padding-left:70px;
	color:#000;
	
}
.vraag-block .answer-cnt ._fields ._answer .inp-radio.selected .input{
	background-color:#b4d627
}
.vraag-block .answer-cnt ._fields ._answer .inp-radio .input{
	width:30px;height:30px;
	display:block;
	border-radius:100%;
	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
	border:0; background-color:#FFF; outline:0;
	margin-bottom:3px;
	margin-left:-65px;
}

.vraag-block .answer-cnt ._fields ._answer ._ans.inp-text:after,
.vraag-block .answer-cnt ._fields ._answer .inp-radio:after{
	content:'';display:block;
	background-repeat: repeat-y;
	background-position: left top;
	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 3 59.08'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23c6c7c8;stroke-dasharray:0 0 0 8;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='1.5' y1='1.5' x2='1.5' y2='57.58'/%3E%3C/svg%3E");
	background-size: 3px auto;
	width: 3px;
	top:-3px;bottom:0;
	position:absolute;
	left:50px;
}
.vraag-block .answer-cnt ._fields ._answer ._ans.inp-text:after{
	left:60px;
}

.vraag-block .answer-cnt ._fields ._answer .inp-text{
	padding-left: 83px;
	color: #000;
	display: block;
	position: relative;
}
.vraag-block .answer-cnt ._fields ._answer .inp-checkbox{
	padding-left: 67px;
	color: #000;
	display: block;
	position: relative;

}
.vraag-block .answer-cnt ._fields ._answer .inp-checkbox.__checked .input{
	background-color: #b4d627
}
.vraag-block .answer-cnt ._fields ._answer .inp-checkbox .input{
    width: 30px;
    height: 30px;
    display: block;
    /* border-radius: 100%; */
    box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
    border: 0;
    background-color: #FFF;
    float: left;
    outline: 0;
    /* margin-bottom: 3px; */
    margin-left: -65px;
    margin-top: -4px;
}

.vraag-block .answer-cnt ._fields ._answer .inp-text ._num{
	width: 56px;
	height: 70px;
	display: block;
	border: 0;
	/* background-color: #FFF; */
	float: left;
	font-size: 2em;
	outline: 0;
	font-weight: 900;
	line-height: 1.25em;
	/* margin-bottom: 3px; */
	margin-left: -80px;
	margin-top: -4px;
	color: #000;
}
.vraag-block .answer-cnt ._fields ._answer .inp-text input{
	width: 100%;
	box-sizing: border-box;
	height: 37px;
	font-size: 1em;
	display: block;
	padding: 10px;
	/* border-radius: 100%; */
	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
	border: 0;
	background-color: #FFF;
	outline: 0;
	font-family: 'Vazirmatn', sans-serif;	
}

.vraag-block .answer-cnt ._fields ._answer .inp-checkbox:after{
	content: '';
	display: block;
	background-repeat: repeat-y;
	background-position: left top;
	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 3 59.08'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23c6c7c8;stroke-dasharray:0 0 0 8;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='1.5' y1='1.5' x2='1.5' y2='57.58'/%3E%3C/svg%3E");
	background-size: 3px auto;
	width: 3px;
	top: -3px;
	bottom: 0;
	position: absolute;
	left: 50px;
}

.vraag-block.__no-nr:before{
	display:none;
}




/* edit sjeng */
.layout label.toggle-switch .input,
.layout label.toggle-switch input{
	display: none;
}

label.x-settings-toggle.inp-checkbox.toggle-switch,
.vraag-block .answer-cnt ._fields ._answer label.inp-checkbox.toggle-switch {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 140px;
	height: 40px;
	border-radius: 3em;
	background-color: #fff;
	outline: 0;
	cursor: pointer;
	position: relative;
	display: block;
	padding: 0!important;
	margin: 0;
	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
	margin: 0 10px;
}
label.x-settings-toggle.inp-checkbox.toggle-switch:after,
.vraag-block .answer-cnt ._fields ._answer label.inp-checkbox.toggle-switch:after {
	display:none!important;	
}

.vraag-block .answer-cnt ._fields ._answer label.inp-checkbox.toggle-switch .input {
	content: ' ';
	width: 34px;
	display: block;
	height: 34px;
	background-color: #b4d627;
	border-radius: 3em;
	position: absolute;
	left: 0;
	transition: left 0.09s ease-in-out;
	transform: translateX(0%);
	transition: all 0.5s ease-in-out;
	margin: 3px;
	border:0;
}

.vraag-block .answer-cnt ._fields ._answer label.inp-checkbox.toggle-switch.__checked .input {
	left: 100%;
	transform: translateX(-100%);
	background-color: #e7511e;
	margin-left: -3px;
}

label.x-settings-toggle.inp-checkbox.toggle-switch .input{
	content: ' ';
	width: 34px;
	display: block;
	height: 34px;
	background-color: #e7511e;
	border-radius: 3em;
	position: absolute;
	left: 0;
	transition: left 0.09s ease-in-out;
	transform: translateX(0%);
	transition: all 0.5s ease-in-out;
	margin: 3px;
	border:0;
}
label.x-settings-toggle.inp-checkbox.toggle-switch.__checked .input{
	left: 100%;
	background-color: #b4d627;
	margin-left: -3px;
	transform: translateX(-100%);
}
.settings_table{
	width:100%
}
.settings_table .div_td{
	vertical-align: middle;
	height:2em;
}
.settings_table .div_td.__first{
	width:83%
}
.settings_table .div_tr.__stippel{
	background-repeat: repeat-x;
	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' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1226.85 3'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%231a171b;stroke-dasharray:0 0 0 10;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='1.5' y1='1.5' x2='1225.35' y2='1.5'/%3E%3C/svg%3E");
	background-size:  auto 3px;
	height:6px;
}

.vraag-block.__stelling-vraag{
	background-image: 
	url('../../cimages/x-E-BCVP-L-A-NL/module/deco-circle-1.png'),
	url('../../cimages/x-E-BCVP-L-A-NL/elements/deco-kwart-paars-small.png');
	background-repeat: no-repeat;
	background-position: left bottom 215px,
	right 220px bottom;
	background-size: 85px auto, 44px auto;
}

/* open vraag */
.vraag-block.__open-vraag{
	background-image:
	url('../../cimages/x-E-BCVP-L-A-NL/module/deco-circle-2.png'),
	url('../../cimages/x-E-BCVP-L-A-NL/module/deco-circle-1.png'),
	url('../../cimages/x-E-BCVP-L-A-NL/module/deco-boog-groen.png');
	background-repeat:no-repeat;
	background-position: 
	right 20px top 215px,
	left bottom 215px,
	right 220px bottom;
	background-size: 81px auto, 95px auto, 177px auto;
}

.vraag-block.__open-vraag .answer-cnt ._fields {
	width: 80%;
	float: none;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 20px;
}
.vraag-block ._fields ._textarea {
	box-sizing: border-box;
	padding: 10px;
	height: 7em;
	margin-top: 20px;
	width: 100%;
	border: 0;
	margin-bottom: 20px;
	box-shadow: inset 0 0 11px 2px #12121224;
}
.vraag-block.__reflectie ._fields ._textarea {
	height: 230px;
}

.vraag-block ._fields ._textfield {
	box-sizing: border-box;
	padding: 10px;
	height: 60px;    font-size: 2em;
	margin-top: 20px;
	width: 350px;
	border: 0;
	margin-bottom: 20px;
	margin-top:0;
	box-shadow: inset 0 0 11px 2px #12121224;
}


/* sleep block */
.vraag-block.__sleep-block .answer-cnt ._fields ._answer{
	background-image:none;
	position:relative;
}
.vraag-block.__sleep-block .answer-cnt ._fields ._answer:after{
	display:block;
	content:'';
	clear:both;	
}
.vraag-block.__sleep-block .answer-cnt ._fields ._answer ._q{
	width:45%;
	display:block;
	float:left;	
}
.vraag-block.__sleep-block .answer-cnt ._fields ._answer .q-answers{
	display:block;
	min-height:40px;
	width:55%;
	position:relative;
	background-repeat: repeat-x;
	background-position: left -3px bottom;
	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 1226.85 3'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23c6c7c8;stroke-dasharray:0 0 0 10;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='1.5' y1='1.5' x2='1225.35' y2='1.5'/%3E%3C/svg%3E");
	background-size: auto 3px;
	float:left;
}
.vraag-block.__sleep-block .answer-cnt ._fields ._answer .q-answers {
	width:100%;
	min-width:160px;
	
}



.vraag-block.__sleep-block .answer-cnt.__split4 ._fields ._answer .q-answers {
	width: 87%;
	min-width: 160px;

}
.vraag-block.__sleep-block .answer-cnt.__split4 ._fields ._answer{
	width: 50%;
	float:left;
}
.vraag-block.__sleep-block .answer-cnt.__split4 ._fields ._answer ._q {
	width: 13%;
	display: block;
	font-weight: 900;
	font-size: 1.8em;
	box-sizing: border-box;
	padding: 0 10px;
	text-align: center;
	padding-top: 12px;
	float: left;
}




.vraag-block.__sleep-block .answer-cnt ._fields table.drag-table td{

		padding: 5px;

	}

select._dropdown {
	font-size: 1em;
	border-radius: 24px;
	padding: 0em 0.25em;
	font-family: 'Vazirmatn', sans-serif;
	font-weight: 800;
	border: 0;
	margin: 0 15px;
	margin-bottom: 14px;
	outline: 0;
}


.split-div{
	float:left;
	box-sizing: border-box;
	width:50%;	
}


.vraag-block.__sleep-block .answer-cnt.__block-answers ._fields ._answer {
	float:left;
	width:95%;
	margin-right: 5%;
}
.vraag-block.__sleep-block .answer-cnt.__block-answers ._fields ._answer .q-answers {
	width: 100%;
	padding-left: 110px;
	box-sizing: border-box;
	min-height: 85px;
}

.vraag-block.__sleep-block .possible-answers{
	position: absolute;
	bottom:-50px;left:-50px;right:-50px;
	height:175px;
	background-color:#f6f6f6;
}

ul.q-answers-list{
	position: relative;
	min-height:40px;
	display:block;width:100%;
	margin:20px;
}

ul.q-answers{
	position: relative;
	display: block;
}

ul.q-answers-list li,
ul.q-answers li{
	display: block;
	float: left;
	min-height: 14px;
	line-height: 1em;
	border-radius: 9px;
	box-shadow: 0 0 11px 2px #12121224;
	overflow: hidden;
	padding: 13px 15px;
	padding-right: 55px;
	background-color: #FFF;
	background-image: url(../../images/ca-platform/icons/icon-drag.png);
	background-position: right 11px center;
	background-size: 22px;
	background-repeat: no-repeat;
	filter: grayscale(1);
	margin-left:2px;
}

ul.q-answers li{
	filter:grayscale(0);
}


/* group block */
.vraag-block.__group-block .vraag-cnt{
    padding: 20px;
	margin-right: 275px;
}
.vraag-block.__group-block .answer-cnt{
    padding: 20px;
	margin-right: 275px;
}

.vraag-block.__group-block .answer-cnt ._fields ._answer{
	display: block;
	box-sizing: border-box;
	width: 50%;
	float: left;
	background-image:none;
}

.vraag-block.__group-block .answer-cnt ._fields ._answer:after{
	display: block;
	content: '';
	clear: both;
}

.vraag-block.__group-block .answer-cnt ._fields ._answer ._q{
	/* width: 45%; */
	display: block;
	/* float: left;*/
}

.vraag-block.__group-block .answer-cnt ._fields ._answer .q-answers{
	display: block;
	min-height: 250px;
	width: 90%;
	position: relative;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: none;
	background-position: -3px bottom;
}

.vraag-block.__group-block ul.q-answers-list li, .vraag-block.__group-block ul.q-answers li {
	float:none;
	margin-bottom:20px;
}

.vraag-block.__group-block .possible-answers{
	position: absolute;
	bottom: -50px;
	top: -50px;
	right: -50px;
	width: 275px;
	padding-right:50px;
	background-color: #f6f6f6;
}

table.slider-table{
	width:100%
}
table.slider-table td{}
table.slider-table td._icon-cell{
	width:82px
}
table.slider-table td._text-cell{
	width: 33%;
	font-weight: 900;
	padding: 7px;
	line-height: 1em;
}
table.slider-table td._slider-cell{
	padding:5px;
}
table.slider-table td._slider-cell .slider-cnt{
	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 1153.17 20.63'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fec633;%7D.cls-1,.cls-2,.cls-3%7Bstroke-width:0px;%7D.cls-2%7Bfill:%23b4d627;%7D.cls-3%7Bfill:%23e7511e;%7D%3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='383.89' width='384.41' height='20.63'/%3E%3Crect class='cls-2' width='384.41' height='20.63'/%3E%3Crect class='cls-3' x='768.76' width='384.41' height='20.63'/%3E%3C/svg%3E");
	background-size: 100% auto;
	background-repeat: repeat-y;
	padding: 10px 146px;
	border-radius: 25px;
	margin-top: 20px;
}




table.slider-table td._slider-cell .slider-cnt input[type="range"] {
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	cursor: pointer;
	width: 100%;
}

/* Removes default focus */
table.slider-table td._slider-cell .slider-cnt input[type="range"]:focus {
	outline: none;
}



table.slider-table td._slider-cell .slider-cnt input[type="range"]._slider{ 
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	cursor: pointer;
	width: 100%;
}
table.slider-table td._slider-cell .slider-cnt input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none; /* Override default look */
	appearance: none;
	margin-top: -36px; /* Centers thumb on the track */
	background-color: ;
	height:72px;
	width: 72px;
	border-radius:16px;
	background-repeat: no-repeat;
	background-size:60%;
	background-color: #fff;
	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
	background-position: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 39.93 44.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23d9dadb;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='35.67' cy='4.26' r='4.26'/%3E%3Ccircle class='cls-1' cx='19.97' cy='4.26' r='4.26'/%3E%3Ccircle class='cls-1' cx='4.26' cy='4.26' r='4.26'/%3E%3Ccircle class='cls-1' cx='35.67' cy='22.36' r='4.26'/%3E%3Ccircle class='cls-1' cx='19.97' cy='22.36' r='4.26'/%3E%3Ccircle class='cls-1' cx='4.26' cy='22.36' r='4.26'/%3E%3Ccircle class='cls-1' cx='35.67' cy='40.46' r='4.26'/%3E%3Ccircle class='cls-1' cx='19.97' cy='40.46' r='4.26'/%3E%3Ccircle class='cls-1' cx='4.26' cy='40.46' r='4.26'/%3E%3C/svg%3E");
}


/* slider track */
table.slider-table td._slider-cell .slider-cnt input[type="range"]::-webkit-slider-runnable-track {
	background-color: transparent;
	border-radius: 0.5rem;
	height: 0.5rem;
}


table.slider-table td._slider-cell .slider-cnt input[type="range"]:focus::-webkit-slider-thumb {
	border: 0;
	outline: 0 ;
}


/* vraag sliders */
#page-section-intro{	
	position:relative;
	transition: all 0.5s;
}
#page-section-intro .t-slide{
	transform: translateX(200vw);	
	position: absolute;
	transition: all 0.5s;

}
#page-section-intro .vraag-block{
	background-color:#FFF;
}
#page-section-intro .t-slide.__0,
#page-section-intro[data-toets-slide="1"] .t-slide.__1,
#page-section-intro[data-toets-slide="2"] .t-slide.__2,
#page-section-intro[data-toets-slide="3"] .t-slide.__3,
#page-section-intro[data-toets-slide="4"] .t-slide.__4,
#page-section-intro[data-toets-slide="5"] .t-slide.__5,
#page-section-intro[data-toets-slide="6"] .t-slide.__6,
#page-section-intro[data-toets-slide="7"] .t-slide.__7,
#page-section-intro[data-toets-slide="8"] .t-slide.__8,
#page-section-intro[data-toets-slide="9"] .t-slide.__9,
#page-section-intro[data-toets-slide="10"] .t-slide.__10,
#page-section-intro[data-toets-slide="11"] .t-slide.__11,
#page-section-intro[data-toets-slide="12"] .t-slide.__12,
#page-section-intro[data-toets-slide="13"] .t-slide.__13,
#page-section-intro[data-toets-slide="14"] .t-slide.__14,
#page-section-intro[data-toets-slide="15"] .t-slide.__15,
#page-section-intro[data-toets-slide="16"] .t-slide.__16,
#page-section-intro[data-toets-slide="17"] .t-slide.__17,
#page-section-intro[data-toets-slide="18"] .t-slide.__18,
#page-section-intro[data-toets-slide="19"] .t-slide.__19,
#page-section-intro[data-toets-slide="20"] .t-slide.__20,
#page-section-intro[data-toets-slide="result"] .t-slide.__result
{
	transform: translateX(0vw);
	position: absolute;
}

#page-section-intro[data-toets-slide="1"] .t-slide.__0,
#page-section-intro[data-toets-slide="2"] .t-slide.__0,
#page-section-intro[data-toets-slide="3"] .t-slide.__0,
#page-section-intro[data-toets-slide="4"] .t-slide.__0,
#page-section-intro[data-toets-slide="5"] .t-slide.__0,
#page-section-intro[data-toets-slide="6"] .t-slide.__0,
#page-section-intro[data-toets-slide="7"] .t-slide.__0,
#page-section-intro[data-toets-slide="8"] .t-slide.__0,
#page-section-intro[data-toets-slide="9"] .t-slide.__0,
#page-section-intro[data-toets-slide="10"] .t-slide.__0,
#page-section-intro[data-toets-slide="11"] .t-slide.__0,
#page-section-intro[data-toets-slide="12"] .t-slide.__0,
#page-section-intro[data-toets-slide="13"] .t-slide.__0,
#page-section-intro[data-toets-slide="14"] .t-slide.__0,
#page-section-intro[data-toets-slide="15"] .t-slide.__0,
#page-section-intro[data-toets-slide="16"] .t-slide.__0,
#page-section-intro[data-toets-slide="17"] .t-slide.__0,
#page-section-intro[data-toets-slide="18"] .t-slide.__0,
#page-section-intro[data-toets-slide="19"] .t-slide.__0,
#page-section-intro[data-toets-slide="20"] .t-slide.__0,

#page-section-intro[data-toets-slide="result"] .t-slide.__0,

#page-section-intro[data-toets-slide="2"] .t-slide.__1,
#page-section-intro[data-toets-slide="3"] .t-slide.__1,
#page-section-intro[data-toets-slide="4"] .t-slide.__1,
#page-section-intro[data-toets-slide="5"] .t-slide.__1,
#page-section-intro[data-toets-slide="6"] .t-slide.__1,
#page-section-intro[data-toets-slide="7"] .t-slide.__1,
#page-section-intro[data-toets-slide="8"] .t-slide.__1,
#page-section-intro[data-toets-slide="9"] .t-slide.__1,
#page-section-intro[data-toets-slide="10"] .t-slide.__1,
#page-section-intro[data-toets-slide="11"] .t-slide.__1,
#page-section-intro[data-toets-slide="12"] .t-slide.__1,
#page-section-intro[data-toets-slide="13"] .t-slide.__1,
#page-section-intro[data-toets-slide="14"] .t-slide.__1,
#page-section-intro[data-toets-slide="15"] .t-slide.__1,
#page-section-intro[data-toets-slide="16"] .t-slide.__1,
#page-section-intro[data-toets-slide="17"] .t-slide.__1,
#page-section-intro[data-toets-slide="18"] .t-slide.__1,
#page-section-intro[data-toets-slide="19"] .t-slide.__1,
#page-section-intro[data-toets-slide="20"] .t-slide.__1,
#page-section-intro[data-toets-slide="result"] .t-slide.__1,

#page-section-intro[data-toets-slide="3"] .t-slide.__2,
#page-section-intro[data-toets-slide="4"] .t-slide.__2,
#page-section-intro[data-toets-slide="5"] .t-slide.__2,
#page-section-intro[data-toets-slide="6"] .t-slide.__2,
#page-section-intro[data-toets-slide="7"] .t-slide.__2,
#page-section-intro[data-toets-slide="8"] .t-slide.__2,
#page-section-intro[data-toets-slide="9"] .t-slide.__2,
#page-section-intro[data-toets-slide="10"] .t-slide.__2,
#page-section-intro[data-toets-slide="11"] .t-slide.__2,
#page-section-intro[data-toets-slide="12"] .t-slide.__2,
#page-section-intro[data-toets-slide="13"] .t-slide.__2,
#page-section-intro[data-toets-slide="14"] .t-slide.__2,
#page-section-intro[data-toets-slide="15"] .t-slide.__2,
#page-section-intro[data-toets-slide="16"] .t-slide.__2,
#page-section-intro[data-toets-slide="17"] .t-slide.__2,
#page-section-intro[data-toets-slide="18"] .t-slide.__2,
#page-section-intro[data-toets-slide="19"] .t-slide.__2,
#page-section-intro[data-toets-slide="20"] .t-slide.__2,
#page-section-intro[data-toets-slide="result"] .t-slide.__2,

#page-section-intro[data-toets-slide="4"] .t-slide.__3,
#page-section-intro[data-toets-slide="5"] .t-slide.__3,
#page-section-intro[data-toets-slide="6"] .t-slide.__3,
#page-section-intro[data-toets-slide="7"] .t-slide.__3,
#page-section-intro[data-toets-slide="8"] .t-slide.__3,
#page-section-intro[data-toets-slide="9"] .t-slide.__3,
#page-section-intro[data-toets-slide="10"] .t-slide.__3,
#page-section-intro[data-toets-slide="11"] .t-slide.__3,
#page-section-intro[data-toets-slide="12"] .t-slide.__3,
#page-section-intro[data-toets-slide="13"] .t-slide.__3,
#page-section-intro[data-toets-slide="14"] .t-slide.__3,
#page-section-intro[data-toets-slide="15"] .t-slide.__3,
#page-section-intro[data-toets-slide="16"] .t-slide.__3,
#page-section-intro[data-toets-slide="17"] .t-slide.__3,
#page-section-intro[data-toets-slide="18"] .t-slide.__3,
#page-section-intro[data-toets-slide="19"] .t-slide.__3,
#page-section-intro[data-toets-slide="20"] .t-slide.__3,
#page-section-intro[data-toets-slide="result"] .t-slide.__3,

#page-section-intro[data-toets-slide="5"] .t-slide.__4,
#page-section-intro[data-toets-slide="6"] .t-slide.__4,
#page-section-intro[data-toets-slide="7"] .t-slide.__4,
#page-section-intro[data-toets-slide="8"] .t-slide.__4,
#page-section-intro[data-toets-slide="9"] .t-slide.__4,
#page-section-intro[data-toets-slide="10"] .t-slide.__4,
#page-section-intro[data-toets-slide="11"] .t-slide.__4,
#page-section-intro[data-toets-slide="12"] .t-slide.__4,
#page-section-intro[data-toets-slide="13"] .t-slide.__4,
#page-section-intro[data-toets-slide="14"] .t-slide.__4,
#page-section-intro[data-toets-slide="15"] .t-slide.__4,
#page-section-intro[data-toets-slide="16"] .t-slide.__4,
#page-section-intro[data-toets-slide="17"] .t-slide.__4,
#page-section-intro[data-toets-slide="18"] .t-slide.__4,
#page-section-intro[data-toets-slide="19"] .t-slide.__4,
#page-section-intro[data-toets-slide="20"] .t-slide.__4,
#page-section-intro[data-toets-slide="result"] .t-slide.__4,

#page-section-intro[data-toets-slide="6"] .t-slide.__5,
#page-section-intro[data-toets-slide="7"] .t-slide.__5,
#page-section-intro[data-toets-slide="8"] .t-slide.__5,
#page-section-intro[data-toets-slide="9"] .t-slide.__5,
#page-section-intro[data-toets-slide="10"] .t-slide.__5,
#page-section-intro[data-toets-slide="11"] .t-slide.__5,
#page-section-intro[data-toets-slide="12"] .t-slide.__5,
#page-section-intro[data-toets-slide="13"] .t-slide.__5,
#page-section-intro[data-toets-slide="14"] .t-slide.__5,
#page-section-intro[data-toets-slide="15"] .t-slide.__5,
#page-section-intro[data-toets-slide="16"] .t-slide.__5,
#page-section-intro[data-toets-slide="17"] .t-slide.__5,
#page-section-intro[data-toets-slide="18"] .t-slide.__5,
#page-section-intro[data-toets-slide="19"] .t-slide.__5,
#page-section-intro[data-toets-slide="20"] .t-slide.__5,
#page-section-intro[data-toets-slide="result"] .t-slide.__5,

#page-section-intro[data-toets-slide="7"] .t-slide.__6,
#page-section-intro[data-toets-slide="8"] .t-slide.__6,
#page-section-intro[data-toets-slide="9"] .t-slide.__6,
#page-section-intro[data-toets-slide="10"] .t-slide.__6,
#page-section-intro[data-toets-slide="11"] .t-slide.__6,
#page-section-intro[data-toets-slide="12"] .t-slide.__6,
#page-section-intro[data-toets-slide="13"] .t-slide.__6,
#page-section-intro[data-toets-slide="14"] .t-slide.__6,
#page-section-intro[data-toets-slide="15"] .t-slide.__6,
#page-section-intro[data-toets-slide="16"] .t-slide.__6,
#page-section-intro[data-toets-slide="17"] .t-slide.__6,
#page-section-intro[data-toets-slide="18"] .t-slide.__6,
#page-section-intro[data-toets-slide="19"] .t-slide.__6,
#page-section-intro[data-toets-slide="20"] .t-slide.__6,
#page-section-intro[data-toets-slide="result"] .t-slide.__6,

#page-section-intro[data-toets-slide="8"] .t-slide.__7,
#page-section-intro[data-toets-slide="9"] .t-slide.__7,
#page-section-intro[data-toets-slide="10"] .t-slide.__7,
#page-section-intro[data-toets-slide="11"] .t-slide.__7,
#page-section-intro[data-toets-slide="12"] .t-slide.__7,
#page-section-intro[data-toets-slide="13"] .t-slide.__7,
#page-section-intro[data-toets-slide="14"] .t-slide.__7,
#page-section-intro[data-toets-slide="15"] .t-slide.__7,
#page-section-intro[data-toets-slide="16"] .t-slide.__7,
#page-section-intro[data-toets-slide="17"] .t-slide.__7,
#page-section-intro[data-toets-slide="18"] .t-slide.__7,
#page-section-intro[data-toets-slide="19"] .t-slide.__7,
#page-section-intro[data-toets-slide="20"] .t-slide.__7,
#page-section-intro[data-toets-slide="result"] .t-slide.__7,

#page-section-intro[data-toets-slide="9"] .t-slide.__8,
#page-section-intro[data-toets-slide="10"] .t-slide.__8,
#page-section-intro[data-toets-slide="11"] .t-slide.__8,
#page-section-intro[data-toets-slide="12"] .t-slide.__8,
#page-section-intro[data-toets-slide="13"] .t-slide.__8,
#page-section-intro[data-toets-slide="14"] .t-slide.__8,
#page-section-intro[data-toets-slide="15"] .t-slide.__8,
#page-section-intro[data-toets-slide="16"] .t-slide.__8,
#page-section-intro[data-toets-slide="17"] .t-slide.__8,
#page-section-intro[data-toets-slide="18"] .t-slide.__8,
#page-section-intro[data-toets-slide="19"] .t-slide.__8,
#page-section-intro[data-toets-slide="20"] .t-slide.__8,
#page-section-intro[data-toets-slide="result"] .t-slide.__8,

#page-section-intro[data-toets-slide="10"] .t-slide.__9,
#page-section-intro[data-toets-slide="11"] .t-slide.__9,
#page-section-intro[data-toets-slide="12"] .t-slide.__9,
#page-section-intro[data-toets-slide="13"] .t-slide.__9,
#page-section-intro[data-toets-slide="14"] .t-slide.__9,
#page-section-intro[data-toets-slide="15"] .t-slide.__9,
#page-section-intro[data-toets-slide="16"] .t-slide.__9,
#page-section-intro[data-toets-slide="17"] .t-slide.__9,
#page-section-intro[data-toets-slide="18"] .t-slide.__9,
#page-section-intro[data-toets-slide="19"] .t-slide.__9,
#page-section-intro[data-toets-slide="20"] .t-slide.__9,
#page-section-intro[data-toets-slide="result"] .t-slide.__9,


#page-section-intro[data-toets-slide="11"] .t-slide.__10,
#page-section-intro[data-toets-slide="12"] .t-slide.__10,
#page-section-intro[data-toets-slide="13"] .t-slide.__10,
#page-section-intro[data-toets-slide="14"] .t-slide.__10,
#page-section-intro[data-toets-slide="15"] .t-slide.__10,
#page-section-intro[data-toets-slide="16"] .t-slide.__10,
#page-section-intro[data-toets-slide="17"] .t-slide.__10,
#page-section-intro[data-toets-slide="18"] .t-slide.__10,
#page-section-intro[data-toets-slide="19"] .t-slide.__10,
#page-section-intro[data-toets-slide="20"] .t-slide.__10,
#page-section-intro[data-toets-slide="result"] .t-slide.__10,


#page-section-intro[data-toets-slide="12"] .t-slide.__11,
#page-section-intro[data-toets-slide="13"] .t-slide.__11,
#page-section-intro[data-toets-slide="14"] .t-slide.__11,
#page-section-intro[data-toets-slide="15"] .t-slide.__11,
#page-section-intro[data-toets-slide="16"] .t-slide.__11,
#page-section-intro[data-toets-slide="17"] .t-slide.__11,
#page-section-intro[data-toets-slide="18"] .t-slide.__11,
#page-section-intro[data-toets-slide="19"] .t-slide.__11,
#page-section-intro[data-toets-slide="20"] .t-slide.__11,
#page-section-intro[data-toets-slide="result"] .t-slide.__11,

#page-section-intro[data-toets-slide="13"] .t-slide.__12,
#page-section-intro[data-toets-slide="14"] .t-slide.__12,
#page-section-intro[data-toets-slide="15"] .t-slide.__12,
#page-section-intro[data-toets-slide="16"] .t-slide.__12,
#page-section-intro[data-toets-slide="17"] .t-slide.__12,
#page-section-intro[data-toets-slide="18"] .t-slide.__12,
#page-section-intro[data-toets-slide="19"] .t-slide.__12,
#page-section-intro[data-toets-slide="20"] .t-slide.__12,
#page-section-intro[data-toets-slide="result"] .t-slide.__12,


#page-section-intro[data-toets-slide="14"] .t-slide.__13,
#page-section-intro[data-toets-slide="15"] .t-slide.__13,
#page-section-intro[data-toets-slide="16"] .t-slide.__13,
#page-section-intro[data-toets-slide="17"] .t-slide.__13,
#page-section-intro[data-toets-slide="18"] .t-slide.__13,
#page-section-intro[data-toets-slide="19"] .t-slide.__13,
#page-section-intro[data-toets-slide="20"] .t-slide.__13,
#page-section-intro[data-toets-slide="result"] .t-slide.__13,


#page-section-intro[data-toets-slide="15"] .t-slide.__14,
#page-section-intro[data-toets-slide="16"] .t-slide.__14,
#page-section-intro[data-toets-slide="17"] .t-slide.__14,
#page-section-intro[data-toets-slide="18"] .t-slide.__14,
#page-section-intro[data-toets-slide="19"] .t-slide.__14,
#page-section-intro[data-toets-slide="20"] .t-slide.__14,
#page-section-intro[data-toets-slide="result"] .t-slide.__14,


#page-section-intro[data-toets-slide="16"] .t-slide.__15,
#page-section-intro[data-toets-slide="17"] .t-slide.__15,
#page-section-intro[data-toets-slide="18"] .t-slide.__15,
#page-section-intro[data-toets-slide="19"] .t-slide.__15,
#page-section-intro[data-toets-slide="20"] .t-slide.__15,
#page-section-intro[data-toets-slide="result"] .t-slide.__15,

#page-section-intro[data-toets-slide="17"] .t-slide.__16,
#page-section-intro[data-toets-slide="18"] .t-slide.__16,
#page-section-intro[data-toets-slide="19"] .t-slide.__16,
#page-section-intro[data-toets-slide="20"] .t-slide.__16,
#page-section-intro[data-toets-slide="result"] .t-slide.__16,

#page-section-intro[data-toets-slide="18"] .t-slide.__17,
#page-section-intro[data-toets-slide="19"] .t-slide.__17,
#page-section-intro[data-toets-slide="20"] .t-slide.__17,
#page-section-intro[data-toets-slide="result"] .t-slide.__17,

#page-section-intro[data-toets-slide="19"] .t-slide.__18,
#page-section-intro[data-toets-slide="20"] .t-slide.__18,
#page-section-intro[data-toets-slide="result"] .t-slide.__18,

#page-section-intro[data-toets-slide="20"] .t-slide.__19,
#page-section-intro[data-toets-slide="result"] .t-slide.__19,

#page-section-intro[data-toets-slide="result"] .t-slide.__20

{
	transform: translateX(-200vw);
}

#page-section-intro .footer-bar
{
	position: absolute;
	bottom: 0;
	margin-left:24px;
}

#page-section-intro .footer-bar.__x,
#page-section-intro .footer-bar.__d
{
	display:none;
}


#toets-result-cnt{
	padding-left: 530px;
	background-position: left top;
	padding-top: 90px;
	padding-bottom: 125px;
	background-repeat: no-repeat;    
	padding-right: 120px;
}

#layout[data-unid="deel-et"] #toets-result-cnt[data-result="perfect"], 
#layout[data-unid="deel-et"] #toets-result-cnt[data-result="positive"] {
	background-image: url(../../images/ca-platform/backgrounds/big-certificate.png);
	background-size: 42%;
	background-position: left center;
}
#layout[data-unid="deel-et"] #toets-result-cnt[data-result="negative"] {
	background-image: url(../../images/ca-platform/backgrounds/big-helaas.png);
	background-size: 42%;
	background-position: left center;
}

#toets-result-cnt[data-result="perfectx"] > h1:before{
	content:'Perfect!';
}
#toets-result-cnt[data-result="positivex"] > h1:before{
	content:'Gefeliciteerd!';
}
#toets-result-cnt[data-result="negativex"] > h1:before{
	content:'Bijna!';
}

#layout[data-p-lang="EN"] #toets-result-cnt[data-result="perfectx"] > h1:before{
	content:'Perfect!';
}
#layout[data-p-lang="EN"] #toets-result-cnt[data-result="positivex"] > h1:before{
	content:'Congratulations!';
}
#layout[data-p-lang="EN"] #toets-result-cnt[data-result="negativex"] > h1:before{
	content:'Almost!';
}

.result-questions ._question{
	background-repeat: repeat-x;
	background-position: left bottom;
	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 1226.85 3'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23c6c7c8;stroke-dasharray:0 0 0 10;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='1.5' y1='1.5' x2='1225.35' y2='1.5'/%3E%3C/svg%3E");
	background-size: auto 3px;
	padding-bottom:10px;
}
.result-questions  ._question-cnt ._status:after{
	content: '';
	display: block;
	background-repeat: repeat-y;
	background-position: left top;
	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 3 59.08'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23c6c7c8;stroke-dasharray:0 0 0 8;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='1.5' y1='1.5' x2='1.5' y2='57.58'/%3E%3C/svg%3E");
	background-size: 3px auto;
	width: 3px;
	top: 0px;
	bottom: 20px;
	position: absolute;
	left: 65px;
}
.result-questions  ._question-cnt h1 {
line-height: 1em;
}
.result-questions  ._question-cnt ._status{
	width: 80px;
	display: block;
	position:absolute;
	left:0;top:0;bottom:0;
}
.result-questions  ._question-cnt ._status:before{
	content: '?';
	width: 40px;
	padding-top: 40px;
	height: 35px;
	box-sizing: border-box;
	line-height: 2.25em;
	display: block;
	border-radius: 100%;
	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
	background-color: #ccc;
	border: 0;
	outline: 0;
	text-align:center;
}
.result-questions ._question[data-result="correct"] ._status:before{
	content: 'goed';
	background-color: #b4d627;
}
.result-questions ._question[data-result="incorrect"] ._status:before{
	content: 'fout';
	background-color: #e7511e;
}

#layout[data-p-lang="EN"] .result-questions ._question[data-result="correct"] ._status:before{
	content: 'right';
	background-color: #b4d627;
}
#layout[data-p-lang="EN"] .result-questions ._question[data-result="incorrect"] ._status:before{
	content: 'wrong';
	background-color: #e7511e;
}

.result-questions  ._question-cnt{
	background-repeat: repeat-x;
	background-position: left bottom;
	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 1226.85 3'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23c6c7c8;stroke-dasharray:0 0 0 10;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='1.5' y1='1.5' x2='1225.35' y2='1.5'/%3E%3C/svg%3E");
	background-size: auto 3px;
	padding-bottom:10px;
	margin-top:20px;
	position:relative;
	padding-left: 90px;
}
.result-questions  ._result-cnt{
	
}
.result-questions  ._result-cnt ._qresult.__correct:before,
.result-questions  ._result-cnt ._qresult._x-my-answer:before{
	content: 'Jouw antwoord';
	display:block;
	font-size:0.9em;
	margin: 5px 0;
}


#layout[data-p-lang="EN"] .result-questions  ._result-cnt ._qresult.__correct:before,
#layout[data-p-lang="EN"] .result-questions  ._result-cnt ._qresult._x-my-answer:before{
	content: 'Your answer';

}


.result-questions  ._result-cnt ._qresult{
	color:#000;
	display:none;
	margin: 30px 0;
}
.result-questions ._question[data-result="incorrect"] ._result-cnt ._qresult.__correct,
.result-questions ._question[data-result="incorrect"]  ._result-cnt ._qresult.__feedback,
.result-questions  ._result-cnt ._qresult._x-my-answer{
	display:block;
}
.pbeditor ._qresult.__correct,
.pbeditor ._qresult.__feedback,
.pbeditor ._qresult._x-my-answer{
	display:block;
}



.result-questions  ._result-cnt ._qresult.__feedback{
	
}
.result-questions  ._result-cnt ._qresult.__correct{
	margin-top:10px;
	background-color:#eceded;
	padding: 10px;
}
.result-questions  ._result-cnt ._qresult.__correct:before{
	content: 'Juiste antwoord:';
}
#layout[data-p-lang="EN"] .result-questions  ._result-cnt ._qresult.__correct:before{
	content: 'Correct answer:';
}

/*
._question[data-result="correct"]
._question[data-result="incorrect"]
*/

._question[data-result="incorrect"] .result-questions  ._result-cnt ._qresult.__correct{
	display:block;
}

#toets-result-cnt ._x-result-text{
	display:none;
}
#toets-result-cnt[data-result="perfect"] ._x-result-text.__perfect,
#toets-result-cnt[data-result="positive"] ._x-result-text.__positive,
#toets-result-cnt[data-result="negative"] ._x-result-text.__negative{
	display:block;
}


.cijfer-titel ._inner,
.cijfer ._inner{
	position: relative;
	z-index: 2;
	font-weight: 600; 
	color:#000;
}

.answer-cnt.__block-answers ._answer:before,
.cijfer-titel:before,
.cijfer:before{
	color: #eceded;
	font-size: 5.55em;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	transform: translate(-12%,-7%);
	line-height: 1em;
	height: 1em;
	z-index: 1;
	font-weight: 900;
	
}

.cijfer-titel:before{
	transform: none;
}

.answer-cnt.__block-answers ._answer.__1:before,
.cijfer-titel.__1:before,
.cijfer.__1:before{
	content: '01';
}
.answer-cnt.__block-answers ._answer.__2:before,
.cijfer-titel.__2:before,
.cijfer.__2:before{
	content: '02';
}
.answer-cnt.__block-answers ._answer.__3:before,
.cijfer-titel.__3:before,
.cijfer.__3:before{
	content: '03';
}
.answer-cnt.__block-answers ._answer.__4:before,
.cijfer-titel.__4:before,
.cijfer.__4:before{
	content: '04';
}
.answer-cnt.__block-answers ._answer.__5:before,
.cijfer-titel.__5:before,
.cijfer.__5:before{
	content: '05';
}
.answer-cnt.__block-answers ._answer.__6:before,
.cijfer-titel.__6:before,
.cijfer.__6:before{
	content: '06';
}
.answer-cnt.__block-answers ._answer.__7:before,
.cijfer-titel.__7:before,
.cijfer.__7:before{
	content: '07';
}
.answer-cnt.__block-answers ._answer.__8:before,
.cijfer-titel.__8:before,
.cijfer.__8:before{
	content: '08';
}
.answer-cnt.__block-answers ._answer.__9:before,
.cijfer-titel.__9:before,
.cijfer.__9:before{
	content: '09';
}
.answer-cnt.__block-answers ._answer.__10:before,
.cijfer-titel.__10:before,
.cijfer.__10:before{
	content: '10';
}
.answer-cnt.__block-answers ._answer.__11:before,
.cijfer-titel.__11:before,
.cijfer.__11:before{
	content: '11';
}
.answer-cnt.__block-answers ._answer.__12:before,
.cijfer-titel.__12:before,
.cijfer.__12:before{
	content: '12';
}
.pgroup.bg-et-size{
	background-size: auto 90%!important;
}



#layout[data-popup="select-course"]{
	
}

#layout[data-popup="select-course"] #layer1{
	transform: translateY(100%);
}

#traject-menu{
	background-color: #fff;
	position: absolute;
	z-index: 12;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding-top: 5vw;
	transform: translateY(-100%);
	transition: all 0.5s;
	box-sizing: border-box;
	padding:5vw;
	overflow: 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 1680 2581.71'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %236f47ff; %7D .cls-1, .cls-2, .cls-3, .cls-4 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23fce835; %7D .cls-3 %7B fill: %23b4d627; %7D .cls-4 %7B fill: %2352e1ff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='m0,2172.15c44.38.67,80.15,36.85,80.15,81.38s-35.77,80.72-80.15,81.38v54.27c74.35-.67,134.42-61.14,134.42-135.65s-60.07-134.98-134.42-135.65v54.27Z'/%3E%3Cpath class='cls-4' d='m1680,279.82V0s-157.52,0-157.52,0h-118.8c.96,152.97,123.81,276.95,276.32,279.82Z'/%3E%3Cpath class='cls-1' d='m490.94,549.04v-92.65c-46.04,5.09-81.85,44.12-81.85,91.52,0,.38.02.76.03,1.14h81.83Z'/%3E%3Cpath class='cls-4' d='m1220.79,2581.71v-92.65c46.04,5.09,81.85,44.12,81.85,91.52,0,.38-.02.76-.03,1.14h-81.83Z'/%3E%3Cpath class='cls-3' d='m1680,1111.67c-44.38-.67-80.15-36.85-80.15-81.38s35.77-80.72,80.15-81.38v-54.27c-74.35.67-134.42,61.14-134.42,135.65s60.07,134.98,134.42,135.65v-54.27Z'/%3E%3C/svg%3E");
	background-position: right top;
	background-repeat: no-repeat;
	background-size:100% auto;
}
#traject-menu > ._inner{
	width:100%;	
}

#traject-menu ._timeline:before{
	content:'';
	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 28.53 28.53'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-1, .cls-2 %7B stroke: %231a171b; stroke-miterlimit: 10; stroke-width: 2px; %7D .cls-2 %7B fill: none; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='14.26' cy='14.26' r='13.26'/%3E%3Cg%3E%3Cline class='cls-2' x1='14.33' y1='19.96' x2='14.33' y2='7.84'/%3E%3Cpolyline class='cls-2' points='20.16 14.79 14.26 20.68 8.37 14.79'/%3E%3C/g%3E%3C/svg%3E");
	width:26px;height:26px;
	position: absolute;
	top:0;
	left: calc(50% - 20px);
}

label#search-bar{
	position:relative;
	display: block;
	height: 3.63vw;
	margin-bottom:20px;
}
label#search-bar:before{
	content: '';
	position: absolute;
	left:0;
	top:0;
	height: 3.63vw;
	width: 3.63vw;
	z-index:2;
	background-repeat: no-repeat;
	background-size: 60% auto;
	background-position: center;
	background-color:#52e1ff;
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 42.23 42.23'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m37.38,4.85c-6.47-6.47-16.95-6.47-23.42,0-5.05,5.05-6.14,12.53-3.31,18.65l-6.56,6.56,8.08,8.08,6.56-6.56c6.12,2.83,13.61,1.74,18.65-3.31,6.47-6.47,6.47-16.95,0-23.42Zm-4.68,18.74c-3.88,3.88-10.17,3.88-14.05,0-3.88-3.88-3.88-10.17,0-14.05s10.17-3.88,14.05,0,3.88,10.17,0,14.05Z'/%3E%3Cpath class='cls-1' d='m1.67,32.49c-2.23,2.23-2.23,5.85,0,8.08,2.23,2.23,5.85,2.23,8.08,0l.63-.63L2.3,31.86l-.63.63Z'/%3E%3C/svg%3E");
box-shadow: inset 0px 0px 10px 3px rgb(0 0 0 / 10%);
}

label#search-bar input[type="text"]{
	position: absolute;
	left: 0;
	top: 0;
	height: 3.63vw;
	width: 100%;
	box-sizing: border-box;
	padding:0.5vw;
	box-shadow: inset 0px 0px 10px 3px rgb(0 0 0 / 10%);
	border:0;
	outline:0;
	padding-left:5vw;
	font-size:1.2em;
}

#traject-menu ._timeline{
	background-image: url(../../images/ca-platform/backgrounds/div-stip-zwart.png);
	background-repeat: repeat-y;
	background-position: center top;
	position: relative;
	padding: 1.5vw 0;
	font-size: 1.25vw;
}
#traject-menu ._timeline:after{
	display:block;
	content:'';
	clear:both;
}


#traject-menu ._timeline ._course{
	background-image: url(../../images/ca-platform/backgrounds/div-stip-wit.png);
	background-repeat: repeat-y;
	background-position: center top;
	position: relative;
	width: 66vw;
	height: 21.6vw;
	margin-top: 1.5vw;
	margin-bottom: 1.5vw;
	float: left;
}
#traject-menu ._timeline ._course:nth-child(odd) {
	float:right;
}

#traject-menu ._x-close-traject-menu{
	display: block;
	float: left;
	padding-right: 4vw;
	margin-right: 2vw;
	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;
	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;
}

#traject-menu ._x-close-traject-menu{
	left: auto;
	right: 0;
}
#layout[data-popup="select-course"] #traject-menu{
	transform: translateY(0%);
}



#traject-menu ._timeline ._course ._desc{
	box-sizing: border-box;
	height: 21.6vw;
	width: 21.35vw;
	background-color: #FFF;
	padding: 2vw;
	float: left;
	color: #000;
}

#traject-menu ._timeline ._course h2{

}

.course-resume-block{
	padding-left: 15vw;
	padding-right: 2vw;
	box-sizing: border-box;
	padding-top: 2vw;
	width: 44.65vw;
	height: 21.6vw;
	background-color: #FFF;
	float: left;
}

#traject-menu ._timeline ._course:nth-child(even)  ._desc{
	float: right;
}


#traject-menu ._timeline ._course:nth-child(1) .course-resume-block ._progressbar ._fill,
#traject-menu ._timeline ._course:nth-child(1) .course-resume-block ._image:before,
#traject-menu ._timeline ._course:nth-child(1) ._desc,
#traject-menu ._timeline ._course:nth-child(5) .course-resume-block ._progressbar ._fill,
#traject-menu ._timeline ._course:nth-child(5) .course-resume-block ._image:before,
#traject-menu ._timeline ._course:nth-child(5) ._desc{
	background-color:#52e1ff;

}
#traject-menu ._timeline ._course:nth-child(2) .course-resume-block ._progressbar ._fill,
#traject-menu ._timeline ._course:nth-child(2) .course-resume-block ._image:before,
#traject-menu ._timeline ._course:nth-child(2) ._desc,
#traject-menu ._timeline ._course:nth-child(6) .course-resume-block ._progressbar ._fill,
#traject-menu ._timeline ._course:nth-child(6) .course-resume-block ._image:before,
#traject-menu ._timeline ._course:nth-child(6) ._desc{
	background-color:#6f47ff
}
#traject-menu ._timeline ._course:nth-child(3) .course-resume-block ._progressbar ._fill,
#traject-menu ._timeline ._course:nth-child(3) .course-resume-block ._image:before,
#traject-menu ._timeline ._course:nth-child(3) ._desc,
#traject-menu ._timeline ._course:nth-child(7) .course-resume-block ._progressbar ._fill,
#traject-menu ._timeline ._course:nth-child(7) .course-resume-block ._image:before,
#traject-menu ._timeline ._course:nth-child(7) ._desc{
	background-color:#fec633
}
#traject-menu ._timeline ._course:nth-child(4) .course-resume-block ._progressbar ._fill,
#traject-menu ._timeline ._course:nth-child(4) .course-resume-block ._image:before,
#traject-menu ._timeline ._course:nth-child(4) ._desc,
#traject-menu ._timeline ._course:nth-child(8) .course-resume-block ._progressbar ._fill,
#traject-menu ._timeline ._course:nth-child(8) .course-resume-block ._image:before,
#traject-menu ._timeline ._course:nth-child(8) ._desc{
	background-color:#b4d627
}


#traject-menu ._timeline ._course:nth-child(1) a.bttn-go,
#traject-menu ._timeline ._course:nth-child(5) a.bttn-go{
	background-image: url(../../images/ca-platform/buttons/bttn-go-blauw.png);
}
#traject-menu ._timeline ._course:nth-child(2) a.bttn-go,
#traject-menu ._timeline ._course:nth-child(6) a.bttn-go{
	background-image: url(../../images/ca-platform/buttons/bttn-go-paars.png);
}
#traject-menu ._timeline ._course:nth-child(3) a.bttn-go,
#traject-menu ._timeline ._course:nth-child(7) a.bttn-go{
	background-image: url(../../images/ca-platform/buttons/bttn-go-oranje.png);
}
#traject-menu ._timeline ._course:nth-child(4) a.bttn-go,
#traject-menu ._timeline ._course:nth-child(8) a.bttn-go{
	background-image: url(../../images/ca-platform/buttons/bttn-go-groen.png);
}

#traject-menu ._timeline ._course:nth-child(2) ._desc,
#traject-menu ._timeline ._course:nth-child(2) ._desc h2,
#traject-menu ._timeline ._course:nth-child(6) ._desc,
#traject-menu ._timeline ._course:nth-child(6) ._desc h2
{
	color:#FFF;
}

#traject-menu ._timeline ._course:nth-child(1) h4,
#traject-menu ._timeline ._course:nth-child(5) h4
{
	color: #52e1ff;
}
#traject-menu ._timeline ._course:nth-child(2) h4,
#traject-menu ._timeline ._course:nth-child(6) h4
{
	color: #6f47ff;
}
#traject-menu ._timeline ._course:nth-child(3) h4,
#traject-menu ._timeline ._course:nth-child(7) h4
{
	color: #fec633;
}
#traject-menu ._timeline ._course:nth-child(4) h4,
#traject-menu ._timeline ._course:nth-child(8) h4
{
	color: #b4d627;
}


 .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;
}

#layout[data-p-lang="EN"] .txt-resume-chapter:before{
	content: 'Continue where you left off';
}
.txt-resume-chapter:before{
	content: 'Ga verder waar je gebleven was';
}


.txt-close_answer:after{
	content: 'sluit antwoord';
}
#layout[data-p-lang="EN"] .txt-close_answer:after{
	content: 'close answer';
}


.txt-close_uitleg:after{
	content: 'sluit uitleg';
}
#layout[data-p-lang="EN"] .txt-close_uitleg:after{
	content: 'close explanation';
}


#layout[data-p-lang="EN"] div[data-chapter-nr="1"] .txt-resume-chapter:before{
	content: 'Start the course here';
}
div[data-chapter-nr="1"] .txt-resume-chapter:before{
	content: 'Start hier met de cursus';
}

#layout[data-p-lang="NL"] .x-lang[data-d-lang="EN"],
#layout[data-p-lang="EN"] .x-lang[data-d-lang="NL"]{
	display:none;
}

#layout[data-p-lang="NL"] ._bttn.__nl ,
#layout[data-p-lang="EN"] ._bttn.__en {
	display:none;
}


/* tijdelijk uit */
#layout a._bttn.__handleiding,
#layout a._bttn.__instellingen,
#layout a._bttn.__contact{
	display: none;
}

#layout[data-p-domain="ca-admin"] a._bttn.__handleiding,
#layout[data-p-domain="ca-admin"] a._bttn.__instellingen,
#layout[data-p-domain="ca-admin"] a._bttn.__contact{
	display: block;
}



/* resultaten scherm */
#toets-result-cnt{
	position:relative;
}
#toets-result-cnt .badge-cnt{
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center top -24px;
	position: absolute;
	left: 0;
	top: 0;
	right: 56%;
	overflow: hidden;
	bottom: 0;
}

#toets-result-cnt .badge-cnt ._video{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center 25px;
	background-size: 41%;
	text-align: center;
}

#toets-result-cnt .badge-cnt ._video video{
	width: 114%;
	margin: 0 auto;
	margin-top: -18%;
	margin-left: -10%;
}
#toets-result-cnt .badge-cnt ._video img{
	margin-top: 50px;
	width: 55%;
}
#toets-result-cnt[data-result="negative"] .badge-cnt ._video video,
#toets-result-cnt[data-result="positive"] .badge-cnt ._video img,
#toets-result-cnt[data-result="perfect"] .badge-cnt ._video img{
	display:none;
}



.huiswerk-detail-cnt[data-huiswerk-status="done"] ._result[data-result="open"],
.huiswerk-detail-cnt[data-huiswerk-status="open"] ._result[data-result="done"]{
	display:none;
}

.huiswerk-detail-cnt[data-huiswerk-status="open"] ._result[data-result="open"],
.huiswerk-detail-cnt[data-huiswerk-status="done"] ._result[data-result="done"]{
	display:block;
}


.huiswerk-detail-cnt ._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;
}
.huiswerk-detail-cnt ._progressbar ._fill{
	color: #FFF;
	border-radius: 25px;
	overflow: hidden;
	width: 0%;
	background-color: #6F47FF;
	color:#FFF;
	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;
}

.huiswerk-detail-cnt ._navbar{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 17px 20px;
}



.aanvullend-details{
	width:900px;
	position:relative;
}
	.aanvullend-details ._image{
		border-radius: 100%;
		width: 430px;
		height: 430px;
		background-size: cover;
		background-position: center;
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
		transform: translate(-26%,-30%);
	}
	.aanvullend-details ._image:before{
		position: absolute;display: block;
		left:0;top:0;right:0;bottom:0;
		content:'';
		background-color: #fec633;
		mix-blend-mode: color;
	}
	.aanvullend-details ._title{
		padding-left: 365px;
		padding-top: 56px;
	}
	.aanvullend-details ._title-alt {
	padding-left: 27px;
	padding-top: 56px;
	width: 296px;
	line-height: 1em;
	font-size: 0.8em;
}
		.aanvullend-details ._title h2{
			
		}



.aanvullend-details-extra{
	background-image: url(../../images/ca-platform/backgrounds/div-stip-grijs-spaced.png);
	background-size: auto 12px;
	background-position: left top;
	background-repeat: repeat-y;
	position: absolute;
	top: 50px;
	right: 50px;
	bottom: 50px;
	padding-left: 22px;
	width: 600px;
	color:#000;
	font-weight:900;
}
	.aanvullend-details-extra ._location{
		padding-bottom: 15px;
		height: 120px;
		box-sizing: border-box;
		background-image: url(../../images/ca-platform/backgrounds/div-stip-grijs-spaced.png);
		background-size: auto 12px;
		background-position: left bottom;
		background-repeat: repeat-x;
	}
	.aanvullend-details-extra ._datum{
		float: left;
		width: 50%;
		box-sizing: border-box;
		height: 88px;
		margin-top: 14px;
		padding-top: 20px;
	}
	.aanvullend-details-extra ._trainer{
		float: left;
		width: 50%;
		box-sizing: border-box;
		background-image: url(../../images/ca-platform/backgrounds/div-stip-grijs-spaced.png);
		background-size: auto 12px;
		background-position: left top;
		background-repeat: repeat-y;
		height: 88px;
		margin-top: 14px;
		padding-left: 20px;
		padding-top: 20px;
	}


.huiswerk-vraag-cnt ._vraag{
	border-color:#ccc;
}

*[data-crs-type="e-learning"] .txt-crs-type:after{
	content: 'Online E-learning';
}
*[data-crs-type="fysiek"] .txt-crs-type:after{
	content: 'Fysieke deelname';
}
*[data-crs-type="hybride"] .txt-crs-type:after{
	content: 'Fysieke deelname met e-learning';
}

/* trainer overzicht */

.deelnemer-cnt-trainer > h3{
	margin:15px;
}

.trainer-cursus-blokje{
	width: calc(25% - 40px);
	position: relative;
	padding: 20px;
	float: left;
	margin: 20px;
	padding-top: 150px;
	box-sizing: border-box;
	overflow: hidden;
	background-color:#FFF;
}
.trainer-cursus-blokje ._top{
	background-image: url(../../images/ca-platform/backgrounds/div-stip-grijs-spaced.png);
	background-size: auto 12px;
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-bottom: 25px;
}
.trainer-cursus-blokje ._middle{
	padding: 20px 0;
	height: 160px;
}
.trainer-cursus-blokje ._bottom{
	background-image: url(../../images/ca-platform/backgrounds/div-stip-grijs-spaced.png);
	background-size: auto 12px;
	background-position: left top;
	background-repeat: repeat-x;
	padding-top:10px;

}
.trainer-cursus-blokje ._image{
	border-radius: 100%;
	width: 70%;
	/* height: 50%; */
	padding-top: 61%;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-9%, -37%);
}
.trainer-cursus-blokje ._image:before{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: '';
	background-color: #B4D627;
	mix-blend-mode: color;
}
.trainer-cursus-blokje ._title{
	margin-bottom: 25px;
	font-size: 1.15em;
	font-weight: bold;
}

.trainer-cursus-blokje ._deelnemers{
	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.86 34.78'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23b4d627; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M16.36,22.27l-1.79-.73c-.85-.35-1.46-1.09-1.67-1.96,3.66-1.68,6.32-6.58,6.32-10.61C19.22,4.02,15.2,0,10.25,0S1.28,4.02,1.28,8.97c0,3.81,2.38,8.39,5.74,10.3-.12,1.01-.77,1.88-1.73,2.27l-1.79.73c-2.12.87-3.5,2.93-3.5,5.22v5.83l3.99.85c3.81.81,7.75.83,11.57.04l4.3-.89v-5.83c0-2.29-1.38-4.35-3.5-5.22Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 26px auto;
	padding-left: 42px;
	width: 49%;
	float: left;
	box-sizing: border-box;
	height: 3em;
	border-right: 1px solid #ccc;
}
.trainer-cursus-blokje ._datum{
	width:50%;
	float:left;
	box-sizing: border-box;
	height: 3em;
	padding-left:10px;
}

.trainer-cursus-blokje ._location{
	margin-bottom: 15px;
	
}


.trainer-cursus-details ._bottom ._text{
	float: left;
	margin-top: 15px;
}
.trainer-cursus-details ._bottom ._link{
	float: right;
	font-size: 0.8em;
	margin-top: 7px;
}






/* trainer dashboard */

.trainer-cursus-details{
	width: 100%;
	position: absolute;
	padding: 20px;
	padding-left: 309px;
	box-sizing: border-box;
	top: 0;
	bottom: 0;
}
.trainer-cursus-details ._top{
	background-image: url(../../images/ca-platform/backgrounds/div-stip-grijs-spaced.png);
	background-size: auto 12px;
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-bottom: 25px;
}
.trainer-cursus-details ._middle{
	padding: 20px 0;
	height: 225px;
}
.trainer-cursus-details ._bottom{
	background-image: url(../../images/ca-platform/backgrounds/div-stip-grijs-spaced.png);
	background-size: auto 12px;
	background-position: left top;
	background-repeat: repeat-x;
	padding-top:10px;

}
.trainer-cursus-details ._image{
	border-radius: 100%;
	width: 390px;
	height: 390px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-26%, -6%);
}
.trainer-cursus-details ._image:before{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: '';
	background-color: #B4D627;
	mix-blend-mode: color;
}
.trainer-cursus-details ._title{
	margin-bottom: 15px;
	font-weight: bold;
}
.trainer-cursus-details ._title-alt {
	padding-left: 27px;
	padding-top: 56px;
	width: 296px;
	line-height: 1em;
	font-size: 0.8em;
}


.trainer-cursus-details ._datum{
	margin-bottom: 15px;
	
}

.trainer-cursus-details ._location{
	margin-bottom: 15px;
	
}


.trainer-cursus-details ._bottom ._progressbar{
	border-radius: 25px;
	overflow: hidden;
	background-color: #eceded;
	height: 32px;
	position: relative;
	width: 39%;
	white-space: nowrap;
	display: block;
	margin: 17px;
	margin-top: 10px;
	float: left;
}
.trainer-cursus-details ._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;
}
.trainer-cursus-details ._top ._notities{
	display: inline-block;
	margin-left: 14px;
	margin-right: 10px;
}
.trainer-cursus-details ._bottom ._text{
	float: left;
	margin-top: 15px;
}
.trainer-cursus-details ._bottom ._link{
	float: right;
	font-size: 0.8em;
	margin-top: 7px;
}


/* overzicht */

.agenda-overzicht .trainer-cursus-details{
	position: relative;
	padding-left: 137px;
	top: auto;
	left: auto;
	bottom: auto;
	right: auto;
	width: 94%;
	margin: 0 2%;
	margin-bottom: 21px;
	margin-top: 5px;
	background-color: #FFF;
	overflow: hidden;
}

.agenda-overzicht .trainer-cursus-details ._image {
	border-radius: 0;
	width: 120px;
	height: 120px;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
	transform: none;
	background-color: transparent;
	background-repeat:no-repeat;
	background-image:url(../../images/ca-platform/icons/icon-agenda.png);
}

.agenda-overzicht .trainer-cursus-details ._image:before{
	display:none;
}

.agenda-overzicht .trainer-cursus-details ._middle {
	height: auto;
}






#evaluatie-block{
	border-radius:60px;
	overflow:hidden;
	border:1px solid #CCC;
}

#evaluatie-block .vraag-block .fs{
	position:relative;left:auto;right:auto;top:auto;bottom:auto;
}


#evaluatie-block ._toelichting textarea{
	height: 230px;
	border: 1px solid #ccc;
}

.slider-cnt.__evaluatie{
	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 1442.69 45.41'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fce835; %7D .cls-1, .cls-2, .cls-3, .cls-4, .cls-5 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %236f47ff; %7D .cls-3 %7B fill: %23fec633; %7D .cls-4 %7B fill: %23b4d627; %7D .cls-5 %7B fill: %2352e1ff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-4' d='M22.7,0h265.3v45.41H22.7C10.17,45.41,0,35.24,0,22.7H0C0,10.17,10.17,0,22.7,0Z'/%3E%3Crect class='cls-5' x='288.76' width='288' height='45.41'/%3E%3Crect class='cls-3' x='577.52' width='288' height='45.41'/%3E%3Crect class='cls-1' x='866.27' width='288' height='45.41'/%3E%3Cpath class='cls-2' d='M1154.69,0h265.3C1432.51,0,1442.69,10.17,1442.69,22.7h0c0,12.53-10.17,22.7-22.7,22.7h-265.3V0h0Z'/%3E%3C/svg%3E");
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding: 10px 93px;
	border-radius: 25px;
	margin-top: 80px;
	margin-bottom: 25px;
}




.slider-cnt.__evaluatie input[type="range"] {
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	cursor: pointer;
	width: 100%;
}

/* Removes default focus */
.slider-cnt.__evaluatie input[type="range"]:focus {
	outline: none;
}



.slider-cnt.__evaluatie input[type="range"]._slider{
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	cursor: pointer;
	width: 100%;
	height: 28px;
}
.slider-cnt.__evaluatie input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none; /* Override default look */
	appearance: none;
	margin-top: -36px; /* Centers thumb on the track */
	background-color: ;
	height: 72px;
	width: 72px;
	border-radius: 16px;
	background-repeat: no-repeat;
	background-size: 60%;
	background-color: #fff;
	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
	background-position: 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 39.93 44.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23d9dadb;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='35.67' cy='4.26' r='4.26'/%3E%3Ccircle class='cls-1' cx='19.97' cy='4.26' r='4.26'/%3E%3Ccircle class='cls-1' cx='4.26' cy='4.26' r='4.26'/%3E%3Ccircle class='cls-1' cx='35.67' cy='22.36' r='4.26'/%3E%3Ccircle class='cls-1' cx='19.97' cy='22.36' r='4.26'/%3E%3Ccircle class='cls-1' cx='4.26' cy='22.36' r='4.26'/%3E%3Ccircle class='cls-1' cx='35.67' cy='40.46' r='4.26'/%3E%3Ccircle class='cls-1' cx='19.97' cy='40.46' r='4.26'/%3E%3Ccircle class='cls-1' cx='4.26' cy='40.46' r='4.26'/%3E%3C/svg%3E");
}


/* slider track */
.slider-cnt.__evaluatie input[type="range"]::-webkit-slider-runnable-track {
	background-color: transparent;
	border-radius: 0.5rem;
	height: 0.5rem;
}


.slider-cnt.__evaluatie input[type="range"]:focus::-webkit-slider-thumb {
	border: 0;
	outline: 0 ;
}

.combo-container{}

.combo-container .afspraak-info{
}

.combo-container .evaluatie-info{
	display:none;
	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 226.1 125.22'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %231a171b; %7D .cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8 %7B stroke-width: 0px; %7D .cls-9 %7B fill: none; stroke: %23e2001a; %7D .cls-9, .cls-10 %7B stroke-miterlimit: 10; stroke-width: 1.81px; %7D .cls-2 %7B fill: %23000; %7D .cls-3 %7B fill: %23d9dadb; %7D .cls-4 %7B fill: %23eceded; %7D .cls-5 %7B fill: %2352e1ff; %7D .cls-6 %7B fill: %23f6f6f6; %7D .cls-7 %7B fill: %234ecddd; %7D .cls-10 %7B fill: %23fff; stroke: %231a171b; %7D .cls-8 %7B fill: %23e2001a; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-3' points='145.24 125.22 .22 125.22 0 121.04 81.08 98.85 225.23 94.68 224.57 99.51 145.24 125.22'/%3E%3Cpolygon class='cls-6' points='145.24 120.82 .22 120.82 81.08 94.46 226.1 94.46 145.24 120.82'/%3E%3Cg%3E%3Cpath class='cls-2' d='M126.85,115.5l-15.25-2.32,5.01-2.16,18.17,3.43-3.18,1.37-4.75-.32ZM112.59,116.95l-4.71-.07,9.93-4.28,4.71.07-9.93,4.28ZM102.98,116.9l24.7-1.75,5.92-.19-3.22,1.39-32.44,2.72,5.03-2.17Z'/%3E%3Cpath class='cls-2' d='M68.59,114.52l4.99-2.15,4.02.05-4.04,1.74c-1.08.47-1.61.8-1.6,1.01s.5.31,1.43.33c1.06.02,2.07-.07,3.01-.27.94-.2,1.93-.52,2.96-.96l2.29-.99-20.58-.3,4.67-2.01,25.28.37-6.95,3c-2.38,1.03-4.83,1.83-7.32,2.39s-4.93.83-7.29.8c-1.03-.01-1.83-.1-2.39-.26s-.74-.41-.51-.76,1-.81,2.33-1.4l-.29-.58ZM58.02,114.29l5.93-2.56,3.09.76-4.34,1.87c-.95.41-1.34.7-1.19.89s.64.28,1.44.29c.65,0,1.29-.02,1.93-.08s1.27-.17,1.88-.32,1.22-.35,1.81-.61l3.92-1.69,3.97.07-4.69,2.02-2.69.45c-1.22.56-2.49,1-3.79,1.32-1.3.32-2.56.54-3.78.67-1.22.13-2.32.19-3.29.17-2.48-.04-3.73-.33-3.76-.88s1.15-1.34,3.55-2.37Z'/%3E%3Cpath class='cls-10' d='M139.62,106.61c-7.03-.1-8.37-2.07-2.98-4.39,5.38-2.32,15.45-4.12,22.48-4.02,7.03.1,8.37,2.07,2.98,4.39s-15.45,4.12-22.48,4.02Z'/%3E%3Cpath class='cls-10' d='M90.55,105.9c-7.03-.1-8.37-2.07-2.98-4.39,5.38-2.32,15.45-4.12,22.48-4.02,7.03.1,8.37,2.07,2.98,4.39-5.38,2.32-15.45,4.12-22.48,4.02Z'/%3E%3Cpath class='cls-9' d='M160.84,96.74c-1.31,2.88-2.61,5.76-3.92,8.64-.31-2.99-.63-5.98-.94-8.97-1.22,3.16-2.45,6.32-3.67,9.47-1.47-2.58-.13-5.62,1.63-8.68-1.08,2.91-2.17,5.81-3.25,8.72-4.72-1.99-3.76-5.12-2.72-8.15-.63,2.93-1.26,5.86-1.89,8.78-1-2.85-.64-5.92-.27-8.99-1.31,3.21-2.61,6.42-3.92,9.63-.76.2-1.4.06-1.55-.1-1.87-1.97-1-4.42-.12-6.83.11,1.66-.75,3.47-2.56,5.37-1.79-.85-2.71-1.9-2.7-3.08.96.45,1.44,1.01,1.4,1.65'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-8' d='M124.43,66.32l-12.25-.85,1.49,11.86-11.1-2.84-.24,12.58L40.05,20.76,62.16,0s61.81,65.84,62.27,66.32Z'/%3E%3Cpolygon class='cls-1' points='46.22 27.32 102.32 87.08 102.56 74.49 113.66 77.33 112.17 65.47 124.43 66.32 68.33 6.57 46.22 27.32'/%3E%3Cpolygon class='cls-4' points='49.68 31.01 71.79 10.25 134.05 76.57 137.15 101.7 111.94 97.33 49.68 31.01'/%3E%3Cpolygon class='cls-8' points='122.51 99.16 137.15 101.7 135.35 87.11 122.51 99.16'/%3E%3Cpath class='cls-5' d='M134.05,76.57l-12.25-.85,1.49,11.86-11.1-2.84-.24,12.58L49.68,31.01l22.11-20.76s61.81,65.84,62.27,66.32Z'/%3E%3Cpolygon class='cls-7' points='113.77 85.15 123.29 87.58 121.98 77.2 65.06 16.57 56.73 24.39 113.77 85.15'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	height: 290px;
	background-size: 370px;
	background-position: 20px 50px;
	padding-bottom: 20px;
	padding-left: 435px;
	padding-top: 75px;
	padding-right: 80px;
}

.combo-container[data-evaluatie-show="eval"] .afspraak-info{
	display:none
}

.combo-container[data-evaluatie-show="eval"] .evaluatie-info{
	display:block
}


.combo-container[data-evaluatie-status="eval-open"] .evaluatie-info ._text:before{
	content: 'Vul het evaluatie formulier in en verdien een badge!';
}

.combo-container[data-evaluatie-status="eval-done"] .evaluatie-info ._text:before{
	content: 'Bedankt! Je hebt het evaluatieformulier ingevuld.';
}

.combo-container[data-evaluatie-status="eval-open"] .evaluatie-info .button-rounded{
	display:block
}

.combo-container[data-evaluatie-status="eval-done"] .evaluatie-info .button-rounded{
	display:none
}




.slider-legend.__evaluatie{
	margin-bottom:50px;
}
.slider-legend.__evaluatie:after{
	content: '';
	display: block;
	clear: both;
}

.slider-legend.__evaluatie ._legend{
	width: 15%;
	float: left;
	margin-right: 2.5%;
	margin-left: 2.5%;
	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
	border-radius: 18px;
	display: block;
	padding: 5px 20px;
	text-align: center;
	box-sizing: border-box;
}

.slider-legend.__evaluatie ._legend.__1{
	color: #B4D627
}
.slider-legend.__evaluatie ._legend.__2{
	color: #52E1FF
}
.slider-legend.__evaluatie ._legend.__3{
	color: #FEC633
}
.slider-legend.__evaluatie ._legend.__4{
	color: #FCE835
}
.slider-legend.__evaluatie ._legend.__5{
	color: #6F47FF
}

.slider-legend.__evaluatie ._legend.__1:before{
	content: 'Uitstekend'
}

.slider-legend.__evaluatie ._legend.__2:before{
	content: 'Goed'
}

.slider-legend.__evaluatie ._legend.__3:before{
	content: 'Voldoende '
}

.slider-legend.__evaluatie ._legend.__4:before{
	content: 'Matig'
}

.slider-legend.__evaluatie ._legend.__5:before{
	content: 'Slecht'
}


#layout[data-p-lang="EN"] .slider-legend.__evaluatie ._legend.__1:before{
	content: 'Excellent'
}

#layout[data-p-lang="EN"] .slider-legend.__evaluatie ._legend.__2:before{
	content: 'Good'
}

#layout[data-p-lang="EN"] .slider-legend.__evaluatie ._legend.__3:before{
	content: 'Sufficient'
}

#layout[data-p-lang="EN"] .slider-legend.__evaluatie ._legend.__4:before{
	content: 'Mediocre'
}

#layout[data-p-lang="EN"] .slider-legend.__evaluatie ._legend.__5:before{
	content: 'Bad'
}



#page-section-intro a._nav[data-nav-ctrl="prev-x"]:before{
	content: 'Vorige vraag';
}
#page-section-intro a._nav[data-nav-ctrl="next-x"]:before{
	content: 'Volgende vraag';
}
#layout[data-unid="deel-et"] #page-section-intro[data-toets-slide="10"] a._nav[data-nav-ctrl="next-x"]:before,
#layout[data-unid2="toets"] #page-section-intro[data-toets-slide="3"] a._nav[data-nav-ctrl="next-x"]:before{
	content: 'Resultaat bekijken';
}


#layout[data-p-lang="EN"] #page-section-intro a._nav[data-nav-ctrl="prev-x"]:before{
	content: 'Previous question';
}
#layout[data-p-lang="EN"] #page-section-intro a._nav[data-nav-ctrl="next-x"]:before{
	content: 'Next question';
}
#layout[data-unid="deel-et"][data-p-lang="EN"] #page-section-intro[data-toets-slide="10"] a._nav[data-nav-ctrl="next-x"]:before,
#layout[data-unid2="toets"][data-p-lang="EN"] #page-section-intro[data-toets-slide="3"] a._nav[data-nav-ctrl="next-x"]:before{
	content: 'View results';
}


.vraag-block[data-mode="clicked"]{
	
}

.vraag-block[data-mode="clicked"] ul.q-answers-list li{
	opacity:  0.7;
}
.vraag-block[data-mode="clicked"] ul.q-answers{
	background-color:#b5f9ff;
}

.vraag-block ul li.at-active{
	outline: 2px solid #000;
	opacity:1;
}

a.slider-close{
	color:#FFF;
	position: absolute;
	top:20px;right:65px;
	display:block;
}
a.slider-close:before{
	content: 'X ';
}


#inner-slides-cnt{}
.pblock .inner-slide{
	background-color: #f6f6f6;
	padding: 20px 40px;
	margin-top: 20px;
}
#inner-slides-cnt .pblock .inner-slide{
	display:none;
}
a.slider-inner-close{
	color: #e2001a;
	margin-top: 20px;
	right: 65px;
	display: block;
	float: right;
}
a.slider-inner-close:before{
	content: 'X ';
}



.fases{}

.fases[data-show-step="1"] .fase-cnt[data-step="1"],
.fases[data-show-step="2"] .fase-cnt[data-step="2"],
.fases[data-show-step="3"] .fase-cnt[data-step="3"],
.fases[data-show-step="4"] .fase-cnt[data-step="4"],
.fases[data-show-step="5"] .fase-cnt[data-step="5"],
.fases[data-show-step="6"] .fase-cnt[data-step="6"] {
	display:block;
	transform: translateX(0);
}

.fase-cnt{
	background-color: #FFF;
position: absolute;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 3px;
	box-sizing: border-box;
	margin: 5px;
	padding: 30px 50px 50px 50px;
	transition: all 0.5s;
	transform: translateX(120%);
}

.fase-cnt ._titel{
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	margin:15px;
}
.fase-cnt ._total{
	color:#c6c7c8;
}

.fase-cnt ._progress{
	overflow: hidden;
	border-radius:12px;
	height: 27px;
	background-color:#f6f6f6;
	position:relative;
		
}
.fase-cnt ._progress:before{
	content:'';
	display: block;
	background-color:#52e1ff;
	width: 16.67%;height: 27px;
}
	.fase-cnt[data-step="2"] ._progress:before{
		width: 33%;
	}
	.fase-cnt[data-step="3"] ._progress:before{
		width: 50%;
	}
	.fase-cnt[data-step="4"] ._progress:before{
		width: 66.67%;
	}
	.fase-cnt[data-step="5"] ._progress:before{
		width: 83%;
	}
	.fase-cnt[data-step="6"] ._progress:before{
		width: 100%;
	}


.fase-cnt ._kop{
	content: 'Jij:';
	font-size: 1.4em;
	color: #000;
}

.fase-cnt ._vraag{
	
	background-image: url(../../images/ca-platform/backgrounds/div-stip-zwart.png);
	background-size: auto 10px;
	background-position: left top;
	background-repeat: repeat-x;
	margin-top: 32px;
	padding-top: 20px;
}
.fase-cnt ._vraag ._text{
	padding-left: 173px;
	background-repeat: no-repeat;
	background-position: 0 20px;
	background-size: 146px auto;
	padding-top: 35px;
	padding-bottom: 20px;
}

.fase-cnt[data-step="5"] ._vraag ._text{
	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 146.08 133.4'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23eceded; %7D .cls-2 %7B fill: %23fce835; %7D .cls-3 %7B fill: %23fec633; %7D .cls-4 %7B fill: none; stroke: %23000; stroke-miterlimit: 10; stroke-width: 12.14px; %7D %3C/style%3E%3C/defs%3E%3Cellipse class='cls-1' cx='73.04' cy='123.12' rx='73.04' ry='10.28'/%3E%3Cg%3E%3Cpath class='cls-4' d='M76.99,6.07h0c16.93,0,30.68,13.75,30.68,30.68v22.09h-61.35v-22.09c0-16.93,13.75-30.68,30.68-30.68Z'/%3E%3Crect class='cls-2' x='31.74' y='40.12' width='88.35' height='91.11'/%3E%3Crect x='32.82' y='124.14' width='87.28' height='6.67'/%3E%3Ccircle cx='76.38' cy='77.63' r='13.11'/%3E%3Cpolygon points='73 86.6 64.41 105 88.34 105 78.22 85.68 73 86.6'/%3E%3Cg%3E%3Cpolygon class='cls-3' points='31.74 112.83 31.74 100.01 43.5 106.69 31.74 112.83'/%3E%3Cpolygon class='cls-3' points='31.74 99.94 31.74 87.12 43.5 93.8 31.74 99.94'/%3E%3Cpolygon class='cls-3' points='31.74 87.06 31.74 74.24 43.5 80.92 31.74 87.06'/%3E%3Cpolygon class='cls-3' points='31.74 74.18 31.74 61.36 43.5 68.04 31.74 74.18'/%3E%3C/g%3E%3Cg%3E%3Cpolygon class='cls-3' points='120.09 61.78 120.09 74.45 108.47 67.85 120.09 61.78'/%3E%3Cpolygon class='cls-3' points='120.09 74.51 120.09 87.17 108.47 80.57 120.09 74.51'/%3E%3Cpolygon class='cls-3' points='120.09 87.23 120.09 99.9 108.47 93.3 120.09 87.23'/%3E%3Cpolygon class='cls-3' points='120.09 99.96 120.09 112.63 108.47 106.03 120.09 99.96'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.fase-cnt[data-step="6"] ._vraag ._text{
	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 146.08 120.28'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e2001a; %7D .cls-2 %7B fill: %23eceded; %7D .cls-3 %7B fill: %231a171b; %7D .cls-4 %7B fill: %23fec633; %7D .cls-5 %7B fill: %2352e1ff; %7D %3C/style%3E%3C/defs%3E%3Cellipse class='cls-2' cx='73.04' cy='110' rx='73.04' ry='10.28'/%3E%3Cpath class='cls-4' d='M84.48,10.5l46.4,80.37c4.62,8-1.15,18-10.39,18H27.69c-9.24,0-15.01-10-10.39-18L63.7,10.5c4.62-8,16.17-8,20.78,0Z'/%3E%3Cpath class='cls-1' d='M120.49,113.37H27.69c-5.97,0-11.31-3.08-14.29-8.25-2.98-5.17-2.98-11.33,0-16.5L59.8,8.25c2.98-5.17,8.32-8.25,14.29-8.25,0,0,0,0,0,0,5.97,0,11.31,3.08,14.29,8.25l46.4,80.37c2.98,5.17,2.98,11.33,0,16.5s-8.32,8.25-14.29,8.25ZM74.09,9c-2.71,0-5.14,1.4-6.5,3.75L21.19,93.12c-1.36,2.35-1.36,5.15,0,7.5,1.36,2.35,3.78,3.75,6.5,3.75h92.8c2.71,0,5.14-1.4,6.49-3.75,1.36-2.35,1.36-5.15,0-7.5L80.58,12.75c-1.36-2.35-3.78-3.75-6.5-3.75Z'/%3E%3Cpath class='cls-3' d='M108.37,95.37H39.81c-1.96,0-3.78-1.05-4.76-2.75s-.98-3.8,0-5.5l34.28-59.37c.98-1.7,2.8-2.75,4.76-2.75s3.78,1.05,4.76,2.75l34.28,59.37c.98,1.7.98,3.8,0,5.5-.98,1.7-2.8,2.75-4.76,2.75ZM42.41,88.37h63.36l-31.68-54.87-31.68,54.87Z'/%3E%3Cpath class='cls-3' d='M73.2,72.58c-1.93,0-3.5-1.57-3.5-3.5v-20.46c0-1.93,1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5v20.46c0,1.93-1.57,3.5-3.5,3.5Z'/%3E%3Cpath class='cls-3' d='M73.2,83.4c-1.93,0-3.5-1.57-3.5-3.5v-.19c0-1.93,1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5v.19c0,1.93-1.57,3.5-3.5,3.5Z'/%3E%3Cg%3E%3Cpolygon class='cls-5' points='87.88 25.39 92.06 32.63 100.14 28.63 95.97 21.39 87.88 25.39'/%3E%3Cpath class='cls-5' d='M88.41,8.3l-8.11,4.01c.1.14.2.28.29.43l3.92,6.79,8.08-4-4.18-7.23Z'/%3E%3C/g%3E%3C/svg%3E");
}

.fase-cnt ._vraag ul{
	margin-left:0;
	padding-left: 18px;
	margin-top:10px;
}

.fase-cnt ._vraag ul li{
	margin-left: 0;
	padding-left: 0;
	margin-top: 5px;
	margin-bottom: 0;
}

.fase-cnt ._vraag ._personen{

}
.fase-cnt ._vraag ._personen ._speler{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 3px;
	background-color:#FFF;
	background-repeat: no-repeat;
	position: relative;
	background-size: auto 85%;
	background-position: 10px;
	height:88px;
	box-sizing: border-box;
	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.57 57.04'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %233f9daa; stroke-miterlimit: 10; stroke-width: 1.32px; %7D .cls-2 %7B fill: %23fca635; %7D .cls-3 %7B fill: %231a171b; %7D .cls-4 %7B fill: %23fec633; %7D .cls-5 %7B fill: %2352e1ff; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-5' d='M31.52,14.71c0,8.12-6.58,18.38-14.71,18.38S2.1,22.83,2.1,14.71,8.69,0,16.81,0s14.71,6.58,14.71,14.71Z'/%3E%3Cpath class='cls-5' d='M26.82,36.52l-2.94-1.2c-1.74-.71-2.87-2.4-2.87-4.28v-4.78l-.53-.03v-.49l-4.2.25-4.2-.25v.49l-.53.03v4.78c0,1.88-1.13,3.57-2.87,4.28l-2.94,1.2C2.27,37.94,0,41.32,0,45.07v9.55l6.54,1.39c6.25,1.33,12.71,1.35,18.97.06l7.06-1.46v-9.55c0-3.75-2.27-7.13-5.74-8.55Z'/%3E%3Cpath class='cls-4' d='M26.82,36.52l-2.94-1.2c-.2-.08-.39-.18-.57-.29-6.81,4.26-12.77,1.7-14.98.43l-2.59,1.06c-3.47,1.42-5.74,4.8-5.74,8.55v9.55l6.54,1.39c6.25,1.33,12.71,1.35,18.97.06l7.06-1.46v-9.55c0-3.75-2.27-7.13-5.74-8.55Z'/%3E%3Cpath class='cls-3' d='M26.1,36.23h0s-2.22-.91-2.22-.91c-.2-.08-.39-.18-.57-.29-6.81,4.26-12.77,1.7-14.98.43l-2.59,1.06s-.09.04-.13.06h0s7.08,6.8,20.49-.35Z'/%3E%3Cpolygon class='cls-2' points='0 45.07 8.1 45.07 3.88 52.5 0 45.07'/%3E%3Cpolygon class='cls-2' points='8.14 45.07 16.23 45.07 12.02 52.5 8.14 45.07'/%3E%3Cpolygon class='cls-2' points='16.27 45.07 24.37 45.07 20.15 52.5 16.27 45.07'/%3E%3Cpolygon class='cls-2' points='24.41 45.07 32.51 45.07 28.29 52.5 24.41 45.07'/%3E%3Ccircle class='cls-2' cx='7.65' cy='51.45' r='1.05'/%3E%3Ccircle class='cls-2' cx='24.07' cy='51.45' r='1.05'/%3E%3Ccircle class='cls-2' cx='16.23' cy='43.16' r='1.05'/%3E%3C/g%3E%3Cpath class='cls-1' d='M6.95,22.39s3.45,3.9,7.2.3'/%3E%3Cpath class='cls-1' d='M18.35,22.39s3.45,3.9,7.2.3'/%3E%3C/svg%3E");
	padding-left:178px;
	margin-right:44px;
	margin-top: 30px;
	padding-top: 18px;
}


.fase-cnt ._vraag ._personen ._speler:after{
	content: 'Speler:';
	font-size: 1.4em;
	color: #000;
	position: absolute;
	left: 66px;
}


#layout[data-p-lang="EN"] .fase-cnt ._vraag ._personen ._speler:after{
	content: 'Player:';
}




.fase-cnt ._vraag ._personen ._jij{

	background-color:#e4f2f4;
	background-repeat: no-repeat;
	background-size: auto 85%;
	position:relative;
	background-position: 10px;
	height:88px;
	box-sizing: border-box;
	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.57 57.04'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: %23d9dadb; %7D .cls-3 %7B fill: %231a171b; %7D .cls-4 %7B fill: %2352e1ff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-4' d='M31.52,14.71c0,8.12-6.58,18.38-14.71,18.38S2.1,22.83,2.1,14.71,8.69,0,16.81,0s14.71,6.58,14.71,14.71Z'/%3E%3Cpath class='cls-4' d='M26.82,36.52l-2.94-1.2c-1.74-.71-2.87-2.4-2.87-4.28v-4.78l-.53-.03v-.49l-4.2.25-4.2-.25v.49l-.53.03v4.78c0,1.88-1.13,3.57-2.87,4.28l-2.94,1.2C2.27,37.94,0,41.32,0,45.07v9.55l6.54,1.39c6.25,1.33,12.71,1.35,18.97.06l7.06-1.46v-9.55c0-3.75-2.27-7.13-5.74-8.55Z'/%3E%3Cpath class='cls-2' d='M26.82,36.52l-2.94-1.2c-.2-.08-.39-.18-.57-.29-2.55,1.6-2.14,1.51-7.15,4.52-5.63-2.61-6.45-3.29-7.83-4.09l-2.59,1.06c-3.47,1.42-5.74,4.8-5.74,8.55v9.55l6.54,1.39c6.25,1.33,12.71,1.35,18.97.06l7.06-1.46v-9.55c0-3.75-2.27-7.13-5.74-8.55Z'/%3E%3Ccircle class='cls-3' cx='16.23' cy='43.16' r='1.05'/%3E%3Ccircle class='cls-3' cx='16.23' cy='48.08' r='1.05'/%3E%3Ccircle class='cls-3' cx='16.23' cy='52.99' r='1.05'/%3E%3Cpolygon class='cls-1' points='16.16 39.55 13.45 42.06 6.82 36.24 10.13 34.23 16.16 39.55'/%3E%3Cpolygon class='cls-1' points='16.25 39.55 18.97 42.06 25.79 36.04 22.28 34.23 16.25 39.55'/%3E%3C/svg%3E");
	padding-left: 134px;
	margin-left:44px;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 18px;
}

.fase-cnt ._vraag ._personen ._jij:before{
	content: '';
	display: block;
	width: 28px;
	height: 25px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
	transform: translateY(-100%);
	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 28.65 25.56'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e4f2f4; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='0 25.56 28.65 0 28.65 25.56 0 25.56'/%3E%3C/svg%3E");
}

.fase-cnt ._vraag ._personen ._jij:after{
	content: 'Jij:';
	font-size:1.4em;
	color:#000;
	position: absolute;
	left: 66px;
}
#layout[data-p-lang="EN"] .fase-cnt ._vraag ._personen ._jij:after{
	content: 'You:';
}

.fase-cnt ._antwoord{
	background-color: #f6f6f6;
	margin: 50px -50px -50px -50px;
	padding: 50px;
}
.fase-cnt ._antwoord:after{
	content: '';
	clear: both;
	display: block;
}


.fase-cnt ._button{
	border-radius: 25px;
	float: left;
	background-color: #b4d627;
	display: block;
	padding: 5px 30px;
	color: #FFF;
	line-height: normal;
}

#layout[data-p-domain="x-E-ZMP-X-A-NL"] .hoofdstuk-resume-block div[data-chapter-nr="course_done"]{
	background-image: url(../../cimages/x-E-ZMP-X-A-NL/module/cert-afbeelding.jpg);
	background-size: auto 69%;
	background-position: left center;
}

#layout[data-p-domain="x-E-ZMP-X-A-EN"] .hoofdstuk-resume-block div[data-chapter-nr="course_done"]{
	background-image: url(../../cimages/x-E-ZMP-X-A-EN/module/cert-afbeelding.jpg);
	background-size: auto 69%;
	background-position: left center;
}
#layout[data-p-domain="x-E-ZMP-X-A-NL"][data-unid="deel-et"] #toets-result-cnt[data-result="perfect"],
#layout[data-p-domain="x-E-ZMP-X-A-NL"][data-unid="deel-et"] #toets-result-cnt[data-result="positive"]{
	background-image: url(../../cimages/x-E-ZMP-X-A-NL/module/cert-afbeelding.jpg);
}

#layout[data-p-domain="x-E-ZMP-X-A-EN"][data-unid="deel-et"] #toets-result-cnt[data-result="perfect"],
#layout[data-p-domain="x-E-ZMP-X-A-EN"][data-unid="deel-et"] #toets-result-cnt[data-result="positive"]{
	background-image: url(../../cimages/x-E-ZMP-X-A-EN/module/cert-afbeelding.jpg);
}