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

/* /Components/Loader.razor.rz.scp.css */
body[b-nnnkk6ub6z] {
    background-color: #222;
}

#preloader[b-nnnkk6ub6z] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

#loader[b-nnnkk6ub6z] {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #9370DB;
    -webkit-animation: spin 2s linear infinite;
    animation: spin-b-nnnkk6ub6z 2s linear infinite;
}

    #loader[b-nnnkk6ub6z]:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #BA55D3;
        -webkit-animation: spin 3s linear infinite;
        animation: spin-b-nnnkk6ub6z 3s linear infinite;
    }

    #loader[b-nnnkk6ub6z]:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #FF00FF;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin-b-nnnkk6ub6z 1.5s linear infinite;
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin-b-nnnkk6ub6z {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* /Components/Loader2.razor.rz.scp.css */
/* Full screen loader styles */
#full-screen-loader[b-9r88tufxg2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999; /* Ensure it is on top of other elements */
    background: #1d1b2d; /* Match the background color */
}

/* Vertical centered box */
.vertical-centered-box[b-9r88tufxg2] {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
}

    .vertical-centered-box[b-9r88tufxg2]::after {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }

    .vertical-centered-box .loader-content[b-9r88tufxg2] {
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        font-size: 16px; /* Set a visible font size */
        color: white; /* Set text color to ensure visibility */
    }

/* Loader circle */
.loader-circle[b-9r88tufxg2] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
    margin-left: -60px;
    margin-top: -60px;
    /* animation: fade 1.2s infinite ease-in-out; */
}

/* Loader line mask */
.loader-line-mask[b-9r88tufxg2] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 120px;
    margin-left: -60px;
    margin-top: -60px;
    overflow: hidden;
    transform-origin: 60px 60px;
    -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    animation: rotate-b-9r88tufxg2 1.2s infinite linear;
}

    /* Loader line */
    .loader-line-mask .loader-line[b-9r88tufxg2] {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
    }

/* Particles background and foreground */
#particles-background[b-9r88tufxg2],
#particles-foreground[b-9r88tufxg2] {
    left: -51%;
    top: -51%;
    width: 202%;
    height: 202%;
    transform: scale3d(.5, .5, 1);
}

#particles-background[b-9r88tufxg2] {
    background: #1d1b2d; /* Approximation for mix(#3f3251, #002025, 70%) */
    background-image: -moz-linear-gradient(45deg, #3f3251 2%, #002025 100%);
    background-image: -webkit-linear-gradient(45deg, #3f3251 2%, #002025 100%);
    background-image: linear-gradient(45deg, #3f3251 2%, #002025 100%);
}

/* Keyframes */
@keyframes rotate-b-9r88tufxg2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fade-b-9r88tufxg2 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.25;
    }
}

@keyframes fade-in-b-9r88tufxg2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* /Pages/AgentPortal/Components/ReportABugComponent.razor.rz.scp.css */
/* /Pages/BlobManager/BlobManager.razor.rz.scp.css */
.title-container[b-r63o0zhkc8] {
    text-align: center;
    margin-bottom:20px;
}

.title-text[b-r63o0zhkc8] {
    text-decoration: underline;
}

#filetable[b-r63o0zhkc8] 
{

background-color: green;

}
/* /Pages/BlobManager/Components/BlobManagerComponent.razor.rz.scp.css */
body[b-19yge2ichn] {
}


/* /Pages/Communications/FollowUps/FollowUpCallQueue.razor.rz.scp.css */
[b-imsx37nu09] th.dark {
    color: white !important;
    background-color: black !important;
}

.flex-container[b-imsx37nu09] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full height of the viewport */
    overflow: hidden;
    margin-top: 10px;
}

[b-imsx37nu09] .mud-table {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Or 'auto' if you want a scrollbar when content overflows */
}

[b-imsx37nu09] .mud-thead {
    flex: 0 0 auto; /* Prevent the header from growing and shrinking, making it "sticky" */
    /* Add additional styling for your sticky header if needed */
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
}

[b-imsx37nu09] .mud-tbody {
    flex: 1 1 auto; /* Allow the body to grow and shrink as needed */
    overflow: auto; /* Add scrollbars as needed */
}

.select-header[b-imsx37nu09] {
    border-bottom: 2px solid #A0A0A0;
}
/* /Pages/Communications/FollowUps/Schedule.razor.rz.scp.css */
.title-container[b-30tq5reruk] {
    text-align: center;
    margin-bottom:20px;
}

.title-text[b-30tq5reruk] {
    text-decoration: underline;
}
/* /Pages/Complaints/Components/ViewComplaintNotesComponent.razor.rz.scp.css */
[b-xr3kx1k6ei] .checkbox > div > label > p {
    font-size: .9em;
}
/* /Pages/Complaints/Tracker.razor.rz.scp.css */
[b-xf5jvzv2m0] th.dark {
    color: white !important;
    background-color: black !important;
}

.flex-container[b-xf5jvzv2m0] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full height of the viewport */
    overflow: hidden;
    margin-top: 10px;
}

[b-xf5jvzv2m0] .mud-table {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Or 'auto' if you want a scrollbar when content overflows */
}

[b-xf5jvzv2m0] .mud-thead {
    flex: 0 0 auto; /* Prevent the header from growing and shrinking, making it "sticky" */
    /* Add additional styling for your sticky header if needed */
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
}

[b-xf5jvzv2m0] .mud-tbody {
    flex: 1 1 auto; /* Allow the body to grow and shrink as needed */
    overflow: auto; /* Add scrollbars as needed */
}

.select-header[b-xf5jvzv2m0] {
    border-bottom: 2px solid #A0A0A0;
}

[b-xf5jvzv2m0] p.top-col {
    min-height: 1.5em;
    background-color: #f2f2f2;
}

[b-xf5jvzv2m0] .button-container {
    display: flex;
    flex-direction: column;
    align-items: stretch; /* This makes the buttons stretch to fill the container */
}

    /* Optional: If you don't use a utility class for margin, you can specify it here */
    [b-xf5jvzv2m0] .button-container > button {
        margin-bottom: 8px; /* Adjust as needed */
    }

        /* Remove bottom margin from the last button */
        [b-xf5jvzv2m0] .button-container > button:last-child {
            margin-bottom: 0;
        }
/* /Pages/EpicAccountManagement/Components/UserDetail.razor.rz.scp.css */
.user-detail[b-dqmdbjl67e] {
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    .user-detail.success[b-dqmdbjl67e] {
        background-color: #e0f7fa;
        border-left: 5px solid #00796b;
    }

    .user-detail.warning[b-dqmdbjl67e] {
        background-color: #fff3e0;
        border-left: 5px solid #f57c00;
    }

    .user-detail.error[b-dqmdbjl67e] {
        background-color: #ffebee;
        border-left: 5px solid #d32f2f;
    }
/* /Pages/EpicAccountManagement/CreateUser.razor.rz.scp.css */
.select-header[b-uinej40i5i] {
    border-bottom: 2px solid #A0A0A0;
}
/* /Pages/Fraud/BankingLookup.razor.rz.scp.css */
[b-bmml8gumk3] th.dark {
    color: white !important;
    background-color: black !important;
}

.flex-container[b-bmml8gumk3] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full height of the viewport */
    overflow: hidden;
}

