/* _content/PDP.Web/Components/Admin/Admin.razor.rz.scp.css */
.nav-tabs[b-nfxr0qsn5l] {
    border-bottom: 1px solid var(--bs-border-color);
}

.nav-tabs .nav-link[b-nfxr0qsn5l] {
    color: var(--bs-body-color);
    font-weight: 500;
    border: none;
    margin-bottom: -1px;
}

.nav-tabs .nav-link:hover[b-nfxr0qsn5l],
.nav-tabs .nav-link:focus[b-nfxr0qsn5l] {
    color: var(--bs-primary);
}

.nav-tabs .nav-link.active[b-nfxr0qsn5l] {
    color: var(--bs-primary);
    background-color: transparent;
    border-bottom: 2px solid var(--bs-primary);
    font-weight: 600;
}

.tab-content[b-nfxr0qsn5l] {
    background-color: transparent;
}
/* _content/PDP.Web/Components/Admin/AdminDistricts.razor.rz.scp.css */
/* _content/PDP.Web/Components/Admin/AdminPrintTranscript.razor.rz.scp.css */
body[b-7jvxjoqdcw] {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10pt;
    margin: 0;
    padding: 20px;
    background: white;
    color: black;
    line-height: 1.2;
}

@page {
    margin: 0.5in;
    size: letter;
}

.transcript-container[b-7jvxjoqdcw] {
    width: 100%;
    background: white;
    color: black;
    padding: 0;
    margin: 0;
}

/* Official Header Styles - Matching Legacy */
.official-header[b-7jvxjoqdcw] {
    margin: 40px 0;
    background: white;
    padding: 20px;
}

.official-table[b-7jvxjoqdcw] {
    width: 90%;
    border-collapse: collapse;
}

    .official-table td[b-7jvxjoqdcw] {
        padding: 2px 4px;
        vertical-align: top;
    }

.official-center[b-7jvxjoqdcw] {
    text-align: center;
}

.official-right[b-7jvxjoqdcw] {
    text-align: right;
}

.heading[b-7jvxjoqdcw] {
    font-size: 14pt;
    font-weight: bold;
}

.official-label[b-7jvxjoqdcw] {
    font-size: 11pt;
    font-style: italic;
    color: #666;
}

.official-valuebox[b-7jvxjoqdcw] {
    font-size: 13pt;
    font-weight: bold;
    border-bottom: 1px solid black;
    padding-bottom: 2px;
}

.official-signature[b-7jvxjoqdcw] {
    border-bottom: 1px solid black;
    padding-bottom: 2px;
}

.official-signature-title[b-7jvxjoqdcw] {
    font-size: 9pt;
    font-style: italic;
    color: #666;
}

.page-break[b-7jvxjoqdcw] {
    page-break-after: always;
}

.print-header[b-7jvxjoqdcw] {
    display: block;
}

.transcript-title[b-7jvxjoqdcw] {
    font-size: 14pt;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 20px;
}

.print-staff-info[b-7jvxjoqdcw] {
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
}

.print-info-left[b-7jvxjoqdcw], .print-info-right[b-7jvxjoqdcw] {
    flex: 1;
}

.info-table[b-7jvxjoqdcw] {
    width: 100%;
    border-collapse: collapse;
}

    .info-table td[b-7jvxjoqdcw] {
        padding: 2px 4px;
        vertical-align: top;
    }

.label[b-7jvxjoqdcw] {
    color: #999999;
    text-decoration: underline;
    font-weight: bold;
    text-align: right;
    padding-right: 8px;
    white-space: nowrap;
}

.staff-name[b-7jvxjoqdcw] {
    font-size: 12pt;
    font-weight: bold;
}

/* Points Activities Section Styling */
.points-section[b-7jvxjoqdcw] {
    background: white;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    margin-top: 20px;
}

.points-header[b-7jvxjoqdcw] {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.section-title[b-7jvxjoqdcw] {
    font-size: 14pt;
    font-style: italic;
    font-weight: bold;
    margin: 0;
    display: inline-block;
}

.points-summary[b-7jvxjoqdcw] {
    float: right;
    font-size: 12px;
    font-weight: bold;
}

.college-points-note[b-7jvxjoqdcw] {
    font-size: 10px;
    color: gray;
}

/* Points Table Styles - Matching Legacy */
.points-table[b-7jvxjoqdcw] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
    margin-top: 10px;
}

    .points-table th[b-7jvxjoqdcw] {
        padding: 4px 2px;
        text-align: left;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        font-size: 10px;
    }

    .points-table td[b-7jvxjoqdcw] {
        padding: 3px 2px;
        vertical-align: top;
        font-size: 10px;
        border: none;
    }

    /* Alternating row colors exactly like legacy */
    .points-table tbody tr:nth-child(odd)[b-7jvxjoqdcw] {
        background-color: #F0F0F0;
    }

    .points-table tbody tr:nth-child(even)[b-7jvxjoqdcw] {
        background-color: #E0E0E0;
    }

/* Override individual row classes if they exist */
.even-row[b-7jvxjoqdcw] {
    background-color: #F0F0F0 !important;
}

.odd-row[b-7jvxjoqdcw] {
    background-color: #E0E0E0 !important;
}

.center[b-7jvxjoqdcw] {
    text-align: center;
}

.right[b-7jvxjoqdcw] {
    text-align: right;
}

.nowrap[b-7jvxjoqdcw] {
    white-space: nowrap;
}

/* Activity links and content styling */
.activity-link-button[b-7jvxjoqdcw] {
    background: none;
    border: none;
    color: #007bff;
    text-decoration: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    text-align: left;
    display: block;
    width: 100%;
    font-size: 10px;
}

    .activity-link-button:hover[b-7jvxjoqdcw] {
        text-decoration: underline;
    }

.activity-detail[b-7jvxjoqdcw] {
    font-size: 9px;
    color: #333;
    display: block;
    margin-top: 2px;
}

.period-break[b-7jvxjoqdcw] {
    font-size: 10px;
    font-style: italic;
    color: #666;
}

.no-activities[b-7jvxjoqdcw] {
    color: red;
    font-style: italic;
    text-align: center;
    padding: 20px;
}

/* Hide any unwanted elements */
.hide-from-printer[b-7jvxjoqdcw],
.controls-section[b-7jvxjoqdcw],
.staff-header[b-7jvxjoqdcw] {
    display: none !important;
}
/* _content/PDP.Web/Components/Admin/AdminStaff.razor.rz.scp.css */
.staff-directory .breadcrumb-nav .breadcrumb[b-pxdkwv1s47] {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
}

.staff-directory .breadcrumb-nav a[b-pxdkwv1s47] {
    text-decoration: none;
}

.staff-directory .breadcrumb-nav a:hover[b-pxdkwv1s47] {
    text-decoration: underline;
}

.staff-directory .card-header[b-pxdkwv1s47] {
    background-color: var(--bs-body-bg);
    border-bottom: 1px solid var(--bs-border-color);
}

.staff-directory .staff-table th[b-pxdkwv1s47],
.staff-directory .staff-table td[b-pxdkwv1s47] {
    vertical-align: middle;
}

.staff-directory .manager-column[b-pxdkwv1s47],
.staff-directory .pdc-column[b-pxdkwv1s47],
.staff-directory .lc-column[b-pxdkwv1s47] {
    width: 7rem;
}

.staff-directory .notes-column[b-pxdkwv1s47] {
    width: 6rem;
}

.staff-directory .info-tooltip[b-pxdkwv1s47] {
    justify-content: center;
}

.staff-directory .info-tooltip__panel[b-pxdkwv1s47] {
    max-width: 22rem;
    font-size: 0.9rem;
}

.staff-directory .info-tooltip .bi[b-pxdkwv1s47] {
    font-size: 1.1rem;
}
/* _content/PDP.Web/Components/Admin/DistrictInformation.razor.rz.scp.css */
.district-header[b-xah2ehr30n] {
    margin-bottom: 2rem;
}

.breadcrumb[b-xah2ehr30n] {
    background: none;
    padding: 0;
    margin-bottom: 1rem;
}

.breadcrumb-link[b-xah2ehr30n] {
    color: #007bff;
    text-decoration: none;
}

    .breadcrumb-link:hover[b-xah2ehr30n] {
        text-decoration: underline;
    }

.district-title[b-xah2ehr30n] {
    color: #2c3e50;
    margin-bottom: 0;
}

    .district-title small[b-xah2ehr30n] {
        font-size: 0.6em;
        margin-left: 0.5rem;
    }

.district-actions .btn[b-xah2ehr30n] {
    margin-left: 0.5rem;
}

.loading-container[b-xah2ehr30n] {
    text-align: center;
    padding: 3rem;
}

.stats-card[b-xah2ehr30n] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border: 1px solid #e9ecef;
    height: 100%;
    display: flex;
    align-items: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .stats-card:hover[b-xah2ehr30n] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

.stats-icon[b-xah2ehr30n] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    margin-right: 1rem;
    flex-shrink: 0;
}

.stats-content h3[b-xah2ehr30n] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: #2c3e50;
    line-height: 1;
}

.stats-content p[b-xah2ehr30n] {
    margin: 0.25rem 0 0 0;
    font-weight: 600;
    color: #495057;
    font-size: 0.9rem;
}

.info-card[b-xah2ehr30n] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border: 1px solid #e9ecef;
    margin-bottom: 1rem;
}

    .info-card h4[b-xah2ehr30n] {
        color: #2c3e50;
        margin-bottom: 1.5rem;
        font-weight: 600;
        border-bottom: 2px solid #e9ecef;
        padding-bottom: 0.5rem;
    }

.info-item[b-xah2ehr30n] {
    margin-bottom: 1.5rem;
}

    .info-item label[b-xah2ehr30n] {
        display: block;
        font-weight: 600;
        color: #6c757d;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 0.25rem;
    }

    .info-item p[b-xah2ehr30n] {
        color: #2c3e50;
        margin: 0;
        font-weight: 500;
    }

.activity-list[b-xah2ehr30n] {
    max-height: 300px;
    overflow-y: auto;
}

.activity-item[b-xah2ehr30n] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f8f9fa;
}

    .activity-item:last-child[b-xah2ehr30n] {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.activity-icon[b-xah2ehr30n] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.75rem;
    margin-top: 0.125rem;
    flex-shrink: 0;
}

    .activity-icon i[b-xah2ehr30n] {
        color: #007bff;
        font-size: 0.5rem;
    }

.activity-content[b-xah2ehr30n] {
    flex: 1;
}

.activity-text[b-xah2ehr30n] {
    margin: 0 0 0.25rem 0;
    font-size: 0.9rem;
    color: #495057;
    line-height: 1.4;
}

.activity-date[b-xah2ehr30n] {
    color: #6c757d;
    font-size: 0.8rem;
}

.btn[b-xah2ehr30n] {
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s ease;
}

    .btn:hover[b-xah2ehr30n] {
        transform: translateY(-1px);
    }

