@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* /Components/Identity/Login.razor.rz.scp.css */
[b-585e3urwuo] .login-main-layout {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    padding: 20px; /* Optional padding */
}

[b-585e3urwuo] .mud-text-login {
    margin-top: 20px;
    font-size: 32px; /* Adjust font size for better readability */
    padding: 12px; /* Increase padding for a more spacious look */
    border-radius: 5px; /* Rounded corners for a softer appearance */
    width: 175px;
    display: flex; /* Use flexbox for centering */
    align-items: center; /* Center text vertically */
    justify-content: center; /* Center text horizontally */
}

    [b-585e3urwuo] .mud-text-login input {
        padding: 10px; /* Adjust input padding */
        border: 1px solid #ced4da; /* Light border for visibility */
        border-radius: 4px; /* Rounded corners to match */
    }

    [b-585e3urwuo] .mud-text-login .mud-input-root {
        background-color: #f8f9fa; /* Light background for inputs */
    }


[b-585e3urwuo] .mud-paper-login {
    margin: 0 auto;
    height: auto;
    width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px;
    margin-top: 50px;
    text-align: center;
}

[b-585e3urwuo] .mud-button-login {
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: rgb(44, 44, 44);
    color: #FFFFFF;
    min-height: 35px;
    width: 250px;
    transition: background 0.3s ease, color 0.3s ease;
    border: none; /* Remove default border */
    outline: none; /* Remove focus outline */
}

    [b-585e3urwuo] .mud-button-login:hover {
        background: rgb(44, 44, 44, 50%);
        color: #FFFFFF;
        border: none; /* Ensure no border on hover */
        outline: none; /* Ensure no outline on hover */
    }

    [b-585e3urwuo] .mud-button-login:focus {
        outline: none; /* Remove focus outline */
        box-shadow: none; /* Remove any focus shadow */
    }

[b-585e3urwuo] .mud-text-assistance {
    margin-top: 25px;
    font-size: 12px;
}

[b-585e3urwuo] .mud-text-assistance-secondary {
    margin-top: 5px;
    font-size: 12px;
}

[b-585e3urwuo] .mud-login-field {
    min-width: 295px;
    max-width: 300px;
}

[b-585e3urwuo] .inline-link {
    font-size: 12px;
    margin-left: 5px; /* Space between the text and the link */
    padding-right: 3px;
    text-decoration: underline; /* Optional: underline to indicate it's a link */
    color: #007bff !important; /* Optional: link color */
}

[b-585e3urwuo] .mud-paper-processing {
    margin-top: 25px;
    margin-bottom: 25px;
    min-height: 35px;
    width: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
    background-color: lightgrey;
}
/* /Components/Layout/LoginOrLogoutButton.razor.rz.scp.css */
[b-yppl1jyj9p] .login-button {
    display: flex;
    align-items: center; /* Vertically center the content */
    justify-content: center; /* Horizontally center the content */
    color: black !important;
    border: none;
    padding: 10px;
    font-size: 12px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .login-button:hover[b-yppl1jyj9p] {
        background-color: #0056b3; /* Darker blue on hover */
    }

[b-yppl1jyj9p] .logout-button {
    display: flex;
    align-items: center; /* Vertically center the content */
    justify-content: center; /* Horizontally center the content */
    color: black; /* White text */
    border: none;
    padding: 10px;
    font-size: 12px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .logout-button:hover[b-yppl1jyj9p] {
        background-color: #0056b3; /* Darker blue on hover */
    }

.nav-link[b-yppl1jyj9p] {
    text-decoration: none;
    color: inherit;
}

[b-yppl1jyj9p] .radzen-logout-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 500;
    font-family: 'Poppins', 'Inter', 'Nunito', sans-serif; /* Modern font stack */
    font-weight: 500; /* Medium weight for a refined look */
    font-size: 11px; /* Slightly larger for better readability */
    letter-spacing: 0.5px; /* Subtle spacing for a sleek effect */
    color: #ffffff;
    background: #FEF106 !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(150, 150, 150, 0.4) 60%);
    backdrop-filter: blur(20px); /* Adds the glass blur effect */
    -webkit-backdrop-filter: blur(10px); /* Ensures compatibility with Safari */
    border: 1px solid rgba(255, 255, 255, 0.3); /* Subtle border */
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease, backdrop-filter 0.3s ease;
    padding: 8px 15px; /* Adjust padding for better spacing */
}

    [b-yppl1jyj9p] .radzen-logout-btn:hover {
        background: #A89F00 !important;
        background-color: #A89F00 !important;
        backdrop-filter: blur(15px); /* Increase blur for more glass effect */
        -webkit-backdrop-filter: blur(15px);
        transform: translateY(-2px);
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);
    }

    [b-yppl1jyj9p] .radzen-logout-btn:active {
        background: #A89F00 !important;
        background-color: #A89F00 !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        transform: translateY(0);
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-z2jck04241] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-z2jck04241] {
    flex: 1;
}

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

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

    .top-row[b-z2jck04241]  a, .top-row[b-z2jck04241]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

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

    .top-row[b-z2jck04241]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.bi[b-z2jck04241] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-door-open[b-z2jck04241] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-door-open' viewBox='0 0 16 16'%3E%3Cpath d='M8.5 10c-.276 0-.5-.448-.5-1s.224-1 .5-1 .5.448.5 1-.224 1-.5 1z'/%3E%3Cpath fill-rule='evenodd' d='M10.828.122A.5.5 0 0 1 11 .5V1h.5A1.5 1.5 0 0 1 13 2.5V15h1.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H3V1.5a.5.5 0 0 1 .43-.495l7-1a.5.5 0 0 1 .398.117zM11.5 2H11v13h1V2.5a.5.5 0 0 0-.5-.5zM4 1.934V15h6V1.077l-6 .857z'/%3E%3C/svg%3E");
}

.bi-door-closed-fill[b-z2jck04241] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-door-closed-fill' viewBox='0 0 16 16'%3E%3Cpath d='M12 1a1 1 0 0 1 1 1v13h1.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H3V2a1 1 0 0 1 1-1h8zm-2 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
}

.bi-pencil-square[b-z2jck04241] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-pencil-square' viewBox='0 0 16 16'%3E%3Cpath d='M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z'/%3E%3Cpath fill-rule='evenodd' d='M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z'/%3E%3C/svg%3E");
}

@media (max-width: 640.98px) {
    .top-row[b-z2jck04241] {
        justify-content: space-between;
    }

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

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

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

    .top-row[b-z2jck04241] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-z2jck04241]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-z2jck04241], article[b-z2jck04241] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Components/Layout/NavBar.razor.rz.scp.css */
[b-facgzfgtq9] .nav-bar {
    height: 45px;
    background: #003232 !important;
    /*background: linear-gradient(90deg, #2C2C2C 0%, rgba(255,255,255,1) 100%);*/
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-kjn4x5ayk6] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

.bi[b-kjn4x5ayk6] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-kjn4x5ayk6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-kjn4x5ayk6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-kjn4x5ayk6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-key[b-kjn4x5ayk6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-key' viewBox='0 0 16 16'%3E%3Cpath d='M0 8a4 4 0 0 1 7.465-2H14a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0L13 9.207l-.646.647a.5.5 0 0 1-.708 0L11 9.207l-.646.647a.5.5 0 0 1-.708 0L9 9.207l-.646.647A.5.5 0 0 1 8 10h-.535A4 4 0 0 1 0 8zm4-3a3 3 0 1 0 2.712 4.285A.5.5 0 0 1 7.163 9h.63l.853-.854a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.793-.793-1-1h-6.63a.5.5 0 0 1-.451-.285A3 3 0 0 0 4 5z'/%3E3Cpath d='M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E");
}

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

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

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

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

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

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

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

    .collapse[b-kjn4x5ayk6] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-kjn4x5ayk6] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/2024WellnessVideo.razor.rz.scp.css */
.main-header[b-46jlj8smfd] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 40px;
    line-height: 1.75;
    margin-top: 5px;
    margin-left: 7px;
    text-align: center;
}

[b-46jlj8smfd] .custom-button {
    color: #007bff; /* Default blue color */
    text-transform: none;
    position: absolute;
    left: 25px;
    top: 25px;
    background: none;
    border: none;
    padding: 0;
}

    [b-46jlj8smfd] .custom-button:hover {
        color: #0056b3; /* Darker, dimmer blue */
    }

[b-46jlj8smfd] .custom-mobile-button {
    color: #007bff; /* Default blue color */
    background: none;
    border: none;
    padding: 0;
}
/* /Components/Pages/2025WellnessVideo.razor.rz.scp.css */
.main-header[b-bpgo1suc7o] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 40px;
    line-height: 1.75;
    margin-top: 5px;
    margin-left: 7px;
    text-align: center;
}

[b-bpgo1suc7o] .custom-button {
    color: #007bff; /* Default blue color */
    text-transform: none;
    position: absolute;
    left: 25px;
    top: 25px;
    background: none;
    border: none;
    padding: 0;
}

    [b-bpgo1suc7o] .custom-button:hover {
        color: #0056b3; /* Darker, dimmer blue */
    }

[b-bpgo1suc7o] .custom-mobile-button {
    color: #007bff; /* Default blue color */
    background: none;
    border: none;
    padding: 0;
}
/* /Components/Pages/2026WellnessVideo.razor.rz.scp.css */
.main-header[b-zddfhe55sm] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 40px;
    line-height: 1.75;
    margin-top: 5px;
    margin-left: 7px;
    text-align: center;
}

[b-zddfhe55sm] .custom-button {
    color: #007bff; /* Default blue color */
    text-transform: none;
    position: absolute;
    left: 25px;
    top: 25px;
    background: none;
    border: none;
    padding: 0;
}

    [b-zddfhe55sm] .custom-button:hover {
        color: #0056b3; /* Darker, dimmer blue */
    }

[b-zddfhe55sm] .custom-mobile-button {
    color: #007bff; /* Default blue color */
    background: none;
    border: none;
    padding: 0;
}
/* /Components/Pages/AdminBenefitEdits.razor.rz.scp.css */
[b-4wcprgmzsj] .mud-center-layout {
    
    justify-content: center;
    align-content: center;
}
/* /Components/Pages/AdminDropBoxViewer.razor.rz.scp.css */
[b-zbp9x5b7m0] .label {
    font-weight: bold;
    margin: 0px !important;
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 38px; /* Match RadzenDatePicker height */
}

[b-zbp9x5b7m0] .rz-fileupload-buttonbar {
    height: 250px;
    width: 400px;
}

[b-zbp9x5b7m0] .upload-comp {
    height: 250px;
}

    [b-zbp9x5b7m0] .upload-comp .rz-fileupload-buttonbar .rz-fileupload-choose {
        height: 220px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    [b-zbp9x5b7m0] .upload-comp .rz-fileupload-content .rz-fileupload-files .rz-fileupload-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%; /* Ensure row takes full width */
        box-sizing: border-box;
        padding: 0.5rem 1rem; /* Uniform padding */
        gap: 1rem; /* Optional: add consistent spacing */
    }

        [b-zbp9x5b7m0] .upload-comp .rz-fileupload-content .rz-fileupload-files .rz-fileupload-row > * {
            flex: 1 1 auto; /* All children grow/shrink evenly */
            min-width: 0; /* Prevent overflow due to long content */
            margin: 0;
        }

        /* Example of fixed sizes for each child */
        [b-zbp9x5b7m0] .upload-comp .rz-fileupload-content .rz-fileupload-files .rz-fileupload-row div {
            width: 300px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }


