.extra-marker {
    background: url("../../css/markerbg2.png") no-repeat 0 0;
    width: 35px;
    height: 46px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    text-align: center;
}

.extra-marker-shadow {
    background: url("../img/markers_shadow.png") no-repeat 0 0;
    width: 36px;
    height: 16px
}

.extra-marker i {
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    font-size: 14px
}

.extra-marker i.icon {
    margin-right: 0;
    opacity: 1
}
.extra-marker-circle-blue {
	background: url("../../css/markerbg-blue.png") no-repeat 0 0 !important;
    width: 35px;
    height: 46px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    text-align: center;
}
.extra-marker-circle-light-blue {
	background: url("../../css/markerbg-lightblue.png") no-repeat 0 0 !important;
    width: 35px;
    height: 46px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    text-align: center;
}
.extra-marker-circle-red {
    background: url("../../css/markerbg-red.png") no-repeat 0 0 !important;
    width: 35px;
    height: 46px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    text-align: center;
}
.extra-marker-circle-light-red {
    background: url("../../css/markerbg-lightred.png") no-repeat 0 0 !important;
    width: 35px;
    height: 46px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    text-align: center;
}

.extra-marker-circle-green {
    background: url("../../css/markerbg-green.png") no-repeat 0 0 !important;
    width: 35px;
    height: 46px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    text-align: center;
}
.extra-marker-circle-light-green {
    background: url("../../css/markerbg-lightgreen.png") no-repeat 0 0 !important;
    width: 35px;
    height: 46px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    text-align: center;
}
.extra-marker .fa-number:before {
    content: attr(number)
}