@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;
}


.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;
}
.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;
}
/*.mud-button {
    text-transform: none;
    font-family: Nunito;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1.25px;
}*/
    /*.mud-button.mud-button-filled {
        background-color: var(--button-color);
        color: white;
    }
        .mud-button.mud-button-filled:hover {
            background-color: var(--button-color);
            color: white;
            opacity: 0.9;
        }*/
/*.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
    color: var(--primary-theme-color);
}
.mud-input.mud-input-underline::after {
    border-bottom-color: var(--primary-theme-color);
}
.mud-input.mud-input-outlined {
    background-color: #FFFFFF;
}
.mud-input.mud-input-outlined .mud-input-outlined-border:focus {
    border: 1px solid var(--Outline, rgba(0, 0, 0, 0.12));
}*/
/*.mud-button .mud-icon-root.mud-svg-icon {
    color: white;
}
.mud-button-root:disabled .mud-icon-root.mud-svg-icon {
    color: dimgray;
    opacity: 0.5;
}
.mud-button-outlined:hover, .mud-button-outlined:focus-visible {
    background-color: #5a9e5e1f;
}
.mud-button-outlined {
    border-radius: 4px;
    border: 1px solid var(--primary-600);
    color: var(--primary-theme-color);
}
.mud-button.mud-button-outlined .mud-icon-root.mud-svg-icon {
    color: var(--primary-theme-color);
}
.mud-button-outlined.mud-button-outlined-error .mud-icon-root.mud-svg-icon {
    color: var(--mud-palette-error);
}*/
.searchResult:hover {
    background-color: lightblue;
    cursor: pointer;
}
.highlightSearchText {
    font-weight: bolder;
    font-style: italic;
    color: var(--primary-theme-color);
    background-color: lightyellow;
}
.searchResultRowSelected {
    background-color: lightgray;
}
.filterInputText {
    min-width: 250px;
    margin-left: 5px;
    outline-offset: -2px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
}
    .filterInputText:focus {
        outline: none;
    }
.filterClear:hover {
    cursor: pointer;
}
.filterClear {
    align-self: flex-end;
    cursor: pointer;
}
.filterInputControl {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    margin-right: 30px;
    background-color: white;
    border-radius: 4px;
    border: 1px solid var(--primary-theme-color);
}
.largerInput {
    width: 500px;
}
.maintenanceUIHeader {
    display: flex;
    flex-direction: row;
    width: 1100px;
    justify-content: flex-end;
}
.maintenanceTable {
    width: 1100px;
}
    .maintenanceTable.hidden {
        display: none;
    }
.maintenanceTableEdit {
    display: flex;
    flex-direction: column;
    width: 1100px;
    height: 800px;
    overflow-y: auto;
}
    .maintenanceTableEdit thead th {
        position: sticky; /* make the table heads sticky */
        top: 0px; /* table head will be placed from the top of the table and sticks to it */
        z-index: 1;
    }
.maintenanceTable thead th {
    position: sticky; /* make the table heads sticky */
    top: 0px; /* table head will be placed from the top of the table and sticks to it */
    z-index: 1;
}
.maintenanceTableAddButton {
    align-self: flex-end;
}
.inputField {
    display: flex;
    justify-content: start;
    align-items: flex-start;
    flex-direction: column;
}
    .inputField > .validation-message {
        margin-top: 10px;
    }
.fieldGroup {
    margin-bottom: 5px;
}
.label {
    color: var(--neutral-900);
    /* Paragraph/Small/Medium */
    font-weight: 700;
}
.taskMenu:hover {
    cursor: pointer;
}
.btn-round {
    background-color: var(--primary-theme-color);
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 50%;
    cursor: pointer;
}
/*body {
    color: var(--neutral-700);*/
    /* Paragraph/Small/Regular */
    /*font-family: Nunito, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;*/ /* 142.857% */
/*}
html, body {
    font-family: Nunito, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0;
    height: 100%;
}
body {
    background: #F6F6F6;
    height: 100%;
}*/ 

