/*
 * Adapted from script generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
 */

.flag {
    width: 32px;
    height: 32px;
    background: url('/lib/country-flags/country-flag.png') no-repeat;
}

.flag.flag-ad {
    background-position: -32px 0;
}

.flag.flag-ae {
    background-position: -64px 0;
}

.flag.flag-af {
    background-position: -96px 0;
}

.flag.flag-ag {
    background-position: -128px 0;
}

.flag.flag-ai {
    background-position: -160px 0;
}

.flag.flag-al {
    background-position: -192px 0;
}

.flag.flag-am {
    background-position: -224px 0;
}

.flag.flag-an {
    background-position: -256px 0;
}

.flag.flag-ao {
    background-position: -288px 0;
}

.flag.flag-ar {
    background-position: -320px 0;
}

.flag.flag-as {
    background-position: -352px 0;
}

.flag.flag-at {
    background-position: -384px 0;
}

.flag.flag-au {
    background-position: -416px 0;
}

.flag.flag-aw {
    background-position: -448px 0;
}

.flag.flag-ax {
    background-position: -480px 0;
}

.flag.flag-az {
    background-position: 0 -32px;
}

.flag.flag-ba {
    background-position: -32px -32px;
}

.flag.flag-bb {
    background-position: -64px -32px;
}

.flag.flag-bd {
    background-position: -96px -32px;
}

.flag.flag-be {
    background-position: -128px -32px;
}

.flag.flag-bf {
    background-position: -160px -32px;
}

.flag.flag-bg {
    background-position: -192px -32px;
}

.flag.flag-bh {
    background-position: -224px -32px;
}

.flag.flag-bi {
    background-position: -256px -32px;
}

.flag.flag-bj {
    background-position: -288px -32px;
}

.flag.flag-bl {
    background-position: -320px -32px;
}

.flag.flag-bm {
    background-position: -352px -32px;
}

.flag.flag-bn {
    background-position: -384px -32px;
}

.flag.flag-bo {
    background-position: -416px -32px;
}

.flag.flag-br {
    background-position: -448px -32px;
}

.flag.flag-bs {
    background-position: -480px -32px;
}

.flag.flag-bt {
    background-position: 0 -64px;
}

.flag.flag-bw {
    background-position: -32px -64px;
}

.flag.flag-by {
    background-position: -64px -64px;
}

.flag.flag-bz {
    background-position: -96px -64px;
}

.flag.flag-ca {
    background-position: -128px -64px;
}

.flag.flag-cd {
    background-position: -160px -64px;
}

.flag.flag-cf {
    background-position: -192px -64px;
}

.flag.flag-cg {
    background-position: -224px -64px;
}

.flag.flag-ch {
    background-position: -256px -64px;
}

.flag.flag-ci {
    background-position: -288px -64px;
}

.flag.flag-ck {
    background-position: -320px -64px;
}

.flag.flag-cl {
    background-position: -352px -64px;
}

.flag.flag-cm {
    background-position: -384px -64px;
}

.flag.flag-cn {
    background-position: -416px -64px;
}

.flag.flag-co {
    background-position: -448px -64px;
}

.flag.flag-cr {
    background-position: -480px -64px;
}

.flag.flag-cu {
    background-position: 0 -96px;
}

.flag.flag-cv {
    background-position: -32px -96px;
}

.flag.flag-cw {
    background-position: -64px -96px;
}

.flag.flag-cy {
    background-position: -96px -96px;
}

.flag.flag-cz {
    background-position: -128px -96px;
}

.flag.flag-de {
    background-position: -160px -96px;
}

.flag.flag-dj {
    background-position: -192px -96px;
}

.flag.flag-dk {
    background-position: -224px -96px;
}

.flag.flag-dm {
    background-position: -256px -96px;
}

.flag.flag-do {
    background-position: -288px -96px;
}

.flag.flag-dz {
    background-position: -320px -96px;
}

.flag.flag-ec {
    background-position: -352px -96px;
}

.flag.flag-ee {
    background-position: -384px -96px;
}

.flag.flag-eg {
    background-position: -416px -96px;
}

.flag.flag-eh {
    background-position: -448px -96px;
}

.flag.flag-er {
    background-position: -480px -96px;
}

.flag.flag-es {
    background-position: 0 -128px;
}

.flag.flag-et {
    background-position: -32px -128px;
}

.flag.flag-eu {
    background-position: -64px -128px;
}

.flag.flag-fi {
    background-position: -96px -128px;
}

.flag.flag-fj {
    background-position: -128px -128px;
}

.flag.flag-fk {
    background-position: -160px -128px;
}

.flag.flag-fm {
    background-position: -192px -128px;
}

.flag.flag-fo {
    background-position: -224px -128px;
}

.flag.flag-fr {
    background-position: -256px -128px;
}

.flag.flag-ga {
    background-position: -288px -128px;
}

.flag.flag-gb {
    background-position: -320px -128px;
}

.flag.flag-gd {
    background-position: -352px -128px;
}

.flag.flag-ge {
    background-position: -384px -128px;
}

.flag.flag-gg {
    background-position: -416px -128px;
}

.flag.flag-gh {
    background-position: -448px -128px;
}

.flag.flag-gi {
    background-position: -480px -128px;
}

.flag.flag-gl {
    background-position: 0 -160px;
}

