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