/** Aapie */
body,
.content{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#454545+1,141414+100 */
background: #454545; /* Old browsers */
background: -moz-linear-gradient(top, #454545 1%, #141414 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #454545 1%,#141414 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #454545 1%,#141414 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#141414',GradientType=0 ); /* IE6-9 */
}

#home_view section.content{
	font-size:1.6rem;
	line-height:2rem;
	padding:1.5rem;
	color:#fff;
	text-align: center;
}
#home_view section.content h1{
	color:#fff;
}
#home_view .image_thnx{
	margin:0px auto;
	width:300px;
	height:300px;
	border-radius:50%;
	border:1rem solid rgba(255,255,255,.9);
	overflow:hidden;
}
#home_view .image_thnx img{
	min-height:300px;
	min-width:300px;
}
@media screen AND (min-width: 500px) {
	#home_view .image_thnx{
		width:400px;
		height:400px;
	}
	#home_view .image_thnx img{
		min-height:400px;
		min-width:400px;
	}
}

/** **/
/** Zeggut **/

html{font-size:10px !important;}/* 1rem	  !important for iphone4*/
html.tablet{ font-size:17px!important; }
body{
	color: #444444;
	font-family: 'open_sansregular', sans-serif;
	line-height: 2rem;
	font-size:1.4rem;
}
a{
	color: #0099ff;
	cursor: pointer;
	text-decoration: none;
}
a:hover,  a:active,  a:focus {
	color: #0072be;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	padding: 0;
	font-family: 'dosislight', sans-serif;
	font-weight: 400;
}
h1.bold, h1.strong, .h1.bold, .h1.strong, h2.bold, h2.strong, .h2.bold, .h2.strong, h3.bold, h3.strong, .h3.bold, .h3.strong, h4.bold, h4.strong, .h4.bold, .h4.strong, h5.bold, h5.strong, .h5.bold, .h5.strong, h6.bold, h6.strong, .h6.bold, .h6.strong {
	font-family: 'dosisbold', sans-serif;
}
h1, .h1{
	line-height: 1.5;
	font-size: 2.5rem;
	color: #444444;
	font-weight: 400;
}
h2, .h2{
	line-height: 1.5;
	font-size: 2.2rem;
	color: #444444;
	font-weight: 400;
}
h3, .h3{
	line-height: 1.5;
	font-size: 1.9rem;
	color: #444444;
	font-weight: 400;
}
h4, .h4{
	line-height: 1.5;
	font-size: 1.7rem;
	color: #444444;
	font-weight: 400;
}
h5, .h5{
	line-height: 1.5;
	font-size: 1.5rem;
	color: #444444;
	font-weight: 400;
}
h6, .h6{
	line-height:1.5;
	font-size: 1.3rem;
	color: #444444;
	font-weight: 400;
}
p{
	margin: 0 0 1.5rem 0;
}
strong, .bold, .strong{
	font-family: 'open_sansbold', sans-serif;
}
.extrabold, .extrastrong{
	font-family: 'open_sansextrabold', sans-serif;
	font-weight:800;
}
em, .italic{
	font-family: 'open_sansitalic', sans-serif;
}
.flight{
	font-family: 'open_sanslight', sans-serif;
}
.fontwhite{color:#fff;}
.fontred{color:red;}

.box_black{
	background:#000;
	background-color:rgba(0,0,0,0.65);
	margin:2.5rem 1rem;
	padding:1rem;
	color:#fff;	
}
.box_black .h2.bold{color:#fff;}
.box_black > p:last-child{margin-bottom:0px !important;}



/************************************************** Content font dynamic */
#question_view section.fontcolor_dark .question_text, #question_view section.fontcolor_dark h1{
	color:#444444;
}
#question_view section.fontcolor_light{

}



/************************************************** Home */

#pull_to_refresh{
	background-color:#0099ff;
	color:#fff;
	line-height:4.5rem;
	height:4.5rem;
	width:100%;
	position:fixed;
	text-align:center;	
}
#home_view section.content {
	text-align: center;
}



