/*
.sll-logo {
    height:auto;
    width:18em;
    max-height:14em;
    margin-bottom:10px;
    margin-top:-1em;
    position:absolute;
}

.dashboard-title {
    position:absolute;
    margin:0em 0 0 0;
    text-align:center;
    color:var(--primary-color);
    font-size:50px;
    font-weight:normal;
    left:0;
    right:0;
    margin:0 auto 0 auto;
    font-family:var(--main-font)
}

.live-update-time-style {
    font-size:14px;
    text-decoration:none;
    color:var(--primary-color);
    line-height:5px;
    position:absolute;
    margin:4em 0 0 0;
    position:absolute;
    right:0;
    left:0;
    top:-0.75em;
    text-align:center;
    font-family:var(--main-font)
}
*/
.header-container {
    position:relative;
    float:right;
    top:-2.5em;
    height:1em;
    font-family:var(--main-font);
}

.tabs-div {
    position:relative;
    display:inline-block;
    white-space:nowrap;
    font-size:14px;
}

.units-tabs {
    position:relative;
    justify-content:space-evenly;
    height:1em
}

.units-tab {
    line-height:0.25em;
    background-color:var(--header-background-color) !important;
    color:aliceblue;
}

.selected-units-tab {
    color:whitesmoke !important;
    border-radius:3px;
    border:none !important;
    background-color:var(--primary-color) !important
}

/*
.units-slider {
    position:absolute;
    text-align:left;
    left:0.25em;
    top:-2.25em;
    margin-bottom:2em;
    display:flex;
    justify-content:space-evenly;
    width:3.95em;
    font-family:var(--main-font);
}
*/


/*
.contact-button {
    position:relative;
    float:right;
    right:10em;
    top:-1em;
    text-decoration:none;
    color:var(--primary-color);
    z-index:1;
    font-size:16px;
    border:none;
    background-color:rgba(0,0,0,0)
}

.contact-button:hover{
    cursor:pointer;
}

.contact-modal {
    position:absolute;
    margin:auto;
    top:15%;
    left:0;
    right:0;
    color:white;
    height:75%;
    width:50%;
    background-color:rgba(0, 35, 102, 0.85);
    border-radius:5px;
    -webkit-box-shadow: 0 0 15px var(--header-outline-color);
    box-shadow: 0 0 15px var(--header-outline-color);
    z-index:999;
    border:2px solid rgba(37, 110, 255, 1);
    font-family:var(--main-font);
    overflow:auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.contact-modal-container::-webkit-scrollbar {
    display: none;
}

.modal-body-div {
    padding:1rem
}

.contact-modal-body {
    position:relative;
}

.contact-modal-info{
    position:relative;
    display:grid;
    grid-template-columns:0.5fr 0.5fr;
    grid-template-rows:1fr 1fr;
    gap:2rem;
}

.contact-modal-message {
    position:relative;
    text-align:center;
}

.contact-modal-message-textbox {
    position:relative;
    display:flexbox;
    width:99%;
    height:20vh;
}

.contact-modal-close {
    position:relative;
    float:right;
    right:1rem;
    top:0.5rem;
    color:white;
    background-color:#002366;
    border-radius:var(--info-bottom-radius);
    font-size:16px;
    border:1px solid #2EBBAD;
    padding:5px 10px 5px 10px;
    margin:0.5rem 0 0 0
}

.contact-modal-close:hover {
    cursor:pointer;
    background-color:#256EFF
}

.contact-modal-submit {
    position:relative;
    float:right;
    color:white;
    background-color:#002366;
    border-radius:var(--info-bottom-radius);
    font-size:16px;
    border:1px solid #2EBBAD;
    padding:5px 10px 5px 10px;
    margin:5rem 0rem 0 0
}

.contact-modal-submit:hover {
    cursor:pointer;
    background-color:#256EFF
}

.email-success-msg {
    position:absolute;
    margin-top:45%;
    left:0;
    right:0;
    color:rgba(38, 234, 61, 1);
    font-size:32px;
    text-align:center;
    font-family:var(--main-font)
}

.email-fail-msg {
    position:absolute;
    margin-top:45%;
    left:0;
    right:0;
    color:red;
    font-size:32px;
    text-align:center;
    font-family:var(--main-font)
}

*/