/* GENERAL STYLES */
.approval-action-toolbar {
    box-shadow: 0px -2px 15px 0px rgba(145, 158, 171, 0.20), 0px 12px 24px -4px rgba(145, 158, 171, 0.12);
}

.app-bar-elevation {
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}

.avatar-shadow,
.card-shadow {
    box-shadow: 0px 0px 2px 0px rgba(145, 158, 171, 0.20), 0px 12px 24px -4px rgba(145, 158, 171, 0.12);
}

.drawer-shadow {
    box-shadow: 0px 0px 2px 0px rgba(145, 158, 171, 0.24), -20px 20px 40px -4px rgba(145, 158, 171, 0.24);
}

.font-family-secondary {
    font-family: Poppins, Arial, Helvetica, sans-serif;
}

.font-family-tertiary {
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
}

.page-container {
    min-height: calc(100vh - (calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 8)));
}

.skeleton-card-shadow {
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.04);
}

.tab-page-container {
    min-height: calc(100vh - var(--mud-appbar-height) - 41px);
}

@media (min-width: 600px) {
    .page-container {
        min-height: calc(100vh - var(--mud-appbar-height));
    }

    .tab-page-container {
        min-height: calc(100vh - var(--mud-appbar-height) - 59px);
    }
}

/* SKELETONS */
.skeletion {
    border: 1px solid #919eab5c;
    border-radius: 8px;
    display: flex;
    gap: 8px;
    max-width: 189px;
    padding: 10px;
}

.skeleton_bars {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.skeleton_bar_1 {
    background-color: #eaeef5;
    border-radius: 17px;
    height: 10px;
    width: 86px;
}

.skeleton_bar_2 {
    background-color: #eaeef5;
    border-radius: 17px;
    height: 15px;
    width: 126px;
}

.skeleton_ellipses {
    align-items: end;
    display: flex;
}

.skeleton_ellipsis_1,
.skeleton_ellipsis_2 {
    background-color: #eaeef5;
    border: 1px solid #fff;
    border-radius: 50%;
    filter: drop-shadow(0px 12px 24px rgba(145, 158, 171, 0.12)) drop-shadow(0px 0px 2px rgba(145, 158, 171, 0.20));
    height: 20px;
    width: 20px;
}

.skeleton_ellipsis_2 {
    margin-left: -5px;
}


/* APP BAR STYLES */
.app-profile-avatar {
    background-color: #161c24;
}

    .app-profile-avatar > p {
        color: var(--mud-palette-surface);
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        text-transform: uppercase;
    }

.app-profile-options.mud-list-item-clickable:hover {
    background-color: transparent;
}

.app-profile-options.mud-list-item-clickable:focus:not(.mud-selected-item) {
    background-color: transparent;
}

/* SIDE NAVIGATION STYLES */
.side-navigation {
    border-right: 1px solid #f9fafb;
    padding: 10px 20px 30px;
}

    .side-navigation .mud-menu .mud-button-outlined {
        border: 1px solid #919eab52;
        padding: 10px;
    }

        .side-navigation .mud-menu .mud-button-outlined:hover,
        .side-navigation .mud-menu .mud-button-outlined:focus-visible {
            background-color: transparent;
        }

        .side-navigation .mud-menu .mud-button-outlined .mud-button-label {
            align-items: center;
            justify-content: space-between;
        }

            .side-navigation .mud-menu .mud-button-outlined .mud-button-label .company-menu-label {
                font-size: var(--mud-typography-body1-size);
                font-weight: 500;
                line-height: 22px;
                text-transform: capitalize;
            }

            .side-navigation .mud-menu .mud-button-outlined .mud-button-label .menu-button-label {
                display: -webkit-box;
                overflow: hidden;
                overflow-wrap: anywhere;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
            }

    .side-navigation .mud-nav-link {
        color: var(--mud-palette-text-secondary);
        padding: 10px !important;
    }

        .side-navigation .mud-nav-link .mud-nav-link-text {
            margin-inline-start: 10px;
            margin-left: 10px;
        }

        .side-navigation .mud-nav-link.active:not(.mud-nav-link-disabled) {
            background-color: transparent !important;
            border-right: 0px;
            color: var(--mud-palette-text-primary) !important;
        }

            .side-navigation .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon.mud-nav-link-icon-default {
                color: var(--mud-palette-tertiary);
            }

.company-menu {
    max-width: 200px;
}

.company-menu-business-total-text {
    color: #637381;
    font-weight: 500;
    line-height: 16px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.company-switch-tooltip .mud-popover-cascading-value {
    position: relative;
    z-index: 1304;
}

.navigation-group-title {
    font-size: var(--mud-typography-caption-size);
    line-height: 17px;
    padding: 5px 10px;
    text-transform: uppercase;
}

/* COMPANY ONBOARDING STYLES */
.company-onboarding-page-container {
    height: calc(100vh - 68.5px);
    max-width: 1000px;
}

.company-onboarding-actions-toolbar {
    padding: 16px;
}

.company-onboarding-tabs .mud-tabs-panels {
    height: 100%;
    overflow-x: hidden;
}

.company-onboarding-tab-header {
    background-color: #f2f2f7;
}

    .company-onboarding-tab-header.mud-tabs-toolbar .mud-tabs-toolbar-inner {
        min-height: auto;
        padding: 5px 10px;
    }

    .company-onboarding-tab-header .mud-tabs-toolbar-content .mud-tabs-toolbar-wrapper,
    .company-onboarding-tab-header .mud-tabs-toolbar-content .mud-tabs-toolbar-wrapper > div {
        width: 100% !important;
    }

.company-onboarding-tab-panel-header.mud-tab {
    border-radius: 8px;
    color: #637381;
    font-weight: 400;
    height: 100%;
    min-height: auto;
    padding: 10px;
    text-transform: capitalize;
}

    .company-onboarding-tab-panel-header.mud-tab.mud-tab-active {
        background-color: var(--mud-palette-surface);
        box-shadow: 0px 0px 2px 0px rgba(145, 158, 171, 0.20), 0px 12px 24px -4px rgba(145, 158, 171, 0.12);
        color: var(--mud-palette-primary);
    }

.company-information-entry-field .mud-input > input.mud-input-root-outlined,
.company-information-entry-field div.mud-input-slot.mud-input-root-outlined,
.company-sections-selection-field .mud-input > input.mud-input-root-outlined,
.company-sections-selection-field div.mud-input-slot.mud-input-root-outlined {
    padding: 16px 14px;
}

.company-information-entry-field.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol,
.company-sections-selection-field.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    color: var(--mud-palette-text-disabled);
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
}

.company-information-entry-field .mud-input-label-outlined,
.company-sections-selection-field .mud-input-label-outlined {
    transform: translate(14px, 16px) scale(1);
}

.class-section-count-entry-field .mud-input > input.mud-input-root-outlined,
.class-section-count-entry-field div.mud-input-slot.mud-input-root-outlined {
    padding: 10px;
}

.company-section-class-option .mud-checkbox {
    gap: 4px;
}

.subscription-entry-header {
    background-color: #f9fafb;
    border-bottom: 1px solid #919eab3d;
    padding: 10px 0;
}

.subscription-name-entry-field {
    max-width: 165px;
}

    .subscription-name-entry-field .mud-input > input.mud-input-root-outlined,
    .subscription-name-entry-field div.mud-input-slot.mud-input-root-outlined {
        font-size: var(--mud-typography-caption-size);
        line-height: 16px;
        padding: 10px;
    }

    .subscription-name-entry-field .mud-input-control-helper-container {
        padding-left: 0 !important;
    }

    .subscription-name-entry-field .mud-input-helper-text > div > div,
    .subscription-cost-entry-field .mud-input-helper-text > div > div {
        font-size: 10px;
        font-style: italic;
        font-weight: 500;
    }

.subscription-cost-entry-field {
    max-width: 134px;
}

    .subscription-cost-entry-field .mud-input.mud-input-outlined.mud-input-adorned-end {
        padding-inline-end: 10px;
        padding-right: 10px;
    }

    .subscription-cost-entry-field .mud-input > input.mud-input-root-outlined,
    .subscription-cost-entry-field div.mud-input-slot.mud-input-root-outlined {
        font-size: var(--mud-typography-caption-size);
        line-height: 16px;
        padding: 10px 0 10px 10px;
        text-align: end;
    }

    .subscription-cost-entry-field .mud-input-adornment > p {
        color: var(--mud-palette-text-disabled);
        font-size: var(--mud-typography-caption-size);
        font-family: var(--mud-typography-caption-family);
        font-weight: var(--mud-typography-caption-weight);
        line-height: var(--mud-typography-caption-lineheight);
        letter-spacing: var(--mud-typography-caption-letterspacing);
        text-transform: var(--mud-typography-caption-text-transform);
    }

    .subscription-cost-entry-field .mud-input-control-helper-container {
        padding-right: 0 !important;
    }

    .subscription-cost-entry-field .mud-input-helper-text > div > div {
        margin-left: auto;
        margin-inline-start: auto;
        margin-right: 0 !important;
        margin-inline-end: 0 !important;
    }

@media(min-width: 600px) {
    .subscription-name-entry-field .mud-input > input.mud-input-root-outlined, .subscription-name-entry-field div.mud-input-slot.mud-input-root-outlined {
        font-size: var(--mud-typography-body2-size);
    }

    .subscription-cost-entry-field .mud-input > input.mud-input-root-outlined,
    .subscription-cost-entry-field div.mud-input-slot.mud-input-root-outlined {
        font-size: var(--mud-typography-body2-size);
    }

    .subscription-cost-entry-field .mud-input-adornment > p {
        font-size: var(--mud-typography-body2-size);
        font-family: var(--mud-typography-body2-family);
        font-weight: var(--mud-typography-body2-weight);
        line-height: var(--mud-typography-body2-lineheight);
        letter-spacing: var(--mud-typography-body2-letterspacing);
        text-transform: var(--mud-typography-body2-text-transform);
    }
}

@media(min-width: 1280px) {
    .company-onboarding-page-container {
        height: calc(100vh - 76.5px);
        max-width: 1000px;
    }

    .company-onboarding-actions-toolbar {
        padding: 20px 100px;
    }
}

/* ONBOARDING PAGE STYLES */
.onboarding-finalization-dialog .mud-dialog-title {
    padding: 0;
}

.onboarding-finalization-dialog .mud-dialog-content {
    margin: 30px 0;
}

.onboarding-session-select .mud-input > input.mud-input-root-outlined,
.onboarding-session-select div.mud-input-slot.mud-input-root-outlined,
.onboarding-term-select .mud-input > input.mud-input-root-outlined,
.onboarding-term-select div.mud-input-slot.mud-input-root-outlined {
    font-size: var(--mud-typography-body2-size);
    font-weight: 500;
    padding: 12px 0 12px 14px;
}

/* DASHBOARD PAGE STYLES */
.dashboard-page-content-container,
.outstandings-page-content-container {
    min-height: inherit;
    padding: 0 16px 16px;
}

.dashboard-page-title-container {
    background-color: transparent;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
}

.welcome-title {
    font-weight: 400;
    line-height: 40px;
}

.profile-name-welcome {
    font-size: 32px;
    line-height: 40px;
}

.academic-session-report-select.mud-input-control > .mud-input-control-input-container {
    background-color: #f4f6f8;
}

.academic-session-report-select .mud-input.mud-input-outlined.mud-input-adorned-start {
    padding-left: 10px;
    padding-inline-start: 10px;
}

.academic-session-report-select .mud-input-adornment > p {
    font-size: var(--mud-typography-body2-size);
    font-family: var(--mud-typography-body2-family);
    font-weight: var(--mud-typography-body2-weight);
    line-height: 17px;
    letter-spacing: var(--mud-typography-body2-letterspacing);
    text-transform: var(--mud-typography-body2-text-transform);
}

.academic-session-report-select .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-start,
.academic-session-report-select div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-start {
    font-size: var(--mud-typography-body2-size);
    font-weight: 500;
    padding: 10px;
}

.academic-session-report-select .mud-input.mud-input-outlined .mud-input-outlined-border {
    border-width: 0;
}

.payment-breakdown-chart-header {
    flex-direction: column;
    gap: 10px;
}

    .payment-breakdown-chart-header.mud-card-header .mud-card-header-actions {
        align-self: stretch;
        margin-top: 0;
        margin-right: 0;
        margin-inline-end: unset;
        display: flex;
        justify-content: flex-end;
    }

.payment-breakdown-chart-term-filter.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    margin-top: 0;
}

