@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';
@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.mrlcop1wk6.bundle.scp.css';

/* /Components/AutoComplete.razor.rz.scp.css */


.autocomplete[b-tsq3lljbtu] {
    position: fixed;
}

.autocomplete .options[b-tsq3lljbtu] {
     position: absolute!important;
    top: 40px;
    left: 0;
    background: #ffffff;
    width: 100%;
    padding: 0;
    z-index: 10;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    box-shadow: 0 5px 5px 2px rgb(0,0,0,0.1);
    height: 200px;
    overflow-y: auto;
    color: #000000 !important;
}

.autocomplete .option[b-tsq3lljbtu] {
    display: block;
    padding: 0.25rem;
}

    .autocomplete .option .option-text[b-tsq3lljbtu] {
        padding: 0.25rem 0.5rem;
    }

    .autocomplete .option:hover[b-tsq3lljbtu] {
        background: #ced4da;
        color: #000000;
    }

    .autocomplete .option.disabled[b-tsq3lljbtu] {
        background-color: lightgrey;
        cursor: not-allowed;
    }

        .autocomplete .option.disabled:hover[b-tsq3lljbtu] {
            background: lightgrey;
            color: var(--bs-body);
        }
/* /Components/InfoComponent.razor.rz.scp.css */

[b-smq1o9ngtu] .hideinfo {
    display: none;
}

[b-smq1o9ngtu] .ainfo:hover + .hideinfo {
    display: block;
    color: red;
}
/* /Components/MultiSelectDropDown.razor.rz.scp.css */
[b-jlt6263787] .msd-container {
    position: relative;
    display: inline-block;
    width: 100%; /* full width like form-control */
    min-width: 220px;
    font-family: Segoe UI, system-ui, sans-serif;
}

/* The clickable toggle (looks like Bootstrap .form-control) */
[b-jlt6263787] .msd-control {
    width: 100%;
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    background-color: #fff;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    [b-jlt6263787] .msd-control:focus-within {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25); /* Bootstrap focus glow */
    }

[b-jlt6263787] .msd-arrow {
    font-size: 0.75rem;
    color: #6c757d;
    margin-left: 8px;
}

/* Dropdown panel */
[b-jlt6263787] .msd-panel {
    position: relative;
    z-index: 1050!important;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    max-height: 260px;
    overflow: auto;
    border: 1px solid #dee2e6;
    background: #fff;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    border-radius: 0.375rem;
    padding: 0.5rem;
}

/* Search box styled like Bootstrap input */
[b-jlt6263787] .msd-search {
    width: 100%;
    box-sizing: border-box;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0.5rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    font-size: 0.9rem;
}

/* Checkbox list styled like .list-group */
[b-jlt6263787] .msd-list {
    max-height: 200px;
    overflow-y: auto;
}

[b-jlt6263787] .msd-item {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    border-radius: 0.25rem;
    transition: background-color 0.15s ease-in-out;
}

    [b-jlt6263787] .msd-item:hover {
        background-color: #f8f9fa;
    }

    [b-jlt6263787] .msd-item input[type="checkbox"] {
        margin-right: 0.5rem;
    }

/* Text next to checkbox */
[b-jlt6263787] .msd-item-text {
    margin-left: 0.25rem;
    font-size: 0.95rem;
}

/* Empty message */
[b-jlt6263787] .msd-empty {
    padding: 0.75rem;
    text-align: center;
    color: #6c757d;
    font-size: 0.9rem;
}
/* /Components/Pagination.razor.rz.scp.css */
nav ul[b-2jt9ayt2yi] {
    display: flex;
    justify-content: flex-start;
    font-size:16px;
    font-weight:bold;
}

    nav ul li:last-child[b-2jt9ayt2yi] {
        float: right;
    }
    [b-2jt9ayt2yi] nav ul li.active {
        background-color: #4beda6 !important;
    }
/* /Components/TabControl.razor.rz.scp.css */
[b-5vmtvy72jl] .disabled {
     background-color: #ffffff !important; 
    opacity: 1;
}
/* /Components/TooltipView.razor.rz.scp.css */
.tooltip-container[b-j5ncoz53lc] {
    position: relative;
}

.tooltip-overlay[b-j5ncoz53lc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4); /* semi-transparent black */
    z-index: 900;
}

.tooltip-wrapper[b-j5ncoz53lc] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
   
}

.custom-tooltip[b-j5ncoz53lc] {
    position: fixed!important; /* Detach from table structure */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%);
    background-color: #333;
    color: #fff;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 0.85rem;
    white-space: normal;
    z-index: 1000; /* Ensure it's above all elements */
    width: 300px;
    max-width: 90%;
    word-wrap: break-word;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    transition: opacity 0.2s ease;
    opacity: 1;
    height: auto;
}


.close-button[b-j5ncoz53lc] {
    position: absolute;
    top: 6px;
    right: 8px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    z-index:2000;
}
/* /Components/VinOffCanvas.razor.rz.scp.css */
.slide-right[b-j2ni06cixs] {
    width: fit-content;
    animation: fadein-b-j2ni06cixs 1s ease-out;
    position: fixed;
    right: 2rem;
    padding: 1rem 1.5rem;
    float :right;
}



@keyframes slide-right-b-j2ni06cixs {
    from {
        margin-left: -100%;
    }

    to {
        right: 0rem;
        margin-right: 0px;
    }
}

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

    to {
        right: 0rem;
    }
}

div.base-modal-background[b-j2ni06cixs] {
    display: block;
    position: fixed;
    z-index: 101; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: auto; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    height: 100%;
}

div.base-offcanvas-content[b-j2ni06cixs] {
    background-color: #ffffff;
    position: fixed;
    top: 0;
    right: 0;
    width: fit-content;
    height: 100%;
    max-width: auto;   
    bottom: 0px !important;
}
/* /Pages/AdminHelpDesk/AdminHelpList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-hc42dmdi6b] {
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-hc42dmdi6b]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-hc42dmdi6b] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold !important;
}
    [b-hc42dmdi6b] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-hc42dmdi6b] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-hc42dmdi6b] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-hc42dmdi6b] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: hidden;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}
/* /Pages/AdminHelpDesk/AdminHelpListUser.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-b5r9wuuvb6] {
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-b5r9wuuvb6]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-b5r9wuuvb6] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5 !important;
    z-index: 1;
    font-weight: bold !important;
}
    [b-b5r9wuuvb6] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-b5r9wuuvb6] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-b5r9wuuvb6] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-b5r9wuuvb6] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: hidden;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}
/* /Pages/AdminHelpDesk/GuesthouseFeedbackList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-gh008n58sc] {
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-gh008n58sc]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-gh008n58sc] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold !important;
}
    [b-gh008n58sc] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-gh008n58sc] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-gh008n58sc] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-gh008n58sc] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: hidden;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}
/* /Pages/AdminHelpDesk/VehicleFeedbackList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-vs2v831rd6] {
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-vs2v831rd6]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-vs2v831rd6] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold !important;
}
    [b-vs2v831rd6] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-vs2v831rd6] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-vs2v831rd6] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-vs2v831rd6] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: hidden;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}
/* /Pages/AssetMgmt/AddEditHardware.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-zs4rwygr52] {
    overflow-y: auto;
}

    .grid[b-zs4rwygr52]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-zs4rwygr52] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-zs4rwygr52] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-zs4rwygr52] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-zs4rwygr52] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/AssetMgmt/AssetProjectManagerList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-uaafyuqmva] {
    overflow-y: auto;
}

    .grid[b-uaafyuqmva]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-uaafyuqmva] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-uaafyuqmva] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-uaafyuqmva] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-uaafyuqmva] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/AssetMgmt/HardwareList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-4k0rlv4nlo] {
    overflow-y: auto;
}

    .grid[b-4k0rlv4nlo]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-4k0rlv4nlo] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-4k0rlv4nlo] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-4k0rlv4nlo] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-4k0rlv4nlo] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/Auth/Login.razor.rz.scp.css */
.signin-sidebar[b-nrmq3a99vk] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    border-right: 1px solid rgba(224, 225, 235, 0.85);
    box-shadow: 0 4px 12px 0 rgba(131, 146, 165, 0.15), 2px 2px 5px 0 rgba(60, 70, 83, 0.04);
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
@media (min-width: 576px) {
    .signin-sidebar[b-nrmq3a99vk] {
        width: 35%;
    }
}
@media (min-width: 992px) {
    .signin-sidebar-body[b-nrmq3a99vk], .signup-sidebar-body[b-nrmq3a99vk] {
        padding: 40px;
    }
}

.signin-sidebar-body[b-nrmq3a99vk], .signup-sidebar-body[b-nrmq3a99vk] {
    height: 100%;
    padding: 40px;
    gap:0.5rem;
    display: flex;
    flex-direction: column;
}
.signin-title[b-nrmq3a99vk], .signup-title[b-nrmq3a99vk] {
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -.5px;
    color: #06072d;
    margin-bottom: -1px;
}
.signin-subtitle[b-nrmq3a99vk], .signup-subtitle[b-nrmq3a99vk] {
    font-size: 1.3rem;
    font-weight: 300;
    color: #888888;
}
/* /Pages/BDTarget/BUTargetList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-6pkkqrtagl] {
    overflow-y: auto;
    font-size: .85rem;
}

    .grid[b-6pkkqrtagl]  table {
        width: 100%;
    }

/* Sticky header while scrolling */
[b-6pkkqrtagl] thead {
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold !important;
}

    [b-6pkkqrtagl] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-6pkkqrtagl] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-6pkkqrtagl] tr {
    border-bottom: 0.5px solid silver;
}

[b-6pkkqrtagl] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: auto;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}

[b-6pkkqrtagl] .customwidth120 {
    width: 120px;
}
/* /Pages/BDTarget/ROTargetList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-8cx2roivxc] {
    overflow-y: auto;
    font-size: .85rem;
}

    .grid[b-8cx2roivxc]  table {
        width: 100%;
    }

/* Sticky header while scrolling */
[b-8cx2roivxc] thead {
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold !important;
}

    [b-8cx2roivxc] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-8cx2roivxc] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-8cx2roivxc] tr {
    border-bottom: 0.5px solid silver;
}

[b-8cx2roivxc] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: auto;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}

[b-8cx2roivxc] .customwidth120 {
    width: 120px;
}
/* /Pages/BGVMgmt/CandidateForm.razor.rz.scp.css */
.nav-tabs > li > a[b-u4t4lgnpgv] {
    border: 1px solid #000000 !important;
}


/* /Pages/BGVMgmt/CaseVerificationList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-4euqfttjfr] {
    overflow-y: auto;
}

    .grid[b-4euqfttjfr]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-4euqfttjfr] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-4euqfttjfr] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-4euqfttjfr] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-4euqfttjfr] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-4euqfttjfr] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}

table[b-4euqfttjfr] {
    width: 100%;
}
/* /Pages/BSHDTasksMgmt/BSHDObservationList.razor.rz.scp.css */
[b-0eohzt9gb3] tr {
    border-bottom: 1px solid #ddd;
}
/* /Pages/CashCollectionTgt/AddEditCashCollection.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-o6ojcc6dq0] {
    overflow-y: auto;
}

    .grid[b-o6ojcc6dq0]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-o6ojcc6dq0] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-o6ojcc6dq0] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-o6ojcc6dq0] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-o6ojcc6dq0] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/CashCollectionTgt/CashCollectionBalanceReport.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-831i8c4f69] {
    overflow-y: auto;
}

    .grid[b-831i8c4f69]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-831i8c4f69] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    outline: 1px solid gray;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-831i8c4f69] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        outline: 1px solid gray;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-831i8c4f69] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-831i8c4f69] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/CashCollectionTgt/CashCollectionBreakUpList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-v96h57nc6j] {
    overflow-y: auto;
    font-size: .85rem;
}

    .grid[b-v96h57nc6j]  table {
        width: 100%;
    }

/* Sticky header while scrolling */
[b-v96h57nc6j] thead {
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold !important;
    position: sticky;
    top: 0;
}

    [b-v96h57nc6j] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-v96h57nc6j] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-v96h57nc6j] tr {
    border-bottom: 0.5px solid silver;
}

[b-v96h57nc6j] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: auto;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}

[b-v96h57nc6j] .customwidth120 {
    width: 120px;
}
/* /Pages/CashCollectionTgt/CashCollectionList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-etgtdilkpt] {
    overflow-y: auto;
    font-size: .85rem;
}

    .grid[b-etgtdilkpt]  table {
        width: 100%;
      
    }

/* Sticky header while scrolling */
[b-etgtdilkpt] thead {
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold !important;
    position: sticky;
    top: 0;
}
    [b-etgtdilkpt] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-etgtdilkpt] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-etgtdilkpt] tr {   
    border-bottom: 0.5px solid silver;
}

[b-etgtdilkpt] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: auto;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}
[b-etgtdilkpt] .customwidth120 {
    width: 120px;
}
/* /Pages/CashCollectionTgt/CashCollectionListNew.razor.rz.scp.css */
body[b-4vqdn8be2z] {
}
/* /Pages/CashCollectionTgt/CashCollectionReportPCWise.razor.rz.scp.css */
thead[b-i3js3w1805] {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    outline: 1px solid gray;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}
/* /Pages/CashCollectionTgt/UnbookedClaimList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-i4tx0qamgy] {
    overflow-y: auto;
    font-size: .85rem;
}

    .grid[b-i4tx0qamgy]  table {
        width: 100%;
    }

/* Sticky header while scrolling */
[b-i4tx0qamgy] thead {
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold !important;
    position: sticky;
    top: 0;
}

    [b-i4tx0qamgy] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-i4tx0qamgy] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-i4tx0qamgy] tr {
    border-bottom: 0.5px solid silver;
}

[b-i4tx0qamgy] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: auto;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}

[b-i4tx0qamgy] .customwidth120 {
    width: 120px;
}
/* /Pages/ClientEngagementMgmt/ClientList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-6p8m9abyh9] {
    overflow-y: auto;
}

    .grid[b-6p8m9abyh9]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-6p8m9abyh9] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-6p8m9abyh9] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-6p8m9abyh9] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-6p8m9abyh9] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
.filter-form[b-6p8m9abyh9] {
    margin-bottom: 1rem;
}

@media (max-width: 768px) {
    .filter-form > div[b-6p8m9abyh9] {
        flex: 1 1 100%; /* make each item take full width on small screens */
    }
}
/* /Pages/ClientEngagementMgmt/ManageUser.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-iln85pegio] {
    overflow-y: auto;
}

    .grid[b-iln85pegio]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-iln85pegio] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-iln85pegio] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-iln85pegio] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-iln85pegio] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/ContractualIssue/ContractAcknowledgeDocument.razor.rz.scp.css */
/* Card styling */
[b-xunodacgz4] .container {
    margin-top: 30px;
    margin-bottom: 30px;
}

[b-xunodacgz4] .card {
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 20px;
    background-color: #ffffff;
    border: none;
}

