@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('variable.css');
@import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+39&display=swap');

.hoverPointer:hover {
    cursor: pointer;
}

:root {
    --primary-theme-color: #629C59;
    --primary-variant-color: #BFD9BC;
    --secondary-theme-color: #4E8148;
    --secondary-variant-color: #8DBC87;
    --error-color: #B00020;
    --primary-050: #CBE1C9;
    --primary-100: #BFD9BC;
    --primary-200: #A6CBA1;
    --primary-300: #8DBC87;
    --primary-400: #74AE6D;
    --primary-500: #629C59;
    --primary-600: #4E8148;
    --primary-700: #385D34;
    --primary-800: #223920;
    --primary-900: #0D150C;
    --primary-i-3-v-200: #A6CBA1;
    --neutral-200: #E5E5E5;
    --neutral-500: #737373;
    --neutral-700: #404040;
    --neutral-800: #303233;
    --neutral-900: #171717;
    --button-color: #629C59;
    --Warning-300: #F8D667;
    --Warning-500: #DF9527;
    --Warning-800: #92400E;
    --mud-palette-primary: #629C59 !important;
    --destructive-default-primary: #DE6666;
    --destructive-default-secondary: #629C59;
    --destructive-default-primary-hover: #sC54343;
    --destructive-default-secondary-hover: #DE66664D;
    --secondary-header-color: #E5E5E5;
    --batch-header-bg-color: #F1F6F0;
    --graph-yellow-10: #49370B;
    --lilac-bg: #E9EAFC;
    --focus-indicator-inner: var(--netural-white-500);
    --focus-indicator-outer: var(--netural-slateblue-1000);
}

:focus-visible {
    outline: auto;
    border-radius: var(--bradius-medium);
    outline-color: var(--interactive-border-primary-default);
}

.section {
    scroll-margin-top: 270px;
}

.mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
    color: var(--interactive-text-positive-normal) !important;
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base) !important;
    font-style: normal;
    font-weight: var(--font-weight-regular) !important;
    top: auto !important;
}

.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: none;
    border-width: var(--bwidth-thicker);
}

.appBar .mud-icon-root.mud-svg-icon {
    color: initial;
}

.appBar {
    margin: 0 auto;
}

    .appBar .mud-select .mud-select-input .mud-input-slot {
        color: #fff !important;
    }

.owner-label {
    color: #525252;
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.owner-title {
    color: #303233;
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.mud-progress-circular {
    color: var(--primary-theme-color);
}
/*.whiteButtonText .mud-icon-root.mud-svg-icon {
    color: white;
    font-size:36px;
}*/
.whiteTextSelect .mud-select-input {
    color: white;
}

.dashboard-card {
    color: var(--primary-theme-color);
    margin-right: 20px;
    padding: 5px;
    height: 500px;
    width: 500px;
    border-radius: 7px;
    border: 1px solid rgb(174, 174, 174, 0.50);
    background: #FFF;
}

.dashboard-card-header-content {
    /*font-size: 22px;
    font-weight: bold;
    text-align: center;*/
    color: #303233;
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.dashboard-card-content {
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    height: 430px;
    overflow-y: auto;
}
/*.dashboardCardContent .mud-typography-body1 {
        font-size: 16px;
    }*/
.mud-divider {
    background: none;
    opacity: 1;
}

.mud-table-dense * .mud-table-row .mud-table-cell {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 16px;
}
/*.tableHeader .mud-table-cell {
    background-color: #E5E5E5 !important;
}*/
.mud-table-row th {
    padding: 12px !important;
}

#blazor-error-ui {
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.loading-progress {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 20vh auto 1rem auto;
}

    .loading-progress circle {
        fill: none;
        stroke: #e0e0e0;
        stroke-width: 0.6rem;
        transform-origin: 50% 50%;
        transform: rotate(-90deg);
    }

        .loading-progress circle:last-child {
            stroke: #1b6ec2;
            stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
            transition: stroke-dasharray 0.05s ease-in-out;
        }

.loading-progress-text {
    position: absolute;
    text-align: center;
    font-weight: bold;
    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

    .loading-progress-text:after {
        content: var(--blazor-load-percentage-text, "Loading");
    }

.russian-green {
    color: var(--primary-theme-color);
}

.accent-text {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.headline {
    font-family: 'Playfair Display', serif;
}

.paragraph {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
}

.gl-accounts-grid {
    display: grid;
    grid-template-columns: 3.5rem auto 1fr;
    column-gap: 6px;
}

.gl-label {
    font-weight: 600;
    white-space: nowrap;
}

.gl-account-number {
    white-space: nowrap;
}

.subheadline {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

.emphasis {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
}
/*.hyperlink {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    color: var(--primary-theme-color) !important;
    text-decoration: auto;
}
    .hyperlink:hover {
        cursor: pointer;
        color: #4c7b46 !important;
        text-decoration: underline !important;
    }*/
.mud-table-foot .mud-table-row .mud-table-cell {
    font-weight: 700;
}

.section-header {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-heading);
    font-size: var(--size-font-size-500);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-500);
}

.secondary-section-header {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-heading);
    font-size: var(--size-font-size-400);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-400);
}

/* Used for Mud-picker-container that include button's color change to transparent */
.mud-picker-container .mud-tabbar .mud-button {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background-color: transparent;
}
/* Used for Mud-input-lable with outline or Mudselect to change background previously they appear highline */
.mud-input-label-outlined .mud-select-input {
    background-color: transparent !important;
    padding: 0 5px !important;
}

.mud-appbar-header-right-content {
    margin-top: 37px;
}

.allign-right-btn {
    position: absolute;
    right: 16px;
}

.mud-table-head .mud-table-cell {
    font-size: 10px;
}

.mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined {
    height: auto;
}

.table-expansion-panel-info {
    display: flex;
    width: auto;
    padding: var(--spacing-4) var(--spacing-6) var(--spacing-4) var(--spacing-6);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-5);
}

.table-expansion-panel-header {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-300);
}

.table-expansion-panel-label {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-100);
}

.table-expansion-panel-label-text {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-100);
}

.mud-badge.mud-badge-center.right {
    left: calc(100% + 8px);
}

.mud-badge.mud-badge-default {
    background-color: var(--interactive-icon-notice-muted);
    color: var(--surface-text-staticblack-subtle);
}

.mud-button-group-root.mud-button-group-override-styles .mud-button-root.mud-disabled {
    background-color: #cee0ca;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    color: #FFFFFF;
}

.mud-button-group-root.mud-button-group-override-styles .mud-button-root:not(.mud-disabled) {
    border: 1px solid #E5E5E5;
    background-color: var(--primary-theme-color);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    color: #FFFFFF;
}

.mud-alert-text-warning .mud-alert-icon {
    color: var(--mud-palette-warning) !important;
}

.mud-button-group-root.mud-button-group-override-styles .mud-button-root.selected {
    color: var(--interactive-text-onprimary-normal);
    background-color: var(--surface-background-primary-intense);
    border: 1px solid var(--surface-background-primary-intense);
}

.mud-button-group-root.mud-button-group-override-styles .mud-button-root:not(.selected) {
    border: 1px solid #E5E5E5;
    background-color: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    color: #000000;
}

.mud-button-root.folder-view:not(.selected) .mud-icon-root.mud-svg-icon {
    color: #000000;
}

.mud-button-text.mud-button-text-primary {
    color: var(--interactive-text-primary-normal);
}

.card-view {
    border-radius: 8px 0px 0px 8px;
}

    .card-view .mud-icon-root.mud-svg-icon {
        color: #000000;
    }

    .card-view.selected .mud-icon-root.mud-svg-icon {
        color: #FFFFFF;
    }

.text-header {
    font-family: Nunito Sans;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 27.28px;
    text-align: left;
}

.table-view {
    border-radius: 0px 8px 8px 0px;
}

    .table-view .mud-icon-root.mud-svg-icon {
        color: #000000;
    }

    .table-view.selected .mud-icon-root.mud-svg-icon {
        color: #FFFFFF;
    }

.chip {
    color: #FFFFFF;
    background-color: #8DBC87;
}

    .chip:hover:not(.mud-disabled) {
        background-color: #8DBC87 !important;
    }

    .chip .mud-chip-icon {
        color: #FFFFFF;
    }

    .chip.mud-chip-selected {
        color: var(--surface-text-staticwhite-normal);
        background-color: var(--surface-background-primary-intense);
    }

        .chip.mud-chip-selected:hover:not(.mud-disabled) {
            background-color: #4C7B46;
            cursor: default;
        }

/*Card*/
.card-header-text {
    color: var(--interactive-text-gray-normal);
    font-family: var(--typography-typefaces-heading);
    font-size: var(--size-font-size-300);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-200);
}

.card-label {
    color: var(--surface-text-gray-muted);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-100);
}

.card-value {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-100);
}

    .card-value:empty::before {
        content: '-';
    }
/*Card End*/

/*Ownership*/
.ownership-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .ownership-card .mud-card-content {
        padding-top: 0;
    }

.owner-name {
    color: #171717;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.56px;
}

.mud-table-cell .mud-icon-root.mud-svg-icon.ownership-star {
    fill: #F2B441;
}

.ownership-text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ownership-dialog + .mud-dialog .mud-dialog-title {
    border-bottom: none;
    padding: 0;
}

.ownership-label-value:empty::before {
    content: 'N/A';
}

.owner-name-display-label {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-300);
}

.ownership-label-value {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-300);
}

.exemptions-section {
    padding: var(--spacing-6);
    border-radius: var(--bradius-medium);
    background: var(--surface-background-primary-subtle);
}

.ownership-mailing-address-text {
    color: var(--surface-text-gray-normal);
    margin-top: 4px;
    margin-bottom: 6px;
}

.owner-name-text {
    color: var(--surface-text-gray-normal);
}
/*Ownership End*/
.loader {
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.importantNoteIcon {
    color: var(--warning-700, #B45309) !important;
}

.mud-card-header .mud-card-header-actions {
    align-self: center;
}

.mud-chip-primary-variant {
    background-color: var(--primary-i-3-v-200) !important;
    font-family: Nunito;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #000000;
}

    .mud-chip-primary-variant.mud-chip-filled:hover:not(.mud-disabled), .mud-chip-primary-variant.mud-chip-filled:focus-visible:not(.mud-disabled) {
        background-color: var(--secondary-variant-color) !important;
    }

.mud-relationship-chip {
    background: var(--01-primary-500, #629C59);
    font-family: Nunito;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #FFFFFF;
}

    .mud-relationship-chip.mud-chip-filled:hover:not(.mud-disabled), .mud-relationship-chip.mud-chip-filled:focus-visible:not(.mud-disabled) {
        background: var(--01-primary-500, #629C59);
    }

.imp-note-warn-icon {
    color: var(--Warning-800);
    margin-bottom: 13px;
}

.imp-note-title {
    color: #000000;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.btn-right-add {
    position: absolute;
    right: 0;
    top: 20px;
}

.note-type-filter .mud-input.mud-input-outlined {
    background: none;
    border: none;
}

    .note-type-filter .mud-input.mud-input-outlined .mud-input-outlined-border {
        border: 1px solid var(--primary-500);
        border-radius: 4px;
    }

.note-type-filter .mud-input > input.mud-input-root-outlined {
    color: var(--primary-600);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 1.25px;
}

.note-type-filter div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    color: var(--primary-600);
}

.note-type-filter .mud-input.mud-input-outlined .mud-input-adornment > .mud-icon-root.mud-svg-icon {
    fill: var(--primary-600);
}

.note-sort-by-filter .mud-input.mud-input-outlined {
    background: none;
    border: none;
}

    .note-sort-by-filter .mud-input.mud-input-outlined .mud-input-outlined-border {
        border: 1px solid var(--primary-500);
        border-radius: 4px;
    }

.note-sort-by-filter div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end {
    color: var(--interactive-text-primary-subtle);
}

.note-sort-by-filter .mud-input > input.mud-input-root-outlined {
    color: var(--interactive-text-primary-subtle);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 1.25px;
}

.note-sort-by-filter .mud-input.mud-input-outlined .mud-input-adornment > .mud-icon-root.mud-svg-icon {
    fill: var(--interactive-text-primary-subtle);
}

.note-search .mud-input-adornment .mud-icon-root.mud-svg-icon {
    font-size: var(--iconsize-xlarge);
}

.note-search .mud-input.mud-input-outlined {
    border-radius: var(--borderRadius-large, 8px);
    border: 1px solid var(--E5E5E5, #E5E5E5);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05) inset;
}

.note-type-text {
    font-family: 'Nunito';
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-size: 12px;
    color: #00000099;
}

.noRecordsFoundSection {
    background-color: yellow;
    font-weight: bold;
    padding: 2px;
    width: 400px;
    margin: auto;
}

.hideWhileLoading {
    visibility: hidden !important;
}

.dailog-title {
    color: #000000DE;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.dialog-text {
    color: #00000099;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.25px;
}

.note-user {
    color: var(--interactive-text-gray-subtle);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-300);
    letter-spacing: 0.1px;
}

.note-desc {
    color: var(--interactive-text-gray-subtle);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-300);
    letter-spacing: 0.25px;
    padding-left: var(--spacing-4);
}

.note-user-section {
    border-radius: var(--bradius-max);
    background: var(--interactive-icon-gray-disabled);
    padding: var(--spacing-2) var(--spacing-4);
    display: inline-flex;
}

.note-icon {
    fill: var(--surface-icon-primary-normal) !important;
    margin-left: var(--spacing-3);
    font-size: var(--iconsize-medium);
    margin-top: 3px;
}

.note-type-chip {
    padding: 10px;
    color: var(--surface-text-gray-muted);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200) !important;
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-300);
    background-color: var(--interactive-icon-gray-disabled);
}

.btn-note-edit {
    position: absolute;
    right: 40px;
}

.distributionName-dialog + .mud-dialog {
    width: 60%;
}

.billpayee-dialog + .mud-dialog {
    width: 80%;
}

.relationship-dialog + .mud-dialog {
    width: 80%;
    min-height: 700px;
}
/*Alert CSS*/
.mud-alert-text-success {
    background-color: #CBE1C9;
    color: #385D34;
}

    .mud-alert-text-success .mud-alert-icon {
        color: var(--primary-600);
    }

.attachment-file-icon {
    color: #424242;
    border: 1px solid #E5E5E5;
    padding: 8px;
    border-radius: 4px;
}

.icon-outlined-lock {
    display: flex;
    padding: 8px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 6px;
    border: 1px solid #E5E5E5;
}

.icon-outlined-lock-background {
    display: flex;
    padding: 8px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid var(--primary-500) !important;
    color: var(--primary-500);
}

    .icon-outlined-lock:hover, .icon-outlined-lock-background:hover {
        background-color: #5a9e5e1f;
    }

.mud-picker-container .mud-picker-datepicker-toolbar {
    background-color: #4C7B46 !important;
}

.mud-picker-calendar .mud-day.mud-selected {
    background-color: #4C7B46 !important;
}

.mud-picker-calendar .mud-button-outlined.mud-button-outlined-primary {
    border: 1px solid #4C7B46;
}

.assessment-item-no-status-date {
    color: #000000;
    background: #FFF695;
}

    .assessment-item-no-status-date:hover:not(.mud-disabled) {
        background: #FFF695;
    }

.assessment-item-status {
    white-space: pre;
    font-weight: 500;
}

.icon-outlined-div {
    display: flex;
    padding: 8px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid var(--neutral-200, #E5E5E5);
    background: var(--generic-white, #FFF);
}

.attachment-file-icon.mud-icon-button:hover, .attachment-file-icon.mud-icon-button:focus-visible {
    background-color: #5a9e5e1f;
}

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

.sidebar {
    background-color: #FFF;
    cursor: pointer;
    /*width: 48px;*/
}

.sidebar-header {
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 18px; /*told to use jira card info - not figma*/
    font-style: normal;
    font-weight: 700;
}

.sidebar-expanded {
    flex: 1 1 100%;
    max-width: 20%;
    padding: 16px 16px 16px 24px;
}

.vertical-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.main-content {
    overflow-y: auto;
}

.main-content-sidebar-expanded {
    flex: 1 1 100%;
    max-width: 80%;
    background-color: var(--netural-lavgray-300);
}
/*Location Associated Items Start*/
.ellipsis-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 250px;
    display: block;
}

/*Location Associated Items End*/
.surface-text-gray-normal {
    color: var(--surface-text-gray-normal);
}
/*nav bar*/

.mud-nav-cust-sub-item .mud-nav-link.mud-ripple {
    padding-top: 0;
    padding-bottom: 0;
}


    .mud-nav-cust-sub-item .mud-nav-link.mud-ripple .mud-nav-link-text {
        padding-top: 8px;
        padding-bottom: 8px;
    }

.mud-nav-link {
    color: var(--interactive-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-100);
}

.mud-nav-group > .mud-nav-link > .mud-nav-link-text {
    font-weight: var(--font-weight-regular);
}

.mud-nav-menu-paper {
    background-color: var(--surface-background-gray-moderate);
    height: calc(100vh - 165px);
    overflow: auto;
}

.arc-menu-nav-drawer {
    background-color: var(--surface-background-gray-moderate);
}

.arc-menu-drawer-footer {
    display: block;
    position: fixed;
    bottom: 0;
    text-align: center;
    width: 370px;
    z-index: 9999;
    padding: 4px;
    background-color: var(--surface-background-gray-moderate);
}

.mud-nav-group.mud-nav-cust-group .mud-navmenu {
    border-left: var(--bwidth-thin) solid var(--surface-border-gray-muted);
    margin-left: 8%;
    margin-top: 10px;
}

.mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    padding-left: 12px;
}

.mud-nav-group.mud-nav-cust-sub-item-group .mud-nav-link {
    padding-left: 12px !important;
}

.mud-nav-link:focus:not(.mud-nav-link-disabled) {
    background-color: var(--transperent);
    font-weight: var(--fw-600);
}

.mud-nav-group.mud-nav-cust-group > .mud-expanded {
    border-radius: var(--bradius-medium);
    background-color: var(--interactive-background-primary-faded) !important;
}

    .mud-nav-group.mud-nav-cust-group > .mud-expanded:hover {
        background-color: var(--interactive-background-primary-fadedHighlighted) !important;
    }

.mud-nav-cust-sub-item-group .mud-expanded {
    border-left: var(--bwidth-thin) solid var(--interactive-border-primary-default);
    color: var(--interactive-text-primary-normal);
    background-color: var(--interactive-background-primary-faded);
}

@media (hover: hover) and (pointer: fine) {
    .mud-nav-link:hover:not(.mud-nav-link-disabled) {
        cursor: pointer;
        background-color: var(--transperent);
        text-decoration: none;
        font-weight: var(--fw-600);
    }

    .mud-nav-link > .mud-nav-link-text:hover:not(.mud-nav-link-disabled) {
        font-weight: var(--fw-600);
    }

    .mud-nav-group.mud-nav-cust-group .mud-navmenu .mud-nav-link:hover:not(.mud-nav-link-disabled) {
        border-left: var(--bwidth-thin) solid var(--normal);
    }

    .mud-nav-cust-sub-item-group .mud-expanded:hover {
        background-color: var(--interactive-background-primary-fadedHighlighted) !important;
    }
}

