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

.layout {
	color: #000;
	font-size: 18px;
	font-family: 'Montserrat';
	font-weight: 500;
	line-height: 1.83em;
}

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

.layout h1,.layout h2,.layout h3,.layout h4,.layout h5,.layout h6,
.layout .h1,.layout .h2,.layout .h3,.layout .h4,.layout .h5,.layout .h6 {
	font-family: 'Roboto Slab';
	font-weight: 400;
	margin: 0;
	line-height: 1.15em;
	color: inherit;
}


.layout h1,
.layout .h1 {
	font-size: 3.333em;	
	font-weight:bold;
}

.layout h2,
.layout *.h2 {
	font-size: 1.667em;
	line-height: 1.25em;
	color:#f29400;
}
.layout h3,
.layout .h3 {
	font-size: 1.2em;
	line-height: 1.25em;
	
}
.layout h4,
.layout .h4 {
	font-size: 1.667em;
	line-height: 1.25em;
}
.layout h5,
.layout .h5 {
	font-size: 1em;
	line-height: 1.25em;
}
.layout h6,
.layout .h6 {
	margin: 0 0 0 0;
}
/*.layout p  { margin: 0 0 0 0; }*/

.layout a {
	text-decoration: none;
}

#layer1{
	overflow-y: scroll;
	position: absolute;
	transition: all 0.5s;
	top: 0;
}

#layer2{
	width:1680px;
}
#layer2{
	width:1476px;
}

.layout #layer1::-webkit-scrollbar-track,
.layout #layout::-webkit-scrollbar-track {
	background-color: #000;
	width: 15px;
}
.layout #layer1::-webkit-scrollbar-thumb,
.layout #layout::-webkit-scrollbar-thumb {
	background-color: #F29400;
	border-radius: 8px;
	border: 4px solid #000;
}


/* top bar */
#topbar{
	
	width: 30vw;
	right: 0;
	position: fixed;
	top: 0;
	height: 4.64vw;
	z-index: 8;

}

#topbar .logo,
#topbar ._logo-mob{
	display: block;
	width: 38.55vw;
	height: 6.55vw;
	float: left;
	text-decoration: none;
	margin-top: 4.5vw;
	margin-left: 3vw;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left top;
	transition: all 0.5s 0.2s;

}
#topbar ._logo-mob{
	display:none;
	background-image:url(../../images/dl-cursus/logos/logo-rfc-wit.png);
}



#layout[data-slider-open="true"] #topbar,
.pm_flow.hide-topbar #topbar,
.pm_flow.hide-sidebar_topbar #topbar{
	display:none;
}
.pm_flow.hide-topbar #layer1,
.pm_flow.hide-sidebar_topbar #layer1{
	top: 0;
}

#topbar #headerbar a._bttn {
	display: block;
	float: right;
	font-size: 0.89vw;
	background-color: #1A171B;
	color: #FFF;
	width: 6.2vw;
	height: 4.64vw;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 0.8vw;
	background-size: 40% auto;
	box-sizing: border-box;
	padding-top: 2.5vw;
	font-weight:300;
	font-family: 'Roboto Slab';
}
#topbar #headerbar a._bttn.__menu {
	background-image: url(../../images/dl-cursus/buttons/icon-menu.png);
}
#topbar #headerbar a._bttn.__contact {
	background-image: url(../../images/dl-cursus/buttons/icon-contact.png);
}
#topbar #headerbar a._bttn.__bellen {
	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 32.67 32.62'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M10.49,12.56c4-5.38,3.15-4.36.11-8.8-.17-.25-.36-.5-.54-.75C7.89.05,6.16-.24,3.1,1.86,1.39,3.03.26,4.69.54,6.73c.33,2.4.74,4.93,1.83,7.04,3.72,7.24,9.26,12.9,16.52,16.59,2.29,1.17,5.11,1.65,7.71,1.75,2.65.11,4.61-2.26,5.42-5.19.7-2.52-1.14-3.4-2.66-4.54-.37-.28-.76-.53-1.13-.8q-3.85-2.76-7.39.19c-.11.09-.28.1-.86.27-3.08-3.09-6.31-6.32-9.48-9.49Z'/%3E%3C/svg%3E");
	display:none;
}

#topbar #headerbar a._bttn.__aanmelden {
	background-color: #F7931E;
	background-image: url(../../images/dl-cursus/buttons/icon-aanmelden.png);
	background-size: auto 44% ;
	background-position: center 0.6vw;
}
body.__menu-open #topbar #headerbar a.bttn-menu{
	background-position: center 0.6vw;
background-size: 30% auto;
	background-image: url(../../images/dl-cursus/svg/kruisje.svg);
}


#layout[data-p-type="hoofdstuk"] #layer1,
#layout[data-p-type="dashboard"] #layer1 {
	left:10vw;		
}

#layout[data-p-type="dashboard"] #layer1 {
	background-image:url(../../images/dl-cursus/logos/logo-rfc-footer.png);
	background-repeat: no-repeat;
	background-position: left 1.5vw bottom 1.5vw;
	background-size: 17vw auto;
}

#layout[data-p-type="hoofdstuk"] #sidebar,
#layout[data-p-type="dashboard"] #sidemenu{
	left: 0;
	top: 0;
	z-index: 2;
	bottom: 0;
	width: 10vw;
	background-color: #000;
	position: absolute;
	overflow: hidden;
	overflow-y: auto;
}
#layout[data-p-type="hoofdstuk"] #sidemenu,
#layout[data-p-type="dashboard"] #sidebar{
	display: none;
}


#sidemenu ._inner{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 0;
	width: 100%;


}
#sidebar ._inner{

	padding: 0 0;
	width: 100%;
}

#sidebar ._inner ._bttn,
#sidemenu ._inner ._bttn{
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center 0.8vw;
	color: #FFF;
	border-bottom: 2px solid #333333;
	text-align: center;
	padding-top: 3.75vw;
	padding-bottom: 0.75vw;
	background-size: 2.6vw auto;
	font-size: 0.7vw;
	
	text-transform: uppercase;
}

#sidebar ._inner ._bttn[data-url2="afgerond"]{
	display:none;
}



#sidemenu ._inner a._bttn.__dashboard{
	border-top: 2px solid #333333;
	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 44.71 44.71'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M5.74,24.1v16.61c0,1.93,1.57,3.5,3.5,3.5h26.22c1.93,0,3.5-1.57,3.5-3.5v-16.61'/%3E%3Cpolygon class='cls-1' points='37.21 15.36 37.21 4 31.97 4 31.97 10.12 22.35 .5 .5 22.35 4 25.85 22.35 7.49 40.71 25.85 44.21 22.35 37.21 15.36'/%3E%3C/svg%3E");
	background-size: auto 2.6vw;
}
#sidemenu ._inner a._bttn.__profiel{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.55 46.01'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='10.77' cy='9.72' r='9.22'/%3E%3Cpath class='cls-1' d='M10.82,22.44h0s-.03,0-.04,0c-.01,0-.03,0-.04,0h0c-5.72.44-10.23,5.21-10.23,11.04v8.97s2.63,2.95,10.23,3.07h0s.03,0,.04,0c.01,0,.03,0,.04,0h0c7.61-.13,10.23-3.08,10.23-3.08v-8.97c0-5.83-4.51-10.59-10.23-11.03Z'/%3E%3C/svg%3E");
	background-size: auto 2.6vw;
}
#sidemenu ._inner a._bttn.__badges{
	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 26.52 43.53'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='13.26' cy='13.26' r='12.76'/%3E%3Cpolyline class='cls-1' points='5.7 23.6 5.7 43.03 12.79 39.25 20.82 42.55 20.82 23.65'/%3E%3C/svg%3E");
	background-size: auto 2.6vw;
}
#sidemenu ._inner a._bttn.__contact{
	padding-top: 2.75vw;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.95 25.69'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='.5' y='.5' width='39.95' height='24.69'/%3E%3Cpolyline class='cls-1' points='.5 .5 21.34 10.89 40.45 .5'/%3E%3C/svg%3E");
}
#sidemenu ._inner a._bttn.__settings{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.62 40.7'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='21.01' cy='20.85' r='8.52'/%3E%3Cpath class='cls-1' d='M38.04,20.85c0-1.51-.2-2.97-.57-4.36l2.64-1.53-4.54-7.87-2.69,1.55c-2.02-1.97-4.53-3.44-7.34-4.21V.5h-9.08v3.94c-2.56.71-4.88,1.99-6.8,3.71l-3.93-2.27L1.2,13.75l3.54,2.05c-.5,1.6-.76,3.3-.76,5.06,0,.93.08,1.85.22,2.74l-3.7,2.14,4.54,7.87,2.99-1.73c1.87,2.2,4.29,3.91,7.04,4.94v3.39h9.08v-2.61c3.18-.59,6.05-2.06,8.34-4.16l2.39,1.38,4.54-7.87-2.09-1.21c.46-1.55.71-3.19.71-4.89Z'/%3E%3C/svg%3E");
}
#sidemenu ._inner a._bttn.__downloads{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.57 40.66'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-2' points='32.07 40.16 4.08 40.16 4.08 .5 24.49 .5 32.07 7.5 32.07 40.16'/%3E%3Cpolyline class='cls-2' points='24.49 .5 24.49 7.5 32.07 7.5'/%3E%3Crect class='cls-1' y='24.56' width='19.39' height='8.75'/%3E%3Cg%3E%3Cpath d='M6.47,28.44c0,1.2-.9,1.95-2.34,1.95h-1.08v1.48h-1.25v-5.38h2.33c1.44,0,2.34.75,2.34,1.95ZM5.21,28.44c0-.59-.38-.94-1.15-.94h-1.02v1.87h1.02c.76,0,1.15-.35,1.15-.93Z'/%3E%3Cpath d='M7.36,26.49h2.45c1.76,0,2.97,1.06,2.97,2.69s-1.21,2.69-2.97,2.69h-2.45v-5.38ZM9.74,30.85c1.07,0,1.77-.64,1.77-1.67s-.7-1.67-1.77-1.67h-1.14v3.34h1.14Z'/%3E%3Cpath d='M14.96,27.48v1.42h2.49v1h-2.49v1.96h-1.25v-5.38h4.07v1h-2.82Z'/%3E%3C/g%3E%3C/svg%3E");
	background-size: auto 2.6vw;
}


