.leaflet-bottom.leaflet-left {
	display: flex;
	align-items: flex-end;
}

.leaflet-bottom.leaflet-left .leaflet-control-scale {
	clear: left;
}

.leaflet-bottom.leaflet-left .leaflet-control-distance {
	clear: right;
	margin-bottom: 5px;
}

.leaflet-control-distance .distance-button {
	outline: 0;
}

.leaflet-control-distance a, .leaflet-control-distance a:hover {
	display: inline-block;
	border-radius: 4px;
	border-bottom: none;
}

.leaflet-control-distance a {
	color: #333;
}

.leaflet-control-distance.distance-active a {
	color: #2074b6;
	border: 1px solid #f4f4f4;
}

.leaflet-control-distance.distance-active {
	background-color: white;
	border-radius: 4px;
}

.distance-measurement {
	display: none;
}

.distance-active .distance-measurement {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

.leaflet-grab .distance-point {
	cursor: grab;
	cursor: -webkit-grab;
	cursor: -moz-grab;
}

.distance-marker {
	width: 4ch;
	height: 1.6em;
	left: -2ch; /* -width/2 */
	top: -.8em; /* -height/2 */
	margin: 0;
	padding: 0;
	border-radius: 4px;
	font-size: xx-small;
	font-weight: bold;
	line-height: 1.6em; /* height */
	text-align: center;
	color: white;
	background-color: rgba(0,0,0,.8);
}