.sub-header {  padding-bottom: 10px;  border-bottom: 1px solid #eee;}
.navbar-fixed-top {  border: 0;}
.sidebar {display: none;}
@media (min-width: 768px) {
.sidebar {
position: fixed;
top: 51px;
bottom: 0;
left: 0;
z-index: 1000;
display: block;
padding: 0px;
overflow-x: hidden;
overflow-y: hidden;
background-color: #F8F8F8;
border-right: 1px solid #eee;
width:150px;
padding-left:5px;
padding-top:10px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
opacity:0.3;
}
.sidebar:hover {width:230px;padding: 20px;opacity:1;}
}
.nav-sidebar {margin-right: -21px;margin-bottom: 20px;margin-left: -20px;}
.nav-sidebar > li > a {padding-right: 20px;padding-left: 20px;}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {color: #fff;background-color: #428bca;}
.main {padding: 20px;padding-top:70px;}
@media (min-width: 768px) {
.main {padding-right: 40px;padding-left: 40px;}}
.main .page-header {margin-top: 0;}
.placeholders {margin-bottom: 30px;text-align: center;}
.placeholders h4 {margin-bottom: 0;}
.placeholder {margin-bottom: 20px;}
.placeholder img {display: inline-block;border-radius: 50%;}