@import url("variable.css");

code {
    text-wrap: wrap;
}

body {
    font-family: var(--typography-typefaces-body) !important;
}

.mud-toolbar-gutters {
    padding-left: 0px;
    padding-right: 0px;
}

.pa-4 {
    padding: var(--spacing-5) !important;
}

.mud-button-root {
    border-radius: 0;
    text-transform: none;
}

.mud-appbar .mud-typography {
    color: var(--mud-palette-appbar-text);
}

.mud-appbar .mud-icon-button {
    padding: 4px;
    margin: 3px 6px;
    border: 2px solid transparent;
}

    .mud-appbar .mud-icon-button:active {
        border: 2px solid var(--surface-background-primary-intense);
        box-sizing: border-box;
    }



.mud-grid-spacing-xs-6 > .mud-grid-item {
    padding-left: 20px;
    padding-top: 20px;
}

/* Card */
.mud-card {
    padding: var(--spacing-7) !important;
    border-radius: var(--bradius-medium);
    border: 1px solid var(--mud-palette-lines-default);
}

    .mud-card.mud-elevation-1 {
        box-shadow: 0px 2px 5px 0px color-mix(in srgb, var(--mud-palette-black) 18%, transparent);
    }

    .mud-card.mud-elevation-2 {
        box-shadow: 0px 2px 16px 0px color-mix(in srgb, var(--mud-palette-black) 18%, transparent);
    }

    .mud-card.mud-elevation-3 {
        box-shadow: 0px 4px 16px 0px color-mix(in srgb, var(--mud-palette-black) 18%, transparent);
    }

    .mud-card.mud-elevation-4 {
        box-shadow: 0px 12px 32px -4px color-mix(in srgb, var(--mud-palette-black) 18%, transparent);
    }

    .mud-card.mud-elevation-5 {
        box-shadow: 0px 24px 64px -8px color-mix(in srgb, var(--mud-palette-black) 18%, transparent);
    }

    .mud-card.mud-elevation-6 {
        box-shadow: 0px 32px 96px -12px color-mix(in srgb, var(--mud-palette-black) 18%, transparent);
    }

.mud-card-header-avatar .mud-icon-root {
    font-size: var(--fz-size-24);
}

.mud-card-header-actions .mud-icon-button {
    padding: var(--spacing-3) var(--spacing-6) !important;
}

.mud-card .mud-card-header {
    background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--netural-slateblue-a100);
    padding: var(--ps-00);
    padding-bottom: var(--ps-12);
}

.mud-card .mud-card-content {
    padding: var(--ps-12) var(--ps-00);
}

.mud-card .mud-card-actions {
    padding: var(--ps-00);
    padding-top: var(--ps-12);
    justify-content: space-between;
    border-top: 1px solid var(--netural-slateblue-a100);
}

    .mud-card .mud-card-actions button {
        margin-left: var(--spacing-3);
    }

    .mud-card .mud-card-actions .mud-card-content {
        padding: var(--spacing-0);
        flex-grow: 0;
    }

        .mud-card .mud-card-actions .mud-card-content .mud-typography-subtitle1 {
            text-transform: uppercase;
        }


/* App Bar */

.mud-toolbar button .ft-menu {
    font-size: var(--fz-size-24);
}

.mud-toolbar button span .mud-icon-root.mud-svg-icon {
    fill: var(--mud-palette-appbar-text);
}

.mud-appbar, .mud-appbar[class*="mud-theme-"] {
    height: var(--mud-appbar-height);
    padding: var(--switch-medium-padding);
    box-shadow: var(--mud-elevation-0);
    background-color: var(--mud-palette-appbar-background) !important;
}

    .mud-appbar.mud-theme-primary {
        border-bottom: 4px solid var(--mud-palette-primary)
    }

    .mud-appbar.mud-theme-secondary {
        border-bottom: 4px solid var(--mud-palette-secondary)
    }

    .mud-appbar.mud-theme-tertiary {
        border-bottom: 4px solid var(--mud-palette-tertiary)
    }

    .mud-appbar.mud-theme-success {
        border-bottom: 4px solid var(--mud-palette-success)
    }

    .mud-appbar.mud-theme-error {
        border-bottom: 4px solid var(--mud-palette-error)
    }

    .mud-appbar.mud-theme-info {
        border-bottom: 4px solid var(--mud-palette-info)
    }

    .mud-appbar.mud-theme-warning {
        border-bottom: 4px solid var(--mud-palette-warning)
    }

