/* /Pages/Components/Overlay.razor.rz.scp.css */
.overlay[b-tjt8g7sfq7] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: rgb(10, 10, 10);
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

    .overlay.show[b-tjt8g7sfq7] {
        visibility: visible;
        opacity: 0.5;
    }
/* /Pages/Components/Update.razor.rz.scp.css */
/* Update button floating style */
.floating-update-container[b-n8f8ncf4rq] {
    position: fixed;
    top: 20px; /* reduces top spacing */
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 1050;
    max-width: 600px;
}

.update-title[b-n8f8ncf4rq] {
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 8px;
    color: #000;
}

.floating-update-button[b-n8f8ncf4rq] {
    width: 100%;
    padding: 12px 15px;
    font-size: 0.95rem;
    line-height: 1.3;
    text-align: center;
    white-space: normal;
}
    /* Optional: add a hover effect */
    .floating-update-button:hover[b-n8f8ncf4rq] {
        background-color: #e0a800;
    }

@keyframes fadein-b-n8f8ncf4rq {
    from {
        right: -100%;
    }

    to {
        right: 2rem;
    }
}
/* /Pages/DHLogging.razor.rz.scp.css */
.light-mode[b-0eltaeu8dr] {
    flex: 1;
    display: flex;
    flex-direction: column;
    --tab-gradient-bg-color: #c49e9ec9; /*#c49e9e;*/
    --panel-wrapper-bg-color: none;
    --tabpanel-line-color: #fefefe85;
}
/*var(--tabpanel-line-color);*/ /*#fefefe85; #fefefe1f;*/
.dark-mode[b-0eltaeu8dr] {
    flex: 1;
    display: flex;
    flex-direction: column;
    --tab-gradient-bg-color: #292A2B;
    --panel-wrapper-bg-color: url(../../images/scatter.png), radial-gradient(ellipse at top, #434344 0%, #2C2C2C 100%, transparent);
    --tabpanel-line-color: #fefefe1f;
}

.dhlogging-wrapper[b-0eltaeu8dr] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.logging-header[b-0eltaeu8dr] {
    flex: 0 0 150px;
    transition: all 0.2s ease;
    overflow: hidden;
    align-self: center;
    width: 50%;
    min-width: 650px;
    margin-bottom: 5px;
}

    .logging-header.hidden[b-0eltaeu8dr] {
        display: none;
    }

.logging-minheader[b-0eltaeu8dr] {
    flex: 0 0 45px;
    transition: all 0.2s ease;
    overflow: hidden;
    align-self: center;
    width: 55%;
    min-width: 650px;
    margin-bottom: -5px;
}

    .logging-minheader.hidden[b-0eltaeu8dr] {
        display: none;
    }

.light-mode[b-0eltaeu8dr]  #dhLoggingHeaderForm .dx-field-item-label-text {
    color: #efefef;
}

.light-mode[b-0eltaeu8dr]  #dhLoggingMinHeaderForm .dx-field-item-label-text {
    color: #efefef;
}

.logging-body[b-0eltaeu8dr] {
    flex: auto;
    display: flex;
    overflow-y: hidden;
}

.tab-menu[b-0eltaeu8dr] {
    flex: 0 0 100px;
}

[b-0eltaeu8dr] .tab-li {
    padding: 25px 0px;
    cursor: pointer;
}

    [b-0eltaeu8dr] .tab-li.active {
        position: relative;
        padding: 15px 0px 10px 0px;
        margin: 10px -6px 15px 10px;
        box-shadow: -6px -2px 5px 2px rgb(0 0 0 / 15%);
        background-color: #292A2B;
        border-radius: 5px
    }

        [b-0eltaeu8dr] .tab-li.active::after {
            background-color: #292A2B;
            display: block;
            content: ".";
            font-size: 0;
            width: 6px;
            height: 92.8px;
            position: absolute;
            right: 0px;
            top: 0;
        }

    [b-0eltaeu8dr] .tab-li.active .tab-wrapper{
        margin-left: -8px;
    }

        [b-0eltaeu8dr] .tab-li.active .tab-wrapper .tab-label {
            text-shadow: 0 0 6px #0093fd, 0 0 16px #0073c5;
            color: #FEFEFE;
            font-weight: 500;
        }

[b-0eltaeu8dr] .tab-label {
    color: #DEDEDE;
    font-size: 0.7em;
    font-family: 'Roboto';
    padding-top: 10px;
}

#tabs[b-0eltaeu8dr] {
    padding: 0px;
}

.tab-wrapper[b-0eltaeu8dr] {
    flex: auto;
    display: flex;
    flex-direction: column;
    width: calc(100% - 100px);
}

.tab-gradient[b-0eltaeu8dr] {
    flex: auto;
    background-color: var(--tab-gradient-bg-color); /*#292A2B;*/
    margin: 10px 10px 10px 10px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 35%);
}

.panel-wrapper[b-0eltaeu8dr] {
    flex: auto;
    display: flex;
    flex-direction: column;
    width: calc(100% - 100px);
}

.panel-gradient[b-0eltaeu8dr] {
    flex: auto;
    background-color: #292A2B;
    margin: 10px 10px 10px 0px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 35%);
}

#panels[b-0eltaeu8dr] {
    flex: auto;
    margin: 10px 10px 10px 10px;
    background: var(--panel-wrapper-bg-color);
    /*background: url('images/scatter.png'), radial-gradient(ellipse at top, #434344 0%, #2f2f30 100%, transparent);*/
    border-radius: 3px;
    height: calc(100vh - 275px);
}

.light-mode #panels[b-0eltaeu8dr] {
    background-color: #e1e1e1;
}

/* DeveExpress Overrides */
[b-0eltaeu8dr] .dx-toolbar {
    background-color: transparent;
}

[b-0eltaeu8dr] .dx-datagrid {
    background-color: transparent;
}

[b-0eltaeu8dr] .dx-tabpanel-tabs {
    justify-content: left;
    display: grid;
    border-bottom: solid;
    border-bottom-color: var(--tabpanel-line-color); /*#fefefe85; #fefefe1f;*/
    /*border-bottom-color: #00000026;*/
}

[b-0eltaeu8dr] .dx-tabs-wrapper {
    height: 45px;
}

[b-0eltaeu8dr] .dx-tabs-scrollable {
    width: calc(100vw - 90px);
}

[b-0eltaeu8dr] .dx-tabpanel .dx-multiview-wrapper {
    border: none;
}

[b-0eltaeu8dr] .text-field-btn {
    position: absolute;
    right: 0;
    top: 1px;
    border: none;
    width: 32px;
    height: 32px;
}

[b-0eltaeu8dr] .dx-button-mode-contained.text-field-btn:hover {
    background-color: #111;
}

[b-0eltaeu8dr] .dx-button-mode-contained.text-field-btn:active,
[b-0eltaeu8dr] .dx-button-mode-contained.text-field-btn:focus {
    background-color: none;
}

.light-mode[b-0eltaeu8dr]  .dx-button-mode-contained.text-field-btn:hover {
    background-color: #e1e1e1;
}

/*.light-mode ::deep .text-field-btn.dx-button-mode-contained .dx-icon:hover {
    color: #fff;
}*/

[b-0eltaeu8dr] .interval-textbox .dx-editor-outlined.dx-texteditor-with-floating-label {
    margin-top: 0px;
}

[b-0eltaeu8dr] .qc-bg,
[b-0eltaeu8dr] .dx-row-alt.qc-bg > td {
    background-color: #009688;
}

.light-mode[b-0eltaeu8dr]  .qc-bg,
[b-0eltaeu8dr] .dx-row-alt.qc-bg > td {
    background-color: #009688;
    color: #fff;
}

[b-0eltaeu8dr] .blank-bg,
[b-0eltaeu8dr] .blank-bg > td {
    background-color: #D67A00;
    /*#C57000;*/
}

.light-mode[b-0eltaeu8dr]  .blank-bg,
[b-0eltaeu8dr] .blank-bg > td {
    background-color: #D67A00;
    color: #fff;
}

[b-0eltaeu8dr] .std-bg,
[b-0eltaeu8dr] .dx-row-alt.std-bg > td {
    background-color: purple;
}

.light-mode[b-0eltaeu8dr]  .std-bg,
[b-0eltaeu8dr] .dx-row-alt.std-bg > td {
    background-color: purple;
    color: #fff;
}

[b-0eltaeu8dr] .exception-ico {
    cursor: pointer; 
    color: #eed202;
    height: 0px;
    margin-top: -3px;
}


.light-mode[b-0eltaeu8dr]  .dx-tabpanel-container {
    background-color: #d4d4d4;
}

.light-mode[b-0eltaeu8dr]  .dx-icon-edit:before {
    visibility: hidden;
}

.dark-mode[b-0eltaeu8dr]  .dx-icon-edit:before {
    visibility: hidden;
}

