#map_block {
        box-shadow: 0 0 2px #666;
}

.prunecluster {
	font-size: 12px;
	border-radius: 20px;
	transition: all 0.3s linear;
}
.leaflet-marker-icon.prunecluster-anim,
.leaflet-marker-shadow.prunecluster-anim,
.leaflet-markercluster-icon.prunecluster-anim {
	transition: all 0.3s linear;
}

.leaflet-zoom-anim .leaflet-zoom-animated.leaflet-marker-icon,
.leaflet-zoom-anim .leaflet-zoom-animated.leaflet-marker-shadow,
.leaflet-zoom-anim .leaflet-zoom-animated.leaflet-markercluster-icon {
    transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}

#filter_controls {
	background: rgba(255, 255, 255, 0.82);
	padding: 5px;
        box-shadow: 0 0 1px #555;
}

#filter_controls label {
	display: block;
}
#filter_controls input[type="text"] {
    height: 24px;
    padding: 5px;
}
#filter_controls button {
    height: 24px;
}
.color_class {
	display: inline;
	width: 15px;
	height: 15px;
} 


.map-scroll:before {
	content: 'Use CTRL + scroll to zoom the map';
	position: absolute;
	top: 40%;
	left: 30%;
	z-index: 999;
	font-size: 34px;
}
.map-scroll:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	background: #00000061;
	z-index: 999;
}

@media screen and (max-device-width:600px), screen and (max-width:600px) {   
    #filter_controls label, #filter_controls hr {display:none}
}