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


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


.layout {
	color: #37377A;
	font-size: 18px;
	font-family: "Encode Sans", sans-serif;
	font-weight: 400;
	line-height: 1.5em;
}
body#layout{

	overflow-y: auto;
}
/* ---------- standaard lettertype en kleur ---------- */
.layout td, .layout th, .layout a{
	
	font-family: "Encode Sans", sans-serif;
}

.layout h1,.layout h2,.layout h3,.layout h4,.layout h5,.layout h6 {	
	font-family: "Encode Sans", sans-serif;
	font-weight: bold;
	color: #37377A;
	margin-top: 0;
	margin-bottom: 0;
}

.layout h1,
.layout .h1 {
	font-size: 3.333em;
	line-height: 1.25em;
}

.layout h2 {
	line-height: 1.25em;
	font-size: 1.556em;
}
.layout h3 { line-height: normal; font-size: 1.111em;}
.layout h4 { line-height: normal; font-size: 3.889em;} 
.layout h5 {  line-height: normal; font-size: 2.222em;}
.layout h6 { margin: 0 0 0 0;}
/*.layout p  { margin: 0 0 0 0; }*/

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

#layer1{
	transition: filter 0.5s;
	top:2.2vw;right:0;
}

#layout::-webkit-scrollbar {
	width: 0.70em;
}
#layout::-webkit-scrollbar-track {
	background-color: #fff;
	width: 15px;
}
#layout::-webkit-scrollbar-thumb {
	background-color: #19184a;
	/* border: 3px solid #fff; */
	border-radius: 0.5em;
}
#layout::-webkit-scrollbar-thumb:hover {
	background-color: #bfc0c6;
}


.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: 15.48vw;
	max-height: 260px;
	margin: 0 auto;
	top: 0;
	left: 0;
	/* width: 100%; */
	right: 0;
	position: absolute;
	z-index: 1;
	transition: all 0.5s 0.5s;
	background-color:#19184A;
	
}

.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 {
	z-index:2;
	top: 1.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: 12.79vw;
	height: 3.57vw;
	display: block;
	position: relative;
	background-position: left 1vw center;
	/* max-width: 222px; */
	margin: 1vw 1.2vw;
	float: left;
	top: 0;
	left: 0;
	background-image: url(../../images/aa-platform/logos/logo-header.png);

}


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

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

#layout[data-cnt="aa-beheer"] #layer1,
#layout[data-cnt="aa-admin"] #layer1,
#layout[data-cnt="aa-cursus"] #layer1,
#layout[data-cnt="aa-trainer"] #layer1{
	padding-left: 4vw;
	top: 6.55vw;
	left:0;
	right:0.3vw;
	z-index: 2;
	bottom: 0;
	position:relative;
	
	overflow:hidden;
}
#layout[data-cnt="aa-beheer"] #layer2,
#layout[data-cnt="aa-admin"] #layer2,
#layout[data-cnt="aa-cursus"] #layer2,
#layout[data-cnt="aa-trainer"] #layer2{
	position: relative;
	
}
#layout[data-cnt="aa-beheer"] #layer2 > .container_main,
#layout[data-cnt="aa-admin"] #layer2 > .container_main,
#layout[data-cnt="aa-cursus"] #layer2 > .container_main,
#layout[data-cnt="aa-trainer"] #layer2 > .container_main{
	position: relative;
	
	
}
#layout[data-cnt="aa-beheer"] #layer2 #blockArea,
#layout[data-cnt="aa-admin"] #layer2 #blockArea,
#layout[data-cnt="aa-cursus"] #layer2 #blockArea,
#layout[data-cnt="aa-trainer"] #layer2 #blockArea{
	position: relative;
	z-index: 2;
}
#layout[data-cnt="aa-beheer"] #layer2 #blockArea > ._inner,
#layout[data-cnt="aa-admin"] #layer2 #blockArea > ._inner,
#layout[data-cnt="aa-cursus"] #layer2 #blockArea > ._inner,
#layout[data-cnt="aa-trainer"] #layer2 #blockArea > ._inner{
	position: relative;
	
	
}

#layout[data-unid2="toets"] #topbar{
	display:none;
}
#layout[data-unid2="toets"]{
	background-image:url(../../images/aa-platform/backgrounds/bg-toets-full.jpg);
	background-size: cover;
	
	
}
#layout[data-cnt="aa-cursus"][data-unid2="toets"] #layer1{
	top:0!important;
	left:0;
}



#layout #sidebar {
	position: fixed;
	left: 0;
	width: 4.2vw;
	z-index: 10;
	top: 15.72vw;
	bottom: 0;
	overflow: auto;
	font-size: 1.07vw;
}

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

#layout[data-p-type="cursus"] #layer1{
	padding-left:0;
}

#layout #sidebar > ._inner {
	width: 40vw;
	position: absolute;
	left: 3vw;
	padding-left: 26vw;
	top: 49vw;
	transform-origin: left bottom;
	transform: rotate(-90deg);
}
#layout #sidebar > ._inner:before {
	content: '';
	display: block;
	position: absolute;
	top: 0.8vw;
	height: 1vw;
	/* left: 0px; */
	right: 41vw;
	width: 100%;
	background-image: url(../../images/aa-platform/backgrounds/div-stip-zwart.png);
	background-repeat: repeat-x;
	background-position: 0.2vw 0.2vw;
	background-size: auto 1vw;
}
#sidebar a._logo{
	background-image: url('../../../../findingacureforhiv.com/resources/images/fe-linkingandlearning/logos/logo-sidebar.png');
	background-size:contain;
	width: 9.76vw;
	height: 4.76vw;
	background-repeat: no-repeat;
	display:block;
}


.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{
	padding-right:40px;
	
}
#layout[data-cnt="aa-cursus"] #headerbar .menu-content ._bttn.__nl:before{
	content: 'Change language to dutch ';
}
#layout[data-cnt="aa-cursus"] #headerbar .menu-content ._bttn.__en:before{
	content: 'Wijzig taal naar Engels';
}

#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:0vw;
}

#menubar{

}
#layout[data-p-type="cursus"] #menubar{
	position: relative;
	z-index: 2;
	padding-left: 40px;
	height: auto;
	padding-right: 50px;
	clear: both;
	overflow: visible;
	padding-top: 24px;
}
#layout[data-p-type="cursus"] #menubar:before{
	content: '';
	display: block;
	position: absolute;
	border-left: 1px solid #FFF;
	top: 0;
	width: 1px;
	left: 25px;
	height: 600px;
	transform: translateY(-25%);
	z-index: 1;
}

#layout[data-p-type="cursus"][data-unid2="toets"] #menubar:before{
	display:none;
}

#layout[data-p-type="cursus"] #menubar:after{
    content: '01/';
    display: block;
    position: absolute;
    bottom: 0;
    transform: translateY(158%);
    width: 200px;
    left: 25px;
    height: 122px;
    z-index: 1;
    color: #ffffff26;
    font-size: 11em;
}

