@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';

/* _content/CFWUI/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-8wqqhv7h43] {
    position: relative;
    display: grid;
    grid-template-areas:
        "above-side top-row-left top-row-right"
        "navside navtop navtop"
        "navside main main";
    grid-template-rows: auto auto 1fr;
    grid-template-columns: auto auto 1fr;
    background-color: rgb(5, 39, 103);
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
}

main[b-8wqqhv7h43] {
    grid-area: main;
    background-color: white;
    min-height: 0px;
    min-width: 0px;
    height: 100%;
    width: 100%;
}

/* undo bootstrap default article paddings*/
article[b-8wqqhv7h43] {
    padding-left: 0px !important;
    padding-right: 0px !important;
    min-width: 0px;
    min-height: 0px;
    max-width: 100%;
    max-height: 100%;
}

/* article {
    padding-left: 2rem !important;
    padding-right: 1.5rem !important;
}*/

#blazor-error-ui[b-8wqqhv7h43] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-8wqqhv7h43] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/CFWUI/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-tp7a5gvcy1] {
    grid-area: top-row-left;
    appearance: none;
    cursor: pointer;
    min-width: 3.5rem;
    /*width: 3.5rem;*/
    min-height: 2.5rem;
    /*height: 2.5rem;*/
    color: white;
    position: relative;
    /*position: absolute;*/
    /*margin-top: 0.5rem;*/
    /*top: 0.5rem;*/
    /*margin-left: 1rem;*/
    /*left: 1rem;*/
    /*right: 1rem;*/
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid #d6d5d5;
    /*background-color: rgb(5, 39, 103);*/
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:checked[b-tp7a5gvcy1] {
        background-color: rgba(255, 255, 255, 0.5);
    }

.sidebar[b-tp7a5gvcy1] {
    grid-area: navtop;
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    min-height: 0px;
    min-width: 0px;
    display: none;
    /* Allow sidebar to scroll for tall menus */
    overflow-y: auto;
}

.top-row[b-tp7a5gvcy1] {
    grid-area: top-row-right;
    background-color: rgb(5, 39, 103);
    /*background-color: #f7f7f7;*/
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-start;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-tp7a5gvcy1]  a, .top-row[b-tp7a5gvcy1]  .btn-link {
        white-space: nowrap;
        margin-left: 0rem;
        /*margin-left: 1.5rem;*/
        text-decoration: none;
    }

        .top-row[b-tp7a5gvcy1]  a:hover, .top-row[b-tp7a5gvcy1]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-tp7a5gvcy1]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

.navbar-toggler:checked ~ .sidebar[b-tp7a5gvcy1] {
    /* 
        by default, displays as a block above the main content
    */
    display: block;
}

@media (max-width: 640.98px) {
    .top-row[b-tp7a5gvcy1] {
        justify-content: space-between;
    }

        .top-row[b-tp7a5gvcy1]  a, .top-row[b-tp7a5gvcy1]  .btn-link {
            margin-left: 0;
        }

    .sidebar[b-tp7a5gvcy1] {
        max-height: 250px;
    }
}

@media (min-width: 641px) {
    .sidebar[b-tp7a5gvcy1] {
        grid-area: navside;
        width: 250px;
        /*
            when the screen is wide enough, we want to allow the navbar to occupy the full 
            vertical space available as it will be off to the side of the main content
        */
        max-height: 100%;
        display: block;
        position: sticky;
        top: 0;
    }

    .top-row[b-tp7a5gvcy1] {
        grid-area: above-side;
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .navbar-toggler[b-tp7a5gvcy1] {
        display: none;
    }
}

.navbar-brand[b-tp7a5gvcy1] {
    font-size: 1.1rem;
}

.nav-item[b-tp7a5gvcy1] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-tp7a5gvcy1] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-tp7a5gvcy1] {
        padding-bottom: 1rem;
    }

    .nav-item[b-tp7a5gvcy1]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

    .nav-item[b-tp7a5gvcy1]  a.active {
        background-color: rgba(255,255,255,0.37);
        color: white;
    }

    .nav-item[b-tp7a5gvcy1]  .nav-link:hover {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }
/* _content/CFWUI/Components/Layout/QADash.razor.rz.scp.css */
.qa-layout-container[b-y0xr87gzfl] {
    display: grid;
    grid-template-areas:
        "qa-header-left qa-header-right"
        "qa-navbar qa-navbar"
        "body-section body-section";
    grid-template-rows: auto auto 1fr;
    grid-template-columns: auto 1fr;
    background-color: black;
    width: 100%;
    height: 100%;
    /*height: calc(100vh - 1.1rem);*/
    max-width: 100%;
    max-height: 100%;
    /*max-height: calc(100vh - 1.1rem);*/
    overflow: hidden;
}

.qa-navbar-toggler[b-y0xr87gzfl] {
    grid-area: qa-header-left;
    appearance: none;
    cursor: pointer;
    min-width: 3.5rem;
    /*width: 3.5rem;*/
    min-height: 2.5rem;
    /*height: 2.5rem;*/
    color: white;
    position: relative;
    /*position: absolute;*/
    /*margin-top: 0.5rem;*/
    /*top: 0.5rem;*/
    /*margin-left: 1rem;*/
    /*left: 1rem;*/
    /*right: 1rem;*/
    border: 1px solid black;
    /*border: 1px solid rgba(255, 255, 255, 0.1);*/
    /*border-bottom: 1px solid #d6d5d5;*/
    /*background-color: rgb(5, 39, 103);*/
    /*background-color: lightblue;*/
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .qa-navbar-toggler:checked[b-y0xr87gzfl] {
        background-color: rgba(255, 255, 255, 0.5);
    }

.qa-nav-item[b-y0xr87gzfl] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

    .qa-nav-item[b-y0xr87gzfl]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

    .qa-nav-item[b-y0xr87gzfl]  a.active {
        background-color: rgba(255,255,255,0.37);
        color: white;
    }

    .qa-nav-item[b-y0xr87gzfl]  .nav-link:hover {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

.qa-nav-buttons[b-y0xr87gzfl] {
    background-color: black;
    margin-top: auto;
    align-items: center;
    justify-content: space-between;
}

.qa-header[b-y0xr87gzfl] {
    color: white;
    background-color: black;
    grid-area: qa-header-right;
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;
    justify-content: space-between;
    margin-left: 0.5rem;
}

.qa-navbar[b-y0xr87gzfl] {
    grid-area: qa-navbar;
    display: none;
}

.qa-navbar-toggler:checked ~ .qa-navbar[b-y0xr87gzfl] {
    display: block;
}

.body-section[b-y0xr87gzfl] {
    grid-area: body-section;
    min-width: 0px;
    min-height: 0px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background-color: white;
}

/* Handling for small width layouts */
@media (width <= 640px) {
    /* handle VERY small width viewport styling */
}

@media (640px < width <= 800px ) {
    /* handle small width viewport styling */
}

/* Handling for small height layouts */
@media (height <= 480px) {
    /* handle VERY small height viewport styling */
}

@media (480px < height <= 600px) {
    /* handle small height viewport styling */
}
/* _content/CFWUI/Components/Pages/UnitSelection.razor.rz.scp.css */
#unit-selection[b-ncs8uksbm3] {
    display: grid;
    grid-template-areas:
        "search search"
        "controls controls"
        "messages messages"
        "available selected";
    grid-template-rows: auto auto auto 1fr;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

#search[b-ncs8uksbm3] {
    grid-area: search;
    display: flex;
    flex: 1 1 auto;
}

#controls[b-ncs8uksbm3] {
    grid-area: controls;
    display: flex;
    flex: 1 1 auto;
}

#messages[b-ncs8uksbm3] {
    grid-area: messages;
}

#available[b-ncs8uksbm3] {
    grid-area: available;
    margin-right: 5px;
    overflow: scroll;
}

