@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');

@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital@0;1&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: 2.1em;
}
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: 500;
	color: #19184a;
	margin-top: 0;
	margin-bottom: 0;
}

.layout h1,
.layout .h1 {
	font-size: 2.078em;
	line-height: 1em;
}

.layout h2 {
	line-height: 1em;
	font-size: 1.75em;
}
.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;}

#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{

}
.pm_flow.hide-topbar #layer1,
.pm_flow.hide-sidebar_topbar #layer1{
	transition: all 0.5s 0.5s;
}

/* setup */



/* topbar */

/* top bar */
#topbar{
	background-color: #19184a;
	height: 23.3vw;
	position: absolute;
	left:0;right:0;top:0;
}

body.pm_flow #layer1 {
	z-index:2;
	top: auto;
	transition: all 0.5s;
	margin-top:16.47vw;
	position: relative;
	overflow: visible;
	margin-left:5vw;
	margin-right:5vw;
	background-color:transparent;
}
body.pm_flow #layer2 {
	top:auto;
	transition: all 0.5s;
	background-color:#ffffff;
	/*background-color:#ffffffe3;*/
	box-shadow: 0px 0px 8px 1px #70707036;
	width:1527px;
	margin: 0 auto;
	position:relative;
}

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

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



.pgroup .pgroup{
	width: 100%;
}



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


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



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

.blok-stip-right{
	background-image: url(../../images/cvvgamen_org/backgrounds/div-stip-zwart.png);
	background-size: auto 12px;
	background-repeat: repeat-y;
	background-position: right top;
}


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


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



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

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

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






/* cvvgamen */

a.logo-top{
	background-image:url(../../cimages/cvvgamen_org/content/cvvgamen-logo-header-wit.png);
	width: 43.8vw;
	height: 8.18vw;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	/* float: left; */
	position: absolute;
	left: 5vw;
	top: 3vw;
}


.buttons-right{
	position: absolute;
	right:0;
	top:3vw;
	margin-right:5vw;	
}
a.link-top{
	height:2.68vw;
	background-repeat: no-repeat;
	background-position: left center;
	background-size:2.68vw auto;
	padding-left: 3.86vw;
	color:#FFF;
	display:block;
	box-sizing: border-box;
	padding-top:0.5vw;
	margin-top:1vw; font-family: "Lato", serif;
	letter-spacing: 3px;
	line-height: 1em;
}
a.link-bottom{
	height:44px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size:44px auto;
	padding-left: 60px;
	color:#24246b;
	display:block;
	box-sizing: border-box; font-family: "Lato", serif;
	letter-spacing: 3px;
}

.link-bottom.__email,
.link-top.__email{
	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.25 43.23'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e8807e; %7D .cls-2 %7B fill: none; stroke: %2319184a; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.84px; %7D .cls-3 %7B fill: %23ff9992; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='2.79' y='1.76' width='41.46' height='41.46' rx='11.26' ry='11.26'/%3E%3Crect class='cls-3' x='0' y='0' width='41.46' height='41.46' rx='11.26' ry='11.26'/%3E%3Cpolyline class='cls-2' points='29.61 30.94 8.47 30.94 8.47 13.46 34.49 13.46 34.49 24.03'/%3E%3Cpolyline class='cls-2' points='8.47 13.46 21.48 22.2 34.49 13.46'/%3E%3Cline class='cls-2' x1='34.08' y1='28.91' x2='34.08' y2='29.33'/%3E%3C/svg%3E");
}
.link-bottom.__telefoon,
.link-top.__telefoon{
	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 43.84 43.23'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2319184a; stroke: %2319184a; stroke-miterlimit: 10; stroke-width: .8px; %7D .cls-2 %7B fill: %238fe074; %7D .cls-3 %7B fill: %2380c666; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-3' x='2.44' y='1.83' width='41.4' height='41.4' rx='11.25' ry='11.25'/%3E%3Crect class='cls-2' x='0' y='0' width='41.4' height='41.4' rx='11.25' ry='11.25'/%3E%3Cg%3E%3Cpath class='cls-1' d='M21.3,35c-7.46,0-13.54-6.07-13.54-13.54s6.07-13.54,13.54-13.54c1.42,0,2.81.22,4.15.65.45.14.69.62.55,1.07-.14.45-.62.69-1.07.55-1.17-.38-2.39-.57-3.63-.57-6.53,0-11.84,5.31-11.84,11.84s5.31,11.84,11.84,11.84,11.84-5.31,11.84-11.84c0-2.71-.89-5.26-2.58-7.37-.29-.37-.23-.9.13-1.19.37-.29.9-.23,1.19.13,1.93,2.42,2.95,5.33,2.95,8.43,0,7.46-6.07,13.54-13.54,13.54Z'/%3E%3Cpath class='cls-1' d='M21.26,29.67c-4.34,0-5.12-3.12-5.15-3.26-.11-.46.18-.91.63-1.02.45-.11.91.17,1.02.62.03.1.56,1.95,3.5,1.95,3.11,0,4.19-2.04,4.24-2.13.21-.42.71-.59,1.13-.38.42.21.59.72.39,1.14-.06.13-1.56,3.07-5.76,3.07Z'/%3E%3Ccircle class='cls-1' cx='14.95' cy='20.67' r='1.78'/%3E%3Ccircle class='cls-1' cx='28.04' cy='20.67' r='1.78'/%3E%3Cpath class='cls-1' d='M28.04,11.8h-.1c-.47,0-.85-.38-.85-.85s.38-.85.85-.85h.1c.47,0,.85.38.85.85s-.38.85-.85.85Z'/%3E%3C/g%3E%3C/svg%3E");
}






