/* CSS for the sidebar */
#sidebar {
    min-width: 250px;
    max-width: 250px;
    height: 100%;
    background-color: #fff;
    color: #333;
    transition: all 0.3s;
    /*position: fixed;
    padding-left: .25rem;
    margin-left: -.25rem;
    overflow-y: auto;
    height: calc(900vh - 7rem);*/
}
#sidebar > ul > li > a {
text-decoration: none;
color: #333;
}
.sub-menu > li > a{
    color: #5a5a5b;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.5;
  padding: 3px 3px 3px 1rem;
  position: relative;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease,-webkit-transform .2s ease;
  align-items: flex-start;
  display: flex;
  cursor: pointer;
}

#sidebar.active {
    margin-left: -250px;
}
.sidebar-header{
    margin-top: 50px;
}
#content {
    width: 100%;
    padding: 20px;
    transition: all 0.3s;
}

#sidebarCollapse {
    position: fixed;
    left: 15px;
    top: 15px;
    background-color: #fff;
    color: #333;
    border: none;
    padding: 10px;
    cursor: pointer;
}

/* CSS for the sub-menu */
.sub-menu {
    display: none;
    margin-left: 15px;
}

/* CSS for submenu toggle icon */
.has-submenu::before {
    content: '\f054';
    font-family: FontAwesome;
    padding-right: 10px;
}

.has-submenu.active::before {
    content: '\f078';
}