/* /Pages/BackOffice/MisIntegration/EmailNameCaptureModal.razor.rz.scp.css */
.email-name-capture-modal #email-name-capture-validation-alert[b-2aam4au1ur] {
    margin-bottom: 0.5rem;
}

.email-name-capture-modal .email-name-capture-email[b-2aam4au1ur] {
    font-size: 0.9375rem;
    color: #6c757d;
    margin-bottom: 1rem;
}

.email-name-capture-modal .email-name-capture-label[b-2aam4au1ur] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #495057;
    margin-bottom: 0.35rem;
}

.email-name-capture-modal .submit-cancel[b-2aam4au1ur] {
    display: flex;
    gap: 0.5rem;
}

.email-name-capture-modal .submit-cancel-right[b-2aam4au1ur] {
    justify-content: flex-end;
}
/* /Pages/BackOffice/MisIntegration/ManageSyncUsersModal.razor.rz.scp.css */
.manage-sync-users-modal .manage-sync-users-section-title[b-s75cofhki9] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #25313c;
    margin-bottom: 0.25rem;
}

.manage-sync-users-modal .manage-sync-users-section-subtitle[b-s75cofhki9] {
    color: #6c757d;
    font-size: 0.9375rem;
    margin-bottom: 1.25rem;
}

.manage-sync-users-modal .manage-sync-users-label[b-s75cofhki9] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #495057;
    margin-bottom: 0.35rem;
}

.manage-sync-users-modal .manage-sync-users-form .form-group[b-s75cofhki9] {
    margin-bottom: 1rem;
    overflow: visible;
}

/* Existing sync users list */
.manage-sync-users-modal .manage-sync-users-existing[b-s75cofhki9] {
    margin-bottom: 1.25rem;
}

.manage-sync-users-modal .manage-sync-users-existing-list[b-s75cofhki9] {
    border: 1px solid #e8e8e8;
    border-radius: 0.25rem;
    background: #f8f9fa;
    padding: 0.5rem 0;
    max-height: 10rem;
    overflow-y: auto;
}

.manage-sync-users-modal .manage-sync-users-existing-item[b-s75cofhki9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.4rem 0.75rem;
}

.manage-sync-users-modal .manage-sync-users-existing-item + .manage-sync-users-existing-item[b-s75cofhki9] {
    border-top: 1px solid #e8e8e8;
}

.manage-sync-users-modal .manage-sync-users-existing-name[b-s75cofhki9] {
    font-size: 0.9375rem;
    color: #25313c;
    font-weight: 500;
    min-width: 8rem;
}

.manage-sync-users-modal .manage-sync-users-existing-email[b-s75cofhki9] {
    font-size: 0.8125rem;
    color: #6c757d;
}

/* Remove/restore buttons - match SyncUserPicker tag-remove style */
.manage-sync-users-modal .manage-sync-users-existing-remove[b-s75cofhki9] {
    margin-left: auto;
    padding: 0 0.2rem;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    color: #6c757d;
}

.manage-sync-users-modal .manage-sync-users-existing-remove:hover[b-s75cofhki9] {
    color: #25313c;
}

/* Footer */
.manage-sync-users-modal .submit-cancel[b-s75cofhki9] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.manage-sync-users-modal .submit-cancel-right[b-s75cofhki9] {
    justify-content: flex-end;
}
/* /Pages/BackOffice/MisIntegration/MisIntegration.razor.rz.scp.css */
/* Page header */
.mis-integration-header-row[b-qzrieph266] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.25rem;
}

.mis-integration-page .mis-integration-header[b-qzrieph266] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #25313c;
    margin: 0;
}

.mis-integration-page .mis-integration-subtitle[b-qzrieph266] {
    font-size: 0.9rem;
    color: #6c757d;
    margin-bottom: 1.5rem;
}

/* Warning banner - light yellow background, subtle border, icon + text */
.mis-integration-warning-banner[b-qzrieph266] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    background-color: #fff3cd;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
}

.mis-integration-warning-icon[b-qzrieph266] {
    flex-shrink: 0;
    line-height: 1;
}

.mis-integration-warning-icon svg[b-qzrieph266] {
    display: block;
}

.mis-integration-warning-text[b-qzrieph266] {
    color: #343a40;
    font-size: 1rem;
    line-height: 1.5;
}

/* Toggle row - label left (same width as dropdown label), switch aligned with dropdown */
.mis-integration-toggle-row[b-qzrieph266] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.mis-integration-toggle-label[b-qzrieph266] {
    flex-shrink: 0;
    font-weight: 400;
    color: #343a40;
    margin-bottom: 0;
    min-width: 120px;
}

.mis-integration-switch .form-check-input[b-qzrieph266] {
    margin-left: 0;
}

/* Integration Type row - label left, dropdown right */
.mis-integration-dropdown-row[b-qzrieph266] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.mis-integration-dropdown-label[b-qzrieph266] {
    flex-shrink: 0;
    font-weight: 400;
    color: #343a40;
    margin-bottom: 0;
    min-width: 120px;
}

/* Dropdown - rounded corners, light teal/blue-green border */
.mis-integration-select[b-qzrieph266] {
    flex: 1;
    max-width: 280px;
    border-radius: 6px;
    border: 1px solid #20c997;
}

.mis-integration-select:disabled[b-qzrieph266] {
    border-color: #ced4da;
    background-color: #e9ecef;
}

/* Centre Cancel and Save at bottom */
.misIntegrationSettingsContainer .submit-cancel[b-qzrieph266] {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

/* Initialized stage: progress bar + buttons */
.mis-integration-status-row[b-qzrieph266] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.mis-integration-progress-track[b-qzrieph266] {
    flex: 1;
    display: flex;
    gap: 3px;
    height: 14px;
    border-radius: 8px;
    overflow: hidden;
}

.mis-integration-progress-segment[b-qzrieph266] {
    flex: 1;
    background-color: #d8dde2;
    transition: background-color 0.3s ease;
}

.mis-integration-progress-track .mis-integration-progress-segment:first-child[b-qzrieph266] {
    border-radius: 8px 0 0 8px;
}

.mis-integration-progress-track .mis-integration-progress-segment:last-child[b-qzrieph266] {
    border-radius: 0 8px 8px 0;
}

.mis-integration-progress-inprogress.active[b-qzrieph266] {
    background-color: #5cb85c;
}

.mis-integration-progress-awaitingextraction.active[b-qzrieph266] {
    background-color: #4a7fd4;
}

.mis-integration-progress-complete.active[b-qzrieph266] {
    background-color: #3a6bbf;
}

.mis-integration-manage-connection-btn[b-qzrieph266] {
    flex-shrink: 0;
    font-size: 0.875rem;
    padding: 0.4rem 1rem;
    border-radius: 5px;
    white-space: nowrap;
}

/* Connection details card */
.mis-connection-details-card[b-qzrieph266] {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 1.5rem 2rem;
    margin-bottom: 1.25rem;
}

.mis-connection-details-title[b-qzrieph266] {
    font-size: 1rem;
    font-weight: 700;
    color: #25313c;
    margin-bottom: 1rem;
}

.mis-connection-details-row[b-qzrieph266] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0.5rem;
    gap: 1rem;
}

.mis-connection-details-row:nth-child(even)[b-qzrieph266] {
    background-color: #f7f8f9;
}

.mis-connection-details-row-last[b-qzrieph266] {
    border-bottom: none;
}

.mis-connection-details-label[b-qzrieph266] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #25313c;
    flex-shrink: 0;
    min-width: 12rem;
}