[b-xunodacgz4] .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

    [b-xunodacgz4] .card-header span {
        font-size: 1.25rem;
        font-weight: 600;
        color: #333;
    }

    [b-xunodacgz4] .card-header .close {
        font-size: 1.4rem;
        background: none;
        border: none;
        cursor: pointer;
    }

[b-xunodacgz4] .card-body {
    padding-top: 15px;
}

[b-xunodacgz4] .card-title h6 {
    font-weight: 600;
    color: #555;
    margin-bottom: 10px;
}

/* Form inputs */
[b-xunodacgz4] label {
    font-weight: 500;
    color: #444;
}

[b-xunodacgz4] input[type="file"] {
    border: 1px solid #ced4da;
    border-radius: 6px;
    padding: 5px;
    width: 100%;
}

/* Buttons */
[b-xunodacgz4] .btn-outline-primary {
    border-radius: 6px;
    padding: 6px 18px;
    font-weight: 500;
}

[b-xunodacgz4] .btn-danger {
    border-radius: 6px;
    padding: 4px 12px;
}

/* Table styling */
[b-xunodacgz4] .table-responsive {
    margin-top: 15px;
    border-radius: 8px;
    overflow: hidden;
}

[b-xunodacgz4] .table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

    [b-xunodacgz4] .table th, .table td[b-xunodacgz4] {
        text-align: left;
        vertical-align: middle;
        padding: 12px 15px;
    }

    [b-xunodacgz4] .table thead {
        background-color: #f8f9fa;
        font-weight: 600;
    }

    [b-xunodacgz4] .table tbody tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    [b-xunodacgz4] .table tbody tr:hover {
        background-color: #e9f5ff;
    }

/* Text and icons */
[b-xunodacgz4] .text-danger {
    font-weight: 500;
    font-size: 0.95rem;
}

[b-xunodacgz4] .bi-download, .bi-trash[b-xunodacgz4] {
    font-size: 1.1rem;
    margin-left: 5px;
    color: #555;
}

/* Responsive tweaks */
@media (max-width: 768px) {
    .card-header span[b-xunodacgz4] {
        font-size: 1rem;
    }

    .btn-outline-primary[b-xunodacgz4] {
        width: 100%;
        margin-top: 10px;
    }

    .float-end[b-xunodacgz4] {
        float: none !important;
        text-align: center;
    }
}
/* /Pages/ContractualIssue/EsclationLevelMaster.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-s2pijr6ezy] {
    overflow-y: auto;
}

    .grid[b-s2pijr6ezy]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-s2pijr6ezy] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-s2pijr6ezy] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-s2pijr6ezy] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-s2pijr6ezy] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-s2pijr6ezy] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

table[b-s2pijr6ezy] {
    width: 100%;
}
/* /Pages/ContractualIssue/IssueCategoryMaster.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-8j4mnrwsw9] {
    overflow-y: auto;
}

    .grid[b-8j4mnrwsw9]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-8j4mnrwsw9] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-8j4mnrwsw9] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-8j4mnrwsw9] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-8j4mnrwsw9] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-8j4mnrwsw9] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

table[b-8j4mnrwsw9] {
    width: 100%;
}
/* /Pages/ContractualIssue/IssueEsclationMappings.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-nq2qbbp6rc] {
    overflow-y: auto;
}

    .grid[b-nq2qbbp6rc]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-nq2qbbp6rc] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-nq2qbbp6rc] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-nq2qbbp6rc] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

table[b-nq2qbbp6rc] {
    width: 100%;
}
/* /Pages/ContractualIssue/ManagementDiscussion.razor.rz.scp.css */
.chat-container[b-9n3a68cjbk] {
    display: flex;
    flex-direction: column;
    height: auto;
    max-width: 100%;
    max-height:400px;
    overflow-y:auto;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 16px;
    background-color: #f9f9f9;
}

.message[b-9n3a68cjbk] {
    margin-bottom: 10px;
}

.message-header[b-9n3a68cjbk] {
    font-weight: bold;
    margin-bottom: 5px;
}

.sender-name[b-9n3a68cjbk] {
    color: #2c3e50;
}

.replied-by[b-9n3a68cjbk] {
    color: #95a5a6;
    font-size: 0.9em;
    margin-left: 10px;
}

.message-body[b-9n3a68cjbk] {
    padding: 10px;
    border-radius: 5px;
    background-color: #ecf0f1;
}

.input-container[b-9n3a68cjbk] {
    display: flex;
    margin-top: 10px;
}

.input-box[b-9n3a68cjbk] {
    flex: 1;
    padding: 10px;
    border: 1px solid #bdc3c7;
    border-radius: 5px;
    margin-right: 10px;
}

.send-button[b-9n3a68cjbk] {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    background-color: #3498db;
    color: white;
    cursor: pointer;
}



    .send-button:hover[b-9n3a68cjbk] {
        background-color: #0056b3;
    }
.message-actions[b-9n3a68cjbk] {
    display: flex;
    justify-content: flex-end;
}

.reply-button[b-9n3a68cjbk] {
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    background-color: #3498db;
    color: white;
    cursor: pointer;
    font-size: 0.9em;
}
.replies[b-9n3a68cjbk] {
    margin-top: 10px;
    padding-left: 20px;
    border-left: 2px solid #ddd;
}

.reply[b-9n3a68cjbk] {
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.reply-header[b-9n3a68cjbk] {
    font-weight: bold;
}

reply-sender-name[b-9n3a68cjbk] {
    color: #2c3e50;
}

.reply-text[b-9n3a68cjbk] {
    margin-left: 10px;
}
/* /Pages/ContractualIssue/ReviewDocumentForword.razor.rz.scp.css */
@charset "UTF-8";

.wrapper[b-yk6dpsnyw6] {
    width: auto;
    font-family: 'Helvetica';
    font-size: 14px;
    border: 1px solid #CCC;
}

.StepProgress[b-yk6dpsnyw6] {
    position: relative;
    padding-left: 45px;
    list-style: none;
}

    .StepProgress[b-yk6dpsnyw6]::before {
        display: inline-block;
        content: '';
        position: absolute;
        top: 0;
        left: 15px;
        width: 10px;
        height: 100%;
        border-left: 2px solid #CCC;
    }

.StepProgress-item[b-yk6dpsnyw6] {
    position: relative;
    counter-increment: list;
}

    .StepProgress-item:not(:last-child)[b-yk6dpsnyw6] {
        padding-bottom: 20px;
    }

    .StepProgress-item[b-yk6dpsnyw6]::before {
        display: inline-block;
        content: '';
        position: absolute;
        left: -30px;
        height: 100%;
        width: 10px;
    }

    .StepProgress-item[b-yk6dpsnyw6]::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 0;
        left: -37px;
        width: 24px;
        height: 24px;
        border: 2px solid #CCC;
        border-radius: 50%;
        background-color: #FFF;
    }

    .StepProgress-item.is-done[b-yk6dpsnyw6]::before {
        border-left: 2px solid green;
    }

    .StepProgress-item.is-done[b-yk6dpsnyw6]::after {
        content: "✔";
        font-size: 16px;
        color: #FFF;
        text-align: center;
        border: 2px solid green;
        background-color: green;
    }

    .StepProgress-item.current[b-yk6dpsnyw6]::before {
        border-left: 2px solid green;
    }

    .StepProgress-item.current[b-yk6dpsnyw6]::after {
        content: counter(list);
        padding-top: 1px;
        width: 19px;
        height: 18px;
        top: -4px;
        left: -40px;
        font-size: 14px;
        text-align: center;
        color: green;
        border: 2px solid green;
        background-color: white;
    }

.StepProgress strong[b-yk6dpsnyw6] {
    display: block;
}

.StepProgress-item.is-pending[b-yk6dpsnyw6]::before {
    border-left: 2px solid red;
}

.StepProgress-item.is-pending[b-yk6dpsnyw6]::after {
    content: "✔";
    font-size: 16px;
    color: #FFF;
    text-align: center;
    border: 2px solid red;
    background-color: red;
}

.StepProgress-item.is-revision[b-yk6dpsnyw6]::before {
    border-left: 2px solid yellow;
}

.StepProgress-item.is-revision[b-yk6dpsnyw6]::after {
    content: "✔";
    font-size: 16px;
    color: #202124;
    text-align: center;
    border: 2px solid yellow;
    background-color: yellow;
}

[b-yk6dpsnyw6].blink-dot {
    animation: blink-b-yk6dpsnyw6 1s infinite;
}

@keyframes blink-b-yk6dpsnyw6 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.bell-blink[b-yk6dpsnyw6] {
    font-size: 26px;
    color: #ff0000;
    animation: bellBlink-b-yk6dpsnyw6 1.2s infinite;
}

@keyframes bellBlink-b-yk6dpsnyw6 {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(1.1);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

[b-yk6dpsnyw6] .bell-ring {
    display: inline-flex;
    font-size: 28px;
    color: #ff0000;
    animation: ring-b-yk6dpsnyw6 1s infinite ease-in-out;
    transform-origin: top center;
}

@keyframes ring-b-yk6dpsnyw6 {
    0% {
        transform: rotate(0deg);
    }

    20% {
        transform: rotate(-15deg);
    }

    40% {
        transform: rotate(15deg);
    }

    60% {
        transform: rotate(-10deg);
    }

    80% {
        transform: rotate(10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}
/* /Pages/ContractualIssue/WmlRevisionPage.razor.rz.scp.css */
.container[b-089afa9t8z] {
    border: 2px solid #dedede;
    background-color: #f1f1f1;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
}

.darker[b-089afa9t8z] {
    border-color: #ccc;
    background-color: #ddd;
}

.container[b-089afa9t8z]::after {
    content: "";
    clear: both;
    display: table;
}

.container img[b-089afa9t8z] {
    float: left;
    max-width: 60px;
    width: 100%;
    margin-right: 20px;
    border-radius: 50%;
}

    .container img.right[b-089afa9t8z] {
        float: right;
        margin-left: 20px;
        margin-right: 0;
    }

.time-right[b-089afa9t8z] {
    float: right;
    color: #aaa;
}

.time-left[b-089afa9t8z] {
    float: left;
    color: #999;
}
/******/
.chat-messages[b-089afa9t8z] {
    display: flex;
    flex-direction: column;
    max-height: 800px;
    overflow-y: scroll
}

.chat-message-left[b-089afa9t8z],
.chat-message-right[b-089afa9t8z] {
    display: flex;
    flex-shrink: 0
}

.chat-message-left[b-089afa9t8z] {
    margin-right: auto
}

.chat-message-right[b-089afa9t8z] {
    flex-direction: row-reverse;
    margin-left: auto
}

.py-3[b-089afa9t8z] {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.px-4[b-089afa9t8z] {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.flex-grow-0[b-089afa9t8z] {
    flex-grow: 0 !important;
}

.border-top[b-089afa9t8z] {
    border-top: 1px solid #dee2e6 !important;
}
/* /Pages/Dashboard/ContestResultProcess.razor.rz.scp.css */
.page-card-body[b-u0pw10i4d2] {
    flex: 1 1 auto;
    margin-top: 0.0rem !important;
    border-radius: 0.5rem;
    padding: 0.0rem !important;
    background-color: #fff;
}
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */
#app-container[b-fjb1cl3h7u] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 4px!important;
}
/* /Pages/Dashboard/DigitalIniList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-0dee10g4o2] {
    overflow-y: auto;
}

    .grid[b-0dee10g4o2]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-0dee10g4o2] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
.text-orange[b-0dee10g4o2] {
    color: #FD740D !important;
}


    [b-0dee10g4o2] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-0dee10g4o2] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-0dee10g4o2] tr {
    /* height: 30px;*/
    border-bottom: 0.5px solid silver;
}

[b-0dee10g4o2] tbody td {
   /* white-space: nowrap;*/
    overflow: hidden;
    /* text-overflow: ellipsis;*/
}

table[b-0dee10g4o2] {
    width: 100%;
}
[b-0dee10g4o2].badge-pill {
    padding: 4px 8px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 20px;
    background-color: transparent;
}

/* Platform (Orange outline) */
[b-0dee10g4o2].badge-platform {
    color: #ff6a00;
    border: 1.5px solid #ff6a00;
}

/* Status - GoLive (Green outline) */
[b-0dee10g4o2].badge-status-live {
    color: #1f9d55;
    border: 1.5px solid #1f9d55;
}

/* Status - UAT (Orange outline) */
[b-0dee10g4o2].badge-status-uat {
    color: #ff6a00;
    border: 1.5px solid #ff6a00;
}
[b-0dee10g4o2].badge-status-development {
    color: #000000;
    border: 1.5px solid #ff6a00;
}
[b-0dee10g4o2].badge:hover {
    background-color: rgba(255, 106, 0, 0.08);
}
/* /Pages/Dashboard/FRAllData.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-six9dn9mac] {
    overflow-y: auto;
}

    .grid[b-six9dn9mac]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-six9dn9mac] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5 !important;
    z-index: 1;
}

    [b-six9dn9mac] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-six9dn9mac] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-six9dn9mac] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-six9dn9mac] tbody td {
}

table[b-six9dn9mac] {
    width: 100%;
}
/* /Pages/DNS/AddRevison.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-x5xhf3hefx] {
    overflow-y: auto;
}

    .grid[b-x5xhf3hefx]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-x5xhf3hefx] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-x5xhf3hefx] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-x5xhf3hefx] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-x5xhf3hefx] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/DNS/AddRevisonProject.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-i8kykcnbfn] {
    overflow-y: auto;
}

    .grid[b-i8kykcnbfn]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-i8kykcnbfn] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-i8kykcnbfn] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-i8kykcnbfn] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-i8kykcnbfn] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/DNS/DNSComparisonList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-073lfg3dli] {
    overflow-y: auto;
}

    .grid[b-073lfg3dli]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-073lfg3dli] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-073lfg3dli] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-073lfg3dli] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-073lfg3dli] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/DNS/DNSList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-7u1hx9nj9n] {
    overflow-y: auto;
}

    .grid[b-7u1hx9nj9n]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-7u1hx9nj9n] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-7u1hx9nj9n] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-7u1hx9nj9n] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-7u1hx9nj9n] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/DNS/DNSListHO.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-m41fteknir] {
   
    overflow-y: auto;
}

    .grid[b-m41fteknir]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-m41fteknir] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-m41fteknir] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-m41fteknir] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-m41fteknir] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/DNS/DNSListSOP.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-p0gduoi990] {

    overflow-y: auto;
}

    .grid[b-p0gduoi990]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-p0gduoi990] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-p0gduoi990] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-p0gduoi990] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-p0gduoi990] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/DRProcess/ActivityActionByDSH.razor.rz.scp.css */
[b-b1zell7ay7] thead tr {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold !important;
    text-overflow: inherit;
    white-space: normal !important;
}
/* /Pages/DRProcess/DesignReviewList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-jzo2gvecct] {
    overflow-y: auto;
}

    .grid[b-jzo2gvecct]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-jzo2gvecct] thead {
    position: sticky;
    height: 46px;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-jzo2gvecct] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-jzo2gvecct] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-jzo2gvecct] tr {
    /* height: 30px;*/
    border-bottom: 0.5px solid silver;
}

[b-jzo2gvecct] tbody td {
   /* white-space: nowrap;*/
    overflow: hidden;
    /* text-overflow: ellipsis;*/
}

table[b-jzo2gvecct] {
    width: 100%;
}
/* /Pages/DRProcess/DocumentList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-skyzfum1q7] {
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-skyzfum1q7]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-skyzfum1q7] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold !important;
}

    [b-skyzfum1q7] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-skyzfum1q7] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-skyzfum1q7] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-skyzfum1q7] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: hidden;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}
/* /Pages/DRProcess/DrawingList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-ictqu8zej5] {
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-ictqu8zej5]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ictqu8zej5] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold !important;
}

    [b-ictqu8zej5] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-ictqu8zej5] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-ictqu8zej5] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-ictqu8zej5] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: hidden;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}
/* /Pages/DRProcess/DRChecklist.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-vmkugkb1rc] {
   
    overflow-y: auto;
}

    .grid[b-vmkugkb1rc]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-vmkugkb1rc] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-vmkugkb1rc] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }
    [b-vmkugkb1rc] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-vmkugkb1rc] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-vmkugkb1rc] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-vmkugkb1rc] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/DRProcess/ProjectCreationList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-tvs6w1xosq] {
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-tvs6w1xosq]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-tvs6w1xosq] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold !important;
}

    [b-tvs6w1xosq] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-tvs6w1xosq] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-tvs6w1xosq] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-tvs6w1xosq] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: hidden;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}
/* /Pages/DRProcess/ViewDesignTrackingHistory.razor.rz.scp.css */
.timeline[b-wkbac854dv] {
    position: relative;
    list-style: none;
    padding-left: 1.5rem;
}

    .timeline[b-wkbac854dv]::before {
        content: "";
        position: absolute;
        left: 15px;
        top: 0;
        width: 2px;
        height: 100%;
        background-color: #dee2e6;
    }

.timeline-item[b-wkbac854dv] {
    position: relative;
}

.timeline-dot[b-wkbac854dv] {
    position: absolute;
    left: 7px;
    top: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 3px #fff;
}

.timeline-content[b-wkbac854dv] {
    margin-left: 3rem;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    background-color: #f8f9fa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
/* /Pages/Empanelment/EmpanelmentOfConsultantPrint.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-x83m3ppuf4] {
    overflow-y: hidden;
    overflow-x:hidden;
}

    .grid[b-x83m3ppuf4]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-x83m3ppuf4] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    outline: 1px solid gray;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-x83m3ppuf4] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-x83m3ppuf4] tr {
    height: 30px;
    font-size: 1rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-x83m3ppuf4] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/Empanelment/EmpanelmentOfConsultantsFinalSubmit.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-i2kthioorf] {
    overflow-y: auto;
}

    .grid[b-i2kthioorf]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-i2kthioorf] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-i2kthioorf] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-i2kthioorf] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }

    [b-i2kthioorf] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        outline: 1px solid gray;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-i2kthioorf] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-i2kthioorf] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/Empanelment/EmpanelmentOfConsultantsIsEmpanelment.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-37sndaq35x] {
    overflow-y: auto;
}

    .grid[b-37sndaq35x]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-37sndaq35x] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-37sndaq35x] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-37sndaq35x] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }

    [b-37sndaq35x] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        outline: 1px solid gray;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-37sndaq35x] tr {
    height: 30px;
    font-size: 0.9rem!important;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-37sndaq35x] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/Empanelment/EmpanelmentOfConsultantsList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-h39rcmej7d] {
    overflow-y: auto;
}

    .grid[b-h39rcmej7d]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-h39rcmej7d] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-h39rcmej7d] thead tr {
        position: sticky;
        top: 0;
        background-color: #d8d8d8;
        outline: 1px solid gray;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-h39rcmej7d] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-h39rcmej7d] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/Empanelment/EmpanelmentOfConsultantsPending.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-fq18d6orto] {
    overflow-y: auto;
}

    .grid[b-fq18d6orto]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-fq18d6orto] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-fq18d6orto] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-fq18d6orto] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
    [b-fq18d6orto] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        outline: 1px solid gray;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-fq18d6orto] tr {
    height: 30px;
    font-size: 0.9rem !important;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-fq18d6orto] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/Empanelment/ViewEmpanelmentOfConsultant.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-hyas8q4x63] {
    overflow-y: auto;
}

    .grid[b-hyas8q4x63]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-hyas8q4x63] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    outline: 1px solid gray;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-hyas8q4x63] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-hyas8q4x63] tr {
    height: 30px;
    font-size: 1rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-hyas8q4x63] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/Event/BrochureViewer.razor.rz.scp.css */
[b-y4kxgalpt3] #flipbook {
    width: 800px;
    height: 600px;
    margin: auto;
    background: #f0f0f0;
}

    [b-y4kxgalpt3] #flipbook .page {
        background: white;
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
    }

        [b-y4kxgalpt3] #flipbook .page canvas {
            width: 100%;
            height: 100%;
            display: block;
        }