#sidebar ._inner a._bttn[data-page-group="theorie"]:after{
	font-size: 0.9vw;
	content: 'THEORIE';
	
}
#sidebar ._inner a._bttn[data-page-group="opdracht"]:after{
	font-size: 0.9vw;
	content: 'opdracht';
}
#sidebar ._inner a._bttn[data-page-group="Vragen"]:after{
	font-size: 0.9vw;
	content: 'vragen';
}
#sidebar ._inner a._bttn[data-page-group="dagboek"]:after{
	font-size: 0.9vw;
	content: 'dagboek';
}
#sidebar ._inner a._bttn.__pauzeer:after{
	font-size: 0.9vw;
	content: 'pauzeer';
}

#sidebar ._inner a._bttn[data-page-group="theorie"]{
	background-size: auto 2vw;
	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 63.49 34.34'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M7.08,13.05c6.09.25,12.16.47,18.23.76,1.14.05,2.29.32,3.4.62.54.15,1.11.51,1.45.95,1,1.29,2.12,1.24,3.19.06.56-.62,1.52-1.05,2.37-1.22,5.7-1.08,11.45-1.3,17.23-.92,1.17.08,2.35.18,4,.3-2.98-3.29-5.56-6.26-8.31-9.06-.49-.5-1.73-.51-2.56-.36-1.06.18-2.02.93-3.08,1.09-.58.09-1.59-.38-1.82-.87-.23-.5.08-1.79.46-1.94,2.01-.77,4.1-1.63,6.2-1.77,1.18-.08,2.73.92,3.64,1.88,3.7,3.9,7.21,7.99,10.82,11.98.8.88.84,1.65.44,2.81-.79,2.33-1.27,4.77-1.84,7.17-1.37,5.79-5.62,9.23-11.58,9.26-1.59,0-3.21.06-4.75-.25-4.42-.9-7.28-3.63-8.62-7.93-.34-1.1-.53-2.25-.88-3.34-.49-1.55-1.83-2.54-3.32-2.48-1.65.07-2.81.89-3.33,2.47-.33.99-.53,2.02-.81,3.02-1.46,5.25-5.72,8.51-11.15,8.53-1.37,0-2.76.06-4.11-.11-4.72-.59-8.42-3.9-9.63-8.52-.75-2.86-1.55-5.71-2.2-8.59-.13-.57.19-1.44.6-1.9,3.65-4.17,7.34-8.32,11.09-12.4,1.64-1.78,3.75-2.2,6.04-1.44,1.09.36,2.25.69,3.17,1.34.56.4,1.08,1.45.96,2.08-.19,1.03-1.15,1.38-2.22.96-.1-.04-.21-.07-.31-.11-4.76-2.21-4.4-1.36-7.4,1.91-1.88,2.05-3.72,4.14-5.39,6.01ZM48.06,16.44c-3.02.21-5.97.37-8.92.65-1.84.18-2.54,1.3-2.12,3.11.22.96.48,1.91.72,2.87,1.59,6.33,4.31,8.43,10.84,8.36.66,0,1.32,0,1.97-.06,3.93-.34,7.12-3.12,7.97-6.97.27-1.23.48-2.47.69-3.71.42-2.52-.17-3.37-2.68-3.61-2.83-.27-5.68-.42-8.47-.63ZM15.34,16.44c-2.84.22-5.85.39-8.85.7-1.93.2-2.58,1.14-2.29,3.04.23,1.52.51,3.03.87,4.53.52,2.17,1.69,4.01,3.61,5.12,4.04,2.32,8.28,2.34,12.45.37,2.18-1.03,3.49-2.97,4.13-5.3.41-1.48.76-2.98,1.11-4.47.51-2.15-.14-3.17-2.31-3.37-2.84-.26-5.69-.41-8.72-.62Z'/%3E%3C/svg%3E");
}

#sidebar ._inner a._bttn[data-page-group="opdracht"]{
	background-size: auto 2.3vw;
	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 39.89 41.06'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='1.21' y='4.59' width='14.05' height='7.14' transform='translate(-3.35 8.02) rotate(-44.04)'/%3E%3Cpolygon class='cls-1' points='9.39 19.45 27.92 38.61 39.32 40.46 38.02 28.84 19.49 9.68 9.39 19.45'/%3E%3Cline class='cls-1' x1='27.92' y1='38.61' x2='38.02' y2='28.84'/%3E%3C/svg%3E");
}

#sidebar ._inner a._bttn[data-page-group="Vragen"]{
	background-size: auto 2.3vw;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.38 39.4'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M18.69.5C8.64.5.5,8.64.5,18.69c0,5.28,2.26,10.02,5.85,13.34l-4.34,6.87,9.42-3.53c2.22.97,4.67,1.51,7.25,1.51,10.05,0,18.19-8.14,18.19-18.19S28.74.5,18.69.5Z'/%3E%3Cpath class='cls-1' d='M21.61,14.58c0-1.4-1.23-2.29-3.08-2.29s-3.23.8-4.14,2.11l-3.46-2.03c1.54-2.34,4.23-3.83,8.08-3.83,4.29,0,7.26,1.91,7.26,5.28,0,4.57-4.8,5.08-4.8,8.11h-4.31c0-4,4.46-4.88,4.46-7.37ZM16.59,26.52c0-1.46,1.14-2.54,2.74-2.54s2.74,1.08,2.74,2.54-1.14,2.6-2.74,2.6-2.74-1.17-2.74-2.6Z'/%3E%3C/svg%3E");
}

#sidebar ._inner a._bttn[data-page-group="dagboek"]{
	background-size: auto 2.6vw;
	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 51.53 40.79'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M37.51,36.37H5.5c-2.76,0-5-2.24-5-5V5.5C.5,2.74,2.74.5,5.5.5h40.53c2.76,0,5,2.24,5,5v25.87c0,2.76-2.24,5-5,5h-2.45'/%3E%3Crect class='cls-1' x='3.91' y='3.28' width='20.46' height='29.81'/%3E%3Cpolyline class='cls-1' points='43.64 3.28 47.62 3.28 47.62 33.09 43.7 33.09'/%3E%3Cpolyline class='cls-1' points='37.32 33.09 27.15 33.09 27.15 3.28 37.57 3.28'/%3E%3Cline class='cls-1' x1='27.15' y1='.63' x2='27.15' y2='36.37'/%3E%3Cline class='cls-1' x1='24.37' y1='.63' x2='24.37' y2='36.37'/%3E%3Cpolygon class='cls-1' points='43.51 40.29 40.73 38.96 37.57 40.29 37.57 .5 43.51 .5 43.51 40.29'/%3E%3C/svg%3E");
}

#sidebar ._inner a._bttn.__pauzeer{
	background-size: auto 2.6vw;
	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 35.67 39.65'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='.5' y='.5' width='12.51' height='38.65' rx='4' ry='4'/%3E%3Crect class='cls-1' x='22.67' y='.5' width='12.51' height='38.65' rx='4' ry='4'/%3E%3C/svg%3E");
}

#sidebar ._inner ._code{
	width: 100%;
	display: block;
	color: #f29400;
	border-bottom: 2px solid #333333;
	text-align: center;
	min-height: 3.75vw;
	padding-bottom: 0.75vw;
	font-size: 3.57vw;
	line-height:2em;
	
	text-transform: uppercase;
	font-family: 'Roboto Slab';
}

#layout[data-unid="deel-1"] #sidebar ._inner ._code:before{
	content: 'D1';	
}
#layout[data-unid="deel-2"] #sidebar ._inner ._code:before{
	content: 'D2';	
}
#layout[data-unid="deel-3"] #sidebar ._inner ._code:before{
	content: 'D3';	
}
#layout[data-unid="deel-4"] #sidebar ._inner ._code:before{
	content: 'D4';	
}
#layout[data-unid="deel-5"] #sidebar ._inner ._code:before{
	content: 'D5';	
}
#layout[data-unid="deel-6"] #sidebar ._inner ._code:before{
	content: 'D6';	
}