.mud-nav-group.mud-nav-cust-group .mud-navmenu .mud-nav-item.active {
    border-left: var(--bwidth-thin) solid var(--interactive-border-primary-default);
    color: var(--interactive-text-primary-normal);
}

    .mud-nav-group.mud-nav-cust-group .mud-navmenu .mud-nav-item.active .mud-nav-link {
        color: var(--interactive-text-primary-normal);
    }

.mud-nav-item.mud-nav-cust-item.active {
    border-radius: var(--bradius-medium);
    background-color: var(--interactive-background-primary-faded);
}

    .mud-nav-item.mud-nav-cust-item.active .mud-nav-link {
        color: var(--interactive-text-primary-normal);
    }


.nav-bar > .mud-tabs-tabbar {
    background-color: #223920 !important;
}

.nav-bar .mud-tab {
    font-family: Nunito;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px; /* 150% */
    max-height: 48px;
    color: #ffffff !important;
    opacity: 0.75;
    background-color: inherit !important;
    border-radius: 0 !important;
    text-transform: uppercase;
}

    .nav-bar .mud-tab:hover {
        background-color: #2D452B !important;
    }

    .nav-bar .mud-tab.mud-tab-active {
        color: #FFF !important;
        opacity: 1;
        background-color: #629c59 !important;
    }

        .nav-bar .mud-tab.mud-tab-active:hover {
            background-color: #629c59 !important;
        }

    .nav-bar .mud-tab .mud-icon-root.mud-svg-icon {
        fill: #ffffff;
        opacity: 0.75;
    }

    .nav-bar .mud-tab.mud-tab-active .mud-icon-root.mud-svg-icon {
        fill: #FFF;
        opacity: 1;
    }

.nav-bar .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    display: flex !important;
    padding: 0;
    width: max-content !important;
}

.nav-bar .mud-tooltip-root.mud-tooltip-inline {
    display: inline-block;
    padding: 0;
    margin-right: 0;
}

.nav-bar .mud-tabs-scroll-button .mud-icon-root.mud-svg-icon {
    fill: #629c59;
}
/*end nav bar*/
.blur-filter {
    backdrop-filter: blur(10px);
}

.mud-select-label-font-14 .mud-input-label-inputcontrol {
    font-size: 14px !important;
}
/*scrollbar*/
/*::-webkit-scrollbar {
    width: 8px;
    height:8px;
    z-index:1;
}
::-webkit-scrollbar-track {
    background: transparent;
}*/
::-webkit-scrollbar-thumb {
    background: #c4c4c4;
    border-radius: 10px !important;
    /*visibility: hidden;*/
}
/*::-webkit-scrollbar-thumb:hover {
    background: #a6a6a6;
}*/
html, body * {
    scrollbar-color: auto !important;
    scrollbar-width: auto !important;
}
/* html, body *:hover::-webkit-scrollbar-thumb {
        visibility: visible;
    }*/
/*end scrollbar*/

.form-border {
    border-color: #E5E5E5 !important;
    border-width: 15px !important;
    border-radius: 10px;
    border-style: solid !important;
    padding: 16px !important;
}
/********** keep mud from making these inputs so big, looks weird inside a mud table *******/
/*.mud-input {
    font-size: inherit;
}
    .mud-input > input.mud-input-root-outlined {
        padding: 10px 12px 10px 16px !important;*/
/*padding-left: 10px !important;*/
/*}*/
/* .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
            padding: 5px !important;
            padding-left: 10px !important;
        }*/
/*.mud-input > .mud-select-input {
        padding: 10px !important;
        padding-right:1px !important;
    }
.mud-input.mud-input-outlined.mud-input-adorned-end
{
    padding-inline-end:2px;
}*/
/*mud select items area too big, let's handle that*/
/*.mud-typography-body1 {
    font-size: inherit;
}*/
/*******************************************************************************************/
.mud-primary-text {
    color: var(--interactive-text-primary-normal) !important;
}

.mud-table-cell .mud-icon-root.mud-svg-icon.audit-arrow {
    fill: var(--surface-icon-gray-muted);
}

.mud-tab-sticky .mud-tabs-tabbar {
    z-index: 1000;
    position: sticky;
    top: 120px;
}

.nav-bar.nav-bar-notsticky .mud-tabs-tabbar {
    z-index: initial;
    position: initial;
}

.assessment-header-sticky {
    z-index: 1000;
    position: sticky;
    top: 0px;
    background-color: var(--netural-lavgray-300);
    color: #f6f6f6;
    padding-bottom: 2.1rem;
    padding-top: 1.5rem;
}

.mud-nav-bar > .mud-tabs-tabbar {
    position: sticky;
    top: 120px;
    z-index: 1000;
    padding-bottom: 1px;
    background-color: var(--netural-lavgray-300);
}

.mud-nav-bar .mud-tab-items-sticky > .mud-tabs-tabbar, .mud-nav-bar .mud-tab-sticky .mud-tabs-tabbar {
    position: sticky;
    top: 153px;
    z-index: 1000;
    background-color: var(--netural-lavgray-300);
}



.mud-nav-bar .nav-bar .mud-tabs-panels .mud-table-container {
    overflow: hidden;
}

.rowAlignedTop {
    vertical-align: top;
}

.mud-carousel-item .mud-image.gallery-image {
    width: 100%;
    height: 100%;
}

.mud-button-filled.mud-button-filled-error {
    color: var(--mud-palette-error-text);
    background-color: var(--mud-palette-error);
}

    .mud-button-filled.mud-button-filled-error:hover {
        color: var(--mud-palette-error-text);
        background-color: var(--mud-palette-error-darken);
    }
/*Remove the Expander spacing when expander is second */
.mud-table-expander-remove-space th:first-child {
    width: 2%;
    padding-left: var(--spacing-4) !important;
}

.mud-table-expander-remove-space th:nth-child(2) {
    width: 1.6%;
}

.mud-table-expander-remove-space th:nth-child(3) {
    padding-left: var(--spacing-2) !important;
}

.mud-table-expander-remove-space td:nth-child(2) {
    padding: 0 !important;
    padding-bottom: var(--spacing-2) !important;
}

.mud-table-expander-remove-space td:nth-child(3) {
    padding-left: var(--spacing-2) !important;
}

.mud-table-expander-remove-space td:nth-child(2) > .mud-icon-expander {
    padding: var(--spacing-3) !important;
}
/*Remove the Expander spacing when expander is first */
.mud-table-first-expander-remove-space th:first-child {
    width: 1.6%;
    padding: var(--spacing-2) !important;
}

.mud-table-first-expander-remove-space td:first-child {
    width: 1.6%;
    padding: var(--spacing-2) !important;
}

    .mud-table-first-expander-remove-space td:first-child > .mud-icon-expander {
        padding: var(--spacing-3) !important;
    }

.mud-table-first-expander-remove-space th:nth-child(2) {
    padding-left: 4px !important;
}

.mud-table-first-expander-remove-space td:nth-child(2) {
    padding-left: 4px !important;
}
/* Assessment Item Tab Design */
.mud-nav-bar .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    width: initial !important;
}

.mud-nav-bar > .mud-tabs-tabbar .mud-tabs-tabbar-inner {
    min-height: var(--size-32);
}

.mud-nav-bar.mud-tabs .mud-custom-panel.mud-tab {
    border-radius: var(--bradius-medium) var(--bradius-medium) var(--bradius-none) var(--bradius-none);
    border: var(--bwidth-thin) solid var(--feedback-border-positive-intense);
    border-bottom: var(--bwidth-none);
    background-color: transparent;
    padding: var(--spacing-2) var(--spacing-6);
    min-height: var(--size-32);
    height: var(--size-32);
    text-align: center;
    color: var(--surface-text-gray-subtle);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-75);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-75);
}

.mud-nav-bar.mud-tabs .mud-tab.mud-custom-panel:hover {
    background-color: var(--interactive-background-gray-default);
    color: var(--interactive-text-gray-subtle);
}

.mud-nav-bar.mud-tabs .mud-tab.mud-custom-panel.mud-tab-active {
    background-color: var(--surface-background-primary-intense);
    color: var(--surface-text-primary-subtle);
}

    .mud-nav-bar.mud-tabs .mud-tab.mud-custom-panel.mud-tab-active:hover {
        background-color: var(--surface-background-primary-subtle);
        color: var(--interactive-text-gray-subtle);
    }

.mud-nav-bar.mud-tabs .mud-tab.mud-custom-panel .tab-close-button {
    color: var(--surface-background-dark-subtle);
    padding-top: var(--spacing-0);
    padding-bottom: var(--spacing-0);
    padding-right: var(--spacing-0);
}

.mud-nav-bar.mud-tabs .mud-tab.mud-custom-panel.mud-tab-active .tab-close-button {
    color: var(--surface-text-primary-subtle);
}

.mud-nav-bar.mud-tabs .mud-tab.mud-custom-panel .tab-close-button:hover {
    background-color: transparent;
}

.mud-nav-bar.mud-tabs .mud-tab.mud-custom-panel.mud-tab-active:hover .tab-close-button {
    color: var(--interactive-text-gray-subtle);
}

.mud-nav-bar div:has(.mud-custom-panel) {
    padding-right: var(--spacing-2);
}

.mud-nav-bar .mud-tabs-tabbar-wrapper {
    padding: var(--spacing-0);
}

.mud-tabs.mud-nav-bar .mud-tooltip-root.mud-tooltip-inline {
    padding: var(--spacing-0) var(--spacing-2) var(--spacing-0) var(--spacing-0);
}

.mud-custom-panel {
    padding: var(--spacing-0);
}

.mud-nav-bar .mud-tab-slider {
    background: none;
}
/* Assessment Item Tab Design */
/*fix the mudswitch global stuff was making the button green in a select and non-seleected state*/
.mud-switch-span .mud-switch-track {
    opacity: initial;
    background-color: var(--interactive-background-staticblack-disabled);
}

.mud-switch-base.mud-checked {
    color: var(--interactive-background-primary-default) !important;
}

.mud-switch-track.mud-primary {
    background-color: var(--interactive-background-primary-default) !important;
}
/******************************/
/*tr.mud-table-row:hover {
    background-color: var(--primary-variant-color) !important;
    cursor: pointer;
}*/
thead tr.mud-table-row:hover {
    background-color: initial !important;
    cursor: initial !important;
}

.mud-alert-text-info {
    background-color: var(--primary-variant-color) !important;
    color: var(--primary-700) !important;
}

    .mud-alert-text-info .mud-alert-icon {
        color: var(--primary-700) !important;
    }

.mud-alert-outlined-info {
    background-color: var(--primary-variant-color) !important;
    color: var(--primary-700) !important;
    border-color: var(--primary-700) !important;
}

    .mud-alert-outlined-info .mud-alert-icon {
        color: var(--primary-700) !important;
    }
/*
.mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol {
    line-height: 0px;
}
.mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
    line-height: 15px;
}
.mud-autocomplete .mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol {
    top: -3px;
}
.mud-autocomplete .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
    line-height: 18px;
}
.mud-autocomplete .mud-input-control > .mud-input-control-input-container > .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
    line-height: 15px;
    top: 0;
}*/
/* try to address issue where the mud grid row would look one height in non-edit mode then shrink in edit mode */
tr {
    height: 55px;
}
    /* try to not show the hover color when the row is in edit mode */
    tr:has(div.mud-input):hover {
        background-color: initial !important;
        cursor: initial !important;
    }

.custom-pagination.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-primary {
    background-color: var(--interactive-background-primary-faded);
}

.custom-pagination .mud-button-outlined.mud-button-outlined-primary {
    color: var(--surface-text-primary-normal);
}
/******************************/




.disabled-input {
    opacity: 30% !important;
}

.splashScreen {
    background-image: url('images/splash.jpg');
    background-repeat: no-repeat;
    height: 100vh;
    width: 100vw;
    background-size: cover;
    background-position: center;
}
/*Landing Page CSS*/
.iconLogo {
    background-image: url(images/app-logo-new.png);
    background-repeat: no-repeat;
    height: 36px;
    width: 145px;
    background-size: contain;
    background-position: center;
    margin-left: var(--spacing-3);
}
.app-pub-logo {
    height: 56px;
    width: 200px;
}
.icon-fotter-Logo {
    background-image: url('images/icon1.png');
    background-repeat: no-repeat;
    height: 35px;
    width: 35px;
    background-size: cover;
    background-position: center;
}

.landing-title {
    color: var(--surface-text-primary-subtle);
    font-family: var(--typography-typefaces-display);
    font-size: var(--size-font-size-800);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-800);
    margin-top: 32px;
    margin-left: 14%;
    margin-right: 14%;
}

.landing-bg-img {
    background-image: url('images/landing-page-banner-new.jpg');
    background-repeat: no-repeat;
    height: 535px;
    background-size: cover;
    background-position: center bottom;
    background-color: var(--interactive-background-primary-highlighted);
}

.search-container {
    display: flex;
    align-items: center;
    border-radius: var(--bradius-medium);
    padding: var(--spacing-4) var(--input-textfield-large-horizontal-padding);
    box-sizing: border-box;
    background-color: var(--interactive-background-staticwhite-highlighted);
    margin-left: 14%;
    margin-right: 14%;
    width: 100%;
}

    .search-container input {
        flex-grow: 1;
        border: none;
        outline: none;
        border-radius: var(--bradius-medium);
        background-color: var(--transperent);
        color: var(--surface-text-gray-subtle);
        font-family: var(--typography-typefaces-body);
        font-size: var(--size-font-size-200);
        font-style: normal;
        font-weight: var(--font-weight-semi-bold);
        line-height: var(--line-height-300);
        margin-left: var(--spacing-3)
    }

        .search-container input::placeholder {
            color: var(--surface-text-gray-subtle);
            font-family: var(--typography-typefaces-body);
            font-size: var(--size-font-size-200);
            font-style: normal;
            font-weight: var(--font-weight-semi-bold);
            line-height: var(--line-height-300);
        }

    .search-container .search-icon {
        color: var(--surface-text-gray-subtle);
        font-size: var(--fz-size-24);
    }

.custom-result-section {
    margin-left: 14%;
}

.custom-result-tax-section {
    margin-left: 23.2%;
}

.tax-year-selector-landing {
    margin-left: 14%;
    width: 270px !important;
}

    .tax-year-selector-landing .mud-input > input.mud-input-root-outlined {
        padding: 15px 12px 11px 16px !important;
        color: var(--surface-text-gray-subtle);
        font-family: var(--typography-typefaces-body);
        font-size: var(--size-font-size-200) !important;
        font-style: normal;
        font-weight: var(--font-weight-semi-bold) !important;
        line-height: var(--line-height-200);
    }

    .tax-year-selector-landing .mud-input.mud-input-outlined {
        border-radius: var(--bradius-medium);
        border: var(--bwidth-none);
        background-color: var(--interactive-background-staticwhite-highlighted);
    }

        .tax-year-selector-landing .mud-input.mud-input-outlined .mud-input-outlined-border {
            border: var(--bwidth-none) !important;
        }

    .tax-year-selector-landing .mud-input-control.mud-input-control-margin-dense {
        margin-top: 0;
        margin-bottom: 0;
    }

.advance-search-div {
    margin-left: 14%;
    margin-top: 14px
}

.advance-search {
    color: var(--interactive-text-onprimary-normal) !important;
    text-align: center;
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-300);
}

    .advance-search:hover {
        color: var(--interactive-text-onprimary-normal) !important;
    }

a.advance-search:active {
    background-color: var(--transperent) !important;
}

.landing-bg-img .advance-search {
    color: var(--interactive-text-staticwhite-muted);
    text-align: center;
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-300);
    text-decoration: none;
}

.landing-bg-img .mud-input-margin-dense {
    height: auto;
}

.nav-hist-header {
    color: var(--surface-text-staticwhite-normal);
    font-family: var(--typography-typefaces-heading);
    font-size: var(--size-font-size-500);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-500);
}