/* /Pages/Event/Thumbnaillist.razor.rz.scp.css */
[b-zzfrtui4pa] .WMBSC {
    max-width: 400px;
}

[b-zzfrtui4pa] .slick-list {
    /*height: 200px;*/
}
/* /Pages/ExpatMgt/BankAccount.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-q0coxo3dan] {
    overflow-y: auto;
}

    .grid[b-q0coxo3dan]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-q0coxo3dan] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-q0coxo3dan] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-q0coxo3dan] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-q0coxo3dan] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/ExpatMgt/Document.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-ml2dzgekxu] {
    overflow-y: auto;
}

    .grid[b-ml2dzgekxu]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ml2dzgekxu] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-ml2dzgekxu] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-ml2dzgekxu] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-ml2dzgekxu] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/ExpatMgt/ExpatFamily.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-mmrfx60di6] {
    overflow-y: auto;
}

    .grid[b-mmrfx60di6]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-mmrfx60di6] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-mmrfx60di6] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-mmrfx60di6] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-mmrfx60di6] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/ExpatMgt/ExpatsList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-0d7hah1bwk] {
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-0d7hah1bwk]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-0d7hah1bwk] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold !important;
}
    [b-0d7hah1bwk] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-0d7hah1bwk] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-0d7hah1bwk] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-0d7hah1bwk] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: hidden;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}
/* /Pages/ExpatMgt/Fees.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-5n75mu2yh2] {
    overflow-y: auto;
}

    .grid[b-5n75mu2yh2]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-5n75mu2yh2] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-5n75mu2yh2] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-5n75mu2yh2] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-5n75mu2yh2] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/ExpatMgt/JobDetail.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-a8do3fh5og] {
    overflow-y: auto;
}

    .grid[b-a8do3fh5og]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-a8do3fh5og] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-a8do3fh5og] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-a8do3fh5og] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-a8do3fh5og] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/ExpatMgt/MedicalHistory.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-hxkd04qe81] {
    overflow-y: auto;
}

    .grid[b-hxkd04qe81]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-hxkd04qe81] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-hxkd04qe81] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-hxkd04qe81] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-hxkd04qe81] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/ExpatMgt/VisaHistory.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-cj452ym65l] {
    overflow-y: auto;
}

    .grid[b-cj452ym65l]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-cj452ym65l] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-cj452ym65l] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-cj452ym65l] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-cj452ym65l] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/FinTaxIssues/TaxReply.razor.rz.scp.css */
.chat-container[b-q3ioje1wsq] {
    display: flex;
    flex-direction: column;
    height: auto;
    max-width: 100%;
    max-height: 400px;
    overflow-y: auto;
    margin: 0 auto;
    border: 1px solid #FFA25E;
    border-radius: 8px;
    padding: 16px;
    background-color: #FFF3EB;
}

.message[b-q3ioje1wsq] {
    margin-bottom: 10px;
}

.message-header[b-q3ioje1wsq] {
    font-weight: bold;
    margin-bottom: 5px;
}

.sender-name[b-q3ioje1wsq] {
    color: #2c3e50;
}

.replied-by[b-q3ioje1wsq] {
    color: #ec7e2b;
    font-size: 0.9em;
    margin-left: 10px;
}

.message-body[b-q3ioje1wsq] {
    padding: 10px;
    border-radius: 5px;
    background-color: #FFD3B3;
}

.input-container[b-q3ioje1wsq] {
    display: flex;
    margin-top: 10px;
}

.input-box[b-q3ioje1wsq] {
    flex: 1;
    padding: 10px;
    border: 1px solid #bdc3c7;
    border-radius: 5px;
    margin-right: 10px;
}

.send-button[b-q3ioje1wsq] {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    background-color: #3498db;
    color: white;
    cursor: pointer;
}



    .send-button:hover[b-q3ioje1wsq] {
        background-color: #0056b3;
    }

.message-actions[b-q3ioje1wsq] {
    display: flex;
    justify-content: flex-end;
}

.reply-button[b-q3ioje1wsq] {
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    background-color: #3498db;
    color: white;
    cursor: pointer;
    font-size: 0.9em;
}

.replies[b-q3ioje1wsq] {
    margin-top: 10px;
    padding-left: 20px;
    border-left: 2px solid #ddd;
}

.reply[b-q3ioje1wsq] {
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.reply-header[b-q3ioje1wsq] {
    font-weight: bold;
}

reply-sender-name[b-q3ioje1wsq] {
    color: #2c3e50;
}

.reply-text[b-q3ioje1wsq] {
    margin-left: 10px;
}
/* /Pages/FinTaxIssues/TrackChange.razor.rz.scp.css */
@charset "UTF-8";

.wrapper[b-jf1z2fsy85] {
    width: auto;
    font-family: 'Helvetica';
    font-size: 14px;
    border: 1px solid #CCC;
}

.StepProgress[b-jf1z2fsy85] {
    position: relative;
    padding-left: 45px;
    list-style: none;
}

    .StepProgress[b-jf1z2fsy85]::before {
        display: inline-block;
        content: '';
        position: absolute;
        top: 0;
        left: 15px;
        width: 10px;
        height: 100%;
        border-left: 2px solid #CCC;
    }

.StepProgress-item[b-jf1z2fsy85] {
    position: relative;
    counter-increment: list;
}

    .StepProgress-item:not(:last-child)[b-jf1z2fsy85] {
        padding-bottom: 20px;
    }

    .StepProgress-item[b-jf1z2fsy85]::before {
        display: inline-block;
        content: '';
        position: absolute;
        left: -30px;
        height: 100%;
        width: 10px;
    }

    .StepProgress-item[b-jf1z2fsy85]::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 0;
        left: -37px;
        width: 24px;
        height: 24px;
        border: 2px solid #CCC;
        border-radius: 50%;
        background-color: #FFF;
    }

    .StepProgress-item.is-done[b-jf1z2fsy85]::before {
        border-left: 2px solid green;
    }

    .StepProgress-item.is-done[b-jf1z2fsy85]::after {
        content: "✔";
        font-size: 16px;
        color: #FFF;
        text-align: center;
        border: 2px solid green;
        background-color: green;
    }

    .StepProgress-item.current[b-jf1z2fsy85]::before {
        border-left: 2px solid green;
    }

    .StepProgress-item.current[b-jf1z2fsy85]::after {
        content: counter(list);
        padding-top: 1px;
        width: 19px;
        height: 18px;
        top: -4px;
        left: -40px;
        font-size: 14px;
        text-align: center;
        color: green;
        border: 2px solid green;
        background-color: white;
    }

.StepProgress strong[b-jf1z2fsy85] {
    display: block;
}

.StepProgress-item.is-pending[b-jf1z2fsy85]::before {
    border-left: 2px solid red;
}

.StepProgress-item.is-pending[b-jf1z2fsy85]::after {
    content: "✔";
    font-size: 16px;
    color: #FFF;
    text-align: center;
    border: 2px solid red;
    background-color: red;
}

.StepProgress-item.is-revision[b-jf1z2fsy85]::before {
    border-left: 2px solid yellow;
}

.StepProgress-item.is-revision[b-jf1z2fsy85]::after {
    content: "✔";
    font-size: 16px;
    color: #202124;
    text-align: center;
    border: 2px solid yellow;
    background-color: yellow;
}
/* /Pages/GHManagement/AddEditGHExpense.razor.rz.scp.css */
.txtcontrol[b-121bcu7476]{
    width:80px;

}
.table > thead[b-121bcu7476] {
    vertical-align: top;
    padding:5px;
    font-weight:bold;
    font-size:.85rem;
    background-color:#FFF0E5;
}
.table td[b-121bcu7476], .table th[b-121bcu7476] {
    padding:.05rem;
    vertical-align:middle;
}
/* /Pages/GHManagement/AddEditGuesthouse.razor.rz.scp.css */
/* /Pages/GHManagement/AddGuesthouseQRCodes.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-an7xlji20e] {
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-an7xlji20e]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-an7xlji20e] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5 !important;
    z-index: 1;
    font-weight: bold !important;
}
    [b-an7xlji20e] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-an7xlji20e] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-an7xlji20e] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-an7xlji20e] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: hidden;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}
/* /Pages/GHManagement/Bookinglist.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-q2vz5q5xbc] {
    
    overflow-y: auto;
}

    .grid[b-q2vz5q5xbc]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-q2vz5q5xbc] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-q2vz5q5xbc] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-q2vz5q5xbc] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
    [b-q2vz5q5xbc] thead tr {
        position: sticky;
        top: 0;
        border-bottom: 1px solid #ddd;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-q2vz5q5xbc] tr {
    height: 30px;
    font-size: .8rem;
    border-bottom: 1px solid #ddd;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-q2vz5q5xbc] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/GHManagement/BookingListAdmin.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-9ij6lzak85] {
    overflow-y: auto;
}

    .grid[b-9ij6lzak85]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-9ij6lzak85] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-9ij6lzak85] thead tr {
        position: sticky;
        top: 0;
        border-bottom: 1px solid #ddd;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-9ij6lzak85] tr {
    height: 30px;
    font-size: .8rem;
    border-bottom: 1px solid #ddd;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-9ij6lzak85] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/GHManagement/BookingListApproval.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-8wliavbpsf] {
   
    overflow-y: auto;
}

    .grid[b-8wliavbpsf]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-8wliavbpsf] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-8wliavbpsf] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-8wliavbpsf] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
    [b-8wliavbpsf] thead tr {
        position: sticky;
        top: 0;
        border-bottom: 1px solid #ddd;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-8wliavbpsf] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    border-bottom: 1px solid #ddd;
    white-space: normal !important;
}

[b-8wliavbpsf] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/GHManagement/Feedbacklist.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-f3wrr11390] {
    overflow-y: auto;
}

    .grid[b-f3wrr11390]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-f3wrr11390] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-f3wrr11390] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-f3wrr11390] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
    [b-f3wrr11390] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-f3wrr11390] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-f3wrr11390] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/GHManagement/GHFeedback.razor.rz.scp.css */