.overlay[b-zbp9x5b7m0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.overlay-content[b-zbp9x5b7m0] {
    background: white;
    padding: 30px 40px;
    border-radius: 8px;
    text-align: center;
}

.div-header[b-zbp9x5b7m0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px; /* Adjusted padding for better spacing */
    background-color: #f4f4f4; /* Soft background color */
    border-radius: 10px; /* Rounded corners for a modern look */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    padding-top: 35px !important;
}

[b-zbp9x5b7m0] .header {
    font-size: 18px; /* Slightly smaller than the pay rate */
    font-weight: 400; /* Lighter weight for contrast */
    color: #333; /* Darker color for the text */
    text-transform: uppercase; /* Consistent with modern styles */
    letter-spacing: 1px; /* Slight letter spacing for readability */
    margin-bottom: 8px; /* Add space below the header */
}
/* /Components/Pages/AdminEnrollment.razor.rz.scp.css */
[b-g5qnxxzns3] .mud-admin-enroll-overlay-paper {
    width: 300px;
    height: 500px;
    text-align: center;
}

[b-g5qnxxzns3] .mud-qle-eventdate {
    margin: 15px 10px; /* 15px top and bottom, 10px left and right */
    color: #2C2C2C !important;
}

[b-g5qnxxzns3] .mud-qle-effectivedate {
    margin: 15px 10px; /* 15px top and bottom, 10px left and right */
    color: #2C2C2C !important;

}

[b-g5qnxxzns3] .mud-icon-cancel {
    right: 5px;
    top: 5px;
    position: absolute;
    color: #2C2C2C !important;
}

[b-g5qnxxzns3] .mud-qle-overlay-text {
    padding-top: 20px;
}

[b-g5qnxxzns3] .mud-qle-button-start {
    margin: 15px 10px;
    margin-top: 100px;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    background-color: #2c2c2c !important;
}

[b-g5qnxxzns3] .mud-qle-reason-autocomplete {
    margin: 15px 10px;
    margin-top: 30px;
}

[b-g5qnxxzns3] .mud-picker-datepicker-toolbar {
    background-color: #2c2c2c !important;
}

[b-g5qnxxzns3] .mud-icon-root {
    color: #2C2C2C !important;
}

[b-g5qnxxzns3] .mud-primary-hover {
    color: #2C2C2C !important;
    border-color: #2c2c2c !important;
}

[b-g5qnxxzns3] .mud-list-item .mud-selected-item {
    color: #2C2C2C !important;
    border-color: #2c2c2c !important;
    outline-color: #2c2c2c !important;
    text-decoration-color: #2c2c2c !important;
}

/* Change text color of selected item */
.mud-selected-item[b-g5qnxxzns3] {
    color: #ffffff !important; /* your desired text color */
    background-color: #0078d4 !important; /* your desired background */
}

    /* Optional: override hover effect */
    .mud-selected-item.mud-primary-hover:hover[b-g5qnxxzns3] {
        background-color: #005a9e !important;
    }
/* /Components/Pages/AdminEnrollmentWindow.razor.rz.scp.css */
[b-kqp3g9ach8] 
/* /Components/Pages/AdminHelpfulLinksManage.razor.rz.scp.css */
[b-p9vosubvn8] .mud-header {
    justify-content: center;
    align-content: center;
}
/* /Components/Pages/AdminLOALinksManage.razor.rz.scp.css */
[b-yqii8bafkf] .move-btn {
    font-size: 12px !important;
}
/* /Components/Pages/Benefits.razor.rz.scp.css */
svg[b-ai8e5hyz1l] {
    width: 22px;
    display: block;
    margin: 5px auto 0;
}

.timeline-div[b-ai8e5hyz1l] {
    position: absolute;
    top: 25px;
    right: 50px;
}

.path[b-ai8e5hyz1l] {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}

    .path.circle[b-ai8e5hyz1l] {
        animation: dash-b-ai8e5hyz1l 0.9s ease-in-out;
    }

    .path.line[b-ai8e5hyz1l] {
        stroke-dashoffset: 1000;
        animation: dash-b-ai8e5hyz1l 0.9s 0.35s ease-in-out forwards;
    }

    .path.check[b-ai8e5hyz1l] {
        stroke-dashoffset: -100;
        animation: dash-check-b-ai8e5hyz1l 0.9s 0.35s ease-in-out forwards;
    }

p[b-ai8e5hyz1l] {
    text-align: center;
    margin: 20px 0 60px;
    font-size: 1.25em;
}

    p.success[b-ai8e5hyz1l] {
        color: #73AF55;
    }

    p.error[b-ai8e5hyz1l] {
        color: #D06079;
    }

@keyframes dash-b-ai8e5hyz1l {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes dash-check-b-ai8e5hyz1l {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}


[b-ai8e5hyz1l] .mud-days-till-text {
    padding: 10px 10px;
    margin-top: 15px;
    margin-left: 12px;
}

[b-ai8e5hyz1l] .mud-almost-time-text {
    padding-top: 10px;
    padding-bottom: 10px;
}

[b-ai8e5hyz1l] .mud-days-till-icon {
    position: relative;
    right: 15px;
    top: 27px;
}

[b-ai8e5hyz1l] .mud-days-left-text {
    margin-bottom: 5px;
}

[b-ai8e5hyz1l] .mud-day-count-paper {
    text-align: center;
    margin-top: 15px;
}

[b-ai8e5hyz1l] .mud-text-to-days-stack {
    justify-content: space-between; /* Pushes the Paper to the far right */
    align-items: center; /* Optionally, center align vertically */
}

[b-ai8e5hyz1l] .mud-ins-alloc-text {
    padding-top: 7px;
    padding-bottom: 7px;
}

[b-ai8e5hyz1l] .mud-quick-links-stack {
    padding: 20px 10px;
}

[b-ai8e5hyz1l] .mud-body2-text {
    padding-top: 15px;
    padding-bottom: 15px;
}

[b-ai8e5hyz1l] .mud-sub-header-text {
    padding-top: 15px;
    padding-bottom: 0px;
}


[b-ai8e5hyz1l] .mud-bene-donut-stack {
    padding: 15px 20px;
    flex-wrap: wrap !important;
    max-width: 100%;
    overflow: hidden;
}

[b-ai8e5hyz1l] .mud-bene-donut-stack > * {
    flex: 0 1 auto;
    max-width: 100%;
}

[b-ai8e5hyz1l] .mud-quick-links-button {
    width: 250px;
}

[b-ai8e5hyz1l] .mud-main-header-text {
    margin-left: 100px;
    padding-top: 25px;
}

[b-ai8e5hyz1l] .mud-mobile-main-stack {
    display: flex;
    justify-content: center;
    text-align: center;
}

[b-ai8e5hyz1l] .mud-mobile-check-mark {
    padding-bottom: 4px;
    margin-bottom: 4px;
}

[b-ai8e5hyz1l] .mud-mobile-success-header {
    padding-top: 4px;
    padding-bottom: 4px;
}

.donut-inner-text[b-ai8e5hyz1l] {
    font-size: 15px;
    font-weight: bold;
    overflow: visible;
}

[b-ai8e5hyz1l] .mud-sub-header-text-wellness {
    padding-top: 25px;
    padding-bottom: 15px;
    text-align: center;
    min-width: 300px;
}

[b-ai8e5hyz1l] .mud-sub-header-text-wellness-complete {
    padding-top: 33px;
    padding-bottom: 15px;
    padding-left: 25px;
    text-align: center;
    min-width: 200px;
}


[b-ai8e5hyz1l] .mud-sub-header-text-wellness2 {
    padding: 15px 15px;
}

[b-ai8e5hyz1l] .mud-mobile-sub-header-text-wellness {
    padding-top: 25px;
}

[b-ai8e5hyz1l] .mud-wellness-btn {
    margin-bottom: 15px;
}

[b-ai8e5hyz1l] .mud-mobile-wellness-btn {
    min-width: 150px;
    margin-top: 9px;
    margin-bottom: 15px;
}

.img-company-logos[b-ai8e5hyz1l] {
    max-height: 100px;
    min-width: 400px;
}

.img-company-logos-mobile[b-ai8e5hyz1l] {
    max-width: 100%; /* Ensure the image never exceeds the width of its container */
    height: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Ensure the image is fully visible and fits within the bounds */
    display: block; /* Remove any inline spacing around the image */
    margin: 0 auto; /* Center the image horizontally */
}

.responsive-image[b-ai8e5hyz1l] {
    width: 100%;
    height: auto;
    padding: 5px 10px;
}

/* Adjust styles for smaller screens */
@media (max-width: 768px) {
    .responsive-image[b-ai8e5hyz1l] {
        padding: 3px 5px;
    }
}

/* Adjust styles for larger screens */
@media (min-width: 1200px) {
    .responsive-image[b-ai8e5hyz1l] {
        padding: 10px 20px;
    }
}
/* /Components/Pages/BenefitsAccidental.razor.rz.scp.css */
[b-ks2fj83v5s] .mud-mobile-button-back {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-ks2fj83v5s] .mud-mobile-button-next {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-ks2fj83v5s] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 1; /* Adjust z-index if necessary */
}

.main-text[b-ks2fj83v5s] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 18px; /* Clear, readable text size */
    line-height: 1.75; /* Adequate spacing between lines */
    color: #333; /* Dark grey text color for readability */
    margin: 0 0 1em; /* Margin at the bottom for spacing */
    padding: 10px; /* Padding inside the paragraph */
    text-align: justify; /* Justified text for a professional look */
}

.main-header[b-ks2fj83v5s] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 40px;
    line-height: 1.75;
    margin-top: 5px;
    margin-left: 7px;
    text-align: center;
}

[b-ks2fj83v5s] .benefits-option-select {
    color: #2c2c2c !important;
    z-index: 10;
}

/* Make sure helper text is visible with proper color */
[b-ks2fj83v5s] .mud-select .mud-input-helper-text,
[b-ks2fj83v5s] .mud-input-helper-text {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    font-size: 0.75rem; /* Appropriate font size */
    margin-top: 4px; /* Space above helper text */
    line-height: 1.2; /* Good line height */
}

/* Ensure label is visible and properly positioned */
[b-ks2fj83v5s] .mud-select .mud-input-label,
[b-ks2fj83v5s] .mud-input-label {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    z-index: 1; /* Above other elements */
}

label[b-ks2fj83v5s] {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    background-color: #f8f9fa; /* Match select background */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    position: absolute; /* Position absolutely */
    top: -8px; /* Move above the input */
    left: 12px; /* Position from left */
    z-index: 1; /* Above other elements */
}

[b-ks2fj83v5s] .mud-input-filled .mud-input-label,
[b-ks2fj83v5s] .mud-input-filled .mud-input-label-animated,
[b-ks2fj83v5s] .mud-input-filled .mud-input-label-filled,
[b-ks2fj83v5s] .mud-input-filled .mud-input-label-inputcontrol {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}

/* Additional targeting for any label within a MudSelect */
[b-ks2fj83v5s] .mud-select label,
[b-ks2fj83v5s] .mud-input-control label {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}
/* /Components/Pages/BenefitsActiveViewSelection.razor.rz.scp.css */
[b-bmdxvn2svh] .mud-date-text {
    color: dimgrey; /* Light grey color for the text */
    font-weight: normal; /* Make the font weight normal for a subtle look */
    font-size: 1.1rem; /* Slightly adjust font size for better visibility */
    margin-top: 5px; /* Add some space above the date */
    margin-bottom: 15px; /* Add space below the date for better separation */
    border: 1px solid #d3d3d3; /* Optional: Add a light border around the text */
    padding: 10px; /* Optional: Add some padding inside the text area */
    border-radius: 5px; /* Optional: Round the corners of the border */
    background-color: rgba(211, 211, 211, 0.1); /* Optional: Light background for contrast */
}

.pdf-download-container[b-bmdxvn2svh] {
    border-radius: 2rem;
    padding: 15px 150px;
    text-align: right;
}

[b-bmdxvn2svh] .pdf-button {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    background-color: #2C2C2C !important;
    color: white;
    border-radius: 999px; /* super rounded */
    padding: 10px 20px;
    font-weight: bold;
    border: none;
    margin-right: 50px !important;
}

.img-company-logos[b-bmdxvn2svh] {
    max-height: 100px;
    min-width: 400px;
}

.img-company-logos-mobile[b-bmdxvn2svh] {
    max-width: 100%; /* Ensure the image never exceeds the width of its container */
    height: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Ensure the image is fully visible and fits within the bounds */
    display: block; /* Remove any inline spacing around the image */
    margin: 0 auto; /* Center the image horizontally */
}

.responsive-image[b-bmdxvn2svh] {
    width: 100%;
    height: auto;
    padding: 5px 10px;
}

/* Adjust styles for smaller screens */
@media (max-width: 768px) {
    .responsive-image[b-bmdxvn2svh] {
        padding: 3px 5px;
    }
}

/* Adjust styles for larger screens */
@media (min-width: 1200px) {
    .responsive-image[b-bmdxvn2svh] {
        padding: 10px 20px;
    }
}
/* /Components/Pages/BenefitsAutoEnrollReview.razor.rz.scp.css */
[b-r8ca1b1m6w] .mud-button-reenroll {
    width: 90px;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-r8ca1b1m6w] .mud-button-reenroll-secondary {
    width: 90px;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 75px;
    right: 25px;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-r8ca1b1m6w] .mud-autoenroll-title {
    margin-top: 25px;
    padding: 20px;
}

svg[b-r8ca1b1m6w] {
    width: 60px;
    display: block;
    margin: 40px auto 0;
}

.timeline-div[b-r8ca1b1m6w] {
    position: absolute;
    top: 25px;
    right: 50px;
}

.path[b-r8ca1b1m6w] {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}

    .path.circle[b-r8ca1b1m6w] {
        animation: dash-b-r8ca1b1m6w 0.9s ease-in-out;
    }

    .path.line[b-r8ca1b1m6w] {
        stroke-dashoffset: 1000;
        animation: dash-b-r8ca1b1m6w 0.9s 0.35s ease-in-out forwards;
    }

    .path.check[b-r8ca1b1m6w] {
        stroke-dashoffset: -100;
        animation: dash-check-b-r8ca1b1m6w 0.9s 0.35s ease-in-out forwards;
    }

p[b-r8ca1b1m6w] {
    text-align: center;
    margin: 20px 0 60px;
    font-size: 1.25em;
}

    p.success[b-r8ca1b1m6w] {
        color: #73AF55;
    }

    p.error[b-r8ca1b1m6w] {
        color: #D06079;
    }

@keyframes dash-b-r8ca1b1m6w {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes dash-check-b-r8ca1b1m6w {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}
/* /Components/Pages/BenefitsBasicLife.razor.rz.scp.css */
[b-qa18vvn8ea] .mud-mobile-button-back {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-qa18vvn8ea] .mud-mobile-button-next {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-qa18vvn8ea] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 1; /* Adjust z-index if necessary */
}

.ul-coverage-list[b-qa18vvn8ea] {
        margin: 7px 25px; /* Remove any margin from the ul itself */
        padding: 0; /* Remove any padding from the ul itself */
        list-style-type: disc; /* Optional: ensures list items are displayed as bullets */
    }

    .ul-coverage-list li[b-qa18vvn8ea] {
        margin-bottom: 10px; /* Adjust this value to increase/decrease space between items */
    }

.bold-text[b-qa18vvn8ea] {
    display: block; /* Ensures bold text starts on a new line */
    margin-bottom: 8px; /* Adds space below the bold text */
}

.body-text[b-qa18vvn8ea] {
    display: block; /* Ensures body text starts on a new line */
    margin-bottom: 16px; /* Adds space below the body text */
}

.main-text[b-qa18vvn8ea] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 18px; /* Clear, readable text size */
    line-height: 1.75; /* Adequate spacing between lines */
    color: #333; /* Dark grey text color for readability */
    margin: 0 0 1em; /* Margin at the bottom for spacing */
    padding: 10px; /* Padding inside the paragraph */
    text-align: justify; /* Justified text for a professional look */
}

.main-header[b-qa18vvn8ea] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 40px;
    line-height: 1.75;
    margin-top: 5px;
    margin-left: 7px;
    text-align: center;
}

[b-qa18vvn8ea] .benefits-option-select {
    color: #2c2c2c !important;
    z-index: 10;
}

/* Make sure helper text is visible with proper color */
[b-qa18vvn8ea] .mud-select .mud-input-helper-text,
[b-qa18vvn8ea] .mud-input-helper-text {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    font-size: 0.75rem; /* Appropriate font size */
    margin-top: 4px; /* Space above helper text */
    line-height: 1.2; /* Good line height */
}

/* Ensure label is visible and properly positioned */
[b-qa18vvn8ea] .mud-select .mud-input-label,
[b-qa18vvn8ea] .mud-input-label {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    z-index: 1; /* Above other elements */
}

label[b-qa18vvn8ea] {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    background-color: #f8f9fa; /* Match select background */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    position: absolute; /* Position absolutely */
    top: -8px; /* Move above the input */
    left: 12px; /* Position from left */
    z-index: 1; /* Above other elements */
}

[b-qa18vvn8ea] .mud-input-filled .mud-input-label,
[b-qa18vvn8ea] .mud-input-filled .mud-input-label-animated,
[b-qa18vvn8ea] .mud-input-filled .mud-input-label-filled,
[b-qa18vvn8ea] .mud-input-filled .mud-input-label-inputcontrol {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}

/* Additional targeting for any label within a MudSelect */
[b-qa18vvn8ea] .mud-select label,
[b-qa18vvn8ea] .mud-input-control label {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}
/* /Components/Pages/BenefitsBeneficiaries.razor.rz.scp.css */
[b-jqnmdyu4ie] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding-top: 35px;
    cursor: pointer;
    z-index: 1; /* Adjust z-index if necessary */
}