.landing-bg-gradient {
    background: linear-gradient(60deg, #C2DCD4 10.37%, #E7F3E5 89.63%);
}

.landing-header {
    color: #000;
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 12px;
}

.notification-card {
    border-radius: 8px 8px var(--InputCount, 0px) var(--InputCount, 0px);
    border-left: 6px solid #F2B441;
    height: 320px;
}

.resource-text {
    color: #3D6238;
    text-align: center;
    font-family: Nunito;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.resource-icon {
    color: var(--primary-500);
    font-size: 46px !important;
    margin-bottom: 12px;
}

.resource-content {
    text-align: center;
    padding: 24px !important;
    border-left: 5px solid var(--primary-300);
    border-radius: 8px 8px var(--InputCount, 0px) var(--InputCount, 0px);
}

.notification-sec {
    padding: 20px;
    border-radius: 8px;
}
    /* Style for each list item */
    .notification-sec li {
        display: flex;
        align-items: flex-start;
        padding: 10px 0;
        border-bottom: 1px solid #ccc; /* light border between entries */
    }

        .notification-sec li:last-child {
            border-bottom: none; /* remove border from the last entry */
        }
        /* Style for the bullet points */
        .notification-sec li::before {
            content: "";
            display: inline-block;
            width: 8px;
            height: 8px;
            background-color: #3D6238; /* green bullet */
            border-radius: 50%;
            margin-right: 10px;
            margin-top: 5px; /* align with text */
        }
        /* Style for the text */
        .notification-sec li span {
            flex: 1;
            color: #000;
            font-family: Nunito;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 22px;
        }

            .notification-sec li span:hover {
                color: #3D6238;
            }

.resource-content:hover {
    background: linear-gradient(60deg, #8EC3B2 10.37%, #DAF2D4 89.63%);
}

.view-notification {
    color: #3D6238;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Nunito;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.nav-hist-clear {
    color: #FFF !important;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Nunito;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    z-index: 1;
}

.nav-hist-container {
    height: 130px;
    width: 100%;
}

.nav-hist-content {
    text-align: center;
    width: 19.7%;
    display: inline-block;
    padding: 10px;
    border-radius: 10px;
    word-wrap: break-word;
}

    .nav-hist-content:hover {
        background-color: var(--interactive-background-staticblack-faded);
        border-radius: var(--bradius-large);
    }

.nav-hist-icon {
    font-size: var(--fz-size-48) !important;
    border: 1px solid var(--surface-background-gray-subtle);
    border-radius: 30px;
    padding: var(--spacing-3);
    background-color: var(--surface-background-gray-subtle);
    color: var(--feedback-border-positive-intense);
}

.nav-hist-title {
    color: var(--surface-text-staticwhite-normal);
    text-align: center;
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-100);
}

.nav-history-close-button {
    visibility: hidden;
    float: left;
}

.nav-hist-content:hover .nav-history-close-button {
    visibility: visible;
}

.nav-history-close-button {
    padding: 0px;
    color: var(--surface-icon-oncyan-onintense);
}

.nav-hist-opennew-button {
    padding: 0px;
    color: var(--surface-icon-oncyan-onintense);
    float: right;
}

.nav-hist-opennew-button {
    visibility: hidden;
}

.nav-hist-content:hover .nav-hist-opennew-button {
    visibility: visible;
}

.nav-hist-item {
    margin-left: 14.8%;
    margin-top: 19px;
    margin-right: 14%;
}

.nav-history-progress-container .mud-progress-circular-circle {
    stroke: white;
}

.notification-res-div {
    margin-left: 14%;
    margin-right: 14%;
}

@media screen and (max-width: 1680px) {
    .search-container {
        margin-top: 45px;
        margin-left: 12%;
        margin-right: 13%;
    }

    .custom-result-section {
        margin-left: 12%;
    }

    .custom-result-tax-section {
        margin-left: 21.5%;
    }

    .advance-search-div {
        margin-left: 12%;
    }

    .tax-advance-search-div {
        margin-left: 10%;
    }

    .nav-hist-item {
        margin-left: 13%;
        margin-right: 13%
    }

    .notification-res-div {
        margin-left: 13%;
        margin-right: 13%;
    }

    .tax-year-selector-landing {
        margin-left: 10%;
    }

    .tax-nav-hist-item {
        margin-left: 11.5%;
    }
}

.progress-dialog {
    backdrop-filter: blur(10px);
}

tr.mud-table-row.draggingover {
    background-color: lightyellow !important;
}

.card-list .mud-list-item-icon {
    background-color: var(--interactive-background-gray-default);
    padding: 4px;
    border-radius: 4px;
    margin-right: 12px;
    color: var(--interactive-icon-gray-normal);
}
/*Landing Page CSS*/
/*Toast Success*/
.mud-alert-filled-success {
    padding: 17px 24px;
    background-color: #FFF;
    color: var(--Neutral-900, #171717);
    font-family: Nunito;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

    .mud-alert-filled-success > .mud-snackbar-icon > svg {
        color: var(--primary-500);
        font-size: 44px;
    }
/*Toast Success*/

/*Advanced Search Begin*/
.advanced-search-filter-container {
    width: 400px;
    border-radius: var(--bradius-medium);
    padding-left: var(--spacing-1);
    background: var(--mud-palette-surface);
    position: absolute;
    z-index: 50;
}

.advanced-search-filter-dropdown {
    border: var(--bwidth-thin) solid var(--interactive-border-gray-highlighted);
    background-color: var(--interactive-background-gray-faded);
    color: var(--surface-text-gray-subtle);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-100);
    border-radius: var(--bradius-medium);
    height: 35px;
    max-width: fit-content;
    padding-left: var(--spacing-3);
}

    .advanced-search-filter-dropdown .mud-icon-button {
        color: var(--surface-text-gray-subtle);
        padding: var(--spacing-3);
        margin-left: var(--spacing-2);
    }

.advanced-search-filter-container.notexpanded {
    width: 0px;
}

.advancedSearchDataListContainer {
    width: 380px;
    max-height: 300px;
    overflow-y: auto;
}

.advanced-search-filter-dropdown:hover {
    cursor: pointer;
}

.advanced-search-column-container {
    width: 280px;
    border-radius: var(--bradius-medium);
    padding-left: var(--spacing-1);
    background: var(--interactive-background-staticwhite-default);
    position: absolute;
    z-index: 50;
}

.advanced-search-filter-container.notexpanded {
    width: 0px;
}

.advanced-search-data-list-container-for-columns {
    max-height: 300px;
    overflow-y: auto;
}

.adv-search-filter-label {
    display: inline-block;
    max-width: 195px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.advanced-search-save-options-container {
    width: 180px;
    border-radius: var(--bradius-medium);
    padding-left: var(--spacing-1);
    background: var(--interactive-background-staticwhite-default);
    position: absolute;
    z-index: 50;
    margin-top: var(--spacing-2);
}

    .advanced-search-save-options-container.notexpanded {
        width: 0px;
    }

.apply-background {
    background: var(--interactive-background-primary-faded);
}

    .apply-background:hover {
        background: var(--interactive-background-primary-faded);
    }

/*Advanced Search End*/
.tax-year-selector {
    width: 136px;
}

.appBar .tax-year-selector .mud-select .mud-select-input .mud-input-slot {
    color: currentColor !important;
}
/* Outlined Tab */
.custom-tabs-outline > .mud-tabs-tabbar {
    z-index: 1000;
    position: initial;
    top: initial;
    background-color: transparent !important;
}

    .custom-tabs-outline > .mud-tabs-tabbar .mud-tooltip-root .mud-tab {
        border-radius: 8px 8px 0px 0px !important;
        border: 2px solid var(--primary-500);
        color: var(--primary-700) !important;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: 1.25px;
    }

    .custom-tabs-outline > .mud-tabs-tabbar .mud-tab.mud-tab-active {
        color: #FFF !important;
        opacity: 1;
        background-color: var(--primary-500) !important;
    }

.mud-tabs.custom-tabs-outline .mud-tooltip-root .mud-tab:hover {
    background: var(--primary-100) !important;
}

.mud-tabs.custom-tabs-outline .mud-tooltip-root .mud-tab.mud-tab-active:hover {
    background: var(--primary-500) !important;
}

.custom-tabs-outline > .mud-tabs-tabbar .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    width: 100% !important;
}

.custom-tabs-outline > .mud-tabs-tabbar .mud-tooltip-root.mud-tooltip-inline {
    display: table-cell;
    padding: 0 3px 0 0;
}

.mud-tabs.custom-tabs-outline .mud-tooltip-root.mud-tooltip-inline:first-child {
    padding-left: 3px;
}

.custom-tabs-outline .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    display: table !important;
}

.credits-cust-header-sticky .mud-table-container {
    overflow-y: auto !important;
}

@media (min-width: 1280px) {
    .mud-container-fixed {
        max-width: 100%;
    }
}

.batch-header {
    position: fixed;
    top: var(--mud-appbar-height);
    right: 0;
    left: 0;
    z-index: 5;
    background-color: var(--batch-header-bg-color);
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.25);
    height: 48px;
    margin-left: 2px;
    margin-right: 2px;
}

.batch-header-text p {
    color: var(--surface-text-gray-subtle);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-100);
}

.mud-appbar-dense ~ .mud-main-content {
    padding-top: var(--mud-appbar-height);
}

    .mud-appbar-dense ~ .mud-main-content.batch-header-visible {
        padding-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4 + 65px);
    }
/* Container for the button and input spinner */
.cust-add-container {
    display: inline-flex;
    align-items: center;
    background-color: var(--surface-background-primary-intense);
    padding: var(--spacing-1) var(--spacing-3) var(--spacing-1) var(--spacing-0);
    border-radius: var(--bradius-medium);
    font-family: var(--typography-typefaces-body);
    box-shadow: none !important;
}
/* Style for the Add button */
.cust-add-btn {
    color: var(--interactive-text-staticwhite-normal);
    font-weight: var(--font-weight-bold) !important;
    border: var(--bwidth-none);
    background-color: var(--transperent) !important;
    font-size: var(--size-font-size-200) !important;
    cursor: pointer !important;
    padding-top: var(--spacing-0) !important;
    padding-bottom: var(--spacing-0) !important;
    box-shadow: none !important;
}

    .cust-add-btn.mud-button.mud-button-filled:hover {
        box-shadow: none;
    }
/* Style for the numeric input spinner */
.cust-num-input-text {
    margin: 0 !important;
    width: 55px;
    padding-top: var(--spacing-2) !important;
    padding-bottom: var(--spacing-2) !important;
}

    .cust-num-input-text .mud-input > input.mud-input-root-outlined {
        padding-top: var(--spacing-2) !important;
        padding-bottom: var(--spacing-2) !important;
    }

    .cust-num-input-text .mud-button .mud-icon-root.mud-svg-icon {
        color: var(--surface-background-primary-intense);
    }

    .cust-num-input-text .mud-input.mud-input-outlined .mud-input-outlined-border {
        border: var(--bwidth-none);
    }

    .cust-num-input-text .mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within):hover .mud-input-outlined-border {
        border: var(--bwidth-none) !important;
    }

    .cust-num-input-text .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
        border: var(--bwidth-none) !important;
    }

.mud-icon-button.clipboardIcon {
    padding: var(--spacing-0);
}
/*App Bar */

.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(--surface-background-dark-subtle) !important;
}

    .mud-appbar .mud-icon-button {
        margin: 0;
        padding: 0;
        border: none;
    }

.cust-app-bar {
    background-color: var(--secondary-header-color);
}

.navbar-btn {
    padding: 4px !important;
    margin: 3px 6px !important;
    color: var(--surface-icon-staticwhite-normal);
}

#resultsSection {
    width: 1200px;
    position: absolute;
    z-index: 10;
    background-color: var(--interactive-background-staticwhite-default);
    height: calc(100vh - 170px);
    overflow-y: auto;
    max-width: 100%;
}

.mud-appbar-search #quickSearchInputControl {
    width: 100%;
    color: var(--surface-text-staticblack-subtle);
    padding: 0 12px;
    background: var(--surface-background-gray-intense);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--bradius-medium);
    border: var(--bwidth-thin) solid var(--interactive-border-gray-default);
    height: var(--input-textfield-medium-height);
    margin: 4px 0px;
}

.mud-appbar-search .tax-year-selector .mud-input.mud-input-outlined {
    border-radius: var(--bradius-medium);
    border: var(--bwidth-thin) solid var(--interactive-border-gray-default);
    background: var(--surface-background-gray-intense);
    color: var(--surface-text-staticblack-subtle);
    text-align: center;
    color: var(--surface-text-staticblack-subtle);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-100);
}

    .mud-appbar-search .tax-year-selector .mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within):hover .mud-input-outlined-border {
        border: none;
    }

#quickSearchInputText {
    flex-grow: 1;
    outline-offset: -2px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    outline: none;
    color: var(--surface-text-staticblack-subtle);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-100); /* 142.857% */
    padding: 5px;
}

    #quickSearchInputText::placeholder {
        color: var(--surface-text-staticblack-subtle);
    }

.mud-appbar {
    padding-left: 0;
    padding-right: 0;
}

.cust-tax-year-error-color.mud-select .mud-select-input .mud-input-slot {
    color: var(--feedback-text-negative-intense);
}

.mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-mini:not(.mud-drawer-clipped-never), .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-persistent:not(.mud-drawer-clipped-never), .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-always, .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always {
    top: var(--mud-appbar-height);
    height: calc(100% - var(--mud-appbar-height));
}

.user-account-menu > button > .mud-button-label .mud-button-icon-start {
    margin-left: var(--spacing-0);
    margin-inline-start: var(--spacing-0);
}

.user-account-menu > button:focus {
    outline: var(--bwidth-none) !important;
}

.clipboard-white-icon {
    color: var(--interactive-border-staticwhite-default);
}

.mud-icon-button.clipboard-white-icon .mud-icon-root.mud-svg-icon {
    font-size: clamp(22px, 2vw, 30px);
}

.mud-icon-button.clipboard-white-icon + .mud-badge-wrapper > .mud-badge.mud-badge-default {
    background-color: var(--surface-background-gray-intense);
    color: var(--interactive-text-positive-normal);
}

/*End App Bar*/
.cust-outline-select .mud-input.mud-input-outlined {
    border-radius: 30px;
    border: none;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.00) inset;
    background: transparent;
    color: var(--ffffff, #FFF);
    text-align: center;
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

    .cust-outline-select .mud-input.mud-input-outlined .mud-input-outlined-border {
        border-radius: 30px;
        border: 1px solid #D8DEE8;
    }

    .cust-outline-select .mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within):hover .mud-input-outlined-border {
        border-radius: 30px;
    }

    .cust-outline-select .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
        border-radius: 30px;
    }

.cust-outline-select .mud-icon-root.mud-svg-icon {
    color: var(--primary-500);
}

.cust-outline-select .mud-input > .mud-select-input {
    padding-right: 10px !important;
}

.mud-menu.user-account-menu {
    width: auto !important;
    text-align: start;
}

    .mud-menu.user-account-menu > .mud-button-root > .mud-button-label {
        color: #FFF;
        font-family: Nunito;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
    }

.btn-system-filter-group {
    border-radius: 30px;
    border: 1px solid #D8DEE8;
    /*margin-right: 10px*/
}

.btn-system-filter {
    border-radius: 30px !important;
    border: 1px solid transparent !important;
    background-color: transparent !important;
    color: #FFF !important;
    text-align: center;
    font-family: Nunito;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-right: -3.5px;
}

.btn-system-filter-selected {
    border: 1px solid var(--primary-400) !important;
    background-color: var(--primary-400) !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !important;
}

.cust-label-outlined {
    margin-right: var(--spacing-5);
    border-radius: var(--bradius-max);
    text-align: center;
    background: var(--surface-background-gray-subtle);
    color: var(--surface-text-gray-subtle) !important;
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-75);
    padding: var(--spacing-3);
    white-space: nowrap;
}

a.app-info:hover, a.app-info:active {
    background-color: var(--transperent);
}

.taxnoticeAddRemoveHoldDialog + .mud-dialog {
    width: 600px;
}

.mud-picker-inline > .mud-input-control .mud-input.mud-input-outlined.mud-input-adorned-start {
    padding-left: var(--spacing-2) !important;
}

    .mud-picker-inline > .mud-input-control .mud-input.mud-input-outlined.mud-input-adorned-start > .mud-input-adornment-start {
        margin-right: var(--spacing-0) !important;
        margin-inline-end: var(--spacing-0) !important;
        padding-right: var(--spacing-0);
    }

    .mud-picker-inline > .mud-input-control .mud-input.mud-input-outlined.mud-input-adorned-start > .mud-input-root-outlined.mud-input-root-adorned-start {
        padding-left: var(--spacing-0) !important;
        padding-right: var(--spacing-0) !important;
    }

.column-selection-button {
    padding: 12px 5px 12px 5px;
}
/*Tab*/
.mud-tab-panel {
    color: var(--interactive-text-gray-muted);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-300);
}

    .mud-tab-panel:hover {
        border-bottom: var(--bwidth-none);
    }

.mud-tab.mud-tab-active {
    color: var(--interactive-text-primary-normal);
}

    .mud-tab.mud-tab-active:hover {
        color: var(--interactive-text-primary-normal);
    }

.mud-simple-full-width .mud-tabs-tabbar-wrapper {
    width: 100%;
}

    .mud-simple-full-width .mud-tabs-tabbar-wrapper .mud-tooltip-inline {
        width: 100%;
        padding: var(--spacing-0) !important;
    }

.mud-tabs.mud-simple-full-width .mud-tabs-tabbar-wrapper .mud-tab-panel:hover {
    border-bottom: 2px solid var(--mud-palette-gray-default);
}

.mud-tabs.mud-simple-full-width .mud-tab-slider {
    background: var(--mud-palette-primary);
}

.mud-simple-full-width .mud-tab.mud-tab-active {
    color: var(--interactive-text-primary-normal) !important;
}
/*End Tab*/
/*Filled Tab*/
.mud-cust-tab-filled > .mud-tabs-tabbar {
    padding: 4px;
    border-radius: var(--bradius-medium);
    background-color: var(--mud-palette-background);
}

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

        .mud-cust-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-cust-tab-filled > .mud-tabs-tabbar .mud-tabs-tabbar-inner {
        min-height: auto;
    }

    .mud-cust-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-cust-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-cust-tab-filled > .mud-tabs-tabbar .mud-tab-slider {
        height: 0;
    }

.mud-tab-filled-primary-bg.mud-cust-tab-filled > .mud-tabs-tabbar {
    padding: var(--spacing-0);
    background-color: var(--netural-lavgray-300);
}

    .mud-tab-filled-primary-bg.mud-cust-tab-filled > .mud-tabs-tabbar > .mud-tabs-tabbar-inner {
        background-color: var(--interactive-background-primary-fadedHighlighted);
        border: var(--bwidth-thin) solid var(--interactive-border-positive-disabled);
        padding: var(--spacing-2) var(--spacing-2) var(--spacing-1);
    }

.mud-tab-filled-primary-bg.mud-cust-tab-filled .mud-tab-panel {
    color: var(--interactive-text-gray-subtle);
    min-width: 160px !important;
}

.mud-tab-filled-primary-bg.mud-cust-tab-filled > .mud-tabs-tabbar .mud-tab:hover {
    background-color: var(--interactive-background-gray-default) !important;
    color: var(--interactive-text-gray-subtle) !important;
}

.mud-tab-filled-primary-bg.mud-cust-tab-filled > .mud-tabs-tabbar .mud-tab-active {
    background-color: var(--surface-background-primary-intense) !important;
    color: var(--surface-text-primary-subtle);
    border-radius: var(--bradius-small);
}

.mud-cust-tab-filled > .mud-tabs-tabbar .mud-tab-slider {
    display: none;
}

.mud-cust-tab-filled > .mud-tab-panel:hover {
    border-bottom: var(--bwidth-none);
}



/*Filled Tab End*/
/*Vertical Tab*/



.mud-tabs-vertical.mud-tab-filled .mud-tabs-tabbar.mud-tabs-vertical {
    border-radius: var(--bradius-small);
    background-color: var(--surface-background-gray-intense);
}

.mud-tabs-tabbar.mud-tabs-border-left {
    border-right: 0 !important;
}

.mud-tabs-vertical.mud-tab-filled .mud-tabs-tabbar.mud-tabs-vertical .mud-tabs-scroll-button {
    display: none;
}

.mud-tabs-vertical.mud-tab-filled .mud-tabs-tabbar.mud-tabs-vertical .mud-tooltip-root {
    padding: 0 !important;
    width: 206px;
}

.mud-tabs-vertical.mud-tab-filled .mud-tabs-tabbar.mud-tabs-vertical .mud-tab {
    text-transform: none;
    color: var(--interactive-text-gray-muted) !important;
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-300);
    text-align: start;
    justify-content: start;
    max-height: 91.6px;
    height: 91.6px;
    border-radius: var(--bradius-small);
}

.mud-tabs-vertical.mud-tab-filled .mud-tabs-tabbar.mud-tabs-vertical.mud-tab-filled .mud-tab .mud-icon-root.mud-svg-icon {
    fill: var(--interactive-text-gray-muted);
}

.mud-tabs-vertical.mud-tab-filled .mud-tabs-tabbar.mud-tabs-vertical .mud-tab:hover {
    background-color: var(--interactive-background-gray-default) !important;
    color: var(--interactive-text-gray-subtle) !important;
}

    .mud-tabs-vertical.mud-tab-filled .mud-tabs-tabbar.mud-tabs-vertical .mud-tab:hover .mud-icon-root.mud-svg-icon {
        fill: var(--interactive-text-gray-subtle);
    }

.mud-tabs-vertical.mud-tab-filled .mud-tabs-tabbar.mud-tabs-vertical .mud-tab.mud-tab-active {
    background-color: var(--interactive-background-primary-faded) !important;
    color: var(--interactive-text-primary-normal) !important;
}

    .mud-tabs-vertical.mud-tab-filled .mud-tabs-tabbar.mud-tabs-vertical .mud-tab.mud-tab-active .mud-icon-root.mud-svg-icon {
        fill: var(--interactive-text-primary-normal);
    }

.mud-tabs-vertical.mud-tab-filled .mud-tabs-tabbar.mud-tabs-vertical .mud-tab.mud-disabled {
    color: var(--interactive-text-gray-disabled) !important;
}

.mud-tabs-vertical.mud-tab-filled .mud-tabs-panels.mud-tabs-vertical {
    background-color: var(--interactive-background-staticwhite-default) !important;
}