.light-mode[b-0eltaeu8dr]  .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused)[b-0eltaeu8dr],
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused)[b-0eltaeu8dr] {
    background-color: #fcfcfc;
    color: #00bb7e;
}

[b-0eltaeu8dr] .dx-selectbox .dx-texteditor-input {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    text-overflow: clip;
    scroll-behavior: smooth;
}
/* /Pages/LoggingMenu.razor.rz.scp.css */
.light-mode[b-jlxkugzd7d] {
    flex: 1;
    display: flex;
    --btnInfo-bg-color: #e5e8ed; /*#a9e2ce;*/ /*#e5e8ed;*/
    --btnTitle-t-color: #393a3d; /*#393a3d;*/ /*#28292B;*/
    --db-t-color: #FEFEFE;
    --loggingMenu-sep-color: #d6d6d6;
    --indicator-bg-color: #d6d6d6;
}

.dark-mode[b-jlxkugzd7d] {
    flex: 1;
    display: flex;
    --btnInfo-bg-color: #e5e8ed; /*#28292B;*/
    --btnTitle-t-color: #393a3d; /* #E8E3E3;*/
    --db-t-color: #d6d6d6;
    --loggingMenu-sep-color: #00bb7e;
    --indicator-bg-color: #00bb7e;
}

.loading-wrapper.hidden[b-jlxkugzd7d] {
    opacity: 0;
    animation: fadeOut 0.3s;
    -webkit-animation: fadeOut 0.3s;
    -moz-animation: fadeOut 0.3s;
    -o-animation: fadeOut 0.3s;
}

.loading-wrapper[b-jlxkugzd7d] {
    align-items: flex-start;
    height: 450px;
    padding-top: 80px;
}

.loggingmenu-wrapper[b-jlxkugzd7d] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
    animation: fadeIn 0.3s;
    -webkit-animation: fadeIn 0.3s;
    -moz-animation: fadeIn 0.3s;
    -o-animation: fadeIn 0.3s;
}

.loggingmenu-title[b-jlxkugzd7d] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
    .loggingmenu-title .databaseName[b-jlxkugzd7d] {
        text-align: center;
        color: #d6d6d6;
        font-size: 1em;
        font-family: 'Roboto';
        font-weight: 500;
    }

    .loggingmenu-title .title[b-jlxkugzd7d] {
        text-align: center;
        color: #FEFEFE;
        font-size: 1.8em;
        font-family: 'Roboto';
    }

    .loggingmenu-title .separator[b-jlxkugzd7d] {
        height: 3px;
        width: 20%;
        margin: 15px 0px;
        background: var(--loggingMenu-sep-color); /*#BD2829;*/
    }

    .loggingmenu-title .caption[b-jlxkugzd7d] {
        text-align: center;
        color: #DCD5D5;
        font-size: 0.8em;
        font-family: 'Open Sans';
    }

#loggingMenu[b-jlxkugzd7d] {
    margin-top: 40px;
}

[b-jlxkugzd7d] .dx-gallery-indicator-item {
    border: 1px solid #E5E5E5;
    background: #E5E5E5;
}

[b-jlxkugzd7d] .dx-gallery-indicator-item-active,
[b-jlxkugzd7d] .dx-gallery-indicator-item-selected {
    background: var(--indicator-bg-color); /*#A32929;*/
    border: 1px solid var(--indicator-bg-color); /*#A32929;*/
}

[b-jlxkugzd7d] .dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected {
    background: var(--indicator-bg-color); /*#A32929;*/
}

[b-jlxkugzd7d] .btn-template {
    margin: 10px;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .45);
    cursor: pointer;
}

/*::deep .btn-image {
    background: #393A3D;
    width: 250px;
    height: 250px;
}*/
/*For Mockup Screens with 4 buttons*/

[b-jlxkugzd7d] .btn-image {
    background: #393A3D;
    width: 250px;
    height: 228px;
}

[b-jlxkugzd7d] .btn-info {
    padding: 0px 10px;
    background-color: var(--btnInfo-bg-color);
    height: 125px;
}

[b-jlxkugzd7d] .btn-title {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 1.2em;
    color: var(--btnTitle-t-color);
    padding: 10px;
    text-align: center;
    background-color: transparent;
}

[b-jlxkugzd7d] .btn-caption {
    font-family: 'Open Sans';
    font-size: 0.9em;
    color: #C5B8B8;
    padding: 10px;
    text-align: right;
    background-color: transparent;
}

[b-jlxkugzd7d] .dx-icon {
    height: 60px;
    width: 60px;
}

[b-jlxkugzd7d] .dx-actionsheet-container {
    display: flex;
    flex-direction: column;
    max-height: 80vh;
}

[b-jlxkugzd7d] .dx-actionsheet-container .dx-scrollview {
    flex: 1;
    overflow-y: auto;
}

.my-cancel-button .dx-button-content[b-jlxkugzd7d] {
    background-color: #00bb7e !important;
    color: white !important;
}

/* Popup title style */
.my-popup-title .dx-popup-title[b-jlxkugzd7d] {
    color: #00bb7e !important;
}
/* /Pages/ManageData.razor.rz.scp.css */
.light-mode[b-anuezxy7to] {
    --panel-wrapper-bg-color: url(../../images/scatter.png), radial-gradient(ellipse at bottom, #00bb7e 0%, #f0f8f0 100%, transparent);
    --grid-heading-t-color: #28292B;
    --tab-color: #dab8b8; /*#9c9c9c;*/
    --tab-active-color: #ffd93d;
}

.dark-mode[b-anuezxy7to] {
    --panel-wrapper-bg-color: url(../../images/scatter.png), radial-gradient(ellipse at top, #434344 0%, #2C2C2C 100%, transparent);
    --grid-heading-t-color: #FEFEFE;
    --tab-color: #FEFEFE;
    --tab-active-color: #ffd93d;
}

.managedata-wrapper[b-anuezxy7to] {
    flex: 1; 
    display: flex;
    flex-direction: column;
}

#btnContainer[b-anuezxy7to] {
    flex: 1;
    display: flex;
    padding: 10px 10px 10px 25px;
}
/*#btnPanel {
    flex: 1;
    display: flex;
    padding: 10px 10px 10px 25px;
}*/

/*#bkpPanel {
    flex: 1;
    display: flex;
    padding: 10px 10px 10px 25px;
}*/

.light-mode[b-anuezxy7to]  .menu-btn {
    margin-right: 10px;
    background-color: #dcbaba4a;
    border-color: #005f3b;
    color: #fff;
}

.light-mode[b-anuezxy7to]  #btnPanel > .dx-button-mode-contained .dx-icon {
    color: #fff;
}

.light-mode[b-anuezxy7to]  #btnPanel > .dx-button-mode-contained.dx-state-hover {
    background-color: #009463;
}

.dark-mode[b-anuezxy7to]  .menu-btn {
    margin-right: 10px;
}

[b-anuezxy7to] .tab-li {
    display: flex;
    cursor: pointer;
}

    [b-anuezxy7to] .tab-li + .tab-li::before {
        content: " | ";
        padding: 15px 20px 0px 20px;
        font-weight: 100;
        color: #e1e1e1;
    }
    
    [b-anuezxy7to] .tab-li.active {
        color: var(--tab-active-color); /*#BD2829;*/
    }

[b-anuezxy7to] .tab-wrapper {
    display: flex;
    padding-bottom: 5px;
}

[b-anuezxy7to] .tab-label {
    font-size: 0.9em;
    padding-right: 10px;
    padding-top: 19px;
}

[b-anuezxy7to] .tab-count {
    font-size: 2em;
}

#tabs[b-anuezxy7to] {
    flex: 1;
    display: flex;
    align-items: flex-end;
    list-style-type: none;
    justify-content: right;
    margin: 0px 30px 0px 0px;
    font-family: 'Roboto';
    color: var(--tab-color); /*#FEFEFE;*/
}

.summary-menu[b-anuezxy7to] {
    flex: 0 0 56px;
    display: flex;
    flex-direction: column;
}

.panel-wrapper[b-anuezxy7to] {
    flex: 1;
    margin: 10px;
    border-radius: 5px;
    background: var(--panel-wrapper-bg-color); /*url('images/scatter.png'), radial-gradient(ellipse at top, #434344 0%, #2C2C2C 100%, transparent);*/
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 35%);
}

[b-anuezxy7to] .tab-li {
    cursor: pointer;
}

/* DeveExpress Overrides */
[b-anuezxy7to] #panels > .dx-tabpanel-tabs {
    display: none;
}

[b-anuezxy7to] #panels > .dx-tabpanel .dx-multiview-wrapper {
    border: none;
}

.light-mode[b-anuezxy7to]  .dx-tabpanel .dx-multiview-wrapper {
    border: none;
}

.light-mode[b-anuezxy7to]  .dx-tabpanel-tabs {
    border-color: #e3e3e3;
}

