body {
   padding-top: 46px;
   padding-bottom: 40px;
   background-color: #303030;
   color: #888888;
   font-family: "Open Sans", sans-serif;
   font-size: 14px;
   line-height: 1.5;
}

.col-md-11 {
   width: 100%;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
   font-family: "Open Sans", sans-serif;
   font-weight: 500;
   line-height: 1.1;
   color: inherit;
}

.page h1,
.page h2,
.page h3,
.page h4,
.page h5 {
   padding-top: 72px;
   margin-top: -52px;
}

.page {
   padding: 15px 0;
}

.bs-sidebar {
   padding-top: 15px;
   position: fixed;
}

.bs-sidenav {
   margin-top: 30px;
   margin-bottom: 30px;
   padding-top: 10px;
   padding-bottom: 10px;
   text-shadow: none;
   background-color: #202020;
   border-radius: 4px;
}

.bs-sidebar .nav > li > a {
   display: block;
   padding: 5px 20px;
}

.bs-sidebar .nav > li > a:hover,
.bs-sidebar .nav > li > a:focus {
   text-decoration: none;
   background-color: #202020;
   border-right: 1px solid #505050;
}

.bs-sidebar .nav > .active > a,
.bs-sidebar .nav > .active:hover > a,
.bs-sidebar .nav > .active:focus > a {
   font-weight: bold;
   background-color: transparent;
   border-right: 1px;
}

.bs-sidebar .nav .nav {
   display: none;
   margin-bottom: 8px;
}

.bs-sidebar .nav .nav > li > a {
   padding-top:    3px;
   padding-bottom: 3px;
   padding-left: 30px;
   font-size: 90%;
}

.bs-sidebar .nav > .active > ul {
   display: block;
}

@media screen and (max-width: 993px) {
   .bs-sidebar {
      display: none;
   }
}

@media (min-width: 768px) and (max-width: 993px) {
    .page {
        padding: 60px 0;
    }
}

.text-right {
   text-align: right;
}

.navbar-header {
   width: 40px;
   height: 40px;
   background: url("/lib/tpl/e/images/logo.png");
   margin-top: 6px;
}

.navbar-inverse {
   border: 0px;
   background-color: #282828;
}

.nav > li > a {
   padding-left: 6px;
   padding-right: 6px;
   text-shadow: none;
}

.nav > li > a:hover,
.nav > li > a:focus {
   text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
}

.navbar-nav > li > .dropdown-menu {
   background-color: #000000;
   color: #bbbbbb;
}

.dropdown-menu > li > a {
   color: #bbbbbb;
   text-shadow: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
   background-color: #202020;
   color: #ffffff;
   text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
}

.dropdown-menu .divider {
   background-color: #606060;
}

.btn-default {
   border: 0px;
   background-color: #a0a0a0;
   padding: 8px;
   margin: 0px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active {
   border: 0px;
   background-color: #ffffff;
   padding: 8px;
   margin: 0px;
}

hr {
   border-color: #404040;
}

.page h1, .page h1:hover,
.page h2, .page h2:hover,
.page h3, .page h3:hover,
.page h4, .page h4:hover,
.page h5, .page h5:hover {
   color: #ffffff;
}

a {
   color: #44aaff;
/* why do some people not like a subtle glow? */
   text-shadow: 0px 0px 10px rgba(51, 153, 255, 0.5);
}

a:visited {
   color: #2288ee;
}

a:hover {
   color: #ffffff;
}

a:focus {
   color: #ffffff;
}

abbr[title],
abbr[data-original-title] {
   border-bottom: 1px solid #404040;
}

img.medialeft {
   margin-right: 40px;
   margin-top: 20px;
   margin-bottom: 20px;
}

img.mediacenter {
   margin-top: 20px;
   margin-bottom: 20px;
}

img.mediaright {
   margin-left: 40px;
   margin-top: 20px;
   margin-bottom: 20px;
}

table {
   border: #404040 1px solid;
}

th {
   color: #ffffff;
   background-color: #404040;
   border: #484848 1px solid;
   padding: 4px;
}

td {
   border: #404040 1px solid;
   padding: 4px;
}

.text-right {
   font-size: 9px;
   color: #606060;
}

pre {
   color: #bbbbbb;
   background-color: #202020;
   border: 0px;
}

code {
   color: #bbbbbb;
   background-color: #202020;
}

.code .nu0 {
   color: #aa9922;
}

.code .br0,
.code .sy0 {
   color: #aa66aa;
}

.code .kw1 {
   color: #aa5533;
}

.code .kw2 {
   color: #339944;
}

.code .kw4 {
   color: #4488cc;
}

.code .kw3 {
   color: #3399ff;
}

.code .kw5 {
   color: #ffffff;
}

.code .es0 {
   color: #dd9933;
}

.code .es1 {
   color: #dd7711;
}

legend {
   color: #ffffff;
   border-bottom: 1px #666666 solid;
}

blockquote {
padding: 10px;
   border-left: 4px solid #404040;
}

.search_results {
   background-color: #202020;
   padding: 20px;
   border-radius: 4px;
}

dt {
   padding-top: 10px;
   border-bottom: 0px;
   color: #808080;
}

dd {
   color: #505050;
}

.dd {
   color: #606060;
   margin-left: 40px;
   background-color: #202020;
   border-radius: 4px;
   padding: 6px;
}

button,
html
input[type="button"],
input[type="reset"],
input[type="submit"] {
   color: #888888;
   background-color: #202020;
   border: 0px;
   margin: 2px;
   border-radius: 4px;
   padding: 6px;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
   color: #ffffff;
   background-color: #606060;
   border: 0px;
   margin: 2px;
   border-radius: 4px;
   padding: 6px;
}

textarea, input {
   color: #888888;
   background-color: #202020;
   border: 0px;
   margin: 2px;
   border-radius: 4px;
   padding: 6px;
}

textarea {
   font-family: "Source Code Pro", mono;
}

#config__manager tr .input,
#config__manager tr input,
#config__manager tr textarea,
#config__manager tr select {
   color: #888888;
   background-color: #202020;
   border: 0px;
   margin: 2px;
   border-radius: 4px;
   padding: 6px;
}

#config__manager tr.default .input,
#config__manager tr.default input,
#config__manager tr.default textarea,
#config__manager tr.default select,
#config__manager .selectiondefault {
   color: #aabbcc;
   background-color: #405060;
   border: 0px;
   margin: 2px;
   border-radius: 4px;
   padding: 6px;
}

.panel {
   background-color: #202020;
   border: 0px;
   margin: 2px;
   border-radius: 4px;
   padding: 6px;
}

.navbar-toggle,
.navbar-toggle:hover,
.navbar-toggle:active,
.navbar-toggle:focus {
   float: right;
   position: fixed;
   top: 10px;
   right: 10px;
   border: 0px;
   margin: 2px;
   padding: 6px;
   border-radius: 4px;
}

.navbar-collapse {
   max-height: 600px;
}

.navbar-form {
   border: 0px;
   box-shadow: none;
}


div .comment_head {
   color: #aaaaaa;
   background-color: #101010;
   border-radius: 4px;
   padding: 6px;
}

div .comment_body {
   background-color: #282828;
   border-radius: 4px;
   padding: 6px;
}

div .comment_buttons {
   display: inline-block;
   width: 100%;
   padding-bottom: 20px;
}

.comment_buttons * {
   display: inline-block;
}

.pull-right {
    float: initial !important;
}

input#qsearch__in {
   background-color: #101010;
}