.container[b-ybgudtd7dw] {
    width: 600px;
}

.grid[b-ybgudtd7dw] {
    width: 100%;
    font: inherit;
    background-color: #FFF;
    border: solid 1px #525252;
}

    .grid td[b-ybgudtd7dw] {
        padding: 2px;
        border: solid 1px #C1C1C1;
        color: #333;
        text-align: center;
        text-transform: capitalize;
    }

    .grid th[b-ybgudtd7dw] {
        padding: 3px;
        color: #FFF;
        background: #424242;
        border-left: solid 1px #525252;
        text-align: center;
        text-transform: uppercase;
    }
/* /Pages/GHManagement/Guesthouselist.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-zoqhhcfntb] {
 
    overflow-y: auto;
}

    .grid[b-zoqhhcfntb]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-zoqhhcfntb] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-zoqhhcfntb] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-zoqhhcfntb] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-zoqhhcfntb] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-zoqhhcfntb] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}
/* /Pages/HiringDashboard/HiringDashboard.razor.rz.scp.css */
.visualContainerHost .visualContainerOutOfFocus[b-n5fiexq2ws] {
    width: 100%;
    height: 100% !important;
    background-color: #f2f0f0;
    margin-left: 0px;
    padding-left: 2px;
    background-color:#d8d8d8;

}

/*.displayArea {
    height: 367.2px;
    width: 1360px;
    left: 10px;
}
.backgroundContainer {
    background-color:#f2f0f0!important;
}*/
/* /Pages/HiringDashboard/HiringData.razor.rz.scp.css */



/* Fix height and enable scrolling */
.grid[b-5pcz24o2wd] {
    overflow-y: auto;
}

    .grid[b-5pcz24o2wd]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-5pcz24o2wd] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-5pcz24o2wd] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-5pcz24o2wd] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-5pcz24o2wd] tr {
    height: 30px;
    border-bottom:1px solid #ddd;
}

[b-5pcz24o2wd] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

table[b-5pcz24o2wd] {
    width: 100%;
}
/* /Pages/HiringDashboard/HiringMatrix.razor.rz.scp.css */
[b-k9nj5iez61] .table td, .table th[b-k9nj5iez61] {
    padding: 0.25rem!important;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
/* /Pages/InstanceIRMgmt/IRPMList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-e3oypxai0e] {
    overflow-y: auto;
}

    .grid[b-e3oypxai0e]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-e3oypxai0e] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-e3oypxai0e] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-e3oypxai0e] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-e3oypxai0e] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/IQMS/CategoryList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-ug1jtsthpy] {
    overflow-y: auto;
}

    .grid[b-ug1jtsthpy]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ug1jtsthpy] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-ug1jtsthpy] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-ug1jtsthpy] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }

    [b-ug1jtsthpy] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-ug1jtsthpy] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-ug1jtsthpy] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/IQMS/Checklist.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-b8dgf5mjev] {
    overflow-y: auto;
}

    .grid[b-b8dgf5mjev]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-b8dgf5mjev] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-b8dgf5mjev] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }
    [b-b8dgf5mjev] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-b8dgf5mjev] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-b8dgf5mjev] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-b8dgf5mjev] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/IQMS/ProjectCategorySchedules.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-52qrc3gvot] {
    overflow-y: auto;
}

    .grid[b-52qrc3gvot]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-52qrc3gvot] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-52qrc3gvot] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-52qrc3gvot] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }

    [b-52qrc3gvot] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-52qrc3gvot] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-52qrc3gvot] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/ManagementDasboard/BdDashboard.razor.rz.scp.css */
.visualContainerHost .visualContainerOutOfFocus[b-zfronejb6g] {
    width: 100%;
    height: 100% !important;
    background-color: #f2f0f0;
    margin-left: 0px;
    padding-left: 2px;
    background-color: #d8d8d8;
}
.fitToPage[b-zfronejb6g]{
    left:0!important;
}
/* /Pages/MOM/MomCategoryList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-w5uwu768eo] {
    overflow-y: auto;
}

    .grid[b-w5uwu768eo]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-w5uwu768eo] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-w5uwu768eo] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-w5uwu768eo] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-w5uwu768eo] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-w5uwu768eo] tbody td {
    /*white-space: nowrap;*/
    overflow: hidden;
    max-width: 0;
   /* text-overflow: ellipsis;*/
}

table[b-w5uwu768eo] {
    width: 100%;
}
/* /Pages/MOM/MOMList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-rx9yeyqlh2] {
    overflow-y: auto;
}

    .grid[b-rx9yeyqlh2]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-rx9yeyqlh2] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-rx9yeyqlh2] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-rx9yeyqlh2] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-rx9yeyqlh2] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}


[b-rx9yeyqlh2].quickgrid table {
    table-layout: fixed !important;
    width: 100%;
}

[b-rx9yeyqlh2].quickgrid th,
[b-rx9yeyqlh2].quickgrid td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-rx9yeyqlh2].quickgrid .filter-row input,
[b-rx9yeyqlh2].quickgrid .filter-row select {
    width: 100% !important;
    box-sizing: border-box;
}
/* /Pages/MyanPayslip/MyEmployeeMaster.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-wvd2sz202q] {
    overflow-y: auto;
}

    .grid[b-wvd2sz202q]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-wvd2sz202q] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-wvd2sz202q] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-wvd2sz202q] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-wvd2sz202q] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/MyanPayslip/MySalaryList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-8twkc9jidf] {
    overflow-y: auto;
}

    .grid[b-8twkc9jidf]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-8twkc9jidf] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-8twkc9jidf] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-8twkc9jidf] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-8twkc9jidf] tr {
    /* height: 30px;*/
    border-bottom: 0.5px solid silver;
}

[b-8twkc9jidf] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis;*/
}

table[b-8twkc9jidf] {
    width: 100%;
}
/* /Pages/Process/CreateDocProcess.razor.rz.scp.css */
.form-wrap.form-builder .btn-group > .btn:last-child:not(:first-child)[b-zot7ft4ja0] {
    display: none;
}

.form-wrap.form-builder .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle)[b-zot7ft4ja0] {
    display: none;
}

.form-wrap.form-builder .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle)[b-zot7ft4ja0] {
    display: none;
}

.dropdown-menu.show[b-zot7ft4ja0] {
    width: 330px;
}

.form-group.multiple-wrap[b-zot7ft4ja0] {
    display: none;
}

.form-group.access-wrap[b-zot7ft4ja0] {
    display: none;
}

.form-elements:hover[b-zot7ft4ja0] {
    overflow: visible;
    white-space: normal;
    height: auto; /* just added this line */
}
[b-zot7ft4ja0] .form-wrap.form-builder .form-actions {
    display: none!important;
}*/[b-zot7ft4ja0]
/* /Pages/Process/EditDocProcess.razor.rz.scp.css */
.form-wrap.form-builder .btn-group > .btn:last-child:not(:first-child)[b-l2xb67iwzj] {
    display: none;
}

.form-wrap.form-builder .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle)[b-l2xb67iwzj] {
    display: none;
}

.form-wrap.form-builder .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle)[b-l2xb67iwzj] {
    display: none;
}

.dropdown-menu.show[b-l2xb67iwzj] {
    width: 330px;
}

.form-group.multiple-wrap[b-l2xb67iwzj] {
    display: none;
}

.form-group.access-wrap[b-l2xb67iwzj] {
    display: none;
}

.form-elements:hover[b-l2xb67iwzj] {
    overflow: visible;
    white-space: normal;
    height: auto; /* just added this line */
}

[b-l2xb67iwzj] .form-wrap.form-builder .form-actions {
    display: none !important;
}

*/[b-l2xb67iwzj]
/* /Pages/Process/InitiateProcesses.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-54firxegwv] {
    overflow-y: auto;
}

    .grid[b-54firxegwv]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-54firxegwv] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-54firxegwv] thead tr {
        position: sticky;
        top: 0;
        background-color: #d8d8d8;
        outline: 1px solid gray;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-54firxegwv] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-54firxegwv] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/Process/ProcessList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-uat88g4xdo] {
    overflow-y: auto;
}

    .grid[b-uat88g4xdo]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-uat88g4xdo] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-uat88g4xdo] thead tr {
        position: sticky;
        top: 0;
        background-color: #d8d8d8;
        outline: 1px solid gray;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-uat88g4xdo] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-uat88g4xdo] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/ProjectCaseIssues/ProjectCaseIssueList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-1gbk3yhtl6] {
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-1gbk3yhtl6]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-1gbk3yhtl6] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-1gbk3yhtl6] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-1gbk3yhtl6] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-1gbk3yhtl6] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-1gbk3yhtl6] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: hidden;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}
/* /Pages/ProjectCredentials/CredentialList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-7cbhatutgb] {
    overflow-y: auto;
}

    .grid[b-7cbhatutgb]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-7cbhatutgb] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-7cbhatutgb] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-7cbhatutgb] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-7cbhatutgb] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/ProjectMobilization/ActivityLog.razor.rz.scp.css */

[b-hbouwv57mo].row-pending {
    background-color: rgba(255, 106, 0, 0.05);
    border-left: 4px solid #FF6A00;
}

.row-completed[b-hbouwv57mo] {
    background-color: rgba(40, 167, 69, 0.05);
    border-left: 4px solid #28a745;
}

    .row-pending td[b-hbouwv57mo],
    .row-completed td[b-hbouwv57mo] {
        vertical-align: middle;
    }

.custom-modal-backdrop[b-hbouwv57mo] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.custom-modal[b-hbouwv57mo] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    max-width: 700px;
    width: 90%;
    padding: 1rem;
    z-index: 1051;
    position: relative;
}

.badge[b-hbouwv57mo] {
    font-size: 0.85rem;
    padding: 0.4em 0.6em;
    border-radius: 0.5rem;
}

.bg-success-subtle[b-hbouwv57mo] {
    background-color: #d1e7dd !important;
}

.bg-danger-subtle[b-hbouwv57mo] {
    background-color: #f8d7da !important;
}

.bg-secondary-subtle[b-hbouwv57mo] {
    background-color: #e2e3e5 !important;
}

.table td[b-hbouwv57mo],
.table th[b-hbouwv57mo] {
    vertical-align: middle;
}

.modal-content textarea[b-hbouwv57mo] {
    resize: vertical;
}
.badge.text-danger[b-hbouwv57mo] {
    font-weight: 600;
}
/* /Pages/ProjectMobilization/ActivityLogH1.razor.rz.scp.css */

[b-47wwhsh1tm].row-pending {
    background-color: rgba(255, 106, 0, 0.05);
    border-left: 4px solid #FF6A00;
}

.row-completed[b-47wwhsh1tm] {
    background-color: rgba(40, 167, 69, 0.05);
    border-left: 4px solid #28a745;
}

    .row-pending td[b-47wwhsh1tm],
    .row-completed td[b-47wwhsh1tm] {
        vertical-align: middle;
    }

.custom-modal-backdrop[b-47wwhsh1tm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.custom-modal[b-47wwhsh1tm] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    max-width: 700px;
    width: 90%;
    padding: 1rem;
    z-index: 1051;
    position: relative;
}

.badge[b-47wwhsh1tm] {
    font-size: 0.85rem;
    padding: 0.4em 0.6em;
    border-radius: 0.5rem;
}

.bg-success-subtle[b-47wwhsh1tm] {
    background-color: #d1e7dd !important;
}

.bg-danger-subtle[b-47wwhsh1tm] {
    background-color: #f8d7da !important;
}

.bg-secondary-subtle[b-47wwhsh1tm] {
    background-color: #e2e3e5 !important;
}

.table td[b-47wwhsh1tm],
.table th[b-47wwhsh1tm] {
    vertical-align: middle;
}

.modal-content textarea[b-47wwhsh1tm] {
    resize: vertical;
}

.badge.text-danger[b-47wwhsh1tm] {
    font-weight: 600;
}
/* /Pages/ProjectMobilization/AdminActivityLog.razor.rz.scp.css */
/* Checklist Row Highlights */
.row-pending[b-qfzjcj91ya] {
    background-color: rgba(255, 106, 0, 0.05);
    border-left: 4px solid #FF6A00;
}

.row-completed[b-qfzjcj91ya] {
    background-color: rgba(40, 167, 69, 0.05);
    border-left: 4px solid #28a745;
}

    .row-pending td[b-qfzjcj91ya],
    .row-completed td[b-qfzjcj91ya] {
        vertical-align: middle;
    }

/* Compact Form Styling */
.compact-form .form-label[b-qfzjcj91ya] {
    font-size: 12px;
    margin-bottom: 2px;
    color: #6c757d;
    font-weight: 600;
}

.compact-form .form-control[b-qfzjcj91ya],
.compact-form .form-select[b-qfzjcj91ya] {
    font-size: 12px;
    padding: 4px 6px;
    min-height: 30px;
    line-height: 1.2;
    background-color: #f8f9fa;
    border: none;
    color: #212529;
}

.compact-form .col-md-3[b-qfzjcj91ya],
.compact-form .col-md-4[b-qfzjcj91ya] {
    padding-right: 8px;
    padding-left: 8px;
    margin-bottom: 0;
}

.compact-form .btn[b-qfzjcj91ya] {
    padding: 4px 12px;
    font-size: 13px;
    height: 32px;
    line-height: 1.2;
}

/* Timeline Step Section (if retained elsewhere) */
.timeline-section[b-qfzjcj91ya] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 8px;
    gap: 6px;
    flex-wrap: wrap;
}

.step[b-qfzjcj91ya] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 120px;
    padding: 2px;
}

    .step[b-qfzjcj91ya]::after {
        content: '';
        position: absolute;
        top: 12px;
        left: 50%;
        height: 2px;
        width: 100%;
        background-color: #ccc;
        z-index: 0;
    }

    .step:last-child[b-qfzjcj91ya]::after {
        display: none;
    }

    .step .circle[b-qfzjcj91ya] {
        z-index: 1;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background-color: #e9ecef;
        border: 2px solid #ccc;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        margin-bottom: 4px;
    }

    .step.active .circle[b-qfzjcj91ya] {
        background-color: #FF6A00;
        border-color: #FF6A00;
    }

.timeline-section .label[b-qfzjcj91ya] {
    font-size: 12px;
    line-height: 1.1;
    margin-top: 2px;
    text-align: center;
}

/* Utility */
.text-orange[b-qfzjcj91ya] {
    color: #FF6A00 !important;
}

/* Custom Button Theme */
.btn-warning[b-qfzjcj91ya] {
    background-color: #FF6A00;
    border-color: #FF6A00;
}

    .btn-warning:hover[b-qfzjcj91ya] {
        background-color: #e65c00;
        border-color: #e65c00;
    }

.progress-bar[b-qfzjcj91ya] {
    transition: width 0.6s ease;
}