#layout[data-p-type="cursus"][data-page-nr="1"] #menubar:after{
	content: '01/';
	}
#layout[data-p-type="cursus"][data-page-nr="2"] #menubar:after{
	content: '02/';
	}
#layout[data-p-type="cursus"][data-page-nr="3"] #menubar:after{
	content: '03/';
	}
#layout[data-p-type="cursus"][data-page-nr="4"] #menubar:after{
	content: '04/';
	}
#layout[data-p-type="cursus"][data-page-nr="5"] #menubar:after{
	content: '05/';
	}
#layout[data-p-type="cursus"][data-page-nr="6"] #menubar:after{
	content: '06/';
	}
#layout[data-p-type="cursus"][data-page-nr="7"] #menubar:after{
	content: '07/';
	}


#layout[data-p-type="cursus"] #menubar > ._inner {	

}

.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/moti55/icons/icon-notif-ok.svg');
}
#notif-cnt .notif_row .notif-icon_cnt .nNotOk
{
	background-image: url('../../images/moti55/icons/icon-notif-notok.svg');
}
#notif-cnt .notif_row .notif-icon_cnt .nInfo
{
	background-image: url('../../images/moti55/icons/icon-notif-info.svg');
}
.layout #overLayer{
	background-color:#f2f2f261;
}

.pblock{
	z-index:1;
}


/* inputs */

/* checkbox */

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

.inp-checkbox.__checked .input{

background-color:#8FE074;
	
	
}
.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{
	
	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: #8FE074;
	border-radius: 22px;
	border: 5px solid #fff;
}
.layout .hoofdstuk-all-block::-webkit-scrollbar-track{

}



.hoofdstuk-resume-block{
	padding-left: 250px;
	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' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 568 346'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; filter: url(%23outer-glow-1); stroke-width: 0px; %7D %3C/style%3E%3Cfilter id='outer-glow-1' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='0' dy='0'/%3E%3CfeGaussianBlur result='blur' stdDeviation='4.69'/%3E%3CfeFlood flood-color='%23000' flood-opacity='.15'/%3E%3CfeComposite in2='blur' operator='in'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cpath class='cls-1' d='M551.9,190.71c-10.05,0-18.19-8.14-18.19-18.19s8.14-18.19,18.19-18.19c.29,0,.58.03.87.04V14.69H14.94v139.66c9.87.2,17.81,8.25,17.81,18.17s-7.94,17.97-17.81,18.17v139.66h537.84v-139.68c-.29.01-.58.04-.87.04Z'/%3E%3C/svg%3E");
	background-size:102%;
	background-repeat: no-repeat;
	margin-top:7px;
}
.hoofdstuk-resume-block ._image{
	position: absolute;
	left: 20px;
	top: 12px;
	height: 204px;
	width: 204px;
	background-image:url(../../images/aa-platform/backgrounds/bg-cursus-gradient.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 155px;
	box-sizing: border-box;
	padding-left:20px;padding-top:40px;
	
}
.hoofdstuk-resume-block ._image ._img{
	height: 190px;
	width: 190px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.hoofdstuk-resume-block ._image:before{
	
}
.hoofdstuk-resume-block ._header{
	background-repeat: repeat-x;
	background-size: auto 10px;
	background-image: url(../../images/aa-platform/backgrounds/div-stip-zwart.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 13px 0;
	padding-bottom: 23px;
	margin-bottom: 10px;
	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: #8FE074;
	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: 24px 21px;
}




.hoofdstuk-resume-block div[data-chapter-nr="course_failed"]{
	background-repeat: no-repeat;
	background-position: 18px 64px;
	position: absolute;
	left: 0;
	background-size: 217px;
	padding-left: 260px;
	padding-top: 13px;
	padding-right: 20px;
	right: 0;
	bottom: 0;
	top: 0;
}
.hoofdstuk-resume-block div[data-chapter-nr="course_done"] {
	background-repeat: no-repeat;
	background-position: 18px 64px;
	position: absolute;
	left: 0;
	
	background-size: 217px;
	padding-left: 260px;
	padding-top: 13px;
	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/aa-platform/backgrounds/block-helaas.png);
}
.hoofdstuk-resume-block div[data-chapter-nr="module_done"]{
	background-image: url(../../images/aa-platform/backgrounds/block-eintoets.png);
}
.hoofdstuk-resume-block div[data-chapter-nr="course_done"]{
	background-image: url(../../images/aa-platform/backgrounds/block-certificate.png);
}






.hoofdstuk-resume-block{
	padding-left: 250px;
	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' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 568 346'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; filter: url(%23outer-glow-1); stroke-width: 0px; %7D %3C/style%3E%3Cfilter id='outer-glow-1' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='0' dy='0'/%3E%3CfeGaussianBlur result='blur' stdDeviation='4.69'/%3E%3CfeFlood flood-color='%23000' flood-opacity='.15'/%3E%3CfeComposite in2='blur' operator='in'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cpath class='cls-1' d='M551.9,190.71c-10.05,0-18.19-8.14-18.19-18.19s8.14-18.19,18.19-18.19c.29,0,.58.03.87.04V14.69H14.94v139.66c9.87.2,17.81,8.25,17.81,18.17s-7.94,17.97-17.81,18.17v139.66h537.84v-139.68c-.29.01-.58.04-.87.04Z'/%3E%3C/svg%3E");
	background-size: 102%;
	background-repeat: no-repeat;
	margin-top: 7px;
}

.hoofdstuk-resume-block ._image:before{

}

.hoofdstuk-resume-block.__breed .chapter-details{
	width: 100%!important;
	
}
.hoofdstuk-resume-block.__breed .chapter-details ._nr{
	width: 60px!important;
	
}
.hoofdstuk-resume-block.__breed .chapter-details ._title{
	width: auto!important;
	
}
.hoofdstuk-resume-block.__breed .chapter-details ._desc td{
	width: auto!important;
	
}
.hoofdstuk-resume-block.__breed{
	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' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1578 346'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; filter: url(%23outer-glow-1); %7D %3C/style%3E%3Cfilter id='outer-glow-1' x='0' y='0' width='1578' height='346' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='0' dy='0'/%3E%3CfeGaussianBlur result='blur' stdDeviation='4.69'/%3E%3CfeFlood flood-color='%23000' flood-opacity='.15'/%3E%3CfeComposite in2='blur' operator='in'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cpath class='cls-1' d='M1561.7,190.71c-10.05,0-18.19-8.14-18.19-18.19s8.14-18.19,18.19-18.19c.29,0,.58.03.87.04V14.69H14.94v139.66c9.87.2,17.81,8.25,17.81,18.17s-7.94,17.97-17.81,18.17v139.66h1547.63v-139.68c-.29.01-.58.04-.87.04Z'/%3E%3C/svg%3E");
	background-size: 100%;
}


.hoofdstuk-resume-block.__breed ._navbar{
	
	right: 20px;
}
.hoofdstuk-resume-block.__breed ._image ._img {
	height: 226px;
	width: 233px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}

/* notificatieblock dawshboard */
.notificatie-block{
	padding-right: 50px;
	padding-left: 280px;
	box-sizing: border-box;
	padding-top: 50px;	
	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' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 611 410'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; filter: url(%23outer-glow-1); opacity: .8; stroke-width: 0px; %7D %3C/style%3E%3Cfilter id='outer-glow-1' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='0' dy='0'/%3E%3CfeGaussianBlur result='blur' stdDeviation='4.69'/%3E%3CfeFlood flood-color='%23000' flood-opacity='.15'/%3E%3CfeComposite in2='blur' operator='in'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cpath class='cls-1' d='M574.59,204.57c0-11.9,9.21-21.54,20.57-21.54V14.44H14.65v168.68c10.65.82,19.05,10.1,19.05,21.46s-8.4,20.64-19.05,21.46v168.68h580.52v-168.59c-11.36,0-20.57-9.64-20.57-21.54Z'/%3E%3C/svg%3E");
	
	background-repeat: no-repeat;
	margin: 0 !important;
}

.notificatie-block ._image{
	position: absolute;
	left: 20px;
	top: 12px;
	height: 204px;
	width: 253px;
	background-image: url(../../images/aa-platform/backgrounds/bg-cursus-gradient.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 185px;
	box-sizing: border-box;
	padding-left: 20px;
	padding-top: 40px;

}
.notificatie-block ._image ._img{
	height: 206px;
	width: 207px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.notificatie-block ._navbar{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px 33px;
}
/*
.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;
	line-height: 1.5em;
	font-size: 0.8em;
	background-size: 10px;
	font-weight:600;
}
.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:%23181749;%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: #181749;
}

.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:%23181749;%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: #181749;
}

.notificatie-block ._navbar ._pagination{
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 3px;
	width: 50px;
	text-align: center;
	height: 15px;
	
	line-height: 1.5em;
	font-size: 0.8em;
	font-weight: 600;
}



/* 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: #FFD573;
	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:%23181749;%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:%23181749;%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;
	line-height: 1.5em;
	font-size: 0.8em;
	background-size: 10px;
}
.badge-block ._navbar ._pagination{
	display:block;
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	margin-top:3px;
	width:50px;
	text-align:center;
	height:15px;
	line-height: 1.5em;
	font-size: 0.8em;
	background-size: 10px;
}




.chapter-details{}
.chapter-details ._nr{
	font-size: 3em;
	line-height: 1em;
	padding-right: 15px;
}
.chapter-details ._title{
	font-size: 1.111em;
	line-height: 1em;
	font-weight: 600;
	
}
.chapter-details ._desc{
	
}



.hoofdstuk-all-block{}




.notificatie-block{}


#mob-menu{

	background-color:#95d9ff;
	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/aa-platform/mobiel/side-gebruiker.png);
}
#mob-menu ._section.__instellingen {
	background-image: url(../../images/aa-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:#95d9ff;
	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/aa-platform/mobiel/icon-profiel.png);
}
#mob-menu ._section a._menu.__profiel{
	background-image: url(../../images/aa-platform/mobiel/icon-profiel.png);
}
#mob-menu ._section a._menu.__contact{
	background-image: url(../../images/aa-platform/mobiel/icon-contact.png);
}
#mob-menu ._section a._menu.__logout{
	background-image: url(../../images/aa-platform/mobiel/icon-uitloggen.png);
}
#mob-menu ._section a._menu.__instellingen{
	background-image: url(../../images/aa-platform/mobiel/icon-instellingen.png);
}

#mob-menu .language-bttn{
	
}

#headerbar {
	padding-top: 20px;
}
#headerbar .logo{}
#headerbar .menu-content{
	float: right;
	/* padding-right: 6vw; */
	padding-top: 25px;

}
#layout[data-p-type="dashboard"] #headerbar .menu-content{
	float: right;
	/* padding-right: 6vw; */
	padding-top: 25px;

}

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

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


#headerbar .menu-content ._bttn.__hoofdstukken,
#headerbar .menu-content ._bttn.__logout{
	background-image:url(../../images/aa-platform/buttons/icon-uitloggen.png);	
	padding-right: 2.5vw;
}
#sidebar > ._inner ._bttn.__pauzeer,
#headerbar .menu-content ._bttn.__pauzeer{
	display:none;
	background-image:url(../../images/aa-platform/buttons/icon-pauzeer.png);	
}
#layout[data-cnt="aa-cursus"] #headerbar .menu-content ._bttn.__nl,
#layout[data-cnt="aa-cursus"] #headerbar .menu-content ._bttn.__en{
	
}
#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';
}
#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/aa-platform/buttons/bttn-logout.png);
}
#sidebar > ._inner ._bttn.__handleiding:before{
	content: 'Handleiding';
}

