.red-div-icon {
    background: #c30b82;
    text-align: center;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: white;
    display: block;
    border: 1px solid black;
}
.green-div-icon {
    background: green;
    text-align: center;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: white;
    display: block;
    border: 1px solid black;
}
.blue-div-icon {
    background: blue;
    text-align: center;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: white;
    display: block;
    border: 1px solid black;
}
.violet-div-icon {
    background: #9834eb;
    text-align: center;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: white;
    display: block;
    border: 1px solid black;
}


/*
.leaflet-div-icon {
    background: #c30b82;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 15px;
    display: block;
    border: 2px solid white;
}*/