/* Responsive Timeline */
@media (max-width: 768px) {
    .timeline-section[b-qfzjcj91ya] {
        flex-direction: column;
        align-items: flex-start;
    }

    .step[b-qfzjcj91ya] {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        padding: 4px 0;
    }

        .step .circle[b-qfzjcj91ya] {
            margin-right: 8px;
        }

    .timeline-section .label[b-qfzjcj91ya] {
        text-align: left;
    }
    .badge.text-danger[b-qfzjcj91ya] {
        font-weight: 600;
    }

}
/* /Pages/ProjectMobilization/AdminActivityLogH1.razor.rz.scp.css */
/* Checklist Row Highlights */
.row-pending[b-dx22tpdccv] {
    background-color: rgba(255, 106, 0, 0.05);
    border-left: 4px solid #FF6A00;
}

.row-completed[b-dx22tpdccv] {
    background-color: rgba(40, 167, 69, 0.05);
    border-left: 4px solid #28a745;
}

    .row-pending td[b-dx22tpdccv],
    .row-completed td[b-dx22tpdccv] {
        vertical-align: middle;
    }

/* Compact Form Styling */
.compact-form .form-label[b-dx22tpdccv] {
    font-size: 12px;
    margin-bottom: 2px;
    color: #6c757d;
    font-weight: 600;
}

.compact-form .form-control[b-dx22tpdccv],
.compact-form .form-select[b-dx22tpdccv] {
    font-size: 12px;
    padding: 4px 6px;
    min-height: 30px;
    line-height: 1.2;
    background-color: #f8f9fa;
    border: none;
    color: #212529;
}

.compact-form .col-md-3[b-dx22tpdccv],
.compact-form .col-md-4[b-dx22tpdccv] {
    padding-right: 8px;
    padding-left: 8px;
    margin-bottom: 0;
}

.compact-form .btn[b-dx22tpdccv] {
    padding: 4px 12px;
    font-size: 13px;
    height: 32px;
    line-height: 1.2;
}

/* Timeline Step Section (if retained elsewhere) */
.timeline-section[b-dx22tpdccv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 8px;
    gap: 6px;
    flex-wrap: wrap;
}

.step[b-dx22tpdccv] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 120px;
    padding: 2px;
}

    .step[b-dx22tpdccv]::after {
        content: '';
        position: absolute;
        top: 12px;
        left: 50%;
        height: 2px;
        width: 100%;
        background-color: #ccc;
        z-index: 0;
    }

    .step:last-child[b-dx22tpdccv]::after {
        display: none;
    }

    .step .circle[b-dx22tpdccv] {
        z-index: 1;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background-color: #e9ecef;
        border: 2px solid #ccc;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        margin-bottom: 4px;
    }

    .step.active .circle[b-dx22tpdccv] {
        background-color: #FF6A00;
        border-color: #FF6A00;
    }

.timeline-section .label[b-dx22tpdccv] {
    font-size: 12px;
    line-height: 1.1;
    margin-top: 2px;
    text-align: center;
}

/* Utility */
.text-orange[b-dx22tpdccv] {
    color: #FF6A00 !important;
}

/* Custom Button Theme */
.btn-warning[b-dx22tpdccv] {
    background-color: #FF6A00;
    border-color: #FF6A00;
}

    .btn-warning:hover[b-dx22tpdccv] {
        background-color: #e65c00;
        border-color: #e65c00;
    }

.progress-bar[b-dx22tpdccv] {
    transition: width 0.6s ease;
}

/* Responsive Timeline */
@media (max-width: 768px) {
    .timeline-section[b-dx22tpdccv] {
        flex-direction: column;
        align-items: flex-start;
    }

    .step[b-dx22tpdccv] {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        padding: 4px 0;
    }

        .step .circle[b-dx22tpdccv] {
            margin-right: 8px;
        }

    .timeline-section .label[b-dx22tpdccv] {
        text-align: left;
    }

    .badge.text-danger[b-dx22tpdccv] {
        font-weight: 600;
    }
}
/* /Pages/ProjectMobilization/ChecklistCommentModal.razor.rz.scp.css */

.timeline[b-9j3hbs96dz] {
    background-color: #ffffff;
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    max-height: 250px;
    overflow-y: auto;
    margin-bottom: 1rem;
}

.timeline-item[b-9j3hbs96dz] {
    border-left: 3px solid #0d6efd;
    padding-left: 14px;
    margin-bottom: 1rem;
    position: relative;
}

    .timeline-item[b-9j3hbs96dz]::before {
        content: '';
        position: absolute;
        left: -7px;
        top: 10px;
        width: 12px;
        height: 12px;
        background-color: #0d6efd;
        border-radius: 50%;
    }

textarea.form-control[b-9j3hbs96dz] {
    min-height: 90px;
    resize: vertical;
    padding: 0.75rem;
    font-size: 0.95rem;
    border-radius: 6px;
    width: 100%;
    border: 1px solid #ced4da;
    background-color: #fff;
}

.add-comment-label[b-9j3hbs96dz] {
    font-weight: 600;
    color: #343a40;
    margin-bottom: 0.5rem;
    display: block;
}
/* /Pages/ProjectMobilization/ChecklistCommentModalH1.razor.rz.scp.css */

.timeline[b-czc5af3cay] {
    background-color: #ffffff;
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    max-height: 250px;
    overflow-y: auto;
    margin-bottom: 1rem;
}

.timeline-item[b-czc5af3cay] {
    border-left: 3px solid #0d6efd;
    padding-left: 14px;
    margin-bottom: 1rem;
    position: relative;
}

    .timeline-item[b-czc5af3cay]::before {
        content: '';
        position: absolute;
        left: -7px;
        top: 10px;
        width: 12px;
        height: 12px;
        background-color: #0d6efd;
        border-radius: 50%;
    }

textarea.form-control[b-czc5af3cay] {
    min-height: 90px;
    resize: vertical;
    padding: 0.75rem;
    font-size: 0.95rem;
    border-radius: 6px;
    width: 100%;
    border: 1px solid #ced4da;
    background-color: #fff;
}

.add-comment-label[b-czc5af3cay] {
    font-weight: 600;
    color: #343a40;
    margin-bottom: 0.5rem;
    display: block;
}
/* /Pages/ProjectMobilization/OpportunityList.razor.rz.scp.css */
.quickgrid .table th[b-agd6np0btr],
.quickgrid .table td[b-agd6np0btr] {
    vertical-align: middle;
    white-space: nowrap;
}

.quickgrid .btn-group-sm > .btn[b-agd6np0btr] {
    padding: 0.25rem 0.5rem;
}

.quickgrid input.form-control-sm[b-agd6np0btr] {
    font-size: 0.875rem;
}
[b-agd6np0btr].blinking-dot {
    animation: blink-b-agd6np0btr 1s step-start infinite; /* 1s duration, instant steps, infinite repetition */
}

@keyframes blink-b-agd6np0btr {
    0% {
        opacity: 1; /* Fully visible */
    }

    50% {
        opacity: 0; /* Fully transparent */
    }

    100% {
        opacity: 1; /* Fully visible again */
    }
}

[b-agd6np0btr].dot {
    height: 10px;
    width: 10px;
    background-color: red;
    border-radius: 50%;
    margin-top: 13px;
    display: inline-block;
    vertical-align: middle;
}
/* /Pages/ProjectMobilization/PriorityProjectList.razor.rz.scp.css */
.grid-filter-operator-button[b-7i8r67ibgc] {
    display: none !important;
}
/* /Pages/ProjectMobilization/ProjectsList.razor.rz.scp.css */
.quickgrid .table th[b-9zxoca2964],
.quickgrid .table td[b-9zxoca2964] {
    vertical-align: middle;
    white-space: nowrap;
}

.quickgrid .btn-group-sm > .btn[b-9zxoca2964] {
    padding: 0.25rem 0.5rem;
}

.quickgrid input.form-control-sm[b-9zxoca2964] {
    font-size: 0.875rem;
}

[b-9zxoca2964].blinking-dot {
    animation: blink-b-9zxoca2964 1s step-start infinite; /* 1s duration, instant steps, infinite repetition */
}

 @keyframes blink-b-9zxoca2964 {
    0% {
        opacity: 1; /* Fully visible */
    }

    50% {
        opacity: 0; /* Fully transparent */
    }

    100% {
        opacity: 1; /* Fully visible again */
    }
}

[b-9zxoca2964].dot {
    height: 10px;
    width: 10px;
    background-color: red;
    border-radius: 50%;
    margin-top:13px;
    display: inline-block;
    vertical-align:middle;
}
/* /Pages/ProjectMobilization/UpdateChecklist.razor.rz.scp.css */



.custom-modal-backdrop[b-1y8pt39vs6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.custom-modal[b-1y8pt39vs6] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    max-width: 700px;
    width: 90%;
    padding: 1rem;
    z-index: 1051;
    position: relative;
}

html[b-1y8pt39vs6], body[b-1y8pt39vs6], .main[b-1y8pt39vs6] {
    height: 100%;
}

.checklist-card:hover[b-1y8pt39vs6] {
    box-shadow: 0 0 0 2px rgba(0,123,255,0.2);
}

.form-label[b-1y8pt39vs6] {
    font-size: 0.9rem;
}

textarea.form-control[b-1y8pt39vs6] {
    resize: none;
}

input[type="file"][b-1y8pt39vs6] {
    font-size: 0.85rem;
}

.timeline-item[b-1y8pt39vs6] {
    border-left: 3px solid #0d6efd;
    padding-left: 1rem;
    margin-left: 0.5rem;
}
/* /Pages/ProjectMobilization/UpdateChecklistH1.razor.rz.scp.css */



.custom-modal-backdrop[b-nnq00st0up] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.custom-modal[b-nnq00st0up] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    max-width: 700px;
    width: 90%;
    padding: 1rem;
    z-index: 1051;
    position: relative;
}

html[b-nnq00st0up], body[b-nnq00st0up], .main[b-nnq00st0up] {
    height: 100%;
}

.checklist-card:hover[b-nnq00st0up] {
    box-shadow: 0 0 0 2px rgba(0,123,255,0.2);
}

.form-label[b-nnq00st0up] {
    font-size: 0.9rem;
}

textarea.form-control[b-nnq00st0up] {
    resize: none;
}

input[type="file"][b-nnq00st0up] {
    font-size: 0.85rem;
}

.timeline-item[b-nnq00st0up] {
    border-left: 3px solid #0d6efd;
    padding-left: 1rem;
    margin-left: 0.5rem;
}
/* /Pages/ProjectMobilization/UserDashboard.razor.rz.scp.css */
/* ========== Visibility Utility ========== */
.d-none[b-j43gjkz27q] {
    display: none !important;
}

/* ========== Table Sorting Arrows ========== */
th[data-sort-direction="Ascending"][b-j43gjkz27q]::after {
    content: " 🔼";
    font-size: 0.75rem;
    margin-left: 4px;
}

th[data-sort-direction="Descending"][b-j43gjkz27q]::after {
    content: " 🔽";
    font-size: 0.75rem;
    margin-left: 4px;
}

th[data-sort-direction="None"][b-j43gjkz27q]::after,
th:not([data-sort-direction])[b-j43gjkz27q]::after {
    content: " ↕";
    font-size: 0.75rem;
    margin-left: 4px;
    color: #ccc;
}

/* ========== Sticky Headers ========== */
.sticky-header th[b-j43gjkz27q],
.quickgrid thead th[b-j43gjkz27q],
.sticky-header-grid thead[b-j43gjkz27q] {
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    z-index: 2;
}

/* ========== Table Layout Fix ========== */
.table-fixed[b-j43gjkz27q] {
    table-layout: fixed;
    width: 100%;
}

/* ========== Badge Style ========== */
.badge-status[b-j43gjkz27q] {
    font-size: 0.8rem;
    padding: 5px 10px;
    border-radius: 12px;
    font-weight: 500;
    white-space: nowrap;
}

/* ========== Summary Card Styles ========== */
.summary-card[b-j43gjkz27q] {
    border-radius: 12px;
    padding: 1.2rem;
    color: white;
    text-align: center;
    font-size: 1.2rem;
}

/* ========== Dashboard Card Styles ========== */
.dashboard-summary-card[b-j43gjkz27q] {
    padding: 0.5rem 0.75rem;
    min-height: 70px;
}

    .dashboard-summary-card .fw-bold[b-j43gjkz27q] {
        font-size: 1rem;
    }

    .dashboard-summary-card .small[b-j43gjkz27q] {
        font-size: 0.8rem;
    }

/* ========== Icon Style ========== */
.summary-icon[b-j43gjkz27q] {
    font-size: 1.5rem;
    display: block;
    margin-bottom: 0.25rem;
}

/* ========== Table Alignment ========== */
.table th[b-j43gjkz27q],
.table td[b-j43gjkz27q] {
    vertical-align: middle;
}

/* ========== Progress Bar Style ========== */
.progress-bar[b-j43gjkz27q] {
    height: 10px;
    border-radius: 10px;
}

/* ========== Scroll Container for Recent Activities ========== */
.recent-activities-table[b-j43gjkz27q] {
    max-height: 350px;
    overflow-y: auto;
}
/* /Pages/R&R/ManageTimeline.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-h1ts1x7cog] {
    overflow-y: auto;
}

    .grid[b-h1ts1x7cog]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-h1ts1x7cog] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-h1ts1x7cog] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-h1ts1x7cog] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-h1ts1x7cog] tr {
    /* height: 30px;*/
    border-bottom: 0.5px solid silver;
}

[b-h1ts1x7cog] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis;*/
}

table[b-h1ts1x7cog] {
    width: 100%;
}
/* /Pages/R&R/NominationList.razor.rz.scp.css */
[b-xjbscke55s].container {
    display: flex;
    flex-wrap: wrap;
    flex-direction:column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px; /* Adjust spacing */
}

[b-xjbscke55s].item {
    flex: 1; /* Makes items equally spaced */
    min-width: 200px; /* Ensures proper width */
}
/* /Pages/R&R/RWManageUser.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-nwgwcura3v] {
    overflow-y: auto;
}

    .grid[b-nwgwcura3v]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-nwgwcura3v] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-nwgwcura3v] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-nwgwcura3v] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-nwgwcura3v] tr {
    /* height: 30px;*/
    border-bottom: 0.5px solid silver;
}

[b-nwgwcura3v] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis;*/
}

table[b-nwgwcura3v] {
    width: 100%;
}
/* /Pages/Report/EmailRouteReport.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-tnjjms6hvm] {
    overflow-y: auto;
}

    .grid[b-tnjjms6hvm]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-tnjjms6hvm] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-tnjjms6hvm] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-tnjjms6hvm] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-tnjjms6hvm] tr {
    /* height: 30px;*/
    border-bottom: 0.5px solid silver;
}

[b-tnjjms6hvm] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis;*/
}

