.login-field {
    position: relative;
    margin-bottom: 1rem;
}

/* p:password can wrap its input in a span, so cover both */
.login-field .ui-password {
    display: block;
    width: 100%;
}

.login-field .ui-inputtext,
.login-field .input-login {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding-right: 4.5rem;
}

.login-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #9aa3b2;
    line-height: 1;
    pointer-events: none;
}

/* rightmost icon: user or lock */
.login-icon-end {
    right: 14px;
}

/* eye icon sits left of the lock */
.login-icon-toggle {
    right: 38px;
    cursor: pointer;
    pointer-events: auto;
}