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

#map{
    width:100%;
    height:100vh;
}

.leaflet-popup-content table{
    border-collapse:collapse;
    width:100%;
}

.leaflet-popup-content td{
    padding:4px;
    border-bottom:1px solid #ddd;
}

.leaflet-popup-content h3{
    margin:0 0 10px;
    color:#0d47a1;
}

/* ===========================
   LEGENDA
=========================== */

.legend{
    background:white;
    padding:12px;
    border-radius:8px;
    box-shadow:0 0 15px rgba(0,0,0,.2);
    line-height:22px;
    color:#333;
}

.legend h4{
    margin:0 0 8px;
    color:#0D47A1;
    font-size:15px;
}

.legend i{
    width:22px;
    height:18px;
    float:left;
    margin-right:8px;
    opacity:0.9;
}