#mapmenu {
        position: absolute;
        padding: 10px 10px 0px 10px;
        z-index: 2;
    }
#mapmenu .active {
    color: white !important;
    background: #000066 !important;
}
.mapmenu {
        position: absolute;
        padding: 10px 10px 0px 10px;
        z-index: 2;
    }
.mapmenu .active {
    color: white !important;
    background: #000066 !important;
}

.mapboxgl-popup {
    max-width: 100px;
}


.mapboxgl-popup-content {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.marker {width:0; height:0;}
.markerblue {width:0; height:0;}
.marker  span {
    display:flex;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
    width: 30px;
    height: 30px;
    color:#fff;
    background: #C02942;
    border:solid 2px;
    border-radius: 0 70% 70%;
    box-shadow:0 0 2px #000;
    cursor: pointer;
    transform-origin:0 0;
    transform: rotateZ(-135deg);
}
.markerblue  span {
    display:flex;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
    width: 30px;
    height: 30px;
    color:#fff;
    background: #1265A8;
    border:solid 2px;
    border-radius: 0 70% 70%;
    box-shadow:0 0 2px #000;
    cursor: pointer;
    transform-origin:0 0;
    transform: rotateZ(-135deg);
}



.marker b {transform: rotateZ(135deg)}
.markerblue b {transform: rotateZ(135deg)}

.mapboxgl-popup {
    max-width: 200px;
}

.mapboxgl-popup-content {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.mapboxgl-popup-close-button{
    font-size: 20px;
}
input[type="checkbox"] {
    transform: scale(1.5);
    margin-left:10px;
}