@media (max-width: 768px) {
	.hidden-xs {
	    display: none!important;
	}
}

@keyframes fadeOut  {
	0% { opacity: 1}
	100% { opacity: 0;visibility: hidden; }
}
@-moz-keyframes fadeOut  {
	0% { opacity: 1}
	100% { opacity: 0;visibility: hidden; }
}
@-webkit-keyframes fadeOut  {
	0% { opacity: 1 }
	100% { opacity: 0;visibility: hidden; }
}

@keyframes fadeIn {
	0% { opacity: 0}
	100% { opacity: 1;visibility:visible; }
}
@-moz-keyframes fadeIn {
	0% { opacity: 0}
	100% { opacity: 1;visibility:visible; }

}
@-webkit-keyframes fadeIn {
	0% { opacity: 0}
	100% { opacity: 1;visibility:visible; }
}

@keyframes slideUpInView {
	0% {  margin-top: 140px;}
	100% { margin-top: inherit;}
}
@-moz-keyframes slideUpInView {
	0% {  margin-top: 140px;}
	100% { margin-top: inherit;}

}
@-webkit-keyframes slideUpInView {
	0% {  margin-top: 140px;}
	100% { margin-top: inherit;}
}
@keyframes slideLeftInView {
	0% { left: 20vw; }
	100% { left: 0; }
  }

@keyframes scaleInView {
	0% {  transform: scale(0.8); }
	100% { transform: scale(1); }
}
@-moz-keyframes scaleInView {
	0% {  transform: scale(0.8); }
	100% { transform: scale(1); }

}
@-webkit-keyframes scaleInView {
	0% {  transform: scale(0.8); }
	100% { transform: scale(1); }
}




@-moz-keyframes animloadcircle {
	0%    {-moz-transform: rotate(0deg); transform: rotate(0deg);}
	50%   {-moz-transform: rotate(180deg); transform: rotate(180deg);}
	100%  {-moz-transform: rotate(360deg); transform: rotate(360deg);}
}
@-webkit-keyframes animloadcircle {
	0%    {-ms-transform: rotate(0deg); transform: rotate(0deg);}
	50%   {-ms-transform: rotate(180deg); transform: rotate(180deg);}
	100%  {-ms-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes animloadcircle {
 	0%    {transform: rotate(0deg);}
 	50%   {transform: rotate(180deg);}
	100%  {transform: rotate(360deg);}
}

.cursor-pointer {
	cursor:pointer;
}
.cursor-drag {
	cursor: drag;
}

.text-strong {
	font-weight: bold;
}

@media(max-width:768px) {
	h1,h2 {
		word-wrap: break-word;
	}
}

/* functie om alle transitions ONLOAD te disablen voor een seconde. Dit zorgt ervoor dat websites niet 20 kanten op springen. */
.notransition *, .notransition-permanent * {
	-webkit-transition: none !important;
  transition: none !important;
}

/* font-awesome : icons default instellingen.
pixels worden gevolgt door /REMS/ om ons hier meer aan te gaan houden - dit scaled namelijk mooier. */
.wcmsSocial .fa,
.wcmsSocial i.fa,
.wcmsSocial .fab,
.wcmsSocial i.fab,
.wcmsSocial .fas,
.wcmsSocial i.fas {
	font-size : 3.2rem;
	margin		: 0 4px;
}
	.wcmsSocial .fa:hover, .wcmsSocial i.fa:hover,
	.wcmsSocial .fa:active, .wcmsSocial i.fa:active,
	.wcmsSocial .fab:hover, .wcmsSocial i.fab:hover,
	.wcmsSocial .fab:active, .wcmsSocial i.fab:active,
	.wcmsSocial .fas:hover, .wcmsSocial i.fas:hover,
	.wcmsSocial .fas:active, .wcmsSocial i.fas:active
	{
		position	: relative;
		bottom 		: 2px;
	}

/* dropdown menu uit CMS GENERATE MENU functie */
/*.navbar-collapse.collapse.in#navbar-collapse-1, .navbar-collapse.collapsing#navbar-collapse-1 {
	padding			: 1.1rem 0.8rem 1.6rem 0.8rem;
	max-height 	: none;
}*/


/* icon container */
.wcmsSocialShareIcons {
	margin			: 0 1px 6px 1px;
	text-align	: right;
}

/* progress bar */
.progress, .progress-bar {
	background-image: none;
}

.wcmsEvent {
	border: 1px solid #EEE;
	border-radius: 2px;
}
	.wcmsEventFooter {
		margin: 12px 0 8px 0;
	}

.wcmsSponsorList {
	overflow: hidden;
	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: center;
	padding-right: 0;
	padding-left: 0;
}

.wcms-sponsoritem {
	border-radius: 2px;
	flex: 1;
	min-height: 100%;
}
.wcms-sponsoritem img {
	position: relative;
	vertical-align: middle;
	height: auto;
	max-height: 150px;
}
@media(max-width:768px){
	.wcmsSponsorList {
		display: inline-block;
		flex-wrap: wrap;
		padding: auto;
	}
}

/* normaal: */
  .btn-black-outline {
		color: #222;
		border-color: #222;
		background-image: none;
		background-color: transparent;
	}
	.btn-black-outline:hover {
		color: #FFF;
		border-color: #222;
		background-color: #222;
	}


/* herbruikbare class NOLINES om de standaard "class=table" lijnloos te maken.
Sorry voor de !important, ondanks nesting overschreef bootstrap alsnog de border = niks */
.nolines td, .nolines th {
		border-top		: none!important;
		border-bottom	: none!important;
}
.zero-padding {	padding-left	: 0; padding-right	: 0; }
.zero-margin 	{ margin-left		: 0; margin-right		: 0; }
.b10 					{ border-radius : 10px 10px 0 10px; }

.truncate, .truncateDynamic {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.truncate {
  max-width: 150px;
}


.table tbody>tr>td.vert-align{
    vertical-align: middle;
}
/* custom knoppen */
.btn-blank {
  background-image  : none;
	border						: 0;
	box-shadow 				: 0;
}
.alert,
.alert.alert-info,
.alert.alert-danger,
.alert.alert-warning,
.alert.alert-success {
	background-image	: none;
	margin 						: 8px 1px;
}
.btn.hiddenpublicatie, .hiddenpublicatie, label.hiddenpublicatie {
	color: #888;
}

.btn-publicatieTab,.btn-publicatieNav {
	margin: 4px 8px;
}
.btn-publicatieTab.btn-sm,.btn-publicatieNav.btn-sm {
	margin: 2px 4px;
	padding: 7px 10px;
}
@media(min-width: 768px) {
	.publicatieBox-buttons {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
}
.publicatieBox-buttons input.publicatieZoekterm {
	width: 100%;
	display: inline-block;

}

/* @font-face hieronder fixed de url path van de bootstrap font/icoontjes, anders worden deze gezocht op <website>.nl/fonts/..  */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/admin/_assets/bootstrap-3.3.6-dist/fonts/glyphicons-halflings-regular.eot');
  src: url('/admin/_assets/bootstrap-3.3.6-dist/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/admin/_assets/bootstrap-3.3.6-dist/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/admin/_assets/bootstrap-3.3.6-dist/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/admin/_assets/bootstrap-3.3.6-dist/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/admin/_assets/bootstrap-3.3.6-dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/* mobiel eerst: kleine thumbnail_wcms. */
@media (max-width: 769px) {
	.modal {
		top: 100px;
	}
	.modal-title { font-size: 100%; }
	.pagination, .pagination .pager { margin: 0px; }
}
.modal-body .thumbnail_wcms {max-height	: 95vh;}
.modal-content {max-width	: 95vw;}

img.imgCircle, .imgCircle {
	border-radius: 100%;
	cursor: default;
	height: 300px;
	width	: 300px;
	margin-left: auto;
	margin-right: auto;
}

/* SUPER SPECIFIEKE FIX: ZOEKBALK BOVEN EERSTE ITEM IN MOBIEL MENU NIET GEDEELTE MAKEN VAN EERSTE ITEM */
@media (max-width: 769px) {
	.navbar-nav li.first-item {
		margin-top: 4.5rem;
	}

	.input-group {
		width: 100%;
	}

	/* breedte fix: artikelboxen */
	.artikelBoxContainer {
		padding-right: 0;
		padding-left: 0;
	}

}

.fotoalbum .smoelenboek-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
@media (max-width: 767px) {

 	.col-sm-6 .thumbnail_wcms, .col-sm-6 .thumbnail {
		min-height	: 140px;
		max-height	: 140px;
		min-width		: 160px;
		width				: 30%;
		margin-left	: 80px;
		margin-right: auto;
	 }
}

@media (min-width: 769px) {

	/* fotoalbum module default hoogtes */

	.thumbnail_wcms, .thumbnail {
		min-height	: 160px;
		max-height	: 160px;
		min-width		: 195px;
		width				: 100%;
		margin-left	: auto;
		margin-right: auto;
	}

	img.imgCircle, .imgCircle {
		height: 195px;
		width: 195px;
		max-height:195px;
	}

	.col-sm-6 .thumbnail_wcms, .col-sm-6 .thumbnail {
		min-height	: 140px;
		max-height	: 140px;
		min-width		: 140px;
		width				: 100%;
		margin-left	: auto;
		margin-right: auto;


	}
	.col-sm-6 img.imgCircle, .col-sm-6 .imgCircle {
		height: 195px;
		width: 195px;
		max-height:195px;
	}

	img.thumbnail_wcms, img.thumbnail {
		overflow: hidden;
		object-fit: cover;
		object-position: 50% 50%;
	}

	img.thumbnail_wcms:hover {
		transform: scale(1.02);
		transition: 0.3s;
	}

	/* menu items overrulen via menu_uitlijning */
	.wm-align-rechts, li.wm-align-rechts,
	.wm-align-right, li.wm-align-right,
	.wm-extra-space, li.wm-extra-space{
		float: right;
	}
	.wm-search-button {
		margin-top: 8px;
	}


	/* Bijlage CSS */
	.bestandsbijlage.overzicht {
		width: 100%;
	}
	.bestandsbijlage.overzicht tr {
		border-bottom: 1px solid #efefef;
	}
		.bestandsbijlage.overzicht tr:first-child, .bestandsbijlage.overzicht tr:last-child {
			border: 0;
		}

	.bestandsbijlage.overzicht td {
		padding: 4px;
	}
	.bestandsbijlage.overzicht th {
		padding: 4px 4px 12px 4px;
	}

	/*zet vervolgens de animatie uit in de modal*/
	#FotoAlbum_Modal .modal-dialog .modal-body img:hover{
		transform: scale(1);
	}

	#FotoAlbum_Modal #shareURL {margin: 6px 0 0 0;}
	#FotoAlbum_Modal .modal-photo-counter {margin: 5px 0 -3px 0;}

	/* afbeelding in fotoalbum popup centreren  */
	#FotoAlbum_Modal .modal-dialog .modal-body img{
	  margin-left: auto;
	  margin-right: auto;
		height: 80vh;
		width: auto;
	}

	/* fotoalbum navigatie als overlay links en rechts. */
	.modal-header .pagination #vorige_foto  {
		left: 5px;
	}
	.modal-header .pagination #volgende_foto  {
		right: 5px;
	}
	.modal-header .pagination #volgende_foto,.modal-header .pagination #vorige_foto {
		position	: absolute;
		z-index 	: 11;
		top				: 50%;
	}
	.modal-header .pager {
		margin: 0;
	}

	.wcmsMenuSearch #zoektermForm {
		max-width:120px;
		transition: 0.4s;
	}
	.wcmsMenuSearch #zoektermForm .input-group {
		margin-top: 8px;
	}

}

