.password + .unmask {
 position: relative;
 float: right;
 top: -38px;
 right: 6px;
 text-indent: -9999px;
 width: 20px;
 height: 16px;
 cursor:pointer;
 border: none;
 -webkit-appearance:none;
 font-family: "foundation-icons";
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 0;
 -webkit-font-smoothing: antialiased;
 display: inline-block;
 text-decoration: inherit;
 content: " ";
 vertical-align: middle;
background-color: transparent !important;
}

.password + .unmask.bgF3F4F6 { top: -30px;}

.password + .unmask:before {
 content: "";
 position: absolute;
 top: 0px;
 left: 0px;
 width: 20px;
 height: 16px;
 z-index:1;
 background-image: url("../../../imagenes/2024/svg/icono-ojo-negro.svg");
 background-size: 20px 20px;
 background-position: center center;
 background-repeat: no-repeat;
 background-color: transparent !important;
 -webkit-transition: all 0.2s ease;
 transition: all 0.2s ease;
 line-height: 0;
}

.password[type="text"] + .unmask:after {
 content: "";
 position: absolute;
 top: 0px;
 left: 0px;
 width: 20px;
 height: 16px;
 background-image: url("../../../imagenes/2024/svg/icono-ojo-celeste.svg");
 background-size: 20px 20px;
 background-position: center center;
 background-repeat: no-repeat;
 background-color: transparent !important;
 z-index: 2;
 -webkit-transition: all 0.2s ease;
 transition: all 0.2s ease;
 line-height: 0;
}

.password + .unmask.bgF3F4F6:before {
 content: "";
 position: absolute;
 top: 0px;
 left: 0px;
 width: 20px;
 height: 16px;
 z-index:1;
 background-image: url("../../../imagenes/2024/svg/icono-ojo-negro.svg");
 background-size: 20px 20px;
 background-position: center center;
 background-repeat: no-repeat;
 background-color: transparent !important;
 -webkit-transition: all 0.2s ease;
 transition: all 0.2s ease;
 line-height: 0;
}

.password[type="text"] + .unmask.bgF3F4F6:after {
 content: "";
 position: absolute;
 top: 0px;
 left: 0px;
 width: 20px;
 height: 16px;
 background-image: url("../../../imagenes/2024/svg/icono-ojo-celeste.svg");
 background-size: 20px 20px;
 background-position: center center;
 background-repeat: no-repeat;
 background-color: transparent !important;
 z-index: 2;
 -webkit-transition: all 0.2s ease;
 transition: all 0.2s ease;
 line-height: 0;
}