* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	
	-webkit-touch-callout: none;
	-moz-touch-callout: none;
	-ms-touch-callout: none;
	touch-callout: none;

	-webkit-user-drag: none;
	-moz-user-drag: none;
	-ms-user-drag: none;
	user-drag: none;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* enable selecting text on inputs, textareas only*/
/* [contenteditable="true"]  if used add also */
input, textarea{
	-webkit-user-select: auto !important;
	-khtml-user-select: auto !important;
	-moz-user-select: auto !important;
	-ms-user-select: auto !important;
	user-select: auto !important;
}

.scroll {
	/*-webkit-overflow-scrolling: touch;*/
}
.stop_animation {
	-webkit-transition: none !important;
	transition: none!important;
}
.hwa{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

html{
/*	background-color:#000000;*/
}
html.mobile *{	-webkit-overflow-scrolling: touch;	}

body {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
}
html.mobile body{	-webkit-overflow-scrolling: touch;	}

/* ios not necessary with statusbar plugin*/

body.ios{
	margin-top: 2rem;
	margin-top: constant(safe-area-inset-top);
	margin-top: env(safe-area-inset-top);
}
body.ios footer.bar{ /* For footer margin-bottom is needed */
	margin-bottom: constant(safe-area-inset-bottom);
	margin-bottom: env(safe-area-inset-bottom);
}

a{
	-webkit-tap-highlight-color: transparent;
}
#app {
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	overflow: hidden;
	z-index: 1;
	display: block;
	text-align: center;

}
html.mobile #app{	-webkit-overflow-scrolling: touch;	}

#menu_clicker{
	position:fixed;
	top:0;
	left:0;
	width:5rem;
	height:5rem;
	display:block;
	z-index:12;
}

@media screen AND (min-width: 1024px) {
	#app{
		max-width:50vw;
	}
}

#loading, #loading_wrapper {
	background: #ffffff;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 1000;
}
#loading .loading_image {
	width: 100%;
	height: 100%;
	display: block;
	background-color: #ffffff;
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 200px 200px;
	position: fixed;
}
#loading .loading_text {
	color: #ccc;
	position: fixed;
	top: 70%;
	width: 100%;
	text-align: center;
	z-index: 1001;
}
#loading .loading_text i:nth-child(2) {
	animation-delay: .2s;
}
#loading .loading_text i:nth-child(3) {
	animation-delay: .4s;
}
#login_view .logo_image {
	width: 100%;
	height: 100%;
	display: block;
	background-color: #ffffff;
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 200px 200px;
	position: fixed;
}
.content {
	position: absolute;	
	top:0;
	left:0;
	right:0;
	bottom:0;	
	width:100%;
	min-height:100%;
	z-index:2;	
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;

	overflow:auto;
	overflow-x:hidden;
	overflow-y:scroll;
	
	background-color: #ffffff;
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-position: bottom center;
	background-size:cover;
}
html.mobile .content{	-webkit-overflow-scrolling: touch;	}

.content ::-webkit-scrollbar {width: 5px;}
.content ::-webkit-scrollbar-track { border-radius: 10px;}
.content ::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(255,255,255, .6); }
.content ::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,255,255, .6); }


#question_view .content {
    background-color:#000000;
}

.content > * {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
/*
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
*/
}

.content_p {
	padding: 3rem;
}

