.resolved {
    background-color: #1AA7854d;
}

.resolved div {
    background-color: #1AA785;
}

.unresolved {
    background-color: #ef44444d;
}

.unresolved div {
    background-color: #ef4444;
}

/* IE 6-8 fallback colors */
.leaflet-oldie .resolved {
    background-color: rgb(181, 226, 140);
}

.leaflet-oldie .resolved div {
    background-color: rgba(110, 204, 57, 0.6);
}

.leaflet-oldie .unresolved {
    background-color: rgba(253, 156, 115, 0.6);
}

.leaflet-oldie .unresolved div {
    background-color: rgba(241, 128, 23, 0.6);
}

.marker-cluster {
    background-clip: padding-box;
    border-radius: 20px;
}

.resolved, .unresolved {
    background-clip: padding-box;
    border-radius: 50% !important;
    width: 95px !important;
    height: 95px !important;
}

.marker-cluster div {
    width: 75px;
    height: 75px;
    margin-left: 10px;
    margin-top: 10px;

    text-align: center;
    border-radius: 50%;
    font: 18px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.marker-cluster span {
    display: inline-block;
    line-height: 75px;
    font-size: 18px;
    font-weight: 600;
    vertical-align: middle;
}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
    -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
    -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
    -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
    transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}