[b-bmml8gumk3] .mud-table {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Or 'auto' if you want a scrollbar when content overflows */
}

[b-bmml8gumk3] .mud-thead {
    flex: 0 0 auto; /* Prevent the header from growing and shrinking, making it "sticky" */
    /* Add additional styling for your sticky header if needed */
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
}

[b-bmml8gumk3] .mud-tbody {
    flex: 1 1 auto; /* Allow the body to grow and shrink as needed */
    overflow: auto; /* Add scrollbars as needed */
}

.select-header[b-bmml8gumk3] {
    border-bottom: 2px solid #A0A0A0;
}
/* /Pages/Fraud/Components/FraudCallQComponent.razor.rz.scp.css */
[b-yj4f7acjn5] th.dark {
    color: white !important;
    background-color: black !important;
}
/* /Pages/Fraud/LoanHistory.razor.rz.scp.css */
table[b-cjetya6ltt] {
    border-collapse: separate;
    border-spacing: 0;
    border-color: black;
}

.table[b-cjetya6ltt] {
    margin-bottom: unset !important;
}

    .table td[b-cjetya6ltt] {
        text-align: center;
        vertical-align: middle;
    }

thead[b-cjetya6ltt], tbody[b-cjetya6ltt], tfoot[b-cjetya6ltt], tr[b-cjetya6ltt], td[b-cjetya6ltt], th[b-cjetya6ltt] {
    border: none !important;
}

thead[b-cjetya6ltt] {
    position: sticky;
    top: 0px;
}

td[b-cjetya6ltt] {
    opacity: 1;
    line-height: 20px;
    transition: all 0.2s ease-in-out;
    font-size: 12px;
}

tr[b-cjetya6ltt] {
    opacity: 1;
    line-height: 20px;
    transition: all 0.2s ease-in-out;
    font-size: 12px;
}

.hide[b-cjetya6ltt] {
    opacity: 0;
    line-height: 0px;
    padding: 0px;
}

th[b-cjetya6ltt] {
    font-size: 14px;
}
.flex-container[b-cjetya6ltt] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full height of the viewport */
    overflow: hidden;
    margin-top: 10px;
}
/* /Pages/Fraud/Tracker.razor.rz.scp.css */
[b-96c63g7m0e] th.dark {
    color: white !important;
    background-color: black !important;
}

.flex-container[b-96c63g7m0e] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full height of the viewport */
    overflow: hidden;
}

[b-96c63g7m0e] .mud-table {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Or 'auto' if you want a scrollbar when content overflows */
}

[b-96c63g7m0e] .mud-thead {
    flex: 0 0 auto; /* Prevent the header from growing and shrinking, making it "sticky" */
    /* Add additional styling for your sticky header if needed */
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
}

[b-96c63g7m0e] .mud-tbody {
    flex: 1 1 auto; /* Allow the body to grow and shrink as needed */
    overflow: auto; /* Add scrollbars as needed */
}

.select-header[b-96c63g7m0e] {
    border-bottom: 2px solid #A0A0A0;
}
/* /Pages/Index.razor.rz.scp.css */
[b-54jpiyesgc] header {
    font-weight: 600;
    display: block;
    background: rgba(255,255,255,.5);
    transform-origin: 0 0;
    transition: transform var(--duration) var(--easing), color var(--duration) var(--easing);
    transition-delay: var(--delay-out);
    border-radius: 7px;
    padding: 1em 1.52em;
}

[b-54jpiyesgc] .highlighted {
    padding: 5px;
}

[b-54jpiyesgc] .pdate {
    color: mediumpurple;
}

[b-54jpiyesgc] .new {
    color: white;
}

[b-54jpiyesgc] .inactive {
    color: gray;
}

[b-54jpiyesgc] .dev {
    color: darkgreen;
}

[b-54jpiyesgc] .menu-container {
    margin: 0;
    padding: 0;
    list-style: none;
}

[b-54jpiyesgc] .menu-item {
    margin: 10px 0;
}

[b-54jpiyesgc] .menu-header {
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 8px 16px;
    color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
}

[b-54jpiyesgc] .menu-header {
    background-color: var(--menu-item-bg) !important;
}

    [b-54jpiyesgc] .menu-header:hover {
        background-color: var(--menu-item-hover-bg) !important;
    }

[b-54jpiyesgc] .menu-content {
    display: none;
    margin-left: 20px;
    padding-left: 10px;
    border-left: 2px solid #ddd;
}

[b-54jpiyesgc] .menu-item.expanded > .menu-content {
    display: block;
}

[b-54jpiyesgc] .menu-link {
    display: block;
    padding: 8px 16px;
    color: #666;
    text-decoration: none;
    transition: all 0.2s;
}

    [b-54jpiyesgc] .menu-link:hover {
        color: #333;
        background-color: yellow;
        transform: translateX(5px);
    }

[b-54jpiyesgc] .search-highlight {
    background-color: #fff3cd;
    color: white !important;
    background-color: border-color: var(--menu-item-border) !important;
    padding: .7em 1em !important;
}

.onHover a:hover[b-54jpiyesgc] {
    background-color: var(--menu-item-hover-bg) !important;
    border-color: var(--menu-item-hover-border) !important;
}
/* /Pages/IndexGroup.razor.rz.scp.css */
/* empty */
/* /Pages/Operations/ManualCreditRequest.razor.rz.scp.css */
[b-3hmmjr4t4h] th.dark {
    color: white !important;
    background-color: black !important;
}

.flex-container[b-3hmmjr4t4h] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full height of the viewport */
    overflow: hidden;
    margin-top: 10px;
}

[b-3hmmjr4t4h] .mud-table {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Or 'auto' if you want a scrollbar when content overflows */
}

[b-3hmmjr4t4h] .mud-thead {
    flex: 0 0 auto; /* Prevent the header from growing and shrinking, making it "sticky" */
    /* Add additional styling for your sticky header if needed */
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
}

[b-3hmmjr4t4h] .mud-tbody {
    flex: 1 1 auto; /* Allow the body to grow and shrink as needed */
    overflow: auto; /* Add scrollbars as needed */
}

.select-header[b-3hmmjr4t4h] {
    border-bottom: 2px solid #A0A0A0;
}

[b-3hmmjr4t4h] p.top-col {
    min-height: 1.5em;
    background-color: #f2f2f2;
}

[b-3hmmjr4t4h] .button-container {
    display: flex;
    flex-direction: column;
    align-items: stretch; /* This makes the buttons stretch to fill the container */
}

    /* Optional: If you don't use a utility class for margin, you can specify it here */
    [b-3hmmjr4t4h] .button-container > button {
        margin-bottom: 8px; /* Adjust as needed */
    }

        /* Remove bottom margin from the last button */
        [b-3hmmjr4t4h] .button-container > button:last-child {
            margin-bottom: 0;
        }
/* /Pages/Operations/OperationalQA/Components/ViewOpportunityNotesComponent.razor.rz.scp.css */
[b-e9q09te6qn] .checkbox > div > label > p {
    font-size: .9em;
}

