:root 
    {
        --radius:0px;
        --gap:   4px; 
        
    }

 iframe { border: none;}
 
.bgGreen { 
    background-color: #cff8cb;
}

.bgRed { 
    background-color: #faddde;
}

.highlighted { 
    border: 2px solid blue; 
    border-radius: 24px;
    cursor: move;
}
    
.leaflet-popup-close-button {
    height: 36px !important;
    width: 36px !important;
}

.leaflet-popup-close-button>span {
    font-size: 24px
}

.leaflet-popup-tip-container {
    margin-top: -3px !important;
}

.leaflet-popup-tip {
    box-shadow: none !important;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-content {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    padding: 1px;
}

.leaflet-control {
    display: none !important;
}


/* This will contract the rings on the polyline while editing*/
/* .marker-icon, .marker-icon:focus { background-color: #666 !important; border:1px solid #000 !important; z-index:-5 !important; height:100px !important; width:100px px !important}   */


.marker-icon-middle {
    /* display: none !important; */
}


.leaflet-marker-icon {
    padding: 0px !important;

}


.leaflet-marker-icon>div {
    padding: 0px !important;
    border: none
}

.leaflet-marker-icon>div>span {
    font-size: 10px;
}