body { padding-top: 50px; } .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: 20px; overflow-x: hidden; overflow-y: auto; background-color: #f5f5f5; border-right: 1px solid #5e5e5e; min-width: 210px; max-width: 260px; } #navbar-mobile { display: none !important; } } .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: #5e5e5e; } .main { padding: 20px; } @media (min-width: 768px) { .main { padding-right: 40px; padding-left: 40px; } } .main .page-header { margin-top: 0; } .nav-copyright { position: absolute; bottom: 0; width: 100%; color: #b3b3b1; font-size: 0.85em; text-align: center; } .discrete-link { color: inherit; } .navbar-fixed-top { border-bottom: solid; border-color: #5e5e5e; } .navbar-brand { font-weight: bold; letter-spacing: -2px; font-size: 2.2em; } .table td.fit-content, .table th.fit-content { white-space: nowrap; width: 1%; } .dataTables_info, .dataTables_length, .dataTables_filter { font-style: italic; } .timeago-contextual { font-style: italic; font-size: 0.8em; } .disabled, .no-real-button { pointer-events: none; } .warning-bg { background-color: #fcf8e3 !important; } .error-bg { background-color: #f2dede !important; }