/*
  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 {
  position: absolute;
  box-sizing: border-box;
  font-family: monospace;
  font-weight: 700;
  text-align: center;
}

.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-right-radius: 0%;
  border-bottom-left-radius: 100% 50%;

  /* rotating 45deg clockwise to get the corner bottom center */
  transform: rotate(45deg);
}

.beautify-marker.marker > * {
  /* rotating 45deg counterclock to adjust marker content back to normal */
  transform: rotate(-45deg);
}