.mappa-percorso{
    border:1px solid #000;
    position:relative;
}
.leaflet-control-attribution.leaflet-control {
    display: none!important;
}
.leaflet-popup-content-wrapper .leaflet-popup-content {
    font-size: 16px;
    max-height: 400px;
    overflow: auto;
    max-width: 390px;
}
    .leaflet-popup-content-wrapper .leaflet-popup-content h4 {
        font-weight: bold;
        font-size: 18px;
        margin-bottom:10px;
    }
.mappa-buttons {
    background-color: #1180b5;
}

    .mappa-buttons > button {
        margin-left: 6px;
        margin-top: 10px;
        margin-bottom: 10px;
        z-index: 1002;
        padding: 8px 0px;
        min-width: 100px;
        border-style: solid;
        background-color: #ffffff;
        color: #aaa;
        border-color: #aaa;
        border-width: 3px;
        font-weight: bold;
        text-transform: uppercase;
        padding-left: 30px;
        padding-right: 10px;
        background-position: left center;
        background-position-x: 6px;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-square" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/></svg>');
    }
        .mappa-buttons > button.selected {
            border-color: #ff0000;
            /*  background-color: #f2f2f2;*/
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-square" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.235.235 0 0 1 .02-.022z"/></svg>');
            color: #000000;
        }
     .mappa-buttons > button.path.selected{
        border-color:#ff0000;
    }
        .mappa-buttons > button.park.selected {
            border-color: #005500;
        }
        .mappa-buttons > button.markers.selected {
            border-color: #3979fc;
        }
        .mappa-buttons > button.comuni.selected {
            border-color: #ea8f00;
        }
        .mappa-buttons > button.warnings.selected {
            border-color: #fff100;
        }
        .mappa-buttons > button.selected.finishline {
            border-color: #000000;
            border-style: dashed;
            color: #000000;
        }

@media screen and (max-width: 991px) {
    .leaflet-popup-content-wrapper .leaflet-popup-content {
        max-height: 350px;
        max-width: 300px;
    }
}
@media screen and (max-width: 576px) {
    .leaflet-popup-content-wrapper .leaflet-popup-content {
        max-height: 300px;
        max-width: 250px;
    }
}