/*.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}*/
/*.invalid {
    outline: 1px solid red;
}*/
.validation-message {
    color: red;
}
#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;
}
.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);
}
/*.mud-table-root .mud-table-head {
    background-color: #E5E5E5;
}
.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell {
    background-color: #E5E5E5;
}
.mud-table-foot .mud-table-row .mud-table-cell .mud-input-control.mud-input-control-boolean-input {
    visibility: hidden;
}*/
/* 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 {
    color: #000000;
    background-color: #F8D667;
}
.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 {
    background-color: #629C59;
    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(.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;
}
.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;
    }
.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: #FFFFFF;
    background-color: var(--primary-theme-color);
}
.chip.mud-chip-selected:hover:not(.mud-disabled) {
    background-color: #4C7B46;
    cursor: default;
}
/*Card*/
.card-header-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-semi-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 End*/
.ownership-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}s
.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;
}
.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;
}
.imp-note-close-btn {
    color: var(--primary-500);
}
.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 {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    color: var(--primary-600);
}
.note-sort-by-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-sort-by-filter .mud-input.mud-input-outlined .mud-input-adornment > .mud-icon-root.mud-svg-icon {
    fill: var(--primary-600);
}
.note-search .mud-input > input.mud-input-root-outlined {
    color: #848484;
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    padding: 6px 20px !important;
}
.note-search .mud-input-adornment{
    padding-right:16px;
}
    .note-search .mud-input-adornment .mud-icon-root.mud-svg-icon {
        font-size:30px;
    }
.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: #666;
    font-size: 16px;
    font-family: 'Nunito Sans';
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.1px;
}
.note-desc {
    color: #666;
    font-family: 'Nunito Sans';
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.25px;
    padding-left:10px;
}
.note-user-section {
    border-radius: 40px;
    background: #E5E5E5;
    padding: 10px;
    display: inline-flex;
}
.note-icon {
    fill: var(--primary-500) !important;
    margin-left: 8px;
}
.note-type-chip {
    padding: 10px;
    font-size: 16px !important;
    height: auto !important;
    font-weight: 600;
    color: #666;
    font-family: 'Nunito Sans';
    background-color: #E5E5E5;
}
.note-important-chip {
    padding: 10px 20px;
    font-size: 16px !important;
    height: auto !important;
    font-weight: 600;
    color: #666 !important;
    font-family: 'Nunito Sans';
    border-radius: 40px !important;
}
.btn-note-edit {
    position: absolute;
    right: 40px;
}
.ownership-dialog + .mud-dialog {
    width: 1050px;
    min-height:700px;
}
.taxownership-dialog + .mud-dialog {
    width: 1050px;
    min-height: 600px;
}
.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);
    }
.alert-warning-icon.mud-alert-text-success .mud-alert-icon {
    color: var(--Warning-500);
}
.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-no-status-date.mud-chip-selected {
        color: #000000;
        background: #F8D667;
    }
        .assessment-item-no-status-date.mud-chip-selected:hover:not(.mud-disabled) {
            background: #E2B554;
        }
