﻿.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-in;
	-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-in;
	-o-transition: -o-transform 0.2s ease-out, opacity 0.2s ease-in;
	transition: transform 0.2s ease-out, opacity 0.2s ease-in;
	}




.mycluster {
   border-radius: 50%;
   background-color: #333;
   background-color:rgba(0, 0, 0, 0.8);
   color: #fff;
   /*border: solid 3px #888;*/
    text-align: center;
   
   /*default sizes - smaller sizes are resized below*/
   width: 90px !important; height: 90px !important; font-size: 20px; 
}

.mycluster span {
   position:absolute; top:50%; height:1.5em; margin-top:-0.75em;
   left: 50%; width:1.5em; margin-left:-0.75em;

}

.clustercount0 { width: 30px !important; height: 30px !important; font-size: 15px; }
.clustercount1 { width: 35px !important; height: 35px !important; font-size: 20px; }
.clustercount2 { width: 40px !important; height: 40px !important; font-size: 20px; }
.clustercount3 { width: 45px !important; height: 45px !important; font-size: 20px; }
.clustercount4 { width: 55px !important; height: 55px !important; font-size: 20px; }

.clustercount5 { width: 60px !important; height: 60px !important; font-size: 20px; }
.clustercount6 { width: 65px !important; height: 65px !important; font-size: 20px; }
.clustercount7 { width: 70px !important; height: 70px !important; font-size: 20px; }
.clustercount8 { width: 75px !important; height: 75px !important; font-size: 20px; }
.clustercount9 { width: 80px !important; height: 80px !important; font-size: 20px; }
.clustercount10 { width: 85px !important; height: 85px !important; font-size: 20px; }

.clusterheat0 { background-color: #6CB7D8; background-color: rgba(108,183,216, 0.8);}
.clusterheat1 { background-color: #3A9DD2; background-color: rgba(58,157,210, 0.8);}
.clusterheat2 { background-color: #0D75B0; background-color: rgba(13,117,176, 0.8);}
.clusterheat3 { background-color: #125079; background-color: rgba(18,80,121, 0.8);}
.clusterheat4 { background-color: #103957; background-color: rgba(16,57,87, 0.8);}
.clusterheat5 { background-color: #0B2337; background-color: rgba(11,35,55, 0.8);}
