#wrapper{position:relative; width:100%; height:100%;}
#wrapper .doc-left-side{position:fixed; top:0; left:0; width:250px; padding:1em; height:100%; background:#fff;}
#wrapper .doc-left-side .title{font-weight:bold;}
#wrapper .doc-right-side{padding:1em 1em 1em 275px; }

.sidebar, .sidebar ul{list-style:none!important; margin:0; padding:0;}
.sidebar{margin-top:2em;}
.sidebar > li > a{padding:.3em .6em; display:block; color:#222; font-family:'Montserrat'; font-weight:bold; margin-bottom:.5em;}

.sidebar > li > a.active, .sidebar > li > a:hover{color:#a00;}
.sidebar > li > ul {padding:.5em 1em; display:none;}
.sidebar >li > ul a{color:#777; display:block;}
.sidebar >li > ul a:hover, .sidebar >li > ul a.active{color:#d00;}
.sidebar > li:hover > a, .sidebar > li.active > a{color:#d00;}

.sidebar > li.active ul{display:block;}