[b-e9q09te6qn] .notestextDark {
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border-color: var(--mud-palette-gray-default);
    border-style: solid;
    border-width: 1px;
    border-radius: var(--mud-default-borderradius);
    
}
[b-e9q09te6qn] .notestext {
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border-color: var(--mud-palette-gray-default);
    border-style: solid;
    border-width: 1px;
    border-radius: var(--mud-default-borderradius);
}
/* /Pages/Operations/OperationalQA/MyOperationalQAs.razor.rz.scp.css */
[b-1yzjne0qrl] th.dark {
    color: white !important;
    background-color: black !important;
}

.flex-container[b-1yzjne0qrl] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full height of the viewport */
    overflow: hidden;
    margin-top: 10px;
}

[b-1yzjne0qrl] .mud-table {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Or 'auto' if you want a scrollbar when content overflows */
}

[b-1yzjne0qrl] .mud-thead {
    flex: 0 0 auto; /* Prevent the header from growing and shrinking, making it "sticky" */
    /* Add additional styling for your sticky header if needed */
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
}

[b-1yzjne0qrl] .mud-tbody {
    flex: 1 1 auto; /* Allow the body to grow and shrink as needed */
    overflow: auto; /* Add scrollbars as needed */
}

.select-header[b-1yzjne0qrl] {
    border-bottom: 2px solid #A0A0A0;
}

[b-1yzjne0qrl] p.top-col {
    min-height: 1.5em;
    background-color: #f2f2f2;
}

[b-1yzjne0qrl] .button-container {
    display: flex;
    flex-direction: column;
    align-items: stretch; /* This makes the buttons stretch to fill the container */
}

    /* Optional: If you don't use a utility class for margin, you can specify it here */
    [b-1yzjne0qrl] .button-container > button {
        margin-bottom: 8px; /* Adjust as needed */
    }

        /* Remove bottom margin from the last button */
        [b-1yzjne0qrl] .button-container > button:last-child {
            margin-bottom: 0;
        }
/* /Pages/Operations/OperationalQA/OperationalQaTracker.razor.rz.scp.css */
[b-z3fb1dnsxn] th.dark {
    color: white !important;
    background-color: black !important;
}

.flex-container[b-z3fb1dnsxn] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full height of the viewport */
    overflow: hidden;
    margin-top: 10px;
}

[b-z3fb1dnsxn] .mud-table {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Or 'auto' if you want a scrollbar when content overflows */
}

[b-z3fb1dnsxn] .mud-thead {
    flex: 0 0 auto; /* Prevent the header from growing and shrinking, making it "sticky" */
    /* Add additional styling for your sticky header if needed */
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
}

[b-z3fb1dnsxn] .mud-tbody {
    flex: 1 1 auto; /* Allow the body to grow and shrink as needed */
    overflow: auto; /* Add scrollbars as needed */
}

.select-header[b-z3fb1dnsxn] {
    border-bottom: 2px solid #A0A0A0;
}

[b-z3fb1dnsxn] p.top-col {
    min-height: 1.5em;
    background-color: #f2f2f2;
}

[b-z3fb1dnsxn] .button-container {
    display: flex;
    flex-direction: column;
    align-items: stretch; /* This makes the buttons stretch to fill the container */
}

    /* Optional: If you don't use a utility class for margin, you can specify it here */
    [b-z3fb1dnsxn] .button-container > button {
        margin-bottom: 8px; /* Adjust as needed */
    }

        /* Remove bottom margin from the last button */
        [b-z3fb1dnsxn] .button-container > button:last-child {
            margin-bottom: 0;
        }
/* /Pages/Operations/SettlementRequest.razor.rz.scp.css */
[b-bmqeklc94n] th.dark {
    color: white !important;
    background-color: black !important;
}

.flex-container[b-bmqeklc94n] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full height of the viewport */
    overflow: hidden;
    margin-top: 10px;
}

[b-bmqeklc94n] .mud-table {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Or 'auto' if you want a scrollbar when content overflows */
}

[b-bmqeklc94n] .mud-thead {
    flex: 0 0 auto; /* Prevent the header from growing and shrinking, making it "sticky" */
    /* Add additional styling for your sticky header if needed */
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
}

[b-bmqeklc94n] .mud-tbody {
    flex: 1 1 auto; /* Allow the body to grow and shrink as needed */
    overflow: auto; /* Add scrollbars as needed */
}

.select-header[b-bmqeklc94n] {
    border-bottom: 2px solid #A0A0A0;
}

[b-bmqeklc94n] p.top-col {
    min-height: 1.5em;
    background-color: #f2f2f2;
}

[b-bmqeklc94n] .button-container {
    display: flex;
    flex-direction: column;
    align-items: stretch; /* This makes the buttons stretch to fill the container */
}

    /* Optional: If you don't use a utility class for margin, you can specify it here */
    [b-bmqeklc94n] .button-container > button {
        margin-bottom: 8px; /* Adjust as needed */
    }

        /* Remove bottom margin from the last button */
        [b-bmqeklc94n] .button-container > button:last-child {
            margin-bottom: 0;
        }
/* /Pages/QAForm/AgentList.razor.rz.scp.css */
body[b-1iqdmls7ym] {
}
.table-darkmode tr[b-1iqdmls7ym] {
    color: white !important;
}
/* /Pages/QAForm/CallDownloader.razor.rz.scp.css */
body[b-1nb6muaf11] {
    overflow: hidden !important;
}

.this-form-component[b-1nb6muaf11] {
    width: 100%;
}

.this-search-button[b-1nb6muaf11] {
    width: 100%;
}

.this-table-wrapper[b-1nb6muaf11] {
    padding: 0px;
    width: calc(100vw - 72px);
    height: calc(100vh - 280px);
    margin-left: 0px;
}

table[b-1nb6muaf11] {
    border-collapse: separate;
    border-spacing: 0;
}

.table[b-1nb6muaf11] {
    margin-bottom: unset !important;
}

.table td[b-1nb6muaf11] {
    text-align: center;
    vertical-align: middle;
}