.mis-connection-details-value[b-qzrieph266] {
    font-size: 0.9rem;
    font-weight: 400;
    color: #495057;
    text-align: right;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Status badge */
.mis-connection-status-badge[b-qzrieph266] {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.4;
}

.mis-status-active[b-qzrieph266] {
    background-color: #d4f0dc;
    color: #1a6632;
}

.mis-status-inactive[b-qzrieph266] {
    background-color: #e9ecef;
    color: #6c757d;
}

.mis-status-inprogress[b-qzrieph266] {
    background-color: #fff3cd;
    color: #856404;
}

.mis-status-failed[b-qzrieph266] {
    background-color: #f8d7da;
    color: #842029;
}

.mis-integration-close-iris-sync-btn[b-qzrieph266] {
    flex-shrink: 0;
    font-size: 0.875rem;
    padding: 0.4rem 1rem;
    border-radius: 5px;
}

/* /Pages/BackOffice/MisIntegration/MisIntegrationSetupModal.razor.rz.scp.css */
/* Stage indicator - 01 School Details (active), 02 Sync Owners, 03 Sync Summary */
.mis-integration-setup-modal .mis-setup-stages[b-qfrm7rftej] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e8e8e8;
    justify-content: space-between;
}

.mis-integration-setup-modal .mis-setup-stage[b-qfrm7rftej] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.mis-integration-setup-modal .mis-setup-stage.active .mis-setup-stage-num[b-qfrm7rftej],
.mis-integration-setup-modal .mis-setup-stage.active .mis-setup-stage-label[b-qfrm7rftej] {
    color: #25313c;
    font-weight: 600;
}

.mis-integration-setup-modal .mis-setup-stage.inactive .mis-setup-stage-num[b-qfrm7rftej],
.mis-integration-setup-modal .mis-setup-stage.inactive .mis-setup-stage-label[b-qfrm7rftej] {
    color: #adb5bd;
}

.mis-integration-setup-modal .mis-setup-stage.completed .mis-setup-stage-num[b-qfrm7rftej] {
    border-color: #28a745;
    background: #28a745;
    color: #fff;
    font-size: 0;
}

.mis-integration-setup-modal .mis-setup-stage.completed .mis-setup-stage-num[b-qfrm7rftej]::after {
    content: "✓";
    font-size: 0.875rem;
}

.mis-integration-setup-modal .mis-setup-stage.completed .mis-setup-stage-label[b-qfrm7rftej] {
    color: #6c757d;
}

.mis-integration-setup-modal .mis-setup-stage-num[b-qfrm7rftej] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    border: 1px solid currentColor;
    font-size: 0.875rem;
}

.mis-integration-setup-modal .mis-setup-stage-chevron[b-qfrm7rftej] {
    color: #adb5bd;
    font-size: 1.25rem;
    margin: 0 0.25rem;
}

/* Section title and subtitle */
.mis-integration-setup-modal .mis-setup-section-title[b-qfrm7rftej] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #25313c;
    margin-bottom: 0.25rem;
}

.mis-integration-setup-modal .mis-setup-section-subtitle[b-qfrm7rftej] {
    color: #6c757d;
    font-size: 0.9375rem;
    margin-bottom: 1.25rem;
}

/* Form labels above inputs */
.mis-integration-setup-modal .mis-setup-label[b-qfrm7rftej] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #495057;
    margin-bottom: 0.35rem;
}

.mis-integration-setup-modal .mis-setup-form .form-group[b-qfrm7rftej] {
    margin-bottom: 1rem;
}

.mis-integration-setup-modal .mis-setup-address .form-control[b-qfrm7rftej] {
    width: 100%;
}

.mis-integration-setup-modal .mis-setup-hint[b-qfrm7rftej] {
    font-size: 0.8125rem;
    color: #6c757d;
    margin-top: 0.35rem;
    margin-bottom: 0;
}

.mis-integration-setup-modal .mis-setup-confirm-icon[b-qfrm7rftej] {
    margin-right: 0.35rem;
}

.mis-integration-setup-modal .submit-cancel[b-qfrm7rftej] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.mis-integration-setup-modal .submit-cancel-right[b-qfrm7rftej] {
    justify-content: flex-end;
}

/* Sync Summary success screen */
.mis-integration-setup-modal .mis-setup-summary-section[b-qfrm7rftej] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.5rem 1rem 0.5rem;
}

.mis-integration-setup-modal .mis-setup-summary-icon[b-qfrm7rftej] {
    margin-bottom: 1.25rem;
}

.mis-integration-setup-modal .mis-setup-summary-title[b-qfrm7rftej] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #25313c;
    margin-bottom: 1rem;
}

.mis-integration-setup-modal .mis-setup-summary-body[b-qfrm7rftej] {
    color: #495057;
    font-size: 0.9375rem;
    margin-bottom: 0.75rem;
    max-width: 38rem;
}

.mis-integration-setup-modal .mis-setup-please-wait[b-qfrm7rftej] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    gap: 1.25rem;
}

.mis-integration-setup-modal .mis-setup-spinner[b-qfrm7rftej] {
    width: 3rem;
    height: 3rem;
    color: #007bff;
}

.mis-integration-setup-modal .mis-setup-please-wait-text[b-qfrm7rftej] {
    font-size: 1.1rem;
    color: #495057;
    margin: 0;
}
/* /Pages/BackOffice/Roles/RoleAssignModal.razor.rz.scp.css */
#instruction-text[b-dbxigfa3cs] {
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
    padding: 10px;
}

.table-container[b-dbxigfa3cs] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    border-radius: 4px;
    border: 1px solid #E9EAEB;
    width: 100%;
    height: 325px;
    overflow: hidden;
}
.header-row[b-dbxigfa3cs] {
    width: 100%;
    height: 55px;
    display: flex;
    align-items: center;
    background: #F7F8FA;
    box-shadow: 0px 1px 0px 0px #E9EAEB;
    padding: 13px;
}
.header-title[b-dbxigfa3cs] {
    display: flex;
    width: 80%;
    justify-content: flex-start;
    align-items: center;
    width: 80%;

    color: #24303B;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.checkbox-container[b-dbxigfa3cs] {
    display: flex;
    width: 20%;
    padding: 14px 14px;
    justify-content: center;
    align-items: center;
}
.search-row[b-dbxigfa3cs] {
    display: flex;
    width: 100%;
    align-items: center;
    height: 56px;
    background: #FFF;
    box-shadow: 0px 1px 0px 0px #E9EAEB;
    padding: 20px;
}
.user-row[b-dbxigfa3cs] {
    width: 100%;
    display: flex;
    align-items: center;
    box-shadow: 0px 1px 0px 0px #E9EAEB;
    padding: 13px;
}
.even[b-dbxigfa3cs] {
    background: #F7F8FA;
}
.name-text[b-dbxigfa3cs] {
    display: flex;
    color: #24303B;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    justify-content: flex-start;
    width: 80%;
}
.scrollable-list[b-dbxigfa3cs] {
    height: 100%;
    width: 100%;
    overflow-y: auto;
}
.select-checkbox[b-dbxigfa3cs] {
    height: 20px;
    width: 20px;
}
.empty-state[b-dbxigfa3cs] {
    padding: 15px;
}
/* /Pages/BackOffice/Roles/Roles.razor.rz.scp.css */
.role-section[b-3m1tro9817] {
    display: flex;
    width: 100%;
    margin-bottom: 24px;
    flex-direction: column;
    border-radius: 4px;
    border: 1px solid var(--grey-10-e-9-eaeb, #E9EAEB);
    background: #FFF;
}

.role-section-title[b-3m1tro9817] {
    display: flex;
    height: 45px;
    width: 100%;
    padding-left: 20px;
    align-items: center;
    background: var(--Iris_Primary, #24303b);
    border-radius: 5px 5px 0px 0px;
}

.role-section-title-text[b-3m1tro9817] {
    color: #FFF;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 35%;
    float: left;
}

.role-table[b-3m1tro9817] {
    border-radius: 4px;
    border: 1px solid #D3D6D8;
    padding: 15px;
    width: 100%;
}

.role-table-header[b-3m1tro9817] {
    flex: 1;
    height: 45px;
    padding: 8px 153px 16px 12px;
    align-items: center;
    background: var(--Iris_Primary, #24303b);
    color: #FFFFFF;    
}
.role-table-cell[b-3m1tro9817] {
    flex: 1;
    background: #FFF;
    box-shadow: 0px 1px 0px 0px #E9EAEB;
    padding: 8px 153px 16px 12px;
    align-items: center;
    background: #FFF;
    box-shadow: 0px 1px 0px 0px #E9EAEB;
    color: #24303B;
    font-weight: 400;
}
.odd[b-3m1tro9817] {
    background: #F7F8FA !important;
}

.role-table-row[b-3m1tro9817] {
    display: flex;
    flex-wrap: wrap;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21px */
}

.role-name[b-3m1tro9817] {
    min-width: 20%;
}
.role-description[b-3m1tro9817] {
    min-width: 25%;
}
.role-assigned[b-3m1tro9817] {
    min-width: 17%;
}
.role-active[b-3m1tro9817] {
    min-width: 8%;
}
.role-actions[b-3m1tro9817] {
    min-width: 26%;
}
.role-table-cell.role-name[b-3m1tro9817] {
    padding-top: 18px;
}
.role-table-cell.role-description[b-3m1tro9817] {
    padding-top: 18px;
}
.role-table-cell.role-assigned[b-3m1tro9817] {
    padding-top: 18px;
}

#custom-role-message[b-3m1tro9817] {
    padding: 26px 8px 32px 32px;
    justify-content: flex-end;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #D3D6D8;
    background: #F7F8FA;
    width: 95%;
    margin: 20px auto;
}
#copied-role-message[b-3m1tro9817] {
    padding: 26px 8px 32px 32px;
    justify-content: flex-end;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #D3D6D8;
    background: #F7F8FA;
    width: 95%;
    margin: 20px auto;
}

#edit-role-container[b-3m1tro9817] {
    width: 100%;
    flex-shrink: 0;
    border-radius: 6px;
    border: 1px solid var(--grey-10-e-9-eaeb, #E9EAEB);
    background: var(--grey-5-f-7-f-8-fa, #F7F8FA);
    margin-bottom: 20px;
}
#edit-container[b-3m1tro9817] {
    display: flex;
    padding: 20px;
    gap: 20px;
}
#role-name-container[b-3m1tro9817] {
    flex: 1;
    min-width: 150px;
}
#role-name-label[b-3m1tro9817] {
    display: inline-block;
    color: #24303B;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#role-name-input[b-3m1tro9817] {
    display: flex;
    width: 100%;
    height: 40px;
    padding: 8px 16px;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #D3D6D8;
    background: #FFF;
}
#asterix-required[b-3m1tro9817] {
    display: inline-block;
    color: #C8102E;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#role-description-container[b-3m1tro9817] {
    flex: 3;
    min-width: 300px;
}
#role-description-label[b-3m1tro9817] {
    display: inline-block;
    align-items: center;
}
#role-description-label2[b-3m1tro9817] {
    display: flex;
    height: 14px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #666E76;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