/************************************************** Questions */
	
	
	/********* btns **/
	#question_view .question_form a.btn-opslaan{
		width:100%;
		z-index: 3;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;	
	}
	#question_view .question_form a.btn-pijl{}
	
	
	.wrong_answer label{		opacity:.6;}
	.wrong_answer label.active{	opacity:1;}
	.wrong_answer label.active:after,
	.correct_answer label.active:after{
		font-family: "Font Awesome 5 Free";
		position:absolute;
		display: block;
		font-weight:800;
		background-color:rgba(0,0,0,.8);
		border-radius:6px;
		padding:0.5rem;
		font-size:2rem;
		right:5px;
		z-index:6;
		width: 3rem;
		text-align: center;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.wrong_answer label.active:after{
		content: "\f00d";
		color: #F44336 !important;
	}
	.correct_answer label.active:after{
		content: "\f00c";
		color: #4CAF50 !important;
	}
	.correct_answer{
		border:3px solid #4CAF50;
		border-radius:0px;
	}
	.correct_answer label{
		border-radius: 0px !important;
	}
	/*Hide those arrows when feedback-answer-icons (times/check) are shown */
	.wrong_answer label.active,
	.correct_answer label.active{z-index:5 !important;}

	
	/************************************************** Question */
	
		input.input_custom_input, 
			textarea.input_custom_input{
				width:88%;
				position:relative;
				margin: 0rem 2.5rem 0rem 2.5rem;
				border: none;
				background: transparent;
				display:inline-block;
				padding:0;
				height: 2rem;
				line-height: 2rem;
				color:#fff;
				resize:none;
		}
		
		label.has_text input.input_custom_input,
			label.has_text textarea.input_custom_input{		
				width:83%;
		}
		
		input.input_custom_input:focus, textarea.input_custom_input:focus{
			min-height:6rem;
			line-height:inherit;
		}		
		
		input.input_custom_input::-webkit-input-placeholder, textarea.input_custom_input::-webkit-input-placeholder{
			color: #f3f3f3;
			color: rgba(255,255,255,.7);
			opacity: 1;
		}		

		#question_view .question_bg{
			position: fixed;
			top:0;
			left:0;
			right:0;
			bottom:0;
			z-index: 2;
			display: block;
			margin: 0px auto;
			background-position: bottom center;
			background-repeat: no-repeat;
			background-size: cover;
			
			transition: all 1.5s ease-out;	
			-webkit-transition: all 1.5s ease-out;
			-moz-transition: all 1.5s ease-out;
			-ms-transition: all 1.5s ease-out;
			-o-transition:  all 1.5s ease-out;
			
			filter:none;
			-webkit-filter:none;	
			-moz-filter: none;
			-ms-filter: none;
			-o-filter: none;
		}		
		#question_view .question_bg_blurred{
			opacity:0.4;
		}		
		#question_view .question_text h1{
			color:#fff;
			font-size:3rem;
			font-family: 'dosisbold', sans-serif;
		}		
		#question_view form{
			position: absolute;
			z-index: 3;
			bottom: 0;
			top: 0;
			left: 0;
			right: 0;			
		}
		#question_view .question_text{
			text-align:center;
			z-index: 3;
			font-size:1.8rem;
			line-height:1.5;
			padding:1.5rem;
			color:#fff;
			position:relative;	
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
			margin:1rem;
		/*	background-color:rgba(0,0,0,.65);*/
		}
		
		#question_view .question_image_content + .question_text{
			padding:0;
		}
		
		#question_view .question_form{
			width:100%;
			z-index: 3;
			position:absolute;
			padding:0rem 1rem 6rem;			
			transition: all 0.4s ease-out;	
			-webkit-transition: all 0.4s ease-out;
			-moz-transition: all 0.4s ease-out;
			-ms-transition: all 0.4s ease-out;
			-o-transition:  all 0.4s ease-out;
			
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;			
		}

/************************************* Videos **/		
		/* Videos are fullscreen so no padding, no scrolling, no animation*/
		#question_view .template_video .question_form{padding:0;position:absolute;bottom:0;}
		#question_view .content.template_video{overflow: hidden;}
		
		#question_view .content.template_video #videoplayer_end_controls{position:fixed;bottom:20%;text-align:center;width:100%;}
		#question_view .content.template_video #videoplayer_end_controls #question_submit{padding:25px;}
		#question_view .content.template_video .video_mp4{bottom:0;width:100%;max-height:100%;}



/************************************* Videoupload **/		
		#yt_video_upload_during_upload{
			background-color: #fff;
			padding: 20px;
			border-radius: 6px;
		}
		

/************************************* Star **/
fieldset.star {
	box-sizing:border-box;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
	position:relative;	
	margin: 10px auto 10px auto;
}

fieldset.star.star5 > label:nth-of-type(even){
	display:none;
}

fieldset.star > input[type="radio"] {
    display: none;
}

fieldset.star > label {
	display:inline-block;
	float:right;
	color:rgba(255,255,255,.5);
	cursor:pointer;
}

fieldset.star > label:before{
    display: inline-block;
    font-size: 5rem;
	line-height:1;
    margin:0 .25rem 0 0;
	padding:0;	
    cursor: pointer;
    font-family: "Font Awesome 5 Free";
	font-weight: 800;
    content: "\f005 "; /* full star */	
}
fieldset.star .half{
	color:rgba(255,255,255,.1);
}