.light-mode[b-anuezxy7to]  .dx-tab.dx-tab-selected {
    background-color: #00bb7e;
    color: #009463;
    border-color: #e3e3e3;
}
    .light-mode[b-anuezxy7to]  .dx-tab.dx-tab-selected.dx-state-focused {
        border-color: #e3e3e3;
    }
    .light-mode[b-anuezxy7to]  .dx-tab.dx-tab-selected.dx-state-selected {
        border-color: #e3e3e3;
    }

.light-mode[b-anuezxy7to]  #mDetail-grid {
    background-color: #f2f2f2;
    border-color: #e3e3e3;
}

[b-anuezxy7to] .masterdetailstab {
    flex: auto;
    margin: 10px 10px 10px 10px;
    background: url('../wwwroot/images/scatter.png'), radial-gradient(ellipse at top, #434344 0%, #2f2f30 100%, transparent);
    border-radius: 3px;
    /*width: calc(100vw - 100px);
    height: calc(100vh - 360px);*/
}

[b-anuezxy7to] .grid-heading {
    padding: 0px 15px;
    font-family: 'Roboto';
    font-size: 1.6em;
    font-weight: 500;
    color: var(--grid-heading-t-color); /*#FEFEFE;*/
}

[b-anuezxy7to] .grid-subheading {
    padding: 0px 0px 0px 5px;
    font-family: 'Roboto';
    font-size: 1.2em;
    font-weight: 400;
    color: var(--grid-heading-t-color); /*#FEFEFE;*/
    align-content: center;
}

[b-anuezxy7to] .transfer-bg {
    background-color: #027c71;
}

[b-anuezxy7to] .dx-row-alt.transfer-bg > td {
    background-color: #027c71; 
}

.light-mode[b-anuezxy7to]  .transfer-bg {
    background-color: #009688;
    color: #f7f7f7;
}

.light-mode[b-anuezxy7to]  .dx-row-alt.transfer-bg > td {
    background-color: #009688; 
}

.light-mode[b-anuezxy7to]  .dx-datagrid-rowsview .dx-selection.dx-row > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td[b-anuezxy7to] {
    background-color: #009463 !important;
    color: #efefef !important;
}

[b-anuezxy7to] .exception-bg {
    background-color: #dd5232;
}

.light-mode[b-anuezxy7to]  .exception-bg {
    background-color: #dd5232;
    color: #f7f7f7;
}

[b-anuezxy7to] .dx-row-alt.exception-bg > td {
    background-color: #d44423;
}

[b-anuezxy7to] .exception-ico {
  cursor: pointer;
  color: #eed202;
  height: 0px;
  margin-top: -3px;
}

[b-anuezxy7to] .synced-ico {
    cursor: pointer;
    color: #00cc00;
    height: 0px;
    margin-top: -3px;
}

[b-anuezxy7to] .prod-container {
    display: flex;
    justify-content: left;
    flex-direction: column;
}

.dx-button-mode-contained[b-anuezxy7to] {
    background-color: #f7f7f7;
    border-color: #b0b0b0;
    color: #333;
}

    .dx-button-mode-contained .dx-icon[b-anuezxy7to] {
        color: #333;
    }

    .dx-button-mode-contained.dx-state-selected[b-anuezxy7to] {
        background-color: #ccc;
    }

    .dx-button-mode-contained.dx-state-hover[b-anuezxy7to] {
        background-color: #ededed;
    }

    .dx-button-mode-contained.dx-state-focused[b-anuezxy7to] {
        background-color: #e3e3e3;
    }

    .dx-button-mode-contained.dx-state-active[b-anuezxy7to] {
        background-color: #bababa;
        color: #333;
    }

.light-mode[b-anuezxy7to]  .dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table {
    font-weight: 500;
}

.dx-field-item-label-text[b-anuezxy7to] {
    color: #009463;
}

.light-mode[b-anuezxy7to]  .menu-btn .btn-content {
    display: flex;
    align-items: center; /* vertical centering */
    justify-content: center; /* horizontal centering */
    gap: 6px; /* space between icon & text */
    width: 100%;
    height: 100%;
}

.dark-mode[b-anuezxy7to]  .menu-btn .btn-content {
    display: flex;
    align-items: center; /* vertical centering */
    justify-content: center; /* horizontal centering */
    gap: 6px; /* space between icon & text */
    width: 100%;
    height: 100%;
}

.dark-mode[b-anuezxy7to]  .menu-btn .material-icons {
    font-size: 20px; /* tweak if needed */
}

.light-mode[b-anuezxy7to]  .menu-btn .material-icons {
    font-size: 20px; /* tweak if needed */
}
/* /Pages/ManageProdData.razor.rz.scp.css */
.light-mode[b-ofn9ypq5ya] {
    --panel-wrapper-bg-color: url(../../images/scatter.png), radial-gradient(ellipse at bottom, #00bb7e 0%, #f0f8f0 100%, transparent);
    --grid-heading-t-color: #28292B;
    --tab-color: #dab8b8; /*#9c9c9c;*/
    --tab-active-color: #FEFEFE;
}

.dark-mode[b-ofn9ypq5ya] {
    --panel-wrapper-bg-color: url(../../images/scatter.png), radial-gradient(ellipse at top, #434344 0%, #2C2C2C 100%, transparent);
    --grid-heading-t-color: #FEFEFE;
    --tab-color: #FEFEFE;
    --tab-active-color: #ffd93d;
}

.manageproddata-wrapper[b-ofn9ypq5ya] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

#btnPanel[b-ofn9ypq5ya] {
    flex: 1;
    display: flex;
    padding: 10px 10px 10px 25px;
}

.light-mode[b-ofn9ypq5ya]  .menu-btn {
    margin-right: 10px;
    background-color: #dcbaba4a;
    border-color: #005f3b;
    color: #fff;
}

.light-mode[b-ofn9ypq5ya]  #btnPanel > .dx-button-mode-contained .dx-icon {
    color: #fff;
}

.light-mode[b-ofn9ypq5ya]  #btnPanel > .dx-button-mode-contained.dx-state-hover {
    background-color: #009463;
}

.dark-mode[b-ofn9ypq5ya]  .menu-btn {
    margin-right: 10px;
}

[b-ofn9ypq5ya] .tab-li {
    display: flex;
    cursor: pointer;
}

    [b-ofn9ypq5ya] .tab-li + .tab-li::before {
        content: " | ";
        padding: 15px 20px 0px 20px;
        font-weight: 100;
        color: #808080;
    }

    [b-ofn9ypq5ya] .tab-li.active {
        color: var(--tab-active-color);
    }

[b-ofn9ypq5ya] .tab-wrapper {
    display: flex;
    padding-bottom: 5px;
}

[b-ofn9ypq5ya] .tab-label {
    font-size: 0.9em;
    padding-right: 10px;
    padding-top: 19px;
}

[b-ofn9ypq5ya] .tab-count {
    font-size: 2em;
}

#tabs[b-ofn9ypq5ya] {
    flex: 1;
    display: flex;
    align-items: flex-end;
    list-style-type: none;
    justify-content: right;
    margin: 0px 30px 0px 0px;
    font-family: 'Roboto';
    color: var(--tab-color);
}

.summary-menu[b-ofn9ypq5ya] {
    flex: 0 0 56px;
    padding-top: 10px;
    display: flex;
}

.panel-wrapper[b-ofn9ypq5ya] {
    flex: 1;
    margin: 10px;
    border-radius: 5px;
    background: var(--panel-wrapper-bg-color);
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 35%);
}

[b-ofn9ypq5ya] .tab-li {
    cursor: pointer;
}

/* DeveExpress Overrides */
[b-ofn9ypq5ya] #panels > .dx-tabpanel-tabs {
    display: none;
}

[b-ofn9ypq5ya] #panels > .dx-tabpanel .dx-multiview-wrapper {
    border: none;
}

.light-mode[b-ofn9ypq5ya]  .dx-tabpanel .dx-multiview-wrapper {
    border: none;
}

.light-mode[b-ofn9ypq5ya]  .dx-tabpanel-tabs {
    border-color: #e3e3e3;
}

.light-mode[b-ofn9ypq5ya]  .dx-tab.dx-tab-selected {
    background-color: #e3e3e3;
    color: #009463;
    border-color: #e3e3e3;
}

    .light-mode[b-ofn9ypq5ya]  .dx-tab.dx-tab-selected.dx-state-focused {
        border-color: #e3e3e3;
    }

    .light-mode[b-ofn9ypq5ya]  .dx-tab.dx-tab-selected.dx-state-selected {
        border-color: #e3e3e3;
    }

.light-mode[b-ofn9ypq5ya]  #mDetail-grid {
    background-color: #e3e3e3;
    border-color: #e3e3e3;
}