[b-jqnmdyu4ie] .mud-text-beneficiary {
    padding-top: 5px;
    padding-bottom: 15px;
    max-width: 600px;
}
/* /Components/Pages/BenefitsBeneficiariesAllocation.razor.rz.scp.css */
[b-6pqw7vkcq9] .mud-mobile-button-back {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-6pqw7vkcq9] .mud-mobile-button-next {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-6pqw7vkcq9] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: default;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 1; /* Adjust z-index if necessary */
}

[b-6pqw7vkcq9] .mud-bene-allocation {
    z-index: 10;
}

[b-6pqw7vkcq9] .mud-btn-grid {
    z-index: 1;
}

.div-btn[b-6pqw7vkcq9] {
    pointer-events: none;
    display: inline-block; /* Makes the div only as wide as its content */
    position: absolute; /* Positions the div relative to its nearest positioned ancestor */
    right: 0; /* Aligns the div to the right side of the screen */
    padding: 5px; /* Optional: Add some padding if needed */
}

.body-text[b-6pqw7vkcq9] {
    display: block; /* Ensures body text starts on a new line */
    margin-bottom: 16px; /* Adds space below the body text */
}

.main-text[b-6pqw7vkcq9] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 18px; /* Clear, readable text size */
    line-height: 1.75; /* Adequate spacing between lines */
    color: #333; /* Dark grey text color for readability */
    margin: 0 0 1em; /* Margin at the bottom for spacing */
    padding: 10px; /* Padding inside the paragraph */
    text-align: justify; /* Justified text for a professional look */
}
/* /Components/Pages/BenefitsBeneficiariesInProcess.razor.rz.scp.css */
[b-1ls6xd0q96] .mud-mobile-button-back {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-1ls6xd0q96] .mud-mobile-button-next {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-1ls6xd0q96] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 1; /* Adjust z-index if necessary */
}
/* /Components/Pages/BenefitsCritical.razor.rz.scp.css */
[b-pldbu3lz6s] .mud-mobile-button-back {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-pldbu3lz6s] .mud-mobile-button-next {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-pldbu3lz6s] .mud-container-nav {
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 1; /* Adjust z-index if necessary */
}

.text-critical[b-pldbu3lz6s] {
    display: block;
    margin-bottom: 15px;
}

.main-text[b-pldbu3lz6s] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 18px; /* Clear, readable text size */
    line-height: 1.75; /* Adequate spacing between lines */
    color: #333; /* Dark grey text color for readability */
    margin: 0 0 1em; /* Margin at the bottom for spacing */
    padding: 10px; /* Padding inside the paragraph */
    text-align: justify; /* Justified text for a professional look */
}

.main-header[b-pldbu3lz6s] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 40px;
    line-height: 1.75;
    margin-top: 5px;
    margin-left: 7px;
    text-align: center;
}

[b-pldbu3lz6s] .benefits-option-select {
    color: #2c2c2c !important;
    z-index: 10;
}

/* Make sure helper text is visible with proper color */
[b-pldbu3lz6s] .mud-select .mud-input-helper-text,
[b-pldbu3lz6s] .mud-input-helper-text {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    font-size: 0.75rem; /* Appropriate font size */
    margin-top: 4px; /* Space above helper text */
    line-height: 1.2; /* Good line height */
}

/* Ensure label is visible and properly positioned */
[b-pldbu3lz6s] .mud-select .mud-input-label,
[b-pldbu3lz6s] .mud-input-label {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    z-index: 1; /* Above other elements */
}

label[b-pldbu3lz6s] {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    background-color: #f8f9fa; /* Match select background */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    position: absolute; /* Position absolutely */
    top: -8px; /* Move above the input */
    left: 12px; /* Position from left */
    z-index: 1; /* Above other elements */
}

[b-pldbu3lz6s] .mud-input-filled .mud-input-label,
[b-pldbu3lz6s] .mud-input-filled .mud-input-label-animated,
[b-pldbu3lz6s] .mud-input-filled .mud-input-label-filled,
[b-pldbu3lz6s] .mud-input-filled .mud-input-label-inputcontrol {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}

/* Additional targeting for any label within a MudSelect */
[b-pldbu3lz6s] .mud-select label,
[b-pldbu3lz6s] .mud-input-control label {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}
/* /Components/Pages/BenefitsDental.razor.rz.scp.css */
[b-qrc5d82xp0] .mud-mobile-button-back {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-qrc5d82xp0] .mud-mobile-button-next {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-qrc5d82xp0] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 1; 
}

.main-text[b-qrc5d82xp0] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 18px; /* Clear, readable text size */
    line-height: 1.75; /* Adequate spacing between lines */
    color: #333; /* Dark grey text color for readability */
    text-align: justify; /* Justified text for a professional look */
}

.main-header[b-qrc5d82xp0] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 40px;
    line-height: 1.75;
    margin-top: 5px;
    margin-left: 7px;
    text-align: center;
}

[b-qrc5d82xp0] .benefits-option-select {
    color: #2c2c2c !important;
    z-index: 10;
}

/* Make sure helper text is visible with proper color */
[b-qrc5d82xp0] .mud-select .mud-input-helper-text,
[b-qrc5d82xp0] .mud-input-helper-text {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    font-size: 0.75rem; /* Appropriate font size */
    margin-top: 4px; /* Space above helper text */
    line-height: 1.2; /* Good line height */
}

/* Ensure label is visible and properly positioned */
[b-qrc5d82xp0] .mud-select .mud-input-label,
[b-qrc5d82xp0] .mud-input-label {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    z-index: 1; /* Above other elements */
}

label[b-qrc5d82xp0] {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    background-color: #f8f9fa; /* Match select background */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    position: absolute; /* Position absolutely */
    top: -8px; /* Move above the input */
    left: 12px; /* Position from left */
    z-index: 1; /* Above other elements */
}

[b-qrc5d82xp0] .mud-input-filled .mud-input-label,
[b-qrc5d82xp0] .mud-input-filled .mud-input-label-animated,
[b-qrc5d82xp0] .mud-input-filled .mud-input-label-filled,
[b-qrc5d82xp0] .mud-input-filled .mud-input-label-inputcontrol {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}

/* Additional targeting for any label within a MudSelect */
[b-qrc5d82xp0] .mud-select label,
[b-qrc5d82xp0] .mud-input-control label {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}
/* /Components/Pages/BenefitsDependentCareAccount.razor.rz.scp.css */
[b-3pgke69d2n] .mud-mobile-button-back {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 100; /* Reduced z-index to prevent input blocking */
    position: relative; /* Ensure proper stacking context */
}

[b-3pgke69d2n] .mud-mobile-button-next {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 100; /* Reduced z-index to prevent input blocking */
    position: relative; /* Ensure proper stacking context */
}

[b-3pgke69d2n] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 10; /* Ensure navigation doesn't interfere with inputs */
    pointer-events: auto; /* Ensure buttons remain clickable */
}

.main-text[b-3pgke69d2n] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 18px; /* Clear, readable text size */
    line-height: 1.75; /* Adequate spacing between lines */
    color: #333; /* Dark grey text color for readability */
    margin: 0 0 1em; /* Margin at the bottom for spacing */
    padding: 10px; /* Padding inside the paragraph */
    text-align: justify; /* Justified text for a professional look */
}

    .main-text h2[b-3pgke69d2n] {
        margin-top: 15px;
        color: #333; /* Dark grey color for the header */
        font-size: 1.5em; /* Larger font size for the header */
        margin-bottom: 10px; /* Space below the header */
    }

.main-header[b-3pgke69d2n] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 40px;
    line-height: 1.75;
    margin-top: 5px;
    margin-left: 7px;
    text-align: center;
}

[b-3pgke69d2n] .benefits-option-select {
    color: #2c2c2c !important;
    z-index: 10;
}

/* Make sure helper text is visible with proper color */
[b-3pgke69d2n] .mud-select .mud-input-helper-text,
[b-3pgke69d2n] .mud-input-helper-text {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    font-size: 0.75rem; /* Appropriate font size */
    margin-top: 4px; /* Space above helper text */
    line-height: 1.2; /* Good line height */
}

/* Ensure label is visible and properly positioned */
[b-3pgke69d2n] .mud-select .mud-input-label,
[b-3pgke69d2n] .mud-input-label {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    z-index: 1; /* Above other elements */
}

label[b-3pgke69d2n] {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    background-color: #f8f9fa; /* Match select background */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    position: absolute; /* Position absolutely */
    top: -8px; /* Move above the input */
    left: 12px; /* Position from left */
    z-index: 1; /* Above other elements */
}

[b-3pgke69d2n] .mud-input-filled .mud-input-label,
[b-3pgke69d2n] .mud-input-filled .mud-input-label-animated,
[b-3pgke69d2n] .mud-input-filled .mud-input-label-filled,
[b-3pgke69d2n] .mud-input-filled .mud-input-label-inputcontrol {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}

/* Additional targeting for any label within a MudSelect */
[b-3pgke69d2n] .mud-select label,
[b-3pgke69d2n] .mud-input-control label {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}

/* DCA Weekly Input specific styling */
[b-3pgke69d2n] .dca-weekly-input {
    position: relative;
    z-index: 200; /* Higher than mobile buttons to ensure clickability */
    pointer-events: auto; /* Ensure input is clickable */
    isolation: isolate; /* Create new stacking context */
}

[b-3pgke69d2n] .dca-weekly-input .mud-input-control {
    position: relative;
    z-index: 200;
    pointer-events: auto;
}

[b-3pgke69d2n] .dca-weekly-input input {
    position: relative;
    z-index: 200;
    pointer-events: auto;
    cursor: text; /* Ensure text cursor appears */
}

/* Ensure the input field wrapper has proper stacking */
[b-3pgke69d2n] .dca-weekly-input .mud-input-control-input-container {
    position: relative;
    z-index: 200;
    pointer-events: auto;
}

/* DCA MudSelect dropdown specific styling */
[b-3pgke69d2n] .dca-select-dropdown {
    position: relative;
    z-index: 200; /* Higher than mobile buttons to ensure dropdown clickability */
    isolation: isolate; /* Create new stacking context */
}

[b-3pgke69d2n] .dca-select-dropdown .mud-select {
    position: relative;
    z-index: 200;
    pointer-events: auto;
}

[b-3pgke69d2n] .dca-select-dropdown .mud-input-control {
    position: relative;
    z-index: 200;
    pointer-events: auto;
}

/* Ensure MudSelect dropdown menu appears above everything */
[b-3pgke69d2n] .dca-select-dropdown .mud-popover {
    z-index: 300; /* Even higher for the actual dropdown menu */
}

[b-3pgke69d2n] .dca-select-dropdown .mud-popover-provider {
    z-index: 300;
}
/* /Components/Pages/BenefitsDependents.razor.rz.scp.css */
[b-o7ya0kz7j6] .mud-mobile-button-back {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-o7ya0kz7j6] .mud-mobile-button-next {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-o7ya0kz7j6] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 1; /* Adjust z-index if necessary */
}

.custom-date-picker[b-o7ya0kz7j6] {
    max-width: 200px;
}
/* /Components/Pages/BenefitsDisability.razor.rz.scp.css */
[b-hvni2bq9yq] .mud-mobile-button-back {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-hvni2bq9yq] .mud-mobile-button-next {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-hvni2bq9yq] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 1; /* Adjust z-index if necessary */
}

.main-text[b-hvni2bq9yq] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 18px; /* Clear, readable text size */
    line-height: 1.75; /* Adequate spacing between lines */
    color: #333; /* Dark grey text color for readability */
    margin: 0 0 1em; /* Margin at the bottom for spacing */
    padding: 10px; /* Padding inside the paragraph */
    text-align: justify; /* Justified text for a professional look */
}

.main-header[b-hvni2bq9yq] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 40px;
    line-height: 1.75;
    margin-top: 5px;
    margin-left: 7px;
    text-align: center;
}

[b-hvni2bq9yq] .benefits-option-select {
    color: #2c2c2c !important;
    z-index: 10;
}

/* Make sure helper text is visible with proper color */
[b-hvni2bq9yq] .mud-select .mud-input-helper-text,
[b-hvni2bq9yq] .mud-input-helper-text {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    font-size: 0.75rem; /* Appropriate font size */
    margin-top: 4px; /* Space above helper text */
    line-height: 1.2; /* Good line height */
}

/* Ensure label is visible and properly positioned */
[b-hvni2bq9yq] .mud-select .mud-input-label,
[b-hvni2bq9yq] .mud-input-label {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    z-index: 1; /* Above other elements */
}

label[b-hvni2bq9yq] {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    background-color: #f8f9fa; /* Match select background */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    position: absolute; /* Position absolutely */
    top: -8px; /* Move above the input */
    left: 12px; /* Position from left */
    z-index: 1; /* Above other elements */
}

[b-hvni2bq9yq] .mud-input-filled .mud-input-label,
[b-hvni2bq9yq] .mud-input-filled .mud-input-label-animated,
[b-hvni2bq9yq] .mud-input-filled .mud-input-label-filled,
[b-hvni2bq9yq] .mud-input-filled .mud-input-label-inputcontrol {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}

/* Additional targeting for any label within a MudSelect */
[b-hvni2bq9yq] .mud-select label,
[b-hvni2bq9yq] .mud-input-control label {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}
/* /Components/Pages/BenefitsHospitalCare.razor.rz.scp.css */
[b-l8syn9dt0c] .mud-mobile-button-back {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1; /* Adjust z-index if necessary */
}

[b-l8syn9dt0c] .mud-mobile-button-next {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1; /* Adjust z-index if necessary */
}

[b-l8syn9dt0c] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 1; /* Adjust z-index if necessary */
}

.main-text[b-l8syn9dt0c] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 18px; /* Clear, readable text size */
    line-height: 1.75; /* Adequate spacing between lines */
    color: #333; /* Dark grey text color for readability */
    margin: 0 0 1em; /* Margin at the bottom for spacing */
    padding: 10px; /* Padding inside the paragraph */
    text-align: justify; /* Justified text for a professional look */
}

.main-header[b-l8syn9dt0c] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 40px;
    line-height: 1.75;
    margin-top: 5px;
    margin-left: 7px;
    text-align: center;
}

[b-l8syn9dt0c] .benefits-option-select {
    color: #2c2c2c !important;
    z-index: 10;
}

/* Make sure helper text is visible with proper color */
[b-l8syn9dt0c] .mud-select .mud-input-helper-text,
[b-l8syn9dt0c] .mud-input-helper-text {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    font-size: 0.75rem; /* Appropriate font size */
    margin-top: 4px; /* Space above helper text */
    line-height: 1.2; /* Good line height */
}

/* Ensure label is visible and properly positioned */
[b-l8syn9dt0c] .mud-select .mud-input-label,
[b-l8syn9dt0c] .mud-input-label {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    z-index: 1; /* Above other elements */
}