fieldset.star .half:before{
    content: "\f089 "; /* half star no outline */
    position: absolute;
    overflow: hidden;
    width: 3rem;
}
/* Click + hover color */
fieldset.star > input:checked ~ label, /* color current and previous stars on checked */
html.is_browser fieldset.star > label:hover, 
html.is_browser fieldset.star > label:hover ~ label{ 
	color: #DDBB00;
} /* color previous stars on hover */
 
/* Hover highlights in browser */
html.is_browser fieldset.star > input:checked + label:hover, 
html.is_browser fieldset.star > input:checked ~ label:hover, /* highlight current and previous stars */
html.is_browser fieldset.star > label:hover ~ input:checked ~ label,
html.is_browser fieldset.star > input:checked ~ label:hover ~ label /* highlight previous selected stars for new rating */
 /* highlight previous selected stars */ { 
	color: #FFD700;  } 

fieldset.star.star_styleoutline > label:before{
	font-weight:400;
}

.template_result .fieldset.star{pointer-events:none;} /*Disable functionality on resultpage*/

/*************************************  Slider **/

		.question_slider {
			position:relative;
			margin: 10px auto 40px auto;			
		}


		.question_slider::before{
			display:block;
			content:attr(data-label_first);
			position:absolute;
			left:0;
			top:30px;
			padding:5px;
			background-color:rgba(255,255,255,.9);
			border-radius:6px;
		}
		.question_slider::after{
			display:block;			
			content:attr(data-label_last);
			position:absolute;
			right:0;
			top:30px;
			padding:5px;
			background-color:rgba(255,255,255,.9);			
			border-radius:6px;
		}

		.input_question_slider{
			-webkit-appearance: none;  /* Override default CSS styles */
			appearance: none;
			width: 100%; /* Full-width */
			height: 18px; /* Specified height */
			background-color:rgba(255,255,255,.9);
			outline: none; /* Remove outline */
			opacity: 1; /* Set transparency (for mouse-over effects on hover) */
			-webkit-transition: .2s; /* 0.2 seconds transition on hover */
			transition: opacity .2s;
			border-radius:6px;
			border:1px solid #0099ff;
		}


		/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
		.input_question_slider::-webkit-slider-thumb {
			-webkit-appearance: none; /* Override default look */
			appearance: none;
			width: 32px; 
			height: 32px; 
			-webkit-appearance: none;
			background: #0072be;
			box-shadow: inset 0 0 0 9px #0099ff;
			border:1px solid #0072be;
			transition: 0.1s ease-in;
			cursor: pointer;
			border-radius:50%;
		}

		.input_question_slider::-moz-range-thumb {
			width: 32px; 
			height: 32px; 
			background: #0099ff; 
			cursor: pointer;
			border-radius:50%;
		}

		.template_result .question_slider{pointer-events:none;} /*Disable functionality on resultpage*/


/************************************************** Thumbsup - YES NO*/
		#question_view section.template_yesno .question_form,
			#question_view section.template_thumbs .question_form{
				padding:0;
				height:15rem;
				bottom:0;
		}
		#question_view .question_form.choosen{
			height:22.5rem !important;	
		}



/************************************************** Thumbsup */
	/************************************************** Yesno */
		#question_view .label_thumbs,
			#question_view .label_yesno{
				position:absolute;
				text-align:center;
				border-radius:100%;
				line-height:12.5rem;
				width:12.5rem;	
				height:12.5rem;	
				transition: all 0.4s ease-out;	
				-webkit-transition: all 0.4s ease-out;
				-moz-transition: all 0.4s ease-out;
				-ms-transition: all 0.4s ease-out;
				-o-transition:  all 0.4s ease-out;
		}
		
		#question_view .label_thumbs.choosen:after{
				font-size:14rem;
				line-height:20rem;	
		}
		
		#question_view .label_thumbs input,
			#question_view .label_yesno input{
				position: absolute;
				margin: 0px 0px 0px 0px;
				left: -3333px;
		}
		#question_view .label_thumbs:after{
				font-size:8rem;
				font-family: "Font Awesome 5 Free";		
				display: inline-block;
				font-weight:800;
				color:#fff;
				line-height:12.5rem;	
				transition: all 0.4s ease-out;	
				-webkit-transition: all 0.4s ease-out;
				-moz-transition: all 0.4s ease-out;
				-ms-transition: all 0.4s ease-out;
				-o-transition:  all 0.4s ease-out;	
		}
		
		#question_view .label_thumbs:nth-of-type(1),
			#question_view .label_yesno:nth-of-type(1){	
				background-color:#4caf50;
				left:50%;
				margin-left:-13.5rem;
		}

		#question_view .label_thumbs:nth-of-type(1):hover, 
			#question_view .label_thumbs:nth-of-type(1):active, 
			#question_view .label_thumbs:nth-of-type(1):focus{
				background-color:#3D8D40;
		}
		
		#question_view .label_thumbs:nth-of-type(2),
			#question_view .label_yesno:nth-of-type(2){
				background-color:#f44336;
				left:50%;
				margin-left:1rem;
		}
		#question_view .label_thumbs:nth-of-type(2):hover, 
			#question_view .label_thumbs:nth-of-type(2):active, 
			#question_view .label_thumbs:nth-of-type(2):focus{
					background-color:#F11E0E;
		}		

		#question_view .label_thumbs:nth-of-type(1):after{  content: "\f164";}
		#question_view .label_thumbs:nth-of-type(2):after{content: "\f165";}
		
		#question_view .label_thumbs.choosen,
			#question_view .label_yesno.choosen{
				left:50%;
				margin-left:-10rem;
				right:auto;
				line-height:20rem;
				width:20rem;
				height:20rem;
		}
		
		

