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

#storm_map { 
    position: relative;
    width: 100.0%;
    height: 100.0%;
    left: 0.0%;
    top: 0.0%;
}
#map_title {
    position:absolute;
    padding: 0;
    bottom:5px;
    left:5px;
}

.leaflet-interactive,
.leaflet-interactive:focus,
.leaflet-interactive:active {
    outline: none !important;
}

.origin-popup { 
    border: solid 2px grey;
    border-collapse: separate;
    border-radius: 10px;
    width:100%;
    border-spacing: 0px 0px;
}
.origin-popup td {
    padding-left: 5px;
    border-left: none;
}
.origin-popup th {
    border-right: solid 2px grey;
    text-align: right;
    padding-right: 5px;
    width: 50%;
}
.origin-popup tr {
    background-color: lightgrey;
    border-spacing:0;
}
.origin-popup tr:last-child th{
    border-bottom-left-radius:8px;
}
.origin-popup tr:last-child td{
    border-bottom-right-radius:8px;
}
.origin-popup tr:first-child th{
    background-color: gray;
    border-top-left-radius:7px;
    border-top-right-radius:7px;
    color: white;
    text-align: center;
    border-right: none; 
}