.flag.flag-gm {
    background-position: -32px -160px;
}

.flag.flag-gn {
    background-position: -64px -160px;
}

.flag.flag-gp {
    background-position: -96px -160px;
}

.flag.flag-gq {
    background-position: -128px -160px;
}

.flag.flag-gr {
    background-position: -160px -160px;
}

.flag.flag-gs {
    background-position: -192px -160px;
}

.flag.flag-gt {
    background-position: -224px -160px;
}

.flag.flag-gu {
    background-position: -256px -160px;
}

.flag.flag-gw {
    background-position: -288px -160px;
}

.flag.flag-gy {
    background-position: -320px -160px;
}

.flag.flag-hk {
    background-position: -352px -160px;
}

.flag.flag-hn {
    background-position: -384px -160px;
}

.flag.flag-hr {
    background-position: -416px -160px;
}

.flag.flag-ht {
    background-position: -448px -160px;
}

.flag.flag-hu {
    background-position: -480px -160px;
}

.flag.flag-ic {
    background-position: 0 -192px;
}

.flag.flag-id {
    background-position: -32px -192px;
}

.flag.flag-ie {
    background-position: -64px -192px;
}

.flag.flag-il {
    background-position: -96px -192px;
}

.flag.flag-im {
    background-position: -128px -192px;
}

.flag.flag-in {
    background-position: -160px -192px;
}

.flag.flag-iq {
    background-position: -192px -192px;
}

.flag.flag-ir {
    background-position: -224px -192px;
}

.flag.flag-is {
    background-position: -256px -192px;
}

.flag.flag-it {
    background-position: -288px -192px;
}

.flag.flag-je {
    background-position: -320px -192px;
}

.flag.flag-jm {
    background-position: -352px -192px;
}

.flag.flag-jo {
    background-position: -384px -192px;
}

.flag.flag-jp {
    background-position: -416px -192px;
}

.flag.flag-ke {
    background-position: -448px -192px;
}

.flag.flag-kg {
    background-position: -480px -192px;
}

.flag.flag-kh {
    background-position: 0 -224px;
}

.flag.flag-ki {
    background-position: -32px -224px;
}

.flag.flag-km {
    background-position: -64px -224px;
}

.flag.flag-kn {
    background-position: -96px -224px;
}

.flag.flag-kp {
    background-position: -128px -224px;
}

.flag.flag-kr {
    background-position: -160px -224px;
}

.flag.flag-kw {
    background-position: -192px -224px;
}

.flag.flag-ky {
    background-position: -224px -224px;
}

.flag.flag-kz {
    background-position: -256px -224px;
}

.flag.flag-la {
    background-position: -288px -224px;
}

.flag.flag-lb {
    background-position: -320px -224px;
}

.flag.flag-lc {
    background-position: -352px -224px;
}

.flag.flag-li {
    background-position: -384px -224px;
}

.flag.flag-lk {
    background-position: -416px -224px;
}

.flag.flag-lr {
    background-position: -448px -224px;
}

.flag.flag-ls {
    background-position: -480px -224px;
}

.flag.flag-lt {
    background-position: 0 -256px;
}

.flag.flag-lu {
    background-position: -32px -256px;
}

.flag.flag-lv {
    background-position: -64px -256px;
}

.flag.flag-ly {
    background-position: -96px -256px;
}

.flag.flag-ma {
    background-position: -128px -256px;
}

.flag.flag-mc {
    background-position: -160px -256px;
}

.flag.flag-md {
    background-position: -192px -256px;
}

.flag.flag-me {
    background-position: -224px -256px;
}

.flag.flag-mf {
    background-position: -256px -256px;
}

.flag.flag-mg {
    background-position: -288px -256px;
}

.flag.flag-mh {
    background-position: -320px -256px;
}

.flag.flag-mk {
    background-position: -352px -256px;
}

.flag.flag-ml {
    background-position: -384px -256px;
}

.flag.flag-mm {
    background-position: -416px -256px;
}

.flag.flag-mn {
    background-position: -448px -256px;
}

.flag.flag-mo {
    background-position: -480px -256px;
}

.flag.flag-mp {
    background-position: 0 -288px;
}

.flag.flag-mq {
    background-position: -32px -288px;
}

.flag.flag-mr {
    background-position: -64px -288px;
}

.flag.flag-ms {
    background-position: -96px -288px;
}

.flag.flag-mt {
    background-position: -128px -288px;
}

.flag.flag-mu {
    background-position: -160px -288px;
}

.flag.flag-mv {
    background-position: -192px -288px;
}

.flag.flag-mw {
    background-position: -224px -288px;
}

.flag.flag-mx {
    background-position: -256px -288px;
}

.flag.flag-my {
    background-position: -288px -288px;
}

.flag.flag-mz {
    background-position: -320px -288px;
}

.flag.flag-na {
    background-position: -352px -288px;
}

.flag.flag-nc {
    background-position: -384px -288px;
}

.flag.flag-ne {
    background-position: -416px -288px;
}

.flag.flag-nf {
    background-position: -448px -288px;
}

.flag.flag-ng {
    background-position: -480px -288px;
}

.flag.flag-ni {
    background-position: 0 -320px;
}

.flag.flag-nl {
    background-position: -32px -320px;
}

.flag.flag-no {
    background-position: -64px -320px;
}

