html,
body,
#map {
	margin: 0;
	height: 100%;
	background: #fff;
}

* {
	font-family: Roboto, Noto, Helvetica, Arial, sans-serif;
	box-sizing: border-box;
}

.leaflet-control-refresh .leaflet-control-refresh-icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 4px;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z" /></svg>')
}

/* photo/video popup */
.leaflet-popup-photo a.leaflet-popup-close-button {
	top: -13px;
	right: -13px;
	background-color: #fff;
	padding: 5px;
	border-radius: 12px;
	width: 15px;
	height: 15px;
	box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
	color: #555;
}

.leaflet-popup-photo a.leaflet-popup-close-button:hover {
	color: #333;
	background-color: #eee;
}

.leaflet-popup-photo .leaflet-popup-content-wrapper {
	padding: 6px;
	border-radius: 4px;
}

.leaflet-popup-photo .leaflet-popup-content {
	margin: 0;
}

.leaflet-popup-photo .leaflet-popup-tip {
	background: white;
}

.leaflet-popup-photo img,
.leaflet-popup-photo video {
	display: block;
	width: 100%;
}

.leaflet-popup-photo p {
	margin: 5px 0 0 0;
}