#wrapper{padding-left:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}#wrapper.toggled{padding-left:300px}#sidebar-wrapper{z-index:1000;position:fixed;left:300px;width:0;height:100%;margin-left:-300px;overflow-y:auto;background:#0C504A;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}#wrapper.toggled #sidebar-wrapper{width:300px}#page-content-wrapper{width:100%;position:absolute;padding:15px}#wrapper.toggled #page-content-wrapper{position:absolute;margin-right:-300px}#wrapper.toggled .sideBarOverlay{display:block}#wrapper .sideBarOverlay{display:none}.sidebar-nav{top:0;width:300px;margin:0;padding:0;list-style:none}.sidebar-nav li{text-indent:20px;line-height:40px}.sidebar-nav li a{display:block;text-decoration:none;color:#FFF}.sidebar-nav li a:hover{text-decoration:none;color:#fff;background:rgba(255,255,255,0.2)}.sidebar-nav li a:active,.sidebar-nav li a:focus{text-decoration:none}.sidebar-nav > .sidebar-brand{height:65px;font-size:18px;line-height:60px}.sidebar-nav > .sidebar-brand a{color:#999}.sidebar-nav > .sidebar-brand a:hover{color:#fff;background:none}@media(min-width:768px){#wrapper{padding-left:0}#wrapper.toggled{padding-left:300px}#sidebar-wrapper{width:300px}#wrapper.toggled #sidebar-wrapper{width:0}#page-content-wrapper{padding:20px;position:relative}#wrapper.toggled #page-content-wrapper{position:relative;margin-right:0}}.sideBarOverlay{position:fixed;background-color:#000;opacity:.75;width:100%;top:0;height:100%;z-index:100}