/************************************************** Yesno */
		#question_view .label_yesno.choosen:after{
			font-size:5.6rem;
		}	
		#question_view .label_yesno:after{
			font-size:4.2rem;
			color:#444;		
		}
		#question_view .label_yesno:nth-of-type(1), 
			#question_view .label_yesno:nth-of-type(2){
				background-color:#ffffff;
		}			
		#question_view .label_yesno:hover, 
			#question_view .label_yesno:active, 
			#question_view .label_yesno:focus{ 
				background-color:#f3f3f3;
		}
		#question_view .label_yesno:nth-of-type(1):after{	content: "JA";}
		#question_view .label_yesno:nth-of-type(2):after{  	content:"NEE";}




/************************************************** Feedback */
/*
		#question_view.feedback .label_thumbs:before,
			#question_view.feedback .label_yesno:before{
			    position: absolute;
				left: 0;
				right: 0;
				content: attr(data-feedback);
				font-size:4.2rem;
				color:#fff;
				line-height:12.5rem;	
				transition: all 0.4s ease-out;	
				-webkit-transition: all 0.4s ease-out;
				-moz-transition: all 0.4s ease-out;
				-ms-transition: all 0.4s ease-out;
				-o-transition:  all 0.4s ease-out;
		}

		#question_view.feedback .label_yesno:before{
			color:#444;
		}

		#question_view.feedback .label_thumbs:after,
			#question_view.feedback .label_yesno:after{
				font-size: 2.8rem;
    			line-height: 20.5rem;
		}
*/		

		
/************************************************** multipleSELECT / singleSELECT **/
		#question_view .select_list{	
			margin:0.2rem 0px 2rem;
		}
		#question_view .select_list li{
			position: relative;
			display:block;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
			margin:0.2rem 0px;			
		}
		#question_view .select_list li label{
			position:relative;
			cursor:pointer;
			display:block;
			vertical-align:middle;
			color:#fff;
			z-index:4;
			font-size:1.5rem;			
			background-color:rgba(0,0,0,.65);
			padding:1rem;
			border-radius: 6px;	
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;		
		}
		
		#question_view .select_list li label span{	
			display:block;
			position:relative;
			z-index:5;
			margin:0 2.5rem;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;				
		}
		#question_view .select_list li .li_text_toggler {
			position: absolute;
			right: 1rem;
			cursor: pointer;
			color: #ffffff;
			text-align: right;
			line-height: 4.1rem;
			width: 3rem;
			z-index: 5;
			padding-right: 1rem;		
		}
			
		#question_view .select_list li label input[type="checkbox"]{position:absolute;visibility:hidden;left:-9999px;}
		#question_view .select_list li label input[type="radio"]{position:absolute;visibility:hidden;left:-9999px;}
		#question_view .select_list li label:hover,  #question_view .select_list li label:focus{text-decoration:none;background-color:rgba(0,0,0,.8);}
		#question_view .select_list li label.active{		background-color:#468fd3;}
		#question_view .select_list li label.active:hover{  background-color:#589AD7;}
		#question_view .select_list li label.active:after{	color:rgba(255,255,255,0.4);}
		#question_view .select_list li label i{font-size:2rem;width:2.5rem;position:absolute;}
		#question_view .select_list li label .label_checker_off{display:inline-block;}
		#question_view .select_list li label .label_checker_on{display:none;}
		#question_view .select_list li label.active .label_checker_off{display:none;}
		#question_view .select_list li label.active .label_checker_on{display:inline-block;}		
		#question_view .select_list li .li_text_toggler i.show_text_down{display:inline-block;}
		#question_view .select_list li .li_text_toggler i.show_text_up{display:none;}		
		#question_view .select_list li.text_visible .li_text_toggler i.show_text_down{display:none;}
		#question_view .select_list li.text_visible .li_text_toggler i.show_text_up{display:inline-block;}		
		#question_view .select_list li .select_list_text{display:none;margin-top:0.5rem;color:#fff;}
		#question_view .select_list li.text_visible .select_list_text{display:block;}
	





