#main{background:#fff;padding-left:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}#main.toggled #sidebar{left: 0;}#main #sidebar{ padding:0px 20px;z-index:1000;top:0px;position:fixed;left:-1000px;width:100%;height:100%;overflow-y:auto;background:#fff;color:#000;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}#main #sidebar .sidebar-nav{position:absolute;top:0;width:250px;margin:0;padding:0;list-style:none}#main #sidebar .sidebar-nav li{text-indent:20px;line-height:40px}#main #sidebar .sidebar-nav li.sidebar-brand{font-size:1.5rem;padding-top:10px}#main #sidebar .sidebar-nav li a{display:block;text-decoration:none;color:#fff}#main #sidebar .sidebar-nav li a .badge{display:inline;margin-left:5px}#main #sidebar .sidebar-nav li a:hover{text-decoration:none;color:#fff;background:rgba(255,255,255,.2)}#main #sidebar .sidebar-nav li a:active,#main #sidebar .sidebar-nav li a:focus{text-decoration:none}#main #page-content{width:100%;padding:15px;overflow:auto}@media (min-width:768px){#main{padding-left:0}#main .toggled{padding-left:250px}#main .toggled #sidebar{width:250px}#main .toggled #page-content{position:relative;margin-right:0}#main #sidebar{width:0}#main #page-content{padding:20px;position:relative;padding:5rem 0}}