.flag.flag-sj {
    background-position: -64px -320px;
}

.flag.flag-np {
    background-position: -96px -320px;
}

.flag.flag-nr {
    background-position: -128px -320px;
}

.flag.flag-nu {
    background-position: -160px -320px;
}

.flag.flag-nz {
    background-position: -192px -320px;
}

.flag.flag-om {
    background-position: -224px -320px;
}

.flag.flag-pa {
    background-position: -256px -320px;
}

.flag.flag-pe {
    background-position: -288px -320px;
}

.flag.flag-pf {
    background-position: -320px -320px;
}

.flag.flag-pg {
    background-position: -352px -320px;
}

.flag.flag-ph {
    background-position: -384px -320px;
}

.flag.flag-pk {
    background-position: -416px -320px;
}

.flag.flag-pl {
    background-position: -448px -320px;
}

.flag.flag-pn {
    background-position: -480px -320px;
}

.flag.flag-pr {
    background-position: 0 -352px;
}

.flag.flag-ps {
    background-position: -32px -352px;
}

.flag.flag-pt {
    background-position: -64px -352px;
}

.flag.flag-pw {
    background-position: -96px -352px;
}

.flag.flag-py {
    background-position: -128px -352px;
}

.flag.flag-qa {
    background-position: -160px -352px;
}

.flag.flag-re {
    background-position: -192px -352px;
}

.flag.flag-ro {
    background-position: -224px -352px;
}

.flag.flag-rs {
    background-position: -256px -352px;
}

.flag.flag-ru {
    background-position: -288px -352px;
}

.flag.flag-rw {
    background-position: -320px -352px;
}

.flag.flag-sa {
    background-position: -352px -352px;
}

.flag.flag-sb {
    background-position: -384px -352px;
}

.flag.flag-sc {
    background-position: -416px -352px;
}

.flag.flag-sd {
    background-position: -448px -352px;
}

.flag.flag-se {
    background-position: -480px -352px;
}

.flag.flag-sg {
    background-position: 0 -384px;
}

.flag.flag-sh {
    background-position: -32px -384px;
}

.flag.flag-si {
    background-position: -64px -384px;
}

.flag.flag-sk {
    background-position: -96px -384px;
}

.flag.flag-sl {
    background-position: -128px -384px;
}

.flag.flag-sm {
    background-position: -160px -384px;
}

.flag.flag-sn {
    background-position: -192px -384px;
}

.flag.flag-so {
    background-position: -224px -384px;
}

.flag.flag-sr {
    background-position: -256px -384px;
}

.flag.flag-ss {
    background-position: -288px -384px;
}

.flag.flag-st {
    background-position: -320px -384px;
}

.flag.flag-sv {
    background-position: -352px -384px;
}

.flag.flag-sy {
    background-position: -384px -384px;
}

.flag.flag-sz {
    background-position: -416px -384px;
}

.flag.flag-tc {
    background-position: -448px -384px;
}

.flag.flag-td {
    background-position: -480px -384px;
}

.flag.flag-tf {
    background-position: 0 -416px;
}

.flag.flag-tg {
    background-position: -32px -416px;
}

.flag.flag-th {
    background-position: -64px -416px;
}

.flag.flag-tj {
    background-position: -96px -416px;
}

.flag.flag-tk {
    background-position: -128px -416px;
}

.flag.flag-tl {
    background-position: -160px -416px;
}

.flag.flag-tm {
    background-position: -192px -416px;
}

.flag.flag-tn {
    background-position: -224px -416px;
}

.flag.flag-to {
    background-position: -256px -416px;
}

.flag.flag-tr {
    background-position: -288px -416px;
}

.flag.flag-tt {
    background-position: -320px -416px;
}

.flag.flag-tv {
    background-position: -352px -416px;
}

.flag.flag-tw {
    background-position: -384px -416px;
}

.flag.flag-tz {
    background-position: -416px -416px;
}

.flag.flag-ua {
    background-position: -448px -416px;
}

.flag.flag-ug {
    background-position: -480px -416px;
}

.flag.flag-us {
    background-position: 0 -448px;
}

.flag.flag-uy {
    background-position: -32px -448px;
}

.flag.flag-uz {
    background-position: -64px -448px;
}

.flag.flag-va {
    background-position: -96px -448px;
}

.flag.flag-vc {
    background-position: -128px -448px;
}

.flag.flag-ve {
    background-position: -160px -448px;
}

.flag.flag-vg {
    background-position: -192px -448px;
}

.flag.flag-vi {
    background-position: -224px -448px;
}

.flag.flag-vn {
    background-position: -256px -448px;
}

.flag.flag-vu {
    background-position: -288px -448px;
}

.flag.flag-wf {
    background-position: -320px -448px;
}

.flag.flag-ws {
    background-position: -352px -448px;
}

.flag.flag-ye {
    background-position: -384px -448px;
}

.flag.flag-yt {
    background-position: -416px -448px;
}

.flag.flag-za {
    background-position: -448px -448px;
}

.flag.flag-zm {
    background-position: -480px -448px;
}

.flag.flag-xk {
    background-position: -32px -480px;
}

.flag.flag-zw {
    background-position: 0 -480px;
}
.marker {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;

}

.scale.small {
    background-size: 50% 50%;
    -webkit-mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom;

}