#sidebar > ._inner ._bttn.__notificaties{
	background-image:url(../../images/aa-platform/buttons/icon-notificaties.png);
}
#sidebar > ._inner ._bttn.__instellingen{
	background-image:url(../../images/aa-platform/buttons/icon-instellingen.png);
}
#sidebar > ._inner ._bttn.__handleiding{
	background-image:url(../../images/aa-platform/buttons/icon-handleiding.png);
}
#sidebar > ._inner ._bttn.__notificaties:before{
	content: 'Notificaties';
}

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

#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';
}

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



 
#layout[data-cnt="aa-cursus"].cursus-dashboard,
#layout[data-cnt="aa-admin"].cursus-dashboard{
	background-repeat: no-repeat;
	background-image: url(../../images/aa-platform/backgrounds/bg-cursus-gradient-big.png);
	background-position: right -29vw bottom -16vw;
	background-size: 111vw auto;
}




.chapter-row{
	background-color: #FFF;
	margin: 5px 5px 30px 5px;
	border-radius: 20px;
	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:%2337377A;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 overview */
.hoofdstuk-all-block ._chapters[data-current-chapter="1"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="2"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="3"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="4"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="5"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="6"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="7"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="8"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="9"] .chapter-row[data-result-nr="1"],
.hoofdstuk-all-block ._chapters[data-current-chapter="10"] .chapter-row[data-result-nr="1"],


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


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

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

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

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

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

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

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

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




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

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

.prog-cnt{
	position: relative;
	width: 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: #8FE074;
}
.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: #FF9992;
}


/* inloggen */

.inlog-graphic{
	background-image:url(../../images/aa-platform/backgrounds/login-bg.svg);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size: 550px auto;
}

.login-screen-wrap{
	filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
}
.login-screen-cnt{
	background-color: #FFF;
	box-sizing: border-box;
	width: 936px;
	padding: 15px 0;
	height: 560px;
	clip-path: path("M501,14.64c0,10.05-8.14,18.19-18.19,18.19s-18.19-8.14-18.19-18.19H14.45v540.74h450.2c.21-9.86,8.26-17.79,18.17-17.79s17.95,7.93,18.17,17.79h450.2V14.64h-450.18Z");	
	overflow:hidden;
}

