/* /App.razor.rz.scp.css */
body[b-uneu2j0gg4] {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;   
}

.container[b-uneu2j0gg4] {
    position: relative;
    max-width: 500px;
    display: flex;
    flex-wrap: wrap;
    vertical-align: middle;
    justify-content: space-between;
    text-align: center;
    background-color: rgba(240,248,255,0.65);
    border-radius: 20px;
}

.error-wrapper[b-uneu2j0gg4] {
    padding: 30px;
    border-radius: 5px;
    /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);*/
    flex: 2;
}

.error-code[b-uneu2j0gg4] {
    margin-top: 40px;
    font-size: 8rem;
    font-weight: bold;
    color: #8c271e; /* Adjust if needed */
}

.error-message[b-uneu2j0gg4] {
    margin-top: 55px;
    font-size: 2rem;
    color: #455667;
    font-weight: bold;
}

.error-explanation[b-uneu2j0gg4] {
    font-size: 1.3rem;
    margin-top: 15px;
    color: #455667;
}

.buttons-wrapper[b-uneu2j0gg4] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.button[b-uneu2j0gg4] {
    display: inline-block;
    padding: 8px 15px;
    border: none;
    background-color: #2c678f; /* Adjust if needed */
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    text-decoration: none;
    border-radius: 4px;
    margin-right: 10px; /* Adjust spacing if needed */
}

    .button:hover[b-uneu2j0gg4] {
        background-color: #1e4260; /* Adjust if needed */
    }

.illustration-wrapper[b-uneu2j0gg4] {
    flex: 1;
}




.flying-element[b-uneu2j0gg4] {
    position: fixed;
    width: 2px;
    height: 10px;
    animation: fly-b-uneu2j0gg4 1s linear infinite;

}

@keyframes fly-b-uneu2j0gg4 {
    0% {
        top: 0;
    }

    100% {
        top: 98%;
    }
}

/* /Pages/AdminDocumentTagging.razor.rz.scp.css */
.custom-menu-bar[b-y2sgu3jevg] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 115;
    top: 55px;
    box-shadow: 0 14px 14px 0 rgba(10, 0, 0, 0.1), 0 6px 10px 5px rgba(10, 0, 0, 0.1);
}

table th[b-y2sgu3jevg], td[b-y2sgu3jevg] {
        border: 1px solid var(--mud-palette-table-lines);
        padding: 8px;
        text-align: left;
    }
/* /Pages/DateSwapping.razor.rz.scp.css */
.custom-sticky-buttons[b-p8hcsabhkh] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 200;
    bottom: 40px;
    left: 40px;
}

.custom-menu-bar[b-p8hcsabhkh] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 115;
    top: 55px;
    box-shadow: 0 14px 14px 0 rgba(10, 0, 0, 0.1), 0 6px 10px 5px rgba(10, 0, 0, 0.1);
}

table[b-p8hcsabhkh] {
    border-collapse: collapse;
    width: 100%;
    background-color: var(--mud-palette-surface);
}

table th[b-p8hcsabhkh], td[b-p8hcsabhkh] {
        border: 1px solid var(--mud-palette-table-lines);
        padding: 8px;
        text-align: left;
    }

table th[b-p8hcsabhkh] {
        text-align: center;  
        background-color: var(--mud-palette-dark);
        color: var(--mud-palette-dark-text);
    }

.project-docs[b-p8hcsabhkh]{
        height:40vh;
        overflow-y:scroll;
    }

.Approved-document[b-p8hcsabhkh] {
        background-color: var(--mud-palette-success);
        color: var(--mud-palette-success-text);
    }

.Partially-signed-document[b-p8hcsabhkh] {
        background-color: var(--mud-palette-warning);
        color: var(--mud-palette-warning-text);
    }

.Unsigned-document[b-p8hcsabhkh] {
        background-color: var(--mud-palette-info);
        color: var(--mud-palette-info-text);
    }

.Returned-document[b-p8hcsabhkh]{
        background-color: var(--mud-palette-error);
        color: var(--mud-palette-error-text);
    }

.project-docs .Approved-document[b-p8hcsabhkh] {
        background-color: var(--mud-palette-surface);
        color: var(--mud-palette-success);
    }

.project-docs .Partially-signed-document[b-p8hcsabhkh] {
        background-color: var(--mud-palette-surface);
        color: var(--mud-palette-warning);
    }

.project-docs .Unsigned-document[b-p8hcsabhkh] {
        background-color: var(--mud-palette-surface);
        color: var(--mud-palette-info);
    }

.project-docs .Returned-document[b-p8hcsabhkh] {
        background-color: var(--mud-palette-surface);
        color: var(--mud-palette-error);
    }

.doc-id-search[b-p8hcsabhkh]{
    background-color: var(--mud-palette-surface);
}
/* /Pages/DedUpload.razor.rz.scp.css */
.custom-menu-bar[b-xrkg93wmkd] {
    position: sticky;
    top: 0;
    z-index: 3;
}

.table-container[b-xrkg93wmkd] {
    width: 100%;
    overflow-x: auto;
}

.header-column[b-xrkg93wmkd] {
    background-color: var(--mud-palette-background-grey);
    padding: 0.35rem 0.5rem;
    white-space: nowrap;
    vertical-align: middle;
}