/* Badge */
.mud-badge.mud-badge-bordered {
    outline: 2px solid var(--mud-palette-surface);
    padding: var(--spacing-2) var(--spacing-3);
    border: none;
}

.mud-badge-dot.mud-badge-bordered {
    padding: 0;
}

.mud-badge {
    padding: var(--spacing-2) var(--spacing-3);
}

/* Button */

/* General */
.mud-button-filled, .mud-button-outlined {
    font-family: var(--typography-typefaces-body) !important;
    font-weight: var(--fw-700) !important;
    text-align: center !important;
    border-radius: var(--bradius-medium) !important;
    box-shadow: none !important;
}

.mud-button-text, .mud-icon-button {
    border-radius: var(--bradius-medium) !important;
}

button[class*="size-small"] {
    font-size: var(--fz-size-12);
    line-height: var(--lineheight-18);
    min-height: var(--size-32);
    padding: var(--spacing-0) var(--spacing-4);
}

button[class*="size-medium"] {
    font-size: var(--fz-size-14);
    line-height: var(--lineheight-20);
    min-height: var(--size-36);
    padding: var(--spacing-0) var(--spacing-6);
}

button[class*="size-large"] {
    font-size: var(--fz-size-16);
    line-height: var(--lineheight-24);
    min-height: var(--size-48);
    padding: var(--spacing-0) var(--spacing-6);
}

.mud-button-icon-size-small > *:first-child {
    font-size: var(--fz-size-12);
}

.mud-button-icon-size-medium > *:first-child {
    font-size: var(--fz-size-14);
}

.mud-button-icon-size-large > *:first-child {
    font-size: var(--fz-size-16);
}

.mud-button-filled-size-medium, .mud-button-outlined-size-medium {
    font-size: var(--fz-size-14) !important;
    padding: var(--spacing-0) var(--spacing-6) !important;
    line-height: var(--lineheight-20) !important;
    min-height: var(--size-36) !important;
}

/*.mud-icon-button {
    padding: var(--size-04) var(--size-08) !important;
}*/

.mud-icon-size-medium {
    font-size: var(--fz-size-16);
}

.mud-button-filled:focus, .mud-button-text:focus, .mud-button-outlined:focus, .mud-icon-button:focus {
    outline: 2px solid var(--mud-palette-primary) !important;
}

.mud-icon-button.mud-primary-text:hover, .mud-icon-button.mud-secondary-text:hover,
.mud-icon-button.mud-tertiary-text:hover, .mud-icon-button.mud-success-text:hover,
.mud-icon-button.mud-error-text:hover, .mud-icon-button.mud-info-text:hover,
.mud-icon-button.mud-warning-text:hover {
    background-color: transparent;
}

/* Default */

.mud-button-filled-default {
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-primary);
    border: 1px solid var(--mud-palette-primary);
}

    .mud-button-filled-default:hover {
        border-color: 1px solid var(--mud-palette-primary-darken);
    }


/* Primary */

.mud-button-filled-primary {
    background-color: var(--mud-palette-primary);
    border: 1px solid var(--mud-palette-primary);
}

.mud-button-outlined-primary {
    background-color: transparent;
}

.mud-button-text-primary:hover {
    background-color: transparent !important;
}

    .mud-button-text-primary:hover .mud-button-label {
        text-decoration: underline;
    }

.mud-button-outlined-primary:hover, .mud-button-outlined-primary:active {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 18%, transparent) !important;
}

.mud-button-filled-primary:hover {
    border: 1px solid var(--mud-palette-primary-darken);
}

.mud-icon-button.mud-primary-text:hover {
    background-color: transparent !important;
    color: var(--mud-palette-primary-lighten) !important;
}

/* Secondary */

.mud-button-filled-secondary {
    background-color: var(--mud-palette-secondary);
    border: 1px solid var(--mud-palette-secondary);
}

.mud-button-text-secondary:hover {
    background-color: transparent !important;
}

    .mud-button-text-secondary:hover .mud-button-label {
        text-decoration: underline;
    }

.mud-button-outlined-secondary {
    background-color: color-mix(in srgb, var(--mud-palette-secondary) 18%, transparent);
}

    .mud-button-outlined-secondary:hover, .mud-button-outlined-secondary:active {
        background-color: color-mix(in srgb, var(--mud-palette-secondary) 24%, transparent) !important;
    }

.mud-button-filled-secondary:hover {
    border: 1px solid var(--mud-palette-secondary-darken);
}

.mud-icon-button.mud-secondary-text:hover {
    background-color: transparent !important;
    color: var(--mud-palette-secondary-lighten) !important;
}


