@-webkit-viewport {
    width: device-width;
}
@-moz-viewport {
    width: device-width;
}
@-ms-viewport {
    width: device-width;
}
@-o-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}
html,
body {
    height: 100%;
    margin: 0;
}

div, b, select, label, p{
	font-family: calibri !important;
	font-size: 19px !important;
}
select{
	font-family: calibri !important;
	font-size: 19px !important;
	width: 100%;
}
td{
	font-family: calibri !important;
	font-size: 15px !important;
}

span{
	font-family: none !important;
	font-size: small;
}
#map {
    margin: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
#legenda {
    position: absolute;
    right: 10px;
    top: 45px;
    background-color: rgba(255, 255, 255, 0.7);
    width: 250px;
    z-index: 10000;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
    border-radius: 4px;
    padding: 4px;
    display: none;
}

#totalePerStrumento {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: rgba(255, 255, 255, 0.7);
    width: 250px;
    z-index: 10000;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
    border-radius: 4px;
    padding: 4px;
    display: none;
}
.colorBox {
    height: 12px;
    width: 12px;
    float: right;
    margin-right: 4px;
    border: 1px solid black;
}
.colorRiga {
    padding: 2px;
}
#titolo {
    font-size: 1.2em;
}
#contenitore {
    background-color: rgba(255,255,255,0.8);
    z-index: 1000;
    border-radius: 10px;
    border: solid #D4E7F5 2px;
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 10px;
}

#contenitoreTitoloMappa {
    z-index: 1000;
    position: absolute;
    left: 10px;
    top: 5px;
    width: 100%;
    text-align: left;
}

#titoloMappa {
    background-color: rgba(255,255,255,0.8);
    z-index: 1000;
    border-radius: 10px;
    border: solid #D4E7F5 5px;
	margin: auto;
	display: inline-block;
	font-size: 1.2em;
}

#datiAggiornati {
    position: absolute;
    left: 150px;
    bottom : 10px;
    background-color: rgba(255, 255, 255, 0.7);
    width: 250px;
    z-index: 10000;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
    border-radius: 4px;
    padding: 4px;
   
}

/* .ui-state-default.ui-corner-all{
	width: 150px;
} */

#zoom {
    position: absolute;
    left: 10px;
    bottom : 100px;
    background-color: rgba(255, 255, 255, 0.7);
    
    z-index: 10000;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
    border-radius: 4px;
    padding: 4px;
   
}
#contenitoreGeocoder {
    background-color: rgba(255,255,255,0.8);
    z-index: 1000;
    border-radius: 10px;
    border: solid #D4E7F5 2px;
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 10px;
}

#geocoderDiv {
    width: 270px;
}

.ui-widget input[type=text]{
	width: 75% !important;
}

.ui-widget-content{
	width: 100%;
}

#myUL li a {
    border: 1px solid #ddd; /* Add a border to all links */
    margin-top: -1px; /* Prevent double borders */
    background-color: #f6f6f6; /* Grey background color */
    padding: 2px; /* Add some padding */
   
    text-decoration: none; /* Remove default text underline */
    
    color: black; /* Add a black text color */
    display: block; /* Make it into a block element to fill the whole list */

}

#myUL li:focus  {
  background: red;
  outline: 0;
}

#myUL li a:hover:not(.header) {
    background-color: #eee; /* Add a hover effect to all links, except for headers */

}

#myUL li{
        margin-left: 1px;
    background-color: white;
            postion: absolute;
    z-index: 100001;
}
#ricercaAmministrazioni {
    width: 100%; /* Full-width */
    
    margin-bottom: 1px; /* Add some space below the input */
}

#myUL {
    /* Remove default list styling */
    list-style-type: none;
    padding: 0;
     margin-left: 147px;
     margin-top: 0px;
     position: absolute;
     width: 700px;
}


.leaflet-popup-content .ppopup {
    margin: 3px 0;
    font-family: calibri !important
}

div.tabellaPopup {
    overflow: scroll;
    /*height: 350px;*/
        margin-left: 97px;
    max-height: 500px !important;
    max-width: 600px !important;
}

/* .popup2class{
	width: 580px;
}
*/
/* .leaflet-popup-content-wrapper{
	width: 580px;
} */ 

/* element.style {
    display: block;
    height: 301px;
    width: 301px;
} 
.leaflet-map-pane canvas {
    z-index: 100;
    margin-left: 35%;
}
 */
#divModal {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background: rgba(0,0,0,0.6);
     z-index: 99999;
     opacity:0;
     visibility:hidden;
     /*animiamo l'apparizione e la sparizione*/
     transition: all 0.3s linear;
 }
.modalDialog{
     position: absolute;
     padding: 15px;
     width: 90%;
     max-width:830px;
     min-height:85%;
     top:1%;
     margin-right: 7.5%;
     margin-left: 7.5%;
     border:2px;
     border-radius: 35px;
     z-index: 199999;
     background-color:white;
     box-sizing: border-box;
     margin: 0 auto;
 }