/* Activiteit */
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
body {
	background-image: url('images/lines-bg.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 30%;
}
h2 {
	color: #169FDB;
}

.navbar-nav > li > a{
	background-color: #009FE3;
}

.navbar-toggler{
	border: none !important;
	color: #009FE3 !important;
}

.navbar-nav li {
	min-width: 150px;
	text-align: center;
	border-right: 1px solid #fff;
}
.navbar-nav .nav-item {
    position: relative;
}

.navbar-nav .nav-link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.75rem 1rem;
}

.navbar-nav li a {
	color: white;
}

.headerActions {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}

.userMenuWrapper,
.winkelWagenWrapper {
	position: relative;
	display: inline-block;
	margin: 0 auto;
}

/* User menu popup */
.userMenu {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 6px;

	background: #fff;
	border: 1px solid #D0D0D0;
	padding: 12px;
	min-width: 200px;
	box-shadow: 0 3px 6px rgba(0,0,0,.12);
	z-index: 990;
}

/* Winkelwagen popup */
#divWinkelwagen {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 6px;
	width: 300px;
	background: #fff;
	border: 1px solid #D0D0D0;
	padding: 15px;
	box-shadow: 0 3px 6px rgba(0,0,0,.12);
	z-index: 990;
}

.logo-wrapper {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.naamZS {
    position: absolute;
    left: 65px;
    top: 45px;
    font-size: 12px;
    color: #333;      
    white-space: nowrap;
    pointer-events: none;
}


#divHeaderMenu img {
	width: 30px;
}

@media (max-width: 767px) {

	/* Header actions row */
	#divHeaderMenu {
		width: 100%;
		margin-top: 8px;
		display: flex;
		justify-content: flex-end;
	}
		/* Remove the blue bar look */
	#divHomeMenu {
		background: none !important;
		padding: 0;
		height: auto;
	}

	#imgHomeMenu {
		display: none; /* hide home icon */
	}
	.navbar-toggle {
		display: inline-flex !important;
		position: absolute;
		top: 20px;
		left: 15px;
		z-index: 1100;
	}
	/* Allow actions to wrap */
	.headerActions {
		flex-wrap: wrap;
	}
	#imgLogoIZM{
		max-width: 300px;
	}
	.naamZS {
		display: none;
	}

	.footer-block{
		margin-bottom: 2em;
	}
}



.form-control {
    -webkit-appearance:none;
}

select.form-control {
	background-image: url('../images/triangle_down.png');
	background-repeat: no-repeat;
	width: 100%;
	background-size: 20px;
	background-position-y: 8px;
	background-position-x: calc(100% - 7px);
}

.tAlignR > div > label {
	background: #F6F5FD !important;
	color: #8b8b8b !important;
	display: block !important;
	text-align: right !important;
}

.divActiviteit {
    font-weight: bold;
    color: #009FE3;
    cursor: pointer;
    margin-bottom: 30px;
    /*min-height: 376px;*/
}
.divActiviteit img {
	margin-bottom:18px;
	width:100%;
}
.divActiviteitInfo {
	width: 630px;
	margin-left: 30px;
}

.divActiviteit .divActiviteitInner {
	border:1px solid #e5e5e5;
	padding:0;
}
	.divActiviteitInner:hover {
		box-shadow: 1px 1px 1px rgba(0,0,0,.03), -1px 1px 1px rgba(0,0,0,.03), 0 3px 4px rgba(0,0,0,.03);
	}
	.divActiviteitInner:active {
		box-shadow: 1px 1px 1px rgba(0,0,0,.06), -1px 1px 1px rgba(0,0,0,.06), 0 3px 4px rgba(0,0,0,.03);
	}

.divActiviteit .divActiviteitInner h3 {
	margin: -3px 12px 12px 12px;
}

.row {
	margin: 15px 0 !important;
}

.divActiviteit .divActiviteitInner .row {
	margin: 0;
}

.container {
	padding: 0;
	margin: 0 auto;
}

.divActiviteit .divActiviteitInner .divActiviteitPrijs {
	padding:0;
	color: #555555;
	font-weight: normal;
	height: 40px;
	line-height: 17px;
	padding-top: 12px;
	margin-left: 12px;
	font-size:16px;
}
.divActiviteit .divActiviteitInner .h3ActiviteitTitel {
	margin-bottom:14px;
	height:24px;
	display: block;
}

.divActiviteitPaginaheader {
	border-bottom: 1px solid #D7D7D7;
	padding-bottom:15px;
	margin:0 0 30px 0;
}
.divActiviteitPaginaheaderBottom {
	border-bottom: 0;
	padding-top:15px;
	padding-bottom:0;
	margin-bottom: 35px;
	border-top: 1px solid #D7D7D7;
}
	.divActiviteitPaginaheader>div {
		padding:0;
	}

