@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* _content/H103/Components/Account/Pages/Manage/EnableAuthenticator.razor.rz.scp.css */
.info-message[b-p6j798btfj] {
    margin: 0.625rem 0 0.625rem 0;
    justify-content: start;
}
/* _content/H103/Components/Account/Pages/Manage/ExternalLogins.razor.rz.scp.css */
.current-logins[b-pvpbn6yklw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.current-logins-item[b-pvpbn6yklw] {
    display: flex;
    gap: 0.625rem;
}
/* _content/H103/Components/Account/Shared/ExternalLoginPicker.razor.rz.scp.css */
.external-logins[b-tle5n099pz] {
    display: flex;
    gap: 0.5rem;
}

@media (max-width: 500px) {
    .external-logins[b-tle5n099pz] {
        flex-direction: column;
    }
}
/* _content/H103/Components/Account/Shared/ManageLayout.razor.rz.scp.css */
[b-9v0lwd55cr] .tab-icon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

[b-9v0lwd55cr] .icon-profile {
    -webkit-mask-image: url("images/account/manage-profile.svg");
    mask-image: url("images/account/manage-profile.svg");
}

[b-9v0lwd55cr] .icon-email {
    -webkit-mask-image: url("images/account/manage-email.svg");
    mask-image: url("images/account/manage-email.svg");
}

[b-9v0lwd55cr] .icon-two-factor {
    -webkit-mask-image: url("images/account/manage-two-factor.svg");
    mask-image: url("images/account/manage-two-factor.svg");
}

[b-9v0lwd55cr] .icon-password {
    -webkit-mask-image: url("images/account/manage-password.svg");
    mask-image: url("images/account/manage-password.svg");
}

[b-9v0lwd55cr] .icon-personal {
    -webkit-mask-image: url("images/account/manage-personal.svg");
    mask-image: url("images/account/manage-personal.svg");
}

[b-9v0lwd55cr] .icon-external {
    -webkit-mask-image: url("images/account/user.svg");
    mask-image: url("images/account/user.svg");
}
/* _content/H103/Components/Account/Shared/ShowRecoveryCodes.razor.rz.scp.css */
.codes[b-jffo2wiegw] {
    margin: 0.625rem 0px 0.625rem 0px;
}
/* _content/H103/Components/Layout/Drawer.razor.rz.scp.css */
/* _content/H103/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-2pdgz9slqf] {
    height: 100%;
    font-family: var(--bs-font-sans-serif);
    min-height: 100vh;
}

[b-2pdgz9slqf] .icon {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-mask-position: center center;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-2pdgz9slqf] .icon-menu {
    -webkit-mask-image: url("images/menu.svg");
    mask-image: url("images/menu.svg");
    background-color: gray;
}

[b-2pdgz9slqf] .navigation-drawer {
    --dxbl-drawer-panel-footer-justify-content: center;
    height: calc(100vh - 3.5rem);
    max-height: 100%;
}

[b-2pdgz9slqf] .dxbl-drawer .dxbl-drawer-content {
    padding: 0rem 0rem !important;
    background-color:white
        !important;
}

[b-2pdgz9slqf] .dxbl-drawer > .dxbl-drawer-panel > .dxbl-drawer-body {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
}

[b-2pdgz9slqf] .dxbl-drawer .dxbl-drawer-panel {
    background-image: linear-gradient(180deg, var(--bs-primary) 0%, var(--bs-black) 150%);
}

[b-2pdgz9slqf] .menu-button:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

.menu-button[b-2pdgz9slqf] {
    background-image: url("images/close.svg");
    width: 1.875rem;
    height: 1.875rem;
}

.dxbl-btn-standalone .dxbl-btn-text-dark[b-2pdgz9slqf] {
    color: white;
}

[b-2pdgz9slqf] .dxbl-btn-standalone .dxbl-btn-text-light .dxbl-btn-icon-only {
    vertical-align: middle;
}

[b-2pdgz9slqf] .dxbl-btn-standalone.dxbl-btn-text-light.dxbl-btn-icon-only {
    --dxbl-btn-padding-x: 0.375rem;
    --dxbl-btn-padding-y: 0.375rem;
    vertical-align: middle;
}

.navbar-toggler[b-2pdgz9slqf] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

[b-2pdgz9slqf] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-2pdgz9slqf].page:has(.navbar-toggler:not(:checked)) .navigation-drawer:not(.mobile) > .dxbl-drawer-panel {
    width: 0 !important;
}



@media (max-width: 768px) {
    [b-2pdgz9slqf] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-2pdgz9slqf] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }




    [b-2pdgz9slqf].page:has(.navbar-toggler:checked) .navigation-drawer.mobile > .dxbl-drawer-shading {
    }

    .navbar-toggler:checked .menu-button[b-2pdgz9slqf] {
        background-color: gray;
    }

    .navbar-toggler:checked[b-2pdgz9slqf] {
        background-color: gray;
    }

        .navbar-toggler:checked .shading-copy[b-2pdgz9slqf] {
            opacity: 0;
            visibility: unset;
            height: unset;
        }
}
/* _content/H103/Components/Layout/NavMenu.razor.rz.scp.css */
.menu-button[b-fkkr1dju11] {
    padding: 0.1375rem;
    width: 1rem;
    height: 1rem;
    background-image: url("images/menu.svg");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

[b-fkkr1dju11] .navigation-menu.display-mobile {
    margin-bottom: 2rem;
}

[b-fkkr1dju11] .navigation-menu {
    background-color: inherit;
    --dxbl-menu-bg: inherit;
}

    [b-fkkr1dju11] .navigation-menu .dxbl-menu-item-list {
        gap: 0.5rem;
    }

[b-fkkr1dju11] .menu-item {
    color: var(--bs-white);
}

[b-fkkr1dju11] .icon {
    width: 1rem;
    height: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 0.5rem;
}

[b-fkkr1dju11] .home-icon {
    background-image: url("images/home.svg");
}

[b-fkkr1dju11] .weather-icon {
    background-image: url("images/weather.svg");
}

[b-fkkr1dju11] .counter-icon {
    background-image: url("images/counter.svg");
}
/* _content/H103/Components/Pages/Board2.razor.rz.scp.css */

[b-yvk82c48vx] .welcome-gridlayout {
    margin: auto;
    width: auto;
    height: auto;
    align-content:flex-start;
}

    [b-yvk82c48vx] .board-gridlayout .dxbl-gridlayout-root {
        align-content: flex-start !important;
        justify-content: left !important;
    }

[b-yvk82c48vx] .title {
    text-align: center;
}
.linear-gauge[b-yvk82c48vx] {
    position: relative;
    height: 24px;
    width: 100%;
    max-width: 400px;
    background: linear-gradient(to left, green 0%, yellow 50%, orange 80%, red 100%);
    border-radius: 12px;
    margin: 20px 0;
}
.linear-gauge-2[b-yvk82c48vx] {
    position: relative;
    height: 24px;
    width: 100%;
    max-width: 400px;
    background: linear-gradient(to left, green 0%, yellow 50%, orange 80%, red 100%);
    border-radius: 12px;
    margin: 20px 0;
}
.linear-gauge-marker[b-yvk82c48vx] {
    position: absolute;
    top: -8px;
    width: 2px;
    height: 40px;
    background-color: black;
}
.linear-gauge-marker2[b-yvk82c48vx] {
    position: absolute;
    top: -8px;
    width: 4px;
    height: 40px;
    background-color: black;
}
.linear-gauge-label[b-yvk82c48vx] {
    text-align: center;
    margin-top: 5px;
    font-weight: bold;
}
[b-yvk82c48vx] .board-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
    justify-content: left !important;
}
[b-yvk82c48vx] .board-chart {
    width: 60.5rem;
    height: 22rem;
    display: block;
    align-items: center;
    justify-content: left;
    box-shadow: 4px 4px 6px 4px rgba(0, 0, 0, 0.1), 4px 2px 4px 4px rgba(0, 0, 250, 0.1);
    transition: box-shadow 0.2s;
    border-radius: 1rem;
    color: var(--bs-link-color-rgb);
    gap: 0.5rem;
    text-decoration: none;
    position: relative;
}
[b-yvk82c48vx] .board-card {
    width: 30.25rem;
    height: 22rem;
    display: block;
    align-items: center;
    justify-content: left;
    box-shadow: 4px 4px 6px 4px rgba(0, 0, 0, 0.1), 4px 2px 4px 4px rgba(0, 0, 250, 0.1);
    transition: box-shadow 0.2s;
    border-radius: 1rem;
    color: var(--bs-link-color-rgb);
    gap: 0.5rem;
    text-decoration: none;
    position: relative;

}

    [b-yvk82c48vx] .board-card:hover {
        box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
    }

    [b-yvk82c48vx] .board-card .board-card-img {
        width: 6.5rem;
        height: 6.5rem;
    }

    [b-yvk82c48vx] .board-card .board-card-text {
        font-size: 1.75rem;
        font-weight: 600;
        letter-spacing: 0em;
        text-align: center;
        text-decoration: unset;
    }

[b-yvk82c48vx] .icon-fill {
    fill: var(--bs-primary);
}

[b-yvk82c48vx] .board-card .board-card-back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bs-body-color);
    opacity: 0.05;
    border-radius: 1rem;
    z-index: -2;
}
.dh-linear-gauge[b-yvk82c48vx] {
    position: relative;
    height: 20px;
    width: 100%;
    max-width: 400px;
    background: linear-gradient(to right, #28a745 0%, #ffc107 50%, #dc3545 100%);
    border-radius: 10px;
    margin-top: 30px;
}
.dh-value-target[b-yvk82c48vx] {
    position: absolute;
    top: 40px;
}
.dh-gauge-marker[b-yvk82c48vx] {
    position: absolute;
    top: -10px;
    width: 2px;
    height: 40px;
    background-color: black;
}

.dh-gauge-actual[b-yvk82c48vx] {
    position: absolute;
    top: -25px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dh-gauge-target[b-yvk82c48vx] {
    position: absolute;
    top: 37px; /* above the gauge bar */
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #000; /* triangle now points up */
    z-index: 2;
}
.dh-tick-major[b-yvk82c48vx],
.dh-tick-minor[b-yvk82c48vx] {
    position: absolute;
    bottom: 0;
    width: 2px;
    background-color: rgba(0, 0, 0, 0.4);
}

.dh-tick-major[b-yvk82c48vx] {
    height: 16px;
}

.dh-tick-minor[b-yvk82c48vx] {
    height: 8px;
}
    .dh-gauge-actual .dh-value-box[b-yvk82c48vx] {
        background: #ffffff;
        color: #000;
        padding: 2px 8px;
        border-radius: 6px;
        font-size: 0.85rem;
        font-weight: bold;
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        white-space: nowrap;
    }

.dh-gauge-target .dh-value-box[b-yvk82c48vx] {
    background: #196d00;
    color: #000;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    white-space: nowrap;
}
    .dh-gauge-actual .dh-arrow[b-yvk82c48vx] {
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid white;
    }
.dh-stat-container[b-yvk82c48vx] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-start;
    flex-direction: row; /* 🟢 ensures horizontal layout by default */
}

.trend-stat-card[b-yvk82c48vx] {
    background-color: #f7f7f7;
    padding: 0.8rem 1rem;
    border-radius: 8px;
    font-family: 'Segoe UI', sans-serif;
    width: 160px;
    text-align: left;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

.trend-title[b-yvk82c48vx] {
    font-size: 0.95rem;
    color: #555;
}

.trend-value[b-yvk82c48vx] {
    font-size: 2rem;
    font-weight: bold;
    color: #444;
    display: flex;
    align-items: center;
    gap: 5px;
}

.trend-arrow.up[b-yvk82c48vx] {
    color: green;
}

.trend-arrow.down[b-yvk82c48vx] {
    color: red;
}

.trend-sub[b-yvk82c48vx] {
    font-size: 1.85rem;
    color: #4CAF50;
}

.trend-arrow.down + .trend-sub[b-yvk82c48vx] {
    color: red;
}

/* On screens below 768px, stack vertically */
@media (max-width: 768px) {
    .dh-stat-container[b-yvk82c48vx] {
        flex-direction: column;
        align-items: stretch;
    }

    .dh-stat-card[b-yvk82c48vx] {
        width: 100% !important;
        max-width: none;
    }


    .dh-stat-value[b-yvk82c48vx] {
        font-size: 1.4rem;
    }
}
/* Light Theme Variables */
.light[b-yvk82c48vx] {
    --bg-color: #ffffff;
    --text-color: #000000;
    --card-bg: #f7f7f7;
    --card-shadow: rgba(0, 0, 0, 0.1);
}

/* Dark Theme Variables */
.dark[b-yvk82c48vx] {
    --bg-color: #121212;
    --text-color: #ffffff;
    --card-bg: #1e1e1e;
    --card-shadow: rgba(255, 255, 255, 0.1);
}

/* Apply variables */
.board-card[b-yvk82c48vx] {
    background-color: var(--card-bg);
    color: var(--text-color);
    box-shadow: 4px 4px 6px 4px var(--card-shadow);
}

body[b-yvk82c48vx],
.dark[b-yvk82c48vx],
.light[b-yvk82c48vx] {
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
}

/* Apply to trend-stat-card if used */
.trend-stat-card[b-yvk82c48vx] {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
    box-shadow: 0 1px 4px var(--card-shadow) !important;
}
    /* 🟢 Trend Card Double Width */
    .trend-stat-card.wide[b-yvk82c48vx] {
        width: calc(30.25rem * 2 + 1rem); /* board-card width * 2 + gap */
        max-width: 100%;
    }

/* 🟢 Make Everything Responsive */
@media (max-width: 1200px) {
    .trend-stat-card.wide[b-yvk82c48vx] {
        width: 100%;
    }

    .board-card[b-yvk82c48vx] {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .dh-stat-container[b-yvk82c48vx] {
        flex-direction: column;
    }

    .trend-stat-card.wide[b-yvk82c48vx],
    .board-card[b-yvk82c48vx] {
        width: 100% !important;
    }

    .dh-stat-value[b-yvk82c48vx] {
        font-size: 1.4rem;
    }
}

/* 🟢 Sticky Footer */
.sticky-footer[b-yvk82c48vx] {
    margin-top: auto;
    background: transparent;
    text-align: center;
}

/* _content/H103/Components/Pages/CircularDH.razor.rz.scp.css */
.dhcirc-container[b-nlo8h5kzq5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 110px;
}

.dhcirc-progress[b-nlo8h5kzq5] {
    width: 110px;
    height: 110px;
    background: conic-gradient(#0077BE 0deg, #ededed 0deg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
    transition: background 0.5s ease;
    position: relative;
}

.dhcirc-value[b-nlo8h5kzq5] {
    position: absolute;
    font-size: 16px;
    color: #333;
}

.dhcirc-label[b-nlo8h5kzq5] {
    margin-top: 6px;
    font-size: 12px;
    text-align: center;
    color: #444;
}
/* _content/H103/Components/Pages/Counter.razor.rz.scp.css */
.counter-block[b-p12csuoieu] {
    display: flex;
    padding: 2.5rem 1.5rem 1.5rem 1.5rem;
    flex-direction: column;
    border-radius: 1rem;
    gap: 1.5rem;
    justify-content: center;
    align-items: center;
    width: 16.875rem;
    height: 17rem;
    position: relative;
}

    .counter-block .counter-content[b-p12csuoieu] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
    }

    .counter-block .counter-count[b-p12csuoieu] {
        font-size: 7.5rem;
        font-weight: 400;
        line-height: 7.75rem;
    }

    .counter-block .counter-block-back[b-p12csuoieu] {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--bs-body-color);
        opacity: 0.05;
        border-radius: 1rem;
        z-index: -2;
    }
/* _content/H103/Components/Pages/Dash10.razor.rz.scp.css */
.dash-container[b-10gugjhy3m] {
    display: grid;
    height: 99dvh; /* Full height of the viewport */
    grid-gap: 0.3rem; /* Space between grid items */
    grid-template-columns: repeat(8, 1fr); /* 8 equal columns */
    grid-template-rows: 0.6fr 1.2fr  1.2fr 1.2fr; /* 4 rows, auto height based on content */
    grid-template-areas:
        "toprow1 toprow1 toprow3 toprow4 toprow5 toprow6 toprow7 toprow8"
        "content1 content1 content2 content2 content3 content3 content4 content4"
        "content5 content5 content5 content6 content7 content7 content8 content8"
        "content9 content9 content10 content10 content11 content11 content12 content12";
    background-color:whitesmoke;
}
.content-labels[b-10gugjhy3m] {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers all text horizontally */
    text-align: center; /* Centers text within each section */
}

.financial-info-section[b-10gugjhy3m] {
    margin-bottom: 20px; /* Adds space between sections */
}

.section-title[b-10gugjhy3m] {
    font-weight: bold;
    margin-bottom: 5px; /* Space between title and content */
}
.toprow[b-10gugjhy3m] {
    background-color: white;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

    position: relative;
}

.label-small[b-10gugjhy3m] {
    font-size: 0.8rem;
    color: #fff;
}
.label-big[b-10gugjhy3m] {
    font-size: 1.5rem; /* Adjust size as needed */
    font-weight: bold;
    color: black; /* Bright color for emphasis */
    font-family: 'Quicksand',sans-serif;
}
.label-bigc[b-10gugjhy3m] {
    font-size: 3rem; /* Adjust size as needed */
    font-weight: bold;
    color: black; /* Bright color for emphasis */
    font-family: 'Quicksand',sans-serif;
    padding:5px;
    text-align:center;
}



.toprow .label-small:first-child[b-10gugjhy3m] {
    font-size: 1rem;
    color: black; /* For the small label at the top */
    text-align: left !important;
    position: absolute;
    top: 0.3rem; /* Adjust the distance from the top */
    left: 0.3rem; /* Adjust the distance from the left */
}

.circle-gauge-container[b-10gugjhy3m]{
    background-color:white !important;
}

.toprow .label-small:last-child[b-10gugjhy3m] {
    font-size: 1rem;
    color: black; /* For the small label at the bottom */
}
.toprow1[b-10gugjhy3m] {
    background-color:white;
    grid-column: span 2;
}
.content5[b-10gugjhy3m] {
    background-color: white;

    grid-column: span 3 !important;
}
.content6[b-10gugjhy3m] {
    background-color: white;
    grid-column: span 1 !important;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers all text horizontally */
    text-align: center; /* Centers text within each section */
}

.content[b-10gugjhy3m] {
    background-color: white;
    color: black; /* Added text color for visibility */
    padding: 10px;
    text-align: center;
    grid-column:span 2;
}
/* Flexbox container for stacking the circular progress components */




/* _content/H103/Components/Pages/Dash11 - Copy.razor.rz.scp.css */
/* Light Theme */
.light-theme[b-80utqgncr5] {
    background-color: #fff;
    color: #000;
}
    /*#203354 dark blue*/
    .light-theme .dashboard-header[b-80utqgncr5] {
        background-color: #f5f5f5;
    }
.dxbl-chart-legend-text[b-80utqgncr5] {
    font-size: 14px !important;
    color: white !important;
}
.stat-card[b-80utqgncr5] {
    width: 100%;
    height: 45%;
    border-radius: 1rem;
    background-color: #555;
    color: #fff;
    border-block: groove;
    margin-bottom:0.9rem;
    margin-top:0.3rem;
}
.dxc-grids-group path[b-80utqgncr5] {
    opacity: 0.2 !important;
}
path[Attributes Style][b-80utqgncr5] {

    stroke: red !important;
    stroke-width: 2;
}
:deep(.dxc-val-constant-lines path)[b-80utqgncr5] {
    stroke: red !important;
    stroke-width: 3;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-body[b-80utqgncr5] {
    background-color: #333;
    color: #fff;
}
.status-item[b-80utqgncr5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 2px;
    border-radius: 4px;
}

    .status-item.online[b-80utqgncr5] {
        background-color: #444; /* green */
    }

    .status-item.delayed[b-80utqgncr5] {
        background-color: rgba(77, 92, 117, 1); /* yellow */
    }
.dxc-grids-group path[b-80utqgncr5] {
    opacity: 0.3 !important;
}
    .status-item.cancelled[b-80utqgncr5] {
        background-color: #444; /* red */
    }
    .status-item.controlled[b-80utqgncr5] {
        background-color: #444/* red */
    }
    .status-item.uncontrolled[b-80utqgncr5] {
    }
/* Target the constant line path */
.dxc-val-constant-lines path[b-80utqgncr5] {
    stroke: green !important;
    stroke-width: 3;
}

/* Target the text label for the constant line */
.dxc-val-constant-lines text[b-80utqgncr5] {
    fill: green !important;
    font-weight: 400;
    font-size: 12px;
}

:deep(.dxc-val-constant-lines text)[b-80utqgncr5] {
    fill: red !important;
}

.light-theme .grid-item[b-80utqgncr5] {
    background-color: #ddd;
}

/* Dark Theme */
.dark-theme[b-80utqgncr5] {
    background-color: #333;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 5px;
}

    .dark-theme .dashboard-header[b-80utqgncr5] {
        background-color: #222;
    }

    .dark-theme .grid-items[b-80utqgncr5] {
        background-color: #555;
    }
    .dark-theme .grid-itemt[b-80utqgncr5] {
        background-color: #555;
    }

body[b-80utqgncr5] {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    height: 100vh; /* Ensure the body takes the full height of the screen */
}

/* The main container should use flexbox to distribute space */
.dashboard-container[b-80utqgncr5] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Row 1: Fixed height of 60px */
.grid-container[b-80utqgncr5] {
    display: grid;
    grid-template-columns: repeat(24, 1fr); /* 12 equal columns */
    gap: 5px;
    height: 60px; /* Fixed height for the first row */
}

/* Row 2, 3, 4: Equally divide the remaining space */
.grid-rows[b-80utqgncr5] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex-grow: 1; /* Ensure this container fills the remaining space */
}

.grid-row[b-80utqgncr5] {
    display: grid;
    grid-template-columns: repeat(24, 1fr); /* 12 equal columns */
    gap: 5px;
    flex-grow: 1; /* Ensure this row fills the remaining space */
}

.grid-itemt[b-80utqgncr5] {
    margin-top:5px;
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 5px;
    height: 95px; /* Ensure the item takes the full height of the row */
}
.grid-items[b-80utqgncr5] {
    background-color: #f0f0f0;
    padding: 4px;
    border-radius: 5px;
    height:310px;
}

/* Dark theme grid items */
body.dark-theme .grid-items[b-80utqgncr5] {
    background-color: #444;
}
body.dark-theme .grid-itemt[b-80utqgncr5] {
    background-color: #444;
}
.dxc-val-axis .dxc-val-title text[b-80utqgncr5] {
    fill: red !important;
    transform: rotate(0deg) translateX(-2.75rem) translateY(0%);
}
.dxc-elements-axes-group[b-80utqgncr5] {
    fill: white !important; /* Change the text fill color to white */
}



.toprow[b-80utqgncr5] {
    background-color: white;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

.label-smalls[b-80utqgncr5] {
    font-size: 0.8rem;
    color: #fff;
    text-align:start;
}
.label-small[b-80utqgncr5] {
    font-size: 0.8rem;
    color: #fff;
    text-align: end;
}

.label-big[b-80utqgncr5] {
    text-align: end;
    font-size: 1.5rem; /* Adjust size as needed */
    font-weight: bold;
    color: darkorange; /* Bright color for emphasis */
    font-family: 'Quicksand',sans-serif;
}

.label-bigc[b-80utqgncr5] {
    font-size: 3rem; /* Adjust size as needed */
    font-weight: bold;
    color: black; /* Bright color for emphasis */
    font-family: 'Quicksand',sans-serif;
    padding: 5px;
    text-align: center;
}
@media (max-width: 850px) {
    .grid-row[b-80utqgncr5] {
        display: flex !important;
        flex-direction: column;
        gap: 15px !important;
        padding: 10px;
        overflow: hidden !important;
    }

    .grid-items[b-80utqgncr5] {
        width: 100%;
        height: auto;
    }
    body[b-80utqgncr5] {
        overflow-y: auto !important;
    }
    page[b-80utqgncr5]{
        overflow-y:auto !important;
    }
}
/* _content/H103/Components/Pages/Dash11.razor.rz.scp.css */
/* Light Theme */
.light-theme[b-z1sd7x47t0] {
    background-color: #fff;
    color: #000;
}
    /*#203354 dark blue*/
    .light-theme .dashboard-header[b-z1sd7x47t0] {
        background-color: #f5f5f5;
    }
path[Attributes Style][b-z1sd7x47t0] {

    stroke: red !important;
    stroke-width: 2;
}
:deep(.dxc-val-constant-lines path)[b-z1sd7x47t0] {
    stroke: red !important;
    stroke-width: 3;
}
.status-item[b-z1sd7x47t0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 2px;
    border-radius: 4px;
}

    .status-item.online[b-z1sd7x47t0] {
        background-color: #444; /* green */
    }

    .status-item.delayed[b-z1sd7x47t0] {
        background-color: rgba(77, 92, 117, 1); /* yellow */
    }
.dxc-grids-group path[b-z1sd7x47t0] {
    opacity: 0.3 !important;
}
    .status-item.cancelled[b-z1sd7x47t0] {
        background-color: #444; /* red */
    }
    .status-item.controlled[b-z1sd7x47t0] {
        background-color: #444/* red */
    }
    .status-item.uncontrolled[b-z1sd7x47t0] {
    }
/* Target the constant line path */
.dxc-val-constant-lines path[b-z1sd7x47t0] {
    stroke: green !important;
    stroke-width: 3;
}

/* Target the text label for the constant line */
.dxc-val-constant-lines text[b-z1sd7x47t0] {
    fill: green !important;
    font-weight: 400;
    font-size: 12px;
}

:deep(.dxc-val-constant-lines text)[b-z1sd7x47t0] {
    fill: red !important;
}

.light-theme .grid-item[b-z1sd7x47t0] {
    background-color: #ddd;
}

/* Dark Theme */
.dark-theme[b-z1sd7x47t0] {
    background-color: #333;
    color: #fff;
}

    .dark-theme .dashboard-header[b-z1sd7x47t0] {
        background-color: #222;
    }

    .dark-theme .grid-items[b-z1sd7x47t0] {
        background-color: #555;
    }
    .dark-theme .grid-itemt[b-z1sd7x47t0] {
        background-color: #555;
    }

body[b-z1sd7x47t0] {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    height: 100vh; /* Ensure the body takes the full height of the screen */
}

/* The main container should use flexbox to distribute space */
.dashboard-container[b-z1sd7x47t0] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Row 1: Fixed height of 60px */
.grid-container[b-z1sd7x47t0] {
    display: grid;
    grid-template-columns: repeat(12, 1fr); /* 12 equal columns */
    gap: 5px;
    height: 60px; /* Fixed height for the first row */
}

/* Row 2, 3, 4: Equally divide the remaining space */
.grid-rows[b-z1sd7x47t0] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex-grow: 1; /* Ensure this container fills the remaining space */
}

.grid-row[b-z1sd7x47t0] {
    display: grid;
    grid-template-columns: repeat(12, 1fr); /* 12 equal columns */
    gap: 5px;
    flex-grow: 1; /* Ensure this row fills the remaining space */
}

.grid-itemt[b-z1sd7x47t0] {
    margin-top:5px;
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 5px;
    height: 95px; /* Ensure the item takes the full height of the row */
}
.grid-items[b-z1sd7x47t0] {
    background-color: #f0f0f0;
    padding: 4px;
    border-radius: 5px;
    height:310px;
}

/* Dark theme grid items */
body.dark-theme .grid-items[b-z1sd7x47t0] {
    background-color: #444;
}
body.dark-theme .grid-itemt[b-z1sd7x47t0] {
    background-color: #444;
}
.dxc-val-axis .dxc-val-title text[b-z1sd7x47t0] {
    fill: red !important;
    transform: rotate(0deg) translateX(-2.75rem) translateY(0%);
}
.dxc-elements-axes-group[b-z1sd7x47t0] {
    fill: white !important; /* Change the text fill color to white */
}



.toprow[b-z1sd7x47t0] {
    background-color: white;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

.label-smalls[b-z1sd7x47t0] {
    font-size: 0.8rem;
    color: #fff;
    text-align:start;
}
.label-small[b-z1sd7x47t0] {
    font-size: 0.8rem;
    color: #fff;
    text-align: end;
}

.label-big[b-z1sd7x47t0] {
    text-align: end;
    font-size: 1.5rem; /* Adjust size as needed */
    font-weight: bold;
    color: darkorange; /* Bright color for emphasis */
    font-family: 'Quicksand',sans-serif;
}

.label-bigc[b-z1sd7x47t0] {
    font-size: 3rem; /* Adjust size as needed */
    font-weight: bold;
    color: black; /* Bright color for emphasis */
    font-family: 'Quicksand',sans-serif;
    padding: 5px;
    text-align: center;
}
@media (max-width: 850px) {
    .grid-row[b-z1sd7x47t0] {
        display: flex !important;
        flex-direction: column;
        overflow-y: auto !important;
        gap:15px !important;
        padding:10px;
    }

    .grid-items[b-z1sd7x47t0] {
        width: 100%;
        height: auto;
    }
    body[b-z1sd7x47t0] {
        overflow-y: auto !important;
    }
    page[b-z1sd7x47t0]{
        overflow-y:auto !important;
    }
}
/* _content/H103/Components/Pages/Dash12.razor.rz.scp.css */
test[b-u04jtqnx1n], .dx-gridlayout-item[b-u04jtqnx1n] {
    background-color: #444 !important;
    color: white !important;
}

    .dx-gridlayout-item *[b-u04jtqnx1n] {
        color: white !important;
    }
/* _content/H103/Components/Pages/Dash13.razor.rz.scp.css */
*[b-qa8379uhoa] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-qa8379uhoa] {
    font-family: system-ui, sans-serif;
    font-size: 1rem;
    line-height: 1.7;
    color: white;
    background-color: #444;
    min-block-size: 100vh;
    min-block-size: 100dvh;
    display: grid;
    grid-template-columns: 5rem 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
        "sidebar header"
        "sidebar main"
        "sidebar footer";
    transition: grid-template-columns 0.3s ease;
    background-color:black;
}

    body.sb-expand[b-qa8379uhoa] {
        grid-template-columns: 12.5rem 1fr;
    }

h1[b-qa8379uhoa] {
    font-size: 1.25rem;
    line-height: 1.25;
}

h2[b-qa8379uhoa] {
    font-size: 0.875rem;
}

.dashboard-header[b-qa8379uhoa] {
    grid-area: header;
    background-color: #fff;
    padding: 1.25rem;
}

.dashboard-footer[b-qa8379uhoa] {
    grid-area: footer;
    background-color: #fff;
    padding: 1.25rem;
}

.dashboard-sidebar[b-qa8379uhoa] {
    position: relative;
    grid-area: sidebar;
    color: #fff;
    background-color: #1d1d29;
}

    .dashboard-sidebar button[b-qa8379uhoa] {
        position: absolute;
        inset: 4.5rem -0.75rem auto auto;
        width: 1.5rem;
        aspect-ratio: 1;
        background-color: #fff;
        border: transparent;
        border-radius: 50%;
        cursor: pointer;
    }

.logo[b-qa8379uhoa] {
    display: flex;
    justify-content: center;
    font-size: 3rem;
    line-height: 1.3;
}

.dashboard-main[b-qa8379uhoa] {
    grid-area: main;
    padding: 1.25rem;
    display: grid;
    gap: 1rem;
}

@media (width >= 768px) {
    .dashboard-main[b-qa8379uhoa] {
        grid-template-columns: repeat(4, 1fr);
    }
}

.card[b-qa8379uhoa] {
    padding: 1rem;
    min-block-size: 7rem;
    background-color: #444;
    border-radius: 0.5rem;
}

.card-1[b-qa8379uhoa], .card-1-1[b-qa8379uhoa], .card-1-2[b-qa8379uhoa], .card-1-3[b-qa8379uhoa], .card-1-4[b-qa8379uhoa] {
    background-color: #444;
    color:white;
}
@media (width >= 768px) {
    .card[b-qa8379uhoa] {
        grid-column: span 2;
    }

    .card-1[b-qa8379uhoa], .card-1-1[b-qa8379uhoa], .card-1-2[b-qa8379uhoa], .card-1-3[b-qa8379uhoa], .card-1-4[b-qa8379uhoa] {
        /* grid-row-start: 1; */
        /* grid-row-end: 2; */
        /* grid-row: 1 / 2; */
        /* grid-column-start: 1; */
        /* grid-column-end: 5; */
        /* grid-column: 1 / 5; */
        /* grid-column: 1 / -1; */
        /*
      grid-row-start / grid-column-start /
      grid-row-end / grid-column-end
    */
        /* grid-area: 1 / 1 / 2 / -1; */
        /* grid-area: span 1 / span 4; */
        grid-column: span 1;
        grid-row:span 4;
    }
}

@media (width >= 992px) {
    .card-2[b-qa8379uhoa],
    .card-3[b-qa8379uhoa] {
        grid-area: auto;
    }

    .card-4[b-qa8379uhoa] {
        grid-area: 3 / 1 / 4 / 2;
    }

    .card-5[b-qa8379uhoa] {
        grid-area: 3 / 2 / 4 / 3;
    }

    .card-6[b-qa8379uhoa],
    .card-7[b-qa8379uhoa] {
        grid-area: span 2 / auto;
    }

    .card-8[b-qa8379uhoa],
    .card-9[b-qa8379uhoa] {
        /* min-block-size: 12rem; */
    }

    .card-10[b-qa8379uhoa],
    .card-11[b-qa8379uhoa],
    .card-12[b-qa8379uhoa],
    .card-13[b-qa8379uhoa] {
        grid-column: auto;
    }
}
/* _content/H103/Components/Pages/Dash14.razor.rz.scp.css */
/* Light Theme */
.light-theme[b-0kz6tw7005] {
    background-color: #fff;
    color: #000;
}
    /*#203354 dark blue*/
    .light-theme .dashboard-header[b-0kz6tw7005] {
        background-color: #f5f5f5;
    }
path[Attributes Style][b-0kz6tw7005] {

    stroke: red !important;
    stroke-width: 2;
}
:deep(.dxc-val-constant-lines path)[b-0kz6tw7005] {
    stroke: red !important;
    stroke-width: 3;
}
.status-item[b-0kz6tw7005] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 2px;
    border-radius: 4px;
}

    .status-item.online[b-0kz6tw7005] {
        background-color: #444; /* green */
    }

    .status-item.delayed[b-0kz6tw7005] {
        background-color: rgba(77, 92, 117, 1); /* yellow */
    }
.dxc-grids-group path[b-0kz6tw7005] {
    opacity: 0.3 !important;
}
    .status-item.cancelled[b-0kz6tw7005] {
        background-color: #444; /* red */
    }
    .status-item.controlled[b-0kz6tw7005] {
        background-color: #444/* red */
    }
    .status-item.uncontrolled[b-0kz6tw7005] {
    }
/* Target the constant line path */
.dxc-val-constant-lines path[b-0kz6tw7005] {
    stroke: green !important;
    stroke-width: 3;
}

/* Target the text label for the constant line */
.dxc-val-constant-lines text[b-0kz6tw7005] {
    fill: green !important;
    font-weight: 400;
    font-size: 12px;
}

:deep(.dxc-val-constant-lines text)[b-0kz6tw7005] {
    fill: red !important;
}

.light-theme .grid-item[b-0kz6tw7005] {
    background-color: #ddd;
}

/* Dark Theme */
.dark-theme[b-0kz6tw7005] {
    background-color: #333;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 5px;
}

    .dark-theme .dashboard-header[b-0kz6tw7005] {
        background-color: #222;
    }

    .dark-theme .grid-items[b-0kz6tw7005] {
        background-color: #555;
    }
    .dark-theme .grid-itemt[b-0kz6tw7005] {
        background-color: #555;
    }

body[b-0kz6tw7005] {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    height: 100vh; /* Ensure the body takes the full height of the screen */
}

/* The main container should use flexbox to distribute space */
.dashboard-container[b-0kz6tw7005] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Row 1: Fixed height of 60px */
.grid-container[b-0kz6tw7005] {
    display: grid;
    grid-template-columns: repeat(24, 1fr); /* 12 equal columns */
    gap: 5px;
    height: 60px; /* Fixed height for the first row */
}

/* Row 2, 3, 4: Equally divide the remaining space */
.grid-rows[b-0kz6tw7005] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex-grow: 1; /* Ensure this container fills the remaining space */
}

