.list{
    height: 100vh;
    overflow-y: scroll;
}
body[data-layout=detached] #layout-wrapper::before {
    background: -webkit-gradient(linear, left top, right top, from(rgb(91, 86, 86)), to(rgb(0, 0, 0))) !important;
    background: linear-gradient(to right, rgb(91, 86, 86), rgb(0, 0, 0)) !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle, .btn-primary {
    background-color: rgb(91, 86, 86) !important;
}

.btn-primary {
    border-color: rgb(91, 86, 86) !important;
}

body[data-layout=detached] .vertical-menu .user-img img {
    border: 2px dashed rgb(91, 86, 86) !important;
}

.bg-login-overlay {
    background: linear-gradient(to right, rgb(91, 86, 86), #000);
}

.boc-edit-form-header {
    background-color: rgb(91, 86, 86) !important;
    background-image: url("/img/ImagenUsuario.jpg") !important;
    background-size: cover;
    background-position: center;
}

.boc-img-button {
    background: #000 !important;
}

.boc-img-button svg {
    fill: #fff;
    top: 8px !important;
    width: 18px;
}

/*.boc-edit-form-instruments {*/
/*    display: none !important;*/
/*}*/

body[data-topbar=colored] #page-topbar {
    background: linear-gradient(to right, rgb(91, 86, 86), #000) !important;
}

[data-id='search'] {
    display: block !important;
}

.bannerinicio {
    max-width: 100%;
    display: block;
    margin: auto;
    max-height: 73vh;
}

.titulo-responsive {
    display: none;
}
.navbar-brand-box{
    width: inherit !important;
}
@media (max-width: 700px) {
    .img-responsive, .navbar-brand-box {
        display: none;
    }

    .responsive-titulo {
        display: block;
    }

    .bannerinicio {
        margin-top: 10%;
        width: 100%;
        height: auto !important;
        max-height: 100vh !important;

    }
}