/*! Start Bootstrap - Simple Sidebar (http://startbootstrap.com/) */

body{overflow-x: hidden;}
#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: 4; position: fixed; left: 250px; width: 0; height: calc(100% - 163px); margin-left: -250px; overflow: hidden; background: #000; -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%;}
#wrapper.toggled #page-content-wrapper{position: absolute; margin-right: -250px;}
.sidebar-nav{position: absolute; top: 0; width: 250px; margin: 0; padding: 0 1px; list-style: none;}
.sidebar-nav li{text-indent: 20px; line-height: 40px;}
.sidebar-nav li a{display: block; text-decoration: none; color: #c0c0c0;}
.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: #c0c0c0;}
.sidebar-nav > .sidebar-brand a:hover{color: #fff; background: none;}
#sidebar-wrapper .panel-group .panel+.panel{margin-top:3px;}
@media(min-width:768px) {
#wrapper{padding-left: 250px;}
#wrapper.toggled{padding-left: 0;}
#sidebar-wrapper{width: 250px;}
#wrapper.toggled #sidebar-wrapper{width: 0;}
#page-content-wrapper{padding: 20px;}
#wrapper.toggled #page-content-wrapper{position: relative; margin-right: 0;}
}