#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:300px;}#sidebar-wrapper{z-index:1000;position:fixed;left:300px;width:0;height:100%;margin-left:-300px;overflow-y:auto;background:#fff;-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:300px;}#page-content-wrapper{width:100%;padding:15px;}#wrapper.toggled #page-content-wrapper{position:absolute;margin-right:-300px;}.sidebar-nav{position:absolute;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:#000000;}.sidebar-nav li a:hover{text-decoration:none;color:#0000ff;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:#000;}.sidebar-nav>.sidebar-brand a:hover{color:#0000ff;background:none;}@media(min-width:768px) {
    #wrapper {
        padding-left: 300px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 300px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}