[b-ofn9ypq5ya] .masterdetailstab {
    flex: auto;
    margin: 10px 10px 10px 10px;
    background: url('images/scatter.png'), radial-gradient(ellipse at top, #434344 0%, #2f2f30 100%, transparent);
    border-radius: 3px;
    /*width: calc(100vw - 100px);
    height: calc(100vh - 360px);*/
}

[b-ofn9ypq5ya] .grid-heading {
    padding: 0px 15px;
    font-family: 'Roboto';
    font-size: 1.6em;
    font-weight: 500;
    color: var(--grid-heading-t-color);
}

[b-ofn9ypq5ya] .grid-subheading {
    padding: 0px 0px 0px 5px;
    font-family: 'Roboto';
    font-size: 1.2em;
    font-weight: 400;
    color: var(--grid-heading-t-color);
    align-content: center;
}

[b-ofn9ypq5ya] .transfer-bg {
    background-color: #009688;
}

.light-mode[b-ofn9ypq5ya]  .transfer-bg {
    background-color: #009688;
    color: #f7f7f7;
}

[b-ofn9ypq5ya] .dx-row-alt.transfer-bg > td {
    background-color: #027c71;
}

[b-ofn9ypq5ya] .exception-bg {
    background-color: #dd5232;
}

.light-mode[b-ofn9ypq5ya]  .exception-bg {
    background-color: #dd5232;
    color: #f7f7f7;
}

[b-ofn9ypq5ya] .dx-row-alt.exception-bg > td {
    background-color: #d44423;
}

[b-ofn9ypq5ya] .exception-ico {
    cursor: pointer;
    color: #eed202;
    height: 0px;
    margin-top: -3px;
}

[b-ofn9ypq5ya] .synced-ico {
    cursor: pointer;
    color: #00cc00;
    height: 0px;
    margin-top: -3px;
}

[b-ofn9ypq5ya] .prod-container {
    display: flex;
    justify-content: left;
    flex-direction: column;
}

.dx-button-mode-contained[b-ofn9ypq5ya] {
    background-color: #f7f7f7;
    border-color: #b0b0b0;
    color: #333;
}

    .dx-button-mode-contained .dx-icon[b-ofn9ypq5ya] {
        color: #333;
    }

    .dx-button-mode-contained.dx-state-selected[b-ofn9ypq5ya] {
        background-color: #ccc;
    }

    .dx-button-mode-contained.dx-state-hover[b-ofn9ypq5ya] {
        background-color: #ededed;
    }

    .dx-button-mode-contained.dx-state-focused[b-ofn9ypq5ya] {
        background-color: #e3e3e3;
    }

    .dx-button-mode-contained.dx-state-active[b-ofn9ypq5ya] {
        background-color: #bababa;
        color: #333;
    }

.light-mode[b-ofn9ypq5ya]  .dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table {
    font-weight: 500;
}
/* /Pages/ManageTemplates.razor.rz.scp.css */
.light-mode[b-5ver9qcr8z] {
    --panel-wrapper-bg-color: #f3f3f3d6; 
    /*url(../../images/scatter.png), radial-gradient(ellipse at bottom, #9a3939 0%, #eedddd 100%, transparent);*/
    --grid-heading-t-color: #28292B;
}

.dark-mode[b-5ver9qcr8z] {
    --panel-wrapper-bg-color: url(../../images/scatter.png), radial-gradient(ellipse at top, #434344 0%, #2C2C2C 100%, transparent);
    --grid-heading-t-color: #FEFEFE;
}

.managetemplates-wrapper[b-5ver9qcr8z] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.btn-menu[b-5ver9qcr8z] {
    flex: 0 0 56px;
    padding-top: 10px;
    display: flex;
}

#btnPanel[b-5ver9qcr8z] {
    flex: 1;
    display: flex;
    padding: 10px 10px 10px 25px;
}

[b-5ver9qcr8z] .home-btn {
    margin-right: 20px;
}

[b-5ver9qcr8z] .menu-btn {
    margin-right: 10px;
}

.light-mode[b-5ver9qcr8z]  .menu-btn {
    margin-right: 10px;
    background-color: #dcbaba4a;
    border-color: #005f3b;
    color: #fff;
}

    .light-mode[b-5ver9qcr8z]  .menu-btn.dx-button-mode-contained .dx-icon {
        color: #fff;
    }

    .light-mode[b-5ver9qcr8z]  .menu-btn.dx-button-mode-contained.dx-state-hover {
        background-color: #009463;
    }

.panel-wrapper[b-5ver9qcr8z] {
    flex: 1;
    flex-direction: row;
    display: flex;
    margin: 10px;
    border-radius: 5px;
    background: var(--panel-wrapper-bg-color);
    /*background: url('images/scatter.png'), radial-gradient(ellipse at top, #434344 0%, #2C2C2C 100%, transparent);*/
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 35%);
}

.template-selection[b-5ver9qcr8z] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 300px;
    height: 100%;
    padding: 20px;
}

    .template-selection ul[b-5ver9qcr8z] {
        list-style: none;
        padding: 0;
    }

    .template-selection li[b-5ver9qcr8z] {
        text-align: left;
        font-family: 'Roboto';
        font-weight: 400;
        color: #fafafa;
        font-size: 1em;
        padding: 5px 0px;
        cursor: pointer;
    }

    .template-selection .menu-item[b-5ver9qcr8z] {
        display: flex;
        align-items: center;
    }

    .template-selection li:hover[b-5ver9qcr8z] {
        color: #fff;
    }

    .template-selection span[b-5ver9qcr8z] {
        padding: 5px 15px 8px 5px;
    }

.templateconfig-partial[b-5ver9qcr8z] {
  /*width: 100%;*/
  width: calc(100vw - 315px);
  /*height: 100%;*/
  border-left: 1px solid #4a4a4a;
  padding: 20px;
}

[b-5ver9qcr8z] .dx-state-selected > .dx-treeview-item {
    font-weight: 500;
}

.light-mode[b-5ver9qcr8z]  #sampSettingsTab > .dx-tabpanel-container {
    background: #d4d4d4;
}
/* /Pages/ProdLogging.razor.rz.scp.css */
.light-mode[b-o8ml9qut6q] {
    flex: 1;
    display: flex;
    flex-direction: column;
    --tab-gradient-bg-color: #c49e9ec9; /*#c49e9e;*/
    --panel-wrapper-bg-color: none;
    --tabpanel-line-color: #fefefe85;
}

.dark-mode[b-o8ml9qut6q] {
    flex: 1;
    display: flex;
    flex-direction: column;
    --tab-gradient-bg-color: #292A2B;
    --panel-wrapper-bg-color: url(../../images/scatter.png), radial-gradient(ellipse at top, #434344 0%, #2C2C2C 100%, transparent);
    --tabpanel-line-color: #fefefe1f;
}

.prodlogging-wrapper[b-o8ml9qut6q] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.logging-header[b-o8ml9qut6q] {
    flex: 0 0 150px;
    transition: all 0.2s ease;
    overflow: hidden;
    align-self: center;
    width: 50%;
    min-width: 650px;
    margin-bottom: 5px;
}

    .logging-header.hidden[b-o8ml9qut6q] {
        display: none;
    }

.logging-minheader[b-o8ml9qut6q] {
    flex: 0 0 45px;
    transition: all 0.2s ease;
    overflow: hidden;
    align-self: center;
    width: 55%;
    min-width: 650px;
    margin-bottom: -5px;
}

    .logging-minheader.hidden[b-o8ml9qut6q] {
        display: none;
    }

.light-mode[b-o8ml9qut6q]  #prodLoggingHeaderForm .dx-field-item-label-text {
    color: #efefef;
}

.light-mode[b-o8ml9qut6q]  #prodLoggingMinHeaderForm .dx-field-item-label-text {
    color: #efefef;
}

.logging-body[b-o8ml9qut6q] {
    flex: auto;
    display: flex;
    overflow-y: hidden;
}

.tab-menu[b-o8ml9qut6q] {
    flex: 0 0 100px;
}

[b-o8ml9qut6q] .tab-li {
    padding: 25px 0px;
    cursor: pointer;
}

    [b-o8ml9qut6q] .tab-li.active {
        position: relative;
        padding: 15px 0px 10px 0px;
        margin: 10px -6px 15px 10px;
        box-shadow: -6px -2px 5px 2px rgb(0 0 0 / 15%);
        background-color: #292A2B;
        border-radius: 5px
    }

        [b-o8ml9qut6q] .tab-li.active::after {
            background-color: #292A2B;
            display: block;
            content: ".";
            font-size: 0;
            width: 6px;
            height: 92.8px;
            position: absolute;
            right: 0px;
            top: 0;
        }

        [b-o8ml9qut6q] .tab-li.active .tab-wrapper {
            margin-left: -8px;
        }

            [b-o8ml9qut6q] .tab-li.active .tab-wrapper .tab-label {
                text-shadow: 0 0 6px #0093fd, 0 0 16px #0073c5;
                color: #FEFEFE;
                font-weight: 500;
            }