/*header.bar ~ .content{padding-top:54px;}
footer.bar ~ .content{padding-bottom:54px;}*/
.content.content_header {
	padding-top: 4.4rem;
}
.content.content_footer {
	padding-bottom: 4.4rem;
}
.bar {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 10;
	height: 4.4rem;
	background-color: white;
	border-bottom: 1px solid #ddd;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
header.bar {
	position:relative;
	top: 0;
	border-bottom: 1px solid #ddd;
}
footer.bar {
	border-top: 1px solid #ddd;
	border-bottom: 0;
	bottom: 0;
}




header.bar > a,  footer.bar > a,  footer.bar > label {
	padding: 0px 1rem;
	line-height: 3.4rem;
}
header.bar.nav > a,  footer.bar.nav > a,  footer.bar.nav > label {
	background-color: transparent;
	min-width: 38px;
	min-height: 38px;
	border-radius: 100%;
}
header.bar .far, header.bar .fas, footer.bar .far, footer.bar .fas {
	display: inline-block;
	line-height: 4.4rem;
	font-size: 2.5rem;
}
header.bar a:hover .far, header.bar a:hover .fas, footer.bar a:hover .far, footer.bar a:hover .fas {
	text-decoration: none;
}
header.bar a:active,  footer.bar a.active {
	color: inherit;
	background-color: #ccc;
}
footer.bar a.btn, footer.bar label.btn, footer.bar button.btn {
	margin: 0.3rem;
}
footer.bar a.btn .far, footer.bar a.btn .fas, footer.bar label.btn .far, footer.bar label.btn .fas, footer.bar button.btn .far, footer.bar button.btn .fas {
	line-height: inherit;
	font-size: inherit;
}
.bar h1 {
	position: absolute;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 -1rem;
	line-height: 4.4rem;
	color: #000;
	text-align: center;
	white-space: nowrap;
	pointer-events: none;
}


select, textarea, input[type="text"], input[type="search"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"] {
	width: 100%;
	height: 3.5rem;
	-webkit-appearance: none;
	padding: 1rem;
	margin-bottom: 1.5rem;
	line-height: 1.5;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	background-color: rgba(255,255,255,.8);
	border: 1px solid #ddd;
	border-radius: 3px;
	outline: none;
}input.error{border-color:#ff0000;}
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 1rem;
	font-size: 1.6rem;
	border-radius: 20px;
}
input[type="search"]:focus {
	text-align: left;
}
textarea {
	height: auto;
}
select {
	height: auto;
	font-size: 1.4rem;
	background-color: #f8f8f8;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
	
	padding-right:1rem;
	
background:#fff  url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50%;
  
  

}
.btn {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	position: relative;
	display: inline-block;
	padding: 0.6rem 0.8rem 0.7rem;
	margin-bottom: 0;
	font-size: 1.5rem;
	color: #333;
	text-align: center;
	white-space: nowrap;
	vertical-align: top;
	cursor: pointer;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-decoration:none;
	transition: all 0.3s ease-in-out;	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;	
}
.btn:active, .btn.active {
	color: inherit;
	background-color: #ccc;
}
.btn:disabled, .btn.disabled {
	opacity: .6;
}

.btn-primary {
	color: #fff;
	background-color: #0099ff;
	border: 1px solid #0099ff;
}
.btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active {
	color: #fff;
	background-color: #0072be;
	border: 1px solid #0099ff;
	text-decoration: none;	
}
.btn-positive {
	color: #fff;
	background-color: #5cb85c;
	border: 1px solid #5cb85c;
}

.btn-positive:focus, .btn-positive:hover, .btn-positive:active, .btn-positive.active {
	color: #fff;
	background-color: #449d44;
	border: 1px solid #449d44;
	text-decoration:none;
}
.btn-negative {
	color: #fff;
	background-color: #d9534f;
	border: 1px solid #d9534f;
}
.btn-negative:focus, .btn-negative:hover, .btn-negative:active, .btn-negative.active {
	color: #fff;
	background-color: #c9302c;
	border: 1px solid #c9302c;
	text-decoration:none;	
}
.btn-outlined {
	background-color: transparent;
}
.btn-outlined.btn-primary {
	color: #428bca;
}
.btn-outlined.btn-positive {
	color: #5cb85c;
}
.btn-outlined.btn-negative {
	color: #d9534f;
}
.btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active {
	color: #fff;
}
.btn-link {
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	color: #428bca;
	background-color: transparent;
	border: 0;
}
.btn-link:active, .btn-link.active {
	color: #3071a9;
	background-color: transparent;
}
.btn-block {
	display: block;
	width: 100%;
	padding: 1.5rem 0;
	margin-bottom: 1rem;
	font-size: 1.8rem;
}

.btn-round{
	left:50%;
	margin-left:-5rem;
	border-radius:100%;
	-webkit-border-radius:100%;
	text-align:center;
    height: 11rem !important;
    width: 11rem !important;	
	border:0px;
	display:block;
	transition: all 0.3s ease-in-out;	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;	
	background-color:#0099ff;
	padding:1rem;
}
.btn-round i{
	transition: all 0.25s ease-in-out;	
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition:  all 0.25s ease-in-out;	
	font-size:9rem;
	line-height:9rem;
	color:#fff;
}

.btn-round i.btn-round-load{  margin: -0.1rem -0.3rem;font-size:2.8rem;}
.btn-round:hover, .btn-round:focus, .btn-round:active{background-color:#0072be !important;}


.btn-bottom{
	bottom: 6rem;
	position:fixed;
}

.btn-center{
	position: fixed;
	top: 50%;
	left: 50%;
   transform: translate(-50%, -50%);
}

.btn-top{
	top: 6rem;
	position:fixed;
}

.btn-center.btn-opslaan,
	.btn-top.btn-opslaan,
	.btn-bottom.btn-opslaan{
	 width: auto !important;
	left: 0;
    right: 0;
    margin: 0 1rem;
}

.btn-relative{
	position:relative !important;
	bottom:auto;
	top:auto;	
}


/*IPhone 5 only CSS here*/
@media (device-height : 568px) 
   and (device-width : 320px) 
   and (-webkit-min-device-pixel-ratio: 2){                
	html, body{
		font-size: 1.3rem !important;
		line-height: 1.5 !important;		
	}
}




.video_embed_container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video_embed_container iframe, .video_embed_container object, .video_embed_container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}