@charset "UTF-8";

/* body {
    background-color: "#010D12" !important;
} */

#mapFrame {
    overflow: hidden;
    height: 80vh;
}

.selectlabel {
    color: #999;
}



/* --------------------
    Header
-------------------- */
#headerContainer {
    z-index: 100;
    height: 12vh;
    background-color: #152e3d;
}

#headerTop {
    height: 4vh;
    --bs-gutter-x: 0;
}

#headerBottom {
    height: 8vh;
    --bs-gutter-x: 0;
}



/* --------------------
    Map
-------------------- */
#mapContainer {
    /* position: absolute; */
    width: 100%;
    /* height: 80%; */
    height: 58vh;
    background-color: #152e3d;
}

#noDataContainer {
    position: absolute;
    z-index: 120;
    top: 130px;
    left: -50%;
    width: 10%;
    background-color: rgba(255, 255, 255, .75);
}

#cardContainer {
    position: absolute;
    z-index: 110;
    top: 24vh;
    left: 3vw;
    /* width: 20vw;
    height: 30vh; */
    background-color: rgba(255, 255, 255, .75);
}



/* --------------------
    Footer
-------------------- */

#footerContainer {
    /* position: absolute; */
    z-index: 95;
    width: 100%;
    height: 10vh;
    bottom: 0;
    opacity: 1;
    /* background-color: #010D12 !important; */
    background-color: #152e3d;
}

.footerElm {
    display: flex;
    align-items: start;
    justify-content: center;
    margin-top: 1rem;
    font-size: 0.8rem;
}