.mud-tabs-vertical .mud-tab-panel {
    border-left: var(--bwidth-none) !important;
}

    .mud-tabs-vertical .mud-tab-panel:hover {
        border-left: var(--bwidth-none) !important;
    }


/*End Vertical Tab*/
.blank-value:empty::before {
    content: '-';
}

.mud-button-filled:disabled {
    background: var(--E5E5E5, #EEE) !important;
    color: #c8c8c8 !important;
}

.mud-alert-text-warning {
    background-color: #F9EFAA;
    color: #010618;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Nunito;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}

.mud-expand-panel {
    border-radius: 4px !important;
    border: 1px solid var(--Outline, rgba(0, 0, 0, 0.12)) !important;
}

.mud-expand-panel-icon {
    color: var(--interactive-icon-gray-muted) !important;
}

.mud-expand-panel-header {
    padding: 10px 12px 10px 16px !important;
    color: rgba(0, 0, 0, 0.60);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Nunito;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 24px !important;
    letter-spacing: 0.5px;
}

.mud-expand-panel-content {
    padding-left: 16px !important;
    padding-right: 12px !important;
    padding-bottom: 10px !important;
}

.documentEditor-dialog + .mud-dialog {
    width: 90%;
    min-height: 850px;
}

.right-align {
    text-align: right !important;
}

    .right-align.sortable > span {
        padding-right: 6px;
    }

        .right-align.sortable > span > svg {
            display: none;
        }

            .right-align.sortable > span > svg.mud-direction-desc {
                display: initial;
            }

            .right-align.sortable > span > svg.mud-direction-asc {
                display: initial;
            }

.blue-button.mud-button.mud-button-filled {
    background-color: var(--netural-sky-700);
    color: var(--interactive-text-onprimary-normal);
    border: 1px solid var(--netural-sky-700);
}

    .blue-button.mud-button.mud-button-filled:hover {
        background-color: var(--netural-sky-600);
        color: var(--interactive-text-onprimary-normal);
    }
    .blue-button.mud-button.mud-button-filled:disabled {
        border: 0px solid var(--interactive-border-gray-disabled) !important;
    }

.ccdeviceConfigDialog + .mud-dialog {
    max-width: 700px;
}

.centeredDiv {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chip.mud-chip-color-default {
    background-color: var(--primary-050);
    color: var(--primary-600);
}

    .chip.mud-chip-color-default:hover:not(.mud-disabled) {
        background-color: var(--primary-600) !important;
        color: #FFF;
    }

    .chip.mud-chip-color-default.mud-chip-selected {
        background-color: var(--primary-600) !important;
        color: #FFF;
    }

.ellipses-menu.mud-menu > button {
    padding: 0px;
}

    .ellipses-menu.mud-menu > button:hover {
        background-color: transparent;
    }

.deleteAction {
    background-color: var(--destructive-default-primary) !important;
}

    .deleteAction:hover {
        background-color: var(--destructive-default-primary-hover) !important;
    }

.deleteActionSecondary {
    color: var(--destructive-default-secondary) !important;
    background-color: #FFFFFF !important;
    border: 1px solid #DE6666;
}

    .deleteActionSecondary:hover {
        background-color: var(--destructive-default-secondary-hover) !important;
    }

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

.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: none;
    border-width: var(--bwidth-thicker);
}

/* Inputs */
.mud-input-root-outlined {
    height: auto !important;
}

.mud-input-outlined-with-label {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

    .mud-input-outlined-with-label label {
        position: absolute !important;
        left: auto !important;
        top: -2px !important;
        font-weight: var(--fw-400) !important;
        font-size: var(--fz-size-16) !important;
        margin-bottom: 6px !important;
    }

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
    font-size: var(--fz-size-14) !important;
    color: var(--interactive-text-positive-normal);
    top: auto !important;
}

.mud-input-outlined-border legend {
    padding: inherit !important;
    width: 0 !important;
    font-size: var(--size-font-size-100-base);
}

.mud-input.mud-input-outlined.mud-shrink > .mud-input-outlined-border legend {
    width: auto !important;
    padding: 0px 5px !important;
}

.mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border legend, .mud-input.mud-input-outlined:focus-within .mud-shrink > .mud-input-outlined-border legend {
    width: auto !important;
    padding: 0px 5px !important;
}

.mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after {
    content: "*";
    color: var(--interactive-text-negative-normal);
}

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

.mud-input-outlined {
    background-color: var(--surface-background-gray-moderate);
}

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

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

.cust-mud-main-content {
    background-color: var(--netural-lavgray-300);
}
/*Typography*/
.h1-regular {
    font-weight: var(--fw-400);
}

.h1-bold {
    font-weight: var(--fw-700);
}

.h2-regular {
    font-weight: var(--fw-400);
}

.h2-bold {
    font-weight: var(--fw-700);
}

.h3-regular {
    font-weight: var(--fw-400);
}

.h3-bold {
    font-weight: var(--fw-700);
}

.h4-regular {
    font-weight: var(--fw-400);
}

.h4-bold {
    font-weight: var(--fw-700);
}

.h5-regular {
    font-weight: var(--fw-400);
}

.h5-bold {
    font-weight: var(--fw-700);
}

.h6-regular {
    font-weight: var(--fw-400);
}

.h6-semi-bold {
    font-weight: var(--fw-600);
}

.body1-semi-bold {
    font-weight: var(--fw-600);
}

.body1-bold {
    font-weight: var(--fw-700);
}

.body2-semi-bold {
    font-weight: var(--fw-600);
}

.body2-bold {
    font-weight: var(--fw-700);
}

.subtitle1-semi-bold {
    font-weight: var(--fw-600);
}

/*End Typography*/
/*Cards*/
.mud-card {
    padding: var(--card-default-padding-5) !important;
    border: var(--bwidth-thin) solid var(--interactive-border-gray-disabled);
    background-color: var(--interactive-background-staticwhite-default);
}

    .mud-card .mud-card-header {
        border-bottom: none;
        background-color: var(--interactive-background-staticwhite-default);
    }

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

/*Alerts*/
.mud-alert.mud-alert-outlined-warning .mud-alert-message {
    color: var(--feedback-text-notice-intense);
}

.mud-alert-outlined-warning {
    background-color: var(--interactive-background-notice-fadedHighlighted) !important;
    border-radius: var(--alert-padding-border-radius) !important;
    border: var(--bwidth-thin) solid var(--feedback-border-notice-subtle) !important;
}

.mud-alert.mud-alert-outlined-error .mud-alert-message {
    color: var(--feedback-text-negative-intense);
}

.mud-alert-outlined-error {
    background-color: var(--interactive-background-negative-faded) !important;
    border-radius: var(--alert-padding-border-radius) !important;
    border: var(--bwidth-thin) solid var(--feedback-border-negative-subtle) !important;
}

.mud-alert.mud-alert-outlined-normal .mud-alert-message {
    color: var(--feedback-text-neutral-intense);
}

.mud-alert-outlined-normal {
    background-color: var(--feedback-background-neutral-subtle) !important;
    border-radius: var(--alert-padding-border-radius) !important;
    border: var(--bwidth-thin) solid var(--feedback-border-neutral-subtle) !important;
}

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

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

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

.mud-alert.mud-alert-outlined-success .mud-alert-message {
    color: var(--feedback-text-positive-intense);
    font-family: var(--typography-typefaces-body);
    font-weight: var(--font-weight-regular);
}

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

.cust-alert-successs-text {
    color: var(--feedback-text-positive-intense);
    font-family: var(--typography-typefaces-body);
    font-weight: var(--font-weight-regular);
}
/*Alert End*/
.surface-text-gray-muted {
    color: var(--surface-text-gray-muted);
}

.ownership-card .mud-card-header {
    padding-bottom: 0;
}

.ownership-card .mud-card-header-content {
    display: flex;
    align-items: center;
}

    .ownership-card .mud-card-header-content .mud-icon-root.mud-svg-icon {
        fill: #F2B441;
    }

.interactive-icon-notice-muted-color {
    color: var(--interactive-icon-notice-muted);
}

/*Tables*/
.mud-table-row th {
    border-bottom: var(--bwidth-thin) solid var(--surface-border-gray-muted) !important;
    background-color: var(--surface-background-dark-moderate) !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;
    color: var(--interactive-text-onprimary-normal) !important;
    text-transform: uppercase !important;
}

.mud-table .mud-table-foot th {
    background-color: var(--surface-background-gray-moderate) !important;
}

.mud-table-foot tr.mud-table-row:hover th {
    background-color: var(--interactive-background-primary-faded) !important;
}

@media (hover: hover) and (pointer: fine) {
    .mud-table-hover .mud-table-container .mud-table-root .mud-table-body .mud-table-row:hover {
        background-color: var(--interactive-background-primary-faded);
    }
}

.mud-table tr:hover > td {
    background-color: var(--interactive-background-primary-faded) !important;
    cursor: pointer;
}

.mud-table-cell {
    font-size: var(--fz-size-14) !important;
}

.mud-table-cell .mud-checkbox {
    margin: 4px;
}

.mud-table-row th.mud-table-loading {
    padding: 0 !important;
    line-height: 0 !important;
    border-bottom: none !important;
    position: initial !important;
}
/* Chips */
.mud-chip {
    border-radius: var(--bradius-max) !important;
}

.mud-chip-selected.mud-chip-color-primary {
    color: var(--mud-palette-primary-text);
    background-color: var(--mud-palette-primary) !important;
    --mud-ripple-color: var(--mud-palette-primary-text) !important;
}

    .mud-chip-selected.mud-chip-color-primary .mud-chip-content {
        color: var(--mud-palette-primary-text) !important;
    }

.chip-default {
    border-radius: var(--bradius-max);
    border: var(--bwidth-thin) solid var(--interactive-border-gray-faded);
    background-color: var(--surface-background-primary-subtle);
    color: var(--interactive-text-gray-subtle);
}

    .chip-default:hover {
        border-radius: var(--bradius-max);
        border: var(--bwidth-thin) solid var(--interactive-border-gray-faded);
        background-color: var(--interactive-background-primary-fadedHighlighted) !important;
        color: var(--interactive-text-gray-subtle);
    }


    .chip-default.mud-chip-selected {
        border: var(--bwidth-thick) solid var(--interactive-border-primary-default) !important;
        background: var(--interactive-background-primary-default) !important;
        color: var(--interactive-text-staticwhite-normal);
    }

        .chip-default.mud-chip-selected > .mud-chip-content {
            color: var(--interactive-text-staticwhite-normal);
        }

.chip-warning {
    border-radius: var(--bradius-max);
    border: var(--bwidth-thin) solid var(--interactive-border-gray-faded);
    background-color: var(--interactive-background-notice-fadedHighlighted);
    color: var(--feedback-text-notice-intense);
}

    .chip-warning:hover {
        border-radius: var(--bradius-max);
        border: var(--bwidth-thin) solid var(--interactive-border-gray-faded);
        background-color: var(--interactive-icon-notice-muted) !important;
        color: var(--surface-text-staticblack-subtle);
    }

    .chip-warning.mud-chip-selected {
        border: var(--bwidth-thin) solid var(--interactive-border-gray-faded);
        background-color: var(--interactive-icon-notice-muted) !important;
        color: var(--surface-text-staticblack-subtle);
    }

        .chip-warning.mud-chip-selected > .mud-chip-content {
            color: var(--surface-text-staticblack-subtle);
        }

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

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

.chip-ex-sm {
    min-height: auto !important;
}

.mud-chip-filled.mud-chip-color-error {
    background-color: var(--feedback-background-negative-intense);
    color: var(--surface-text-staticwhite-normal);
}

.mud-chip-filled.mud-chip-color-primary {
    background-color: var(--surface-background-primary-intense);
    color: var(--surface-text-primary-subtle) !important;
}

button.mud-chip:focus {
    outline: none !important;
}

.mud-chip-filled.mud-chip-color-warning {
    background-color: var(--interactive-icon-notice-muted);
    color: var(--surface-text-staticblack-subtle);
}

.mud-chip-text.mud-chip-color-error.mud-chip-selected {
    background-color: var(--feedback-background-negative-intense);
    color: var(--surface-text-staticwhite-normal);
}

@media (hover: hover) and (pointer: fine) {
    .mud-chip-filled.mud-chip-color-warning.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--interactive-icon-notice-muted);
    }
}

.mud-chip.mud-chip-label {
    border-radius: var(--bradius-medium) !important;
}

/*.chip-negative:hover,
.mud-chip.mud-chip-filled.mud-chip-color-error:hover {
    background-color: var(--interactive-background-negative-faded) !important;
    border-color: var(--interactive-border-negative-default) !important;
    cursor: pointer;
}

.chip-positive:hover,
.mud-chip.mud-chip-filled.mud-chip-color-success:hover {
    background-color: var(--interactive-background-positive-faded) !important;
    border-color: var(--interactive-border-positive-default) !important;
    cursor: pointer;
}*/

/*Chip End*/
.mud-appbar .mud-toolbar-appbar {
    display: block;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: var(--interactive-text-onprimary-normal);
    background-color: var(--interactive-background-primary-highlighted);
    border: 1px solid var(--interactive-border-primary-highlighted);
    box-shadow: none;
}

.btn-primary-outline-ic {
    padding: var(--size-08) var(--size-08);
}

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

.mud-tab-panel {
    width: 100%;
}

button.mud-chip:focus {
    box-shadow: none;
}

/*MudStepper Class*/
.mud-stepper-actions,
.mud-stepper-linear-nav,
.mud-stepper-vertical-actions {
    display: none !important;
}

.mud-stepper .mud-stepper-nav .mud-step .mud-step-label .mud-step-label-icon {
    border: var(--bwidth-thin) solid var(--interactive-border-gray-default) !important;
    background-color: var(--interactive-background-staticwhite-default) !important;
    padding: 17px;
}

.mud-stepper .mud-stepper-nav .mud-step .mud-step-label-active .mud-step-label-icon {
    border: var(--bwidth-thick) solid var(--interactive-border-primary-default) !important;
    background-color: var(--interactive-background-primary-fadedHighlighted) !important;
}

.mud-stepper .mud-stepper-nav .mud-step-completed .mud-step-label .mud-step-label-icon {
    background-color: var(--interactive-icon-primary-normal) !important;
}

.mud-stepper .mud-stepper-nav.mud-stepper-nav-scrollable .mud-stepper-nav-connector {
    min-width: 25px;
    max-width: 25px
}

.mud-step-label-icon .mud-typography-caption {
    color: var(--surface-text-gray-subtle);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-100);
}

.mud-stepper .mud-stepper-nav .mud-step .mud-step-label .mud-step-label-content > p,
.mud-stepper .mud-stepper-nav .mud-step .mud-step-label-active .mud-step-label-content > p {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-100);
}

@media (hover: hover) and (pointer: fine) {
    .mud-stepper .mud-stepper-nav .mud-step.mud-clickable:hover {
        background-color: transparent;
    }
}

.mud-stepper .mud-stepper-nav-connector .mud-stepper-nav-connector-line {
    border-color: var(--surface-border-gray-muted);
    border-top-width: var(--bwidth-thicker);
}

/*This is based on content*/
.mud-stepper .mud-stepper-content {
    margin: 0px 24px;
    background-color: var(--interactive-background-staticwhite-default);
    height: calc(100vh - 390px);
    padding: 25px 20px;
    overflow-y: auto;
}

/*MudSetpper class end*/
.primarysection-header {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-heading);
    font-size: var(--size-font-size-600);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-600);
}

.secondarysection-header {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-heading);
    font-size: var(--size-font-size-500);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-500);
}

.processCard {
    padding: 16px;
    cursor: pointer;
    border: var(--bwidth-thin) solid var(--interactive-border-gray-default);
    background-color: var(--interactive-background-staticwhite-default);
    border-radius: var(--bradius-medium);
    height: 125px;
}

    .processCard:hover {
        background-color: var(--interactive-icon-primary-disabled);
    }

    .processCard.selected {
        background-color: var(--interactive-icon-primary-disabled);
    }

    .processCard .mud-card-content {
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 0px;
    }

.card-body-text {
    color: var(--interactive-text-gray-subtle);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-100);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.process-hub-container {
    min-height: calc(100vh - 150px);
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.bottom-buttons {
    margin-top: auto;
    padding: var(--spacing-6);
}

.mud-table .mud-table-pagination-toolbar {
    padding-right: var(--spacing-3);
    justify-content:end;
}

.stepper-panel {
    padding: var(--spacing-7) var(--spacing-6);
    border: var(--bwidth-thin) solid var(--surface-border-gray-subtle);
    border-radius: var(--bradius-medium);
    background-color: var(--interactive-background-staticwhite-default);
}

.stepper-panel-card-text {
    color: var(--surface-text-gray-subtle);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-100);
}

.stepper-config-panel-height {
    min-height: 400px;
}

.recipient-panel-background {
    background-color: var(--interactive-background-staticwhite-default);
}

.recipient-header-background {
    background-color: var(--interactive-background-gray-faded);
    padding: var(--spacing-4);
    border-radius: var(--bradius-medium);
    margin-bottom: var(--spacing-4);
}

.recipient-checkbox-panel-height {
    max-height: 300px;
    overflow: auto;
}

.recipient-checkboxes {
    padding: var(--spacing-3);
}

.radio-buttons-custom .mud-input-control-input-container .mud-icon-button {
    padding: var(--spacing-3) var(--spacing-1) !important;
}

    .radio-buttons-custom .mud-input-control-input-container .mud-icon-button:hover {
        background: none;
    }

.btn-link {
    color: var(--interactive-text-primary-normal) !important;
}

    .btn-link:focus, .btn-link:focus-visible, .btn-link:active {
        outline: none !important;
    }

.btn-icon-20 {
    background-color: var(--transperent) !important;
    border-radius: var(--bradius-small) !important;
}

    

.btn-icon-16 {
    color: var(--interactive-text-primary-normal) !important;
    background-color: var(--transperent) !important;
    text-align: center;
    border-radius: var(--bradius-small) !important;
    line-height: var(--size-00);
    padding: var(--size-00) var(--size-00) !important;
    border: 0px solid var(--interactive-border-negative-default) !important;
    font-size: var(--fz-size-16);
    box-shadow: none !important;
}

    .btn-icon-16 .mud-icon-size-medium {
        font-size: var(--fz-size-16) !important;
    }
/*Tooltip*/
.mud-tooltip.mud-tooltip-default {
    border-radius: var(--bradius-medium);
    box-shadow: 0px 16px 48px -4px var(--elevation-highraised) !important;
    font-size: var(--fz-size-14);
    line-height: var(--lineheight-20);
    font-weight: var(--fw-700);
    background-color: var(--surface-background-dark-subtle);
    color: var(--interactive-text-onprimary-normal);
}

/*Tooltip End*/

.landing-bg-gradient {
    padding: 0 !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: var(--interactive-text-primary-disabled) !important;
    background-color: var(--interactive-background-primary-disabled);
    border: 0px solid var(--interactive-border-primary-disabled);
    pointer-events: none;
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    color: var(--interactive-text-gray-subtle) !important
}
label.mud-checkbox {
    color: var(--interactive-text-gray-subtle);
}
    .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-disabled {
        color: var(--surface-text-gray-disabled) !important;
    }

