/*=============================================
Interfaz Dashboard
=============================================*/

/*=============================================
El botón hamburguesa solo se necesita en mobile
(ahí es la única forma de abrir el sidebar, que
arranca oculto). En desktop el sidebar ya está
siempre visible, así que se oculta el botón; se
vuelve a mostrar en el media query de abajo.
=============================================*/

#menu-toggle{
  display: none;
  padding: calc(.375rem + 2px) calc(.75rem + 2px) !important;
}

#menu-toggle i{
  font-size: 1rem;
}

#wrapper {
  display: flex;
  flex-direction: row;
}

#sidebar-wrapper {
  min-height: 100vh;
  width: 280px;
  z-index:1;
  transition: all 0.3s;
}

#sidebar-wrapper .sidebar-heading {
  font-size: 1.5rem;
  text-align: center;
  min-width:225px;
  padding: 0;
  margin: 0 !important;
  height: 110px;
  overflow: hidden;
}

#sidebar-wrapper .sidebar-heading img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  margin: 0;
}

#sidebar-wrapper .list-group-item {
  padding: 15px 20px;
}

#sidebar-wrapper .list-group-item i {
  margin-right: 10px;
}

#sidebar-wrapper .menu-text {
  display: inline;
}

#sidebar-wrapper.collapsed {
  width: 80px;

}

#sidebar-wrapper.collapsed .menu-text {
  display: none;

}

/*=============================================
Con el nav achicado ocultamos también las flechas
(chevron) de los desplegables Caja/Cortes/
Proveedores/Compras: no tiene sentido mostrarlas
si el click para abrir/cerrar ya está deshabilitado
(ver pointer-events:none en sidebar.php)
=============================================*/

#sidebar-wrapper.collapsed .chevronCaja,
#sidebar-wrapper.collapsed .chevronCortes,
#sidebar-wrapper.collapsed .chevronProveedores,
#sidebar-wrapper.collapsed .chevronCompras {
  display: none;
}

#sidebar-wrapper.collapsed .list-group-item {
  margin-right: 0;
  text-align: center;
}

#sidebar-wrapper.collapsed .list-group-item i{
 margin: 0;
}

#page-content-wrapper {
  flex-grow: 1;
  width:50%;
}

/* Float the sidebar for mobile */
@media (max-width: 768px) {
  #sidebar-wrapper {
    position: fixed;
    z-index: 1000;
    height: 100%;
    left: -280px;
    transition: all 0.3s ease;
  }

  #sidebar-wrapper.show {
    left: 0;
  }

  #menu-toggle {
    display: block;
    margin-left: 20px;
  }
  
}

.backDashboard{
    background-color: #f0f0f5 !important;
}
.borderDashboard{
    border: 1px solid #dce1e5 !important;
}