.sorting-header[b-xrkg93wmkd] {
    cursor: pointer;
    user-select: none;
}

.sorting-arrow[b-xrkg93wmkd] {
    color: var(--mud-palette-primary);
    font-size: 0.75rem;
}

.project-column[b-xrkg93wmkd] {
    min-width: 28rem;
}

.project-column-data[b-xrkg93wmkd] {
    max-width: 44rem;
}

.proponent-column[b-xrkg93wmkd] {
    min-width: 12rem;
}

.custom-checkbox[b-xrkg93wmkd] {
    text-align: center;
    width: 3.5rem;
}

/* Spec D1: still readable, plainly not actionable. */
.no-workspace[b-xrkg93wmkd] {
    opacity: 0.45;
}
/* /Pages/DocumentFixing.razor.rz.scp.css */
.custom-menu-bar[b-s8wukmh92r] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 115;
    top: 55px;
    box-shadow: 0 14px 14px 0 rgba(10, 0, 0, 0.1), 0 6px 10px 5px rgba(10, 0, 0, 0.1);
}

table th[b-s8wukmh92r], td[b-s8wukmh92r] {
        border: 1px solid var(--mud-palette-table-lines);
        padding: 8px;
        text-align: left;
    }
/* /Pages/DocumentPrinting.razor.rz.scp.css */
.custom-menu-bar[b-yko9rdae18] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 115;
    top: 55px;
}
/* /Pages/DocumentTagging.razor.rz.scp.css */
.custom-menu-bar[b-grqerpv3lh] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 115;
    top: 55px;
    box-shadow: 0 14px 14px 0 rgba(10, 0, 0, 0.1), 0 6px 10px 5px rgba(10, 0, 0, 0.1);
}

table th[b-grqerpv3lh], td[b-grqerpv3lh] {
        border: 1px solid var(--mud-palette-table-lines);
        padding: 8px;
        text-align: left;
    }
/* /Pages/DocumentTracking.razor.rz.scp.css */
.custom-menu-bar[b-mco9iiiko6] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 115;
    top: 55px;
}
/* /Pages/Index.razor.rz.scp.css */
.container[b-95gzhsun5h] {
    display: flex;
    flex-direction: column;
    padding: 0px;
}

.section[b-95gzhsun5h] {
    flex: 1;
    display: flex;
    flex-direction: column;
    outline: 1px solid var(--mud-palette-table-lines);
}

.header[b-95gzhsun5h] {
    background-color: var(--mud-palette-background-gray);
    border-bottom: 1px solid var(--mud-palette-table-lines);
    text-align: center;
    padding: 15px 0px 15px 0px;
    vertical-align: middle;
    font-weight: bold;
}

.status-table[b-95gzhsun5h] {
    width: 100%;
    border-collapse: collapse;
}

.status-table th[b-95gzhsun5h], .status-table td[b-95gzhsun5h] {
        border: 1px solid var(--mud-palette-table-lines);
        padding: 8px;
        text-align: left;
    }

.status-table th[b-95gzhsun5h] {
        background-color: var(--mud-palette-background-gray);
    }

.content[b-95gzhsun5h] {
    text-align: center;
    padding-bottom: 15px;
}

.approved-amount[b-95gzhsun5h] {
    font-size: 2rem;
    font-weight: bold;
    color: var(--mud-palette-success);
}

.proposed-amount[b-95gzhsun5h] {
    font-size: 2rem;
    font-weight: bold;
    color: var(--mud-palette-warning);
}

.hover-container[b-95gzhsun5h] {
    position: relative;
}

.hover-content[b-95gzhsun5h] {
    display: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    /* Add these styles for following effect */
    position: absolute;
    z-index: 10; /* Ensure it appears above other content */
}

.hover-container:hover .hover-content[b-95gzhsun5h] {
    display: block;
    opacity: 1;
    pointer-events: auto;
    padding:5px;
    font-weight:bold;
    border-radius:15px;
    font-size: 0.8rem;
    color: white;
    /* Update positioning on hover */
    top: -500%; /* Position below the trigger initially */
    left: 50%;
    transform: translateX(-50%); /* Center horizontally */
}

.hover-container:hover .hover-content:hover[b-95gzhsun5h] {
        /* Adjust positioning dynamically based on mouse position */
        top: calc(100% + 5px); /* Add a small offset for better visibility */
        left: calc(50% - 10px); /* Adjust horizontally for content width */
    }

.approved[b-95gzhsun5h]{
        background-color: var(--mud-palette-success);
    }

.proposed[b-95gzhsun5h]{
        background-color: var(--mud-palette-warning);
    }
/* /Pages/PowPage.razor.rz.scp.css */
.custom-sticky-buttons[b-zjd994ou9h] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 200;
    bottom: 40px;
    left: 40px;
}

.custom-menu-bar[b-zjd994ou9h] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 115;
    top: 55px;
    box-shadow: 0 14px 14px 0 rgba(10, 0, 0, 0.1), 0 6px 10px 5px rgba(10, 0, 0, 0.1);
}

.custom-container[b-zjd994ou9h] {
    padding:0;
}

