body {
    padding: 0;
    margin: 0;
}

html,
body,
#map {
    height: 100%;
}

#searchicon {
    position: absolute;
    top: 1px;
    right: 0;
    display: block;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-image: url("images/search.png");
}

#bloodhound {
    position: absolute;
    right: 0;
    top: 2%;
    z-index: 999;
    margin-right: 10px;
    display: none;
}


/* cf. https://github.com/Leaflet/Leaflet/issues/845 */

.leaflet-control-layers-expanded {
    /*less than map height! */
    height: 300px;
    width: 320px
}

.leaflet-control-layers-overlays label:hover {
    background-color: #CCC;
}

.map-filter {
    display: inline;
}

.leaflet-control-layers-overlays label {
    cursor: pointer;
    height: 20px;
    min-width: 320px;
    white-space: nowrap;
 /*   overflow: hidden;*/
    text-overflow: ellipsis;
}

.leaflet-control-layers-scrollbar {
	height: 270px !important;
	}

.map-filter-box-base {
    width: 75%;
    margin-bottom: 3px;
    height: 20px;
    padding: 0;
    text-align: left;
}

#map-filter-box-overlays {
    width: 75%;
    margin-bottom: 3px;
    height: 20px;
    padding-left: 5px;
    text-align: left;
    display: none;
}

#leaflet-control-layers-close {
    display: inline-block;
    background-image: url(images/close.png);
    height: 18px;
    width: 18px;
    margin-right: 0;
    float: right;
    vertical-align: middle;
    text-align: right;
    margin-top: 1px;
}


.map-overlay {
font: bold 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
position: absolute;
bottom: 0;
left: 0;
padding: 10px;
z-index: 1003;
background-color: white;
margin-left: 10px;
margin-bottom: 10px;
        }
········
.map-overlay .map-overlay-inner {
background-color: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.20);
border-radius: 3px;
padding: 10px;
margin-bottom: 10px;
}
········
.map-overlay label {
display: block;
margin: 0 0 10px;
}
········
.map-overlay input {
background-color: transparent;
display: inline-block;
width: 100%;
position: relative;
margin: 0;
cursor: ew-resize;
}

/*Style Input Type Range in Firefox*/

input[type=range]{
    /* fix for FF unable to apply focus style bug  */
    border: 1px solid white;

    /*required for proper track sizing in FF*/
    width: 300px;
}

input[type=range]::-moz-range-track {
    width: 300px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]:focus::-moz-range-track {
    background: #ccc;
}