/************************************************** Contact **/

#form_contact{
	padding: 2rem;
}

/************************************************** Home list **/
		#home_view .home_list{	
			margin:4.2rem 1rem 2rem;
		}
		#home_view .home_list li{
			display:block;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
			margin:0.2rem 0px 1rem;
			cursor:pointer;	
			text-align: left;
		}
		#home_view .home_list li a{
			position:relative;
			cursor:pointer;
			display:block;
			vertical-align:middle;
			color:#fff;
			z-index:4;
			font-size:1.5rem;			
			background-color:rgba(0,0,0,.65);
			padding:1rem;
			border-radius: 6px;	
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;		
		}
		
		#home_view .home_list li a span:last-child{	
			display:inline-block;
			position:relative;
			z-index:5;
			margin:0;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;				
		}
		#home_view .home_list li .li_text_toggler {
			position: absolute;
			right: 1rem;
			cursor: pointer;
			color: #ffffff;
			text-align: right;
			line-height: 4.1rem;
			width: 3rem;
			z-index: 5;
			padding-right: 1rem;		
		}
			
		#home_view .home_list li a:hover,  
			#home_view .home_list li a:focus{text-decoration:none;background-color:rgba(0,0,0,.8);}
		#home_view .home_list li .li_text_toggler i.show_text_down{display:inline-block;}
		#home_view .home_list li .li_text_toggler i.show_text_up{display:none;}		
		#home_view .home_list li.text_visible .li_text_toggler i.show_text_down{display:none;}
		#home_view .home_list li.text_visible .li_text_toggler i.show_text_up{display:inline-block;}		
		#home_view .home_list li .home_list_text{display:none;margin-top:0.5rem;color:#DDDDDD;}
		#home_view .home_list li.text_visible .home_list_text{display:block;}
		
		
		/*
		#home_view .home_list li.progress100{cursor:not-allowed;}		
		#home_view .home_list li.progress100 a{pointer-events:none;}
*/

		#home_view .home_list li.progress100 .home_list_color,
			#home_view .home_list li.progress100 .progress_bar > span{	background-color:#64DD17 !important;}
		#home_view .home_list li.progress100 .home_list_color{ 			color:#64DD17; } /*hide with same color as background*/
		#home_view .home_list li.progress100 .home_list_color:before{
			position:absolute;
			left:0;
			right:0;
			text-align:center;
			font-size:2rem;
			font-family: "Font Awesome 5 Free";		
			display: inline-block;
			font-weight:800;
			color:#fff;
			line-height:2.5rem;
			content: "\f00c";		
		}
		

/************************************************** progress_bar **/
		.progress_bar{
			overflow:hidden;
			height: 14px;
			position: relative;
			background-color:rgba(0,0,0,.45);

			-moz-border-radius: 0px 0px 6px 6px;
			-webkit-border-radius: 0px 0px 6px 6px;
			border-radius: 0px 0px 6px 6px; 

			padding: 3px;
			 margin:0rem 0.5rem;
			-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
		}
		.progress_bar > span { 
			width:0px;
			display: block;
			height: 9px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px 3px 3px 3px;
			border-radius: 3px 3px 3px 3px; 

			/*
			-webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
			*/
			position: relative;			
			/*background-color:rgba(255,255,255,.8);*/
			background-color:#64DD17;

			transition: width 1.5s ease-out;	
			-webkit-transition: width 1.5s ease-out;
			-moz-transition: width 1.5s ease-out;
			-ms-transition: width 1.5s ease-out;
			-o-transition:  width 1.5s ease-out;
		}	

		.progress_bar > span:before{
			position:absolute;
			display: inline-block;
			width: 100%;
			left: 50%;
			line-height:9px;
			font-size:10px;
			color:#fff;
			content: attr(data-progress);
			white-space: nowrap;
		}


			.progress_bar_big{
				overflow:hidden;
				height: 24px;
				position: relative;
				background-color:rgba(0,0,0,.45);
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
				padding: 2px;
				-webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -1px 3px rgba(0,0,0,0.2);
				-moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -1px 3px rgba(0,0,0,0.2);
				box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -1px 3px rgba(0,0,0,0.2);
			}
			.progress_bar_big > span { 
				width:0px;
				display: block;
				height: 20px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
				-webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -1px 3px rgba(0,0,0,0.2);
				-moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -1px 3px rgba(0,0,0,0.2);
				box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -1px 3px rgba(0,0,0,0.2);
				position: relative;
				background-color:#64DD17;
				transition: width 1.5s ease-out;	
				-webkit-transition: width 1.5s ease-out;
				-moz-transition: width 1.5s ease-out;
				-ms-transition: width 1.5s ease-out;
				-o-transition:  width 1.5s ease-out;
			}
			.progress_bar_big > span:before{
				position:absolute;
				display: inline-block;
				width: 100%;
				left: 50%;
				line-height:20px;
				font-size:12px;
				color:#fff;
				content: attr(data-progress);
				white-space: nowrap;
			}