.login-screen-cnt:before,
.login-screen-cnt:after{
	content: '';
	display:block;
	position: absolute;
	width: 100%;
	height:12px;
	background-repeat: repeat-x;
	background-size: auto 10px;
	background-image: url(../../images/aa-platform/backgrounds/div-stip-zwart.png?t1);
	background-position: left bottom;
	background-repeat: repeat-x;
}

.login-screen-cnt:before{
	top: 60px;
}
.login-screen-cnt:after{
	bottom: 40px;
}

.login-screen-cnt ._side-left{
	float: left;
	width: 51%;
	height: 540px;
	background-position: center;
	box-sizing: border-box;
	background-image: url(../../images/aa-platform/logos/logo.png);
	background-size: 90% auto;
	background-repeat: no-repeat;
	background-color:#FFF;
}
.login-screen-cnt ._side-right{
	float: right;
	width: 48.5%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 25px;
	padding-top:75px;
	height: 540px;
	background-color: #F6F6F6;
}
.login-screen-cnt ._side-right form{
	margin-top:40px;
}
.login-screen-cnt input[type="text"],
.login-screen-cnt input[type="password"]{
	height: 60px;
	box-sizing: border-box;
	width: 96%;
	margin-left: 4%;
	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: 56px;
	position: relative;
}
.login-screen-cnt .li-password{
	display:block;
	margin-top:20px;
	padding-left:56px;
	position: relative;
}


.login-screen-cnt .li-user:before,
.login-screen-cnt .li-password:before{
	content: '';
	display: block;
	width: 58px;
	position: absolute;
	left: 0;
	background-size: 100%;
	height: 65px;
	background-position: left top;
	background-repeat: no-repeat;
}

.login-screen-cnt .li-user:before{
	background-image: url(../../images/aa-platform/icons/icon-username.svg);
}
.login-screen-cnt .li-password:before{
	background-image: url(../../images/aa-platform/icons/icon-password.svg);
}

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

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

.login-screen-cnt .button-login{
	display: block;
	text-decoration: none;
	background-color: #24246B;
	color: #FFF;
	border: 0;
	display: block;
	padding: 10px 20px;
	border-radius: 12px;
	font-weight: normal;
	position: relative;
	width: 100%;
	transition: all 0.3s;
	margin-top: 20px;
	cursor: pointer;
	box-shadow: 4px 5px 0px 0px #000000;
}
.login-screen-cnt[data-status="ok"] .button-login{
	background-color:#95d9ff;
}

.login-screen-cnt .wachtwoord-vergeten{
	float: right;
	margin: 8px 0;
	display: block;
	color: #24246b;
	/* background-color: #e4e4e4; */
	/* border-radius: 12px; */
	font-weight: 600;
	text-decoration: underline;
	/* padding: 7px 10px 2px 10px; */
	line-height: 1.25em;
	font-size: 1em;
}

.course-switch-cnt{}
.course-switch-cnt button.select-course.disabled{
	background-color: #ccc;
	
	
}
.course-switch-cnt button.select-course{
	display: block;
	background-color: #96D9FF;
	border-radius: 6px;
	border: 0;
	outline: 0;
	color: #000;
	float: left;
	margin: 5px 0;
	position: relative;
	height: 30px;
	padding: 5px 20px 5px 15px;
	box-sizing: border-box;
	cursor: pointer;
	margin-right:10px;

box-shadow: 4px 5px 0px 0px #7AB4CE;
}
.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: #FF9992;
}
.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:%23ffffff;%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: 0;
	color: #fff;
	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: 38px;
	width: 56%;
}
.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:%23181749;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 3px;
}


.stip-divider-hor
{
	background-image: url(../../images/aa-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:747px;
	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: #FF9992;
	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{
	
}

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

}
.chapter-menu a._button{
	display: block;
	color: #fff;
	padding: 15px;
	padding-left:30px;
	position: relative;
	line-height: normal;
	opacity: 0.5;
	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' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 15.16 15.16'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: url(%23linear-gradient); stroke-width: 0px; %7D .cls-2 %7B fill: none; stroke: %2319184a; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3ClinearGradient id='linear-gradient' x1='-1.94' y1='-4.8' x2='13.21' y2='14.9' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.03' stop-color='%2396d9ff'/%3E%3Cstop offset='.32' stop-color='%23ff9992'/%3E%3Cstop offset='.66' stop-color='%23ffd573'/%3E%3Cstop offset='1' stop-color='%238fe074'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle class='cls-1' cx='7.58' cy='7.58' r='7.58'/%3E%3Cpolyline class='cls-2' points='3.79 5.2 6.44 11.26 8.91 5.39 12.13 5.39'/%3E%3C/svg%3E");
width: 15px;
height: 16px;
position: absolute;
left: 0;
top: 19px;
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[data-p-type="cursus"] #topbar{

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

}



#layout.eindtoets[data-p-type="cursus"][data-test-start="true"] #topbar{
	
}
#layout.eindtoets[data-p-type="cursus"][data-test-start="true"] #layer1{
	
}
#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: #fff;
	padding: 10px;
	display: block;
	top: -3em;
	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 #topbar{
	height: 45vw;
	max-height: none;
}

#layout.eindtoets #topbar #headerbar{
	display:none
}
#layout.eindtoets #layer1{
	top:0;
}

#layout.eindtoets #eindtoets-progress{
	clear: both;
	display:none;
	position: relative;
	height: 394px;
	background-color:#E6E6F4;
	top: 100px;
}

#layout.eindtoets[data-p-type="cursus"][data-test-start="true"]  #eindtoets-progress{
	display:block;
}



#layout.eindtoets #eindtoets-progress ._progress{
	display:block;
	position: absolute;
	bottom:0;
	height:100%;
	left:0;right:0;
	background-color:#8FE074;
	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%;

	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';
}
*/


.rotating-chapter{
	background-repeat: no-repeat;
	background-position:center;
	width:150px;
	height:150px;
	animation: bttn-round 30s infinite linear;
	background-size: 100% auto;
	float:right;margin-right: 50px;
}

@keyframes bttn-round{
	from{
		transform: rotate(0deg)
	}
	to{
		transform: rotate(359deg)
	}
}

