.password-base-eye-icon {
    font-size: 24px;
}

.user-password {
    display: flex;
}

.su-password-input-box {
    width: calc(100% - 39px);
}
.su-password-input-box .user-password {
    padding-right: 42px;
}
.su-password-input-box .password-toggle-icon {
    position: absolute;
    top: 0;
    right: 25px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}
.su-password-input-box .password-toggle-icon i {
    font-size: 18px;
}

/* For register screen and Forgot pssword  */
.su-password-input-box.register-password,
.su-password-input-box.reset-password-wrapper {
    width: 100%;
}
.su-password-input-box.register-password .user-password,
.su-password-input-box.reset-password-wrapper .user-password {
    padding-right: 12px;
}
.su-password-input-box.register-password .password-toggle-icon,
.su-password-input-box.reset-password-wrapper .password-toggle-icon {
    right: 12px;
}

/* For forgot pssword */
.su-password-input-box.reset-password-wrapper {
    position: relative;
}

/* For Login form  */

.content-align {
    display: flex;
    justify-content: space-between;
}

.recycler-login-btn {
    display: flex;
    justify-content: end;
}
.width-14 {
    width: 14px;
}
.recycler_container {
    padding: 10px;
}

.password-base-eye-icon {
    font-size: 24px;
}
.user-password {
    display: flex;
}
.su-password-input-box {
    width: calc(100% - 40px);
}
.su-password-input-box .user-password {
    padding-right: 42px;
}
.su-password-input-box .password-toggle-icon {
    position: absolute;
    top: 0;
    right: 25px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}
.su-password-input-box .password-toggle-icon i {
    font-size: 18px;
}
/* For register screen */
.su-password-input-box.register-password {
    width: 100%;
}
.su-password-input-box.register-password .user-password {
    padding-right: 12px;
}
.su-password-input-box.register-password .password-toggle-icon {
    right: 12px;
}