body[dir=rtl] .app-input-box {
    padding: 5px 15px 5px 30px;
}

body[dir=rtl] .app-input::placeholder {
    padding-right: 4px;
}

body[dir=rtl] .app-input-section.error .app-input-box:focus-within,
body[dir=rtl] .app-input-section.error>.app-input-box,
body[dir=rtl] .app-input-box:focus-within,
body[dir=rtl] .app-input-section.error>.app-password-box>.app-input-box {
    padding: 5px 14px 5px 29px !important;
}

body[dir=rtl] .app-input-box.textarea {
    padding: 6px 15px 6px 30px;
}

body[dir=rtl] .app-input.ltr {
    text-align: right;
}


body[dir=rtl] .app-input-error {
    margin-right: 16px;
}

@media (max-width:480px) {

    body[dir=rtl] .app-input-box,
    body[dir=rtl] .app-input-section.error .app-input-box {
        padding: 5px 15px 5px 15px !important;
    }

    body[dir=rtl] .app-input-section.error .app-input-box:focus-within {
        padding: 5px 15px 5px 15px !important;
    }


    body[dir=rtl] .app-input::placeholder {
        padding-right: 4px;
    }

    body[dir=rtl] .app-input-box:focus-within {
        padding: 5px 14px 5px 14px !important;
    }
}