table[b-zjd994ou9h] {
    border-collapse: collapse;
    width: 100%;
    background-color: var(--mud-palette-surface);
}

    table th[b-zjd994ou9h], td[b-zjd994ou9h] {
        border: 1px solid var(--mud-palette-table-lines);
        padding: 8px;
        text-align: left;
    }

    table th[b-zjd994ou9h] {
        text-align: center;  
        background-color: var(--mud-palette-dark);
    }

.item-number[b-zjd994ou9h] {
    width: 100px;
    text-align:center;
}



.hover-container[b-zjd994ou9h] {
    position: relative;
}

.hover-content[b-zjd994ou9h] {
    display: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    /* Add these styles for following effect */
    position: absolute;
    z-index: 500; /* Ensure it appears above other content */
}

.hover-container:hover .hover-content[b-zjd994ou9h] {
    display: block;
    opacity: 1;
    pointer-events: auto;
    padding: 5px 15px 5px 15px;
    width: 300px;
    font-weight: bold;
    border-radius: 15px;
    font-size: 0.8rem;
    color: var(--mud-palette-info-text);
    background-color: var(--mud-palette-info);
    top: 15%;
    left: 270%;
    transform: translateX(-50%);
}

.hover-container:hover .viewing-mode[b-zjd994ou9h] {
    top: -30%;
    left: 215%;
}

.wide-column[b-zjd994ou9h] {
    width: 450px;
}

.narrow-width[b-zjd994ou9h] {
    width: 100px;
    text-align:center;
}

.normal-width[b-zjd994ou9h] {
    width: 150px;
    text-align:right;
}

.total-column[b-zjd994ou9h] {
    font-weight: bold;
}

.indirects[b-zjd994ou9h] {
    /*color:var(--mud-palette-warning);*/
    font-style: italic;
}
/* /Pages/Preparation.razor.rz.scp.css */
.custom-cell-cursor:hover[b-jdbtvq267l] {
    cursor: pointer;
}
/* /Pages/PreparationV2.razor.rz.scp.css */
.custom-menu-bar[b-hyg7iawc88] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 115;
    top: 55px;
}

.table-container[b-hyg7iawc88] {
    width: 100%;
    margin: 0px;
    padding-bottom: 0px;
}

/* The table, its rows and its scroll box are rendered by MudTable, so they carry no
   scope attribute of their own and have to be reached through ::deep. The cells
   themselves are declared in this component and are scoped normally. */
.table-container[b-hyg7iawc88]  .mud-table-root {
    border-collapse: collapse;
    table-layout: auto;
}

.table-container[b-hyg7iawc88]  .mud-table-root th,
.table-container[b-hyg7iawc88]  .mud-table-root td {
    border: 1px solid var(--mud-palette-lines-default);
    padding: 8px;
}

/* MudTable's own FixedHeader sticks each th at top:0 independently, which makes the
   two header rows sit on top of each other. Stick the whole thead as one unit instead.
   Setting Height on MudTable is what creates the .mud-table-container scroll box. */
.table-container[b-hyg7iawc88]  .mud-table-container thead {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    top: 0;
    z-index: 110;
}

.header-column[b-hyg7iawc88] {
    background-color: var(--mud-palette-background-gray);
    color: var(--mud-palette-text-primary);
    text-align: center;
    vertical-align: middle;
}

/* Carries the separation the dark header band used to provide. */
.table-container[b-hyg7iawc88]  .mud-table-root thead tr:last-child th {
    border-bottom: 2px solid var(--mud-palette-lines-default);
}

.sorting-header:hover[b-hyg7iawc88] {
    cursor: pointer;
}

.sorting-arrow[b-hyg7iawc88] {
    display: none;
}

.sorting-header:hover .sorting-arrow[b-hyg7iawc88] {
    display: block;
    color: currentColor;
}

/* Body rows are emitted by MudTable (via RowClass), so their <tr> carries no scope
   attribute and a plain `.rowclick-options:hover` here would never match. The footer
   row is ours and would match -- ::deep keeps both behaving the same. */
.table-container[b-hyg7iawc88]  .rowclick-options:hover {
    outline: 2px solid var(--mud-palette-info);
}

.monthly-report[b-hyg7iawc88] {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.custom-amount[b-hyg7iawc88] {
    text-align: right;
    vertical-align: middle;
}

.custom-checkbox[b-hyg7iawc88] {
    text-align: center;
    vertical-align: middle;
}

.project-column[b-hyg7iawc88] {
    width: 700px;
}

.proponent-column[b-hyg7iawc88] {
    width: 100px;
}

.ppatype-column[b-hyg7iawc88] {
    width: 120px;
}

.count-data[b-hyg7iawc88] {
    font-style: italic;
    color: var(--mud-palette-warning);
}
/* /Pages/PublicCaafGeneration.razor.rz.scp.css */
.custom-sticky-buttons[b-jsp5fvlcmz] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 200;
    bottom: 40px;
    left: 40px;
    width:130px;
}
/* /Pages/PublicSummary.razor.rz.scp.css */
.custom-sticky-buttons[b-nmrcjxokw9] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 200;
    bottom: 40px;
    left: 40px;
}

.custom-menu-bar[b-nmrcjxokw9] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 115;
    top: 55px;
}

.table-container[b-nmrcjxokw9] {
    overflow-x: auto;
    width: 100%;
    height: 80vh;
    display: flex;
    flex-direction: column;
    margin: 0px;
    padding-bottom:0px;
}