#role-description-input[b-3m1tro9817] {
    display: flex;
    width: 100%;
    height: 40px;
    padding: 8px 16px;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--grey-20-d-3-d-6-d-8, #D3D6D8);
    background: var(--grey-white-ffffff, #FFF);
}
.permission-section-container[b-3m1tro9817] {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}

.permission-section-container > .permission-section-row:nth-child(2n)[b-3m1tro9817] {
    background: none !important;
}

.permission-section-row[b-3m1tro9817] {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    height: 50px;
    padding: 15px;
    background-color: #F7F8FA;
    box-shadow: 0px 1px 0px 0px #E9EAEB;
}
.permission-section-title[b-3m1tro9817] {   
    font-size: 15px !important;
    font-weight: 700 !important;
    width: 35%;
}
.permission-section-name[b-3m1tro9817]::before {
    content: url('/images/circle-empty.svg');
    display: inline-block;
    height: 8px;
    width: 8px;
    margin-right: 12px;
}
.form-check-label[b-3m1tro9817] {
    padding-top: 3px !important;
}

.permission-section-name[b-3m1tro9817] {
    width: 35%;
    padding-left: 20px;
    color: #24303B;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
.permission-section-checkbox[b-3m1tro9817] {
    width: 8%;
    border-left: 1px solid #E9EAEB;
    border-right: 1px solid #E9EAEB;
    padding-left: 25px;
    padding-right: 12px;
    font-size: 13px;
    font-weight: 550;
    box-sizing: border-box;
}

/* Keep checkbox + label on one row for all permission columns (Add, Edit, Commands, Select All) */
.permission-section-checkbox .form-check[b-3m1tro9817] {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
}

.permission-section-checkbox .form-check-label[b-3m1tro9817] {
    white-space: nowrap;
}
.chevron[b-3m1tro9817] {
    float: right;
    padding-right: 10px;
    height: 24px;
    width: 24px;
}
#open-all-container[b-3m1tro9817] {
    padding-left: 10px;
    margin-top: 15px;
    margin-left: 35%;
    color: #24303B;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.manage-text[b-3m1tro9817] {
    color: #1B69B9 !important;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-skip-ink: none !important;
    text-decoration-thickness: auto !important;
    text-underline-offset: auto !important;
    text-underline-position: from-font !important;
    cursor: pointer;
}
.action-btn[b-3m1tro9817] {
    border-radius: 4px;
    border: 1px solid var(--grey-primary-24303-b, #24303B);
    background: white;
    font-size: 13.2px;
}
.button-text[b-3m1tro9817] {
    font-size: 13.2px !important;
}
.checkbox-container[b-3m1tro9817] {
    display: flex;
    width: 20%;
    padding: 14px 14px;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 0;
    background: #FFF; /* Ensure the background color matches the container */
}
#no-custom-roles-text[b-3m1tro9817] {
    padding: 10px;
}

#manage-users-container[b-3m1tro9817] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin-top: 22px;
}

#manage-users-count[b-3m1tro9817] {
    color: #24303B;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#assigned-users-container[b-3m1tro9817] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 180px;
}

#assigned-users-label[b-3m1tro9817] {
    color: #24303B;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}


.role-table-pagination[b-3m1tro9817] {
    padding: 20px 0;
    width: 100%;
}

.pagination-left[b-3m1tro9817] {
    gap: 4px;
    flex: 1;
    justify-content: flex-start;
}

.pagination-right[b-3m1tro9817] {
    gap: 4px;
    flex: 1;
    justify-content: flex-end;
}

.pagination-btn[b-3m1tro9817] {
    border-radius: 4px;
    border: 1px solid #D3D6D8;
    background: #F7F8FA;
    color: #24303B;
    min-width: 40px;
    height: 36px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .pagination-btn:hover:not(:disabled)[b-3m1tro9817] {
        background: #E9EAEB;
        border-color: #B8BCC0;
    }

    .pagination-btn:disabled[b-3m1tro9817] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.pagination-active[b-3m1tro9817] {
    background: #FFF !important;
    border: 1px solid #24303B !important;
    color: #24303B !important;
    font-weight: 500;
}

.page-numbers[b-3m1tro9817] {
    gap: 4px;
}

/* Greyed-out look for disabled RadzenCheckBox components on this page */
.form-check .rz-chkbox.rz-state-disabled[b-3m1tro9817],
.form-check .rz-chkbox[aria-disabled="true"][b-3m1tro9817],
.form-check .rz-chkbox[disabled][b-3m1tro9817] {
    opacity: 0.5;
    filter: grayscale(100%);
    cursor: not-allowed;
}

.form-check .rz-chkbox.rz-state-disabled .rz-chkbox-box[b-3m1tro9817],
.form-check .rz-chkbox[aria-disabled="true"] .rz-chkbox-box[b-3m1tro9817] {
    background-color: #F0F2F4;
    border-color: #D3D6D8;
}

/* Also dim the label next to a disabled checkbox */
.form-check .rz-chkbox.rz-state-disabled + .form-check-label[b-3m1tro9817],
.form-check .rz-chkbox[aria-disabled="true"] + .form-check-label[b-3m1tro9817] {
    color: #9AA1A8;
    cursor: not-allowed;
}

.device-commands-box[b-3m1tro9817] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    padding: 0 4px;
    box-sizing: border-box;
}

/* Align Radzen checkbox and label vertically so the Commands checkbox lines up with its label */
.device-commands-box .rz-chkbox[b-3m1tro9817],
.device-commands-box .form-check-label[b-3m1tro9817] {
    align-self: center;
    margin-bottom: 0;
}