/* Tertiary */

.mud-button-filled-tertiary {
    background-color: var(--mud-palette-tertiary);
    border: 1px solid var(--mud-palette-tertiary);
}

.mud-button-text-tertiary:hover {
    background-color: transparent !important;
}

    .mud-button-text-tertiary:hover .mud-button-label {
        text-decoration: underline;
    }

.mud-button-outlined-tertiary {
    background-color: color-mix(in srgb, var(--mud-palette-tertiary) 18%, transparent);
}

    .mud-button-outlined-tertiary:hover, .mud-button-outlined-tertiary:active {
        background-color: color-mix(in srgb, var(--mud-palette-tertiary) 24%, transparent) !important;
    }

.mud-button-filled-tertiary:hover {
    border: 1px solid var(--mud-palette-tertiary-darken) !important;
}

.mud-icon-button.mud-tertiary-text:hover {
    background-color: transparent !important;
    color: var(--mud-palette-tertiary-lighten) !important;
}

/* Success */

.mud-button-filled-success {
    background-color: var(--mud-palette-success);
    border: 1px solid var(--mud-palette-success);
}

.mud-button-text-success:hover {
    background-color: transparent !important;
}

    .mud-button-text-success:hover .mud-button-label {
        text-decoration: underline;
    }

.mud-button-outlined-success {
    background-color: color-mix(in srgb, var(--mud-palette-success) 9%, transparent);
}

    .mud-button-outlined-success:hover, .mud-button-outlined-success:active {
        background-color: color-mix(in srgb, var(--mud-palette-success) 18%, transparent) !important;
    }

.mud-button-filled-success:hover {
    border: 1px solid var(--mud-palette-success-darken);
}

.mud-icon-button.mud-success-text:hover {
    background-color: transparent !important;
    color: var(--mud-palette-success-lighten) !important;
}


/* Error */

.mud-button-filled-error {
    background-color: var(--mud-palette-error);
    border: 1px solid var(--mud-palette-error);
}

.mud-button-text-error:hover {
    background-color: transparent !important;
}

    .mud-button-text-error:hover .mud-button-label {
        text-decoration: underline;
    }

.mud-button-outlined-error {
    background-color: color-mix(in srgb, var(--mud-palette-error) 9%, transparent);
}

    .mud-button-outlined-error:hover, .mud-button-outlined-error:active {
        background-color: color-mix(in srgb, var(--mud-palette-error) 18%, transparent) !important;
    }

.mud-button-filled-error:hover {
    border: 1px solid var(--mud-palette-error-darken);
}

.mud-icon-button.mud-error-text:hover {
    background-color: transparent !important;
    color: var(--mud-palette-error-lighten) !important;
}


/* Info */

.mud-button-filled-info {
    background-color: var(--mud-palette-info);
    border: 1px solid var(--mud-palette-info);
}

.mud-button-text-info:hover {
    background-color: transparent !important;
}

    .mud-button-text-info:hover .mud-button-label {
        text-decoration: underline;
    }

.mud-button-outlined-info {
    background-color: color-mix(in srgb, var(--mud-palette-info) 18%, transparent);
}

    .mud-button-outlined-info:hover, .mud-button-outlined-info:active {
        background-color: color-mix(in srgb, var(--mud-palette-info) 24%, transparent) !important;
    }

.mud-button-filled-info:hover {
    border: 1px solid var(--mud-palette-info-darken);
}

.mud-icon-button.mud-info-text:hover {
    background-color: transparent !important;
    color: var(--mud-palette-info-lighten) !important;
}

/* Warning */

.mud-button-filled-warning {
    background-color: var(--mud-palette-warning);
    border: 1px solid var(--mud-palette-warning);
}

.mud-button-text-warning:hover {
    background-color: transparent !important;
}

    .mud-button-text-warning:hover .mud-button-label {
        text-decoration: underline;
    }

.mud-button-outlined-warning {
    background-color: color-mix(in srgb, var(--mud-palette-warning) 18%, transparent);
}

    .mud-button-outlined-warning:hover, .mud-button-outlined-warning:active {
        background-color: color-mix(in srgb, var(--mud-palette-warning) 24%, transparent) !important;
    }

.mud-button-filled-warning:hover {
    border-color: var(--mud-palette-warning-darken);
}

.mud-icon-button.mud-warning-text:hover {
    background-color: transparent !important;
    color: var(--mud-palette-warning-lighten) !important;
}











/* Checkbox */

/* General */

textarea[rows] {
    height: auto !important;
    padding: 18.5px 0 !important;
}

