.sidebar{ float: left; width:200px; }
.sidebar-menu {list-style: none;margin: 0;padding: 0;}
.sidebar-menu > li { position: relative; background:url(../images/listh3.gif) no-repeat; margin-bottom:5px; }
.sidebar-menu > li > a {line-height:40px;display: block; color: #fff; padding-left:30px }
      .sidebar-menu > li > a > .fa {
        width: 20px; }
    .sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {
      color: #fff;

      border-left-color: #3c8dbc; }
    .sidebar-menu > li > .treeview-menu { margin: 0; }
    .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;
    line-height: 40px; }
  .sidebar-menu li.active > a > .fa-angle-left {
    transform: rotate(-90deg); }
  .sidebar-menu li.active > .treeview-menu {
    display: block; padding:10px 0 }
  .sidebar-menu a {
    color: #b8c7ce;
    text-decoration: none; }
  .sidebar-menu .treeview-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
}
    .sidebar-menu .treeview-menu .treeview-menu {
      padding-left: 20px; }
    .sidebar-menu .treeview-menu > li {
      margin: 0; padding-left:20px}
      .sidebar-menu .treeview-menu > li > a {display:block; padding-left:20px;  line-height:35px; color:#fff; width:100%; background:url(../images/xp2.png) no-repeat 5px center; }
        .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 { text-decoration:underline}