html,body {
    height:100%;
    margin:0;
}

#map{
    width:100%;
    height:100%;
    z-index:0;
}

.ContentPopupOSRM {
    min-width: 160px;
}





    .ContentPopupOSRM .Header {
        font-weight: bold;
    }



    .ContentPopupOSRM > .Header {
        font-size: 13px;
        color: #0032a2;
        margin-top: 12px;
        margin-bottom: 12px;
    }



    .ContentPopupOSRM > div {
        margin-bottom: 15px
    }



        .ContentPopupOSRM > div:last-of-type {
            margin-bottom: 0px;
        }



    .ContentPopupOSRM .gridCN {
        width: 100%;
        display: inline-grid;
        column-gap: 10px;
        grid-template-columns: auto auto;
    }



        .ContentPopupOSRM .gridCN div:not(:first-child) {
            text-align: center;
        }





        .ContentPopupOSRM .gridCN span.clsRagioneSociale {
            text-align: left;
        }



    .ContentPopupOSRM #CoordMarker {
        visibility: collapse;
        display: none;
    }



    .ContentPopupOSRM .Button {
        width: 100%;
        display: inline-grid;
        grid-template-columns: auto auto auto auto;
        text-align: center;
        justify-content: center;
        align-items: center;
        column-gap: 15px;
    }



        .ContentPopupOSRM .Button div:hover {
            background-color: black;
            border-radius: 50%;
        }



        .ContentPopupOSRM .Button div > img {
            width: 30px;
            height: 30px;
            object-fit: cover;
            cursor: pointer;
            margin-bottom: -4px;
        }

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
      -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
      -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
      -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
      transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
      
    /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
      -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
      -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
      -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
      transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}