.grid-row[b-0kz6tw7005] {
    display: grid;
    grid-template-columns: repeat(24, 1fr); /* 12 equal columns */
    gap: 5px;
    flex-grow: 1; /* Ensure this row fills the remaining space */
}

.grid-itemt[b-0kz6tw7005] {
    margin-top:5px;
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 5px;
    height: 95px; /* Ensure the item takes the full height of the row */
}
.grid-items[b-0kz6tw7005] {
    background-color: #f0f0f0;
    padding: 4px;
    border-radius: 5px;
    height:310px;
}

/* Dark theme grid items */
body.dark-theme .grid-items[b-0kz6tw7005] {
    background-color: #444;
}
body.dark-theme .grid-itemt[b-0kz6tw7005] {
    background-color: #444;
}
.dxc-val-axis .dxc-val-title text[b-0kz6tw7005] {
    fill: red !important;
    transform: rotate(0deg) translateX(-2.75rem) translateY(0%);
}
.dxc-elements-axes-group[b-0kz6tw7005] {
    fill: white !important; /* Change the text fill color to white */
}



.toprow[b-0kz6tw7005] {
    background-color: white;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

.label-smalls[b-0kz6tw7005] {
    font-size: 0.8rem;
    color: #fff;
    text-align:start;
}
.label-small[b-0kz6tw7005] {
    font-size: 0.8rem;
    color: #fff;
    text-align: end;
}

.label-big[b-0kz6tw7005] {
    text-align: end;
    font-size: 1.5rem; /* Adjust size as needed */
    font-weight: bold;
    color: darkorange; /* Bright color for emphasis */
    font-family: 'Quicksand',sans-serif;
}

.label-bigc[b-0kz6tw7005] {
    font-size: 3rem; /* Adjust size as needed */
    font-weight: bold;
    color: black; /* Bright color for emphasis */
    font-family: 'Quicksand',sans-serif;
    padding: 5px;
    text-align: center;
}
@media (max-width: 850px) {
    .grid-row[b-0kz6tw7005] {
        display: flex !important;
        flex-direction: column;
        gap: 15px !important;
        padding: 10px;
        overflow: hidden !important;
    }

    .grid-items[b-0kz6tw7005] {
        width: 100%;
        height: auto;
    }
    body[b-0kz6tw7005] {
        overflow-y: auto !important;
    }
    page[b-0kz6tw7005]{
        overflow-y:auto !important;
    }
}
/* _content/H103/Components/Pages/DashModal.razor.rz.scp.css */
.modal-overlay[b-cnhk1v72xy] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    animation: fadeIn-b-cnhk1v72xy 0.3s forwards;
}

