header {
    background: #151515;
    z-index: 10;
    height: 25px;
    padding: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    position: relative;
}

#map {
    height: calc(80vh - 55px);
    width: 100%;
}

body {
    padding: 0;
    margin: 0;
    color: #ffffff;
    background: #151515;
}

.gateway-marker-cluster {
    background-color: rgba(127, 174, 0, 1);
    color: #ffffff;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: .9em;
}

.leaflet-div-icon {
    background: none;
    border: none;
}

#table {
    height: 20vh;
    overflow-y: auto;
    font-family: monospace;
}
#table table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

#table th, #table td {
    text-align: left;
    border-bottom: 1px solid #333333;
    padding: 5px 10px;
    width: 1%;
    white-space: nowrap;
}

#table tr > td:last-child, #table tr th:last-child {
    width: auto;
    white-space: initial;
}

.leaflet-layer,
.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.leaflet-control-attribution,
.leaflet-popup-pane {
    filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%) saturate(0);
}

.leaflet-container {
    background: #222222
}