label[b-l8syn9dt0c] {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    background-color: #f8f9fa; /* Match select background */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    position: absolute; /* Position absolutely */
    top: -8px; /* Move above the input */
    left: 12px; /* Position from left */
    z-index: 1; /* Above other elements */
}

[b-l8syn9dt0c] .mud-input-filled .mud-input-label,
[b-l8syn9dt0c] .mud-input-filled .mud-input-label-animated,
[b-l8syn9dt0c] .mud-input-filled .mud-input-label-filled,
[b-l8syn9dt0c] .mud-input-filled .mud-input-label-inputcontrol {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}

/* Additional targeting for any label within a MudSelect */
[b-l8syn9dt0c] .mud-select label,
[b-l8syn9dt0c] .mud-input-control label {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}
/* /Components/Pages/BenefitsHSA.razor.rz.scp.css */
[b-pbvouek3ku] .mud-mobile-button-back {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 100; /* Reduced z-index to prevent input blocking */
}

[b-pbvouek3ku] .mud-mobile-button-next {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 100; /* Reduced z-index to prevent input blocking */
}

[b-pbvouek3ku] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 10; /* Ensure navigation doesn't interfere with inputs */
    pointer-events: auto; /* Ensure buttons remain clickable */
}

[b-pbvouek3ku] .mud-text-pih-contributions {
    margin: 15px 2px;
}

.main-text[b-pbvouek3ku] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 18px; /* Clear, readable text size */
    line-height: 1.75; /* Adequate spacing between lines */
    color: #333; /* Dark grey text color for readability */
    text-align: justify; /* Justified text for a professional look */
}

.main-header[b-pbvouek3ku] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 40px;
    line-height: 1.75;
    margin-top: 5px;
    margin-left: 7px;
    text-align: center;
}

[b-pbvouek3ku] .benefits-option-select {
    color: #2c2c2c !important;
    z-index: 10;
}

/* Make sure helper text is visible with proper color */
[b-pbvouek3ku] .mud-select .mud-input-helper-text,
[b-pbvouek3ku] .mud-input-helper-text {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    font-size: 0.75rem; /* Appropriate font size */
    margin-top: 4px; /* Space above helper text */
    line-height: 1.2; /* Good line height */
}

/* Ensure label is visible and properly positioned */
[b-pbvouek3ku] .mud-select .mud-input-label,
[b-pbvouek3ku] .mud-input-label {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    z-index: 1; /* Above other elements */
}

label[b-pbvouek3ku] {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    background-color: #f8f9fa; /* Match select background */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    position: absolute; /* Position absolutely */
    top: -8px; /* Move above the input */
    left: 12px; /* Position from left */
    z-index: 1; /* Above other elements */
}

[b-pbvouek3ku] .mud-input-filled .mud-input-label,
[b-pbvouek3ku] .mud-input-filled .mud-input-label-animated,
[b-pbvouek3ku] .mud-input-filled .mud-input-label-filled,
[b-pbvouek3ku] .mud-input-filled .mud-input-label-inputcontrol {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}

/* Additional targeting for any label within a MudSelect */
[b-pbvouek3ku] .mud-select label,
[b-pbvouek3ku] .mud-input-control label {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}

/* HSA Weekly Input specific styling */
[b-pbvouek3ku] .hsa-weekly-input {
    position: relative;
    z-index: 50; /* Higher than navigation but lower than dropdowns */
    pointer-events: auto; /* Ensure input is clickable */
}

[b-pbvouek3ku] .hsa-weekly-input .mud-input-control {
    position: relative;
    z-index: 50;
    pointer-events: auto;
}

[b-pbvouek3ku] .hsa-weekly-input input {
    position: relative;
    z-index: 50;
    pointer-events: auto;
}
/* /Components/Pages/BenefitsLibrary2.razor.rz.scp.css */
[b-12i56ggevr] .div-nav-menu {
    margin-top: 10px;
    width: 400px;
}

[b-12i56ggevr] .mud-paper-links {
    padding-top: 50px;
    padding-left: 50px;
    padding-bottom: 50px;
    margin: 20px 30px;
    height: auto;
    display: block;
    overflow: visible;
    justify-content: center;
}
/* /Components/Pages/BenefitsMedical.razor.rz.scp.css */
[b-v4hbb86fmn] .mud-mobile-button-back {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1; /* Adjust z-index if necessary */
}

[b-v4hbb86fmn] .mud-mobile-button-next {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1; /* Adjust z-index if necessary */
}

[b-v4hbb86fmn] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 1; /* Adjust z-index if necessary */
}

.main-text[b-v4hbb86fmn] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 18px; /* Clear, readable text size */
    line-height: 1.75; /* Adequate spacing between lines */
    color: #333; /* Dark grey text color for readability */
    margin: 0 0 1em; /* Margin at the bottom for spacing */
    padding: 10px; /* Padding inside the paragraph */
    text-align: justify; /* Justified text for a professional look */
}

    .main-text h2[b-v4hbb86fmn] {
        margin-top: 15px;
        color: #333; /* Dark grey color for the header */
        font-size: 1.5em; /* Larger font size for the header */
        margin-bottom: 10px; /* Space below the header */
    }

.main-header[b-v4hbb86fmn] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 40px; 
    line-height: 1.75; 
    margin-top: 5px;
    margin-left: 7px;
    text-align: center; 
}

[b-v4hbb86fmn] .mud-moreinfo-btn {
    width: 150px;
}

[b-v4hbb86fmn] .mud-admin-chip {

}

[b-v4hbb86fmn] .mud-item-text {
    display: flex;
    flex-direction: column; /* Stacks items vertically */
    justify-content: center; /* Centers items vertically */
}

[b-v4hbb86fmn] .benefits-option-select {
    color: #2c2c2c !important;
    z-index: 10;
}

/* Make sure helper text is visible with proper color */
[b-v4hbb86fmn] .mud-select .mud-input-helper-text,
[b-v4hbb86fmn] .mud-input-helper-text {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    font-size: 0.75rem; /* Appropriate font size */
    margin-top: 4px; /* Space above helper text */
    line-height: 1.2; /* Good line height */
}

/* Ensure label is visible and properly positioned */
[b-v4hbb86fmn] .mud-select .mud-input-label,
[b-v4hbb86fmn] .mud-input-label {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    z-index: 1; /* Above other elements */
}

label[b-v4hbb86fmn] {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    background-color: #f8f9fa; /* Match select background */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    position: absolute; /* Position absolutely */
    top: -8px; /* Move above the input */
    left: 12px; /* Position from left */
    z-index: 1; /* Above other elements */
}

[b-v4hbb86fmn] .mud-input-filled .mud-input-label,
[b-v4hbb86fmn] .mud-input-filled .mud-input-label-animated,
[b-v4hbb86fmn] .mud-input-filled .mud-input-label-filled,
[b-v4hbb86fmn] .mud-input-filled .mud-input-label-inputcontrol {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}

/* Additional targeting for any label within a MudSelect */
[b-v4hbb86fmn] .mud-select label,
[b-v4hbb86fmn] .mud-input-control label {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}
/* /Components/Pages/BenefitsOpenEnrollmentOptions.razor.rz.scp.css */
[b-diodeuzmh7] .mud-button {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    height: 100px;
}

[b-diodeuzmh7] .mud-text-h4 {
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

[b-diodeuzmh7] .mud-text-body {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
}
/* /Components/Pages/BenefitsReview.razor.rz.scp.css */
svg[b-rhx9gvj1pn] {
    width: 60px;
    display: block;
    margin: 40px auto 0;
}

.timeline-div[b-rhx9gvj1pn] {
    position: absolute;
    top: 25px;
    right: 50px;
}

.path[b-rhx9gvj1pn] {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}

    .path.circle[b-rhx9gvj1pn] {
        animation: dash-b-rhx9gvj1pn 0.9s ease-in-out;
    }

    .path.line[b-rhx9gvj1pn] {
        stroke-dashoffset: 1000;
        animation: dash-b-rhx9gvj1pn 0.9s 0.35s ease-in-out forwards;
    }

    .path.check[b-rhx9gvj1pn] {
        stroke-dashoffset: -100;
        animation: dash-check-b-rhx9gvj1pn 0.9s 0.35s ease-in-out forwards;
    }

p[b-rhx9gvj1pn] {
    text-align: center;
    margin: 20px 0 60px;
    font-size: 1.25em;
}

    p.success[b-rhx9gvj1pn] {
        color: #73AF55;
    }

    p.error[b-rhx9gvj1pn] {
        color: #D06079;
    }

@keyframes dash-b-rhx9gvj1pn {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes dash-check-b-rhx9gvj1pn {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}

[b-rhx9gvj1pn] .mud-dep-card {

}

[b-rhx9gvj1pn] .mud-dep-name {
    font-size: 22px;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 15px;
}

[b-rhx9gvj1pn] .mud-dep-rel {
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
}

[b-rhx9gvj1pn] .mud-dep-ben-paper {
    margin: 5px 5px;
}

[b-rhx9gvj1pn] .mud-dep-ben-stack {

}

[b-rhx9gvj1pn] .mud-dep-ben-text {
    padding: 10px 10px;
    font-weight: bold;
}

[b-rhx9gvj1pn] .mud-dep-ben-covered-text {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: white;
    max-height: 50px;
    text-align: center;
}

[b-rhx9gvj1pn] .mud-dep-ben-not-covered-text {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: white;
    max-height: 50px;
    text-align: center;
    width: 150px;
}

[b-rhx9gvj1pn] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 1; /* Adjust z-index if necessary */
}
/* /Components/Pages/BenefitsSuppLife.razor.rz.scp.css */
[b-fsgo4do8wd] .mud-mobile-button-back {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1; /* Adjust z-index if necessary */
}

[b-fsgo4do8wd] .mud-mobile-button-next {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1; /* Adjust z-index if necessary */
}

[b-fsgo4do8wd] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 1; /* Adjust z-index if necessary */
}

.main-text[b-fsgo4do8wd] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 18px; /* Clear, readable text size */
    line-height: 1.75; /* Adequate spacing between lines */
    color: #333; /* Dark grey text color for readability */
    margin: 0 0 1em; /* Margin at the bottom for spacing */
    padding: 10px; /* Padding inside the paragraph */
    text-align: justify; /* Justified text for a professional look */
}

.body-text[b-fsgo4do8wd] {
    display: block; /* Ensures body text starts on a new line */
    margin-bottom: 16px; /* Adds space below the body text */
}

.main-header[b-fsgo4do8wd] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 40px;
    line-height: 1.75;
    margin-top: 5px;
    margin-left: 7px;
    text-align: center;
}

[b-fsgo4do8wd] .benefits-option-select {
    color: #2c2c2c !important;
    z-index: 10;
}

/* Make sure helper text is visible with proper color */
[b-fsgo4do8wd] .mud-select .mud-input-helper-text,
[b-fsgo4do8wd] .mud-input-helper-text {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    font-size: 0.75rem; /* Appropriate font size */
    margin-top: 4px; /* Space above helper text */
    line-height: 1.2; /* Good line height */
}

/* Ensure label is visible and properly positioned */
[b-fsgo4do8wd] .mud-select .mud-input-label,
[b-fsgo4do8wd] .mud-input-label {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    z-index: 1; /* Above other elements */
}

label[b-fsgo4do8wd] {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    background-color: #f8f9fa; /* Match select background */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    position: absolute; /* Position absolutely */
    top: -8px; /* Move above the input */
    left: 12px; /* Position from left */
    z-index: 1; /* Above other elements */
}

[b-fsgo4do8wd] .mud-input-filled .mud-input-label,
[b-fsgo4do8wd] .mud-input-filled .mud-input-label-animated,
[b-fsgo4do8wd] .mud-input-filled .mud-input-label-filled,
[b-fsgo4do8wd] .mud-input-filled .mud-input-label-inputcontrol {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}

/* Additional targeting for any label within a MudSelect */
[b-fsgo4do8wd] .mud-select label,
[b-fsgo4do8wd] .mud-input-control label {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}
/* /Components/Pages/BenefitsSuppLifeChild.razor.rz.scp.css */
[b-9efr3jy2gf] .mud-mobile-button-back {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1; /* Adjust z-index if necessary */
}

[b-9efr3jy2gf] .mud-mobile-button-next {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1; /* Adjust z-index if necessary */
}

[b-9efr3jy2gf] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 1; /* Adjust z-index if necessary */
}

.main-text .header-text[b-9efr3jy2gf] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 20px; /* Clear, readable text size */
    line-height: 1.75; /* Adequate spacing between lines */
    color: #333; /* Dark grey text color for readability */
    text-align: justify; /* Justified text for a professional look */
    font-weight: bold;
}

.main-text .body-text[b-9efr3jy2gf] {
    margin-bottom: 15px;
}

.main-text[b-9efr3jy2gf] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 18px; /* Clear, readable text size */
    line-height: 1.75; /* Adequate spacing between lines */
    color: #333; /* Dark grey text color for readability */
    margin: 0 0 1em; /* Margin at the bottom for spacing */
    padding: 10px; /* Padding inside the paragraph */
    text-align: justify; /* Justified text for a professional look */
}

    .main-text ul[b-9efr3jy2gf] {
        margin-top: 10px;
        padding-left: 20px;
        list-style-type: disc;
    }

        /* Bold list item text */
        .main-text ul li b[b-9efr3jy2gf] {
            font-weight: bold;
            color: #555;
        }

        /* Adjusted margins for list items */
        .main-text ul li[b-9efr3jy2gf] {
            margin-bottom: 10px;
            margin-left: 25px;
        }

        /* Nested list styling */
        .main-text ul ul[b-9efr3jy2gf] {
            list-style-type: circle;
            margin-top: 5px;
        }

.main-header[b-9efr3jy2gf] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 40px;
    line-height: 1.75;
    margin-top: 5px;
    margin-left: 7px;
    text-align: center;
}

[b-9efr3jy2gf] .benefits-option-select {
    color: #2c2c2c !important;
    z-index: 10;
}

/* Make sure helper text is visible with proper color */
[b-9efr3jy2gf] .mud-select .mud-input-helper-text,
[b-9efr3jy2gf] .mud-input-helper-text {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    font-size: 0.75rem; /* Appropriate font size */
    margin-top: 4px; /* Space above helper text */
    line-height: 1.2; /* Good line height */
}

/* Ensure label is visible and properly positioned */
[b-9efr3jy2gf] .mud-select .mud-input-label,
[b-9efr3jy2gf] .mud-input-label {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    z-index: 1; /* Above other elements */
}

label[b-9efr3jy2gf] {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    background-color: #f8f9fa; /* Match select background */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    position: absolute; /* Position absolutely */
    top: -8px; /* Move above the input */
    left: 12px; /* Position from left */
    z-index: 1; /* Above other elements */
}

