.sidebar-menu {
    overflow-y: auto;
    height: 100vh;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 15em;
    background-color: #ba1411; }
    .sidebar-menu > li {
      position: relative;
      margin: 0;
      padding: 0; }
      .sidebar-menu > li > a {
        padding: 14px 5px 14px 45px;
        display: block;
        border-left: 3px solid transparent;
        font-size: 20px;
        font-weight: 100;
        color: #fec8b8;
        background-image: linear-gradient(#C11B14, #A20700); 
        border-bottom: 1px solid #912722;
    }
    .active{
      background-image: linear-gradient(#FF6862, #ff0b00);
    }
        .sidebar-menu > li > a > .fa {
          width: 20px; }
      .sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {
        color: #fff;
       background: transparent; 
       border-bottom: 2px solid transparent;
       
        /* border-left-color: #3c8dbc;*/ }
      .sidebar-menu > li > .treeview-menu {
        margin: 0 1px;
        /*background: #fc3129;*/
       /* background-image: linear-gradient(#FF6862, #ff0b00);*/
        background:transparent;
       }
      .sidebar-menu > li .label,
      .sidebar-menu > li .badge {
        margin-top: 3px;
        margin-right: 5px; }
    .sidebar-menu li.header {
      padding: 10px 25px 10px 15px;
      font-size: 12px;
      color: #4b646f;
      background: #1a2226; }
    .sidebar-menu li > a > .fa-angle-left {
      width: auto;
      height: auto;
      padding: 0;
      margin-right: 10px;
      margin-top: 3px; }
    .sidebar-menu li.active > a > .fa-angle-left {
      transform: rotate(-90deg); }
    .sidebar-menu li.active > .treeview-menu {
      display: block; }
    .sidebar-menu a {
      color: #b8c7ce;
      text-decoration: none; }
    .sidebar-menu .treeview-menu {
      display: none;
      list-style: none;
      padding: 0;
      margin: 0;
      padding-left: 5px; }
      .sidebar-menu .treeview-menu .treeview-menu {
        padding-left: 20px; }
      .sidebar-menu .treeview-menu > li {
        margin: 0; }
        .sidebar-menu .treeview-menu > li > a {
          padding: 5px 5px 5px 50px;
          display: block;
          font-size: 20px;
          color: #fec8b8; }
          .sidebar-menu .treeview-menu > li > a > .fa {
            width: 20px; }
          .sidebar-menu .treeview-menu > li > a > .fa-angle-left,
          .sidebar-menu .treeview-menu > li > a > .fa-angle-down {
            width: auto; }
        .sidebar-menu .treeview-menu > li.active > a, .sidebar-menu .treeview-menu > li > a:hover {
          color: #fff; }