.invalid, .invalidNumber .invalidTr{
    border: #FF0000 1px solid !important;
}

.invalid-msg,
.invalid-msg strong {
    color: #FF0000 !important;
    font-size: 15px;
    font-weight: 400;
    font-style: normal !important;
}

img.thumbImg{
    max-width: 100%;
    max-height: 150px;
}

.default-image{
    fill: #858796;
}

a.linkDetalleProducto{
    color: #858796;
    text-decoration: none;
}

.cs-form-control{
    
    width: 50%;
}

.hidden-input{
    display: none;
}

.longDescr{
    word-break: break-all;
}

#login #password,
#login #password-confirm,
#register #password,
#register #password-confirm,
#register #old_password,
#changePassword #password,
#changePassword #password-confirm,
#changePassword #old_password {
    display: inline-block;
}

#login .bi,
#register .bi,
#changePassword .bi {
    margin-left: -30px;
}

#crearUsuarioForm #password,
#crearUsuarioForm #password-confirm,
#editarUsuarioForm #password,
#editarUsuarioForm #password-confirm{
    display: inline-block;
}

#crearUsuarioForm .bi,
#crearUsuarioForm .bi{
    margin-left: -30px;
}

div .bi.bi-eye-slash::before {
    content: '';
    background: url(../img/eye-fill.svg) no-repeat;
    background-size: cover;
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    cursor: pointer;
}

#login div .bi.bi-eye-slash::before {
    margin-top: 15px;
}

div .bi.bi-eye::before {
    content: '';
    background: url(../img/eye-slash.svg) no-repeat;
    background-size: cover;
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    cursor: pointer;
}

#login div .bi.bi-eye::before {
    margin-top: 15px;
}



@media (max-width: 575px) {
    .text-xs-center{
        text-align: center!important;
        margin-top: 10px;
    }
}