.payment-breakdown-chart-term-filter .mud-input > input.mud-input-root,
.payment-breakdown-chart-term-filter div.mud-input-slot.mud-input-root {
    font-size: var(--mud-typography-body2-size);
    padding: 6px 14px 7px;
}

.current-subscription-debts-customer-count,
.current-subscription-debts-outstanding-total {
    text-align: center;
}

.outstandings-page-title-text {
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

@media (min-width: 600px) {
    .dashboard-page-header-container {
        padding-left: 10px;
    }

    .dashboard-page-title-container {
        flex-direction: row;
    }

    .welcome-title,
    .profile-name-welcome {
        line-height: 56px;
    }

    .profile-name-welcome {
        font-size: 40px;
    }

    .academic-session-report-filter-container {
        flex-basis: 25%;
        max-width: 25%;
    }

    .payment-breakdown-chart-header {
        flex-direction: row;
    }

    .current-subscription-debts-customer-count,
    .current-subscription-debts-outstanding-total {
        text-align: left;
    }

    .outstandings-page-content-container {
        padding: 8px 41px 28px 21px;
    }
}

@media (min-width: 1280px) {
    .dashboard-page-content-container {
        padding: 0 40px 18px 22px;
    }
}

/* DEBTORS PAGE STYLES */
.debtors-page-content-container {
    min-height: inherit;
    padding: 6px 16px 16px;
}

    .debtors-page-content-container .page-title {
        padding: 10px 0;
    }

.debtors-filter-container {
    background-color: transparent;
    flex-direction: column;
    gap: 10px;
}

.debtors-search-filter .mud-input > input.mud-input-root-outlined {
    font-size: var(--mud-typography-body2-size);
    line-height: 25px;
    padding: 8px 0 8px 8px;
}

.debt-session-filter,
.debt-class-filter {
    min-width: 143px;
}

    .debt-session-filter .mud-input > input.mud-input-root-outlined,
    .debt-session-filter div.mud-input-slot.mud-input-root-outlined,
    .debt-class-filter .mud-input > input.mud-input-root-outlined,
    .debt-class-filter div.mud-input-slot.mud-input-root-outlined {
        font-size: 13px;
        line-height: 16.5px;
        padding: 8px 4px 8px 8px;
    }

    .debtors-search-filter .mud-input.mud-input-outlined.mud-input-adorned-end,
    .debt-session-filter .mud-input.mud-input-outlined.mud-input-adorned-end,
    .debt-class-filter .mud-input.mud-input-outlined.mud-input-adorned-end {
        padding-right: 8px;
        padding-inline-end: 8px;
    }

    .debtors-search-filter .mud-icon-root,
    .debt-session-filter .mud-icon-root,
    .debt-class-filter .mud-icon-root {
        font-size: 16px;
    }

    .debtors-search-filter .mud-input.mud-input-outlined .mud-input-outlined-border,
    .debt-session-filter .mud-input.mud-input-outlined .mud-input-outlined-border,
    .debt-class-filter .mud-input.mud-input-outlined .mud-input-outlined-border {
        border-color: #919eab3d;
    }

    .debt-session-filter.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
        background-color: #f3f1f8;
        font-size: 13px;
    }

    .debt-session-filter .mud-input-label-outlined,
    .debt-class-filter .mud-input-label-outlined {
        transform: translate(7px, 7px) scale(1);
    }

    .debt-session-filter .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
    .debt-session-filter .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
    .debt-class-filter .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
    .debt-class-filter .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
        transform: translate(7px, -6px) scale(0.75);
    }

.debtor-filter-popover.mud-list.mud-list-padding {
    padding-top: 4px;
    padding-bottom: 4px;
}

.debtors-action-button {
    border: 1px solid #919eab3d;
    padding: 4px 9px;
}

    .debtors-action-button.mud-button-outlined:disabled {
        border: 1px solid #919eab3d;
    }

    .debtors-action-button .mud-button-label {
        line-height: 22px;
        font-weight: 400;
    }

    .debtors-action-button .mud-icon-root {
        font-size: 16px;
    }

.debtors-table .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(even) {
    background-color: #f2f2f7;
}

.debtors-table.mud-table-hover .mud-table-container .mud-table-root .mud-table-body .mud-table-row:hover {
    background-color: var(--mud-palette-table-hover);
}

.debtors-table-head .mud-table-row {
    background-color: #f9fafb;
}

    .debtors-table-head .mud-table-row .mud-table-cell:first-child > p {
        color: var(--mud-palette-text-disabled);
    }

    .debtors-table-head .mud-table-row .mud-table-cell > p {
        color: #637381;
        line-height: 17px;
    }

.debtors-table-row.mud-table-row .mud-table-cell > p {
    font-size: 13px;
}

.selected-debtor-row {
    background-color: #f4f6f8 !important;
}

.debtors-table-pagination.mud-pagination .mud-pagination-item > * {
    min-width: 27px;
}

