body{
	margin:0px;
	padding:0px; 
	background-color:#ffffff; 
	color:#30343b;
}

#top{
	background-color:#f8f8f9;
}

#logo{
	background-color:#fff;
	border-bottom:1px solid #f2f2f2;
	box-shadow:0 8px 6px -6px rgba(0,0,0,0.22);
	-webkit-box-shadow:0 8px 6px -6px rgba(0,0,0,0.22)	
}

#logo img{
	max-width:300px;
}

#eventinfo{
	color:#212529;
}

#eventinfo .eventdetail{
	color:#30343b !important;
}

#eventinfo h1{
	text-transform:uppercase;
}

#loginform{
	background:#0395ff;
	color:#ffffff;
}

#vloginform{
	color:#474b50;	
	background-color:#ffffff;
	box-shadow:0px 0px 7px 1px rgba(45, 54, 68, 0.05);	
	margin:100px auto;
	padding:35px;
}

#vloginform .icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:80px;
  height:80px;
  margin:5px auto 0 auto;
  border-radius:50%;
  background-color: #e2e7ee;
}

#vloginform .icon svg{
  fill:#fff;
}

#vloginform h1{
  text-align:center;
  font-size:24px;
  font-weight:500;
  padding:20px 0 10px 0;
  margin:0;
}

.form-control, .btn{
	border-radius:10px !important;
}

.btn-default{
	width:100%;
	background:#ffffff !important; 
	color:#0395ff !important; 
	border-color:#ffffff !important; 
	font-weight:bold;
	-webkit-transition: ease-out 0.6s;
	-moz-transition: ease-out 0.6s;
	transition: ease-out 0.6s;
	border-radius:50px !important;
}

.btn-default:hover{
	background:#ffffff !important; 
	color:#0395ff !important; 
	border-color:#ffffff !important;
	box-shadow: inset 1000px 0 0 0 rgba(3, 149, 255, 0.2);
}

.btn-blue{
	width:100%;
	background:#0395ff !important; 
	color:#ffffff !important; 
	border-color:#0395ff !important; 
	font-weight:bold;
	-webkit-transition: ease-out 0.6s;
	-moz-transition: ease-out 0.6s;
	transition: ease-out 0.6s;
}

.btn-blue:hover{
	background:#ffffff !important; 
	color:#0395ff !important; 
	border-color:#0395ff !important;
	box-shadow: inset 1000px 0 0 0 rgba(3, 149, 255, 0.2);
}

.btn-danger{
	width:100%;
	border-radius:50px !important;
	font-weight:bold;
}

.btn-secondary{
	cursor:default;
}

.alert{
	border-radius:0px !important;
}

#vragen{
	background-color:#f8f8f9;
}

#vragen a{
	color:#19263a !important; 
	text-decoration:underline !important;

}
#vragen a:hover{
	color:#6a737f !important;
	text-decoration:underline !important;
}

#content{	
	font-weight:300; 
	font-size:14px; 
	color:#2f2e2e; 
	padding-bottom:20px; 
	min-height:400px;}

#qcontainer, #qcontainer .form-control, #qcontainer .form-select{
	font-size:12px;
}

#qcontainer hr{
	width:98%;
	margin:auto;
	margin-bottom:10px;
}

#qcontainer label{
	font-weight:bold;
}

#qcontainer textarea{
	resize:none;
}

#footer{
	color:#ffffff;
	background:#242528; 
	font-size:16px;
}

.video-js {font-size: 10px; color: #fff;}
.vjs-default-skin .vjs-big-play-button {font-size: 3em; line-height: 1.5em; height: 1.5em; width: 3em; border: 0em solid #fff; border-radius: 0.3em; left: 50%; top: 50%; margin-left: -1.5em; margin-top: -0.75em;}
.video-js .vjs-control-bar,
.video-js .vjs-big-play-button,
	
.video-js .vjs-menu-button .vjs-menu-content {background-color: #333333; background-color: rgba(51, 51, 51, 0.7);}

.video-js .vjs-slider {background-color: #878787; background-color: rgba(135, 135, 135, 0.5);}

.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {background: #fff;}

.video-js .vjs-load-progress {background: #c7c7c7; background: rgba(135, 135, 135, 0.5);}

.video-js .vjs-load-progress div {background: white; background: rgba(135, 135, 135, 0.75);}	
	
.vjs-big-play-button{top: 50% !important; left: 50% !important;}