@import '_content/Client.Modules.DFM/Client.Modules.DFM.4ybta3i0fi.bundle.scp.css';
@import '_content/Client.Modules.Reporting/Client.Modules.Reporting.ekaj9m6yta.bundle.scp.css';

/* /Components/Layout/Drawer.razor.rz.scp.css */
.drawer-container[b-41zc2awvd3] {
    height: 100%;
}

.navigation-drawer-shading[b-41zc2awvd3] {
    height: 100%;
    position: absolute;
    transition: ease 300ms;
    transition-property: opacity, visibility;
    visibility: visible;
    width: 100%;
    z-index: 99;
    background-color: var(--dxds-color-surface-backdrop-default-rest);
}

.navigation-drawer.mobile.panel-closed .navigation-drawer-shading[b-41zc2awvd3] {
    opacity: 0;
    visibility: hidden;
}

[b-41zc2awvd3] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-41zc2awvd3] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
}

.navigation-drawer-shading[b-41zc2awvd3] {
    display: none;
}

[b-41zc2awvd3] .panel-open:not(.mobile) .nav-buttons-container .menu-button {
    display: none;
}

@media (max-width: 768px) {
    [b-41zc2awvd3] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-41zc2awvd3] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    .navigation-drawer-shading[b-41zc2awvd3] {
        display: block;
    }

    [b-41zc2awvd3] .panel-open:not(.mobile) .nav-buttons-container .menu-button {
        display: flex;
    }
}
/* /Components/Layout/Header.razor.rz.scp.css */
.app-header[b-ksjrtb32xq] {
    height: 64px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--white-color);
    border-bottom: 1px solid #EBEBEB;
    padding: 0 24px;
    flex-shrink: 0;
}

.header-left[b-ksjrtb32xq],
.header-right[b-ksjrtb32xq] {
    display: flex;
    align-items: center;
}

.header-left[b-ksjrtb32xq] {
    gap: 16px;
}

.header-right[b-ksjrtb32xq] {
    gap: 10px;
}

.header-menu-link[b-ksjrtb32xq] {
    display: flex;
    text-decoration: none;
}

.header-title[b-ksjrtb32xq] {
    font-family: var(--main-font);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: var(--main-text-color);
}

.header-user[b-ksjrtb32xq] {
    font-family: var(--main-font);
    font-size: 14px;
    font-weight: 600;
    color: var(--main-text-color);
    padding: 8px 16px;
    border-radius: 20px;
    background-color: #F5F5F5;
}

[b-ksjrtb32xq] .header-toggle {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border: none !important;
    border-radius: 50% !important;
    background-color: var(--main-color) !important;
    color: var(--white-color) !important;
    padding: 0 !important;
}

    [b-ksjrtb32xq] .header-toggle:hover {
        background-color: var(--main-color) !important;
        color: var(--white-color) !important;
    }

[b-ksjrtb32xq] .header-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border: none !important;
    background-color: transparent !important;
    color: var(--main-color) !important;
    border-radius: 50% !important;
    padding: 0 !important;
    font-size: 17px;
}

    [b-ksjrtb32xq] .header-icon:hover {
        background-color: var(--main-color) !important;
        color: var(--white-color) !important;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-z7n4d1r09s] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}
[b-z7n4d1r09s] .navigation-drawer {
    --dxbl-drawer-panel-padding-x: 0;
    --dxbl-drawer-panel-padding-y: 0;
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
    --dxbl-drawer-panel-footer-bg: none;
    --dxbl-drawer-panel-header-bg: none;
    --dxbl-drawer-separator-border-width: 0;
}

    [b-z7n4d1r09s] .navigation-drawer > .dxbl-drawer-panel {
        background-color: var(--white-color);
        background-image: none;
        border-right: 1px solid #EBEBEB;
    }

.navigation-drawer-header[b-z7n4d1r09s] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1.375rem 0.375rem;
    width: 100%;
}

    .navigation-drawer-header .logo[b-z7n4d1r09s] {
        height: 1.5rem;
        width: 9rem;
    }

.navigation-drawer-footer[b-z7n4d1r09s] {
    display: flex;
    justify-content: space-evenly;
    padding-bottom: 0.875rem;
    width: 100%;
}

.drawer-content[b-z7n4d1r09s] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    padding: 2rem 1.5rem 1.5rem 1.5rem;
}