#perpagina {
	margin-left:2px;
	width:100px;
}

.divPaginaNummers {
	text-align: right;
	}
	
.divPaginaNummers div {
	display: inline-block;
	height: 36px;
	padding-top: 9px;
	text-align: center;
	width: 36px;
}

.divPaginaNummers div.divSelected {
	background: #B9E6FB;
}
.divPaginaNummers div a {
	color:#009FE3;
}

.divPaginaNummers a img.navRechts {
	margin-left: 15px;
	margin-top:-2px;
}

.divPaginaNummers a img.navLinks {
	margin-right: 15px;
	margin-top:-2px;
}

.divSorteren {
	text-align:right;
	line-height: 11px;
	margin-bottom:29px;
}
.divSorteren span {
	display: inline-block;
}
.divSorteren ul {
	float: right;
}
.divSorteren li {
	list-style-type: none;
	display: inline-block;
}
.divSorteren a {
	color:#009FE3;
	display:inline-block;
	padding-left:25px;
	height:10px;
}

.divSorteren a img {
	float:right;
	height:6px;
	margin-top:2px;
	margin-left:15px;
}

.beschrijving {
	background: #f6f5fd !important;
	color: #8b8b8b;
	font-style: italic;
}

.beschrijving > p {
	margin: 0;
}

/*** Evenement ***/
.divActiviteitAfb {
	margin: 0;
	width: 270px;
}
.evenementAfbeelding {
	border:1px solid #D7D7D7;
	margin-left: -15px;
	max-width: 100%;
}

.h3Evenement {
	margin-top:0;
}

.divEvenementTitelBalk {
	background-color: #B9E6FB;
	color: #009FE3;
	font-weight: bold;
	padding: 7px 15px;
	text-transform: uppercase;
}

#divTijden {
	display: none;
}

.tabTijdenHolder {
	width: 100%;
}

.tabOverzicht table{
	width: 100%;
}

.tabOverzicht th {
	width: 250px;
}

.tabOverzicht input[type="checkbox"] + label, .tabOverzicht input[type="radio"] + label {
	padding: 0;	
}

.tabOverzicht .selAantal {
	text-align: center;
	width: 80px;
}

.tabOverzicht td {
	vertical-align: middle;
}

.tabOverzichtAfronden table {
	width: 900px !important;
	margin: 0 !important;
}
	.tabOverzichtAfronden tbody {
		background: #FFF;
	}

	.tabOverzichtAfronden tr {
		border-bottom: 3px solid #FFF;
	}

	.tabOverzichtAfronden th {
		background: #B9E6FB;
		width: 250px;
		padding: 10px 20px;
		text-align: right;
		color: #009FE3;
	}
	
	.tabOverzichtAfronden td {
		padding: 10px 20px;
		width: calc(100% - 250px) !important;
	}
#divTriage {
	display: none;
}

#divTriageHeader {
	margin-top: 0;
	margin-bottom: 28px !important;
}

.table td {
	border-top: none !important;
}

.rowKalender {
	margin-top:30px;
	margin-bottom:20px;
}

.divArtikelKnoppen {
	margin-top:30px;
}

.divKalenderNav {
	width:100%;
}

.divKalenderNavLinks, .divKalenderNavRechts {
	float:left;
	width:20%;
}

.divKalenderNavLinks img, .divKalenderNavRechts img {
	cursor:pointer;
	width:22px;
}

.divKalenderNavRechts {
	text-align:right;
}

.divKalenderNavRechts img {
	margin-right:15px !important;
}

.divKalenderNavJaar {
	float:left;
	margin-bottom:4px;
	text-align:center;
	width:60%;
}

.divKalenderNavJaar h3 {
	margin:0;
    margin-left:-15px;
	margin-top:3px;
}

.tabKalender {
	margin-bottom: 7px;
}
.tabKalender td, .tabKalender th {
	text-align:center;
	height:35px;
	width:35px;
}

.tabKalender td {
	border:1px solid #D0D0D0;
}

.tabKalender .tdVrij {
	background-color:#B9E6FB;
	cursor:pointer;
}

.tabKalender .tdVrij:hover, .tabKalender .tdGekozen {
	background-color:#009FE3;
	color:#fff;
}

.tabKalender .tdLeeg {
	background-color:#fff;
	border:0;
}

.tabKalender .tdBezet {
	background-color:red;
}

.tabKalender .tdAlGeweest {
	background-color:#F6F6F6 !important;
}