.modal-content[b-cnhk1v72xy] {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    width: 300px;
}

.close-btn[b-cnhk1v72xy] {
    background-color: red;
    color: white;
    border: none;
    padding: 5px;
    border-radius: 50%;
    cursor: pointer;
}

@keyframes fadeIn-b-cnhk1v72xy {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* _content/H103/Components/Pages/DashPage.razor.rz.scp.css */

[b-nunxm1td42] .welcome-gridlayout {
    margin: auto;
    width: auto;
    height: auto;
    align-content: flex-start;
}

[b-nunxm1td42] .board-gridlayout .dxbl-gridlayout-root {
    align-content: flex-start !important;
    justify-content: left !important;
}

[b-nunxm1td42] .title {
    text-align: center;
}

.linear-gauge[b-nunxm1td42] {
    position: relative;
    height: 24px;
    width: 100%;
    max-width: 400px;
    background: linear-gradient(to left, green 0%, yellow 50%, orange 80%, red 100%);
    border-radius: 12px;
    margin: 20px 0;
}

.linear-gauge-2[b-nunxm1td42] {
    position: relative;
    height: 24px;
    width: 100%;
    max-width: 400px;
    background: linear-gradient(to left, green 0%, yellow 50%, orange 80%, red 100%);
    border-radius: 12px;
    margin: 20px 0;
}

.linear-gauge-marker[b-nunxm1td42] {
    position: absolute;
    top: -8px;
    width: 2px;
    height: 40px;
    background-color: black;
}

.linear-gauge-marker2[b-nunxm1td42] {
    position: absolute;
    top: -8px;
    width: 4px;
    height: 40px;
    background-color: black;
}

.linear-gauge-label[b-nunxm1td42] {
    text-align: center;
    margin-top: 5px;
    font-weight: bold;
}

[b-nunxm1td42] .board-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
    justify-content: left !important;
}

[b-nunxm1td42] .board-chart {
    width: 60.5rem;
    height: 42rem;
    display: block;
    align-items: center;
    justify-content: left;
    box-shadow: 4px 4px 6px 4px rgba(0, 0, 0, 0.1), 4px 2px 4px 4px rgba(0, 0, 250, 0.1);
    transition: box-shadow 0.2s;
    border-radius: 1rem;
    color: var(--bs-link-color-rgb);
    gap: 0.5rem;
    text-decoration: none;
    position: relative;
}

[b-nunxm1td42] .board-card {
    width: 30.25rem;
    height: 22rem;
    display: block;
    align-items: center;
    justify-content: left;
    box-shadow: 4px 4px 6px 4px rgba(0, 0, 0, 0.1), 4px 2px 4px 4px rgba(0, 0, 250, 0.1);
    transition: box-shadow 0.2s;
    border-radius: 1rem;
    color: var(--bs-link-color-rgb);
    gap: 0.5rem;
    text-decoration: none;
    position: relative;
}

    [b-nunxm1td42] .board-card:hover {
        box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
    }

    [b-nunxm1td42] .board-card .board-card-img {
        width: 6.5rem;
        height: 6.5rem;
    }

    [b-nunxm1td42] .board-card .board-card-text {
        font-size: 1.75rem;
        font-weight: 600;
        letter-spacing: 0em;
        text-align: center;
        text-decoration: unset;
    }

[b-nunxm1td42] .icon-fill {
    fill: var(--bs-primary);
}

[b-nunxm1td42] .board-card .board-card-back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bs-body-color);
    opacity: 0.05;
    border-radius: 1rem;
    z-index: -2;
}

