html, body, #map {width: 100%;height: 100%;padding: 0;margin: 0;}
#map { position: absolute;}
	
	
.infotile {display: flex;}
.infotile span {
	font-weight: bold;
	margin: auto;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow:1px 1px 10px #000, 1px 1px 10px #ccc;
}	
	
	
.leaflet-control-layers {top: 18px!important;width: 255px;}			
.leaflet-overlay-pane {z-index: 500;}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar, .leaflet-control-search, .leaflet-control-measure {border: 0px solid rgba(255,255,255,.4) !important;}
.leaflet-control-zoom-in, .leaflet-control-zoom-out, .leaflet-control-locate a, .leaflet-touch .leaflet-control-geocoder-icon, .leaflet-control-search .search-button {background-color: #f8f8f8 !important;border-radius: 33px !important;}
.leaflet-control-graphicscale {border-radius: 5px !important;border-bottom-left-radius: 0!important;border: 1px solid #000;}

.leaflet-retina .leaflet-control-measure .leaflet-control-measure-toggle, .leaflet-retina .leaflet-control-measure .leaflet-control-measure-toggle:hover {background-color: #f8f8f8 !important;border-radius: 33px!important;}
.leaflet-control-measure .leaflet-control-measure-interaction {padding: 10px 12px;border-radius: 5px;}
.leaflet-control-graphicscale.leaflet-control {background-color: #fff;padding: 0px 20px 20px 10px;}
.leaflet-control-geocoder-form input {border: 0px solid #000;background-color: #f8f8f8;padding: 6px;border-radius: 33px;}


.leaflet-top .leaflet-control {    margin-top: 0;   border-radius: 0;}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    min-width: 340px;
}


.leaflet-control-geocoder {background-color: transparent;}
.leaflet-control-geocoder-alternatives {background-color: #fff;}

.leaflet-bar {
    box-shadow: none;
}

.leaflet-control-geocoder-icon {background-color: #f8f8f8;border-radius: 33px;}



#slider {float:right;}


.leaflet-retina .leaflet-control-measure .leaflet-control-measure-toggle, .leaflet-retina .leaflet-control-measure .leaflet-control-measure-toggle:hover {
    background-size: 11px 11px;
    width: 25px;
    height: 25px;
}

.leaflet-control-zoom-in, .leaflet-control-zoom-out, .leaflet-control-measure-toggle, .leaflet-control-geocoder-icon {
    margin: 5px 0 0 5px!important;
}


.leaflet-left .leaflet-control {
margin-left: 0;
}

.leaflet-bottom .leaflet-control {
margin-bottom: 0;
}

.leaflet-right .leaflet-control {
    margin-right: 0;
    padding-right: 25px!important;
    border-left: 1px solid #000!important;
    border-bottom: 1px solid #000!important;
    margin-top: -3px!important;
    border-right: 1px solid #000!important;
}

.leaflet-top .leaflet-control {
margin-top: 0; 
}

.leaflet-control-attribution  {
	border: 1px solid #000!important;
}