.debtors-table-page-size-options .mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-right: 8px;
    padding-inline-end: 8px;
}

.debtors-table-page-size-options .mud-input > input.mud-input-root-outlined,
.debtors-table-page-size-options div.mud-input-slot.mud-input-root-outlined {
    font-size: var(--mud-typography-body2-size);
    line-height: normal;
    padding: 8px 5px 8px 12px;
}

.debtors-table-page-size-options .mud-icon-root {
    font-size: 20px;
}

.term-debt-chip {
    border: 1px solid var(--mud-palette-white);
    font-size: 13px !important;
}

    .term-debt-chip.mud-chip-text {
        color: var(--mud-palette-primary);
        background-color: #634fa129;
    }

@media (min-width: 600px) {
    .debtors-page-content-container {
        padding: 3px 38px 23px 24px;
    }

        .debtors-page-content-container .page-title {
            padding: 10px 0;
        }

    .debtors-filter-container {
        flex-direction: row;
    }

    .debtors-search-filter {
        max-width: 227px;
    }
}

/* CUSTOMERS PAGE STYLES */
.customers-page-content-container {
    min-height: inherit;
    padding: 0 16px 16px 16px;
}

.customers-page-content-title-container {
    background-color: transparent;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
}

.customers-filter-container {
    background-color: transparent;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
}

.customers-search-filter .mud-input > input.mud-input-root-outlined,
.customers-search-filter div.mud-input-slot.mud-input-root-outlined {
    font-size: var(--mud-typography-body2-size);
    line-height: 25px;
    padding: 8px 0 8px 8px;
}

.class-filter-dropdown {
    min-width: 186px;
}

    .customers-search-filter .mud-input.mud-input-outlined.mud-input-adorned-end,
    .class-filter-dropdown .mud-input.mud-input-outlined.mud-input-adorned-end,
    .customers-table-page-size-options .mud-input.mud-input-outlined.mud-input-adorned-end {
        padding-right: 8px;
        padding-inline-end: 8px;
    }

    .customers-search-filter .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end,
    .customers-search-filter div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end,
    .class-filter-dropdown .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end,
    .class-filter-dropdown div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end {
        padding-inline-start: 8px;
    }

    .class-filter-dropdown .mud-input > input.mud-input-root-outlined,
    .class-filter-dropdown div.mud-input-slot.mud-input-root-outlined {
        font-size: var(--mud-typography-body2-size);
        line-height: 18px;
        padding: 8px 0 8px 8px;
    }

    .customers-search-filter .mud-icon-root,
    .class-filter-dropdown .mud-icon-root {
        color: var(--mud-palette-text-primary);
        font-size: 1rem;
    }

    .customers-search-filter .mud-input.mud-input-outlined .mud-input-outlined-border,
    .class-filter-dropdown .mud-input.mud-input-outlined .mud-input-outlined-border {
        border-color: #919eab3d;
    }

    .class-filter-dropdown .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
    .class-filter-dropdown .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
        transform: translate(7px, -6px) scale(0.75);
    }

    .class-filter-dropdown.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
        color: var(--mud-palette-text-disabled);
        font-size: 13px;
    }

    .class-filter-dropdown .mud-input-label-outlined {
        transform: translate(6px, 7px) scale(1);
    }

.customers-import-button.mud-button-outlined,
.customers-export-button.mud-button-outlined {
    border: 1px solid #919eab3d;
}

.customers-import-button .mud-button-label,
.customers-export-button .mud-button-label {
    font-weight: 400;
    line-height: 24.4px;
}

.customers-table .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(even) {
    background-color: #f2f2f7;
}

.customers-table-head .mud-table-row {
    background-color: #f9fafb;
}

    .customers-table-head .mud-table-row .mud-table-cell:first-child > p {
        color: var(--mud-palette-text-disabled);
    }

    .customers-table-head .mud-table-row .mud-table-cell > p {
        color: #637381;
        line-height: 17px;
    }

.customers-table-row.mud-table-row .mud-table-cell > p {
    font-size: 13px;
}

.customers-table-actions {
    gap: 10px !important;
    padding: 6px;
}

.customers-table-pagination.mud-pagination .mud-pagination-item > * {
    min-width: 27px;
}

.customers-table-page-size-options .mud-input > input.mud-input-root-outlined,
.customers-table-page-size-options div.mud-input-slot.mud-input-root-outlined {
    font-size: var(--mud-typography-body2-size);
    line-height: normal;
    padding: 8px 5px 8px 12px;
}

.customers-table-page-size-options .mud-icon-root {
    font-size: 20px;
}

.import-page-content-container {
    min-height: inherit;
    padding: 0 16px 16px;
}

.import-preview-table .mud-table-cell {
    padding: 10px;
}

    .import-preview-table .mud-table-cell > p {
        line-height: 17px;
    }

.customer-form-field.customer-birth-date .mud-input-control {
    margin-top: 0;
}

.customer-form-field .mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-right: 10px;
    padding-inline-end: 10px;
}

.customer-form-field .mud-input > input.mud-input-root-outlined,
.customer-form-field div.mud-input-slot.mud-input-root-outlined {
    padding: 14px 10px;
}

.customer-form-field.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol,
.customer-form-field.customer-birth-date .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    color: var(--mud-palette-text-disabled);
}

.customer-form-field .mud-input-label-outlined {
    transform: translate(6px, 15px) scale(1);
}

.remove-image-button .mud-icon-root {
    font-size: 1rem;
}

.customer-status-chip.mud-chip-text.mud-chip-color-default {
    background-color: #919eab29;
    color: #919eab;
}

.customer-status-chip.mud-chip-text.mud-chip-color-info,
.subsciption-type-chip.mud-chip-text.mud-chip-color-info {
    background-color: #409cff29;
}

@media (min-width: 600px) {
    .customers-page-content-container {
        padding: 0 40px 19px 21px;
    }

    .customers-page-content-title-container {
        flex-direction: row;
        padding: 10px 10px 10px 0;
    }

        .customers-page-content-title-container .page-title {
            padding: 10px;
        }

    .customers-filter-container {
        flex-direction: row;
    }

    .customers-search-filter {
        max-width: 227px;
    }

    .customers-table-actions {
        gap: 20px !important;
    }

    .import-page-content-container {
        padding: 0 40px 18px 22px;
    }
}

@media (max-width: 600px) {
    .customer-dialog-content {
        height: calc(100vh - 199px);
        overflow-y: scroll;
    }

    .import-preview-dialog-content {
        height: calc(100vh - 174px);
        overflow-y: scroll;
    }
}

/* BANK TRANSACTIONS PAGE STYLES */
.bank-transactions-page-container {
    height: calc(100vh - (calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 8)));
}

.bank-transactions-list-region {
    height: inherit;
    width: 100%;
}

.bank-transactions-page-title-content {
    background-color: transparent;
    gap: 10px;
    padding: 10px 0;
}

.manual-transaction-addition-button {
    margin-bottom: 2px;
}

.bank-transactions-filter-container {
    background-color: transparent;
    gap: 10px;
    padding: 10px 0;
}

.bank-transactions-search-filter {
    width: 100%;
}

    .bank-transactions-search-filter .mud-input.mud-input-outlined.mud-input-adorned-end {
        padding-right: 8px;
        padding-inline-end: 8px;
    }

    .bank-transactions-search-filter .mud-input > input.mud-input-root-outlined {
        font-size: var(--mud-typography-body2-size);
        line-height: 25px;
        padding: 8px 0 8px 8px;
    }

    .bank-transactions-search-filter .mud-icon-root {
        font-size: 1.25rem;
    }

    .bank-transactions-search-filter .mud-icon-default {
        color: var(--mud-palette-text-primary);
    }

.bank-transactions-advanced-filter-toggle .mud-icon-root {
    font-size: 1.3rem;
}

.bank-transactions-advanced-search-filter-container {
    background-color: transparent;
    flex-direction: column;
    margin-bottom: 10px;
}