#layout[data-unid2="index"] #sidebar ._inner a._bttn[data-url2="index"],
#layout[data-unid2="1"] #sidebar ._inner a._bttn[data-url2="1"],
#layout[data-unid2="2"] #sidebar ._inner a._bttn[data-url2="2"],
#layout[data-unid2="3"] #sidebar ._inner a._bttn[data-url2="3"],
#layout[data-unid2="4"] #sidebar ._inner a._bttn[data-url2="4"],
#layout[data-unid2="5"] #sidebar ._inner a._bttn[data-url2="5"],
#layout[data-unid2="6"] #sidebar ._inner a._bttn[data-url2="6"],
#layout[data-unid2="7"] #sidebar ._inner a._bttn[data-url2="7"],
#layout[data-unid="module"] #sidemenu ._inner a._bttn.__dashboard,
#layout[data-unid="profiel"][data-unid2="index"] #sidemenu ._inner a._bttn.__profiel,
#layout[data-unid="profiel"][data-unid2="badges"] #sidemenu ._inner a._bttn.__badges,
#layout[data-unid="profiel"][data-unid2="settings"] #sidemenu ._inner a._bttn.__settings,
#layout[data-unid="profiel"][data-unid2="downloads"] #sidemenu ._inner a._bttn.__downloads,
#layout[data-unid="contact"] #sidemenu ._inner a._bttn.__contact
{
	background-color: #3e3d40
}










.pgroup.content-slide{
	padding-top: 90px;
}
.pgroup.content-slide.__white{
	padding-top: 90px;
}
.pgroup.content-slide.__absolute{
	padding-top: 0;
}
.stickyHeader{
	width: 80%;
	display:block;
	position: absolute;
	left:0;top:0;    z-index: 3;
}
.stickyHeader.__menu{
	z-index:4;
}
.stickyHeader a._logo{
	background-image:url(../../images/dl-cursus/logos/logo-rfc.png);
	display: block;
	width:337px;
	height: 40px;
	background-size:100% auto;
	background-repeat: no-repeat;
	float:left;
	margin: 30px;
	margin-right: 20px;
}
.stickyHeader a._call{
	float: left;
	display: block;
	width: 700px;
	color: #000;
	margin: 30px 0;
	font-weight: 500;
	letter-spacing: 3px;
}

.pgroup.content-slide.__white .stickyHeader a._logo,
.stickyHeader.__white a._logo{
	background-image:url(../../images/dl-cursus/logos/logo-rfc-wit.png);
}
.pgroup.content-slide.__orange .stickyHeader a._logo{
	background-image:url(../../images/dl-cursus/logos/logo-rfc-icon-white.png);
}
.pgroup.content-slide.__white .stickyHeader a._call,
.stickyHeader.__white a._call{
	color:#FFF;
}

.pm-section{
	position: relative;    width: 1680px;
}
.pm-section.__slides .pgroup.slider-group{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	
}
.slider-group{
	background-color: #FFF;
}
/* buttons en links */
.footerCrumbs{
	position: relative;
	padding: 70px 50px;
	background-color: #D9DADB;
}
.footerCrumbs a._link{
	color: #000;
	display: block;
	float: left;
	font-weight: 500;
	padding-left: 40px;
	width: 33%;
	line-height: 1.5em;
	box-sizing: border-box;
	height: 6em;
	background-position: left 1px;
	background-size: 26px auto;
	position: relative;
	background-image: url(../../images/dl-cursus/icons/icon-symbol.png);
	background-repeat: no-repeat;
	padding-right: 5%;
}
.footerCrumbs a._link.__single{
	width:100%;	
	margin-top:30px;
	height:auto;
}


.footer-cnt{
	height:106px;
	box-sizing:border-box;
	padding-top:20px;
}
.footer-cnt ._logo{
	background-image: url(../../images/dl-cursus/logos/logo-rfc.png);
	display: block;
	width: 337px;
	height: 37px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	float: left;
	margin: 30px;
	margin-right: 20px;
}
.footer-cnt ._text{
	margin-top: 30px;
	letter-spacing: 3px;
	font-weight: 500;
}

.footer-cnt ._text a{
	color: #000;
}

/* label input */
.label-text{
	
	/* border: 2px solid #e4e4e4; */
	color: inherit;
	/* padding: 10px; */
	display: block;
	margin-bottom: 20px;
	margin-top: 20px;
	/* padding-left: 15px;*/
}
.label-text *.input-default {
	border: 0;
	margin: 0;
	padding: 10px;
	height: auto;
	/* margin-right: 0; */
	outline: none !important;
	-moz-box-shadow: inset 0px 0px 14px 3px #0000000f;
	-webkit-box-shadow: inset 0px 0px 14px 3px #0000000f;
	box-shadow: inset 0px 0px 14px 3px #0000000f;
}
.check-contactform {
	font-size: 0.9em;
	line-height: 1.5em;
	float: left;
	width: 100%;
	margin-top: 11px;

}
.check-contactform .input{
	width: 20px;
	height: 20px;
	display: block;
	border-radius: 100%;
	float: left;
	margin-right: 20px;
	background-color: #FFF;
	margin-top: 7px;
	/* border: 1px solid #e5e5e5; */
	/* padding-top: 10px; */
	margin-bottom: 3em;
}
.check-contactform:before{
	display:none!important;
}
.layout label.inp-radio, .layout label.inp-checkbox {
	padding-left: 0;
	min-height: 10px;
	display: inline-block;
	margin: 5px 0;
	margin-right:20px;
	line-height: 1.75em;
}

/* footer */

#footer{
	background-color: #000;
	height: 120px;
	width: 100%;
	padding: 22px 44px;
	box-sizing: border-box;
}

#layout.__menu-open .footer-cnt{
	display:none;	
	
	
}

#footer > ._inner{
	max-width: 1680px;
	margin: 0 auto;
	position: relative;
}
#footer ._logo{
	display: block;
	width: 255px;
	height: 41px;
	float: left;
	padding-top: 7px;
	color: #FFF;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 0.9em;
	margin-top: 13px;
	font-weight: bold;
	padding-left: 170px;
	background-image: url(../../images/dl-cursus/logos/logo-eu2cure.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer ._socials{
	height: 50px;
	width: 245px;
	margin: 13px auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

#footer ._socials a{
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 15px 0 0;
	float: left;
	background-repeat: no-repeat;
}

#footer ._socials a.__linkedin{
	background-image: url(../../images/dl-cursus/icons/icon-linkedin.png);
}
#footer ._socials a.__facebook{
	background-image: url(../../images/dl-cursus/icons/icon-facebook.png);
}
#footer ._socials a.__twitter{
	background-image: url(../../images/dl-cursus/icons/icon-twitter.png);
}
#footer ._socials a.__instagram{
	background-image: url(../../images/dl-cursus/icons/icon-instagram.png);
	margin-right: 0;
}

#footer ._disclaimer{
	color: #FFF;
	float: right;
	/* margin-top: -5px; */
	line-height: 1.25em;
	margin-top: 13px;
}

#footer ._disclaimer a{
	color: #FFF;
	font-weight: bold;
}

/* logo footer */

.footer {
	padding: 15px 0 5px 30px;
	box-sizing: border-box;
	position: relative;
	bottom: 0;
	min-height: 97px;
	width: 1680px;
	clear: both;
	background-size: 100% auto;
	background-position: right top;
	background-repeat: no-repeat;
}
.footer h3 {
	margin-left: 14px;
}


/* submenu */
#submenu-cnt {
	background-color: #2A292C;
	box-sizing: border-box;
	position: relative;
	/* top: 0; */
	/* left: 0; */
	/* right: 0; */
	z-index: 3;
	height: 0;
	overflow: hidden;
	transition: all 0.5s;
}


#submenu-cnt ._footer{
	color:#FFF;	
}
#submenu-cnt ._footer ._property,
#submenu-cnt ._footer a._link{
	color:#FFF;
	display: inline-block;
	margin: 0 15px;	
}


body.__menu-open #submenu-cnt {
	height: 945px;
	/* margin-top: -141px; */
	padding-top: 100px;
	overflow: initial;
}
body.__menu-open .block-cnt {
	display:none;

}
body.__menu-open #layer1{
	background-color:#2A292C;
}
body.__menu-open #topbar .bttn-menu {
	    color: #f7931e!important;
}

body #topbar .bttn-menu:before {
	content: 'Menu';
}
body.__menu-open #topbar .bttn-menu:before {
	content: 'Sluiten';
}
#submenu-cnt > ._inner {
	padding: 44px;
	width: 1680px;
}

#submenu-cnt > ._inner {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1680px;
	padding-bottom: 50px;
	margin-left: 25px;
	background-size: 360px auto;
	background-position: right -65px bottom -190px;
	background-repeat: no-repeat;
}

#submenu-cnt ._split{
	display: block;
	position: relative;
	float: left;
	margin: 22px;
	width: 480px;
	margin-bottom: 40px;
	height: auto;
}

#submenu-cnt ul.logoList li a{
color:#FFF	
}


#submenu-cnt .title-block{
	width: 480px;
	height: 318px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../../cimages/dl-cursus/menu/slogan.png);
	float: left;
	margin: 22px;
	opacity: 0;
	transition: all 1.5s 1s;
}


#submenu-cnt  .close-menu {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 24px;
	width: 24px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23D20029;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='24 3.8 20.2 0 12 8.2 3.8 0 0 3.8 8.2 12 0 20.2 3.8 24 12 15.8 20.2 24 24 20.2 15.8 12 '/%3E%3C/svg%3E");
	padding-right: 50px;
	background-position: right center;
	box-sizing: border-box;
}
.layout.__menu-open #layer1{

}
.layout.__menu-open #topbar a.logo{

}
.pm_flow #topbar.__active .bttn-menu {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23D20029;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='24 3.8 20.2 0 12 8.2 3.8 0 0 3.8 8.2 12 0 20.2 3.8 24 12 15.8 20.2 24 24 20.2 15.8 12 '/%3E%3C/svg%3E");
}