.device-commands-box .rz-chkbox[b-3m1tro9817] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.device-commands-box .form-check-label[b-3m1tro9817] {
    flex-shrink: 1;
    min-width: 0;
}
/* /Pages/Common/DragAndDropContainer.razor.rz.scp.css */
@media screen and (max-width: 1400px) {
    .dragAndDropContainer[b-d3mjrw8u86] {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }
}

.dragAndDropContainer[b-d3mjrw8u86] {
    width: 810px;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}
/* /Pages/Common/ToolTip.razor.rz.scp.css */
.confirmation-tooltip-wrapper[b-jluithtdnu] {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    cursor: help;
    font-weight: bold;
}

ul[b-jluithtdnu] {
    visibility: hidden;
    bottom: 100%;
    margin-left: -40px;
    background-color: var(--Primary) !important;
    color: white;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 10px 10px 25px;
    position: absolute;
    font-weight: normal;
}

    ul[b-jluithtdnu]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 20%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

.confirmation-tooltip-wrapper:hover ul[b-jluithtdnu] {
    visibility: visible;
}
/* /Pages/Customers/AddEditCustomerModal.razor.rz.scp.css */
/* /Pages/Customers/CardImportModal.razor.rz.scp.css */
.sub-can-btn[b-164wdetbyc] {
    height: 36px;
    margin-bottom: 7px;
}
/* /Pages/Customers/CustomerIdentificationModal.razor.rz.scp.css */
body[b-uqh74ac6mw] {
    font-family: "Open Sans", sans-serif;
}

label[b-uqh74ac6mw] {
    font-family: "Open Sans", sans-serif;
    font-size: 13.5px;
}

#modal-description[b-uqh74ac6mw] {
    font-size: 13px;
    width: 70%;
}

#scannerBtn[b-uqh74ac6mw] {
    width: 150px;
    height: 45px;
    font-size: 13px;
}

.decimal-toggle-label[b-uqh74ac6mw] {
    font-size: 1.05rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0;
}

.decimal-toggle-checkbox[b-uqh74ac6mw] {
    width: 1.3em;
    height: 1.3em;
}

.me-3[b-uqh74ac6mw] {
    margin-right: 1.5rem !important;
}

body[b-uqh74ac6mw] {
    font-family: Arial, sans-serif;
    margin: 20px;
}

.container[b-uqh74ac6mw] {
    max-width: 600px;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 5px;
}

.header[b-uqh74ac6mw] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

.tab-container[b-uqh74ac6mw] {
    font-family: Arial, sans-serif;
    width: 100%;
}

.tab-buttons[b-uqh74ac6mw] {
    display: flex;
    margin-bottom: 10px;
    background-color: #e0e0e0;
    border-radius: 12px;
    height: 32px;
    padding-left: 5px;
}

.tab-button[b-uqh74ac6mw] {
    cursor: pointer;
    border-radius: 10px;
    font-weight: bold;
    width: 33%;
    font-size: 13px;
    font-family: "Opens Sans", sans-serif;
    height: 75%;
    margin-top: 5px;
    padding-top: 3px;
    align-items: center;
    display: flex;
    flex-direction: column;
}

    .tab-button.active[b-uqh74ac6mw] {
        background-color: #fff;
    }

.tab-content[b-uqh74ac6mw] {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 110px;
    width: 100%;
    margin-bottom: 15px;
}
#tab-content-img[b-uqh74ac6mw] {
    height: 110px;
    width: 190px;
    background: url(/images/print_templates_mock.png);
    background-repeat: no-repeat;
}


.card-preview[b-uqh74ac6mw] {    
    color: white;
    text-align: center;
    margin-bottom: 20px;
    height: 180px;
    width: 330px;
/*    border-radius: 12px;
    border: 1px solid grey;*/
}

#card-preview-info[b-uqh74ac6mw] {
    width: 70%;
    color: white;
    float: left;
    height: 80%;
    background: #1a2a44;
    border-top-left-radius: 12px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-left: 20px;
}
#card-preview-img[b-uqh74ac6mw] {
    width: 30%;
    float: right;
    height: 80%;
    background: #1a2a44;
    border-top-right-radius: 12px;
}
.photo-container[b-uqh74ac6mw] {
    width: 100%;
    height: 100%;
}
.photo-img[b-uqh74ac6mw] {
    height: 89px;
    margin-top: 20px;
    width: 88px;
    background-size: contain;
}


.form-group[b-uqh74ac6mw] {
    margin-bottom: 10px;
}

.toggle[b-uqh74ac6mw] {
    display: inline-block;
    margin-left: 10px;
}

#card-detail-section[b-uqh74ac6mw] {
    width: 270px;
    display: flex;
    flex-direction: column;
    float: left;
    margin-bottom: 10px;
}

#printing-section[b-uqh74ac6mw] {
    width: 600px;
    float: left;
    padding-left: 30px;
}

li[b-uqh74ac6mw] {
    font-family: "Open Sans", sans-serif;
    font-size: 13.5px;
}

.sub-can-btn[b-uqh74ac6mw] {
    height: 35px;
    margin-left: 8px;
    font-size: 13px;
}
.customer-indicator[b-uqh74ac6mw] {
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    margin-right: 5px;
    margin-left: 5px;
}

#issued-expired[b-uqh74ac6mw] {
    background-color: white;
    color: black;
    border: 1px solid grey;
    border-radius: 12px;
    width: 100%;
    height: 100%;
    padding: 10px;
}

#issued-text[b-uqh74ac6mw] {
    font-size: 13.5px;
    float: left;
    padding-top: 8px;
}
#expired-text[b-uqh74ac6mw] {
    font-size: 13.5px;
    float: right;
    padding-top: 8px;
}

#bottom-bar[b-uqh74ac6mw] {
    display: flex;
    width: 100%;
    border-top: 1px solid lightgrey;
    align-items: end;
}

.customer-navigation[b-uqh74ac6mw] {
    margin-left: 50px;
}

.nav-btn[b-uqh74ac6mw] {
    height: 35px;
    font-size: 13px;
    width: 75px;
}
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */
.download-btn[b-mijwnj2ei4] {
    height: 35px;
    font-size: 13px;
    width: auto;
    flex: 1 1 0;
}

.download-btn-group[b-mijwnj2ei4] {
    display: flex;
    gap: 8px;
    width: 100%;
}
@media (max-width: 1680px) and (max-height: 1050px) {
    .download-btn[b-mijwnj2ei4] {
        height: 45px !important;
    }
}
/* /Pages/Maintenance/Modules/BalanceCheckerSettings.razor.rz.scp.css */
.balanceCheckerSettingsContainer[b-y2erc4yq6i] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 80%;
}

.identificationMethodsContainer[b-y2erc4yq6i] {
    display: flex;
    flex-direction: column;
}
.identificationMethodsTitle[b-y2erc4yq6i] {
    color: #000;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    margin-top: 20px;
}
.alignCheckbox[b-y2erc4yq6i] {
    display: flex;
    margin-top: 10px;
    margin-left: 8px;
}

