.mud-input.mud-input-underline:before {
    border: none;
}

.mud-input.mud-input-underline:after {
    border: none;
}

.mud-input.mud-input-underline:hover:not(.mud-disabled):before {
    border: none;
}

/*field default margin top*/
.mud-input-control {
    margin-top: 10px;
}

.input-mt-unset .mud-input-control {
    margin-top: unset !important;
}

/*text start*/
.mud-select .mud-input-slot, .mud-input-slot {
    padding-left: 12px !important; 
}

.mud-input-root-text {
    margin: 6px 2px !important;
    padding-top: 5px !important;
    padding-bottom: 4px !important;
    height: 35px;
}

.mud-input-underline {
    margin-top: unset !important;
    padding-inline-start: unset !important;
    border-radius: var(--mud-default-borderradius);
    box-shadow: var(--mud-palette-lines-inputs) 0 0 0 1px;
    border-width: 0;
    box-sizing: border-box;
    transition: border-width, border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background: var(--mud-palette-surface);
}

.mud-input-text:focus-within {
    border: none;
    box-shadow: var(--mud-palette-primary) 0 0 0 2px;
}   

.mud-input-adornment-end {
    padding: 8px;
}

/* Remove padding placeholder/label */
.mud-input-label-outlined {
    padding: unset !important;
}

/* Restore padding active placeholder/label */
.mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    padding: 0px 5px !important;
}

/* Placeholder adjustment */
.mud-input-control .mud-input-label {
    transform: translate(12px, 10px) scale(1);
}

/* Active placeholder/label adjustment */
.mud-shrink~label.mud-input-label.mud-input-label-inputcontrol, .mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol
{
    transform: translate(8px, -7px) scale(0.75) !important;
    background: var(--mud-palette-surface) !important;
    padding-left: 4px;
    padding-right: 4px;
}

.mud-select-input {
    height: fit-content !important;
    overflow: visible !important;
}

/* Restore default MudBlazor styling for fields with disable-input-outline-variant */
.disable-input-outline-variant .mud-input-underline {
    border-radius: unset;
    box-shadow: none;
    background: unset;
}

.disable-input-outline-variant .mud-input.mud-input-underline:before {
    border-bottom: thin solid var(--mud-palette-lines-inputs);
}

.disable-input-outline-variant .mud-input.mud-input-underline:after {
    border-bottom: 2px solid var(--mud-palette-primary);
}

.disable-input-outline-variant .mud-input.mud-input-underline:hover:not(.mud-disabled):before {
    border-bottom: thin solid var(--mud-palette-action-default);
}

.disable-input-outline-variant .mud-input-text:focus-within {
    box-shadow: none;
}

.disable-input-outline-variant .mud-input-root-text {
    margin: unset !important;
    padding-top: unset !important;
    padding-bottom: 4px !important;
    height: unset;
    white-space: nowrap !important; 
    width: max-content !important; 
    min-width: 100% !important;
}

.disable-input-outline-variant .mud-input-control {
    margin-top: unset;
}

.disable-input-outline-variant .mud-select .mud-input-slot,
.disable-input-outline-variant .mud-input-slot {
    padding-left: unset !important;
}

.disable-input-outline-variant .mud-input-control .mud-input-label {
    transform: unset;
}

.disable-input-outline-variant .mud-shrink~label.mud-input-label.mud-input-label-inputcontrol,
.disable-input-outline-variant .mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol {
    transform: unset !important;
    background: unset !important;
    padding-left: unset;
    padding-right: unset;
}