#layout[data-p-domain="x-E-ABCVP-A-A-NL"][data-unid="deel-1"] .rotating-chapter{
	background-image:url(../../cimages/x-E-ABCVP-A-A-NL/chapters/deel-1.png);
}
#layout[data-p-domain="x-E-ABCVP-A-A-NL"][data-unid="deel-2"] .rotating-chapter{
	background-image:url(../../cimages/x-E-ABCVP-A-A-NL/chapters/deel-2.png);
}
#layout[data-p-domain="x-E-ABCVP-A-A-NL"][data-unid="deel-3"] .rotating-chapter{
	background-image:url(../../cimages/x-E-ABCVP-A-A-NL/chapters/deel-3.png);
}
#layout[data-p-domain="x-E-ABCVP-A-A-NL"][data-unid="deel-4"] .rotating-chapter{
	background-image:url(../../cimages/x-E-ABCVP-A-A-NL/chapters/deel-4.png);
}
#layout[data-p-domain="x-E-ABCVP-A-A-NL"][data-unid="deel-5"] .rotating-chapter{
	background-image:url(../../cimages/x-E-ABCVP-A-A-NL/chapters/deel-5.png);
}
#layout[data-p-domain="x-E-ABCVP-A-A-NL"][data-unid="deel-6"] .rotating-chapter{
	background-image:url(../../cimages/x-E-ABCVP-A-A-NL/chapters/deel-6.png);
}
#layout[data-p-domain="x-E-ABCVP-A-A-NL"][data-unid="deel-et"] .rotating-chapter{
	background-image:url(../../cimages/x-E-ABCVP-A-A-NL/chapters/deel-6.png);
}


#layout[data-p-domain="x-E-ABCVP-A-A-EN"][data-unid="deel-1"] .rotating-chapter{
	background-image:url(../../cimages/x-E-ABCVP-A-A-EN/chapters/deel-1.png);
}
#layout[data-p-domain="x-E-ABCVP-A-A-EN"][data-unid="deel-2"] .rotating-chapter{
	background-image:url(../../cimages/x-E-ABCVP-A-A-EN/chapters/deel-2.png);
}
#layout[data-p-domain="x-E-ABCVP-A-A-EN"][data-unid="deel-3"] .rotating-chapter{
	background-image:url(../../cimages/x-E-ABCVP-A-A-EN/chapters/deel-3.png);
}
#layout[data-p-domain="x-E-ABCVP-A-A-EN"][data-unid="deel-4"] .rotating-chapter{
	background-image:url(../../cimages/x-E-ABCVP-A-A-EN/chapters/deel-4.png);
}
#layout[data-p-domain="x-E-ABCVP-A-A-EN"][data-unid="deel-5"] .rotating-chapter{
	background-image:url(../../cimages/x-E-ABCVP-A-A-EN/chapters/deel-5.png);
}
#layout[data-p-domain="x-E-ABCVP-A-A-EN"][data-unid="deel-6"] .rotating-chapter{
	background-image:url(../../cimages/x-E-ABCVP-A-A-EN/chapters/deel-6.png);
}
#layout[data-p-domain="x-E-ABCVP-A-A-EN"][data-unid="deel-et"] .rotating-chapter{
	background-image:url(../../cimages/x-E-ABCVP-A-A-EN/chapters/deel-6.png);
}


.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"]
{
	color:#FFF;
	opacity:1;
}


.chapter-menu a._button:before{
	content: '';
	display: none;
	position: absolute;
	left: 5px;
	top: 11px;
	width: 7px;
	height: 38px;
	background : -moz-linear-gradient(-343.98% -46.9% -58.85deg,rgba(143, 224, 116, 1) 0%,rgba(255, 213, 115, 1) 33.68%,rgba(255, 153, 146, 1) 68.47%,rgba(150, 217, 255, 1) 97.45%);
	background : -webkit-linear-gradient(-58.85deg, rgba(143, 224, 116, 1) 0%, rgba(255, 213, 115, 1) 33.68%, rgba(255, 153, 146, 1) 68.47%, rgba(150, 217, 255, 1) 97.45%);
	background : -webkit-gradient(linear,-343.98% -46.9% ,606.18% 186.79% ,color-stop(0,rgba(143, 224, 116, 1) ),color-stop(0.3368,rgba(255, 213, 115, 1) ),color-stop(0.6847,rgba(255, 153, 146, 1) ),color-stop(0.9745,rgba(150, 217, 255, 1) ));
	background : -o-linear-gradient(-58.85deg, rgba(143, 224, 116, 1) 0%, rgba(255, 213, 115, 1) 33.68%, rgba(255, 153, 146, 1) 68.47%, rgba(150, 217, 255, 1) 97.45%);
	background : -ms-linear-gradient(-58.85deg, rgba(143, 224, 116, 1) 0%, rgba(255, 213, 115, 1) 33.68%, rgba(255, 153, 146, 1) 68.47%, rgba(150, 217, 255, 1) 97.45%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8FE074', endColorstr='#96D9FF' ,GradientType=0)";
	background : linear-gradient(148.85deg, rgba(143, 224, 116, 1) 0%, rgba(255, 213, 115, 1) 33.68%, rgba(255, 153, 146, 1) 68.47%, rgba(150, 217, 255, 1) 97.45%);
}

.chapter-menu[data-current-page="1"] a._button[data-page-number="1"]:before,
.chapter-menu[data-current-page="2"] a._button[data-page-number="2"]:before,
.chapter-menu[data-current-page="3"] a._button[data-page-number="3"]:before,
.chapter-menu[data-current-page="4"] a._button[data-page-number="4"]:before,
.chapter-menu[data-current-page="5"] a._button[data-page-number="5"]:before,
.chapter-menu[data-current-page="6"] a._button[data-page-number="6"]:before,
.chapter-menu[data-current-page="7"] a._button[data-page-number="7"]:before,
.chapter-menu[data-current-page="8"] a._button[data-page-number="8"]:before,
.chapter-menu[data-current-page="9"] a._button[data-page-number="9"]:before,
.chapter-menu[data-current-page="10"] a._button[data-page-number="10"]:before,
.chapter-menu[data-current-page="11"] a._button[data-page-number="11"]:before,
.chapter-menu[data-current-page="12"] a._button[data-page-number="12"]:before
{
	display:block;
}
.chapter-menu[data-current-page="1"] a._button[data-page-number="1"]:after,
.chapter-menu[data-current-page="2"] a._button[data-page-number="2"]:after,
.chapter-menu[data-current-page="3"] a._button[data-page-number="3"]:after,
.chapter-menu[data-current-page="4"] a._button[data-page-number="4"]:after,
.chapter-menu[data-current-page="5"] a._button[data-page-number="5"]:after,
.chapter-menu[data-current-page="6"] a._button[data-page-number="6"]:after,
.chapter-menu[data-current-page="7"] a._button[data-page-number="7"]:after,
.chapter-menu[data-current-page="8"] a._button[data-page-number="8"]:after,
.chapter-menu[data-current-page="9"] a._button[data-page-number="9"]:after,
.chapter-menu[data-current-page="10"] a._button[data-page-number="10"]:after,
.chapter-menu[data-current-page="11"] a._button[data-page-number="11"]:after,
.chapter-menu[data-current-page="12"] a._button[data-page-number="12"]:after
{
	display:none;
}

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

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


.intro-block,
.rounded-block{
	background-color:#FFF;
}

.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/aa-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: #8FE074;
	width: 128px;
	height: 128px;
	margin-right: 17px;
	color:#000;
	font-weight:900;
}


