body {margin: 0; font-family: arial, verdana, sans-serif; background: #f3f3f3;}
ul,li {margin: 0; padding: 0; list-style: none;}
a, a:hover {text-decoration: none;}
.wrapper {position: relative; width: 960px; margin: 0 auto; padding: 20px; background: #fff; text-align: justify; box-shadow: 0 0 3px rgba(0,0,0,0.15)}

#header {padding: 30px 0; margin-bottom: 10px; background: #3CB7E7; border-bottom: 1px solid #eee}
#header h1 {padding-left: 20px; margin: 0;}
#header h1 a {color: #323A45;}
#header h1 a:hover {color: #efefef;}

#sidebar-menu {position: fixed; top: 200px; left: 0; padding: 10px; background: #323A45; color: #FFF; border-radius: 0 8px 8px 0;}
#sidebar-menu li {position: relative; cursor: pointer;}
#sidebar-menu li i {width: 27px; height: 27px; line-height: 27px; border-radius: 4px; background: #3CB7E7; text-align: center;}

#sidebar-menu li+li {margin-top: 4px;}
#sidebar-menu b {display: none; opacity: 0; position: absolute; left: 27px; top: 0; height: 27px; width: 16px; line-height: 27px; background: transparent; color: #323A45; text-align: right;}

#sidebar-menu li > ul {display: none; opacity: 0; position: absolute; top: -10px; left: 42px; width: 255px; padding: 10px; background: #323A45; border-radius: 8px;}
#sidebar-menu li:hover b,
#sidebar-menu li:hover ul {display: block; opacity: 1;}
#sidebar-menu li a {display: block; padding: 4px 8px; border-radius: 4px; color: #FFF;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
	    -ms-transition: all .2s;
	     -o-transition: all .2s;
	        transition: all .2s;
}
#sidebar-menu li a:hover {display: block; background: #3CB7E7;}

::-webkit-scrollbar{width:10px; background:#323a45;}
::-webkit-scrollbar-thumb{-webkit-border-radius:4px; border-radius:4px; background: #3CB7E7;}