.available-item[b-ncs8uksbm3] {
    box-sizing: border-box;
    border-color: black;
    border-width: 2px;
    border-style: solid;
    margin-top: 2px;
    display: grid;
    grid-template-areas:
        "name info"
        "extra extra"
        "ping led"
        "connect connect";
    grid-template-rows: auto auto auto;
    grid-template-columns: 50% 50%;
}

.extra-area[b-ncs8uksbm3] {
    grid-area: extra;
    padding: 5px;
}

.ping-area[b-ncs8uksbm3] {
    grid-area: ping-response;
    padding: 5px;
}

.sys-desc-busy[b-ncs8uksbm3] {
    grid-row: ping-response;
    grid-column-start: ping-response;
    grid-column-end: connection-status;
    padding: 5px;
}

.connection-status[b-ncs8uksbm3] {
    grid-area: connection-status;
    padding: 5px;
}

#selected[b-ncs8uksbm3] {
    grid-area: selected;
    margin: 5px;
    overflow: scroll;
}

.selected-item[b-ncs8uksbm3] {
    box-sizing: border-box;
    border-color: black;
    border-width: 2px;
    border-style: solid;
    margin-top: 2px;
    display: grid;
    grid-template-areas:
        "name name"
        "type type"
        "ping led"
        "ping-response connection-status"
        "show disconnect";
    grid-template-rows: auto auto auto;
    grid-template-columns: 50% 50%;
}
/* _content/CFWUI/Components/Shared/SystemWifi.razor.rz.scp.css */
#scanned-network-view[b-ck425eiu4l] {
    background-color: whitesmoke;
    padding: 20px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    /* limit the max height of the view area, and set it to scroll if content wouldn't fit */
    height: 300px;
    min-height: 300px;
    max-height: 300px;
    overflow-y: scroll;
}

.scanned-network[b-ck425eiu4l] {
    background-color: wheat;
    height: 3lh;
    min-height: 3lh;
    max-height: 3lh;
}
/* _content/CFWUI/Components/Units/BLEScanView.razor.rz.scp.css */
.scan-result[b-kvq8yb4w1s] {
    border-color: black;
    border-width: 2px;
    border-style: solid;
    margin-top: 2px;
    display: grid;
    grid-template-areas:
        "name alias connect"
        "address type connect";
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
}

.scan-name[b-kvq8yb4w1s] {
    grid-area: name;
}

.scan-alias[b-kvq8yb4w1s] {
    grid-area: alias;
}

.scan-address[b-kvq8yb4w1s] {
    grid-area: address;
}

.scan-type[b-kvq8yb4w1s] {
    grid-area: type;
}

.scan-connect[b-kvq8yb4w1s] {
    grid-area: connect;
}
/* _content/CFWUI/Components/Units/DishheaterMainScreen.razor.rz.scp.css */
.dish-heater-view[b-7eqlzw2clf] {
    display: grid;
    grid-template-areas:
        "data-readout data-readout"
        "pause-button pause-button"
        "relay-1-off relay-1-on"
        "relay-2-off relay-2-on"
        "network-button network-button"
        "change-fid-button change-fid-button"
        "separator separator"
        "other-menu other-menu";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto auto auto 1fr;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/* _content/CFWUI/Components/Units/QATesting.razor.rz.scp.css */
/* _content/CFWUI/Components/Units/UnitStatusInfo.razor.rz.scp.css */
#status-info-main[b-1jjrhbe0h5] {
    display: grid;
    grid-template-areas:
        "unit-status-header"
        "top-tabs"
        "current-view";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
}

.unit-status-header[b-1jjrhbe0h5] {
    grid-area: unit-status-header;
}

.top-tabs[b-1jjrhbe0h5] {
    grid-area: top-tabs;
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
}

.current-view[b-1jjrhbe0h5] {
    grid-area: current-view;
    min-width: 0px;
    min-height: 0px;
}

/*#data-view-main {
    display: grid;
    grid-template-areas:
        "data-tabs"
        "current-data-view";
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    min-width: 0;
    min-height: 0;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
}

.data-tabs {
    grid-area: data-tabs;
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
}

.current-data-view {
    grid-area: current-data-view;
    overflow: scroll;
}*/