.divKalenderHolder {
	float:left;
	position:relative;
	width:100% !important;
	border:1px solid #D7D7D7;
	padding:15px 16px 8px 15px;
    margin-top:1px;
}

.divKalender {
    margin-bottom:35px;
}

.divKalender .btn-kalender {
    margin-right:15px;
    width:calc(50% - 7.5px);
}

.divKalender .btn-kalender:last-child {
    margin-right:0;
}

.rechterkolom .btn-primary {
	width:129px;
}
.btn-primary:hover {
    background: #5dbde7;
}
.btn-primary:active, .btn-primary:focus {
    background: #73c9ee;
	border: 0px #73c9ee;
}
.highlight {
	background: #3C2D8A !important;
}
	.highlight:link, .highlight:visited {
		background: #3C2D8A !important;
	}
	.highlight:hover {
		background: #6957c1 !important;
	}
	.highlight:active, .highlight:focus {
		background: #7969cb !important;
		border: 0px #7969cb !important;
	}

.rechterkolom img {
    max-width: 100%;
}

.divActiviteitContainer {
    margin-bottom:35px;
}

.divActiviteitContainerHeader {
	color:#009FE3;
	font-weight:bold;
    margin-bottom:25px;
	text-transform:uppercase;
	margin-left:-1px;
}

.divActiviteitContainer strong {
	color:#009FE3;
	display:block;
	overflow-y:auto;
	margin-top:20px;
	margin-left:-1px;
}

.divTijdenLijst {
	margin-bottom:20px;
}

.divTijdslotAantal {
	float:right;
}

.divTijdslotAantal .form-control {
	width:60px !important;
}

.divTijdslotAantal strong, .divTijdslotTijd strong {
	margin-top:0px !important;
	margin-bottom:5px;
}

#alertTriageFout {
	display: none;
	position: relative;
	height: auto;
	background: #F13C00;
	color: white;
	width: 100%;
	text-align: center;
	margin-top: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 999;
}
	.tabKalender {
		width:100%;
	}

	.tabKalender th, .tabKalender td {
		width:14.28%;
	}

	.divActiviteitContainer {
		height:auto;
		margin-bottom:25px;
		margin-left:0;
		margin-top:24px;
		width:100%;
	}

	.divActiviteitContainer::after {
		border-color:transparent transparent #CAD5E0 transparent;
		left:calc(50% - 25px);
		top:-50px;
	}

    .divPaginaNummers {
        top:-35px;
        height:0;
    }

    .evenementAfbeelding {
        width:calc(100% - 5px);
    }


/****************** Algemeen *************************************************************************/

.spanPerPagina {
    display:inline-block;
}

.divContainer {
	padding:0;
	margin-top: 7px;
	flex: 1;
}

.no-transition {
  -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s;
}

.divSubTitel {
	padding:0;
}
	.divSubTitel h3, .colSubTitel h3 {
		color: #2eabff;
		padding: 0;
		margin: 0 0 15px 7px;
	}

.textonlypadding {
	height:36px;
	padding-top: 13px;
	line-height: 10px;
}
.textonly {
	line-height: 11px;
}
.textmargin {
	margin-top:-5px;
}
.textmargin3 {
	margin-top:-3px;
}
strong.textmargin3 {
	margin-top:-2px;
	display:block;
}

.paddingbottom35 {
	margin-bottom: 35px;
}

.kleinekop {
	margin-bottom:15px;
}

#imgWinkelwagen {
	width: 15px !important;
	margin: 10px;
	margin-top: 11px;
}

#divHomeMenu>div {
	padding:0;
}

#imgHomeMenu {
	float:left;
}

