.MuiButton-root.round-button:hover {
    background-color: var(--branded-color);
}
.MuiButton-root.round-button.secondary-button:hover {
    background-color: white;
}

.MuiButton-root.round-button:hover {
    box-shadow: none;
}

.MuiButton-root.round-button {
    font-family: "Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;
    border-radius: 10px;
    border-width: 2px;
    padding: 8px 12px;
    min-height: 48;
    font-size: 16;
    width: 100%;
    margin: 0 10px;
    box-shadow: none;
    text-transform: none;
}

.MuiButton-root.round-button .round-button-label {
    width: 100%;
    line-height: 1.2;
    color: var(--primary-button-text);
}

.MuiButton-root.round-button .round-button-label {
    width: 100%;
    line-height: 1.2;
    color: var(--primary-button-text);
}

.MuiButton-root.round-button.secondary-button .round-button-label {
    color: var(--secondary-button-text);
}

.MuiButton-root.primary-button {
    background-color: var(--primary-button-background);
    color: var(--primary-button-text);
    border-style: none;
    border-color: var(----primary-button-background)
}

.MuiButton-root.secondary-button {
    color: var(--secondary-button-text);
    border-color: var(--secondary-button-boarder);
    background-color: #fff;
    border-style: solid;
}

.MuiButton-root.disabled-button {
    background-color: #ccd6dd ;
    color: var(--text-medium);
    border-style: solid ;
}

.onboarding .MuiFormLabel-root {
    font-family: "Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;
    background-color: inherit;
    color: var(--text-dark);
    padding-top: 0px;
    line-height: 16px;;
    transform: translate(14px, 12px) scale(1);
    border-color: rgb(72, 72, 72);
}

.onboarding .MuiFormLabel-root[data-shrink="true"] {
    transform: translate(14px, -6px) scale(0.75);
    border-color: var(--branded-color);
}

.onboarding .MuiFormLabel-root.Mui-focused {
    color: var(--text-medium);
}

.onboarding .MuiFormLabel-root.Mui-error {
    color: var(--text-dark);
}


.onboarding .MuiInputBase-root {
    font-family: "Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;
    color: var(--text-dark);
    cursor: text;
    display: inline-flex;
    font-size: 1rem;
    line-height: 1;
    align-items: center;
}

/*==============================================================================
Outlined input variants
==============================================================================*/

.onboarding .MuiInputBase-root.Mui-focused
.MuiOutlinedInput-notchedOutline {
    border-color: var(--branded-color);
    border-width: 1px;
}
.onboarding .MuiInputBase-root.Mui-focused
.MuiOutlinedInput-notchedOutline {
    border-color: var(--branded-color)
}

.onboarding .MuiInputBase-root.Mui-error
.MuiOutlinedInput-notchedOutline {
    border-color: var(--error-color);
}
.onboarding .MuiInputBase-root.Mui-focused
.MuiOutlinedInput-notchedOutline,
.onboarding .MuiInputBase-root.Mui-focused.Mui-error
.MuiOutlinedInput-notchedOutline,
label[data-shrink="true"]+div:not([class*="error"]) fieldset {
    border-color: var(--branded-color);
}

.onboarding .MuiOutlinedInput-input.MuiSelect-select {
    min-height: 20px;
    line-height: 20px;
}

.onboarding .base-selector .MuiAutocomplete-root .MuiOutlinedInput-root.MuiAutocomplete-inputRoot,
.onboarding .number-selector .MuiAutocomplete-root .MuiOutlinedInput-root.MuiAutocomplete-inputRoot {
        padding: 0px;
}

.onboarding .base-selector .MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input,
.onboarding .number-selector .MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input {
        padding: 9px 14px;
}


/*==============================================================================
Filled input variants
==============================================================================*/

.onboarding label.Mui-error.MuiInputLabel-filled {
    color: var(--text-medium);
}

.onboarding .MuiInputBase-root.MuiFilledInput-root.Mui-error:after {
    border-bottom-color: var(--error-color)
}

.onboarding .MuiInputBase-root-MuiFilledInput-root.Mui-error:after {
    border-bottom-color: var(--error-color)
}

.onboarding label.Mui-focused.Mui-error.MuiInputLabel-filled {
    color: var(--text-medium);
}

.onboarding .Mui-focused.MuiFilledInput-root:after {
    border-bottom-color: var(--branded-color)
}

.onboarding .MuiFilledInput-input.MuiInputBase-input {
    padding: 9px 12px;
    background-color: rgba(0, 0, 0, 0);
    will-change: color;
    color: var(--text-dark);
}

[data-whatinput="keyboard"] .onboarding .Mui-focused.MuiFilledInput-root {
    border-style: solid;
    border-bottom-style: none;
    color: var(--text-medium);
    border-color: var(--text-dark);
    border-width: 2px;
}
.onboarding .MuiFilledInput-root {
    height: 56px;
    border-left-style: solid;
    border-top-style: solid;
    border-radius: 8px 8px 0 0;
    border-left-width: 2px;
    border-top-width: 2px;
    border-left-color: rgba(256, 256, 256, 0.0);
    border-top-color: rgba(256, 256, 256, 0.0);
    background-color: var(--filled-input-bg);
    color: var(--filled-text-color);
    will-change: color;
}

MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium info-button eligibility-adornment-info css-78trlr-MuiButtonBase-root-MuiIconButton-root
MuiButtonBase-root MuiIconButton-root MuiIconButton-edgeEnd MuiIconButton-sizeMedium css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root

.onboarding .MuiFilledInput-root.MuiInputBase-adornedEnd {
    padding-right: 4px;
}
.onboarding .variant-filled .MuiAutocomplete-root + div .MuiAutocomplete-paper.MuiPaper-root,
.onboarding .MuiFilledInput-root {
}
.onboarding .variant-filled .MuiAutocomplete-root + div .MuiAutocomplete-paper.MuiPaper-root.Mui-focused,
.onboarding .MuiFilledInput-root:hover,
.onboarding .MuiFilledInput-root.Mui-focused {
    background-color: var(--filled-input-bg-focused);
    color: var(--filled-text-color-focused)
}

.onboarding .MuiAutocomplete-root .MuiFilledInput-root .MuiFilledInput-input {
    padding-left: 9px;
}

.onboarding .MuiInputLabel-filled[data-shrink="true"] {
    transform: translate(14px, 5px) scale(0.75);
    color: var(--text-medium);
}

.onboarding .MuiInputLabel-filled {
    transform: translate(12px, 19px);
    margin-right: 16px;
    color: var(--text-medium);
}

.onboarding .MuiInputLabel-filled.Mui-focused {
    border-bottom-color: var(--branded-color)
}

.onboarding .MuiInputLabel-filled[data-shrink="false"]+div input {
    color: var(--text-medium);
}

/*===================================================-------------------------*/


.onboarding .MuiFormHelperText-root {
    font-family: "Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;
    line-height: 12px;
    margin-top: 8px;
}

.onboarding .MuiFormHelperText-root.Mui-error{
    color: var(--error-color);
}

.search-view .view-content-body .view-content-content .MuiFormHelperText-root.Mui-error{
    color: var(--error-color);
    line-height: 20px;
}

.onboarding .MuiFormControl-root.checkbox,
.onboarding .checkbox .MuiFormControlLabel-root {
    align-items: start;
}

.onboarding .MuiCheckbox-root {
    margin-right: 5px;
    margin-top: -9px;
}




.onboarding .MuiFilledInput-root:hover .MuiFilledInput-input.MuiInputBase-input,
.onboarding .Mui-focused .MuiFilledInput-input.MuiInputBase-input,
.onboarding .MuiFilledInput-input.MuiInputBase-input:hover,
.onboarding .MuiFilledInput-input.MuiInputBase-input:focus {
}

.onboarding .MuiInputBase-input {
    height: 20px;
    padding: 9px 14px;
    color: var(--text-medium);
}

.onboarding .MuiInputBase-input[data-shrink="true"] {
    border-color: var(--branded-color);
}

.onboarding .MuiAutocomplete-root + div[data-popper-placement="bottom"] .MuiAutocomplete-paper.MuiPaper-root {
    border-radius: 0px 0px 8px 8px;
    padding:0px;

}

.onboarding .MuiAutocomplete-root + div[data-popper-placement="top"] .MuiAutocomplete-paper.MuiPaper-root {
    border-radius: 8px 8px 0px 0px;
    padding:0px;
}

.MuiButtonBase-root.close-button {
    padding: 23px;
}


.number-selector .number-popper,
.base-selector .base-popper {
    z-index: 100;
}

.number-selector .number-popper .MuiPaper-root,
.base-selector .base-popper .MuiPaper-root {
    max-width: calc(100%);
    min-width: calc(100%);
}

.number-selector .number-popper .number-popper-items,
.base-selector .base-popper .base-popper-items {
    max-width: calc(100%);
    min-width: calc(100%);
}

.number-selector .MuiAutocomplete-root .MuiAutocomplete-inputRoot,
.base-selector .MuiAutocomplete-root .MuiAutocomplete-inputRoot {
    padding: 3px;
}

.base-autocomplete.MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input {
}
/*
.base-autocomplete.MuiAutocomplete-root .MuiFilledInput-root {
    padding:0px;
}
*/

.base-autocomplete-highlight {
    font-weight: bold;
}


.onboarding .MuiFormControlLabel-label {
    font-family: "Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;
    color: var(--text-dark);
}

.close-button svg {
    width: 14px;
    height: 14px;
}

.custom-buttons {
    font-size: 14px;
    font-weight: 400;
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    text-decoration: underline;
}

.link-button {
    font-size: 14px;
    font-weight: 400;
    background: transparent;
    border: none;
    color: var(--link-color);
    cursor: pointer;
    text-decoration: underline;
}

.info-button .info-icon {
    fill: #5d6a74;
}

.horizontal-rule {
    display: block;
    border-top-style: solid;
    border-top-width: 1px;
    border-color: rgb(221, 221, 221);
    height: 1px;
    width: 100%;
}