.bank-filter-select-dropdown {
    min-width: 190px;
}

    .bank-filter-select-dropdown .mud-input > input.mud-input-root-outlined,
    .bank-filter-select-dropdown div.mud-input-slot.mud-input-root-outlined,
    .bank-transaction-date-range-filter .mud-input > input.mud-input-root-outlined,
    .bank-transaction-date-range-filter div.mud-input-slot.mud-input-root-outlined {
        font-size: 13px;
        line-height: 16.5px;
        padding: 8px 0 8px 8px;
    }

    .bank-filter-select-dropdown .mud-input.mud-input-outlined.mud-input-adorned-end,
    .bank-transaction-date-range-filter .mud-input.mud-input-outlined.mud-input-adorned-end {
        padding-right: 8px;
        padding-inline-end: 8px;
    }

    .bank-filter-select-dropdown .mud-icon-root {
        font-size: 16px;
    }

    .bank-filter-select-dropdown .mud-input.mud-input-outlined .mud-input-outlined-border,
    .bank-transaction-date-range-filter .mud-input.mud-input-outlined .mud-input-outlined-border {
        border-color: #919eab3d;
    }

    .bank-filter-select-dropdown.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol,
    .bank-transaction-date-range-filter .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
        font-size: 13px;
    }

    .bank-filter-select-dropdown .mud-input-label-outlined,
    .bank-transaction-date-range-filter .mud-input-label-outlined {
        transform: translate(6px, 7px) scale(1);
    }

    .bank-filter-select-dropdown .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
    .bank-transaction-date-range-filter .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
        transform: translate(8px, -6px) scale(0.75);
    }

.bank-transaction-date-range-filter .mud-input-control {
    margin-top: 0;
}

.bank-transaction-date-range-filter .mud-icon-root {
    font-size: 20px;
}

.bank-transactions-table .mud-table-toolbar {
    background-color: #f9fafb;
    margin-bottom: 0 !important;
    padding: 10px;
    --mud-internal-toolbar-height: 52px;
}

.bank-transactions-table-toolbar-text {
    color: #1c2f3e;
    line-height: 17px;
    text-transform: uppercase;
}

.bank-transactions-table .mud-table-container {
    flex: 1;
    overflow-y: scroll;
    scrollbar-width: none;
}

.bank-transactions-table .mud-table-body {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.bank-transaction-cell.mud-table-cell {
    font-size: 0.75rem;
    text-align: end !important;
}

    .bank-transaction-cell.mud-table-cell::before {
        font-style: italic;
    }

.bank-transaction-cell.approval-pending-cell.mud-table-cell {
    padding: 10px 10px 0 15px;
}

.bank-transaction-cell.manual-transaction-cell.mud-table-cell {
    padding: 10px 10px 0 15px;
}

.bank-transaction-cell.bank-transaction-narration.mud-table-cell {
    padding: 10px 10px 2.5px 15px;
}

    .bank-transaction-cell.bank-transaction-narration.mud-table-cell > span {
        display: -webkit-box;
        line-height: 15px;
        max-height: 30px;
        overflow: hidden;
        width: 60%;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

.bank-transaction-cell.bank-transaction-amount.mud-table-cell {
    padding: 2.5px 10px 10px 15px;
}

.bank-transaction-cell.approval-status-cell.mud-table-cell {
    margin-top: -5px;
    padding: 0 10px 10px 15px;
}

    .bank-transaction-cell.approval-pending-cell.mud-table-cell::before,
    .bank-transaction-cell.bank-transaction-amount.mud-table-cell::before,
    .bank-transaction-cell.approval-status-cell.mud-table-cell::before {
        content: none;
    }

.selected-bank-transaction-row {
    background-color: #f4f6f8 !important;
}

.bank-transactions-pagination {
    border-top: 1px solid #919eab3d;
    padding: 10px;
}

    .bank-transactions-pagination .mud-pagination .mud-pagination-item > * {
        margin: 0 !important;
        min-width: 27px;
    }

.bank-transactions-page-size-options .mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-right: 8px;
    padding-inline-end: 8px;
}

.bank-transactions-page-size-options .mud-input > input.mud-input-root,
.bank-transactions-page-size-options div.mud-input-slot.mud-input-root {
    font-size: 0.875rem;
    padding: 10px 5px 10px 8px;
}

.transaction-link-overview-container {
    padding: 0 10px;
}

.bank-transaction-details-overview-container {
    background-color: var(--mud-palette-white);
    padding: 10px 10px 15px;
}

.bank-transactions-page-size-options .mud-icon-root {
    font-size: 1.25rem;
}

.bank-transaction-narration-details {
    color: #637381;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.bank-transaction-allocation-container {
    background-color: transparent;
    flex-direction: column;
}

.allocation-exceeded-alert .mud-alert-icon.mud-alert-icon-left {
    margin-right: 4px;
    margin-inline-end: 4px;
}

.allocation-exceeded-alert .mud-alert-message {
    font-weight: 500;
    padding: 11px 0;
}

.customer-link-search-autocomplete .mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-inline-end: 8px;
    padding-right: 8px;
}

.customer-link-search-autocomplete .mud-input > input.mud-input-root-outlined,
.customer-link-search-autocomplete div.mud-input-slot.mud-input-root-outlined {
    font-size: var(--mud-typography-body2-size);
    padding: 8px 0 8px 8px;
}

.customer-link-search-autocomplete .mud-icon-root {
    font-size: 1.25rem;
}

.customer-link-card-header {
    border-bottom: 1px solid #919eab3d;
    padding: 5px 0;
}

.outstanding-subscriptions-overview-container {
    gap: 10px !important;
}

.subscription-amount-outstanding-container,
.subscription-amount-assignment-container {
    width: 100%;
}

.subscription-information-box {
    background-color: #919eab14;
    padding: 6px 5px 4px;
}

    .subscription-information-box.subscription-name-text,
    .link-approval-breakdown {
        display: -webkit-box !important;
        overflow: hidden;
        overflow-wrap: anywhere;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

.subscription-amount-assignment.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    margin-top: 0;
}

.subscription-amount-assignment .mud-input > input.mud-input-root,
.subscription-amount-assignment div.mud-input-slot.mud-input-root {
    font-size: var(--mud-typography-caption-size);
    font-weight: 500;
    padding: 8px 0;
    text-align: end;
}

.subscription-amount-assignment .mud-input-helper-text > div > div {
    font-size: 10px;
    margin-inline-end: initial !important;
    margin-right: initial !important;
    margin-inline-start: auto;
    margin-left: auto;
}

.available-vouchers-list .mud-list-item-text {
    margin-bottom: 2px;
}

.available-vouchers-list ~ .mud-collapse-container .mud-nested-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.remove-customer-link-button {
    margin-bottom: 2px;
}

.add-customer-link-button {
    margin-bottom: 2px;
}

@media (max-width: 600px) {
    .proof-of-payment-upload-dialog-content {
        height: calc(100vh - 146px);
        overflow-y: scroll;
    }
}

@media (min-width: 600px) {
    .bank-transactions-page-container {
        height: calc(100vh - var(--mud-appbar-height));
    }

    .bank-transactions-page-title-content {
        padding: 10px 10px 10px 0;
    }

    .bank-transaction-allocation-container {
        flex-direction: row;
    }

    .customer-link-card-header {
        padding: 5px 10px;
    }

    .customer-information-header {
        padding: 0 10px;
    }

    .outstanding-subscriptions-overview-container {
        padding: 10px 0;
    }

    .outstanding-subscription-breakdown-container {
        padding: 0 10px;
    }

    .subscription-information-box {
        padding: 6px 12px 4px;
    }

    .available-vouchers-list-menu {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1280px) {
    .bank-transactions-list-region {
        width: 75%;
    }

    .bank-transactions-filter-container {
        flex-direction: row;
    }

    .bank-transactions-search-filter {
        max-width: 227px;
    }

    .bank-transactions-advanced-search-filter-container {
        flex-direction: row;
    }

    .bank-transactions-pagination {
        padding: 10px 20px;
    }

    .transaction-link-overview-container {
        padding: 0 20px 0 10px;
    }

    .subscription-amount-outstanding-container,
    .subscription-amount-assignment-container {
        width: 50%;
    }
}

/* Continue adjustment from here... */
.voucher-allocation-dialog .mud-dialog-title {
    padding: 10px;
}

.voucher-amount-allocation.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    margin-top: 0;
}

.voucher-amount-allocation .mud-input > input.mud-input-root {
    font-size: var(--mud-typography-body2-size);
    padding: 5px 0 5px;
    text-align: end;
}

.payment-proof-upload-region {
    background-color: #f8f7fa;
    padding: 10px;
    width: 200px;
}

.student-payment-history-drawer.mud-drawer .mud-drawer-content {
    gap: 15px;
}

    .student-payment-history-drawer.mud-drawer .mud-drawer-content .student-name {
        font-size: 28px;
        font-weight: 500;
        line-height: 32px;
    }

.student-payment-history-panel.mud-expand-panel {
    border-color: #919eab5c;
}

    .student-payment-history-panel.mud-expand-panel.mud-panel-expanded {
        margin: 0;
    }

    .student-payment-history-panel.mud-expand-panel .mud-expand-panel-header {
        padding: 5px 10px;
    }

        .student-payment-history-panel.mud-expand-panel .mud-expand-panel-header .mud-expand-panel-text {
            font-size: var(--mud-typography-caption-size);
            font-weight: 500;
            line-height: var(--mud-typography-caption-lineheight);
        }

    .student-payment-history-panel.mud-expand-panel .mud-expand-panel-content {
        padding: 0 10px 5px;
    }

