/*  Modified from https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css
*/

.marker-cluster div {
	background-color: rgba(0, 24, 48, 0.6);
}

.marker-cluster-normal {
	background-color: rgba(51, 77, 115, 0.6);
}

.marker-cluster-action-stage {
	background-color: rgba(255, 255, 0, 0.6);
}

.marker-cluster-minor-flood {
	background-color: rgba(255, 166, 0, 0.6);
}

.marker-cluster-moderate-flood {
	background-color: rgba(255, 80, 0, 0.6);
}

.marker-cluster-major-flood {
	background-color: rgba(255, 0, 0, 0.6);
}

.marker-cluster-record-flood {
	background-color: rgba(128, 0, 128, 0.6);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
}

.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
    font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: white;
}

.marker-cluster span {
	line-height: 30px;
}