@media (min-width: 1024px) {
	.form-group.half-group {
		max-width: 45%;
	}
	.cplus-content .form-group.half-group {
		max-width: 100%;
	}
  .form-group.half-group label, .form-group.half-group textarea.form-control {
    max-width: 100%;
  }
}
.form-group.half-group.captcha-group {
	display: block;
	margin: 8px 0;
}
.form-group.half-group.captcha-group .form-group.half-group {
	max-width: 100%;
}

/* pdf embed */
.pdf-embed {
	width: 100%;
	min-height: 800px;
	margin-left: 0;
	margin-right: 0;
}



/* banner carousel */
.wcmsbanner .carousel-inner .item {
	width: 100%;
	max-height: inherit;
	min-height: inherit;
	height: inherit;
	overflow-y: hidden;
  }

  .wcmsbanner .carousel-inner-asbackground .item {
	width: 100%;
	max-height: 36rem;
	min-height: 36rem;
	height: 36rem;
	overflow-y: hidden;
  }

  .wcmsbanner .carousel-inner .item img {
	width: 100%;
  }

  .wcmsbanner .carousel-inner .item .item-bg-image {
	max-height: inherit;
	min-height: inherit;
	height: inherit;
	overflow-y: hidden;
	background-repeat: no-repeat;
	background-attachment: local;
	background-size: cover;
	background-position: 50% 50%;
  }

.carousel-caption {
	left: 25px;
	left: 2.5rem;
	right: 0;
	bottom: 0;
	top: 60%;
	max-height: 80px;
}
.carousel-caption > h3 {
	padding: 21px;
	padding: 2rem;
	margin: 0;
	max-width: 40%;
	background-color: #444;
	background-color: rgba(0,0,0,0.3);
	color: #FFF;
	font-size: 100%;
	text-align: left;
	border-radius: 2px;
}

@media (min-width: 768px) {
	.carousel-caption h3 {
		font-size: 175%;
	}
}
@media (min-width: 1280px) {
	.carousel-caption h3 {
		font-size: 225%;
	}
}
@media (min-width: 1800px) {
	.carousel-caption {
		top: 55%;
	}
}

.carousel-caption .carousel-quote p {
	text-align: left;
}



/* BS3 versie van de REACTIES/GASTENBOEK */
.bs-reactie {
	height: 100%;
	padding: 3px;
	border-top: 1px solid #DDD;
}
.bs-reactie-head {
	padding: 8px 0 4px 0;
}
	.bs-reactie-head strong, .bs-reactie-email {
		color: rgb(75, 73, 166);
	}
.bs-reactie-content {
	padding-bottom: 2rem;
}

/* publicaties */
@media(max-width:769px){
	.media .publiceer_datum {
		right: 25px;
		position: absolute;
		font-size: 80%;
	}
}