.my-table[b-nmrcjxokw9] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto; /* Ensures consistent column widths */
}

.my-table th[b-nmrcjxokw9],
    .my-table td[b-nmrcjxokw9] {
        border: 1px solid var(--mud-palette-table-lines);
        padding: 8px;
    }

.my-table thead[b-nmrcjxokw9] {
        position: -webkit-sticky; /*For Safari*/
        position: sticky;
        top: 0;
        z-index: 110;
    }

.header-column[b-nmrcjxokw9] {
        /*position: -webkit-sticky;*/ /*For Safari*/
        /*position: sticky;*/
        background-color: var(--mud-palette-dark);
        /*top: 0;*/
        text-align: center;
        vertical-align: middle;
        color: var(--mud-palette-surface);
    }

.my-table tr:nth-child(even)[b-nmrcjxokw9] {
        background-color: var(--mud-palette-surface); /* Alternating row colors for readability */
    }

.my-table tr:nth-child(odd)[b-nmrcjxokw9] {
        background-color: var(--mud-palette-table-striped); /* Alternating row colors for readability */
    }

.sorting-header:hover[b-nmrcjxokw9] {
        cursor:pointer;
    }

.sorting-arrow[b-nmrcjxokw9] {
        display:none;
    }

.sorting-header:hover .sorting-arrow[b-nmrcjxokw9] {
            display:block;
            color: white;
        }

.monthly-report[b-nmrcjxokw9] {
    font-weight: bold;
    color: var(--mud-palette-surface);
    text-align: center;
    vertical-align: middle;
    /*width:50px;*/
    background-color: var(--mud-palette-background-gray);
}

.month-filter:hover[b-nmrcjxokw9]{
    cursor:pointer;
}

.custom-amount[b-nmrcjxokw9] {
    text-align: right;
    vertical-align: middle;
}

.custom-checkbox[b-nmrcjxokw9] {
    text-align: center;
    vertical-align: middle;
}

.project-column[b-nmrcjxokw9] {
    /*position: -webkit-sticky; 
    position: sticky;
    background-color: var(--mud-palette-dark);
    left: 0;
    z-index: 110;*/

    width: 700px;
}

.proponent-column[b-nmrcjxokw9] {
    width: 100px;
}

.ppatype-column[b-nmrcjxokw9] {
    width: 120px;
}

.count-data[b-nmrcjxokw9] {
    font-style: italic;
    color: var(--mud-palette-warning);
}

.content[b-nmrcjxokw9] {
    text-align: center;
    padding: 2px;
}

.approved-amount[b-nmrcjxokw9] {
    font-size: 1.55rem;
    font-weight: bold;
    color: var(--mud-palette-success);
}

.hover-container[b-nmrcjxokw9] {
    position: relative;
}

#total-amounts[b-nmrcjxokw9] {
    border-radius: 5px;
    text-align:center;
    background-color: var(--mud-palette-table-hover);
}

.hover-content[b-nmrcjxokw9] {
    display: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    /* Add these styles for following effect */
    position: absolute;
    z-index: 200; /* Ensure it appears above other content */
}

.hover-container:hover .hover-content[b-nmrcjxokw9] {
    display: block;
    opacity: 1;
    pointer-events: auto;
    padding: 5px;
    font-weight: bold;
    border-radius: 15px;
    color: white;
    /* Update positioning on hover */
    top: 150%; /* Position below the trigger initially */
    left: 50%;
    transform: translateX(-50%); /* Center horizontally */
}

.hover-container:hover .hover-content:hover[b-nmrcjxokw9] {
        /* Adjust positioning dynamically based on mouse position */
        top: calc(100% + 5px); /* Add a small offset for better visibility */
        left: calc(50% - 10px); /* Adjust horizontally for content width */
    }

.approved-hover[b-nmrcjxokw9] {
    background-color: var(--mud-palette-success);
}

.total-column[b-nmrcjxokw9]{
    background-color: var(--mud-palette-dark);
    color: white;
    font-weight:bold;
}

.total-text-alignment[b-nmrcjxokw9]{
    text-align: center;
}

.total-alignment[b-nmrcjxokw9]{
    text-align: right;
}

.project-initiated[b-nmrcjxokw9] {
    background-color: rgba(var(--mud-palette-success-rgb), 0.25);
    font-weight:bold;
    /*color: white;*/
}
/* /Pages/PublicSupportingDocumentPrinting.razor.rz.scp.css */
.custom-menu-bar[b-si7k4g0tpj] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 115;
    top: 55px;
}
/* /Pages/ReportsV2.razor.rz.scp.css */
.custom-sticky-buttons[b-9zzq3dmb3h] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 200;
    bottom: 40px;
    left: 40px;
}

.custom-menu-bar[b-9zzq3dmb3h] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 115;
    top: 55px;
}

.table-container[b-9zzq3dmb3h] {
    overflow-x: auto;
    width: 100%;
    height: 80vh;
    display: flex;
    flex-direction: column;
    margin: 0px;
    padding-bottom: 0px;
}

.my-table[b-9zzq3dmb3h] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto; /* Ensures consistent column widths */
}

