body {
   padding-top: 46px;
   padding-bottom: 40px;
}

body, .meltdown_preview {
   background-color: #303030;
   color: #a0a0a0;
   font-family: "Open Sans", sans-serif;
   font-size: 14px;
   line-height: 1.5;
}

.meltdown_wrap.fullscreen {
   padding-top: 52px;
}
.meltdown_control-sidebyside {
   display: none;
}

.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-sidenav {
   margin-top: 30px;
   margin-bottom: 30px;
   padding-top: 10px;
   padding-bottom: 10px;
   text-shadow: none;
   background-color: #202020;
   border-radius: 4px;
}

#dokuwiki__aside h4 {
   margin-bottom: 0;
   padding-left: 10px;
}

#dokuwiki__aside ul {
   list-style: none;
   padding-left: 0;
   margin-bottom: 10px;
}

#dokuwiki__aside ul ul {
   padding-left: 20px;
}

#dokuwiki__aside .nav li a {
   display: block;
   padding: 5px 10px;

   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

#dokuwiki__aside .nav li a:hover,
#dokuwiki__aside .nav li a:focus {
   border-bottom: none;
   background-color: #101010;
   border-right: 1px solid #505050;
}

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

.bs-sidebar .nav .nav {
   display: none;
}

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

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

@media (min-width: 768px) and (max-width: 993px) {
   .bs-sidebar {
      margin-top: 50px;
   }
}

@media screen and (max-width: 768px) {
   .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #202020;
   }

   .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
      color: #ffffff;
      background-color: #202020;
   }
}

#dokuwiki__aside {
   float: right;
   position: relative;
   background-color: #202020;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   border-left: 15px solid #303030;
   border-bottom: 15px solid #303030;
   width: 280px;
}

@media screen and (max-width: 768px) {
   #dokuwiki__aside {
      width: 100%;
      margin: 15px 0;
      padding: 0 10px;
      float: none;
      border: none;
   }

   .page {
      padding: 0;
   }
}

@media (min-width: 1700px) {
   #dokuwiki__aside {
      position: fixed;
      top: 50px;
      right: 0;
      bottom: -15px;
      overflow-y: scroll;

      height: auto !important;
      visibility: inherit !important;
   }
}

@media screen and (max-width: 768px) {
   table.columns-plugin {
      border: none;
   }
   table.columns-plugin, table.columns-plugin tbody,
   table.columns-plugin tr, table.columns-plugin td {
      display: block;
      width: 100% !important;
   }
}

@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.svg");
   margin-top: 6px;
}

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

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

.nav > li > a:hover,
.nav > li > a:focus {
   color: #ffffff;
}

.navbar-collapse {
   border-top: 0px none transparent;
   box-shadow: inset 0 0px 0 transparent;
}

.caret {
   margin-left: 8px;
}

.dropdown-menu {
   border: 0px solid transparent;
   -webkit-box-shadow: 0 0px 0px transparent;
   box-shadow: 0 0px 0px transparent;
}

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

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

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
   background-color: #202020;
   color: #ffffff;
   border-bottom: none;
   border-bottom-color: #202020;
}

.dropdown-menu .divider {
   background-color: #282828;
   margin-top: 16px;
   margin-bottom: 16px;
}

.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;
   border-bottom: 1px solid #44aaff;
   text-decoration: none;
}

a:visited {
   border-bottom: none;
   border-bottom-color: #00468c;
}

a:hover, a:focus {
   color: #ffffff;
   border-bottom-color: #ffffff;
   text-decoration: none;
}

a.media, a.navbar-brand {
   border-bottom: none;
}

.navbar>.container a.navbar-brand {
   margin-left: 0;
   width: 40px;
   height: 40px;
}

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 .co0 {
   color: #998899;
}

.code .co4 {
   color: #ff7799;
}

.code .nu0 {
   color: #aa9922;
}

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

.code .kw1,
.code .kw8 {
   color: #aa5533;
}

.code .kw3,
.code .kw7,
.code .sy2 {
   color: #3399ff;
}

.code .kw2,
.code .re2 {
   color: #339944;
}

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

.code .kw5 {
   color: #ffffff;
}

.code .kw6 {
   color: #ff88dd;
}

.code .kw9,
.code .kw10,
.code .kw11,
.code .kw12 {
   color: #aaccff;
}

.code .kw13,
.code .kw14,
.code .kw15,
.code .kw16,
.code .me1,
.code .me2 {
   color: #66aa66;
}

.code .es0 {
   color: #dd9933;
}

.code .es6 {
   color: #66bb88;
}

.code .es5 {
   color: #5599cc;
}

.code .es1,
.code .esHARD {
   color: #dd7711;
}