.mud-input.mud-input-outlined.mud-disabled .mud-input-outlined-border {
    border-color: var(--interactive-border-gray-disabled);
}
/*Cancel button css end*/
.e-dlg-center-center, .e-dlg-overlay {
    z-index: 4000 !important;
}
/* Adding css for LATFormManagement page*/
.mud-radio-custom-class {
    background-color: var(--interactive-background-staticwhite-default);
    margin-left: var(--spacing-1) !important;
    border-radius: var(--bradius-medium);
    border: var(--bwidth-thin) solid var(--surface-border-gray-muted);
    margin-right: var(--spacing-3) !important;
}

.mud-lat-radio-group {
    margin-top: var(--spacing-2) !important;
}

    .mud-lat-radio-group .mud-radio-group {
        justify-content: start;
    }

.mud-radio-custom-class:last-child {
    margin-right: var(--spacing-0) !important;
}

.mud-lat-radio-group .mud-radio-group .mud-radio > span {
    padding: var(--spacing-3);
}

.mud-lat-radio-group .mud-radio-group .mud-radio {
    padding-left: var(--spacing-2);
    padding-right: var(--spacing-5);
}
/* End css for LATFormManagement page*/
button[class*="size-small"] {
    padding: initial;
}

/*Button Warning*/
.btn-warning:focus-visible {
    color: var(--graph-yellow-10);
    background-color: var(--interactive-text-notice-muted);
    border: var(--bwidth-thin) solid var(--interactive-text-notice-muted);
    outline: 2 !important;
    box-shadow: none !important;
    outline: 2px solid var(--surface-border-primary-muted) !important;
}

.btn-warning {
    color: var(--graph-yellow-10);
    background-color: var(--interactive-text-notice-muted);
    border: var(--bwidth-thin) solid var(--interactive-text-notice-muted);
    font-size: var(--fz-size-14);
    line-height: var(--lineheight-20);
    font-family: var(--typography-typefaces-body);
    font-weight: var(--fw-700);
    padding: var(--spacing-0) var(--spacing-6);
    text-align: center;
    border-radius: var(--bradius-medium);
    min-height: var(--size-36);
    flex: 1 0 0;
    width: max-content;
}

    .btn-warning:hover {
        color: var(--graph-yellow-10);
        background-color: var(--interactive-text-notice-disabled);
        border: var(--bwidth-thin) solid var(--interactive-text-notice-disabled);
    }

.btn-warning-disabled, .btn-warning-disabled:disabled {
    color: var(--surface-text-staticblack-disabled) !important;
    background-color: var(--interactive-icon-notice-disabled);
    border: 0px solid var(--interactive-icon-notice-disabled);
    pointer-events: none;
}

.btn-warning:active {
    color: var(--graph-yellow-10) !important;
    background-color: var(--interactive-text-notice-disabled) !important;
    border: var(--bwidth-thin) solid var(--interactive-text-notice-disabled) !important;
}
/*Button Warning End*/

mud-menu > .mud-button-filled.mud-button-filled-primary {
    color: var(--interactive-text-onprimary-normal);
    background-color: var(--surface-background-primary-intense);
    border: 1px solid var(--surface-background-primary-intense);
    font-size: var(--fz-size-14) !important;
    line-height: var(--lineheight-20) !important;
    font-family: var(--typography-typefaces-body) !important;
    font-weight: var(--fw-700) !important;
    padding: var(--spacing-0) var(--spacing-6) !important;
    text-align: center !important;
    border-radius: var(--bradius-medium) !important;
}

.cust-dialog .mud-dialog-title:has(h6:empty) {
    border-bottom: none;
}

.mud-button-filled-primary {
    color: var(--interactive-text-onprimary-normal) !important;
    background-color: var(--surface-background-primary-intense) !important;
    border: 1px solid var(--surface-background-primary-intense) !important;
}

    .mud-button-filled-primary:focus-visible {
        color: var(--interactive-text-onprimary-normal);
        background-color: var(--interactive-background-primary-default);
        border-color: var(--surface-border-primary-muted);
        box-shadow: none !important;
        outline: 2px solid var(--surface-border-primary-muted) !important;
    }

    .mud-button-filled-primary:hover {
        color: var(--interactive-text-onprimary-normal);
        background-color: var( --interactive-background-primary-highlighted);
        border: 1px solid var( --interactive-border-primary-highlighted);
    }

    .mud-button-filled-primary:disabled {
        color: var(--interactive-text-primary-disabled) !important;
        background-color: var(--interactive-background-primary-disabled);
        border: 0px solid var(--interactive-border-primary-disabled);
        pointer-events: none;
    }

.hover-wrapper {
    align-items: center;
}

.hover-reveal {
    visibility: hidden;
}

.hover-wrapper:hover .hover-reveal {
    visibility: visible;
}

.btn-warning:active {
    color: var(--surface-text-staticblack-subtle) !important;
    background-color: var(--interactive-icon-notice-muted) !important;
    border: var(--bwidth-thin) solid var(--interactive-icon-notice-muted) !important;
}
/* Add class for LAT Form Propery Class Dropdown */
.mud-picker-inline {
    width: 100%;
}

.cust-mud-popover {
    margin-left: 10px;
    max-width: 340px !important;
    width:100%;
}

@media(max-width:1600px) {
    .cust-mud-popover {
        max-width: 280px !important;
        width: 100%;
    }
}

@media(min-width:2560px) {
    .cust-mud-popover {
        max-width: 500px !important;
        width: 100%;
    }
}

.dropdown-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.custom-mud-paper-layout {
    width: 100%;
    overflow-y: auto;
}

.custom-mud-list-height {
    max-height: 50vh !important;
}
/* End */
.mud-tab.mud-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--interactive-text-primary-disabled) !important;
    background-color: var(--interactive-background-primary-disabled) !important;
}

/*Progress bar*/
.mud-progress-linear.mud-progress-linear-color-primary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--surface-background-primary-intense);
}

.mud-progress-linear.mud-progress-linear-color-primary:not(.mud-progress-linear-buffer)::before {
    background-color: var(--feedback-background-neutral-subtle);
}

/*Progress bar End*/

/*Icon*/

.icon-primary-20 {
    color: var(--interactive-text-primary-normal);
    background-color: var(--transperent);
    text-align: center;
    border-radius: var(--bradius-small);
    font-size: var(--fz-size-20);
}

.icon-primary-10 {
    color: var(--interactive-text-primary-normal);
    background-color: var(--transperent);
    text-align: center;
    border-radius: var(--bradius-small);
    font-size: var(--fz-size-10);
}

.icon-positive-normal-20 {
    color: var(--interactive-icon-positive-normal);
    background-color: var(--transperent);
    text-align: center;
    font-size: var(--fz-size-20);
}

.icon-negative-16 {
    color: var(--feedback-icon-negative-intense);
    background-color: var(--transperent);
    text-align: center;
    border-radius: var(--bradius-small);
    font-size: var(--fz-size-16);
}

.icon-warning-16 {
    color: var(--feedback-icon-notice-intense);
    background-color: var(--transperent);
    text-align: center;
    border-radius: var(--bradius-small);
    font-size: var(--fz-size-16);
}

/*Icon End*/

.box-divider {
    box-shadow: 0px -4px 0px 0px var(--interactive-border-primary-default) inset;
}

.mud-drawer-header {
    min-height: auto;
}

.mud-dialog-title:has(> h6:empty) {
    display: none !important;
}

.cust-dialog .mud-dialog-content {
    padding-top: var(--spacing-4);
}

.cust-dialog .mud-dialog-title:has(> h6:not(:empty)) + .mud-dialog-content {
    padding-top: var(--spacing-0);
}



.mud-input > textarea.mud-input-root {
    margin: 6px 0 7px !important;
}

.mud-table-sticky-header * .mud-table-root .mud-table-head.mud-table-dense .mud-table-loading {
    top: 0;
}

.quick-search-text #quickSearchInputControl {
    width: 100%;
    color: var(--surface-text-staticblack-subtle);
    padding: 0 12px;
    background: var(--surface-background-gray-moderate);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--bradius-medium);
    border: var(--bwidth-thin) solid var(--interactive-border-gray-default);
    height: var(--input-textfield-medium-height);
    margin: 4px 0px;
}


button[aria-hidden="true"][type="submit"] {
    display: none !important;
    visibility: hidden !important;
}

.btn-xsm {
    font-size: var(--fz-size-12) !important;
    padding: var(--spacing-2) var(--spacing-3) !important;
    line-height: var(--lineheight-18) !important;
    min-height: var(--size-28) !important;
}

/* classess added for TaxRollReportFilter% */
.list-label {
    color: var(--surface-text-gray-subtle);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200) !important;
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-300) !important; /* 150% */
}

.text-label {
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--typography-typefaces-heading);
    font-style: normal;
    font-size: var(--size-font-size-100-base) !important;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-100) !important;
    letter-spacing: 0.15px;
    margin-left: var(--spacing-2) !important;
}

.outside-label {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-300);
}

.attach-listview {
    max-height: 250px;
    overflow-y: auto;
}

.recipient-listview {
    max-height: 200px;
    overflow-y: auto;
}

.correspondence-text {
    font-family: var(--typography-typefaces-body);
    color: var(--surface-text-gray-normal);
    font-weight: var(--font-weight-regular);
    font-size: var(--size-font-size-200);
    line-height: var(--lineheight-24);
}

.correspondence-attch-icon {
    gap: 10px;
    border-radius: 50px;
    height: 30px;
    width: 31px;
    padding: 5px;
}

.section-container-background {
    padding: var(--spacing-6);
    justify-content: space-between;
    align-items: flex-start;
    border-radius: var(--bradius-medium);
    background-color: var(--surface-background-primary-subtle);
}

.primary-icon {
    font-size: var(--iconsize-2xlarge) !important;
}

.icon-negative-20 {
    color: var(--interactive-icon-negative-normal);
    background-color: var(--transperent);
    text-align: center;
    border-radius: var(--bradius-small);
    font-size: var(--fz-size-20);
}

.correspondence-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.inquiry-card {
    padding: var(--spacing-6) var(--spacing-5);
    cursor: pointer;
    border: var(--bwidth-thin) solid var(--interactive-border-gray-disabled);
    background: var(--surface-background-gray-intense);
    border-radius: var(--bradius-medium);
}

    .inquiry-card:hover {
        background-color: var(--surface-background-primary-subtle);
    }

    .inquiry-card.selected {
        background-color: var(--surface-background-primary-subtle);
    }

    .inquiry-card .mud-card-content {
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: var(--spacing-3);
        padding: var(--spacing-0);
    }

    .mud-card:focus-visible{
        outline:var(--bwidth-thin) auto var(--interactive-border-primary-default);
        outline-offset:var(--bwidth-none);
    }

button.mud-button-root.mud-fab.mud-fab-default.mud-fab-size-small.gray-collapse-button {
    margin-bottom: -20px;
    border-radius: var(--bradius-max);
    background: var(--surface-background-gray-subtle);
    border: var(--bwidth-thin) solid var(--interactive-border-gray-faded);
}

@media (min-width: 600px) {
    button.mud-button-root.mud-fab.mud-fab-default.mud-fab-size-small.gray-collapse-button {
        margin-bottom: -45px;
    }
}

@media (min-width: 960px) {
    button.mud-button-root.mud-fab.mud-fab-default.mud-fab-size-small.gray-collapse-button {
        margin-bottom: -70px;
    }
}

.filters-grid .filter-card-item {
    overflow: hidden;
    transition: max-height .55s cubic-bezier(.25,.8,.25,1), opacity .35s ease, margin .55s cubic-bezier(.25,.8,.25,1), padding .55s cubic-bezier(.25,.8,.25,1);
    opacity: 1;
}

.filters-grid .filter-card-item:has(> .mud-card) {
    display: flex;
    align-items: stretch;
}

.filters-grid .filter-card-item > .mud-card {
    width: 100%;
}

.filters-grid.collapsed .filter-card-item {
    max-height: var(--spacing-0);
    opacity: 0;
    margin-top: var(--spacing-0) !important;
    margin-bottom: var(--spacing-0) !important;
    padding-top: var(--spacing-0) !important;
    padding-bottom: var(--spacing-0) !important;
    pointer-events: none;
}

.mud-button-root.gray-collapse-button .mud-icon-root {
    transition: transform .25s ease;
}

.mud-button-root.gray-collapse-button.is-collapsed .mud-icon-root {
    transform: rotate(180deg);
}

/* optional: button hover */
.mud-button-root.gray-collapse-button {
    transition: box-shadow .2s ease, background-color .2s ease;
}

.mud-input-root-outlined.mud-input-root-margin-normal {
    height: var(--size-48) !important;
}

.btn-lg {
    font-size: var(--fz-size-16) !important;
    padding: var(--spacing-2) var(--spacing-6) !important;
    line-height: var(--lineheight-24) !important;
    min-height: var(--size-48) !important;
}

.mud-icon-default {
    color: var(--interactive-icon-gray-muted);
}

.mud-normal-input-background {
    background: var(--surface-background-gray-intense);
}

.text-with-helper .mud-input-control-helper-container,
.text-with-helper .mud-input-helper-text {
    background-color: var(--surface-background-gray-moderate) !important;
}

.hide-submit-button {
    display: none;
}
/* Add Css for tax report filter */
.vertical-line {
    background-color: var(--surface-border-gray-subtle);
    width: 1px;
    height: 24px;
}

.vertical-line-inner {
    background-color: var(--surface-border-gray-subtle);
    width: 1px;
    height: 13px;
}

.horizontal-text-line {
    color: var(--surface-text-gray-normal);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-200);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.vertical-button {
    writing-mode: vertical-rl; /* Rotates text vertically */
    text-orientation: mixed; /* Keeps letters upright */
    transform: rotate(180deg); /* Adjust orientation (optional) */
    height: 200px; /* Adjust height as needed */
    width: 36px; /* button width */
    min-width: 36px;
}

.collapse-wrapper {
    height: 250px;
}

.custom-icon-color {
    color: var(--surface-icon-gray-muted);
}

.filter-collapsed-fix {
    max-width: 5%;
}

.filter-expanded-fix {
    width: 105%;
}

.full-screen-auto-container {
    height: 100vh;
    overflow-y: auto;
    border-radius: var(--bradius-large);
}

.full-screen-container {
    height: 100vh;
}

.map-number {
    font-family: var(--typography-typefaces-body);
    line-height: var(--line-height-75);
    font-size: var(--size-font-size-300);
    font-weight: var(--font-weight-bold);
    letter-spacing: -0.02em;
    text-align: justify;
    cursor: default;
    color: var(--surface-text-primary-normal);
}

.legal-desc-text-container {
    max-height: 3em; /* Adjust as needed */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

/*Attachment Filter*/

.lock-icon {
    fill: var(--interactive-icon-positive-normal) !important;
    font-size: var(--iconsize-large);
    margin-left: var(--spacing-2);
}

.btn-default-filter {
    border-radius: var(--bradius-medium) !important;
    display: block;
    text-align: left;
    background-color: var(--interactive-background-gray-fadedHighlighted) !important;
    width: 100%
}

.btn-filter-icon {
    font-size: var(--iconsize-2xlarge);
    color: var(--interactive-background-staticblack-fadedHighlighted) !important;
    margin-bottom: var(--spacing-3) !important;
}

.btn-filter-text {
    color: var(--interactive-background-staticblack-fadedHighlighted);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-300);
}

.btn-default-filter-selected {
    border: var(--bwidth-thin) solid var(--surface-border-primary-muted) !important;
    background-color: var(--interactive-background-primary-fadedHighlighted) !important;
}

    .btn-default-filter-selected .btn-filter-icon {
        color: var(--interactive-background-primary-default) !important;
    }

.word-break-filename {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    hyphens: auto;
    max-width: 100%;
    display: block;
    font-size: 14px;
    float: left;
}

.attachment-card:hover .hover-reveal {
    visibility: visible; /* Show edit icon on hover */
}

.mud-disabled .mud-icon-root, .mud-disabled .mud-svg-icon, .mud-disabled .mud-icon-default {
    fill: var(--interactive-background-primary-disabled) !important;
}

.mud-disabled.mud-checkbox:has(.mud-checkbox-input:hover) .mud-icon-root {
    background-color: transparent;
    fill: var(--interactive-background-primary-disabled) !important;
}

.mud-checkbox:has(.mud-checkbox-input:focus) .mud-button-root, .mud-checkbox:has(.mud-checkbox-input:active) .mud-button-root {
    outline: none;
}

.attachment-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .attachment-card .mud-card-header .mud-card-header-actions {
        align-self: flex-start;
    }

/*Drag and Drop File Input*/
.file-upload-attachment {
    border: var(--bwidth-none);
    background-color: var(--surface-background-primary-subtle);
    padding: var(--spacing-6) var(--spacing-4);
    text-align: center;
    border-radius: var(--bradius-medium);
}

.file-upload-icon {
    font-size: var(--fz-size-64);
    color: var(--surface-background-primary-intense);
    margin-bottom: var(--spacing-4);
    margin-top: var(--spacing-3);
}
/*End Drag and Drop File Input*/

.attach-file-container {
    border: var(--bwidth-thin) solid var(--surface-border-gray-muted);
    padding: var(--spacing-4);
    border-radius: var(--bradius-medium);
    background-color: var(--surface-background-primary-subtle);
}

.attached-file-text {
    font-family: var(--typography-typefaces-body);
    color: var(--surface-text-gray-normal);
    font-weight: var(--font-weight-regular);
    font-size: var(--size-font-size-200);
    line-height: var(--lineheight-24);
}

/*Dialog*/
.mud-dialog-title h6 {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-heading);
    font-size: var(--size-font-size-500);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-500);
}

.mud-dialog .mud-dialog-actions {
    padding: 1rem 24px !important;
}

.mud-dialog .mud-dialog-actions .btn {
    flex: 0 0 auto;
}

/*End Dialog*/
.note-section {
    padding: var(--spacing-8) var(--spacing-6) var(--spacing-6) var(--spacing-6);
    background-color: var(--surface-text-staticwhite-normal);
}

.note {
    border-radius: var(--bradius-large);
    background: var(--surface-background-gray-subtle);
    padding: var(--spacing-5);
    margin-bottom: var(--spacing-6);
}

.mud-list-item > .mud-list-item-icon {
    min-width: 26px;
}

/*Mud Expansion Panel*/
.mud-expansion-chipset-dialog .mud-expand-panel-header:focus,
.mud-expansion-chipset-dialog .mud-expand-panel-header:focus-visible,
.mud-expansion-chipset-dialog .mud-panel-expanded > .mud-expand-panel-header:focus,
.mud-expansion-chipset-dialog .mud-panel-expanded > .mud-expand-panel-header:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.mud-expansion-chipset-dialog .mud-expand-panel-header {
    background-color: var(--interactive-background-primary-fadedHighlighted) !important;
    padding: var(--spacing-5) !important;
}

.mud-expansion-chipset-dialog .mud-expand-panel.mud-panel-expanded > .mud-expand-panel-header,
.mud-expansion-chipset-dialog .mud-panel-expanded > .mud-expand-panel-header {
    background-color: var(--interactive-background-primary-fadedHighlighted) !important;
}

