.leaflet-glyph-icon-red {
  background-position: 0 0;
}

.leaflet-glyph-icon-darkred {
  background-position: -180px 0;
}

.leaflet-glyph-icon-lightred {
  background-position: -360px 0;
}

.leaflet-glyph-icon-orange {
  background-position: -36px 0;
}

.leaflet-glyph-icon-beige {
  background-position: -396px 0;
}

.leaflet-glyph-icon-green {
  background-position: -72px 0;
}

.leaflet-glyph-icon-darkgreen {
  background-position: -252px 0;
}

.leaflet-glyph-icon-lightgreen {
  background-position: -432px 0;
}

.leaflet-glyph-icon-blue {
  background-position: -108px 0;
}

.leaflet-glyph-icon-darkblue {
  background-position: -216px 0;
}

.awesome-marker-icon-lightblue {
  background-position: -468px 0;
}

.leaflet-glyph-icon-purple {
  background-position: -144px 0;
}

.leaflet-glyph-icon-darkpurple {
  background-position: -288px 0;
}

.leaflet-glyph-icon-pink {
  background-position: -504px 0;
}

.leaflet-glyph-icon-cadetblue {
  background-position: -324px 0;
}

.leaflet-glyph-icon-white {
  background-position: -574px 0;
}

.leaflet-glyph-icon-gray {
  background-position: -648px 0;
}

.leaflet-glyph-icon-lightgray {
  background-position: -612px 0;
}

.leaflet-glyph-icon-black {
  background-position: -682px 0;
}

span.typcn{
    font-size: 28px !important;
    color: white;
    width: 35px !important;
    line-height: 30px !important;
    text-align: center;
    margin-left: 4px !important;
    margin-top: -10px;
    pointer-events: none;
}

span.mki{
    font-size: 28px !important;
    color: white;
    width: 35px !important;
    line-height: 30px !important;
    text-align: center;
    margin-left: 0px !important;
    margin-top:  4px !important;
    pointer-events: none;
}

span.fa{
    font-size: 18px !important;
    color: white;
    width: 35px !important;
    line-height: 30px !important;
    text-align: center;
    margin-left: 0px !important;
    margin-top:  4px !important;
    pointer-events: none;
}