[b-o8ml9qut6q] .tab-label {
    color: #DEDEDE;
    font-size: 0.7em;
    font-family: 'Roboto';
    padding-top: 10px;
}

#tabs[b-o8ml9qut6q] {
    padding: 0px;
}

.tab-wrapper[b-o8ml9qut6q] {
    flex: auto;
    display: flex;
    flex-direction: column;
    width: calc(100% - 100px);
}

.tab-gradient[b-o8ml9qut6q] {
    flex: auto;
    background-color: var(--tab-gradient-bg-color);
    margin: 10px 10px 10px 10px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 35%);
}

.panel-wrapper[b-o8ml9qut6q] {
    flex: auto;
    display: flex;
    flex-direction: column;
    width: calc(100% - 100px);
}

.panel-gradient[b-o8ml9qut6q] {
    flex: auto;
    background-color: #292A2B;
    margin: 10px 10px 10px 0px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 35%);
}

#panels[b-o8ml9qut6q] {
    flex: auto;
    margin: 10px 10px 10px 10px;
    background: var(--panel-wrapper-bg-color);
    /*background: url('images/scatter.png'), radial-gradient(ellipse at top, #434344 0%, #2f2f30 100%, transparent);*/
    border-radius: 3px;
    height: calc(100vh - 275px);
}

.light-mode #panels[b-o8ml9qut6q] {
    background-color: #e1e1e1;
}

/* DeveExpress Overrides */
[b-o8ml9qut6q] .dx-toolbar {
    background-color: transparent;
}

[b-o8ml9qut6q] .dx-datagrid {
    background-color: transparent;
}

[b-o8ml9qut6q] .dx-tabpanel-tabs {
    justify-content: left;
    display: grid;
    border-bottom: solid;
    border-bottom-color: var(--tabpanel-line-color);
    /*border-bottom-color: #00000026;*/
}

[b-o8ml9qut6q] .dx-tabs-wrapper {
    height: 45px;
}

[b-o8ml9qut6q] .dx-tabs-scrollable {
    width: calc(100vw - 90px);
}

[b-o8ml9qut6q] .dx-tabpanel .dx-multiview-wrapper {
    border: none;
}

[b-o8ml9qut6q] .text-field-btn {
    position: absolute;
    right: 0;
    top: 1px;
    border: none;
    width: 32px;
    height: 32px;
}

[b-o8ml9qut6q] .dx-button-mode-contained.text-field-btn:hover {
    background-color: #111;
}

[b-o8ml9qut6q] .dx-button-mode-contained.text-field-btn:active,
[b-o8ml9qut6q] .dx-button-mode-contained.text-field-btn:focus {
    background-color: none;
}

.light-mode[b-o8ml9qut6q]  .dx-button-mode-contained.text-field-btn:hover {
    background-color: #e1e1e1;
}

[b-o8ml9qut6q] .interval-textbox .dx-editor-outlined.dx-texteditor-with-floating-label {
    margin-top: 0px;
}

[b-o8ml9qut6q] .qc-bg,
[b-o8ml9qut6q] .dx-row-alt.qc-bg > td {
    background-color: #009688;
}

.light-mode[b-o8ml9qut6q]  .qc-bg,
[b-o8ml9qut6q] .dx-row-alt.qc-bg > td {
    background-color: #009688;
    color: #fff;
}

[b-o8ml9qut6q] .blank-bg,
[b-o8ml9qut6q] .blank-bg > td {
    background-color: #C57000;
}

.light-mode[b-o8ml9qut6q]  .blank-bg,
[b-o8ml9qut6q] .blank-bg > td {
    background-color: #D67A00;
    color: #fff;
}

[b-o8ml9qut6q] .std-bg,
[b-o8ml9qut6q] .dx-row-alt.std-bg > td {
    background-color: purple;
}

.light-mode[b-o8ml9qut6q]  .std-bg,
[b-o8ml9qut6q] .dx-row-alt.std-bg > td {
    background-color: purple;
    color: #fff;
}

[b-o8ml9qut6q] .exception-ico {
    cursor: pointer;
    color: #eed202;
    height: 0px;
    margin-top: -3px;
}

.light-mode[b-o8ml9qut6q]  .dx-tabpanel-container {
    background-color: #d4d4d4;
}

.light-mode[b-o8ml9qut6q]  .dx-icon-edit:before {
    visibility: hidden;
}

.dark-mode[b-o8ml9qut6q]  .dx-icon-edit:before {
    visibility: hidden;
}

.light-mode[b-o8ml9qut6q]  .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused)[b-o8ml9qut6q],
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused)[b-o8ml9qut6q] {
    background-color: #fcfcfc;
    color: #00bb7e;
}
/* /Pages/ProdMMLogging.razor.rz.scp.css */
.light-mode[b-icfdmqspz4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    --tab-gradient-bg-color: #c49e9e;
    --panel-wrapper-bg-color: none;
    --tabpanel-line-color: #fefefe85;
}

.dark-mode[b-icfdmqspz4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    --tab-gradient-bg-color: #292A2B;
    --panel-wrapper-bg-color: url(../../images/scatter.png), radial-gradient(ellipse at top, #434344 0%, #2C2C2C 100%, transparent);
    --tabpanel-line-color: #fefefe1f;
}

.prodmmlogging-wrapper[b-icfdmqspz4] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.logging-header[b-icfdmqspz4] {
    flex: 0 0 150px;
    transition: all 0.2s ease;
    overflow: hidden;
    align-self: center;
    width: 50%;
    min-width: 650px;
}

    .logging-header.hidden[b-icfdmqspz4] {
        display: none;
    }

.logging-body[b-icfdmqspz4] {
    flex: auto;
    display: flex;
    overflow-y: hidden;
}

.tab-menu[b-icfdmqspz4] {
    flex: 0 0 100px;
}

[b-icfdmqspz4] .tab-li {
    padding: 25px 0px;
    cursor: pointer;
}

    [b-icfdmqspz4] .tab-li.active {
        position: relative;
        padding: 15px 0px 10px 0px;
        margin: 10px -6px 15px 10px;
        box-shadow: -6px -2px 5px 2px rgb(0 0 0 / 15%);
        background-color: var(--tab-gradient-bg-color); /*#292A2B;*/
        border-radius: 5px
    }

        [b-icfdmqspz4] .tab-li.active::after {
            background-color: var(--tab-gradient-bg-color); /*#292A2B;*/
            display: block;
            content: ".";
            font-size: 0;
            width: 6px;
            height: 92.8px;
            position: absolute;
            right: 0px;
            top: 0;
        }

        [b-icfdmqspz4] .tab-li.active .tab-wrapper {
            margin-left: -8px;
        }

            [b-icfdmqspz4] .tab-li.active .tab-wrapper .tab-label {
                text-shadow: 0 0 6px #0093fd, 0 0 16px #0073c5;
                color: #FEFEFE;
                font-weight: 500;
            }

[b-icfdmqspz4] .tab-label {
    color: #DEDEDE;
    font-size: 0.7em;
    font-family: 'Roboto';
    padding-top: 10px;
}

#tabs[b-icfdmqspz4] {
    padding: 0px;
}

.panel-wrapper[b-icfdmqspz4] {
    flex: auto;
    display: flex;
    flex-direction: column;
    width: calc(100% - 100px);
}

.panel-gradient[b-icfdmqspz4] {
    flex: auto;
    background-color: var(--tab-gradient-bg-color);
    margin: 10px 10px 10px 0px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 35%);
}

#panels[b-icfdmqspz4] {
    flex: auto;
    margin: 10px 10px 10px 10px;
    background: var(--panel-wrapper-bg-color);
    /*background: url('images/scatter.png'), radial-gradient(ellipse at top, #434344 0%, #2f2f30 100%, transparent);*/
    border-radius: 3px;
    height: calc(100vh - 260px);
}

.light-mode #panels[b-icfdmqspz4] {
    background-color: #e1e1e1;
}

/* DeveExpress Overrides */
[b-icfdmqspz4] .dx-toolbar {
    background-color: transparent;
}

[b-icfdmqspz4] .dx-datagrid {
    background-color: transparent;
}

[b-icfdmqspz4] .dx-tabpanel-tabs {
    display: none;
}

[b-icfdmqspz4] .dx-tabpanel .dx-multiview-wrapper {
    border: none;
}

[b-icfdmqspz4] .text-field-btn {
    position: absolute;
    right: 0;
    top: 1px;
    border: none;
    width: 32px;
    height: 32px;
}

[b-icfdmqspz4] .dx-button-mode-contained.text-field-btn:hover {
    background-color: #111;
}

[b-icfdmqspz4] .dx-button-mode-contained.text-field-btn:active,
[b-icfdmqspz4] .dx-button-mode-contained.text-field-btn:focus {
    background-color: none;
}

.light-mode[b-icfdmqspz4]  .dx-button-mode-contained.text-field-btn:hover {
    background-color: #e1e1e1;
}