.alert[b-xah2ehr30n] {
    border-radius: 8px;
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

@media (max-width: 768px) {
    .district-title[b-xah2ehr30n] {
        font-size: 1.5rem;
    }

    .district-actions[b-xah2ehr30n] {
        margin-top: 1rem;
    }

        .district-actions .btn[b-xah2ehr30n] {
            margin-left: 0;
            margin-right: 0.5rem;
            margin-bottom: 0.5rem;
        }

    .stats-card[b-xah2ehr30n] {
        margin-bottom: 1rem;
    }
}

.district-header[b-xah2ehr30n] {
    margin-bottom: 2rem;
}

.breadcrumb[b-xah2ehr30n] {
    background: none;
    padding: 0;
    margin-bottom: 1rem;
}

.breadcrumb-link[b-xah2ehr30n] {
    color: #007bff;
    text-decoration: none;
}

    .breadcrumb-link:hover[b-xah2ehr30n] {
        text-decoration: underline;
    }

.district-title[b-xah2ehr30n] {
    color: #2c3e50;
    margin-bottom: 0;
}

    .district-title small[b-xah2ehr30n] {
        font-size: 0.6em;
        margin-left: 0.5rem;
    }

.loading-container[b-xah2ehr30n] {
    text-align: center;
    padding: 3rem;
}

.section[b-xah2ehr30n] {
    margin-bottom: 3rem;
}

    .section h3[b-xah2ehr30n] {
        color: #8B0000;
        font-style: italic;
        margin-bottom: 1rem;
    }

.add-link[b-xah2ehr30n] {
    color: #007bff;
    text-decoration: underline;
    font-size: 0.9em;
    font-weight: normal;
}

.table[b-xah2ehr30n] {
    background: white;
    border: 1px solid #dee2e6;
}

    .table th[b-xah2ehr30n] {
        background-color: #f8f9fa;
        border-bottom: 2px solid #dee2e6;
        font-weight: 600;
    }

.table-warning[b-xah2ehr30n] {
    background-color: #fff3cd;
}

.table-secondary[b-xah2ehr30n] {
    background-color: #e9ecef;
}

.pdc-grid[b-xah2ehr30n] {
    margin-top: 1rem;
}

    .pdc-grid .table-sm th[b-xah2ehr30n],
    .pdc-grid .table-sm td[b-xah2ehr30n] {
        padding: 0.25rem;
        text-align: center;
    }

        .pdc-grid .table-sm th:first-child[b-xah2ehr30n],
        .pdc-grid .table-sm td:first-child[b-xah2ehr30n] {
            text-align: left;
        }

.badge[b-xah2ehr30n] {
    font-size: 0.7em;
}

a[b-xah2ehr30n] {
    color: #007bff;
    text-decoration: none;
}

a:hover[b-xah2ehr30n] {
    text-decoration: underline;
}

.district-details-main[b-xah2ehr30n] {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
/* _content/PDP.Web/Components/Admin/FormFieldManager.razor.rz.scp.css */
/* FormBuilder Mobile-Friendly Styles */

/* Base Container and Layout */
.container[b-2ncks2t1j6] {
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}

/* Card styling */
.card[b-2ncks2t1j6] {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.card-header[b-2ncks2t1j6] {
    background-color: #162538;
    border-bottom: 1px solid #dee2e6;
    padding: 15px 20px;
    color: white;
}

.card-body[b-2ncks2t1j6] {
    padding: 20px;
}

/* Form controls */
.form-control[b-2ncks2t1j6], .form-select[b-2ncks2t1j6] {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    height: auto;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.input-group[b-2ncks2t1j6] {
    display: flex;
    width: 100%;
}

.form-label[b-2ncks2t1j6] {
    display: block;
    margin-bottom: 0.5rem;
}

/* Table styling */
.table[b-2ncks2t1j6] {
    width: 100%;
    margin-bottom: 0;
    border-collapse: collapse;
}

    .table th[b-2ncks2t1j6], .table td[b-2ncks2t1j6] {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
        word-break: break-word;
    }

.table-striped tbody tr:nth-of-type(odd)[b-2ncks2t1j6] {
    background-color: rgba(0, 0, 0, 0.05);
}

/* Form-specific elements */
.form-actions[b-2ncks2t1j6] {
    margin-bottom: 30px;
}

.form-check[b-2ncks2t1j6] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.form-check-input[b-2ncks2t1j6] {
    margin-right: 0.5rem;
    flex-shrink: 0;
}

.form-check-label[b-2ncks2t1j6] {
    margin-bottom: 0;
}

.form-text[b-2ncks2t1j6] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875rem;
}

.button-group[b-2ncks2t1j6] {
    width: 100%;
    justify-content: flex-end;
    margin-right: 1rem;
}

/* Spinner for loading state */
.spinner-border[b-2ncks2t1j6] {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border: 0.25rem solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border-b-2ncks2t1j6 0.75s linear infinite;
}

@keyframes spinner-border-b-2ncks2t1j6 {
    to {
        transform: rotate(360deg);
    }
}

.visually-hidden[b-2ncks2t1j6] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Mobile Responsiveness */
@media (max-width: 992px) {
    /* Adjust card headers for mobile */
    .card-header.d-flex[b-2ncks2t1j6] {
        flex-direction: column;
        align-items: flex-start !important;
    }

        .card-header.d-flex > div:last-child[b-2ncks2t1j6] {
            margin-top: 15px;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
        }

    /* Adjust button layout on mobile */
    .card-header button[b-2ncks2t1j6],
    .card-body button[b-2ncks2t1j6] {
        margin-bottom: 8px;
    }

    /* Make tables scrollable horizontally */
    .table-responsive[b-2ncks2t1j6],
    .overflow-x-auto[b-2ncks2t1j6] {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Adjust form field spacing */
    .mb-3[b-2ncks2t1j6] {
        margin-bottom: 1.5rem !important;
    }
}

@media (max-width: 768px) {
    /* Further adjustments for smaller screens */
    .card-header h2[b-2ncks2t1j6],
    .card-header h3[b-2ncks2t1j6] {
        font-size: 1.5rem;
    }

    /* Stack buttons on very small screens */
    .card-header > div > button[b-2ncks2t1j6],
    .card-body > button[b-2ncks2t1j6] {
        margin-right: 5px;
        margin-bottom: 5px;
        font-size: 0.875rem;
        padding: 6px 12px;
    }

    /* Adjust table cells for readability */
    .table td[b-2ncks2t1j6],
    .table th[b-2ncks2t1j6] {
        padding: 0.5rem;
        font-size: 0.875rem;
    }

        /* Make sure action buttons in tables don't overflow */
        .table td:last-child[b-2ncks2t1j6] {
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
        }

    /* Ensure form inputs are easy to tap */
    .form-control[b-2ncks2t1j6],
    .form-select[b-2ncks2t1j6],
    .btn[b-2ncks2t1j6] {
        min-height: 44px;
    }

    /* Single column forms on mobile */
    .row > div[class^="col-"][b-2ncks2t1j6] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
}

@media (max-width: 576px) {
    /* Extremely small screens */
    .card-body[b-2ncks2t1j6] {
        padding: 15px;
    }

    /* Further reduce font sizes */
    body[b-2ncks2t1j6] {
        font-size: 14px;
    }

    .green-button[b-2ncks2t1j6], .red-button[b-2ncks2t1j6], .purple-button[b-2ncks2t1j6], .btn[b-2ncks2t1j6] {
        width: 100%;
        margin-right: 0;
    }

    /* Adjust table display for very small screens */
    .table[b-2ncks2t1j6] {
        display: block;
        width: 100%;
    }

        /* Optional: Consider a card-based display instead of tables on very small screens */
        .table thead[b-2ncks2t1j6] {
            display: none;
        }

        .table tr[b-2ncks2t1j6] {
            display: block;
            margin-bottom: 1rem;
            border: 1px solid #dee2e6;
            border-radius: 4px;
            padding: 0.5rem;
        }

        .table td[b-2ncks2t1j6] {
            display: block;
            text-align: right;
            padding: 0.5rem;
            position: relative;
            border-top: none;
        }

            .table td[b-2ncks2t1j6]::before {
                content: attr(data-label);
                position: absolute;
                left: 0.5rem;
                text-align: left;
            }

            /* Fix spacing for buttons in tables */
            .table td:last-child[b-2ncks2t1j6] {
                display: flex;
                justify-content: flex-end;
            }
}


.blue-button[b-2ncks2t1j6] {
    background-color: #007bff;
    color: white;
    border: 1px solid #007bff;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .blue-button:hover[b-2ncks2t1j6] {
        background-color: #0056b3;
        border-color: #0056b3;
        transform: translateY(-1px);
    }

    .blue-button:active[b-2ncks2t1j6] {
        background-color: #004085;
        border-color: #004085;
    }

.modal-lg[b-2ncks2t1j6] {
    max-width: 600px;
}

.dropdown-item:hover[b-2ncks2t1j6] {
    background-color: #f8f9fa;
}

.dropdown-header[b-2ncks2t1j6] {
    font-weight: 600;
    color: #6c757d;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
/* _content/PDP.Web/Components/Admin/FormPreview.razor.rz.scp.css */
/* Form Preview Mobile-Friendly Styles */

/* Container layout */
.container[b-djeuzfyvkh] {
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}

/* Card styling */
.card[b-djeuzfyvkh] {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 2rem;
}

.card-header[b-djeuzfyvkh] {
    background-color: #162538;
    border-bottom: 1px solid #dee2e6;
    padding: 15px 20px;
    color: white;
}

.card-body[b-djeuzfyvkh] {
    padding: 20px;
}

/* Headings */
h1[b-djeuzfyvkh] {
    font-size: 2rem;
    margin-bottom: 0;
}

h2[b-djeuzfyvkh] {
    font-size: 1.75rem;
    margin-bottom: 0.5rem;
}

h3[b-djeuzfyvkh] {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

h4[b-djeuzfyvkh] {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

h5[b-djeuzfyvkh] {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

/* Table styling */
.table[b-djeuzfyvkh] {
    width: 100%;
    margin-bottom: 0;
    border-collapse: collapse;
}

    .table th[b-djeuzfyvkh], .table td[b-djeuzfyvkh] {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
        word-break: break-word;
    }

.table-striped tbody tr:nth-of-type(odd)[b-djeuzfyvkh] {
    background-color: rgba(0, 0, 0, 0.05);
}

/* Alert styling */
.alert[b-djeuzfyvkh] {
    position: relative;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-success[b-djeuzfyvkh] {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-danger[b-djeuzfyvkh] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

/* Spinner for loading state */
.spinner-border[b-djeuzfyvkh] {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border: 0.25rem solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border-b-djeuzfyvkh 0.75s linear infinite;
}

@keyframes spinner-border-b-djeuzfyvkh {
    to {
        transform: rotate(360deg);
    }
}

.visually-hidden[b-djeuzfyvkh] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Utility classes */
.d-flex[b-djeuzfyvkh] {
    display: flex;
}

.justify-content-between[b-djeuzfyvkh] {
    justify-content: space-between;
}

.justify-content-center[b-djeuzfyvkh] {
    justify-content: center;
}

.align-items-center[b-djeuzfyvkh] {
    align-items: center;
}

.mb-4[b-djeuzfyvkh] {
    margin-bottom: 1.5rem !important;
}

.mt-3[b-djeuzfyvkh] {
    margin-top: 1rem !important;
}

.mt-4[b-djeuzfyvkh] {
    margin-top: 1.5rem !important;
}

.text-muted[b-djeuzfyvkh] {
    color: white !important;
}

/* Mobile Responsiveness */
@media (max-width: 992px) {
    /* Adjust spacing */
    .card-body[b-djeuzfyvkh] {
        padding: 15px;
    }

    /* Make tables scrollable horizontally */
    .table-responsive[b-djeuzfyvkh],
    .table[b-djeuzfyvkh] {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 768px) {
    /* Header adjustments */
    .d-flex.justify-content-between.align-items-center[b-djeuzfyvkh] {
        flex-direction: column;
        align-items: flex-start !important;
    }

        .d-flex.justify-content-between.align-items-center button[b-djeuzfyvkh] {
            margin-top: 1rem;
            align-self: flex-start;
        }

    h1[b-djeuzfyvkh] {
        font-size: 1.75rem;
    }

    h2[b-djeuzfyvkh] {
        font-size: 1.5rem;
    }

    /* Reduce font size */
    body[b-djeuzfyvkh] {
        font-size: 14px;
    }

    /* Adjust table cells for readability */
    .table td[b-djeuzfyvkh],
    .table th[b-djeuzfyvkh] {
        padding: 0.5rem;
        font-size: 0.875rem;
    }

    /* Ensure form inputs are easy to tap */
    .form-control[b-djeuzfyvkh],
    .btn[b-djeuzfyvkh] {
        min-height: 44px;
    }
}

@media (max-width: 576px) {
    /* Extremely small screens */
    .card-header[b-djeuzfyvkh] {
        padding: 12px 15px;
    }

    .card-body[b-djeuzfyvkh] {
        padding: 12px;
    }

    /* Stack buttons vertically */
    .mt-4[b-djeuzfyvkh] {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

        .mt-4 button[b-djeuzfyvkh] {
            width: 100%;
            margin-right: 0;
        }

    /* Card-based display for tables on very small screens */
    .table[b-djeuzfyvkh] {
        display: block;
        width: 100%;
    }

        .table thead[b-djeuzfyvkh] {
            display: none;
        }

        .table tr[b-djeuzfyvkh] {
            display: block;
            margin-bottom: 1rem;
            border: 1px solid #dee2e6;
            border-radius: 4px;
            padding: 0.5rem;
        }

        .table td[b-djeuzfyvkh] {
            display: block;
            text-align: right;
            padding: 0.5rem;
            position: relative;
            border-top: none;
        }

            .table td[b-djeuzfyvkh]::before {
                content: attr(data-label);
                position: absolute;
                left: 0.5rem;
                font-weight: bold;
                text-align: left;
            }

    /* Improve readability of uploaded file info */
    .mt-3 p[b-djeuzfyvkh] {
        margin-bottom: 0.5rem;
    }

    /* Improve alert readability */
    .alert[b-djeuzfyvkh] {
        padding: 0.75rem;
    }

        .alert h4[b-djeuzfyvkh] {
            font-size: 1.1rem;
        }
}

/* DynamicFormNew Component Styling */
/* These styles target elements within the DynamicFormNew component */

/* Form control spacing */
.dynamic-form-container .form-group[b-djeuzfyvkh] {
    margin-bottom: 1.5rem;
}

.dynamic-form-container .form-label[b-djeuzfyvkh] {
    font-weight: 500;
    display: block;
    margin-bottom: 0.5rem;
}

.dynamic-form-container .form-control[b-djeuzfyvkh] {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

/* File upload styling */
.dynamic-form-container .file-upload-container[b-djeuzfyvkh] {
    border: 2px dashed #ced4da;
    padding: 1rem;
    border-radius: 0.25rem;
    text-align: center;
    margin-bottom: 1rem;
}

    .dynamic-form-container .file-upload-container:hover[b-djeuzfyvkh] {
        border-color: #adb5bd;
    }

.dynamic-form-container .file-info[b-djeuzfyvkh] {
    margin-top: 0.5rem;
}

/* Checkbox and radio styling */
.dynamic-form-container .form-check[b-djeuzfyvkh] {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.dynamic-form-container .form-check-input[b-djeuzfyvkh] {
    margin-right: 0.5rem;
}

/* Validation message styling */
.dynamic-form-container .validation-message[b-djeuzfyvkh] {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Tooltip styling */
.dynamic-form-container .tooltip-icon[b-djeuzfyvkh] {
    margin-left: 0.25rem;
    color: #6c757d;
    cursor: help;
}

@media (max-width: 768px) {
    /* Mobile adjustments for the dynamic form */
    .dynamic-form-container .form-group[b-djeuzfyvkh] {
        margin-bottom: 1rem;
    }

    .dynamic-form-container .form-control[b-djeuzfyvkh] {
        font-size: 16px; /* Prevent zoom on iOS */
        padding: 0.5rem;
        min-height: 44px;
    }

    /* Adjust checkbox and radio for mobile */
    .dynamic-form-container .form-check-label[b-djeuzfyvkh] {
        margin-top: 2px;
    }

    /* Improve touch targets */
    .dynamic-form-container .form-check-input[b-djeuzfyvkh] {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 576px) {
    .dynamic-form-container .file-upload-container[b-djeuzfyvkh] {
        padding: 0.75rem;
    }
}
/* _content/PDP.Web/Components/Admin/LicenseExpirationReport.razor.rz.scp.css */
.loading-spinner[b-rtq37qpu6z] {
    text-align: center;
    padding: 20px;
    font-style: italic;
}

.no-data[b-rtq37qpu6z] {
    text-align: center;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 4px;
}



a[b-rtq37qpu6z] {
    color: #0066cc;
    text-decoration: none;
}

    a:hover[b-rtq37qpu6z] {
        text-decoration: underline;
    }
/* _content/PDP.Web/Components/Admin/NewStaff.razor.rz.scp.css */
.role-sidebar.sticky-lg-top[b-6jyvdzk1tp] {
    top: 1.5rem;
}

.role-card-scroll[b-6jyvdzk1tp] {
    max-height: 20rem;
    overflow: auto;
}

.role-card-scroll .table[b-6jyvdzk1tp] {
    margin-bottom: 0;
}
/* _content/PDP.Web/Components/Admin/PasswordResetManager.razor.rz.scp.css */
/* Fix for button group pseudo-element positioning issue caused by DevExpress CSS */
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle)[b-cjk4ci9a6r]::before,
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle)[b-cjk4ci9a6r]::after,
.btn-group > .btn:last-child:not(:first-child)[b-cjk4ci9a6r]::before {
    top: calc(-1 * var(--bs-border-width, 1px)) !important;
}

/* Ensure button group borders are properly calculated */
.btn-group .btn:not(:last-child):not(.dropdown-toggle)[b-cjk4ci9a6r]::after,
.btn-group .btn:not(:first-child)[b-cjk4ci9a6r]::before {
    border-color: var(--bs-border-color, #dee2e6) !important;
}
/* _content/PDP.Web/Components/Admin/PrintOnlyLayout.razor.rz.scp.css */
body[b-gg5f2gi2g9] {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10pt;
    margin: 0;
    padding: 20px;
    background: white;
    color: black;
    line-height: 1.2;
}

@page {
    margin: 0.5in;
    size: letter;
}

.transcript-container[b-gg5f2gi2g9] {
    width: 100%;
    background: white;
    color: black;
    padding: 0;
    margin: 0;
}

/* Official Header Styles - Matching Legacy */
.official-header[b-gg5f2gi2g9] {
    margin: 40px 0;
    background: white;
    padding: 20px;
}

.official-table[b-gg5f2gi2g9] {
    width: 90%;
    border-collapse: collapse;
}

    .official-table td[b-gg5f2gi2g9] {
        padding: 2px 4px;
        vertical-align: top;
    }

.official-center[b-gg5f2gi2g9] {
    text-align: center;
}

.official-right[b-gg5f2gi2g9] {
    text-align: right;
}

.heading[b-gg5f2gi2g9] {
    font-size: 14pt;
    font-weight: bold;
}

.official-label[b-gg5f2gi2g9] {
    font-size: 11pt;
    font-style: italic;
    color: #666;
}

.official-valuebox[b-gg5f2gi2g9] {
    font-size: 13pt;
    font-weight: bold;
    border-bottom: 1px solid black;
    padding-bottom: 2px;
}

.official-signature[b-gg5f2gi2g9] {
    border-bottom: 1px solid black;
    padding-bottom: 2px;
}

.official-signature-title[b-gg5f2gi2g9] {
    font-size: 9pt;
    font-style: italic;
    color: #666;
}

.page-break[b-gg5f2gi2g9] {
    page-break-after: always;
}

.print-header[b-gg5f2gi2g9] {
    display: block;
}

.transcript-title[b-gg5f2gi2g9] {
    font-size: 14pt;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 20px;
}

.print-staff-info[b-gg5f2gi2g9] {
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
}

.print-info-left[b-gg5f2gi2g9], .print-info-right[b-gg5f2gi2g9] {
    flex: 1;
}

.info-table[b-gg5f2gi2g9] {
    width: 100%;
    border-collapse: collapse;
}

    .info-table td[b-gg5f2gi2g9] {
        padding: 2px 4px;
        vertical-align: top;
    }

.label[b-gg5f2gi2g9] {
    color: #999999;
    text-decoration: underline;
    font-weight: bold;
    text-align: right;
    padding-right: 8px;
    white-space: nowrap;
}

.staff-name[b-gg5f2gi2g9] {
    font-size: 12pt;
    font-weight: bold;
}

/* Points Activities Section Styling */
.points-section[b-gg5f2gi2g9] {
    background: white;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    margin-top: 20px;
}

.points-header[b-gg5f2gi2g9] {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.section-title[b-gg5f2gi2g9] {
    font-size: 14pt;
    font-style: italic;
    font-weight: bold;
    margin: 0;
    display: inline-block;
}

.points-summary[b-gg5f2gi2g9] {
    float: right;
    font-size: 12px;
    font-weight: bold;
}

.college-points-note[b-gg5f2gi2g9] {
    font-size: 10px;
    color: gray;
}

/* Points Table Styles - Matching Legacy */
.points-table[b-gg5f2gi2g9] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
    margin-top: 10px;
}

    .points-table th[b-gg5f2gi2g9] {
        padding: 4px 2px;
        text-align: left;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        font-size: 10px;
    }

    .points-table td[b-gg5f2gi2g9] {
        padding: 3px 2px;
        vertical-align: top;
        font-size: 10px;
        border: none;
    }

    /* Alternating row colors exactly like legacy */
    .points-table tbody tr:nth-child(odd)[b-gg5f2gi2g9] {
        background-color: #F0F0F0;
    }

    .points-table tbody tr:nth-child(even)[b-gg5f2gi2g9] {
        background-color: #E0E0E0;
    }

/* Override individual row classes if they exist */
.even-row[b-gg5f2gi2g9] {
    background-color: #F0F0F0 !important;
}

.odd-row[b-gg5f2gi2g9] {
    background-color: #E0E0E0 !important;
}

.center[b-gg5f2gi2g9] {
    text-align: center;
}

.right[b-gg5f2gi2g9] {
    text-align: right;
}

.nowrap[b-gg5f2gi2g9] {
    white-space: nowrap;
}

/* Activity links and content styling */
.activity-link-button[b-gg5f2gi2g9] {
    background: none;
    border: none;
    color: #007bff;
    text-decoration: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    text-align: left;
    display: block;
    width: 100%;
    font-size: 10px;
}

    .activity-link-button:hover[b-gg5f2gi2g9] {
        text-decoration: underline;
    }

.activity-detail[b-gg5f2gi2g9] {
    font-size: 9px;
    color: #333;
    display: block;
    margin-top: 2px;
}

.period-break[b-gg5f2gi2g9] {
    font-size: 10px;
    font-style: italic;
    color: #666;
}

.no-activities[b-gg5f2gi2g9] {
    color: red;
    font-style: italic;
    text-align: center;
    padding: 20px;
}

/* Hide any unwanted elements */
.hide-from-printer[b-gg5f2gi2g9],
.controls-section[b-gg5f2gi2g9],
.staff-header[b-gg5f2gi2g9] {
    display: none !important;
}
/* _content/PDP.Web/Components/Admin/Tabs/AuditLogsTab.razor.rz.scp.css */
.audit-logs-tab .card[b-17klhabpxk] {
    border-radius: 0.75rem;
}

.audit-logs-tab .table-responsive[b-17klhabpxk] {
    border-radius: 0.75rem;
}

.audit-logs-tab .audit-data-container[b-17klhabpxk] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    background-color: var(--bs-light);
    padding: 1rem;
    max-height: 24rem;
    overflow-y: auto;
}

.audit-logs-tab pre.raw-data[b-17klhabpxk],
.audit-logs-tab .formatted-json pre[b-17klhabpxk],
.audit-logs-tab .formatted-error pre[b-17klhabpxk] {
    background-color: #111827;
    color: #f9fafb;
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
}

.audit-logs-tab .formatted-json-data[b-17klhabpxk],
.audit-logs-tab .formatted-error-data[b-17klhabpxk] {
    font-family: var(--bs-font-monospace);
    font-size: 0.875rem;
    line-height: 1.4;
}

.audit-logs-tab .json-string[b-17klhabpxk] {
    color: #34d399;
}

.audit-logs-tab .json-number[b-17klhabpxk] {
    color: #fbbf24;
}

.audit-logs-tab .json-literal[b-17klhabpxk] {
    color: #60a5fa;
}

.audit-logs-tab .json-colon[b-17klhabpxk],
.audit-logs-tab .json-comma[b-17klhabpxk] {
    color: #d1d5db;
}

.audit-logs-tab .stack-trace-line[b-17klhabpxk] {
    color: #f97316;
}

.audit-logs-tab .exception-type[b-17klhabpxk] {
    color: #f87171;
    font-weight: 600;
}

.audit-logs-tab .file-reference[b-17klhabpxk] {
    color: #a855f7;
}

.audit-logs-tab .modal[b-17klhabpxk] {
    backdrop-filter: blur(3px);
}

.audit-logs-tab .audit-log-timestamp[b-17klhabpxk] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.audit-logs-tab .audit-data-cell[b-17klhabpxk] {
    gap: 0.75rem;
}

.audit-logs-tab .audit-data-preview[b-17klhabpxk] {
    min-width: 0;
}


/* Audit Log Styling */
.audit-log-data-grid[b-17klhabpxk] {
    font-size: 0.9rem;
}

.audit-data-cell[b-17klhabpxk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.audit-data-preview[b-17klhabpxk] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'Courier New', monospace;
    font-size: 0.8rem;
    color: #666;
}

.audit-data-container[b-17klhabpxk] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    background-color: #f8f9fa;
}

/* JSON Formatting */
.formatted-json[b-17klhabpxk] {
    background-color: #f8f9fa;
    border: none;
    margin: 0;
    padding: 1rem;
    font-family: 'Courier New', monospace;
    font-size: 0.9rem;
    line-height: 1.4;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.json-string[b-17klhabpxk] {
    color: #d73a49;
}

.json-colon[b-17klhabpxk] {
    color: #6f42c1;
}

.json-comma[b-17klhabpxk] {
    color: #6f42c1;
}

.json-literal[b-17klhabpxk] {
    color: #005cc5;
    font-weight: bold;
}

.json-number[b-17klhabpxk] {
    color: #d73a49;
}

/* Error Formatting */
.formatted-error[b-17klhabpxk] {
    background-color: #f8f9fa;
    border: none;
    margin: 0;
    padding: 1rem;
    font-family: 'Courier New', monospace;
    font-size: 0.9rem;
    line-height: 1.4;
    white-space: pre-wrap;
    word-wrap: break-word;
    color: #721c24;
}

.stack-trace-line[b-17klhabpxk] {
    color: #6f42c1;
    display: block;
    margin-left: 1rem;
}

.exception-type[b-17klhabpxk] {
    color: #d73a49;
    font-weight: bold;
}

.file-reference[b-17klhabpxk] {
    color: #22863a;
    font-style: italic;
}

.formatted-error-data[b-17klhabpxk] {
    background-color: #fdf2f3;
    border-left: 4px solid #dc3545;
    padding: 0.5rem;
}

.formatted-json-data[b-17klhabpxk] {
    background-color: #f1f8ff;
    border-left: 4px solid #0366d6;
    padding: 0.5rem;
}

/* Raw Data */
.raw-data[b-17klhabpxk] {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    margin: 0;
    padding: 1rem;
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;
    line-height: 1.4;
    white-space: pre-wrap;
    word-wrap: break-word;
    max-height: 300px;
    overflow-y: auto;
}

/* Badge Styling */
.badge.bg-danger[b-17klhabpxk] {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
}

/* Modal Improvements */
.modal-xl[b-17klhabpxk] {
    max-width: 90%;
}

.modal-body[b-17klhabpxk] {
    max-height: 70vh;
    overflow-y: auto;
}

/* Responsive Design */
@media (max-width: 768px) {
    .audit-data-cell[b-17klhabpxk] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    .audit-data-preview[b-17klhabpxk] {
        white-space: normal;
        word-break: break-word;
    }
    
    .modal-xl[b-17klhabpxk] {
        max-width: 95%;
    }
}

/* Loading States */
.audit-data-loading[b-17klhabpxk] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    color: #6c757d;
}

/* Button Styling */
.btn-sm[b-17klhabpxk] {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

/* Scrollbar Styling for WebKit browsers */
.audit-data-container[b-17klhabpxk]::-webkit-scrollbar,
.raw-data[b-17klhabpxk]::-webkit-scrollbar {
    width: 8px;
}

.audit-data-container[b-17klhabpxk]::-webkit-scrollbar-track,
.raw-data[b-17klhabpxk]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.audit-data-container[b-17klhabpxk]::-webkit-scrollbar-thumb,
.raw-data[b-17klhabpxk]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.audit-data-container[b-17klhabpxk]::-webkit-scrollbar-thumb:hover,
.raw-data[b-17klhabpxk]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Modal Dialog Styling */
.audit-modal[b-17klhabpxk] {
    border: none;
    border-radius: 0.5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    max-width: 90vw;
    max-height: 90vh;
    padding: 0;
    background: white;
}

.audit-modal[b-17klhabpxk]::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
}

.audit-modal .modal-content[b-17klhabpxk] {
    border: none;
    border-radius: 0.5rem;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.audit-modal .modal-header[b-17klhabpxk] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.audit-modal .modal-body[b-17klhabpxk] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.audit-modal .modal-footer[b-17klhabpxk] {
    background-color: #f8f9fa;
    border-top: 1px solid #dee2e6;
    border-radius: 0 0 0.5rem 0.5rem;
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: flex-end;
}

/* Responsive design for dialog */
@media (max-width: 768px) {
    .audit-modal[b-17klhabpxk] {
        max-width: 95vw;
        max-height: 95vh;
    }
    
    .audit-data-cell[b-17klhabpxk] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    .audit-data-preview[b-17klhabpxk] {
        white-space: normal;
        word-break: break-word;
    }
}
/* _content/PDP.Web/Components/Admin/UserRoleManager.razor.rz.scp.css */
/* Role Management Styles */

/* Role Badge Styling */
.role-badge[b-61nvn37m8d] {
    display: inline-flex;
    align-items: center;
    background-color: #4a86e8; /* Light blue */
    color: white;
    padding: 4px 10px;
    border-radius: 4px;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 400;
}

.role-badge-remove[b-61nvn37m8d] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
    border: none;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    margin-left: 8px;
    cursor: pointer;
    font-size: 12px;
    line-height: 1;
    padding: 0;
}

    .role-badge-remove:hover[b-61nvn37m8d] {
        background-color: rgba(255, 255, 255, 0.4);
    }

.role-badge-container[b-61nvn37m8d] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

/* Popup Styles */
.alert-overlay[b-61nvn37m8d] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.alert-container[b-61nvn37m8d] {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
    width: 100%;
    max-width: 400px;
}

    .alert-container h3[b-61nvn37m8d] {
        color: #162538;
        margin-top: 0;
        margin-bottom: 16px;
        font-size: 18px;
        font-weight: 500;
    }

    .alert-container p[b-61nvn37m8d] {
        margin-bottom: 20px;
        line-height: 1.5;
    }

.popup-buttons[b-61nvn37m8d] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

    .popup-buttons button[b-61nvn37m8d] {
        min-width: 80px;
    }

/* Form Container and Elements Enhancements */
.form-container[b-61nvn37m8d] {
    border: 1px solid #D5D5D5;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 5px;
    margin-bottom: 20px;
}

.form-header[b-61nvn37m8d] {
    background-color: #162538;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.form-header-text[b-61nvn37m8d] {
    color: white;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.form-group[b-61nvn37m8d] {
    display: flex;
    margin: 12px 16px;
    align-items: center;
}

.form-label[b-61nvn37m8d] {
    flex: 0 0 150px;
    text-align: right;
    margin-right: 10px;
}

.form-control[b-61nvn37m8d] {
    flex: 1;
    max-width: 422px;
    height: 31px;
    border-radius: 5px;
    border: 1px solid #BAB3B3;
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 5px 10px;
}

.dynamic-form-control[b-61nvn37m8d] {
    flex: 1;
}

.goal-selector[b-61nvn37m8d] {
    max-width: 422px;
    border-radius: 5px;
    border: 1px solid #BAB3B3;
    box-shadow: 0px 4px 4px 0px #00000040;
}

/* Button Styles */
.green-button[b-61nvn37m8d] {
    background-color: #5FCE94;
    border: 1px solid #5FCE94;
    padding: 4px 8px;
    border-radius: 4px;
    color: black;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .green-button:hover[b-61nvn37m8d] {
        background-color: #4cba81;
    }

.red-button[b-61nvn37m8d] {
    background-color: #EB3323;
    border: 1px solid #EB3323;
    padding: 4px 8px;
    border-radius: 4px;
    color: black;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .red-button:hover[b-61nvn37m8d] {
        background-color: #d62b1c;
    }

/* Table Styles */
.points-grid-table[b-61nvn37m8d] {
    width: 100%;
    border-collapse: collapse;
}

.points-header-row[b-61nvn37m8d] {
    background-color: #162538;
    color: white;
}

.points-table-header[b-61nvn37m8d] {
    padding: 8px 16px;
    text-align: left;
    font-weight: 500;
}

.points-table-data-row[b-61nvn37m8d] {
    padding: 8px 16px;
    border-bottom: 1px solid #e0e0e0;
}

.points-grid-table tr:hover[b-61nvn37m8d] {
    background-color: #f5f5f5;
}

/* Helper Classes */
.personal-under-container[b-61nvn37m8d] {
    margin-top: 20px;
}

.d-none[b-61nvn37m8d] {
    display: none;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .form-group[b-61nvn37m8d] {
        flex-direction: column;
        align-items: flex-start;
    }

    .form-label[b-61nvn37m8d] {
        flex: none;
        text-align: left;
        margin-bottom: 5px;
        width: 100%;
    }

    .form-control[b-61nvn37m8d],
    .goal-selector[b-61nvn37m8d] {
        width: 100%;
        max-width: 100%;
    }

    .popup-buttons[b-61nvn37m8d] {
        flex-direction: column;
    }

        .popup-buttons button[b-61nvn37m8d] {
            width: 100%;
            margin-bottom: 8px;
        }
}
/* _content/PDP.Web/Components/GroupLearning/BrowseUserLearnings.razor.rz.scp.css */
.leave-requests-title-outer[b-j90jvllkrt] {
    background-color: #162538;
    color: white;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

h2[b-j90jvllkrt] {
    margin-bottom: 0 !important;
    margin-left: .5rem;
    padding-top: .5rem;
}

.user-learnings-container[b-j90jvllkrt] {
    width: 100%;
    max-width: 1200px;
}

.filter-bar[b-j90jvllkrt] {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    align-items: center;
}

.standard-select[b-j90jvllkrt] {
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    min-width: 200px;
}

.submit-button[b-j90jvllkrt] {
    padding: 6px 15px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    .submit-button:hover[b-j90jvllkrt] {
        background-color: #0069d9;
    }

.loading-indicator[b-j90jvllkrt], .no-records[b-j90jvllkrt] {
    padding: 20px;
    text-align: center;
    font-style: italic;
    color: #666;
}

.status-indicator[b-j90jvllkrt] {
    padding: 3px 8px;
    border-radius: 4px;
}

.status-saved[b-j90jvllkrt] {
    background-color: #e0f0ff;
}

.status-group[b-j90jvllkrt] {
    background-color: #e8f5e9;
}

.status-pending[b-j90jvllkrt] {
    background-color: #fff3cd;
}

.status-returned[b-j90jvllkrt] {
    background-color: #f8d7da;
}
/* _content/PDP.Web/Components/GroupLearning/GroupLearning.razor.rz.scp.css */
label[b-8fzigjhs13], input[b-8fzigjhs13] {
    font-family: 'Ubuntu';
}

.form-header[b-8fzigjhs13] {
    margin-bottom: 1rem;
}


.form-group[b-8fzigjhs13] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.form-wrapper[b-8fzigjhs13] {
    width: 600px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.button-group[b-8fzigjhs13] {
    margin-top: 1rem;
    gap: 1rem;
}

.tooltip-icon[b-8fzigjhs13] {
    background-color: #5FCE94;
    color: black;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin-left: 1rem;
}

    .tooltip-icon:hover[b-8fzigjhs13]::after {
        width: 97px;
        height: 31px;
        top: 156px;
        left: 511px;
        padding: var(--sds-size-space-200) var(--sds-size-space-300) var(--sds-size-space-200) var(--sds-size-space-300);
        gap: var(--sds-size-space-0);
        border-radius: var(--sds-size-radius-200);
        border: var(--sds-size-stroke-border);
        opacity: 0px;
        background: var(--Background-Default-Default, #FFFFFF);
        border-top: 1px solid var(--Border-Default-Default, #D9D9D9);
        box-shadow: 0px 1px 4px 0px #0C0C0D0D;
        box-shadow: 0px 1px 4px 0px #0C0C0D1A;
    }

.nav-tabs[b-8fzigjhs13] {
    width: 700px;
    top: 19px;
    left: 15px;
    border-color: #5FCE94;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.nav-link.active[b-8fzigjhs13] {
    border-top: 1px solid #5FCE94 !important;
    border-right: 1px solid #5FCE94 !important;
    border-left: 1px solid #5FCE94 !important;
    border-bottom: 1px solid #5FCE94 !important;
    border-radius: 4px 4px 0 0 !important;
}


.nav-link[b-8fzigjhs13] {
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: black;
}

    .nav-link:hover[b-8fzigjhs13] {
        color: #5FCE94;
        cursor: pointer;
    }



/* Group Learning Activities Styles */

.group-activities-outer[b-8fzigjhs13] {
    font-family: Arial, sans-serif;
    max-width: 100%;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
}

.group-activities-header[b-8fzigjhs13] {
    padding: 10px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
}

.group-activities-title-row[b-8fzigjhs13] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.group-activities-title[b-8fzigjhs13] {
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    color: #000;
    margin-right: 10px;
}

.new-button[b-8fzigjhs13] {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 2px 10px;
    font-size: 14px;
    cursor: pointer;
}

.controls-container[b-8fzigjhs13] {
    display: flex;
    align-items: center;
    margin-left: auto;
}

    .controls-container span[b-8fzigjhs13] {
        margin-right: 5px;
    }

.checkbox-wrapper[b-8fzigjhs13] {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.update-button[b-8fzigjhs13] {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 2px 10px;
    font-size: 14px;
    cursor: pointer;
}

.navigation-links[b-8fzigjhs13] {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}

    .navigation-links a[b-8fzigjhs13] {
        color: #00f;
        text-decoration: none;
    }

        .navigation-links a:hover[b-8fzigjhs13] {
            text-decoration: underline;
        }

.table-responsive[b-8fzigjhs13] {
    overflow-x: auto;
}

.group-activities-table[b-8fzigjhs13] {
    width: 100%;
    border-collapse: collapse;
}

    .group-activities-table th[b-8fzigjhs13] {
        text-align: left;
        padding: 8px;
        font-weight: normal;
        border-bottom: 1px solid #ddd;
    }

    .group-activities-table td[b-8fzigjhs13] {
        padding: 8px;
        border-bottom: 1px solid #eee;
        vertical-align: top;
    }

.row-number[b-8fzigjhs13] {
    text-align: right;
    width: 30px;
    color: #333;
}

.activity-cell[b-8fzigjhs13] {
    min-width: 150px;
}

.activity-content[b-8fzigjhs13] {
    display: flex;
    flex-direction: column;
}

.activity-name-row[b-8fzigjhs13] {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.edit-icon[b-8fzigjhs13] {
    margin-right: 5px;
    font-size: 14px;
}

.activity-name-row a[b-8fzigjhs13] {
    color: #00f;
    text-decoration: none;
}

    .activity-name-row a:hover[b-8fzigjhs13] {
        text-decoration: underline;
    }

.activity-button-row[b-8fzigjhs13] {
    margin-top: 2px;
}

.add-to-salary-btn[b-8fzigjhs13] {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 2px 8px;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
}

.group-activities-table a[b-8fzigjhs13] {
    color: #00f;
    text-decoration: none;
}

    .group-activities-table a:hover[b-8fzigjhs13] {
        text-decoration: underline;
    }

.footer-note[b-8fzigjhs13] {
    padding: 10px;
    font-size: 12px;
    color: #666;
    border-top: 1px solid #eee;
}


.banner-content[b-8fzigjhs13] {
    display: flex;
    justify-content: space-between;
    align-items: anchor-center;
    width: 100%;
}


.banner-text[b-8fzigjhs13] {
    color: white;
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
}

.table-header[b-8fzigjhs13] {
    background-color: #D9D9D9;
}
/* _content/PDP.Web/Components/GroupLearning/LearningsHistory.razor.rz.scp.css */
.district-learnings-container[b-0beu8d09kp] {
    width: 100%;
    max-width: 1200px;
}

.filter-container[b-0beu8d09kp] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.learning-stats[b-0beu8d09kp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    background-color: #ffff99;
    padding: 8px;
}

.pagination-controls[b-0beu8d09kp] {
    display: flex;
    gap: 5px;
}

.pagination-button[b-0beu8d09kp] {
    background: none;
    border: none;
    padding: 3px 6px;
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}

    .pagination-button:disabled[b-0beu8d09kp] {
        color: #666;
        text-decoration: none;
        cursor: default;
    }

.learning-table[b-0beu8d09kp] {
    width: 100%;
    border-collapse: collapse;
}

    .learning-table th[b-0beu8d09kp], .learning-table td[b-0beu8d09kp] {
        padding: 8px 12px;
        text-align: left;
        border: 1px solid #ddd;
    }

    .learning-table th[b-0beu8d09kp] {
        background-color: #f2f2f2;
    }

.even-row[b-0beu8d09kp] {
    background-color: #f9f9f9;
}

.odd-row[b-0beu8d09kp] {
    background-color: #e9e9e9;
}

.learning-link[b-0beu8d09kp] {
    color: blue;
    text-decoration: none;
}

    .learning-link:hover[b-0beu8d09kp] {
        text-decoration: underline;
    }

.status-approved[b-0beu8d09kp] {
    color: green;
}

.status-archived[b-0beu8d09kp] {
    color: #666;
}

.status-returned[b-0beu8d09kp] {
    color: red;
}

.status-pending[b-0beu8d09kp] {
    color: orange;
}

.filter-pagination-container[b-0beu8d09kp] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #162538;
    padding: 8px 12px;
    width: 100%;
    color: white;
}

.filter-section[b-0beu8d09kp] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    height: min-content;

}

.filter-section > *[b-0beu8d09kp] {
    /* This ensures all direct children have the same height */
    height: 100%;
}

.filter-section select[b-0beu8d09kp],
.filter-section input[b-0beu8d09kp],
.filter-section button[b-0beu8d09kp] {
    height: 30px; /* Set a consistent height for form elements */
}

.filter-section select[b-0beu8d09kp] {
    padding-top: 0;
    padding-bottom: 0;
}

.form-select[b-0beu8d09kp], .form-control[b-0beu8d09kp] {
    border: 1px solid #ccc;
    border-radius: 4px;
}


.green-button[b-0beu8d09kp] {
    width: auto;
}


.date-input[b-0beu8d09kp] {
    width: 130px;
}

.records-info[b-0beu8d09kp] {
    white-space: nowrap;
    margin: 0 15px;
}

.pagination-controls[b-0beu8d09kp] {
    display: flex;
    gap: 5px;
}

.pagination-button[b-0beu8d09kp] {
    background: none;
    border: none;
    padding: 3px 6px;
    cursor: pointer;
    color: white;
    text-decoration: underline;
}

.pagination-button:disabled[b-0beu8d09kp] {
    color: white;
    text-decoration: none;
    cursor: default;
}

/* For smaller screens */
@media (max-width: 900px) {
    .filter-pagination-container[b-0beu8d09kp] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .filter-section[b-0beu8d09kp], .pagination-controls[b-0beu8d09kp] {
        justify-content: center;
    }

    .records-info[b-0beu8d09kp] {
        text-align: center;
        margin: 5px 0;
    }
}
/* _content/PDP.Web/Components/GroupLearning/NewGroupLearningRequest.razor.rz.scp.css */
.selected-schools[b-28uhpqnzv4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.selected-school-chip[b-28uhpqnzv4] {
    background-color: #e9f5ff;
    border: 1px solid #c2e0ff;
    border-radius: 16px;
    padding: 4px 12px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.remove-school-btn[b-28uhpqnzv4] {
    background: none;
    border: none;
    color: #666;
    cursor: pointer;
    font-size: 18px;
    margin-left: 4px;
    padding: 0 4px;
}

    .remove-school-btn:hover[b-28uhpqnzv4] {
        color: #ff0000;
    }
/* _content/PDP.Web/Components/GroupLearning/StaffSelectionModal.razor.rz.scp.css */
.modal-backdrop[b-8q2e51zxp7] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}

.modal-dialog[b-8q2e51zxp7] {
    max-height: 90vh;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    margin: 20px;
    width: 80%; /* Make the dialog wider */
    max-width: 800px; /* Set a maximum width */
}

.modal-content[b-8q2e51zxp7] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden; /* Prevents content from overflowing */
    width: 100% !important;
}

.modal-header[b-8q2e51zxp7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #e9ecef;
    flex-shrink: 0; /* Prevents header from shrinking */
}

.modal-title[b-8q2e51zxp7] {
    margin: 0;
    font-size: 1.25rem;
    color: #343a40;
}

.close-button[b-8q2e51zxp7] {
    background: none;
    border: none;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    color: #6c757d;
}

.modal-body[b-8q2e51zxp7] {
    padding: 20px;
    overflow-y: auto; /* Enables vertical scrolling */
    flex: 1; /* Takes remaining space */
}

.modal-footer[b-8q2e51zxp7] {
    padding: 15px 20px;
    border-top: 1px solid #e9ecef;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-shrink: 0; /* Prevents footer from shrinking */
}

.staff-selection-note[b-8q2e51zxp7] {
    margin-bottom: 15px;
    padding: 10px;
    background-color: #f8f9fa;
    border-left: 4px solid #ffc107;
}

    .staff-selection-note p[b-8q2e51zxp7] {
        margin: 0 0 5px 0;
    }

.selection-controls[b-8q2e51zxp7] {
    margin-bottom: 15px;
    padding: 10px 0;
    border-bottom: 1px solid #e9ecef;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 5;
}

.selection-button[b-8q2e51zxp7] {
    background: none;
    border: none;
    color: #007bff;
    cursor: pointer;
    font-weight: 500;
    padding: 0;
}

    .selection-button:hover[b-8q2e51zxp7] {
        text-decoration: underline;
    }

.school-staff-list[b-8q2e51zxp7] {
    overflow-y: auto;
}

.school-section[b-8q2e51zxp7] {
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
    border-radius: 4px;
}

.school-header[b-8q2e51zxp7] {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-bottom: 1px solid #e9ecef;
    background-color: #f8f9fa;
    position: relative; /* Changed from sticky */
    z-index: 4;
}

    .school-header input[b-8q2e51zxp7] {
        margin-right: 10px;
        flex-shrink: 0; /* Prevent checkbox from shrinking */
        min-width: 16px; /* Ensure checkbox has a minimum width */
    }

.school-name[b-8q2e51zxp7] {
    margin: 0;
    color: #495057; /* Darker color for better contrast */
    font-style: italic;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 30px); /* Allow space for checkbox */
}

.staff-list[b-8q2e51zxp7] {
    padding: 10px 15px;
    margin-top: 0; /* Remove top margin */
    max-height: 300px; /* Add a max height for very long lists */
    overflow-y: auto; /* Add scrolling for long staff lists */
}

.staff-item[b-8q2e51zxp7] {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    padding: 3px 0;
}

    .staff-item input[b-8q2e51zxp7] {
        margin-right: 8px;
        flex-shrink: 0;
        min-width: 16px;
    }

    .staff-item label[b-8q2e51zxp7] {
        margin-bottom: 0;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

.non-certified-tag[b-8q2e51zxp7] {
    margin-left: 5px;
    font-size: 0.85em;
    color: #6c757d;
    font-style: italic;
}
/* _content/PDP.Web/Components/Layout/AccountLayout.razor.rz.scp.css */
/* Account Layout Styles */
.account-content[b-yppmksexbm] {
    min-height: 60vh;
}

/* Responsive adjustments for account pages */
@media (max-width: 768px) {
    .col-12.col-md-10.col-lg-8.col-xl-6[b-yppmksexbm] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Enhanced spacing for mobile */
@media (max-width: 576px) {
    .py-4[b-yppmksexbm] {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
}
/* _content/PDP.Web/Components/Layout/Footer.razor.rz.scp.css */
body[b-9sg6f3054i], a[b-9sg6f3054i], div[b-9sg6f3054i] {
    font-family: 'Ubuntu';
}

.footer[b-9sg6f3054i] {
    background-color: #212529;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.4;
    position: relative;
    height: 281px;
}

.footer[b-9sg6f3054i]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 12px;
    background-color: #5FCE94;
}

.greenbush-logo[b-9sg6f3054i] {
    max-height: 4rem; /* Set appropriate height */
    padding-top: 1rem;
}


.footer-content[b-9sg6f3054i] {
    margin: 0 auto;
    padding: 20px;
    position: relative;
}

.footer-info[b-9sg6f3054i] {
    margin-left: 1.5rem;
}

.organization-name[b-9sg6f3054i] {
    font-family: Ubuntu;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0%;
    margin-top: 1.25rem;
}

.contact-info[b-9sg6f3054i] {
    margin-top: 1rem;
}

.footer-links[b-9sg6f3054i] {
    position: absolute;
    top: 60px;
    right: 40px;
    text-align: left;
}

    .footer-links a[b-9sg6f3054i] {
        color: #ffffff;
        display: block;
        font-family: Ubuntu;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0%;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-offset: auto;
        text-decoration-thickness: auto;
        text-decoration-skip-ink: auto;
    }

.footer-copyright[b-9sg6f3054i] {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

/* Tablet view */
@media (max-width: 768px) {
    .footer[b-9sg6f3054i] {
        font-size: 13px;
        height: auto;
        padding: 20px;
    }

    .footer-content[b-9sg6f3054i] {
        padding: 15px;
    }

    .footer-info[b-9sg6f3054i] {
        text-align: center;
        margin-left: 0;
    }

    .greenbush-logo-outer[b-9sg6f3054i] {
        text-align: center;
    }

    .footer-links[b-9sg6f3054i] {
        position: static;
        margin-top: 20px;
        text-align: center;
    }

        .footer-links a[b-9sg6f3054i] {
            font-size: 14px;
        }

    .organization-name[b-9sg6f3054i] {
        font-size: 15px;
    }

    .footer-copyright[b-9sg6f3054i] {
        font-size: 14px;
    }
}

/* Mobile view */
@media (max-width: 480px) {
    .footer[b-9sg6f3054i] {
        font-size: 12px;
        height: auto;
        padding: 15px;
    }

    .footer-content[b-9sg6f3054i] {
        padding: 10px;
    }

    .footer-info[b-9sg6f3054i] {
        margin-left: 0;
    }

    .greenbush-logo-outer[b-9sg6f3054i] {
        text-align: center;
    }

    .footer-links[b-9sg6f3054i] {
        position: static;
        margin-top: 15px;
        text-align: center;
    }

        .footer-links a[b-9sg6f3054i] {
            font-size: 12px;
        }

    .organization-name[b-9sg6f3054i] {
        font-size: 14px;
    }

    .footer-copyright[b-9sg6f3054i] {
        font-size: 12px;
    }
}
/* _content/PDP.Web/Components/Layout/FullWidthLayout.razor.rz.scp.css */
.full-width-layout[b-w9kobb2w6l] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
    background-color: #f8f9fb;
}

.full-width-layout .layout-header[b-w9kobb2w6l] {
    grid-row: 1;
    background-color: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    z-index: 100;
}

.full-width-layout .layout-main[b-w9kobb2w6l] {
    grid-row: 2;
    display: block;
}

.full-width-layout .layout-footer[b-w9kobb2w6l] {
    grid-row: 3;
    background-color: #ffffff;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}
/* _content/PDP.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.layout-shell[b-r7hatnpvq7] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
    background-color: #f8f9fb;
}

.layout-header[b-r7hatnpvq7] {
    grid-row: 1;
    background-color: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    z-index: 100;
}

.layout-main[b-r7hatnpvq7] {
    grid-row: 2;
}

.layout-footer[b-r7hatnpvq7] {
    grid-row: 3;
    background-color: #ffffff;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

/* _content/PDP.Web/Components/Layout/NavMenu.razor.rz.scp.css */
/* ===== BASE STYLES ===== */

/* Navbar Layout */
.navbar-master[b-7pj0x098d3] {
    width: 100%;
    background-color: #ffffff;
    position: relative;
    z-index: 999;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.navbar-layout[b-7pj0x098d3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    padding: 2rem;
    padding-bottom: 0;
    gap: 1.5rem;
    position: relative;
}

.navbar-left[b-7pj0x098d3] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 1rem;
}

.navbar-right[b-7pj0x098d3] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 1.5rem;
}

.navbar-selectors[b-7pj0x098d3] {
    display: flex;
    justify-content: flex-end;
}

/* Navigation Items */
.navbar-item[b-7pj0x098d3] {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-link a[b-7pj0x098d3],
.nav-link .notification-bell[b-7pj0x098d3] {
    color: black !important;
}

    .nav-link a:hover[b-7pj0x098d3],
    .nav-link .notification-bell:hover[b-7pj0x098d3] {
        color: black !important;
    }

/* District Header */
.district-header[b-7pj0x098d3] {
    font-family: 'Ubuntu';
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    display: flex;
    align-items: center;
}

/* License Info */
.license-expiration-outer[b-7pj0x098d3] {
    padding-bottom: 1rem;
    display: flex;
    gap: 10px;
}

.license-segment[b-7pj0x098d3] {
    background-color: #1f2933;
    color: #ffffff;
    text-align: center;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    width: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.35rem;
}

.license-segment__value[b-7pj0x098d3] {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.2;
}

.license-segment__label[b-7pj0x098d3] {
    font-size: 0.75rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin: 0;
}

.license-expiration-inner[b-7pj0x098d3] {
    width: 234px;
    height: 38px;
    border-radius: 50px;
    background-color: #5FCE94;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-top: 0;
    margin-bottom: 0;
}

.expiration-date[b-7pj0x098d3] {
    font-size: 11px;
    font-weight: 300;
    line-height: 24px;
    text-align: center;
}

/* Button Styles */
.back-button[b-7pj0x098d3] {
    height: 38px;
    padding-right: 1rem;
    padding-left: 1rem;
    border-radius: 50px;
    background-color: #5FCE94;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    cursor: pointer;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.navbar-back-button[b-7pj0x098d3] {
    width: 100%;
}

.navbar-back-button .back-button[b-7pj0x098d3] {
    margin-inline: auto;
}

    .back-button:hover[b-7pj0x098d3] {
        background-color: #4AB880;
    }

    .back-button i[b-7pj0x098d3] {
        margin-right: 8px;
    }

.logout-button[b-7pj0x098d3] {
    height: 38px;
    padding-right: 1rem;
    padding-left: 1rem;
    border-radius: 50px;
    background-color: #5FCE94;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-top: 0;
    margin-bottom: 0;
}

/* Other Base Elements */
p[b-7pj0x098d3] {
    margin-top: 0;
    margin-bottom: 0;
}

.bell-icon[b-7pj0x098d3] {
    font-size: 16px;
    padding-left: 1.5rem;
}

/* Deep Selectors for Grid */
[b-7pj0x098d3] .notification-grid {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

[b-7pj0x098d3] .dxbl-grid-header-content {
    font-weight: 400;
}

[b-7pj0x098d3] .dxbl-grid-header {
    background-color: #D9D9D9 !important;
    border-left: none !important;
    border-right: none !important;
}

/* ===== HAMBURGER MENU STYLES ===== */
.hamburger-toggle[b-7pj0x098d3] {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    margin: 0;
    position: relative;
    width: 40px;
    height: 40px;
}

.hamburger-icon[b-7pj0x098d3] {
    position: relative;
    width: 24px;
    height: 18px;
    margin: 0 auto;
}

    .hamburger-icon span[b-7pj0x098d3] {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #5FCE94;
        border-radius: 3px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
    }

        .hamburger-icon span:nth-child(1)[b-7pj0x098d3] {
            top: 0;
        }

        .hamburger-icon span:nth-child(2)[b-7pj0x098d3] {
            top: 8px;
        }

        .hamburger-icon span:nth-child(3)[b-7pj0x098d3] {
            top: 16px;
        }

.hamburger-toggle.active .hamburger-icon span:nth-child(1)[b-7pj0x098d3] {
    top: 8px;
    transform: rotate(135deg);
}

.hamburger-toggle.active .hamburger-icon span:nth-child(2)[b-7pj0x098d3] {
    opacity: 0;
    left: -60px;
}

.hamburger-toggle.active .hamburger-icon span:nth-child(3)[b-7pj0x098d3] {
    top: 8px;
    transform: rotate(-135deg);
}

/* Mobile Menu Container */
.mobile-menu-container[b-7pj0x098d3] {
    display: none;
    background-color: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

    .mobile-menu-container[b-7pj0x098d3]::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0);
        transition: background-color 0.3s ease;
        pointer-events: none;
        z-index: -1;
    }

    .mobile-menu-container.open[b-7pj0x098d3]::before {
        background-color: rgba(0, 0, 0, 0.3);
        pointer-events: auto;
    }

/* ===== LEGACY STYLING ===== */
/* These seem to be for a different component but are maintained for compatibility */
.navbar-toggler[b-7pj0x098d3] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:checked[b-7pj0x098d3] {
        background-color: rgba(255, 255, 255, 0.5);
    }

.top-row[b-7pj0x098d3] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-7pj0x098d3] {
    font-size: 1.1rem;
}

.bi[b-7pj0x098d3] {
    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-7pj0x098d3] {
    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-7pj0x098d3] {
    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-7pj0x098d3] {
    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");
}

.nav-item[b-7pj0x098d3] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-7pj0x098d3] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-7pj0x098d3] {
        padding-bottom: 1rem;
    }

    .nav-item[b-7pj0x098d3]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

    .nav-item[b-7pj0x098d3]  a.active {
        background-color: rgba(255,255,255,0.37);
        color: white;
    }

    .nav-item[b-7pj0x098d3]  .nav-link:hover {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

.nav-scrollable[b-7pj0x098d3] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-7pj0x098d3] {
    display: block;
}

/* ===== MEDIA QUERIES ===== */

/* Tablet and Larger (Min width 641px) */
@media (min-width: 641px) {
    .navbar-toggler[b-7pj0x098d3] {
        display: none;
    }

    .nav-scrollable[b-7pj0x098d3] {
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

/* Mobile Styling (Max width 767px) */
@media screen and (max-width: 767px) {
    /* Navbar Layout */
    .navbar-master[b-7pj0x098d3] {
        padding: 0;
    }

    .navbar-layout[b-7pj0x098d3] {
        padding: 1.5rem 1.25rem 0;
        flex-direction: column;
        align-items: stretch;
        gap: 1.75rem;
    }

    .navbar-right[b-7pj0x098d3] {
        justify-content: center;
        width: 100%;
        align-items: flex-start;
    }

    .navbar-left[b-7pj0x098d3] {
        width: 100%;
        align-items: flex-start;
        margin-top: 0;
    }

    .license-expiration-outer[b-7pj0x098d3] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .navbar-selectors[b-7pj0x098d3] {
        display: none;
    }

    /* Mobile Menu */
    .hamburger-toggle[b-7pj0x098d3] {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 1010;
        background-color: white;
        border-radius: 50%;
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    .mobile-menu-container[b-7pj0x098d3] {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        overflow: hidden;
        transition: height 0.3s ease;
        z-index: 1000;
    }

    .mobile-menu-container.open[b-7pj0x098d3] {
        height: 100%;
        padding-top: 60px;
    }

    .mobile-menu[b-7pj0x098d3] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

        .mobile-menu .nav-link[b-7pj0x098d3] {
            padding: 15px 0;
            border-bottom: 1px solid #eee;
            text-align: center;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.3s ease;
            font-family: 'Ubuntu';
        }

            .mobile-menu .nav-link:last-child[b-7pj0x098d3] {
                border-bottom: none;
                display: flex;
                justify-content: center;
            }

            .mobile-menu .nav-link.active[b-7pj0x098d3] {
                background-color: rgba(95, 206, 148, 0.1);
            }

                .mobile-menu .nav-link.active .navbar-item[b-7pj0x098d3] {
                    color: #5FCE94;
                    font-weight: 500;
                }

            .mobile-menu .nav-link:hover[b-7pj0x098d3] {
                background-color: rgba(95, 206, 148, 0.05);
            }

    .mobile-menu-container.open .nav-link[b-7pj0x098d3] {
        opacity: 1;
        transform: translateY(0);
    }

        /* Staggered Animation Delays */
        .mobile-menu-container.open .nav-link:nth-child(1)[b-7pj0x098d3] {
            transition-delay: 0.1s;
        }

        .mobile-menu-container.open .nav-link:nth-child(2)[b-7pj0x098d3] {
            transition-delay: 0.15s;
        }

        .mobile-menu-container.open .nav-link:nth-child(3)[b-7pj0x098d3] {
            transition-delay: 0.2s;
        }

        .mobile-menu-container.open .nav-link:nth-child(4)[b-7pj0x098d3] {
            transition-delay: 0.25s;
        }

        .mobile-menu-container.open .nav-link:nth-child(5)[b-7pj0x098d3] {
            transition-delay: 0.3s;
        }

        .mobile-menu-container.open .nav-link:nth-child(6)[b-7pj0x098d3] {
            transition-delay: 0.35s;
        }

        .mobile-menu-container.open .nav-link:nth-child(7)[b-7pj0x098d3] {
            transition-delay: 0.4s;
        }

    .navbar-item[b-7pj0x098d3] {
        font-size: 18px;
        font-weight: 500;
    }

    /* Back Button */
    .d-md-none .back-button[b-7pj0x098d3] {
        margin: 0 auto;
        padding: 5px 15px;
    }

    /* Body Styles */
    body.menu-open[b-7pj0x098d3] {
        overflow: hidden;
    }
}

/* Small Mobile Devices (Max width 480px) */
@media screen and (max-width: 480px) {
    .mobile-menu-container.open[b-7pj0x098d3] {
        height: 100vh;
    }

    .mobile-menu[b-7pj0x098d3] {
        padding: 15px;
    }

        .mobile-menu .nav-link[b-7pj0x098d3] {
            padding: 12px 0;
        }
}
/* _content/PDP.Web/Components/LeaveRequests/FlexInservice.razor.rz.scp.css */
.form-wrapper[b-aey3jpgut1] {
    margin-bottom: 1rem;
}

.top-button-group[b-aey3jpgut1] {
    margin-bottom: 1rem;
}
/* _content/PDP.Web/Components/LeaveRequests/GbWorkshopPointsRequest.razor.rz.scp.css */
.points-grid-table[b-48iw3xzybo] {
    width: 50% !important;
}
/* _content/PDP.Web/Components/Pages/CreateAccount.razor.rz.scp.css */
.create-account-wrapper[b-2dgz36x6uz] {
    margin-top: 2rem;
}

h1[b-2dgz36x6uz] {
    text-align: center;
    margin-bottom: 20px;
}

.error-message[b-2dgz36x6uz] {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
}

.form-group[b-2dgz36x6uz] {
    margin-bottom: 15px;
}

.create-account-button-form-group[b-2dgz36x6uz] {
    display: flex;
    justify-content: end;
    margin-right: 4rem;
}

.required[b-2dgz36x6uz] {
    color: red;
}

input[b-2dgz36x6uz], select[b-2dgz36x6uz] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.checkbox-container[b-2dgz36x6uz] {
    display: flex;
    align-items: center;
}

.checkbox-container input[b-2dgz36x6uz] {
    width: auto;
    margin-right: 10px;
}

.checkbox-container label[b-2dgz36x6uz] {
    margin-bottom: 0;
}

.password-hint[b-2dgz36x6uz] {
    font-size: 0.8em;
    color: #6c757d;
    margin-top: 5px;
}

.form-actions[b-2dgz36x6uz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

a[b-2dgz36x6uz] {
    color: #007bff;
    text-decoration: none;
}

a:hover[b-2dgz36x6uz] {
    text-decoration: underline;
}

[b-2dgz36x6uz] .validation-message {
    color: #dc3545;
    font-size: 0.8em;
    margin-top: 5px;
}

.navbar-master[b-2dgz36x6uz] {
    display: none !important;
}
/* _content/PDP.Web/Components/Pages/GoalBrowser.razor.rz.scp.css */
.goal-category[b-dwew65waet] {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 1rem;
    background-color: #f9f9f9;
}

.goal-category-title[b-dwew65waet] {
    color: #505050;
    font-weight: 600;
}

.goal-details[b-dwew65waet] {
    border-left: 3px solid #5FCE94;
    transition: all 0.3s ease;
}

.goal-details-row[b-dwew65waet] {
    background-color: #f8f9fa;
}

.global-controls[b-dwew65waet] {
    background-color: #f0f0f0;
    border-radius: 4px;
    padding: 0.75rem;
}

.plans-toggles[b-dwew65waet] {
    gap: 10px;
    display: flex;
    margin-top: 1rem;
}

.text-end[b-dwew65waet] {
    width: 30%;
}

.goal-details li[b-dwew65waet] {
    list-style-type: none;
}

/* _content/PDP.Web/Components/Pages/Login.razor.rz.scp.css */
article[b-hgtbfr1bc4] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.px-4[b-hgtbfr1bc4] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

img.emoji[b-hgtbfr1bc4] {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -.1em !important;
    background: 0 0 !important;
    padding: 0 !important
}

:root[b-hgtbfr1bc4] {
    --wp-admin-theme-color: #007cba;
    --wp-admin-theme-color-darker-10: #006ba1;
    --wp-admin-theme-color-darker-20: #005a87
}

.wp-block-button__link[b-hgtbfr1bc4] {
    color: #fff;
    background-color: #32373c;
    border: none;
    border-radius: 28px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word
}

    .wp-block-button__link:active[b-hgtbfr1bc4], .wp-block-button__link:focus[b-hgtbfr1bc4], .wp-block-button__link:hover[b-hgtbfr1bc4], .wp-block-button__link:visited[b-hgtbfr1bc4] {
        color: #fff
    }

.wp-block-column[b-hgtbfr1bc4] {
    flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word
}

@media (max-width:599px) {
    .wp-block-column[b-hgtbfr1bc4] {
        flex-basis: 100% !important
    }
}

@media (min-width:600px) and (max-width:781px) {
    .wp-block-column[b-hgtbfr1bc4] {
        flex-basis: calc(50% - 16px) !important;
        flex-grow: 0
    }

        .wp-block-column:nth-child(2n)[b-hgtbfr1bc4] {
            margin-left: 32px
        }
}

@media (min-width:782px) {
    .wp-block-column[b-hgtbfr1bc4] {
        flex-basis: 0;
        flex-grow: 1
    }

        .wp-block-column[style*=flex-basis][b-hgtbfr1bc4] {
            flex-grow: 0
        }

        .wp-block-column:not(:first-child)[b-hgtbfr1bc4] {
            margin-left: 32px
        }
}

.wp-block-cover[b-hgtbfr1bc4], .wp-block-cover-image[b-hgtbfr1bc4] {
    position: relative;
    background-size: cover;
    background-position: 50%;
    min-height: 430px;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px
}

@supports (-webkit-overflow-scrolling:touch) {
    .wp-block-cover-image.has-parallax[b-hgtbfr1bc4], .wp-block-cover.has-parallax[b-hgtbfr1bc4] {
        background-attachment: scroll
    }
}

.wp-block-cover-image[b-hgtbfr1bc4]:after, .wp-block-cover[b-hgtbfr1bc4]:after {
    display: block;
    content: "";
    font-size: 0;
    min-height: inherit
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .wp-block-cover-image[b-hgtbfr1bc4]:after, .wp-block-cover[b-hgtbfr1bc4]:after {
        content: none
    }
}

.wp-block-cover-image.is-position-top-center[b-hgtbfr1bc4], .wp-block-cover.is-position-top-center[b-hgtbfr1bc4] {
    align-items: flex-start;
    justify-content: center
}

.wp-block-cover-image.is-position-top-right[b-hgtbfr1bc4], .wp-block-cover.is-position-top-right[b-hgtbfr1bc4] {
    align-items: flex-start;
    justify-content: flex-end
}

.wp-block-cover-image.is-position-center-center[b-hgtbfr1bc4], .wp-block-cover.is-position-center-center[b-hgtbfr1bc4] {
    align-items: center;
    justify-content: center
}

.wp-block-cover-image.is-position-center-right[b-hgtbfr1bc4], .wp-block-cover.is-position-center-right[b-hgtbfr1bc4] {
    align-items: center;
    justify-content: flex-end
}

.wp-block-cover-image-text[b-hgtbfr1bc4], .wp-block-cover-text[b-hgtbfr1bc4] {
    color: #fff
}

    .wp-block-cover-image-text a[b-hgtbfr1bc4], .wp-block-cover-image-text a:active[b-hgtbfr1bc4], .wp-block-cover-image-text a:focus[b-hgtbfr1bc4], .wp-block-cover-image-text a:hover[b-hgtbfr1bc4], .wp-block-cover-text a[b-hgtbfr1bc4], .wp-block-cover-text a:active[b-hgtbfr1bc4], .wp-block-cover-text a:focus[b-hgtbfr1bc4], .wp-block-cover-text a:hover[b-hgtbfr1bc4] {
        color: #fff
    }

.wp-block-cover .wp-block-cover-text[b-hgtbfr1bc4], .wp-block-cover-image .wp-block-cover-image-text[b-hgtbfr1bc4] {
    font-size: 2em;
    line-height: 1.25;
    z-index: 1;
    margin-bottom: 0;
    max-width: 580px;
    padding: 14px;
    text-align: center
}

.wp-block[data-align=left] > [data-type^=core-embed][b-hgtbfr1bc4], .wp-block[data-align=right] > [data-type^=core-embed][b-hgtbfr1bc4] {
    max-width: 360px;
    width: 100%
}

.wp-block-embed[b-hgtbfr1bc4] {
    margin-bottom: 1em
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .blocks-gallery-grid .blocks-gallery-image figure[b-hgtbfr1bc4], .blocks-gallery-grid .blocks-gallery-item figure[b-hgtbfr1bc4], .wp-block-gallery .blocks-gallery-image figure[b-hgtbfr1bc4], .wp-block-gallery .blocks-gallery-item figure[b-hgtbfr1bc4] {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start
    }
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .blocks-gallery-grid .blocks-gallery-image img[b-hgtbfr1bc4], .blocks-gallery-grid .blocks-gallery-item img[b-hgtbfr1bc4], .wp-block-gallery .blocks-gallery-image img[b-hgtbfr1bc4], .wp-block-gallery .blocks-gallery-item img[b-hgtbfr1bc4] {
        width: auto
    }
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .blocks-gallery-grid.is-cropped .blocks-gallery-image a[b-hgtbfr1bc4], .blocks-gallery-grid.is-cropped .blocks-gallery-image img[b-hgtbfr1bc4], .blocks-gallery-grid.is-cropped .blocks-gallery-item a[b-hgtbfr1bc4], .blocks-gallery-grid.is-cropped .blocks-gallery-item img[b-hgtbfr1bc4], .wp-block-gallery.is-cropped .blocks-gallery-image a[b-hgtbfr1bc4], .wp-block-gallery.is-cropped .blocks-gallery-image img[b-hgtbfr1bc4], .wp-block-gallery.is-cropped .blocks-gallery-item a[b-hgtbfr1bc4], .wp-block-gallery.is-cropped .blocks-gallery-item img[b-hgtbfr1bc4] {
        height: 100%;
        flex: 1;
        object-fit: cover
    }
}

.wp-block-image[b-hgtbfr1bc4] {
    margin-bottom: 1em
}

    .wp-block-image img[b-hgtbfr1bc4] {
        max-width: 100%
    }

.is-style-rounded img[b-hgtbfr1bc4] {
    border-radius: 9999px
}

@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
    .is-style-circle-mask img[b-hgtbfr1bc4] {
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-mode: alpha;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        border-radius: 0
    }
}

.wp-block-media-text[b-hgtbfr1bc4] { /*!rtl:begin:ignore*/
    direction: ltr; /*!rtl:end:ignore*/
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 1fr;
    grid-template-columns: 50% 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto
}

    .wp-block-media-text .wp-block-media-text__content[b-hgtbfr1bc4], .wp-block-media-text .wp-block-media-text__media[b-hgtbfr1bc4] {
        -ms-grid-row-align: center;
        align-self: center
    }

    .wp-block-media-text .wp-block-media-text__media[b-hgtbfr1bc4] { /*!rtl:begin:ignore*/
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 1;
        grid-row: 1; /*!rtl:end:ignore*/
        margin: 0
    }

    .wp-block-media-text .wp-block-media-text__content[b-hgtbfr1bc4] {
        direction: ltr; /*!rtl:begin:ignore*/
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 1;
        grid-row: 1; /*!rtl:end:ignore*/
        padding: 0 8%;
        word-break: break-word
    }

.wp-block-media-text__media img[b-hgtbfr1bc4] {
    max-width: unset;
    width: 100%;
    vertical-align: middle
}

.is-large-text[b-hgtbfr1bc4] {
    font-size: 36px
}

.wp-block-post-author[b-hgtbfr1bc4] {
    display: flex;
    flex-wrap: wrap;
    line-height: 1.5
}

.wp-block-post-author__content[b-hgtbfr1bc4] {
    flex-grow: 1;
    flex-basis: 0
}

.wp-block-post-author__name[b-hgtbfr1bc4] {
    font-weight: 700;
    margin: 0
}

.wp-block-search[b-hgtbfr1bc4] {
    display: flex;
    flex-wrap: wrap
}

    .wp-block-search .wp-block-search__label[b-hgtbfr1bc4] {
        width: 100%
    }

    .wp-block-search .wp-block-search__input[b-hgtbfr1bc4] {
        flex-grow: 1;
        max-width: 360px
    }

    .wp-block-search .wp-block-search__button[b-hgtbfr1bc4] {
        margin-left: 10px
    }

.wp-block-table[b-hgtbfr1bc4] {
    overflow-x: auto
}

    .wp-block-table table[b-hgtbfr1bc4] {
        width: 100%
    }

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .wp-block-video [poster][b-hgtbfr1bc4] {
        object-fit: cover
    }
}

@font-face {
    font-family: slick;
    src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=);
    src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=?#iefix) format("embedded-opentype"),url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"),url(data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format("truetype"),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

html[b-hgtbfr1bc4] {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body[b-hgtbfr1bc4] {
    margin: 0 !important;
    padding: 0 !important;
}

main[b-hgtbfr1bc4] {
    display: block
}

h1[b-hgtbfr1bc4] {
    font-size: 2em;
    margin: .67em 0
}

a[b-hgtbfr1bc4] {
    background-color: transparent
}

b[b-hgtbfr1bc4] {
    font-weight: bolder
}

img[b-hgtbfr1bc4] {
    border-style: none
}

button[b-hgtbfr1bc4], input[b-hgtbfr1bc4], select[b-hgtbfr1bc4] {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button[b-hgtbfr1bc4], input[b-hgtbfr1bc4] {
    overflow: visible
}

button[b-hgtbfr1bc4], select[b-hgtbfr1bc4] {
    text-transform: none
}

[type=button][b-hgtbfr1bc4], [type=reset][b-hgtbfr1bc4], [type=submit][b-hgtbfr1bc4], button[b-hgtbfr1bc4] {
    -webkit-appearance: button
}

    [type=button][b-hgtbfr1bc4]::-moz-focus-inner, [type=reset][b-hgtbfr1bc4]::-moz-focus-inner, [type=submit][b-hgtbfr1bc4]::-moz-focus-inner, button[b-hgtbfr1bc4]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring[b-hgtbfr1bc4], [type=reset]:-moz-focusring[b-hgtbfr1bc4], [type=submit]:-moz-focusring[b-hgtbfr1bc4], button:-moz-focusring[b-hgtbfr1bc4] {
        outline: 1px dotted ButtonText
    }

[type=checkbox][b-hgtbfr1bc4], [type=radio][b-hgtbfr1bc4] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number][b-hgtbfr1bc4]::-webkit-inner-spin-button, [type=number][b-hgtbfr1bc4]::-webkit-outer-spin-button {
    height: auto
}

[type=search][b-hgtbfr1bc4] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search][b-hgtbfr1bc4]::-webkit-search-decoration {
        -webkit-appearance: none
    }

[b-hgtbfr1bc4]::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary[b-hgtbfr1bc4] {
    display: list-item
}

[hidden][b-hgtbfr1bc4], template[b-hgtbfr1bc4] {
    display: none
}

dl[b-hgtbfr1bc4], h1[b-hgtbfr1bc4], h2[b-hgtbfr1bc4], h3[b-hgtbfr1bc4], h4[b-hgtbfr1bc4], h5[b-hgtbfr1bc4], h6[b-hgtbfr1bc4], p[b-hgtbfr1bc4] {
    margin: 0
}

button[b-hgtbfr1bc4] {
    background-color: transparent;
    background-image: none
}

    button:focus[b-hgtbfr1bc4] {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color
    }

ul[b-hgtbfr1bc4] {
    margin: 0;
    padding: 0
}

ul[b-hgtbfr1bc4] {
    list-style: none
}

html[b-hgtbfr1bc4] {
    font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
    line-height: 1.5
}

*[b-hgtbfr1bc4], [b-hgtbfr1bc4]:after, [b-hgtbfr1bc4]:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 solid #c7c6c6
}

img[b-hgtbfr1bc4] {
    border-style: solid
}

input[b-hgtbfr1bc4]::-webkit-input-placeholder {
    color: #a0aec0
}

input[b-hgtbfr1bc4]::-moz-placeholder {
    color: #a0aec0
}

input[b-hgtbfr1bc4]::-ms-input-placeholder {
    color: #a0aec0
}

input[b-hgtbfr1bc4]::placeholder {
    color: #a0aec0
}

[role=button][b-hgtbfr1bc4], button[b-hgtbfr1bc4] {
    cursor: pointer
}

table[b-hgtbfr1bc4] {
    border-collapse: collapse
}

h1[b-hgtbfr1bc4], h2[b-hgtbfr1bc4], h3[b-hgtbfr1bc4], h4[b-hgtbfr1bc4], h5[b-hgtbfr1bc4], h6[b-hgtbfr1bc4] {
    font-size: inherit;
    font-weight: inherit
}

a[b-hgtbfr1bc4] {
    color: inherit;
    text-decoration: inherit
}

button[b-hgtbfr1bc4], input[b-hgtbfr1bc4], select[b-hgtbfr1bc4] {
    padding: 0;
    line-height: inherit;
    color: inherit
}

canvas[b-hgtbfr1bc4], embed[b-hgtbfr1bc4], img[b-hgtbfr1bc4], svg[b-hgtbfr1bc4] {
    display: block;
    vertical-align: middle
}

img[b-hgtbfr1bc4] {
    max-width: 100%;
    height: auto
}

.ll-bg-white[b-hgtbfr1bc4] {
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255,255,255,var(--bg-opacity)) !important
}

.ll-bg-gray-100[b-hgtbfr1bc4] {
    --bg-opacity: 1 !important;
    background-color: #eae8e9 !important;
    background-color: rgba(234,232,233,var(--bg-opacity)) !important
}

.ll-bg-gray-200[b-hgtbfr1bc4] {
    --bg-opacity: 1 !important;
    background-color: #e1e0e1 !important;
    background-color: rgba(225,224,225,var(--bg-opacity)) !important
}

.ll-bg-gray-300[b-hgtbfr1bc4] {
    --bg-opacity: 1 !important;
    background-color: #c7c6c6 !important;
    background-color: rgba(199,198,198,var(--bg-opacity)) !important
}

.ll-bg-gray-500[b-hgtbfr1bc4] {
    --bg-opacity: 1 !important;
    background-color: #444 !important;
    background-color: rgba(68,68,68,var(--bg-opacity)) !important
}

.ll-bg-primary[b-hgtbfr1bc4] {
    --bg-opacity: 1 !important;
    background-color: #01d28e !important;
    background-color: rgba(1,210,142,var(--bg-opacity)) !important
}

.ll-bg-secondary[b-hgtbfr1bc4] {
    --bg-opacity: 1 !important;
    background-color: #f5b700 !important;
    background-color: rgba(245,183,0,var(--bg-opacity)) !important
}

.ll-bg-secondary-light[b-hgtbfr1bc4] {
    --bg-opacity: 1 !important;
    background-color: #f9d466 !important;
    background-color: rgba(249,212,102,var(--bg-opacity)) !important
}

.ll-bg-third[b-hgtbfr1bc4] {
    --bg-opacity: 1 !important;
    background-color: #122539 !important;
    background-color: rgba(18,37,57,var(--bg-opacity)) !important
}

.ll-bg-third-medium[b-hgtbfr1bc4] {
    --bg-opacity: 1 !important;
    background-color: #415161 !important;
    background-color: rgba(65,81,97,var(--bg-opacity)) !important
}

.hover\:ll-bg-gray-200:hover[b-hgtbfr1bc4] {
    --bg-opacity: 1 !important;
    background-color: #e1e0e1 !important;
    background-color: rgba(225,224,225,var(--bg-opacity)) !important
}

.hover\:ll-bg-primary:hover[b-hgtbfr1bc4] {
    --bg-opacity: 1 !important;
    background-color: #01d28e !important;
    background-color: rgba(1,210,142,var(--bg-opacity)) !important
}

.hover\:ll-bg-primary-dark:hover[b-hgtbfr1bc4] {
    --bg-opacity: 1 !important;
    background-color: #11a872 !important;
    background-color: rgba(17,168,114,var(--bg-opacity)) !important
}

.ll-bg-center[b-hgtbfr1bc4] {
    background-position: 50% !important
}

.ll-bg-top[b-hgtbfr1bc4] {
    background-position: top !important
}

.ll-bg-no-repeat[b-hgtbfr1bc4] {
    background-repeat: no-repeat !important
}

.ll-bg-70[b-hgtbfr1bc4] {
    background-size: 70% !important
}

.ll-bg-cover[b-hgtbfr1bc4] {
    background-size: cover !important
}

.ll-bg-full[b-hgtbfr1bc4] {
    background-size: 100% !important
}

.ll-rounded[b-hgtbfr1bc4] {
    border-radius: .25rem !important
}

.ll-rounded-lg[b-hgtbfr1bc4] {
    border-radius: .5rem !important
}

.ll-rounded-xl[b-hgtbfr1bc4] {
    border-radius: 1rem !important
}

.ll-rounded-2xl[b-hgtbfr1bc4] {
    border-radius: 2rem !important
}

.ll-rounded-4xl[b-hgtbfr1bc4] {
    border-radius: 4rem !important
}

.ll-rounded-full[b-hgtbfr1bc4] {
    border-radius: 9999px !important
}

.ll-rounded-t-2xl[b-hgtbfr1bc4] {
    border-top-left-radius: 2rem !important;
    border-top-right-radius: 2rem !important
}

.ll-rounded-t-full[b-hgtbfr1bc4] {
    border-top-right-radius: 9999px !important
}

.ll-rounded-l-full[b-hgtbfr1bc4], .ll-rounded-t-full[b-hgtbfr1bc4] {
    border-top-left-radius: 9999px !important
}

.ll-rounded-l-full[b-hgtbfr1bc4] {
    border-bottom-left-radius: 9999px !important
}

.ll-rounded-br-4xl[b-hgtbfr1bc4] {
    border-bottom-right-radius: 4rem !important
}

.ll-block[b-hgtbfr1bc4] {
    display: block !important
}

.ll-inline-block[b-hgtbfr1bc4] {
    display: inline-block !important
}

.ll-inline[b-hgtbfr1bc4] {
    display: inline !important
}

.ll-flex[b-hgtbfr1bc4] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.ll-hidden[b-hgtbfr1bc4] {
    display: none !important
}

.ll-flex-col[b-hgtbfr1bc4] {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.ll-flex-wrap[b-hgtbfr1bc4] {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.ll-items-start[b-hgtbfr1bc4] {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.ll-items-center[b-hgtbfr1bc4] {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.ll-items-stretch[b-hgtbfr1bc4] {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.ll-justify-end[b-hgtbfr1bc4] {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.ll-justify-center[b-hgtbfr1bc4] {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.ll-flex-1[b-hgtbfr1bc4] {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 0% !important;
    flex: 1 1 0% !important
}

.ll-font-primary[b-hgtbfr1bc4] {
    font-family: moret,sans-serif !important
}

.ll-font-secondary[b-hgtbfr1bc4] {
    font-family: brandon-grotesque,sans-serif !important
}

.ll-font-third[b-hgtbfr1bc4] {
    font-family: din-condensed,sans-serif !important
}

.ll-font-light[b-hgtbfr1bc4] {
    font-weight: 300 !important
}

.ll-font-normal[b-hgtbfr1bc4] {
    font-weight: 400 !important
}

.ll-h-1[b-hgtbfr1bc4] {
    height: .25rem !important
}

.ll-h-4[b-hgtbfr1bc4] {
    height: 1rem !important
}

.ll-h-6[b-hgtbfr1bc4] {
    height: 1.5rem !important
}

.ll-h-8[b-hgtbfr1bc4] {
    height: 2rem !important
}

.ll-h-10[b-hgtbfr1bc4] {
    height: 2.5rem !important
}

.ll-h-12[b-hgtbfr1bc4] {
    height: 3rem !important
}

.ll-h-16[b-hgtbfr1bc4] {
    height: 4rem !important
}

.ll-h-20[b-hgtbfr1bc4] {
    height: 5rem !important
}

.ll-h-24[b-hgtbfr1bc4] {
    height: 6rem !important
}

.ll-h-28[b-hgtbfr1bc4] {
    height: 7rem !important
}

.ll-h-32[b-hgtbfr1bc4] {
    height: 8rem !important
}

.ll-h-36[b-hgtbfr1bc4] {
    height: 9rem !important
}

.ll-h-40[b-hgtbfr1bc4] {
    height: 10rem !important
}

.ll-h-48[b-hgtbfr1bc4] {
    height: 12rem !important
}

.ll-h-52[b-hgtbfr1bc4] {
    height: 13rem !important
}

.ll-h-64[b-hgtbfr1bc4] {
    height: 16rem !important
}

.ll-h-80[b-hgtbfr1bc4] {
    height: 20rem !important
}

.ll-h-88[b-hgtbfr1bc4] {
    height: 22rem !important
}

.ll-h-96[b-hgtbfr1bc4] {
    height: 24rem !important
}

.ll-h-120[b-hgtbfr1bc4] {
    height: 30rem !important
}

.ll-h-152[b-hgtbfr1bc4] {
    height: 38rem !important
}

.ll-h-auto[b-hgtbfr1bc4] {
    height: auto !important
}

.ll-h-full[b-hgtbfr1bc4] {
    height: 100% !important
}

.ll-h-3\/4[b-hgtbfr1bc4] {
    height: 75% !important
}

.ll-text-xxs[b-hgtbfr1bc4] {
    font-size: .65rem !important
}

.ll-text-xs[b-hgtbfr1bc4] {
    font-size: .75rem !important
}

.ll-text-sm[b-hgtbfr1bc4] {
    font-size: .875rem !important
}

.ll-text-lg[b-hgtbfr1bc4] {
    font-size: 1.5rem !important
}

.ll-text-xl[b-hgtbfr1bc4] {
    font-size: 2rem !important
}

.ll-text-2xl[b-hgtbfr1bc4] {
    font-size: 2.5rem !important
}

.ll-mx-2[b-hgtbfr1bc4] {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.ll-mx-auto[b-hgtbfr1bc4] {
    margin-left: auto !important;
    margin-right: auto !important
}

.ll--mx-4[b-hgtbfr1bc4] {
    margin-left: -1rem !important;
    margin-right: -1rem !important
}

.ll-mb-0[b-hgtbfr1bc4] {
    margin-bottom: 0 !important
}

.ll-mb-2[b-hgtbfr1bc4] {
    margin-bottom: .5rem !important
}

.ll-mb-4[b-hgtbfr1bc4] {
    margin-bottom: 1rem !important
}

.ll-mb-6[b-hgtbfr1bc4] {
    margin-bottom: 1.5rem !important
}

.ll-mb-8[b-hgtbfr1bc4] {
    margin-bottom: 2rem !important
}

.ll-mb-12[b-hgtbfr1bc4] {
    margin-bottom: 3rem !important
}

.ll-mb-24[b-hgtbfr1bc4] {
    margin-bottom: 6rem !important
}

.ll--mb-24[b-hgtbfr1bc4] {
    margin-bottom: -6rem !important
}

.ll-max-w-xs[b-hgtbfr1bc4] {
    max-width: 20rem !important
}

.ll-max-w-xl[b-hgtbfr1bc4] {
    max-width: 36rem !important
}

.ll-max-w-4xl[b-hgtbfr1bc4] {
    max-width: 56rem !important
}

.ll-max-w-full[b-hgtbfr1bc4] {
    max-width: 100% !important
}

.ll-min-h-screen[b-hgtbfr1bc4] {
    min-height: 100vh !important
}

.ll-overflow-hidden[b-hgtbfr1bc4] {
    overflow: hidden !important
}

.ll-p-1[b-hgtbfr1bc4] {
    padding: .25rem !important
}

.ll-p-2[b-hgtbfr1bc4] {
    padding: .5rem !important
}

.ll-p-4[b-hgtbfr1bc4] {
    padding: 1rem !important
}

.ll-p-12[b-hgtbfr1bc4] {
    padding: 3rem !important
}

.ll-px-0[b-hgtbfr1bc4] {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.ll-py-2[b-hgtbfr1bc4] {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.ll-px-2[b-hgtbfr1bc4] {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.ll-py-4[b-hgtbfr1bc4] {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.ll-px-4[b-hgtbfr1bc4] {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.ll-py-8[b-hgtbfr1bc4] {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.ll-px-8[b-hgtbfr1bc4] {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}

.ll-py-12[b-hgtbfr1bc4] {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.ll-px-12[b-hgtbfr1bc4] {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

.ll-py-24[b-hgtbfr1bc4] {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important
}

.ll-py-40[b-hgtbfr1bc4] {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important
}

.ll-pb-0[b-hgtbfr1bc4] {
    padding-bottom: 0 !important
}

.ll-pt-4[b-hgtbfr1bc4] {
    padding-top: 1rem !important
}

.ll-pt-8[b-hgtbfr1bc4] {
    padding-top: 2rem !important
}

.ll-pt-12[b-hgtbfr1bc4] {
    padding-top: 3rem !important
}

.ll-pb-12[b-hgtbfr1bc4] {
    padding-bottom: 3rem !important
}

.ll-pt-20[b-hgtbfr1bc4] {
    padding-top: 5rem !important
}

.ll-pt-24[b-hgtbfr1bc4] {
    padding-top: 6rem !important
}

.ll-pb-24[b-hgtbfr1bc4] {
    padding-bottom: 6rem !important
}

.ll-pt-48[b-hgtbfr1bc4] {
    padding-top: 12rem !important
}

.ll-pt-full[b-hgtbfr1bc4] {
    padding-top: 100% !important
}

.ll-fixed[b-hgtbfr1bc4] {
    position: fixed !important
}

.ll-relative[b-hgtbfr1bc4] {
    position: relative !important
}

.ll-top-0[b-hgtbfr1bc4] {
    top: 0 !important
}

.ll-right-0[b-hgtbfr1bc4] {
    right: 0 !important
}

.ll-top-4[b-hgtbfr1bc4] {
    top: 1rem !important
}

.ll-right-4[b-hgtbfr1bc4] {
    right: 1rem !important
}

.ll-top-8[b-hgtbfr1bc4] {
    top: 2rem !important
}

.ll-right-8[b-hgtbfr1bc4] {
    right: 2rem !important
}

.ll-top-12[b-hgtbfr1bc4] {
    top: 3rem !important
}

.ll-right-12[b-hgtbfr1bc4] {
    right: 3rem !important
}

.ll-right-16[b-hgtbfr1bc4] {
    right: 4rem !important
}

.ll-right-20[b-hgtbfr1bc4] {
    right: 5rem !important
}

.ll-top-24[b-hgtbfr1bc4] {
    top: 6rem !important
}

.ll-right-24[b-hgtbfr1bc4] {
    right: 6rem !important
}

.ll-right-28[b-hgtbfr1bc4] {
    right: 7rem !important
}

.ll-right-32[b-hgtbfr1bc4] {
    right: 8rem !important
}

.ll-top-44[b-hgtbfr1bc4] {
    top: 11rem !important
}

.ll-top-64[b-hgtbfr1bc4] {
    top: 16rem !important
}

.ll-top-76[b-hgtbfr1bc4] {
    top: 19rem !important
}

.ll-top-96[b-hgtbfr1bc4] {
    top: 24rem !important
}

.ll-top-120[b-hgtbfr1bc4] {
    top: 30rem !important
}

.ll-top-124[b-hgtbfr1bc4] {
    top: 31rem !important
}

.ll-top-152[b-hgtbfr1bc4] {
    top: 38rem !important
}

.ll-top-196[b-hgtbfr1bc4] {
    top: 48rem !important
}

.ll-top-204[b-hgtbfr1bc4] {
    top: 50rem !important
}

.ll-top-208[b-hgtbfr1bc4] {
    top: 51rem !important
}

.ll-top-224[b-hgtbfr1bc4] {
    top: 55rem !important
}

.ll-top-232[b-hgtbfr1bc4] {
    top: 57rem !important
}

.ll-top-264[b-hgtbfr1bc4] {
    top: 65rem !important
}

.ll-top-276[b-hgtbfr1bc4] {
    top: 68rem !important
}

.ll-top-300[b-hgtbfr1bc4] {
    top: 74rem !important
}

.ll-top-304[b-hgtbfr1bc4] {
    top: 77rem !important
}

.ll-top-332[b-hgtbfr1bc4] {
    top: 98rem !important
}

.ll-top-348[b-hgtbfr1bc4] {
    top: 110rem !important
}

.ll-top-364[b-hgtbfr1bc4] {
    top: 122rem !important
}

.ll-top-392[b-hgtbfr1bc4] {
    top: 143rem !important
}

.ll-top-396[b-hgtbfr1bc4] {
    top: 144rem !important
}

.ll-top-440[b-hgtbfr1bc4] {
    top: 177rem !important
}

.ll-top-444[b-hgtbfr1bc4] {
    top: 180rem !important
}

.ll-top-472[b-hgtbfr1bc4] {
    top: 201rem !important
}

.ll-top-480[b-hgtbfr1bc4] {
    top: 207rem !important
}

.ll-top-508[b-hgtbfr1bc4] {
    top: 228rem !important
}

.ll-top-512[b-hgtbfr1bc4] {
    top: 231rem !important
}

.ll-top-552[b-hgtbfr1bc4] {
    top: 258rem !important
}

.ll-top-588[b-hgtbfr1bc4] {
    top: 285rem !important
}

.ll-top-1\/2[b-hgtbfr1bc4] {
    top: 50% !important
}

.ll-right-1\/2[b-hgtbfr1bc4] {
    right: 50% !important
}

.ll--top-4[b-hgtbfr1bc4] {
    top: -1rem !important
}

.ll--right-4[b-hgtbfr1bc4] {
    right: -1rem !important
}

.ll--right-8[b-hgtbfr1bc4] {
    right: -2rem !important
}

.ll--top-12[b-hgtbfr1bc4] {
    top: -3rem !important
}

.ll--right-12[b-hgtbfr1bc4] {
    right: -3rem !important
}

.ll--right-16[b-hgtbfr1bc4] {
    right: -4rem !important
}

.ll--right-20[b-hgtbfr1bc4] {
    right: -5rem !important
}

.ll--top-24[b-hgtbfr1bc4] {
    top: -6rem !important
}

.ll--right-24[b-hgtbfr1bc4] {
    right: -6rem !important
}

.ll--right-28[b-hgtbfr1bc4] {
    right: -7rem !important
}

.ll--top-48[b-hgtbfr1bc4] {
    top: -12rem !important
}

.ll-shadow[b-hgtbfr1bc4] {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06) !important
}

.ll-shadow-md[b-hgtbfr1bc4] {
    -webkit-box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06) !important
}

.ll-shadow-2xl[b-hgtbfr1bc4] {
    -webkit-box-shadow: 0 25px 50px -12px rgba(0,0,0,.5) !important;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,.5) !important
}

.ll-shadow-card[b-hgtbfr1bc4] {
    -webkit-box-shadow: 0 9px 6px rgba(0,0,0,.16) !important;
    box-shadow: 0 9px 6px rgba(0,0,0,.16) !important
}

.ll-text-center[b-hgtbfr1bc4] {
    text-align: center !important
}

.ll-text-right[b-hgtbfr1bc4] {
    text-align: right !important
}

.ll-text-white[b-hgtbfr1bc4] {
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255,255,255,var(--text-opacity)) !important
}

.ll-text-gray-300[b-hgtbfr1bc4] {
    --text-opacity: 1 !important;
    color: #c7c6c6 !important;
    color: rgba(199,198,198,var(--text-opacity)) !important
}

.ll-text-gray-400[b-hgtbfr1bc4] {
    --text-opacity: 1 !important;
    color: #8f8f8f !important;
    color: rgba(143,143,143,var(--text-opacity)) !important
}

.ll-text-gray-500[b-hgtbfr1bc4] {
    --text-opacity: 1 !important;
    color: #444 !important;
    color: rgba(68,68,68,var(--text-opacity)) !important
}

.ll-text-primary[b-hgtbfr1bc4] {
    --text-opacity: 1 !important;
    color: #01d28e !important;
    color: rgba(1,210,142,var(--text-opacity)) !important
}

.ll-text-secondary[b-hgtbfr1bc4] {
    --text-opacity: 1 !important;
    color: #f5b700 !important;
    color: rgba(245,183,0,var(--text-opacity)) !important
}

.ll-text-third[b-hgtbfr1bc4] {
    --text-opacity: 1 !important;
    color: #122539 !important;
    color: rgba(18,37,57,var(--text-opacity)) !important
}

.hover\:ll-text-white:hover[b-hgtbfr1bc4] {
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255,255,255,var(--text-opacity)) !important
}

.hover\:ll-text-primary:hover[b-hgtbfr1bc4] {
    --text-opacity: 1 !important;
    color: #01d28e !important;
    color: rgba(1,210,142,var(--text-opacity)) !important
}

.hover\:ll-text-primary-dark:hover[b-hgtbfr1bc4] {
    --text-opacity: 1 !important;
    color: #11a872 !important;
    color: rgba(17,168,114,var(--text-opacity)) !important
}

.hover\:ll-text-secondary:hover[b-hgtbfr1bc4] {
    --text-opacity: 1 !important;
    color: #f5b700 !important;
    color: rgba(245,183,0,var(--text-opacity)) !important
}

.hover\:ll-text-third:hover[b-hgtbfr1bc4] {
    --text-opacity: 1 !important;
    color: #122539 !important;
    color: rgba(18,37,57,var(--text-opacity)) !important
}

.ll-uppercase[b-hgtbfr1bc4] {
    text-transform: uppercase !important
}

.ll-no-underline[b-hgtbfr1bc4] {
    text-decoration: none !important
}

.hover\:ll-underline:hover[b-hgtbfr1bc4] {
    text-decoration: underline !important
}

.ll-tracking-wide[b-hgtbfr1bc4] {
    letter-spacing: .2em !important
}

.ll-w-4[b-hgtbfr1bc4] {
    width: 1rem !important
}

.ll-w-6[b-hgtbfr1bc4] {
    width: 1.5rem !important
}

.ll-w-8[b-hgtbfr1bc4] {
    width: 2rem !important
}

.ll-w-10[b-hgtbfr1bc4] {
    width: 2.5rem !important
}

.ll-w-12[b-hgtbfr1bc4] {
    width: 3rem !important
}

.ll-w-16[b-hgtbfr1bc4] {
    width: 4rem !important
}

.ll-w-20[b-hgtbfr1bc4] {
    width: 5rem !important
}

.ll-w-24[b-hgtbfr1bc4] {
    width: 6rem !important
}

.ll-w-28[b-hgtbfr1bc4] {
    width: 7rem !important
}

.ll-w-32[b-hgtbfr1bc4] {
    width: 8rem !important
}

.ll-w-36[b-hgtbfr1bc4] {
    width: 9rem !important
}

.ll-w-40[b-hgtbfr1bc4] {
    width: 10rem !important
}

.ll-w-48[b-hgtbfr1bc4] {
    width: 12rem !important
}

.ll-w-52[b-hgtbfr1bc4] {
    width: 13rem !important
}

.ll-w-64[b-hgtbfr1bc4] {
    width: 16rem !important
}

.ll-w-80[b-hgtbfr1bc4] {
    width: 20rem !important
}

.ll-w-88[b-hgtbfr1bc4] {
    width: 22rem !important
}

.ll-w-96[b-hgtbfr1bc4] {
    width: 24rem !important
}

.ll-w-120[b-hgtbfr1bc4] {
    width: 30rem !important
}

.ll-w-full[b-hgtbfr1bc4] {
    width: 100% !important
}

.ll-w-1\/2[b-hgtbfr1bc4] {
    width: 50% !important
}

.ll-w-1\/3[b-hgtbfr1bc4] {
    width: 33.333333% !important
}

.ll-w-1\/4[b-hgtbfr1bc4] {
    width: 25% !important
}

.ll-w-3\/4[b-hgtbfr1bc4] {
    width: 75% !important
}

.ll-w-1\/5[b-hgtbfr1bc4] {
    width: 20% !important
}

.ll-w-7\/12[b-hgtbfr1bc4] {
    width: 58.333333% !important
}

.ll-transition[b-hgtbfr1bc4] {
    -webkit-transition-property: background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform !important;
    transition-property: background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform !important;
    -o-transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,-o-transform !important;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform !important;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-box-shadow,-webkit-transform,-o-transform !important
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin-b-hgtbfr1bc4 {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes ping {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    75%,to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@-o-keyframes ping {
    0% {
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    75%,to {
        -o-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes ping-b-hgtbfr1bc4 {
    0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    75%,to {
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

@-o-keyframes pulse {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

@keyframes pulse-b-hgtbfr1bc4 {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

@-webkit-keyframes bounce {
    0%,to {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
        -webkit-animation-timing-function: cubic-bezier(.8,0,1,1);
        animation-timing-function: cubic-bezier(.8,0,1,1)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }
}

@-o-keyframes bounce {
    0%,to {
        -o-transform: translateY(-25%);
        transform: translateY(-25%);
        -o-animation-timing-function: cubic-bezier(.8,0,1,1);
        animation-timing-function: cubic-bezier(.8,0,1,1)
    }

    50% {
        -o-transform: translateY(0);
        transform: translateY(0);
        -o-animation-timing-function: cubic-bezier(0,0,.2,1);
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }
}

@keyframes bounce-b-hgtbfr1bc4 {
    0%,to {
        -webkit-transform: translateY(-25%);
        -o-transform: translateY(-25%);
        transform: translateY(-25%);
        -webkit-animation-timing-function: cubic-bezier(.8,0,1,1);
        -o-animation-timing-function: cubic-bezier(.8,0,1,1);
        animation-timing-function: cubic-bezier(.8,0,1,1)
    }

    50% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
        -o-animation-timing-function: cubic-bezier(0,0,.2,1);
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }
}

.ll-transition-bg[b-hgtbfr1bc4] {
    -webkit-transition: background-color .35s !important;
    -o-transition: background-color .35s !important;
    transition: background-color .35s !important
}

.ll-transition-h[b-hgtbfr1bc4] {
    -webkit-transition: height .35s !important;
    -o-transition: height .35s !important;
    transition: height .35s !important
}

html[b-hgtbfr1bc4] {
    overflow-x: hidden
}

.ll-content a[b-hgtbfr1bc4] {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    text-decoration: underline;
    --text-opacity: 1;
    color: #01d28e;
    color: rgba(1,210,142,var(--text-opacity))
}

h1[b-hgtbfr1bc4], h2[b-hgtbfr1bc4], h3[b-hgtbfr1bc4], h4[b-hgtbfr1bc4], h5[b-hgtbfr1bc4], h6[b-hgtbfr1bc4] {
    font-weight: 700
}

.ll-body--is-front-end .ll-content[b-hgtbfr1bc4] {
    position: relative
}

.ll-body--is-front-end .ll-h1[b-hgtbfr1bc4], .ll-body--is-front-end h1[b-hgtbfr1bc4] {
    font-size: 2rem
}

.ll-body--is-front-end .ll-h2[b-hgtbfr1bc4], .ll-body--is-front-end h2[b-hgtbfr1bc4] {
    font-size: 1.5rem;
    line-height: 1.25
}

.ll-body--is-front-end .ll-h3[b-hgtbfr1bc4], .ll-body--is-front-end .ll-h4[b-hgtbfr1bc4], .ll-body--is-front-end h3[b-hgtbfr1bc4], .ll-body--is-front-end h4[b-hgtbfr1bc4] {
    font-size: 1.25rem
}

.ll-body--is-front-end .ll-h5[b-hgtbfr1bc4], .ll-body--is-front-end h5[b-hgtbfr1bc4] {
    font-size: .875rem
}

.ll-body--is-front-end .ll-h6[b-hgtbfr1bc4], .ll-body--is-front-end h6[b-hgtbfr1bc4] {
    font-size: .75rem
}

.ll-body--is-front-end .ll-h1[b-hgtbfr1bc4], .ll-body--is-front-end .ll-h2[b-hgtbfr1bc4], .ll-body--is-front-end .ll-h3[b-hgtbfr1bc4], .ll-body--is-front-end .ll-h4[b-hgtbfr1bc4], .ll-body--is-front-end .ll-h5[b-hgtbfr1bc4], .ll-body--is-front-end .ll-h6[b-hgtbfr1bc4] {
    font-weight: 400;
    font-family: moret,sans-serif
}

.ll-body--is-front-end .ll-content ul[b-hgtbfr1bc4] {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 1.5rem
}

.ll-body--is-front-end .ll-content li[b-hgtbfr1bc4] {
    margin-bottom: 1.5rem
}

.ll-body--is-front-end .ll-content[b-hgtbfr1bc4], .ll-body--is-front-end .ll-content li[b-hgtbfr1bc4], .ll-body--is-front-end .ll-content span[b-hgtbfr1bc4] {
    font-weight: 300 !important
}

    .ll-body--is-front-end .ll-content p[b-hgtbfr1bc4] {
        margin-bottom: 1rem
    }

@media (min-width:640px) {
    .ll-body--is-front-end .ll-h1[b-hgtbfr1bc4], .ll-body--is-front-end h1[b-hgtbfr1bc4] {
        font-size: 2.5rem
    }

    .ll-body--is-front-end .ll-h2[b-hgtbfr1bc4], .ll-body--is-front-end h2[b-hgtbfr1bc4] {
        font-size: 2rem
    }

    .ll-body--is-front-end .ll-h3[b-hgtbfr1bc4], .ll-body--is-front-end h3[b-hgtbfr1bc4] {
        font-size: 1.5rem
    }
}

@media (min-width:1024px) {
    .ll-body--is-front-end .ll-h1[b-hgtbfr1bc4], .ll-body--is-front-end h1[b-hgtbfr1bc4] {
        font-size: 3.25rem
    }

    .ll-body--is-front-end .ll-h2[b-hgtbfr1bc4], .ll-body--is-front-end h2[b-hgtbfr1bc4] {
        font-size: 2.5rem
    }

    .ll-body--is-front-end .ll-h3[b-hgtbfr1bc4], .ll-body--is-front-end h3[b-hgtbfr1bc4] {
        font-size: 2rem
    }

    .ll-body--is-front-end .ll-h4[b-hgtbfr1bc4], .ll-body--is-front-end h4[b-hgtbfr1bc4] {
        font-size: 1.5rem
    }

    .ll-body--is-front-end .ll-h5[b-hgtbfr1bc4], .ll-body--is-front-end h5[b-hgtbfr1bc4] {
        font-size: 1.25rem
    }

    .ll-body--is-front-end .ll-h6[b-hgtbfr1bc4], .ll-body--is-front-end h6[b-hgtbfr1bc4] {
        font-size: .875rem
    }
}

picture[b-hgtbfr1bc4] {
    display: block
}

    picture.ll-rounded-full > img[b-hgtbfr1bc4] {
        border-radius: 9999px !important
    }

.post-password-form[b-hgtbfr1bc4] {
    font-family: brandon-grotesque,sans-serif
}

    .post-password-form input[type=password][b-hgtbfr1bc4], .post-password-form input[type=text][b-hgtbfr1bc4] {
        border-width: 1px !important;
        border-style: solid !important
    }

    .post-password-form select[b-hgtbfr1bc4] {
        border-style: solid;
        border-width: 1px;
        border-radius: 0;
        background-color: transparent
    }

    .post-password-form input[type=email][b-hgtbfr1bc4], .post-password-form input[type=text][b-hgtbfr1bc4], .post-password-form select[b-hgtbfr1bc4] {
        height: 57px;
        border-radius: .25rem !important;
        -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06) !important;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06) !important
    }

    .post-password-form input[type=submit][b-hgtbfr1bc4] {
        position: relative;
        z-index: 30;
        --bg-opacity: 1;
        background-color: #01d28e;
        background-color: rgba(1,210,142,var(--bg-opacity));
        -webkit-transition: background-color .35s;
        -o-transition: background-color .35s;
        transition: background-color .35s;
        border-radius: 9999px;
        padding: 1rem 2rem;
        font-family: din-condensed,sans-serif;
        font-weight: 300;
        letter-spacing: .2em;
        --text-opacity: 1;
        color: #fff;
        color: rgba(255,255,255,var(--text-opacity));
        text-transform: uppercase;
        text-align: center;
        display: inline-block;
        -webkit-box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
        box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
        cursor: pointer
    }

        .post-password-form input[type=submit]:hover[b-hgtbfr1bc4] {
            --bg-opacity: 1;
            background-color: #11a872;
            background-color: rgba(17,168,114,var(--bg-opacity))
        }

    .post-password-form label[b-hgtbfr1bc4] {
        font-family: din-condensed,sans-serif !important;
        font-weight: 300 !important;
        text-transform: uppercase !important;
        font-size: 1.25rem !important;
        letter-spacing: .2em !important
    }

.post-password-form[b-hgtbfr1bc4] {
    padding-left: 1rem;
    padding-right: 1rem
}

    .post-password-form input[type=password][b-hgtbfr1bc4] {
        height: 56px
    }

@media (min-width:1024px) {
    input[type=submit][b-hgtbfr1bc4] {
        font-size: 1.5rem !important
    }
}

h2.is-style-primary[b-hgtbfr1bc4] {
    margin-bottom: 2rem
}

h1.is-style-primary[b-hgtbfr1bc4], h2.is-style-primary[b-hgtbfr1bc4], h3.is-style-primary[b-hgtbfr1bc4], h4.is-style-primary[b-hgtbfr1bc4], h5.is-style-primary[b-hgtbfr1bc4], h6.is-style-primary[b-hgtbfr1bc4] {
    font-family: moret,sans-serif;
    margin-bottom: 1rem
}

.wp-block-table[b-hgtbfr1bc4], p.is-style-primary[b-hgtbfr1bc4], ul.is-style-primary[b-hgtbfr1bc4] {
    font-family: brandon-grotesque,sans-serif;
    font-size: 1.25rem
}

.wp-block-table[b-hgtbfr1bc4] {
    width: 100% !important
}

.wp-block-button.is-style-primary .wp-block-button__link[b-hgtbfr1bc4] {
    position: relative;
    z-index: 20;
    -webkit-box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    --bg-opacity: 1;
    background-color: #01d28e;
    background-color: rgba(1,210,142,var(--bg-opacity));
    -webkit-transition: background-color .35s;
    -o-transition: background-color .35s;
    transition: background-color .35s;
    border-radius: 9999px;
    padding: 1rem 2rem;
    font-family: din-condensed,sans-serif;
    font-weight: 300;
    letter-spacing: .2em;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255,255,255,var(--text-opacity));
    text-transform: uppercase;
    text-align: center;
    display: inline-block
}

    .wp-block-button.is-style-primary .wp-block-button__link:hover[b-hgtbfr1bc4] {
        --bg-opacity: 1;
        background-color: #11a872;
        background-color: rgba(17,168,114,var(--bg-opacity))
    }

@media (min-width:1024px) {
    .wp-block-button.is-style-primary .wp-block-button__link[b-hgtbfr1bc4] {
        font-size: 1.5rem
    }
}

.template-pdp-toolbox h1.is-style-primary[b-hgtbfr1bc4], .template-pdp-toolbox h2.is-style-primary[b-hgtbfr1bc4], .template-pdp-toolbox h3.is-style-primary[b-hgtbfr1bc4], .template-pdp-toolbox h4.is-style-primary[b-hgtbfr1bc4], .template-pdp-toolbox h5.is-style-primary[b-hgtbfr1bc4], .template-pdp-toolbox h6.is-style-primary[b-hgtbfr1bc4], .template-pdp-toolbox p.is-style-primary[b-hgtbfr1bc4] {
    max-width: 1140px;
    padding: 0 .5rem;
    margin: 0 auto;
    position: relative;
    z-index: 43
}

@media (min-width:315px) {
    .xxs\:ll-container[b-hgtbfr1bc4] {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        max-width: 315px
    }

    @media (min-width:359px) {
        .xxs\:ll-container[b-hgtbfr1bc4] {
            max-width: 359px
        }
    }

    @media (min-width:640px) {
        .xxs\:ll-container[b-hgtbfr1bc4] {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .xxs\:ll-container[b-hgtbfr1bc4] {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .xxs\:ll-container[b-hgtbfr1bc4] {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .xxs\:ll-container[b-hgtbfr1bc4] {
            max-width: 1280px
        }
    }

    @media (min-width:1366px) {
        .xxs\:ll-container[b-hgtbfr1bc4] {
            max-width: 1366px
        }
    }

    @media (min-width:1500px) {
        .xxs\:ll-container[b-hgtbfr1bc4] {
            max-width: 1500px
        }
    }
}

@media (min-width:359px) {
    .xs\:ll-container[b-hgtbfr1bc4] {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width:315px) {
        .xs\:ll-container[b-hgtbfr1bc4] {
            max-width: 315px
        }
    }

    @media (min-width:359px) {
        .xs\:ll-container[b-hgtbfr1bc4] {
            max-width: 359px
        }
    }

    @media (min-width:640px) {
        .xs\:ll-container[b-hgtbfr1bc4] {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .xs\:ll-container[b-hgtbfr1bc4] {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .xs\:ll-container[b-hgtbfr1bc4] {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .xs\:ll-container[b-hgtbfr1bc4] {
            max-width: 1280px
        }
    }

    @media (min-width:1366px) {
        .xs\:ll-container[b-hgtbfr1bc4] {
            max-width: 1366px
        }
    }

    @media (min-width:1500px) {
        .xs\:ll-container[b-hgtbfr1bc4] {
            max-width: 1500px
        }
    }
}

@media (min-width:640px) {
    .sm\:ll-container[b-hgtbfr1bc4] {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width:315px) {
        .sm\:ll-container[b-hgtbfr1bc4] {
            max-width: 315px
        }
    }

    @media (min-width:359px) {
        .sm\:ll-container[b-hgtbfr1bc4] {
            max-width: 359px
        }
    }

    @media (min-width:640px) {
        .sm\:ll-container[b-hgtbfr1bc4] {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .sm\:ll-container[b-hgtbfr1bc4] {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .sm\:ll-container[b-hgtbfr1bc4] {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .sm\:ll-container[b-hgtbfr1bc4] {
            max-width: 1280px
        }
    }

    @media (min-width:1366px) {
        .sm\:ll-container[b-hgtbfr1bc4] {
            max-width: 1366px
        }
    }

    @media (min-width:1500px) {
        .sm\:ll-container[b-hgtbfr1bc4] {
            max-width: 1500px
        }
    }

    .sm\:ll-h-16[b-hgtbfr1bc4] {
        height: 4rem !important
    }

    .sm\:ll-mb-0[b-hgtbfr1bc4] {
        margin-bottom: 0 !important
    }

    .sm\:ll-px-8[b-hgtbfr1bc4] {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .sm\:ll-px-16[b-hgtbfr1bc4] {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .sm\:ll-text-left[b-hgtbfr1bc4] {
        text-align: left !important
    }

    .sm\:ll-w-64[b-hgtbfr1bc4] {
        width: 16rem !important
    }

    .sm\:ll-w-1\/2[b-hgtbfr1bc4] {
        width: 50% !important
    }

    .sm\:ll-w-2\/3[b-hgtbfr1bc4] {
        width: 66.666667% !important
    }
}

@media (min-width:768px) {
    .md\:ll-container[b-hgtbfr1bc4] {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width:315px) {
        .md\:ll-container[b-hgtbfr1bc4] {
            max-width: 315px
        }
    }

    @media (min-width:359px) {
        .md\:ll-container[b-hgtbfr1bc4] {
            max-width: 359px
        }
    }

    @media (min-width:640px) {
        .md\:ll-container[b-hgtbfr1bc4] {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .md\:ll-container[b-hgtbfr1bc4] {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .md\:ll-container[b-hgtbfr1bc4] {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .md\:ll-container[b-hgtbfr1bc4] {
            max-width: 1280px
        }
    }

    @media (min-width:1366px) {
        .md\:ll-container[b-hgtbfr1bc4] {
            max-width: 1366px
        }
    }

    @media (min-width:1500px) {
        .md\:ll-container[b-hgtbfr1bc4] {
            max-width: 1500px
        }
    }

    .md\:ll-bg-gray-100[b-hgtbfr1bc4] {
        --bg-opacity: 1 !important;
        background-color: #eae8e9 !important;
        background-color: rgba(234,232,233,var(--bg-opacity)) !important
    }

    .md\:ll-rounded-2xl[b-hgtbfr1bc4] {
        border-radius: 2rem !important
    }

    .md\:ll-rounded-4xl[b-hgtbfr1bc4] {
        border-radius: 4rem !important
    }

    .md\:ll-rounded-l[b-hgtbfr1bc4] {
        border-top-left-radius: .25rem !important;
        border-bottom-left-radius: .25rem !important
    }

    .md\:ll-rounded-l-full[b-hgtbfr1bc4] {
        border-top-left-radius: 9999px !important;
        border-bottom-left-radius: 9999px !important
    }

    .md\:ll-block[b-hgtbfr1bc4] {
        display: block !important
    }

    .md\:ll-inline[b-hgtbfr1bc4] {
        display: inline !important
    }

    .md\:ll-flex[b-hgtbfr1bc4] {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .md\:ll-hidden[b-hgtbfr1bc4] {
        display: none !important
    }

    .md\:ll-flex-col[b-hgtbfr1bc4] {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .md\:ll-items-center[b-hgtbfr1bc4] {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .md\:ll-justify-start[b-hgtbfr1bc4] {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .md\:ll-justify-end[b-hgtbfr1bc4] {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .md\:ll-justify-center[b-hgtbfr1bc4] {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .md\:ll-order-first[b-hgtbfr1bc4] {
        -webkit-box-ordinal-group: -9998 !important;
        -ms-flex-order: -9999 !important;
        order: -9999 !important
    }

    .md\:ll-order-last[b-hgtbfr1bc4] {
        -webkit-box-ordinal-group: 10000 !important;
        -ms-flex-order: 9999 !important;
        order: 9999 !important
    }

    .md\:ll-h-8[b-hgtbfr1bc4] {
        height: 2rem !important
    }

    .md\:ll-h-12[b-hgtbfr1bc4] {
        height: 3rem !important
    }

    .md\:ll-h-16[b-hgtbfr1bc4] {
        height: 4rem !important
    }

    .md\:ll-h-20[b-hgtbfr1bc4] {
        height: 5rem !important
    }

    .md\:ll-h-24[b-hgtbfr1bc4] {
        height: 6rem !important
    }

    .md\:ll-h-28[b-hgtbfr1bc4] {
        height: 7rem !important
    }

    .md\:ll-h-32[b-hgtbfr1bc4] {
        height: 8rem !important
    }

    .md\:ll-h-36[b-hgtbfr1bc4] {
        height: 9rem !important
    }

    .md\:ll-h-40[b-hgtbfr1bc4] {
        height: 10rem !important
    }

    .md\:ll-h-44[b-hgtbfr1bc4] {
        height: 11rem !important
    }

    .md\:ll-h-48[b-hgtbfr1bc4] {
        height: 12rem !important
    }

    .md\:ll-h-52[b-hgtbfr1bc4] {
        height: 13rem !important
    }

    .md\:ll-h-56[b-hgtbfr1bc4] {
        height: 14rem !important
    }

    .md\:ll-h-60[b-hgtbfr1bc4] {
        height: 15rem !important
    }

    .md\:ll-h-64[b-hgtbfr1bc4] {
        height: 16rem !important
    }

    .md\:ll-h-88[b-hgtbfr1bc4] {
        height: 22rem !important
    }

    .md\:ll-h-3\/4[b-hgtbfr1bc4] {
        height: 75% !important
    }

    .md\:ll-text-xs[b-hgtbfr1bc4] {
        font-size: .75rem !important
    }

    .md\:ll-text-base[b-hgtbfr1bc4] {
        font-size: 1.25rem !important
    }

    .md\:ll-text-lg[b-hgtbfr1bc4] {
        font-size: 1.5rem !important
    }

    .md\:ll-text-4xl[b-hgtbfr1bc4] {
        font-size: 4.5rem !important
    }

    .md\:ll-mx-0[b-hgtbfr1bc4] {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .md\:ll-my-4[b-hgtbfr1bc4] {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .md\:ll-mt-0[b-hgtbfr1bc4] {
        margin-top: 0 !important
    }

    .md\:ll-mb-0[b-hgtbfr1bc4] {
        margin-bottom: 0 !important
    }

    .md\:ll-mr-4[b-hgtbfr1bc4] {
        margin-right: 1rem !important
    }

    .md\:ll-mb-4[b-hgtbfr1bc4] {
        margin-bottom: 1rem !important
    }

    .md\:ll-mb-8[b-hgtbfr1bc4] {
        margin-bottom: 2rem !important
    }

    .md\:ll-mr-12[b-hgtbfr1bc4] {
        margin-right: 3rem !important
    }

    .md\:ll-mb-12[b-hgtbfr1bc4] {
        margin-bottom: 3rem !important
    }

    .md\:ll-mr-16[b-hgtbfr1bc4] {
        margin-right: 4rem !important
    }

    .md\:ll-mt-24[b-hgtbfr1bc4] {
        margin-top: 6rem !important
    }

    .md\:ll-mb-24[b-hgtbfr1bc4] {
        margin-bottom: 6rem !important
    }

    .md\:ll--mt-72[b-hgtbfr1bc4] {
        margin-top: -18rem !important
    }

    .md\:ll-max-w-2xl[b-hgtbfr1bc4] {
        max-width: 42rem !important
    }

    .md\:ll-max-w-3xl[b-hgtbfr1bc4] {
        max-width: 48rem !important
    }

    .md\:ll-opacity-100[b-hgtbfr1bc4] {
        opacity: 1 !important
    }

    .md\:ll-p-0[b-hgtbfr1bc4] {
        padding: 0 !important
    }

    .md\:ll-p-2[b-hgtbfr1bc4] {
        padding: .5rem !important
    }

    .md\:ll-p-4[b-hgtbfr1bc4] {
        padding: 1rem !important
    }

    .md\:ll-p-8[b-hgtbfr1bc4] {
        padding: 2rem !important
    }

    .md\:ll-p-12[b-hgtbfr1bc4] {
        padding: 3rem !important
    }

    .md\:ll-p-24[b-hgtbfr1bc4] {
        padding: 6rem !important
    }

    .md\:ll-py-0[b-hgtbfr1bc4] {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .md\:ll-px-4[b-hgtbfr1bc4] {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .md\:ll-px-8[b-hgtbfr1bc4] {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .md\:ll-py-12[b-hgtbfr1bc4] {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .md\:ll-px-12[b-hgtbfr1bc4] {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .md\:ll-px-16[b-hgtbfr1bc4] {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .md\:ll-py-24[b-hgtbfr1bc4] {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .md\:ll-pt-0[b-hgtbfr1bc4] {
        padding-top: 0 !important
    }

    .md\:ll-pb-0[b-hgtbfr1bc4] {
        padding-bottom: 0 !important
    }

    .md\:ll-pr-4[b-hgtbfr1bc4] {
        padding-right: 1rem !important
    }

    .md\:ll-pl-4[b-hgtbfr1bc4] {
        padding-left: 1rem !important
    }

    .md\:ll-pl-12[b-hgtbfr1bc4] {
        padding-left: 3rem !important
    }

    .md\:ll-pr-20[b-hgtbfr1bc4] {
        padding-right: 5rem !important
    }

    .md\:ll-pt-24[b-hgtbfr1bc4] {
        padding-top: 6rem !important
    }

    .md\:ll-pr-24[b-hgtbfr1bc4] {
        padding-right: 6rem !important
    }

    .md\:ll-pb-24[b-hgtbfr1bc4] {
        padding-bottom: 6rem !important
    }

    .md\:ll-pl-24[b-hgtbfr1bc4] {
        padding-left: 6rem !important
    }

    .md\:ll-pt-32[b-hgtbfr1bc4] {
        padding-top: 8rem !important
    }

    .md\:ll-pr-36[b-hgtbfr1bc4] {
        padding-right: 9rem !important
    }

    .md\:ll-pt-48[b-hgtbfr1bc4] {
        padding-top: 12rem !important
    }

    .md\:ll-pb-48[b-hgtbfr1bc4] {
        padding-bottom: 12rem !important
    }

    .md\:ll-fixed[b-hgtbfr1bc4] {
        position: fixed !important
    }

    .md\:ll-top-8[b-hgtbfr1bc4] {
        top: 2rem !important
    }

    .md\:ll-left-8[b-hgtbfr1bc4] {
        left: 2rem !important
    }

    .md\:ll-top-12[b-hgtbfr1bc4] {
        top: 3rem !important
    }

    .md\:ll-left-12[b-hgtbfr1bc4] {
        left: 3rem !important
    }

    .md\:ll-right-20[b-hgtbfr1bc4] {
        right: 5rem !important
    }

    .md\:ll-top-24[b-hgtbfr1bc4] {
        top: 6rem !important
    }

    .md\:ll-left-24[b-hgtbfr1bc4] {
        left: 6rem !important
    }

    .md\:ll-left-32[b-hgtbfr1bc4] {
        left: 8rem !important
    }

    .md\:ll-right-44[b-hgtbfr1bc4] {
        right: 11rem !important
    }

    .md\:ll-right-92[b-hgtbfr1bc4] {
        right: 23rem !important
    }

    .md\:ll-left-92[b-hgtbfr1bc4] {
        left: 23rem !important
    }

    .md\:ll--top-2[b-hgtbfr1bc4] {
        top: -.5rem !important
    }

    .md\:ll--top-12[b-hgtbfr1bc4] {
        top: -3rem !important
    }

    .md\:ll--right-16[b-hgtbfr1bc4] {
        right: -4rem !important
    }

    .md\:ll--top-24[b-hgtbfr1bc4] {
        top: -6rem !important
    }

    .md\:ll--right-28[b-hgtbfr1bc4] {
        right: -7rem !important
    }

    .md\:ll--left-28[b-hgtbfr1bc4] {
        left: -7rem !important
    }

    .md\:ll--left-44[b-hgtbfr1bc4] {
        left: -11rem !important
    }

    .md\:ll--bottom-48[b-hgtbfr1bc4] {
        bottom: -12rem !important
    }

    .md\:ll--left-80[b-hgtbfr1bc4] {
        left: -20rem !important
    }

    .md\:ll--top-88[b-hgtbfr1bc4] {
        top: -22rem !important
    }

    .md\:ll--bottom-88[b-hgtbfr1bc4] {
        bottom: -22rem !important
    }

    .md\:ll--bottom-136[b-hgtbfr1bc4] {
        bottom: -34rem !important
    }

    .md\:ll-text-left[b-hgtbfr1bc4] {
        text-align: left !important
    }

    .md\:ll-w-8[b-hgtbfr1bc4] {
        width: 2rem !important
    }

    .md\:ll-w-12[b-hgtbfr1bc4] {
        width: 3rem !important
    }

    .md\:ll-w-16[b-hgtbfr1bc4] {
        width: 4rem !important
    }

    .md\:ll-w-20[b-hgtbfr1bc4] {
        width: 5rem !important
    }

    .md\:ll-w-24[b-hgtbfr1bc4] {
        width: 6rem !important
    }

    .md\:ll-w-28[b-hgtbfr1bc4] {
        width: 7rem !important
    }

    .md\:ll-w-32[b-hgtbfr1bc4] {
        width: 8rem !important
    }

    .md\:ll-w-36[b-hgtbfr1bc4] {
        width: 9rem !important
    }

    .md\:ll-w-40[b-hgtbfr1bc4] {
        width: 10rem !important
    }

    .md\:ll-w-44[b-hgtbfr1bc4] {
        width: 11rem !important
    }

    .md\:ll-w-48[b-hgtbfr1bc4] {
        width: 12rem !important
    }

    .md\:ll-w-52[b-hgtbfr1bc4] {
        width: 13rem !important
    }

    .md\:ll-w-56[b-hgtbfr1bc4] {
        width: 14rem !important
    }

    .md\:ll-w-60[b-hgtbfr1bc4] {
        width: 15rem !important
    }

    .md\:ll-w-64[b-hgtbfr1bc4] {
        width: 16rem !important
    }

    .md\:ll-w-88[b-hgtbfr1bc4] {
        width: 22rem !important
    }

    .md\:ll-w-full[b-hgtbfr1bc4] {
        width: 100% !important
    }

    .md\:ll-w-1\/2[b-hgtbfr1bc4] {
        width: 50% !important
    }

    .md\:ll-w-1\/3[b-hgtbfr1bc4] {
        width: 33.333333% !important
    }

    .md\:ll-w-2\/3[b-hgtbfr1bc4] {
        width: 66.666667% !important
    }

    .md\:ll-w-1\/4[b-hgtbfr1bc4] {
        width: 25% !important
    }

    .md\:ll-w-3\/4[b-hgtbfr1bc4] {
        width: 75% !important
    }

    .md\:ll-w-5\/12[b-hgtbfr1bc4] {
        width: 41.666667% !important
    }

    .md\:ll-w-7\/12[b-hgtbfr1bc4] {
        width: 58.333333% !important
    }
}

@media (min-width:1024px) {
    .lg\:ll-container[b-hgtbfr1bc4] {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width:315px) {
        .lg\:ll-container[b-hgtbfr1bc4] {
            max-width: 315px
        }
    }

    @media (min-width:359px) {
        .lg\:ll-container[b-hgtbfr1bc4] {
            max-width: 359px
        }
    }

    @media (min-width:640px) {
        .lg\:ll-container[b-hgtbfr1bc4] {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .lg\:ll-container[b-hgtbfr1bc4] {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .lg\:ll-container[b-hgtbfr1bc4] {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .lg\:ll-container[b-hgtbfr1bc4] {
            max-width: 1280px
        }
    }

    @media (min-width:1366px) {
        .lg\:ll-container[b-hgtbfr1bc4] {
            max-width: 1366px
        }
    }

    @media (min-width:1500px) {
        .lg\:ll-container[b-hgtbfr1bc4] {
            max-width: 1500px
        }
    }

    .lg\:ll-rounded-4xl[b-hgtbfr1bc4] {
        border-radius: 4rem !important
    }

    .lg\:ll-rounded-r-none[b-hgtbfr1bc4] {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    .lg\:ll-block[b-hgtbfr1bc4] {
        display: block !important
    }

    .lg\:ll-justify-end[b-hgtbfr1bc4] {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .lg\:ll-justify-between[b-hgtbfr1bc4] {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .lg\:ll-h-24[b-hgtbfr1bc4] {
        height: 6rem !important
    }

    .lg\:ll-h-48[b-hgtbfr1bc4] {
        height: 12rem !important
    }

    .lg\:ll-h-52[b-hgtbfr1bc4] {
        height: 13rem !important
    }

    .lg\:ll-h-80[b-hgtbfr1bc4] {
        height: 20rem !important
    }

    .lg\:ll-h-92[b-hgtbfr1bc4] {
        height: 23rem !important
    }

    .lg\:ll-h-96[b-hgtbfr1bc4] {
        height: 24rem !important
    }

    .lg\:ll-h-124[b-hgtbfr1bc4] {
        height: 31rem !important
    }

    .lg\:ll-text-sm[b-hgtbfr1bc4] {
        font-size: .875rem !important
    }

    .lg\:ll-text-base[b-hgtbfr1bc4] {
        font-size: 1.25rem !important
    }

    .lg\:ll-text-lg[b-hgtbfr1bc4] {
        font-size: 1.5rem !important
    }

    .lg\:ll-text-xl[b-hgtbfr1bc4] {
        font-size: 2rem !important
    }

    .lg\:ll-text-2xl[b-hgtbfr1bc4] {
        font-size: 2.5rem !important
    }

    .lg\:ll-text-3xl[b-hgtbfr1bc4] {
        font-size: 3.25rem !important
    }

    .lg\:ll-text-4xl[b-hgtbfr1bc4] {
        font-size: 4.5rem !important
    }

    .lg\:ll-text-6xl[b-hgtbfr1bc4] {
        font-size: 8.5rem !important
    }

    .lg\:ll-mt-0[b-hgtbfr1bc4] {
        margin-top: 0 !important
    }

    .lg\:ll-mb-0[b-hgtbfr1bc4] {
        margin-bottom: 0 !important
    }

    .lg\:ll-mb-8[b-hgtbfr1bc4] {
        margin-bottom: 2rem !important
    }

    .lg\:ll-mr-16[b-hgtbfr1bc4] {
        margin-right: 4rem !important
    }

    .lg\:ll-mb-24[b-hgtbfr1bc4] {
        margin-bottom: 6rem !important
    }

    .lg\:ll-mb-28[b-hgtbfr1bc4] {
        margin-bottom: 7rem !important
    }

    .lg\:ll-mr-32[b-hgtbfr1bc4] {
        margin-right: 8rem !important
    }

    .lg\:ll-mt-48[b-hgtbfr1bc4] {
        margin-top: 12rem !important
    }

    .lg\:ll--mt-28[b-hgtbfr1bc4] {
        margin-top: -7rem !important
    }

    .lg\:ll--mt-48[b-hgtbfr1bc4] {
        margin-top: -12rem !important
    }

    .lg\:ll--mt-68[b-hgtbfr1bc4] {
        margin-top: -17rem !important
    }

    .lg\:ll-p-8[b-hgtbfr1bc4] {
        padding: 2rem !important
    }

    .lg\:ll-px-0[b-hgtbfr1bc4] {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .lg\:ll-py-2[b-hgtbfr1bc4] {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .lg\:ll-py-6[b-hgtbfr1bc4] {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .lg\:ll-px-12[b-hgtbfr1bc4] {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .lg\:ll-py-16[b-hgtbfr1bc4] {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .lg\:ll-px-16[b-hgtbfr1bc4] {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .lg\:ll-py-24[b-hgtbfr1bc4] {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .lg\:ll-px-24[b-hgtbfr1bc4] {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .lg\:ll-py-32[b-hgtbfr1bc4] {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .lg\:ll-px-32[b-hgtbfr1bc4] {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .lg\:ll-pt-0[b-hgtbfr1bc4] {
        padding-top: 0 !important
    }

    .lg\:ll-pl-12[b-hgtbfr1bc4] {
        padding-left: 3rem !important
    }

    .lg\:ll-pt-24[b-hgtbfr1bc4] {
        padding-top: 6rem !important
    }

    .lg\:ll-pr-24[b-hgtbfr1bc4] {
        padding-right: 6rem !important
    }

    .lg\:ll-pb-36[b-hgtbfr1bc4] {
        padding-bottom: 9rem !important
    }

    .lg\:ll-pt-44[b-hgtbfr1bc4] {
        padding-top: 11rem !important
    }

    .lg\:ll-absolute[b-hgtbfr1bc4] {
        position: absolute !important
    }

    .lg\:ll-top-0[b-hgtbfr1bc4] {
        top: 0 !important
    }

    .lg\:ll-left-0[b-hgtbfr1bc4] {
        left: 0 !important
    }

    .lg\:ll-bottom-4[b-hgtbfr1bc4] {
        bottom: 1rem !important
    }

    .lg\:ll-top-12[b-hgtbfr1bc4] {
        top: 3rem !important
    }

    .lg\:ll-right-12[b-hgtbfr1bc4] {
        right: 3rem !important
    }

    .lg\:ll-bottom-12[b-hgtbfr1bc4] {
        bottom: 3rem !important
    }

    .lg\:ll-left-12[b-hgtbfr1bc4] {
        left: 3rem !important
    }

    .lg\:ll-bottom-16[b-hgtbfr1bc4] {
        bottom: 4rem !important
    }

    .lg\:ll-top-24[b-hgtbfr1bc4] {
        top: 6rem !important
    }

    .lg\:ll-right-24[b-hgtbfr1bc4] {
        right: 6rem !important
    }

    .lg\:ll-bottom-24[b-hgtbfr1bc4] {
        bottom: 6rem !important
    }

    .lg\:ll-left-24[b-hgtbfr1bc4] {
        left: 6rem !important
    }

    .lg\:ll-right-32[b-hgtbfr1bc4] {
        right: 8rem !important
    }

    .lg\:ll-bottom-36[b-hgtbfr1bc4] {
        bottom: 9rem !important
    }

    .lg\:ll-left-36[b-hgtbfr1bc4] {
        left: 9rem !important
    }

    .lg\:ll-right-40[b-hgtbfr1bc4] {
        right: 10rem !important
    }

    .lg\:ll-right-44[b-hgtbfr1bc4] {
        right: 11rem !important
    }

    .lg\:ll-top-48[b-hgtbfr1bc4] {
        top: 12rem !important
    }

    .lg\:ll-left-48[b-hgtbfr1bc4] {
        left: 12rem !important
    }

    .lg\:ll-bottom-56[b-hgtbfr1bc4] {
        bottom: 14rem !important
    }

    .lg\:ll-right-60[b-hgtbfr1bc4] {
        right: 15rem !important
    }

    .lg\:ll-bottom-72[b-hgtbfr1bc4] {
        bottom: 18rem !important
    }

    .lg\:ll-top-76[b-hgtbfr1bc4] {
        top: 19rem !important
    }

    .lg\:ll-left-76[b-hgtbfr1bc4] {
        left: 19rem !important
    }

    .lg\:ll-right-80[b-hgtbfr1bc4] {
        right: 20rem !important
    }

    .lg\:ll-left-88[b-hgtbfr1bc4] {
        left: 22rem !important
    }

    .lg\:ll-left-96[b-hgtbfr1bc4] {
        left: 24rem !important
    }

    .lg\:ll-left-1\/2[b-hgtbfr1bc4] {
        left: 50% !important
    }

    .lg\:ll--left-4[b-hgtbfr1bc4] {
        left: -1rem !important
    }

    .lg\:ll--top-8[b-hgtbfr1bc4] {
        top: -2rem !important
    }

    .lg\:ll--right-8[b-hgtbfr1bc4] {
        right: -2rem !important
    }

    .lg\:ll--right-12[b-hgtbfr1bc4] {
        right: -3rem !important
    }

    .lg\:ll--left-12[b-hgtbfr1bc4] {
        left: -3rem !important
    }

    .lg\:ll--left-16[b-hgtbfr1bc4] {
        left: -4rem !important
    }

    .lg\:ll--top-24[b-hgtbfr1bc4] {
        top: -6rem !important
    }

    .lg\:ll--right-24[b-hgtbfr1bc4] {
        right: -6rem !important
    }

    .lg\:ll--bottom-24[b-hgtbfr1bc4] {
        bottom: -6rem !important
    }

    .lg\:ll--left-24[b-hgtbfr1bc4] {
        left: -6rem !important
    }

    .lg\:ll--right-32[b-hgtbfr1bc4] {
        right: -8rem !important
    }

    .lg\:ll--left-32[b-hgtbfr1bc4] {
        left: -8rem !important
    }

    .lg\:ll--top-52[b-hgtbfr1bc4] {
        top: -13rem !important
    }

    .lg\:ll--top-88[b-hgtbfr1bc4] {
        top: -22rem !important
    }

    .lg\:ll--bottom-104[b-hgtbfr1bc4] {
        bottom: -26rem !important
    }

    .lg\:ll--bottom-144[b-hgtbfr1bc4] {
        bottom: -36rem !important
    }

    .lg\:ll-w-24[b-hgtbfr1bc4] {
        width: 6rem !important
    }

    .lg\:ll-w-48[b-hgtbfr1bc4] {
        width: 12rem !important
    }

    .lg\:ll-w-52[b-hgtbfr1bc4] {
        width: 13rem !important
    }

    .lg\:ll-w-80[b-hgtbfr1bc4] {
        width: 20rem !important
    }

    .lg\:ll-w-92[b-hgtbfr1bc4] {
        width: 23rem !important
    }

    .lg\:ll-w-96[b-hgtbfr1bc4] {
        width: 24rem !important
    }

    .lg\:ll-w-124[b-hgtbfr1bc4] {
        width: 31rem !important
    }

    .lg\:ll-w-1\/3[b-hgtbfr1bc4] {
        width: 33.333333% !important
    }

    .lg\:ll-w-2\/3[b-hgtbfr1bc4] {
        width: 66.666667% !important
    }

    .lg\:ll-w-1\/4[b-hgtbfr1bc4] {
        width: 25% !important
    }

    .lg\:ll-w-3\/4[b-hgtbfr1bc4] {
        width: 75% !important
    }

    .lg\:ll-w-1\/5[b-hgtbfr1bc4] {
        width: 20% !important
    }

    .lg\:ll-w-4\/5[b-hgtbfr1bc4] {
        width: 80% !important
    }

    .lg\:ll-w-4\/12[b-hgtbfr1bc4] {
        width: 33.333333% !important
    }

    .lg\:ll-w-5\/12[b-hgtbfr1bc4] {
        width: 41.666667% !important
    }

    .lg\:ll-w-7\/12[b-hgtbfr1bc4] {
        width: 58.333333% !important
    }

    .lg\:ll-w-8\/12[b-hgtbfr1bc4] {
        width: 66.666667% !important
    }

    .lg\:ll-tx-0[b-hgtbfr1bc4] {
        -webkit-transform: translateX(0) !important;
        -o-transform: translateX(0) !important;
        transform: translateX(0) !important
    }

    .lg\:ll-txy-50[b-hgtbfr1bc4] {
        -webkit-transform: translate(-50%,-50%) !important;
        -o-transform: translate(-50%,-50%) !important;
        transform: translate(-50%,-50%) !important
    }
}

@media (min-width:1280px) {
    .xl\:ll-container[b-hgtbfr1bc4] {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width:315px) {
        .xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 315px
        }
    }

    @media (min-width:359px) {
        .xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 359px
        }
    }

    @media (min-width:640px) {
        .xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 1280px
        }
    }

    @media (min-width:1366px) {
        .xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 1366px
        }
    }

    @media (min-width:1500px) {
        .xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 1500px
        }
    }

    .xl\:ll-h-12[b-hgtbfr1bc4] {
        height: 3rem !important
    }

    .xl\:ll-h-16[b-hgtbfr1bc4] {
        height: 4rem !important
    }

    .xl\:ll-h-20[b-hgtbfr1bc4] {
        height: 5rem !important
    }

    .xl\:ll-h-24[b-hgtbfr1bc4] {
        height: 6rem !important
    }

    .xl\:ll-h-28[b-hgtbfr1bc4] {
        height: 7rem !important
    }

    .xl\:ll-h-32[b-hgtbfr1bc4] {
        height: 8rem !important
    }

    .xl\:ll-h-36[b-hgtbfr1bc4] {
        height: 9rem !important
    }

    .xl\:ll-h-40[b-hgtbfr1bc4] {
        height: 10rem !important
    }

    .xl\:ll-h-48[b-hgtbfr1bc4] {
        height: 12rem !important
    }

    .xl\:ll-h-52[b-hgtbfr1bc4] {
        height: 13rem !important
    }

    .xl\:ll-h-56[b-hgtbfr1bc4] {
        height: 14rem !important
    }

    .xl\:ll-h-64[b-hgtbfr1bc4] {
        height: 16rem !important
    }

    .xl\:ll-h-68[b-hgtbfr1bc4] {
        height: 17rem !important
    }

    .xl\:ll-h-72[b-hgtbfr1bc4] {
        height: 18rem !important
    }

    .xl\:ll-h-80[b-hgtbfr1bc4] {
        height: 20rem !important
    }

    .xl\:ll-h-88[b-hgtbfr1bc4] {
        height: 22rem !important
    }

    .xl\:ll-h-92[b-hgtbfr1bc4] {
        height: 23rem !important
    }

    .xl\:ll-h-96[b-hgtbfr1bc4] {
        height: 24rem !important
    }

    .xl\:ll-h-104[b-hgtbfr1bc4] {
        height: 26rem !important
    }

    .xl\:ll-h-112[b-hgtbfr1bc4] {
        height: 28rem !important
    }

    .xl\:ll-h-124[b-hgtbfr1bc4] {
        height: 31rem !important
    }

    .xl\:ll-h-132[b-hgtbfr1bc4] {
        height: 33rem !important
    }

    .xl\:ll-h-136[b-hgtbfr1bc4] {
        height: 34rem !important
    }

    .xl\:ll-h-140[b-hgtbfr1bc4] {
        height: 35rem !important
    }

    .xl\:ll-text-sm[b-hgtbfr1bc4] {
        font-size: .875rem !important
    }

    .xl\:ll-text-4xl[b-hgtbfr1bc4] {
        font-size: 4.5rem !important
    }

    .xl\:ll-my-0[b-hgtbfr1bc4] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .xl\:ll-mb-4[b-hgtbfr1bc4] {
        margin-bottom: 1rem !important
    }

    .xl\:ll-mb-12[b-hgtbfr1bc4] {
        margin-bottom: 3rem !important
    }

    .xl\:ll-mr-24[b-hgtbfr1bc4] {
        margin-right: 6rem !important
    }

    .xl\:ll-p-4[b-hgtbfr1bc4] {
        padding: 1rem !important
    }

    .xl\:ll-px-24[b-hgtbfr1bc4] {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .xl\:ll-px-48[b-hgtbfr1bc4] {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .xl\:ll-pl-16[b-hgtbfr1bc4] {
        padding-left: 4rem !important
    }

    .xl\:ll-bottom-92[b-hgtbfr1bc4] {
        bottom: 23rem !important
    }

    .xl\:ll-right-96[b-hgtbfr1bc4] {
        right: 24rem !important
    }

    .xl\:ll-right-116[b-hgtbfr1bc4] {
        right: 29rem !important
    }

    .xl\:ll--left-12[b-hgtbfr1bc4] {
        left: -3rem !important
    }

    .xl\:ll--top-16[b-hgtbfr1bc4] {
        top: -4rem !important
    }

    .xl\:ll--right-24[b-hgtbfr1bc4] {
        right: -6rem !important
    }

    .xl\:ll--left-48[b-hgtbfr1bc4] {
        left: -12rem !important
    }

    .xl\:ll-w-12[b-hgtbfr1bc4] {
        width: 3rem !important
    }

    .xl\:ll-w-16[b-hgtbfr1bc4] {
        width: 4rem !important
    }

    .xl\:ll-w-20[b-hgtbfr1bc4] {
        width: 5rem !important
    }

    .xl\:ll-w-24[b-hgtbfr1bc4] {
        width: 6rem !important
    }

    .xl\:ll-w-28[b-hgtbfr1bc4] {
        width: 7rem !important
    }

    .xl\:ll-w-32[b-hgtbfr1bc4] {
        width: 8rem !important
    }

    .xl\:ll-w-36[b-hgtbfr1bc4] {
        width: 9rem !important
    }

    .xl\:ll-w-40[b-hgtbfr1bc4] {
        width: 10rem !important
    }

    .xl\:ll-w-44[b-hgtbfr1bc4] {
        width: 11rem !important
    }

    .xl\:ll-w-48[b-hgtbfr1bc4] {
        width: 12rem !important
    }

    .xl\:ll-w-52[b-hgtbfr1bc4] {
        width: 13rem !important
    }

    .xl\:ll-w-56[b-hgtbfr1bc4] {
        width: 14rem !important
    }

    .xl\:ll-w-64[b-hgtbfr1bc4] {
        width: 16rem !important
    }

    .xl\:ll-w-68[b-hgtbfr1bc4] {
        width: 17rem !important
    }

    .xl\:ll-w-72[b-hgtbfr1bc4] {
        width: 18rem !important
    }

    .xl\:ll-w-80[b-hgtbfr1bc4] {
        width: 20rem !important
    }

    .xl\:ll-w-88[b-hgtbfr1bc4] {
        width: 22rem !important
    }

    .xl\:ll-w-92[b-hgtbfr1bc4] {
        width: 23rem !important
    }

    .xl\:ll-w-96[b-hgtbfr1bc4] {
        width: 24rem !important
    }

    .xl\:ll-w-104[b-hgtbfr1bc4] {
        width: 26rem !important
    }

    .xl\:ll-w-112[b-hgtbfr1bc4] {
        width: 28rem !important
    }

    .xl\:ll-w-124[b-hgtbfr1bc4] {
        width: 31rem !important
    }

    .xl\:ll-w-132[b-hgtbfr1bc4] {
        width: 33rem !important
    }

    .xl\:ll-w-136[b-hgtbfr1bc4] {
        width: 34rem !important
    }

    .xl\:ll-w-140[b-hgtbfr1bc4] {
        width: 35rem !important
    }

    .xl\:ll-w-5\/12[b-hgtbfr1bc4] {
        width: 41.666667% !important
    }

    .xl\:ll-w-7\/12[b-hgtbfr1bc4] {
        width: 58.333333% !important
    }

    .xl\:ll-z-20[b-hgtbfr1bc4] {
        z-index: 20 !important
    }
}

@media (min-width:1366px) {
    .\32xl\:ll-container[b-hgtbfr1bc4] {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width:315px) {
        .\32xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 315px
        }
    }

    @media (min-width:359px) {
        .\32xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 359px
        }
    }

    @media (min-width:640px) {
        .\32xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .\32xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .\32xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .\32xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 1280px
        }
    }

    @media (min-width:1366px) {
        .\32xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 1366px
        }
    }

    @media (min-width:1500px) {
        .\32xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 1500px
        }
    }

    .\32xl\:ll-h-152[b-hgtbfr1bc4] {
        height: 38rem !important
    }

    .\32xl\:ll-pt-48[b-hgtbfr1bc4] {
        padding-top: 12rem !important
    }

    .\32xl\:ll-pt-76[b-hgtbfr1bc4] {
        padding-top: 19rem !important
    }

    .\32xl\:ll-w-152[b-hgtbfr1bc4] {
        width: 38rem !important
    }
}

@media (min-width:1500px) {
    .\33xl\:ll-container[b-hgtbfr1bc4] {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width:315px) {
        .\33xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 315px
        }
    }

    @media (min-width:359px) {
        .\33xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 359px
        }
    }

    @media (min-width:640px) {
        .\33xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .\33xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .\33xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .\33xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 1280px
        }
    }

    @media (min-width:1366px) {
        .\33xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 1366px
        }
    }

    @media (min-width:1500px) {
        .\33xl\:ll-container[b-hgtbfr1bc4] {
            max-width: 1500px
        }
    }

    .\33xl\:ll-p-16[b-hgtbfr1bc4] {
        padding: 4rem !important
    }
}

@font-face {
    font-family: brandon-grotesque;
    src: url(https://use.typekit.net/af/1da05b/0000000000000000000132df/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/1da05b/0000000000000000000132df/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/1da05b/0000000000000000000132df/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: brandon-grotesque;
    src: url(https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: din-condensed;
    src: url(https://use.typekit.net/af/cfbead/0000000000000000000146b3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/cfbead/0000000000000000000146b3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/cfbead/0000000000000000000146b3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: din-condensed;
    src: url(https://use.typekit.net/af/f50d41/00000000000000003b9b2c84/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/f50d41/00000000000000003b9b2c84/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/f50d41/00000000000000003b9b2c84/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: moret;
    src: url(https://use.typekit.net/af/b0aec3/00000000000000003b9b379f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/b0aec3/00000000000000003b9b379f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/b0aec3/00000000000000003b9b379f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700
}
/* _content/PDP.Web/Components/Pages/YourAccount.razor.rz.scp.css */
.upper-section[b-xd6wo5jllg] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    max-width: 1360px;
    gap: 20px; 
}

.upper-section-wrapper[b-xd6wo5jllg] {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 2rem;
}

.spaced-component[b-xd6wo5jllg] {
    margin: 0 10px; 
}
/* _content/PDP.Web/Components/PdcMember/GoalCard.razor.rz.scp.css */
/* Original styles remain unchanged */
.goal-card[b-sjnlhue896] {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
    max-width: 55rem;
    border: 1px solid #D5D5D5;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.goal-card-header[b-sjnlhue896] {
    padding: 10px;
    background-color: #162538;
}

.input-comment-row[b-sjnlhue896] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.goal-drilled-down-details[b-sjnlhue896] {
    padding: 1rem;
}

.status-options[b-sjnlhue896] {
    display: flex;
    gap: 10px;
    margin-bottom: 5px;
}

.status-updaters[b-sjnlhue896] {
    border-bottom: 1px solid;
    padding: 1rem;
}

.goal-card-title[b-sjnlhue896] {
    font-size: 1.2rem;
    font-weight: bold;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
}

.goal-card-details[b-sjnlhue896] {
    border-bottom: 1px solid #162538;
}

.detail-row[b-sjnlhue896] {
    margin-bottom: 10px;
}

.detail-label[b-sjnlhue896] {
    font-weight: bold;
    margin-right: 5px;
}

.comment-input[b-sjnlhue896] {
    width: 60%;
    padding: 5px;
    margin-top: 5px;
}

.goal-card-activity[b-sjnlhue896] {
    padding: 1rem;
}

.submitter-div[b-sjnlhue896] {
    margin-bottom: 10px;
}

.activity-section[b-sjnlhue896] {
    margin-bottom: 1rem;
}

.activity-header[b-sjnlhue896] {
    font-weight: bold;
    margin-bottom: 10px;
}

.activity-row[b-sjnlhue896] {
    display: flex;
    background-color: #F4D577;
    padding: 5px;
    margin-bottom: 5px;
}

.activity-indicator[b-sjnlhue896] {
    margin-right: 10px;
}

.activity-label[b-sjnlhue896] {
    margin-right: 10px;
}

.activity-value[b-sjnlhue896] {
    flex-grow: 1;
}

.activity-status[b-sjnlhue896] {
    margin-right: 10px;
}

.awaiting-approval[b-sjnlhue896] {
    margin-top: 5px;
}

.approver-link[b-sjnlhue896] {
    color: blue;
    text-decoration: underline;
}

.goal-card-footer[b-sjnlhue896] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Tablet Styles (768px - 991px) */
@media (max-width: 991px) {
    /* Basic card structure */
    .goal-card[b-sjnlhue896] {
        width: 100%;
        max-width: 55rem;
    }

    /* Text adjustments */
    .goal-card-title[b-sjnlhue896] {
        font-size: 1.1rem;
    }

    /* Input fields */
    .comment-input[b-sjnlhue896] {
        width: 70%;
    }

    /* Status options */
    .status-options[b-sjnlhue896] {
        flex-wrap: wrap;
    }

    /* Space adjustments */
    .goal-drilled-down-details[b-sjnlhue896],
    .goal-card-activity[b-sjnlhue896],
    .status-updaters[b-sjnlhue896] {
        padding: 0.75rem;
    }

    /* Activity rows */
    .activity-row[b-sjnlhue896] {
        flex-wrap: wrap;
    }

    .activity-indicator[b-sjnlhue896],
    .activity-status[b-sjnlhue896] {
        margin-right: 5px;
    }
}

/* Mobile Styles (up to 767px) */
@media (max-width: 767px) {
    /* Input fields */
    .comment-input[b-sjnlhue896] {
        width: 100%;
    }

    /* Status options */
    .status-options[b-sjnlhue896] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 5px;
    }

    .status-option[b-sjnlhue896] {
        margin-bottom: 5px;
    }

        /* Improved touch targets */
        .status-option label[b-sjnlhue896] {
            padding: 8px 0;
        }

    input[type="radio"][b-sjnlhue896] {
        width: 18px;
        height: 18px;
    }

    /* Activity rows */
    .activity-row[b-sjnlhue896] {
        flex-direction: column;
        padding: 8px;
    }

    .activity-indicator[b-sjnlhue896],
    .activity-value[b-sjnlhue896],
    .activity-status[b-sjnlhue896],
    .activity-date[b-sjnlhue896] {
        margin-right: 0;
        margin-bottom: 3px;
    }

    /* Comment input row */
    .input-comment-row[b-sjnlhue896] {
        flex-direction: column;
        align-items: flex-start;
    }

        .input-comment-row .detail-label[b-sjnlhue896] {
            margin-bottom: 5px;
        }

    /* Card footer */
    .goal-card-footer[b-sjnlhue896] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    /* Submit button */
    .green-button[b-sjnlhue896] {
        width: 100%;
        padding: 10px;
        margin-top: 5px;
    }

    /* Space adjustments */
    .goal-drilled-down-details[b-sjnlhue896],
    .goal-card-activity[b-sjnlhue896],
    .status-updaters[b-sjnlhue896] {
        padding: 0.5rem;
    }
}

/* Small Mobile Styles (up to 480px) */
@media (max-width: 480px) {
    /* Status options */
    .status-options[b-sjnlhue896] {
        grid-template-columns: 1fr 1fr;
    }

    /* Further reduced spacing */
    .goal-card-header[b-sjnlhue896] {
        padding: 8px;
    }

    .goal-card-title[b-sjnlhue896] {
        font-size: 1rem;
    }

    /* Handle overflow text */
    .activity-value[b-sjnlhue896],
    .activity-status[b-sjnlhue896],
    .detail-value[b-sjnlhue896] {
        word-break: break-word;
    }

    /* Make errors and success messages more noticeable */
    .error-message[b-sjnlhue896],
    .success-message[b-sjnlhue896] {
        padding: 8px;
        margin: 5px 0;
        border-radius: 4px;
    }
}

/* Fix for potential issue with flex items */
@media (max-width: 991px) {
    .activity-value[b-sjnlhue896] {
        flex: 0 0 100%;
    }

    /* Fix for long text content */
    .detail-value[b-sjnlhue896] {
        display: inline-block;
        width: 100%;
    }
}
/* _content/PDP.Web/Components/PdcMember/PdcChairLegends.razor.rz.scp.css */
.abbreviations-container[b-9edq7eyiu1] {
    max-width: 60rem;
}

.abbreviations-grid[b-9edq7eyiu1] {
    display: flex;
    justify-content: space-between;
}

.abbreviation-column[b-9edq7eyiu1] {
    flex: 1;
}

.abbreviation-item[b-9edq7eyiu1] {
    margin-bottom: 0.3rem;
}


.info-panel[b-9edq7eyiu1] {
    border: 1px solid #000;
    margin-bottom: 1rem;
}

.panel-header[b-9edq7eyiu1] {
    background-color: #162538;
    padding: 0.5rem;
    font-weight: bold;
    color: white;
}

.panel-content[b-9edq7eyiu1] {
    padding: 0.5rem;
}
/* _content/PDP.Web/Components/PdcMember/PdcLegends.razor.rz.scp.css */
.abbreviations-container[b-n6xqxpuq33] {
    max-width: 60rem;
}

.abbreviations-grid[b-n6xqxpuq33] {
    display: flex;
    justify-content: space-between;
}

.abbreviation-column[b-n6xqxpuq33] {
    flex: 1;
}

.abbreviation-item[b-n6xqxpuq33] {
    margin-bottom: 0.3rem;
}


.info-panel[b-n6xqxpuq33] {
    border: 1px solid #000;
    margin-bottom: 1rem;
}

.panel-header[b-n6xqxpuq33] {
    background-color: #162538;
    padding: 0.5rem;
    font-weight: bold;
    color: white;
}

.panel-content[b-n6xqxpuq33] {
    padding: 0.5rem;
}
/* _content/PDP.Web/Components/PdcMember/PdcMemberMain.razor.rz.scp.css */
.pdc-approvals-wrapper[b-bed9zox0lr] {
    margin: 1.5rem;
}

.nav-tabs .nav-link[b-bed9zox0lr] {
    font-weight: 500;
    color: #495057;
}

.nav-tabs .nav-link.active[b-bed9zox0lr] {
    color: #1d4ed8;
    border-color: #1d4ed8 #1d4ed8 transparent;
}

.tab-content[b-bed9zox0lr] {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-top: none;
    border-radius: 0 0 0.5rem 0.5rem;
    min-height: 300px;
}

.tab-pane[b-bed9zox0lr] {
    padding: 1rem 0.5rem;
}

@media (max-width: 768px) {
    .pdc-approvals-wrapper[b-bed9zox0lr] {
        margin: 1rem;
    }

    .nav-tabs[b-bed9zox0lr] {
        flex-wrap: wrap;
    }

    .tab-pane[b-bed9zox0lr] {
        padding: 0.75rem 0;
    }
}
/* _content/PDP.Web/Components/PdcMember/PdcNewRequestsTab.razor.rz.scp.css */
.tab-content-outer[b-sdxl120wpl] {
    overflow: unset;
}
/* _content/PDP.Web/Components/PdcMember/PdcPointApprovalCard.razor.rz.scp.css */
.pdc-approval-card[b-23ss3r7dpy] {
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    background-color: #fff;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
}

.pdc-approval-card .card-header[b-23ss3r7dpy] {
    background-color: #f8f9fa;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #dee2e6;
}

.pdc-approval-card .card-body[b-23ss3r7dpy] {
    padding: 1.25rem;
}

.status-chip[b-23ss3r7dpy] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    background-color: #eef2ff;
    color: #1d4ed8;
    font-weight: 600;
    font-size: 0.85rem;
}

.recommendation-summary .badge[b-23ss3r7dpy] {
    font-size: 0.85rem;
}

.comment-list[b-23ss3r7dpy] {
    max-height:200px;
    overflow-y:auto;
}
/* _content/PDP.Web/Components/PdcMember/PointCard.razor.rz.scp.css */
/* Original PointCard styles preserved */
.point-card[b-g8wc1cvzqx] {
    border: 1px solid #D5D5D5;
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.point-card-header[b-g8wc1cvzqx] {
    padding: 10px;
    background-color: #162538;
}

.point-card-title[b-g8wc1cvzqx] {
    font-size: 1.2rem;
    font-weight: bold;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.activity-title[b-g8wc1cvzqx] {
    color: white;
    text-decoration: none;
}

.points-value[b-g8wc1cvzqx] {
    background-color: white;
    padding: 3px 8px;
    border-radius: 4px;
    color: #162538;
    font-weight: bold;
}

.point-card-details[b-g8wc1cvzqx] {
    border-bottom: 1px solid #162538;
}

.status-updaters[b-g8wc1cvzqx] {
    border-bottom: 1px solid;
    padding: 1rem;
}

.status-options[b-g8wc1cvzqx] {
    display: flex;
    gap: 10px;
    margin-bottom: 5px;
}

.status-option[b-g8wc1cvzqx] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.point-card-actions[b-g8wc1cvzqx] {
    margin-left: auto;
}

.point-drilled-down-details[b-g8wc1cvzqx] {
    padding: 1rem;
}

.submitter-div[b-g8wc1cvzqx] {
    margin-bottom: 10px;
}

.detail-row[b-g8wc1cvzqx] {
    margin-bottom: 10px;
}

.detail-label[b-g8wc1cvzqx] {
    font-weight: bold;
    margin-right: 5px;
}

.activity-info[b-g8wc1cvzqx] {
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
}

.category-level[b-g8wc1cvzqx] {
    display: flex;
    gap: 20px;
}

.input-comment-row[b-g8wc1cvzqx] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.comment-input[b-g8wc1cvzqx] {
    width: 60%;
    padding: 5px;
}

.point-card-activity[b-g8wc1cvzqx] {
    padding: 1rem;
}

.activity-section[b-g8wc1cvzqx] {
    margin-bottom: 1rem;
}

.activity-header[b-g8wc1cvzqx] {
    font-weight: bold;
    margin-bottom: 10px;
}

.activity-row[b-g8wc1cvzqx] {
    display: flex;
    background-color: #F4D577;
    padding: 5px;
    margin-bottom: 5px;
}

.activity-indicator[b-g8wc1cvzqx] {
    margin-right: 10px;
}

.activity-value[b-g8wc1cvzqx] {
    flex-grow: 1;
}

.activity-status[b-g8wc1cvzqx] {
    margin-right: 10px;
}

.activity-date[b-g8wc1cvzqx] {
    color: #6c757d;
    font-size: 0.9rem;
}

.awaiting-approval[b-g8wc1cvzqx] {
    margin-top: 5px;
}

.approver-link[b-g8wc1cvzqx] {
    color: blue;
    text-decoration: underline;
}

.more-link[b-g8wc1cvzqx] {
    color: blue;
    margin-left: 5px;
}

.alert[b-g8wc1cvzqx] {
    padding: 10px 15px;
    margin: 10px;
    border-radius: 4px;
}

.radio-group[b-g8wc1cvzqx] {
    display: flex;
    gap: 10px;
}

.alert-danger[b-g8wc1cvzqx] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.alert-success[b-g8wc1cvzqx] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.ml-2[b-g8wc1cvzqx] {
    margin-left: 0.5rem;
}

.mt-2[b-g8wc1cvzqx] {
    margin-top: 0.5rem;
}

.point-card-footer[b-g8wc1cvzqx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Tablet Styles (768px - 991px) */
@media (max-width: 991px) {
    /* Basic card structure */
    .point-card[b-g8wc1cvzqx] {
        width: 100%;
        max-width: 100%;
    }

    /* Text adjustments */
    .point-card-title[b-g8wc1cvzqx] {
        font-size: 1.1rem;
    }

    /* Radio group adaptations */
    .radio-group[b-g8wc1cvzqx] {
        flex-direction: column;
        gap: 5px;
    }

    .radio-row[b-g8wc1cvzqx] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 5px;
    }

    /* Input fields */
    .comment-input[b-g8wc1cvzqx] {
        width: 70%;
    }

    /* Activity info for better spacing */
    .activity-info[b-g8wc1cvzqx] {
        flex-direction: column;
        gap: 10px;
    }

    /* Category level adjustments */
    .category-level[b-g8wc1cvzqx] {
        flex-wrap: wrap;
        gap: 15px;
    }

    /* Space adjustments */
    .point-drilled-down-details[b-g8wc1cvzqx],
    .point-card-activity[b-g8wc1cvzqx],
    .status-updaters[b-g8wc1cvzqx] {
        padding: 0.75rem;
    }

    /* Activity rows */
    .activity-row[b-g8wc1cvzqx] {
        flex-wrap: wrap;
    }

    .activity-indicator[b-g8wc1cvzqx],
    .activity-status[b-g8wc1cvzqx] {
        margin-right: 5px;
    }
}

/* Mobile Styles (up to 767px) */
@media (max-width: 767px) {
    /* Input fields */
    .comment-input[b-g8wc1cvzqx] {
        width: 100%;
    }

    /* Status options */
    .radio-row[b-g8wc1cvzqx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .status-option[b-g8wc1cvzqx] {
        margin-bottom: 5px;
    }

        /* Improved touch targets */
        .status-option label[b-g8wc1cvzqx] {
            padding: 8px 0;
        }

    input[type="radio"][b-g8wc1cvzqx] {
        width: 18px;
        height: 18px;
    }

    /* Activity rows */
    .activity-row[b-g8wc1cvzqx] {
        flex-direction: column;
        padding: 8px;
    }

    .activity-indicator[b-g8wc1cvzqx],
    .activity-value[b-g8wc1cvzqx],
    .activity-status[b-g8wc1cvzqx],
    .activity-date[b-g8wc1cvzqx] {
        margin-right: 0;
        margin-bottom: 3px;
    }

    /* Comment input row */
    .input-comment-row[b-g8wc1cvzqx] {
        flex-direction: column;
        align-items: flex-start;
    }

        .input-comment-row .detail-label[b-g8wc1cvzqx] {
            margin-bottom: 5px;
        }

    /* Card footer */
    .point-card-footer[b-g8wc1cvzqx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    /* Submit button */
    .green-button[b-g8wc1cvzqx] {
        width: 100%;
        padding: 10px;
        margin-top: 5px;
    }

    /* Space adjustments */
    .point-drilled-down-details[b-g8wc1cvzqx],
    .point-card-activity[b-g8wc1cvzqx],
    .status-updaters[b-g8wc1cvzqx] {
        padding: 0.5rem;
    }

    /* Point card title needs special handling */
    .point-card-title[b-g8wc1cvzqx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .points-value[b-g8wc1cvzqx] {
        align-self: flex-end;
    }

    /* Category level becomes stacked */
    .category-level[b-g8wc1cvzqx] {
        flex-direction: column;
        gap: 5px;
    }
}

/* Small Mobile Styles (up to 480px) */
@media (max-width: 480px) {
    /* Status options */
    .radio-group[b-g8wc1cvzqx] {
        width: 100%;
    }

    /* Further reduced spacing */
    .point-card-header[b-g8wc1cvzqx] {
        padding: 8px;
    }

    .point-card-title[b-g8wc1cvzqx] {
        font-size: 1rem;
    }

    /* Handle overflow text */
    .activity-value[b-g8wc1cvzqx],
    .activity-status[b-g8wc1cvzqx],
    .detail-value[b-g8wc1cvzqx] {
        word-break: break-word;
    }

    /* Make errors and success messages more noticeable */
    .alert-danger[b-g8wc1cvzqx],
    .alert-success[b-g8wc1cvzqx] {
        padding: 8px;
        margin: 5px 0;
        border-radius: 4px;
    }

    /* Title container on very small screens */
    .point-card-title[b-g8wc1cvzqx] {
        width: 100%;
    }

    .activity-title[b-g8wc1cvzqx] {
        width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }
}

/* Fix for potential issue with flex items */
@media (max-width: 991px) {
    .activity-value[b-g8wc1cvzqx] {
        flex: 0 0 100%;
    }

    /* Fix for long text content */
    .detail-value[b-g8wc1cvzqx] {
        display: inline-block;
        width: 100%;
    }
}

/* Specific adjustments for the complex radio group structure */
@media (max-width: 575px) {
    .radio-group[b-g8wc1cvzqx] {
        width: 100%;
    }

    .radio-row[b-g8wc1cvzqx] {
        width: 100%;
        margin-bottom: 8px;
    }

    .status-option[b-g8wc1cvzqx] {
        width: 100%;
    }

        .status-option label[b-g8wc1cvzqx] {
            width: auto;
            min-width: 100px;
        }

    /* Current status section */
    .current-status-section[b-g8wc1cvzqx] {
        margin-bottom: 10px;
    }

    .current-status-header[b-g8wc1cvzqx] {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .status-value[b-g8wc1cvzqx] {
        font-weight: bold;
    }
}
/* _content/PDP.Web/Components/Resources/ResourceBox.razor.rz.scp.css */
.resource-box[b-ldy2scet0q] {
    /*    display: inline-block;*/
    background-color: #5FCE94; /* Green background */
    color: black;
    padding: 15px;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /*width: 100%;*/ /* Adjust width as needed */
    width: 239px;
    height: 88px;
    /*    height: 100%;*/
    margin-bottom: 20px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #E4E4E4;
    box-shadow: 0px -2px 10.9px 0px #00000040;
}

.resource-box:hover[b-ldy2scet0q] {
    /*background-color: #4caf50;*/ /* Darker green on hover */
    transform: scale(1.05); /* Slightly grow the box on hover */
}

.resource-box-content[b-ldy2scet0q] {
    font-family: 'Ubuntu';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
/*    display: flex;
    justify-content: center;
    align-items: center;*/
}
/* _content/PDP.Web/Components/Resources/Resources.razor.rz.scp.css */
body[b-psxjrfh3mk] {
    font-family: 'Ubuntu';
}

.tab-content[b-psxjrfh3mk] {
    width: 923px;
}

.tab-item:hover[b-psxjrfh3mk] {
    cursor: pointer;
}

.nav-tabs[b-psxjrfh3mk] {
    width: 804px;
    top: 19px;
    left: 15px;
    border-color: #5FCE94;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.nav-link.active[b-psxjrfh3mk] {
    border-top: 1px solid #5FCE94 !important; /* Top border */
    border-right: 1px solid #5FCE94 !important; /* Right border */
    border-left: 1px solid #5FCE94 !important; /* Left border */
    border-bottom: 1px solid #5FCE94 !important; /* Bottom border */
    border-radius: 4px 4px 0 0 !important; /* Rounded top corners */
}


.nav-link[b-psxjrfh3mk] {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: black;
}


.nav-link:hover[b-psxjrfh3mk] {
    color: #5FCE94;
}

.resource-grid[b-psxjrfh3mk] {
    width: 820px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); /* 3 items per row */
}

.resource-box[b-psxjrfh3mk] {
    background-color: #5FCE94; /* Green background */
    color: black;
    padding: 15px;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    width: 100%; /* Ensure it uses full width */
    max-width: 100%;
}

.resource-box:hover[b-psxjrfh3mk] {
    background-color: #4caf50; /* Darker green on hover */
    transform: scale(1.05); /* Slightly grow the box on hover */
}

.resource-box-content[b-psxjrfh3mk] {
    font-size: 18px;
    font-weight: bold;
}

.search-container[b-psxjrfh3mk] {
    position: relative;
    width: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.search-box[b-psxjrfh3mk] {
/*    width: 100%;*/
    width: 245px;
    padding: 10px 35px 10px 30px; /* Padding for text and icon */
    border: 1px solid #ccc;
    font-size: 14px;
    border-radius: 4px;
    outline: none;
}

.search-box[b-psxjrfh3mk]::placeholder {
    font-family: 'Ubuntu';
    color: #999;
}

.search-icon[b-psxjrfh3mk] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 18px;
}

.search-box:focus[b-psxjrfh3mk] {
    border-color: #5FCE94; /* Highlight the border on focus */
}




/* Mobile-friendly styling at 768px */
@media (max-width: 820px) {

    .tab-content[b-psxjrfh3mk] {
        width: 100%;
    }

    .nav-tabs[b-psxjrfh3mk] {
        width: 90%;
        padding-left: 0;
        padding-right: 0;
    }

    /* Adjust tabs for smaller screens */
    .nav-link[b-psxjrfh3mk] {
        font-size: 14px;
    }

    /* Adjust resource grid layout for smaller screens */
    .resource-grid[b-psxjrfh3mk] {
        width: auto;
        grid-template-columns: repeat(2, 1fr); /* 2 items per row on smaller screens */
    }

    /* Adjust search box for smaller screens */
    .search-container[b-psxjrfh3mk] {
        width: 100%; /* Make the search box container take full width */
        margin-top: 15px;
    }
}
/* _content/PDP.Web/Components/Shared/InfoTooltip.razor.rz.scp.css */
.info-tooltip[b-5cqp1rx95d] {
    position: relative;
    --tooltip-panel-top: calc(100% + 0.5rem);
    --tooltip-panel-bottom: auto;
    --tooltip-panel-left: 50%;
    --tooltip-panel-right: auto;
    --tooltip-transform-closed: translate(-50%, -0.25rem) scale(0.95);
    --tooltip-transform-open: translate(-50%, 0) scale(1);
}

.info-tooltip__trigger[b-5cqp1rx95d] {
    color: var(--bs-primary);
}

.info-tooltip__trigger:hover[b-5cqp1rx95d],
.info-tooltip__trigger:focus-visible[b-5cqp1rx95d] {
    color: var(--bs-primary);
}

.info-tooltip__trigger:focus-visible[b-5cqp1rx95d] {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.35);
    border-radius: 999px;
}

.info-tooltip__panel[b-5cqp1rx95d] {
    position: absolute;
    top: var(--tooltip-panel-top);
    bottom: var(--tooltip-panel-bottom);
    left: var(--tooltip-panel-left);
    right: var(--tooltip-panel-right);
    transform: var(--tooltip-transform-closed);
    background-color: #ffffff;
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    width: max-content;
    max-width:600px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, transform 0.15s ease;
    z-index: 1080;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.info-tooltip:hover .info-tooltip__panel[b-5cqp1rx95d],
.info-tooltip:focus-within .info-tooltip__panel[b-5cqp1rx95d],
.info-tooltip--open .info-tooltip__panel[b-5cqp1rx95d] {
    opacity: 1;
    visibility: visible;
    transform: var(--tooltip-transform-open);
}

.info-tooltip__panel[b-5cqp1rx95d]::before {
    content: "";
    position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    background-color: #ffffff;
    rotate: 45deg;
    box-shadow: -0.1rem -0.1rem 0.3rem rgba(0, 0, 0, 0.05);
}

.info-tooltip--placement-below .info-tooltip__panel[b-5cqp1rx95d]::before {
    top: -0.4rem;
    bottom: auto;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}

.info-tooltip--placement-above[b-5cqp1rx95d] {
    --tooltip-panel-top: auto;
    --tooltip-panel-bottom: calc(100% + 0.5rem);
    --tooltip-transform-closed: translate(-50%, 0.25rem) scale(0.95);
    --tooltip-transform-open: translate(-50%, 0) scale(1);
}

.info-tooltip--placement-above .info-tooltip__panel[b-5cqp1rx95d]::before {
    bottom: -0.4rem;
    top: auto;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    box-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.05);
}

.info-tooltip--placement-right[b-5cqp1rx95d] {
    --tooltip-panel-top: 50%;
    --tooltip-panel-left: calc(100% + 0.5rem);
    --tooltip-transform-closed: translate(-0.25rem, -50%) scale(0.95);
    --tooltip-transform-open: translate(0, -50%) scale(1);
}

.info-tooltip--placement-right .info-tooltip__panel[b-5cqp1rx95d]::before {
    left: -0.4rem;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    box-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.05);
}

.info-tooltip--placement-left[b-5cqp1rx95d] {
    --tooltip-panel-top: 50%;
    --tooltip-panel-left: auto;
    --tooltip-panel-right: calc(100% + 0.5rem);
    --tooltip-transform-closed: translate(0.25rem, -50%) scale(0.95);
    --tooltip-transform-open: translate(0, -50%) scale(1);
}

.info-tooltip--placement-left .info-tooltip__panel[b-5cqp1rx95d]::before {
    right: -0.4rem;
    left: auto;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    box-shadow: 0.1rem -0.1rem 0.3rem rgba(0, 0, 0, 0.05);
}
/* _content/PDP.Web/Components/User/ForgotPassword.razor.rz.scp.css */
/* _content/PDP.Web/Components/User/LoginButton.razor.rz.scp.css */
.custom-login-button[b-z7qjblz1ev] {
    font-size: 12px; /* Smaller font size */
    border: 2px solid #2ecc71; /* Green border color */
    background-color: #d4efdf; /* Light green background */
    color: #2ecc71; /* Green text color */
    border-radius: 4px; /* Slightly rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
    font-weight: bold; /* Bold text */
    text-transform: uppercase; /* Uppercase text */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth hover effect */
    width: 100px;
    height: 50px;
    margin-left: 10px;
    margin-right: 10px;
}

    .custom-login-button:hover[b-z7qjblz1ev] {
        background-color: #2ecc71; /* Solid green background on hover */
        color: white; /* White text on hover */
    }
/* _content/PDP.Web/Components/User/LogoutButton.razor.rz.scp.css */
.custom-logout-btn[b-zchz98v1ff] {
    font-size: 12px; /* Smaller font size */
    border: 2px solid #e63946; /* Distinct border color */
    background-color: #f8d7da; /* Light red background */
    color: #e63946; /* Red text color */
    border-radius: 4px; /* Slightly rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
    font-weight: bold; /* Bold text */
    text-transform: uppercase; /* Uppercase text */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth hover effect */
    width: 100px;
    height: 50px;
    margin-left: 10px;
    margin-right: 10px;
}

    .custom-logout-btn:hover[b-zchz98v1ff] {
        background-color: #e63946; /* Solid red background on hover */
        color: white; /* White text on hover */
    }
/* _content/PDP.Web/Components/User/NotificationBell.razor.rz.scp.css */
.notification-bell[b-x4gaok8mk1] {
    /*position: relative;*/ /* Ensures dropdown is positioned relative to the bell */
/*    display: flex;*/
/*    width: 50px;*/
/*    flex-direction: row;*/
    cursor: pointer; /* Ensures it's clickable */
}

.modal-body[b-x4gaok8mk1] {
    font-family: 'Ubuntu';
/*    width: 60%;*/
}

.modal-overlay[b-x4gaok8mk1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Dark semi-transparent overlay */
    z-index: 999; /* Place above other content */
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-dialog[b-x4gaok8mk1] {
/*    width: 60%;*/
    background-color: white;
    /*    padding: 20px;*/
    z-index: 1000; /* Ensure the modal content is above the overlay */
}


.notification-count[b-x4gaok8mk1] {
    position: absolute;
    top: -5px;
    right: -10px;
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 3px 6px;
    font-size: 12px;
    font-weight: bold;
}

.notification-dropdown[b-x4gaok8mk1] {
    background-color: white;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 100; /* Ensures it stays on top of other elements */
    position: absolute; /* Position it relative to the bell */
    top: 100%; /* Places it right below the bell */
    width: 500px; /* Adjust the width as needed */
}

.notification-item[b-x4gaok8mk1] {
    padding: 5px;
    border-bottom: 1px solid #eee;
}

.notification-item:last-child[b-x4gaok8mk1] {
    border-bottom: none;
}
/* _content/PDP.Web/Components/YourAccount/AllActivities.razor.rz.scp.css */
tbody[b-dnydbuhnwe], .table-header-row[b-dnydbuhnwe] {
    font-family: 'Ubuntu';
}

.activities-table[b-dnydbuhnwe] {
    width: 100%;
    border-collapse: collapse; 
}

.activities-table td[b-dnydbuhnwe] {
    border: 1px solid #D9D9D9;
    padding: 8px; 
}

.activities-table th[b-dnydbuhnwe] {
    padding: 8px;
}

.upcoming-activities-table-header[b-dnydbuhnwe] {
    background-color: #D9D9D9;
}

.activities-row[b-dnydbuhnwe] {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

.activities-data[b-dnydbuhnwe] {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

.status-row[b-dnydbuhnwe] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.status-dot[b-dnydbuhnwe] {
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #65E533;
    border-radius: 50%;
    margin-right: .3rem;
}

.upcoming-activities-banner-text[b-dnydbuhnwe] {
    color: white;
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    padding-left: 1rem;
}

.upcoming-activities-banner[b-dnydbuhnwe] {
    background-color: #162538;
    width: 100%;
    height: 58px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
}

.banner-content[b-dnydbuhnwe] {
    display: flex;
    justify-content: space-between;
    align-items: anchor-center;
    width: 100%;
}

/* _content/PDP.Web/Components/YourAccount/Goals.razor.rz.scp.css */
body[b-h45j01eh52] {
    font-family: 'Ubuntu';
}

.goals-outer[b-h45j01eh52] {
    width: 544px;
    height: auto;
    gap: 0px;
    border-radius: 5px;
    border: 1px;
}

.goal-item[b-h45j01eh52] {
    margin-bottom: 12px;
}

.goal-name[b-h45j01eh52] {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-decoration: none;
}

.goal-display-container[b-h45j01eh52] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.badge[b-h45j01eh52] {
    padding: 5px 10px;
    border-radius: 8px;
    margin-left: 10px;
    width: auto;
    height: auto;
    color: black;
    font-weight: 400;
}

.goal-item:hover[b-h45j01eh52] {
    transform: scale(1.05) translate3d(0, 0, 0);
    transition: transform 0.2s ease;
    transform-origin: center; 
}


.goals-footer[b-h45j01eh52] {
    margin-top: 10px;
}

.banner-content[b-h45j01eh52] {
    display: flex;
    justify-content: space-between;
    align-items: anchor-center;
    width: 100%;
}

.goals-banner[b-h45j01eh52] {
    background-color: #162538;
    width: 100%;
    height: 58px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
    padding: 0.75rem 1rem;
}

.banner-text[b-h45j01eh52] {
    color: white;
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
}


.goal-item[b-h45j01eh52] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.goals-lower-text[b-h45j01eh52] {
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    margin-top: 5px;
}

.goals-lower-text-div[b-h45j01eh52] {
    width: 348px;
    height: 32px;
}

.goals-seperator[b-h45j01eh52] {
    display: block; 
    width: 519px; 
    border-bottom: 1px solid #162538;
    height: 1px; 
    margin: 0 auto; 
}

.new-goal-button[b-h45j01eh52], .print-goals-button[b-h45j01eh52] {
    width: auto;
    height: 26px;
    padding: 4px 8px 4px 8px;
    gap: 4px;
    border-radius: 4px;
    border: 1px;
    font-family: 'Ubuntu';
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #FFFFFF
}

.banner-button-container-inner[b-h45j01eh52] {
    width: 93px;
    height: 26px;
    gap: 24px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.modal-content[b-h45j01eh52] {
    width: 900px !important;
}
/* _content/PDP.Web/Components/YourAccount/NewGoal.razor.rz.scp.css */
.save-only[b-yg9bh1hg4h] {
    margin-right: 1rem;
}

.goal-purpose-text[b-yg9bh1hg4h] {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    text-align: right;
    padding-right: .5rem;
}

.label-div[b-yg9bh1hg4h] {
    flex-shrink: 1;
    max-width: 30%; /* Adjust this value based on your layout */
}
/* _content/PDP.Web/Components/YourAccount/PrintPoints.razor.rz.scp.css */
.below-table-div[b-axh1gjv8fr] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
/* _content/PDP.Web/Components/YourAccount/UpcomingActivities.razor.rz.scp.css */


tbody[b-e01fzsha4s], .table-header-row[b-e01fzsha4s] {
    font-family: 'Ubuntu';
}

.badge[b-e01fzsha4s] {
    padding: 5px 10px;
    border-radius: 8px;
    margin-left: 10px;
    width: auto;
    height: auto;
    color: black;
    font-weight: 400;
}

.upcoming-activities-grid-container[b-e01fzsha4s] {
    max-height: 318px;
    width: 100%;
}


.upcoming-activities-table-header[b-e01fzsha4s] {
    background-color: #D9D9D9;
}

.upcoming-activities-banner[b-e01fzsha4s] {
    background-color: #162538;
    width: 100%;
    height: 58px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
}

.upcoming-activities-outer[b-e01fzsha4s] {
    width: 726px;
    height: auto;
}

.upcoming-activities-banner-text[b-e01fzsha4s] {
    color: white;
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
}

.activities-row[b-e01fzsha4s] {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

.activities-table[b-e01fzsha4s] {
    width: 100%;
    border-collapse: collapse; /* Ensures borders collapse into single lines */
}

.activities-table td[b-e01fzsha4s] {
    border: 1px solid #D9D9D9;
    padding: 8px; /* Optional padding */
}

.activities-table th[b-e01fzsha4s] {
    padding: 8px;
}

.activities-data[b-e01fzsha4s] {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

.status-dot[b-e01fzsha4s] {
    display: inline-block;
    width: 6px; /* Adjust size as needed */
    height: 6px;
    background-color: #65E533; /* Your color here */
    border-radius: 50%; /* Makes it round */
    /*margin-right: 6px;*/ /* Spacing between dot and text */
    /*    vertical-align: middle;*/
    margin-right: .3rem;
}

.status-row[b-e01fzsha4s] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.view-all-activities-button-outer[b-e01fzsha4s] {
    display: flex;
    justify-content: flex-end;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.upcoming-activities-banner[b-e01fzsha4s] {
    background-color: #162538;
    padding: 0.75rem 1rem;
    border-radius: 6px;
}

/* Example styling for the dropdown. 
   You can adapt to your needs or a prebuilt library. */
.dropdown-container[b-e01fzsha4s] {
    position: relative;
}

.dropdown-button[b-e01fzsha4s] {
    background-color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    border-radius: 4px;
}

/* Hide dropdown by default */
.dropdown-menu[b-e01fzsha4s] {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    min-width: 8rem;
    padding: 0.5rem 0;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Show dropdown on hover (simple approach) */
.dropdown-container:hover .dropdown-menu[b-e01fzsha4s] {
    display: block;
}

/* Style the links inside dropdown */
.dropdown-menu a[b-e01fzsha4s] {
    display: block;
    padding: 0.5rem 1rem;
    color: #333;
    text-decoration: none;
}

.dropdown-menu a:hover[b-e01fzsha4s] {
    background-color: #f2f2f2;
}

.banner-content[b-e01fzsha4s] {
    display: flex;
    justify-content: space-between;
    align-items: anchor-center;
    width: 100%;
}

.modal-content[b-e01fzsha4s] {
    width: 700px;
}

.modal-header[b-e01fzsha4s] {
    background-color: #162538;
    color: white;
}

.top-button-group[b-e01fzsha4s] {
    margin-bottom: 1rem;
}

.form-wrapper[b-e01fzsha4s] {
    margin-bottom: 1rem;
}

.upcoming-activities-grid-container[b-e01fzsha4s] {
    max-height: 318px;
    width: 100%;
    overflow-y: auto; /* Add scrolling */
}

.activities-table[b-e01fzsha4s] {
    width: 100%;
    border-collapse: collapse;
}

.upcoming-activities-table-header[b-e01fzsha4s] {
    background-color: #D9D9D9;
    position: sticky;
    top: 0;
    z-index: 10;
}

/* Ensures the header stays in place while scrolling */
.activities-table thead tr[b-e01fzsha4s] {
    position: sticky;
    top: 0;
    background-color: #D9D9D9;
    z-index: 10;
}

/* Optional: Improve scrollbar appearance */
.upcoming-activities-grid-container[b-e01fzsha4s]::-webkit-scrollbar {
    width: 8px;
}

.upcoming-activities-grid-container[b-e01fzsha4s]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.upcoming-activities-grid-container[b-e01fzsha4s]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.upcoming-activities-grid-container[b-e01fzsha4s]::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/* _content/PDP.Web/Components/YourPreferences/ResetPassword.razor.rz.scp.css */

.form-section[b-6rfwhbrlpq] {
    font-family: 'Ubuntu'
}

.vertical-form-outer[b-6rfwhbrlpq] {
    display: flex;
    width: 100%;
    justify-content: center;
}


.save-changes-button[b-6rfwhbrlpq] {
    background-color: #5FCE94;
    color: white;
    border: 1px solid #5FCE94;
    height: 26px;
    padding: 4px 8px 4px 8px;
    gap: 4px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.form-label[b-6rfwhbrlpq] {
    flex: 0 0 150px;
    text-align: right;
    margin-right: 10px;
}

input.form-control[b-6rfwhbrlpq] {
    width: 372px !important;
    height: 31px !important;
    gap: 0px !important;
    border-radius: 5px !important;
    border: 1px solid #BAB3B3 !important;
    box-shadow: 0px 4px 4px 0px #00000040 !important;
}

.form-header[b-6rfwhbrlpq] {
    background-color: #5FCE94; /* Green header */
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 43px;
}

.personal-information-form-container[b-6rfwhbrlpq] {
    width: 600px;
    border: 1px solid #D5D5D5;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.form-container[b-6rfwhbrlpq] {
    width: 600px;
    border: 1px solid #D5D5D5;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.text-header[b-6rfwhbrlpq] {
    text-align: left;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 16px;
    text-align: left;
    color: black;
}

.form-group[b-6rfwhbrlpq] {
    display: flex;
    flex-direction: row;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: .5rem;
    align-items: flex-end;
}

.save-changes-form-group[b-6rfwhbrlpq] {
    justify-content: flex-end;
}
/* _content/PDP.Web/Components/YourPreferences/YourPreferences.razor.rz.scp.css */
body[b-pem3a6cooi] {
    font-family: 'Ubuntu';
}

.file-input-zone[b-pem3a6cooi] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: blue;
    color: white;
    cursor: pointer;
    position: relative;
    width: 120px;
    height: 30px;
}

.file-input-zone:hover[b-pem3a6cooi] {
    background-color: lightblue;
}

.file-input-zone input[type=file][b-pem3a6cooi] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.personal-information-form-container[b-pem3a6cooi] {
    width: 600px;
    border: 1px solid #D5D5D5;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.dxbl-btn[b-pem3a6cooi] {
    background-color: #5FCE94;
}

.tab-item:hover[b-pem3a6cooi] {
    cursor: pointer;
}

.modified[b-pem3a6cooi] {
    border: 1px solid #5FCE94 !important; 
    gap: 0px !important;
    border-radius: 5px !important;
    box-shadow: 0px 4px 4px 0px #00000040 !important;
}

.faded-button[b-pem3a6cooi] {
    opacity: 0.5; 
    cursor: not-allowed; 
}

.file-upload-button-group[b-pem3a6cooi] {
    display: flex;
}

.highest-degree-div[b-pem3a6cooi]{
    padding-top: 1rem;
}

.personal-under-container[b-pem3a6cooi] {
    margin-top: 1.5rem;
}

label[b-pem3a6cooi] {
    font-weight: 400;
}

.personal-information-form-header[b-pem3a6cooi] {
    background-color: #162538;
    padding: 10px;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 43px;
}

.hidden-file-input[b-pem3a6cooi] {
    display: none;
}

.file-upload-button[b-pem3a6cooi], .select-file-button[b-pem3a6cooi] {
    background-color: #5FCE94 !important;
    height: 28px;
    width: auto;
    border-radius: 4px;
    box-shadow: 0px 0px 0px 0px #00000000;
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: .5rem;
    margin-right: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
}


.fa-upload[b-pem3a6cooi] {
    font-size: 18px;
    padding-left: .5rem;
}

.file-drop-zone[b-pem3a6cooi] {
    width: 320px;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.select-file-text[b-pem3a6cooi] {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding-left: .5rem;
    padding-right: .5rem;
}

.select-file-text-caption[b-pem3a6cooi] {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    padding-top: .5rem;
}

.personal-information-text-header[b-pem3a6cooi] {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: white;
}

.name-on-license-text[b-pem3a6cooi] {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding: 10px;
}

.vertical-form[b-pem3a6cooi] {
    display: flex;
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 15px;
    justify-content: center;
    width: 524px;
}

.vertical-form-outer[b-pem3a6cooi] {
    display: flex;
    width: 100%;
    justify-content: center;
}


.nav-tabs[b-pem3a6cooi] {
    width: 923px;
    top: 19px;
    left: 15px;
    border-color: #5FCE94;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.nav-link.active[b-pem3a6cooi] {
    border-top: 1px solid #5FCE94 !important;
    border-right: 1px solid #5FCE94 !important;
    border-left: 1px solid #5FCE94 !important; 
    border-bottom: 1px solid #5FCE94 !important;
    border-radius: 4px 4px 0 0 !important; 
}


.nav-link[b-pem3a6cooi] {
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: black;
}

.form-section[b-pem3a6cooi] {
    font-family: 'Ubuntu'
}

.form-group[b-pem3a6cooi] {
    display: flex;
    flex-direction: row;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: .5rem;
    align-items: flex-end;
}

.save-changes-form-group[b-pem3a6cooi] {
    justify-content: space-between;
}

.file-drop-zone-group[b-pem3a6cooi] {
    align-items: flex-start;
    padding-top: 1rem;
}

.select-file-text[b-pem3a6cooi] { 
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
}

.divider-group[b-pem3a6cooi] {
    padding-top: 2rem;
}

.form-label[b-pem3a6cooi] {
    flex: 0 0 150px; 
    text-align: right; 
    margin-right: 10px; 
}

.form-control:not(.modified)[b-pem3a6cooi] {
    width: 372px !important;
    height: 31px !important;
    gap: 0px !important;
    border-radius: 5px !important;
    border: 1px solid #BAB3B3 !important;
    box-shadow: 0px 4px 4px 0px #00000040 !important;
}


.change-password-button[b-pem3a6cooi] {
    background-color: #5FCE94;
    color:white;
    border: 1px solid #5FCE94;
    width: 114px;
    height: 26px;
    padding: 4px 8px 4px 8px;
    gap: 4px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.save-changes-button[b-pem3a6cooi] {
    background-color: #5FCE94;
    color: white;
    border: 1px solid #5FCE94;
    width: 80px;
    height: 26px;
    padding: 4px 8px 4px 8px;
    gap: 4px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.fa-arrow-up-from-bracket[b-pem3a6cooi] {
    color: grey;
    font-size: 40px;
}

.pdc-options-form-outer[b-pem3a6cooi] {
    display: flex;
    width: 100%;
    justify-content: center;
}

.username-form-group[b-pem3a6cooi], .educator-id-form-group[b-pem3a6cooi], .daily-digest-form-group[b-pem3a6cooi], .leave-options-form-group[b-pem3a6cooi] {
    padding-top: 1rem;
}

input[type="checkbox"][b-pem3a6cooi] {
    width: 20px;
    height: 20px;
    gap: 0px;
    border-radius: 5px !important;
    border: 1px solid #BAB3B3;
    box-shadow: 0px 4px 4px 0px #00000040;
    color: #FFFFFF;
    position: relative;
}


.checkbox-aligner[b-pem3a6cooi] {
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.checkbox-right-aligner[b-pem3a6cooi] {
    padding-left: .5rem;
}

.fa-arrow-up-from-bracket[b-pem3a6cooi] {
    color: #d3d3d3;
}

.nav-link:hover[b-pem3a6cooi] {
    color: #5FCE94;
}

.grid-form[b-pem3a6cooi] {
    display: grid;
    grid-template-columns: auto 1fr; 
    gap: 1rem; 
    align-items: center; 
    justify-items: start; 
}

.grid-form-group[b-pem3a6cooi] {
    display: contents; 
}

.grid-form-label[b-pem3a6cooi] {
    grid-column: 1;
    display: flex;
    justify-content: flex-end;
    line-height: 1; 
    margin: 0; 
    width: 100%;
    height: 100%;
    align-items: flex-start;
}

.grid-form-checkbox[b-pem3a6cooi] {
    grid-column: 2; 
    display: flex;
    align-items: center; 
}

.checkbox-left-aligner[b-pem3a6cooi] {
    margin-right: 0.5rem;
}

.grid-label[b-pem3a6cooi] {
    line-height: 1;
}

.leave-options-form-section[b-pem3a6cooi] {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}


.more-padding[b-pem3a6cooi] {
    padding-left: 1rem;
}

.grid-button-container[b-pem3a6cooi] {
    width: 90%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}


@media (max-width: 820px) {
    .personal-information-form-container[b-pem3a6cooi] {
        width: 100%;
    }

    .file-upload-button[b-pem3a6cooi] {
        height: 36px; 
        justify-content: center;
    }

    .file-drop-zone[b-pem3a6cooi] {
        width: 100%;
    }

    .select-file-text[b-pem3a6cooi],
    .select-file-text-caption[b-pem3a6cooi] {
        font-size: 12px; 
        padding: 0 1rem;
    }

    .vertical-form[b-pem3a6cooi] {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .nav-tabs[b-pem3a6cooi] {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .nav-link[b-pem3a6cooi] {
        font-size: 14px;
    }

    .form-group[b-pem3a6cooi] {
        display: block;
    }

    .form-label[b-pem3a6cooi] {
        flex: 0 0 100%; 
        text-align: left; 
        margin-right: 0; 
    }

    .custom-form-control[b-pem3a6cooi] {
        width: 100% !important; 
    }

    .change-password-button[b-pem3a6cooi] {
        width: 130px;
        height: 36px;
        font-size: 14px;
    }

    .username-form-group[b-pem3a6cooi], .educator-id-form-group[b-pem3a6cooi], .daily-digest-form-group[b-pem3a6cooi], .leave-options-form-group[b-pem3a6cooi] {
        padding-top: 1rem;
    }

    .file-drop-zone-group[b-pem3a6cooi] {
        padding-top: 1rem;
    }

    .grid-form[b-pem3a6cooi] {
        grid-template-columns: 1fr; 
        gap: 0.5rem;
    }

    .grid-form-label[b-pem3a6cooi] {
        grid-column: 1;
        text-align: left; 
        padding: 0.5rem 0; 
        justify-content: flex-start;
    }

    .grid-form-checkbox[b-pem3a6cooi] {
        grid-column: 1;
        padding-left: 1rem; 
    }

    .more-padding[b-pem3a6cooi] {
        padding-left: 0.5rem; 
    }

    .name-on-license-text[b-pem3a6cooi] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .checkbox-aligner[b-pem3a6cooi] {
        justify-content: flex-start;
    }


    .degree-status-form-label[b-pem3a6cooi] {
        padding-right: 2rem;
    }


}