.my-table th[b-9zzq3dmb3h],
    .my-table td[b-9zzq3dmb3h] {
        border: 1px solid var(--mud-palette-table-lines);
        padding: 8px;
    }

.my-table thead[b-9zzq3dmb3h] {
        position: -webkit-sticky; /*For Safari*/
        position: sticky;
        top: 0;
        z-index: 110;
    }

.header-column[b-9zzq3dmb3h] {
    /*position: -webkit-sticky;*/ /*For Safari*/
    /*position: sticky;*/
    background-color: var(--mud-palette-dark);
    /*top: 0;*/
    text-align: center;
    vertical-align: middle;
    color: var(--mud-palette-surface);
}

.my-table tr:nth-child(even)[b-9zzq3dmb3h] {
    background-color: var(--mud-palette-surface); /* Alternating row colors for readability */
}

.my-table tr:nth-child(odd)[b-9zzq3dmb3h] {
    background-color: var(--mud-palette-table-striped); /* Alternating row colors for readability */
}

.sorting-header:hover[b-9zzq3dmb3h] {
    cursor: pointer;
}

.sorting-arrow[b-9zzq3dmb3h] {
    display: none;
}

.sorting-header:hover .sorting-arrow[b-9zzq3dmb3h] {
    display: block;
    color: white;
}

.custom-amount[b-9zzq3dmb3h] {
    text-align: right;
    vertical-align: middle;
}

.custom-checkbox[b-9zzq3dmb3h] {
    text-align: center;
    vertical-align: middle;
}

.rowclick-options:hover[b-9zzq3dmb3h] {
    cursor: pointer;
    font-weight: bold;
    font-size: 1rem;
}

.pr-column[b-9zzq3dmb3h] {
    width: 175px;
}

.count-data[b-9zzq3dmb3h] {
    font-style: italic;
    color: var(--mud-palette-warning);
}

.content[b-9zzq3dmb3h] {
    text-align: center;
    padding: 2px;
}

.approved-amount[b-9zzq3dmb3h] {
    font-size: 1.55rem;
    font-weight: bold;
    color: var(--mud-palette-success);
}

.proposed-amount[b-9zzq3dmb3h] {
    font-size: 1.55rem;
    font-weight: bold;
    color: var(--mud-palette-warning);
}

.hover-container[b-9zzq3dmb3h] {
    position: relative;
}

#total-amounts[b-9zzq3dmb3h] {
    border-radius: 5px;
    text-align: center;
    background-color: var(--mud-palette-table-hover);
}

.hover-content[b-9zzq3dmb3h] {
    display: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    /* Add these styles for following effect */
    position: absolute;
    z-index: 200; /* Ensure it appears above other content */
}

.hover-container:hover .hover-content[b-9zzq3dmb3h] {
    display: block;
    opacity: 1;
    pointer-events: auto;
    padding: 5px;
    font-weight: bold;
    border-radius: 15px;
    color: white;
    /* Update positioning on hover */
    top: 150%; /* Position below the trigger initially */
    left: 50%;
    transform: translateX(-50%); /* Center horizontally */
}

.hover-container:hover .hover-content:hover[b-9zzq3dmb3h] {
        /* Adjust positioning dynamically based on mouse position */
        top: calc(100% + 5px); /* Add a small offset for better visibility */
        left: calc(50% - 10px); /* Adjust horizontally for content width */
    }

.approved-hover[b-9zzq3dmb3h] {
    background-color: var(--mud-palette-success);
}

.proposed-hover[b-9zzq3dmb3h] {
    background-color: var(--mud-palette-warning);
}
/* /Pages/Summary.razor.rz.scp.css */
.custom-sticky-buttons[b-n39i1zhect] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 200;
    bottom: 40px;
    left: 40px;
}

.custom-menu-bar[b-n39i1zhect] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 115;
    top: 55px;
}

.table-container[b-n39i1zhect] {
    overflow-x: auto;
    width: 100%;
    height: 80vh;
    display: flex;
    flex-direction: column;
    margin: 0px;
    padding-bottom: 0px;
}

.my-table[b-n39i1zhect] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto; /* Ensures consistent column widths */
}

.my-table th[b-n39i1zhect],
    .my-table td[b-n39i1zhect] {
        border: 1px solid var(--mud-palette-table-lines);
        padding: 8px;
    }

.my-table thead[b-n39i1zhect] {
        position: -webkit-sticky; /*For Safari*/
        position: sticky;
        top: 0;
        z-index: 110;
    }

.header-column[b-n39i1zhect] {
    /*position: -webkit-sticky;*/ /*For Safari*/
    /*position: sticky;*/
    background-color: var(--mud-palette-dark);
    /*top: 0;*/
    text-align: center;
    vertical-align: middle;
    color: var(--mud-palette-surface);
}

.my-table tr:nth-child(even)[b-n39i1zhect] {
    background-color: var(--mud-palette-surface); /* Alternating row colors for readability */
}

.my-table tr:nth-child(odd)[b-n39i1zhect] {
    background-color: var(--mud-palette-table-striped); /* Alternating row colors for readability */
}

.sorting-header:hover[b-n39i1zhect] {
    cursor: pointer;
}

.sorting-arrow[b-n39i1zhect] {
    display: none;
}

.sorting-header:hover .sorting-arrow[b-n39i1zhect] {
    display: block;
    color: white;
}

