body {
  overflow-x: hidden;
}

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
  background-image: linear-gradient(
    180deg, 
    rgb(5, 39, 103) 0%, 
    #3a0647 
    70%);
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
  color:white;
  font-weight: bolder;
}

#sidebar-wrapper .list-group a{
  width: 15rem;
  color: white;
  background-color: rgba(255, 255, 255, 0);
  padding: 0.875rem 1.25rem;
}

/* #sidebar-wrapper .list-group a:link{
  width: 15rem;
  color:white;
  padding: 0.875rem 1.25rem;
} */

#sidebar-wrapper .list-group a:hover{
  width: 15rem;
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
  padding: 0.875rem 1.25rem;
}

#sidebar-wrapper .list-group .active{
  width: 15rem;
  background-color: rgba(255, 255, 255, 0.25);
  color: white;
  padding: 0.875rem 1.25rem;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
}

#menu-toggle{
  background-image: linear-gradient(
    180deg, 
    rgb(5, 39, 103) 0%, 
    #3a0647 
    70%);
}