.shadow-ticket{
	background-repeat: no-repeat;
	background-position: left center;
	background-size:contain;
	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 475.2 395.04'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %2337377a; stroke-dasharray: 0 12.52; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.5px; %7D .cls-2 %7B fill: %23fff; filter: url(%23outer-glow-1); opacity: .9; %7D %3C/style%3E%3Cfilter id='outer-glow-1' x='0' y='0' width='475.2' height='395.04' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='0' dy='0'/%3E%3CfeGaussianBlur result='blur' stdDeviation='3.91'/%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-2' d='M11.95,167.31c8.38,0,15.18,6.8,15.18,15.18s-6.8,15.18-15.18,15.18v185.57h451.26v-185.59c-8.23-.18-14.85-6.89-14.85-15.16s6.62-14.98,14.85-15.16V11.76H11.95v155.55Z'/%3E%3Cline class='cls-1' x1='50.22' y1='383.24' x2='50.22' y2='11.76'/%3E%3Cline class='cls-1' x1='420.86' y1='383.24' x2='420.86' y2='11.76'/%3E%3C/svg%3E");
	padding: 0 70px;
}
.shadow-ticket ._image{
	padding: 66px 0;
	text-align:center;	
}
.shadow-ticket ._text{
	line-height:1.5em;
}
.shadow-ticket.__center{
	margin-left: 46px;
	margin-right: 46px;
}





.inner-footer{
	background-color:#d1d1e5;
	padding: 40px;
	margin-top: 40px;
}
.inner-footer .linked-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 52 50.79'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2337377a; %7D .cls-2 %7B fill: %23fff; %7D .cls-3 %7B fill: %232a2a5e; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-3' x='3.28' y='2.07' width='48.72' height='48.72' rx='13.24' ry='13.24'/%3E%3Crect class='cls-1' x='0' y='0' width='48.72' height='48.72' rx='13.24' ry='13.24'/%3E%3Cg%3E%3Cpath class='cls-2' d='M17.91,16.59h-5.85c-.26,0-.47.21-.47.47v18.79c0,.26.21.47.47.47h5.85c.26,0,.47-.21.47-.47v-18.79c0-.26-.21-.47-.47-.47Z'/%3E%3Cpath class='cls-2' d='M14.99,7.24c-2.13,0-3.86,1.73-3.86,3.86s1.73,3.86,3.86,3.86,3.86-1.73,3.86-3.86c0-2.13-1.73-3.86-3.86-3.86Z'/%3E%3Cpath class='cls-2' d='M32.8,16.12c-2.35,0-4.09,1.01-5.14,2.16v-1.22c0-.26-.21-.47-.47-.47h-5.6c-.26,0-.47.21-.47.47v18.79c0,.26.21.47.47.47h5.84c.26,0,.47-.21.47-.47v-9.3c0-3.13.85-4.35,3.04-4.35,2.38,0,2.57,1.96,2.57,4.52v9.14c0,.26.21.47.47.47h5.84c.26,0,.47-.21.47-.47v-10.31c0-4.66-.89-9.42-7.48-9.42Z'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 52px auto;
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	float: left;
	margin-left: 66px;
	height: 50px;
	padding-left: 76px;
	color: #37377a;
	max-width: 700px;
	line-height: 1.2em;
	padding-top: 9px;
}
.inner-footer .linked-in span{
	display: block;	
}

.inner-footer .logo-footer{
	background-image:url(../../cimages/cvvgamen_org/content/cvvgamen-logo-footer.png);
	width: 402px;
	height: 74px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	float:left;
	/* float: left; */	
}
.inner-footer .fec-footer{
	background-image:url(../../cimages/cvvgamen_org/content/Fec-logo-footer.png);
	width: 204px;
	height: 83px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	float:right;
	/* float: left; */	
}


.split_div.deco{
	line-height: 1.25em;
	padding-right:40px;
}
.split_div.deco.__last{
	line-height: 1.25em;
	background-image: url(../../images/cvvgamen_org/backgrounds/div-stip-zwart.png);
background-size: auto 12px;
background-repeat: repeat-y;
background-position: left top;
padding-left: 40px;
}
.split_div.deco .bttn-go{
	margin-top:30px;	
	
}