body{
	margin:0px;
	padding:0px; 
	background:#edf1f4; 	
}

#top{
	background-color:#ffffff;
}

#logo{
	background-color:#1E5A8F;
	color:#ffffff;
	box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1); 
	-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1)
}

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

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

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

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

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

.btn-default{
	width:100%;
	background:#ddebf8 !important; 
	color:#194a76 !important; 
	border-color:#ddebf8 !important; 
	font-weight:bold;
	-webkit-transition: ease-out 0.6s;
	-moz-transition: ease-out 0.6s;
	transition: ease-out 0.6s;
}

.btn-default:hover{
	background:#c4ddf3 !important; 
	color:#194a76 !important; 
	border-color:#c4ddf3 !important;
	box-shadow: inset 1000px 0 0 0 #c4ddf3;
}

.btn-vraag{
	background:#5f9c41 !important; 
	color:#ffffff !important; 
	border-color:#5f9c41 !important; 
	font-weight:bold;
	-webkit-transition: ease-out 0.6s;
	-moz-transition: ease-out 0.6s;
	transition: ease-out 0.6s;
}

.btn-vraag:hover{
	background:#4a7933 !important; 
	color:#ffffff !important; 
	border-color:#4a7933 !important;
	box-shadow: inset 1000px 0 0 0 #4a7933;
}

.btn-danger{
	width:100%;
	font-weight:bold;
}

a{
	text-decoration:none !important;

}
a:hover{
	text-decoration:none !important;
}

#vragen{
	background-color:#fff;
	box-shadow:0px 0px 3px 3px rgba(0,0,0,0.1); 
	-webkit-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.1)
}

.list-group, .list-group-item{
	background:none;
	padding:5px 0px;
}

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

#countdown-container{
	border-radius:0px;
}

.card-header{
	border-radius:0px !important;
	border-bottom:15px solid #ffffff;
	background-color:#5f9c41;
}

.card-body{
	background-color:#1E5A8F;
}

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

#qcontainer label{
	font-weight:bold;
}

#qcontainer textarea{
	resize:none;
}

#footer{
	color:#ffffff;
	background:#1E5A8F; 
	border-top:#1E5A8F 1px solid;
	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;}