.scale.medium {
    background-size: 80% 80%;
    -webkit-mask-size: 80%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom;
        
}

i.marker {
    width: 20px;
    height: 20px;
    background-size: 20px;
    display: inline-block;
    margin-right: 4px;
}


.marker.start {
	background-image: url('/img/markers/flaggreen.gif');
}

.marker.via {
    background-image: url('/img/markers/flagblue.gif');
}

.marker.stop { background-image: url('/img/markers/flagred.gif'); }
.marker.manoeuvre { background-image: url('/img/markers/point.gif'); }
.marker.parking { background-image: url('/img/markers/parking.svg'); }
.marker.mannenmedia {
	background-image: url('/img/bandenspanning_marker.png');
}

.marker.point {background-image: url('/img/markers/point6.gif')}

.marker.warning_queue { background-image: url('/img/markers/traffic/warning_queue.svg'); }
.marker.sign_detour { background-image: url('/img/markers/traffic/sign_detour.svg'); }
.marker.sign_blocked_road { background-image: url('/img/markers/traffic/sign_blocked_road.svg'); }
.marker.warning_roadworks { background-image: url('/img/markers/traffic/warning_roadworks.svg'); }
.marker.warning_objects_on_road { background-image: url('/img/markers/traffic/warning_objects_on_road.svg'); }
.marker.matrixsign_lane_closed { background-image: url('/img/markers/traffic/matrixsign_lane_closed.svg');}
.marker.warning_road_narrows { background-image: url('/img/markers/traffic/warning_road_narrows.svg'); }
.marker.sign_stop_hard { background-image: url('/img/markers/traffic/sign_stop_hard.svg'); }
.marker.warning { background-image: url('/img/markers/traffic/warning.svg');  }
.marker.warning_accident { background-image: url('/img/markers/traffic/warning_accident.svg'); }
.marker.warning_slippery_road { background-image: url('/img/markers/traffic/warning_slippery_road.png'); }
.marker.warning_camera { background-image: url('/img/markers/traffic/warning_camera.png');}
.marker.emissionzone { background-image: url('/img/markers/traffic/emissionzone.svg');}
.mapLink { 
	font-size:12px;
	text-decoration:none;
}


.directionsign {
	margin: 0, .5em;
	background-color: #0066ff;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: .1em;
	border-radius: 0.1em;
	text-align: center;
	padding: 5px;
	border: 2px solid #0066ff;
}


.urbanstart {
	margin: 0, .5em;
	font-style : normal;
	font-weight : bold;
	text-decoration: none;
	background-color:#FFFFFF;
	text-align:center;
	padding:.3em;
	color:White;
	background-color:#005497;
	letter-spacing: .1em;
	border-radius: 0.1em;
}

.urbanend {
	margin: 0, .5em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: center;
	padding: .3em;
	color: White;
	background-color: #005497;
	letter-spacing: .1em;
	border-radius: 0.1em;
	text-decoration: line-through solid 2px white;
}


.maneuver:first-letter {
	text-transform: uppercase;
}

.road-name-sign {
    display: inline-block;
    min-width:50px;
    max-width:60px;
    height: 36px;
    padding: 8px 0px;
    /*border: 1px solid;*/
    border-radius: 2px;
    text-align: center;
    line-height: 18px;
    font-weight: bold;
    background-color: white;
    color: black;
    outline-offset: -3px;
    outline: solid 1px black;
    font-size:14px;
}