.qr-code-payment-proof-upload {
    width: 100%;
}

.qrcode-payment-proof-upload-region {
    background-color: #919eab14;
    height: 112px;
    width: 269px;
}

.payment-proof-file {
    width: 269px;
}

@media (min-width: 600px) {
    .voucher-amount-allocation {
        max-width: 30%;
    }

    .payment-proof-upload-region {
        width: 300px;
    }

    .qr-code-payment-proof-upload {
        width: 56%;
    }

    .qrcode-payment-proof-upload-region,
    .payment-proof-file {
        width: 323px;
    }
}

@media (min-width: 960px) {
    .qrcode-payment-proof-upload-region,
    .payment-proof-file {
        width: 377px;
    }
}

/* ACCOUNTS PAGE STYLES */
.accounts-page-container {
    padding: 16px;
}

.history-page-content-container {
    padding: 0 16px 16px;
}

.page-title-container {
    gap: 10px !important;
    padding: 10px 0;
}

.displayed-account-card-content {
    flex-direction: column;
}

.linked-banks-card,
.recent-transactions-card {
    min-height: 177.5px;
}

.recent-transactions-cell.transaction-date-cell {
    padding: 10px 0 0;
}

.recent-transactions-cell.mud-table-cell {
    font-size: 13px;
    line-height: 17px;
}

    .recent-transactions-cell.mud-table-cell > p {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .recent-transactions-cell.mud-table-cell > div > p {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

.recent-transactions-cell.transaction-time-cell.mud-table-cell {
    padding-bottom: 2.5px;
    padding-top: 10px;
}

.recent-transactions-cell.transaction-details-cell.mud-table-cell {
    padding-bottom: 10px;
    padding-top: 2.5px;
}

.transaction-type-chip.mud-chip-text.mud-chip-color-default {
    background-color: #919eab29;
    color: #919eab;
}

.transaction-type-chip.mud-chip-text.mud-chip-color-error {
    background-color: #ff3b3029;
    color: #ff3b30;
}

.transaction-type-chip.mud-chip-text.mud-chip-color-info {
    background-color: #409cff29;
}

.transaction-type-chip.mud-chip-text.mud-chip-color-success {
    background-color: #34c75929;
    color: #34c759;
}

.transactions-updated.transaction-type-chip.mud-chip > .mud-chip-content {
    gap: 2px;
}

@media (min-width: 600px) {
    .displayed-account-card-content {
        flex-direction: row;
    }

    .recent-transactions-cell.transaction-date-cell {
        padding: 10px 0;
    }

    .recent-transactions-cell.transaction-time-cell.mud-table-cell {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .recent-transactions-cell.transaction-details-cell.mud-table-cell {
        padding-bottom: 10px;
        padding-top: 10px;
    }
}

@media (max-width: 600px) {
    .recent-transactions-cell.transaction-date-cell::before,
    .recent-transactions-cell.transaction-time-cell::before {
        content: none;
    }

    .recent-transactions-cell.transaction-details-cell::before {
        display: -webkit-box;
        font-weight: 400;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .recent-transactions-cell.transaction-details-cell > p {
        text-align: end;
        width: 100%
    }
}

@media (min-width: 1280px) {
    .accounts-page-container {
        gap: 11px !important;
        padding: 20px 40px 39px 21px;
    }

    .history-page-content-container {
        padding: 0 40px 8px 22px;
    }

    .history-page-content-title-container {
        padding: 10px 10px 10px 0;
    }

    .page-title-container {
        padding: 10px 10px 10px 0;
    }

    .linked-banks-card,
    .recent-transactions-card {
        min-height: unset;
    }

    .recent-transactions-card {
        height: 100%;
    }
}

/* APPROVALS PAGE STYLES */
.approvals-page-content-container {
    padding: 0 16px 16px 16px;
}

.approvals-page-title {
    padding: 10px 0;
}

.approvals-and-payments-filter-container {
    background-color: transparent;
}

.approvals-and-payments-tabs .mud-tabs-toolbar {
    background-color: transparent;
}

    .approvals-and-payments-tabs .mud-tabs-toolbar .mud-tabs-toolbar-inner {
        min-height: 38px;
    }

.approvals-and-payments-tabs .mud-tabs-toolbar-content {
    padding: 10px 6px;
}

.mud-tab.approvals-and-payments-tab {
    color: #637381;
    font-weight: 400;
    min-height: 38px;
    padding: 0 10px;
    text-transform: capitalize;
}

.mud-tab.mud-tab-active.approvals-and-payments-tab {
    color: var(--mud-palette-text-primary);
    font-size: var(--mud-typography-body1-size);
    font-weight: 500;
}

.approvals-search-filter .mud-input > input.mud-input-root-outlined {
    font-size: var(--mud-typography-body2-size);
    line-height: 25px;
    padding: 8px 0 8px 8px;
}

.approvals-search-filter .mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-right: 8px;
    padding-inline-end: 8px;
}

.approvals-search-filter .mud-icon-root {
    font-size: 16px;
}

.approvals-search-filter .mud-input.mud-input-outlined .mud-input-outlined-border {
    border-color: #919eab3d;
}

.approvals-table .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(even) {
    background-color: #f2f2f7;
}

.approvals-table-head .mud-table-row {
    background-color: #f9fafb;
}

    .approvals-table-head .mud-table-row .mud-table-cell:first-child > p {
        color: var(--mud-palette-text-disabled);
    }

    .approvals-table-head .mud-table-row .mud-table-cell > p {
        color: #637381;
        line-height: 17px;
    }

.approvals-table .mud-table-cell {
    font-size: 13px;
}

.approval-status-chip.mud-chip-text.mud-chip-color-info {
    background-color: #409cff29;
}

.approval-status-chip.mud-chip-text.mud-chip-color-warning {
    background-color: #ff9f0a29;
}

.approval-status-chip.mud-chip-text.mud-chip-color-success {
    background-color: #34c75929;
    color: #34c759;
}

.approval-status-chip.mud-chip-text.mud-chip-color-error {
    background-color: #ff3b3029;
    color: #ff3b30;
}

.approver-avatars.mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-surface .mud-avatar:not(.mud-avatar-outlined) {
    border: 0.5px solid #f9fafb;
}

.approvals-table-pagination.mud-pagination .mud-pagination-item > * {
    min-width: 27px;
}

.approvals-table-page-size-options .mud-input > input.mud-input-root-outlined,
.approvals-table-page-size-options div.mud-input-slot.mud-input-root-outlined {
    font-size: var(--mud-typography-body2-size);
    line-height: normal;
    padding: 8px 5px 8px 12px;
}

.approvals-table-page-size-options .mud-icon-root {
    font-size: 20px;
}

.payment-status-badge {
    z-index: 10;
}

    .payment-status-badge.mud-badge {
        font-size: 8px;
        min-width: auto;
    }

        .payment-status-badge.mud-badge.mud-badge-bordered.mud-badge-icon {
            padding: 3px 4px;
        }

        .payment-status-badge.mud-badge.mud-badge-icon {
            width: 12px;
            height: 12px;
        }

            .payment-status-badge.mud-badge.mud-badge-icon .mud-icon-badge {
                font-size: 10px;
            }

        .payment-status-badge.mud-badge.mud-badge-bordered {
            border-color: #f9fafb;
            border-width: 0.5px;
        }

            .payment-status-badge.mud-badge.mud-badge-bordered.mud-badge-icon .mud-icon-badge {
                margin-left: -4px;
                margin-inline-start: -4px;
            }

.approval-details-timeline-avatar .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-default {
    background-color: transparent;
}

.approval-details-content {
    flex-direction: column;
}

.approval-details-payment-narration {
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.approval-details-header {
    border-bottom: 1px solid #919eab3d;
    font-weight: 500;
    margin-bottom: 5px;
    padding: 10px 10px 5px;
}

.approval-detail-notes {
    width: 100%;
}

.approval-detail-note {
    background-color: #919eab14;
    border: 0.5px solid #919eab3d;
    padding: 10px;
}

.approvers-overview-region {
    width: 100%;
}

@media (min-width: 600px) {
    .approvals-page-content-container {
        padding: 0 40px 18px 22px;
    }

    .approvals-page-title {
        padding: 10px;
    }

    .approvals-search-filter {
        max-width: 227px;
    }

    .approval-details-content {
        flex-direction: row;
    }

    .approval-detail-notes {
        width: 70%;
    }

    .approvers-overview-region {
        width: 50%;
    }
}

@media (max-width: 600px) {
    .approval-task-details-dialog .mud-dialog-content {
        height: calc(100vh - 94px);
        overflow-y: scroll;
    }

    .payment-information-summary-dialog .mud-dialog-content {
        height: calc(100vh - 162px);
        overflow-y: scroll;
    }
}

/* RECEIPTS PRINT PAGE STYLES */
.receipt-card-header.mud-card-header .mud-card-header-avatar {
    margin-inline-end: 0 !important;
    margin-right: 0 !important;
}

/* SUBSCRIPTIONS PAGE STYLES */
.subscriptions-page-content-container {
    padding: 8px 16px 16px;
}

.subscriptions-page-content-title-container {
    background-color: transparent;
    flex-direction: column;
    gap: 10px;
}

    .subscriptions-page-content-title-container .page-title,
    .subscriptions-page-content-title-container .title-action {
        width: 100%;
    }

.subscriptions-filter-container {
    background-color: transparent;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
}

.academic-session-select-drop-down {
    width: 140px;
}

.subscriptions-search-filter .mud-input > input.mud-input-root-outlined {
    font-size: var(--mud-typography-body2-size);
    line-height: 25px;
    padding: 8px 0 8px 8px;
}

.subscriptions-search-filter .mud-input.mud-input-outlined.mud-input-adorned-end,
.academic-session-select-drop-down .mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-right: 8px;
    padding-inline-end: 8px;
}

.subscriptions-search-filter .mud-icon-root,
.academic-session-select-drop-down .mud-icon-root {
    font-size: 16px;
}

.subscriptions-search-filter .mud-input.mud-input-outlined .mud-input-outlined-border,
.academic-session-select-drop-down .mud-input.mud-input-outlined .mud-input-outlined-border {
    border-color: #919eab3d;
}

.academic-session-select-drop-down .mud-input > input.mud-input-root-outlined,
.academic-session-select-drop-down div.mud-input-slot.mud-input-root-outlined {
    font-size: 13px;
    line-height: 16.5px;
    padding: 8px 0 8px 8px;
}

.academic-session-select-drop-down .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
.academic-session-select-drop-down .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    transform: translate(7px, -6px) scale(0.75);
}

.academic-session-select-drop-down.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    background-color: #f3f1f8;
    color: var(--mud-palette-text-disabled);
    font-size: 13px;
}

.academic-session-select-drop-down .mud-input-label-outlined {
    transform: translate(6px, 7px) scale(1);
}

.subscriptions-table .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(even) {
    background-color: #f2f2f7;
}

.subscriptions-table-head .mud-table-row {
    background-color: #f9fafb;
}

    .subscriptions-table-head .mud-table-row .mud-table-cell:first-child > p {
        color: var(--mud-palette-text-disabled);
    }

    .subscriptions-table-head .mud-table-row .mud-table-cell > p {
        color: #637381;
        line-height: 17px;
    }

.subscription-info-chip.mud-chip.mud-chip-size-small {
    font-size: 10px;
    font-style: italic;
    height: 20px;
}

.subscription-info-chip.mud-chip-text.mud-chip-color-default {
    background-color: #919eab29;
    color: #637381;
}

.subscription-status-chip.mud-chip-text.mud-chip-color-success {
    background-color: #34c75929;
    color: #34c759;
}

.subscription-status-chip.mud-chip-text.mud-chip-color-error {
    background-color: #ff3b3029;
    color: #ff3b30;
}

.subscriptions-table-pagination.mud-pagination .mud-pagination-item > * {
    min-width: 27px;
}

.subscriptions-table-page-size-options .mud-input > input.mud-input-root-outlined,
.subscriptions-table-page-size-options div.mud-input-slot.mud-input-root-outlined {
    font-size: var(--mud-typography-body2-size);
    line-height: normal;
    padding: 8px 5px 8px 12px;
}

.subscriptions-table-page-size-options .mud-icon-root {
    font-size: 20px;
}

.subscriptions-table-page-size-options .mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-right: 8px;
    padding-inline-end: 8px;
}

