/*! 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: 5; 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: 100%; margin: 0; padding:10px 2px; 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-nav .panel-group .panel {margin-bottom: 0;border-radius: 0;background-color: transparent;border:0;}
#sidebar-wrapper .panel-group .panel+.panel{margin-top:3px;border:0;background-color: transparent;box-shadow:none;}
@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;}
}