.road-name-sign-A { background-color: red; color: white; outline-color: white;}
.road-name-sign-B { background-color: #FFC300; color: black; outline-color: black}
.road-name-sign-E { background-color: green;color: white; outline-color: white; }
.road-name-sign-D { background-color: #FFC300; color: black; outline-color: black;}


.country-NL.road-name-sign-A { background-color: red;    color: white; outline-color: white;}
.country-NL.road-name-sign-B { background-color: #FFC300; color: black; outline-color: black;}
.country-NL.road-name-sign-E { background-color: green;    color: white;   outline-color: white;}
.country-NL.road-name-sign-N { background-color: #FFC300; color: black; outline-color:black;}

.country-DE.road-name-sign-A { background-color: blue;   color: white; outline-color:white;}
.country-DE.road-name-sign-B { background-color: #FFC300; color: black; outline-color: black; }
.country-DE.road-name-sign-E { background-color: green;    color: white;   outline-color: white;}
.country-DE.road-name-sign-K { background-color: green;    color: white;    outline-color: white;}
.country-DE.road-name-sign-L { background-color: white;  color: black; outline-color: black;}
.country-DE.road-name-sign-S { background-color: white;  color: black; outline-color: black;}
.country-DE.road-name-sign-I { background-color: white;  color: black; outline-color: black;}

.country-BE.road-name-sign-A { background-color: white; color: black; outline-color: black;}
.country-BE.road-name-sign-E { background-color: green; color: white; outline-color: white;}
.country-BE.road-name-sign-B { background-color: blue;  color: white; outline-color:white; }
.country-BE.road-name-sign-N { background-color: blue;  color: white; outline-color: white; }
.country-BE.road-name-sign-R { background-color: white;  color: black; outline-color: black; }
.country-BE.road-name-sign-X { background-color: white; color: black; outline-color: black; }


.country-FR.road-name-sign-N { background-color: red; color: white;outline-color: white; }
.country-FR.road-name-sign-M { background-color: cornflowerblue; color: white; outline-color: white;}




/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(../lib/leaflet/#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(../lib/leaflet/images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(../lib/leaflet/images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(../lib/leaflet/images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

.leaflet-contextmenu {
    display: none;
    box-shadow: 0 1px 7px rgba(0,0,0,0.4);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px 0;
    background-color: #fff;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.leaflet-contextmenu a.leaflet-contextmenu-item {
    display: block;
    color: #222;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    padding: 0 12px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: default;
    outline: none;
}

.leaflet-contextmenu a.leaflet-contextmenu-item-disabled {
    opacity: 0.5;
}

.leaflet-contextmenu a.leaflet-contextmenu-item.over {
    background-color: #f4f4f4;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.leaflet-contextmenu a.leaflet-contextmenu-item-disabled.over {
    background-color: inherit;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.leaflet-contextmenu-icon {
    margin: 2px 8px 0 0;
    width: 16px;
    height: 16px;
    float: left;
    border: 0;
}

.leaflet-contextmenu-separator {
    border-bottom: 1px solid #ccc;
    margin: 5px 0;
}

.leaflet-control-fullscreen a {
  background:#fff url(../lib/leaflet/fullscreen.png) no-repeat 0 0;
  background-size:26px 52px;
  }
  .leaflet-touch .leaflet-control-fullscreen a {
    background-position: 2px 2px;
    }
  .leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-position:0 -26px;
    }
  .leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-position: 2px -24px;
    }

/* Do not combine these two rules; IE will break. */
.leaflet-container:-webkit-full-screen {
  width:100%!important;
  height:100%!important;
  }
.leaflet-container.leaflet-fullscreen-on {
  width:100%!important;
  height:100%!important;
  }

.leaflet-pseudo-fullscreen {
  position:fixed!important;
  width:100%!important;
  height:100%!important;
  top:0!important;
  left:0!important;
  z-index:99999;
  }

@media
  (-webkit-min-device-pixel-ratio:2),
  (min-resolution:192dpi) {
    .leaflet-control-fullscreen a {
      background-image:url(../lib/leaflet/fullscreen@2x.png);
    }
  }

.leaflet-notification {
    width: 300px;
    min-height: 50px;
    padding: 10px;
    margin: 0 0 1rem 0;
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    border-radius: 5px;
    transition: opacity 0.3s ease;
    display: table;
    opacity: 0;
}

.leaflet-notification.dismissable {
    cursor: pointer;
}

.leaflet-notification.alert > .leaflet-notification-icon > i,
.leaflet-notification.alert > .leaflet-notification-close-button {
    color: rgb(138, 7, 20);
}

.leaflet-notification.info > .leaflet-notification-icon > i,
.leaflet-notification.info > .leaflet-notification-close-button {
    color: rgb(55, 134, 170);
}

.leaflet-notification.success > .leaflet-notification-icon > i,
.leaflet-notification.success > .leaflet-notification-close-button {
    color: rgb(48, 131, 51);
}

.leaflet-notification.warning > .leaflet-notification-icon > i,
.leaflet-notification.warning > .leaflet-notification-close-button {
    color: rgb(197, 103, 2);
}

.leaflet-notification.custom > .leaflet-notification-icon > i,
.leaflet-notification.custom > .leaflet-notification-close-button {
    color: rgb(162, 162, 162);
}

.leaflet-notification.alert {
    background-color: rgba(199, 66, 67, 0.95);
    color: #f3f3f3;
    border: solid rgb(138, 7, 20);
    border-width: 0 0 0 4px;
}

.leaflet-notification.info {
    background-color: rgba(61, 171, 198, 0.95);
    color: #f3f3f3;
    border: solid rgb(55, 134, 170);
    border-width: 0 0 0 4px;
}

.leaflet-notification.success {
    background-color: rgba(74, 162, 85, 0.95);
    color: #f3f3f3;
    border: solid rgb(48, 131, 51);
    border-width: 0 0 0 4px;
}

.leaflet-notification.warning {
    background-color: rgba(237, 154, 71, 0.95);
    color: #f3f3f3;
    border: solid rgb(197, 103, 2);
    border-width: 0 0 0 4px;
}

.leaflet-notification.custom {
    background-color: rgba(228, 228, 228, 0.95);
    color: rgb(73, 73, 73);
    border: solid rgb(162, 162, 162);
    border-width: 0 0 0 4px;
}

.leaflet-notification-content {
    display: table-cell;
    vertical-align: middle;
}

.leaflet-notification-title,
.leaflet-notification-message {
    margin-left: 10px;
}

.leaflet-notification > .leaflet-notification-content > .leaflet-notification-title {
    font-weight: 800;
}

.leaflet-notification-close-button {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    float: right;
}

.leaflet-notification-close-button:hover {
    font-size: 22px;
    color: red;
}

.leaflet-notification-icon {
    display: table-cell;
    vertical-align: middle;
    font-size: 22pt;
    width: 30px;
}

/* pastel styles */
.pastel > .leaflet-notification.alert {
    background-color: rgba(248, 215, 218, 0.95);
    color: rgb(114, 28, 36);
    border: solid rgb(114, 28, 36);
    border-width: 0 0 0 4px;
}

.pastel > .leaflet-notification.success {
    background-color: rgba(212, 237, 218, 0.95);
    color: rgb(21, 87, 36);
    border: solid rgb(21, 87, 36);
    border-width: 0 0 0 4px;
}

.pastel > .leaflet-notification.warning {
    background-color: rgba(255, 243, 205, 0.95);
    color: rgb(133, 100, 4);
    border: solid rgb(133, 100, 4);
    border-width: 0 0 0 4px;
}

.pastel > .leaflet-notification.info {
    background-color: rgba(209, 236, 241, 0.95);
    color: rgb(12, 84, 96);
    border: solid rgb(12, 84, 96);
    border-width: 0 0 0 4px;
}

.pastel > .leaflet-notification.custom {
    background-color: rgba(235, 235, 235, 0.95);
    color: rgb(80, 80, 80);
    border: solid rgb(80, 80, 80);
    border-width: 0 0 0 4px;
}

.pastel > .leaflet-notification.alert > .leaflet-notification-icon > i,
.pastel > .leaflet-notification.alert > .leaflet-notification-close-button {
    color: rgb(114, 28, 36);
}

.pastel > .leaflet-notification.info > .leaflet-notification-icon > i,
.pastel > .leaflet-notification.info > .leaflet-notification-close-button {
    color: rgb(12, 84, 96);
}

.pastel > .leaflet-notification.success > .leaflet-notification-icon > i,
.pastel > .leaflet-notification.success > .leaflet-notification-close-button {
    color: rgb(21, 87, 36);
}

.pastel > .leaflet-notification.warning > .leaflet-notification-icon > i,
.pastel > .leaflet-notification.warning > .leaflet-notification-close-button {
    color: rgb(133, 100, 4);
}

.pastel > .leaflet-notification.custom > .leaflet-notification-icon > i,
.pastel > .leaflet-notification.custom > .leaflet-notification-close-button {
    color: rgb(80, 80, 80);
}

/* modern styles */

.modern > .leaflet-notification {
    border-radius: 2px;
    color: rgb(51, 51, 51);
}

.modern > .leaflet-notification.alert {
    background-color: rgba(255, 255, 255, 0.95);
    border: solid rgb(204, 39, 56);
    border-width: 0 0 0 4px;
}

.modern > .leaflet-notification.success {
    background-color: rgba(255, 255, 255, 0.95);
    border: solid rgb(50, 218, 63);
    border-width: 0 0 0 4px;
}

.modern > .leaflet-notification.warning {
    background-color: rgba(255, 255, 255, 0.95);
    border: solid rgb(254, 190, 20);
    border-width: 0 0 0 4px;
}

.modern > .leaflet-notification.info {
    background-color: rgba(255, 255, 255, 0.95);
    border: solid rgb(26, 118, 229);
    border-width: 0 0 0 4px;
}

.modern > .leaflet-notification.custom {
    background-color: rgba(255, 255, 255, 0.95);
    border: solid rgb(94, 94, 94);
    border-width: 0 0 0 4px;
}

.modern > .leaflet-notification.alert > .leaflet-notification-icon > i {
    color: rgb(204, 39, 56);
}

.modern > .leaflet-notification.info > .leaflet-notification-icon > i {
    color: rgb(26, 118, 229);
}

.modern > .leaflet-notification.success > .leaflet-notification-icon > i {
    color: rgb(50, 218, 63);
}

.modern > .leaflet-notification.warning > .leaflet-notification-icon > i {
    color: rgb(254, 190, 20);
}

.modern > .leaflet-notification.custom > .leaflet-notification-icon > i {
    color: rgb(94, 94, 94);
}

.modern > .leaflet-notification .leaflet-notification-content .leaflet-notification-message,
.modern > .leaflet-notification > .leaflet-notification-close-button {
    color: rgb(118, 118, 118);
}

.leaflet-iconLayers {
    pointer-events: none;
}

.leaflet-iconLayers-layersRow { display: table; pointer-events: auto; }
.leaflet-iconLayers-layerCell { display: table-cell; background-image: url('../lib/locatienet/img/transparent-pixel.png'); /* ie9 fix */ } 

.leaflet-iconLayers_topleft .leaflet-iconLayers-layerCell, .leaflet-iconLayers_bottomleft .leaflet-iconLayers-layerCell { padding-right: 5px; }
.leaflet-iconLayers_topright .leaflet-iconLayers-layerCell, .leaflet-iconLayers_bottomright .leaflet-iconLayers-layerCell { padding-left: 5px; }

.leaflet-iconLayers_topleft .leaflet-iconLayers-layerCell, .leaflet-iconLayers_topright .leaflet-iconLayers-layerCell { padding-bottom: 5px; }
.leaflet-iconLayers_bottomleft .leaflet-iconLayers-layerCell, .leaflet-iconLayers_bottomright .leaflet-iconLayers-layerCell { padding-top: 5px; }

.leaflet-iconLayers-layer {
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0 0 2px #000;
}

._leaflet-iconLayers-layerTitleContainer {
    display: table;
    width: 100%;
    background: rgba(255,255,255,0.6);
    height: 25%;
    padding: 0;
    border: 0;
    position: absolute;
    bottom: 0%;
    transition: bottom .35s ease;
}

.leaflet-iconLayers-layerCheckIcon {
    display: none;
    position: absolute;
    top: 3px;
    right: 3px;
    width: 18px;
    height: 18px;
    background: url('../lib/locatienet/img/check.png');
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.6);
}

.leaflet-iconLayers-layerTitle {
    display: table-cell;
    vertical-align: middle;
}

.leaflet-iconLayers-layerCell_hidden { display: none; }
.leaflet-iconLayers-layerCell_active .leaflet-iconLayers-layer { cursor: default; }
.leaflet-iconLayers-layerCell_active .leaflet-iconLayers-layerCheckIcon { display: block; }

/* fixes bootstrap dropdown behind zoomcontrol buttons*/
.leaflet-top, .leaflet-bottom {
	z-index: 999;
}

.leaflet-container {
	font: inherit;
}

.leaflet-popup-content {
	margin: 13px 19px;
	line-height: inherit;
	font-size: 0.8em;
}


.leaflet-control-attribution {
	font-size: .7em;
}

.leaflet-control-scale-line {
	font-size: x-small;
}


/*!
  * Tempus Dominus v6.0.0-alpha14 (https://getdatepicker.com/)
  * Copyright 2013-2021 [object Object]
  * Licensed under MIT (https://github.com/Eonasdan/tempus-dominus/blob/master/LICENSE)
  */
/*
todo look at how bootstrap loops through their vars to make a --root section
 */


[data-bs-color-scheme=dark] .tempus-dominus-widget {
    color: var(--bs-body-color-alt);
    background-color: var(--bs-body-bg-alt);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

[data-bs-color-scheme=dark] .tempus-dominus-widget [data-action].disabled, .tempus-dominus-widget [data-action].disabled:hover {
    background: none;
    color: #6c757d;
}

[data-bs-color-scheme=dark] .tempus-dominus-widget .toolbar div:hover {
   background: #8c8d8f;
}

[data-bs-color-scheme=dark] .tempus-dominus-widget .date-container-days .dow {
    color: rgba(200, 200, 200, 0.5);
}

    [data-bs-color-scheme=dark] .tempus-dominus-widget .date-container-days .cw {
        color: rgba(200, 200, 200, 0.38);
    }


    [data-bs-color-scheme=dark] .tempus-dominus-widget .date-container-decades div:not(.no-highlight):hover, .tempus-dominus-widget .date-container-years div:not(.no-highlight):hover, .tempus-dominus-widget .date-container-months div:not(.no-highlight):hover, .tempus-dominus-widget .date-container-days div:not(.no-highlight):hover,
    .tempus-dominus-widget .time-container-clock div:not(.no-highlight):hover, .tempus-dominus-widget .time-container-hour div:not(.no-highlight):hover, .tempus-dominus-widget .time-container-minute div:not(.no-highlight):hover, .tempus-dominus-widget .time-container-second div:not(.no-highlight):hover {
        background: #5c5c5c;
    }
    [data-bs-color-scheme=dark] .tempus-dominus-widget .date-container-decades div:not(.no-highlight).active, .tempus-dominus-widget .date-container-years div:not(.no-highlight).active, .tempus-dominus-widget .date-container-months div:not(.no-highlight).active, .tempus-dominus-widget .date-container-days div:not(.no-highlight).active,
    .tempus-dominus-widget .time-container-clock div:not(.no-highlight).active, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).active, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).active, .tempus-dominus-widget .time-container-second div:not(.no-highlight).active {
        background-color: #0d6efd;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(200, 200, 200, 0.25);
    }
        [data-bs-color-scheme=dark] .tempus-dominus-widget .date-container-decades div:not(.no-highlight).active.today:before, .tempus-dominus-widget .date-container-years div:not(.no-highlight).active.today:before, .tempus-dominus-widget .date-container-months div:not(.no-highlight).active.today:before, .tempus-dominus-widget .date-container-days div:not(.no-highlight).active.today:before,
        .tempus-dominus-widget .time-container-clock div:not(.no-highlight).active.today:before, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).active.today:before, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).active.today:before, .tempus-dominus-widget .time-container-second div:not(.no-highlight).active.today:before {
            border-bottom-color: #fff;
        }
    [data-bs-color-scheme=dark] .tempus-dominus-widget .date-container-decades div:not(.no-highlight).old, .tempus-dominus-widget .date-container-decades div:not(.no-highlight).new, .tempus-dominus-widget .date-container-years div:not(.no-highlight).old, .tempus-dominus-widget .date-container-years div:not(.no-highlight).new, .tempus-dominus-widget .date-container-months div:not(.no-highlight).old, .tempus-dominus-widget .date-container-months div:not(.no-highlight).new, .tempus-dominus-widget .date-container-days div:not(.no-highlight).old, .tempus-dominus-widget .date-container-days div:not(.no-highlight).new,
    .tempus-dominus-widget .time-container-clock div:not(.no-highlight).old,
    .tempus-dominus-widget .time-container-clock div:not(.no-highlight).new, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).old, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).new, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).old, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).new, .tempus-dominus-widget .time-container-second div:not(.no-highlight).old, .tempus-dominus-widget .time-container-second div:not(.no-highlight).new {
        color: rgba(200, 200, 200, 0.38);
    }
    [data-bs-color-scheme=dark] .tempus-dominus-widget .date-container-decades div:not(.no-highlight).disabled, .tempus-dominus-widget .date-container-decades div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .date-container-years div:not(.no-highlight).disabled, .tempus-dominus-widget .date-container-years div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .date-container-months div:not(.no-highlight).disabled, .tempus-dominus-widget .date-container-months div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .date-container-days div:not(.no-highlight).disabled, .tempus-dominus-widget .date-container-days div:not(.no-highlight).disabled:hover,
    .tempus-dominus-widget .time-container-clock div:not(.no-highlight).disabled,
    .tempus-dominus-widget .time-container-clock div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).disabled, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).disabled, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .time-container-second div:not(.no-highlight).disabled, .tempus-dominus-widget .time-container-second div:not(.no-highlight).disabled:hover {
        background: none;
        color: #6c757d;
    }

    [data-bs-color-scheme=dark] .tempus-dominus-widget .date-container-decades div:not(.no-highlight).today:before, .tempus-dominus-widget .date-container-years div:not(.no-highlight).today:before, .tempus-dominus-widget .date-container-months div:not(.no-highlight).today:before, .tempus-dominus-widget .date-container-days div:not(.no-highlight).today:before,
    .tempus-dominus-widget .time-container-clock div:not(.no-highlight).today:before, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).today:before, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).today:before, .tempus-dominus-widget .time-container-second div:not(.no-highlight).today:before {
        border-bottom-color: #0d6efd;
        border-top-color: rgba(200, 200, 200, 0.2);
    }

    [data-bs-color-scheme=dark] .tempus-dominus-widget button {
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

:root,
[data-bs-theme=light] {
    --bs-body-bg-alt: #fff;
}
[data-bs-theme=dark] {
    --bs-body-bg-alt: #212529;
}

html {
    position: relative;
    height: 100%;
    font-size: 14px;
}

body {
    height: 100%;
    min-height: 100%;
    background-position: center;
    font-size: .9em;
    padding: 0;
    margin-bottom: 60px;
}
.h1, h1 {
    font-size: 1.25rem;
}
.h2, h2 {
    font-size: 1rem;
}

.footer {
    position: relative;
    bottom: 0;
    height: 60px;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
}

#wrapper {
    position: relative;
    background-color:var(--bs-body-bg-alt) !important;
    min-height: 100vh; /* https://www.freecodecamp.org/news/how-to-keep-your-footer-where-it-belongs-59c6aa05c59c/ */
    margin: 0 auto;
}

