body {
    height: 100vh;
}
.main-content {
    height: 100%;
}
#app-content {
    height: 90%;
}
#map-middle-bottom {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    bottom: 1rem;
    width: 615px;
    height: 230px;
}

#map-main-display {
    position: absolute;
    top: 3rem;
    left: 3rem;
    bottom: 10rem;
    right: 3rem;
    z-index: 4;
}

#map-base {
    position: relative;
    height: 100%;
}

.hidden {
    display: none;
}

.svg-red {
    filter: invert(23%) sepia(83%) saturate(7082%) hue-rotate(356deg) brightness(98%) contrast(117%);
}

.btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
}

.vessel-table td:first-child {
    text-align: left;
}

.vessel-table td:last-child {
    text-align: right;
}

.bg-transparent-blur {
    backdrop-filter: blur(10px);
    background: #ffffff54;
}