.checkboxLabel[b-y2erc4yq6i] {
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.balanceDisplayOptionsContainer[b-y2erc4yq6i] {
    display: flex;
    flex-direction: column;
}
.balanceDisplayTitle[b-y2erc4yq6i] {
    color: #000;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    margin-top: 20px;
}

.form-switch .form-check-input[b-y2erc4yq6i] {
    cursor: pointer !important;
}

.automaticTimeoutContainer[b-y2erc4yq6i] {
    display: flex;
    flex-direction: column;
}
.automaticTimeoutTitle[b-y2erc4yq6i] {
    color: #000;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    margin-top: 20px;
}
.refreshDataRow[b-y2erc4yq6i] {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    align-items: center;
}

.refreshDataTitle[b-y2erc4yq6i] {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    margin-top: 5px;
    margin-top: 20px;
}

.refreshDataText[b-y2erc4yq6i] {
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    width: 55%;
}

.refreshData[b-y2erc4yq6i] {
    width: 20%;
}
.titleRow[b-y2erc4yq6i] {
    font-family: "Open Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
}
.automaticTimeoutDescription[b-y2erc4yq6i] {
    font-feature-settings: 'liga' off, 'clig' off;
    /* typography/body1 */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-top: 5px;
    margin-bottom: 5px;
}
.balanceDisplayDescription[b-y2erc4yq6i] {
    font-feature-settings: 'liga' off, 'clig' off;
    /* typography/body1 */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-top: 5px;
    margin-bottom:5px;
}
/* /Pages/Maintenance/Modules/BookingsSettings.razor.rz.scp.css */
.titleRow[b-7n9qd0091c] {
    font-family: "Open Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
}

.tillSettingsContainer[b-7n9qd0091c] {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.tillSetupSettings[b-7n9qd0091c] {
    display: flex;
    flex-direction: column;
    width: 70%;
    margin-left: 15px;
}

.tillSetupTitle[b-7n9qd0091c] {
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
}

.alignCheckbox[b-7n9qd0091c] {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-left: 8px;
}

.checkboxLabel[b-7n9qd0091c] {
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.submit-cancel[b-7n9qd0091c] {
    margin-top: 20px;
}
/* /Pages/Maintenance/Modules/TillSettings.razor.rz.scp.css */
.tillSettingsContainer[b-235rtx1tfz]
{
    display:flex;
    flex-direction:row;
    height: 100%;
    width:100%;
}

.tillSettingsDivider[b-235rtx1tfz] {
    width:5%;
    border-left: 1px solid lightgrey;
}
.titleRow[b-235rtx1tfz] {
    font-family: "Open Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
}
.tillOperatorPermissions[b-235rtx1tfz] {
    display: flex;
    flex-direction: column;
    width: 25%;
    margin-left: 15px;
}
.tillOperatorTitle[b-235rtx1tfz] {
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
}
.allowTillOperatorContainer[b-235rtx1tfz] {
    display: flex;
    flex-direction:column;
}
.allowTillOperatorText[b-235rtx1tfz] {
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 4px;
    margin-bottom: 4px;
}
.alignCheckbox[b-235rtx1tfz] {
    display: flex;
    margin-top: 10px;
    margin-left: 8px;
}
}
.checkboxLabel[b-235rtx1tfz] {
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.tillSetupSettings[b-235rtx1tfz] {
    display: flex;
    flex-direction: column;
    width: 70%;
    margin-left: 15px;
}
.tillSetupTitle[b-235rtx1tfz] {
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
}
.tillModeContainer[b-235rtx1tfz] {
    display: flex;
    flex-direction:column;
}
.tillModeText[b-235rtx1tfz] {
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin-top: 10px;
}

.radioGroup[b-235rtx1tfz] {
    margin-top: 5px;
    margin-left: 10px;
}
.tillStartupPageContainer[b-235rtx1tfz] {
    display: flex;
    flex-direction: column;
}
.tillStartupPageTitle[b-235rtx1tfz] {
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin-top: 10px;
}

.tillStartupPageText[b-235rtx1tfz] {
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 5px;
}
.automaticLogoutRow[b-235rtx1tfz] {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    align-items: center;
}
.automaticLogoutTitle[b-235rtx1tfz] {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    margin-top:10px;
}
.automaticLogoutText[b-235rtx1tfz] {
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    width:55%;
}
.automaticLogout[b-235rtx1tfz]{
    width:20%;
}
.autoCloseRow[b-235rtx1tfz] {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    margin-bottom: 10px;
    align-items: center;
}
.autoCloseRowText[b-235rtx1tfz] {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    width: 55%;
}
.autoClose[b-235rtx1tfz] {
    width: 20%;
}
.displayCIRow[b-235rtx1tfz] {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    margin-bottom: 10px;
    align-items: center;
}
.displayCIText[b-235rtx1tfz] {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    width: 55%;
}
.displayCI[b-235rtx1tfz] {
    width: 20%;
}

.displayCARow[b-235rtx1tfz] {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    margin-bottom: 10px;
    align-items: center;
}

.displayCAText[b-235rtx1tfz] {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    width: 55%;
}

.displayCA[b-235rtx1tfz] {
    width: 20%;
}
.refreshDataRow[b-235rtx1tfz] {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    align-items: center;
}
.refreshDataTitle[b-235rtx1tfz] {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    margin-top:5px;
}
.refreshDataText[b-235rtx1tfz] {
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    width: 55%;
}
.refreshData[b-235rtx1tfz] {
    width: 20%;
}

.customerIdentificationsRow[b-235rtx1tfz] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.customerIdentificationTitle[b-235rtx1tfz] {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    margin-top: 5px;
}

.logLevelContainer[b-235rtx1tfz] {
    display: flex;
    flex-direction: column;
}

.logLevelTitle[b-235rtx1tfz] {
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin-top: 10px;
}

.logDurationContainer[b-235rtx1tfz] {
    display: flex;
    flex-direction: column;
}

.logDurationTitle[b-235rtx1tfz] {
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin-top: 10px;
}
}

.form-switch .form-check-input[b-235rtx1tfz] {
    cursor: pointer !important;
}
/* /Pages/Menu/MenuBuilderComponents/MenuBuilderButton.razor.rz.scp.css */
[b-dwvh6cx1vo] .menuBuilderButton {
    width: 109.43px;
    height: 60.05px;
    gap: 0px;
    border-radius: 8px;
    border: dotted 2px;
}

.menuBuilderButton[b-dwvh6cx1vo] {
    gap: 0px;
    border-radius: 8px;
    border: dotted 1px;
    margin: 2px;
    width: 109.43px;
    height: 60.05px;
    background-color: white;
}

/*@media screen and (max-width: 1400px) {
    .menuBuilderButton {
        gap: 0px;
        border-radius: 8px;
        border: dotted 1px;
        margin: 2px;
        width: 90px !important;
        height: 55px !important;
        background-color: white;
    }

}*/
/* /Pages/Menu/MenuBuilderComponents/MenuBuilderCompletedSection.razor.rz.scp.css */
.wrapSectionHeading[b-l2tu3u8poq] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}

.sectionColourBox[b-l2tu3u8poq] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    margin-right: 5px;
}
.completedSectionContainer[b-l2tu3u8poq] {
    border-radius: 4px;
    border: solid;
    border-color: lightgray;
    border-width: thin;
    background-color: white;
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 10px;
    padding: 5px;
    width:100%;
}

.completedSectionNameRow[b-l2tu3u8poq] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 10px;
}
.toggleOptionsClass[b-l2tu3u8poq]{
    cursor:pointer;
}
.optionsRow[b-l2tu3u8poq] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.btn-iris-blue[b-l2tu3u8poq] {
    background-color: #007bff;
    color: white !important;
    border: none;
}

.btn-iris-orange[b-l2tu3u8poq] {
    background-color: #EF6C00;
    color: white !important;
    border: none;
}
/* /Pages/Menu/MenuBuilderComponents/MenuBuilderEditButton.razor.rz.scp.css */

.menuBuilderEditButtonContianer[b-6l71s3hooi] {
    display: flex;
    flex-direction: column;
    padding: 5px;
    border-radius: 4px;
    border-color: #cccccc !important;
    border: 1px solid;
    width: 100%;
    margin-bottom: 10px;
}

.toggleOptionsClass[b-6l71s3hooi] {
    cursor: pointer;
}

.editSectionOptions[b-6l71s3hooi]{
    padding:19px;
}

.add-product[b-6l71s3hooi] {
    background-color: dodgerblue;
}

.add-row[b-6l71s3hooi]{
    border-radius: 4px;
    border-color: grey;
    width:100% !important ;
}

.btn-iris-blue[b-6l71s3hooi] {
    background-color: #007bff;
    color: white !important;
    border: none;
}

.completedSectionNameRow[b-6l71s3hooi] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 10px;
}

.buttonNameRow[b-6l71s3hooi]{

}

.buttonSizeLabel[b-6l71s3hooi] {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
}

.hideButtonText[b-6l71s3hooi] {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

.sectionColourBox[b-6l71s3hooi] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    margin-right: 5px;
}

.wrapSectionHeading[b-6l71s3hooi] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}

.searchProductRow[b-6l71s3hooi]{
    margin-top:20px;
}

.buttonColourRow[b-6l71s3hooi] {
    margin-top: 12px;
    display: flex;
    align-items: center;
}