#content-wrap {
    padding-bottom: 60px; /* Footer height */
}

.card {
    --bs-card-color: var(--bs-body-color);
}


.top-ad {
    width: 100%;
    min-height: 90px;
    text-align: center;
}

.map {
    height: 550px;
    width: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

@media (min-width: 1000px) {
    /* styles for browsers larger than 960px; */
    #wrapper {
        width: 1000px;
    }
}


/* iPhone XS Max 2688x1242px at 458ppi */
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) {
    .container {
        max-width: 400px;
    }
}

.input-group {
    margin-bottom: 3px;
}
.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
}

.icon-addon .fa {
    position: absolute;
    right: 8px;
    font-size: 14px;
    width: 20px;
    text-align: center;
    padding: 10px 0;
    top: 6px;
    opacity: 0.6;
    cursor: pointer;
   
}

.icon-addon .form-control {
    height: 44px;
}

.icon-addon .form-control:focus {
    z-index: 3;
}

svg.modality {
    height: 50px
}

[data-bs-theme=dark] .modality path {
    fill: #e1e1e1;
}
[data-bs-theme=dark] .table > :not(caption) > * > * {
    color: inherit;
}

[data-bs-theme=dark] .table-primary {
    --bs-table-bg: #3a3a3a;
    color: #ffffff;
}
a .navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

