#myMap { height: 500px; }

#myPlot {
    width:100%;
    height:100%}

#modal1 {
    width: 80%;
    height: 100%;
    max-height: 84%;
    top: 8% !important;
}
#modal1 .modal-content {
    padding: 10px 20px 0!important;
}

#modal1 .modal-footer * {
    padding-bottom: 2px;
}

.dropdown-content {
    position: fixed;
    min-height: 30px
}

li span {
    padding-top: 6px !important;
    
}

#myAggiungi {
    margin-right: 20px
}

#myVHI {z-index: 900;}
.laScelta {
    margin-top: -8px;
    cursor: pointer;
}


.dataVHIclass li {min-height: 10px;}
.dataVHIclass li span { padding: 5px 0 0 20px }

.dataVHIclass li.optgroup span { padding: 10px 0 0 5px; color: black; font-weight: bold; }
.dataVHIclass .dropdown-content {top: 50% !important; height: 40% !important}


/* #flexgenda {
    display: flex;
    flex-wrap: nowrap
}
#flexgenda div {
    flex-grow: 1;
    text-align: center;
    font-size: 12px;
    color: white;
    font-weight: bold;
    font-family: 'Courier New', Courier, monospace;
} */



#flexGenda {clear: both; display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top:-4px }
#flexGenda div {flex-grow: 1;  margin: 0 1px; cursor:help }

#flexGendaBis {margin-top: 0; margin-bottom: 6px;}
#flexGendaTer {margin-top: -2px;}
#flexGendaBis, #flexGendaTer {height: 15px; font-size: 12px;}
@media screen and (max-width: 992px) {
    body {
        #flexGendaBis, #flexGendaTer {height: 15px; font-size: 8px;}
    }
  }
#flexGendaBis div, #flexGendaTer div {float: left; position: absolute; padding-left: 2px;}
.titoloLegenda {margin: 5px 0 15px;}

/* .leaflet-interactive {
    stroke-width:2
} */


path.leaflet-interactive:focus {
    outline: none;
}

/* .svg-container, .main-svg {width: 100% !important;} */