.mud-checkbox-false .mud-icon-root {
    fill: var(--mud-palette-gray-default);
}

.checkbox-stack > * {
    min-height: 1.5rem;
    margin-bottom: .125rem;
}

.mud-input-margin-dense {
    height: var(--input-textfield-small-height);
}

.mud-input-outlined {
    background-color: var(--mud-palette-background);
    padding-left: var(--input-textfield-large-horizontal-padding) !important;
    padding-right: var(--input-textfield-large-horizontal-padding) !important;
}

.mud-input-adornment-start {
    margin: 0;
    padding-right: var(--spacing-3);
}

.mud-input-adornment-end {
    margin: 0;
    padding-left: var(--spacing-3);
}

.mud-input-root-outlined {
    height: var(--size-36) !important;
    margin: 0 !important;
    padding: 0 0 0 var(--spacing-2) !important;
    font-size: var(--fz-size-14) !important;
    font-weight: var(--fw-400) !important;
    border-radius: var(--bradius-medium);
}

.mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border, .mud-input.mud-input-outlined:focus-within .mud-shrink > .mud-input-outlined-border {
    outline: 2px solid var(--mud-palette-primary);
    border-width: 1px;
}



.mud-input.mud-input-outlined {
    border-radius: var(--bradius-medium);
}

.mud-checkbox .mud-button-root:hover, .mud-checkbox .mud-button-root:active {
    background-color: transparent;
}

.mud-checkbox:has(.mud-icon-size-small) span {
    width: 12px;
    height: 12px;
    margin: 0;
    padding: 0;
    border-radius: 2px;
}

.mud-checkbox .mud-icon-size-small {
    width: 18px;
    height: 18px;
}

.mud-checkbox:has(.mud-icon-size-small) p {
    font-size: var(--fz-size-12) !important;
    line-height: var(--lineheight-18) !important;
    margin-left: 10px !important;
}

.mud-checkbox-true .mud-icon-size-small {
    fill: var(--mud-palette-primary);
}

/* Medium */


.mud-checkbox:has(.mud-icon-size-medium) span {
    height: 16px;
    width: 16px;
    margin: 0;
    padding: 0;
    border-radius: 2px;
}

.mud-checkbox:has(.mud-checkbox-input:focus) .mud-button-root, .mud-checkbox:has(.mud-checkbox-input:active) .mud-button-root {
    outline: 2px solid var(--mud-palette-primary);
}


.mud-checkbox .mud-icon-size-medium {
    width: 22px;
    height: 22px;
}

.mud-checkbox:has(.mud-icon-size-medium) p {
    font-size: var(--fz-size-14) !important;
    line-height: var(--lineheight-20) !important;
    margin-left: 10px !important;
}

.mud-checkbox-true .mud-icon-size-medium {
    fill: var(--mud-palette-primary);
}

.mud-checkbox:has(.mud-checkbox-input:hover) .mud-icon-root {
    background-color: var(--mud-palette-gray-light);
    fill: var(--mud-palette-primary-darken);
}


.mud-checkbox-true .mud-icon-size-medium:hover {
    fill: var(--mud-palette-primary-darken);
}


/* Large */

.mud-checkbox:has(.mud-icon-size-large) span {
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border-radius: 2px;
}

.mud-checkbox .mud-icon-size-large {
    width: 26px;
    height: 26px;
}

.mud-checkbox:has(.mud-icon-size-large) p {
    font-size: var(--fz-size-16) !important;
    line-height: var(--lineheight-24) !important;
    margin-left: 10px !important;
}





/* Inputs */

.mud-input-outlined-with-label {
    margin-top: 22px;
    margin-bottom: 4px;
}

    .mud-input-outlined-with-label label {
        position: absolute !important;
        left: -18px !important;
        top: 10px !important;
        font-weight: var(--fw-700) !important;
        font-size: var(--fz-size-14) !important;
        margin-bottom: 6px !important;
    }

.mud-input-outlined-border legend {
    padding: 0 !important;
    width: 0 !important;
}


/* Table */


.mud-table-row th {
    border-bottom: var(--bwidth-thin) solid var(--surface-border-gray-muted) !important;
    background-color: var(--interactive-background-gray-default) !important;
    padding: var(--spacing-4) !important;
    position: relative !important;
    font-size: var(--fz-size-14) !important;
    line-height: var(--lineheight-20) !important;
    font-weight: var(--fw-700) !important;
}

/* .mud-table-cell:hover {
    background-color: var(--interactive-background-gray-default);
    cursor: pointer;
} */