.subscription-form-field .mud-input > input.mud-input-root-outlined,
.subscription-form-field div.mud-input-slot.mud-input-root-outlined {
    padding: 14px;
}

.subscription-form-field.academic-session-select .mud-input > input.mud-input-root-outlined,
.subscription-form-field.academic-session-select div.mud-input-slot.mud-input-root-outlined,
.subscription-form-field.academic-term-select .mud-input > input.mud-input-root-outlined,
.subscription-form-field.academic-term-select div.mud-input-slot.mud-input-root-outlined {
    padding: 14px 0 14px 14px;
}

.subscription-form-field.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    color: var(--mud-palette-text-disabled);
}

.subscription-form-field .mud-input-label-outlined {
    transform: translate(10px, 15px) scale(1);
}

.active-class-select .mud-checkbox > p {
    font-size: var(--mud-typography-body2-size);
    font-family: var(--mud-typography-body2-family);
    font-weight: var(--mud-typography-body2-weight);
    line-height: var(--mud-typography-body2-lineheight);
    letter-spacing: var(--mud-typography-body2-letterspacing);
    text-transform: var(--mud-typography-body2-text-transform);
}

.custoemr-assignment-table .mud-table-cell {
    padding: 10px;
}

    .custoemr-assignment-table .mud-table-cell > p {
        line-height: 17px;
    }

.customer-transaction-alert .mud-alert-message {
    font-size: var(--mud-typography-caption-size);
    font-style: italic;
}


@media (min-width: 600px) {
    .subscriptions-page-content-container {
        padding: 8px 41px 28px 21px;
    }

    .subscriptions-page-content-title-container {
        flex-direction: row;
        padding: 10px 0
    }

        .subscriptions-page-content-title-container .page-title,
        .subscriptions-page-content-title-container .title-action {
            width: auto;
        }

    .subscriptions-filter-container {
        flex-direction: row;
    }

    .subscriptions-search-filter {
        max-width: 227px;
    }
}

@media (max-width: 600px) {
    .subscription-dialog-content,
    .customer-assignment-dialog-content {
        height: calc(100vh - 198px);
        overflow-y: scroll;
    }
}

/* VOUCHERS PAGE STYLES */
.vouchers-page-content-container {
    padding: 0 16px 16px;
}

.vouchers-page-title-content-container {
    background-color: transparent;
    flex-direction: column;
    gap: 10px;
    padding: 15px 0;
}

.vouchers-tab-header.mud-tabs-toolbar {
    background-color: transparent;
}

    .vouchers-tab-header.mud-tabs-toolbar .mud-tabs-toolbar-inner {
        min-height: 38px;
    }

.vouchers-tab-panel-header {
    color: #637381;
    font-size: var(--mud-typography-body2-size);
    font-weight: 400;
    min-height: 38px;
    padding: 0 10px;
    text-transform: capitalize;
}

    .vouchers-tab-panel-header.mud-tab.mud-tab-active {
        color: var(--mud-palette-text-primary);
        font-size: var(--mud-typography-body1-size);
        font-weight: 500;
    }

.vouchers-filter-container {
    background-color: transparent;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
}

.vouchers-search-filter .mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-right: 8px;
    padding-inline-end: 8px;
}

.vouchers-search-filter .mud-input > input.mud-input-root-outlined,
.vouchers-search-filter div.mud-input-slot.mud-input-root-outlined {
    font-size: var(--mud-typography-body2-size);
    line-height: 25px;
    padding: 8px 0 8px 8px;
}

.vouchers-search-filter .mud-icon-root {
    font-size: 1rem;
}

.vouchers-search-filter .mud-input.mud-input-outlined .mud-input-outlined-border {
    border-color: #919eab3d;
}

.voucher-type-select,
.voucher-status-select {
    width: 151px;
}

    .voucher-type-select .mud-input.mud-input-outlined.mud-input-adorned-end,
    .voucher-status-select .mud-input.mud-input-outlined.mud-input-adorned-end {
        padding-right: 8px;
        padding-inline-end: 8px;
    }

    .voucher-type-select .mud-input > input.mud-input-root-outlined,
    .voucher-type-select div.mud-input-slot.mud-input-root-outlined,
    .voucher-status-select .mud-input > input.mud-input-root-outlined,
    .voucher-status-select div.mud-input-slot.mud-input-root-outlined {
        padding: 8px 0 8px 8px;
    }

    .voucher-type-select .mud-input > input.mud-input-root,
    .voucher-type-select div.mud-input-slot.mud-input-root,
    .voucher-status-select .mud-input > input.mud-input-root,
    .voucher-status-select div.mud-input-slot.mud-input-root {
        font-size: 13px;
        line-height: 16.5px;
    }

    .voucher-type-select .mud-icon-root,
    .voucher-status-select .mud-icon-root {
        font-size: 1rem;
    }

    .voucher-type-select .mud-input.mud-input-outlined .mud-input-outlined-border,
    .voucher-status-select .mud-input.mud-input-outlined .mud-input-outlined-border {
        border-color: #919eab3d;
    }

    .voucher-type-select .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
    .voucher-type-select .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
    .voucher-status-select .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
    .voucher-status-select .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
        transform: translate(7px, -6px) scale(0.75);
    }

    .voucher-type-select.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol,
    .voucher-status-select.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
        color: var(--mud-palette-text-disabled);
        font-size: 13px;
    }

    .voucher-type-select .mud-input-label-outlined,
    .voucher-status-select .mud-input-label-outlined {
        transform: translate(6px, 7px) scale(1);
    }