/************************************************** Picturechoice **/

		#question_view section.template_picturechoice{	overflow-y:auto !important;}
		#question_view .picturechoice_list:after {
			display: table;
			clear: both;
			content: '';
		}
		#question_view .picturechoice_list input[type="radio"]{	position:absolute;visibility:hidden;left:-9999px;	}		
		#question_view .picturechoice_list{	margin:0.2rem 0px 2rem;}
		#question_view .picturechoice_list li{
			display:block;
			width:49%;
			height:20rem;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
			margin:0 2% 2% 0;			
			border-radius: 3px;	
			cursor:pointer;
			position:relative;
			float:left;
		}
		#question_view .picturechoice_list li:nth-child(2n){
			margin-right:0;
		}
		#question_view .picturechoice_list li label{
			position:absolute;
			width:100%;
			height:100%;
			background-size:cover;
			display:block;
			background-position:center center;
			background-repeat:no-repeat;
		}

		#question_view .picturechoice_list li:not(.wrong_answer) label.not_active{
			/*-webkit-filter: grayscale(100%);
			filter: grayscale(100%);*/
			opacity:0.6;
			z-index:10;
		}		
		#question_view .picturechoice_list li label.active{
			z-index:11;
			border:2px solid #0099ff;
			opacity:1;
		}

		#question_view .picturechoice_list li.correct_answer label{border:0;}
		#question_view .picturechoice_list li.wrong_answer label{opacity:0.6;}
		#question_view .picturechoice_list li.wrong_answer label.active{opacity:1;}


/************************************************** Sortable **/
		
		#question_view section.template_sortable{	overflow-y:auto !important;}

		
		#question_view .sortable_list{	margin:0.2rem 0px 2rem;}
		#question_view .sortable_list li{
			display:block;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
			margin:0.2rem 0px;
			background-color:rgba(0,0,0,.65);
			padding:1rem;	
			border-radius: 6px;	
			cursor:move;	
		}
		#question_view .sortable_list li:hover, #question_view .sortable_list li:focus{
			text-decoration:none;background-color:rgba(0,0,0,.8);	
		}
		#question_view .sortable_list li .sortable_list_label{display:none;}
		#question_view .sortable_list li .sortable_list_name{vertical-align:middle;color:#fff;font-size:1.5rem;}
		#question_view .sortable_list li .sortable_list_name .li_text_toggler{display:block; position:absolute;right:1rem;margin-top:-0.8rem;cursor:pointer;color:#ffffff;vertical-align:middle;text-align:right;height:4.1rem;line-height:4.1rem;width:5rem;padding-right:1rem;}
		
		#question_view .sortable_list li .sortable_list_name i.show_text_down{display:inline-block;}
		#question_view .sortable_list li .sortable_list_name i.show_text_up{display:none;}
		
		#question_view .sortable_list li.text_visible .sortable_list_name i.show_text_down{display:none;}
		#question_view .sortable_list li.text_visible .sortable_list_name i.show_text_up{display:inline-block;}
		
		#question_view .sortable_list li .sortable_list_text{display:none;margin-top:0.5rem;color:#fff;}
		#question_view .sortable_list li.text_visible .sortable_list_text{display:block;}
		
		
		#question_view .sortable_list li .sortable_list_color{ 	
			border-radius:3px;
			-webkit-border-radius:3px;
			display:inline-block;
			width:3rem;
			height:2.5rem;
			text-align:center;
			line-height:2.5rem;
			margin-right:0.5rem;
			vertical-align:middle;
			font-weight:bold;
		}
		

		#question_view .sortable_list li .sortable_list_color_1{background-color:#E91E63;}
		#question_view .sortable_list li .sortable_list_color_2{background-color:#673AB7;}
		#question_view .sortable_list li .sortable_list_color_3{background-color:#03A9F4;}
		#question_view .sortable_list li .sortable_list_color_4{background-color:#FF9800;}
		#question_view .sortable_list li .sortable_list_color_5{background-color:#9C27B0;}
		#question_view .sortable_list li .sortable_list_color_6{background-color:#795548;}
		#question_view .sortable_list li .sortable_list_color_7{background-color:#F44336;}
		#question_view .sortable_list li .sortable_list_color_8{background-color:#8BC34A;}
		#question_view .sortable_list li .sortable_list_color_9{background-color:#4CAF50;}		
		#question_view .sortable_list li .sortable_list_color_10{background-color:#009688;}		
		#question_view .sortable_list li .sortable_list_color_11{background-color:#3F51B5;}
		#question_view .sortable_list li .sortable_list_color_12{background-color:#1976D2;}		
		#question_view .sortable_list li .sortable_list_color_13{background-color:#00BCD4;}
		#question_view .sortable_list li .sortable_list_color_14{background-color:#CDDC39;}
		#question_view .sortable_list li .sortable_list_color_15{background-color:#FFC107;}	
		#question_view .sortable_list li .sortable_list_color_16{background-color:#FF5722;}
		