img.media-object  {
	border-radius: 2px;
}

	/* kp_required op publicaties toevoegen in de titel. */
	.media-kp-overlay {
		z-index: 11;
    /* float: right; */
    /*margin-right: 10%;
    top: 16.5rem;
    right: 1rem;
    position: absolute;*/
		text-align: right;
		margin-top: -1.5rem;
	}
		.media-kp-overlay .fa,
		.media-kp-overlay .fab,
		.media-kp-overlay i.fab,
		.media-kp-overlay .fas,
		.media-kp-overlay i.fas  {
			font-size	: 2rem;
		}
	.publicatieBlocks .media-kp-overlay {
		margin-right: 10%;
		margin-top: 0;
    top: 16.8rem;
    right: 1rem;
    position: absolute;
	}


@media(min-width:800px) {
	.graangrafiek img {
		min-height: 170px;
		min-height: 17rem;
	}
}
@media(min-width:1199px) {
	.graangrafiek img {
		min-height: 200px;
		min-height: 20rem;
	}
}



/* Breadcrumbs */
ul.breadcrumbs, ol.breadcrumb {
	position: relative;
	text-align: left;
	width: 100%;
	list-style-type: none;
	vertical-align: middle;
	float: left;
	margin-top: 2rem;
}
	.breadcrumbs li, .breadcrumb li {
		margin: 0;
		width: auto;
		float: left;
		margin-right: 1rem;
		padding: 0;
		vertical-align: middle;
	}
.wcms-homepage .breadcrumb {
	display: none;
	}
/* tijdelijk hier tot alternatief gevonden is: GRID/FORMULIER layout die normaal in elke style.css stond : */
.FormTextareaDiv {
	width: 100%;
}
.FormTextareaDiv.form-group {
	max-width: 100%;
}

.FormElementObj {
	width: 100%;
	z-index: 0;
	display: flex;
	flex-direction: row;
	margin: 8px 0;
}
.FormInputDiv {
	z-index: 10;
	width: auto;
	flex: 3;
	height: auto;
	margin: auto 0;
}
.FormInputField {
	background: none;
	padding: 5px;
	border-radius: 2px;
	z-index: +1;
	width: 95%;
}

/* einde gridformulier */

	/* "start het publicatie artikel met zijn afbeelding" centreren. */
	.pagina-inhoud img.centreerDit {
		margin-left: auto;
		margin-right: auto;
	}

	#social-media-settings .form-group .input-group {
		margin: 4px 0;
	}
	#social-media-settings .form-group .input-group .input-group-addon {
		min-width: 185px;
	}
	#social-media-settings label {
		margin-right: 0;
	}

	/* CMS FUNCTIE: WCMSGENERATEBLOCKS() */

	/* BLOCK 0 : FUNCTIONEEL */
	.wcmsflex {
		display: flex;
	}
	.wcmsflexplus {
		display: flex;
    justify-content: center;
    align-items: center;
	}

	.flex-1 {
		flex: 1;
	}
	.flex-2 {
		flex: 2;
	}
	.flex-3 {
		flex: 3;
	}

	/* sponsor toevoeging */
	.wcmsflexplus .sponsor-row:nth-child(odd) {
		padding-right:6px;
	}

	/* BLOCK 1 :: 'STANDAARD' ( origineel uit design(1) ) */
	.tvBox-block {
		padding: 0;
		margin-bottom: 20px;
		margin-bottom: 2rem;
		min-height: 235px;
	}
	.tvBox-block img {
		white-space: nowrap;
		width: 100%;
		min-height: 235px;
	}
		.tvBox-details {
			position: absolute;
			width: 90%;
			background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
			margin: 0;
			padding: 13px 2px 4px 5px;
		}
		.tvBox-details p {
			font-size: 80%;
			color: #FFF;
			padding-left: 8px;
		}
		.tvBox-more, .tvBox-more a {
			color: rgb(86, 175, 167);
		}
		.tvBox-more:hover, .tvBox-more:hover a {
			color: rgb(202, 232, 229);
			transition: 1.3s;
			-moz-transition: 1.3s;
			text-decoration: none;
		}
			.tvBox-content {
				margin: 5%;
				margin-bottom: 0;
				background: #CCC;
			}

	/* BLOCK 2 : 'UITGEBREID' (fancy overlay met mouseover.)  */

	.btBox {
 		border: 1px solid #222;/*#026937*/
    height: 215px;
    background-color: #FFF;
    z-index: 1;
	}

	.btBox {
			width: 100%;
			height: 100%;
	    position: relative;
	    overflow: hidden;
			cursor: default;
			margin: 16px;
			text-align: center;
			border-radius: 10px 10px 0 10px;
	}
		.btBoxPers {
			margin: 16px;
			width: 100%;
			text-align: left;
		}

	.btBox .btBox-Overlay, .btBox-Overlay {
		width: 100%;
		height: 100%;
		position: absolute;
	  overflow: hidden;
		text-align: center;
	  top: 0;
	  left: 0;
	  background-color: rgba(75,75,75,0.7);
	  -webkit-transition: all 0.4s ease-in-out;
	  transition: all 0.4s ease-in-out;
	}
	.btBox:hover .btBox-Overlay {
	  background-color: rgba(48, 152, 157, 0.4);
	}

	.btBox h2 {
			text-transform: uppercase;
		  color: #fff;
		  text-align: center;
		  position: relative;
		  font-size: 17px;
		  padding: 10px;
		  background: rgba(0, 0, 0, 0.6);
		  -webkit-transform: translateY(45px);
		  -ms-transform: translateY(45px);
		  transform: translateY(45px);
		  -webkit-transition: all 0.4s ease-in-out;
		  transition: all 0.4s ease-in-out;
	}
		.btBoxPers h2 {
	    font-family: Verdana;
	    font-size: x-large;
	    font-weight: normal;
	    margin: 7px 0 0 8px;
	    padding-bottom : 0px;
	    color: #026937;
		}
	.btBox:hover h2 {
		-webkit-transform: translateY(5px);
	  -ms-transform: translateY(5px);
	  transform: translateY(5px);
	}


	.btBox a.btBox-Info {
		display: inline-block;
	  text-decoration: none;
	  text-transform: uppercase;
	  color: #fff;
	  border: 1px solid #fff;
	  background-color: transparent;
		opacity: 0; filter: alpha(opacity=0);
	  -webkit-transform : scale(0); -ms-transform	: scale(0); transform	: scale(0);
	  -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
		font-weight: normal;
	  padding: 75px 100px;
		border-radius: 10px;
	}

	.btBox:hover a.btBox-Info {
		opacity: 1; filter: alpha(opacity=100);
		-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
	}
		.btBox a.btBox-Info:hover {
		  box-shadow: 0 0 5px #fff;
		}
		  .btBox img {
				overflow: hidden;
	      height: 240px;
	      opacity: 1;
				position: relative;
	  	}

	/* BLOCK 3 : 'ARTIKEL' 			 (flexbox met cirkel image.) */

	.artiBox {
			border: 1px solid #222;
			min-height: 240px;
			background-color: #FFF;
			z-index: 1;
			margin: 16px;
			width: 100%;
			height: auto;
			text-align: left;
			border-radius: 10px 10px 0 10px;
	}
		.artiBox .artiBox-Titel h2 {
			font-size: x-large;
			font-weight: normal;
			margin: 8px 0 0 8px;
			padding-bottom: 0;
			color: #222;
		}
			.artiBox .artiBox-TekstVak {
				margin: 8px;
			}
				.artiBox-LeesVerder, .artiBox-LeesVerder p {
					text-align: right;
				}

				img.overlay-leesverder {
					display: none;
				}

				.media.publicatieBlocks img.overlay-leesverder {
					display: block;
					position: absolute;
					bottom: 48px;
					z-index: 2;
					left: 16px;
					width: 90%;
					height: 50px;
					max-height: 50px;
				}

				@media(max-width:990px) {
					img.overlay-leesverder, .media.publicatieBlocks img.overlay-leesverder {
						bottom: 28px;
					}
				}


		.artiBox .artiBox-Afbeelding {
			margin: 0 34% 1rem 34%;
			border-radius: 80px;
			border: 2px solid #CCC;
			display: block;
			text-align: center;
			float: left;
			position: relative;
			clear: both;
		}
	.artiBox .artiBox-Afbeelding img {
		min-width: 80px; max-width: 80px; width: 80px; min-height: 80px;
		min-width: 8rem; max-width: 8rem; width: 8rem; min-height: 8rem;
		height: auto;
		border-radius: 80px; border-radius: 8rem;
	}

	/*EINDE BLOCKS */


	.wcmsCollapse .form-group.half-group {
			max-width: 100%;
	}
	@media (min-width: 1024px){
		.wcmsCollapse .form-group.half-group {
				max-width: 100%;
		}
	}