.vouchers-table .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(even) {
    background-color: #f2f2f7;
}

.vouchers-table-head .mud-table-row {
    background-color: #f9fafb;
}

    .vouchers-table-head .mud-table-row .mud-table-cell:first-child > p {
        color: var(--mud-palette-text-disabled);
    }

    .vouchers-table-head .mud-table-row .mud-table-cell > p {
        color: #637381;
        line-height: 17px;
    }

.voucher-usage-status-chip.mud-chip-text.mud-chip-color-default {
    background-color: #919eab29;
    color: #919eab;
}

.voucher-usage-status-chip.mud-chip-text.mud-chip-color-error {
    background-color: #ff3b3029;
    color: #ff3b30;
}

.voucher-usage-status-chip.mud-chip-text.mud-chip-color-info {
    background-color: #409cff29;
}

.voucher-usage-status-chip.mud-chip-text.mud-chip-color-success {
    background-color: #34c75929;
    color: #34c759;
}

.voucher-usage-status-chip.mud-chip-text.mud-chip-color-warning {
    background-color: #ff9f0a29;
}

.vouchers-table-pagination.mud-pagination .mud-pagination-item > * {
    min-width: 27px;
}

.vouchers-table-page-size-options .mud-input > input.mud-input-root-outlined,
.vouchers-table-page-size-options div.mud-input-slot.mud-input-root-outlined {
    font-size: var(--mud-typography-body2-size);
    line-height: normal;
    padding: 8px 5px 8px 12px;
}

.vouchers-table-page-size-options .mud-icon-root {
    font-size: 20px;
}

.voucher-form-field.voucher-expiry-date .mud-input-control {
    margin-top: 0;
}

.voucher-form-field .mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-right: 10px;
    padding-inline-end: 10px;
}

.voucher-form-field .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end,
.voucher-form-field div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end {
    padding-inline-start: 10px;
}

.voucher-form-field .mud-input > input.mud-input-root-outlined,
.voucher-form-field div.mud-input-slot.mud-input-root-outlined {
    padding: 14px 10px;
}

.voucher-form-field.voucher-notes .mud-input > textarea.mud-input-root-outlined {
    margin: 10px 20px;
}

.voucher-form-field.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol,
.voucher-form-field .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    color: var(--mud-palette-text-disabled);
}

.voucher-form-field .mud-input-label-outlined {
    transform: translate(6px, 15px) scale(1);
}

.voucher-form-field.voucher-notes .mud-input-label-outlined {
    transform: translate(14px, 18.5px) scale(1);
}

.voucher-tabs .mud-tabs-panels {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 8px 0;
}

.voucher-approval-response-button .mud-icon-root {
    font-size: 1rem;
}

.voucher-application-container {
    flex-direction: column-reverse !important;
}

.outstanding-subscription-name,
.outstanding-amount-title {
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.voucher-application-amount-box .mud-input > input.mud-input-root-outlined {
    font-size: var(--mud-typography-caption-size);
    padding: 6px;
    text-align: end;
}

.review-information-icon.mud-icon-size-small {
    font-size: 0.875rem;
}

.voucher-information-overview {
    width: 100%;
}

.voucher-information-overview-card {
    border-color: #919eab3d;
    border-width: 1px;
    height: fit-content;
    padding: 10px;
}

.voucher-limit-exceeded-alert .mud-alert-message,
.voucher-processing-alert .mud-alert-message {
    font-size: var(--mud-typography-caption-size);
    font-style: italic;
}

.rejection-note .mud-alert-message {
    font-size: 10px;
    font-weight: 500;
}

.rejection-note .mud-icon-root {
    font-size: 1.2rem;
}

.voucher-application-dialog.mud-dialog .mud-dialog-actions > :not(:first-child) {
    margin-left: 16px;
    margin-inline-start: 16px;
}

@media (min-width: 600px) {
    .vouchers-page-content-container {
        padding: 8px 41px 28px 21px;
    }

    .vouchers-page-title-content-container {
        flex-direction: row;
    }

    .vouchers-filter-container {
        flex-direction: row;
    }

    .vouchers-search-filter {
        max-width: 227px;
    }

    .voucher-application-container {
        flex-direction: row !important;
    }

    .voucher-application-amount-box .mud-input > input.mud-input-root-outlined {
        font-size: var(--mud-typography-body2-size);
    }

    .voucher-information-overview {
        width: 40%;
    }
}

@media (max-width: 600px) {
    .voucher-form-dialog-content {
        height: calc(100vh - 195px);
    }

    .voucher-application-dialog-content {
        height: calc(100vh - 188px);
        overflow: scroll;
    }
}

/* REPORTS PAGE STYLES */
.reports-tab-header {
    border-bottom: 1px solid #919eab3d;
    padding: 10px 16px;
}

    .reports-tab-header.mud-tabs-toolbar .mud-tabs-toolbar-inner {
        min-height: 38px;
    }

.reports-tab-panel-header {
    color: #637381;
    font-size: var(--mud-typography-body1-size);
    min-height: 38px;
    padding: 0 10px;
    text-transform: capitalize;
}

    .reports-tab-panel-header.mud-tab.mud-tab-active {
        background-color: #7c77b929;
        color: var(--mud-palette-tertiary);
    }

.finance-tab-panel-content
.growth-tab-panel-content {
    padding: 0;
}

.finance-tab-panel-content-header,
.growth-tab-panel-content-header {
    background-color: transparent;
    flex-direction: column;
    gap: 10px;
}

.finance-actions-container,
.growth-actions-container {
    background-color: transparent;
    flex-direction: column;
    gap: 20px;
}

.finance-session-filter,
.growth-session-filter {
    width: 113px;
}

    .finance-session-filter .mud-input.mud-input-underline::after,
    .finance-session-filter .mud-input.mud-input-underline::before,
    .finance-session-filter .mud-input.mud-input-underline:hover:not(.mud-disabled)::before,
    .growth-session-filter .mud-input.mud-input-underline::after,
    .growth-session-filter .mud-input.mud-input-underline::before,
    .growth-session-filter .mud-input.mud-input-underline:hover:not(.mud-disabled)::before {
        border-bottom: 0;
    }

    .finance-session-filter.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text,
    .growth-session-filter.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
        margin-top: 0;
    }

    .finance-session-filter .mud-input > input.mud-input-root,
    .finance-session-filter div.mud-input-slot.mud-input-root,
    .growth-session-filter .mud-input > input.mud-input-root,
    .growth-session-filter div.mud-input-slot.mud-input-root {
        font-size: var(--mud-typography-caption-size);
        line-height: 20px;
        padding: 1px 5px;
    }

.vouchers-used-card-header.mud-card-header,
.comparison-card-header.mud-card-header {
    flex-direction: column;
}

    .vouchers-used-card-header.mud-card-header .mud-card-header-content,
    .comparison-card-header.mud-card-header .mud-card-header-content {
        width: 100%;
    }

    .vouchers-used-card-header.mud-card-header .mud-card-header-actions,
    .comparison-card-header.mud-card-header .mud-card-header-actions {
        align-items: baseline;
        align-self: self-end;
        display: flex;
    }

.reports-term-filter {
    width: 120px;
}

    .reports-term-filter .mud-input.mud-input-underline::after,
    .reports-term-filter .mud-input.mud-input-underline::before,
    .reports-term-filter .mud-input.mud-input-underline:hover:not(.mud-disabled)::before {
        border-bottom: 0;
    }

    .reports-term-filter.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
        margin-top: 8px;
    }

    .reports-term-filter .mud-input > input.mud-input-root,
    .reports-term-filter div.mud-input-slot.mud-input-root {
        font-size: var(--mud-typography-caption-size);
        line-height: 20px;
        padding: 1px 5px;
    }

@media (min-width: 600px) {
    .reports-tab-header {
        border-bottom: 1px solid #919eab3d;
        padding: 10px 20px;
    }

    .finance-tab-panel-content,
    .growth-tab-panel-content {
        padding: 0 20px 0 0;
    }

    .finance-tab-panel-content-header,
    .growth-tab-panel-content-header {
        flex-direction: row;
        padding: 10px;
    }

    .finance-actions-container,
    .growth-actions-container {
        flex-direction: row;
    }

    .vouchers-used-card-header.mud-card-header,
    .comparison-card-header.mud-card-header {
        flex-direction: row;
    }

    .reports-term-filter.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
        margin-top: 0px;
    }
}

