/*******************************************************************************
 * SENSERA CONFIDENTIAL
 *
 * Copyright 2012 - 2025 Sensera Systems Inc. All Rights Reserved.
 *
 * NOTICE: All information contained herein is, and remains the property of Sensera Systems Inc. and its suppliers. The
 * intellectual and technical concepts contained herein are proprietary to Sensera Systems Inc. and may be covered by
 * U.S. and Foreign Patents, patents in process, and are protected by trade secret or copyright law. Dissemination of
 * this information or reproduction of this material is strictly forbidden unless prior written permission is obtained
 * from Sensera Systems Inc.
 ******************************************************************************/

:root {
    --fixed-header-height: 4.8vh;
    --fixed-header-padding-Yaxis: 6px;
}

body {
    line-height: 1;
}

body.font-alt {
    font-family: 'Manrope', sans-serif;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


#SiteControls {
    display: flex;
    gap: 16px;
    align-items: center;
}

#PageName {
    display: inline-flex;
    align-items: center;
    margin: 0 42px 0 4px;
    padding: 0 0 0 12px;
    height: 2.8rem;
    border-left: 2px solid var(--ColorPrimaryLt_dimTxt);
    color: white;
    font-size: 1.2rem;
    font-weight: 200;
}


.scBlackAndOrange {

}

.scBlackAndOrange .btn {
    color: white;
}

.scBlackAndOrange .mobile-border {
    background: var(--sensera-black-900);
}

.scBlackAndOrange #SiteHeader {
    background-color: var(--bg-secondary);
}

.scBlackAndOrange #Drawer {
    background: var(--sensera-black-900);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.scBlackAndOrange #DrawerInner {
    font-family: 'Manrope', sans-serif;
}

.scBlackAndOrange #DrawerInner #CurrentLogin {
    border: 1px solid var(--sensera-orange-400);
}

.scBlackAndOrange #PageName {
    border-left-color: var(--sensera-gray-400);
    line-height: 1.2;
}

.scBlackAndOrange #SiteHeader select {
    vertical-align: middle;
    padding: 6px 30px 6px 12px;
    width: 100%;
    border: 1px solid var(--border-color);
    border-radius: var(--ss-radius-6);
    /* Custom dropdown arrow */
    background: var(--header-select-bg) url(/C1/images/mega_arrow.png) no-repeat right 12px center;
    background-size: .65em auto;
    color: var(--text-primary);
    font-size: 1rem;
    line-height: 1.3;

    cursor: pointer;

    /* Remove default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


@media only screen and (max-width: 1720px) {
    :root {
        --fixed-header-padding-Yaxis: 4px;
    }

    #SiteHeader {
        padding: var(--fixed-header-padding-Yaxis) 1vw;
    }
}


/** Tier 3 */ @media only screen and ( max-width: 930px ) {
    #SiteControls {
        display: grid;
        grid-gap: 4px;
        row-gap: 2px;
    }

    #PageName {
        grid-column: 2;
        grid-row: 2;
        margin: 0 8px 0 0;
        padding: 0;
        height: auto;
        border: none;
        font-size: 1rem;
    }
}

/** Phones mostly */
/** Tier 4 */ @media only screen and ( max-width: 770px )
{
    #SiteHeader {
        padding: var(--fixed-header-padding-Yaxis) 2vw;
    }

    #PageName {
        border: none;
        font-size: 0.9rem;
        font-weight: 400;
    }
}