.wrapper{position:relative}
.sidebar-left{background-color:gray;margin:0;border:none;border-radius:0}
.sidebar-menu{list-style:none;margin:0;padding:0}
.sidebar-menu a{color:lightgray;text-decoration:none}
.sidebar-menu > li{position:relative;margin:0;padding:0}
.sidebar-menu > li > a{padding:12px 5px 12px 15px;display:block;font-size:14px;border-left:3px solid transparent}
.sidebar-menu > li > a > .fa{width:20px}
.sidebar-menu > li:hover > a,.sidebar-menu > li.active > a{color:#fff;background:darkgray;border-left-color:lightgray}
.sidebar-menu > li > .treeview-menu{margin:0 1px;background:lightgray}
.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:gray;background:lightgray}
.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 .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 15px;display:block;font-size:14px;color:lightgray}
.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}
@media (min-width:768px)
{
.sidebar-left{position:absolute;top:0;left:0;bottom:0;width:230px;height:100%;z-index:2016}
.sidebar-left .navbar-header{float:none}
.sidebar-left .navbar-collapse{padding:0}
.content{position:relative;margin-left:200px;height:100%;min-height:100%}
}