.mud-table-cell {
    border-bottom: var(--bwidth-thin) solid var(--surface-border-gray-muted);
    font-size: var(--fz-size-14);
    line-height: var(--lineheight-20);
    padding: 20px 10px;
}


.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: var(--spacing-4);
}

.mud-table-pagination-actions button.mud-icon-button {
    padding: 6px 8px !important;
    background-color: var(--mud-palette-gray-light);
}

    .mud-table-pagination-actions button.mud-icon-button:disabled {
        opacity: 50%;
    }

.mud-table-pagination-display.mud-tablepager-left .mud-input.mud-select-input {
    padding: 6px 0px !important;
    background-color: var(--mud-palette-gray-light);
    border-radius: var(--bradius-medium);
}

.mud-table-pagination-display.mud-tablepager-left .mud-select-input:focus-within {
    outline: 2px solid var(--mud-palette-primary);
    border-radius: 4px;
}

.mud-table-pagination-display.mud-tablepager-left .mud-select-input .mud-input-slot:focus, .mud-table-pagination-display.mud-tablepager-left .mud-select-input .mud-input-adornment-end:focus-within {
    outline: none;
}

.mud-toolbar .mud-table-pagination-actions button span .mud-icon-root.mud-svg-icon {
    font-size: var(--fz-size-20);
    fill: var(--mud-palette-text-primary);
}


/* Icon Container */
/* NOT NEEDED IN FINAL REVISION */

.icon-list-item {
    margin: var(--spacing-3);
    padding: var(--spacing-5);
    display: flex;
    justify-content: center;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    background-color: var(--interactive-background-gray-disabled);
    border-radius: var(--bradius-medium) !important;
    height: 110px;
}

/* Tabs */


.mud-tab.mud-tab-active:hover {
    color: var(--mud-palette-primary-darken);
    background: transparent;
}

.mud-tab-filled .mud-tabs-tabbar-wrapper .mud-tooltip-inline:not(:nth-child(1)) {
    border-left: 1px solid var(--mud-palette-divider);
}

.mud-tab-filled .mud-tabs-tabbar-wrapper .mud-tooltip-inline {
    padding: 0 4px;
}

.mud-tab-filled .mud-tabs-tabbar {
    padding: 4px;
    border-radius: var(--bradius-medium);
    background-color: var(--mud-palette-background);
}

    .mud-tab-filled .mud-tabs-tabbar .mud-tab {
        min-height: auto;
        padding: 0.5rem 1rem;
    }

        .mud-tab-filled .mud-tabs-tabbar .mud-tab:hover {
            background-color: color-mix(in srgb, var(--mud-palette-gray-default) 18%, transparent) !important;
            color: var(--mud-palette-gray-dark);
            border-radius: var(--bradius-medium);
            border: 0;
        }

    .mud-tab-filled .mud-tabs-tabbar .mud-tabs-tabbar-inner {
        min-height: auto;
    }

    .mud-tab-filled .mud-tabs-tabbar .mud-tab-active {
        background-color: color-mix(in srgb, var(--mud-palette-primary) 18%, transparent) !important;
        color: var(--mud-palette-primary-darken);
        border-radius: var(--bradius-medium);
        border-bottom: 0;
    }

        .mud-tab-filled .mud-tabs-tabbar .mud-tab-active:hover {
            background-color: color-mix(in srgb, var(--mud-palette-primary) 18%, transparent) !important;
            color: var(--mud-palette-primary-darken);
        }

    .mud-tab-filled .mud-tabs-tabbar .mud-tab-slider {
        height: 0;
    }

.mud-tab-panel {
    color: var(--mud-palette-gray-default);
    font-size: var(--fz-size-12);
    line-height: var(--lineheight-18);
    font-weight: var(--fw-700);
    border-radius: var(--bradius-none);
    padding: var(--tab-small-bordered-horizontal-vertical-padding);
    min-width: 75px !important;
    text-transform: none;
    border-bottom: 2px solid transparent;
}

    .mud-tab-panel:hover {
        color: var(--mud-palette-gray-dark);
        border-bottom: 2px solid var(--mud-palette-gray-default);
        background-color: transparent;
    }

    .mud-tab-panel.mud-disabled {
        opacity: 50%;
    }

.mud-tooltip-root:has(.mud-disabled) {
    cursor: not-allowed;
}

.mud-tab-slider.mud-tab-slider-vertical {
    left: 0;
    right: inherit;
}