.layout .footer-bar {
	padding: 0 50px !important;
	height: 141px !important;
	padding-top: 60px !important;
	animation: none;
	background-size: auto 10px;
	background-image: url(../../images/aa-platform/backgrounds/div-stip-zwart.png?t1);
	background-position: left top;
	background-repeat: repeat-x;
	margin: 0 auto;
	float: none;
	margin-top: 50px;
}
.layout .footer-bar  ._navbar ._progressbar {
	display: block;
	position: absolute;
	left: 20%;
	right: 20%;
	margin-top: 6px;
	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%;
	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;
	
	background : -moz-linear-gradient(139.35% 520.82% 147.3deg,rgba(143, 224, 116, 1) 0%,rgba(255, 213, 115, 1) 33.68%,rgba(255, 153, 146, 1) 68.47%,rgba(150, 217, 255, 1) 97.45%);
	background : -webkit-linear-gradient(147.3deg, rgba(143, 224, 116, 1) 0%, rgba(255, 213, 115, 1) 33.68%, rgba(255, 153, 146, 1) 68.47%, rgba(150, 217, 255, 1) 97.45%);
	background : -webkit-gradient(linear,139.35% 520.82% ,-43.85% -444.54% ,color-stop(0,rgba(143, 224, 116, 1) ),color-stop(0.3368,rgba(255, 213, 115, 1) ),color-stop(0.6847,rgba(255, 153, 146, 1) ),color-stop(0.9745,rgba(150, 217, 255, 1) ));
	background : -o-linear-gradient(147.3deg, rgba(143, 224, 116, 1) 0%, rgba(255, 213, 115, 1) 33.68%, rgba(255, 153, 146, 1) 68.47%, rgba(150, 217, 255, 1) 97.45%);
	background : -ms-linear-gradient(147.3deg, rgba(143, 224, 116, 1) 0%, rgba(255, 213, 115, 1) 33.68%, rgba(255, 153, 146, 1) 68.47%, rgba(150, 217, 255, 1) 97.45%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8FE074', endColorstr='#96D9FF' ,GradientType=0)";
	background : linear-gradient(-57.3deg, rgba(143, 224, 116, 1) 0%, rgba(255, 213, 115, 1) 33.68%, rgba(255, 153, 146, 1) 68.47%, rgba(150, 217, 255, 1) 97.45%);
	
}

.layout .footer-bar ._navbar ._nav{
	display: block;
	height: 20px;
	margin: 3px;
	background-repeat: no-repeat;
	line-height: 1em;
	background-size: 30px;
}
.layout .footer-bar ._navbar ._nav[href="#"]{
	opacity:0.3;
}
.layout .footer-bar  ._navbar{
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	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' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.6 24.6'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke-linejoin: round; %7D .cls-1, .cls-2 %7B fill: none; stroke: %2319184a; stroke-linecap: round; stroke-width: 4.31px; %7D .cls-2 %7B stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cline class='cls-2' x1='2.85' y1='12.6' x2='24.09' y2='12.6'/%3E%3Cpolyline class='cls-1' points='12.25 22.45 2.16 12.46 11.84 2.16'/%3E%3Cline class='cls-2' x1='31.45' y1='12.6' x2='31.45' y2='12.6'/%3E%3C/svg%3E");
	float: left;
	padding-left: 45px;
	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='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.6 24.6'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke-linejoin: round; %7D .cls-1, .cls-2 %7B fill: none; stroke: %2319184a; stroke-linecap: round; stroke-width: 4.31px; %7D .cls-2 %7B stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cline class='cls-2' x1='30.75' y1='12.01' x2='9.51' y2='12.01'/%3E%3Cpolyline class='cls-1' points='21.36 2.16 31.45 12.14 21.77 22.45'/%3E%3Cline class='cls-2' x1='2.16' y1='12.01' x2='2.16' y2='12.01'/%3E%3C/svg%3E");
	float: right;
	padding-right: 45px;
	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:%23181749;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: #8FE074;
	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/aa-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: #FF9992;
	padding: 13px 42px;
	line-height: normal;
	box-sizing: border-box;
	min-width: 200px;
	height: 49px;
	text-align: center;
}
.start-et-bttn{
	background-color:#8FE074;
	padding:13px 60px;
}

/* vraag blok */
.vraag-block{
	
}
.vraag-block .fs{
	position: relative;
	padding:50px;
	padding-bottom: 80px;
	height: auto;
}
.vraag-block:before{
	content: '01';
	color: #eceded;
	font-size: 3em;
	display: block;
	line-height: 1em;
	height: 1em;
	z-index: 1;
	font-weight: 600;
}

.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{
	font-size: 1em;
}
.vraag-block .vraag-cnt h4{
	font-size: 1em;
	
}


.vraag-block .answer-cnt{
	padding: 20px 0;
}
.vraag-block .answer-cnt ._image{
	width: 35%;float:left;
	box-sizing: border-box;
	padding-right:40px;
}
.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:after{
	content:'';
	display:block;
	clear:both;	
}






.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:#8FE074
}
.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 / 20%);
	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;
	
	display: block;
	position: relative;

}
.vraag-block .answer-cnt ._fields ._answer .inp-checkbox.__checked .input{
	background-color: #8FE074
}
.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: "Encode Sans", 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;
}