.monthly-report[b-n39i1zhect] {
    font-weight: bold;
    color: var(--mud-palette-surface);
    text-align: center;
    vertical-align: middle;
    background-color: var(--mud-palette-background-gray);
}

.custom-amount[b-n39i1zhect] {
    text-align: right;
    vertical-align: middle;
}

.custom-checkbox[b-n39i1zhect] {
    text-align: center;
    vertical-align: middle;
}

.project-column[b-n39i1zhect] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    background-color: var(--mud-palette-dark);
    left: 0;
    width: 700px;
    z-index: 110;
}

.project-column-data[b-n39i1zhect] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    background-color: var(--mud-palette-surface);
    left: 0;
    z-index: 105;
}

.count-data[b-n39i1zhect] {
    font-style: italic;
    color: var(--mud-palette-warning);
}

.content[b-n39i1zhect] {
    text-align: center;
    padding: 2px;
}

.approved-amount[b-n39i1zhect] {
    font-size: 1.55rem;
    font-weight: bold;
    color: var(--mud-palette-success);
}

.proposed-amount[b-n39i1zhect] {
    font-size: 1.55rem;
    font-weight: bold;
    color: var(--mud-palette-warning);
}

.hover-container[b-n39i1zhect] {
    position: relative;
}

#total-amounts[b-n39i1zhect] {
    border-radius: 5px;
    text-align: center;
    background-color: var(--mud-palette-table-hover);
}

.hover-content[b-n39i1zhect] {
    display: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    /* Add these styles for following effect */
    position: absolute;
    z-index: 200; /* Ensure it appears above other content */
}

.hover-container:hover .hover-content[b-n39i1zhect] {
    display: block;
    opacity: 1;
    pointer-events: auto;
    padding: 5px;
    font-weight: bold;
    border-radius: 15px;
    color: white;
    /* Update positioning on hover */
    top: 150%; /* Position below the trigger initially */
    left: 50%;
    transform: translateX(-50%); /* Center horizontally */
}

.hover-container:hover .hover-content:hover[b-n39i1zhect] {
        /* Adjust positioning dynamically based on mouse position */
        top: calc(100% + 5px); /* Add a small offset for better visibility */
        left: calc(50% - 10px); /* Adjust horizontally for content width */
    }

.approved-hover[b-n39i1zhect] {
    background-color: var(--mud-palette-success);
}

.proposed-hover[b-n39i1zhect] {
    background-color: var(--mud-palette-warning);
}

.month-filter:hover[b-n39i1zhect]{
    cursor:pointer
}

.project-initiated[b-n39i1zhect] {
    background-color: rgba(var(--mud-palette-success-rgb), 0.25);
    font-weight: bold;
    /*color: white;*/
}
/* /Shared/Fubics/FubicCode.razor.rz.scp.css */
.verification-body[b-6y5fm9926u] {
    position: relative;
}

.verfication-panel[b-6y5fm9926u] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .verfication-panel .verification-code[b-6y5fm9926u] {
        height: 2.5rem;
        width: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: .8rem;
        font-size: larger;
        font-weight: 700;
        background: #fcfcffc9;
        flex-grow: 1;
        z-index: 1;
        position: relative;
        overflow: hidden;
    }

        .verfication-panel .verification-code.last-child[b-6y5fm9926u] {
            margin-right: 0;
        }

.verification-input[b-6y5fm9926u] {
    max-height: 0;
    max-width: 0;
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: default;
    z-index: -1;
    padding: 0;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    color: transparent !important;
    font-size: 1px !important;
}

@media (prefers-color-scheme: dark) {
    .has-darkmode .verification-code[b-6y5fm9926u] {
        color: #b1b1b1;
        background-color: #222222c9;
        border: 1px solid #515151;
    }
}

/* /Shared/LoginComponent.razor.rz.scp.css */
/*
    The login screen's atmosphere, ported from the eomisv2 frontend's anonymous layout
    (frontend/src/routes/(anonymous)/_anonymous-layout.tsx) so the two products read as
    one system: a fine grid with two large colour washes bled in from opposite corners.

    Every colour is a MudBlazor palette variable rather than a literal, so the whole
    thing follows the theme into dark mode without a second set of rules. `in srgb`
    rather than eomisv2's `in oklch` because the Mud palette is hex; oklch interpolation
    of a hex value shifts the hue on the way to transparent.
*/

.login-backdrop[b-ex9blcbqum] {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-color: var(--mud-palette-background);
    background-image:
        linear-gradient(to right, color-mix(in srgb, var(--mud-palette-text-primary) 14%, transparent) 1px, transparent 1px),
        linear-gradient(to bottom, color-mix(in srgb, var(--mud-palette-text-primary) 14%, transparent) 1px, transparent 1px),
        radial-gradient(circle 620px at 18% 82%, color-mix(in srgb, var(--mud-palette-primary) 45%, transparent), transparent),
        radial-gradient(circle 620px at 82% 18%, color-mix(in srgb, var(--mud-palette-secondary) 40%, transparent), transparent);
    background-size: 48px 48px, 48px 48px, 100% 100%, 100% 100%;
}

.login-stage[b-ex9blcbqum] {
    position: relative;
    z-index: 1;
}