[b-9efr3jy2gf] .mud-input-filled .mud-input-label,
[b-9efr3jy2gf] .mud-input-filled .mud-input-label-animated,
[b-9efr3jy2gf] .mud-input-filled .mud-input-label-filled,
[b-9efr3jy2gf] .mud-input-filled .mud-input-label-inputcontrol {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}

/* Additional targeting for any label within a MudSelect */
[b-9efr3jy2gf] .mud-select label,
[b-9efr3jy2gf] .mud-input-control label {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}
/* /Components/Pages/BenefitsSuppLifeSpouse.razor.rz.scp.css */
[b-tfm8ydqco2] .mud-mobile-button-back {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1; /* Adjust z-index if necessary */
}

[b-tfm8ydqco2] .mud-mobile-button-next {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1; /* Adjust z-index if necessary */
}

[b-tfm8ydqco2] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 1; /* Adjust z-index if necessary */
}

.main-text[b-tfm8ydqco2] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 18px; /* Clear, readable text size */
    line-height: 1.75; /* Adequate spacing between lines */
    color: #333; /* Dark grey text color for readability */
    margin: 0 0 1em; /* Margin at the bottom for spacing */
    padding: 10px; /* Padding inside the paragraph */
    text-align: justify; /* Justified text for a professional look */
}

.main-header[b-tfm8ydqco2] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 40px;
    line-height: 1.75;
    margin-top: 5px;
    margin-left: 7px;
    text-align: center;
}

[b-tfm8ydqco2] .benefits-option-select {
    color: #2c2c2c !important;
    z-index: 10;
}

/* Make sure helper text is visible with proper color */
[b-tfm8ydqco2] .mud-select .mud-input-helper-text,
[b-tfm8ydqco2] .mud-input-helper-text {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    font-size: 0.75rem; /* Appropriate font size */
    margin-top: 4px; /* Space above helper text */
    line-height: 1.2; /* Good line height */
}

/* Ensure label is visible and properly positioned */
[b-tfm8ydqco2] .mud-select .mud-input-label,
[b-tfm8ydqco2] .mud-input-label {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    z-index: 1; /* Above other elements */
}

label[b-tfm8ydqco2] {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    background-color: #f8f9fa; /* Match select background */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    position: absolute; /* Position absolutely */
    top: -8px; /* Move above the input */
    left: 12px; /* Position from left */
    z-index: 1; /* Above other elements */
}

[b-tfm8ydqco2] .mud-input-filled .mud-input-label,
[b-tfm8ydqco2] .mud-input-filled .mud-input-label-animated,
[b-tfm8ydqco2] .mud-input-filled .mud-input-label-filled,
[b-tfm8ydqco2] .mud-input-filled .mud-input-label-inputcontrol {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}

/* Additional targeting for any label within a MudSelect */
[b-tfm8ydqco2] .mud-select label,
[b-tfm8ydqco2] .mud-input-control label {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}
/* /Components/Pages/BenefitsViewSelection.razor.rz.scp.css */
[b-ya167ebwwz] .mud-date-text {
    color: dimgrey; /* Light grey color for the text */
    
    font-weight: normal; /* Make the font weight normal for a subtle look */
    font-size: 1.1rem; /* Slightly adjust font size for better visibility */
    margin-top: 5px; /* Add some space above the date */
    margin-bottom: 15px; /* Add space below the date for better separation */
    border: 1px solid #d3d3d3; /* Optional: Add a light border around the text */
    padding: 10px; /* Optional: Add some padding inside the text area */
    border-radius: 5px; /* Optional: Round the corners of the border */
    background-color: rgba(211, 211, 211, 0.1); /* Optional: Light background for contrast */
}

.pdf-download-container[b-ya167ebwwz] {
    border-radius: 2rem;
    padding: 15px 150px;
    text-align: right;
}

[b-ya167ebwwz] .pdf-button {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    background-color: #2C2C2C !important;
    color: white;
    border-radius: 999px; /* super rounded */
    padding: 10px 20px;
    font-weight: bold;
    border: none;
    margin-right: 50px !important;
}

.img-company-logos[b-ya167ebwwz] {
    max-height: 100px;
    min-width: 400px;
}

.img-company-logos-mobile[b-ya167ebwwz] {
    max-width: 100%; /* Ensure the image never exceeds the width of its container */
    height: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Ensure the image is fully visible and fits within the bounds */
    display: block; /* Remove any inline spacing around the image */
    margin: 0 auto; /* Center the image horizontally */
}

.responsive-image[b-ya167ebwwz] {
    width: 100%;
    height: auto;
    padding: 5px 10px;
}

/* Adjust styles for smaller screens */
@media (max-width: 768px) {
    .responsive-image[b-ya167ebwwz] {
        padding: 3px 5px;
    }
}

/* Adjust styles for larger screens */
@media (min-width: 1200px) {
    .responsive-image[b-ya167ebwwz] {
        padding: 10px 20px;
    }
}
/* /Components/Pages/BenefitsVision.razor.rz.scp.css */
[b-wmmjgn8mrm] .mud-mobile-button-back {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-wmmjgn8mrm] .mud-mobile-button-next {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-wmmjgn8mrm] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 1; /* Adjust z-index if necessary */
}

.main-text[b-wmmjgn8mrm] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 18px; /* Clear, readable text size */
    line-height: 1.75; /* Adequate spacing between lines */
    color: #333; /* Dark grey text color for readability */
    text-align: justify; /* Justified text for a professional look */
}

.main-header[b-wmmjgn8mrm] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 40px;
    line-height: 1.75;
    margin-top: 5px;
    margin-left: 7px;
    text-align: center;
}

[b-wmmjgn8mrm] .benefits-option-select {
    color: #2c2c2c !important;
    z-index: 10;
}

/* Make sure helper text is visible with proper color */
[b-wmmjgn8mrm] .mud-select .mud-input-helper-text,
[b-wmmjgn8mrm] .mud-input-helper-text {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    font-size: 0.75rem; /* Appropriate font size */
    margin-top: 4px; /* Space above helper text */
    line-height: 1.2; /* Good line height */
}

/* Ensure label is visible and properly positioned */
[b-wmmjgn8mrm] .mud-select .mud-input-label,
[b-wmmjgn8mrm] .mud-input-label {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    z-index: 1; /* Above other elements */
}

label[b-wmmjgn8mrm] {
    color: #2c2c2c !important; /* Dark grey color for better visibility */
    opacity: 1; /* Ensure it's fully visible */
    background-color: #f8f9fa; /* Match select background */
    padding: 0 4px; /* Padding around label */
    font-size: 16px; /* Readable font size */
    position: absolute; /* Position absolutely */
    top: -8px; /* Move above the input */
    left: 12px; /* Position from left */
    z-index: 1; /* Above other elements */
}

[b-wmmjgn8mrm] .mud-input-filled .mud-input-label,
[b-wmmjgn8mrm] .mud-input-filled .mud-input-label-animated,
[b-wmmjgn8mrm] .mud-input-filled .mud-input-label-filled,
[b-wmmjgn8mrm] .mud-input-filled .mud-input-label-inputcontrol {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}

/* Additional targeting for any label within a MudSelect */
[b-wmmjgn8mrm] .mud-select label,
[b-wmmjgn8mrm] .mud-input-control label {
    color: #2c2c2c !important; /* Force dark color with !important */
    opacity: 1 !important; /* Ensure visibility */
}
/* /Components/Pages/BenefitsVoluntaryInfo.razor.rz.scp.css */
[b-dfinqhhldr] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 1; /* Adjust z-index if necessary */
}

[b-dfinqhhldr] .mud-mobile-button-back {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

[b-dfinqhhldr] .mud-mobile-button-next {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1000; /* Adjust z-index if necessary */
}

.main-text[b-dfinqhhldr] {
    font-family: 'Roboto', sans-serif; /* Clean, modern font */
    font-size: 18px; /* Clear, readable text size */
    line-height: 1.75; /* Adequate spacing between lines */
    color: #333; /* Dark grey text color for readability */
    margin: 0 0 1em; /* Margin at the bottom for spacing */
    padding: 10px; /* Padding inside the paragraph */
    text-align: justify; /* Justified text for a professional look */
}
/* /Components/Pages/BenefitsWhatsNew.razor.rz.scp.css */
[b-mko5626dr4] .mud-continue {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    transition: none;
}

[b-mko5626dr4] .mud-container-nav {
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 75px;
    z-index: 1000; /* Adjust z-index if necessary */
}
/* /Components/Pages/CompensationStatement.razor.rz.scp.css */
[b-cfum7utv1q] .statement-view {
    padding: 20px;
    background-color: #f9f9f9;
}

[b-cfum7utv1q] .div-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-bottom: 100px;
}

[b-cfum7utv1q] .statement-section {
    margin: 0 auto;
    margin-bottom: 50px;
    width: 80%;
    max-width: 900px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .statement-section h2[b-cfum7utv1q] {
        text-align: center;
        font-size: 1.5rem;
        color: #333;
        padding-bottom: 10px;
        border-bottom: 2px solid #ddd;
    }

[b-cfum7utv1q] .statement-section-mobile {
    margin-bottom: 50px;
    margin-left: 2px !important;
    margin-right: 2px !important;
    max-width: 900px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers items horizontally */
    justify-content: center; /* Ensures items are evenly spaced */
}

    .statement-section-mobile h2[b-cfum7utv1q] {
        text-align: center;
        font-size: 1.5rem;
        color: #333;
        padding-bottom: 10px;
        border-bottom: 2px solid #ddd;
    }

[b-cfum7utv1q] .statement-table {
    width: 100%;
    margin-top: 10px;
}

[b-cfum7utv1q] .statement-table-mobile {
    margin-top: 10px;
    margin-left: 18vh;
    margin-right: 18vh;
}

.total-amount[b-cfum7utv1q] {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    color: #0056b3;
    text-align: right;
}

.mobile-total[b-cfum7utv1q] {
    display: block;
    font-size: 1rem;
    font-weight: bold;
    color: #0056b3;
    text-align: right;
    overflow: visible;
    padding: 40px;
    background-color: #eeeeee;
}

[b-cfum7utv1q] .compensation-text {
    font-size: 13px;
    font-weight: 400;
    color: #333;
    line-height: 1.6;
    text-align: justify;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 8px;
    margin-top: 20px;
}

[b-cfum7utv1q] .disclaimer-text {
    font-size: 10px;
    font-weight: 300;
    color: #333;
    line-height: 1.6;
    text-align: justify;
    padding: 10px 40px;
    border-radius: 8px;
    margin-top: 20px;
}

[b-cfum7utv1q] .disclaimer-text-mobile {
    font-size: 10px;
    font-weight: 300;
    color: #333;
    line-height: 1.6;
    text-align: justify;
    padding: 10px 40px;
    border-radius: 8px;
    margin-top: 35vh;
    margin-left: 15vh;
    margin-right: 15vh;
}

[b-cfum7utv1q] .div-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-bottom: 100px;
}

[b-cfum7utv1q] .statement-section-text {
    margin: 0 auto;
    margin-top: 40px;
    width: 80%;
    max-width: 900px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.img-company-logos[b-cfum7utv1q] {
    max-height: 100px;
    min-width: 400px;
}

.img-company-logos-mobile[b-cfum7utv1q] {
    max-width: 100%; /* Ensure the image never exceeds the width of its container */
    height: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Ensure the image is fully visible and fits within the bounds */
    display: block; /* Remove any inline spacing around the image */
    margin: 0 auto; /* Center the image horizontally */
}

.responsive-image[b-cfum7utv1q] {
    width: 100%;
    height: auto;
    padding: 5px 10px;
}

/* Adjust styles for smaller screens */
@media (max-width: 768px) {
    .responsive-image[b-cfum7utv1q] {
        padding: 3px 5px;
    }
}

/* Adjust styles for larger screens */
@media (min-width: 1200px) {
    .responsive-image[b-cfum7utv1q] {
        padding: 10px 20px;
    }
}
/* /Components/Pages/CreditCardRequestForm.razor.rz.scp.css */
.credit-card-form-header-div[b-aozaj3vjih] {
    text-align: center;
    padding: 25px 50px;
}

    .credit-card-form-header-div h1[b-aozaj3vjih] {
        font-size: 2.5rem;
        font-weight: bold;
        color: #3E4E5E; /* A slightly dark color for contrast */
    }

.credit-card-form .delivery-info-grid[b-aozaj3vjih] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem 2rem;
    padding: 1rem 0;
}

.credit-card-form[b-aozaj3vjih] {
    padding: 1rem;
}

    .credit-card-form .employee-info-grid[b-aozaj3vjih],
    .credit-card-form .delivery-info-grid[b-aozaj3vjih] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem 2rem;
        padding: 1rem;
    }

    .credit-card-form .company-radio[b-aozaj3vjih] {
        padding: 1rem 0;
        font-size: 0.95rem;
    }

    .credit-card-form .form-actions[b-aozaj3vjih] {
        margin-top: 2rem;
    }

[b-aozaj3vjih] .employee-info-grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

[b-aozaj3vjih] .info-stack {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

[b-aozaj3vjih] .info-label {
    font-weight: 600;
    font-size: 0.95rem;
    color: #333;
}

[b-aozaj3vjih] .info-amount-label {
    font-weight: 600;
    font-size: 0.95rem;
    color: #333;
    padding-top: 10px;
}

[b-aozaj3vjih] .info-text {
    font-size: 1rem;
    color: #222;
    padding: 0.2rem;
}

[b-aozaj3vjih] .addr-input {
    min-height: 14px !important;
    font-size: 10px !important;
    max-width: 500px;
}

[b-aozaj3vjih] .addr-input-state {
    /*max-height: 8px !important;*/
    min-height: 8px;
    max-width: 150px;
}

[b-aozaj3vjih] .addr-input-zip {
    /*max-height: 8px !important;*/
    min-height: 8px;
    max-width: 150px;
}

[b-aozaj3vjih] .form-buttons {
    padding: 40px !important;
}

[b-aozaj3vjih] .form-btn-submission,
[b-aozaj3vjih] .form-btn-cancel {
    color: black !important;
    background-color: white !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* subtle shadow */
    transition: all 0.3s ease; /* smooth animation */
    border-radius: 6px; /* optional for modern look */
    padding: 8px 16px; /* optional for better sizing */
}

    [b-aozaj3vjih] .form-btn-submission:hover,
    [b-aozaj3vjih] .form-btn-cancel:hover {
        transform: translateY(-2px); /* slight lift */
        box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15); /* deeper shadow on hover */
        background-color: #f0f0f0 !important; /* subtle background shift */
    }

.responsive-image[b-aozaj3vjih] {
    width: 100%;
    height: auto;
    padding: 5px 10px;
}

