/* ================================
   TOGGLE DE VER/OCULTAR CONTRASEÑA
================================ */

.password-wrapper{
    position:relative;
}

.password-wrapper .field-input,
.password-wrapper input[type="password"],
.password-wrapper input[type="text"]{
    padding-right:50px;
}

.password-toggle{
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    background:none;
    border:none;
    cursor:pointer;
    padding:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:inherit;
    opacity:.45;
    transition:.2s ease;
}

.password-toggle:hover{
    opacity:.75;
}

.password-toggle svg{
    width:20px;
    height:20px;
}

.password-toggle .icon-hide{
    display:none;
}

.password-toggle.activo .icon-show{
    display:none;
}

.password-toggle.activo .icon-hide{
    display:block;
}