.kenteken-input-holder {
    width: 100%;
    height: 40px;
}

.kenteken-input-holder:before {
    content: " ";
    position: absolute;
    left: 2px;
    top: 2px;
    height: calc(100% - 4px);
    width: 10%;
    background-color: #2b4c9c;
    border-radius: 3px 0 0 3px;
    background-image: url(/img/kenteken_eu.png);
    background-size: 80% auto;
    background-position: center;
    background-repeat: no-repeat;
}

.kenteken-input {
    background: #f0b504 none repeat scroll 0 0;
    border: 2px solid #000;
    border-radius: 5px;
    height: 40px;
    padding: 6px 4px 6px 8px;
    width: 100%;
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    color: black;
}

    @media print {

        * { /*print background images and colors*/
            -webkit-print-color-adjust: exact !important; /* Chrome, Safari, Edge */
            font-size: 12px;
        }

        .d-print-none {
            display: none;
        }

        #print-spinner {
            display: block !important;
        }

        .pagebreak {
            page-break-before: always;
        }

        .table-primary {
            --bs-table-bg: white !important;
            --bs-table-striped-bg: white;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: white;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: white;
            --bs-table-hover-color: #000;
            color: #000;
            border-color: #bacbe6;
            background-color: white !important;
        }
    }


    /*for debugging json*/
    pre {
        outline: 1px solid #ccc;
        padding: 5px;
        margin: 5px;
        min-width: 350px;
        max-height: 100%;
        scroll-behavior: auto;
    }

    .string {
        color: green;
    }

    .number {
        color: darkorange;
    }

    .boolean {
        color: blue;
    }

    .null {
        color: magenta;
    }

    .key {
        color: red;
    }