/* Botón de editar */
.i-editar {
    cursor:pointer;
    color: #323eba;
}
.i-editar:hover {
    color: #4758ff;
    
}

/* Botón Ver */
.i-ver {
    cursor:pointer;
    color: #20692a;
}
.i-ver:hover {
    color: #33ab44;
}

/* Botón Información */
.i-info {
    cursor:pointer;
    color: #596ddf;
}

/* Botón Borrar */
.i-borrar {
    cursor:pointer;
    color: #611414;
}
.i-borrar:hover {
    color: #ac2a2a;
}


/* Manejo de estados */
.i-estado-on {
    cursor:pointer;
    color: #20692a;
}
.i-estado-on:hover {
    color: #33ab44;
}
.i-estado-off {
    cursor:pointer;
    color:silver;
}


/* Botón renovar */
.i-renovar {
    cursor:pointer;
    color: #db771f;
}
.i-renovar:hover {
    color: #ffa556;
}


/* Botón Desbloquear */
.i-unlock {
    cursor:pointer;
    color: #be4bdb;
}
.i-unlock:hover {
    color: #da69f7;
}


/* Botón Bloqueo */
.i-lock {
    cursor:pointer;
}

/* Botón Desbloquear */
.i-saldar {
    cursor:pointer;
    color: #f7c618;
}
.i-saldar:hover {
    color: #ffd43b;
}

/* icono usuario con cuneta */
.i-user-check {
    color: #82db4b;
}

.i-user-out{
    color: #9b9a9e;
}

/* icono visible  */
.i-eye {
    cursor:pointer;
    color: #20692a;
}

.i-eye:hover{
    color: #33ab44;
}

/* icono invisible */
.i-eye-slash{
    cursor:pointer;
    color: #ea2e28;
}

.i-eye-slash:hover{
    color: #ee5f5b;
}
/* icono invisible */
.i-key{
    cursor:pointer;
    color: #f1f109;
}

.i-key:hover{
    color: #f9f90e;
}