.layout.__menu-open #submenu-cnt .title-block{
	opacity: 1;
}

/* menu blocks */



#submenu-cnt .news-dash-block[data-number="1"]  ._image{
	transition-delay: 0s;
}

#submenu-cnt .news-dash-block[data-number="2"]  ._image{
	transition-delay: 0.2s;
}
#submenu-cnt .news-dash-block[data-number="3"]  ._image{
	transition-delay: 0.4s;
}
#submenu-cnt .news-dash-block[data-number="4"]  ._image{
	transition-delay: 0.6s;
}
#submenu-cnt .news-dash-block[data-number="5"]  ._image{
	transition-delay: 0.8s;
}


img.flex-image{
	width: 100%;
}

a.slider-button.__active{
	opacity: 0.3;
}

/* label input */
label.label-input{
	position: relative;
	background-color: #FFF;
	display: block;
}
label.label-input > input,
label.label-input > textarea{
	border: none;
	outline: none;
	/* margin-top: 20px; */
	float: none!important;
	padding: 10px!important;
	padding-left: 15px!important;
	padding-top: 30px!important;
	padding-bottom: 0px!important;
	color: #000000!important;
}
label.label-input > span{
	position: absolute;
	display: block;
	left: 15px;
	color: #999999;
	transition: all 0.3s;
	top: 15px;
}
label.label-input.__active > span{
	font-size: 0.7em;
	top: 0;
}
label.label-input > textarea {
	height: 150px;
}


/* slider */
a.bttn-close {
	color: #000;
	display: block;
	padding-right: 27px;
	height: 30px;
	position: absolute;
	width: 152px;
	right: 45px;
	z-index: 100;
	top: 30px;
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-position: right center;
	background-image: url(../../images/dl-cursus/icons/icon-symbol.png);
}
a.bttn-close:after{
	content: 'SLUIT SCHERM';	
}

.pm-section.__slides a.bttn-close{
	display: none
}
#layout[data-slider-open="true"] .pm-section.__slides a.bttn-close{
	display: block
}

#layout[data-slider-open="true"] .pgroup{
	filter: blur(10px);
}
#layout[data-slider-open="true"] .pgroup:before{
	content:'';
	display:block;
	position: absolute;
	left:0;top:0;right:0;bottom:0;
	z-index:10;
	background-color:#0000005e;
}

#layout[data-slider-open="true"] .pm-section.__slides .pgroup{
	filter: none;
}
#layout[data-slider-open="true"] .pm-section.__slides .pgroup:before{
	display:none;
	}


.social-button{
	display:block;
	width:38px;height:38px;
	margin:10px 0px 0 10px;
}

.social-button.__fb{
	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 38.36 38.36'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M19.18,0C8.59,0,0,8.59,0,19.18s8.59,19.18,19.18,19.18,19.18-8.59,19.18-19.18S29.77,0,19.18,0ZM25.58,10.61v.25c-.37,0-.71,0-1.05,0-.4,0-.79.02-1.19.04-.82.06-1.42.46-1.76,1.22-.26.59-.3,1.22-.31,1.84,0,.65,0,1.3.01,1.94,0,.03,0,.07.02.13h4.11c-.07.51-.13.99-.19,1.48-.12.89-.25,1.78-.36,2.67-.02.16-.08.21-.23.2-1.05,0-2.1,0-3.16,0-.05,0-.11,0-.18.01v11c-.36.04-.69.08-1.03.1-1.14.08-2.27.03-3.4-.13-.2-.03-.26-.09-.26-.3,0-3.47,0-6.94,0-10.41v-.29h-3.84v-4.34h3.84c0-.11,0-.19,0-.27.01-1.27,0-2.54.05-3.8.05-1.09.43-2.1,1.05-3,.78-1.14,1.91-1.71,3.23-1.95,1.38-.25,2.75-.14,4.11.1q.51.09.51.6v2.88Z'/%3E%3C/svg%3E");
}
.social-button.__in{
	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 38.36 38.36'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M19.18,0C8.59,0,0,8.59,0,19.18s8.59,19.18,19.18,19.18,19.18-8.59,19.18-19.18S29.77,0,19.18,0ZM14.61,29.79h-4.47v-15.62h4.47v15.62ZM12.35,13.08c-1.27,0-2.24-.99-2.24-2.29,0-1.26.99-2.23,2.26-2.23,1.28,0,2.26.98,2.25,2.27,0,1.28-.99,2.25-2.28,2.25ZM30.24,29.49c0,.09-.01.18-.02.29h-4.5v-.46c0-2.74,0-5.48,0-8.22,0-.36-.04-.72-.13-1.06-.19-.75-.72-1.18-1.47-1.3-.39-.06-.81-.05-1.21,0-.79.1-1.4.72-1.51,1.51-.05.32-.07.65-.07.97,0,2.69,0,5.39,0,8.08v.49h-4.49v-15.63h4.47v1.78s.03,0,.05.01c.03-.06.06-.12.09-.19.31-.76.91-1.2,1.67-1.4,1.24-.33,2.5-.36,3.75-.05,1.64.4,2.56,1.55,2.94,3.12.24.98.4,2.01.42,3.02.06,3.01.02,6.02.02,9.02Z'/%3E%3C/svg%3E");
}


.social-button.__orange.__fb{
	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 38.36 38.36'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23f29400; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='19.18' cy='19.18' r='19.18'/%3E%3Cpath class='cls-2' d='M16.62,20.38h-3.84v-4.34h3.84c0-.11,0-.19,0-.27.01-1.27,0-2.54.05-3.8.05-1.09.43-2.1,1.05-3,.78-1.14,1.91-1.71,3.24-1.95,1.38-.25,2.75-.14,4.11.1q.51.09.51.6c0,.96,0,1.92,0,2.88v.25c-.37,0-.71,0-1.05,0-.4,0-.79.02-1.19.04-.82.06-1.42.46-1.76,1.22-.26.59-.3,1.22-.31,1.84,0,.65,0,1.3.01,1.94,0,.03,0,.07.02.13h4.11c-.07.51-.13.99-.19,1.48-.12.89-.25,1.78-.36,2.67-.02.16-.08.21-.23.2-1.05,0-2.1,0-3.16,0-.05,0-.11,0-.18.01v11c-.36.04-.69.08-1.03.1-1.14.08-2.27.03-3.4-.13-.2-.03-.26-.09-.26-.3,0-3.47,0-6.94,0-10.41,0-.09,0-.18,0-.29Z'/%3E%3C/svg%3E");
}
.social-button.__orange.__in{
	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 38.36 38.36'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23f29400; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='19.18' cy='19.18' r='19.18'/%3E%3Cg%3E%3Cpath class='cls-2' d='M21.32,29.79h-4.49v-15.63h4.47v1.78h.05s.06-.11.09-.17c.31-.76.91-1.2,1.67-1.4,1.24-.33,2.5-.36,3.75-.05,1.64.4,2.56,1.55,2.94,3.12.24.98.4,2.01.42,3.02.06,3.01.02,6.02.02,9.02,0,.09-.01.18-.02.29h-4.5c0-.16,0-.31,0-.46,0-2.74,0-5.48,0-8.22,0-.36-.04-.72-.13-1.07-.19-.75-.72-1.18-1.47-1.3-.39-.06-.81-.05-1.21,0-.79.1-1.4.72-1.51,1.51-.05.32-.07.65-.07.97,0,2.69,0,5.39,0,8.08v.49Z'/%3E%3Cpath class='cls-2' d='M10.14,14.16h4.47v15.62h-4.47v-15.62Z'/%3E%3Cpath class='cls-2' d='M14.63,10.84c0,1.28-.99,2.25-2.28,2.25-1.27,0-2.24-.99-2.24-2.29,0-1.26.99-2.23,2.26-2.23,1.28,0,2.26.98,2.25,2.27Z'/%3E%3C/g%3E%3C/svg%3E");
}
.social-button.__orange.__insta{
	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 38.36 38.36'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23f29400; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='19.18' cy='19.18' r='19.18'/%3E%3Cg%3E%3Cpath class='cls-2' d='M9.55,23.21c0-2.68,0-5.35,0-8.03.03-.15.07-.3.08-.46.2-2.67,1.73-4.43,4.33-4.97.4-.08.8-.13,1.21-.19,2.68,0,5.35,0,8.03,0,.15.03.3.07.46.08,2.67.2,4.44,1.73,4.97,4.33.08.4.13.8.19,1.21v8.03c-.03.15-.07.3-.08.45-.2,2.67-1.73,4.44-4.33,4.97-.4.08-.8.13-1.21.19h-8.03c-.15-.03-.3-.07-.46-.08-2.67-.2-4.43-1.73-4.97-4.33-.08-.4-.13-.8-.19-1.21ZM26.98,19.18s.04,0,.06,0c0-1.2,0-2.41,0-3.61,0-.25-.04-.51-.06-.76-.18-2.04-1.38-3.32-3.42-3.38-2.91-.08-5.83-.08-8.74,0-2.04.06-3.34,1.36-3.39,3.39-.08,2.91-.08,5.83,0,8.74.06,2.06,1.36,3.35,3.42,3.41,2.87.08,5.75.09,8.62,0,2.15-.06,3.39-1.32,3.5-3.46.08-1.44.02-2.89.02-4.33Z'/%3E%3Cpath class='cls-2' d='M19.17,24.16c-2.74,0-4.97-2.25-4.95-4.99.01-2.72,2.25-4.94,4.97-4.93,2.74,0,4.97,2.25,4.95,4.99-.01,2.72-2.25,4.94-4.97,4.93ZM15.98,19.19c0,1.75,1.42,3.2,3.17,3.21,1.76,0,3.22-1.41,3.23-3.15.01-1.79-1.4-3.24-3.17-3.25-1.78,0-3.22,1.41-3.23,3.19Z'/%3E%3Cpath class='cls-2' d='M24.33,15.2c-.68,0-1.18-.48-1.18-1.14,0-.66.51-1.17,1.17-1.16.66,0,1.16.51,1.15,1.18,0,.65-.48,1.12-1.15,1.12Z'/%3E%3C/g%3E%3C/svg%3E");
}
	
