.marker-cluster-small {background-color: rgb(165 200 255 / 40%);}
.marker-cluster-small div {background-color: rgb(118 172 220 / 60%); color:#21579a;}
.marker-cluster-medium {background-color: rgb(120 156 187 / 40%);}
.marker-cluster-medium div {background-color: rgb(65 127 191 / 60%); color:#ffffff;}
.marker-cluster-large {background-color: rgb(108 128 142 / 40%);}
.marker-cluster-large div {background-color: rgb(2 35 60 / 60%); color:#f1f1f1;}

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {background-color: rgb(181, 226, 140);}
.leaflet-oldie .marker-cluster-small div {background-color: rgb(110, 204, 57);}
.leaflet-oldie .marker-cluster-medium {background-color: rgb(241, 211, 87);}
.leaflet-oldie .marker-cluster-medium div {background-color: rgb(240, 194, 12);}
.leaflet-oldie .marker-cluster-large {background-color: rgb(253, 156, 115);}
.leaflet-oldie .marker-cluster-large div {background-color: rgb(241, 128, 23);}
.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: 11px Arial, Helvetica, sans-serif; font-weight:bold;}
.marker-cluster span {line-height: 30px;}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