[b-icfdmqspz4] .interval-textbox .dx-editor-outlined.dx-texteditor-with-floating-label {
    margin-top: 0px;
}

[b-icfdmqspz4] .qc-bg,
[b-icfdmqspz4] .dx-row-alt.qc-bg > td {
    background-color: #009688;
}

.light-mode[b-icfdmqspz4]  .qc-bg,
[b-icfdmqspz4] .dx-row-alt.qc-bg > td {
    background-color: #009688;
    color: #fff;
}

[b-icfdmqspz4] .blank-bg,
[b-icfdmqspz4] .blank-bg > td {
    background-color: #C57000;
}

    .light-mode[b-icfdmqspz4]  .blank-bg,
    [b-icfdmqspz4] .blank-bg > td {
        background-color: #D67A00;
        color: #fff;
    }

[b-icfdmqspz4] .std-bg,
[b-icfdmqspz4] .dx-row-alt.std-bg > td {
    background-color: purple;
}

.light-mode[b-icfdmqspz4]  .std-bg,
[b-icfdmqspz4] .dx-row-alt.std-bg > td {
    background-color: purple;
    color: #fff;
}

[b-icfdmqspz4] .exception-ico {
    cursor: pointer;
    color: #eed202;
    height: 0px;
    margin-top: -3px;
}

.light-mode[b-icfdmqspz4]  .dx-tabpanel-container {
    background-color: #d4d4d4;
}

.light-mode[b-icfdmqspz4]  .dx-icon-edit:before {
    visibility: hidden;
}

.dark-mode[b-icfdmqspz4]  .dx-icon-edit:before {
    visibility: hidden;
}

.light-mode[b-icfdmqspz4]  .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused)[b-icfdmqspz4],
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused)[b-icfdmqspz4] {
    background-color: #fcfcfc;
    color: #00bb7e;
}
/* /Pages/PTLogging.razor.rz.scp.css */
.light-mode[b-5looeu391q] {
    flex: 1;
    display: flex;
    flex-direction: column;
    --tab-gradient-bg-color: #c49e9ec9; /*#c49e9e;*/
    --panel-wrapper-bg-color: none;
    --tabpanel-line-color: #fefefe85;
}

.dark-mode[b-5looeu391q] {
    flex: 1;
    display: flex;
    flex-direction: column;
    --tab-gradient-bg-color: #292A2B;
    --panel-wrapper-bg-color: url(../../images/scatter.png), radial-gradient(ellipse at top, #434344 0%, #2C2C2C 100%, transparent);
    --tabpanel-line-color: #fefefe1f;
}

.ptlogging-wrapper[b-5looeu391q] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.logging-header[b-5looeu391q] {
    flex: 0 0 150px;
    transition: all 0.2s ease;
    overflow: hidden;
    align-self: center;
    width: 50%;
    min-width: 650px;
    margin-bottom: 5px;
}

    .logging-header.hidden[b-5looeu391q] {
        display: none;
    }

.logging-minheader[b-5looeu391q] {
    flex: 0 0 45px;
    transition: all 0.2s ease;
    overflow: hidden;
    align-self: center;
    width: 55%;
    min-width: 650px;
    margin-bottom: -5px;
}

    .logging-minheader.hidden[b-5looeu391q] {
        display: none;
    }

.light-mode[b-5looeu391q]  #ptLoggingHeaderForm .dx-field-item-label-text {
    color: #efefef;
}

.light-mode[b-5looeu391q]  #ptLoggingMinHeaderForm .dx-field-item-label-text {
    color: #efefef;
}

.logging-body[b-5looeu391q] {
    flex: auto;
    display: flex;
    overflow-y: hidden;
}

.tab-menu[b-5looeu391q] {
    flex: 0 0 100px;
}

[b-5looeu391q] .tab-li {
    padding: 25px 0px;
    cursor: pointer;
}

    [b-5looeu391q] .tab-li.active {
        position: relative;
        padding: 15px 0px 10px 0px;
        margin: 10px -6px 15px 10px;
        box-shadow: -6px -2px 5px 2px rgb(0 0 0 / 15%);
        background-color: #292A2B;
        border-radius: 5px
    }

        [b-5looeu391q] .tab-li.active::after {
            background-color: #292A2B;
            display: block;
            content: ".";
            font-size: 0;
            width: 6px;
            height: 92.8px;
            position: absolute;
            right: 0px;
            top: 0;
        }

        [b-5looeu391q] .tab-li.active .tab-wrapper {
            margin-left: -8px;
        }

[b-5looeu391q] .tab-label {
    color: #DEDEDE;
    font-size: 0.7em;
    font-family: 'Roboto';
    padding-top: 10px;
}

#tabs[b-5looeu391q] {
    padding: 0px;
}

.tab-wrapper[b-5looeu391q] {
    flex: auto;
    display: flex;
    flex-direction: column;
    width: calc(100% - 100px);
}

.tab-gradient[b-5looeu391q] {
    flex: auto;
    background-color: var(--tab-gradient-bg-color); /*#292A2B;*/
    margin: 10px 10px 10px 10px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 35%);
}

.panel-wrapper[b-5looeu391q] {
    flex: auto;
    display: flex;
    flex-direction: column;
    width: calc(100% - 100px);
}

.panel-gradient[b-5looeu391q] {
    flex: auto;
    background-color: #292A2B;
    margin: 10px 10px 10px 0px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 35%);
}

#panels[b-5looeu391q] {
    flex: auto;
    margin: 10px 10px 10px 10px;
    background: var(--panel-wrapper-bg-color);
    /*background: url('images/scatter.png'), radial-gradient(ellipse at top, #434344 0%, #2f2f30 100%, transparent);*/
    border-radius: 3px;
    height: calc(100vh - 275px);
}

.light-mode #panels[b-5looeu391q] {
    background-color: #e1e1e1;
}

/* DeveExpress Overrides */
[b-5looeu391q] .dx-toolbar {
    background-color: transparent;
}

[b-5looeu391q] .dx-datagrid {
    background-color: transparent;
}

[b-5looeu391q] .dx-tabpanel-tabs {
    justify-content: left;
    display: grid;
    border-bottom: solid;
    border-bottom-color: var(--tabpanel-line-color);
    /*border-bottom-color: #00000026;*/
}

[b-5looeu391q] .dx-tabs-wrapper {
    height: 45px;
}

[b-5looeu391q] .dx-tabs-scrollable {
    width: calc(100vw - 90px);
}

[b-5looeu391q] .dx-tabpanel .dx-multiview-wrapper {
    border: none;
}

[b-5looeu391q] .dx-field-item-label-location-top {
    display: block;
    text-align: left;
    padding: 5px;
}

[b-5looeu391q] .text-field-btn {
    position: absolute;
    right: 0;
    top: 1px;
    border: none;
    width: 32px;
    height: 32px;
}

[b-5looeu391q] .dx-button-mode-contained.text-field-btn:hover {
    background-color: #111;
}

[b-5looeu391q] .dx-button-mode-contained.text-field-btn:active,
[b-5looeu391q] .dx-button-mode-contained.text-field-btn:focus {
    background-color: none;
}

.light-mode[b-5looeu391q]  .dx-button-mode-contained.text-field-btn:hover {
    background-color: #e1e1e1;
}

[b-5looeu391q] .interval-textbox .dx-editor-outlined.dx-texteditor-with-floating-label {
    margin-top: 0px;
}

[b-5looeu391q] .exception-ico {
    cursor: pointer;
    color: #eed202;
    height: 0px;
    margin-top: -3px;
}

.light-mode[b-5looeu391q]  .dx-tabpanel-container {
    background-color: #d4d4d4;
}

.light-mode[b-5looeu391q]  .dx-icon-edit:before {
    visibility: hidden;
}

.dark-mode[b-5looeu391q]  .dx-icon-edit:before {
    visibility: hidden;
}

.light-mode[b-5looeu391q]  .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused)[b-5looeu391q],
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused)[b-5looeu391q] {
    background-color: #fcfcfc;
    color: #00bb7e;
}
/* /Pages/Splash.razor.rz.scp.css */
.login-panel[b-6ffey9aw2k] {
    height: 240px;
    display: flex;
    flex-direction: column;
}

.start-wrapper[b-6ffey9aw2k] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .start-wrapper.hidden[b-6ffey9aw2k] {
        opacity: 0;
        animation: fadeOut 0.3s;
        -webkit-animation: fadeOut 0.3s;
        -moz-animation: fadeOut 0.3s;
        -o-animation: fadeOut 0.3s;
    }