.code .es2,
.code .es3,
.code .es4 {
   color: #9944cc;
}

.code .re1,
.code .st0,
.code .st_h {
   color: #ff8877;
}

.code .sy1,
.code .co2 {
   color: #66ff55;
}

.code .sy4,
.code .co3 {
   color: #00aaaa;
}

.code .co1,
.code .coMULTI,
.code .sc-1 {
   color: #3355bb;
}

.code .sy3 {
   color: #445599;
}

.code .sc-2 {
   color: #666666;
}

.code .re5 {
   color: #aa6699;
}

.code .re4 {
   color: #00cccc;
}

.code .re3 {
   color: #ff9988;
}

.code .re0 {
   color: #5566ff;
}

.code .me0 {
   color: #448844;
}

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;
   margin-top: 10px;
   margin-bottom: 10px;
   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;
}

/* live preview tweaks for markdown */

.meltdown_wrap.fullscreen {
   padding-top: 52px;
}
.meltdown_control-sidebyside {
   display: none;
}
.dw__editform textarea {
   height: 250px;
}


#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;
   color: #888888;
   margin: 0px 10px 0px 10px;
   padding: 6px 6px 9px 6px;
}

.noteclassic,
.noteimportant,
.notetip,
.notewarning {
   color: #ffffff;
   background-color: #181818;
   width: 90% !important;
   border: 0px;
   margin: 10px auto;
   border-radius: 4px;
   padding: 25px 25px 25px 80px;
}

.noteclassic {
   background-color: #181818;
   background-image: url("/_media/note-classic.svg");
}

.noteimportant {
   background-color: #221a00;
   background-image: url("/_media/note-important.svg");
}

.notetip {
   background-color: #082204;
   background-image: url("/_media/note-tip.svg");
}

.notewarning {
   background-color: #220404;
   background-image: url("/_media/note-warning.svg");
}

table {
   margin-top: 10px;
   margin-bottom: 10px;
}

.news_date {
   font-size: 10px !important;
   font-style: ;
   color: #808080;
}

.news_subtitle {
   font-size: 16px !important;
   font-style: italic;
   color: #aaaaaa;
}

.news_preview {
   font-size: 14px !important;
   font-style: normal;
   line-height: 1.5 !important;
   color: #888888;
   margin: 0;
   padding: 0;
}

.anss_del_img {
   border: 0;
   border-radius: 4px;
   background-color: #202020;
   background-image: url("/lib/tpl/e/images/delete.png");
   background-repeat: no-repeat;
   background-position: center;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   width: 24px;
   height: 24px;
   float: none;
}

.anss_del_img:hover {
   border: 0;
   border-radius: 4px;
   background-color: #606060;
   background-image: url("/lib/tpl/e/images/delete_hov.png") !important;
   background-repeat: no-repeat;
   background-position: center;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-none: 0px;
   width: 24px;
   height: 24px;
   float: none;
}

.anss_edit_img {
   border: 0;
   border-radius: 4px;
   background-color: #202020;
   background-image: url("/lib/tpl/e/images/edit.png");
   background-repeat: no-repeat;
   background-position: center;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-none: 0px;
   width: 24px;
   height: 24px;
   float: none;
}

.anss_edit_img:hover {
   border: 0;
   border-radius: 4px;
   background-color: #606060;
   background-image:url("/lib/tpl/e/images/edit_hov.png") !important;
   background-repeat: no-repeat;
   background-position: center;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-none: 0px;
   width: 24px;
   height: 24px;
   float: none;
}

.news_form_div {
   border: 0px;
   background: transparent;
   width: 100%;
   padding: 0px;
   border-radius: 0px;
   box-shadow: none;
}

table.columns-plugin {
   border: none;
}

table.columns-plugin td {
   vertical-align: top;
   border: none;
   padding: 15px;
}

#ircbubble {
   background-color: #181818;
   border-radius: 10px;
   padding: 10px;
   right: 10px;
   bottom: 90px;
   position: fixed;
   z-index: 9998;
   transform-origin: bottom;
   transform: scale(1);
}

#ircbutton {
   background-color: #181818;
   right: 10px;
   bottom: 10px;
   position: fixed;
   z-index: 9997;
   transform-origin: bottom;
   transform: scale(1);
   border-radius: 30px;
   width: 120px;
   height: 60px;
}

@media screen and (max-width: 768px) {
   /* If we are trying to launch kiwi-irc on mobile use the whole window... */
   #ircbubble {
      top: 46px;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: auto;
      z-index: 100;
   }

   #ircbubble iframe {
      width: 100% !important;
      height: 100% !important;
   }

   #ircbutton {
      top: -20px;
      bottom: auto;
      right: 40px;
      transform: scale(0.5);
   }
}