.dh-linear-gauge[b-nunxm1td42] {
    position: relative;
    height: 20px;
    width: 100%;
    max-width: 400px;
    background: linear-gradient(to right, #28a745 0%, #ffc107 50%, #dc3545 100%);
    border-radius: 10px;
    margin-top: 30px;
}

.dh-value-target[b-nunxm1td42] {
    position: absolute;
    top: 40px;
}

.dh-gauge-marker[b-nunxm1td42] {
    position: absolute;
    top: -10px;
    width: 2px;
    height: 40px;
    background-color: black;
}

.dh-gauge-actual[b-nunxm1td42] {
    position: absolute;
    top: -25px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dh-gauge-target[b-nunxm1td42] {
    position: absolute;
    top: 37px; /* above the gauge bar */
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #000; /* triangle now points up */
    z-index: 2;
}

.dh-tick-major[b-nunxm1td42],
.dh-tick-minor[b-nunxm1td42] {
    position: absolute;
    bottom: 0;
    width: 2px;
    background-color: rgba(0, 0, 0, 0.4);
}

.dh-tick-major[b-nunxm1td42] {
    height: 16px;
}

.dh-tick-minor[b-nunxm1td42] {
    height: 8px;
}

.dh-gauge-actual .dh-value-box[b-nunxm1td42] {
    background: #ffffff;
    color: #000;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    white-space: nowrap;
}

.dh-gauge-target .dh-value-box[b-nunxm1td42] {
    background: #196d00;
    color: #000;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    white-space: nowrap;
}

.dh-gauge-actual .dh-arrow[b-nunxm1td42] {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
}

.dh-stat-container[b-nunxm1td42] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-start;
    flex-direction: row; /* 🟢 ensures horizontal layout by default */
}

.trend-stat-card[b-nunxm1td42] {
    background-color: #f7f7f7;
    padding: 0.8rem 1rem;
    border-radius: 8px;
    font-family: 'Segoe UI', sans-serif;
    width: 160px;
    text-align: left;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

.trend-title[b-nunxm1td42] {
    font-size: 0.95rem;
    color: #555;
}

.trend-value[b-nunxm1td42] {
    font-size: 2rem;
    font-weight: bold;
    color: #444;
    display: flex;
    align-items: center;
    gap: 5px;
}

.trend-arrow.up[b-nunxm1td42] {
    color: green;
}

.trend-arrow.down[b-nunxm1td42] {
    color: red;
}

.trend-sub[b-nunxm1td42] {
    font-size: 1.85rem;
    color: #4CAF50;
}

.trend-arrow.down + .trend-sub[b-nunxm1td42] {
    color: red;
}

/* On screens below 768px, stack vertically */
@media (max-width: 768px) {
    .dh-stat-container[b-nunxm1td42] {
        flex-direction: column;
        align-items: stretch;
    }

    .dh-stat-card[b-nunxm1td42] {
        width: 100% !important;
        max-width: none;
    }


    .dh-stat-value[b-nunxm1td42] {
        font-size: 1.4rem;
    }
}
/* Light Theme Variables */
.light[b-nunxm1td42] {
    --bg-color: #ffffff;
    --text-color: #000000;
    --card-bg: #f7f7f7;
    --card-shadow: rgba(0, 0, 0, 0.1);
}

/* Dark Theme Variables */
.dark[b-nunxm1td42] {
    --bg-color: #121212;
    --text-color: #ffffff;
    --card-bg: #1e1e1e;
    --card-shadow: rgba(255, 255, 255, 0.1);
}

/* Apply variables */
.board-card[b-nunxm1td42] {
    background-color: var(--card-bg);
    color: var(--text-color);
    box-shadow: 4px 4px 6px 4px var(--card-shadow);
}

body[b-nunxm1td42],
.dark[b-nunxm1td42],
.light[b-nunxm1td42] {
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
}

/* Apply to trend-stat-card if used */
.trend-stat-card[b-nunxm1td42] {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
    box-shadow: 0 1px 4px var(--card-shadow) !important;
}
    /* 🟢 Trend Card Double Width */
    .trend-stat-card.wide[b-nunxm1td42] {
        width: calc(30.25rem * 2 + 1rem); /* board-card width * 2 + gap */
        max-width: 100%;
    }

/* 🟢 Make Everything Responsive */
@media (max-width: 1200px) {
    .trend-stat-card.wide[b-nunxm1td42] {
        width: 100%;
    }

    .board-card[b-nunxm1td42] {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .dh-stat-container[b-nunxm1td42] {
        flex-direction: column;
    }

    .trend-stat-card.wide[b-nunxm1td42],
    .board-card[b-nunxm1td42] {
        width: 100% !important;
    }

    .dh-stat-value[b-nunxm1td42] {
        font-size: 1.4rem;
    }
}

/* 🟢 Sticky Footer */
.sticky-footer[b-nunxm1td42] {
    margin-top: auto;
    background: transparent;
    text-align: center;
}
/* _content/H103/Components/Pages/DashTest.razor.rz.scp.css */


.banner[b-lmtzkhnars] {
    width: 100%;
    height: 100vh;
    text-align: center;
    overflow: hidden;
    position: relative;
}

    .banner .slider[b-lmtzkhnars] {
        position: absolute;
        width: 250px;
        height: 140px;
        top: 10%;
        left: calc(50% - 100px);
        transform-style: preserve-3d;
        transform: perspective(1000px);
        animation: autoRun-b-lmtzkhnars 70s linear infinite;
        z-index: 2;
    }

@keyframes autoRun-b-lmtzkhnars {
    from {
        transform: perspective(1000px) rotateX(-26deg) rotateY(0deg);
    }

    to {
        transform: perspective(1000px) rotateX(-26deg) rotateY(360deg);
    }
}

.banner .slider .item[b-lmtzkhnars] {
    position: absolute;
    inset: 0 0 0 0;
    transform: rotateY(calc( (var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(450px);
}

    .banner .slider .item img[b-lmtzkhnars] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.banner .content[b-lmtzkhnars] {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(1400px, 100vw);
    height: max-content;
    padding-bottom: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}

    .banner .content h1[b-lmtzkhnars] {
        font-family: 'ICA Rubrik';
        font-size: 16em;
        line-height: 1em;
        color: #25283B;
        position: relative;
    }

        .banner .content h1[b-lmtzkhnars]::after {
            position: absolute;
            inset: 0 0 0 0;
            content: attr(data-content);
            z-index: 2;
            -webkit-text-stroke: 2px #d2d2d2;
            color: transparent;
        }

    .banner .content .author[b-lmtzkhnars] {
        font-family: Poppins;
        text-align: right;
        max-width: 200px;
    }

    .banner .content h2[b-lmtzkhnars] {
        font-size: 3em;
    }

    .banner .content .model[b-lmtzkhnars] {
        background-image: url(images/ECLOGO-01.jpg);
        width: 100%;
        height: 75vh;
        position: absolute;
        bottom: 0;
        left: 0;
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: top center;
        z-index: 1;
    }

@media screen and (max-width: 1023px) {
    .banner .slider[b-lmtzkhnars] {
        width: 160px;
        height: 200px;
        left: calc(50% - 80px);
    }

        .banner .slider .item[b-lmtzkhnars] {
            transform: rotateY(calc( (var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(300px);
        }

    .banner .content h1[b-lmtzkhnars] {
        text-align: center;
        width: 100%;
        text-shadow: 0 10px 20px #000;
        font-size: 7em;
    }

    .banner .content .author[b-lmtzkhnars] {
        color: #fff;
        padding: 20px;
        text-shadow: 0 10px 20px #000;
        z-index: 2;
        max-width: unset;
        width: 100%;
        text-align: center;
        padding: 0 30px;
    }
}

@media screen and (max-width: 767px) {
    .banner .slider[b-lmtzkhnars] {
        width: 100px;
        height: 150px;
        left: calc(50% - 50px);
    }

        .banner .slider .item[b-lmtzkhnars] {
            transform: rotateY(calc( (var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(180px);
        }

    .banner .content h1[b-lmtzkhnars] {
        font-size: 5em;
    }
}
/* _content/H103/Components/Pages/DashTest2.razor.rz.scp.css */
.body[b-rgjxk0zxms]{
    background-color:white !important;
}

.banner[b-rgjxk0zxms] {
    width: 100%;
    height: 100vh;
    text-align: center;
    overflow: hidden;
    position: relative;
}

    .banner .slider[b-rgjxk0zxms] {
        position: absolute;
        width: 220px;
        height: 150px;
        top: 10%;
        left: calc(50% - 100px);
        transform-style: preserve-3d;
        transform: perspective(1000px);
        animation: autoRun-b-rgjxk0zxms 70s linear infinite;
        z-index: 2;
    }

@keyframes autoRun-b-rgjxk0zxms {
    from {
        transform: perspective(1000px) rotateX(-22deg) rotateY(0deg);
    }

    to {
        transform: perspective(1000px) rotateX(-22deg) rotateY(360deg);
    }
}

.banner .slider .item[b-rgjxk0zxms] {
    position: absolute;
    inset: 0 0 0 0;
    transform: rotateY(calc( (var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(450px);
}

    .banner .slider .item img[b-rgjxk0zxms] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.banner .content[b-rgjxk0zxms] {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(1400px, 100vw);
    height: max-content;
    padding-bottom: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}

    .banner .content h1[b-rgjxk0zxms] {
        font-family: 'ICA Rubrik';
        font-size: 16em;
        line-height: 1em;
        color: #25283B;
        position: relative;
    }

        .banner .content h1[b-rgjxk0zxms]::after {
            position: absolute;
            inset: 0 0 0 0;
            content: attr(data-content);
            z-index: 2;
            -webkit-text-stroke: 2px #d2d2d2;
            color: transparent;
        }

    .banner .content .author[b-rgjxk0zxms] {
        font-family: Poppins;
        text-align: right;
        max-width: 200px;
    }

    .banner .content h2[b-rgjxk0zxms] {
        font-size: 3em;
    }

    .banner .content .model[b-rgjxk0zxms] {
        background-image: url(images/ECLOGO-01.jpg);
        width: 100%;
        height: 75vh;
        position: absolute;
        bottom: 40px;
        left: 0;
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: top center;
        z-index: 1;
    }

@media screen and (max-width: 1023px) {
    .banner .slider[b-rgjxk0zxms] {
        width: 160px;
        height: 200px;
        left: calc(50% - 80px);
    }

        .banner .slider .item[b-rgjxk0zxms] {
            transform: rotateY(calc( (var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(300px);
        }

    .banner .content h1[b-rgjxk0zxms] {
        text-align: center;
        width: 100%;
        text-shadow: 0 10px 20px #000;
        font-size: 7em;
    }

    .banner .content .author[b-rgjxk0zxms] {
        color: #fff;
        padding: 20px;
        text-shadow: 0 10px 20px #000;
        z-index: 2;
        max-width: unset;
        width: 100%;
        text-align: center;
        padding: 0 30px;
    }
}

@media screen and (max-width: 767px) {
    .banner .slider[b-rgjxk0zxms] {
        width: 100px;
        height: 150px;
        left: calc(50% - 50px);
    }

        .banner .slider .item[b-rgjxk0zxms] {
            transform: rotateY(calc( (var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(180px);
        }

    .banner .content h1[b-rgjxk0zxms] {
        font-size: 5em;
    }
}
/* _content/H103/Components/Pages/DashTest8.razor.rz.scp.css */

[b-03d7ys714s] .welcome-gridlayout {
    margin: auto;
    width: auto;
    height: auto;
    align-content: flex-start;
}
body[b-03d7ys714s]{
    background-color:white!important;
}
[b-03d7ys714s] .board-gridlayout .dxbl-gridlayout-root {
    align-content: flex-start !important;
    justify-content: left !important;
}

[b-03d7ys714s] .title {
    text-align: center;
}

.linear-gauge[b-03d7ys714s] {
    position: relative;
    height: 24px;
    width: 100%;
    max-width: 400px;
    background: linear-gradient(to left, green 0%, yellow 50%, orange 80%, red 100%);
    border-radius: 12px;
    margin: 20px 0;
}

.linear-gauge-2[b-03d7ys714s] {
    position: relative;
    height: 24px;
    width: 100%;
    max-width: 400px;
    background: linear-gradient(to left, green 0%, yellow 50%, orange 80%, red 100%);
    border-radius: 12px;
    margin: 20px 0;
}

.linear-gauge-marker[b-03d7ys714s] {
    position: absolute;
    top: -8px;
    width: 2px;
    height: 40px;
    background-color: black;
}

.linear-gauge-marker2[b-03d7ys714s] {
    position: absolute;
    top: -8px;
    width: 4px;
    height: 40px;
    background-color: black;
}

.linear-gauge-label[b-03d7ys714s] {
    text-align: center;
    margin-top: 5px;
    font-weight: bold;
}

[b-03d7ys714s] .board-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
    justify-content: left !important;
}

[b-03d7ys714s] .board-chart {
    width: auto;
    height: auto;
    display: block;
    align-items: center;
    justify-content: left;
    box-shadow: 4px 4px 6px 4px rgba(0, 0, 0, 0.1), 4px 2px 4px 4px rgba(0, 0, 250, 0.1);
    transition: box-shadow 0.2s;
    border-radius: 1rem;
    color: var(--bs-link-color-rgb);
    gap: 0.5rem;
    text-decoration: none;
    position: relative;
}

[b-03d7ys714s] .board-card {
    width: 30.25rem;
    height: 22rem;
    display: block;
    align-items: start;
    justify-content: left;
    box-shadow: 4px 4px 6px 4px rgba(0, 0, 0, 0.1), 4px 2px 4px 4px rgba(0, 0, 250, 0.1);
    transition: box-shadow 0.2s;
    border-radius: 1rem;
    color: var(--bs-link-color-rgb);
    gap: 0.5rem;
    text-decoration: none;
    position: absolute;
}

    [b-03d7ys714s] .board-card:hover {
        box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
    }

    [b-03d7ys714s] .board-card .board-card-img {
        width: 6.5rem;
        height: 6.5rem;
    }

    [b-03d7ys714s] .board-card .board-card-text {
        font-size: 1.75rem;
        font-weight: 600;
        letter-spacing: 0em;
        text-align: center;
        text-decoration: unset;
    }

[b-03d7ys714s] .icon-fill {
    fill: var(--bs-primary);
}

[b-03d7ys714s] .board-card .board-card-back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bs-body-color);
    opacity: 0.05;
    border-radius: 1rem;
    z-index: -2;
}

.dh-linear-gauge[b-03d7ys714s] {
    position: relative;
    height: 20px;
    width: 100%;
    max-width: 400px;
    background: linear-gradient(to right, #28a745 0%, #ffc107 50%, #dc3545 100%);
    border-radius: 10px;
    margin-top: 30px;
}

.dh-value-target[b-03d7ys714s] {
    position: absolute;
    top: 40px;
}

.dh-gauge-marker[b-03d7ys714s] {
    position: absolute;
    top: -10px;
    width: 2px;
    height: 40px;
    background-color: black;
}

.dh-gauge-actual[b-03d7ys714s] {
    position: absolute;
    top: -25px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dh-gauge-target[b-03d7ys714s] {
    position: absolute;
    top: 37px; /* above the gauge bar */
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #000; /* triangle now points up */
    z-index: 2;
}

.dh-tick-major[b-03d7ys714s],
.dh-tick-minor[b-03d7ys714s] {
    position: absolute;
    bottom: 0;
    width: 2px;
    background-color: rgba(0, 0, 0, 0.4);
}

.dh-tick-major[b-03d7ys714s] {
    height: 16px;
}

.dh-tick-minor[b-03d7ys714s] {
    height: 8px;
}

.dh-gauge-actual .dh-value-box[b-03d7ys714s] {
    background: #ffffff;
    color: #000;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    white-space: nowrap;
}

.dh-gauge-target .dh-value-box[b-03d7ys714s] {
    background: #196d00;
    color: #000;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    white-space: nowrap;
}

.dh-gauge-actual .dh-arrow[b-03d7ys714s] {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
}

.dh-stat-container[b-03d7ys714s] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-start;
    flex-direction: row; /* 🟢 ensures horizontal layout by default */
}

.trend-stat-card[b-03d7ys714s] {
    background-color: #f7f7f7;
    padding: 0.8rem 1rem;
    border-radius: 8px;
    font-family: 'Segoe UI', sans-serif;
    width: 160px;
    text-align: left;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

.trend-title[b-03d7ys714s] {
    font-size: 0.95rem;
    color: #555;
}

.trend-value[b-03d7ys714s] {
    font-size: 2rem;
    font-weight: bold;
    color: #444;
    display: flex;
    align-items: center;
    gap: 5px;
}

.trend-arrow.up[b-03d7ys714s] {
    color: green;
}

.trend-arrow.down[b-03d7ys714s] {
    color: red;
}

.trend-sub[b-03d7ys714s] {
    font-size: 1.85rem;
    color: #4CAF50;
}

.trend-arrow.down + .trend-sub[b-03d7ys714s] {
    color: red;
}

/* On screens below 768px, stack vertically */
@media (max-width: 768px) {
    .dh-stat-container[b-03d7ys714s] {
        flex-direction: column;
        align-items: stretch;
    }

    .dh-stat-card[b-03d7ys714s] {
        width: 100% !important;
        max-width: none;
    }


    .dh-stat-value[b-03d7ys714s] {
        font-size: 1.4rem;
    }
}
/* Light Theme Variables */
.light[b-03d7ys714s] {
    --bg-color: #ffffff;
    --text-color: #000000;
    --card-bg: #f7f7f7;
    --card-shadow: rgba(0, 0, 0, 0.1);
}

/* Dark Theme Variables */
.dark[b-03d7ys714s] {
    --bg-color: #121212;
    --text-color: #ffffff;
    --card-bg: #1e1e1e;
    --card-shadow: rgba(255, 255, 255, 0.1);
}

/* Apply variables */
.board-card[b-03d7ys714s] {
    background-color: var(--card-bg);
    color: var(--text-color);
    box-shadow: 4px 4px 6px 4px var(--card-shadow);
}

body[b-03d7ys714s],
.dark[b-03d7ys714s],
.light[b-03d7ys714s] {
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
}

/* Apply to trend-stat-card if used */
.trend-stat-card[b-03d7ys714s] {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
    box-shadow: 0 1px 4px var(--card-shadow) !important;
}
    /* 🟢 Trend Card Double Width */
    .trend-stat-card.wide[b-03d7ys714s] {
        width: calc(30.25rem * 2 + 1rem); /* board-card width * 2 + gap */
        max-width: 100%;
    }

/* 🟢 Make Everything Responsive */
@media (max-width: 1200px) {
    .trend-stat-card.wide[b-03d7ys714s] {
        width: 100%;
    }

    .board-card[b-03d7ys714s] {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .dh-stat-container[b-03d7ys714s] {
        flex-direction: column;
    }

    .trend-stat-card.wide[b-03d7ys714s],
    .board-card[b-03d7ys714s] {
        width: 100% !important;
    }

    .dh-stat-value[b-03d7ys714s] {
        font-size: 1.4rem;
    }
}

/* 🟢 Sticky Footer */
.sticky-footer[b-03d7ys714s] {
    margin-top: auto;
    background: transparent;
    text-align: center;
}
/* _content/H103/Components/Pages/DashTest9.razor.rz.scp.css */
/* Global Styles */
body[b-iltlnjets6] {
    font-family: Arial, sans-serif;
    background-color: #1f1f1f;
    color: white;
    margin: 0;
    padding: 0;
}

.dashboard-container[b-iltlnjets6] {
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 20px;
}

/* KPI Section */
.kpi-container[b-iltlnjets6] {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.kpi-card[b-iltlnjets6] {
    background-color: #333;
    padding: 20px;
    border-radius: 10px;
    flex: 1 1 200px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

    .kpi-card h3[b-iltlnjets6] {
        margin: 0;
        font-size: 18px;
        font-weight: bold;
    }

    .kpi-card p[b-iltlnjets6] {
        font-size: 22px;
        margin: 10px 0 0;
    }

.gauge[b-iltlnjets6] {
    margin: 10px 0;
}

/* Graphs Section */
.graphs-container[b-iltlnjets6] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.metrics-container[b-iltlnjets6] {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.metric-card[b-iltlnjets6] {
    background-color: #333;
    padding: 20px;
    border-radius: 10px;
    flex: 1 1 200px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

    .metric-card h3[b-iltlnjets6] {
        margin: 0;
        font-size: 18px;
        font-weight: bold;
    }

    .metric-card p[b-iltlnjets6] {
        font-size: 22px;
        margin: 10px 0 0;
    }

/* Make it responsive */
@media (max-width: 768px) {
    .kpi-container[b-iltlnjets6], .graphs-container[b-iltlnjets6], .metrics-container[b-iltlnjets6] {
        flex-direction: column;
    }

    .kpi-card[b-iltlnjets6], .metric-card[b-iltlnjets6] {
        flex: 1 1 100%;
    }
}
/* _content/H103/Components/Pages/DayCard.razor.rz.scp.css */
body[b-s3nipj3szl] {
}
.e-name[b-s3nipj3szl],
.e-title[b-s3nipj3szl],
.e-email[b-s3nipj3szl],
.e-photo[b-s3nipj3szl],
.e-divider[b-s3nipj3szl],
.e-icon[b-s3nipj3szl],
label[b-s3nipj3szl] {
    color: rgba(var(--bs-body-color-rgb, 0, 0, 0), var(--color-opacity));
}

.e-main[b-s3nipj3szl] {
    line-height: 1;
}

.e-name[b-s3nipj3szl] {
    --color-opacity: 1;
    margin-bottom: 0.25rem;
}

.e-title[b-s3nipj3szl],
.e-email[b-s3nipj3szl],
label[b-s3nipj3szl] {
    --color-opacity: 0.75;
}

.e-title[b-s3nipj3szl] {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.e-email[b-s3nipj3szl] {
    font-size: 0.75rem;
    text-decoration: underline;
    margin-bottom: 0;
}

.e-divider[b-s3nipj3szl],
.e-photo[b-s3nipj3szl] {
    --color-opacity: 0.2;
}

.e-divider[b-s3nipj3szl] {
    height: 1px;
    background-color: currentColor;
}

.e-photo[b-s3nipj3szl] {
    border: 1px solid currentColor;
    object-fit: cover;
    object-position: center top;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.e-details[b-s3nipj3szl] {
    width: 100%;
}

    .e-details .text-container[b-s3nipj3szl] {
        font-size: 0.875rem;
        line-height: 1.125rem;
        white-space: nowrap;
    }

        .e-details .text-container label[b-s3nipj3szl] {
            font-size: 0.8125rem;
            line-height: 1rem;
        }

    .e-details .icon-container[b-s3nipj3szl] {
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.e-icon[b-s3nipj3szl] {
    --color-opacity: 0.75;
    display: inline-block;
    background-color: currentColor;
    width: 16px;
    height: 16px;
}

.e-icon-address[b-s3nipj3szl] {
    -webkit-mask-image: url("images/icons/address.svg");
    mask-image: url("images/icons/address.svg");
}

.e-icon-city[b-s3nipj3szl] {
    -webkit-mask-image: url("images/icons/city.svg");
    mask-image: url("images/icons/city.svg");
}

.e-icon-birthdate[b-s3nipj3szl] {
    -webkit-mask-image: url("images/icons/birthdate.svg");
    mask-image: url("images/icons/birthdate.svg");
}

.e-icon-phone[b-s3nipj3szl] {
    -webkit-mask-image: url("images/icons/phone.svg");
    mask-image: url("images/icons/phone.svg");
}

.card[b-s3nipj3szl] {
    width: 350px;
    border: 1px solid black;
    border-radius: 8px;
    margin-bottom: 16px;
    padding: 18px;
    position: relative;
}

.card-header[b-s3nipj3szl] {
    padding: 0.5px;
    font-weight: bold;
    text-align: center; /* Center the text in the card */
}

.employee[b-s3nipj3szl] {
    margin-bottom: 6px;
}

.card-body.yellow[b-s3nipj3szl] {
    background: #fffdaf !important;
    padding: 15px !important;
}

.card-body.blue[b-s3nipj3szl] {
    background: #add8e6;
    padding: 15px !important;
}

.yellow[b-s3nipj3szl] {
    background: linear-gradient(to bottom, #fffdaf, #e4e95d); /* Gradient from #fffdaf to white */

    color: #000000;
}

.blue[b-s3nipj3szl] {
    background: linear-gradient(to bottom, #add8e6, #b5c6e0); /* Gradient from #fffdaf to white */

    color: #000000;
}

.not-available[b-s3nipj3szl] {
    background-color: #f7d7da;
    color: #721c24;
}

/* Style for weekends */
.weekend[b-s3nipj3szl] {
    background-color: lightpink;
    border-color: red; /* Red border color for weekends */
}

.weekend-header[b-s3nipj3szl] {
    background-color: lightcoral; /* Light red background color for weekend headers */
}

/* Style for today */
.today[b-s3nipj3szl]:before {
    content: '';
    position: absolute;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    top: 1px;
    left: 0;
    right: 0;
    height: 10px;
    background-color: #007bff; /* Blue line to indicate today */
    display: inline-block;
}

.card-container[b-s3nipj3szl] {
    display: flex;
    flex-wrap: wrap;
}

.card[b-s3nipj3szl] {
    display: inline-block;
    margin: 10px;
    padding: 10px;
    box-sizing: border-box;
    border-block: solid;
    border-radius: 23px;
    border-block-color: blue;
}


.card-header[b-s3nipj3szl] {
    background-color: royalblue;
    padding: 5px;
}



.card-body-flights[b-s3nipj3szl] {
    display: flex;
    flex-wrap: wrap;
    border-block: solid;
    border-radius: 14px;
    border - block - color: green;
    padding: 15px;
    text-align: center;
}


.employee[b-s3nipj3szl] {
    border: 1px solid blue;
    margin: 5px;
    padding: 5px;
}

.available[b-s3nipj3szl] {
    background-color: lightgreen;
}

.not-available[b-s3nipj3szl] {
    background-color: lightcoral;
}

.shift-pattern[b-s3nipj3szl] {
    height: 10px;
    width: 100%;
    margin-top: 5px;
}

.yellow[b-s3nipj3szl] {
    background-color: red !important;
}

}

.blue[b-s3nipj3szl] {
    background-color: lightblue;
}

.shift-Leader[b-s3nipj3szl] {
    background: linear-gradient(to bottom, #d0ddf2, #0b3866);
}

.Irwin[b-s3nipj3szl] {
    background: linear-gradient(to bottom, #679af0, #595cff);
}

.Lucy[b-s3nipj3szl] {
    background: linear-gradient(to bottom, #f89999, #f492f0);
}

.BOH[b-s3nipj3szl] {
    background: linear-gradient(to bottom, lightgreen, #f6c0ba);
}

.custom-tooltip .tooltip-inner[b-s3nipj3szl] {
    font-size: 48px; /* Adjust the font size as needed */
}
@media (max-width: 768px) {
    .card[b-s3nipj3szl] {
        -ms-align-content: center;
        -webkit-align-content: center;
        align-content: center;
        width: 94%;
    }
}
/* _content/H103/Components/Pages/DHLinearGauge.razor.rz.scp.css */
.dh-linear-gauge[b-x2l2iv8mk1] {
    position: relative;
    height: 25px;
    width: 100%;
    max-width: 400px;
    border-radius: 6px;
    margin-top: 40px;
}

.dh-gauge-actual[b-x2l2iv8mk1] {
    position: absolute;
    top: -35px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dh-value-box[b-x2l2iv8mk1] {
    background: #fff;
    color: #000;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    white-space: nowrap;
}

.dh-arrow[b-x2l2iv8mk1] {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
}

/* Target triangle and label */
.dh-gauge-target-wrapper[b-x2l2iv8mk1] {
    position: absolute;
    bottom: -16px;
    transform: translateX(-50%);
    text-align: center;
}

.dh-gauge-target[b-x2l2iv8mk1] {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 25px solid #000;
    margin: auto;
}

.dh-target-label[b-x2l2iv8mk1] {
    font-size: 0.75rem;
    margin-top: 2px;
    color: #000;
}

/* Ticks */
.dh-tick-major[b-x2l2iv8mk1],
.dh-tick-minor[b-x2l2iv8mk1] {
    position: absolute;
    bottom: 0;
    width: 2px;
    background-color: rgba(0, 0, 0, 0.4);
}

.dh-tick-major[b-x2l2iv8mk1] {
    height: 16px;
}

.dh-tick-minor[b-x2l2iv8mk1] {
    height: 8px;
}
/* _content/H103/Components/Pages/DHSpeedometer.razor.rz.scp.css */
.dh-speedometer[b-8zab35obt6] {
    width: 220px;
    text-align: center;
    font-family: Arial, sans-serif;
    margin: 0.4rem auto;
}

.gauge-svg[b-8zab35obt6] {
    margin-top:1rem;
    width: 90%;
    height: 80%;
    margin-bottom: 0.5rem; /* 🔧 space between SVG and text */
}

.gauge-text[b-8zab35obt6] {
    margin-top: auto;
}
.gauge-subtext[b-8zab35obt6] {
    top: -35px !important;
    text-align: center;
    font-size: 1.2rem;
    color:green;
}

.gauge-label[b-8zab35obt6] {
   margin-top:2.2rem;
    font-size: 1.2rem;
    color: deeppink;
    font-weight: bold;
}

.gauge-value[b-8zab35obt6] {
    font-size: 2.1rem;
    font-weight: bold;
    color:blue;
}
/* _content/H103/Components/Pages/DHStatCard.razor.rz.scp.css */
.dh-stat-card[b-4uppqe1hwz] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.3rem;
    border-radius: 10px;
    width: auto;
    min-width: 200px;
    max-width: 350px;
    height: 110px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
    margin-right: 5px;
}

    .dh-stat-card:hover[b-4uppqe1hwz] {
        transform: scale(1.02);
    }

.dh-stat-dark[b-4uppqe1hwz] {
    background-color: #1e1f2f;
    color: white;
}

.dh-stat-light[b-4uppqe1hwz] {
    background-color: #f9f9f9;
    color: #222;
    border: 1px solid #ddd;
}

.dh-stat-content[b-4uppqe1hwz] {

    display: flex;
    height: 100%;
    align-items: center;
}

.dh-stat-icon-container[b-4uppqe1hwz] {
    flex: 0 0 64px;
    display: flex;
    align-items: flex-end;
    justify-content: left;
    font-size: 1.8rem;
}

.dh-stat-text[b-4uppqe1hwz] {
    flex:content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 0.75rem;
    height: 100%;
}

.dh-stat-label[b-4uppqe1hwz] {
    font-size: 1.2rem;
    color: inherit;
    text-align: right;
    font-weight: 500;
}

.dh-stat-value[b-4uppqe1hwz] {
    font-size: 1.4rem;
    font-weight: 600;
    text-align: right;
    margin-top: auto;
    color: inherit; /* Ensure the text color remains consistent */
    transition: all 0.3s ease-out; /* Smooth transition when the value changes */
    transform: scale(1); /* Ensures smooth scaling when the value is updated */
}

/* Smooth transition for number updates */
.dh-stat-value[b-4uppqe1hwz] {
    /* You can add more transitions like opacity or transform for a smoother effect */
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* 🔄 Responsive: stack on small screens */
@media (max-width: 600px) {
    .dh-stat-card[b-4uppqe1hwz] {
        max-width: 100%;
        height: auto;
    }

    .dh-stat-content[b-4uppqe1hwz] {
        flex-direction: row;
    }

    .dh-stat-value[b-4uppqe1hwz] {
        font-size: 1.9rem;
    }
}
/* _content/H103/Components/Pages/FlightProgress.Razor.rz.scp.css */
.flight-progress-container[b-lrbfpmt6ix] {
    margin-top: 10px;
    margin-left: 0.2rem;
    margin-right: 0.8rem;

    width: 100%;
    padding: 0.6rem;
    font-family: Arial, sans-serif;
    border: solid 1px green;
    background-color: #e6f0ff;
    border-radius: 8px;
}

.progress-bar[b-lrbfpmt6ix] {
    background-color: #e0e0e0;
    border-radius: 12px;
    height: 8px;
    position: relative;
    overflow: hidden;
}

.progress-fill[b-lrbfpmt6ix] {
    animation: flashing-b-lrbfpmt6ix 2s infinite;
    background-color: green;
    height: 100%;
    transition: width 1s linear;
    position: relative;
}


.plane[b-lrbfpmt6ix] {
    position: absolute;
    top: -1.5em;
    font-size: 1.4em;
    z-index: 10;
    color: black;
}
.time-labels[b-lrbfpmt6ix] {
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
    margin-top: 0.8rem;
}
.time-labels-top[b-lrbfpmt6ix] {
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
    margin-top: 0.1rem;
    margin-bottom:2.4rem;
}
.dest-labels[b-lrbfpmt6ix] {
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
    margin-top: 0.4rem;
}
@keyframes flashing-b-lrbfpmt6ix {
    0% {
        background-color: #228B22; /* ForestGreen */
    }

    50% {
        background-color: #7CFC00; /* LawnGreen */
    }

    100% {
        background-color: #228B22; /* ForestGreen */
    }
}
.flash-blue[b-lrbfpmt6ix] {
    animation: flash-b-lrbfpmt6ix 1s infinite;
    padding: 1px 10px;
    border-radius: 4px;
    background-color: #e6f0ff; /* light blue */
    color: #0056b3; /* deeper blue */
    font-weight: bold;
    margin-left: 0.8rem;
    margin-right: 0.8rem;
    align-items: center;
    text-align: center;
    padding: 10px;
    color: blue;
}

@keyframes flash-b-lrbfpmt6ix {
    0% {
        background-color: #e6f0ff;
    }

    50% {
        background-color: #cce0ff;
    }

    100% {
        background-color: #e6f0ff;
    }
}

.arrival-normal[b-lrbfpmt6ix] {
    background-color: #e6f0ff;
    color: blue;
    font-weight: 500;
    padding: 10px;
    border-radius: 8px;
    font-weight: normal;
    margin-left: 0.8rem;
    margin-right: 0.8rem;
    align-items: center;
    text-align: center;
}
.flight-remaining-container[b-lrbfpmt6ix] {
    position: absolute;
    top: -36px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 5;
}

.flight-remaining-box[b-lrbfpmt6ix] {
    background: #ffffff;
    color: #000;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    white-space: nowrap;
}

.flight-arrow-down[b-lrbfpmt6ix] {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
}
/* _content/H103/Components/Pages/Index.razor.rz.scp.css */
[b-gqvrvvccaa] .welcome-gridlayout {
    margin: auto;
    width: auto;
    height: auto;
}

[b-gqvrvvccaa] .welcome-gridlayout .dxbl-gridlayout-root {
    align-content: center;
    justify-content: center;
}

[b-gqvrvvccaa] .title {
    text-align: center;
}

[b-gqvrvvccaa] .welcome-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
}

[b-gqvrvvccaa] .welcome-card {
    width: 26.25rem;
    height: 15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s;
    border-radius: 1rem;
    color: var(--bs-link-color-rgb);
    gap: 1.5rem;
    text-decoration: none;
    position: relative;
}

    [b-gqvrvvccaa] .welcome-card:hover {
        box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
    }

    [b-gqvrvvccaa] .welcome-card .welcome-card-img {
        width: 6.5rem;
        height: 6.5rem;
    }

    [b-gqvrvvccaa] .welcome-card .welcome-card-text {
        font-size: 1.75rem;
        font-weight: 600;
        letter-spacing: 0em;
        text-align: center;
        text-decoration: unset;
    }

    [b-gqvrvvccaa] .icon-fill {
        fill: var(--bs-primary);
    }

    [b-gqvrvvccaa] .welcome-card .welcome-card-back {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--bs-body-color);
        opacity: 0.05;
        border-radius: 1rem;
        z-index: -2;
    }
/* _content/H103/Components/Pages/OffloadingPage.razor.rz.scp.css */
.offload-wrapper[b-xkmuys36eo] {
    max-width: 700px;
    margin: 0 auto;
    padding: 2rem;
    height: 90vh;
}

.section-header[b-xkmuys36eo],
.section[b-xkmuys36eo] {
    text-align: center;
    margin-bottom: 2rem;
}

.card-box[b-xkmuys36eo] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #f9f9f9;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

    .card-box p[b-xkmuys36eo] {
        margin: 0.25rem 0;
    }

hr[b-xkmuys36eo] {
    margin: 2rem 0;
    border-color: #ddd;
}
.clock-box[b-xkmuys36eo]{
    background-color:black;
    color:green;
    width:150px;
 
}
.icon-notes[b-xkmuys36eo] {
    width: 16px;
    height: 16px;
    background-image: url("/images/signoff.svg");
    margin: 0 8px 0 0;
}
.card-box[b-xkmuys36eo] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #f9f9f9;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .card-box.flashing[b-xkmuys36eo] {
        background-color: yellow;
        animation: flashing-b-xkmuys36eo 1s infinite;
    }

    .card-box.finished[b-xkmuys36eo] {
        background-color: green;
        color: white;
    }

@keyframes flashing-b-xkmuys36eo {
    0% {
        background-color: AliceBlue; /* Start with AliceBlue */
    }

    50% {
        background-color: coral; /* Flash to lightyellow */
    }

    100% {
        background-color: AliceBlue; /* Go back to AliceBlue */
    }
}
/* _content/H103/Components/Pages/OpsPage.razor.rz.scp.css */
[b-shh8olmgzd] .welcome-gridlayout {
    margin: auto;
    width: auto;
    height: auto;
}

    [b-shh8olmgzd] .welcome-gridlayout .dxbl-gridlayout-root {
        align-content: center;
        justify-content: center;
    }

[b-shh8olmgzd] .title {
    text-align: center;
}

[b-shh8olmgzd] .water-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
    justify-content: left;
}

[b-shh8olmgzd] .water-card {
    width: 26.25rem;
    height: 18rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 6px 4px rgba(0, 0, 0, 0.1), 4px 2px 4px 4px rgba(0, 0, 250, 0.1);
    transition: box-shadow 0.2s;
    border-radius: 1rem;
    color: var(--bs-link-color-rgb);
    gap: 0.5rem;
    text-decoration: none;
    position: relative;

}

    [b-shh8olmgzd] .water-card:hover {
        box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
    }

    [b-shh8olmgzd] .water-card .water-card-img {
        width: 6.5rem;
        height: 6.5rem;
    }

    [b-shh8olmgzd] .water-card .water-card-text {
        font-size: 1.75rem;
        font-weight: 600;
        letter-spacing: 0em;
        text-align: center;
        text-decoration: unset;
    }

[b-shh8olmgzd] .icon-fill {
    fill: var(--bs-primary);
}

[b-shh8olmgzd] .water-card .water-card-back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bs-body-color);
    opacity: 0.05;
    border-radius: 1rem;
    z-index: -2;
}
/* _content/H103/Components/Pages/Roster.razor.rz.scp.css */
body[b-u9mtbbsygt] {
}
.e-name[b-u9mtbbsygt],
.e-title[b-u9mtbbsygt],
.e-email[b-u9mtbbsygt],
.e-photo[b-u9mtbbsygt],
.e-divider[b-u9mtbbsygt],
.e-icon[b-u9mtbbsygt],
label[b-u9mtbbsygt] {
    color: rgba(var(--bs-body-color-rgb, 0, 0, 0), var(--color-opacity));
}

.e-main[b-u9mtbbsygt] {
    line-height: 1;
}

.e-name[b-u9mtbbsygt] {
    --color-opacity: 1;
    margin-bottom: 0.25rem;
}

.e-title[b-u9mtbbsygt],
.e-email[b-u9mtbbsygt],
label[b-u9mtbbsygt] {
    --color-opacity: 0.75;
}

.e-title[b-u9mtbbsygt] {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.e-email[b-u9mtbbsygt] {
    font-size: 0.75rem;
    text-decoration: underline;
    margin-bottom: 0;
}

.e-divider[b-u9mtbbsygt],
.e-photo[b-u9mtbbsygt] {
    --color-opacity: 0.2;
}

.e-divider[b-u9mtbbsygt] {
    height: 1px;
    background-color: currentColor;
}

.e-photo[b-u9mtbbsygt] {
    border: 1px solid currentColor;
    object-fit: cover;
    object-position: center top;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.e-details[b-u9mtbbsygt] {
    width: 100%;
}

    .e-details .text-container[b-u9mtbbsygt] {
        font-size: 0.875rem;
        line-height: 1.125rem;
        white-space: nowrap;
    }

        .e-details .text-container label[b-u9mtbbsygt] {
            font-size: 0.8125rem;
            line-height: 1rem;
        }

    .e-details .icon-container[b-u9mtbbsygt] {
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.e-icon[b-u9mtbbsygt] {
    --color-opacity: 0.75;
    display: inline-block;
    background-color: currentColor;
    width: 16px;
    height: 16px;
}

.e-icon-address[b-u9mtbbsygt] {
    -webkit-mask-image: url("images/icons/address.svg");
    mask-image: url("images/icons/address.svg");
}

.e-icon-city[b-u9mtbbsygt] {
    -webkit-mask-image: url("images/icons/city.svg");
    mask-image: url("images/icons/city.svg");
}

.e-icon-birthdate[b-u9mtbbsygt] {
    -webkit-mask-image: url("images/icons/birthdate.svg");
    mask-image: url("images/icons/birthdate.svg");
}

.e-icon-phone[b-u9mtbbsygt] {
    -webkit-mask-image: url("images/icons/phone.svg");
    mask-image: url("images/icons/phone.svg");
}

.card[b-u9mtbbsygt] {
    border: 1px solid black;
    border-radius: 8px;
    margin-bottom: 16px;
    padding: 18px;
    position: relative;
}

.card-header[b-u9mtbbsygt] {
    padding: 0.5px;
    font-weight: bold;
    text-align: center; /* Center the text in the card */
}

.employee[b-u9mtbbsygt] {
    margin-bottom: 6px;
}

.card-body.yellow[b-u9mtbbsygt] {
    background-color: #fffdaf;
    padding: 15px !important;
}

.card-body.blue[b-u9mtbbsygt] {
    background-color: #add8e6;
    padding:15px !important;
}

.yellow[b-u9mtbbsygt] {
    background: linear-gradient(to bottom, #fffdaf, #e4e95d); /* Gradient from #fffdaf to white */

    color: #000000;
}

.blue[b-u9mtbbsygt] {
    background: linear-gradient(to bottom, #add8e6, #b5c6e0); /* Gradient from #fffdaf to white */

    color: #000000;
}

.not-available[b-u9mtbbsygt] {
    background-color: #f7d7da;
    color: #721c24;
}

/* Style for weekends */
.weekend[b-u9mtbbsygt] {
    background-color: lightgray;
    border-color: red; /* Red border color for weekends */
}

.weekend-header[b-u9mtbbsygt] {
    background-color: lightcoral; /* Light red background color for weekend headers */
}

/* Style for today */
.today[b-u9mtbbsygt]:before {
    content: '';
    position: absolute;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    top: 1px;
    left: 0;
    right: 0;
    height: 10px;
    background-color: #007bff; /* Blue line to indicate today */
    display: inline-block;
}

.card-container[b-u9mtbbsygt] {
    display: flex;
    flex-wrap: wrap;
}

.card[b-u9mtbbsygt] {
    display: inline-block;
    margin: 10px;
    padding: 10px;
    box-sizing: border-box;
    border-block: solid;
    border-radius: 23px;
    border-block-color: blue;
}


.card-header[b-u9mtbbsygt] {
    background-color: royalblue;
    padding: 5px;
}



.card-body-flights[b-u9mtbbsygt] {
    display: flex;
    flex-wrap: wrap;
    border-block: solid;
    border-radius: 14px;
    border - block - color: green;
    padding: 15px;
    text-align: center;
}


.employee[b-u9mtbbsygt] {
    border: 1px solid blue;
    margin: 5px;
    padding: 5px;
}

.available[b-u9mtbbsygt] {
    background-color: lightgreen;
}

.not-available[b-u9mtbbsygt] {
    background-color: lightcoral;
}

.shift-pattern[b-u9mtbbsygt] {
    height: 10px;
    width: 100%;
    margin-top: 5px;
}

.yellow[b-u9mtbbsygt] {
    background-color: yellow;
}

}

.blue[b-u9mtbbsygt] {
    background-color: lightblue;
}

.shift-Leader[b-u9mtbbsygt] {
    background: linear-gradient(to bottom, #d0ddf2, #0b3866);
}

.Irwin[b-u9mtbbsygt] {
    background: linear-gradient(to bottom, #679af0, #595cff);
}

.Lucy[b-u9mtbbsygt] {
    background: linear-gradient(to bottom, #f89999, #f492f0);
}

.BOH[b-u9mtbbsygt] {
    background: linear-gradient(to bottom, lightgreen, #f6c0ba);
}

.custom-tooltip .tooltip-inner[b-u9mtbbsygt] {
    font-size: 48px; /* Adjust the font size as needed */
}
/* _content/H103/Components/Pages/Schedule.razor.rz.scp.css */
td:empty[b-6o10h5zgn4] {
    display: none !important; /* or visibility: hidden; */
}
/* _content/H103/Components/Pages/ScheduleAll.razor.rz.scp.css */
td:empty[b-f8ycew23ss] {
    display: none !important; /* or visibility: hidden; */
}
/* _content/H103/Components/Pages/ScorecardPage.razor.rz.scp.css */
body[b-t8ujw1ego0] {
    background-color: white !important;
}

.scorecard-container[b-t8ujw1ego0] {
    font-family: 'Segoe UI', sans-serif;
    margin: 1rem;
    overflow-y: auto;
}

.dxbl-chart-legend-text[b-t8ujw1ego0] {
    font-size: 20px !important;
    color: white !important;
}

.header[b-t8ujw1ego0] {
    background-color: #f4f4f4;
    font-weight: bold;
    font-size: 26px;
    border-bottom: 2px solid #999;
    color: blue;
}

.expandable-container[b-t8ujw1ego0] {
    transform: scaleY(0);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 1.3s ease;
    opacity: 0.3;
}

.dxc-val-elements text[b-t8ujw1ego0] {
    fill: black !important; /* your desired color */
    font-weight: bold !important;
}

.expandable-container.expanded[b-t8ujw1ego0] {
    transform: scaleY(1);
    max-height: 1000dvh;
    opacity: 1;
    background-color: #333;
}

.status-item.cancelled[b-t8ujw1ego0] {
    background-color: #444; /* red */
}

.stat-card[b-t8ujw1ego0] {
    width: 200px;
    
    height: 45%;
    border-radius: 1rem;
    background-color: #555;
    color: #fff;
    border-block: groove;
    margin-bottom: 0.9rem;
    margin-top: 0.3rem;
}

.stat-cardd[b-t8ujw1ego0] {
    width: 200px;
    ;
    height: 45%;
    border-radius: 1rem;
    background-color: #555;
    color: #fff;
    border-block: groove;
    margin-bottom: 0.9rem;
    margin-top: 0.3rem;
    border-color: orange;
}

.status-item.controlled[b-t8ujw1ego0] {
    background-color: #333; /* red */
}

.dxc-grids-group path[b-t8ujw1ego0] {
    opacity: 1 !important;
    stroke: blue !important;
}

.status-item.uncontrolled[b-t8ujw1ego0] {
}

.status-item[b-t8ujw1ego0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 2px;
    border-radius: 4px;
}

    .status-item.online[b-t8ujw1ego0] {
        background-color: #444; /* green */
    }

    .status-item.delayed[b-t8ujw1ego0] {
        background-color: rgba(77, 92, 117, 1); /* yellow */
    }

.expanded-content[b-t8ujw1ego0] {
    padding: 1.5rem 2rem;
    background-color: #333;
    border-left: 2px solid #007bff;
    font-size: 0.9rem;
    color: white !important;
}

.scorecard-row[b-t8ujw1ego0] {
    display: grid;
    grid-template-columns: 1fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 1fr 1fr 0.5fr;
    border-bottom: 1px solid #ddd;
    padding: 0.4rem 0;
}

.cell.measure[b-t8ujw1ego0] {
    width: 50ch !important;
    overflow: hidden;
}

.cell.period[b-t8ujw1ego0] {
    width: 10ch !important;
    overflow: hidden;
}

.cell.fixed-width[b-t8ujw1ego0] {
    width: 10ch !important;
    overflow: hidden;
    white-space: nowrap;
}

.cell[b-t8ujw1ego0] {
    font-weight: 600;
    padding: 0.4rem;
    text-align: center;
    border-right: 2px solid #eee;
    font-size: 1rem;
}

.cell3[b-t8ujw1ego0] {
    padding: 0.2rem;
    font-weight: 600;
    width: 20ch !important;
    text-align: center;
    border-right: 1px solid #eee;
    font-size: 1rem;
    transform: scaleY(1.2);
}

@media (min-device-width: 13in) and (max-resolution: 1.5dppx) {
    .cell[b-t8ujw1ego0] {
        font-size: 1.4rem;
    }

    .box-header[b-t8ujw1ego0] {
        width: 37px !important;
        height: 100%;
        border: 1px solid #ccc;
        position: absolute;
    }

    .cell.measure[b-t8ujw1ego0] {
        width: 50ch !important;
        overflow: hidden;
    }

    .perspective-header[b-t8ujw1ego0] {
        font-weight: bold;
        font-size: 1.6rem !important;
        padding: 0.3rem 0.6rem;
        background-color: #efefef;
        margin-bottom: 0.4rem;
        border-bottom: 1px solid #ccc;
        color: brown;
        text-align: center;
    }
}






.cell:last-child[b-t8ujw1ego0] {
    border-right: none;
}





.perspective-group[b-t8ujw1ego0] {
    border: groove 2px #aaa;
    margin: 0.5rem 0;
    border-radius: 6px;
    padding: 0.5rem;
    background: white;
}

.magenta-text[b-t8ujw1ego0] {
    color: magenta;
    font-weight: bold; /* optional */
}

.perspective-header[b-t8ujw1ego0] {
    font-weight: bold;
    font-size: 1.2rem;
    padding: 0.3rem 0.6rem;
    background-color: #efefef;
    margin-bottom: 0.4rem;
    border-bottom: 1px solid #ccc;
    color: brown;
    text-align: center;
}

.achieved[b-t8ujw1ego0] {
    font-weight: bold;
    color: black;
    border-radius: 4px;
}

.color-scale-boxes[b-t8ujw1ego0] {
    display: flex;
    gap: 0px;
    margin-top: 0;
    align-items: stretch; /* Ensures child divs fill container height */
    height: 100%; /* Or set a specific height like 30px */
    align-items: center
}

.box[b-t8ujw1ego0] {
    flex: 1 1 auto; /* Optional: makes boxes grow/shrink */
    height: 100%; /* Fill parent height */
    width: 18px; /* Fixed width */
    border: 0px solid #ccc;
    box-sizing: border-box;
}

/* Color Shades */
.red[b-t8ujw1ego0] {
    background-color: #d9534f;
}

.yellow[b-t8ujw1ego0] {
    background-color: #f0ad4e;
}

.yellow-light1[b-t8ujw1ego0] {
    background-color: #FFFF8F;
}

.yellow-light2[b-t8ujw1ego0] {
    background-color: #FFFDD0;
}

.yellow-light3[b-t8ujw1ego0] {
    background-color: #fff4cc;
}

.white[b-t8ujw1ego0] {
    background-color: #ffffff;
}

.green-light3[b-t8ujw1ego0] {
    background-color: #d4edda;
}

.green-light2[b-t8ujw1ego0] {
    background-color: #a8e6a3;
}

.green-light1[b-t8ujw1ego0] {
    background-color: #81d180;
}

.green[b-t8ujw1ego0] {
    background-color: #5cb85c;
}

.color-box[b-t8ujw1ego0] {
    width: 28px;
    height: 100%;
    border-radius: 3px;
    margin: auto;
}

.color-scale-boxes[b-t8ujw1ego0] {
    display: flex;
    gap: 0.1px;
}

.box[b-t8ujw1ego0] {
    width: 18px;
    height: 100%;
    border: 1px solid #ccc;
    position: relative;
}

.box-header[b-t8ujw1ego0] {
    width: 18px;
    height: 100%;
    border: 1px solid #ccc;
    position: relative;
}
/* X Marker */
.box.marked[b-t8ujw1ego0]::after {
    content: "✖";
    color: black;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    font-weight: bolder;
}

.scorecard-row:hover[b-t8ujw1ego0] {
    background-color: #eef;
}

@media print {
    .no-print[b-t8ujw1ego0] {
        display: none !important;
    }

    @page {
        size: A3 landscape; /* or portrait */
        margin: 0.5cm;
        overflow-x: hidden !important;
    }

    body[b-t8ujw1ego0] {
        overflow-x: hidden !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact; /* Ensure colors are preserved */
        background-color: white !important;
    }

    /* Add high-contrast border for boxes */
    .box[b-t8ujw1ego0],
    .color-box[b-t8ujw1ego0] {
        transform: scaleY(1.5);
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        align-content: center;
    }

    .box-header[b-t8ujw1ego0] {
        width: 30px;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        align-content: center;
        font-weight: bold;
    }

    .scorecard-container[b-t8ujw1ego0] {
        width: 98%;
        zoom:76.5%; /* Optional: scale content to fit better */
    }



    .color-scale-boxes[b-t8ujw1ego0] {
        display: flex;
        gap: 0.1px;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }

    .box[b-t8ujw1ego0] {
        width: 20px;
        height: 20px;
    }

    .marked[b-t8ujw1ego0] {
        border: 2px solid black;
    }

    .magenta-text[b-t8ujw1ego0] {
        color: magenta !important;
    }
}
/* _content/H103/Components/Pages/ServiceReportPage - Copy.Razor.rz.scp.css */

.custom-switch .form-check-input[b-b19ofpm2bv] {
    width: 2.6rem;
    height: 1.2rem;
    border-color: #28a745;
}

    .custom-switch .form-check-input:checked[b-b19ofpm2bv] {
        border-color: #28a745;
        border-block-width:2px;
    }

.custom-switch .form-check-label[b-b19ofpm2bv] {
    font-weight: 125;
    padding-left:15px;
}
.empty-line[b-b19ofpm2bv] {
    text-align:center;
    color:blue;
    font-size:small;
}
.mel-tree[b-b19ofpm2bv] {
    list-style: none;
    padding-left: 1rem;
    margin: 0;
}

    .mel-tree li[b-b19ofpm2bv] {
        margin-bottom: 0.3rem;
    }

tr:hover[b-b19ofpm2bv] {
    background-color: #f8f9fa;
}
.fade-slide[b-b19ofpm2bv] {
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease;
}

.fade-slide-hidden[b-b19ofpm2bv] {
    max-height: 0;
    opacity: 0;
}

.fade-slide-show[b-b19ofpm2bv] {
    max-height: 1000px; /* Arbitrary large value for full height */
    opacity: 1;
}
.mel-entry[b-b19ofpm2bv] {
    border: 1px solid #ccc;
    margin-bottom: 2rem;
    font-family: Arial, sans-serif;
    background-color: white;
    border-radius: 4px;
    overflow: hidden;
}

/* ECAM Alert Header Bar */
.ecam-alert-bar[b-b19ofpm2bv] {
    background-color: white;
    border: 1px solid #000;
    text-align: center;
    font-weight: bold;
    padding: 6px;
    font-size: 1rem;
}

.ecam-alert-text[b-b19ofpm2bv] {
    color: #f44336;
    text-transform: uppercase;
}

/* Ident & Applicable To Section */
.mel-meta[b-b19ofpm2bv] {
    background-color: #f0f0f0;
    padding: 8px 12px;
    font-size: 0.9rem;
    color: #333;
    border-bottom: 1px solid #ccc;
}

    .mel-meta div[b-b19ofpm2bv] {
        margin-bottom: 4px;
    }

/* MEL Table */
.mel-table[b-b19ofpm2bv] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .mel-table th[b-b19ofpm2bv],
    .mel-table td[b-b19ofpm2bv] {
        border: 1px solid #999;
        padding: 8px;
        text-align: left;
    }

    .mel-table th[b-b19ofpm2bv] {
        background-color: #eee;
        font-weight: bold;
    }
/* _content/H103/Components/Pages/ServiceReportPage.Razor.rz.scp.css */

.custom-switch .form-check-input[b-7nuhkomrxg] {
    width: 2.6rem;
    height: 1.2rem;
    border-color: #28a745;
}

    .custom-switch .form-check-input:checked[b-7nuhkomrxg] {
        border-color: #28a745;
        border-block-width:2px;
    }

.custom-switch .form-check-label[b-7nuhkomrxg] {
    font-weight: 125;
    padding-left:15px;
}
.empty-line[b-7nuhkomrxg] {
    text-align:center;
    color:blue;
    font-size:small;
}
.mel-tree[b-7nuhkomrxg] {
    list-style: none;
    padding-left: 1rem;
    margin: 0;
}

    .mel-tree li[b-7nuhkomrxg] {
        margin-bottom: 0.3rem;
    }

tr:hover[b-7nuhkomrxg] {
    background-color: #f8f9fa;
}
.fade-slide[b-7nuhkomrxg] {
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease;
}

.fade-slide-hidden[b-7nuhkomrxg] {
    max-height: 0;
    opacity: 0;
}

.fade-slide-show[b-7nuhkomrxg] {
    max-height: 1000px; /* Arbitrary large value for full height */
    opacity: 1;
}
.mel-entry[b-7nuhkomrxg] {
    border: 1px solid #ccc;
    margin-bottom: 2rem;
    font-family: Arial, sans-serif;
    background-color: white;
    border-radius: 4px;
    overflow: hidden;
}

/* ECAM Alert Header Bar */
.ecam-alert-bar[b-7nuhkomrxg] {
    background-color: white;
    border: 1px solid #000;
    text-align: center;
    font-weight: bold;
    padding: 6px;
    font-size: 1rem;
}

.ecam-alert-text[b-7nuhkomrxg] {
    color: #f44336;
    text-transform: uppercase;
}

/* Ident & Applicable To Section */
.mel-meta[b-7nuhkomrxg] {
    background-color: #f0f0f0;
    padding: 8px 12px;
    font-size: 0.9rem;
    color: #333;
    border-bottom: 1px solid #ccc;
}

    .mel-meta div[b-7nuhkomrxg] {
        margin-bottom: 4px;
    }

/* MEL Table */
.mel-table[b-7nuhkomrxg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .mel-table th[b-7nuhkomrxg],
    .mel-table td[b-7nuhkomrxg] {
        border: 1px solid #999;
        padding: 8px;
        text-align: left;
    }

    .mel-table th[b-7nuhkomrxg] {
        background-color: #eee;
        font-weight: bold;
    }
/* _content/H103/Components/Pages/ServiceReports.Razor.rz.scp.css */

.custom-switch .form-check-input[b-5z7piosdxr] {
    width: 2.6rem;
    height: 1.2rem;
    border-color: #28a745;
}


.flight-progress-container[b-5z7piosdxr] {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0.2rem;
    margin-right: 0.8rem;
    width: 100%;
    padding: 0.5rem;
    font-family: Arial, sans-serif;
    border: solid 1px green;
    background-color: #e6f0ff;
    border-radius: 8px;
}
    .custom-switch .form-check-input:checked[b-5z7piosdxr] {
        border-color: #28a745;
        border-block-width:2px;
    }

.custom-switch .form-check-label[b-5z7piosdxr] {
    font-weight: 125;
    padding-left:15px;
}
.empty-line[b-5z7piosdxr] {
    text-align:center;
    color:blue;
    font-size:small;
}
.mel-tree[b-5z7piosdxr] {
    list-style: none;
    padding-left: 1rem;
    margin: 0;
}

    .mel-tree li[b-5z7piosdxr] {
        margin-bottom: 0.3rem;
    }

tr:hover[b-5z7piosdxr] {
    background-color: #f8f9fa;
}
.fade-slide[b-5z7piosdxr] {
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease;
}

.fade-slide-hidden[b-5z7piosdxr] {
    max-height: 0;
    opacity: 0;
}

.fade-slide-show[b-5z7piosdxr] {
    max-height: 1000px; /* Arbitrary large value for full height */
    opacity: 1;
}
.mel-entry[b-5z7piosdxr] {
    border: 1px solid #ccc;
    margin-bottom: 2rem;
    font-family: Arial, sans-serif;
    background-color: white;
    border-radius: 4px;
    overflow: hidden;
}

/* ECAM Alert Header Bar */
.ecam-alert-bar[b-5z7piosdxr] {
    background-color: white;
    border: 1px solid #000;
    text-align: center;
    font-weight: bold;
    padding: 6px;
    font-size: 1rem;
}

.ecam-alert-text[b-5z7piosdxr] {
    color: #f44336;
    text-transform: uppercase;
}

/* Ident & Applicable To Section */
.mel-meta[b-5z7piosdxr] {
    background-color: #f0f0f0;
    padding: 8px 12px;
    font-size: 0.9rem;
    color: #333;
    border-bottom: 1px solid #ccc;
}

    .mel-meta div[b-5z7piosdxr] {
        margin-bottom: 4px;
    }

/* MEL Table */
.mel-table[b-5z7piosdxr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .mel-table th[b-5z7piosdxr],
    .mel-table td[b-5z7piosdxr] {
        border: 1px solid #999;
        padding: 8px;
        text-align: left;
    }

    .mel-table th[b-5z7piosdxr] {
        background-color: #eee;
        font-weight: bold;
    }
/* _content/H103/Components/Pages/Stepper.razor.rz.scp.css */
.stepper[b-enali7jv04] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.step[b-enali7jv04] {
    position: relative;
    flex-grow: 1;
    text-align: center;
}

.step-label[b-enali7jv04] {
    font-size: 14px;
    font-weight: bold;
}

.step[b-enali7jv04]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #ccc;
    transform: translateY(-50%);
}

.step:first-child[b-enali7jv04]::before {
    content: none;
}

.step.completed[b-enali7jv04] {
    color: green;
}

.step.active[b-enali7jv04] {
    color: blue;
}

.step.inactive[b-enali7jv04] {
    color: gray;
}
/* _content/H103/Components/Pages/TeamLeaderPage.razor.rz.scp.css */
/* _content/H103/Components/Pages/TrainingRecords.razor.rz.scp.css */

/* _content/H103/Components/Pages/URO - Copy.razor.rz.scp.css */
*[b-5thz3zqt4f] {
    font-size: 16px !important;
} 
.custom-loading-panel[b-5thz3zqt4f] {
    position: fixed !important;
    top: 0;
    left: 0;
    display: contents;
    justify-content: center;
    align-items: center;
    z-index: 2000;
}

.hideCol col:nth-last-child(2)[b-5thz3zqt4f],
.hideCol col:nth-last-child(3)[b-5thz3zqt4f] {
    width: 0px !important;
}
.flash-deferred[b-5thz3zqt4f] {
    animation: flashDeferred-b-5thz3zqt4f 2s linear infinite;
}

@keyframes flashDeferred-b-5thz3zqt4f {
    0% {
        background-color: #ffffff;
    }

    40% {
        background-color: #ffe8cc; /* light blue */
    }

    60% {
        background-color: #e3f0ff; /* light blue */
    }

    100% {
        background-color: #ffffff;
    }
}
.nowrap[b-5thz3zqt4f] {
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
    white-space: nowrap;
    width: 1px;
}

body[b-5thz3zqt4f] {
    /*background: linear-gradient(45deg, #88bdbc, #5a7d7c);*/
    background: linear-gradient(45deg, #88bdbc, #5a7d7c);
}

.dxbl-grid-group-row[b-5thz3zqt4f] {
    --dxbl-grid-group-row-font-size: 34px;
}

.dxbl-grid[b-5thz3zqt4f] {
    --dxbl-grid-font-size: 24px;
}
.comboclass[b-5thz3zqt4f] {
    width:100px;
}

.centered-container[b-5thz3zqt4f] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5; /* optional background color */
}

.dxbl-grid-search-box-container[b-5thz3zqt4f] {
    right: 30px;
    min-width: 300px;
}

.row-red[b-5thz3zqt4f] {
    background-color: lightcoral !important;
    color: white;
}

/* TreeView styling (optional) */
.demo-treeview-template[b-5thz3zqt4f] {
    max-width: 850px; /* or adjust to taste */
    margin: 1rem;
}

.treeview-expand-btn[b-5thz3zqt4f] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
}

.treeview-expand-btnexpanded[b-5thz3zqt4f] {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/images/collapse.svg");
}

.treeview-expand-btncollapsed[b-5thz3zqt4f] {
    background-image: url("/images/expand.svg");
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}

.floating-search-container .custom-searchbox .dxbl-text-edit:target[Search[b-5thz3zqt4f] {
    font-size: 17px !important;
    font-family: 'Segoe UI', sans-serif;
    color: red !important;
}
.treeview-template-icon[b-5thz3zqt4f] {
    width: 32px;
    height: 32px;
    border-radius: 16px;
}
.dxbl-grid .dxbl-text-edit[b-5thz3zqt4f] {
    font-size: 17px !important;
    color:blue;
}
.dxbl-text-edit[b-5thz3zqt4f] {
    font-size: 17px !important;
    color: blue;
}
..dxbl-text-edit > .dxbl-btn.dxbl-btn-icon + input[type=search][b-5thz3zqt4f] {
    font-size: 17px !important;
    color:black!important;
}
.floating-toggle-btn[b-5thz3zqt4f] {
    position: fixed;
    top: 5px;
    right: 12px;
    z-index: 9999;
    background-color: transparent;
    color: black;
    border: none;
    padding: 0.6rem 0.9rem;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    font-size: 1.25rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .floating-toggle-btn:hover[b-5thz3zqt4f] {
        background: #003f99;
    }

    .floating-toggle-btn i[b-5thz3zqt4f] {
        pointer-events: none;
    }
.floating-search-container[b-5thz3zqt4f] {
    position: fixed;
    top: 0.1rem;
    left: 3.5rem;
    z-index: 9999;
    background-color: white;
    padding: 0.5rem;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: opacity 0.5s ease-in-out;
    width:75%;
}

.floating-search-box[b-5thz3zqt4f] {
    min-width: 250px;
    max-width: 90vw;
    font-size:17px !important;
}
/* Target the internal input */
.custom-searchbox input[type="text"][b-5thz3zqt4f] {
    font-size: 16px !important; /* Prevent iOS zoom */
    font-family: 'Segoe UI', sans-serif; /* Or your preferred font */
    color: #333;
}
.custom-searchbox.dxbl-text-edit[b-5thz3zqt4f] {
    font-size: 32px !important; /* Prevent iOS zoom */
    font-family: 'Segoe UI', sans-serif; /* Or your preferred font */
    color: #333;
}
.floating-search-toggle[b-5thz3zqt4f] {
    color: blue;
    border: none;
    padding: 0.5rem;
    border-radius: 8px;
}
.floating-search-toggle:hover[b-5thz3zqt4f] {
    color: black;
    border: none;
    padding: 0.5rem;
    border-radius: 8px;
}

.fade-in[b-5thz3zqt4f] {
    animation: fadeIn-b-5thz3zqt4f 0.5s ease-in-out;
}

@keyframes fadeIn-b-5thz3zqt4f {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
:deep(.dxbl-search-box input[type="search"])[b-5thz3zqt4f] {
    font-size: 20px !important;
}
*[b-5thz3zqt4f] {
    font-size: 16px !important;
} 
/*.custom-searchbox .dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-btn.dxbl-btn-icon + input[type=search], .dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-btn.dxbl-btn-icon + input[type=text], .dxbl-text-edit > .dxbl-btn-group > .dxbl-btn.dxbl-btn-icon + input[type=search], .dxbl-text-edit > .dxbl-btn-group > .dxbl-btn.dxbl-btn-icon + input[type=text], .dxbl-text-edit > .dxbl-btn.dxbl-btn-icon + input[type=search], .dxbl-text-edit > .dxbl-btn.dxbl-btn-icon + input[type=text] {
    font-size: 17px !important;
    color: rebeccapurple !important;
}*/
/* _content/H103/Components/Pages/URO.razor.rz.scp.css */
*[b-e54xx967ef] {
    font-size: 16px !important;
} 
.custom-loading-panel[b-e54xx967ef] {
    position: fixed !important;
    top: 0;
    left: 0;
    display: contents;
    justify-content: center;
    align-items: center;
    z-index: 2000;
}

.hideCol col:nth-last-child(2)[b-e54xx967ef],
.hideCol col:nth-last-child(3)[b-e54xx967ef] {
    width: 0px !important;
}
.flash-deferred[b-e54xx967ef] {
    animation: flashDeferred-b-e54xx967ef 2s linear infinite;
}

@keyframes flashDeferred-b-e54xx967ef {
    0% {
        background-color: #ffffff;
    }

    40% {
        background-color: #ffe8cc; /* light blue */
    }

    60% {
        background-color: #e3f0ff; /* light blue */
    }

    100% {
        background-color: #ffffff;
    }
}
.nowrap[b-e54xx967ef] {
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
    white-space: nowrap;
    width: 1px;
}

body[b-e54xx967ef] {
    /*background: linear-gradient(45deg, #88bdbc, #5a7d7c);*/
    background: linear-gradient(45deg, #88bdbc, #5a7d7c);
}

.dxbl-grid-group-row[b-e54xx967ef] {
    --dxbl-grid-group-row-font-size: 34px;
}

.dxbl-grid[b-e54xx967ef] {
    --dxbl-grid-font-size: 24px;
}
.comboclass[b-e54xx967ef] {
    width:100px;
}

.centered-container[b-e54xx967ef] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5; /* optional background color */
}

.dxbl-grid-search-box-container[b-e54xx967ef] {
    right: 30px;
    min-width: 300px;
}

.row-red[b-e54xx967ef] {
    background-color: lightcoral !important;
    color: white;
}

/* TreeView styling (optional) */
.demo-treeview-template[b-e54xx967ef] {
    max-width: 850px; /* or adjust to taste */
    margin: 1rem;
}

.treeview-expand-btn[b-e54xx967ef] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
}

.treeview-expand-btnexpanded[b-e54xx967ef] {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/images/collapse.svg");
}

.treeview-expand-btncollapsed[b-e54xx967ef] {
    background-image: url("/images/expand.svg");
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}

.floating-search-container .custom-searchbox .dxbl-text-edit:target[Search[b-e54xx967ef] {
    font-size: 17px !important;
    font-family: 'Segoe UI', sans-serif;
    color: red !important;
}
.treeview-template-icon[b-e54xx967ef] {
    width: 32px;
    height: 32px;
    border-radius: 16px;
}
.dxbl-grid .dxbl-text-edit[b-e54xx967ef] {
    font-size: 17px !important;
    color:blue;
}
.dxbl-text-edit[b-e54xx967ef] {
    font-size: 17px !important;
    color: blue;
}
..dxbl-text-edit > .dxbl-btn.dxbl-btn-icon + input[type=search][b-e54xx967ef] {
    font-size: 17px !important;
    color:black!important;
}
.floating-toggle-btn[b-e54xx967ef] {
    position: fixed;
    top: 5px;
    right: 12px;
    z-index: 9999;
    background-color: transparent;
    color: black;
    border: none;
    padding: 0.6rem 0.9rem;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    font-size: 1.25rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .floating-toggle-btn:hover[b-e54xx967ef] {
        background: #003f99;
    }

    .floating-toggle-btn i[b-e54xx967ef] {
        pointer-events: none;
    }
.floating-search-container[b-e54xx967ef] {
    position: fixed;
    top: 0.1rem;
    left: 3.5rem;
    z-index: 9999;
    background-color: white;
    padding: 0.5rem;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: opacity 0.5s ease-in-out;
    width:75%;
}

.floating-search-box[b-e54xx967ef] {
    min-width: 250px;
    max-width: 90vw;
    font-size:17px !important;
}
/* Target the internal input */
.custom-searchbox input[type="text"][b-e54xx967ef] {
    font-size: 16px !important; /* Prevent iOS zoom */
    font-family: 'Segoe UI', sans-serif; /* Or your preferred font */
    color: #333;
}
.custom-searchbox.dxbl-text-edit[b-e54xx967ef] {
    font-size: 32px !important; /* Prevent iOS zoom */
    font-family: 'Segoe UI', sans-serif; /* Or your preferred font */
    color: #333;
}
.floating-search-toggle[b-e54xx967ef] {
    color: blue;
    border: none;
    padding: 0.5rem;
    border-radius: 8px;
}
.floating-search-toggle:hover[b-e54xx967ef] {
    color: black;
    border: none;
    padding: 0.5rem;
    border-radius: 8px;
}

.fade-in[b-e54xx967ef] {
    animation: fadeIn-b-e54xx967ef 0.5s ease-in-out;
}

@keyframes fadeIn-b-e54xx967ef {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
:deep(.dxbl-search-box input[type="search"])[b-e54xx967ef] {
    font-size: 20px !important;
}
*[b-e54xx967ef] {
    font-size: 16px !important;
} 
/*.custom-searchbox .dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-btn.dxbl-btn-icon + input[type=search], .dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-btn.dxbl-btn-icon + input[type=text], .dxbl-text-edit > .dxbl-btn-group > .dxbl-btn.dxbl-btn-icon + input[type=search], .dxbl-text-edit > .dxbl-btn-group > .dxbl-btn.dxbl-btn-icon + input[type=text], .dxbl-text-edit > .dxbl-btn.dxbl-btn-icon + input[type=search], .dxbl-text-edit > .dxbl-btn.dxbl-btn-icon + input[type=text] {
    font-size: 17px !important;
    color: rebeccapurple !important;
}*/
/* _content/H103/Components/Pages/UROFuel.razor.rz.scp.css */
*[b-kprqqo3fh8] {
    font-size: 16px !important;
} 
.custom-loading-panel[b-kprqqo3fh8] {
    position: fixed !important;
    top: 0;
    left: 0;
    display: contents;
    justify-content: center;
    align-items: center;
    z-index: 2000;
}

.hideCol col:nth-last-child(2)[b-kprqqo3fh8],
.hideCol col:nth-last-child(3)[b-kprqqo3fh8] {
    width: 0px !important;
}

.nowrap[b-kprqqo3fh8] {
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
    white-space: nowrap;
    width: 1px;
}

body[b-kprqqo3fh8] {
    /*background: linear-gradient(45deg, #88bdbc, #5a7d7c);*/
    background: linear-gradient(45deg, #88bdbc, #5a7d7c);
}

.dxbl-grid-group-row[b-kprqqo3fh8] {
    --dxbl-grid-group-row-font-size: 34px;
}

.dxbl-grid[b-kprqqo3fh8] {
    --dxbl-grid-font-size: 24px;
}
.comboclass[b-kprqqo3fh8] {
    width:100px;
}

.centered-container[b-kprqqo3fh8] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5; /* optional background color */
}

.dxbl-grid-search-box-container[b-kprqqo3fh8] {
    right: 30px;
    min-width: 300px;
}


.dxbl-grid .alt-item > td[b-kprqqo3fh8] {
    font-size: 18px !important;
    background-color: lightcyan;
}



/* TreeView styling (optional) */
.demo-treeview-template[b-kprqqo3fh8] {
    max-width: 850px; /* or adjust to taste */
    margin: 1rem;
}

.treeview-expand-btn[b-kprqqo3fh8] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
}

.treeview-expand-btnexpanded[b-kprqqo3fh8] {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/images/collapse.svg");
}

.treeview-expand-btncollapsed[b-kprqqo3fh8] {
    background-image: url("/images/expand.svg");
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}

.floating-search-container .custom-searchbox .dxbl-text-edit:target[Search[b-kprqqo3fh8] {
    font-size: 17px !important;
    font-family: 'Segoe UI', sans-serif;
    color: red !important;
}
.treeview-template-icon[b-kprqqo3fh8] {
    width: 32px;
    height: 32px;
    border-radius: 16px;
}
.dxbl-grid .dxbl-text-edit[b-kprqqo3fh8] {
    font-size: 17px !important;
    color:blue;
}
.dxbl-text-edit[b-kprqqo3fh8] {
    font-size: 17px !important;
    color: blue;
}
..dxbl-text-edit > .dxbl-btn.dxbl-btn-icon + input[type=search][b-kprqqo3fh8] {
    font-size: 17px !important;
    color:black!important;
}
.floating-toggle-btn[b-kprqqo3fh8] {
    position: fixed;
    top: 5px;
    right: 12px;
    z-index: 9999;
    background-color: transparent;
    color: black;
    border: none;
    padding: 0.6rem 0.9rem;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    font-size: 1.25rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .floating-toggle-btn:hover[b-kprqqo3fh8] {
        background: #003f99;
    }

    .floating-toggle-btn i[b-kprqqo3fh8] {
        pointer-events: none;
    }
.floating-search-container[b-kprqqo3fh8] {
    position: fixed;
    top: 0.1rem;
    left: 3.5rem;
    z-index: 9999;
    background-color: white;
    padding: 0.5rem;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: opacity 0.5s ease-in-out;
    width:75%;
}

.floating-search-box[b-kprqqo3fh8] {
    min-width: 250px;
    max-width: 90vw;
    font-size:17px !important;
}
/* Target the internal input */
.custom-searchbox input[type="text"][b-kprqqo3fh8] {
    font-size: 16px !important; /* Prevent iOS zoom */
    font-family: 'Segoe UI', sans-serif; /* Or your preferred font */
    color: #333;
}
.custom-searchbox.dxbl-text-edit[b-kprqqo3fh8] {
    font-size: 32px !important; /* Prevent iOS zoom */
    font-family: 'Segoe UI', sans-serif; /* Or your preferred font */
    color: #333;
}
.floating-search-toggle[b-kprqqo3fh8] {
    color: blue;
    border: none;
    padding: 0.5rem;
    border-radius: 8px;
}
.floating-search-toggle:hover[b-kprqqo3fh8] {
    color: black;
    border: none;
    padding: 0.5rem;
    border-radius: 8px;
}

.fade-in[b-kprqqo3fh8] {
    animation: fadeIn-b-kprqqo3fh8 0.5s ease-in-out;
}

@keyframes fadeIn-b-kprqqo3fh8 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
:deep(.dxbl-search-box input[type="search"])[b-kprqqo3fh8] {
    font-size: 20px !important;
}
*[b-kprqqo3fh8] {
    font-size: 16px !important;
} 
/*.custom-searchbox .dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-btn.dxbl-btn-icon + input[type=search], .dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-btn.dxbl-btn-icon + input[type=text], .dxbl-text-edit > .dxbl-btn-group > .dxbl-btn.dxbl-btn-icon + input[type=search], .dxbl-text-edit > .dxbl-btn-group > .dxbl-btn.dxbl-btn-icon + input[type=text], .dxbl-text-edit > .dxbl-btn.dxbl-btn-icon + input[type=search], .dxbl-text-edit > .dxbl-btn.dxbl-btn-icon + input[type=text] {
    font-size: 17px !important;
    color: rebeccapurple !important;
}*/
/* _content/H103/Components/Pages/WeeklyReport.razor.rz.scp.css */
.custom-loading-panel[b-ikaz6ah1pb] {
    position: fixed !important;
    top: 0;
    left: 0;
    display: contents;
    justify-content: center;
    align-items: center;
    z-index: 2000;
}

.hideCol col:nth-last-child(2)[b-ikaz6ah1pb],
.hideCol col:nth-last-child(3)[b-ikaz6ah1pb] {
    width: 0px !important;
}

.nowrap[b-ikaz6ah1pb] {
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
    white-space: nowrap;
    width: 1px;
}

body[b-ikaz6ah1pb] {
    /*background: linear-gradient(45deg, #88bdbc, #5a7d7c);*/
    background: linear-gradient(45deg, #88bdbc, #5a7d7c);
}

.dxbl-grid-group-row[b-ikaz6ah1pb] {
    --dxbl-grid-group-row-font-size: 34px;
}

.dxbl-grid[b-ikaz6ah1pb] {
    --dxbl-grid-font-size: 24px;
}

.centered-container[b-ikaz6ah1pb] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5; /* optional background color */
}

.dxbl-grid-search-box-container[b-ikaz6ah1pb] {
    right: 30px;
    min-width: 300px;
}

.row-red[b-ikaz6ah1pb] {
    background-color: lightcoral !important;
    color: white;
}

/* TreeView styling (optional) */
.demo-treeview-template[b-ikaz6ah1pb] {
    max-width: 850px; /* or adjust to taste */
    margin: 1rem;
}

.treeview-expand-btn[b-ikaz6ah1pb] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
}

.treeview-expand-btnexpanded[b-ikaz6ah1pb] {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/images/collapse.svg");
}

.treeview-expand-btncollapsed[b-ikaz6ah1pb] {
    background-image: url("/images/expand.svg");
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}


.treeview-template-icon[b-ikaz6ah1pb] {
    width: 32px;
    height: 32px;
    border-radius: 16px;
}