/*navbar footer */
.layout .footer-bar {


}

.layout .footer-bar ._navbar ._nav{
	display: block;
	height: 22px;
	margin: 3px;
	background-repeat: no-repeat;
	line-height: 1em;
	background-size: 22px;
	text-transform: uppercase;    padding-top: 6px;
}
.layout .footer-bar ._navbar ._nav[href="#"]{
	/*opacity:0.3;*/
}
.layout .footer-bar  ._navbar{
	padding: 10px 15px;
}
.layout .footer-bar ._navbar ._nav.__prev,
.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 22.17 22.17'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %231a171b; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23f29400; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-2' cx='11.08' cy='11.08' r='11.08'/%3E%3Cpath class='cls-1' d='M12.14,6.24l-5.89,3.9c-.74.49-.74,1.58,0,2.07l5.89,3.9c.83.55,1.93-.04,1.93-1.04v-7.8c0-.99-1.1-1.59-1.93-1.04Z'/%3E%3C/svg%3E");
	float: left;
	padding-left: 40px;
	background-position: left center;
	color: #000;
}
.layout .footer-bar ._navbar ._nav.__next,
.layout .footer-bar ._navbar ._nav[data-nav-ctrl="next"]{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.17 22.17'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %231a171b; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23f29400; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-2' cx='11.08' cy='11.08' r='11.08'/%3E%3Cpath class='cls-1' d='M10.03,6.24l5.89,3.9c.74.49.74,1.58,0,2.07l-5.89,3.9c-.83.55-1.93-.04-1.93-1.04v-7.8c0-.99,1.1-1.59,1.93-1.04Z'/%3E%3C/svg%3E");
	float: right;
	padding-right: 40px;
	background-position: right center;
	color: #000;
}

/* news block */


.news-dash-block{
	background-color: #FFF;
	overflow: visible;
	width: 362px;
	height: 401px;    margin: 15px;
	float: left;
	/*margin-right: 40px;*/
	overflow: hidden;
	-moz-box-shadow: 0px 0px 14px 3px #0000002e;
	-webkit-box-shadow: 0px 0px 14px 3px #0000002e;
	box-shadow: 0px 0px 14px 3px #0000002e;
}

.news-dash-block[data-article-nr="1"]{
	display:none;
}
.news-dash-block.__first{
	width:757px;
	height:832px;
}


.recent-nieuws{
	background-color: #FFF;
	overflow: visible;
	width: 1217px;
	min-height: 388px;
	float: none;
	margin-right: 0;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	box-sizing: border-box;
	padding-left: 380px;
}
.recent-nieuws ._image{

	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-position: center;
	background-size: cover;
}
.recent-nieuws ._text{
	padding: 40px;
}
.recent-nieuws ._text h4{
	font-size: 1.997em;
}
.recent-nieuws ._text ._recent{
	padding: 5px 15px 0;
	color: #FFF;
	background-color: #fd5473;
	float: left;
	margin-bottom: 30px;
}
.news-dash-block ._image{
	height: 171px;
	/* width: 293px; */
	/* border-radius: 100%; */
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	/* margin-top: -38%; */
	/* margin-left: -9%; */
	/* margin-bottom: 9px; */
}


.news-dash-block.__first ._image{
	height: 403px;
}
.news-dash-block.__first ._text h2{
	font-size:2.6em;
}
.news-dash-block ._text{
	padding: 10px 25px;
}

.news-dash-block ._text h2{
	font-size: 1.39em;
	height: 5em;
	overflow: hidden;
}

.news-all ._text h2{
	height: auto;
}
.news-all ._desc{
	height: 8em;
}

#news-related .news-dash-block{
	margin: 0;
	margin-bottom: 90px;
}

.bignews{
	padding-left: 33%;

}
.bignews ._image{
	position: absolute;
	left: 0;
	top: 0;;
	bottom: 0;
	width: 35%;
	display: block;
	background-size: cover;
}
.bignews ._text{
	padding: 50px;
}
.bignews ._text ._recent{
	padding: 5px 15px;
	color: #FFF;
	background-color: #fd5473;
	float: left;
	margin-bottom: 30px;
}

body.pm_flow .stickyHeader a._call ._text:before {
	content: 'BEL VOOR EEN AFSPRAAK:';
}


#layout .pblock.footer_block{
	min-height:544px;
	height:auto;
}
#layout .pblock.crumb_block{
	min-height:400px;
	height:auto;
}















#login-container{
	background-image:url(../../cimages/dl-platform/content/image-inloggen.jpg),
	url(../../cimages/dl-platform/content/image-inlog-deco.jpg);
	background-position: left top, right bottom;
	background-repeat: no-repeat;
	
}
#login-container .pblock ._footer{
	
	border-top: 2px dashed #e6e6e6;
	padding-top:20px;
	
}
#login-container .pblock ._bttn,
a.menu-top.__logout{
	display: block;
	background-image: url(../../images/dl-cursus/icons/icon-symbol.png);
	background-repeat: no-repeat;
	background-size: 32px;
	background-position: right top;
	background-color: transparent;
	padding-right: 45px;
	border: 0;
	height: 30px;
	font-size: 1em;
	padding-bottom: 10px;
	line-height: 1.3em;
	margin-right: 40px;
	margin-top: 19px;
	float: right;
	color: #000;
	font-family: 'Roboto Slab';
}



.pm-section.bg-dashboard{
	display: block;
	width: 1270px;
	margin: 0 95px;
	
	box-sizing: border-box;
	padding-top: 80px;
	margin-top: 80px;
	background-position: center top;
	background-size: 371px 321px;
	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' viewBox='0 0 378.95 321.35'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f29400; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' width='378.95' height='321.35'/%3E%3C/svg%3E");
}


/* DASHBOARD */


.layout .hoofdstuk-all-block ._inner{
	/* voor de scrollbar */
	height:150px;
	overflow: auto;
	position: relative;
}

.layout .hoofdstuk-all-block ._text{
	margin-top:20px;margin-bottom:20px;
}
.layout .hoofdstuk-all-block ._inner::-webkit-scrollbar{
	width: 20px;
	/* border: 3px solid #ccc; */
	background-color: #f2f2f2;
	box-sizing: border-box;
}
.layout .hoofdstuk-all-block ._inner::-webkit-scrollbar-track{

	width: 15px;
}
.layout .hoofdstuk-all-block ._inner::-webkit-scrollbar-thumb{
	background-color: #000;
	border-radius: 12px;
}
.layout .hoofdstuk-all-block ._inner::-webkit-scrollbar-thumb:hover {
	background-color: #000;
}


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

}



.hoofdstuk-resume-block{
	padding: 20px;
	box-sizing: border-box;
}
.hoofdstuk-resume-block h2{
	font-size: 1.54em;
	font-weight: 900;
	line-height: 1.1em;
}
.hoofdstuk-resume-block ._image{
	
	position: relative;
	height: 263px;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	background-size: 100% auto;	
}



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

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

}

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

#layout .hoofdstuk-resume-block ._pagedesc{
	height:165px;
	margin: 15px 0;
}
#layout .hoofdstuk-resume-block ._title{
	font-size: 1.5em;
	line-height: 1.25em;;
}
#layout .hoofdstuk-resume-block ._desc{
	font-size: 1em;
	line-height: 1.25em;
	margin-top:15px;
}
#layout .hoofdstuk-resume-block ._deel{
	font-size: 1em;
	line-height: 1.25em;
	margin-bottom:15px;
	color:#f29400;
}

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



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

}

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


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



