@charset "UTF-8";
/* CSS Document */

.navbar-white{
	
	background-color: #FFF;
}

body{
	
	background: #FFF;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}
h1,h2,h3,h4,h5,h6,h7{
	
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	word-wrap: break-word;
	color:#312783;
	
}
.container-wit{
	
	background: #FFF;
}

a.navbar-light.navbar-brand{
	color: rgba(41,35,92,1);
}
.blauw-fond{
	
	background: #312783;
}
.cyaan-tekst{
	color:#009FE3;
}
.cyaan-fond{
	background: #009FE3;
}
.blauw-tekst{
	color:#312783;
}
.blauw-2{
	background: #1D71B8;
}
hr{
	border-top:3px solid #009FE3
}

.agenda-item-wrap{
	
	border: 1px solid #CCCCCC;
	min-height: 0px;
	

}

.list-group-flush .list-group-item {
    
	border:0;
    border-radius: 0;
}
.agenda-datum{
	
	padding:5px;
	color:#312783;
}
.agenda-datum-non-active{
	padding:5px;
	color:#CCC;
}
.agenda-item-verberg{
	
	display: none;
}
.badge-vandaag{
	
	color:#FFF;
	background: #009FE3;
}
.agenda-nav-wrapper{
	
	margin:10px 0px;
}
.agenda-nav{
	
	padding:6px 12px;
	color:#333333;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	margin-right:5px;
}
a.agenda-nav:hover{
	
	color:#333333;
	background: #CCCCCC;
}
.agenda-selected{
	
	display: inline-block;
}
.agenda-item-show{
	display:none;
}
@media (min-width: 992px) {

	.agenda-item-show{
	
		display: block;
}
	.agenda-item-wrap{
	
	
	min-height: 100px;

}

}
.bijschrift{
	
	color:#666666;
	font-size: 12px;
	text-align: center;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:10px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*.table{
font-size: 12px;
	
}
.th-top{
	background:#999999;
	color:#000000;
}
.table th, .table td {
	
	border:1px solid #000000;
	vertical-align: middle;
	text-align: center;
}*/
.left{
	
	font-weight: 700;
	background: #E0E0E0;
}
.uneven{
	background: #E0E0E0;
	
}
.pending{
	
	background-color:#FF0000;
	color:#FFFFFF;
	padding:5px;
	border-radius: 5px;
}

.accepted{
	
	background-color: forestgreen;
	color:#FFFFFF;
	padding:5px;
	border-radius: 5px;
	
}
.moved{
	
	background-color: blueviolet;
	color:#FFFFFF;
	padding:5px;
	border-radius: 5px;
}
.holiday{
	
	background-color: dodgerblue;
	color:#FFFFFF;
	padding:5px;
	border-radius: 5px;
}
.wrap-footer{
	
	background: #1D71B8;
	border-top: 3px solid #009FE3;
	padding-top:10px;
	padding-bottom:  100px;
}
.wrap-footer ul li a, .wrap-footer ul{
	
	color:#ffffff;
} 
.wrap-footer p{
	
	color:#FFFFFF;
}
.wrap-footer a{
	
	color:#000000;

	
}
.footer-divider{
	background: #1D71B8;
	border-top: 3px dashed #009FE3;
	padding-bottom: 10px;
}
.header-2018{
	
	background: #36A9E1;
	padding:10px 150px;
	
}
.menu-knop{
	
	background: #FFFFFF;
	
}
.navbar-blue{
	
}
.navbar-light .navbar-nav .nav-link{
	
	color: #312783;
	font-weight: 700;
}
.navbar-light .navbar-toggler{
	
	border: 1px solid #009FE3;
}
.dropdown-menu{
	
	border-radius: 0px;
	border: 3px solid #009FE3;
}
.dropdown-divider{
	border-top:3px dashed #009FE3;
}
.vakken_wrapper{
	
	border:3px dashed #009FE3;
	padding:10px;
	margin-bottom: 20px;
}
.vak{
	background: #1D71B8;
	color:#FFFFFF;
	padding:5px;
	display: inline-block;
	margin-bottom: 4px;
}
#header-container-fluid{
	z-index: 20;
	position: relative;
	
}
#banner{
	
	z-index: 15;
	position: relative;
	background: #15122E;
	
}
#gag-menu{
	position: relative;
	z-index: 30;
	background-color: #FFF;
}
.navbar-toggler{
	background: #FFFFFF;
}
#logo-start{
	
	position: absolute;
	width: 71px;
	height: 71px;
	top:25px;
	left:10px;
	
	z-index: 30;
}
.carousel-caption h1{
	
	color:#FFFFFF;
}
#top-button {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 20px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    
    outline: none; /* Remove outline */
    background-color: #312783;
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    
	
    font-size: 18px; /* Increase font size */
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),
	0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),
	0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

#top-button:hover {
    background-color: #009FE3; /* Add a dark-grey background on hover */
}
#proeflessen {
    display: block; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 200px; /* Place the button at the bottom of the page */
    right: 20px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    
    outline: none; /* Remove outline */
    background-color: #312783;
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    
	
    font-size: 18px; /* Increase font size */
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),
	0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),
	0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

#info-button:hover {
    background-color: #009FE3; /* Add a dark-grey background on hover */
}

@media (min-width: 992px) {
	
	
	#gag-menu{
		
		background-color: transparent !important;
	}
	#banner{
		margin-top:-60px;
	}
}
.agenda-home-wrap{
	background: #1D71B8;
	padding:10px;
	margin:15px;
	color:#FFF;
}
.agenda-home-item{	
	
	
}
.agenda-home-dag, .agenda-home-maand, .agenda-home-uur{
	
	margin-bottom:0px;
	color:#FFF;
}
.agenda-home-divider{
	
	color:#FFF;
	border-style: dashed;
}
.agenda-home-link{
	
	color:#FFF;
	text-decoration: underline;
}
.app{
	
	
	padding: 20px;
}
.gag-list{
	
	font-weight: 700;
	list-style-type: square;
}
#yt-icon{
	
	position: absolute;
	top:11px;
	right:110px;
	z-index: 999999;
}
#facebook-icon{
	
	position: absolute;
	top:11px;
	right:5px;
	z-index: 999999;
}
#instagram-icon{
	
	position: absolute;
	top:11px;
	right:55px;
	z-index: 999999;
}
#social{
	
	position: absolute;
	top:0px;
	right:0px;
	width: 170px;
	text-align: right;
	background: #36A9E1;
}
@media (max-width:768px){
	
	h1, h2, h3, h4, h5 {
		
		font-size: small;
	}
	
	#social{
		
	
		position: relative;
		text-align: center;
		margin:auto;
		width: 100%;
	}
	.header-2018{
		
		padding:5px;
		
	}
	.agenda-item-wrap{
		margin: 10px 0px;
	}
}
.btn-opleiding{
	
	background-color: #36A9E1;
	color: white;
	min-width: 250px;
}
.btn-opleiding:hover{
	
	background-color: #009fe3;
	color:white;
}
.opleiding{
	
	list-style: none;
	margin: 0;
	padding:0;
}
ul li.pijl {
	
	list-style-image: url("../svg/pijl.svg");
}