body {
    font-family: "Stem", "Tahoma", "Arial", sans-serif;
  }
  
  .content {
    padding: 1rem;
    margin-top: 70px;
  }
  
  @media (min-width: 992px) {
    .content {
      margin-left: 280px;
    }
  }
  
  @media (max-width: 991.98px) {
    .offcanvas.offcanvas-end,
    .offcanvas.offcanvas-start {
      width: 100% !important;
    }
  
    .content {
      margin-left: 0;
    }
  }
  
  .sidebar {
    position: fixed;
    top: 56px;
    bottom: 0;
    left: 0;
    width: 270px;
    padding: 1rem;
    background: white;
    overflow-y: scroll;
    margin: 30px 0 50px 0px;
    border-radius: 10px;
  
    scrollbar-width: none;      /* Firefox */
    -ms-overflow-style: none;   /* IE/Edge */
  }
  

  .sidebar::-webkit-scrollbar {
    display: none;              /* Chrome/Safari */
  }






  .modal .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
    width: 100% !important;
  }
  .bootstrap-select .dropdown-menu.inner {
    max-height: 200px;
    overflow-y: auto;
  }



  

  .bootstrap-select .dropdown-toggle {
    opacity: 1 !important;
    pointer-events: auto !important;
    background-color: #fff !important;
    color: #212529 !important;
  }