thead[b-1nb6muaf11] {
    position: sticky;
    top: 0px;
    z-index: 9999;
    text-align: center;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .this-table-wrapper[b-1nb6muaf11] {
        max-height: calc(100vh - 250px);
        overflow: auto;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .this-table-wrapper[b-1nb6muaf11] {
        max-height: calc(100vh - 370px);
        overflow: auto;
    }
}

@media (min-width: 1px) and (max-width: 575px) {
    .this-table-wrapper[b-1nb6muaf11] {
        max-height: calc(100vh - 480px);
        overflow: auto;
    }
}

.select-header[b-1nb6muaf11] {
    border-bottom: 2px solid #A0A0A0;
}
/* /Pages/QAForm/Components/LiveFormBottomControlsComponent.razor.rz.scp.css */
textarea[b-6zqfrmk9rz], input[b-6zqfrmk9rz] {
    border-width: unset;
}
/* /Pages/QAForm/Components/LiveFormQuestionComponent.razor.rz.scp.css */
input[b-j6g3jg7n3w] {
    border-width: unset;
}
/* /Pages/QAForm/DepartmentAgentStats.razor.rz.scp.css */
th.rotated-text[b-miimvqyymn] {
    height: 100px;
    white-space: nowrap;
    padding: 0 !important;
}

    th.rotated-text > div[b-miimvqyymn] {
        transform: translate(0px, 0px) rotate(270deg);
        width: 30px;
    }

        th.rotated-text > div > span[b-miimvqyymn] {
            padding: 5px 0px;
        }
.table-custom td[b-miimvqyymn], .table-custom th[b-miimvqyymn] {
    text-align: center;
    vertical-align: middle !important;
    border-bottom-width: 1px;

}
.table-custom td[b-miimvqyymn] {

    padding: 0.3em !important;
}
/* /Pages/QAForm/ReviewMonthlyOriginationScores.razor.rz.scp.css */
/*Remove borders from tables*/
.table td[b-uefq5vg8lc], .table th[b-uefq5vg8lc] {
    border-top: none;
}

.gooddot[b-uefq5vg8lc] {
    height: 25px;
    width: 25px;
    background-color: darkgreen;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 16px;
}

.baddot[b-uefq5vg8lc] {
    height: 25px;
    width: 25px;
    background-color: darkred;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 16px;
}

.agent[b-uefq5vg8lc] {
    border: 1px solid #dee2e6;
}
/* /Pages/QAForm/ReviewMonthlyScores.razor.rz.scp.css */
/*Remove borders from tables*/
.table td[b-wkdfyxeaag], .table th[b-wkdfyxeaag] {
    border-top: none;
}

.gooddot[b-wkdfyxeaag] {
    height: 25px;
    width: 25px;
    background-color: darkgreen;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 16px;
}

.baddot[b-wkdfyxeaag] {
    height: 25px;
    width: 25px;
    background-color: darkred;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 16px;
}

.agent[b-wkdfyxeaag] {
    border: 1px solid #dee2e6;
}
/* /Pages/QAForm/StartChat.razor.rz.scp.css */
textarea[b-ckdmz3wg4y] {
    border-width: unset;
}
/* /Pages/Research/AOFailedSystemIssueResearch.razor.rz.scp.css */
[b-d7iv2yaici] th.dark {
    color: white !important;
    background-color: black !important;
}

.flex-container[b-d7iv2yaici] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full height of the viewport */
    overflow: hidden;
    margin-top: 10px;
}

[b-d7iv2yaici] .mud-table {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Or 'auto' if you want a scrollbar when content overflows */
}

[b-d7iv2yaici] .mud-thead {
    flex: 0 0 auto; /* Prevent the header from growing and shrinking, making it "sticky" */
    /* Add additional styling for your sticky header if needed */
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
}

[b-d7iv2yaici] .mud-tbody {
    flex: 1 1 auto; /* Allow the body to grow and shrink as needed */
    overflow: auto; /* Add scrollbars as needed */
} 
/* /Pages/Research/AutoOriginationResearch.razor.rz.scp.css */
[b-p1rcul289l] th.dark {
    color: white !important;
    background-color: black !important;
}

.flex-container[b-p1rcul289l] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full height of the viewport */
    overflow: hidden;
    margin-top: 10px;
}

[b-p1rcul289l] .mud-table {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Or 'auto' if you want a scrollbar when content overflows */
}

[b-p1rcul289l] .mud-thead {
    flex: 0 0 auto; /* Prevent the header from growing and shrinking, making it "sticky" */
    /* Add additional styling for your sticky header if needed */
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
}

[b-p1rcul289l] .mud-tbody {
    flex: 1 1 auto; /* Allow the body to grow and shrink as needed */
    overflow: auto; /* Add scrollbars as needed */
} 
/* /Shared/AprilFools/AprilFoolsComponent.razor.rz.scp.css */
#floatingBox[b-vy3rjuqt7n] {
    position: fixed;
    top: 100px; /* adjust as needed */
    left: -100px; /* start off-screen */
    width: 100%;
    height: 100%;
    /*background-color: black;*/
    z-index: 9999;
    pointer-events: none; /* allows clicks to pass through */
}

@keyframes floatAcross-b-vy3rjuqt7n {
    0% {
        left: -50vw;
    }

    100% {
        left: 400vw;
    }
}

.animate[b-vy3rjuqt7n] {
    animation: floatAcross-b-vy3rjuqt7n 5s linear forwards;
}
/* /Shared/AprilFools/NyanCatComponent.razor.rz.scp.css */
/* 
   Pure-CSS version compiled from the original SCSS 
   with $scale=10px and $speed=1s. 
   No external dependencies, no placeholders.
*/

body[b-vj8tpwgaaf] {
    background: #036;
    overflow: hidden;
    margin: 0;
}

/* Common to many elements */
.cat[b-vj8tpwgaaf],
.poptart[b-vj8tpwgaaf],
.head[b-vj8tpwgaaf],
.feet[b-vj8tpwgaaf],
.tail[b-vj8tpwgaaf],
.rainbow[b-vj8tpwgaaf],
.sprite[b-vj8tpwgaaf],
.stars li[b-vj8tpwgaaf],
.stars li i[b-vj8tpwgaaf] {
    position: absolute;
    background-repeat: no-repeat;
    animation-iteration-count: infinite;
    animation-timing-function: linear, step-end;
    /* Some browsers need them separately: */
    animation-timing-function: step-end;
}