.nav-buttons-container[b-z7n4d1r09s] {
    align-items: center;
    display: flex;
    gap: 0.625rem;
    min-height: 2rem;
}

[b-z7n4d1r09s] .nav-buttons-container > a {
    color: inherit;
}

[b-z7n4d1r09s] .nav-buttons-container .back-button {
    padding-left: 0;
    padding-right: 0.25rem;
}

[b-z7n4d1r09s] .nav-buttons-container .btn-icon-only,
[b-z7n4d1r09s] .navigation-drawer-header .btn-icon-only {
    padding: 0.25rem 0.5rem;
}

.page-content-container[b-z7n4d1r09s] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.navigation-brand[b-z7n4d1r09s] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.navigation-brand-logo[b-z7n4d1r09s] {
    width: 165px;
    max-width: 100%;
    max-height: 52px;
    height: auto;
    object-fit: contain;
}

.navigation-drawer-header[b-z7n4d1r09s] {
    width: 100%;
    height: 64px;
    min-height: 64px;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient( 90deg, #1861A3 0%, #4B8FC4 100% );
}

[b-z7n4d1r09s] .navigation-drawer .dxbl-drawer-panel-header {
    padding: 0 !important;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* =========================================================
   DNIS NAVIGATION
   Minimal Enterprise Sidebar
   ========================================================= */

[b-saz0n19i5w] .app-sidebar {
    width: 100%;
    padding: 12px 10px;
    background: transparent;
}

    [b-saz0n19i5w] .app-sidebar .dxbl-treeview-items-container {
        padding: 0 !important;
    }

    [b-saz0n19i5w] .app-sidebar .dxbl-treeview-item-content {
        margin: 2px 0;
        color: var(--main-text-color);
        background: transparent !important;
        border-radius: 6px;
    }

    [b-saz0n19i5w] .app-sidebar
    .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container {
        min-height: 40px;
        position: relative;
        border-radius: 6px;
        transition: background-color 0.15s ease, color 0.15s ease;
    }

    [b-saz0n19i5w] .app-sidebar .dxbl-treeview-item-text-container {
        padding: 8px 8px !important;
    }

    [b-saz0n19i5w] .app-sidebar .dxbl-treeview-item-text {
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        color: var(--main-text-color);
        transition: color 0.15s ease;
    }

    [b-saz0n19i5w] .app-sidebar .dxbl-image {
        width: 20px;
        min-width: 20px;
        font-size: 16px;
        color: #545454;
        text-align: center;
        transition: color 0.15s ease;
    }

    [b-saz0n19i5w] .app-sidebar .dxbl-btn.dxbl-btn-tool {
        color: #6B7280;
        background: transparent !important;
        border: none !important;
    }

    [b-saz0n19i5w] .app-sidebar
    .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(:disabled):hover {
        background-color: #F8FAFC !important;
    }

        [b-saz0n19i5w] .app-sidebar
        .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(:disabled):hover
        .dxbl-treeview-item-text {
            color: #1F2937;
        }

        [b-saz0n19i5w] .app-sidebar
        .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(:disabled):hover
        .dxbl-image {
            color: #1F2937;
        }

    [b-saz0n19i5w] .app-sidebar.dxbl-treeview
    .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(:disabled).dxbl-active::before {
        background-color: color-mix(in srgb, var(--main-color) 8%, transparent) !important;
        opacity: 1 !important;
    }

    [b-saz0n19i5w] .app-sidebar.dxbl-treeview
    .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container.dxbl-active {
        box-shadow: inset 3px 0 0 var(--main-color) !important;
    }

    [b-saz0n19i5w] .app-sidebar.dxbl-treeview
    .dxbl-treeview-item-container.dxbl-active
    .dxbl-treeview-item-text {
        color: var(--main-color) !important;
        font-weight: 600;
    }

    [b-saz0n19i5w] .app-sidebar.dxbl-treeview
    .dxbl-treeview-item-container.dxbl-active
    .dxbl-image {
        color: var(--main-color) !important;
    }

    [b-saz0n19i5w] .app-sidebar
    .dxbl-treeview-items-container
    .dxbl-treeview-items-container {
        margin-left: 18px;
        padding-left: 10px !important;
        border-left: 1px solid #ECEDEF;
    }

        [b-saz0n19i5w] .app-sidebar
        .dxbl-treeview-items-container
        .dxbl-treeview-items-container
        .dxbl-treeview-item-container {
            min-height: 36px;
        }

        [b-saz0n19i5w] .app-sidebar
        .dxbl-treeview-items-container
        .dxbl-treeview-items-container
        .dxbl-treeview-item-text {
            font-size: 14px;
            font-weight: 400;
        }
/* /Components/Pages/Counter.razor.rz.scp.css */
.counter-block[b-37drcf252q] {
    align-items: center;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 17rem;
    justify-content: center;
    padding: 2.5rem 1.5rem 1.5rem;
    width: 16.875rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
}

.counter-block .counter-content[b-37drcf252q] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.counter-block .counter-count[b-37drcf252q] {
    font-size: 7.5rem;
    font-weight: 400;
    line-height: 7.75rem;
}
/* /Components/Pages/Index/Index.razor.rz.scp.css */
.report-total-count[b-vpbspxeacj] {
    font-size: 13px;
    color: #6b7280;
}

    .report-total-count strong[b-vpbspxeacj] {
        margin-left: 4px;
        font-size: 16px;
        color: #111827;
    }

.report-status-card[b-vpbspxeacj] {
    min-width: 0;
    min-height: 86px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
}

.report-status-icon[b-vpbspxeacj] {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .report-status-icon svg[b-vpbspxeacj] {
        display: block;
    }

.report-status-content[b-vpbspxeacj] {
    min-width: 0;
}

.report-status-name[b-vpbspxeacj] {
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    color: #4b5563;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.report-status-count[b-vpbspxeacj] {
    font-size: 23px;
    line-height: 28px;
    font-weight: 700;
    color: #111827;
}

.report-status-percent[b-vpbspxeacj] {
    margin-bottom: 2px;
    font-size: 12px;
    color: #6b7280;
}

.report-count[b-vpbspxeacj] {
    min-width: 30px;
    height: 27px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
}

    .report-count.green[b-vpbspxeacj] {
        background: #eaf7e5;
        color: #408128;
    }

    .report-count.blue[b-vpbspxeacj] {
        background: #e8f2ff;
        color: #0059c9;
    }

    .report-count.red[b-vpbspxeacj] {
        background: #ffe7e6;
        color: #d92d20;
    }

    .report-count.orange[b-vpbspxeacj] {
        background: #fff0e1;
        color: #b45309;
    }

    .report-count.yellow[b-vpbspxeacj] {
        background: #fff9d9;
        color: #8a7a00;
    }

    .report-count.grey[b-vpbspxeacj] {
        background: #f1f1f1;
        color: #555;
    }

    .report-count.purple[b-vpbspxeacj] {
        background: #f1eaff;
        color: #664a8e;
    }

    .report-count.pink[b-vpbspxeacj] {
        background: #fceaf5;
        color: #b42375;
    }
/* /Components/Pages/Index/IndexTile.razor.rz.scp.css */
.tile[b-ybiveyzqs2] {
    border-radius: 0.75rem;
    height: 7.5rem;
    transition: box-shadow 0.2s;
    width: 14.375rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
}

.tile:hover[b-ybiveyzqs2] {
    box-shadow: 0 4px 8px 0 rgba(170, 170, 170, 0.24), 0 0 2px 0 rgba(170, 170, 170, 0.2);
}

.tile[b-ybiveyzqs2]  > a {
    text-decoration: none;
}

[b-ybiveyzqs2] .tile-content {
    padding: 1rem;
}

[b-ybiveyzqs2] .tile-icon {
    border-radius: 0.375rem;
    height: 2.75rem;
    padding: 0.75rem;
    width: 2.75rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
}

[b-ybiveyzqs2] .tile-title {
    align-self: center;
    color: var(--dxds-color-content-neutral-default-rest);
    font-size: var(--dxds-font-size-base-md);
    font-weight: var(--dxds-font-weight-base-strong);
    letter-spacing: var(--dxds-letter-spacing-base-md);
    line-height: var(--dxds-line-height-base-md);
}

[b-ybiveyzqs2] .tile-description {
    color: var(--dxds-color-content-neutral-subdued-rest);
    font-size: var(--dxds-font-size-base-sm);
    font-weight: var(--dxds-font-weight-base-default);
    letter-spacing: var(--dxds-letter-spacing-base-sm);
    line-height: var(--dxds-line-height-base-sm);
}