/*
    The card has to sit clearly in front of the grid, which a flat surface at elevation 2
    did not. Three things separate it: a real shadow, a hairline border, and a blur so the
    grid does not read through the edges.
*/
[b-ex9blcbqum] .login-card {
    width: 100%;
    max-width: 460px;

    /*
        Opaque, not translucent. A frosted card borrows the backdrop's colour and is
        harder to pick out, not easier - the separation has to come from the edge and
        the shadow instead.
    */
    background-color: var(--mud-palette-surface);
    border: 1px solid color-mix(in srgb, var(--mud-palette-text-primary) 14%, transparent);
    box-shadow:
        0 1px 2px color-mix(in srgb, var(--mud-palette-text-primary) 6%, transparent),
        0 12px 28px -6px color-mix(in srgb, var(--mud-palette-text-primary) 18%, transparent),
        0 32px 64px -24px color-mix(in srgb, var(--mud-palette-text-primary) 22%, transparent);
}

/*
    Both seals are dark rings with light lettering, so on a dark surface they lose their
    outer edge entirely. The plate is white in both themes: against the light card it is
    white-on-white and invisible, against the dark card it is the disc the artwork needs.
    That is one rule instead of a dark-mode selector, and MudBlazor's stock light surface
    is #FFF, so there is nothing for it to show against.
*/
[b-ex9blcbqum] .login-seal {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    padding: 3px;
    border-radius: 50%;
    background-color: #fff;
}

[b-ex9blcbqum] .login-seal img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* One entrance, not a sequence of them. */
.login-stage > *[b-ex9blcbqum] {
    animation: login-rise-b-ex9blcbqum 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.login-stage > *:nth-child(2)[b-ex9blcbqum] {
    animation-delay: 70ms;
}

@keyframes login-rise-b-ex9blcbqum {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-stage > *[b-ex9blcbqum] {
        animation: none;
    }
}
/* /Shared/MainDocuments/DetailedUnitPriceAnalysisFormat.razor.rz.scp.css */
.custom-sticky-buttons[b-wlbzxi00v6] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 200;
    bottom: 40px;
    left: 40px;
}
/* /Shared/MainDocuments/DetailedUnitPriceAnalysisGeneralFormat.razor.rz.scp.css */
.custom-sticky-buttons[b-bsmq99aby4] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 200;
    bottom: 40px;
    left: 40px;
}
/* /Shared/MainDocuments/ProgramOfWorksFormat.razor.rz.scp.css */
.custom-container[b-1as4fb6emy] {
    overflow-x: scroll;
}

table[b-1as4fb6emy] {
    border-collapse: collapse;
    background-color: var(--mud-palette-surface);
    width: 2000px;
}

table th[b-1as4fb6emy], td[b-1as4fb6emy] {
    border: 1px solid var(--mud-palette-table-lines);
    padding: 8px;
    text-align: left;
}

table th[b-1as4fb6emy] {
    position: -webkit-sticky;  /*For Safari*/ 
    position: sticky;
    background-color: var(--mud-palette-dark);
    top: 0;
    z-index: 115;
}


.order-column[b-1as4fb6emy] {
    width: 70px;
}

.sticky-columns[b-1as4fb6emy] {
    z-index: 110;
    background-color: var(--mud-palette-background-gray);
}

.sticky-header[b-1as4fb6emy] {
    background-color: var(--mud-palette-dark);
    z-index: 120;
}

.item-number[b-1as4fb6emy] {
    position: -webkit-sticky; 
    position: sticky;
    left: 0; 
    width: 100px;
}



.hover-container[b-1as4fb6emy] {
    position: relative;
}

.hover-content[b-1as4fb6emy] {
    display: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    /* Add these styles for following effect */
    position: absolute;
    z-index: 500; /* Ensure it appears above other content */
}

.hover-container:hover .hover-content[b-1as4fb6emy] {
    display: block;
    opacity: 1;
    pointer-events: auto;
    padding: 5px 15px 5px 15px ;
    width: 300px;
    font-weight: bold;
    border-radius: 15px;
    font-size: 0.8rem;
    color: var(--mud-palette-info-text);
    background-color: var(--mud-palette-info);
    top: 15%;
    left: 270%;
    transform: translateX(-50%);
}

.hover-container:hover .viewing-mode[b-1as4fb6emy] {
    top: -30%;
    left: 215%;
}



.editor-column[b-1as4fb6emy] {
    width: 30px;
}

.profile-hover[b-1as4fb6emy] {
    position: relative;
}

.profile-hover-content[b-1as4fb6emy] {
    display: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    /* Add these styles for following effect */
    position: absolute;
    z-index: 500; /* Ensure it appears above other content */
}

.profile-hover:hover .profile-hover-content[b-1as4fb6emy] {
    display: block;
    opacity: 1;
    pointer-events: auto;
    padding: 5px 15px 5px 15px;
    width: 300px;
    font-weight: bold;
    border-radius: 5px;
    font-size: 0.8rem;
    color: var(--mud-palette-info-text);
    background-color: var(--mud-palette-info);
    top: -100%;
    left: -350%;
    transform: translateX(-50%);
}


.wide-column[b-1as4fb6emy]{
    width:450px;
}

.narrow-width[b-1as4fb6emy]{
    width: 100px;
}