/* 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: #8FE074;
	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: #FF9992;
	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: #8FE074;
	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:%23181749;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: "Encode Sans", 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/aa-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:%23FFD573;%7D.cls-1,.cls-2,.cls-3%7Bstroke-width:0px;%7D.cls-2%7Bfill:%238FE074;%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: 25px;
	width: 1221px !important;
	height: 93px!important;
	background-color: #FFF;
	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
}
#page-section-intro .footer-bar ._navbar
{
	bottom:10px;	
}
#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/aa-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/aa-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: #8FE074;
}
.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: #8FE074;
}
#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: %23FF9992; %7D .cls-1, .cls-2, .cls-3, .cls-4 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23fce835; %7D .cls-3 %7B fill: %238FE074; %7D .cls-4 %7B fill: %2395d9ff; %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: %23181749; 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:#FF9992;
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/aa-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/aa-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:%23181749;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 h4{
	font-size: 1.5em;
	line-height:normal;
}

#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:#95d9ff;

}
#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:#FF9992
}
#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:#FFD573
}
#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:#8FE074
}


#traject-menu ._timeline ._course:nth-child(1) a.bttn-go,
#traject-menu ._timeline ._course:nth-child(5) a.bttn-go{
	background-image: url(../../images/aa-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/aa-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/aa-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/aa-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: #95d9ff;
}
#traject-menu ._timeline ._course:nth-child(2) h4,
#traject-menu ._timeline ._course:nth-child(6) h4
{
	color: #FF9992;
}
#traject-menu ._timeline ._course:nth-child(3) h4,
#traject-menu ._timeline ._course:nth-child(7) h4
{
	color: #FFD573;
}
#traject-menu ._timeline ._course:nth-child(4) h4,
#traject-menu ._timeline ._course:nth-child(8) h4
{
	color: #8FE074;
}


 .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: #8FE074;
	mix-blend-mode: color;

}
.course-resume-block ._header{
	background-image: url(../../images/aa-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: #8FE074;
	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-left: 480px;
	background-size: 20%;
	min-height: 450px;
	background-image: url(../../images/aa-platform/backgrounds/bg-cursus-gradient.png);
	background-repeat: no-repeat;
	background-position: -20px top;
}

.contact-card ._img{
	width: 350px;
	background-size: 100%;
	background-color: #ffffff;
	background-repeat: no-repeat;
	position: absolute;
	background-position: center;
	left: 60px;
	border-radius: 100%;
	height: 350px;
	top: 0;
	bottom: 0;
	margin: 30px -50px -40px 0;
	
}



.txt-resume-chapter:before{
	content: 'Ga verder';
}
#layout[data-p-lang="EN"] .txt-resume-chapter:before{
	content: 'Continue';
}

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


#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="aa-admin"] a._bttn.__handleiding,
#layout[data-p-domain="aa-admin"] a._bttn.__instellingen,
#layout[data-p-domain="aa-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: 80%;
}
#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{
	
}



.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: #FF9992;
	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;
	background-image: url(../../images/aa-platform/backgrounds/bg-cursus-gradient.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 260px;    height: 300px;
}
	.aanvullend-details ._image{
		width: 245px;
		height: 395px;
		background-size: contain;
		background-position: center;
		overflow: hidden;
		position: absolute;
		left: 42px;
		top: 0;
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: left center;
		
	}
	.aanvullend-details ._image:before{
		display:none;
	}
	.aanvullend-details ._title{
		padding-left: 365px;
		padding-top: 56px;
		padding-right: 30px;
	}
	.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/aa-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/aa-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/aa-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 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/aa-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/aa-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: #8FE074;
	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: #8FE074;
	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: 2%;
	background-color: #FFF;
}

.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/aa-platform/icons/icon-agenda.png?t=1);
}

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

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

.cursus-banner-group{
}

.ticket-full{
	/*filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));*/
}
.ticket-full .pgroup_l1{
	background-color: #E9ECF0;
	box-sizing: border-box;
	width: 1544px;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	height: 1560px;
	clip-path: path("M1542.44,834.65c-20.72,0-37.52-16.8-37.52-37.52s16.8-37.52,37.52-37.52c.63,0,1.25.02,1.86.05V0H0v771.02c.38-.01.76-.03,1.14-.03,20.72,0,37.52,16.8,37.52,37.52s-16.8,37.52-37.52,37.52c-.38,0-.76-.02-1.14-.03v714.93h1544.3v-726.32c-.62.03-1.24.05-1.86.05Z");
	overflow: hidden;
}

	
.ticket-full:before,
.ticket-full:after{
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 12px;
	top:0;bottom:0;
	background-size:  10px auto;
	background-image: url(../../images/aa-platform/backgrounds/div-stip-zwart.png?t1);
	background-position: left top;
	background-repeat: repeat-y;
	z-index:2;
}
.ticket-full:before{
	left:5%;
}
.ticket-full:after{
	right:5%;
}

.ticket-full .pgroup_l2{
	position: relative;
	width: 1544px;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	box-sizing: border-box;
	padding: 0px 5%;
}

.ticket-full.__salmon .pgroup_l1{
	background-color: #FF9992;
}
.ticket-full.__blue .pgroup_l1{
	background-color: #96D9FF;
}

.pgroup.cursus-banner-group{
	
	/* background-color: #000; */

	overflow: visible;
	
	position:relative;
}
.pgroup.cursus-banner-group:before{
	content: '';
	position: absolute;
	left: -50vw;
	right: -50vw;
	background-image: url(../../images/aa-platform/backgrounds/cursus-banner-cutout-big.png), url(../../images/aa-platform/backgrounds/bg-cursus-gradient-big.png), url(../../images/aa-platform/backgrounds/bg-cursus-grijs.jpg);
	background-position: center top -147px, center bottom, center bottom;
	/* background-size: auto 975px; */
	background-repeat: repeat-x,no-repeat,repeat-x;
	height: 100%;
	z-index: 1;
	
}
.pgroup.cursus-banner-group .pgroup_l1{

	z-index:2;position:relative;
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat,repeat-x;
	z-index:2;
}
.cursus-banner{
	
}
.cursus-banner ._img{
position: absolute;
right:0;
top:20px;
}
.cursus-banner h1{
	color:#FFF;
	font-size:3.88em;
	line-height:normal;
	margin-top: 20px;

}




/* tickets */
.ticket-half{
	
}
.ticket-half.__shadow{
	filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
	
}
.ticket-half .fs{
	box-sizing: border-box;
	width: 741px;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	height: 440px;
	clip-path: path("M739.59,264.55c-20.72,0-37.52-16.8-37.52-37.52s16.8-37.52,37.52-37.52c.63,0,1.25.02,1.86.05V0H0v190.9c.38-.01.76-.03,1.14-.03,20.72,0,37.52,16.8,37.52,37.52s-16.8,37.52-37.52,37.52c-.38,0-.76-.02-1.14-.03v174.85h741.46v-176.23c-.62.03-1.24.05-1.86.05Z");
	overflow: hidden;
}

.ticket-half .fs:before,
.ticket-half .fs:after{
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 12px;
	top: 0;
	bottom: 0;
	background-size: 10px auto;
	background-image: url(../../images/aa-platform/backgrounds/div-stip-zwart.png?t1);
	background-position: left top;
	background-repeat: repeat-y;
	z-index: 2;
}
.ticket-half .fs:before{
	left: 8%;
}
.ticket-half .fs:after{
	right: 8%;
}

.ticket-half .fs > ._inner{
	position: relative;
	width: 100%;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	box-sizing: border-box;
	padding: 0px 13%;
}

.ticket-half.__lichtblauw .fs{
	background-color:#D9F1FC;
}
.ticket-half.__roze .fs{
	background-color:#F9DAD9;
}