.template_50 {
	display: flex;
	flex-direction: row;
	align-items: center;
  justify-content: center;
  flex-wrap: wrap;
	flex-flow: row wrap;
	align-content: flex-end;
}
.template_50 .img {
	padding: 15px;
	height: 100%;
}
.template_50 .img img {
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	border-radius: 2px;
}

#dialogCmsAllowCookies {
	z-index: 99999;
	display: none;
	position: fixed;
	width: 100%;
	bottom: 0;
	background: rgba(34, 34, 34, 0.75);
	border-top: 2px solid #333;
	color: #EEE;
	padding: 1.5rem;
	text-align: center;
}
#dialogCmsAllowCookies p {
	color: #FFF;
	font-size: 1.2rem;
	font-family: arial;
	text-shadow: 1px 2px 2px #333;
}

/* thijs 22-03-2018: shadows nagebouwd van google apps om content te laten zweven boven andere content. Figuurlijk. */
.popoutShadow {
	box-shadow: 0 1px 8px 0 rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12);
}


/* thijs 27-10-2016 :: GENERATEPOPUPS * */
	.wcmsSticky {
		width: 350px;
		z-index: 999;
		position: fixed;
		margin: 0;
		transition:	1s;
	}
	/* alignment, standaard op -200 zodat ze niet onload op top van het scherm zitten */
	.wcmsSticky.wcmsSticky-bottom-right { bottom: -375%; right: 2%; 			}
	.wcmsSticky.wcmsSticky-bottom-left{ bottom: -375%; left: 2%; 			}
	.wcmsSticky.wcmsSticky-bottom{ bottom: -375%; left: 25%;			}
	.wcmsSticky.wcmsSticky-right{	bottom: 33%; 		right: -351px;	}

	.wcmsSticky.wcmsSticky-bottom-right.active{ bottom: 0; right: 2%;		}
	.wcmsSticky.wcmsSticky-bottom-left.active{ bottom: 0; left: 	2%; 	}
	.wcmsSticky.wcmsSticky-bottom.active{ bottom: 0; left: 	25%;	}
	.wcmsSticky.wcmsSticky-right.active{	bottom: 33%; right: 0;	}

	.wcmsSticky .wcmsSticky-header {
		text-align: left;
		border-color: #333;
		background-color: #333;
		cursor: pointer;
		border-radius: 2px 2px 0 0;
		padding: 10px 5px 5px 10px;
		border: 1px solid #f2f2f2;
	}
	.wcmsSticky .wcmsSticky-header .wcmsSticky-title {
		color: #FFF;
		font-size: 1.6rem;
		font-weight: bold;
	}
		.wcmsSticky-image {
			float: right;
			padding: 0 15px 0 0;
			width: 25px;
		}
		.wcmsSticky.wcmsSticky-right .wcmsSticky-header {
			border-radius: 2px 0 0 0;
		}

	.wcmsSticky-content-container {
		height: 100%;
		width: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		background-color: #FEFEFE;
		border: 1px solid #f2f2f2;
	}
		.wcmsSticky-content-container .wcmsSticky-content-padded {
			margin: 10px;
		}
		.wcmsSticky-content-container .wcmsSticky-content-padded .form-group {
			max-width: 100%;
		}
			.wcmsSticky-content-padded .form-group .btn {
				width: 100%;
			}


	/* ZOEKPAGINA: */
	.template_30_container .item {
		padding-bottom: 8px;
		border-bottom	: 1px solid #EEE;
	}

	.template_30_container .item .pagina_titel h2 {
		font-size: 1.8rem;
	}
	.template_30_container .item .publiceer_datum h3 {
		font-size: 1.3rem;
	}
	.template_30_container .item .inleidingContainer p img {
		float: left;
		max-height: 5rem;
		max-width: 5rem;
		margin: 1rem 2rem 1rem 1rem;
	}
	.template_30_container .item .inleidingContainer p a.leesverder {
		padding: 5px;
		background: #FFF;
		border: 1px solid #EEE;
		border-radius: 2px;
	}

	.template_30_container.zoekresultaten .inleidingContainer i.fa,
	.template_30_container.zoekresultaten .inleidingContainer .fab,
	.template_30_container.zoekresultaten .inleidingContainer i.fab,
	.template_30_container.zoekresultaten .inleidingContainer .fas,
	.template_30_container.zoekresultaten .inleidingContainer i.fas  {
		display: none;
	}

	.template_30_container.zoekresultaten .inleidingContainer p {
		margin-bottom: 3px;
	}

	.template_30_container.zoekresultaten .inleidingContainer h1,
	.template_30_container.zoekresultaten .inleidingContainer h2,
	.template_30_container.zoekresultaten .inleidingContainer h3,
	.template_30_container.zoekresultaten .inleidingContainer h4,
	.template_30_container.zoekresultaten .inleidingContainer h5 {
		margin: 0px;
		font-size: 14px;
		padding: 0px;
		display: inline-block;
		-webkit-margin-before: 0px;
    	-webkit-margin-after: 0px;
	}


	/* MENU_SPLITSING param toevoeging aan generateMenu() */
	/* de reden dat deze CSS er zo rommelig uit ziet is omdat het overge-port is vanuit SCSS, uit design 6 (agrotheek) */
	@media (min-width: 993px) {
		#top-menu .navbar .navbar-inner ul.navbar-nav li.dropdown ul.dropdown-menu.wcms-menu-split {
			min-width: 700px; } }
	#top-menu .navbar .navbar-inner ul.navbar-nav li.dropdown ul.dropdown-menu.wcms-menu-split .wcms-menu-split-parent {
		padding-bottom: 15px; }
		@media (max-width: 993px) {
			#top-menu .navbar .navbar-inner ul.navbar-nav li.dropdown ul.dropdown-menu.wcms-menu-split .wcms-menu-split-parent {
			 /* background: #222; */
		    }
				#top-menu .navbar .navbar-inner ul.navbar-nav li.dropdown ul.dropdown-menu.wcms-menu-split .wcms-menu-split-parent:last-child {
		 		margin-bottom: 15px;
			}
		}
		#top-menu .navbar .navbar-inner ul.navbar-nav li.dropdown ul.dropdown-menu.wcms-menu-split .wcms-menu-split-parent li.wcms-menu-split-head {
			font-weight: 600;
			padding-bottom: 4px;
			/*border-bottom: 1px solid #E0E0E0;*/
			margin-bottom: 8px; }
			@media (max-width: 993px) {
				#top-menu .navbar .navbar-inner ul.navbar-nav li.dropdown ul.dropdown-menu.wcms-menu-split .wcms-menu-split-parent li.wcms-menu-split-head {
					/*background: #222;*/
					margin-top: 4px; } }
		#top-menu .navbar .navbar-inner ul.navbar-nav li.dropdown ul.dropdown-menu.wcms-menu-split .wcms-menu-split-parent li.wcms-menu-split-child {
			padding: 2px 0; }
			@media (max-width: 993px) {
				#top-menu .navbar .navbar-inner ul.navbar-nav li.dropdown ul.dropdown-menu.wcms-menu-split .wcms-menu-split-parent li.wcms-menu-split-child {
					/*background: #222;*/
					margin: 4px 0; } }