.mud-expansion-chipset-dialog .mud-expand-panel-text {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-100);
}

.mud-expansion-chipset-dialog .mud-expand-panel > .mud-collapse-container > .mud-collapse-wrapper {
    overflow-y: scroll;
}
/*End*/
/*Text area padding*/
textarea[rows] {
    height: auto !important;
    padding: var(--spacing-3) var(--spacing-0) !important;
}


.validation-text {
    color: var(--feedback-text-negative-intense) !important;
}

.primary-text {
    color: var(--interactive-text-primary-normal);
}

.consolidate-name-dialog + .mud-dialog {
    width: 45%;
}

.consolidate-name-dialog-background {
    background: var(--surface-background-primary-subtle);
    border-radius: var(--bradius-medium);
}

.consolidate-name-dialog-label {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: 150%;
}

.consolidate-name-dialog-value {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: 150%;
    margin-left: var(--spacing-3)
}

.custom-mud-paper-background {
    background-color: var(--interactive-background-staticwhite-default);
}

.custom-mud-paper-border-radius {
    border-radius: var(--bradius-none);
}

.cust-ellipses-menu > button > span > svg {
    border-radius: var(--bradius-medium);
    border: var(--bwidth-thin) solid var(--interactive-border-primary-default);
    padding: var(--spacing-1);
    position: relative;
}

    .cust-ellipses-menu > button > span > svg > svg {
        position: absolute;
        transform: translate(20%, 20%);
    }

.primary-subtle-banner {
    border-radius: var(--bradius-medium);
    background: var(--surface-background-primary-subtle);
}

.cust-primary-subtle-banner {
    border-radius: var(--bradius-medium);
    background: var(--surface-background-primary-subtle);
}

    .cust-primary-subtle-banner:hover {
        background: var(--interactive-background-primary-fadedHighlighted);
    }

.cust-primary-subtle-banner-selected {
    background: var(--surface-background-primary-intense);
}

    .cust-primary-subtle-banner-selected h6 {
        color: var(--interactive-text-staticwhite-normal);
    }

    .cust-primary-subtle-banner-selected p {
        color: var(--interactive-text-staticwhite-normal);
    }

    .cust-primary-subtle-banner-selected button {
        color: var(--interactive-text-staticwhite-normal);
    }



.body-text-large {
    color: var(--00-on-surface-medium-emphasis, rgba(0, 0, 0, 0.60));
    /* Paragraph/Large/Regular */
    font-family: Nunito;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
}

/*Document*/
.cut-doc-mud-btn-group {
    Box-shadow: none;
    width: 100%;
    display: block;
}

.date-background {
    background: var(--surface-background-primary-subtle) !important;
    border-radius: var(--bradius-medium);
}

.folder-template {
    background: var(--surface-background-primary-subtle);
    border-radius: var(--bradius-large);
    justify-content: start;
    background-color: var(--surface-text-staticwhite-normal);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

    .folder-template:hover {
        background-color: var(--surface-background-primary-subtle) !important;
    }

    .folder-template.selected-folder-template {
        background-color: var(--surface-background-primary-subtle) !important;
        border: var(--bwidth-thin) solid var(--surface-background-primary-subtle);
        border-radius: var(--bradius-large);
    }

.noTags {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.archived-template {
    background-color: var(--interactive-background-gray-default) !important;
    border-radius: var(--bradius-large);
}

    .archived-template:hover {
        background-color: var(--interactive-background-gray-default) !important;
    }

    .archived-template.selected-folder-template {
        background-color: var(--surface-background-primary-subtle) !important;
        border: var(--bwidth-thin) solid var(--surface-background-primary-subtle) !important;
        border-radius: var(--bradius-large);
    }

.icon-effect {
    transition: color 0.3s ease, transform 0.2s ease;
    cursor: pointer;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

    .icon-effect:hover {
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

.selected-icon {
    color: var(--interactive-icon-primary-normal) !important;
}

.archive-icon {
    color: var(--surface-icon-gray-normal) !important;
}

.folder-template:hover .selected-icon {
    color: var(--interactive-icon-primary-normal) !important;
}

.folder-template.selected-folder-template .selected-icon {
    color: var(--interactive-icon-primary-normal) !important;
}

.document-title {
    background-color: var(--surface-background-primary-intense);
    border-bottom: var(--bwidth-thin) solid var(--surface-background-primary-intense);
    padding-left: var(--spacing-5);
    padding-right: var(--spacing-3);
}

.document-name {
    color: var(--surface-text-staticwhite-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
}

.doc-btn-text-white {
    color: var(--surface-text-staticwhite-normal);
}

.highlight-row td {
    background-color: var(--surface-background-primary-subtle) !important;
}

@@font-face {
    font-family: 'Font Mail merge icon';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMj1tSfMAAAEoAAAAVmNtYXDnEOdaAAABjAAAADhnbHlmIH5lWgAAAcwAAAE4aGVhZBl1pLUAAADQAAAANmhoZWEIBgQEAAAArAAAACRobXR4DAAAAAAAAYAAAAAMbG9jYQA6AJwAAAHEAAAACG1heHABHABKAAABCAAAACBuYW1leHxEBwAAAwQAAALBcG9zdLRxxewAAAXIAAAASAABAAAEAAAAAFwEAAAAAAADqQABAAAAAAAAAAAAAAAAAAAAAwABAAAAAQAAZCAASF8PPPUACwQAAAAAANtXL/EAAAAA21cv8QAAAAADqQPWAAAACAACAAAAAAAAAAEAAAADAD4ADwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQQAAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5wDnAQQAAAAAXAQAAAAAAAABAAAAAAAABAAAAAQAAAAEAAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAAkAAAABAAEAAEAAOcB//8AAOcA//8AAAABAAQAAAABAAIAAAAAADoAnAAEAAAAAAOpA9YACAALABgAHgAAARchFSEHFzcnJSM1ATcRIRUzESEHIREnIQM3ESE1IQF3pP48AcSkFsvLAeam/oYfATvd/pkfAaXn/pFfIAGZ/kcBpKIgohbIyOGl/oceAXPc/gggAi7m/fMeAi4fAAAAAA8AAAAAA0oDuQADAAcACwAPABMAFwAbAB8AIwAnACsALwAyADgAPQAAARUjNSMVIzUXMzUjBzM1IyUVIzUjFSM1FzM1IwczNSM3FSM1IRUjNQUzNSMXMzUjJSM1JxUzESERAyERASECzZ5ent3c3Pzc3AG5nl6e3dzc/NzcvZ4Bmp7+5dzc/NzcAQXGIPz9qiAClv74/nIBBD8/Pz9efn5+fkBAQEBffn5+fj8/Pz9ffn5+X8UY/P3IAzT8rQJtAQUAAAAAABIA3gABAAAAAAAAAAEAAAABAAAAAAABABQAAQABAAAAAAACAAcAFQABAAAAAAADABQAHAABAAAAAAAEABQAMAABAAAAAAAFAAsARAABAAAAAAAGABQATwABAAAAAAAKACwAYwABAAAAAAALABIAjwADAAEECQAAAAIAoQADAAEECQABACgAowADAAEECQACAA4AywADAAEECQADACgA2QADAAEECQAEACgBAQADAAEECQAFABYBKQADAAEECQAGACgBPwADAAEECQAKAFgBZwADAAEECQALACQBvyBGb250IE1haWwgbWVyZ2UgaWNvblJlZ3VsYXJGb250IE1haWwgbWVyZ2UgaWNvbkZvbnQgTWFpbCBtZXJnZSBpY29uVmVyc2lvbiAxLjBGb250IE1haWwgbWVyZ2UgaWNvbkZvbnQgZ2VuZXJhdGVkIHVzaW5nIFN5bmNmdXNpb24gTWV0cm8gU3R1ZGlvd3d3LnN5bmNmdXNpb24uY29tACAARgBvAG4AdAAgAE0AYQBpAGwAIABtAGUAcgBnAGUAIABpAGMAbwBuAFIAZQBnAHUAbABhAHIARgBvAG4AdAAgAE0AYQBpAGwAIABtAGUAcgBnAGUAIABpAGMAbwBuAEYAbwBuAHQAIABNAGEAaQBsACAAbQBlAHIAZwBlACAAaQBjAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAARgBvAG4AdAAgAE0AYQBpAGwAIABtAGUAcgBnAGUAIABpAGMAbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAHUAcwBpAG4AZwAgAFMAeQBuAGMAZgB1AHMAaQBvAG4AIABNAGUAdAByAG8AIABTAHQAdQBkAGkAbwB3AHcAdwAuAHMAeQBuAGMAZgB1AHMAaQBvAG4ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMBAgEDAQQAC0ZpbmlzaE1lcmdlEEluc2VydE1lcmdlRmllbGQAAA==) format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="sf-icon-"], [class*=" sf-icon-"] {
    font-family: 'Font Mail merge icon' !important;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 600;
    font-size: 14px;
}

.sf-icon-FinishMerge:before {
    content: "\e700";
}

.sf-icon-InsertMergeField:before {
    content: "\e701";
}

/*Document End*/
.ds-download-div > a:link {
    color: var(--interactive-text-onprimary-normal);
    background-color: var(--surface-background-primary-intense) !important;
    border: 1px solid var(--surface-background-primary-intense);
}

.override-label::before {
    content: '*';
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-right: var(--spacing-2);
    margin-top: var(--spacing-2);
    font-size: var(--fz-size-20);
    color: var(--feedback-text-negative-intense);
}

.override-marker {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-right: var(--spacing-2);
    margin-top: var(--spacing-2);
    font-size: var(--fz-size-20);
    color: var(--feedback-text-negative-intense);
}

.massupdate-sticky-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: var(--mud-palette-surface);
    padding-top: var(--spacing-1);
    padding-bottom: var(--spacing-6);
}

.mud-input-helper-text {
    color: var(--surface-text-staticblack-normal) !important;
}

    .mud-input-helper-text.mud-input-error {
        color: var(--feedback-text-negative-intense) !important;
    }

.mud-input-error .mud-input-outlined-border {
    color: var(--feedback-text-negative-intense) !important;
    border-color: var(--feedback-text-negative-intense) !important;
}

.tbl-row-selected td {
    background-color: var(--interactive-background-primary-faded) !important;
}

.btn-primary-outline-ic:disabled, .btn-primary-outline-ic:disabled:hover {
    border: var(--bwidth-thin) solid var(--interactive-border-primary-disabled);
    color: var(--interactive-text-primary-disabled) !important;
    background: var(--interactive-background-gray-disabled);
}

.section-border-divider {
    box-shadow: 0px -1px 0px 0px var(--surface-border-primary-muted) inset;
}

.warning-text {
    color: var(--feedback-text-notice-intense);
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-input-error {
    color: var(--feedback-text-negative-intense) !important;
}

.mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-error {
    color: var(--feedback-text-negative-intense) !important;
}

.payment-label {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-heading);
    font-size: var(--size-font-size-300);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-200);
    margin-right: var(--spacing-2)
}

.payment-label-info-text {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-heading);
    font-size: var(--size-font-size-300);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-200);
    margin-right: var(--spacing-2)
}


.payment-value {
    color: var(--surface-text-gray-normal);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-200)
}

    .payment-value:empty::before {
        content: '-';
    }

.primary-background {
    background-color: var(--surface-background-primary-subtle);
    padding: var(--spacing-7) var(--spacing-3) var(--spacing-7) var(--spacing-6);
    border-radius: var(--bradius-medium)
}

.paymnt-slideout-height {
    overflow-y: auto;
    height: calc(100vh - 200px);
}

.taxnoticepaid-selected {
    background: var(--primary-050) !important;
}

/*Badge*/
.mud-badge.mud-theme-primary {
    background-color: var(--interactive-background-primary-default) !important;
}
/*Badge End*/
.mud-table-expander-remove-space td.td-footer-sum {
    padding-right: 16px !important;
}

.opi-tips-input {
    background: var(--interactive-background-staticwhite-default) !important;
    border-style: solid !important;
    border-width: var(--bwidth-thin) !important;
    border-color: var(--surface-border-gray-subtle) !important;
    border-radius: var(--card-border-radius-medium) !important;
}

.mud-card-border-transparent {
    border-color: transparent !important;
}

.mud-snackbar.mud-alert-filled-warning {
    background-color: var(--feedback-icon-notice-subtle);
    color: var(--interactive-text-gray-subtle);
}

.required-label::after {
    content: '*';
    color: var(--feedback-text-negative-intense);
}

/*Fab Button*/
.fab-btn-primary-outline {
    box-shadow: none;
    color: var(--surface-background-primary-intense);
    background-color: var(--surface-background-primary-intense) 0;
    border: 1px solid var(--surface-background-primary-intense);
    border-radius: var(--bradius-max)
}

    .fab-btn-primary-outline:hover {
        color: var(--interactive-text-primary-normal);
        background-color: var(--interactive-background-primary-faded);
        border: 1px solid var(--interactive-background-primary-default);
        box-shadow: none;
    }
/*Fab Button End*/

/*Apex Sketch*/
.apex-sketch:hover {
    cursor: pointer;
}
/*Apex Sketch End*/

/*Residential Land*/

.payment-background {
    border-radius: var(--bradius-medium);
    background-color: var(--surface-background-primary-subtle);
    padding: var(--spacing-6);
}

.res-general-info-text {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-100);
}

    .res-general-info-text:empty::before {
        content: '-';
    }


li span.info-text:first-child {
    font-weight: var(--font-weight-bold);
}

.info-text {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-heading);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-400);
    letter-spacing: -0.32px;
}

.calculation-info {
    color: var(--surface-text-gray-normal);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: var(--typography-typefaces-heading);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-400);
    letter-spacing: -0.32px;
}

.cust-res-checkbox .mud-checkbox > span {
    padding: var(--spacing-0);
}

.text-container {
    overflow: hidden;
    text-overflow: ellipsis;
}

    .text-container.expanded {
        white-space: normal;
    }


.res-general-info-image .mud-icon-button > .mud-icon-button-label > svg {
    color: var(--interactive-text-staticwhite-normal);
    border: var(--bwidth-thicker) solid var(--interactive-text-staticwhite-normal);
    border-radius: var(--bradius-max);
    font-size: var(--iconsize-3xlarge);
}


.warning-highlight {
    background-color: var(--interactive-background-notice-fadedHighlighted) !important;
}

.warning-icon-color {
    color: var(--feedback-icon-notice-intense) !important;
}

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


/*Residential Land End*/

/*Assessment Relationship*/
.relation-ship-search .search-container {
    margin-left: var(--spacing-0);
    margin-right: var(--spacing-0);
    border: var(--bwidth-thin) solid var(--mud-palette-lines-inputs);
    padding: var(--spacing-3) var(--spacing-4);
}

.relation-ship-search .custom-result-section {
    margin-left: var(--spacing-0);
    height: calc(100vh - 500px) !important;
}

/*Assessment Relationship End*/

/*Comparable Property*/



.property-sort-text {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-200);
    float: right;
}

    .property-sort-text > .mud-button .mud-icon-root.mud-svg-icon {
        color: var(--surface-text-gray-normal);
    }

    .property-sort-text > .mud-button:hover {
        background-color: var(--transperent);
    }

.property-label {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-200);
}

.property-value {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-200);
}

.property-check-box span {
    padding: var(--spacing-0);
}

.selected-sort-by {
    color: var(--interactive-text-primary-normal) !important;
    background-color: var(--interactive-background-primary-fadedHighlighted) !important;
}

.properties-report {
    background-color: var(--surface-background-gray-subtle) !important;
}

.filter-bg {
    background-color: var(--surface-background-primary-subtle);
}

.property-image-container {
    height: 150px;
    overflow: hidden;
    border-radius: var(--bradius-large);
}

.filter-title-container {
    border-radius: var(--bradius-medium);
    padding: var(--spacing-3) var(--spacing-0);
    margin-bottom: var(--spacing-3);
}

.cust-filter-expansion-panel {
    width: 100%;
    max-height: 570px;
    overflow-y: auto;
    padding-right: var(--spacing-0);
}

.cust-filter-expansion {
    background-color: var(--transparent);
    border: var(--bwidth-none) !important;
}

    .cust-filter-expansion .mud-expand-panel-header {
        color: var(--surface-text-gray-normal);
        font-family: var(--typography-typefaces-heading);
        font-size: var(--size-font-size-200) !important;
        font-style: normal;
        font-weight: var(--font-weight-bold);
        line-height: var(--line-height-200) !important;
        padding-left: var(--spacing-0) !important;
        padding-right: var(--spacing-0) !important;
        background-color: var(--transparent) !important;
        border: var(--bwidth-none) !important;
    }

.mud-expand-panel-header:active, .mud-expand-panel-header:focus {
    outline: none !important;
}

.cust-filter-expansion-panel .mud-expand-panel .mud-expand-panel-content.mud-expand-panel-gutters {
    padding-left: var(--spacing-0) !important;
    padding-right: var(--spacing-0) !important;
    padding-top: var(--spacing-0) !important;
}

.filter-expansion-text {
    text-align: center;
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-300);
}

.explore-button {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/*Comparable Property End*/

.opi-tips-input.e-richtexteditor .e-rte-content .e-rte-placeholder,
.opi-tips-input.e-richtexteditor .e-rte-content .e-placeholder {
    color: var(--surface-text-staticblack-subtle) !important;
    opacity: 1 !important;
}

.sub-group-selected {
    background: var(--lilac-bg) !important;
}

    .sub-group-selected td {
        background-color: var(--interactive-background-primary-faded) !important;
    }

.mud-simple-table-header th {
    border-bottom: var(--bwidth-thin) solid var(--surface-border-gray-muted) !important;
    background-color: var(--surface-background-dark-moderate) !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;
    color: var(--interactive-text-onprimary-normal) !important;
}

.sub-group-spacing td:nth-child(2) {
    padding-left: var(--spacing-4) !important;
}

.mud-table-container {
    height: auto !important;
    max-height: none !important;
}

.max-width-75 {
    max-width: 75%;
}

.mr-ml-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mud-checkbox-true .mud-icon-size-large {
    fill: var(--interactive-background-primary-highlighted);
}

/*General Business*/
.mud-data-grid .mud-table-cell.edit-mode-cell .mud-input .mud-input-outlined-border {
    border: var(--bwidth-thin) solid var(--mud-palette-lines-inputs);
}

.cust-badge .mud-badge.mud-badge-center.right {
    left: calc(100% + 8px);
}

.cust-badge .mud-badge.mud-badge-default.mud-badge.mud-badge-default {
    background-color: var(--interactive-icon-notice-muted);
    color: var(--surface-text-staticblack-subtle);
}

.custom-grid-container {
    position: relative;
    height: calc(100vh - 475px);
    overflow: hidden;
}

.custom-grid {
    overflow-y: auto !important;
}

    .custom-grid .mud-table-container {
        overflow: visible !important;
    }

    .custom-grid thead {
        position: sticky !important;
        top: var(--spacing-0);
        background: var(--interactive-text-staticwhite-normal); /* Ensure header background matches your design */
        z-index: 1;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); /* Optional: to add a shadow effect */
    }

    .custom-grid tfoot {
        position: sticky;
        z-index: 2;
        bottom: 0;
        background-color: var(--interactive-text-staticwhite-normal);
    }

    .custom-grid > .mud-table-container {
        width: 100% !important;
    }


    .custom-grid .mud-input > input.mud-input-root-outlined {
        padding: var(--spacing-2) !important;
        padding-left: var(--spacing-3) !important;
    }

        .custom-grid .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
            padding: var(--spacing-2) !important;
            padding-left: var(--spacing-3) !important;
        }

