/* General */
.zk-a-locatiezoeker div, .zk-a-error-message div, .zk-a-zonkracht-outer div {
	margin: 0;
	padding: 0;
}
.zk-a-locatiezoeker p, .zk-a-error-message p, .zk-a-zonkracht-outer p {
	margin: 0 0 1em 0;
	padding: 0;
}

/* Search address */
.zk-a-locatiezoeker-adres {display: inline-block; vertical-align: sub; width: 55px;}
.zk-a-locatiezoeker-zoekbalk {box-shadow: 0 0 1px 1px rgba(204, 204, 204, 0.5); border-radius: 3px; display: inline-block; border: solid 1px #c1c1c1; width: calc(50% - 200px); margin-bottom: 8px;}
.zk-a-locatiezoeker-locatie {padding: 0 0 0 6px; font-family: "RO Sans", Calibri, Verdana, sans-serif; font-size: 16px;background: none; border: none; vertical-align: top; height: 30px; width: calc(100% - 68px); display: inline;}
.zk-a-locatiezoeker-zoekbalk input[type=button] {width: 30px; height: 30px; font-size: 0; padding: 0; margin: 0 ; border: none; border-left: solid 1px #c1c1c1; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; background-color: white; background-repeat: no-repeat; display: inline; vertical-align: top;}
.zk-a-locatiezoeker-start {background-image: url(zonkracht-zoek.png);}
.zk-a-locatiezoeker-geolocatie {background-image: url(zonkracht-position2.png);}

/* Error message */
.zk-a-error-message {margin: 15px 0; color: red;}

/* Map */
.zk-a-map {
	height: 100%;
	min-height: 300px; /* komt 3x voor */
}

/* general */
.zk-a-zonkracht-outer {
	text-align: left;
}

.zk-a-locatiezoeker {
	text-align: left;
}

.ol-viewport {
	min-height: 300px; /* komt 3x voor */
}
.ol-attribution {display: none !important;}
.ol-control button {
	border-radius: 3px !important;
	color: #5b5b5b !important;
	box-shadow: 0 0 1px 1px rgba(204, 204, 204, 0.5) !important;
	background-color: white !important;
    font-weight: normal !important;
    margin: 0 !important;
	cursor: pointer;
}

/* Responsiveness blocks */
.zk-a-zonkracht-blocks {
	display: flex;
	flex-flow: wrap;
}

.zk-a-zonkracht-block {
	flex: 0 0 calc(50% - 20px);
    background-color: #f4f4f4;
    margin: 0;
	border: none;
	min-height: 300px; /* komt 3x voor */
}
.zk-a-zonkracht-block-pad {
	padding: 20px !important;
}
.zk-a-zonkracht-block p:first-child {
	margin-top: 0;
}
.zk-a-grafiek-canvas {
	margin-top: 20px;
	max-width: 100%;
}
.zk-a-zonkracht-block-spacer {
	flex: 0 0 40px;
	height: 40px;
}
.zk-a-zonkracht-block-spacer:nth-child(4) {
	flex: 0 0 100%;
	height: 40px;
}
@media (max-width: 900px) {
	.zk-a-zonkracht-block-map {
		height: 60%;
	}
	.zk-a-zonkracht-block {
		flex: 0 0 100%;
	}
	.zk-a-zonkracht-block-spacer {
		flex: 0 0 100%;
	}
	.zk-a-locatiezoeker-zoekbalk {width: calc(100% - 70px);}
	.zk-a-locatiezoeker-locatie {width: calc(100% - 68px);}
}

.zk-a-map-title {
	position: absolute;
	z-index: 1;
    margin: 20px 0 0 60px !important;
    font-weight: bold;
}

/* Locatie tabel */
.zk-a-zonkracht-locatie-table dl dt, .zk-a-zonkracht-locatie-table dl dd {
	display: inline-block;
	padding: 0;
	margin: 0;
}
.zk-a-zonkracht-locatie-table dl {
	margin-bottom: 4px !important;
}
.zk-a-zonkracht-locatie-table dl dt {
	width: 200px;
	font-weight: normal;
	margin-bottom: 0;
	vertical-align: top;
}
.zk-a-zonkracht-locatie-table dl dd {
	width: calc(100% - 280px);
	margin-bottom: 0;
	vertical-align: top;
}
.zk-a-locatie-padding {
	padding-right: 40px;
}
.zk-a-zonkracht-locatie-table.zk-a-zonkracht-locatie-table-small dl dt, .zk-a-zonkracht-locatie-table.zk-a-zonkracht-locatie-table-small dl dd {
	display: block;
}
.zk-a-zonkracht-locatie-table.zk-a-zonkracht-locatie-table-small dl dt {
	width: initial !important;
	font-weight: bold;
}
.zk-a-zonkracht-locatie-table.zk-a-zonkracht-locatie-table-small dl dd {
	width: initial !important;
}


/* Legenda */
.zk-a-zonkracht-legenda dl {
	margin-bottom: 4px !important;
}
.zk-a-zonkracht-legenda dl dt, .zk-a-zonkracht-legenda dl dd {
	display: inline-block;
	padding: 0;
	margin: 0;
}
.zk-a-zonkracht-legenda dl dt {
	width: 100px;
	font-weight: normal;
	vertical-align: top;
}
.zk-a-zonkracht-legenda dl dd:nth-child(2) {
	width: 120px;
	vertical-align: top;
}
.zk-a-zonkracht-legenda dl dd:nth-child(3) {
	width: calc(100% - 240px);
	vertical-align: top;
}
.zk-a-zonkracht-legenda-small.zk-a-zonkracht-legenda dl:nth-child(2) dd:nth-child(3) { /* Risiconiveaus niet naar volgende regel */
	display: inline;
    margin-left: 0;
}
.zk-a-zonkracht-legenda-small.zk-a-zonkracht-legenda dl dd:nth-child(2) {
	margin-left: -4px;
}
.zk-a-zonkracht-legenda-small.zk-a-zonkracht-legenda dl dd:nth-child(3) {
	width: calc(100% - 140px);
	margin-left: 100px;
}

/* Zonkracht */
.zk-a-zonkracht {
	display: inline-block;
	width: 20px;
	height: 16px;
	border: solid 1px black;
	margin-right: 12px !important;
    vertical-align: text-top;
	font-weight: normal;
}
.zk-a-zonkracht-1 {background-color: #00FF00;}
.zk-a-zonkracht-2 {background-color: #FFFF00;}
.zk-a-zonkracht-3 {background-color: #FFA500;}
.zk-a-zonkracht-4 {background-color: #FF0000;}

.zk-a-date-error {background: red; padding: 6px 12px 4px 12px !important; border-radius: 4px; color: white; display: none;}
.zk-a-date-error-1 .zk-a-date-error {z-index: 1; position: absolute; margin-left: 60px; margin-top: 40px;}
.zk-a-date-error-2 {position: absolute; margin-top: -20px !important;}

/*
.opacity-control {bottom: .5em; left: .5em;}
.slidecontainer span {vertical-align: bottom; padding: 0 0 2px 12px; display: inline-block;}
.slidecontainer input {margin: 4px 12px 2px 20px; vertical-align: middle;}
*/