table[b-tnjjms6hvm] {
    width: 100%;
}
/* /Pages/Report/ModuleTrackingReport.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-xn7eyslw03] {
    overflow-y: auto;
}

    .grid[b-xn7eyslw03]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-xn7eyslw03] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-xn7eyslw03] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-xn7eyslw03] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-xn7eyslw03] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-xn7eyslw03] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}

table[b-xn7eyslw03] {
    width: 100%;
}
/* /Pages/Report/TimeSheetAttendencesReport.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-l1temkb55r] {
    overflow-y: auto;
}

    .grid[b-l1temkb55r]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-l1temkb55r] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-l1temkb55r] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-l1temkb55r] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-l1temkb55r] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-l1temkb55r] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}

table[b-l1temkb55r] {
    width: 100%;
}
/* /Pages/RFQ/RfqAddVendor.razor.rz.scp.css */
.modal-dialog[b-uzosutx5aj] {
    max-width: 500px !important; /* Make sure the width is 700px */
}
.upload-container[b-uzosutx5aj] {
    width: 250px;
    height: 250px;
    border: 2px dashed #007bff;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    background-color: var(--background-color, #f8f9fa);
    transition: background-color 0.3s ease;
}

    .upload-container:hover[b-uzosutx5aj] {
        background-color: #e9ecef;
    }

.upload-icon[b-uzosutx5aj] {
    font-size: 48px;
    color: #007bff;
}

.upload-text[b-uzosutx5aj] {
    position: absolute;
    bottom: 20px;
    font-size: 16px;
    color: #6c757d;
}
/* Fix height and enable scrolling */
.grid[b-uzosutx5aj] {
    overflow-y: auto;
}

    .grid[b-uzosutx5aj]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-uzosutx5aj] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-uzosutx5aj] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-uzosutx5aj] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-uzosutx5aj] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-uzosutx5aj] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}

table[b-uzosutx5aj] {
    width: 100%;
}
search-container[b-uzosutx5aj] {
    position: relative;
    width: 100%;
    max-width: 400px;
}

.search-input[b-uzosutx5aj] {
    width: 100%;
    padding: 10px 40px 10px 10px; /* Space for the icon */
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 20px;
}

.search-icon[b-uzosutx5aj] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #aaa;
}
/* /Pages/RFQ/RfqDetails.razor.rz.scp.css */
.upload-container[b-ifazxtvoxb] {
    width: 250px;
    height: 250px;
    border: 2px dashed #007bff;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    background-color: var(--background-color, #f8f9fa);
    transition: background-color 0.3s ease;
}

    .upload-container:hover[b-ifazxtvoxb] {
        background-color: #e9ecef;
    }

.upload-icon[b-ifazxtvoxb] {
    font-size: 48px;
    color: #007bff;
}

.upload-text[b-ifazxtvoxb] {
    position: absolute;
    bottom: 20px;
    font-size: 16px;
    color: #6c757d;
}
/* Fix height and enable scrolling */
.grid[b-ifazxtvoxb] {
    overflow-y: auto;
}

    .grid[b-ifazxtvoxb]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ifazxtvoxb] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-ifazxtvoxb] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-ifazxtvoxb] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-ifazxtvoxb] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-ifazxtvoxb] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}

table[b-ifazxtvoxb] {
    width: 100%;
}
.modal-dialog[b-ifazxtvoxb] {
    max-width: 500px !important; /* Make sure the width is 700px */
}
/* /Pages/RFQ/RfqListPage.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-gvyogdl43z] {
    overflow-y: auto;
}

    .grid[b-gvyogdl43z]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-gvyogdl43z] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-gvyogdl43z] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-gvyogdl43z] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-gvyogdl43z] tr {
    /* height: 30px;*/
    border-bottom: 0.5px solid silver;
}

[b-gvyogdl43z] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis;*/
}

table[b-gvyogdl43z] {
    width: 100%;
}
/* /Pages/RHealth/HealthPowerBI.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-ocs6juht1w] {
    overflow-y: auto;
}

    .grid[b-ocs6juht1w]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ocs6juht1w] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-ocs6juht1w] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-ocs6juht1w] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-ocs6juht1w] tr {
    /* height: 30px;*/
    border-bottom: 0.5px solid silver;
}

[b-ocs6juht1w] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis;*/
}

table[b-ocs6juht1w] {
    width: 100%;
}
/* /Pages/RHealth/HealthRecordList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-xd5ct22su3] {
    overflow-y: auto;
}

    .grid[b-xd5ct22su3]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-xd5ct22su3] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-xd5ct22su3] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-xd5ct22su3] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-xd5ct22su3] tr {
    /* height: 30px;*/
    border-bottom: 0.5px solid silver;
}

[b-xd5ct22su3] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis;*/
}

table[b-xd5ct22su3] {
    width: 100%;
}
/* /Pages/RHealth/HealthReportList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-z4ml9n9yd0] {
    overflow-y: auto;
}

    .grid[b-z4ml9n9yd0]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-z4ml9n9yd0] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-z4ml9n9yd0] thead tr {
        position: sticky;
        top: 0;
        background-color: #d8d8d8;
        outline: 1px solid gray;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-z4ml9n9yd0] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-z4ml9n9yd0] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/RHealth/ViewHealthDetail.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-ar2a6z1vp5] {
    overflow-y: auto;
}

    .grid[b-ar2a6z1vp5]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ar2a6z1vp5] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-ar2a6z1vp5] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-ar2a6z1vp5] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-ar2a6z1vp5] tr {
    /* height: 30px;*/
    border-bottom: 0.5px solid silver;
}

[b-ar2a6z1vp5] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis;*/
}

table[b-ar2a6z1vp5] {
    width: 100%;
}
/* /Pages/RodicEye/REyeList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-ofepr4luws] {
    overflow-y: auto;
}

    .grid[b-ofepr4luws]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ofepr4luws] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5 !important;
    z-index: 1;
}
    [b-ofepr4luws] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-ofepr4luws] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
    [b-ofepr4luws] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5 !important;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-ofepr4luws] tr {
    height: 30px;
    font-size: 0.85rem !important;
    text-overflow: inherit;
    border-bottom: 1px solid #ddd;
    white-space: normal !important;
}

[b-ofepr4luws] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/RodicEye/REyeReport.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-wpr2cn9gnc] {
    overflow-y: auto;
}

    .grid[b-wpr2cn9gnc]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-wpr2cn9gnc] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5 !important;
    z-index: 1;
}
    [b-wpr2cn9gnc] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-wpr2cn9gnc] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
    [b-wpr2cn9gnc] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5 !important;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-wpr2cn9gnc] tr {
    height: 30px;
    font-size: 0.85rem !important;
    text-overflow: inherit;
    border-bottom:1px solid #ddd;
    white-space: normal !important;
}

[b-wpr2cn9gnc] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/RodicEye/RodicEyeFinDataRCVUploadedList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-eu50lpncjl] {
    overflow-y: auto;
}

    .grid[b-eu50lpncjl]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-eu50lpncjl] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-eu50lpncjl] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-eu50lpncjl] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-eu50lpncjl] tr {
    /* height: 30px;*/
    border-bottom: 0.5px solid silver;
}

[b-eu50lpncjl] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis;*/
}

table[b-eu50lpncjl] {
    width: 100%;
}
/* /Pages/RodicEye/RodicEyeFinDataUploadedList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-s6jflion2t] {
    overflow-y: auto;
}

    .grid[b-s6jflion2t]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-s6jflion2t] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-s6jflion2t] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-s6jflion2t] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-s6jflion2t] tr {
    /* height: 30px;*/
    border-bottom: 0.5px solid silver;
}

[b-s6jflion2t] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis;*/
}

table[b-s6jflion2t] {
    width: 100%;
}
/* /Pages/RodicEye/RodicEyeFinDataWOPUploadedList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-aee1xk2elt] {
    overflow-y: auto;
}

    .grid[b-aee1xk2elt]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-aee1xk2elt] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-aee1xk2elt] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-aee1xk2elt] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-aee1xk2elt] tr {
    /* height: 30px;*/
    border-bottom: 0.5px solid silver;
}

[b-aee1xk2elt] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis;*/
}

table[b-aee1xk2elt] {
    width: 100%;
}
/* /Pages/RodicEye/RodicEyeRatingSummary.razor.rz.scp.css */
[b-musne03mku].card-body {
    flex: 1 1 auto;
    margin-top: 0.0rem !important;
    border-radius: 0.0rem !important;
    padding: 0rem !important;
    font-size: 0.80rem!important;
}
[b-musne03mku].row {
    align-items: start !important;
}



/* Float four columns side by side */
[b-musne03mku].column100 {
    float: left;
    width: 100%;
    padding: 0 0px;
}

[b-musne03mku].column {
    float: left;
    width: 25%;
    padding: 0 0px;
}

[b-musne03mku].column20 {
    float: left;
    width: 20%;
    padding: 0 0px;
}

[b-musne03mku].column25 {
    float: left;
    width: 25%;
    padding: 0 0px;
}

[b-musne03mku].column2 {
    float: left;
    width: 50%;
    padding: 0 0px;
}
/* Remove extra left and right margins, due to padding */
[b-musne03mku].row {
    margin: 0 -5px;
}

    /* Clear floats after the columns */
    .row[b-musne03mku]:after {
        content: "";
        display: table;
        clear: both;
    }

/* Responsive columns */
@media screen and (max-width: 600px) {
    .column100[b-musne03mku] {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 600px) {
    .column20[b-musne03mku] {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 600px) {
    .column25[b-musne03mku] {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 600px) {
    .column[b-musne03mku] {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 600px) {
    .column2[b-musne03mku] {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
}

/* Style the counter cards */
/* .card {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
            padding: 16px;
            text-align: center;
            background-color: #f1f1f1;
            margin-right: 15px;
            margin-bottom: 15px;
        }*/

[b-musne03mku].card1 {
    padding: 16px;
    text-align: center;
    background-color: #FFE2E5; /*#CCCCFF*/;
    border-radius: 12px; /*Added Commented By Rohan Bhagat For Making The Dashboard Cards Smoother*/
    margin-right: 15px;
    margin-bottom: 15px;
    color: #202124;
}

[b-musne03mku].card2 {
    padding: 1rem;
    text-align: center;
    background-color: #FFF4DE; /*#9AFEFF*/;
    border-radius: 12px; /*Added Commented By Rohan Bhagat For Making The Dashboard Cards Smoother*/
    margin-right: 15px;
    margin-bottom: 15px;
    color: #202124;
}

[b-musne03mku].card3 {
    padding: 1rem;
    text-align: center;
    background-color: #DCFCE7; /*#AAF0D1*/;
    border-radius: 12px; /*Added Commented By Rohan Bhagat For Making The Dashboard Cards Smoother*/
    margin-right: 15px;
    margin-bottom: 15px;
    color: #202124;
}

[b-musne03mku].card4 {
    padding: 16px;
    text-align: center;
    border-radius: 12px; /*Added Commented By Rohan Bhagat For Making The Dashboard Cards Smoother*/
    background-color: #F3E8FF; /*#C3FDB8*/;
    margin-right: 15px;
    margin-bottom: 15px;
    color: #202124;
}

[b-musne03mku].card5 {
    padding: 16px;
    text-align: center;
    background-color: #C4E3FF; /*#FFE6E8*/;
    border-radius: 12px; /*Added Commented By Rohan Bhagat For Making The Dashboard Cards Smoother*/
    margin-right: 15px;
    margin-bottom: 15px;
    color: #202124;
}

[b-musne03mku].shining-star {
    font-size: 18px;
    color: gold;
    text-shadow: 0 0 5px gold, 0 0 10px orange, 0 0 15px red;
    animation: shine-b-musne03mku 1.5s infinite alternate;
}

@keyframes shine-b-musne03mku {
    0% {
        text-shadow: 0 0 5px gold, 0 0 10px orange, 0 0 15px red;
    }

    100% {
        text-shadow: 0 0 10px yellow, 0 0 20px orange, 0 0 30px red;
    }
}
/* /Pages/RodicPromo/PromoWallet.razor.rz.scp.css */
.wallet-card[b-upap1b4khp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #f9a825, #f57c00);
    color: white;
    border-radius: 15px;
    padding: 20px 25px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    margin-bottom: 20px;
}

.wallet-left[b-upap1b4khp] {
    display: flex;
    align-items: center;
}

.wallet-img[b-upap1b4khp] {
    width: 50px;
    height: 50px;
    margin-right: 15px;
}

.wallet-info h4[b-upap1b4khp] {
    margin: 0;
    font-weight: bold;
}

.wallet-info p[b-upap1b4khp] {
    margin: 0;
    font-size: 14px;
}

.redeem-btn[b-upap1b4khp] {
    background: white;
    color: #f57c00;
    border: none;
    padding: 10px 20px;
    border-radius: 25px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s ease;
}

    .redeem-btn:hover[b-upap1b4khp] {
        background: #ffe0b2;
    }
/* /Pages/RodicPromo/Redeem.razor.rz.scp.css */
/* Container */
[b-4j7kx46ynj].rewards-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    padding: 1rem;
}

/* Reward Card */
[b-4j7kx46ynj].reward-card {
    background: linear-gradient(135deg, #B3EEF2, #ffffff);
    border-radius: 16px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    /* Hover effect */
    [b-4j7kx46ynj] .reward-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
    }

    /* Card Title */
    [b-4j7kx46ynj] .reward-card h3 {
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
        color: #2c3e50;
    }

    /* Description */
    [b-4j7kx46ynj].reward-card p {
        font-size: 0.95rem;
        color: #555;
        margin-bottom: 1rem;
    }

/* Info Section */
[b-4j7kx46ynj].reward-info {
    margin-bottom: 1rem;
}

    [b-4j7kx46ynj].reward-info span {
        display: block;
        font-size: 0.9rem;
        margin: 2px 0;
    }

/* Redeem Button */
[b-4j7kx46ynj].redeem-btn {
    padding: 0.6rem 1.2rem;
    border: none;
    border-radius: 12px;
    font-weight: bold;
    cursor: pointer;
    background: linear-gradient(135deg, #FCDA53, rgba(0, 0, 0, 0.1));
    color: white;
    transition: background 0.3s ease;
}

    [b-4j7kx46ynj].redeem-btn:hover:not(:disabled) {
        background: linear-gradient(135deg, #ffd800, rgba(0, 0, 0, 0.1));
    }

    [b-4j7kx46ynj].redeem-btn:disabled {
        background: #ccc;
        cursor: not-allowed;
    }
/* /Pages/Settings/DivisionMasterD.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-zad4cfmq7g] {
    overflow-y: auto;
}

    .grid[b-zad4cfmq7g]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-zad4cfmq7g] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-zad4cfmq7g] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }
    [b-zad4cfmq7g] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-zad4cfmq7g] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-zad4cfmq7g] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-zad4cfmq7g] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/Settings/EmployeeList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-am3xx9e1ta] {
  
    overflow-y: auto;
}

    .grid[b-am3xx9e1ta]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-am3xx9e1ta] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-am3xx9e1ta] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }
    [b-am3xx9e1ta] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-am3xx9e1ta] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }

/**/
/* For virtualized grids, it's essential that all rows have the same known height */
[b-am3xx9e1ta] tr {
    height: 30px;
    font-size: .85rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-am3xx9e1ta] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}

/* /Pages/Settings/EmpProjectMapping.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-yhgskv2h6y] {
    overflow-y: auto;
}

    .grid[b-yhgskv2h6y]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-yhgskv2h6y] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-yhgskv2h6y] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }
    [b-yhgskv2h6y] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-yhgskv2h6y] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-yhgskv2h6y] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-yhgskv2h6y] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/Settings/ProjectMasterP.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-827trysngw] {
    overflow-y: auto;
}

    .grid[b-827trysngw]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-827trysngw] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-827trysngw] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }
    [b-827trysngw] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-827trysngw] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-827trysngw] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-827trysngw] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/Settings/RodicDivisionMasterD.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-8yy47fyvhw] {
    overflow-y: auto;
}

    .grid[b-8yy47fyvhw]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-8yy47fyvhw] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-8yy47fyvhw] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

    [b-8yy47fyvhw] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-8yy47fyvhw] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-8yy47fyvhw] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-8yy47fyvhw] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/SkillMgt/AddEditSkill.razor.rz.scp.css */
/* Card Header */
.card-header-custom[b-ed1ushpu7v] {
    background: linear-gradient(135deg, #cb3e00, #ff7f50);
    color: white;
    padding: 1.2rem 1.5rem;
    border-radius: 12px 12px 0 0;
    font-weight: 600;
    font-size: 1.25rem;
    letter-spacing: 0.5px;
}

/* Section Titles */
.section-title[b-ed1ushpu7v] {
    font-weight: bold;
    font-size: 1.1rem;
    color: #b33a00;
    margin-bottom: 0.75rem;
}

/* Form Section */
.form-section[b-ed1ushpu7v] {
    background: #ffffff;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    margin-bottom: 2rem;
}

/* Inputs and Dropdowns */
.form-control[b-ed1ushpu7v],
.form-select[b-ed1ushpu7v] {
    border-radius: 10px;
    padding: 0.6rem;
    font-size: 0.95rem;
}

/* Buttons */
.btn-submit[b-ed1ushpu7v] {
    background: #6f1d7a;
    color: white;
    font-weight: 600;
    border-radius: 10px;
    padding: 0.5rem 1.2rem;
    border: none;
}

.btn-cancel[b-ed1ushpu7v] {
    background: #d3a1d9;
    color: white;
    font-weight: 600;
    border-radius: 10px;
    padding: 0.5rem 1.2rem;
    border: none;
}

/* Table */
.skill-table th[b-ed1ushpu7v],
.skill-table td[b-ed1ushpu7v] {
    text-align: center;
    vertical-align: middle;
    padding: 0.75rem;
}

.skill-table thead[b-ed1ushpu7v] {
    background: #f4f4f4;
    font-weight: 600;
    color: #444;
}

.skill-table tbody tr[b-ed1ushpu7v] {
    border-bottom: 1px solid #e4e4e4;
}

/* Edit/Delete Buttons */
.btn-edit[b-ed1ushpu7v] {
    background: #ff9800;
    color: white;
    font-weight: bold;
    padding: 0.3rem 0.8rem;
    border-radius: 8px;
    border: none;
}

.btn-delete[b-ed1ushpu7v] {
    background: #e53935;
    color: white;
    font-weight: bold;
    padding: 0.3rem 0.8rem;
    border-radius: 8px;
    border: none;
}

/* Responsive Design */
@media (max-width: 768px) {
    .form-section[b-ed1ushpu7v] {
        padding: 1rem;
    }

    .card-header-custom[b-ed1ushpu7v] {
        font-size: 1rem;
    }
}
/* /Pages/SkillMgt/SkillAISearch.razor.rz.scp.css */
body[b-rhwqk5smq5] {
}
/* /Pages/SupplierHub/invoiceList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-rd4pg64iam] {
    overflow-y: auto;
}

    .grid[b-rd4pg64iam]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-rd4pg64iam] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-rd4pg64iam] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }
    [b-rd4pg64iam] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-rd4pg64iam] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-rd4pg64iam] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-rd4pg64iam] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/SupplierHub/SupVendorReportingMaster.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-3bph3eaqd2] {
    overflow-y: auto;
}

    .grid[b-3bph3eaqd2]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-3bph3eaqd2] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-3bph3eaqd2] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-3bph3eaqd2] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }

    [b-3bph3eaqd2] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        outline: 1px solid gray;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-3bph3eaqd2] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-3bph3eaqd2] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/SupplierHub/SupVendorWorkOrdersList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-5qcrpgm5fl] {
    overflow-y: auto;
}

    .grid[b-5qcrpgm5fl]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-5qcrpgm5fl] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-5qcrpgm5fl] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-5qcrpgm5fl] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
    [b-5qcrpgm5fl] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        outline: 1px solid gray;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-5qcrpgm5fl] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-5qcrpgm5fl] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/SupplierHub/VendorList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-a6y37dijdj] {
    overflow-y: auto;
}

    .grid[b-a6y37dijdj]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-a6y37dijdj] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-a6y37dijdj] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-a6y37dijdj] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-a6y37dijdj] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-a6y37dijdj] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}

table[b-a6y37dijdj] {
    width: 100%;
}
/* /Pages/SupplierHub/VendorRegistration.razor.rz.scp.css */
.nav-tabs > li > a[b-5jd0tnn4lz] {
    
}
/* Fix height and enable scrolling */
.grid[b-5jd0tnn4lz] {
    overflow-y: auto;
}

    .grid[b-5jd0tnn4lz]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-5jd0tnn4lz] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    outline: 1px solid gray;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-5jd0tnn4lz] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        outline: 1px solid gray;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-5jd0tnn4lz] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-5jd0tnn4lz] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/SupplierHub/VendorReview.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-y5i5glxj3a] {
    overflow-y: auto;
}

    .grid[b-y5i5glxj3a]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-y5i5glxj3a] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
    font-weight: normal;
    text-overflow: inherit;
    white-space: nowrap;
}

    [b-y5i5glxj3a] thead tr {
        position: sticky;
        top: 0;
        background-color: #d8d8d8;
        outline: 1px solid gray;
        z-index: 1;
        font-weight: normal;
        text-overflow: inherit;
        white-space: normal !important;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-y5i5glxj3a] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-y5i5glxj3a] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/TaskPlanner/AssignedByYouNew.razor.rz.scp.css */