/* Adjust styles for smaller screens */
@media (max-width: 768px) {
    .responsive-image[b-aozaj3vjih] {
        padding: 3px 5px;
    }
}

/* Adjust styles for larger screens */
@media (min-width: 1200px) {
    .responsive-image[b-aozaj3vjih] {
        padding: 10px 20px;
    }
}
/* /Components/Pages/DIVCapture.razor.rz.scp.css */
.img-stretch[b-uhg6cox7up] {
    width: 100%;
    height: 100%;
    object-fit: cover; /* This ensures the image covers the entire div, preserving its aspect ratio */
    top: 0;
    left: 0;
    z-index: 1;
}
/* /Components/Pages/DropBox.razor.rz.scp.css */
[b-4y6lfchnz1] .label {
    font-weight: bold;
    margin: 0px !important;
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 38px; /* Match RadzenDatePicker height */
}

[b-4y6lfchnz1] .rz-fileupload-buttonbar {
    height: 250px;
    width: 400px;
}

[b-4y6lfchnz1] .upload-comp {
    height: 250px;
}

    [b-4y6lfchnz1] .upload-comp .rz-fileupload-buttonbar .rz-fileupload-choose {
        height: 220px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    [b-4y6lfchnz1] .upload-comp .rz-fileupload-content .rz-fileupload-files .rz-fileupload-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%; /* Ensure row takes full width */
        box-sizing: border-box;
        padding: 0.5rem 1rem; /* Uniform padding */
        gap: 1rem; /* Optional: add consistent spacing */
    }

        [b-4y6lfchnz1] .upload-comp .rz-fileupload-content .rz-fileupload-files .rz-fileupload-row > * {
            flex: 1 1 auto; /* All children grow/shrink evenly */
            min-width: 0; /* Prevent overflow due to long content */
            margin: 0;
        }

        /* Example of fixed sizes for each child */
        [b-4y6lfchnz1] .upload-comp .rz-fileupload-content .rz-fileupload-files .rz-fileupload-row div {
            width: 300px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }


.overlay[b-4y6lfchnz1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.overlay-content[b-4y6lfchnz1] {
    background: white;
    padding: 30px 40px;
    border-radius: 8px;
    text-align: center;
}

.div-header[b-4y6lfchnz1] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px; /* Adjusted padding for better spacing */
    background-color: #f4f4f4; /* Soft background color */
    border-radius: 10px; /* Rounded corners for a modern look */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    padding-top: 35px;
}

[b-4y6lfchnz1] .header {
    font-size: 18px; /* Slightly smaller than the pay rate */
    font-weight: 400; /* Lighter weight for contrast */
    color: #333; /* Darker color for the text */
    text-transform: uppercase; /* Consistent with modern styles */
    letter-spacing: 1px; /* Slight letter spacing for readability */
    margin-bottom: 8px; /* Add space below the header */
}

[b-4y6lfchnz1] .card-upload-mobile {
    width: auto;
    height: auto;
    margin-bottom: 25px;
}