.buttonSizeRow[b-6l71s3hooi] {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.buttonColourClass[b-6l71s3hooi] {
    height: 45px;
    width: 45px;
    margin: 4px;
}

.btn-iris-orange[b-6l71s3hooi] {
    background-color: #EF6C00;
    color: white !important;
    border: none;
}
.htmlButtonsRow[b-6l71s3hooi] {
    display: flex;
    align-content: space-between;
    flex-direction: row;
    justify-content: space-between;
    margin-left:0px;
}

.buttonSizeText[b-6l71s3hooi] {
    font-size: 14px;
    font-weight: 400;
    line-height: 20.02px;
    text-align: left;
    margin-left:4px;
    margin-right:4px;
    margin-top:12px;
    margin-bottom:12px;
}
@media screen and (max-width: 1400px) {
    .labelText[b-6l71s3hooi] {
        font-size: 11px !important;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        display:flex;
    }

    .btnText[b-6l71s3hooi]{
        font-size:14px;
    }
}

.labelText[b-6l71s3hooi] {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    display: flex;
}
/* /Pages/Menu/MenuBuilderComponents/MenuBuilderSection.razor.rz.scp.css */
.menuBuilderSectionContainer[b-jhpsr5gtry] {
    padding: 32px;
    gap: 32px;
    border-radius: 4px;
    border: solid;
    border-color: lightgray;
    border-width: thin;
    background-color: white;
}

.sectionHeader[b-jhpsr5gtry] {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
}

.sectionNameLabel[b-jhpsr5gtry] {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
}

.buttonColourLabel[b-jhpsr5gtry] {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
}

.buttonColourText[b-jhpsr5gtry] {
    font-size: 14px;
    font-weight: 400;
    line-height: 20.02px;
    text-align: left;
}

.buttonColourClass[b-jhpsr5gtry] {
    height: 60px;
    width: 60px;
    margin: 6px;
    border-radius: 4px;
}

.btn-iris-blue[b-jhpsr5gtry] {
    background-color: #007bff;
    color: white !important;
    border: none;
}


.btn-blue-border[b-jhpsr5gtry] {
    background-color: transparent !important;
    color: #007bff;
    border: -1px;
    border-color: #007bff;
}
/* /Pages/Menu/MenuBuilderComponents/TillLayoutMenu.razor.rz.scp.css */
.tillLayoutMenu[b-071nlr2fs5] {
    width: 428.67px;
    height: 214px;
    padding: 16px 20px 16px 20px;
    gap: 16px;
    border-radius: 8px;
    border: 1px solid rgba(245, 245, 245, 1);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    margin: 5px;
    position: relative;
}

.iconClass[b-071nlr2fs5] {
    /* Add any necessary styles for icons */
}

.tillLayoutNameSection[b-071nlr2fs5] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.tillLayoutName[b-071nlr2fs5] {
    font-size: x-large;
    font-weight: lighter;
}

.tillLayoutDropDown[b-071nlr2fs5] {
    cursor: pointer;
    position: relative;
}

.tillLayoutDetailsSection[b-071nlr2fs5] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    margin-top: 5px;
}

.tillLayoutStatus[b-071nlr2fs5] {
    background-color: rgba(30, 136, 229, 1);
    color: white;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 15px;
    font-family: Open Sans;
    font-size: small;
}

.tillLayoutTime[b-071nlr2fs5] {
    font-family: Open Sans;
    font-size: small;
}

.tillLayoutDate[b-071nlr2fs5] {
    font-family: Open Sans;
    font-size: small;
}

.tillLayoutSections[b-071nlr2fs5] {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100px;
    overflow: hidden;
}

.tillLayoutSectionText[b-071nlr2fs5] {
    margin-left: -20px;
    font-family: Open Sans;
    font-size: medium;
    font-weight: 400;
    text-align: left;
}

.tillLayoutDropdownContainer[b-071nlr2fs5] {
    display: flex;
    flex-direction: column;
    background: white;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    margin-left: -115px;
    position: absolute; /* Change to absolute */
    top: 100%; /* Position it below the dropdown trigger */
    left: 0;
    z-index: 10;
    margin-top:-15px;
    width: 150px;
}

.tillLayoutDropDownText[b-071nlr2fs5] {
    font-size: small;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
}
/* /Pages/Menu/TillLayout.razor.rz.scp.css */
.tillLayoutContainer[b-54hpnvyxf1] {
    background-color: white;
    background: rgba(255, 255, 255, 1);
    width: 100%;
    height: 100%;
}

.enterMenuContainer[b-54hpnvyxf1] {
    display: flex;
    padding: 24px;
    flex-direction: column;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 1px;
    background: var(--primary-hover, rgba(33, 150, 243, 0.04));
    width: 100%;
    height: 100%;
}

.enterAMenuName[b-54hpnvyxf1] {
    margin-top: 2.5vh;
}

.menuNameLabel[b-54hpnvyxf1] {
    font-size: 12px;
}

.viewDraftsButton[b-54hpnvyxf1] {
    width: 127px;
    height: 42px;
    padding: 8px 22px 8px 22px;
    gap: 0px;
    border: 1px 0px 0px 0px;
}

.settingsRow[b-54hpnvyxf1] {
    padding: 24px 32px 24px 32px;
    gap: 0px;
    border-radius: 4px 0px 0px 0px;
    border: solid;
    border-color: lightgray;
    border-width: thin;
    background-color: white;
    margin-left:4px;
    margin-right:4px;
}

.menuStartTimeLabel[b-54hpnvyxf1] {
    font-size: 12px;
}

.menuEndTimeLabel[b-54hpnvyxf1] {
    font-size: 12px;
}

.btn-iris-blue[b-54hpnvyxf1] {
    background-color: #007bff;
    color: white !important;
    border: none;
}

.settingsCheckBoxLabel[b-54hpnvyxf1] {
    font-size: small;
}

.explainSectionHeading[b-54hpnvyxf1]{
    font-size: small;
}

.explainSectionContainer[b-54hpnvyxf1] {
    display: flex;
    padding: 24px;
    flex-direction: column;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 1px;
    background: var(--primary-hover, rgba(33, 150, 243, 0.04));
}

.rotateImage[b-54hpnvyxf1]{
    transform: rotate(45deg);
}

.btn-transparent[b-54hpnvyxf1] {
    color: black;
    background-color: transparent;
    border-color: transparent;
    font-weight: bold;
}

.addSectionContainer[b-54hpnvyxf1] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 1px;
    background: var(--primary-hover, rgba(33, 150, 243, 0.04));
}

.addSections[b-54hpnvyxf1] {
    display: flex;
    flex-direction: column !important;
    padding: 44px 36px 44px 36px;
    gap: 24px;
    border-radius: 16px 16px 16px 16px;
    background-color: rgba(239, 108, 0, 0.08);
    margin: 24px;
}

.sectionContainer[b-54hpnvyxf1] {
    border-left: 1px solid #ddd;
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    width: 100%;
}

.menu-section[b-54hpnvyxf1], .configuration-section[b-54hpnvyxf1] {
    padding: 20px;
}

.menu-section[b-54hpnvyxf1] {
    background-color: #f7f9fc;
    width: 810px;
}

.configuration-section[b-54hpnvyxf1] {
    border-left: 1px solid #ddd;
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
}

.menu h1[b-54hpnvyxf1] {
    margin: 0 0 20px;
}

.menu-tabs[b-54hpnvyxf1] {
    display: flex;
    margin-bottom: 10px;
    margin-left: 24px;
    overflow-x: auto !important;
}

.menu-tab[b-54hpnvyxf1] {
    padding: 10px 15px;
    border: 1px solid #d9dde1;
    background-color: white;
    cursor: pointer;
    margin-right: 5px;
}

    .menu-tab.active[b-54hpnvyxf1] {
        background-color: #007bff;
        color: white;
    }

.menu-content[b-54hpnvyxf1] {
    background-color: white;
    padding: 15px;
    border: 1px solid #d9dde1;
}

.nav-button[b-54hpnvyxf1] {
    margin-top: 10px;
    padding: 5px 10px;
    cursor: pointer;
}

