/* src/components/DrawerMenu.css */
.drawer {
    position: fixed;
    top: 0;
    left: -250px;
    width: 250px;
    height: 100%;
    background-color: #343a40;
    transition: left 0.3s;
    z-index: 1049;
    overflow-y: auto;
  }
  
  .drawer.show {
    left: 0;
  }
  
  .drawer-header {
    padding: 1rem;
    background-color: #343a40;
    color: white;
  }
  
  .drawer-body {
    padding: 1rem;
  }
  
  .drawer .nav-link {
    color: white;
  }
  
  .nav-item {
    color: white;
  }
  
  .sub-menu {
    display: none;
    transition: padding-left 0.3s;
  }
  
  .sub-menu.show {
    display: block;
  }
  
  .sub-menu .nav-item {
    padding-left: 1rem;
  }