.contract-value {
    font-family: var(--typography-typefaces-body);
    font-weight: var(--font-weight-regular);
    color: var(--surface-text-gray-normal) !important;
    text-decoration: auto;
}
/*General Business End*/

.payment-slideout-background {
    border-radius: var(--bradius-medium);
    background-color: var(--surface-background-primary-subtle);
}

.mud-drawer-header {
    padding: var(--spacing-4);
}

.gray-text-color-typography {
    color: var(--surface-text-gray-normal);
}

.bulk-edit-note {
    color: var(--surface-text-gray-muted);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-100);
}

.cust-radio-button .mud-icon-button.mud-ripple-radio {
    padding: var(--spacing-0);
}

    .cust-radio-button .mud-icon-button.mud-ripple-radio + p {
        margin-left: var(--spacing-3);
    }

.min-width-95 {
    min-width: 95px;
}

.mud-input-text.mud-input > input.mud-input-root.mud-input-root-margin-dense {
    font-weight: var(--font-weight-regular);
}

.mud-input-text.mud-input .mud-select-input {
    font-weight: var(--font-weight-regular);
}

.mud-data-grid .mud-table-cell .column-header .sort-direction-icon {
    color: var(--interactive-text-onprimary-normal) !important;
}

.mud-data-grid .mud-table-cell .column-header .mud-sort-index {
    color: var(--interactive-text-onprimary-normal) !important;
}
/*Discount Flow*/

.no-footer-checkbox tfoot .mud-table-cell .mud-checkbox {
    display: none;
}
.section-background {
    border-radius: var(--bradius-medium);
    background: var(--surface-background-primary-subtle);
}

.highlight-value {
    border-radius: var(--bradius-2xlarge);
    background-color: var(--interactive-background-primary-fadedHighlighted);
    padding: var(--spacing-3) var(--spacing-6);
}

.label-text {
    color: var(--surface-text-gray-muted);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-100);
    text-align: justify;
}

/*End Discount Flow*/

.highlightSearchText {
    font-weight: var(--fw-700);
    font-style: italic;
    color: var(--surface-text-oncoral-onsubtle);
    background-color: var(--surface-background-coral-subtle);
}


/* This class is used in system security */
.active-user-row {
    background-color: #5a9e5e1f !important;
}

.scrollable-section {
    overflow-y: auto;
    padding-right: var(--spacing-2);
    overflow-x: hidden;
}

.chip-size {
    font-size: var(--fz-size-10) !important;
    padding: var(--spacing-1) var(--spacing-3) !important;
    height: auto !important;
    border-radius: var(--bradius-max) !important;
    line-height: var(--lineheight-16) !important;
    background-color: var(--surface-background-primary-subtle) !important;
    color: var(--surface-text-primary-normal) !important;
}

    .chip-size.chip:hover:not(.mud-disabled) {
        background-color: var(--surface-background-primary-subtle) !important;
    }

.role-divider {
    border-color: var(--surface-border-primary-normal);
    border-width: var(--bwidth-thicker);
}

.cust-role-expansion-panel .mud-expand-panel-header {
    font-family: var(--typography-typefaces-body) !important;
    font-size: var(--size-font-size-100-base) !important;
    font-style: normal;
    font-weight: var(--font-weight-semi-bold) !important;
    line-height: var(--line-height-100); /* 142.857% */
    background: var(--interactive-background-primary-fadedHighlighted) !important;
}

.cust-role-expansion-panel .mud-expand-panel {
    margin-bottom: var(--spacing-5);
}

.cust-role-expansion-panel .mud-expand-panel-content {
    padding: var(--spacing-0) !important;
}

.cust-role-table .mud-table-head {
    background-color: var(--transperent);
}

.cust-role-table .mud-table-body td.mud-table-cell {
    border: var(--bwidth-none);
    font-size: var(--fz-size-16);
}

.cust-role-table .mud-input-control.mud-input-control-boolean-input {
    align-items: center;
}

.cust-role-table .mud-table-head {
    background-color: var(--transperent);
}

.cust-role-table .mud-input-control.mud-input-control-boolean-input {
    align-items: center;
}

    .cust-role-table .mud-input-control.mud-input-control-boolean-input label.mud-checkbox {
        color: var(--interactive-text-onprimary-normal);
    }

.role-users {
    padding: var(--spacing-5) var(--spacing-5) var(--spacing-6) var(--spacing-5);
    border-radius: var(--bradius-medium) var(--bradius-medium) var(--bradius-none) var(--bradius-none);
    border: var(--bwidth-thin) solid var(--surface-border-gray-muted);
}

.role-users-chip {
    height: 200px;
    overflow-y: auto;
}

.cancel-icon {
    visibility: hidden;
}

.no-pointer-when-disabled {
    cursor: default !important;
}

/* Balancing Report difference row badges */
.arc-match-badge, .arc-nomatch-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 16px;
    padding: 2px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
}

.arc-match-badge {
    background: var(--mud-palette-success);
}

.arc-nomatch-badge {
    background: var(--mud-palette-error);
}

.arc-subtotal-row td {
    font-weight: bold;
    font-style: italic;
}

    .no-pointer-when-disabled *{
        cursor: default !important;
    }

.txt-roles {
    padding: var(--spacing-3);
    border: var(--bwidth-thin) solid var(--primary-variant-color) !important;
    border-radius: var(--bradius-large) !important;
    justify-content: start;
    background-color: var(--interactive-background-staticwhite-default);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Balancing Dashboard */
.balancing-dashboard__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.balancing-dashboard__title {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0;
}

.balancing-dashboard__subtitle {
    font-size: 0.9rem;
    color: #595959;
    margin: 0;
}

.balancing-dashboard__actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.balancing-dashboard__actions .mud-button-root {
    white-space: nowrap;
}

.balancing-dashboard__select-all {
    display: flex;
    justify-content: flex-end;
}

/* Balancing Check Card */
.balancing-check-card {
    border: 1px solid var(--mud-palette-lines-default);
}

.balancing-check-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.balancing-check-card__left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

.balancing-check-card__right {
    flex-shrink: 0;
}

.balancing-check-card__name {
    font-weight: 600;
    font-size: 1rem;
}

.balancing-check-card__issue-count {
    font-size: 0.85rem;
    color: #595959;
}

.balancing-check-card__last-run {
    font-size: 0.8rem;
    color: #595959;
    margin-top: 4px;
    padding-left: 40px;
}

/* Balancing status badges */
.balancing-status-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 12px;
    padding: 2px 10px;
    font-size: 0.75rem;
    font-weight: 600;
}

.balancing-status-badge--passed {
    background-color: var(--interactive-background-positive-faded);
    color: var(--primary-lgreen-900, #344A31);
}

.balancing-status-badge--failed {
    background-color: var(--interactive-background-negative-faded);
    color: var(--interactive-text-negative-normal);
}

.balancing-status-badge--notrun {
    background-color: var(--surface-background-gray-subtle, #f0f0f0);
    color: #595959;
}

.balancing-status-badge--stale {
    background-color: var(--interactive-background-warning-faded, #fff3cd);
    color: var(--interactive-text-warning-normal, #856404);
}

/* Issues table */
.balancing-issues-table {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--mud-palette-surface);
    font-size: 0.85rem;
}

.balancing-issues-table thead tr {
    background-color: var(--mud-palette-dark);
    color: #fff;
}

.balancing-issues-table thead th {
    padding: 8px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 0.75rem;
    letter-spacing: 0.04em;
}

.balancing-issues-table tbody tr.balancing-issue-row {
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.balancing-issues-table tbody tr.balancing-issue-row td {
    padding: 8px 12px;
    font-size: 0.85rem;
    font-weight: normal;
}

.balancing-assessment-link {
    color: var(--mud-palette-primary-darken);
    cursor: pointer;
    text-decoration: underline;
    font-weight: 600;
    background: none;
    border: none;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
}

.balancing-assessment-link:hover {
    color: var(--mud-palette-primary-darken);
    text-decoration: none;
}

.balancing-pagination {
    display: flex;
    justify-content: flex-end;
}

    .txt-roles:hover {
        background-color: var(--surface-background-primary-subtle) !important;
        color: var(--interactive-text-primary-normal) !important;
    }

        .txt-roles:hover .cancel-icon {
            visibility: visible;
        }

.txt-roles-selected {
    background-color: var(--surface-background-primary-subtle) !important;
    color: var(--interactive-text-primary-normal) !important;
}

    .txt-roles-selected .cancel-icon {
        visibility: visible;
    }

.client-divider {
    border-color: var(--interactive-text-primary-normal);
    border-width: var(--spacing-1);
}

.mud-width-auto {
    width: auto !important;
}

.cust-role-expansion-panel .mud-expand-panel-header {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-style: var(--size-font-size-100-base);
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--line-height-100);
    background-color: var(--interactive-background-primary-fadedHighlighted);
}

.text-italic {
    font-style: italic;
}

.text-sm {
    font-size: 13px;
}

.eoy-collector-col-name {
    width: 60%;
}

.eoy-collector-col-status {
    width: 40%;
}

.cust-role-expansion-panel .mud-expand-panel {
    margin-bottom: var(--spacing-5) !important;
}

.cust-role-expansion-panel .mud-expand-panel-content {
    padding: var(--spacing-0) !important;
}



.contract-tax-value {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-200);
}

.renewal-mode.selected {
    color: var(--surface-text-staticwhite-normal);
}

.not-renewal-mode.selected {
    color: var(--surface-text-staticwhite-normal);
}

.contract-dialog + .mud-dialog {
    width: 85%;
    min-height: 600px;
}

.min-width-165 {
    min-width: 165px;
}

.restoration-contract-dialog + .mud-dialog {
    width: 85%;
    min-height: 370px;
}

.contract-value:empty::before {
    content: '-';
}

.edit-icon {
    visibility: hidden; /* Hide edit icon by default */
}

.tax-container:hover .edit-icon {
    visibility: visible; /* Show edit icon on hover */
}

.mud-radio-custom-class {
    background-color: var(--surface-background-gray-moderate);
    margin-left: var(--spacing-1);
    border-radius: var(--bradius-medium);
    border: var(--bwidth-thin) solid var(--mud-palette-lines-inputs);
}

    .mud-radio-custom-class:has(.mud-checked) {
        border-radius: var(--bradius-medium);
        border: var(--bwidth-thin) solid var(--mud-palette-lines-inputs);
    }

    .mud-radio-custom-class.contract-page {
        width: 32.4%;
    }

    .mud-radio-custom-class.contract-dialog {
        width: 31.9%;
    }
    .mud-radio-custom-class.taxlien-page {
        width:100%;
    }

/* ── Tax Lien Auction Setup: layout ────────────────────────────── */
/* Row 1: equal height (Auction Details matches Included Years) */
.tla-row1-grid > .mud-grid-item {
    display: flex;
    flex-direction: column;
}

.tla-section-paper {
    padding: var(--spacing-5) var(--spacing-5) var(--spacing-7) var(--spacing-5);
}

/* Chips / years container */
.tla-years-card {
    min-height: 70px;
}

/* Tables: fixed height with sticky header and auto-scroll body */
.tla-table-scroll {
    max-height: 250px;
    overflow-y: auto;
    border: 1px solid var(--mud-palette-table-lines);
    border-radius: 4px;
}

.mud-expand-panel-border .mud-expand-panel-text {
    font-weight: var(--font-weight-semi-bold) !important;
}

.border-radius-large {
    border-radius: var(--bradius-large);
}

.max-heigth-535 {
    max-height: 535px;
}

.search-permission {
    width: 400px;
    background-color: var(--interactive-background-staticwhite-default);
}

.stat-card {
    padding: var(--spacing-4);
    border: var(--bwidth-thin) solid var(--interactive-border-gray-disabled);
    background-color: var(--interactive-background-staticwhite-default);
    border-radius: var(--bradius-medium);
    text-align: left;
}

.stat-card-label {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-300);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-300);
}

.font-16 {
    font-size: var(--size-font-size-200);
}

.line-height-32 {
    line-height: var(--line-height-500)
}

.bg-subtle-negative .mud-chip-content {
    color: var(--feedback-text-negative-intense);
}

@media (hover: hover) and (pointer: fine) {
    .bg-subtle-negative:hover:not(.mud-disabled) {
        background-color: var(--feedback-background-negative-subtle);
    }
}

.bg-subtle-primary .mud-chip-content {
    color: var(--surface-text-primary-normal);
}

@media (hover: hover) and (pointer: fine) {
    .bg-subtle-primary:hover:not(.mud-disabled) {
        background-color: var(--surface-background-primary-subtle) !important;
    }
}

.height-535 {
    height: 535px;
}

.m-t-1 {
    margin-top: 1px;
}

.m-t-2 {
    margin-top: var(--spacing-1);
}

.custom-mud-fab-ex-sm {
    height: 30px;
    width: 30px;
    min-height: var(--fz-size-30) !important;
}

.width-70 {
    width: 70px;
}

.width-200 {
    width: 200px;
}

.border-radius-small {
    border-radius: var(--bradius-small);
}

.mud-table-expander-remove-space td:nth-child(3).padding-left-12 {
    padding-left: var(--spacing-4) !important;
}

.cust-td-action + td > div {
    visibility: hidden;
}

.float-inline-end {
    float: inline-end;
}

.jurisdiction-popover {
    width: 30.7%;
}

.user-maintenance-dialogue-body {
    width: 80% !important;
    height: 80vh !important;
}

.mud-paper-bg-white {
    background-color: var(--interactive-background-staticwhite-default);
}

.surface-background-gray-subtle {
    background-color: var(--surface-background-gray-subtle);
}

/*Balance Batch*/
.reconciled-row {
    background-color: var(--feedback-background-positive-subtle) !important;
}

.cust-mud-input-error .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: var(--feedback-border-negative-intense) !important;
}

.cust-mud-input-error .mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within):hover .mud-input-outlined-border {
    border-color: var(--feedback-border-negative-intense) !important;
}

.cust-mud-input-error .mud-input.mud-input-outlined .mud-icon-button {
    color: var(--feedback-border-negative-intense) !important;
}

.cust-mud-input-error .mud-input.mud-input-outlined {
    background-color: var(--interactive-background-negative-faded);
}

.reconciled .mud-input.mud-input-outlined .mud-input-outlined-border {
    border: var(--bwidth-thin) solid var(--feedback-border-positive-intense) !important
}

.reconciled .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
    border: var(--bwidth-thin) solid var(--feedback-border-positive-intense) !important
}

.reconciled .mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within):hover .mud-input-outlined-border {
    border: var(--bwidth-thin) solid var(--feedback-border-positive-intense) !important
}

.reconciled .mud-input.mud-input-outlined {
    background-color: var(--feedback-background-positive-subtle);
}

.batch-check-amount-sec {
    max-height: 500px;
    overflow-y: auto;
}

.cust-check-amount-sec {
    background-color: var(--surface-background-dark-moderate);
    display: flex;
    flex: 1 1 0%;
    flex-direction: row;
    padding: var(--spacing-5) var(--spacing-4);
    align-items: center;
    border-radius: var(--bradius-medium) var(--bradius-medium) var(--bradius-none) var(--bradius-none);
}

.tbl-reconciled .mud-table-container {
    max-height: 500px !important;
    overflow-y: auto;
}

.mud-data-grid .mud-table-cell.amount-column .column-header {
    justify-content: end;
}

/*Balance Batch End*/
.surface-background-dark-moderate {
    background-color: var(--surface-background-dark-moderate);
}

.interactive-text-onprimary-normal {
    color: var(--interactive-text-onprimary-normal);
}

.mud-dialog .mud-dialog-content {
    padding: var(--spacing-5) var(--spacing-7) var(--spacing-6);
}

.pdf-dialog-container {
    height: 1200px;
    width: 1200px;
    max-width: 1200px;
}

.checkbox-text {
    color: var(--surface-text-gray-normal);
    font-family: var(--typography-typefaces-body);
    font-weight: var(--fw-400);
    font-size: var(--fz-size-16);
    line-height: var(--lineheight-36)!important;
    letter-spacing: 0%;
}

    .checkbox-text .mud-checkbox > span {
        padding: 0;
    }

.numerictext .mud-input > input.mud-input-root-outlined {
    padding-left: 0 !important;
}

.error-listview {
    max-height: 16rem;
    overflow: auto;
    overscroll-behavior: contain;
}

    .error-listview:focus {
        outline: 2px solid var(--surface-border-primary-muted) !important;
        outline-offset: 2px;
    }

.cust-mud-overly-blur {
    backdrop-filter: blur(10px);
}

.equal-height-grid .mud-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.refunds-table thead th {
    position: sticky !important;
    top: 0;
    z-index: 2;
    background: var(--mud-palette-surface);
}

.refunds-table .mud-table-container {
    max-height: none !important;
    overflow: visible !important;
    border: none !important;
    box-shadow: none !important;
}

.refunds-scroll {
    max-height: 330px;
    overflow-y: auto;
    overflow-x: auto;
    border: var(--bwidth-thin) solid var(--mud-palette-lines-default);
    border-radius: var(--bradius-medium);
    background: var(--mud-palette-surface);
}

.setup-option-subTitle {
    color: var(--surface-background-dark-intense);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--fw-400);
    line-height: var(--lineheight-20); /* 150% */
}

.options-section {
    border-radius: var(--bradius-medium);
    background: var(--surface-background-primary-subtle);
    min-width: 500px;
}

.taxInquiry {
    padding: var(--spacing-6) var(--spacing-8);
}

/*Over & Under Payment*/
.over-under-pay-text {
    color: var(--surface-text-gray-muted);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-300);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-100);
    background: var(--interactive-background-primary-fadedHighlighted);
}

.over-under-pay-amount {
    color: var(--interactive-text-primary-normal);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-300);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-100);
    background: var(--interactive-background-primary-fadedHighlighted);
}

.radio-button-label {
    color: var(--surface-text-gray-muted);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-200);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-200);
    align-self: stretch;
}

.radio-button-inner-text {
    color: var(--surface-text-gray-muted);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-100-base);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-100);
}

.radio-button-label label {
    align-items: flex-start;
}

.radio-button-label span {
    padding: var(--spacing-0);
    margin-right: var(--spacing-3);
}
/*Over & Under  Payment End*/

.content-height {
    max-height: 200px;
    overflow-y: auto;
}

.mud-cust-tab-filled-full-width .mud-tabs-tabbar-wrapper {
    width: 100%;
}

    .mud-cust-tab-filled-full-width .mud-tabs-tabbar-wrapper .mud-tooltip-inline {
        width: 100%;
        padding: var(--spacing-0) !important;
    }

.mud-input-error > .mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol {
    color: var(--mud-palette-error) !important;
}

.filter-content-height {
    max-height: 105px;
    overflow-y: auto;
}

.filter-content-fix-height {
    height: 210px;
    overflow-y: auto;
}
.surface-text-gray-subtle {
    color: var(--surface-text-gray-subtle);
}