.mud-tabs-vertical .mud-tab-panel {
    border-bottom: 0;
    border-left: 2px solid transparent;
}

    .mud-tabs-vertical .mud-tab-panel:hover {
        border-bottom: 0;
        border-left: 2px solid var(--mud-palette-gray-default);
    }

.mud-tabs-tabbar.mud-tabs-vertical.mud-tabs-border-left {
    border-right: 0;
    border-left: 1px solid var(--mud-palette-lines-default);
}

.mud-tabs-vertical.mud-tab-filled .mud-tabs-tabbar {
    border-left: 0;
}

.mud-tabs-vertical.mud-tab-filled .mud-tab-slider-vertical {
    width: 0;
}

.mud-tabs-vertical.mud-tab-filled .mud-tabs-tabbar-wrapper .mud-tooltip-inline {
    padding: 2px;
    border: 0;
}


/* Dividers */
.mud-divider-dotted {
    border-top: var(--bwidth-thin) dashed var(--mud-palette-divider);
}

.mud-divider-vertical.mud-divider-dotted {
    border-right: var(--bwidth-thin) dashed var(--mud-palette-divider);
}

.mud-divider-thick {
    border-width: 2px;
}

/* Accordion */

.mud-expand-panel-text {
    font-weight: 700;
}

.mud-expand-panel-header {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: var(--spacing-5) var(--spacing-5) !important;
    font-size: var(--fz-size-14) !important;
    font-weight: var(--fw-600) !important;
    line-height: var(--line-height-100) !important;
    text-align: left !important;
    border: var(--bradius-none) !important;
    overflow-anchor: none !important;
}

.mud-expand-panel.mud-panel-expanded {
    margin: 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    border-radius: 0;
}

.mud-panel-expanded .mud-expand-panel-header {
    background-color: var(--netural-grey-a50) !important;
    border-bottom: 1px solid var(--netural-slateblue-a100) !important;
}

.mud-expand-panel-header:active, .mud-expand-panel-header:focus {
    outline: var(--bradius-small) solid var(--surface-background-primary-intense) !important;
    z-index: 2;
}

.mud-expand-panel-content.mud-expand-panel-gutters {
    padding: 1rem 1.25rem;
}



/* Alerts */

.mud-alert {
    padding: var(--spacing-4) !important;
}

    .mud-alert .mud-alert-message {
        padding: var(--spacing-0) !important;
    }

    .mud-alert .mud-icon-button {
        border-radius: var(--bradius-medium) !important;
    }

    .mud-alert .mud-alert-close {
        align-items: flex-start;
    }

    .mud-alert strong {
        font-family: var(--typography-typefaces-body) !important;
        font-size: var(--fz-size-14) !important;
        font-weight: var(--fw-700) !important;
    }

.mud-alert-position {
    align-items: center;
}

    .mud-alert-position:has(.mud-alert-message div) {
        align-items: start;
    }

.mud-alert .mud-alert-icon {
    margin: 0;
    padding: 0;
    width: var(--fz-size-16) !important;
    margin-right: var(--spacing-3) !important;
    height: var(--fz-size-16) !important;
}

    .mud-alert .mud-alert-icon span, .mud-alert .mud-alert-icon span::before {
        width: var(--fz-size-16) !important;
        height: var(--fz-size-16) !important;
        font-size: 16px;
    }

.mud-alert[class*="mud-alert-outlined"] .mud-alert-message {
    color: var(--mud-palette-text-primary);
}

.mud-alert-message .mud-card-content {
    padding: var(--spacing-0) !important;
    margin: var(--spacing-0) !important;
}

.mud-alert[class*="mud-alert-filled"] .mud-button-outlined {
    background-color: transparent;
    color: var(--mud-palette-white);
    border: 1px solid var(--mud-palette-white);
}

    .mud-alert[class*="mud-alert-filled"] .mud-button-outlined:hover {
        background-color: color-mix(in srgb, var(--mud-palette-white) 18%, transparent) !important;
    }

/* Default */
.mud-alert-outlined-normal {
    background-color: color-mix(in srgb, var(--mud-palette-action-default) 18%, transparent) !important;
    border-color: color-mix(in srgb, var(--mud-palette-action-default) 18%, transparent) !important;
}

/* Success */

.mud-alert-text-success {
    border-radius: var(--bradius-medium) !important;
    border: 1px solid var(--feedback-border-positive-subtle) !important;
    background: var(--feedback-background-positive-subtle) !important;
}

    .mud-alert-text-success .mud-alert-icon {
        color: var(--feedback-icon-positive-intense) !important;
    }

