.leaflet-marker-icon:hover{
    filter: drop-shadow(0 0 1vmin #0f0f);

}
.mapContainer:hover{

    z-index: 2;
    box-shadow: 0 0 1vmin 1vmin #cfca;
}
.mapContainer{
    width: 94vmin;
    height: 20vmin;
    transition:0.3s;
    position: static;
    cursor: pointer;

    overflow: hidden;
    border-radius: 1vmin;
    box-shadow: 0 0 1vmin 1vmin #22222222;
}

.mapControl{
    position: absolute;
    display: none;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    z-index: 500;
}
.mapOverlay{
    position: absolute;
    z-index: 2000;
}
.popupDiv{
    max-height: 20vmin;
    overflow-y: scroll;
}

.map{
    width: 100%;
    height : 100%;

}
.mapTypeFieldSet{
    width: 40vmin;
    font-size: var(--h4FontSize);
    display: flex;
    flex-direction: column;
}


.leaflet-bottom {

    transform: translate(0, -20vmin);
}


fieldset{
    border-radius: 2vmin;
}

.eachRB{
    display: inline;
    width: 3vmin;
    height: 3vmin;
    flex: 3;
    padding: 1vmin;
    margin: auto;
}
.eachRBDiv{
    display: flex;
    flex-direction: row;
    cursor: pointer;
    height: 5vmin;
}
.eachRBLable{
    display: inline;
    height: 100%;
    text-align: left;
    white-space: nowrap;
    margin: 0 0;
    flex:10;
}

.mapAttribution{
    position: absolute;
    width: 30vmin;
    top: 73vmin;
    left: 61vmin;
    font-size: var(--h4FontSize);
    color: #aaa;
}
.rightMapButtons{
    position: absolute;
    display: block;
    left: 88vmin;
    top: 10vmin;
    width: 0;
}
.leaflet-control-attribution {
    display: none;
}
.findMe{
    position: absolute;
    right: 0;
    top : 7vmin;
    white-space: nowrap
}
.layersSelect{
    display: none;
    position: absolute;
    right: 0;
    top : 15vmin;
    white-space: nowrap
}

.layersSelectHidden{
    display: none;
    position: absolute;
    top : 15vmin;
    right: 22vmin;
    width: 40vmin;
    height: 30vmin;
    background-color: var(--contentColor);
    border-radius: 2vmin;

}
.zoomControlDiv{
    position: absolute;
    display: flex;
    height: auto;
    flex-direction: column;
    left: 4vmin;
    top: 10vmin;
}
.zoomControl{
    width: 6.58vmin;
    display: flex;
    align-items: center;
    justify-content: center;
}

.topMapButtons{
    text-align: center;
    position: absolute;
    top: 1vmin;
    left: 49vmin;
    display: block;
}
.hideMapButton{
    position: absolute;
    right: 0;
    white-space: nowrap
}
.fullScreenMapButton{
    position: absolute;
    left: 0;
    width: auto;
    white-space: nowrap
}