.sectionHeading[b-54hpnvyxf1] {
    margin-bottom: 15px;
}

.wrapSectionHeading[b-54hpnvyxf1] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.sectionColourBox[b-54hpnvyxf1] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    margin-right: 5px;
}

.btn-add-section[b-54hpnvyxf1] {
    border-radius: 4px;
    border-color: grey;
    width: 100%;
}

.buttonColumn[b-54hpnvyxf1]{
    display: flex;
    flex-direction: column;
}

.editSectionButtonClass[b-54hpnvyxf1] {
    color: rgba(30, 136, 229, 1);
    text-underline-position: under;
    text-decoration: underline;
}

[b-54hpnvyxf1] .completedSections {
    display: flex !important;
    flex-direction: column !important;
}
.wrapSaveAndPublish[b-54hpnvyxf1] {
    display: flex;
    justify-content: flex-end;
}

.cancelFilledClass[b-54hpnvyxf1]{
    height:20px;
    cursor: pointer;
}
.displayInfoTopRow[b-54hpnvyxf1] {
    display: flex;
    justify-content: space-between;
}

.addSectionButtonRow[b-54hpnvyxf1]{
    padding:24px;
}

.saveAndPublishColumn[b-54hpnvyxf1] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.searchMenuRow[b-54hpnvyxf1]{
    margin:24px;
    display: flex;
}

.menusContainer[b-54hpnvyxf1] {
    margin: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.existingMenusContainer[b-54hpnvyxf1]{
    height: 100%;
    width: 100%;
}

.tabbedSectionsContainer[b-54hpnvyxf1] {
    display: flex;
    flex-direction: row;
    margin-left: 2px;
    margin-right: 2px;
    margin-top:10px;
    margin-bottom:10px;
}

.tabbedSectionHeading[b-54hpnvyxf1] {
    display: flex;
    padding: 4px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    align-self: stretch;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    width: 153px;
    height: 40px;
    /*font-weight: bold;*/
    margin-right: 5px;
    margin-bottom: 5px;
}


/* /Pages/Menu/TillPreview.razor.rz.scp.css */
#till-preview-container[b-15qdv4cop0] {
    height: 760px;
    width: 1400px;
    border: 12px solid black;
    border-radius: 15px;
    background-color: #F5F5F5;
    display: flex;
    margin: 30px auto;
}

#leave-preview-container[b-15qdv4cop0] {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
    align-content: end;
    flex-wrap: wrap;
}

#leave-preview-img[b-15qdv4cop0] {
    height: 20px;
    width: 20px;
    float: left;
    background-image: url("images/cross.svg");
    background-size: cover;
    background-position: center;
}

#leave-preview[b-15qdv4cop0] {
    font-size: 14px;
    width: 160px;
    margin-bottom: 20px;
    margin-right: 50px;
    background-color: #1E88E5 !important;
}

#preview-left[b-15qdv4cop0] {
    height: 100%;
    width: 1000px;
    background-color: #F5F5F5;
    padding: 20px;
}
#preview-right[b-15qdv4cop0] {
    height: 100%;
    width: 430px;
    float: right;
    overflow: hidden;
    box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.12), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 8px 10px -5px rgba(0, 0, 0, 0.20);
    background-image: url("images/right-till-mock.png");
    background-size: cover;
    background-position: center;
}

#menu-text[b-15qdv4cop0] {
    color: var(--font-contrast);
    font-family: 'Public Sans', sans-serif;
}

.menu-section-header-row[b-15qdv4cop0] {
    display: block;
    margin-bottom: 35px;
}

.disabled[b-15qdv4cop0] {
    opacity: 0.5;
    cursor: not-allowed !important;
}

.menu-section-name[b-15qdv4cop0] {
    color: var(--font-contrast);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "Public Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-top: 6px;
    margin-left: 10px;
    float: left;
}

.menu-color-block[b-15qdv4cop0] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    margin-top: 10px;
    float: left;
}

.menu-button[b-15qdv4cop0] {
    border-radius: 8px;
    margin: 0.2%;
    font-size: 14px;
    font-weight: 500;
    font-family: "Public Sans", sans-serif;
    text-align: center;
    display: inline-block;
    margin-bottom: 4px;
    overflow: hidden;
    cursor: pointer;
    justify-content: center;
    align-content: center;
    align-items: center;
}

._1x1[b-15qdv4cop0], ._0x0[b-15qdv4cop0] {
    width: 13%;
    height: 60px;
}

._1x2[b-15qdv4cop0] {
    width: 26.4%;
    height: 60px;
}

._2x1[b-15qdv4cop0] {
    width: 13%;
    height: 120px;
}

._2x2[b-15qdv4cop0] {
    width: 26.4%;
    height: 120px;
}

.category-container[b-15qdv4cop0] {
    margin-top: 30px;
    width: 100%;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}

.tabbedSectionsContainer[b-15qdv4cop0] {
    display: flex;
    flex-direction: row;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.tabbedSectionHeading[b-15qdv4cop0] {
    display: flex;
    padding: 4px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    align-self: stretch;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    width: 153px;
    height: 40px;
    /*font-weight: bold;*/
    margin-right: 5px;
    margin-bottom: 5px;
}

.menuNameText[b-15qdv4cop0] {
    font-size: 24px;
    font-weight: 400;
    line-height: 32.02px;
    text-align: center;
    color: var(--font-contrast) !important;
    font-family: "Open Sans", sans-serif;
}
.todays-date[b-15qdv4cop0] {
    color: rgba(0, 0, 0, 0.60);
    text-align: left;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 143%; /* 20.02px */
}

#top-info-container[b-15qdv4cop0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px;
    background-color: #F5F5F5;
    margin-bottom: 10px;
}

#top-info-container-left[b-15qdv4cop0] {
    display: flex;
    flex-direction: column;
}

#top-info-container-right[b-15qdv4cop0] {
    width: 150px;
}
#operator-name[b-15qdv4cop0] {
    width: 120px;
    height: 30px;
    float: left;
}
#operator-name-img-container[b-15qdv4cop0] {
    width: 24px;
    height: 24px;
    float: right;
    border-radius: 20px;
    border: 1px solid var(--success-light, #4CAF50);
    background: var(--background-default, #FFF);
}
#operator-name-img[b-15qdv4cop0] {
    height: 14px;
    width: 14px;
    background-image: url(images/online-icon.svg);
    background-size: cover;
    background-position: center;
    margin-left: 4px;
    margin-top: 4px;
}
/* /Pages/MultiSite/MultipleSites.razor.rz.scp.css */
p[b-0i8j24lxil] {
    color: #24303B;
    font-family: "Open Sans", sans-serif !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.welcomePanel[b-0i8j24lxil] {
    border: 1px solid #D3D6D8;
    background-color: #F7F8FA;
    margin: 5px;
    padding: 10px;
    border-radius: 5px;
}

.welcomeSection[b-0i8j24lxil]{
    padding-bottom: 20px;
}

.buttonContainer[b-0i8j24lxil] {
    width: 100%;
}

#addTemplate[b-0i8j24lxil]{
    display: block;
    margin: 40px auto;
}

#page-title[b-0i8j24lxil] {
    width: 95%;
    height: 45px;
    background-color: var(--Primary, #24303B);    
}
#page-title-text[b-0i8j24lxil] {
    color: #FFF;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 10px;
    padding-left: 15px;
}
#page-container[b-0i8j24lxil] {
    width: 95%;
    height: 550px;
    border-radius: 4px;
    border: 1px solid #E9EAEB;
    background: #FFF;
    padding-left: 50px;
    padding-top: 35px;
}
#saved-page-container[b-0i8j24lxil] {
    display: flex;
    width: 95%;
    height: 500px;
    padding: 0px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding-top: 40px;
}
#align-left-container[b-0i8j24lxil] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 20px;
}
.radio-text[b-0i8j24lxil] {
    display: inline-block;
}