.pblock.badge-result-screen .badge-container ._content{
	padding-left: 500px;
	padding-top: 100px;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 475px;
	min-height: 650px;
	margin-top: 40px;
}
.pblock.badge-result-screen .badge-container ._content h1{
	line-height: normal;

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


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




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

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


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

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


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


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

.hoofdstuk-resume-block ._chapters{
	height: 50px;
	position: relative;
	width: 100%;
	display: block;
	margin-top: 9px;
	clear: both;
}

.hoofdstuk-resume-block ._chapters ._block{
	display: block;
	background-color: #e6e6e6;
	box-sizing: border-box;
	float: left;
	width: 43px;height:43px;
	margin-right: 6px;
	border-radius:100%;
	background-repeat: no-repeat;
	background-position:center;
	background-repeat:no-repeat;
	border-radius:  100%;
	background-size:auto 60%;
}
.hoofdstuk-resume-block ._chapters ._block[data-page-status="1"]{
	background-color: #f29400;
}

.hoofdstuk-resume-block ._chapters ._block[data-page-status="passed"]{
	background-color: #F6F6F6;
}
.hoofdstuk-resume-block ._chapters ._block[data-page-status="failed"]{
	
}
.hoofdstuk-resume-block ._chapters ._block[data-page-group="theorie"]{
	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 35.02 19.15'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M4.08,7.33c3.31.13,6.62.26,9.92.41.62.03,1.25.17,1.85.34.29.08.6.28.79.52.55.7,1.16.68,1.74.03.31-.34.83-.57,1.29-.66,3.1-.59,6.23-.71,9.38-.5.64.04,1.28.1,2.18.17-1.62-1.79-3.02-3.41-4.52-4.93-.27-.27-.94-.28-1.39-.2-.58.1-1.1.51-1.68.59-.32.05-.87-.21-.99-.47-.13-.27.04-.98.25-1.06,1.1-.42,2.23-.89,3.38-.96.64-.04,1.49.5,1.98,1.02,2.02,2.12,3.93,4.35,5.89,6.52.43.48.46.9.24,1.53-.43,1.27-.69,2.6-1,3.9-.75,3.15-3.06,5.02-6.3,5.04-.86,0-1.75.03-2.59-.14-2.41-.49-3.96-1.98-4.69-4.32-.19-.6-.29-1.22-.48-1.82-.27-.84-1-1.38-1.81-1.35-.9.04-1.53.49-1.81,1.35-.18.54-.29,1.1-.44,1.65-.79,2.86-3.11,4.63-6.07,4.64-.75,0-1.5.03-2.24-.06-2.57-.32-4.58-2.12-5.24-4.64-.41-1.56-.85-3.11-1.2-4.68-.07-.31.1-.78.32-1.04,1.99-2.27,4-4.53,6.04-6.75.89-.97,2.04-1.2,3.29-.78.59.2,1.23.38,1.72.73.31.22.59.79.53,1.13-.1.56-.63.75-1.21.52-.06-.02-.11-.04-.17-.06-2.59-1.2-2.39-.74-4.03,1.04-1.02,1.12-2.02,2.25-2.93,3.27ZM26.39,9.18c-1.64.12-3.25.2-4.85.36-1,.1-1.38.71-1.15,1.69.12.52.26,1.04.39,1.56.87,3.45,2.34,4.59,5.9,4.55.36,0,.72,0,1.07-.03,2.14-.19,3.87-1.7,4.34-3.8.15-.67.26-1.35.38-2.02.23-1.37-.09-1.84-1.46-1.97-1.54-.15-3.09-.23-4.61-.34ZM8.58,9.17c-1.55.12-3.19.21-4.82.38-1.05.11-1.41.62-1.25,1.66.13.83.28,1.65.47,2.46.28,1.18.92,2.19,1.97,2.79,2.2,1.26,4.51,1.28,6.78.2,1.19-.56,1.9-1.61,2.25-2.88.22-.81.41-1.62.61-2.43.28-1.17-.07-1.72-1.26-1.83-1.55-.14-3.1-.22-4.75-.34Z'/%3E%3C/svg%3E");

	background-size:75% auto;
}
.hoofdstuk-resume-block ._chapters ._block[data-page-group="Vragen"]{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.61 26.97'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.2px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M12.81.6C6.07.6.6,6.07.6,12.81c0,3.54,1.52,6.72,3.93,8.95l-2.91,4.61,6.32-2.37c1.49.65,3.14,1.01,4.87,1.01,6.74,0,12.21-5.46,12.21-12.21S19.55.6,12.81.6Z'/%3E%3Cpath class='cls-1' d='M14.77,10.05c0-.94-.82-1.53-2.07-1.53s-2.17.54-2.78,1.42l-2.32-1.36c1.03-1.57,2.84-2.57,5.42-2.57,2.88,0,4.87,1.28,4.87,3.55,0,3.07-3.22,3.41-3.22,5.44h-2.89c0-2.68,2.99-3.28,2.99-4.94ZM11.4,18.06c0-.98.77-1.71,1.84-1.71s1.84.73,1.84,1.71-.77,1.74-1.84,1.74-1.84-.79-1.84-1.74Z'/%3E%3C/svg%3E");
}
.hoofdstuk-resume-block ._chapters ._block[data-page-group="dagboek"]{
	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 29.66 23.6'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.16px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M21.45,20.81H3.4c-1.56,0-2.82-1.26-2.82-2.82V3.4C.58,1.84,1.84.58,3.4.58h22.86c1.56,0,2.82,1.26,2.82,2.82v14.59c0,1.56-1.26,2.82-2.82,2.82h-1.38'/%3E%3Crect class='cls-1' x='2.5' y='2.15' width='11.54' height='16.81'/%3E%3Cpolyline class='cls-1' points='24.91 2.15 27.15 2.15 27.15 18.96 24.94 18.96'/%3E%3Cpolyline class='cls-1' points='21.35 18.96 15.61 18.96 15.61 2.15 21.49 2.15'/%3E%3Cline class='cls-1' x1='15.61' y1='.65' x2='15.61' y2='20.81'/%3E%3Cline class='cls-1' x1='14.04' y1='.65' x2='14.04' y2='20.81'/%3E%3Cpolygon class='cls-1' points='24.84 23.02 23.27 22.27 21.49 23.02 21.49 .58 24.84 .58 24.84 23.02'/%3E%3C/svg%3E");

	background-size:auto 50% ;
}
.hoofdstuk-resume-block ._chapters ._block[data-page-group="opdracht"]{
	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 26.66 27.44'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-miterlimit: 10; stroke-width: 1.16px; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='1.15' y='3.35' width='9.16' height='4.65' transform='translate(-2.34 5.58) rotate(-44.04)'/%3E%3Cpolygon class='cls-1' points='6.48 13.05 18.57 25.54 26 26.75 25.15 19.17 13.07 6.67 6.48 13.05'/%3E%3Cline class='cls-1' x1='18.57' y1='25.54' x2='25.15' y2='19.17'/%3E%3C/svg%3E");
}

.hoofdstuk-resume-block ._navbar{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 17px 20px;
	border-top: 2px dashed #e6e6e6;
}

.block-nav-onderdelen ._navbar{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 20px;
}
#chapterGroup ._cnt ._chapter{
	display:none;
	animation: chapter-in 1s 1 both;
	transform: translate3d(0,0,0);
}
#chapterGroup ._cnt ._chapter{
	height: 573px;
	position: relative;
}

@keyframes chapter-in{
	
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
	
}

#chapterGroup ._cnt[data-cur-chap="1"] ._chapter[data-chapter-nr="1"],
#chapterGroup ._cnt[data-cur-chap="2"] ._chapter[data-chapter-nr="2"],
#chapterGroup ._cnt[data-cur-chap="3"] ._chapter[data-chapter-nr="3"],
#chapterGroup ._cnt[data-cur-chap="4"] ._chapter[data-chapter-nr="4"],
#chapterGroup ._cnt[data-cur-chap="5"] ._chapter[data-chapter-nr="5"],
#chapterGroup ._cnt[data-cur-chap="6"] ._chapter[data-chapter-nr="6"]
{
	display: block;
}




/* badge block */

.badge-block{

}

