body{overflow-x:hidden;background:#f5f7fb;}
#sidebar{width:250px;height:100vh;position:fixed;left:0;top:0;background:#111;color:#fff;transition:.3s;z-index:1000;}
#sidebar.collapsed{width:70px;}
#sidebar.collapsed span{display:none;}
#main{margin-left:70px;transition:.3s;}
#sidebar:not(.collapsed)~#main{margin-left:250px;}
@media(max-width:768px){
#sidebar{left:-250px;}
#sidebar.active{left:0;}
#main{margin-left:0;}
}
#overlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;z-index:999;}
#overlay.show{display:block;}
.navbar{z-index:1001;}
.container-fluid,.content{padding:15px;}
.row{margin-bottom:15px;}
.card{margin-bottom:15px;}