/* zoeken! */
#top-menu .navbar .navbar-inner ul.navbar-nav .wcmsMenuSearch, #top-menu .navbar .navbar-inner ul.navbar-nav li.wcmsMenuSearch {
	padding: 8px;
	margin-left: 0.8rem; }
	#top-menu .navbar .navbar-inner ul.navbar-nav .wcmsMenuSearch .wm-search-button, #top-menu .navbar .navbar-inner ul.navbar-nav li.wcmsMenuSearch .wm-search-button {
		margin-top: 0; }
	@media (min-width: 768px) {
		#top-menu .navbar .navbar-inner ul.navbar-nav .wcmsMenuSearch:hover, #top-menu .navbar .navbar-inner ul.navbar-nav li.wcmsMenuSearch:hover {
			background: none; }
		#top-menu .navbar .navbar-inner ul.navbar-nav .wcmsMenuSearch .btn-default, #top-menu .navbar .navbar-inner ul.navbar-nav li.wcmsMenuSearch .btn-default {
			border: 0;
			box-shadow: none;
			background: none; }
			#top-menu .navbar .navbar-inner ul.navbar-nav .wcmsMenuSearch .btn-default:hover, #top-menu .navbar .navbar-inner ul.navbar-nav li.wcmsMenuSearch .btn-default:hover {
				background: none; }
			#top-menu .navbar .navbar-inner ul.navbar-nav .wcmsMenuSearch .btn-default:active, #top-menu .navbar .navbar-inner ul.navbar-nav li.wcmsMenuSearch .btn-default:active {
				background: none; }
			#top-menu .navbar .navbar-inner ul.navbar-nav .wcmsMenuSearch .btn-default i, #top-menu .navbar .navbar-inner ul.navbar-nav li.wcmsMenuSearch .btn-default i {
				text-shadow: 1px 2px 4px #555;
				min-width: 20px;
				font-size: 150%;
				color: #FFFFFF; } }
	@media (max-width: 768px) {
		#top-menu .navbar .navbar-inner ul.navbar-nav .wcmsMenuSearch, #top-menu .navbar .navbar-inner ul.navbar-nav li.wcmsMenuSearch {
			margin-bottom: 1rem;
			width: 100%; } }



#wcmsScrollToTop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 49%;
	z-index: 99999;
	cursor: pointer;
	border-radius: 50%;
	font-size: 3rem;
	transition: none;
}
#wcmsScrollToTop.on {
	display: block;
}