.badge-block img{

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

@keyframes badge-in{

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

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


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

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


.badge-block ._navbar{
	position: absolute;
	bottom: 5px;
	left: 10px;
	right: 10px;
	padding: 10px 0;
	padding-bottom: 1px;
	background-image: url(../../images/haw-cursus/backgrounds/div-dash-hor-gray.png);
	background-size: auto 3px;
	background-position: left top;
	background-repeat: repeat-x;
	font-weight: bold;
	z-index: 3;
}
.block-nav-onderdelen ._navbar ._nav[data-nav-ctrl="prev"],
.badge-block-profiel ._navbar ._nav[data-nav-ctrl="prev"],
.badge-block ._navbar ._nav[data-nav-ctrl="prev"]{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.12 17.94'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f29400; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='9.14 0 10.83 1.75 4.72 7.62 17.12 7.62 17.09 10.04 4.56 10.04 10.55 16.26 8.8 17.94 0 8.8 9.14 0'/%3E%3C/svg%3E");
	float: left;
	padding-left: 30px;
}
.block-nav-onderdelen ._navbar ._nav[data-nav-ctrl="next"],
.badge-block-profiel ._navbar ._nav[data-nav-ctrl="next"],
.badge-block ._navbar ._nav[data-nav-ctrl="next"]{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.12 17.94'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f29400; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='7.98 0 6.3 1.75 12.4 7.62 0 7.62 .03 10.04 12.56 10.04 6.58 16.26 8.32 17.94 17.12 8.8 7.98 0'/%3E%3C/svg%3E");
	float: right;
	padding-right: 30px;
	background-position: right center;
}

.block-nav-onderdelen ._navbar ._nav,
.badge-block-profiel ._navbar ._nav,
.badge-block ._navbar ._nav{
	display: block;
	height: 23px;
	margin: 3px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
	color: #000;
	font-weight: normal;
}

.block-nav-onderdelen ._navbar ._pagination,
.badge-block-profiel ._navbar ._pagination,
.badge-block ._navbar ._pagination{
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 0px;
	width: 200px;
	text-align: center;
	height: 15px;
}

.chapter-details{
}
.chapter-details ._nr{
	font-size: 3em;
	line-height: 1em;
}
.chapter-details ._title{
	font-size: 1em;
	line-height: 1em;
	color: #f29400;
	padding-left: 10px;
	letter-spacing: 3px;
}
.chapter-details ._desc td{
	color: #000;
	padding-left: 10px;
	font-family: 'Roboto Slab';
	font-size:0.9em;
	line-height:1em;
}



.hoofdstuk-all-block{
}

.chapter-row{
	margin: 5px 10px;
	box-sizing: border-box;
	padding: 5px 0 5px 0;
	border-bottom: 2px dashed #e6e6e6;
}

.chapter-details tr td._status,
.chapter-details tr td._action{
	border-left: 2px solid #e6e6e6;
	background-size: 3px auto;
	width: 84px;
	vertical-align: top;
	padding-left: 7px;
}

.chapter-details tr td._status{
	
	width: 90px;
	padding-bottom: 10px;
	border-right: 2px solid #e6e6e6;

	border-left: 0;
	padding-right: 7px;
}
.chapter-details tr td._status ._icon{
	display: block;
	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 42.18 52.54'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: none; stroke: %23e6e6e6; stroke-linecap: round; stroke-linejoin: round; %7D .cls-3 %7B fill: %23e6e6e6; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-2' points='41.68 52.04 5.31 52.04 5.31 .5 31.83 .5 41.68 9.59 41.68 52.04'/%3E%3Cpolyline class='cls-2' points='31.83 .5 31.83 9.59 41.68 9.59'/%3E%3Crect class='cls-3' y='31.76' width='25.2' height='11.37'/%3E%3Cg%3E%3Cpath class='cls-1' d='M8.41,36.81c0,1.56-1.17,2.53-3.04,2.53h-1.41v1.93h-1.62v-7h3.03c1.87,0,3.04.97,3.04,2.54ZM6.77,36.81c0-.77-.5-1.22-1.49-1.22h-1.32v2.43h1.32c.99,0,1.49-.45,1.49-1.21Z'/%3E%3Cpath class='cls-1' d='M9.56,34.27h3.18c2.29,0,3.86,1.38,3.86,3.5s-1.57,3.5-3.86,3.5h-3.18v-7ZM12.66,39.94c1.39,0,2.3-.83,2.3-2.17s-.91-2.17-2.3-2.17h-1.48v4.34h1.48Z'/%3E%3Cpath class='cls-1' d='M19.44,35.57v1.85h3.24v1.3h-3.24v2.55h-1.62v-7h5.29v1.3h-3.67Z'/%3E%3C/g%3E%3C/svg%3E");
	BACKGROUND-REPEAT: NO-REPEAT;
	height: 50px;
	padding-right: 7px;
	font-size: 0.9em;
	text-align: center;
	color: #000;
	font-weight: bold;
}

.chapter-row[data-afgerond="true"] .chapter-details tr td._status ._icon.__afgerond{
	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 42.18 52.54'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f29400; %7D .cls-2 %7B fill: none; stroke: %231a171b; stroke-linecap: round; stroke-linejoin: round; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-2' points='41.68 52.04 5.31 52.04 5.31 .5 31.83 .5 41.68 9.59 41.68 52.04'/%3E%3Cpolyline class='cls-2' points='31.83 .5 31.83 9.59 41.68 9.59'/%3E%3Crect class='cls-1' y='31.76' width='25.2' height='11.37'/%3E%3Cg%3E%3Cpath d='M8.41,36.81c0,1.56-1.17,2.53-3.04,2.53h-1.41v1.93h-1.62v-7h3.03c1.87,0,3.04.97,3.04,2.54ZM6.77,36.81c0-.77-.5-1.22-1.49-1.22h-1.32v2.43h1.32c.99,0,1.49-.45,1.49-1.21Z'/%3E%3Cpath d='M9.56,34.27h3.18c2.29,0,3.86,1.38,3.86,3.5s-1.57,3.5-3.86,3.5h-3.18v-7ZM12.66,39.94c1.39,0,2.3-.83,2.3-2.17s-.91-2.17-2.3-2.17h-1.48v4.34h1.48Z'/%3E%3Cpath d='M19.44,35.57v1.85h3.24v1.3h-3.24v2.55h-1.62v-7h5.29v1.3h-3.67Z'/%3E%3C/g%3E%3C/svg%3E");
}





.chapter-row .chapter-details tr td._action ._bttn{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.86 32.92'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e6e6e6; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='26.86 19.23 24.25 16.71 15.46 25.85 15.46 7.29 11.83 7.34 11.83 26.1 2.52 17.13 0 19.75 13.69 32.92 26.86 19.23'/%3E%3Crect class='cls-1' x='.39' width='26.08' height='3.63'/%3E%3C/svg%3E");
	DISPLAY: BLOCK;
	BACKGROUND-REPEAT: NO-REPEAT;
	BACKGROUND-POSITION: CENTER TOP;
	box-sizing: border-box;
	background-size: auto 32px;
	height: 32px;
	/* padding-top: 28px; */
	text-align: center;
	color: #000;
	font-size: 0.9em;
	font-weight: bold;
}

.chapter-row[data-afgerond="true"] .chapter-details tr td._action ._bttn{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.86 32.92'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f29400; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='26.86 19.23 24.25 16.71 15.46 25.85 15.46 7.29 11.83 7.34 11.83 26.1 2.52 17.13 0 19.75 13.69 32.92 26.86 19.23'/%3E%3Crect class='cls-1' x='.39' width='26.08' height='3.63'/%3E%3C/svg%3E");
}

/* 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 */

.sec-prog{
	display: block;
	overflow: hidden;
	background-color: #e6e6e6;
	width: 164px;
	height: 164px;
	border-radius: 100%;
	position: relative;
	margin: 25px auto;
}
.sec-prog .prog-cnt{
	background-color:#f29400;
	position: absolute;
	left:0;right:0;bottom:0;
	height:0;
	transition: height 1s;
	z-index:1;
}
.sec-prog ._text{
position: absolute;
width:100%;
font-size:2.75em;
line-height:1em;
font-family: 'Roboto Slab';
font-weight: 400;
left:0;right:0;top:50%;
transform:translateY(-50%);	
z-index:2;
text-align:center;
}
/* badges */

.pblock.badge-block{

}

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

.pblock.badge-block .badge-cnt ._image{
	position: absolute;
	left: 50px;
	top: 24px;
	right: 48px;
	bottom: 40px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center 25px;
	background-size: 100%;
	text-align: center;
}



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

.pblock.badge-block-profiel .badge-cnt ._image{
	position: relative;
	height: 200px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 70% auto;

}
.pblock.badge-block-profiel .badge-cnt ._content{
	display:block;
	position: relative;
	z-index: 2;
	text-align: left;
	line-height: 1.1em;
	padding: 0 10px;
}

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



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

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

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

.pblock.badge-gallery .badge-cnt ._content ._title,
.pblock.badge-block .badge-cnt ._content ._title{
	font-weight: 900;
	font-size: 1.6em;
	line-height: 1.75em;
}




.pblock.badge-block .badge-cnt ._content ._pagination{
	position: absolute;
	bottom: 4px;
	left: 40px;
	right: 40px;
	text-align: center;
	color:#999999;
}
.pblock.badge-block .badge-cnt ._content ._pagination ._current{
	color:#f29400;
}
.pblock.badge-block .badge-cnt ._content ._pagination ._current:before{
	font-weight: bold;
	content: '01';
}
.pblock.badge-block .badge-cnt[data-b-nr="0"] ._content ._pagination ._current:before{
	content: '01';
}
.pblock.badge-block .badge-cnt[data-b-nr="1"] ._content ._pagination ._current:before{
	content: '02';
}
.pblock.badge-block .badge-cnt[data-b-nr="2"] ._content ._pagination ._current:before{
	content: '03';
}
.pblock.badge-block .badge-cnt[data-b-nr="3"] ._content ._pagination ._current:before{
	content: '04';
}
.pblock.badge-block .badge-cnt[data-b-nr="4"] ._content ._pagination ._current:before{
	content: '05';
}
.pblock.badge-block .badge-cnt[data-b-nr="5"] ._content ._pagination ._current:before{
	content: '06';
}
.pblock.badge-block .badge-cnt[data-b-nr="6"] ._content ._pagination ._current:before{
	content: '07';
}
.pblock.badge-block .badge-cnt[data-b-nr="7"] ._content ._pagination ._current:before{
	content: '08';
}
.pblock.badge-block .badge-cnt ._content ._desc{


}


.pblock.badge-block-profiel .badge-cnt{
	
}

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




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

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



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


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

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

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

.course-resume-block ._navbar{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0.6vw 0.9vw;
}

/* content */
.pgroup.bg-half-gray{
	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 1516.47 347.87'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f2f2f2; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' width='1516.47' height='347.87'/%3E%3C/svg%3E");
	background-repeat:repeat-x;
	background-size: 100% 347px;
	
}
.pblock.icon-block{
	margin: 40px; overflow:visible;
	background-color:#FFF;
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: auto 133px;
	padding:40px;
	padding-top: 250px;
	line-height:1.25em;
	text-align:center;
	font-family: 'Roboto Slab';
}


.segNav-block{
	background-repeat: no-repeat;
	background-image: url(../../images/dl-cursus/logos/logo-rfc-footer.png);
	background-size: 440px auto;
	background-position:center 25px;
	min-height:40px;
	position:relative;
	margin:40px 60px 20px 40px;
	padding-top:20px;
	border-top:2px dashed #e6e6e6;
}
.segNav-block:after{
	content:'';
	clear:both;
	display:block;
}
.segNav-block a.segNav {
	font-weight:bold;
	color:#000;
	display:block;
	background-repeat: no-repeat;
	background-size: 34px auto;	
	margin-top: 6px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.segNav-block .segNav.__prev {
	background-position:left top;
	float:left;
	padding-left:60px;
	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 34.86 28.44'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f29400; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='14.5 0 17.16 2.77 7.49 12.07 27.14 12.07 27.09 15.92 7.23 15.92 16.72 25.78 13.95 28.44 0 13.95 14.5 0'/%3E%3Crect class='cls-1' x='31.01' y='.42' width='3.84' height='27.61'/%3E%3C/svg%3E");
}
.segNav-block .segNav.__next {
	background-position:right top;
	float:right;
	padding-right:60px;
	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 34.86 28.44'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f29400; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='20.36 0 17.7 2.77 27.37 12.07 7.72 12.07 7.77 15.92 27.63 15.92 18.14 25.78 20.91 28.44 34.86 13.95 20.36 0'/%3E%3Crect class='cls-1' y='.42' width='3.84' height='27.61'/%3E%3C/svg%3E");
}




/* schatting */
._schatting{
	position: relative;
	clear: both;
	width: 100%;
	padding-left:50px;
	padding-right:50px;
	box-sizing: border-box;
}

._schatting:before,
._schatting:after{
	position: absolute;
	display:block;
	content: '';
	z-index:1;
	width:97px;height:97px;
	background-size:contain;
	top:0;
}

._schatting:before{
	left:0;
	transform: translate(0%, -16%);
	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 97.01 97.01'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-miterlimit: 10; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Ccircle cx='48.51' cy='48.51' r='48.51'/%3E%3Cg%3E%3Cpath class='cls-1' d='M69.55,72.77c-.52-10.55-9.22-18.95-19.89-18.95s-19.37,8.4-19.89,18.95h39.79Z'/%3E%3Cpolyline class='cls-1' points='17.12 38.39 28.48 44.45 18.25 51.28'/%3E%3Cpolyline class='cls-1' points='82.29 38.39 70.93 44.45 81.16 51.28'/%3E%3C/g%3E%3C/svg%3E");
}

._schatting:after{
	right:0;
	transform: translate(0%, -16%);
	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 97.01 97.01'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-miterlimit: 10; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Ccircle cx='48.51' cy='48.51' r='48.51'/%3E%3Cg%3E%3Cpath class='cls-1' d='M27.18,55.82c.52,10.55,9.22,18.95,19.89,18.95s19.37-8.4,19.89-18.95H27.18Z'/%3E%3Cpath class='cls-1' d='M16.53,42.67c0-3.35,2.71-6.06,6.06-6.06s6.06,2.71,6.06,6.06'/%3E%3Cpath class='cls-1' d='M68.07,42.67c0-3.35,2.71-6.06,6.06-6.06s6.06,2.71,6.06,6.06'/%3E%3C/g%3E%3C/svg%3E");
}



._schatting > input.schatting-slider{
	position: relative;
	clear: both;
	height: 50px;
	width: 100%;
}


/* The slider itself */
._schatting .schatting-slider {
	-webkit-appearance: none;  /* Override default CSS styles */
	appearance: none;
	width: 100%; /* Full-width */
	margin: 0;
	height: 50px; /* Specified height */
	background: #f5f5f6; /* Grey background */
	outline: none; /* Remove outline */
	-webkit-transition: .2s; /* 0.2 seconds transition on hover */
	transition: opacity .2s;
	overflow: hidden;
	margin-top: 10px;
}

/* Mouse-over effects */
._schatting .schatting-slider:hover {
	opacity: 1; /* Fully shown on mouse-over */
}




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

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

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

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



/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
._schatting .schatting-slider::-webkit-slider-thumb {
	-webkit-appearance: none; /* Override default look */
	appearance: none;
	width: 30px; /* Set a specific slider handle width */
	height: 50px; /* Slider handle height */
	background: #f29406; /* Green background */
	cursor: pointer; /* Cursor on hover */
	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 12.88 15.16'%3E%3Cpolyline points='0 15.16 12.88 7.58 0 0'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center right 5px;
	background-size: 50% auto;
}

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

}



/*vragen*/
.vragen-blok textarea._textarea{
	background-color: transparent;
	border:0;outline:0;
	color:#000;
	position: absolute;
	left:0;top:0;right:0;bottom:0;
	box-sizing: border-box;
	padding:20px;
	letter-spacing: 2px;
	font-family: 'Montserrat';
	font-size:1em;
}
textarea.input-dagboek-veld{
	background-color: #FFF;
	border:0;outline:0;
	color:#000;
	position: relative;
	width:100%;
	height:20em;
	box-sizing: border-box;
	padding:20px;
	letter-spacing: 2px;
	font-family: 'Montserrat';
	font-size:1em;
}

textarea.input-dagboek-veld.__kort{
	height:10em;
}

input.input-opdracht-veld{
	background-color: #FFF;
	border: 0;
	outline: 0;
	color: #000;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	letter-spacing: 2px;
	font-family: 'Montserrat';
	font-size:1em;
}
input.input-opdracht-veld.__gray{
	background-color: #f2f2f2;
}

.pblock.vb-border-bottom{
	border-bottom: 2px dashed #cccccc;
}
#dagboek-groep {
	background-color:#f2f2f2;
	margin-left:40px;
}

.dagboek-header{
	background-image:url(../../images/dl-cursus/backgrounds/dagboek-header.gif);
	background-position:right top;
	background-repeat: no-repeat;
}

.tijdschema-blok{
	
}
.tijdschema-blok .tijd-input{
	padding-left: 110px;
	display: block;
	width: calc(50% - 20px);
	float: left;
	box-sizing: border-box;
	margin-left: 20px;
	margin-top: 20px;
}
.tijdschema-blok .tijd-input:after{
	content:'';
	clear:both;
	display:block;
}
.tijdschema-blok .tijd-input ._tijd{
	display:block;
	background-color: #000;
	color:#FFF;
	font-family: "Roboto Slab";
	width:110px;
	margin-left:-110px;
	float:left;
	line-height:1em;
	box-sizing: border-box;
	padding:20px;
}
.tijdschema-blok .tijd-input ._input{
	background-color: #f2f2f2;
	border: 0;
	outline: 0;
	color: #000;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 19px;
	font-size: 1em;
	letter-spacing: 2px;
	font-family: 'Montserrat';
}


.bottom-bar-dashed{
	position: absolute;
	left:528px;
	right: 28px;
	bottom:0;
	padding:20px;
	box-sizing: border-box;
	border-top: 2px dashed rgb(204, 204, 204);
	
}

._shield{

}
._shield ._text{
	display: none;
}
._shield:before{
	content: 'klik hier om te tonen';
}

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




.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;
}
label.x-settings-toggle.inp-checkbox.toggle-switch:before,
.vraag-block .answer-cnt ._fields ._answer label.inp-checkbox.toggle-switch:before {
	display: none!important;
}

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