.start-btn[b-6ffey9aw2k] {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
    .start-btn i[b-6ffey9aw2k] {
        color: #C5B8B8;
        font-size: 48px;
        padding-left: 2px;
    }

.start-bkgd[b-6ffey9aw2k] {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #1F1F1F;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
}

    .start-bkgd:hover[b-6ffey9aw2k] {
        background: #242424;
    }

        .start-bkgd:hover i[b-6ffey9aw2k] {
            color: #F0F0F0;
        }

    .start-bkgd:active[b-6ffey9aw2k] {
        background: #1F1F1F;
    }

        .start-bkgd:active i[b-6ffey9aw2k] {
            color: #C5B8B8;
        }

body.dark-mode .start-label[b-6ffey9aw2k] {
    --sl-color: #DCD5D5;
}

body.light-mode .start-label[b-6ffey9aw2k] {
    --sl-color: #fefefe;
}

.start-label[b-6ffey9aw2k] {
    color: var(--sl-color);
    font-family: 'Open Sans';
    font-size: 0.8em;
    padding: 10px 0px;
}
    

/* LOGIN DIALOG */
.login-dialog[b-6ffey9aw2k] {
    margin-top: 30px;
    margin-left: -300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-animation: slide 0.75s forwards;
    animation: slide 0.75s forwards;
}

.login-validation[b-6ffey9aw2k] {
    text-align: justify;
    text-justify: inter-word;
    overflow-wrap: normal;
}

    .login-validation ul[b-6ffey9aw2k] {
        padding-left: 10px;
    }

[b-6ffey9aw2k] .login-form {
    width: 280px;
}

    [b-6ffey9aw2k] .login-form input[type='text'],
    [b-6ffey9aw2k] .login-form input[type='password'] {
        color: rgba(255, 255, 255, 0.9);
        background: none;
        border: none;
        border-radius: 0px;
        width: 100%;
        padding: 10px;
    }

    /*::deep .login-form input[type='text']{
        text-transform: lowercase;
    }*/

    [b-6ffey9aw2k] .login-form input:focus,
    [b-6ffey9aw2k] .login-form select:focus,
    [b-6ffey9aw2k] .login-form .valid.modified:not([type=checkbox]),
    [b-6ffey9aw2k] .login-form.invalid {
        outline: none;
    }

    [b-6ffey9aw2k] .login-form .input-wrapper {
        display: flex;
        flex-direction: row;
        background: rgba(255, 255, 255, 0.1);
        margin: 10px 0px;
    }

    [b-6ffey9aw2k] .login-form .checkbox-wrapper {
        display: flex;
        flex-direction: row;
        margin-top: 20px;
    }

        [b-6ffey9aw2k] .login-form .checkbox-wrapper input {
            margin: 4px 3px 3px 10px;
        }

    [b-6ffey9aw2k] .login-form ul {
        list-style-type: none;
        padding: 10px;
        margin-top: 1rem;
    }

[b-6ffey9aw2k] body.dark-mode .login-form .validation-message {
    color: #e12f30;
    font-size: 0.8em;
}

[b-6ffey9aw2k] body.light-mode .login-form .validation-message {
    color: #e3e3e3;
    font-size: 0.8em;
}

[b-6ffey9aw2k] ::-ms-reveal {
    filter: invert(90%);
}

body.light-mode .login-btn[b-6ffey9aw2k] {
    --loginbutton-bg-color: #2c2c2c; /* #3b3c3e */
}
    body.light-mode .login-btn:active[b-6ffey9aw2k] {
        --loginbutton-abg-color: #2c2c2ccc; /* #3b3c3ecc */
    }

body.dark-mode .login-btn[b-6ffey9aw2k] {
    --loginbutton-bg-color: #00bb7e;
}
    body.dark-mode .login-btn:active[b-6ffey9aw2k] {
        --loginbutton-abg-color: #009463;
    }

[b-6ffey9aw2k] .login-btn {
    width: 98%;
    padding: 10px;
    margin-top: 1.5em;
    background-color: var(--loginbutton-bg-color);
    border-radius: 50px;
    border: none;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.9em;
}

    [b-6ffey9aw2k] .login-btn.focus, .login-btn:focus[b-6ffey9aw2k] {
        box-shadow: none;
    }

    [b-6ffey9aw2k] .login-btn:active {
        background-color: var(--loginbutton-abg-color);
    }

#rememberMeLabel[b-6ffey9aw2k] {
    padding-left: 10px;
    color: #DCD5D5;
    font-size: 0.9em;
}
/* /Pages/UserSettings.razor.rz.scp.css */
.light-mode[b-dx3mcxv82z] {
    flex: 1;
    display: flex;
    flex-direction: column;
    --tab-gradient-bg-color: #c49e9ec9; /*#c49e9e;*/
    --panel-wrapper-bg-color: #f3f3f3d6; /*#eeddddba;*/
    /*url(../../images/scatter.png), radial-gradient(ellipse at bottom, #9a3939 0%, #eedddd 100%, transparent);*/
    --tabpanel-line-color: #fefefe85;
    --settings-menu-border: 1px solid #bf3939;
    --settings-menu-li-color: #333;
    --settings-header-color: #333;
}

.dark-mode[b-dx3mcxv82z] {
    flex: 1;
    display: flex;
    flex-direction: column;
    --tab-gradient-bg-color: #292A2B;
    --panel-wrapper-bg-color: url(../../images/scatter.png), radial-gradient(ellipse at top, #434344 0%, #2C2C2C 100%, transparent);
    --tabpanel-line-color: #fefefe1f;
    --settings-menu-border: 1px solid #222;
    --settings-menu-li-color: #fafafa;
    --settings-header-color: #FEFEFE;
}

.usersettings-wrapper[b-dx3mcxv82z] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.panel-wrapper[b-dx3mcxv82z] {
    flex: 1;
    margin: 10px;
    border-radius: 5px;
    background: var(--panel-wrapper-bg-color); 
    /*url(../../images/scatter.png), radial-gradient(ellipse at top, #434344 0%, #2C2C2C 100%, transparent);*/
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 35%);
    display: flex;
}

.settings-menu[b-dx3mcxv82z] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 300px;
    padding: 20px;
    border-right: var(--settings-menu-border); /*1px solid #222;*/
}

    .settings-menu ul[b-dx3mcxv82z] {
        list-style: none;
        padding: 0;
    }

    .settings-menu li[b-dx3mcxv82z] {
        text-align: left;
        font-family: 'Roboto';
        font-weight: 400;
        color: var(--settings-menu-li-color); /*#fafafa;*/
        font-size: 1em;
        padding: 5px 0px;
        cursor: pointer;
    }

    .settings-menu .menu-item[b-dx3mcxv82z] {
        display: flex;
        align-items: center;
    }

    .light-mode .settings-menu li:hover[b-dx3mcxv82z] {
        color: #606060; /*#fff;*/
    }

    .dark-mode .settings-menu li:hover[b-dx3mcxv82z] {
        color: #d9d9d9; /*#fff;*/
    }

    .settings-menu span[b-dx3mcxv82z] {
        padding: 5px 15px 8px 5px;
    }

.settings-partial[b-dx3mcxv82z] {
    border-left: 1px solid #4a4a4a;
    padding: 20px;
}

[b-dx3mcxv82z] .settings-header {
    font-size: 1.2em;
    padding: 5px 0px 0px 5px;
    color: var(--settings-header-color); /*#FEFEFE;*/
    text-transform: uppercase;
    text-align: left;
}

[b-dx3mcxv82z] .settings-form {
    padding-top: 28px;
    text-align: left;
    width: 20vw;
    padding-left: 5px;
}

[b-dx3mcxv82z] .preference-form {
    padding-top: 28px;
    text-align: left;
    width: 40vw;
    padding-left: 5px;
}

/* Overlay */
[b-dx3mcxv82z] .saving-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: rgb(10, 10, 10);
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

    [b-dx3mcxv82z] .saving-overlay.show {
        visibility: visible;
        opacity: 0.5;
    }

.light-mode[b-dx3mcxv82z]  .db-save-btn {
    background-color: #4d4d4d;
    color: #efefef;
}

    .light-mode[b-dx3mcxv82z]  .db-save-btn:hover {
        background-color: #00bb7e; /*#771818;*/ /*#AE1D25;*/
    }

    .light-mode[b-dx3mcxv82z]  .db-save-btn.dx-state-focused {
        background-color: #009463;
    }

.light-mode[b-dx3mcxv82z]  .db-cancel-btn {
    background-color: #4d4d4d; /*#2a2a2a;*/ /*#4d4d4d;*/
    color: #efefef;
}

    .light-mode[b-dx3mcxv82z]  .db-cancel-btn:hover {
        background-color: #666666;
    }

    .light-mode[b-dx3mcxv82z]  .db-cancel-btn.dx-state-focused {
        background-color: #4d4d4d;
    }

.dark-mode[b-dx3mcxv82z]  .db-save-btn {
    background-color: #2a2a2a;
    color: #efefef;
}

    .dark-mode[b-dx3mcxv82z]  .db-save-btn:hover {
        background-color: #00bb7e; /*#771818;*/ /*#AE1D25;*/
    }

    .dark-mode[b-dx3mcxv82z]  .db-save-btn.dx-state-focused {
        background-color: #009463;
    }

