#main-body {
margin-top: 56px;
}

#main-body h1 {
font-size: 26px;
margin-bottom: 28px;
}

#main-body h2 {
font-size: 20px;
}

#sidebar h4 {
font-size: 18px;
font-weight: bold;
}

#sidebar ol, #sidebar ul { margin-top: 0; }
#sidebar > h3 { display: block; margin: 0; padding: 0 15px; height: 40px; line-height: 40px; background-color: #e6e6e6; color: #7d99a3; font-size: 15px; font-weight: 400; }
#sidebar ul { padding: 0; list-style: none; }
#sidebar ul li { }
#sidebar ul li a { outline: 0; display: block; margin: 0; padding: 12px 15px; border-bottom: 1px solid #e6e6e6; color: #0092c0; font-size: 14px; text-decoration: none; }
#sidebar ul li:last-child a { border-bottom: none; }
#sidebar ul li a:hover { color: #3f7aa9; }
#sidebar ul li.active { }
#sidebar ul li.active a, #sidebar ul li.active a:hover { outline: 0; font-weight: bold; }

#sidebar { position: relative; margin-top: -12px; }
.sidebar-toggle { outline: 0; position: absolute; right: 27px; top: 12px; background: url('images/glyphicons-halflings.png') no-repeat -286px -119px; width: 16px; height: 16px; display: none; visibility: hidden; }
.sidebar-toggle:focus, .sidebar-toggle:active { outline: 0; }
#sidebar .sidebar-toggle, #sidebar.expanded .sidebar-toggle { background-position: -286px -119px; }
#sidebar.collapsed .sidebar-toggle { background-position: -311px -119px; }
@media only screen and (max-width: 992px) {
.sidebar-toggle { display: block; visibility: visible; }
}
@media only screen and (max-width: 767px) {
#sidebar { margin-top: 28px; }
#sidebar ul li a { border-bottom: 0; }
}
@media only screen and (min-width: 992px) {
#sidebar ul { display: block!important; visibility: visible!important; }
}