.separator {
    font-family: var(--typography-typefaces-body) !important;
    font-size: var(--fz-size-14) !important;
    font-weight: var(--fw-400) !important;
    line-height: var(--lineheight-20) !important;
    color: var(--surface-text-staticblack-disabled) !important;
    margin: 0 12px;
    display: inline-block;
    vertical-align: middle;
}

.font-size-14 {
    font-size: var(--fz-size-14);
}

tr:has(.mud-table-loading) {
    height: 33px;
}


.skip-main-content-link {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.skip-main-content-link-focusable:active,
.skip-main-content-link-focusable:focus,
.skip-main-content-link-focusable:focus-visible {
    position: fixed;
    top: 10px;
    left: 10px;
    width: auto;
    height: auto;
    padding: var(--spacing-4) var(--spacing-9);
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    text-decoration: none;
    z-index: 9999;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3);
    outline: var(--bwidth-thicker) solid var(--surface-border-primary-muted);
    outline-offset: 2px;
}

.alert-text-warning {
    color: var(--feedback-text-notice-intense);
    font-family: var(--typography-typefaces-body);
    font-size: var(--size-font-size-75);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-75);
}

.btn-inline-text {
    min-width: 0;
    text-transform: none;
}

.system-info-value {
    text-align: justify;
    font-family: var(--typography-typefaces-body);
    font-size: var(--fz-size-16);
    font-style: normal;
    font-weight: var(--fw-400);
    line-height: var(--line-height-100);
    margin-left: var(--spacing-3);
}

.assessment-selected {
    background: var(--interactive-background-primary-fadedHighlighted) !important;
}

.card-text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
    max-width: 400px;
}

.line-height-18 {
    line-height: var(--lineheight-18) !important;
}

.mud-button-outlined.local-shipping:disabled {
    border: none !important;
}

.height-330 {
    height: 330px;
}

.max-height-210 {
    max-height: 210px;
}

.property-tax-header-bg {
    background-color: var(--lilac-bg);
}

.progressbar-dailog {
    background-color: var(--interactive-background-staticwhite-default);
    border-radius: var(--bradius-max);
}

.interactive-text-staticblack-normal {
    color: var(--interactive-text-staticblack-normal);
}

/* Focusable table rows for accessibility */
.focusable-row {
    cursor: pointer;
}

/* Apply focus styles to all focusable table rows */
.mud-table tbody tr.focusable-row:focus,
.mud-table tfoot tr.focusable-row:focus,
.mud-table tbody tr[tabindex="0"]:focus,
.mud-table tfoot tr[tabindex="0"]:focus {
    outline: var(--bwidth-thicker) solid var(--interactive-border-primary-default);
    outline-offset: -2px;
    background-color: var(--interactive-background-primary-faded);
}

.mud-table tbody tr.focusable-row:focus-visible,
.mud-table tfoot tr.focusable-row:focus-visible,
.mud-table tbody tr[tabindex="0"]:focus-visible,
.mud-table tfoot tr[tabindex="0"]:focus-visible {
    outline: var(--bwidth-thicker) solid var(--interactive-border-primary-default);
    outline-offset: -2px;
}

.mud-table tbody tr.focusable-row[tabindex="0"]:focus td,
.mud-table tfoot tr.focusable-row[tabindex="0"]:focus td,
.mud-table tfoot tr.focusable-row[tabindex="0"]:focus th,
.mud-table tbody tr[tabindex="0"]:focus td,
.mud-table tfoot tr[tabindex="0"]:focus td,
.mud-table tfoot tr[tabindex="0"]:focus th {
    background-color: var(--interactive-background-primary-faded) !important;
}

.mud-button-filled:focus:not(:focus-visible),
.mud-button-text:focus:not(:focus-visible),
.mud-button-outlined:focus:not(:focus-visible),
.mud-icon-button:focus:not(:focus-visible) {
    outline: var(--bwidth-none) !important;
    box-shadow: none !important;
}
.mud-icon-button:focus-visible {
    outline: var(--bwidth-none) !important;
}
.mud-button-filled:focus-visible,
.mud-button-text:focus-visible,
.mud-button-outlined:focus-visible,
.btn-icon-focusable.mud-icon-button:focus-visible,
.mud-fab:focus-visible,
.btn-focusable:focus-visible,
.mud-table-action-focusable .mud-table-pagination-actions button.mud-icon-button:focus-visible,
.btn-link.btn-link-focusable:focus-visible {
    outline: auto !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px var(--focus-indicator-inner), 0 0 0 4px var(--focus-indicator-outer) !important;
    border-radius: var(--bradius-medium);
}

.full-width {
    width:100%;
}

.mud-table-pagination-information, .mud-table-page-number-information {
    font-weight: var(--font-weight-regular);
}

/* Fix: MudTablePager "Rows per page" dropdown becomes visually wider when the
   configured default pagination size is not one of the standard PageSizeOptions
   (10, 25, 50, 100). In that case MudBlazor hides the slot div (display:none)
   and the raw <input> element takes over, stretching to fill width:100%.
   Constraining only the <input> element keeps it compact for non-standard values
   without affecting the slot-div-visible (standard) cases which size naturally. */
.mud-table-pagination-select input[role="combobox"] {
    width: 3ch;
}

.mud-button-outlined.local-shipping:active {
    padding: var(--spacing-0) var(--spacing-6) !important;
}

.mud-input > input.mud-input-root-outlined::placeholder {
    color: var(--surface-text-staticblack-subtle);
    opacity: 1;
}


.width-50-Percentage {
    width: 50%;
}

.width-25-Percentage {
    width: 25% !important;
}
.opacity-0 {
    opacity: 0;
}
label.mud-checkbox {
    color: var(--interactive-text-gray-subtle);
    gap:var(--spacing-2);
}

.release-paid-under-protest-card {
    border: var(--bwidth-thin) solid var(--surface-border-gray-muted);
    border-radius: var(--bradius-medium);
}

.release-paid-under-protest-table {
    overflow: scroll;
    max-height: 35vh !important;
}

.release-paid-under-protest-total-label {
    font-weight: var(--font-weight-semi-bold);
}

.min-width-60vw {
    min-width: 60vw;
}

.release-paid-under-protest-table-header {
    position: sticky;
    top: 0;
    z-index: 1;
}


.table-contract-item .mud-table-root .mud-table-head {
    background-color: var(--interactive-text-gray-muted);
}

.table-contract-item tr {
    height: 40px;
    background-color: var(--interactive-text-gray-muted);
}

.table-contract-item th {
    padding-top: var(--spacing-0) !important;
    padding-bottom: var(--spacing-0) !important;
}

.about-invalid-relationships-list {
    list-style-type: disc;
    padding-left: var(--spacing-6);
    margin: var(--spacing-0);
}
.mud-menu > .mud-button-filled-primary:disabled {
    color: var(--interactive-text-primary-disabled) !important;
    background-color: var(--interactive-background-primary-disabled) !important;
    border: 0px solid var(--interactive-border-primary-disabled) !important;
}

.surface-text-primary-Subtle {
    color: var(--surface-text-primary-subtle);
}
/* Payment Report Css Class */
.batch-totals-row {
    font-weight: var(--font-weight-bold);
}

.payments-table th:first-child,
.payments-table td:first-child {
    width: 28px !important;
    min-width: 28px !important;
    padding-left: var(--spacing-2) !important;
    padding-right: var(--spacing-2) !important;
    text-align: center;
}

.payments-table th:nth-child(2),
.payments-table td:nth-child(2) {
    padding-left: 6px !important;
}

.payments-table td:first-child .mud-icon-button-root {
    margin: var(--spacing-0) !important;
}

.totals-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

    .totals-inline .value {
        font-weight: var(--fw-700);
        margin-left: var(--spacing-2);
    }

    .totals-inline .sep {
        opacity: .6;
    }

.receipts-tr:has(div.mud-input):hover {
    background-color: var(--interactive-background-staticwhite-default) !important;
    cursor: initial !important;
}


.tbl-payment-receipt th.mud-table-loading {
    background-color: var(--surface-background-gray-moderate) !important;
}

.tbl-payment-receipt th:has(.mud-table-loading-progress) {
    background-color: var(--surface-background-gray-moderate) !important;
}

.primary-bg-tbl-header th {
    background-color: var(--interactive-background-primary-fadedHighlighted) !important;
    color: var(--surface-text-gray-normal) !important;
}

.lilac-bg-tbl-header th {
    background-color: var(--lilac-bg) !important;
    color: var(--surface-text-gray-normal) !important;
}

.yellow-bg-tbl-header th {
    background-color: var(--interactive-background-notice-fadedHighlighted) !important;
    color: var(--surface-text-gray-normal) !important;
}

.mud-table-action-focusable .mud-table-pagination-actions button.mud-icon-button:focus-visible {
    outline: auto !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px var(--focus-indicator-inner), 0 0 0 4px var(--focus-indicator-outer) !important;
}

.btn-link.btn-link-focusable:focus-visible {
    background-color: var(--transparent) !important;
    border-color: var(--interactive-background-primary-default) !important;
    padding: var(--spacing-0) var(--spacing-0) !important;
    min-height: auto !important;
    box-shadow: none !important;
    border-radius: var(--bradius-small);
    outline: 2px solid var(--interactive-background-primary-default) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 2px var(--focus-indicator-inner), 0 0 0 4px var(--focus-indicator-outer) !important;
}

.mud-fab:focus-visible,
.btn-focusable:focus-visible {
    border-color: var(--interactive-background-primary-default) !important;
    outline: 2px solid var(--interactive-background-primary-default) !important;
}

.remitter-details .mud-expand-panel-content {
    padding: var(--spacing-4) !important;
}

.remitter-details .mud-icon-button:focus-within, .remitter-details .mud-icon-button:active {
    background-color: var(--transperent);
}


.detailed-transaction-table.mud-table-sticky-header > .mud-table-container {
    max-height: 600px !important;
}
.ellipsis-text-subdivision {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 900px;
    display: block;
}

.subdivision-anchor {
    position: relative;
}

.vertical-align-top {
    vertical-align: top;
}

.text-nowrap {
    white-space: nowrap;
}

.advanced-search-page-size-select .mud-input.mud-select-input {
    padding: 6px 0px !important;
    background-color: var(--mud-palette-gray-light);
    border-radius: var(--bradius-medium);
}
.mud-select:has(.advanced-search-page-size-select) {
    flex-grow : 0;
}

.advanced-search-page-size-select .mud-input.mud-input-outlined .mud-input-outlined-border {
    border: none;
}

.cust-gap-3{
    gap:12px;
}

.mud-pagination-filled .mud-pagination-item:not(.mud-pagination-item-selected) .mud-button {
    border: var(--bwidth-none);
    padding: 6px var(--spacing-3) !important;
    background-color: var(--mud-palette-gray-light);
}

.mud-pagination-item:not(:first-child):not(:last-child) .mud-button.mud-button-filled:not(.mud-button-filled-primary) {
    background-color: var(--mud-palette-gray-light) !important;
}

.min-width-200 {
    min-width: 200px;
}

.white-space-nowrap {
    white-space: nowrap;
}

.legal-description-text {
    white-space: pre-line;
}

@media (max-width: 600px) {
    .mud-xs-table .mud-table-cell:before {
        font-weight: var(--font-weight-bold);
        text-align: start !important;
        word-break: normal;
    }
    #assessment-details-tabs > .mud-tabs-tabbar > .mud-tabs-tabbar-inner {
        display: none !important;
    }
    #tax-notice-details-tabs > .mud-tabs-tabbar > .mud-tabs-tabbar-inner {
        display: none !important;
    }
    
    .mud-xs-table.mud-table-dense .mud-table-cell:first-child {
        padding-top: var(--spacing-4);
    }

    .mud-xs-table.mud-table-dense .mud-table-cell:last-child {
        padding-bottom: var(--spacing-4);
    }

    .app-pub-logo{
        width:140px;
    }

    .appbar-agency-name {
        font-size: var(--size-font-size-300);
    }

    .mud-xs-table .mud-table-cell {
        text-align: end !important;
    }

    .mud-xs-table td {
        word-break: break-word;
        overflow-wrap: break-word;
        hyphens: auto;
        max-width: calc(100vw - 32px);
        white-space: normal;
    }

    .mud-xs-table td .highlightSearchText {
        word-break: break-word;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    /* Intentionally global — ensures all dialogs fit within the viewport on small screens (ARC-2444) */
    .mud-dialog {
        width: calc(100% - 64px);
    }
}

.assessor-banner, .online-payments-banner {
    max-height: 120px;
    max-width: 100%;
    width: auto;
    height: auto;
}

@media (min-width: 960px) {
    .assessor-banner, .online-payments-banner {
        max-height: 80px;
    }
}

.search-btn-responsive {
    width: 100%;
}

.taxyear-select {
    margin-left: var(--spacing-0);
}

@media (max-width: 960px) {
    .mud-sm-table .mud-table-cell:before {
        font-weight: var(--font-weight-bold);
    }
    .section-header {
        font-weight: var(--font-weight-bold);
        font-size: var(--size-font-size-500);
    }
    .secondarysection-header {
        font-size: var(--size-font-size-300);
    }

    .sec-title {
        font-size: var(--size-font-size-500);
        text-align:center;
    }
    .sec-header-title {
        font-size: var(--size-font-size-400);
        font-weight: var(--font-weight-semi-bold);
    }

    .label-title {
        font-size: var(--size-font-size-300);
        font-weight: var(--font-weight-semi-bold);
    }
    .label-text {
        font-size: var(--size-font-size-200);
        font-weight: var(--font-weight-regular);
    }

}

@media (min-width: 600px) {
    
    .mud-container-fixed {
        max-width: 100%;
    }
    

    .search-btn-responsive {
        width: auto;
    }
}

.scroll-to-top-btn {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s ease;
    border-radius: var(--bradius-max) !important;
    border: var(--bwidth-thin) solid var(--interactive-border-gray-faded);
    background-color: var(--interactive-background-staticbwhite-faded);
    color: var(--interactive-background-primary-default);
}

.scroll-to-top-btn:hover {
    border: var(--bwidth-thin) solid var(--interactive-border-gray-faded);
    background-color: var(--interactive-background-staticbwhite-faded);
    color: var(--interactive-background-primary-default);
}

.col-wrap {
    max-width: 200px;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.help-menu .mud-icon-button {
    color: var(--interactive-border-staticwhite-default);
}
.help-menu .mud-icon-button:focus-visible {
    border: none;
}
.help-menu .mud-icon-button:active {
    border: none;
}

.col-width-40 {
    width: 40%;
}

.col-width-20 {
    width: 20%;
}
.custom-radio-button {
    background-color: var(--interactive-background-staticwhite-default);
    margin-left: var(--spacing-1) !important;
    border-radius: var(--bradius-medium);
    border: var(--bwidth-thin) solid var(--surface-border-gray-muted);
    margin-right: var(--spacing-3) !important;
}

    .custom-radio-button .mud-icon-button.mud-ripple-radio {
        padding: var(--spacing-3);
    }
.select-all-checkbox .mud-icon-button {
    color: var(--interactive-border-staticwhite-default);
}

.check-all-action {
    padding-top: 3px;
}

.manual-rule-value-field { width: 180px; }

/* I3 Global Data Synch page */
.synchButton {
    height: 25px;
}

/* Tax Code Rule Setup Details */
.str-height {
    height: 200px;
    overflow-y: auto;
}

/* Force ThumbIcon to be visible on Size.Small switches */
.mud-switch-thumb-small .mud-icon-root {
    font-size: 8px !important;
    width: 15px !important;
    height: 10px !important;
}

/* Make MudDropContainer drag-drop placeholder appear instantly (remove 300ms transition) */
.mud-drop-zone-child-drag-mask-block {
    transition: none !important;
}

.print-checks-expand-col {
    width: 50px;
}


/* Prevent iOS Safari auto-zoom on input focus — ADA compliant */
@supports (-webkit-touch-callout: none) {
    input,
    textarea,
    select,
    .mud-input input,
    .mud-select input {
        font-size: 16px !important;
    }
}
.table-scroll-container {
    overflow-x: auto;
    max-height: 500px;
}

/* EOY State Badge */
.eoy-state-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: var(--size-12);
    font-weight: 600;
    white-space: nowrap;
    align-self: center;
}

.eoy-state-initial {
    background-color: var(--surface-background-gray-subtle);
    color: var(--surface-text-gray-normal);
}

.eoy-state-balancing {
    background-color: var(--surface-background-primary-subtle);
    color: var(--surface-text-primary-normal);
}

.eoy-state-locked {
    background-color: var(--surface-background-primary-subtle);
    color: var(--surface-text-primary-normal);
}

.eoy-state-rollapproved {
    background-color: var(--surface-background-primary-subtle);
    color: var(--surface-text-primary-normal);
}

.comparable-filter-panels {
    max-height: 430px !important;
}

.comparable-map-container {
    position: relative;
    height: 300px;
}

.map-loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(255, 255, 255, 0.7);
}

.w-max-content {
    min-width: max-content;
    white-space: nowrap;
}

.select-fit-longest-option {
    min-width: 210px;
    white-space: nowrap;
}

.w-10 { width: 10%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-40 { width: 40%; }

/* Suppress selected-row highlight on checkbox-only tables */
.no-row-selection-highlight .mud-selected-item,
.no-row-selection-highlight tr.mud-selected-item,
.no-row-selection-highlight .mud-selected-item:hover,
.no-row-selection-highlight tr.mud-selected-item:hover {
    background-color: transparent !important;
    background: none !important;
    box-shadow: none !important;
    border-color: inherit !important;
    outline: none !important;
}

.no-row-selection-highlight .mud-selected-item > td,
.no-row-selection-highlight tr.mud-selected-item > td {
    background-color: transparent !important;
    background: none !important;
}

/* Suppress global hover background (.mud-table tr:hover > td) for non-selectable tables */
.no-row-selection-highlight tr:hover > td {
    background-color: transparent !important;
}

/* Suppress focus/click outline and background on rows for non-selectable tables */
.no-row-selection-highlight tbody tr:focus,
.no-row-selection-highlight tbody tr:focus-visible,
.no-row-selection-highlight tbody tr[tabindex="0"]:focus,
.no-row-selection-highlight tbody tr[tabindex="0"]:focus-visible {
    outline: none !important;
    background-color: transparent !important;
}

.no-row-selection-highlight tbody tr:focus td,
.no-row-selection-highlight tbody tr:focus-visible td,
.no-row-selection-highlight tbody tr[tabindex="0"]:focus td,
.no-row-selection-highlight tbody tr[tabindex="0"]:focus-visible td {
    background-color: transparent !important;
}

.hide-empty-footer tfoot {
    display: none;
}

.status-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-dot-active {
    background: var(--mud-palette-success);
}

.eligible-notice-placeholder-panel {
    height: 657px;
}
.left-to-be-collected-taxcode-table .mud-table-empty-row {
    background-color: var(--mud-palette-surface) !important;
}

.saved-reports-autocomplete .mud-input-adornment.mud-input-adornment-end
.mud-input-adornment-icon-button {
    padding-left: var(--spacing-0);
}

.cust-tab-width {
    min-width: 160px !important;
}