/*
	Leaflet.BeautifyIcon, a plugin that adds colorful iconic markers for Leaflet by giving full control of style to end user, It has also ability to adjust font awesome
	and glyphicon icons
	(c) 2016-2017, Muhammad Arslan Sajid
	http://leafletjs.com
*/
.beautify-marker {
    text-align: center;
    font-weight: 700;
    font-family: monospace;
    position:absolute;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.beautify-marker.circle {
	border-radius: 100%;
}

.beautify-marker.circle-dot, .beautify-marker.doughnut {
	border-radius: 100%;
}

.beautify-marker.marker {
	border-top-left-radius: 50%;
	border-top-right-radius: 50% 100%;
	border-bottom-left-radius: 100% 50%;
	border-bottom-right-radius: 0%;
	/* rotating 45deg clockwise to get the corner bottom center */
	transform: rotate(45deg); 
	
}

.fa-circle:before {
    content: "\f111";
	color: #9559b7;
}
.beautify-marker.marker > * {
	/* rotating 45deg counterclock to adjust marker content back to normal */
	transform: rotate(-45deg);
}
.beautify-marker {
	border-color: #9559b7;
	color: #9559b7;
}
.beautify-marker.KalahariKhoe {
	border-color: #F57900;
	color: #F57900;
}

.beautify-marker.Khoekhoe {
	border-color: #1C68C6;
	color: #1C68C6;
}

.beautify-marker.Kwadi {
	border-color: #C647B8;
	color: #C647B8;
}