.ticket-third{
	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' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 583 471'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B filter: url(%23outer-glow-2); %7D .cls-1, .cls-2 %7B fill: none; opacity: .2; stroke: %2337377a; stroke-dasharray: 0 0 0 15; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D .cls-3 %7B fill: %23fff; filter: url(%23outer-glow-1); opacity: .8; stroke-width: 0px; %7D .cls-2 %7B filter: url(%23outer-glow-3); %7D %3C/style%3E%3Cfilter id='outer-glow-1' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='0' dy='0'/%3E%3CfeGaussianBlur result='blur' stdDeviation='20.58'/%3E%3CfeFlood flood-color='%23000' flood-opacity='.1'/%3E%3CfeComposite in2='blur' operator='in'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3Cfilter id='outer-glow-2' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='0' dy='0'/%3E%3CfeGaussianBlur result='blur-2' stdDeviation='20.58'/%3E%3CfeFlood flood-color='%23000' flood-opacity='.1'/%3E%3CfeComposite in2='blur-2' operator='in'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3Cfilter id='outer-glow-3' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='0' dy='0'/%3E%3CfeGaussianBlur result='blur-3' stdDeviation='20.58'/%3E%3CfeFlood flood-color='%23000' flood-opacity='.1'/%3E%3CfeComposite in2='blur-3' operator='in'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cpath class='cls-3' d='M517.13,252.15c-12.56,0-22.74-10.18-22.74-22.74s10.18-22.74,22.74-22.74c.9,0,1.78.06,2.65.16V62.49H61.78v144.21c12.14.47,21.84,10.46,21.84,22.71s-9.7,22.24-21.84,22.71v151.42h458v-151.56c-.87.1-1.75.16-2.65.16Z'/%3E%3Cline class='cls-1' x1='98.77' y1='65.46' x2='98.77' y2='406.58'/%3E%3Cline class='cls-2' x1='474.68' y1='65.46' x2='474.68' y2='406.58'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 115% auto;
	background-position: center;
	padding: 30px 80px!important;
	background-color: transparent!important;
}

.ticket-third-long{
	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' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 583 591'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B filter: url(%23outer-glow-2); %7D .cls-1, .cls-2 %7B fill: none; opacity: .2; stroke: %2337377a; stroke-dasharray: 0 0 0 15; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D .cls-3 %7B fill: %23fff; filter: url(%23outer-glow-1); opacity: .8; stroke-width: 0px; %7D .cls-2 %7B filter: url(%23outer-glow-3); %7D %3C/style%3E%3Cfilter id='outer-glow-1' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='0' dy='0'/%3E%3CfeGaussianBlur result='blur' stdDeviation='20.58'/%3E%3CfeFlood flood-color='%23000' flood-opacity='.1'/%3E%3CfeComposite in2='blur' operator='in'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3Cfilter id='outer-glow-2' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='0' dy='0'/%3E%3CfeGaussianBlur result='blur-2' stdDeviation='20.58'/%3E%3CfeFlood flood-color='%23000' flood-opacity='.1'/%3E%3CfeComposite in2='blur-2' operator='in'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3Cfilter id='outer-glow-3' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='0' dy='0'/%3E%3CfeGaussianBlur result='blur-3' stdDeviation='20.58'/%3E%3CfeFlood flood-color='%23000' flood-opacity='.1'/%3E%3CfeComposite in2='blur-3' operator='in'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cpath class='cls-3' d='M517.72,311.79c-12.56,0-22.74-10.18-22.74-22.74s10.18-22.74,22.74-22.74c.9,0,1.78.06,2.65.16V62.09H62.36v204.25c12.14.47,21.84,10.46,21.84,22.71s-9.7,22.24-21.84,22.71v211.46h458v-211.6c-.87.1-1.75.16-2.65.16Z'/%3E%3Cline class='cls-1' x1='99.36' y1='65.06' x2='99.36' y2='526.26'/%3E%3Cline class='cls-2' x1='475.27' y1='65.06' x2='475.27' y2='526.26'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 115% auto;
	background-position: center;
	padding: 30px 80px!important;
	background-color: transparent!important;
}


.ticket-full-roze{
	
	
}
.ticket-half-shadow{
	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' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 811 758'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B filter: url(%23outer-glow-2); %7D .cls-1, .cls-2 %7B fill: none; opacity: .2; stroke: %2337377a; stroke-dasharray: 0 0 0 15; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D .cls-3 %7B fill: %23fff; filter: url(%23outer-glow-1); opacity: .8; stroke-width: 0px; %7D .cls-2 %7B filter: url(%23outer-glow-3); %7D %3C/style%3E%3Cfilter id='outer-glow-1' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='0' dy='0'/%3E%3CfeGaussianBlur result='blur' stdDeviation='20.58'/%3E%3CfeFlood flood-color='%23000' flood-opacity='.1'/%3E%3CfeComposite in2='blur' operator='in'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3Cfilter id='outer-glow-2' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='0' dy='0'/%3E%3CfeGaussianBlur result='blur-2' stdDeviation='20.58'/%3E%3CfeFlood flood-color='%23000' flood-opacity='.1'/%3E%3CfeComposite in2='blur-2' operator='in'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3Cfilter id='outer-glow-3' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='0' dy='0'/%3E%3CfeGaussianBlur result='blur-3' stdDeviation='20.58'/%3E%3CfeFlood flood-color='%23000' flood-opacity='.1'/%3E%3CfeComposite in2='blur-3' operator='in'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cpath class='cls-3' d='M743.79,406.76c-18.8,0-34.04-15.24-34.04-34.04s15.24-34.04,34.04-34.04c1.34,0,2.67.09,3.97.24V62.79H62.12v275.92c18.17.71,32.69,15.66,32.69,34s-14.52,33.29-32.69,34v286.72h685.63v-286.92c-1.3.15-2.63.24-3.97.24Z'/%3E%3Cline class='cls-1' x1='117.5' y1='63.24' x2='117.5' y2='693.98'/%3E%3Cline class='cls-2' x1='680.25' y1='63.24' x2='680.25' y2='693.98'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 115% auto;
	background-position: center;
	padding: 40px 105px !important;
	background-color: transparent!important;
}

#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';
}

.hoofdstuk-resume-block td.__show-verplicht{
	display:none;
}
.hoofdstuk-resume-block[data-verplicht="verplicht"] td.__show-verplicht{
	display: table-cell;
}

/*
.ticket-third{
	
}

.ticket-third.__shadow{
		filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
}
.ticket-third .fs{
	box-sizing: border-box;
	width: 458px;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	height: 341px;
	clip-path: path("M517.13,252.15c-12.56,0-22.74-10.18-22.74-22.74s10.18-22.74,22.74-22.74c.9,0,1.78.06,2.65.16V62.49H61.78v144.21c12.14.47,21.84,10.46,21.84,22.71s-9.7,22.24-21.84,22.71v151.42h458v-151.56c-.87.1-1.75.16-2.65.16Z");
	overflow: hidden;
}

.ticket-third .fs:before,
.ticket-third .fs:after{
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 12px;
	top: 0;
	bottom: 0;
	background-size: 10px auto;
	background-image: url(../../images/aa-platform/backgrounds/div-stip-zwart.png?t1);
	background-position: left top;
	background-repeat: repeat-y;
	z-index: 2;
}
.ticket-third .fs:before{
	left: 10%;
}
.ticket-third .fs:after{
	right: 10%;
}

.ticket-third .fs > ._inner{
	position: relative;
	width: 100%;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	box-sizing: border-box;
	padding: 0px 15%;
}

.ticket-third.__shadow .fs{
	background-color:#ffffff82;
}
*/