.menu {
    background: #2C3037
}
.ml-menu{
    background: #212429 !important;
}
.navbar{
    background-color: white;
}
.sidebar .menu .list a span {
    margin: 7px 0 7px 12px;
    color: #7b7b7b;
    font-weight: bold;
    font-size: 14px;
    overflow: hidden;
}
.menu .list li .ml-menu li  a.active,
.menu .list li.bg-active > a span,
.menu .list li .ml-menu li:hover  a,
.menu .list li:hover > a span{
    color: white !important;
}
.menu .list li.bg-active > a .material-icons, 
.menu .list li:hover > a .material-icons {
    color: #f44336;
    /* color: #3F51B5 */
}


.field-custom{
    border:solid 1px #eee;
    border-radius: 1rem;
    padding: 2rem;
    margin-bottom: 2rem;
}

.field-custom legend{
    display: inline-block;
    width: auto;
    border:none;
    margin-left: 1rem;
}

.row-margin{
    margin: 1.5rem 0;
}

.row-search{
    display: grid !important;
    padding: 1rem  0;
}

.row-search .col{
    grid-row: 1;
}

.row-search .col i.material-icons{
    vertical-align: middle;
}

.row-search b{
    display: block;
}

#eac-container-search-bar ul{
    overflow: hidden;
    overflow-y: auto;
    height: 55rem;
}

.search-bar{
    background-color: white;
}

.search-bar input[type=text] {
    width: 60%;
    font-size: 16px;
    padding: 35px 60px 23px 20px;
    border: none;
}
.easy-autocomplete {
    display: inline-block;
    width: 70% !important;
}

.search-bar select {
    padding: 35px 60px 23px 56px;
    border: none;
    margin-left: 5.33333333%;
    background-color: #F5F5F5;
    font-weight: 700;
}



.easy-autocomplete-container{
    width: 143% !important;
    left: -35.9rem !important;
}

.modal-xxl{
    width: 95%;
}

.material-icons{
    vertical-align: bottom;
}

.inactive {
    margin-left: -300px;
}

.close-left-bar{
    margin: 1rem;
}

.btn-clicked2,
.btn-clicked{
    cursor: pointer;
}

.btn-clicked2:hover,
.btn-clicked:hover{
    opacity:0.8;
}

table#libros tr td{
    word-break: break-word;
}

.drag{
    padding: 4rem 2rem;
    border: dotted 4px #333;
    cursor :pointer;
}

.drag.hover{
   opacity: 0.7; 
}
.paneles{
    padding: 2rem 1rem;
    border: solid 1px #ddee;
    border-radius: .5rem;
    margin-bottom: 2rem;
}

.paneles legend{
    font-size: 1.6rem;
    border-bottom: none;
    font-weight: 600;
    width: auto;
}