.mud-alert-outlined-success {
    background-color: color-mix(in srgb, var(--mud-palette-success) 18%, transparent) !important;
    border-color: color-mix(in srgb, var(--mud-palette-success) 18%, transparent) !important;
}

/* Error */

.mud-alert-text-error {
    border-radius: var(--bradius-medium) !important;
    border: 1px solid var(--feedback-border-negative-subtle) !important;
    background: var(--feedback-background-negative-subtle) !important;
}

.mud-alert-outlined-error {
    background-color: color-mix(in srgb, var(--mud-palette-error) 18%, transparent) !important;
    border-color: color-mix(in srgb, var(--mud-palette-error) 18%, transparent) !important;
}

/* Info */
.mud-alert-outlined-info {
    background-color: color-mix(in srgb, var(--mud-palette-info) 18%, transparent) !important;
    border-color: color-mix(in srgb, var(--mud-palette-info) 18%, transparent) !important;
}

/* Warning */
.mud-alert-outlined-warning {
    background-color: color-mix(in srgb, var(--mud-palette-warning) 18%, transparent) !important;
    border-color: color-mix(in srgb, var(--mud-palette-warning) 18%, transparent) !important;
}



/* Modal */

.mud-dialog-container.mud-dialog-topcenter {
    margin-top: 60px !important;
}

.mud-dialog {
    width: 100%;
}

.mud-dialog-title {
    border-bottom: var(--bradius-xsmall) solid var(--surface-border-gray-muted);
}

    .mud-dialog-title h6 {
        text-transform: none !important;
    }

.mud-dialog-content {
    min-height: 80px !important;
    overflow-y: auto !important;
    max-height: 400px !important;
}

.mud-dialog .mud-dialog-actions {
    border-top: var(--bradius-xsmall) solid var(--surface-border-gray-muted);
    padding: 1rem !important;
}

.mud-alert-messagge div {
    color: var(--mud-palette-text-primary);
}

.mud-alert-message div p {
    margin-bottom: 12px;
}


/* Pagination */
.mud-pagination {
    gap: 0px;
}

.mud-pagination-item {
    height: 32px;
    width: 32px;
    margin-right: 5px;
}

    .mud-pagination-item button {
        margin: 0;
        padding: 0 !important;
        height: 32px !important;
        min-height: 32px !important;
    }

    /* Keep the primary button styled correctly */
    .mud-pagination-item .mud-button.mud-button-filled-primary {
        background-color: var(--mud-palette-primary-lighten) !important;
    }

    /* Remove focus outline */
    .mud-pagination-item .mud-button-filled-default:focus {
        outline: none !important;
    }

    /* Apply transparent background to ALL filled buttons 
   EXCEPT primary AND the first/last pagination items */
    .mud-pagination-item:not(:first-child):not(:last-child) .mud-button.mud-button-filled:not(.mud-button-filled-primary) {
        font-size: var(--fz-size-14) !important;
        line-height: var(--line-height-20) !important;
        background-color: var(--transperent) !important;
        border: none !important;
        border-radius: var(--bradius-medium) !important;
    }

        /* Keep hover effects for non-primary buttons, except first & last */
        .mud-pagination-item:not(:first-child):not(:last-child) .mud-button.mud-button-filled:not(.mud-button-filled-primary):hover {
            background-color: var(--interactive-background-gray-default) !important;
        }



/* Chips */

button.mud-chip:focus {
    outline: 2px solid var(--mud-palette-primary) !important;
}

.mud-chip {
    border-radius: var(--bradius-max);
}

.mud-chip-outlined .mud-chip-content, .mud-chip-text .mud-chip-content {
    color: var(--mud-palette-text-primary);
}

.mud-chip-size-small {
    padding: var(--spacing-1) var(--spacing-4) !important;
    font-family: var(--typography-typefaces-body);
    font-size: var(--fz-size-14) !important;
    font-weight: var(--fw-400);
    line-height: var(--lineheight-20);
}

    .mud-chip-size-small .mud-icon-root {
        font-size: var(--fz-size-14)
    }

.mud-chip-size-medium {
    padding: var(--spacing-2) var(--spacing-6) !important;
    font-family: var(--typography-typefaces-body);
    font-size: var(--fz-size-16) !important;
    font-weight: var(--fw-400);
    line-height: var(--lineheight-24);
}

    .mud-chip-size-medium .mud-icon-root {
        font-size: var(--fz-size-16)
    }

.mud-chip-size-large {
    padding: var(--spacing-3) var(--spacing-7) !important;
    font-family: var(--typography-typefaces-body);
    font-size: var(--fz-size-20) !important;
    font-weight: var(--fw-400);
    line-height: var(--lineheight-26);
}

    .mud-chip-size-large .mud-icon-root {
        font-size: var(--fz-size-20)
    }