[b-cr4vhtmmzu].task-table th {
    background-color: #202124 !important;
    color: white;
}

[b-cr4vhtmmzu].task-table td {
    vertical-align: middle;
}

[b-cr4vhtmmzu].overdue-row {
    background-color: #ffdddd !important;
}

[b-cr4vhtmmzu].history-row td {
    background-color: #f7f7f7 !important;
    padding: 0.8rem;
}
/* Red - Overdue */
[b-cr4vhtmmzu].row-red {
    background-color: #ffe5e5 !important;
}

/* Yellow - Assigned but not overdue */
[b-cr4vhtmmzu].row-yellow {
    background-color: #fff8d6 !important;
}

/* Blue - Submitted */
[b-cr4vhtmmzu].row-blue {
    background-color: #e8f1ff !important;
}

/* Green - Completed */
[b-cr4vhtmmzu].row-green {
    background-color: #e6ffea !important;
}
[b-cr4vhtmmzu].task-wrapper {
    margin-top: 10px;
}

/* Header */
[b-cr4vhtmmzu].task-main-table thead th {
    background-color: #fee9d4;
    color: #000;
    font-weight: 600;
}

/* Rows */
[b-cr4vhtmmzu].task-row {
    background: #f9f9f9;
    cursor: pointer;
}

    .task-row:hover[b-cr4vhtmmzu] {
        background: #f1f1f1;
    }

/* Highlight overdue */
[b-cr4vhtmmzu].overdue-highlight {
    background-color: #ffe2e2 !important;
}

/* Expand box */
[b-cr4vhtmmzu].expand-row.expand-hidden {
    display: none;
}

[b-cr4vhtmmzu].expand-row.expand-visible {
    display: table-row;
}

[b-cr4vhtmmzu].expand-box {
    background: #ffffff;
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #f4d7be;
}

[b-cr4vhtmmzu].expand-header {
    background: #fee9d4;
    padding: 10px;
    border-radius: 6px;
    font-weight: 600;
}

/* Button styles */
[b-cr4vhtmmzu].btn-reassign {
    background: #ff9500;
    color: #fff;
    border: 0;
    padding: 4px 10px;
    border-radius: 20px;
}

[b-cr4vhtmmzu].btn-details {
    border: 1px solid #ff9500;
    color: #ff9500;
    padding: 3px 10px;
    border-radius: 6px;
    background: #fff;
}

[b-cr4vhtmmzu].btn-icon {
    border: 0;
    background: #fef0e6;
    border-radius: 6px;
    padding: 4px 6px;
}

[b-cr4vhtmmzu].btn-doc {
    border: 0;
    background: #eee;
    padding: 5px;
    border-radius: 5px;
}

[b-cr4vhtmmzu].text-purple {
    color: purple;
}
[b-cr4vhtmmzu].blink {
    animation: blinkAnim-b-cr4vhtmmzu 1s infinite;
}

@keyframes blinkAnim-b-cr4vhtmmzu {
    50% {
        opacity: 0;
    }
}
/* /Pages/TaskPlanner/AssignedToYouNew.razor.rz.scp.css */
[b-mxsqzxum2e].task-table th {
    background-color: #202124 !important;
    color: white;
}

[b-mxsqzxum2e].task-table td {
    vertical-align: middle;
}

[b-mxsqzxum2e].overdue-row {
    background-color: #ffdddd !important;
}

[b-mxsqzxum2e].history-row td {
    background-color: #f7f7f7 !important;
    padding: 0.8rem;
}
/* Red - Overdue */
[b-mxsqzxum2e].row-red {
    background-color: #ffe5e5 !important;
}

/* Yellow - Assigned but not overdue */
[b-mxsqzxum2e].row-yellow {
    background-color: #fff8d6 !important;
}

/* Blue - Submitted */
[b-mxsqzxum2e].row-blue {
    background-color: #e8f1ff !important;
}

/* Green - Completed */
[b-mxsqzxum2e].row-green {
    background-color: #e6ffea !important;
}

[b-mxsqzxum2e].task-wrapper {
    margin-top: 10px;
}

/* Header */
[b-mxsqzxum2e].task-main-table thead th {
    background-color: #fee9d4;
    color: #000;
    font-weight: 600;
}

/* Rows */
[b-mxsqzxum2e].task-row {
    background: #f9f9f9;
    cursor: pointer;
}

.task-row:hover[b-mxsqzxum2e] {
    background: #f1f1f1;
}

/* Highlight overdue */
[b-mxsqzxum2e].overdue-highlight {
    background-color: #ffe2e2 !important;
}

/* Expand box */
[b-mxsqzxum2e].expand-row.expand-hidden {
    display: none;
}

[b-mxsqzxum2e].expand-row.expand-visible {
    display: table-row;
}

[b-mxsqzxum2e].expand-box {
    background: #ffffff;
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #f4d7be;
}

[b-mxsqzxum2e].expand-header {
    background: #fee9d4;
    padding: 10px;
    border-radius: 6px;
    font-weight: 600;
}

/* Button styles */
[b-mxsqzxum2e].btn-reassign {
    background: #ff9500;
    color: #fff;
    border: 0;
    padding: 4px 10px;
    border-radius: 20px;
}

[b-mxsqzxum2e].btn-details {
    border: 1px solid #ff9500;
    color: #ff9500;
    padding: 3px 10px;
    border-radius: 6px;
    background: #fff;
}

[b-mxsqzxum2e].btn-icon {
    border: 0;
    background: #fef0e6;
    border-radius: 6px;
    padding: 4px 6px;
}

[b-mxsqzxum2e].btn-doc {
    border: 0;
    background: #eee;
    padding: 5px;
    border-radius: 5px;
}

[b-mxsqzxum2e].text-purple {
    color: purple;
}

[b-mxsqzxum2e].blink {
    animation: blinkAnim-b-mxsqzxum2e 1s infinite;
}

@keyframes blinkAnim-b-mxsqzxum2e {
    50% {
        opacity: 0;
    }
}
/* /Pages/TaskPlanner/TaskReportCMD.razor.rz.scp.css */
/* /Pages/TicketManagement/ClosedTickets.razor.rz.scp.css */
body[b-71zfpiky9f] {
}
/* /Pages/TicketManagement/MyTickets.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-7a649e2rma] {
    overflow-y: auto;
}

    .grid[b-7a649e2rma]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-7a649e2rma] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-7a649e2rma] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-7a649e2rma] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-7a649e2rma] tr {
    /* height: 30px;*/
    border-bottom: 0.5px solid silver;
}

[b-7a649e2rma] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis;*/
}

table[b-7a649e2rma] {
    width: 100%;
}
/* /Pages/TicketManagement/OpenTickets.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-9egfd28ffi] {
    overflow-y: auto;
}

    .grid[b-9egfd28ffi]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-9egfd28ffi] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-9egfd28ffi] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-9egfd28ffi] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-9egfd28ffi] tr {
    /* height: 30px;*/
    border-bottom: 0.5px solid silver;
}

[b-9egfd28ffi] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis;*/
}

table[b-9egfd28ffi] {
    width: 100%;
}
/* /Pages/TicketManagement/TicketList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-hfvv85anzx] {
    overflow-y: auto;
}

    .grid[b-hfvv85anzx]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-hfvv85anzx] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-hfvv85anzx] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-hfvv85anzx] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-hfvv85anzx] tr {
    /* height: 30px;*/
    border-bottom: 0.5px solid silver;
}

[b-hfvv85anzx] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis;*/
  
}

table[b-hfvv85anzx] {
    width: 100%;
}
/* /Pages/TicketManagement/TicketProgress.razor.rz.scp.css */
[b-12opo714m4] .chat-bubble {
    padding: 10px 15px;
    border-radius: 15px;
    max-width: 100%;
    position: relative;
}

    [b-12opo714m4] .chat-bubble.left {
        background-color: #e2f0fb;
        align-self: flex-start;
        border-top-left-radius: 0;
    }

    [b-12opo714m4] .chat-bubble.right {
        background-color: #dcf8c6;
        align-self: flex-end;
        border-top-right-radius: 0;
    }

[b-12opo714m4] .status {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333;
}

[b-12opo714m4] .message {
    font-size: 14px;
    color: #444;
}

[b-12opo714m4].meta {
    font-size: 12px;
    color: #202124;
    margin-top: 5px;
}
/* Status-based colors */
[b-12opo714m4] .bubble-open {
    background-color: #CCF8FF; /* orange */
}

[b-12opo714m4] .bubble-assigned {
    background-color: #E3D4FF; /* blue */
}

[b-12opo714m4] .bubble-inprogress {
    background-color: #FFE3CC; /* purple */
}

[b-12opo714m4] .bubble-resolved {
    background-color: #D7FFE0; /* green */
}

[b-12opo714m4] .bubble-closed {
    background-color: #FFBDBD; /* gray */
    color: #ffffff;
}

[b-12opo714m4] .bubble-default {
    background-color: #ECECFF; /* fallback */
}