.dark-mode[b-dx3mcxv82z]  .db-cancel-btn {
    background-color: #2a2a2a; /*#2a2a2a;*/ /*#4d4d4d;*/
    color: #efefef;
}

    .dark-mode[b-dx3mcxv82z]  .db-cancel-btn:hover {
        background-color: #666666;
    }

    .dark-mode[b-dx3mcxv82z]  .db-cancel-btn.dx-state-focused {
        background-color: #4d4d4d;
    }

.light-mode[b-dx3mcxv82z]  .dx-field-label {
    color: #333; 
    width: 60%;
}

.dark-mode[b-dx3mcxv82z]  .dx-field-label {
    color: #fafafa;
    width: 60%;
}

[b-dx3mcxv82z] .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
    float: left;
    width: auto;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-gyvjk2hv6v] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main-layout[b-gyvjk2hv6v] {
    flex: auto;
    display: flex;
    flex-direction: column;
}

body.light-mode[b-gyvjk2hv6v] {
    --background-color: #fff; /*#FFABB0 #f0f0f0*/
    --mbackground: url(../../images/swirl.png), radial-gradient(ellipse at bottom, #771818d9 0%, #771818 100%, transparent);
    --text-color: #333;
}

body.dark-mode[b-gyvjk2hv6v] {
    --background-color: #000;
    --mbackground: url(../../images/swirl.png), radial-gradient(ellipse at bottom, #4e4e4e 0%, #161616 100%, transparent);
    --text-color: #fff;
}

.main[b-gyvjk2hv6v] {
    flex: 1;
    display: flex;
    flex-direction: column;
    /*background: url('images/scatter.png'), radial-gradient(ellipse at top, #4e4e4e 0%, #161616 100%, transparent);*/
    background: var(--mbackground);
}

.main-header[b-gyvjk2hv6v] {
    flex: 0 0 60px;
    display: flex;
    flex-direction: row;
    padding-top: 20px;
}

.header-brand[b-gyvjk2hv6v], .header-menu[b-gyvjk2hv6v] {
    width: 100px;
    display: flex;
    justify-content: center;
    color: #FAFAFA;
}

    .header-brand img[b-gyvjk2hv6v] {
        max-width: 100%;
        max-height: 100%;
    }

    .header-menu i[b-gyvjk2hv6v] {
        font-size: 33px;
        line-height: 40px;
        cursor: pointer;
    }

.header-title[b-gyvjk2hv6v] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    font-size: 1.8em;
    font-weight: 500;
    text-transform: uppercase;
    color: #FEFEFE;
    font-family: 'ROBOTO';
    padding-bottom: 2px;
}

.main-body[b-gyvjk2hv6v] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

@media (max-width: 640.98px) {

}

@media (min-width: 641px) {
    .page[b-gyvjk2hv6v] {
        flex-direction: row;
    }
}

/* NAVIGATION */
*[b-gyvjk2hv6v],
*[b-gyvjk2hv6v]:before,
*[b-gyvjk2hv6v]:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-gyvjk2hv6v] {
    width: 100%;
    height: 100%;
}

    body.overflow[b-gyvjk2hv6v] {
        overflow: hidden;
    }

/* Indicator */
.indicator[b-gyvjk2hv6v] {
    height: 8px;
    width: 8px;
    right: 62px;
    top: 22px;
    position: fixed;
    border-radius: 4px;
}

    .indicator.online[b-gyvjk2hv6v] {
        background-color: lawngreen;
    }

    .indicator.offline[b-gyvjk2hv6v] {
        background-color: #ff0002;
    }

/* Burger */
.burger[b-gyvjk2hv6v] {
    width: 40px;
    height: 40px;
    position: fixed;
    top: 20px;
    right: 20px;
    border-radius: 4px;
    z-index: 10;
}

    .burger span[b-gyvjk2hv6v] {
        position: relative;
        margin-top: 9px;
        margin-bottom: 9px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -15px;
        margin-top: -1.5px;
    }

        .burger span[b-gyvjk2hv6v], .burger span[b-gyvjk2hv6v]::before, .burger span[b-gyvjk2hv6v]::after {
            display: block;
            width: 30px;
            height: 3px;
            background-color: #fefefe;
            outline: 1px solid transparent;
            -webkit-transition-property: background-color, -webkit-transform;
            -moz-transition-property: background-color, -moz-transform;
            -o-transition-property: background-color, -o-transform;
            transition-property: background-color, transform;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }

            .burger span[b-gyvjk2hv6v]::before, .burger span[b-gyvjk2hv6v]::after {
                position: absolute;
                content: "";
            }

            .burger span[b-gyvjk2hv6v]::before {
                top: -9px;
            }

            .burger span[b-gyvjk2hv6v]::after {
                top: 9px;
            }

    .burger.clicked span[b-gyvjk2hv6v] {
        background-color: transparent;
    }

        .burger.clicked span[b-gyvjk2hv6v]::before {
            -webkit-transform: translateY(9px) rotate(45deg);
            -moz-transform: translateY(9px) rotate(45deg);
            -ms-transform: translateY(9px) rotate(45deg);
            -o-transform: translateY(9px) rotate(45deg);
            transform: translateY(9px) rotate(45deg);
        }

        .burger.clicked span[b-gyvjk2hv6v]::after {
            -webkit-transform: translateY(-9px) rotate(-45deg);
            -moz-transform: translateY(-9px) rotate(-45deg);
            -ms-transform: translateY(-9px) rotate(-45deg);
            -o-transform: translateY(-9px) rotate(-45deg);
            transform: translateY(-9px) rotate(-45deg);
        }

        .burger.clicked span[b-gyvjk2hv6v]:before, .burger.clicked span[b-gyvjk2hv6v]:after {
            background-color: #fefefe;
        }

    .burger:hover[b-gyvjk2hv6v] {
        cursor: pointer;
    }

/* nav */
nav[b-gyvjk2hv6v] {
    background-color: #00bb7e;
    position: fixed;
    z-index: 9;
    top: 0;
    right: 0;
    height: 100%;
    max-width: 380px;
    width: 100%;
    padding: 100px 60px 60px 60px;
    overflow-y: auto;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

    nav.show[b-gyvjk2hv6v] {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }

        nav.show ul.usermenu li[b-gyvjk2hv6v] {
            -webkit-transform: translateX(0px);
            -moz-transform: translateX(0px);
            -ms-transform: translateX(0px);
            -o-transform: translateX(0px);
            transform: translateX(0px);
            opacity: 1;
        }

            nav.show ul.usermenu li:nth-child(1)[b-gyvjk2hv6v] {
                transition-delay: 0.15s;
            }

            nav.show ul.usermenu li:nth-child(2)[b-gyvjk2hv6v] {
                transition-delay: 0.3s;
            }

            nav.show ul.usermenu li:nth-child(3)[b-gyvjk2hv6v] {
                transition-delay: 0.45s;
            }

            nav.show ul.usermenu li:nth-child(4)[b-gyvjk2hv6v] {
                transition-delay: 0.6s;
            }

            nav.show ul.usermenu li:nth-child(5)[b-gyvjk2hv6v] {
                transition-delay: 0.75s;
            }

            nav.show ul.usermenu li:nth-child(6)[b-gyvjk2hv6v] {
                transition-delay: 0.9s;
            }

            nav.show ul.usermenu li:nth-child(7)[b-gyvjk2hv6v] {
                transition-delay: 1.05s;
            }

            nav.show ul.usermenu li:nth-child(8)[b-gyvjk2hv6v] {
                transition-delay: 1.2s;
            }

            nav.show ul.usermenu li:nth-child(9)[b-gyvjk2hv6v] {
                transition-delay: 1.35s;
            }

nav ul.usermenu[b-gyvjk2hv6v] {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    nav ul.usermenu li[b-gyvjk2hv6v] {
        margin-bottom: 20px;
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
        -o-transform: translateX(40px);
        transform: translateX(40px);
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        nav ul.usermenu li:last-of-type[b-gyvjk2hv6v] {
            margin-bottom: 0px;
        }

        nav ul.usermenu li a[b-gyvjk2hv6v] {
            color: #fff;
            font-family: "Raleway", sans-serif;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 1rem;
            display: block;
            letter-spacing: 5px;
            font-weight: 600;
            padding: 10px 0;
            cursor: pointer;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            nav ul.usermenu li a span[b-gyvjk2hv6v] {
                color: #A1FB8E;
            }

            nav ul.usermenu li a:hover[b-gyvjk2hv6v] {
                color: #005F3B;
            }

/* Overlay */
.menu-overlay[b-gyvjk2hv6v] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: rgb(10, 10, 10);
    opacity: 0;
    visibility: hidden;
}

    .menu-overlay.show[b-gyvjk2hv6v] {
        visibility: visible;
        opacity: 0.5;
    }