.divInWinkelwagen {
	background-color:#009FE3;
	color:#fff;
	float:right;
	font-weight:normal;
	height:40px;
	width:60px;
	padding-top:10px;
	text-align:center;

	background-image: url(../images/winkelwagen_wit.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.clearboth {
clear: both;
}

.divUsrIco {
	background-color:#009FE3;
	color:#fff;
	float:right;
	font-weight:normal;
	height:40px;
	width:60px;
	padding-top:10px;
	text-align:center;

	background-image: url(../images/user.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.btn-vastewidth, .btn-vastewidth:hover {
	width:140px;
}

.formHolder {
	margin-bottom: 35px !important;
}

.row-select-col-center {
	padding-top: 7px;
}

/****************** Menu, winkelwagen ************************************************************************/


	#divWinkelwagen h3 {
		margin-bottom:22px;
		margin-top:-3px;
	}

	#divWinkelwagen a {
		float:right;
	}

	#divWinkelwagen .submitKnop {
		float:right;
		margin-bottom:10px;
		position: relative;
		left:-10px;
	}

.tabWinkelwagen {
	border-collapse:collapse;
	/*margin-bottom: 35px;*/
}

	.tabWinkelwagen td {
		height:33px;
	}

	.tabWinkelwagen .tdArtikel {
		color:#009FE3;
		font-weight:bold;
		width:250px;
	}
	.tabWinkelwagen .tdAantal {
		text-align:right;
		width:50px;
	}

	.tabWinkelwagen .tdPrijs {
		text-align:right;
		width:80px;
	}

	.tabWinkelwagen .tdArtikelLes img {
		float:none !important;
		margin-top:0 !important;
		position:absolute;
		width:18px !important;
	}

	.tabWinkelwagen .tdArtikelLes a {
		float:none !important;
		position:relative;
		margin-left:0 !important;
	}

	.tabWinkelwagen .tdTotaalBedrag {
		border-top:1px solid #009FE3;
		font-weight:bold;
		padding:15px 0 25px 0;
		text-align:right;
	}
.tdTotaalBedrag, .tdTotaalPrijs {
	padding:15px 0 14px 0 !important;
}
.pijlenholder{
	padding-bottom: 12px;
	position: relative;
}
.tabWinkelwagen .tdTotaalPrijs {
	border-top:1px solid #009FE3;
	font-weight:bold;
	padding:15px 0 25px 0;
	text-align:right;
}

#divWinkelwagenAantal {
	background: #3c2d8a;
	behavior: url(PIE.htc);
	border-radius: 100%;
	font-size: 11px;
	color: #fff;
	padding-top: 1px;
	position: absolute;
	top: -5px;
	left: 21px;
	height: 16px;
	text-align: center;
	width: 16px;
}

/****************** Menu, Login ************************************************************************/
.userMenuButton {
	padding: 3px 35px 5px 5px;
	background: #FFF url(../images/user.png);
    background-size: 27px;
    background-repeat: no-repeat;
    background-position:100% 50%;
	z-index: 990;
}
.userMenuButton:hover {
	cursor: pointer;
}

.userMenutonen {
	display: block;
}
.divButtonsTable {
    padding-top:35px;
}
/****************** Footer ******************************************************/

.footer {
	background-position: bottom;
	background-size: 100%;
	background-repeat: no-repeat;
	color: #484690;
	margin-top: auto;
	width: 100%;
	border-top:2px solid #484690;
	justify-content: center;
	margin: 0 auto;
}

	
.PPILogo {
	width: 150px;
	margin-top: 24px;
}

.divWachtwoordInfo {
    margin-bottom:10px;
}

.h3KlantPaneel {
    margin-bottom:31px;
    margin-top:-4px;
}

.h3KlantPaneelTab {
    margin-bottom:12px;
}

.tabOverzicht + .h3KlantPaneelTab {
    margin-top:-5px;
}

.divFormHolderNoPadding {
    padding-bottom:0;
}


/* Firefox..... */

@-moz-document url-prefix() {
	.imgActiviteit {
		margin-bottom:24px !important;
	}

    .divKalenderHolder {
        padding:15px 15px 8px 16px
    }
    .pixellagerfirefox4 {
    	margin-top: -4px;
    }
    .firefoxpixelonderkant13 {
    	margin-bottom:13px;
    }
    .tabOverzicht + .h3KlantPaneelTab {
	    margin-top:-4px;
	}
}

/* Algemene voorwaarden */
.divBottomMargin {
	margin-bottom: 15px;
}

.navLink {
	cursor: pointer;
	color: #337ab7;
	text-decoration: underline;
}

h3 + .divTekst {
	margin-top: -15px;
}

.divButtonsNoPaddingBottom {
	padding-bottom: 0;
}

/* Kruimelpad winkelwagen */

#divKruimelpadWinkelwagen {
	margin: 0;
}

.divPijl {
	height: 40px;
	padding: 0;
}

.divPijl img {
	float: left;
	height: 40px;
}

.spanPijl {
	background: #B9E6FB;
	box-sizing: border-box;
	color: #00ADEE;
	float: left;
	height: 100%;
	padding-left: 10px;
	padding-top: 10px;
	text-align: center;
}

.spanPijlActief {
	background: #009FE3;
	color: white;
}

.spanPijlKort {
	width: calc(100% - 16px);
}

.spanPijlLang {
	width: calc(100% - 32px);
}

/* Kortingscode winkelwagen */

#kortingsCode {
	margin-top:32px;
}

.kortingsCodeVeld {
	display: inline;
	margin: 5px 20px 5px;
	height: 34px;
	width: 200px;
}

.kortingsCodeSubmit {
	margin: 35px 0 0 0;
}
.breadcrumb{
	background-color: #f5f5f5;
	padding: 8px 15px;
	border-radius: 4px;
}