/* Switch */

.mud-switch-span .mud-switch-track {
    opacity: .1;
    background-color: var(--mud-palette-text-primary);
}

.mud-icon-button:focus-visible, .mud-icon-button:active {
    background-color: transparent;
}

.mud-switch-span:hover .mud-switch-track {
    opacity: .15;
}


.mud-switch-base.mud-checked + .mud-switch-track {
    opacity: 1;
}

.mud-switch-base.mud-checked .mud-switch-thumb-small, .mud-switch-base.mud-checked .mud-switch-thumb-medium, .mud-switch-base.mud-checked .mud-switch-thumb-large {
    background-color: white;
}

.mud-switch-thumb-large .mud-icon-root {
    font-size: var(--fz-size-16);
    color: var(--mud-palette-black);
}

.mud-switch-thumb-medium .mud-icon-root {
    font-size: var(--fz-size-11);
    color: var(--mud-palette-black);
}

.mud-switch-thumb-small .mud-icon-root {
    font-size: var(--fz-size-07);
    color: var(--mud-palette-black);
}

.mud-switch-span:focus-within {
    outline: 2px solid var(--mud-palette-primary-darken);
    border-radius: 2em;
}

.mud-switch:hover .mud-switch-span > .mud-checked + .mud-switch-track.mud-primary {
    background-color: var(--mud-palette-primary-darken) !important;
}

.mud-switch:hover .mud-switch-span > .mud-checked + .mud-switch-track.mud-secondary {
    background-color: var(--mud-palette-secondary-darken) !important;
}

.mud-switch:hover .mud-switch-span > .mud-checked + .mud-switch-track.mud-info {
    background-color: var(--mud-palette-info-darken) !important;
}

.mud-switch-span:hover > .mud-checked + .mud-switch-track.mud-success {
    background-color: var(--mud-palette-success-darken) !important;
}

.mud-switch:hover .mud-switch-span > .mud-checked + .mud-switch-track.mud-warning {
    background-color: var(--mud-palette-warning-darken) !important;
}

.mud-switch:hover .mud-switch-span > .mud-checked + .mud-switch-track.mud-error {
    background-color: var(--mud-palette-error-darken) !important;
}

.mud-switch:hover .mud-switch-span > .mud-checked + .mud-switch-track.mud-dark {
    background-color: var(--mud-palette-dark-darken) !important;
}

.mud-switch-label-small, .mud-switch-label-medium, .mud-switch-label-large {
    color: var(--mud-palette-text-primary);
    font-weight: var(--fw-700);
}

@media (hover: hover) and (pointer: fine) {
    .mud-switch-base:hover {
        background-color: transparent;
    }
}

.mud-switch-base {
    padding: 0 !important;
}

.mud-switch-button .mud-switch-thumb-small, .mud-switch-button .mud-switch-thumb-medium, .mud-switch-button .mud-switch-thumb-large {
    box-shadow: none;
}

.mud-switch-span .mud-switch-track {
    border-radius: 2em;
}

.mud-switch-span-small.mud-switch-span {
    margin: 4px;
    padding: 0;
    width: 28px;
    height: 16px;
}

.mud-switch-span-medium.mud-switch-span {
    margin: 4px;
    padding: 0;
    width: 36px;
    height: 20px;
}

.mud-switch-span-large.mud-switch-span {
    margin: 4px;
    padding: 0;
    width: 44px;
    height: 24px;
}

.mud-switch-span-small .mud-switch-base.mud-checked {
    transform: translateX(12px);
}

.mud-switch-span-medium .mud-switch-base.mud-checked {
    transform: translateX(16px);
}

.mud-switch-span-large .mud-switch-base.mud-checked {
    transform: translateX(20px);
}

.mud-switch-span-small .mud-switch-button, .mud-switch-span-medium .mud-switch-button, .mud-switch-span-large .mud-switch-button {
    padding: 3px;
}

    .mud-switch-span-small .mud-switch-button .mud-switch-thumb-small {
        height: 10px;
        width: 10px;
    }

    .mud-switch-span-medium .mud-switch-button .mud-switch-thumb-medium {
        height: 14px;
        width: 14px;
    }

    .mud-switch-span-large .mud-switch-button .mud-switch-thumb-large {
        height: 18px;
        width: 18px;
    }

.mud-drawer-pos-left {
    border-right: 1px solid var(--mud-palette-divider);
}