.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;
}
.mud-list-item-icon {
    color: var(--primary-500);
}
/*Location Associated Items End*/
.assessment-number {
    color: #171717;
    font-family: Raleway;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.56px;
}
/*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 - 220px);
    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:#848484;
}
.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: 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-5) !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);
}
/* 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-600) !important;
}
    .mud-alert-text-info .mud-alert-icon {
        color: var(--primary-600) !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);
}
/******************************/
.split-assessment-number {
    color: #303233;
    /*font-variant-numeric: lining-nums proportional-nums;*/
    font-family: Raleway;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.split {
    color: var(--Primary-i3V-500, #629C59);
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.split-original-assessment {
    color: var(--00-on-surface-medium-emphasis, rgba(0, 0, 0, 0.60));
    /* Headline 4 */
    font-family: Raleway;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px; /* 128.571% */
}
.split-new-assessment {
    color: var(--00-on-surface-medium-emphasis, rgba(0, 0, 0, 0.60));
    /* Headline 4 */
    font-family: Raleway;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px; /* 128.571% */
}
.split-assessments {
    color: var(--00-on-surface-high-emphasis, rgba(0, 0, 0, 0.87));
    text-align: center;
    /* Paragraph/Medium/Medium */
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}
.split-units {
    color: var(--Neutral-600, #525252);
    /* Paragraph/Small/Regular */
    font-family: Nunito;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}
.split-selected {
    background: var(--Primary-i3V-50, #CBE1C9) !important;
}
.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/AppLogo.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 130px;
    background-size: contain;
    background-position: center;
    margin-left: var(--spacing-5);
}

.icon-fotter-Logo {
    background-image: url('images/icon1.png');
    background-repeat: no-repeat;
    height: 35px;
    width: 35px;
    background-size: cover;
    background-position: center;
}
/*Landing Page CSS*/
.landing-bg-img {
    background-image: url('images/landing-bg-img.png');
    background-repeat: no-repeat;
    height: 535px;
    background-size: cover;
    background-position: center bottom;
}
.search-container {
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 5px 15px;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: 120px;
    margin-left: 21.3%;
    margin-right: 22%;
    width:100%;
}
    .search-container input {
        flex-grow: 1;
        border: none;
        outline: none;
        padding: 10px;
        font-size: 16px;
        border-radius: 8px;
        color: #757575;
    }
        .search-container input::placeholder {
            color: #9e9e9e;
        }
    .search-container .search-icon {
        color:var(--primary-700);
        font-size:38px;
    }
.custom-result-section {
    margin-left: 21.4%;
}
.custom-result-tax-section {
    margin-left: 28.5%;
}
.tax-year-selector-landing {
    margin-left: 21.3%;
    width: 270px !important;
}
    .tax-year-selector-landing .mud-input > input.mud-input-root-outlined {
        padding: 17px 12px 16px 16px !important
    }
    .tax-year-selector-landing .mud-input.mud-input-outlined {
        border-radius: 8px;
        border:none;
    }
        .tax-year-selector-landing .mud-input.mud-input-outlined .mud-input-outlined-border {
            border: none;
        }
    .tax-year-selector-landing .mud-input-control.mud-input-control-margin-dense {
        margin-top:0;
        margin-bottom:0;
    }
.advance-search-div {
    margin-left: 21.3%;
    margin-top: 14px
}
.advance-search {
    color: var(--interactive-text-primary-normal);
    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-primary-normal);
    }

.landing-bg-img .advance-search{
    color:var(--primary-i-3-v-200);
}
.landing-bg-img .mud-input-margin-dense{
    height:auto;
}
.nav-hist-header {
    color: #FFF;
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.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: #44773D;
        border-radius: 10px;
    }
.nav-hist-icon {
    font-size: 49px !important;
    border: 1px solid #A6CBA1;
    border-radius: 30px;
    padding: 8px;
    background-color: #A6CBA1;
    color: #3D6238;
}
.nav-hist-title {
    color: #FFF;
    text-align: center;
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}
.nav-hist-data {
    color: #FFF;
    text-align: center;
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}
.nav-history-close-button {
    visibility: hidden;
    float:left;
}
.nav-hist-content:hover .nav-history-close-button {
    visibility: visible;
}
.nav-history-close-button {
    border: 1px solid #385D34;
    padding: 0px;
    background-color: #385D34;
}
    .nav-history-close-button:hover {
        border-color: #8DBC87;
        background-color: #8DBC87;
    }
.nav-hist-opennew-button {
    padding: 0px;
    color: #8DBC87;
    float: right;
}
.nav-hist-opennew-button {
    visibility: hidden;
}
.nav-hist-content:hover .nav-hist-opennew-button {
    visibility: visible;
}
.nav-hist-item {
    margin-left: 22%;
    margin-top: 19px;
    margin-right: 22%
}
.notification-res-div {
    margin-left: 22%;
    margin-right: 22%;
}
@media screen and (max-width: 1680px) {
    .search-container {
        margin-top: 45px;
        margin-left: 12%;
        margin-right: 13%;
    }
    .landing-bg-img {
        height:400px;
    }
    .custom-result-section {
        margin-left: 12%;
    }
    .custom-result-tax-section {
        margin-left: 22.4%;
    }
    .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;
}
/*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*/
.advancedSearchFilterContainer {
    width: 400px;
    border-radius: 5px;
    padding-left: 2px;
    background: white;
    position:absolute;
    z-index:50;
}
.advancedSearchFilterDropDown {
    border: 1px solid var(--neutral-200, #E5E5E5);
    background: #4E8148;
    color: white;
    border-radius: 5px;
    height: 35px;
    max-width: fit-content;
    padding-left: 8px;
}
    .advancedSearchFilterDropDown .mud-icon-button {
        color: white;
    }
.advancedSearchFilterContainer.notexpanded {
    width: 0px;
}
.advancedSearchDataListContainer {
    width: 380px;
    max-height: 300px;
    overflow-y: auto;
}
.advancedSearchFilterDropDown:hover {
    cursor: pointer;
}
.advancedSearchColumnContainer {
    width: 280px;
    border-radius: 5px;
    padding-left: 2px;
    background: white;
    position: absolute;
    z-index: 50;
    margin-top: 20px;
}
.advancedSearchFilterContainer.notexpanded {
    width: 0px;
}
.advancedSearchDataListContainerForColumns {
    max-height: 300px;
    overflow-y: auto;
}
.advancedSearchSavedSearchDialog + .mud-dialog {
    width: 600px;
    height:300px;
}
.advancedSearchSavedSearchResultsDialog + .mud-dialog {
    width: 800px;
    min-height: 510px;
    background: #F6F6F6;
}
.advancedSearchSaveOptionsContainer {
    width: 180px;
    border-radius: 5px;
    padding-left: 2px;
    background: white;
    position: absolute;
    z-index: 50;
    margin-top: 5px;
}
    .advancedSearchSaveOptionsContainer.notexpanded {
        width: 0px;
    }
/*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: 1;
    background: var(--feedback-background-positive-subtle);
    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 + 80px);
}
/* Container for the button and input spinner */
.cust-add-container {
    display: inline-flex;
    align-items: center;
    background-color: var(--button-color);
    padding: 5px 10px;
    border-radius: 4px;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
/* Style for the Add button */
.cust-add-btn {
    color: white;
    font-weight: bold;
    border: none;
    background-color: transparent !important;
    font-size: 16px;
    cursor: pointer;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
}
    .cust-add-btn.mud-button.mud-button-filled:hover {
        box-shadow: none;
    }
/* Style for the numeric input spinner */
.cust-num-input-text {
    margin: 0;
    width: 85px;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
    .cust-num-input-text .mud-input > input.mud-input-root-outlined {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    .cust-num-input-text .mud-button .mud-icon-root.mud-svg-icon {
        color: var(--primary-500);
    }
    .cust-num-input-text .mud-input.mud-input-outlined .mud-input-outlined-border {
        border: none;
    }
    .cust-num-input-text .mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within):hover .mud-input-outlined-border {
        border: none !important;
    }
    .cust-num-input-text .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
        border: none !important;
    }
.mud-icon-button.clipboardIcon{
    padding:0px;
}
/*App Bar */
.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-gray-normal);
}

#resultsSection {
    width: 1100px;
    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;
}
/*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;
}
.mud-icon-button.clipboardIcon .mud-icon-root.mud-svg-icon{
    font-size:30px;
}
.mud-icon-button.clipboardIcon + .mud-badge-wrapper > .mud-badge.mud-badge-default{
    background-color:#000;
    color:#fff;
}
.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: 15px;
    border-radius: 30px;
    border: 1px solid;
    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: 19px;
    padding: 10px 27px;
    white-space: nowrap;
}
.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;
}
/*Global 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%;
    }
.mud-tabs.mud-simple-full-width .mud-tabs-tabbar-wrapper .mud-tab-panel:hover {
    border-bottom: 2px solid var(--mud-palette-gray-default);
}
/*End Tab*/
/*Filled Tab*/
.mud-tab-filled-primary-bg.mud-tab-filled > .mud-tabs-tabbar {
    padding: var(--spacing-0);
    background-color: var(--netural-lavgray-300);
}

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

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

.mud-tab-filled-primary-bg.mud-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-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-tab-filled > .mud-tabs-tabbar .mud-tab-slider {
    display: none;
}

.mud-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-panels.mud-tabs-vertical {
    background-color: var(--interactive-background-staticwhite-default) !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;
}
.orange-button.mud-button.mud-button-filled {
    background-color: #DF9527;
    color: white;
}
.orange-button.mud-button.mud-button-filled:hover {
    background-color: #C88623;
    color: white;
}
.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(--primary-500);
}
.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: #4A86FF;
    color: white;
}
    .blue-button.mud-button.mud-button-filled:hover {
        background-color: #0C80DF;
        color: white;
    }
