/*VALIDAR CONTRASENA*/
.visible-password .feather-eye {
    display: none;
}

.visible-password .feather-eye-off {
    display: inline;
    color: #364962;
}

.invisible-password .feather-eye {
    display: inline;
    color: #1c4252;
}

.invisible-password .feather-eye-off {
    display: none;
}

.toggle-password {
    z-index: 1;
    font-size: 16px;
    color: rgb(0 0 0 / 34%);
    font-weight: 500;
    top: 11px;
    position: absolute;
    right: 20px;
    transition: all .2s ease-in-out;
}

    .toggle-password:hover {
        cursor: pointer;
    }

.pass_ .form-control,
.coopForm.form-login .pass_ .form-control {
    padding-right: 50px;
    padding-left: 20px;
}

    .valid,
    .pass_ .form-control.valid,
    .coopForm.form-login .pass_ .form-control.valid {
        /*border: 1px solid #8BC34A;*/
    }

    .invalid,
    .pass_ .form-control.invalid,
    .coopForm.form-login .pass_ .form-control.invalid {
        border: 1px solid #edc9c7;
        background-color: #ffeceb;
    }

.helppass_ {
    position: relative;
}

    .helppass_ div {
        background: #ffffff;
        border: 1px solid #ced4da;
        border-radius: 20px;
    }

    .helppass_ p,
    .coopForm.form-login .form-group .helppass_ p {
        position: relative;
        margin: 0;
        font-size: 13px;
        max-width: none;
        padding: 10px 0px;
        padding-left: 10px;
    }

        .helppass_ p:after {
            position: absolute;
            width: 4px;
            height: 4px;
            content: "";
            display: block;
            background: #f18600;
            border-radius: 50%;
            top: 49%;
            transform: translateY(-50%);
            left: 0;
        }

    .helppass_ .active__ {
        transition: all .5s ease-in-out;
        height: auto;
        opacity: 1;
        padding: 10px 20px;
        margin-bottom: 20px;
    }

    .helppass_ .inactive__ {
        transition: all .5s ease-in-out;
        height: 0px;
        opacity: 0;
        padding: 0px 0px;
    }