label.x-settings-toggle.inp-checkbox.toggle-switch .input{
	content: ' ';
	width: 34px;
	display: block;
	height: 34px;
	background-color: #000000;
	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: #f19400;
	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' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 935.77 2'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23e6e6e6; stroke-dasharray: 6; stroke-miterlimit: 10; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cline class='cls-1' y1='1' x2='935.77' y2='1'/%3E%3C/svg%3E");
	background-size: auto 3px;
	height: 6px;
}


.iframeContainer{
	position: relative;
	left: 0;
	margin-left: -448px;
	margin-right: -20px;
	margin-top: 17px;
	padding: 50px 20px;
	background-color: #efefef;
}
.iframeContainer iframe{
	background-color:#FFF;
	border: 0;
}


#sidemenuOpen{
	display:none;
}

/* afgerond scherm */
.badge-screen{
	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 133.65 138.03'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23f29406; stroke-linecap: round; stroke-linejoin: round; stroke-width: 14.35px; %7D %3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='28.83' y1='42.9' x2='94.39' y2='96.91'/%3E%3Cline class='cls-1' x1='7.17' y1='124.39' x2='71.11' y2='130.86'/%3E%3Cline class='cls-1' x1='104.35' y1='7.17' x2='126.47' y2='65.68'/%3E%3C/svg%3E");
	height: 600px;
	background-repeat: no-repeat;
	background-size: 133px auto;
	padding-top:80px;padding-left:80px;
}
.badge-screen ._image{
	width:400px;
	animation: badge-in 0.5s 1;
	transform-origin: center;
}
.badge-screen ._image img{
	width:400px;
	height: auto;	
}
@keyframes badge-in{
	0%{
		transform: scale(1,1);
		opacity: 0;
	}
	50%{
		transform: scale(-1,1);
		opacity: 0.5;
	}
	100%{
		transform: scale(1,1);
		opacity: 1;
	}
}

.inMeter{
	height: 25px;
	position: relative;
	border-radius: 8px;
	overflow:hidden;
	background-color:#efefef;
}
.inMeter ._fill{
	background-color:#6b6b6b;
	position:relative;
	height: 25px;
}

.userTabel{
	width:100%;
}
.userTabel td{
	padding:10px;
	color:#000;
	border:1px solid #ccc;
}
.userTabel td a{
	color:#000;
	font-family: 'Roboto Slab';
	text-decoration: underline; 
	font-weight:bold;
}