/************************************************** Page */
		#question_view .template_page {
			overflow-y:auto!important;
		}		
		#question_view .template_page .question_form {
			position:relative !important;
		}
		
		
/************************************************** Singleimage */		
		#question_view section.template_singleimage #question_submit {
			bottom: 6rem;
			position:fixed;			
		}
/************************************************** Textarea */
		#question_view .template_textarea .question_form{
			position:relative;
			text-align:center;
		}

		#question_view .template_textarea textarea{
			min-height:15rem;	
		}
		
/************************************************** Result **/
	
		#question_view section.template_result .btn-bottom,
		#question_view section.template_result .btn-center,
		#question_view section.template_result .btn-top{
			position:relative !important;
			bottom:auto;
			top:auto;
		}
		
		#question_view section.template_result{	overflow-y:auto !important;}

		
		#question_view .result_list{	margin:0.2rem 0px 2rem;}
		#question_view .result_list li{
			display:block;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
			margin:0.2rem 0px;
			background-color:rgba(255,255,255,.8);
			color:#444444;
			border-radius: 6px;
			position:relative;
		}

		#question_view .result_list li.text_visible{background-color:rgba(255,255,255,1);}

		#question_view .result_list li .result_correct_true:before,
			#question_view .result_list li .result_correct_false:before{
				position:absolute;    
				left: 0.5rem;
    			top: 0.5rem;
				font-family: "Font Awesome 5 Free";		
				display: inline-block;
				font-weight:800;
				background-color:rgba(255,255,255,.8);
				border-radius:6px;
				padding:0.5rem;
				font-size:2rem;	
				text-align:center;
				min-width:3rem;
		} 
		#question_view .result_list li .result_list_name{
			vertical-align:middle;
			color:#444444;
			font-size:1.5rem;
			background-color:rgba(255,255,255,.4);
			border:1px solid #f1f1f1;
			cursor:pointer;
			padding:1rem 3rem 1rem 1rem;
		}

		#question_view .result_list li .result_correct_false:before{content: "\f00d";color: #F44336;}
		#question_view .result_list li .result_correct_true:before{content: "\f00c";color: #4CAF50;}

		#question_view .result_list li .result_correct_false{color: #F44336;padding-left: 4rem;}
		#question_view .result_list li .result_correct_true{color: #4CAF50;padding-left: 4rem;}

		#question_view .result_list li .result_list_text > div{margin-bottom:1rem;}
	
		#question_view .result_list li div.result_text_user_answer span{font-weight:bold;}
		#question_view .result_list li div.result_text_user_answer img{max-width:150px!important;height:auto !important;}
		#question_view .result_list li div.result_text_correct_answer span{font-weight:bold;}
		#question_view .result_list li div.result_text_feedback span{font-weight:bold;}


		#question_view .result_list li .result_list_name .li_text_toggler{position:absolute;right:1rem;top:1rem;color:#444444;vertical-align:middle;text-align:right;}
		
		#question_view .result_list li .result_list_name i.show_text_down{display:inline-block;}
		#question_view .result_list li .result_list_name i.show_text_up{display:none;}
		
		#question_view .result_list li.text_visible .result_list_name i.show_text_down{display:none;}
		#question_view .result_list li.text_visible .result_list_name i.show_text_up{display:inline-block;}
		
		#question_view .result_list li .result_list_text{
			display:none;
			color:#444444;
			padding:1rem;
			border:1px solid #f1f1f1;
			border-top:0px;
		}
		#question_view .result_list li.text_visible .result_list_text{display:block;}
		
		
		#question_view .result_list li .result_list_color{ 	
			border-radius:3px;
			-webkit-border-radius:3px;
			display:inline-block;
			width:3rem;
			height:2.5rem;
			text-align:center;
			line-height:2.5rem;
			margin-right:0.5rem;
			vertical-align:middle;
			font-weight:bold;
		}
			
		
		
		
		
