/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root, [data-bs-theme=light] {
	--bs-border-width: 1.5px;
	--bs-border-color: #94A0AD;
	--cnvs-content-padding: 2rem;
	--cnvs-section-margin: 1rem;
	--cnvs-themecolor: #84bb25;
	-cnvs-primary-menu-hover-color: #84bb25;
}

#page-title, .page-title {
	--cnvs-page-title-padding: 2rem;
}
.dark #copyrights, #copyrights.dark{
	background-color:#84bb25
}
#header-wrap, .is-expanded-menu .full-header .primary-menu .menu-container {
	border:0;	
}
.copyright-links a, .copyright-links{
	color: #FFF;
}
.dark #copyrights, #copyrights.dark {
	color: rgba(255, 255, 255, 0.7);
}
#footer {
	--cnvs-footer-top-border: 5px solid rgba(255,255,255, 0.15);
	border-top: var(--cnvs-footer-top-border);
	background-color:#FFF;
}
.is-expanded-menu .full-header #logo, .is-expanded-menu .sticky-header.full-header #header-wrap{
	border:0;	
}
label {
	color:#84bb25;
}
label.form-check-label{
	color:var(--bs-body-color);
}
.toelichting{
	font-style:italic;
	font-size:85%;	
}
.niettonen{
	display:none;	
}
#onderwijsbevoegdheiddiv{
	margin-top:10px;
		
}
.form-group{
	
	padding-top:20px;
	padding-bottom:0px;
}
.bootstrap-select.form-control {
	font-size: var(--cnvs-input-btn-font-size);
	font-family: var(--cnvs-input-font-family);
	font-weight: var(--cnvs-input-btn-font-weight);
	line-height: var(--cnvs-input-btn-line-height);
	color: var(--cnvs-input-btn-input-color);
	background-color: var(--cnvs-input-btn-input-bg);
	border: var(--cnvs-input-btn-border-width) solid var(--cnvs-input-btn-border-color);
	border-radius: var(--cnvs-form-control-radius);
}
.background-img {
	position: absolute;
	width: 250px;
	top: -70px;
	left: -10px;
	z-index: 1;
}
.btn-file input[type=file]{
	cursor:pointer;	
}
.background-img.pos-right {
	top: 10px;
	left: auto;
	right: -20px;
}

.float-anim {
	animation: float 4s ease-in-out infinite;
}

@keyframes float {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-20px);
	}
	100% {
		transform: translateY(0px);
	}
}

a.verder{
	background-color:#84bb25;
	color:#FFF;
	border-radius:10px;
	padding:3px 15px;
	margin-top:8px;
	display:table;
	border-collapse: separate;
}
a.drijf{
	display:inline-table;
	margin-right:10px;
}
a.verder:hover{
	text-decoration:none;
	background-color:#4b1a74;
}
#wwvergetenknop {
	display: table-cell;
	text-align: right;
	margin-top: 4px;
	padding-left: 15px;
	width: 100%;
}
::-webkit-input-placeholder { color:  #ccc; text-overflow: ellipsis; font-size:12px;}
:-moz-placeholder { color: #ccc !important; text-overflow: ellipsis;font-size:12px; }
::-moz-placeholder { color: #ccc !important; text-overflow: ellipsis; font-size:12px;}
:-ms-input-placeholder {  color: #ccc !important; text-overflow: ellipsis; font-size:12px;}
.inlogscherm{
	max-width:500px;
	width:100%;
}

.vraagveld{
	width:100%;
	border: 1px solid #999;
	margin-bottom:10px;	
}
.vraagveldcheck{
	display:none;
}
#vraagformDiv{
	margin-top:10px;background-color:#efefef;padding:15px 20px 15px 15px;border-radius:10px;display:none	
}

.inlogscherm input {
   border: 1px solid #aaa;
	height: 25px;
	line-height: 25px;
	width: calc(100% - 10px);
	text-indent: 5px;
	margin-bottom: 10px;
}
input.inlogkeep {
	border: 0;
	height: 15px;
	line-height: 1.4;
	width: 15px;
	text-indent: 0;
	margin-bottom: 0;
	top:-3px;
}
#wwvergeten h3 {
	margin-top:0 !important;
}

.inlogscherm, .netwerkaanmelden{
	clear:both;width:calc(100% - 40px);margin-bottom:20px;color:#000;line-height:1.4;max-width:480px;
}
#evengeduld{
	display:none;	
}
.menu-link.active{
	color: var(--cnvs-primary-menu-hover-color);
}