ul[b-vj8tpwgaaf],
li[b-vj8tpwgaaf] {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* -----------------------------------------------
   Cat Container
----------------------------------------------- */
.cat[b-vj8tpwgaaf] {
    top: 50%;
    left: 50%;
    margin-left: -100px; /* = -10 * 10px */
    margin-top: -100px; /* = -10 * 10px */
    animation-name: catCycle-b-vj8tpwgaaf;
    animation-duration: 0.5s; /* = 1s/2 */
}

@keyframes catCycle-b-vj8tpwgaaf {
    0%, 100% {
        margin-top: -100px;
    }

    33.3% {
        margin-top: -90px;
    }
}

/* -----------------------------------------------
   Poptart (210×180)
----------------------------------------------- */
.poptart[b-vj8tpwgaaf] {
    left: 0;
    top: 0;
    width: 210px;
    height: 180px;
    background-image:
    /* Sprinkles (#f39) */
    linear-gradient(to right, #f39 0%, #f39 100%), linear-gradient(to right, #f39 0%, #f39 100%), linear-gradient(to right, #f39 0%, #f39 100%), linear-gradient(to right, #f39 0%, #f39 100%), linear-gradient(to right, #f39 0%, #f39 100%), linear-gradient(to right, #f39 0%, #f39 100%), linear-gradient(to right, #f39 0%, #f39 100%), linear-gradient(to right, #f39 0%, #f39 100%), linear-gradient(to right, #f39 0%, #f39 100%), linear-gradient(to right, #f39 0%, #f39 100%), linear-gradient(to right, #f39 0%, #f39 100%),
    /* Frosting (#f9f) */
    linear-gradient( to right, transparent 0%, transparent 9.5238%, #f9f 9.5238%, #f9f 90.4762%, transparent 90.4762%, transparent 100% ), linear-gradient( to right, transparent 0%, transparent 14.2857%, #f9f 14.2857%, #f9f 85.7143%, transparent 85.7143%, transparent 100% ), linear-gradient( to right, transparent 0%, transparent 19.0476%, #f9f 19.0476%, #f9f 80.9524%, transparent 80.9524%, transparent 100% ),
    /* Bread (#fc9) with black border */
    linear-gradient( to right, black 0%, black 4.7619%, #fc9 4.7619%, #fc9 95.2381%, black 95.2381%, black 100% ), linear-gradient( to right, transparent 0%, transparent 4.7619%, black 4.7619%, black 9.5238%, #fc9 9.5238%, #fc9 90.4762%, black 90.4762%, black 95.2381%, transparent 95.2381%, transparent 100% ), linear-gradient( to right, transparent 0%, transparent 9.5238%, black 9.5238%, black 90.4762%, transparent 90.4762%, transparent 100% );
    background-position:
    /* Sprinkles (all 10×10) */
    90px 30px, 120px 30px, 40px 40px, 160px 50px, 80px 70px, 50px 90px, 90px 100px, 30px 110px, 70px 130px, 40px 140px, 110px 140px,
    /* Frosting */
    0px 40px, 0px 30px, 0px 20px,
    /* Bread */
    0px 20px, 0px 10px, 0px 0px;
    background-size:
    /* 11 sprinkles */
    10px 10px, 10px 10px, 10px 10px, 10px 10px, 10px 10px, 10px 10px, 10px 10px, 10px 10px, 10px 10px, 10px 10px, 10px 10px,
    /* 3 Frosting stripes */
    100% 100px, 100% 120px, 100% 140px,
    /* 3 Bread stripes */
    100% 140px, 100% 160px, 100% 100%;
}

/* -----------------------------------------------
   Head (160×130)
----------------------------------------------- */
.head[b-vj8tpwgaaf] {
    left: 100px;
    top: 50px;
    width: 160px;
    height: 130px;
    background-image: linear-gradient(to right, transparent 0%, transparent 6.25%, black 6.25%, black 12.5%, transparent 12.5%, transparent 75%, black 75%, black 87.5%, transparent 87.5%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 6.25%, black 6.25%, black 12.5%, #999 12.5%, #999 25%, black 25%, black 31.25%, transparent 31.25%, transparent 68.75%, black 68.75%, black 75%, #999 75%, #999 87.5%, black 87.5%, black 93.75%, transparent 93.75%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 6.25%, black 6.25%, black 12.5%, #999 12.5%, #999 31.25%, black 31.25%, black 37.5%, transparent 37.5%, transparent 62.5%, black 62.5%, black 68.75%, #999 68.75%, #999 87.5%, black 87.5%, black 93.75%, transparent 93.75%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 6.25%, black 6.25%, black 12.5%, #999 12.5%, #999 37.5%, black 37.5%, black 62.5%, #999 62.5%, #999 87.5%, black 87.5%, black 93.75%, transparent 93.75%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 6.25%, black 6.25%, black 12.5%, #999 12.5%, #999 87.5%, black 87.5%, black 93.75%, transparent 93.75%, transparent 100% ), linear-gradient(to right, black 0%, black 6.25%, #999 6.25%, #999 93.75%, black 93.75%, black 100% ), linear-gradient(to right, black 0%, black 6.25%, #999 6.25%, #999 25%, white 25%, white 31.25%, black 31.25%, black 37.5%, #999 37.5%, #999 68.75%, white 68.75%, white 75%, black 75%, black 81.25%, #999 81.25%, #999 93.75%, black 93.75%, black 100% ), linear-gradient(to right, black 0%, black 6.25%, #999 6.25%, #999 25%, black 25%, black 37.5%, #999 37.5%, #999 56.25%, black 56.25%, black 62.5%, #999 62.5%, #999 68.75%, black 68.75%, black 81.25%, #999 81.25%, #999 93.75%, black 93.75%, black 100% ), linear-gradient(to right, black 0%, black 6.25%, #999 6.25%, #999 12.5%, #f99 12.5%, #f99 25%, #999 25%, #999 81.25%, #f99 81.25%, #f99 93.75%, black 93.75%, black 100% ), linear-gradient(to right, black 0%, black 6.25%, #999 6.25%, #999 12.5%, #f99 12.5%, #f99 25%, #999 25%, #999 31.25%, black 31.25%, black 37.5%, #999 37.5%, #999 50%, black 50%, black 56.25%, #999 56.25%, #999 68.75%, black 68.75%, black 75%, #999 75%, #999 81.25%, #f99 81.25%, #f99 93.75%, black 93.75%, black 100% ), linear-gradient(to right, transparent 0%, transparent 6.25%, black 6.25%, black 12.5%, #999 12.5%, #999 25%, black 25%, black 75%, #999 75%, #999 87.5%, black 87.5%, black 93.75%, transparent 93.75%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 12.5%, black 12.5%, black 18.75%, #999 18.75%, #999 81.25%, black 81.25%, black 87.5%, transparent 87.5%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 18.75%, black 18.75%, black 81.25%, transparent 81.25%, transparent 100% );
    background-position: 0px 0px, 0px 10px, 0px 20px, 0px 30px, 0px 40px, 0px 50px, 0px 60px, 0px 70px, 0px 80px, 0px 90px, 0px 100px, 0px 110px, 0px 120px;
    background-size: 100% 10px;
    animation-name: headCycle-b-vj8tpwgaaf;
    animation-duration: 0.5s;
}

@keyframes headCycle-b-vj8tpwgaaf {
    0%, 100% {
        margin-left: 0;
        margin-top: 0;
    }

    16.7% {
        margin-left: 10px;
        margin-top: 0;
    }

    66.7% {
        margin-left: 0;
        margin-top: 0;
    }

    83.3% {
        margin-left: 0;
        margin-top: -10px;
    }
}

/* -----------------------------------------------
   Feet (240×50)
----------------------------------------------- */
.feet[b-vj8tpwgaaf] {
    width: 240px;
    height: 50px;
    overflow: hidden;
    left: -20px;
    top: 150px;
    animation-name: feetCycle-b-vj8tpwgaaf;
    animation-duration: 0.5s;
}

@keyframes feetCycle-b-vj8tpwgaaf {
    0%, 100% {
        margin-left: 0;
    }

    16.7% {
        margin-left: 10px;
    }

    33.3% {
        margin-left: 20px;
    }

    50% {
        margin-left: 10px;
    }

    66.7% {
        margin-left: -10px;
    }
}

.feet .sprite[b-vj8tpwgaaf] {
    top: 0;
    width: 240px;
    height: 150px; /* 3 frames × 50px each in the vertical sprite */
    background-image:
    /* Frame 1 rows */
    linear-gradient(to right, transparent 0%, transparent 8.3333%, black 8.3333%, black 16.6667%, #999 16.6667%, #999 20.8333%, transparent 20.8333%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 4.1667%, black 4.1667%, black 12.5%, #999 12.5%, #999 25%, transparent 25%, transparent 79.1667%, #999 79.1667%, #999 91.6667%, black 91.6667%, black 95.8333%, transparent 95.8333%, transparent 100% ), linear-gradient(to right, black 0%, black 4.1667%, #999 4.1667%, #999 16.6667%, black 16.6667%, black 25%, #999 25%, #999 41.6667%, black 41.6667%, black 45.8333%, transparent 45.8333%, transparent 58.3333%, black 58.3333%, black 62.5%, #999 62.5%, #999 75%, black 75%, black 83.3333%, #999 83.3333%, #999 95.8333%, black 95.8333%, black 100% ), linear-gradient(to right, black 0%, black 4.1667%, #999 4.1667%, #999 12.5%, black 12.5%, black 20.8333%, transparent 20.8333%, transparent 25%, black 25%, black 29.1667%, #999 29.1667%, #999 37.5%, black 37.5%, black 41.6667%, transparent 41.6667%, transparent 62.5%, black 62.5%, black 66.6667%, #999 66.6667%, #999 75%, black 75%, black 79.1667%, transparent 79.1667%, transparent 83.3333%, black 83.3333%, black 87.5%, #999 87.5%, #999 95.8333%, black 95.8333%, black 100% ), linear-gradient(to right, black 0%, black 16.6667%, transparent 16.6667%, transparent 25%, black 25%, black 37.5%, transparent 37.5%, transparent 100% ),
    /* Frame 2 rows */
    linear-gradient(to right, transparent 0%, transparent 8.3333%, black 8.3333%, black 16.6667%, #999 16.6667%, #999 20.8333%, transparent 20.8333%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 4.1667%, black 4.1667%, black 8.3333%, #999 8.3333%, #999 25%, transparent 25%, transparent 79.1667%, #999 79.1667%, #999 91.6667%, black 91.6667%, black 95.8333%, transparent 95.8333%, transparent 100% ), linear-gradient(to right, black 0%, black 4.1667%, #999 4.1667%, #999 16.6667%, black 16.6667%, black 25%, #999 25%, #999 37.5%, black 37.5%, black 41.6667%, transparent 41.6667%, transparent 58.3333%, black 58.3333%, black 62.5%, #999 62.5%, #999 75%, black 75%, black 83.3333%, #999 83.3333%, #999 95.8333%, black 95.8333%, black 100% ), linear-gradient(to right, black 0%, black 4.1667%, #999 4.1667%, #999 8.3333%, black 8.3333%, black 12.5%, transparent 12.5%, transparent 25%, black 25%, black 29.1667%, #999 29.1667%, #999 37.5%, black 37.5%, black 41.6667%, transparent 41.6667%, transparent 62.5%, black 62.5%, black 66.6667%, #999 66.6667%, #999 75%, black 75%, black 79.1667%, transparent 79.1667%, transparent 83.3333%, black 83.3333%, black 87.5%, #999 87.5%, #999 95.8333%, black 95.8333%, black 100% ), linear-gradient(to right, black 0%, black 12.5%, transparent 12.5%, transparent 25%, black 25%, black 37.5%, transparent 37.5%, transparent 100% ),
    /* Frame 3 rows */
    linear-gradient(to right, transparent 0%, transparent 8.3333%, black 8.3333%, black 16.6667%, #999 16.6667%, #999 20.8333%, transparent 20.8333%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 4.1667%, black 4.1667%, black 8.3333%, #999 8.3333%, #999 25%, transparent 25%, transparent 79.1667%, #999 79.1667%, #999 91.6667%, black 91.6667%, black 95.8333%, transparent 95.8333%, transparent 100% ), linear-gradient(to right, black 0%, black 4.1667%, #999 4.1667%, #999 16.6667%, black 16.6667%, black 25%, #999 25%, #999 37.5%, black 37.5%, black 41.6667%, transparent 41.6667%, transparent 58.3333%, black 58.3333%, black 62.5%, #999 62.5%, #999 75%, black 75%, black 83.3333%, #999 83.3333%, #999 95.8333%, black 95.8333%, black 100% ), linear-gradient(to right, black 0%, black 4.1667%, #999 4.1667%, #999 8.3333%, black 8.3333%, black 12.5%, transparent 12.5%, transparent 25%, black 25%, black 29.1667%, #999 29.1667%, #999 37.5%, black 37.5%, black 41.6667%, transparent 41.6667%, transparent 62.5%, black 62.5%, black 66.6667%, #999 66.6667%, #999 75%, black 75%, black 79.1667%, transparent 79.1667%, transparent 83.3333%, black 83.3333%, black 87.5%, #999 87.5%, #999 95.8333%, black 95.8333%, black 100% ), linear-gradient(to right, black 0%, black 12.5%, transparent 12.5%, transparent 25%, black 25%, black 37.5%, transparent 37.5%, transparent 100% );
    background-position: 0 0, 0 10px, 0 20px, 0 30px, 0 40px, 0 50px, 0 60px, 0 70px, 0 80px, 0 90px, 0 100px, 0 110px, 0 120px, 0 130px, 0 140px;
    background-size: 100% 10px;
    animation-name: feetSpriteCycle-b-vj8tpwgaaf;
    animation-duration: 0.5s;
}

@keyframes feetSpriteCycle-b-vj8tpwgaaf {
    0%, 100% {
        top: 0;
    }

    16.7% {
        top: -50px;
    }

    83.3% {
        top: -100px;
    }
}

/* -----------------------------------------------
   Tail (70×70)
----------------------------------------------- */
.tail[b-vj8tpwgaaf] {
    width: 70px;
    height: 70px;
    overflow: hidden;
    left: -70px;
    top: 70px;
    animation-name: tailCycle-b-vj8tpwgaaf;
    animation-duration: 0.5s;
}

@keyframes tailCycle-b-vj8tpwgaaf {
    0%, 100% {
        margin-top: 0;
    }

    33.3% {
        margin-top: 10px;
    }

    50% {
        margin-top: 20px;
    }

    66.7% {
        margin-top: -10px;
    }
}

.tail .sprite[b-vj8tpwgaaf] {
    width: 70px;
    height: 350px; /* 5 frames => actually 6 frames (some repeated), each 70px tall */
    background-image:
    /* Frame 1 (lines 0..6) */
    linear-gradient(to right, transparent 0%, transparent 14.2857%, black 14.2857%, black 71.4286%, transparent 71.4286%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 14.2857%, black 14.2857%, black 28.5714%, #999 28.5714%, #999 57.1429%, black 57.1429%, black 85.7143%, transparent 85.7143%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 14.2857%, black 14.2857%, black 42.8571%, #999 42.8571%, #999 71.4286%, black 71.4286%, black 100% ), linear-gradient(to right, transparent 0%, transparent 28.5714%, black 28.5714%, black 57.1429%, #999 57.1429%, #999 85.7143%, black 85.7143%, black 100% ), linear-gradient(to right, transparent 0%, transparent 42.8571%, black 42.8571%, black 71.4286%, #999 71.4286%, #999 100% ), linear-gradient(to right, transparent 0%, transparent 57.1429%, black 57.1429%, black 100% ), linear-gradient(to right, transparent 0%, transparent 85.7143%, black 85.7143%, black 100% ),
    /* Frame 2 (lines 7..13) */
    linear-gradient(to right, transparent 0%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 28.5714%, black 28.5714%, black 57.1429%, transparent 57.1429%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 14.2857%, black 14.2857%, black 28.5714%, #999 28.5714%, #999 57.1429%, black 57.1429%, black 71.4286%, transparent 71.4286%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 14.2857%, black 14.2857%, black 28.5714%, #999 28.5714%, #999 57.1429%, black 57.1429%, black 100% ), linear-gradient(to right, transparent 0%, transparent 28.5714%, black 28.5714%, black 42.8571%, #999 42.8571%, #999 100% ), linear-gradient(to right, transparent 0%, transparent 42.8571%, black 42.8571%, black 71.4286%, #999 71.4286%, #999 100% ), linear-gradient(to right, transparent 0%, transparent 71.4286%, black 71.4286%, black 100% ),
    /* Frame 3 (lines 14..20) */
    linear-gradient(to right, transparent 0%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 85.7143%, black 85.7143%, black 100% ), linear-gradient(to right, transparent 0%, transparent 42.8571%, black 42.8571%, black 100% ), linear-gradient(to right, transparent 0%, transparent 14.2857%, black 14.2857%, black 42.8571%, #999 42.8571%, #999 100% ), linear-gradient(to right, transparent 0%, transparent 14.2857%, black 14.2857%, black 28.5714%, #999 28.5714%, #999 71.4286%, black 71.4286%, black 100% ), linear-gradient(to right, transparent 0%, transparent 28.5714%, black 28.5714%, black 85.7143%, transparent 85.7143%, transparent 100% ),
    /* Frame 4 (lines 21..27) */
    linear-gradient(to right, transparent 0%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 71.4286%, black 71.4286%, black 100% ), linear-gradient(to right, transparent 0%, transparent 42.8571%, black 42.8571%, black 71.4286%, #999 71.4286%, #999 100% ), linear-gradient(to right, transparent 0%, transparent 28.5714%, black 28.5714%, black 42.8571%, #999 42.8571%, #999 100% ), linear-gradient(to right, transparent 0%, transparent 14.2857%, black 14.2857%, black 28.5714%, #999 28.5714%, #999 57.1429%, black 57.1429%, black 100% ), linear-gradient(to right, transparent 0%, transparent 14.2857%, black 14.2857%, black 28.5714%, #999 28.5714%, #999 57.1429%, black 57.1429%, black 71.4286%, transparent 71.4286%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 28.5714%, black 28.5714%, black 57.1429%, transparent 57.1429%, transparent 100% ),
    /* Frame 5 (lines 28..34) */
    linear-gradient(to right, transparent 0%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 100% ), linear-gradient(to right, transparent 0%, transparent 14.2857%, black 14.2857%, black 71.4286%, transparent 71.4286%, transparent 100% ), linear-gradient(to right, black 0%, black 14.2857%, #999 14.2857%, #999 57.1429%, black 57.1429%, black 100% ), linear-gradient(to right, black 0%, black 28.5714%, #999 28.5714%, #999 85.7143%, black 85.7143%, black 100% ), linear-gradient(to right, transparent 0%, transparent 28.5714%, black 28.5714%, black 85.7143%, #999 85.7143%, #999 100% ), linear-gradient(to right, transparent 0%, transparent 71.4286%, black 71.4286%, black 100% );
    background-position: 0px 0px, 0px 10px, 0px 20px, 0px 30px, 0px 40px, 0px 50px, 0px 60px, 0px 70px, 0px 80px, 0px 90px, 0px 100px, 0px 110px, 0px 120px, 0px 130px, 0px 140px, 0px 150px, 0px 160px, 0px 170px, 0px 180px, 0px 190px, 0px 200px, 0px 210px, 0px 220px, 0px 230px, 0px 240px, 0px 250px, 0px 260px, 0px 270px, 0px 280px, 0px 290px, 0px 300px, 0px 310px, 0px 320px, 0px 330px, 0px 340px;
    background-size: 100% 10px;
    animation-name: tailSpriteCycle-b-vj8tpwgaaf;
    animation-duration: 0.5s;
}

@keyframes tailSpriteCycle-b-vj8tpwgaaf {
    0%, 83.3% {
        margin-top: 0;
    }

    16.7% {
        margin-top: -70px;
    }

    33.3% {
        margin-top: -140px;
    }

    50% {
        margin-top: -210px;
    }

    66.7% {
        margin-top: -280px;
    }
}

/* -----------------------------------------------
   Rainbow (height=190px)
----------------------------------------------- */
.rainbow[b-vj8tpwgaaf] {
    left: 0;
    right: 50%;
    top: 50%;
    margin-top: -90px;
    height: 190px;
    overflow: hidden;
}

    .rainbow .sprite[b-vj8tpwgaaf] {
        left: 0;
        right: 80px; /* = 8 * scale */
        top: 0;
        bottom: 0;
        background-image: linear-gradient(to right, #f00 0%, #f00 50%, transparent 50%, transparent 100%), linear-gradient(to right, transparent 0%, transparent 50%, #f00 50%, #f00 100%), linear-gradient(to right, #f90 0%, #f90 50%, transparent 50%, transparent 100%), linear-gradient(to right, transparent 0%, transparent 50%, #f90 50%, #f90 100%), linear-gradient(to right, #ff0 0%, #ff0 50%, transparent 50%, transparent 100%), linear-gradient(to right, transparent 0%, transparent 50%, #ff0 50%, #ff0 100%), linear-gradient(to right, #3f0 0%, #3f0 50%, transparent 50%, transparent 100%), linear-gradient(to right, transparent 0%, transparent 50%, #3f0 50%, #3f0 100%), linear-gradient(to right, #09f 0%, #09f 50%, transparent 50%, transparent 100%), linear-gradient(to right, transparent 0%, transparent 50%, #09f 50%, #09f 100%), linear-gradient(to right, #63f 0%, #63f 50%, transparent 50%, transparent 100%), linear-gradient(to right, transparent 0%, transparent 50%, #63f 50%, #63f 100%);
        background-position: 0px 0px, 0px 10px, 0px 30px, 0px 40px, 0px 60px, 0px 70px, 0px 90px, 0px 100px, 0px 120px, 0px 130px, 0px 150px, 0px 160px;
        background-size: 160px 30px;
        background-repeat: repeat-x;
        animation-name: rainbowCycle-b-vj8tpwgaaf;
        animation-duration: 1s;
    }

@keyframes rainbowCycle-b-vj8tpwgaaf {
    0%, 33.3%, 66.7%, 100% {
        left: 0;
    }

    16.7%, 50%, 83.3% {
        left: -90px;
    }
}

.rainbow .sprite[b-vj8tpwgaaf]::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15px;
    height: 15px;
    background: #036;
}

/* -----------------------------------------------
   Stars
----------------------------------------------- */
.stars li[b-vj8tpwgaaf] {
    width: 470px;
    height: 70px;
    overflow: hidden;
    margin-left: -40px;
}

    .stars li i[b-vj8tpwgaaf] {
        display: block;
        width: 470px;
        height: 490px;
        top: -420px;
        background-image:
        /* Frame1 (just 1 star) */
        linear-gradient(to right, white 0%, white 100%),
        /* Frame2 (4 sub-stars) */
        linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%),
        /* Frame3 (4 sub-stars) */
        linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%),
        /* Frame4 (5 sub-stars) */
        linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%),
        /* Frame5 (8 sub-stars) */
        linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%),
        /* Frame6 (4 sub-stars) */
        linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%), linear-gradient(to right, white 0%, white 100%);
        background-position:
        /* Frame1 single star => 43*10=430 x 3*10=30 */
        430px 30px,
        /* Frame2 => 35*10=350 x 9*10=90, 34x10=340 x10=100, 36x10=360 x10=100, 35x10=350 x11=110 */
        350px 90px, 340px 100px, 360px 100px, 350px 110px,
        /* Frame3 => 27x10=270 x15=150, 25x10=250 x17=170, 28x10=280 x17=170, 27x10=270 x18=180 */
        270px 150px, 250px 170px, 280px 170px, 270px 180px,
        /* Frame4 => 19x10=190 x21=210, 16x10=160 x24=240, 19x10=190 x24=240, 21x10=210 x24=240, 19x10=190 x26=260 */
        190px 210px, 160px 240px, 190px 240px, 210px 240px, 190px 260px,
        /* Frame5 => 11x10=110 x28=280, 9x10=90 x29=290, 13x10=130 x29=290, 8x10=80 x31=310, 14x10=140 x31=310, 9x10=90 x33=330, 13x10=130 x33=330, 11x10=110 x34=340 */
        110px 280px, 90px 290px, 130px 290px, 80px 310px, 140px 310px, 90px 330px, 130px 330px, 110px 340px,
        /* Frame6 => 3x10=30 x35=350, 0 x38=380, 6x10=60 x38=380, 3x10=30 x41=410 */
        30px 350px, 0px 380px, 60px 380px, 30px 410px;
        background-size: 10px 10px;
        background-repeat: no-repeat;
        animation-name: starSpriteCycle-b-vj8tpwgaaf;
        animation-duration: 1s;
    }

@keyframes starSpriteCycle-b-vj8tpwgaaf {
    /* 0%,100% => blank (-420px)
     50% => frame1 (0)
     58.3% => frame2 (-70px)
     66.7% => frame3 (-140px)
     75% => frame4 (-210px)
     83.3% => frame5 (-280px)
     91.7% => frame6 (-350px)
  */
    0%, 100% {
        top: -420px;
    }

    50% {
        top: 0;
    }

    58.3% {
        top: -70px;
    }

    66.7% {
        top: -140px;
    }

    75% {
        top: -210px;
    }

    83.3% {
        top: -280px;
    }

    91.7% {
        top: -350px;
    }
}

/* Flattened nth-child star positions + delays */
.stars li:nth-child(1)[b-vj8tpwgaaf] {
    left: 66%;
    top: 80%;
}

.stars li:nth-child(2)[b-vj8tpwgaaf] {
    left: 70%;
    top: 54%;
}

    .stars li:nth-child(2) i[b-vj8tpwgaaf] {
        animation-delay: 0.083333s; /* 1s/12 */
    }

.stars li:nth-child(3)[b-vj8tpwgaaf] {
    left: 4%;
    top: 31%;
}

    .stars li:nth-child(3) i[b-vj8tpwgaaf] {
        animation-delay: 0.166667s; /* 2*(1s/12) */
    }

.stars li:nth-child(4)[b-vj8tpwgaaf] {
    left: 49%;
    top: 12%;
}

    .stars li:nth-child(4) i[b-vj8tpwgaaf] {
        animation-delay: 0.25s; /* 3*(1s/12) */
    }

.stars li:nth-child(5)[b-vj8tpwgaaf] {
    left: 35%;
    top: 30%;
}

    .stars li:nth-child(5) i[b-vj8tpwgaaf] {
        animation-delay: 0.333333s; /* 4*(1s/12) */
    }

.stars li:nth-child(6)[b-vj8tpwgaaf] {
    left: 48%;
    top: 29%;
}

    .stars li:nth-child(6) i[b-vj8tpwgaaf] {
        animation-delay: 0.416667s; /* 5*(1s/12) */
    }

.stars li:nth-child(7)[b-vj8tpwgaaf] {
    left: 22%;
    top: 70%;
}

    .stars li:nth-child(7) i[b-vj8tpwgaaf] {
        animation-delay: 0.666667s; /* 8*(1s/12) */
    }

.stars li:nth-child(8)[b-vj8tpwgaaf] {
    left: 56%;
    top: 67%;
}

    .stars li:nth-child(8) i[b-vj8tpwgaaf] {
        animation-delay: 0.583333s; /* 7*(1s/12) */
    }

.stars li:nth-child(9)[b-vj8tpwgaaf] {
    left: 49%;
    top: 12%;
}

    .stars li:nth-child(9) i[b-vj8tpwgaaf] {
        animation-delay: 0.666667s; /* 8*(1s/12) */
    }

.stars li:nth-child(10)[b-vj8tpwgaaf] {
    left: 9%;
    top: 92%;
}

    .stars li:nth-child(10) i[b-vj8tpwgaaf] {
        animation-delay: 0.75s; /* 9*(1s/12) */
    }

.stars li:nth-child(11)[b-vj8tpwgaaf] {
    left: 44%;
    top: 20%;
}

    .stars li:nth-child(11) i[b-vj8tpwgaaf] {
        animation-delay: 0.833333s; /* 10*(1s/12) */
    }

.stars li:nth-child(12)[b-vj8tpwgaaf] {
    left: 6%;
    top: 19%;
}

    .stars li:nth-child(12) i[b-vj8tpwgaaf] {
        animation-delay: 0.916667s; /* 11*(1s/12) */
    }
/* /Shared/MainLayout.razor.rz.scp.css */
/*Commented output stop fix sticky scroll*/
/*.page {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-x: hidden;
}*/
/*Commented output stop fix sticky scroll*/
/*main {
    flex: 1;
    flex-shrink: 1;
    flex-grow: 1;
    overflow-x: auto;
}*/

.sidebar[b-ga5v7hx9wf] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    flex-shrink: 0;
    flex-grow: 0;
}

.top-row[b-ga5v7hx9wf] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ga5v7hx9wf]  a, .top-row[b-ga5v7hx9wf]  .btn-link {
        white-space: nowrap;
        margin-left: 4px;
        text-decoration: none;
    }

        .top-row[b-ga5v7hx9wf]  a:hover, .top-row[b-ga5v7hx9wf]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-ga5v7hx9wf]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
            margin-right: auto; 
        }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-ga5v7hx9wf] {
        display: none;
    }

    .top-row.auth[b-ga5v7hx9wf] {
        justify-content: space-between;
    }

    .top-row[b-ga5v7hx9wf]  a, .top-row[b-ga5v7hx9wf]  .btn-link {
        margin-left: 0;
    }
}

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

    .sidebar[b-ga5v7hx9wf] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ga5v7hx9wf] {
        /*Commented output stop fix sticky scroll*/
        /*        position: sticky;*/
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-ga5v7hx9wf]  a:first-child {
            margin-right: auto; /* Ensure this is applied */
        }

    .top-row[b-ga5v7hx9wf], article[b-ga5v7hx9wf] {
        padding-left: 2rem;
        padding-right: 1.5rem;
    }
}
/*Commented output stop fix sticky scroll*/
/*main {
    overflow-y: hidden;
}*/
/* /Shared/NavMenu.razor.rz.scp.css */

.sidebar[b-bbii2mc039] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}
@media (min-width: 641px) {


    .sidebar[b-bbii2mc039] {
        width: 250px;
/*        height: 100vh;*/
        position: sticky;
        top: 0;
    }

}

.navbar-toggler[b-bbii2mc039] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-bbii2mc039] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-bbii2mc039] {
    font-size: 1.1rem;
}

.oi[b-bbii2mc039] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-bbii2mc039] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-bbii2mc039] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-bbii2mc039] {
        padding-bottom: 1rem;
    }

    .nav-item[b-bbii2mc039]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-bbii2mc039]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-bbii2mc039]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-bbii2mc039] {
        display: none;
    }

    .collapse[b-bbii2mc039] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-bbii2mc039] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}