[b-4y6lfchnz1] .upload-comp-mobile {
    width: 200px;
    height: 250px;
}
    [b-4y6lfchnz1] .upload-comp-mobile .rz-fileupload-buttonbar {
        width: 230px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }    

    [b-4y6lfchnz1] .upload-comp-mobile .rz-fileupload-buttonbar .rz-fileupload-choose {
        width: 200px;
        height: 220px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

.mobile-div[b-4y6lfchnz1] {
    margin-bottom: 50px;
}
/* /Components/Pages/EmergencyContacts.razor.rz.scp.css */
.emergency-contacts-container[b-mmmzujp7yo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 20px;
}

[b-mmmzujp7yo] .emergency-contacts-header {
    font-size: 22px; /* Slightly larger for better readability */
    font-weight: 600; /* Medium weight for better emphasis */
    color: #333; /* Darker color for contrast */
    text-transform: uppercase; /* Makes it stand out */
    letter-spacing: 1px; /* Adds a subtle spacing effect */
    margin-bottom: 10px; /* Space below the header */
    border-bottom: 2px solid #ddd; /* Adds a subtle separator */
    padding-bottom: 5px; /* Adds a little space below */
    margin: 20px;
}

.contact-card[b-mmmzujp7yo] {
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}

.contact-details[b-mmmzujp7yo] {
    margin-bottom: 1rem;
}

.edit-form[b-mmmzujp7yo] {
    padding: 1rem;
    background-color: #f9f9f9;
    border-radius: 8px;
}

.hr-separator[b-mmmzujp7yo] {
    width: 250px;
}

[b-mmmzujp7yo] .custom-link {
    cursor: pointer;
    color: blue !important;
    text-decoration: none;
    margin: 20px 40px;
    padding-bottom: 50px;
}

    [b-mmmzujp7yo] .custom-link:hover {
        text-decoration: underline;
    }

[b-mmmzujp7yo] .mud-btn-edit {
    max-height: 18px !important;
    background-color: #2C2C2C !important; /* Modern Blue */
    color: white !important; /* White Icon for Contrast */
    border-radius: 50%; /* Circular Button */
    width: 28px; /* Slightly larger for better touch */
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

    /* Hover effect */
    [b-mmmzujp7yo] .mud-btn-edit:hover {
        background-color: rgba(60, 60, 60, 0.9) !important; /* Slightly Darker Blue */
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Soft Shadow */
    }

    /* Active (Click) Effect */
    [b-mmmzujp7yo] .mud-btn-edit:active {
        background-color: #0D47A1 !important;
        transform: scale(0.95);
    }

[b-mmmzujp7yo] .mud-btn-trash {
    max-height: 18px !important;
    background-color: #D32F2F !important; /* Modern Blue */
    color: white !important; /* White Icon for Contrast */
    border-radius: 50%; /* Circular Button */
    width: 28px; /* Slightly larger for better touch */
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

    /* Hover effect */
    [b-mmmzujp7yo] .mud-btn-trash:hover {
        background-color: #B71C1C !important; /* Slightly Darker Blue */
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Soft Shadow */
    }

    /* Active (Click) Effect */
    [b-mmmzujp7yo] .mud-btn-trash:active {
        background-color: #0D47A1 !important;
        transform: scale(0.95);
    }

[b-mmmzujp7yo] .mud-save-btn {
    background-color: #2E7D32 !important;
}

[b-mmmzujp7yo] .mud-cancel-btn {
    background-color: #D32F2F !important;
}

/* /Components/Pages/ExpenseReportForm.razor.rz.scp.css */
.form-actions[b-7lvw5sy8l8] {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 10; /* ensure it's above most elements */
}

.expense-form-header-div[b-7lvw5sy8l8] {
    text-align: center;
    padding: 25px 50px;
}

.expense-form[b-7lvw5sy8l8] {
    padding: 1rem;
}

[b-7lvw5sy8l8] .employee-info-grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

[b-7lvw5sy8l8] .info-stack {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

[b-7lvw5sy8l8] .info-label {
    font-weight: 600;
    font-size: 0.95rem;
    color: #333;
}

[b-7lvw5sy8l8] .info-text {
    font-size: 1rem;
    color: #222;
    padding: 0.2rem;
}

[b-7lvw5sy8l8] .cash-expense-grid {
    
}

.spacer-div[b-7lvw5sy8l8] {
    height: 300px !important;
}

[b-7lvw5sy8l8] .delete-row-btn {
    margin-left: auto;
    color: white !important;
    background-color: darkred !important;
}

[b-7lvw5sy8l8] .edit-row-btn {
    margin-right: 8px;
    color: black !important;
    background-color: white !important;
}

[b-7lvw5sy8l8] .add-cash-expense {
    background-color: white !important;
    color: dimgrey !important;
}

.credit-card-form[b-7lvw5sy8l8] {
    padding: 25px;
}

[b-7lvw5sy8l8] .form-btn-submission {
    background-color: white !important;
    color: #1A1A1A !important;
}

.responsive-image[b-7lvw5sy8l8] {
    width: 100%;
    height: auto;
    padding: 5px 10px;
}

/* Adjust styles for smaller screens */
@media (max-width: 768px) {
    .responsive-image[b-7lvw5sy8l8] {
        padding: 3px 5px;
    }
}

/* Adjust styles for larger screens */
@media (min-width: 1200px) {
    .responsive-image[b-7lvw5sy8l8] {
        padding: 10px 20px;
    }
}
/* /Components/Pages/ForgotPassword.razor.rz.scp.css */
[b-dq9af5ayl0] .mud-verify-code-card {
    width: 380px;
    height: 450px;
    text-align: center;
}

[b-dq9af5ayl0] .mud-verify-header-text {
    padding: 15px 15px;
}

[b-dq9af5ayl0] .mud-verify-body-text {
    padding: 10px 25px;
}

[b-dq9af5ayl0] .mud-verify-input {
    margin: 0px 75px;
    padding: 10px 25px;
}

[b-dq9af5ayl0] .mud-resend {
    padding: 40px 25px;
}

[b-dq9af5ayl0] .mud-verify-btn {
    margin: 15px 55px;
}

[b-dq9af5ayl0] .mud-resetpw-paper {
    height: 92vh;
    z-index: 1;
    width: 400px;
    margin: 0 auto;
    position: relative; /* Change position to relative */
    top: -100px; /* Move the element 100px upwards */
    align-content: center;
    text-align: center;
}

[b-dq9af5ayl0] .mud-resetpw-title {
    margin-bottom: 50px;
}

[b-dq9af5ayl0] .mud-resetpw-confirm-btn {
    margin: 30px 40px;
}

[b-dq9af5ayl0] .mud-resetpw-input {
    margin: 0 auto;
    width: 325px;
}

[b-dq9af5ayl0] .mud-paper {
    max-width: 500px;
    padding: 50px 50px;
    margin-top: 50px;

}

[b-dq9af5ayl0] .mud-header-text {
    text-align: center;
    margin-bottom: 30px;
}

[b-dq9af5ayl0] .mud-body-text {
    margin-bottom: 20px;
}

[b-dq9af5ayl0] .mud-confirm-btn {

}
/* /Components/Pages/HelpfulLinks.razor.rz.scp.css */
[b-8iwqzbk443] .mud-link-head {
    max-width: 90%;
    color: #2C2C2C !important;
}

    [b-8iwqzbk443] .mud-link-head .mud-transform {
        color: #2C2C2C !important;
        fill: #2C2C2C !important;
    }

[b-8iwqzbk443] .mud-link-sub {
    max-width: 100%;
    padding: 8px 16px; /* Adjust padding for better spacing */
    transition: background-color 0.2s; /* Add hover effect */
}

    [b-8iwqzbk443] .mud-link-sub:hover {
        background-color: rgba(0, 0, 0, 0.05); /* Slight hover effect */
    }

[b-8iwqzbk443] .mud-paper-links {
    margin-top: 25px;
    margin-left: 25px;
    padding: 16px; /* Add padding to the MudPaper for better inner spacing */
}
/* /Components/Pages/Home.razor.rz.scp.css */
.banner-div[b-l5zlpvs6af] {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #fef104;
    padding: 5px;
}

.banner-logo[b-l5zlpvs6af] {
    width: 125px;
    display: block;
}

.banner-logo-mobile[b-l5zlpvs6af] {
    width: 90px;
    display: block;
}

[b-l5zlpvs6af] .banner-button {
    height: 40px;
    width: 25%;
    color: #000000 !important;
}



.culture-selector[b-l5zlpvs6af] {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin-bottom: 10px;
}

.img-banner[b-l5zlpvs6af] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Ensures the image maintains its aspect ratio */
}


.img-stretch[b-l5zlpvs6af] {
    width: 100%;
    height: 100%;
    object-fit: cover; /* This ensures the image covers the entire div, preserving its aspect ratio */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.mud-stack-overlay[b-l5zlpvs6af] {
    position: absolute; /* Position MudStack absolutely within the parent div */
    z-index: 2; /* Ensure the text is on top of the image */
}

[b-l5zlpvs6af] .mud-body-text {
    margin-bottom: -5px; /* Adjust the value as needed */
    line-height: 0.6;
    color: #2C2C2C !important;
}

[b-l5zlpvs6af] .mud-header-text {
    margin-bottom: -2px; /* Adjust the value as needed */
    line-height: 0.9;
}

[b-l5zlpvs6af] .mud-bold-text {
    margin-top: 15px;
}

[b-l5zlpvs6af] .mud-more-info-text {
    margin-top: 5px;
    margin-bottom: 25px;
    color: #2C2C2C !important;
}

[b-l5zlpvs6af] .home-btn-extend {
    background: rgb(0,0,0);
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    color: #2C2C2C !important;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}

[b-l5zlpvs6af] .home-btn {
    /*background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    color: #06539B !important;*/
    width: 40vw; /* Each button takes 40% of the viewport width */
    max-width: 200px; /* Prevents buttons from becoming too wide */
    min-width: 150px; /* Ensures buttons are still usable on small screens */
    height: auto; /* Allow height to adjust dynamically */
    min-height: 150px;
    padding: 15px; /* Adds spacing inside the button */
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem; /* Adjust text size for readability */
}

[b-l5zlpvs6af] .home-btn-mobile {
    /*background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    color: #06539B !important;*/
    max-width: 200px; /* Prevents buttons from becoming too wide */
    min-width: 150px; /* Ensures buttons are still usable on small screens */
    width: 45vw;
    height: auto; /* Allow height to adjust dynamically */
    min-height: 150px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px; /* Adjust text size for readability */

}

[b-l5zlpvs6af] .equal-btn {
    flex: 1; /* Ensures buttons in a row have equal widths */
    width: 40vw; /* Matches the home-btn width */
    max-width: 250px;
    min-width: 150px;
    height: auto;
}

[b-l5zlpvs6af] .mud-body-text-secondary {
    margin-bottom: 25px; /* Adjust the value as needed */
    margin-top: 5px;
    line-height: 0.6;
    color: #2C2C2C !important;
}

[b-l5zlpvs6af] .mud-body-text-secondary-alt {
    margin-bottom: 15px; /* Adjust the value as needed */
    margin-top: 10px;
    line-height: 0.6;
    color: #2C2C2C !important;
}
/* /Components/Pages/MyBenefits.razor.rz.scp.css */
[b-y6kuhsu6w7] .tree-item {
    transition: background-color 0.3s ease;
    padding: 10px;
}

[b-y6kuhsu6w7] .tree-item:hover {
    background-color: #f0f0f0; /* light gray on hover */
    color: #333 !important; /* darker text on hover */
    cursor: pointer;
    border-radius: 6px;
}

[b-y6kuhsu6w7] .mud-treeview {
    transition: none !important;
}

[b-y6kuhsu6w7] .mud-treeview-item-selected {
    color: #2C2C2C !important;
    background-color: rgba(60, 60, 60, 0.08) !important;
    border-radius: 4px;
    transition: none !important;
}

/* /Components/Pages/MyCompensation.razor.rz.scp.css */
h1[b-tirz6jhclb] {
    font-size: 24px;
    font-weight: bold;
    color: #0D47A1;
    margin-bottom: 10px;
}

.div-header[b-tirz6jhclb] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px; /* Adjusted padding for better spacing */
    background-color: #f4f4f4; /* Soft background color */
    border-radius: 10px; /* Rounded corners for a modern look */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

[b-tirz6jhclb] .pay-rate {
    font-size: 32px; /* Increased font size for more emphasis */
    font-weight: 600; /* Slightly lighter than bold for a clean look */
    margin-top: 10px; /* Adds spacing between the label and the rate */
    letter-spacing: 1px; /* Slight letter spacing for readability */
    text-transform: uppercase; /* To give it a more modern, impactful appearance */
}

[b-tirz6jhclb] .header {
    font-size: 18px; /* Slightly smaller than the pay rate */
    font-weight: 400; /* Lighter weight for contrast */
    color: #333; /* Darker color for the text */
    text-transform: uppercase; /* Consistent with modern styles */
    letter-spacing: 1px; /* Slight letter spacing for readability */
    margin-bottom: 8px; /* Add space below the header */
}

.div-header hr[b-tirz6jhclb] {
    width: 50%; /* Narrower line to give a modern feel */
    margin: 10px 0; /* Spacing around the line */
    border: 1px solid #ccc; /* Soft line color */
    opacity: 0.5; /* Subtle appearance for the line */
}

.div-salary-history[b-tirz6jhclb] {
    margin: 5vh 40vh;
    margin-top: 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.div-salary-history-mobile[b-tirz6jhclb] {
    display: flex; /* Enable flexbox */
    flex-direction: column; /* Stack items vertically */
    justify-content: center; /* Vertically center the items */
    align-items: center; /* Horizontally center the items */
    margin: 5vh 5vh;
    margin-top: 35px;
    border-radius: 8px;
    gap: 15px;
}

[b-tirz6jhclb] .btn-nav {
    background: linear-gradient(45deg, #1976D2, #64B5F6) !important;
    color: white !important;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 10px 5px;
    border: none; /* Optional: Removes border for a cleaner look */
    transition: background 0.3s ease-in-out; /* Smooth transition effect */
}

    [b-tirz6jhclb] .btn-nav:hover {
        background: linear-gradient(45deg, #1565C0, #42A5F5) !important;
    }

/* /Components/Pages/MyInformation.razor.rz.scp.css */
[b-pgdrwl2awj] .mud-text-bold {
    font-size: 14px; /* Slightly bigger */
    font-weight: bold;
    margin-top: 7px;
}

[b-pgdrwl2awj] .mud-text-dim {
    font-size: 14px;
    color: grey;
    opacity: 0.7; /* Slightly dimmer */
    margin-top: 10px;
    margin-bottom: 10px;
}

[b-pgdrwl2awj] .mud-paper-info {
    padding: 20px 20px;
    margin-top: 30px;
    margin-bottom: 55px;
}

[b-pgdrwl2awj] .mud-btn-edit {
    max-height: 18px !important;
    background-color: #2C2C2C !important; /* Modern Blue */
    color: white !important; /* White Icon for Contrast */
    border-radius: 50%; /* Circular Button */
    width: 28px; /* Slightly larger for better touch */
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

    /* Hover effect */
    [b-pgdrwl2awj] .mud-btn-edit:hover {
        background-color: rgba(60, 60, 60, 0.9) !important; /* Slightly Darker Blue */
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Soft Shadow */
    }

    /* Active (Click) Effect */
    [b-pgdrwl2awj] .mud-btn-edit:active {
        background-color: #0D47A1 !important;
        transform: scale(0.95);
    }

[b-pgdrwl2awj] .mud-btn-check {
    max-height: 18px !important;
    background-color: #2E7D32 !important;
    color: white !important; /* White Icon for Contrast */
    border-radius: 50%; /* Circular Button */
    width: 28px; /* Slightly larger for better touch */
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

    [b-pgdrwl2awj] .mud-btn-check:hover {
        background-color: #1B5E20 !important; /* Darker Green */
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    }

    [b-pgdrwl2awj] .mud-btn-check:active {
        background-color: #10491A !important;
        transform: scale(0.95);
    }

[b-pgdrwl2awj] .mud-btn-close {
    max-height: 18px !important;
    background-color: #D32F2F !important; 
    color: white !important; /* White Icon for Contrast */
    border-radius: 50%; /* Circular Button */
    width: 28px; /* Slightly larger for better touch */
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

    [b-pgdrwl2awj] .mud-btn-close:hover {
        background-color: #B71C1C !important; /* Darker Red */
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    }

    [b-pgdrwl2awj] .mud-btn-close:active {
        background-color: #8B0F0F !important;
        transform: scale(0.95);
    }


[b-pgdrwl2awj] .custom-link {
    cursor: pointer;
    color: blue !important;
    text-decoration: none;
}

    [b-pgdrwl2awj] .custom-link:hover {
        text-decoration: underline;
    }


.btn-group-div[b-pgdrwl2awj] {
    display: flex; /* Use Flexbox */
    padding: 10px;
    gap: 10px;
    align-items: center; /* Vertically center the items */
    justify-content: flex-start; /* Align items to the left */
}

.btn-mailing-div[b-pgdrwl2awj] {
    padding: 10px;
}

.div-column[b-pgdrwl2awj] {
    min-width: 25vh;
    margin: 0px 50px;
}

[b-pgdrwl2awj] .center-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

    [b-pgdrwl2awj] .center-title h3 {
        text-align: center;
        font-size: 2rem; /* Larger font for desktop */
    }

@media (max-width: 768px) {
    [b-pgdrwl2awj] .center-title {
        margin-top: 15px;
        margin-bottom: 15px;
    }

        [b-pgdrwl2awj] .center-title h3 {
            font-size: 1.5rem; /* Smaller font for mobile */
        }
}

@media (max-width: 768px) { /* For mobile screens */
    .mobile-dialog[b-pgdrwl2awj] {
        width: 90vw !important;
        height: 70vh !important;
        top: 35vh !important;
        margin-top: 200px !important;
    }
}




/* /Components/Pages/MyTruck.razor.rz.scp.css */
[b-4uiqkrc28x] .div-truck-info {
    background-color: white;
    text-align: center;
    margin-top: 20px;
    border-radius: 12px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    padding: 20px;
    width: fit-content;
}

[b-4uiqkrc28x] .div-add-mileage {
    background-color: white;
    text-align: center;
    margin-top: 20px;
    border-radius: 12px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    padding: 20px;
    width: fit-content;
}

[b-4uiqkrc28x] .div-select-eqp {
    background-color: white;
    text-align: center;
    margin-top: 20px;
    border-radius: 12px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    padding: 20px;
    width: fit-content;
}

[b-4uiqkrc28x] .div-truck-info-mobile {
    background-color: white;
    text-align: center;
    margin-top: 20px;
    padding: 20px;
    width: fit-content;
}

[b-4uiqkrc28x] .div-add-mileage-mobile {
    background-color: white;
    text-align: center;
    margin-top: 20px;
    padding: 20px;
    width: fit-content;
}

[b-4uiqkrc28x] .div-select-eqp-mobile {
    background-color: white;
    text-align: center;
    margin-top: 20px;
    padding: 20px;
    width: fit-content;
}

[b-4uiqkrc28x] .truck-details-header {
    font-size: 1.5rem; /* Adjusts title size */
    font-weight: bold; /* Makes it stand out */
    margin-bottom: 10px; /* Adds spacing below */
    color: #333; /* Darker text for better visibility */
    text-transform: uppercase; /* Optional: Makes it uppercase */
}

[b-4uiqkrc28x] .div-loading {
    margin-top: 100px;
}
/* /Components/Pages/ResetPassword.razor.rz.scp.css */
[b-724mt26iqd] .radzen-verify-code-card {
    width: 380px;
    height: 450px;
    text-align: center;
}

[b-724mt26iqd] .radzen-verify-header-text {
    padding: 15px 15px;
    font-size: 20px;
}

[b-724mt26iqd] .radzen-verify-body-text {
    padding: 10px 25px;
}

[b-724mt26iqd] .radzen-verify-input {
    margin: 0px 75px;
    padding: 10px 25px;
    max-width: 250px;
}

[b-724mt26iqd] .radzen-resend {
    margin: 15px 55px;
}

[b-724mt26iqd] .radzen-verify-btn {
    margin: 15px 55px;
}

[b-724mt26iqd] .mud-resetpw-paper {
    height: 92vh;
    z-index: 1;
    width: 400px;
    margin: 0 auto;
    position: relative; /* Change position to relative */
    top: -100px; /* Move the element 100px upwards */
    align-content: center;
    text-align: center;
}

[b-724mt26iqd] .radzen-resetpw-title {
    font-size: 20px;
    margin-bottom: 50px;
}

[b-724mt26iqd] .radzen-resetpw-confirm-btn {
    margin: 30px 40px;
}

[b-724mt26iqd] .radzen-resetpw-input {
    margin: 0 25px;
    max-width: 350px;
}

/* 1) Base underline + transition */
[b-724mt26iqd] .rz-textbox {
    border: none !important;
    border-bottom: 1px solid var(--rz-input-border-color, #ccc) !important;
    border-radius: 0 !important;
    padding: 4px 0 !important;
    box-shadow: none !important;
    /* <— add transition on the bottom border properties */
    transition: border-bottom-color 0.2s ease, border-bottom-width 0.2s ease;
}

    /* 2) Focus state: thicker & colored underline */
    [b-724mt26iqd] .rz-textbox:focus {
        outline: none !important;
        /* bump the width */
        border-bottom-width: 2px !important;
        /* change the color */
        border-bottom-color: var(--rz-primary-600, #1976d2) !important;
    }

/* /Components/Pages/UserPasswordReset.razor.rz.scp.css */
[b-cal4eck52d] .mud-verify-code-card {
    width: 380px;
    height: 450px;
    text-align: center;
}

[b-cal4eck52d] .mud-verify-header-text {
    padding: 15px 15px;
}

[b-cal4eck52d] .mud-verify-body-text {
    padding: 10px 25px;
}

[b-cal4eck52d] .mud-verify-input {
    margin: 0px 75px;
    padding: 10px 25px;
}

[b-cal4eck52d] .mud-resend {
    padding: 40px 25px;
}

[b-cal4eck52d] .mud-verify-btn {
    margin: 15px 55px;
}

[b-cal4eck52d] .mud-resetpw-paper {
    height: 92vh;
    z-index: 1;
    width: 400px;
    margin: 0 auto;
    position: relative; /* Change position to relative */
    top: -100px; /* Move the element 100px upwards */
    align-content: center;
    text-align: center;
}

[b-cal4eck52d] .mud-resetpw-title {
    margin-bottom: 50px;
}

[b-cal4eck52d] .mud-resetpw-confirm-btn {
    margin: 30px 40px;
}

[b-cal4eck52d] .mud-resetpw-input {
    margin: 0 auto;
    width: 325px;
}
/* /Components/Pages/WorkHistory.razor.rz.scp.css */
.work-history-container[b-g9zwrcbt6b] {
    display: grid;
    place-items: center; /* Centers both horizontally and vertically */
    gap: 10px;
}

[b-g9zwrcbt6b] .custom-link {
    cursor: pointer;
    color: blue !important;
    text-decoration: none;
}

    [b-g9zwrcbt6b] .custom-link:hover {
        text-decoration: underline;
    }

.btn-div[b-g9zwrcbt6b] {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    height: 100px; /* Ensures it takes the full viewport height */
    flex-direction: column; /* Stacks elements vertically */
    max-width: 500px;
}

.btn-sidebyside-div[b-g9zwrcbt6b] {
    display: flex; /* Enables flexbox */
    justify-content: flex-start; /* Aligns items to the start (left side) */
    align-items: center; /* Centers items vertically */
    gap: 10px; /* Optional: Adds spacing between items */
    margin-bottom: 25px;
    margin-left: 20px;
    margin-top: 10px;
}


[b-g9zwrcbt6b] .mud-btn-edit {
    max-height: 18px !important;
    background-color: rgb(4 30 66) !important; /* Modern Blue */
    color: white !important; /* White Icon for Contrast */
    border-radius: 50%; /* Circular Button */
    width: 28px; /* Slightly larger for better touch */
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

    /* Hover effect */
    [b-g9zwrcbt6b] .mud-btn-edit:hover {
        background-color: rgb(15, 45, 95) !important; /* Slightly Darker Blue */
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Soft Shadow */
    }

    /* Active (Click) Effect */
    [b-g9zwrcbt6b] .mud-btn-edit:active {
        background-color: #0D47A1 !important;
        transform: scale(0.95);
    }

[b-g9zwrcbt6b] .mud-btn-check {
    max-height: 18px !important;
    background-color: #2E7D32 !important;
    color: white !important; /* White Icon for Contrast */
    border-radius: 50%; /* Circular Button */
    width: 28px; /* Slightly larger for better touch */
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

    [b-g9zwrcbt6b] .mud-btn-check:hover {
        background-color: #1B5E20 !important; /* Darker Green */
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    }

    [b-g9zwrcbt6b] .mud-btn-check:active {
        background-color: #10491A !important;
        transform: scale(0.95);
    }

[b-g9zwrcbt6b] .mud-btn-close {
    max-height: 18px !important;
    background-color: #D32F2F !important;
    color: white !important; /* White Icon for Contrast */
    border-radius: 50%; /* Circular Button */
    width: 28px; /* Slightly larger for better touch */
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

    [b-g9zwrcbt6b] .mud-btn-close:hover {
        background-color: #B71C1C !important; /* Darker Red */
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    }

    [b-g9zwrcbt6b] .mud-btn-close:active {
        background-color: #8B0F0F !important;
        transform: scale(0.95);
    }

.div-view-external-employments[b-g9zwrcbt6b] {
    position: relative; /* Ensure relative positioning for child elements */
    padding: 3px 20px;
    max-width: 500px;
    min-width: 400px;
}

.div-edit-external-employments[b-g9zwrcbt6b] {
    position: relative; /* Ensure relative positioning for child elements */
    padding: 3px 20px;
    max-width: 500px;
}

.edit-button-container[b-g9zwrcbt6b] {
    position: absolute;
    top: 35%; /* Center vertically */
    right: 50px; /* Align to the right */
    display: flex; /* Make it a flex container */
    gap: 10px; /* Add space between buttons */
    transform: translateY(-50%); /* Adjust for perfect vertical centering */
}

/* Section Title Styling */
.section-title[b-g9zwrcbt6b] {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    text-align: center;
}

/* Divider Styling */
.section-divider[b-g9zwrcbt6b] {
    border: 1px solid #ddd;
    width: 100%;
    margin: 10px 0;
}

/* Styling for each Work History item */
.work-history-item[b-g9zwrcbt6b] {
    margin-bottom: 12px;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Header inside each Work History item (Title & Start columns) */
.work-history-header[b-g9zwrcbt6b] {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    margin-bottom: 6px;
}

[b-g9zwrcbt6b] .work-history-date {
    font-size: 1rem;
    color: #333;
    font-weight: bold;
}

[b-g9zwrcbt6b] .work-history-title {
    font-size: 1rem;
    color: #333;
    font-weight: bold;
}

/* Details inside each Work History item */
.work-history-details[b-g9zwrcbt6b] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.work-history-text[b-g9zwrcbt6b] {
    font-size: 1rem;
    color: #333;
    flex: 1;
}

.work-history-date[b-g9zwrcbt6b] {
    font-size: 0.9rem;
    color: #666;
    text-align: right;
}

.section-external-div[b-g9zwrcbt6b] {
    margin-top: 25px;
    margin-bottom: 25px;
    max-width: 500px;
    min-width: 400px;
}

.div-loading[b-g9zwrcbt6b] {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    height: 150px; /* Ensures it takes the full viewport height */
    flex-direction: column; /* Stacks elements vertically */
    max-width: 500px;
}

[b-g9zwrcbt6b] .mud-btn-trash {
    max-height: 18px !important;
    background-color: #D32F2F !important; /* Modern Blue */
    color: white !important; /* White Icon for Contrast */
    border-radius: 50%; /* Circular Button */
    width: 28px; /* Slightly larger for better touch */
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

    /* Hover effect */
    [b-g9zwrcbt6b] .mud-btn-trash:hover {
        background-color: #B71C1C !important; /* Slightly Darker Blue */
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Soft Shadow */
    }

    /* Active (Click) Effect */
    [b-g9zwrcbt6b] .mud-btn-trash:active {
        background-color: #0D47A1 !important;
        transform: scale(0.95);
    }

.img-company-logos[b-g9zwrcbt6b] {
    max-height: 100px;
    min-width: 400px;
}

.img-company-logos-mobile[b-g9zwrcbt6b] {
    max-width: 100%; /* Ensure the image never exceeds the width of its container */
    height: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Ensure the image is fully visible and fits within the bounds */
    display: block; /* Remove any inline spacing around the image */
    margin: 0 auto; /* Center the image horizontally */
}

.responsive-image[b-g9zwrcbt6b] {
    width: 100%;
    height: auto;
    padding: 5px 10px;
}

/* Adjust styles for smaller screens */
@media (max-width: 768px) {
    .responsive-image[b-g9zwrcbt6b] {
        padding: 3px 5px;
    }
}

/* Adjust styles for larger screens */
@media (min-width: 1200px) {
    .responsive-image[b-g9zwrcbt6b] {
        padding: 10px 20px;
    }
}
/* /Components/SharedComponents/BenefitsTimeline.razor.rz.scp.css */
[b-okljly5w7g] .radzen-benefits-timeline-div {
    margin-top: -50px;
    margin-bottom: -50px;
}

[b-okljly5w7g] .radzen-benefits-timeline {
    --rz-timeline-line-width: 36px;
    max-width: 600px;
    margin: 0 auto;
}
/* /Components/SharedComponents/BenefitsTimeline2.razor.rz.scp.css */
[b-0i7fuk0ddb] .radzen-benefits-timeline-div {
    margin-top: -50px;
    margin-bottom: -50px;
}

[b-0i7fuk0ddb] .radzen-benefits-timeline {
    --rz-timeline-line-width: 36px;
    max-width: 600px;
    margin: 0 auto;
}
/* /Components/SharedComponents/CardAddExpenseToReport.razor.rz.scp.css */
[b-wzpmvcvpqz] .info-label {
    font-weight: 600;
    font-size: 0.95rem;
    color: #333;
}

[b-wzpmvcvpqz] .add-expense-btn {
    background-color: white !important;
    color: #1A1A1A !important;
}

[b-wzpmvcvpqz] .check-box {
    padding: 8px;
}

[b-wzpmvcvpqz] .check-box-head {
    font-size: 12px;
    color: #1A1A1A !important;
}

[b-wzpmvcvpqz] .addr-input {
    min-height: 14px !important;
    font-size: 10px !important;
    max-width: 500px;
    margin-right: 10px;
    margin-left: 10px;
    min-width: 250px;
}

[b-wzpmvcvpqz] .addr-input-mobile {
    min-height: 14px !important;
    font-size: 10px !important;
    max-width: 200px;
    margin-right: 10px;
    margin-left: 10px;
    min-width: 150px;
    max-height: 30px;
}

    [b-wzpmvcvpqz] .employee-info-grid {
        gap: 1rem 2rem;
        padding: 10px;
    }

[b-wzpmvcvpqz] .employee-info-grid-mobile {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

[b-wzpmvcvpqz] .addr-input-state {
    /*max-height: 8px !important;*/
    min-height: 8px;
    max-width: 150px;
    margin-left: 10px;
}

[b-wzpmvcvpqz] .addr-input-zip {
    /*max-height: 8px !important;*/
    min-height: 8px;
    max-width: 150px;
    margin-left: 10px;
}

[b-wzpmvcvpqz] .addr-input-state-mobile {
    /*max-height: 8px !important;*/
    min-height: 14px !important;
    max-width: 150px;
    margin-left: 10px;
    max-height: 30px;
    font-size: 10px !important;
}

[b-wzpmvcvpqz] .addr-input-zip-mobile {
    /*max-height: 8px !important;*/
    min-height: 14px !important;
    max-width: 150px;
    margin-left: 10px;
    max-height: 30px;
    font-size: 10px !important;
}

[b-wzpmvcvpqz] .center-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 4.5rem;
    flex-wrap: wrap;
}

[b-wzpmvcvpqz] .left-side {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
    height: 50px;
    gap: 0.5rem;
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: 8px;
}

[b-wzpmvcvpqz] .right-side {
    flex: 1;
    min-width: 250px;
}

[b-wzpmvcvpqz] .calculated-info-text {
    font-size: 0.85rem;
    font-family: 'Segoe UI', sans-serif;
    color: #333;
    display: block;
    margin-top: 8px;
}

[b-wzpmvcvpqz] .calculation-info-fieldset {
    margin-top: -15px;
}

[b-wzpmvcvpqz] .remove-btn {
    padding: 4px !important;
    background-color: #2C2C2C !important;
}

.list-item-file[b-wzpmvcvpqz] {
    padding: 10px;
}

[b-wzpmvcvpqz] .btn-phase-clear {
    background-color: #2C2C2C !important;
    margin-top: -20px;
}
/* /Components/SharedComponents/CardEditExpense.razor.rz.scp.css */
[b-0jlhu1fw79] .info-label {
    font-weight: 600;
    font-size: 0.95rem;
    color: #333;
}

[b-0jlhu1fw79] .employee-info-grid-mobile {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

[b-0jlhu1fw79] .mud-btn {
    color: #2C2C2C !important;
}

[b-0jlhu1fw79] .mud-clear-btn {
    color: darkred !important;
}

[b-0jlhu1fw79] .addr-input {
    min-height: 14px !important;
    font-size: 10px !important;
    max-width: 500px;
    margin-right: 10px;
    margin-left: 10px;
    min-width: 250px;
}

[b-0jlhu1fw79] .addr-input-mobile {
    min-height: 14px !important;
    font-size: 10px !important;
    max-width: 200px;
    margin-right: 10px;
    margin-left: 10px;
    min-width: 150px;
    max-height: 30px;
}

[b-0jlhu1fw79] .employee-info-grid {
    gap: 1rem 2rem;
    padding: 10px;
}

[b-0jlhu1fw79] .employee-info-grid-mobile {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

[b-0jlhu1fw79] .addr-input-state {
    /*max-height: 8px !important;*/
    min-height: 8px;
    max-width: 150px;
    margin-left: 10px;
}

[b-0jlhu1fw79] .addr-input-zip {
    /*max-height: 8px !important;*/
    min-height: 8px;
    max-width: 150px;
    margin-left: 10px;
}

[b-0jlhu1fw79] .addr-input-state-mobile {
    /*max-height: 8px !important;*/
    min-height: 14px !important;
    max-width: 150px;
    margin-left: 10px;
    max-height: 30px;
    font-size: 10px !important;
}

[b-0jlhu1fw79] .addr-input-zip-mobile {
    /*max-height: 8px !important;*/
    min-height: 14px !important;
    max-width: 150px;
    margin-left: 10px;
    max-height: 30px;
    font-size: 10px !important;
}

/* Container for the file list */
[b-0jlhu1fw79] .file-list-container {
    max-height: 160px; /* Adjust the height as necessary */
    overflow-y: auto; /* Enable vertical scrolling */
    margin-bottom: 12px;
    width: 100%; /* Ensure it takes full available width */
}

/* Ensuring the scrollable file list behaves properly */
[b-0jlhu1fw79] .file-list-scrollable {
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: auto; /* Prevent horizontal scrolling */
    word-wrap: break-word; /* Allow text wrapping */
    white-space: normal; /* Ensure natural wrapping */
    padding: 4px; /* Optional: Padding for readability */
    box-sizing: border-box; /* Include padding and border in width/height */
    margin: 0;
    list-style: none;
    width: 100%; /* Ensure it takes full available width */
    display: block; /* Ensure it doesn't overflow horizontally */
}

[b-0jlhu1fw79] .mud-btn-browse {
    color: white !important;
    background-color: #2C2C2C !important;
}

[b-0jlhu1fw79] .mud-btn-clear {
    color: white !important;
    background-color: darkred !important;
}

[b-0jlhu1fw79] .mud-btn-confirm-edit {
    color: #2C2C2C !important;
    background-color: white !important;
}

[b-0jlhu1fw79] .mud-btn-browse-mobile {
    color: white !important;
    background-color: #2C2C2C !important;
}

[b-0jlhu1fw79] .mud-btn-clear-mobile {
    color: white !important;
    background-color: darkred !important;
}

[b-0jlhu1fw79] .mud-btn-confirm-edit-mobile {
    color: #2C2C2C !important;
    background-color: white !important;
}

[b-0jlhu1fw79] .mud-view-btn {

}

[b-0jlhu1fw79] .mud-view-btn-mobile {

}

[b-0jlhu1fw79] .center-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 4.5rem;
    flex-wrap: wrap;
}

[b-0jlhu1fw79] .left-side {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
    height: 50px;
    gap: 0.5rem;
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: 8px;
}

[b-0jlhu1fw79] .right-side {
    flex: 1;
    min-width: 250px;
}

[b-0jlhu1fw79] .calculated-info-text {
    font-size: 0.85rem;
    font-family: 'Segoe UI', sans-serif;
    color: #333;
    display: block;
    margin-top: 8px;
}

[b-0jlhu1fw79] .calculation-info-fieldset {
    margin-top: -15px;
}

[b-0jlhu1fw79] .btn-phase-clear {
    background-color: #2C2C2C !important;
    margin-top: -20px;
}
/* /Components/SharedComponents/CultureSelector.razor.rz.scp.css */
[b-mdrabp2dc4] .mud-grid-culture-selector {
    margin-left: 70px;
}

[b-mdrabp2dc4] .mud-stack-culture-selector {
    display: flex; /* Enable Flexbox layout */
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
}

 [b-mdrabp2dc4] .mud-item-culture-selector {
    top: 0;
    display: flex; /* Enable Flexbox layout */
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
    padding: 0; /* Remove padding if not needed */
}

[b-mdrabp2dc4] .mud-text-culture-selector {
    text-align: center; /* Center text horizontally */
    display: inline-block; /* Make sure it's treated as an inline block for alignment */
    width: 100%; /* Make sure it takes the full width of the parent container */
    height: 75px;
    line-height: 75px;
    font-size: 12px;
    white-space: nowrap;
}

[b-mdrabp2dc4] .mud-selector-culture-selector {
    font-size: 12px;
}

[b-mdrabp2dc4] .div-outer-selector {
    margin-right: 15px;
}
/* /Components/SharedComponents/CustomPieChart.razor.rz.scp.css */
[b-hblifsp4xo] .employer-comp-text {
    background-color: #eeeeee;
    border-radius: 12px;
    padding: 40px 10px;
}

[b-hblifsp4xo] .employer-comp-text-mobile {
    background-color: #eeeeee;
    border-radius: 12px;
    padding: 40px 10px;
    margin-left: 20vh;
    margin-right: 20vh;
    margin-top: -13vh;
}

[b-hblifsp4xo] .header-comp {
    font-size: 19px;
    font-weight: bold;
    color: #333;
    line-height: 1.5;
    margin-left: 35vh;
    margin-right: 35vh;
    margin-bottom: 0 !important;
}

[b-hblifsp4xo] .statement-section {
    margin-bottom: 5px !important;
    width: 80%;
    max-width: 900px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .statement-section h2[b-hblifsp4xo] {
        text-align: center;
        font-size: 1.5rem;
        color: #333;
        padding-bottom: 10px;
        border-bottom: 2px solid #ddd;
        margin-top: 10px;
    }
/* /Components/SharedComponents/MobileHomeCarousel.razor.rz.scp.css */
.banner-div[b-hd1pho4w5u] {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #fef104;
    padding: 5px;
}

.banner-logo[b-hd1pho4w5u] {
    width: 125px;
    display: block;
}

.banner-logo-mobile[b-hd1pho4w5u] {
    width: 90px;
    display: block;
}

[b-hd1pho4w5u] .banner-button {
    height: 40px;
    width: 35%;
    color: #000000 !important;
}

[b-hd1pho4w5u] .mud-body-text {
    margin-bottom: -5px; /* Adjust the value as needed */
    line-height: 0.6;
    color: #2C2C2C !important;
}

[b-hd1pho4w5u] .mud-body-text-secondary {
    margin-bottom: -5px; /* Adjust the value as needed */
    margin-top: 5px;
    line-height: 0.6;
    color: #2C2C2C !important;
}

.img-stretch[b-hd1pho4w5u] {
    width: 100%;
    height: 100%;
    object-fit: cover; /* This ensures the image covers the entire div, preserving its aspect ratio */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

[b-hd1pho4w5u] .mud-more-info-text {
    margin-top: 5px;
    margin-bottom: 25px;
    color: #2C2C2C !important;
}

[b-hd1pho4w5u] .mud-mobile-h5-header {
    margin-top: -12px;
    margin-bottom: -4px;
    color: #2C2C2C !important;
}

[b-hd1pho4w5u] .mud-bold-text {
    color: #2C2C2C !important;
}