.eControls .eTextBox {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;

    & .k-textbox,
    & .form-control {
        width: 100%;
        border-radius: var(--eTextBoxBorderR, var(--radius-lg));
        border-style: solid;
        border-color: var(--eTextBoxBorderColor, var(--gray-300));
        border-width: var(--eTextBoxBorderW, 1px);
        background: transparent;
        font-weight: 400;
        height: 40px;

        &:has( .input-validation-error) {
            border-color: var(--error-500);
        }
    }

    & .k-input-solid.k-focus,
    & .k-input-solid:focus,
    & .form-control:focus {
        border: 1px solid var(--brand-600);
        box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 -2px 0 0 rgba(10, 13, 18, 0.05) !important;

        &:has( .input-validation-error) {
            border-color: var(--error-500);
        }
    }

    & .password-toggle-btn {
        height: 100%;
        opacity: .7;
        color: var(--brand-600) !important;
    }

    & .eSearch {
        min-width: var(--eSearchW, 260px);
    }

    .eye-off__icon::after {
        content: "";
        display: flex;
        width: 20px;
        height: 20px;
        background: url("/images/EyeOff-icon.svg");
        background-size: cover;
    }

    .eye__icon:before {
        content: "";
        display: flex;
        width: 20px;
        height: 20px;
        background: url("/images/Eye-icon.svg");
        background-size: cover;
    }

    &.disabled {
        opacity: 0.5;
    }

        &.disabled .form-control {
            background-color: var(--gray-100);
        }
}