.marker-custom-frame {
    width: 41px;
    height: 40px;
    position: absolute;
    cursor: pointer;
}



.marker-custom {
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    background: url(/assets/images/icons/icon-blue-point.png) center no-repeat;
}

.marker-custom:hover {
    transform: scale(1.2);
    transition: 100ms linear;
}
.marker-custom.not-elegible {
    background: url(/assets/images/icons/icon-gray-point.png) right bottom no-repeat;
}

.marker-custom.is-target {
    background: url(/assets/images/icons/icon-black-point.png) right bottom no-repeat;
}
.marker-custom.is-landbank {
    background: url(/assets/images/icons/icon-yellow-point.png) right bottom no-repeat;
}

.marker-custom.is-delivered {
     background: url(/assets/images/icons/icon-blue-light-point.png) right bottom no-repeat;
}

.marker-custom.is-target span {
    background: #000;
    border: 2px solid #000;
    font-size: 0.9rem;
    padding: 4px;
    width: auto;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    /* font-weight: 400; */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    top: 0;
    right: 10px;
    display: none;

    border-radius: 5px;
}
.marker-custom.is-outside {
    background: url(/assets/images/icons/icon-gray-point.png) center no-repeat;
    width: 20px;
    height: 20px;
    background-size: contain;
}
.marker-custom.is-release{
    background: url(/assets/images/icons/icon-red-point.png) center no-repeat;
}
.marker-custom.is-project {
    background: url(/assets/images/icons/icon-green-point.png) center no-repeat;
}
.marker-custom.is-landbank {
    background: url(/assets/images/icons/icon-yellow-point.png) center no-repeat;
}

.marker-custom.is-release-hishmp{
    background: url(/assets/images/icons/icon-red-point-hishmp.png) center no-repeat;
}
.marker-custom.is-project-hishmp {
    background: url(/assets/images/icons/icon-green-point-hishmp.png) center no-repeat;
}
.marker-custom.is-landbank-hishmp {
    background: url(/assets/images/icons/icon-yellow-point-hishmp.png) center no-repeat;
}
.marker-custom.is-delivered-hishmp {
    background: url(/assets/images/icons/icon-blue-light-point-hishmp.png) right bottom no-repeat;
}

.marker-custom.is-outside span {
    background: #c0c0c0;
    border: 2px solid #b1b1b1;
    font-size: 1.1rem;
    padding: 3px;
    width: 30px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: 900;
    border-radius: 5px;
    display: none;
}

.marker-custom span {
    background: #3498db;
    border: 2px solid #2980b9;
    font-size: 1.1rem;
    padding: 3px;
    width: 30px;
    display: inline-block;
    text-align: center;
    color: #3498db;
    font-weight: 900;
    border-radius: 5px;
    display: none;
}
.marker-custom::after {
    content: " ";
}
.marker-custom-dynamic {
    width: 41px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    background: url(/assets/images/icons/icon-point.svg) right bottom no-repeat;
}
.marker-custom-dynamic.is-outside span {
    background: #c0c0c0;
    border: 2px solid #b1b1b1;
    font-size: 1.1rem;
    padding: 3px;
    width: 30px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: 900;
    border-radius: 5px;
    display: none;
}

.marker-icon-legend {
    background: #000 url(/assets/images/icons/icon-mask-point.png) center no-repeat;
    height: 15px;
    width: 15px;
    display: inline-block;
    text-indent: -3000px;
    border-radius: 30px;
    background-size: contain;
    margin: 0px 7px 0 0;
    box-shadow: 1px 1px 0px #a9a9a9;
    line-height: 14px;
}
.marker-icon-legend-square {
    background: #000 url(/assets/images/icons/icon-mask-point-square.png) center no-repeat;
    height: 15px;
    width: 15px;
    display: inline-block;
    text-indent: -3000px;
    background-size: contain;
    margin: 0px 7px 0 0;
    box-shadow: 1px 1px 0px #a9a9a9;
    line-height: 14px;
}

.marker-icon-legend-hishmp {
    background: #000 url(/assets/images/icons/icon-mask-point-hishmp.png) center no-repeat;
    height: 17px;
    width: 17px;
    display: inline-block;
    text-indent: -3000px;
    /*border-radius: 30px;*/
    background-size: 27px;
    margin: 0px 7px 0 0;
    /*box-shadow: 1px 1px 0px #a9a9a9;*/
    line-height: 17px;

}

.marker-icon-legend.is-target {
    background-color: #000;
}
.marker-icon-legend.is-inside {
    background-color: #2f71c8;
}
.marker-icon-legend.is-outside {
    background-color: #969696;
}
.marker-icon-legend.is-release,
.marker-icon-legend-square.is-release,
.marker-icon-legend-hishmp.is-release {
    background-color: red;
}
.marker-icon-legend.is-project,
.marker-icon-legend-square.is-project,
.marker-icon-legend-hishmp.is-project {
    background-color: #1bad8b;
}
.marker-icon-legend.is-landbank,
.marker-icon-legend-square.is-landbank,
.marker-icon-legend-hishmp.is-landbank {
    background-color: #ffc922;
}
.marker-icon-legend.is-delivered,
.marker-icon-legend-hishmp.is-delivered {
    background-color: #53bdff;
}