#no-existing-sites-info[b-0i8j24lxil] {
    display: flex;
    height: 66px;
    padding: 16px;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    border-radius: 4px;
    background: #F7F8FA;
    /* Panel Shadow */
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    width: 95% !important;
}
#no-existing-sites-container[b-0i8j24lxil] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    padding-top: 5px;
}
#no-existing-sites-text[b-0i8j24lxil] {
    color: #24303B;
    /* Body / Default - 16px reg */
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
.dont-close-page[b-0i8j24lxil] {
    background: #FFF4E6 !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10) !important;
}
#circled-i[b-0i8j24lxil] {
    background: url("/images/circled-i.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 24px;
    width: 24px;
}
#warning-triangle[b-0i8j24lxil] {
    background: url("/images/warning-triangle.svg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 24px;
    width: 24px;
}

.submit-cancel[b-0i8j24lxil] {
    margin-top: 40px;
    margin-bottom: 30px;
}
#success-tick[b-0i8j24lxil] {
    background: url("/images/circle-check.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 48px;
    width: 48px;
}
#error-triangle[b-0i8j24lxil] {
    background: url("/images/error-triangle.svg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 48px;
    width: 48px;
}
.save-text[b-0i8j24lxil] {
    display: block;
}

#copying-page-container[b-0i8j24lxil] {
    display: flex;
    width: 95%;
    height: 500px;
    padding-bottom: 32px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    flex-shrink: 0;
}
#copying-container[b-0i8j24lxil] {
    display: flex;
    width: 95%;
    height: 100%;
    padding: 0px 32px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    flex-shrink: 0;
    padding-top: 40px;
}
.progress-row[b-0i8j24lxil] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    padding: 0px 20px;
    width: 95%;
}
.progress-name[b-0i8j24lxil] {
    color: rgba(0, 0, 0, 0.87);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Public Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 157%; /* 21.98px */
}
.progress-line[b-0i8j24lxil] {
    height: 8px;
    flex: 1 0 0;
    background-color: #505962;
    border-radius: 8px;
}
.green[b-0i8j24lxil] {
    background-color: green !important;
}
.progress-status[b-0i8j24lxil] {
    color: #24303B;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 143%;
}
/* /Pages/MultiSite/MultiSiteManage.razor.rz.scp.css */
#copying-from-template-info[b-uf968oump8] {
    display: flex;
    height: 66px;
    padding: 16px;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    border-radius: 4px;
    background: #F7F8FA;
    /* Panel Shadow */
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    width: 95% !important;
}

#copying-from-template-container[b-uf968oump8] {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    flex: 1 0 0;
    padding-top: 5px;
}

#copying-from-template-text[b-uf968oump8] {
    color: #24303B;
    /* Body / Default - 16px reg */
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.dont-close-page[b-uf968oump8] {
    background: #FFF4E6 !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10) !important;
}

#circled-i[b-uf968oump8] {
    background: url("/images/circled-i.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 24px;
    width: 24px;
}

#warning-triangle[b-uf968oump8] {
    background: url("/images/warning-triangle.svg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 24px;
    width: 24px;
}

#infobox-info[b-uf968oump8] {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    border-radius: 4px;
    background: #F7F8FA;
    /* Panel Shadow */
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    width: 95% !important;
}

#infobox-container[b-uf968oump8] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    padding-top: 5px;
}

#infobox-text[b-uf968oump8] {
    color: #24303B;
    /* Body / Default - 16px reg */
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
.page-title-text[b-uf968oump8] {
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 30px */
}

.product-settings-container[b-uf968oump8] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 35%;
}

.progress-row[b-uf968oump8] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    padding: 0px 20px;
    width: 95%;
}

.progress-name[b-uf968oump8] {
    color: rgba(0, 0, 0, 0.87);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Public Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 157%; /* 21.98px */
}

.progress-line[b-uf968oump8] {
    height: 8px;
    flex: 1 0 0;
    background-color: blue;
    border-radius: 8px;
}

.green[b-uf968oump8] {
    background-color: green !important;
}
.red[b-uf968oump8] {
    background-color: red !important;
}

.progress-status[b-uf968oump8] {
    color: #24303B;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 143%;
}
#summary-container[b-uf968oump8] {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-bottom: 30px;
}
#success-tick[b-uf968oump8] {
    background: url("/images/circle-check.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 48px;
    width: 48px;
}
#error-triangle[b-uf968oump8] {
    background: url("/images/error-triangle.svg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 48px;
    width: 48px;
}
#summary-title[b-uf968oump8] {
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
#summary-left-align[b-uf968oump8] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 60%;
}
.align-center[b-uf968oump8] {
    align-items: center !important;
}
.tick-img-container[b-uf968oump8] {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 100px;
    background-color: #1E88E5;
}
.complete-text[b-uf968oump8] {
    float: right;
    padding-top: 2px;
}
.tick-img[b-uf968oump8] {
    background: url("images/check.svg");    
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}
/* /Pages/MultiSite/MultiSiteManageProducts.razor.rz.scp.css */
.view-anchor[b-7511ata2i9] {
    cursor: pointer;
    color: #1B69B9;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%; /* 15.68px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    display: inline-block;
    margin-left: 10px;
}
/* /Pages/Reports/Reports.razor.rz.scp.css */
.download-btn[b-dudw7pm3cw] {
    height: 35px;
    font-size: 13px;
    width: auto;
    flex: 1 1 0;
}
.download-btn-group[b-dudw7pm3cw] {
    display: flex;
    gap: 8px;
    width: 100%;
}
.output-radio-group .form-check-input[b-dudw7pm3cw] { cursor:pointer; }
.output-radio-group[b-dudw7pm3cw] { align-items: center; }
.output-radio-group label[b-dudw7pm3cw] { margin-right:12px; font-size: 13px; }
.output-checkbox[b-dudw7pm3cw] {
    width: 4% !important;
    min-width: 40px !important;
    padding-left: 14px !important;
}

@media (max-width: 1680px) and (max-height: 1050px) {
    .download-btn[b-dudw7pm3cw] {
        height: 45px !important;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* /Shared/MultiSiteNavMenu.razor.rz.scp.css */
.subNavText[b-cymwu7tzs1] {
    display: inline-block;
    overflow: hidden;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 1.2;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
}

.align-nav-text-items[b-cymwu7tzs1] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.less-padding[b-cymwu7tzs1] {
    padding-left: 1.2rem !important;
}

.warningsText[b-cymwu7tzs1]{
    width: 125px!important;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.subNavText[b-xquor4i847] {
    display: inline-block;
    overflow: hidden;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 1.2;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
}

.align-nav-text-items[b-xquor4i847] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.less-padding[b-xquor4i847] {
    padding-left: 1.2rem !important;
}

.warningsText[b-xquor4i847]{
    width: 125px!important;
}
/* /Shared/SyncUserPicker.razor.rz.scp.css */
/* Selected user tags */
.sync-user-picker-tags[b-1qv870ivbl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.sync-user-picker-tag[b-1qv870ivbl] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.5rem;
    background: #e9ecef;
    border-radius: 0.2rem;
    font-size: 0.875rem;
}

.sync-user-picker-tag-remove[b-1qv870ivbl] {
    padding: 0 0.2rem;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    color: #6c757d;
}

.sync-user-picker-tag-remove:hover[b-1qv870ivbl] {
    color: #25313c;
}

/* Search input */
.sync-user-picker-input[b-1qv870ivbl] {
    width: 100%;
}

/* Inline results list */
.sync-user-picker-list[b-1qv870ivbl] {
    margin-top: 0.25rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    background: #fff;
    box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.08);
    max-height: calc(5 * 3.375rem);
    overflow-y: auto;
}

.sync-user-picker-list-item[b-1qv870ivbl] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
}

.sync-user-picker-list-item + .sync-user-picker-list-item[b-1qv870ivbl] {
    border-top: 1px solid #f0f0f0;
}

.sync-user-picker-list-item:hover[b-1qv870ivbl] {
    background: #f8f9fa;
}

.sync-user-picker-list-name[b-1qv870ivbl] {
    font-size: 0.9375rem;
    color: #25313c;
}

.sync-user-picker-list-email[b-1qv870ivbl] {
    font-size: 0.8125rem;
    color: #6c757d;
}

.sync-user-picker-list-add-email[b-1qv870ivbl] {
    font-style: italic;
    color: #0d6efd;
    font-size: 0.9375rem;
}