/* SETTINGS PAGE STYLES */
.settings-tab-header {
    border-bottom: 1px solid #919eab3d;
    padding: 5px;
}

    .settings-tab-header.mud-tabs-toolbar .mud-tabs-toolbar-inner {
        min-height: 38px;
    }

        .settings-tab-header.mud-tabs-toolbar .mud-tabs-toolbar-inner .mud-tabs-scroll-button .mud-icon-button {
            padding: 6.5px;
        }

.settings-tab-panel-header {
    color: #637381;
    font-size: var(--mud-typography-body2-size);
    font-weight: 400;
    min-height: 38px;
    padding: 0 10px;
    text-transform: capitalize;
}

    .settings-tab-panel-header.mud-tab.mud-tab-active {
        color: var(--mud-palette-tertiary);
        font-size: var(--mud-typography-body1-size);
        font-weight: 500;
    }

.companies-tab-panel-content,
.team-tab-panel-content,
.approval-workflow-tab-panel-content,
.voucher-type-tab-panel-content {
    min-height: inherit;
    padding: 0 16px 16px;
}

.companies-tab-panel-content-header,
.team-tab-panel-content-header,
.approval-workflow-tab-panel-content-header,
.voucher-type-tab-panel-content-header {
    background-color: transparent;
    flex-direction: column;
    gap: 10px;
    padding: 16px 0;
}

    .companies-tab-panel-content-header .page-title,
    .companies-tab-panel-content-header .title-action,
    .team-tab-panel-content-header .page-title,
    .team-tab-panel-content-header .title-action {
        width: 100%;
    }

.company-update-form-field .mud-input > input.mud-input-root-outlined,
.company-update-form-field div.mud-input-slot.mud-input-root-outlined {
    padding: 16px 14px;
}

.company-update-form-field.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    color: var(--mud-palette-text-disabled);
}

.company-update-form-field .mud-input-label-outlined {
    transform: translate(10px, 17px) scale(1);
}

.user-creation-dialog {
    max-width: 570px;
}

    .user-creation-dialog .mud-dialog-title {
        margin-bottom: 22px;
        padding: 0;
    }

.user-detail-entry-field .mud-input > input.mud-input-root-outlined {
    padding: 16px 14px;
}

.user-password-entry-field .mud-input > input.mud-input-root-outlined {
    padding: 16px 0 16px 14px;
}

.user-role-select-field .mud-input > input.mud-input-root-outlined,
.user-role-select-field div.mud-input-slot.mud-input-root-outlined {
    padding: 16px 0 16px 14px;
}

.user-detail-entry-field .mud-input-label-outlined,
.user-role-select-field .mud-input-label-outlined,
.user-password-entry-field .mud-input-label-outlined {
    transform: translate(8.5px, 17px) scale(1);
}

.user-detail-entry-field.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol,
.user-role-select-field.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol,
.user-password-entry-field.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    color: var(--mud-palette-text-disabled);
}

.team-users-table .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(even) {
    background-color: #f2f2f7;
}

.team-users-table-head .mud-table-row {
    background-color: #f9fafb;
}

    .team-users-table-head .mud-table-row .mud-table-cell:first-child > p {
        color: var(--mud-palette-text-disabled);
    }

    .team-users-table-head .mud-table-row .mud-table-cell > p {
        color: #637381;
        line-height: 17px;
    }

.user-status-chip.mud-chip-text.mud-chip-color-success {
    background-color: #34c75929;
    color: #34c759;
}

.user-status-chip.mud-chip-text.mud-chip-color-error {
    background-color: #ff3b3029;
    color: #ff3b30;
}

.team-users-table-pagination.mud-pagination .mud-pagination-item > * {
    min-width: 27px;
}

.team-users-table-page-size-options .mud-input > input.mud-input-root-outlined,
.team-users-table-page-size-options div.mud-input-slot.mud-input-root-outlined {
    font-size: var(--mud-typography-body2-size);
    line-height: normal;
    padding: 8px 5px 8px 12px;
}

.team-users-table-page-size-options .mud-icon-root {
    font-size: 20px;
}

.company-add-option .mud-list-item-text > p {
    font-size: var(--mud-typography-body2-size);
    font-family: var(--mud-typography-body2-family);
    font-weight: var(--mud-typography-body2-weight);
    line-height: var(--mud-typography-body2-lineheight);
    letter-spacing: var(--mud-typography-body2-letterspacing);
    text-transform: var(--mud-typography-body2-text-transform);
}

.approver-avatar {
    height: 48px !important;
    width: 48px !important;
    border: 0.5px solid !important;
    border-color: #f9fafb !important;
}

.approver-avatars-max {
    background-color: #fff;
    color: #000;
    z-index: 4;
}

.approver-search-autocomplete .mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-inline-end: 8px;
    padding-right: 8px;
}

.approver-search-autocomplete .mud-input > input.mud-input-root-outlined,
.approver-search-autocomplete div.mud-input-slot.mud-input-root-outlined {
    font-size: var(--mud-typography-body2-size);
    padding: 8px 0 8px 8px;
}

.approver-search-autocomplete .mud-icon-root {
    font-size: 1.25rem;
}

.radio-card-group .mud-radio-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.voucher-type-form-field.voucher-expiry-date .mud-input-control {
    margin-top: 0;
}

.voucher-type-form-field .mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-right: 10px;
    padding-inline-end: 10px;
}

.voucher-type-form-field .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end,
.voucher-type-form-field div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end {
    padding-inline-start: 10px;
}

.voucher-type-form-field .mud-input > input.mud-input-root-outlined,
.voucher-type-form-field div.mud-input-slot.mud-input-root-outlined {
    padding: 14px 10px;
}

.voucher-type-form-field.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol,
.voucher-type-form-field .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    color: var(--mud-palette-text-disabled);
}

.voucher-type-form-field .mud-input-label-outlined {
    transform: translate(6px, 15px) scale(1);
}

.voucher-type-form-field.voucher-type-description .mud-input > textarea.mud-input-root-outlined {
    margin: 10px 20px;
}

.voucher-type-form-field.voucher-type-description .mud-input-label-outlined {
    transform: translate(14px, 18.5px) scale(1);
}

.voucher-type-card-header.mud-card-header .mud-card-header-actions {
    margin-top: 0;
    margin-right: 0;
    margin-inline-end: 0;
}

@media (min-width: 600px) {
    .settings-tab-header {
        padding: 10px 20px;
    }

    .companies-tab-panel-content {
        padding: 0 39px 16px 23px;
    }

    .team-tab-panel-content {
        padding: 0 42px 22px 20px;
    }

    .approval-workflow-tab-panel-content,
    .voucher-type-tab-panel-content {
        padding: 0 40px 18px 22px;
    }

    .companies-tab-panel-content-header,
    .team-tab-panel-content-header {
        flex-direction: row;
        padding: 16px 10px;
    }

        .companies-tab-panel-content-header .page-title,
        .companies-tab-panel-content-header .title-action,
        .team-tab-panel-content-header .page-title,
        .team-tab-panel-content-header .title-action {
            width: auto;
        }

    .approval-workflow-tab-panel-content-header,
    .voucher-type-tab-panel-content-header {
        flex-direction: row;
        padding: 16px 0;
    }
}

@media (max-width: 600px) {
    .user-creation-dialog .mud-dialog-content {
        height: calc(100vh - 173px);
        overflow-y: scroll;
    }

    .approval-setting-dialog-content {
        height: calc(100vh - 198px);
        overflow-y: scroll;
    }

    .voucher-type-form-dialog-content {
        height: calc(100vh - 195px);
    }
}

/* PROFILE PAGE STYLES */
.profile-page-container {
    min-height: inherit;
    padding: 0 16px 16px;
}

.profile-field .mud-input > input.mud-input-root-outlined,
.profile-field div.mud-input-slot.mud-input-root-outlined {
    padding: 16px 14px;
}

.profile-field.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    color: var(--mud-palette-text-disabled);
}

.profile-field .mud-input-label-outlined {
    transform: translate(14px, 17px) scale(1);
}

@media (min-width: 600px) {
    .profile-page-container {
        padding: 0 40px 18px 22px;
    }
}

/* PRINTIING STYLES */
@media print {
    .mud-appbar,
    .debtors-action-button,
    .debtors-table .mud-table-pagination,
    .print-button {
        display: none;
    }

    .debtors-page-content-container {
        padding: 0;
    }
}