#wrapper{padding-left:0;transition:all .5s ease}
#wrapper.toggled{padding-left:250px}
#sidebar-wrapper{position:fixed;left:-250px;width:250px;top:0;height:100%;background:#444;overflow-y:auto;transition:left .3s ease;z-index:1050}
#wrapper.toggled #sidebar-wrapper{left:0}
.sidebar-nav{position:absolute;top:0;width:250px;margin:0;padding:0;list-style:none;padding-bottom:20px}
.sidebar-nav li{text-indent:20px;line-height:30px}
.sidebar-nav li a{display:block;text-decoration:none;color:#999}
.sidebar-nav li a:hover{text-decoration:none;color:#fff;background:rgba(255,255,255,.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:#999}
.sidebar-nav>.sidebar-brand a:hover{color:#fff;background:0 0}
.titulo_menu_xs{font-size:13px;font-weight:600}
#page-content-wrapper{width:100%;position:relative;padding:15px;z-index:1}
#wrapper.toggled #page-content-wrapper{margin-right:-250px}
@media (min-width:768px){#wrapper{padding-left:250px}
#wrapper.toggled{padding-left:0}
#sidebar-wrapper{width:250px;margin-left:0}
#wrapper.toggled #sidebar-wrapper{width:0;margin-left:-250px}
#page-content-wrapper{padding:20px;position:relative}
#wrapper.toggled #page-content-wrapper{margin-right:0}
}