.normal-width[b-1as4fb6emy]{
    width: 150px
}

.total-column[b-1as4fb6emy] {
    background-color: var(--mud-palette-warning);
    font-weight: bold;
}

.total-column-viewing[b-1as4fb6emy] {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
}

.total-header-viewing[b-1as4fb6emy] {
    position: -webkit-sticky;
    position: sticky;
    background-color: var(--mud-palette-dark);
    z-index: 120;
    right: 0;
}

.thin-column[b-1as4fb6emy] {
    width: 50px;
}

.delete-column[b-1as4fb6emy] {
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    right: 0;
}

.pin-sticky[b-1as4fb6emy] {
    position: -webkit-sticky;
    position: sticky;
    top: 130px;
    z-index: 400;
}




.custom-sticky-buttons[b-1as4fb6emy] {
    position: -webkit-sticky; /*For Safari*/
    position: sticky;
    z-index: 200;
    bottom: 40px;
    left: 40px;
}
/* /Shared/MainDocuments/ProgramOfWorksFormat2.razor.rz.scp.css */
table th[b-v235324rm3], td[b-v235324rm3] {
    border: 1px solid var(--mud-palette-table-lines);
    padding: 8px;
    text-align: left;
}

.profile-hover[b-v235324rm3] {
    position: relative;
}

.profile-hover-content[b-v235324rm3] {
    display: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    /* Add these styles for following effect */
    position: absolute;
    z-index: 500; /* Ensure it appears above other content */
}

.profile-hover:hover .profile-hover-content[b-v235324rm3] {
    display: block;
    opacity: 1;
    pointer-events: auto;
    padding: 5px 15px 5px 15px;
    width: 300px;
    font-weight: bold;
    border-radius: 5px;
    font-size: 0.8rem;
    color: var(--mud-palette-info-text);
    background-color: var(--mud-palette-info);
    top: -100%;
    left: -350%;
    transform: translateX(-50%);
}

@keyframes layers1-b-v235324rm3 {
    0% {
        box-shadow: 0px 0px 0 0px
    }

    90%, 100% {
        box-shadow: 120px 120px 0 -4px
    }
}

@keyframes layerTr-b-v235324rm3 {
    0% {
        transform: translate(0, 0) scale(1)
    }

    100% {
        transform: translate(-150px, -150px) scale(1)
    }
}
/* /Shared/MainDocuments/ProgramOfWorksReview.razor.rz.scp.css */
.custom-container[b-tdc42gexko] {
    overflow-x: scroll;
}

table[b-tdc42gexko] {
    border-collapse: collapse;
    background-color: var(--mud-palette-surface);
    width: 2000px;
}

table th[b-tdc42gexko], td[b-tdc42gexko] {
    border: 1px solid var(--mud-palette-table-lines);
    padding: 8px;
    text-align: left;
}

table th[b-tdc42gexko] {
    position: -webkit-sticky;  /*For Safari*/ 
    position: sticky;
    background-color: var(--mud-palette-dark);
    top: 0;
    z-index: 115;
}


.order-column[b-tdc42gexko] {
    width: 70px;
}

.sticky-columns[b-tdc42gexko] {
    position: -webkit-sticky;
    position: sticky;
    z-index: 110;
    background-color: var(--mud-palette-background-gray);
}

.sticky-header[b-tdc42gexko] {
    background-color: var(--mud-palette-dark);
    z-index: 120;
}

.item-number[b-tdc42gexko] {
    left: 0; 
    width: 100px;
}



.hover-container[b-tdc42gexko] {
    position: relative;
}

.hover-content[b-tdc42gexko] {
    display: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    /* Add these styles for following effect */
    position: absolute;
    z-index: 500; /* Ensure it appears above other content */
}

.hover-container:hover .hover-content[b-tdc42gexko] {
    display: block;
    opacity: 1;
    pointer-events: auto;
    padding: 5px 15px 5px 15px ;
    width: 300px;
    font-weight: bold;
    border-radius: 15px;
    font-size: 0.8rem;
    color: var(--mud-palette-info-text);
    background-color: var(--mud-palette-info);
    top: 15%;
    left: 270%;
    transform: translateX(-50%);
}

.hover-container:hover .viewing-mode[b-tdc42gexko] {
    top: -30%;
    left: 215%;
}

.wide-column[b-tdc42gexko]{
    width:450px;
}

.narrow-width[b-tdc42gexko]{
    width: 100px;
}

.normal-width[b-tdc42gexko]{
    width: 150px
}

.total-column[b-tdc42gexko] {
    background-color: var(--mud-palette-warning);
    font-weight: bold;
}

.thin-column[b-tdc42gexko] {
    width: 50px;
}

.reviewed-column[b-tdc42gexko] {
    right: 446px;
}
.passed-column[b-tdc42gexko] {
    right: 375px;
}

.item-passed[b-tdc42gexko] {
    background-color: var(--mud-palette-success);
}

.item-failed[b-tdc42gexko] {
    background-color: var(--mud-palette-error);
}

.note-column[b-tdc42gexko] {
    width:350px;
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    right: 0;
    font-weight:bold;
    color:white;
}

.pin-sticky[b-tdc42gexko] {
    position: -webkit-sticky;
    position: sticky;
    top: 130px;
    z-index: 1000;
}