/* /Pages/TicketManagement/TicketsAssignedToMe.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-es0kksgwmd] {
    overflow-y: auto;
}

    .grid[b-es0kksgwmd]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-es0kksgwmd] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-es0kksgwmd] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-es0kksgwmd] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-es0kksgwmd] tr {
    /* height: 30px;*/
    border-bottom: 0.5px solid silver;
}

[b-es0kksgwmd] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis;*/
}

table[b-es0kksgwmd] {
    width: 100%;
}
/* /Pages/TimesheetMgmt/AddTimesheet.razor.rz.scp.css */
/* /Pages/TimesheetMgmt/ApprovalTimesheet.razor.rz.scp.css */
[b-24n88kzl4r] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
[b-24n88kzl4r] tr {
    height: 30px;
    font-size: .9rem;
    text-overflow: inherit;
    white-space: normal !important;
}

p[b-24n88kzl4r] {
    margin-top: 0 !important;
    margin-bottom: 0rem !important;
    padding-bottom: 0 !important;
}



hr[b-24n88kzl4r] {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
/* /Pages/TimesheetMgmt/PendingApprovalTS.razor.rz.scp.css */
[b-wjc9z0tsfn] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5 !important;
    z-index: 1;
}

[b-wjc9z0tsfn] tr {
    height: 30px;
    font-size: .9rem;
    text-overflow: inherit;
    white-space: normal !important;
}

p[b-wjc9z0tsfn] {
    margin-top: 0 !important;
    margin-bottom: 0rem !important;
    padding-bottom: 0 !important;
}



hr[b-wjc9z0tsfn] {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
/* /Pages/TimesheetMgmt/ProjectAssignRequestList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-i11a9jkyzr] {
   
    overflow-y: auto;
}

    .grid[b-i11a9jkyzr]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-i11a9jkyzr] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-i11a9jkyzr] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-i11a9jkyzr] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-i11a9jkyzr] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/TimesheetMgmt/ProjectRequestApproval.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-957fxphw05] {
  
    overflow-y: auto;
}

    .grid[b-957fxphw05]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-957fxphw05] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-957fxphw05] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-957fxphw05] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
    [b-957fxphw05] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        outline: 1px solid gray;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-957fxphw05] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-957fxphw05] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/TimesheetMgmt/Timesheetlist.razor.rz.scp.css */
[b-ejk9ag4est] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

p[b-ejk9ag4est] {
    margin-top: 0 !important;
    margin-bottom: 0rem !important;
    padding-bottom: 0 !important;
}



hr[b-ejk9ag4est] {
    margin-top: 0rem!important;
    margin-bottom: 0rem!important;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

/* /Pages/TimesheetMgmt/TimeSheetReport.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-oc2m1i2usg] {
    overflow-y: auto;
}

    .grid[b-oc2m1i2usg]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-oc2m1i2usg] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-oc2m1i2usg] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-oc2m1i2usg] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }

    [b-oc2m1i2usg] thead tr {
        position: sticky;
        top: 0;
        background-color: #FFF0E5;
        outline: 1px solid gray;
        z-index: 1;
    }

/* For virtualized grids, it's essential that all rows have the same known height */
[b-oc2m1i2usg] tr {
    height: 30px;
    font-size: .8rem;
    text-overflow: inherit;
    white-space: normal !important;
}

[b-oc2m1i2usg] tbody td {
    overflow: hidden;
    max-width: auto;
    text-overflow: initial;
}
/* /Pages/TravelAllowanceInternational/AddInternationalTA.razor.rz.scp.css */
.section-title[b-bdk5fi4pyq] {
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 10px;
    color: #f60;
    border-bottom: 2px solid #f60;
    display: inline-block;
    padding-bottom: 3px;
}

.card-section[b-bdk5fi4pyq] {
    background-color: #fff7f0;
    border: 1px solid #fce5d8;
    padding: 0.5rem;
    border-radius: 8px;
    margin-bottom: 20px;
}

.travel-item[b-bdk5fi4pyq] {
    background-color: #fff;
    border: 1px solid #dadada;
    border-left: 5px solid #f60;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 6px;
}

.form-label[b-bdk5fi4pyq] {
    font-weight: 500;
}

.orange-btn[b-bdk5fi4pyq] {
    background-color: #f60;
    color: #fff;
    font-weight: bold;
}

    .orange-btn:hover[b-bdk5fi4pyq] {
        background-color: #e65c00;
    }
/* /Pages/TravelAllowanceInternational/InternationalTAFinanceApproval.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-zwxey374qj] {
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-zwxey374qj]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-zwxey374qj] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold !important;
}

    [b-zwxey374qj] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-zwxey374qj] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-zwxey374qj] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-zwxey374qj] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: hidden;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}
/* /Pages/TravelAllowanceInternational/InternationalTAFinanceApprovedorReject.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-fe79ogns74] {
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-fe79ogns74]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-fe79ogns74] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-fe79ogns74] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-fe79ogns74] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-fe79ogns74] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-fe79ogns74] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}
/* /Pages/TravelAllowanceInternational/PendingApprovalMn.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-ur3blgdaqb] {
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-ur3blgdaqb]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ur3blgdaqb] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold !important;
}

    [b-ur3blgdaqb] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-ur3blgdaqb] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-ur3blgdaqb] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-ur3blgdaqb] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: hidden;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}
/* /Pages/TravelAllowance/AddTA_V2.razor.rz.scp.css */
.line-tabs[b-1a4ciiq9vy] {
    background-color: #fff;
    margin-top: 1rem;
}

    .line-tabs .nav-link[b-1a4ciiq9vy] {
        border: none;
        border-bottom: 2px solid transparent;
        color: #333;
        font-weight: 600;
        padding: 0.6rem 1.2rem;
    }

        .line-tabs .nav-link.active[b-1a4ciiq9vy] {
            color: #FD740D;
            border-color: #FD740D;
            background-color: transparent;
        }
/* /Pages/TravelAllowance/ExcessApprovalList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-j3jkpj06al] {

    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-j3jkpj06al]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-j3jkpj06al] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-j3jkpj06al] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-j3jkpj06al] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-j3jkpj06al] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-j3jkpj06al] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}
/* /Pages/TravelAllowance/ManagerApprovalList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-73gkfbanh8] {
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-73gkfbanh8]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-73gkfbanh8] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold !important;
}
    [b-73gkfbanh8] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-73gkfbanh8] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-73gkfbanh8] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-73gkfbanh8] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: hidden;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}
/* /Pages/TravelAllowance/MomAttach.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-ukfcbm675u] {
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-ukfcbm675u]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ukfcbm675u] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
    font-weight: bold !important;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-ukfcbm675u] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-ukfcbm675u] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: hidden;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}
/* /Pages/TravelAllowance/TAFinanceApproval.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-k2315j6lbk] {
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-k2315j6lbk]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-k2315j6lbk] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
    font-weight: bold !important;
}
    [b-k2315j6lbk] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-k2315j6lbk] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-k2315j6lbk] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-k2315j6lbk] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: hidden;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}
/* /Pages/TravelAllowance/TAFinanceApprovedorReject.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-i9lio0xxcw] {
	overflow-y: auto;
	font-size: .80rem;
}

	.grid[b-i9lio0xxcw]  table {
		min-width: 100%;
	}

/* Sticky header while scrolling */
[b-i9lio0xxcw] thead {
	position: sticky;
	top: 0;
	background-color: #FFF0E5;
	z-index: 1;
}
	[b-i9lio0xxcw] thead button.col-title:hover {
		background-color: #FFDDC4 !important;
	}

	[b-i9lio0xxcw] thead button.col-options-button:hover {
		background-color: #FFDDC4 !important;
	}
/* For virtualized grids, it's essential that all rows have the same known height */
[b-i9lio0xxcw] tr {
	height: 30px;
	border-bottom: 0.5px solid silver;
}

[b-i9lio0xxcw] tbody td {
	white-space: nowrap;
	overflow: hidden;
	max-width: 0;
	text-overflow: ellipsis;
}
/* /Pages/TravelAllowance/TAList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-x2zfqdbk02] {
 
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-x2zfqdbk02]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-x2zfqdbk02] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-x2zfqdbk02] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-x2zfqdbk02] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-x2zfqdbk02] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-x2zfqdbk02] tbody td {
  /*  white-space:nowrap;*/
  /*  overflow: hidden;*/
    /*max-width: 0;*/
   /* text-overflow: ellipsis;*/
}
/* /Pages/VehicleMgmt/AddVehicleDriverMapping.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-dutxtuf08t] {
    overflow-y: auto;
}

    .grid[b-dutxtuf08t]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-dutxtuf08t] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

    [b-dutxtuf08t] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-dutxtuf08t] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-dutxtuf08t] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-dutxtuf08t] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

table[b-dutxtuf08t] {
    width: 100%;
}
/* /Pages/VehicleMgmt/AddVehicleMaintenance.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-mxkrdfwr8z] {
    overflow-y: auto;
}

    .grid[b-mxkrdfwr8z]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-mxkrdfwr8z] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-mxkrdfwr8z] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-mxkrdfwr8z] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

table[b-mxkrdfwr8z] {
    width: 100%;
}
/* /Pages/VehicleMgmt/AddVehicleOwnedSold.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-8u2gymoowz] {
    overflow-y: auto;
}

    .grid[b-8u2gymoowz]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-8u2gymoowz] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-8u2gymoowz] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-8u2gymoowz] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

table[b-8u2gymoowz] {
    width: 100%;
}
/* /Pages/VehicleMgmt/AddVehicleOwnerDetails.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-eec9dudyvd] {
    overflow-y: auto;
}

    .grid[b-eec9dudyvd]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-eec9dudyvd] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-eec9dudyvd] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-eec9dudyvd] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

table[b-eec9dudyvd] {
    width: 100%;
}
/* /Pages/VehicleMgmt/AddVehiclePolicyMaster.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-sf7zgkzc2u] {
    overflow-y: auto;
}

    .grid[b-sf7zgkzc2u]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-sf7zgkzc2u] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-sf7zgkzc2u] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-sf7zgkzc2u] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-sf7zgkzc2u] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-sf7zgkzc2u] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

table[b-sf7zgkzc2u] {
    width: 100%;
}
/* /Pages/VehicleMgmt/AddVehicleQRCodes.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-mlm50oq8fz] {
    overflow-y: auto;
    font-size: .80rem;
}

    .grid[b-mlm50oq8fz]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-mlm50oq8fz] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5!important;
    z-index: 1;
    font-weight: bold !important;
}
    [b-mlm50oq8fz] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-mlm50oq8fz] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-mlm50oq8fz] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-mlm50oq8fz] tbody td {
    /*  white-space:nowrap;*/
    /*  overflow: hidden;*/
    /*max-width: 0;*/
    /* text-overflow: ellipsis;*/
}
/* /Pages/VehicleMgmt/DriverList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-adir6plgn7] {
    overflow-y: auto;
}

    .grid[b-adir6plgn7]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-adir6plgn7] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-adir6plgn7] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-adir6plgn7] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-adir6plgn7] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-adir6plgn7] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

table[b-adir6plgn7] {
    width: 100%;
}
/* /Pages/VehicleMgmt/MaintenanceList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-crjhjqynqe] {
    overflow-y: auto;
}

    .grid[b-crjhjqynqe]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-crjhjqynqe] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-crjhjqynqe] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-crjhjqynqe] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-crjhjqynqe] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-crjhjqynqe] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

table[b-crjhjqynqe] {
    width: 100%;
}
/* /Pages/VehicleMgmt/SoldVehicleList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-oqm6ibnscy] {
    overflow-y: auto;
}

    .grid[b-oqm6ibnscy]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-oqm6ibnscy] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5;
    z-index: 1;
}
    [b-oqm6ibnscy] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-oqm6ibnscy] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-oqm6ibnscy] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-oqm6ibnscy] tbody td {
    white-space: nowrap;
 
}

table[b-oqm6ibnscy] {
    width: 100%;
}
/* /Pages/VehicleMgmt/VehicleList.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-clih1p6yu6] {
    overflow-y: auto;
}

    .grid[b-clih1p6yu6]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-clih1p6yu6] thead {
    position: sticky;
    top: 0;
    background-color: #FFF0E5!important;
    z-index: 1;
}
    [b-clih1p6yu6] thead button.col-title:hover {
        background-color: #FFDDC4 !important;
    }

    [b-clih1p6yu6] thead button.col-options-button:hover {
        background-color: #FFDDC4 !important;
    }
/* For virtualized grids, it's essential that all rows have the same known height */
[b-clih1p6yu6] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-clih1p6yu6] tbody td {
    
    
  
}

table[b-clih1p6yu6] {
    width: 100%;
}
/* /Shared/CommonLayout.razor.rz.scp.css */
.fixed-header[b-74h6tokjcp], .fixed-footer[b-74h6tokjcp] {
    width: 100%;
    position: fixed;
    background: #fff;
    padding: 10px 0;
    color: #333;
}

.fixed-header[b-74h6tokjcp] {
    top: 0;
}

.fixed-footer[b-74h6tokjcp] {
    bottom: 0;
}
/* /Shared/LoginLayout.razor.rz.scp.css */
.signin-panel[b-fv06lubt28], .signup-panel[b-fv06lubt28] {
    width: 100vw;
    height: 100vh;
    /* background-color: #f9f9fd;*/
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
    background-image: url('/img/bg.jpg');
    background-repeat: no-repeat;
    background-size: 65% 100%;
    
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-wlolxbed2i] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-wlolxbed2i] {
    flex: 1;
}

.sidebar[b-wlolxbed2i] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-wlolxbed2i] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-wlolxbed2i] {
        display: none;
    }

    .top-row.auth[b-wlolxbed2i] {
        justify-content: space-between;
    }

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

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

    .sidebar[b-wlolxbed2i] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-wlolxbed2i] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-wlolxbed2i]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-wlolxbed2i], article[b-wlolxbed2i] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NotificationBar.razor.rz.scp.css */
.floating-Notification[b-jj0vhcn11e] {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    padding: 0rem .5rem;
    animation: fadein 2s ease-out;
    z-index: 300;
    max-width: 500px;
    height: 400px;
    overflow-y: auto;
    max-height: 400px;
    background-color:orange;
}

.toast-container[b-jj0vhcn11e] {
    position: fixed;
    bottom: 0px;
    right: 20px;
    display: flex;
    flex-direction: column;
    min-height: 0vh;
    margin-top: 3.5rem;
}
/* /Shared/StarRating.razor.rz.scp.css */
[b-0pi40gawgq] .fa-star:hover {
    color: yellow;
    
}
[b-0pi40gawgq] .ratingStar{

    font-size:1.2rem;


}
/* /Shared/UpdateAvailableDetector.razor.rz.scp.css */
.floating-update-button[b-zdxb70n3wt] {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    padding: 1rem 1.5rem;
    animation: fadein-b-zdxb70n3wt 2s ease-out;
    z-index: 300;
}

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

    to {
        right: 2rem;
    }
}
/* /Shared/UserHelpFloating.razor.rz.scp.css */