.bg-gray {
  background-color: rgba(238, 237, 239, 0.418)
}

#side_nav{
  background-color: #fff;
  min-width: 280px;
  max-width: 280px;
  transition: all 0.3s ease;
}

.content{
  min-height: 100vh;
  width: 100%;
}

hr.h-color{
  background-color: #000;
}

.sidebar li.active{
  background: #0D6EFD;
  border-radius: 8px;
}

.sidebar li:hover{
  background-color: gray;
  border-radius: 8px;
}

.sidebar li:hover a{
  color: #fff;
}

.sidebar li.active a, .sidebar li.active a:hover{
  color: #fff;
  font-weight: 500;
}

.sidebar li a{
  color: #000;
}

.dashboard-content{
  padding-top: 68px !important;
}

#menuBar{
  display: none;
  position: absolute;
  z-index: 888;
  top: 16px;
  right: -45px;
  
}

@media (max-width: 767px) {
  #side_nav{
    margin-left: -280px;
    position: fixed;
    min-height: 100vh;
    z-index: 1;
  }

  #menuBar{
    display: inline-block;
  }

  #side_nav.active{
    margin-left: 0;
  }
}