/*Alert CSS for Error*/
/*.mud-alert-text-error {
    background: var(--destructive-default-primary);
    color: #FFF;
    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-alert-text-error .mud-alert-icon {
        color: #FFF;
    }*/
.ccdeviceConfigDialog + .mud-dialog {
    max-width:800px;
}
.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 {
    border: 2px solid var(--mud-palette-primary);
    border-width: 2px;
    outline:none;
}

/* 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: auto !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);
}

.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);
}

/*End Typography*/
/*Cards*/
.mud-card {
    padding: var(--card-default-padding-5) !important;
    border: var(--bwidth-thin) solid var(--surface-border-gray-subtle);
    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;
}
/* Assessment Ownership */
.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(--neutral-900);
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.ownership-label-value {
    color: var(--neutral-900);
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.exemptions-section {
    padding: 20px 10px;
    border-radius: 6px;
    background: rgba(203, 225, 201, 0.25);
}

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

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

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

.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 .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-gray-default) !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-gray-default);
    }
}
.mud-table tr:hover td {
    background-color: var(--interactive-background-gray-default) !important;
    cursor: pointer;
}

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

/* 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.mud-chip-selected {
    border: 1.5px solid var(--interactive-border-primary-default) !important;
    background: var(--interactive-background-primary-faded) !important;
    color: var(--interactive-text-primary-normal);
}
    .chip-default.mud-chip-selected > .mud-chip-content {
        color: var(--interactive-text-primary-normal);
    }
/*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-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-header-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-semi-bold);
    line-height: var(--line-height-200);
}

.card-body-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);
    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);
}

.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);
}

.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-12:focus, .btn-icon-12:focus-visible, .btn-icon-12:active, .btn-icon-16:focus, .btn-icon-16:focus-visible, .btn-icon-16:active,
    .btn-icon-20:focus, .btn-icon-20:focus-visible, .btn-icon-20:active, .btn-icon-24:focus, .btn-icon-24:focus-visible, .btn-icon-24:active {
        outline:none;
    }
    /*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);
    }

/*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(--surface-text-staticblack-subtle) !important;
}
/*Cancel button css end*/
.e-dlg-center-center, .e-dlg-overlay {
    z-index: 4000 !important;
}
/* Adding css for LATFormManagement page*/
.mud-radio-custom-class-greater {
    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-greater: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;
}

.mud-button-filled:focus, .mud-button-text:focus, .mud-button-outlined:focus, .mud-icon-button:focus {
    outline: var(--bwidth-none) !important;
}

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

.btn-warning {
    color: var(--surface-text-staticblack-subtle);
    background-color: var(--interactive-icon-notice-muted);
    border: var(--bwidth-thin) solid var(--interactive-icon-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(--surface-text-staticblack-subtle);
        background-color: var(--interactive-icon-notice-subtle);
        border: var(--bwidth-thin) solid var(--interactive-icon-notice-subtle);
    }

.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(--surface-text-staticblack-subtle) !important;
    background-color: var(--interactive-icon-notice-muted) !important;
    border: var(--bwidth-thin) solid var(--interactive-icon-notice-muted) !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;
}

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

.dropdown-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.customer-mudPaper-layout {
    width: 100%;
    overflow-y: auto;
}
.custom-mudlist-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 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;
}