/* width */
::-webkit-scrollbar {width: 5px;}

/* Track */
::-webkit-scrollbar-track {background: #ccc; }

/* Handle */
::-webkit-scrollbar-thumb {background: #999; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #555; }

#side-menu-trigger{font-size: 18px;cursor: pointer;top: 5px;left:225px;position: absolute;padding:20px;background:white;}
#article-outer {position:relative}
.sidebar-menu-wrap {display:flex;z-index:999;background-color:rgba(0,0,0,0.75);
width:100%;transition: 0.5s;position:fixed;left:0;flex-direction:column;top:0;bottom:0}
.sidebar-menu-wrap h3,.sidebar-menu-wrap .side-menu-bottom {display:flex; background: #1a2226;color: #f1f1f1;width: 200px;padding: 10px 5px 10px 15px;text-transform: uppercase;font-size: 14px;font-weight: 400;}
.sidebar-menu-wrap h3 {border-bottom:1px solid #666}
.sidebar-menu-wrap .side-menu-bottom {border-top:1px solid #666}
.sidebar-menu-wrap.closed {left:-225px;background:transparent;width:225px;position:absolute}
.sidebar-menu-wrap .side-menu-bottom {position:absolute;bottom:0;height:20px;padding-left:5px;padding-right:15px}
.sidebar-menu-wrap .side-menu-bottom:hover a,.sidebar-menu-wrap .side-menu-bottom:hover i {color:white;}
.sidebar-menu-wrap .side-menu-bottom i {padding:9px 10px 0;font-size:12px;color:#aaa}
.sidebar-menu-wrap .side-menu-bottom a {color:#aaa;font-size:12px;}
.sidebar-menu {top:51px;bottom:40px;position:absolute;list-style: none;margin: 0;padding: 0;background-color: #222d32;width:220px;overflow-y:auto;transition: 0.5s;}
.sidebar-menu-wrap.closed2  .sidebar-menu {width:0}
.sidebar-menu > li {position: relative;margin: 0;padding: 0; }
.sidebar-menu > li > a {padding: 12px 5px 12px 15px;display: block;border-left: 3px solid transparent;color: #b8c7ce;line-height:normal }
.sidebar-menu > li > a > .fa {width: 20px;font-size:14px;padding-right:10px;text-align: center}
.sidebar-menu > li > a > span {color: #b8c7ce;font-size:14px;line-height:normal}
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {color: #fff;background: #1e282c;border-left-color: #3c8dbc; }
.sidebar-menu > li:hover > a > span , .sidebar-menu > li.active > a > span {color: #fff;background: #1e282c;border-left-color: #3c8dbc; }
.sidebar-menu > li > .treeview-menu {margin: 0 1px;background: #2c3b41;}
.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: 14px;color: white;background: #1a2226; text-transform:uppercase;font-weight:500}
.sidebar-menu li.header span{font-size: 12px;color: #fafafa;line-height:inherit}
.sidebar-menu li.header.sub {line-height:16px;}
.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 15px;  display: block;  font-size: 14px;  color: #8aa4af; }  .sidebar-menu .treeview-menu > li > a > .fa {    width: 20px; ;padding-right:10px}  .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; }