body {
	margin: 0;
	font-family:
	// Cross-platform generic font family (default user interface font)
	system-ui,
	// Safari for macOS and iOS (San Francisco)
	-apple-system,
	// Windows
	"Segoe UI",
	// Android
	Roboto,
	// Basic web fallback
	"Helvetica Neue", Arial,
	// Linux
	"Noto Sans",
	"Liberation Sans",
	// Sans serif fallback
	sans-serif,
	// Emoji fonts
	"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default !important;
}
html, body, #leaflet {
	height: 100%;
}
.leaflet-fade-anim .leaflet-tile, .leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: auto !important;
}
.grayscale img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
a.leaflet-control-zoom-in:hover, a.leaflet-control-zoom-out:hover {
	text-decoration: none !important;
}
#info-modal-message ul, #info-modal-message ul li {
	margin-left: -10px !important;
}
div.modal h3 {
	font-size:1.1rem !important;
	font-weight: 600;
}
div.modal h4 {
	font-size:1rem !important;
	font-weight: 600;
}
div.progress {
	margin: 0px 15px 15px 15px !important;
}
div.modal-header  {
	border-bottom: none !important;
}
div.modal-body {
	font-size:0.9rem !important;
	padding-top:0px !important;
}
div.leaflet-control-container label {
	margin-bottom: 0px !important;
}
/* fixes for mobile Safari */
@supports (-webkit-touch-callout: none) {
	span.fa-map, span.fa-map-location-dot {margin-left:-5px;}
	span.fa-download, span.fa-circle-info {margin-left:-4px;}
}