#map
{
	/*background: #666;*/
	/*background: #676867;*/
	background: #ddd;
}

#map .map-feature
{
	-webkit-filter: drop-shadow( 0mm 2mm 3mm rgba( 0, 0, 0, 0.4 ) );
	filter: drop-shadow( 0mm 2mm 3mm rgba( 0, 0, 0, 0.4 ) );
}

#map .map-feature-12
{
	background-image: linear-gradient( to right, red, yellow );
}

#map a
{
	/*color: #3f3571;*/
	color: #053782;
}

#map .leaflet-tooltip
{
	text-align: center;
	/*max-width: 120mm;
	white-space: normal;*/
}

#map .map-label
{
	/*color: white;*/
	color: rgba( 255, 255, 255, 0.7 );
	background: none;
	border: none;
	box-shadow: none;
	/*white-space: normal;*/
}

#map-controls
{
	position: absolute;
	left: 4mm;
	top: 16mm;
	margin: 0mm;
	list-style-type: none;
	z-index: 2000;
}

#map-controls li
{
	margin: 0mm;
}

#map-controls button
{
	width: 8mm;
	height: 8mm;
	border: none;
	outline: none;
	color: #053782;
	background: white;
	cursor: pointer;
}

#map-controls button:hover
{
	color: white;
	background: #3f79cc;
}

#map-legend
{
	position: absolute;
	left: 3mm;
	bottom: 3mm;
	/*background: white;
	color: black;*/
	/*color: white;*/
	color: #053782;
	z-index: 1000;
}

#map-legend ul
{
	margin: 0mm;
	list-style-type: none;
}

#map-legend li
{
	margin: 0mm;
	text-shadow: 0mm 0.5mm 1mm rgba( 255, 255, 255, 1.0 );
}

#map-legend li i
{
	/*background: white;*/
	padding: 1px 2px;
	border-radius: 3px;
	text-shadow: 0mm 0.5mm 1mm rgba( 0, 0, 0, 0.3 );
}