.animloading, .animloadingProgress {
	height: 10px;
	position: relative;
	background: #555;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	transition: 1s;
	overflow: hidden;
	margin-top: 5px;
}
.animloading.alt {
	background: #DDD;
	border: 1px solid #1b83b8;
}

	.animloading > span.animloading-bar {
		display: block;
		height: 100%;
		border-radius: 5px;
		background-color: #20aae5;
		position: relative;
		overflow: hidden;
		transition: 1s;
		width: 15%;
		min-width: 35px;
		-webkit-animation: animload 4.4s linear infinite;
		-moz-animation: animload 4.4s linear infinite;
		animation: animload 4.4s linear infinite;
	}

	.animloadingProgress > span.animloading-bar {
		display: block;
		height: 100%;
		border-radius: 5px;
		background-color: #20aae5;
		position: relative;
		overflow: hidden;
		transition: 2s;
		width: 1%;
	}

	.animcircleloading, .loadingcircle  {
    position: relative;
		margin: 0 auto;
		padding: none;
    height: 20rem;
    width: 20rem;
    border-radius: 50%;
    border: 5rem solid #DDDDDD;
    border-left: 5rem solid #1B83B8;
	animation: animloadcircle 4s linear infinite;
    -webkit-animation: animloadcircle 4s linear infinite;
    -moz-animation: animloadcircle 4s linear infinite;
  }

	.animateHideDelay5sec {
    -moz-animation: fadeOut 1s ease-in-out 5s forwards;
    -webkit-animation: fadeOut 1s ease-in-out 5s forwards;
    -o-animation: fadeOut 1s ease-in-out 5s forwards;
    animation: fadeOut 1s ease-in-out 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	}

	.animateShowDelay4sec {
		opacity: 0;
    -moz-animation: fadeIn 1s ease-in 4s forwards;
    -webkit-animation: fadeIn 1s ease-in 4s forwards;
    -o-animation: fadeIn 1s ease-in 4s forwards;
    animation: fadeIn 1s ease-in 4s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	}

	#subItemTop {
		position: absolute;
		top: -30px;
		visibility: hidden;
	}


	/*#dialogPopupBG {
		background-color: #000000;
		opacity: 0.25;
		z-index: 100;
		position: fixed;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
	}

	#dialogPopup {

		z-index: 100;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	#dialogPopup #dialogPopupContainer {
		position: relative;
		margin: 0 auto;
		padding: 0;
		top: 10%;
		z-index: 100;
		height: auto;
		width: auto;
		min-width: 20%;
		max-width: 1150px;
		}

	#dialogPopup #dialogPopupContainer #dialogPopupContent {
		margin: 0 auto;
		padding: 0;
		text-align: left;
		position: relative;
		padding: 0;
		width: 100%;
		height: auto;
		max-height: 130%;
		min-height: 35%;
		text-align: center;
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 100;
		background-color: #fff;
		border: 5px solid #e2e2e2;
		}

	#dialogPopup #dialogPopupContainer #dialogPopupCloseButton {
		position: absolute;
		top: 0;
		margin-top: -20px;
		right: -20px;
		float: right;
		text-align: left;
		height: auto;
		display: inline-block;
		background-color: #fff;
		border: 2px solid #e2e2e2;
		padding: 5px;
		z-index: 100;
		border-radius: 5px;
		box-shadow: 0 0 10px #696969;
		}
	#dialogPopup #dialogPopupContainer #dialogPopupCloseButton:hover {
		border: 2px solid #aaa;
		cursor: pointer;
	}


	#dialogPopupTekst #navigatie {
		background-color: #0072c6;
		width: 100%;
		height: 80px;
		vertical-align: bottom;
		display: inline-block;
		white-space: nowrap;
		box-shadow: 0 4px 2px -2px #000;
	}


	#dialogPopupTekst #navigatie table tbody tr td {
		padding: 5px;
	}
	#dialogPopupTekst .navigatie tr td button.buttonSmall {
		float: left;
		clear: both;
		display: inline-block;
		position: relative;
		height: auto;
		min-height: unset;
		max-height: unset;
	}

	#dialogPopupTekst .navigatie tr td button i.fa {
		font-size: 3.4em;
	}

	#dialogPopupTekst #navigatie button.buttonSmall table tbody tr td {
		padding-top: 	3px;
		padding-bottom: 3px;
	}


	#dialogPopupTekst #navigatie td, #dialogPopupTekst #navigatie h1 {
		color: #fff;
	}
	#dialogPopupTekst .holder .navigatie  button td {
		color: #fff;
		padding: 2px;
	}

	#dialogPopupTekst #body table tr td {
		padding: 2px;
	}

	#dialogPopupTekst #body table.calendar {
		margin: 5px;
	}

	#dialogPopupTekst #body table.calendar tr td {
		padding: 15px;
	}

	#dialogPopupTekst #body .opdrachtkalender {
		height: 150px;
		border: 1px solid #000000;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	#dialogPopupTekst #body .opdrachtkalender tbody tr td {
		text-align: center;
		vertical-align: middle;
		width: 20px;
		border: 1px solid #fff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding: 0px;
	}

	#dialogPopupTekst #body .opdrachtkalender td.marked {
		border: 1px solid red;
		cursor: pointer;
	}

	#dialogPopupTekst #body .opdrachtkalender td.wk {
		font-style: italic;
		border-right: 1px solid gray;
		color: gray;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}


	#dialogPopup #dialogPopupContainer #dialogPopupContent #dialogPopupTekst {
		position: relative;
		padding: 10px 10px 10px 10px;
		text-align: left;
		z-index: 100;
	}

	#dialogPopup #dialogPopupContainer #dialogPopupContent #dialogPopupTekst form {
		width: 100%;
	}


	#dialogPopupLoader {
		background-color: #000000;
		opacity: 0.25;
		z-index: 100;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		margin: 0 auto;
		padding: 0; /*prevents margin collapse from allowing margins in this div from affecting margins around container* /
	}

	#dialogPopupLoader #dialogPopupLoaderContainer {
		position: relative;
		padding: 0;
		width: 50%;
		top: 50%;
		height: 50%;
		left: 25%;
		z-index: 100;
	}

	#dialogPopupLoader #dialogPopupLoaderContainer #dialogPopupLoaderContent {
		margin: 0 auto;
		padding: 0;
		text-align: left;
		position: absolute;
		padding: 0;
		width: 100%;
		display: inline;
		top: -50%;
		max-height: 130%;
		min-height: 35%;
		text-align: center;
		overflow-y: auto;
		overflow-x: hidden;
		background-color: #fff;
		border: 5px solid #e2e2e2;
		z-index: 100;
	}

	#dialogPopupLoader #dialogPopupLoaderContainer #dialogPopupLoaderCloseButton {
		position: relative;
		top: -50%;
		right: 20px;
		float: right;
		text-align: left;
		height: auto;
		display: inline-block;
		background-color: #fff;
		border: 5px solid #e2e2e2;
		padding: 5px;
		z-index: 100;
	}
	#dialogPopupLoader #dialogPopupLoaderContainer #dialogPopupLoaderCloseButton {
		color: red;
		cursor: pointer;
	}

	#dialogPopupLoader #dialogPopupLoaderContainer #dialogPopupLoaderContent #dialogPopupLoaderTekst {
		padding: 20px;
		text-align: left;
		width: 80%;
		z-index: 100;
	}

	#dialogAlertBG {
		background-color: #000000;
		opacity: 0.25;
		z-index: 200;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}

	#dialogAlert {
		z-index: 200;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	#dialogAlert #dialogAlertContainer {
		position: relative;
		margin: 0px auto;
		padding: 0px;
		top: 45%;
		z-index: 200;
		height: auto;
		width: auto;
		min-width: 400px;
		max-width: 400px;
		}

	#dialogAlert #dialogAlertContainer #dialogAlertContent {
		margin: 0px auto;
		padding: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container* /
		text-align: left; /*resets normal text align following centering in #container* /
		position: relative;
		padding: 0px;
		width: 100%;
		height: auto;
		max-height: 130%;
		min-height: 35%;
		text-align: center;
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 200;
		background-color: #fff;
		border: 5px solid #e2e2e2;
		}

	#dialogAlert #dialogAlertContainer #dialogAlertContent #dialogAlertTekst {
		position: relative;
		padding: 10px 10px 10px 10px;
		text-align: left;
		z-index: 200;
		}

	#dialogAlert #dialogAlertContainer #dialogAlertContent #dialogAlertTekst  h2 {
		width: 100%;
		border-bottom: 1px solid #e2e2e2;
		margin-bottom: 10px;
	}

	#dialogAlert #dialogAlertContainer #dialogAlertContent #dialogAlertTekst a {
		color: #e06161;
	}

	#dialogConfirmBG {
		background-color: #000000;
		opacity: 0.05;
		/*background-image:URL(/admin/images/grey_63trans.png);* /
		z-index: 200;
		position: fixed;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
	}

	#dialogConfirm {
		display: none;
		z-index: 200;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		margin				: 0px auto;
		padding				: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container* /
	}

	#dialogConfirm #dialogConfirmContainer {
		position			: relative;
		margin				: 0px auto;
		padding				: 0px;
		top						: 45%;
		z-index				: 200;
		height				: auto;
		width					: auto;
		min-width			: 600px;
		max-width			: 600px;
		}

	#dialogConfirm #dialogConfirmContainer #dialogConfirmContent {
		margin: 0px auto;
		padding: 0px;
		text-align: left;
		position: relative;
		padding: 0px;
		width: 100%;
		height: auto;
		max-height: 130%;
		min-height: 35%;
		text-align: center;
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 200;
		background-color: #fff;
		border: 5px solid #e2e2e2;
		}

	#dialogConfirm #dialogConfirmContainer #dialogConfirmContent #dialogConfirmTekst {
		position: relative;
		padding: 10px 10px 10px 10px;
		text-align: left;
		z-index: 200;
		}

	#dialogConfirm #dialogConfirmContainer #dialogConfirmContent #dialogConfirmTekst  h2 {
		width: 100%;
		border-bottom: 1px solid #e2e2e2;
		margin-bottom: 10px;
	}
	#dialogConfirm #dialogConfirmContainer #dialogConfirmContent #dialogConfirmTekst a {
		color: #e06161;
	}*/

	#dialogPopupBG {
		background-color: #000000;
		opacity: 0.25;
		z-index: 100;
		position: fixed;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
	}

	#dialogPopup {

		z-index: 100;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	#dialogPopupContainer {
		position: relative;
		margin: 0 auto;
		padding: 0;
		top: 10%;
		z-index: 100;
		height: auto;
		width: auto;
		min-width: 20%;
		max-width: 1150px;
		}

	#dialogPopupContent {
		margin: 0 auto;
		padding: 0;
		text-align: left;
		position: relative;
		padding: 0;
		width: 100%;
		height: auto;
		max-height: 130%;
		min-height: 35%;
		text-align: center;
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 100;
		background-color: #fff;
		/*border: 5px solid #e2e2e2;*/
		box-shadow: 0 1px 8px 0 rgba(0,0,0,0.2),0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.12);
		border-radius: 2px;
		}

	#dialogPopupCloseButton {
		position: absolute;
		top: 0;
		margin-top: -20px;
		right: -20px;
		float: right;
		text-align: left;
		height: auto;
		display: block;
		background-color: #fff;
		border: 2px solid #e2e2e2;
		padding: 5px;
		z-index: 100;
		border-radius: 5px;
		box-shadow: 0 0 10px #696969;
		}
	#dialogPopupCloseButton:hover {
		border: 2px solid #aaa;
		cursor: pointer;
	}


	#dialogPopupTekst #navigatie {
		background-color: #0072c6;
		width: 100%;
		height: 80px;
		vertical-align: bottom;
		display: inline-block;
		white-space: nowrap;
		box-shadow: 0 4px 2px -2px #000;
	}


	#dialogPopupTekst #navigatie table tbody tr td {
		padding: 5px;
	}
	#dialogPopupTekst .navigatie tr td button.buttonSmall {
		float: left;
		clear: both;
		display: block;
		position: relative;
		height: auto;
		min-height: unset;
		max-height: unset;
	}

	#dialogPopupTekst .navigatie tr td button i.fa,
	#dialogPopupTekst .navigatie tr td button .fab,
	#dialogPopupTekst .navigatie tr td button i.fab,
	#dialogPopupTekst .navigatie tr td button .fas,
	#dialogPopupTekst .navigatie tr td button i.fas	{
		font-size: 3.4em;
	}

	#dialogPopupTekst #navigatie button.buttonSmall table tbody tr td {
		/*padding-top: 	3px;
		padding-bottom: 3px;*/
	}


	#dialogPopupTekst #navigatie td, #dialogPopupTekst #navigatie h1 {
		color: #fff;
	}
	#dialogPopupTekst .holder .navigatie  button td {
		color: #fff;
		padding: 2px;
	}

	#dialogPopupTekst #body table tr td {
		padding: 2px;
	}

	#dialogPopupTekst #body table.calendar {
		margin: 5px;
	}

	#dialogPopupTekst #body table.calendar tr td {
		padding: 15px;
	}

	#dialogPopupTekst #body .opdrachtkalender {
		height: 150px;
		border: 1px solid #000000;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	#dialogPopupTekst #body .opdrachtkalender tbody tr td {
		text-align: center;
		vertical-align: middle;
		width: 20px;
		border: 1px solid #fff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding: 0px;
	}

	#dialogPopupTekst #body .opdrachtkalender td.marked {
		border: 1px solid red;
		cursor: pointer;
	}

	#dialogPopupTekst #body .opdrachtkalender td.wk {
		font-style: italic;
		border-right: 1px solid gray;
		color: gray;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}


	#dialogPopupTekst {
		position: relative;
		padding: 10px 10px 10px 10px;
		text-align: left;
		z-index: 100;
	}

	#dialogPopupTekst form {
		width: 100%;
	}


	#dialogPopupLoader {
		background-color: #000000;
		opacity: 0.25;
		z-index: 100;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		margin: 0 auto;
		padding: 0; /*prevents margin collapse from allowing margins in this div from affecting margins around container*/
	}

	#dialogPopupLoaderContainer {
		position: relative;
		padding: 0;
		width: 50%;
		top: 50%;
		height: 50%;
		left: 25%;
		z-index: 100;
	}

	#dialogPopupLoaderContent {
		margin: 0 auto;
		padding: 0;
		text-align: left;
		position: absolute;
		padding: 0;
		width: 100%;
		display: inline;
		top: -50%;
		max-height: 130%;
		min-height: 35%;
		text-align: center;
		overflow-y: auto;
		overflow-x: hidden;
		background-color: #fff;
		border: 5px solid #e2e2e2;
		z-index: 100;
	}

	#dialogPopupLoaderCloseButton {
		position: relative;
		top: -50%;
		right: 20px;
		float: right;
		text-align: left;
		height: auto;
		display: block;
		background-color: #fff;
		border: 5px solid #e2e2e2;
		padding: 5px;
		z-index: 100;
	}
	#dialogPopupLoaderCloseButton {
		color: red;
		cursor: pointer;
	}

	#dialogPopupLoaderTekst {
		padding: 20px;
		text-align: left;
		width: 80%;
		z-index: 100;
	}

	#dialogAlertBG {
		background-color: #000000;
		opacity: 0.25;
		z-index: 200;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}

	#dialogAlert {
		z-index: 200;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	#dialogAlertContainer {
		position: relative;
		margin: 0px auto;
		padding: 0px;
		top: 45%;
		z-index: 200;
		height: auto;
		width: auto;
		min-width: 400px;
		max-width: 400px;
		}

	#dialogAlertContent {
		margin: 0px auto;
		padding: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container*/
		text-align: left; /*resets normal text align following centering in #container*/
		position: relative;
		padding: 0px;
		width: 100%;
		height: auto;
		max-height: 130%;
		min-height: 35%;
		text-align: center;
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 200;
		background-color: #fff;
		border: 5px solid #e2e2e2;
		}

	#dialogAlertTekst {
		position: relative;
		padding: 10px 10px 10px 10px;
		text-align: left;
		z-index: 200;
		}

	#dialogAlertTekst  h2 {
		width: 100%;
		border-bottom: 1px solid #e2e2e2;
		margin-bottom: 10px;
	}

	#dialogAlertTekst a {
		color: #e06161;
	}

	#dialogConfirmBG {
		background-color: #000000;
		opacity: 0.05;
		/*background-image:URL(/admin/images/grey_63trans.png);*/
		z-index: 200;
		position: fixed;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
	}

	#dialogConfirm {
		display: none;
		z-index: 200;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		margin				: 0px auto;
		padding				: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container*/
	}

	#dialogConfirmContainer {
		position			: relative;
		margin				: 0px auto;
		padding				: 0px;
		top						: 45%;
		z-index				: 200;
		height				: auto;
		width					: auto;
		min-width			: 600px;
		max-width			: 600px;
		}

	#dialogConfirmContent {
		margin: 0px auto;
		padding: 0px;
		text-align: left;
		position: relative;
		padding: 0px;
		width: 100%;
		height: auto;
		max-height: 130%;
		min-height: 35%;
		text-align: center;
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 200;
		background-color: #fff;
		border: 5px solid #e2e2e2;
		}

	#dialogConfirmTekst {
		position: relative;
		padding: 10px 10px 10px 10px;
		text-align: left;
		z-index: 200;
		}

	#dialogConfirmTekst  h2 {
		width: 100%;
		border-bottom: 1px solid #e2e2e2;
		margin-bottom: 10px;
	}
	#dialogConfirmTekst a {
		color: #e06161;
	}


	.wcms-subitemblock {
	  border-radius: 2px;
	}

	.wcms-subitemblock .card-img-top {
	  min-height: 11.5rem;
	  max-height: 11.5rem;
	  transition: 0.4s ease;
	  border-radius: 2px 2px 0 0;
	  width: 100%;
	  opacity: 0.6;
	  overflow: hidden;
	  display: inline-block;
	  vertical-align: middle;
	  position: relative;
	  object-fit: cover;
	}

	.wcms-subitemblock .card-img-top.square {
		min-height: 26rem;
		max-height: 26rem;
	}

	@media (max-width: 768px) {
	  .wcms-subitemblock .card-img-top {
	    min-height: 7rem;
	  }
	}

	.wcms-subitemblock .card-img-top img {
	  border-radius: 2px 2px 0 0;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translateX(-50%) translateY(-50%);
	  min-height: 11.5rem;
	  width: 100%;

	}

	.wcms-subitemblock .card-block {
	  text-align: center;
	  transition: 0.4s ease;
	  height: 8rem;
	  overflow: hidden;
	}

	@media (max-width: 769px) {
	  .wcms-subitemblock .card-block {
	    height: auto;
	  }
	}

	.wcms-subitemblock .card-block a {
	  vertical-align: middle;
	  text-decoration: none;
	}

	.wcms-subitemblock .card-block a h4.card-title {
	  overflow-wrap: break-word;
	  font-weight: bold;
	  transition: 0.4s;
	}

	.wcms-subitemblock:hover .card-img-top {
	  opacity: 1;
	}

	.wcms-subitemblock:hover .card-block a h4.card-title {
	  text-decoration: none;
	}

	@media (max-width: 769px) {
	  .wcms-subitemblock:hover .card-block a h4.card-title {
	    font-size: 14px;
	  }
	}

	.nieuwEventKnopBackend {
		font-size: 2.1rem;
	}

	/* fadein */
	.cplus-container.fadein  {
		opacity: 0;
	}
	.cplus-container.fadein.in {
		opacity: 1;
		animation: fadeIn 1.5s ease-in forwards;
	}

	.cplus-content.fadein {
		opacity: 0;
	}
	.cplus-content.fadein.in {
		opacity: 1;
		animation: fadeIn 1s ease-in forwards;
	}

	/* fadeInView */
	@media (min-width: 769px) {
		.cplus-container.fadeInView  {
			opacity: 0;
		}
		.cplus-container.fadeInView.in {
			margin-top: initial;
			animation: fadeIn 1.5s ease-in forwards;
		}

		.cplus-content.fadeInView {
			opacity: 0;
			margin-top: 140px;
		}
		.cplus-content.fadeInView.in {
			margin-top: inherit;
			animation: slideUpInView 1s linear forwards,fadeIn 1s ease-in forwards;
		}

		/* slideUpInView */
		.cplus-container.slideUpInView  {
			margin-top: 140px;
		}
		.cplus-container.slideUpInView.in {
			margin-top: inherit;
		}

		.cplus-content.slideUpInView {
			margin-top: 140px;
		}
		.cplus-content.slideUpInView.in {
			margin-top: inherit;
			/*margin-top: inherit;*/
			/*animation: slideUpInView 1s linear forwards;*/
			animation-name: slideUpInView;
			animation-duration: 1s;
			animation-timing-function: ease;
			animation-fill-mode: forwards;

		}


		/* slideLeftInView */
		.cplus-container.slideLeftInView  {
			margin-top: inherit;
			position: relative;
			left: 20vw;

		}
		.cplus-container.slideLeftInView.in {
			margin-top: inherit;
			animation-name: slideLeftInView;
			animation-duration: 1.25s;
			animation-timing-function: ease-out;
			animation-fill-mode: forwards;
		}

		.cplus-content.slideLeftInView {
			margin-top: inherit;
			position: relative;
			left: 20vw;

		}
		.cplus-content.slideLeftInView.in {
			margin-top: inherit;
			animation-name: slideLeftInView;
			animation-duration: 1.25s;
			animation-timing-function: ease-out;
			animation-fill-mode: forwards;

		}




		/* scaleInView */
		.cplus-container.scaleInView  {
			opacity: 0;
			transform: scale(0.8);
		}
		.cplus-container.scaleInView.in {
			margin-top: inherit;
			animation: scaleInView .8s linear forwards,fadeIn 1s ease-in forwards;
		}

		.cplus-content.scaleInView {
			opacity: 0;
			transform: scale(0.8);
		}
		.cplus-content.scaleInView.in {
			margin-top: inherit;
			animation: scaleInView .8s linear forwards,fadeIn 1s ease-in forwards;
		}
	}

	.in.delayInView100ms {
		animation-delay: .1s;
		-webkit-animation-delay: .1s;
	}
	.in.delayInView150ms {
		animation-delay: .15s;
		-webkit-animation-delay: .15s;
	}
	.in.delayInView200ms {
		animation-delay: .2s;
		-webkit-animation-delay: .2s;
	}
	.in.delayInView250ms {
		animation-delay: .25s;
		-webkit-animation-delay: .25s;
	}
	.in.delayInView300ms {
		animation-delay: .3s;
		-webkit-animation-delay: .3s;
	}
	.in.delayInView400ms {
		animation-delay: .4s;
		-webkit-animation-delay: .4s;
	}
	.in.delayInView500ms {
		animation-delay: .5s;
		-webkit-animation-delay: .5s;
	}
	.in.delayInView750ms {
		animation-delay: .75s;
		-webkit-animation-delay: .75s;
	}
	.in.delayInView1000ms {
		animation-delay: 1s;
		-webkit-animation-delay: 1s;
	}
	.in.delayInView1500ms {
		animation-delay: 1.5s;
		-webkit-animation-delay: 1.5s;
	}
	.in.delayInView2000ms {
		animation-delay: 2s;
		-webkit-animation-delay: 2s;
	}

	#formValidate {
		width: auto;
		padding: 15px;
	}
	#formValidate .opt {
		padding-bottom: 15px;
	}


.slider-captcha {

  position: relative;
  background: #DDD;
  width: 160px;
  height: 32px;
  border: 2px solid #EEE;
  border-radius: 15px;
  flex: none;
  transition: background 0.4s;

	margin-bottom: 10px;

}
	.slider-captcha > .handle {
		cursor: move;
		background: #FFCC00;
		border: 1px solid #222;
		position: absolute;
		width: 30px;
		height: 30px;
		border-radius: 15px;

		left: 0;
		top: -1px;
		z-index: +1;
		transition: background 0.4s;
	}

.slider-captcha.valid {
	background-color: green;
	border-color: olive;
}
.slider-captcha.valid > .handle {
	display: none;
}

.fixRightTop.wcmsGoToAdmin {
	position: fixed;
	top: 5rem;
	right: 0;
	z-index: 9999;
	border-radius: 10px 0px 0px 10px;
	background-color: red;
	padding: 10px;
	box-shadow: 0 0 5px black;
}
.fixRightTop.wcmsGoToAdmin button.btn {
	width: 38px;
}