/************************************************** Feedback */
#answer_feedback_html_text_wrapper,
	#question_feedback_html_text_wrapper{
	display:none;
	position:relative;
	z-index:5;
	margin:0 0 1.5rem 0;
}

#answer_feedback_html_text_wrapper:before,
	#question_feedback_html_text_wrapper:before{
		content: '';
		display: block;
		position: absolute;
		left:50%;
		transform: translateX(-50%);
		bottom: 100%;
		width: 0;
		height: 0;
		border-bottom: 10px solid rgba(255,255,255,.85);
		border-top: 10px solid transparent;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;			
}



#answer_feedback_html_text_wrapper .li_text_toggler,
	#question_feedback_html_text_wrapper .li_text_toggler{
	position:relative;
	background-color: rgba(255,255,255,.9);
    padding: 0 1rem 0 0;	
	font-size:3rem;
	color:#444444;
	vertical-align:middle;
	text-align:right;
}
#answer_feedback_html_text_wrapper li .li_text_toggler i.show_text_down,
	#question_feedback_html_text_wrapper li .li_text_toggler i.show_text_down{display:inline-block;}
#answer_feedback_html_text_wrapper li .li_text_toggler i.show_text_up,
	#question_feedback_html_text_wrapper li .li_text_toggler i.show_text_up{display:none;}		
#answer_feedback_html_text_wrapper li.text_visible .li_text_toggler i.show_text_down,
	#question_feedback_html_text_wrapper li.text_visible .li_text_toggler i.show_text_down{display:none;}
#answer_feedback_html_text_wrapper li.text_visible .li_text_toggler i.show_text_up,
	#question_feedback_html_text_wrapper li.text_visible .li_text_toggler i.show_text_up{display:inline-block;}		



		#answer_feedback_html_text_wrapper.correct_true li .li_text_toggler:before,
			#answer_feedback_html_text_wrapper.correct_false li .li_text_toggler:before{
				position:relative;    
				font-family: "Font Awesome 5 Free";				
				display: inline-block;
				font-weight:800;
				float:left;
				padding:0.5rem;
				font-size:2rem;	
				text-align:left;
		} 
		#answer_feedback_html_text_wrapper.correct_false li .li_text_toggler:before{content: "\f00d";color: #F44336;}
		#answer_feedback_html_text_wrapper.correct_true  li .li_text_toggler:before{content: "\f00c";color: #4CAF50;}
		#answer_feedback_html_text_wrapper.correct_false li .li_text_toggler{color: #F44336;}
		#answer_feedback_html_text_wrapper.correct_true  li .li_text_toggler{color: #4CAF50;}

#answer_feedback_html_text,
	#question_feedback_html_text{
	background-color:rgba(255,255,255,.8);
	padding:1.5rem;
	margin:0 0 1rem 0;
	display:none;
}
#answer_feedback_html_text img,
	#question_feedback_html_text img{
		max-width: 100%;
		height: auto !important;
}

#answer_feedback_html_text_wrapper li.text_visible #answer_feedback_html_text,
	#question_feedback_html_text_wrapper li.text_visible #question_feedback_html_text{display:block;}
		

#question_feedback_html_text_wrapper li .li_text_toggler > span{
	float: left;
	font-size: 2rem;
	padding: 0 0 0 0.5rem;
	line-height: 3rem;
	vertical-align:middle;
}

/************************************************** bxslider */
.bx-wrapper, .bx-viewport {
	height: 100%;
	padding: 0;
	margin: 0 0 4rem 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.bx-wrapper .slider_bg {
	position: relative;
	width: 100%;
	height: 65%;
	z-index: 2;
	display: block;
	margin: 0px auto;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;/*    background-attachment: fixed;*/
}
.bx-wrapper ul, .bx-wrapper li {
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 100%;
}
.bx-wrapper li .slider_content {
	height: 10rem;
	padding: 1rem 3rem;
	text-align: center;
}
.bx-wrapper li .slider_content .slider_title {
	font-size: 1.5rem;
	line-height: 1;
}
.bx-wrapper li .slider_content .slider_text {
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom: 4.5rem !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #ccc !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #0099ff !important;
}
#introductie_slider_prev .bx-prev.disabled .fa,  #introductie_slider_next .bx-next.disabled .fa {
	color: #ccc!important;
}