:root {
    --background-fade: #1d1f21;
    --background-color: #1d1f21;
    --primary-medium: #1d1f21;
}

html, body {
    background-color: #1d1f21;
    background-color: var(--background-color);
    background-image: none;
    color: #C5C8C6;
}
main {
    padding: 0;
}
main:not(.board-index) {
    margin: 3em 0 0 0;
}
a.catalog-open {background-color:transparent;}
a, a:link, a:visited {
    color: #81a2be;
}
a:hover {
    color: white;
}
button, a.button {
    border-color: #D9BFB7 !important;
    color: #81a2be;
    background:none;
}
button:hover, a.button:hover {
    background: #81a2be!important;
    color: #FFFFFF!important;
}
button:disabled, a.button.disabled {
    background: #282A2E none repeat scroll 0% 0% !important;
    border-color: black !important;
}
#boardlist table.board-list-table .board-uri .board-sfw {
    color: #81a2be;
}
#boardlist table.board-list-table tr.board-list-omitted #board-list-more.board-list-hasmore {
    color:#C5C8C6;
}
#boardlist #search-form .box-title {
    color: #C5C8C6;
}
/* navig */
header nav.gnav {
    background: #1d1f21;
    color:#eee;
    border-color: #444;
}
header nav.gnav .flyout-container {
    background: #1d1f21;
    color:#aaa;
    border-color: #555;
}
nav.gnav .flyout-header {
    border-color: #555;
}
nav.gnav .flyout-col {
    border-color: #555;
}
header nav.boardlist {
    background: #1d1f21;
    color:#ddd;
}
nav.gnav li.gnav-item .gnav-link{
    color:#81a2be;
}
nav.gnav li.gnav-item .gnav-link:hover{
    color:#FFF;
}
li.flyout-item:hover{
    background:#81a2be!important;
}
/* Header */
figure.page-head {
    margin: 3em auto 1em auto;
    max-width: 480px;
}
h1.page-title {
    font-family: Tahoma, sans-serif;
    font-size: 20pt;
    color: #C5C8C6;
    font-weight: bold;
    letter-spacing: -2px;
}
.board-favorite.fa {
    padding-left: 5px;
}
h2.page-desc {
    color: #C5C8C6;
    font-size: 11px;
    margin-top: -2px;
}
/**/

/* Navigation Buttons */
main.board-index .pagination-buttons {
    float: none;
    margin: 0;
    text-align: center;
}
main.board-index div.pagination-buttons .pagination-button {
    background: none;
    float:left;
}
a.button.pagination-button + a.button.pagination-button {
    margin-left: 5px;
}
ul.pagination-pages {
    float: left;
    margin: 0;
}
a.pagination-link {
    padding: 4px 0;
}
/* Post form */
form.form-post {
    margin-bottom: 1em;
    background: #81A2BE;
}
html.js form.form-post .post-menu {
    margin: 0;
    padding: 2px 2px 0 0;
}
html.js body.responsive main.index-threaded form.form-post .form-legend {
    background: #81A2BE!important;
    border-bottom: 1px solid #222;
    box-sizing: border-box;
    color: #222;
    text-indent: 4px;
    line-height: 21px;
    font-size: 13px;
    padding: 0;
}
html.js form.form-post .ui-draggable-handle {
    cursor: move !important;
}
html.js body.responsive main.index-threaded form.form-post .form-fields{
    border-bottom: none;
}
html.js body.responsive main.index-threaded form.form-post .field-control {
    border-bottom: 1px solid #1D1F21;
}
.field-control {
    background: #282A2E;
    border: 1px solid #1D1F21;
    margin: 1px 0;
    padding: 1px 4px;
    color: white;
}
html.js body.responsive main.index-threaded form.form-post .row-post {
    background: #282A2E;
    border-bottom: 1px solid #1D1F21;
    border: 1px solid #1D1F21;
}
form.form-post .ui-resizable-handle {
    opacity: 0.4;
    background-image: url("https://16chan.nl/static/img/backgrounds/ui-icons_FFFFFF_256x240.png");
}
html body.responsive main.index-threaded form.form-post .row-file .dz-container {
    border: 1px solid #CCC !important;
    border-bottom: 1px solid darkgrey !important;
    margin-top: 1px;
}
.dz-container .dz-preview {
    min-height: 99px;
    max-height: 99px;
    width: 99px;
    max-width: 99px;
}
form.form-post button.field-submit, div.row-file {
    border: 1px solid #CCCCCC;
    border-bottom: 1px solid darkgrey !important;
    margin-top: 1px;
    background: #1d1f21 !important;
    color: #C5C8C6 !important;
}
form.form-post:hover button.field-submit:hover, div.row-file:hover {
    background: #282A2E !important;
    color: #C5C8C6 !important;
}
form.form-post select.field-capcode {
    border: 1px solid #1D1F21;
    height: 26px;
}
form.form-post .row-double #flag {
    width: calc(40% - 1px);
}
select.field-control.field-flag {
    height: initial;
    padding: 2px;
    margin: 0 0 0 1px;
}

form.form-post .row-post {
    background: #282A2E none repeat scroll 0% 0%;
    border: 1px solid #CCC;
    position: relative;
}
/**/

/* Page Layout */
body.responsive .index-threaded {
    margin: 0;
}
section.index-threads {
    margin: 0;
    min-height: initial;
}
ul.thread-list {
    padding: 0;
    margin: 0 15px;
}
body.responsive .index-threaded .thread-item {
    border-top: 1px solid #282a2e;
}
body.responsive .thread-item {
    clear: both;
}
body.responsive .index-threaded.mode-reply section.index-threads .thread {
    padding: 7px 0 7px 0;
}
body.responsive .index-threaded.mode-index section.index-threads .thread {
    padding: 7px 0;
    clear: both;
}
ul.thread-replies {
    display: inline;
}
#autoupdater {
    clear: both;
}
#site-warning {
    text-shadow: 1px 1px 0 black;
}
.infobox {
    background: #282a2e;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.infobox .infobox-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    color: #C5C8C6;
}
.smooth-box {
    background: #282a2e;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: none;
}
#frontpage #site-recent-posts .recent-post-link {
    background-image: linear-gradient(to bottom, transparent 0%, #282a2e 100%);
}
#site-featured-post .post-content {
    padding: 5px 15px;
}
#site-recent-posts .recent-post .post {
    border-bottom: none;
}
#site-recent-posts .recent-post-link.recent-post-op {
    border-top: 0.25em solid #81A2BE;
}
#site-recent-posts .recent-post:hover {
    background-color: #1d1f21!important;
}
#site-recent-posts .recent-post:hover .recent-post-link {
    background-image: linear-gradient( to bottom, transparent 0%, #1d1f21 100% )!important;
}
#site-recent-images .recent-images {
    text-align: center;
    font-size: 0;
    background: #282a2e !important;
}
#search-form .box-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    color: #C5C8C6;
}
#search-title-input{
    background: #282A2E;
    color: #FFF;
}
#search-lang-input{
    background: #282A2E;
    color: #FFF;
}
#search-tag-input{
    background: #282A2E;
    color: #FFF;
}
table.board-list-table .board-uri .board-sfw {
    color: #C5C8C6;
}
tr.board-list-omitted #board-list-more.board-list-hasmore {
    cursor: pointer;
    display: block;
    color: #C5C8C6;
}
/**/

/* Post Layout */
main.index-threaded .thread-item:first-child {
	border-top: none !important;
}
main.index-threaded .thread-item {
    border-bottom: 2px solid #282a2e;
}
.post-container {
    background: #282a2e !important;
    border: none !important;
    box-sizing: border-box;
}
.post-container.has-file {
    min-width: 40%;
}
.post-container.post-hover {
    border-top: 1px solid #B7C5D9;
    border-left: 1px solid #B7C5D9;
    border-right: 1px solid rgba(52, 52, 92, 0.30);
    border-bottom: 1px solid rgba(52, 52, 92, 0.30);
    box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.2);
}
.post-hover .post-content {
    background: #282a2e !important;
    border: none;
}
.op-container.post-hover {
    padding: 7px 10px;
}
.post-content::after {
    display: inline;
}
.op-container .post-content-wrapper {
    overflow: hidden;
    display: inline;
}
main.index-threaded .post-container.op-container {
    border: none;
    width: 100%;
}
.op-container, .op-container ul.post-attachments.attachments-multi {
    background: #1d1f21 !important;
    display: inline;
}
.reply {
    display: flex;
    padding: 2px 0;
    margin: 0;
}
.reply::before {
    display: none;
}
.insecure-tripcode {
    color: #228854;
}
.post-detail-item.capcode {
    color: #F00;
    font-weight: normal;
    background-color: #000;
    padding: 2px 5px;
    border-radius: 10px;
}
div.post-action-tab.action-tab-actions {
    border: none;
    margin-right: 2px;
    vertical-align: top;
    font-size: 13px;
    line-height: 1.3em;
    cursor: pointer;
}
.post-action-tab.action-tab-reply {
    display: none;
}
ul.post-actions {
    display: block;
}
ul.post-action-groups, .post-action-label.post-action-open {
    font-size: 11px;
}
li.post-action-group {
    border: 1px solid #B7C5D9;
    background: #282a2e;
}
li.post-action {
    border-bottom: 1px solid #B7C5D9;
}
a.post-action-link {
    padding: 1px 5px;
}
.post-details {
    font-size: 13px;
    padding: 7px 10px;
    line-height: 1.5em;
}
.op-container ul.post-details {
    padding: 0 5px 5px 0;
}
.post-detail-item.capcode {
    color: #F00;
    font-weight: normal;
}
img.asset-board_flags {
    vertical-align: text-top;
}
li.post-country {
    margin-top: -3px;
}
li.post-detail.detail-cites {
    font-size: 12px;
}
.subject {
    color: #b294bb;
}
.author, .author-you {
    color: #C5C8C6 !important;
}
.author-you {
    font-style: italic;
    font-weight: normal;
    opacity: .666;
}
.post-no, .post-reply {
    color: #C5C8C6 !important;
}
.post-no:hover, .post-reply:hover {
    color: #FFF !important;
}
div.attachment-wrapper {
    width: auto;
    height: auto;
    line-height: inherit;
}
li.post-attachment {
   padding: 0 1em 5px 2px;
   display: inline-block;
}

/*Fix for Code Blocks, STOP BURNING MY RETINAS!*/

.hljs {
    background: #282A2E;
    color: #C5C8C6;
}
.hljs-tag {
    color: #C5C8C6;
}
.actions {
    background-color: #333;
}

/*Fix attachment scrollbars*/
ul.post-attachments {
    overflow: hidden !important;
}
ul.post-attachments.attachments-multi {
    display: block;
    float: none;
    background: #282a2e !important;
}
main.index-threaded .reply-container ul.post-attachments.attachments-multi {
    background: none;
    padding: 0 10px;
}
html a.attachment-link img.attachment-type-video {
    border-width: 0;
}
figcaption.attachment-details {
    margin-top: 3px;
}
p.attachment-detail {
    height: 1.2em;
    line-height: 1.2em;
    color: rgba(255, 255, 255, 0.75);
}
a.attachment-download {
    margin-top: 1px;
}
body.responsive .index-threaded section.index-threads .post {
    max-width: none;
    word-wrap: break-word;
}
blockquote.ugc {
    padding-right: 2em;
    padding-bottom: 0.8em;
    margin-left: 2.2em;
}
blockquote.ugc blockquote {
    margin: 0;
    color: #adbd68;
}
blockquote.ugc blockquote.spoiler {
    display: inline-block;
}
blockquote.ugc a.cite {
    color: #81a2be;
}
blockquote.ugc a:hover, blockquote.ugc a.cite:hover {
    color: #FFF;
}
h1 {
    margin: 0;
}
blockquote.ugc h1, blockquote.ugc h2, blockquote.ugc h3, blockquote.ugc h4, blockquote.ugc h5, blockquote.ugc h6 {
	color: #AF0A0F !important;
	padding: 0;
}
ul.post-metas {
    border: none;
    margin: 0;
}
li.post-meta.meta-updated_by {
    display: block;
    color: #C5C8C6;
}
span.post-action-label {
    color: #81a2be;
}
a.post-action-link:hover {
    color: white;
    background: #81a2be;
}
/* Footer */
footer nav.pagination, nav.pagination-automatic {
    border-bottom: 1px solid #101112;
    border-right: 1px solid #101112;
    border-top: 1px solid transparent;
}
button:disabled, a.button.disabled {
    background: #282A2E none repeat scroll 0% 0%;
    border: 1px solid #000;
    color: #C5C8C6;
    cursor: default;
}
button:disabled:hover, a.button.disabled:hover {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid #444;
    color: #555;
}
ul.pagination-pages::before, ul.pagination-pages::after, li.pagination-page::after,
    ul.boardlist-category::before, ul.boardlist-category::after, li.boardlist-item,
    li.boardlist-category::before, li.boardlist-category::after {
    padding: 3px 0;
    color: #C5C8C6 !important;
    opacity: initial !important;
}
li.pagination-page::after {
    content: "] [";
}
footer nav.boardlist {
    background: none;
    color: #81a2be;
    padding: 5px 0;
}
footer nav.boardlist .boardlist-link {
    color: #81a2be;
}
footer nav.boardlist .boardlist-link:hover {
    color: #FFF;
}
#footnotes {
    background: none;
    color: #C5C8C6;
    font-size: 11px;
    padding: 0;
}
#footnotes .agpl-compliance {
    color: #81a2be;
    text-decoration: none;
}
#footnotes .agpl-compliance:hover {
    color: #FFF;
    text-decoration: none;
}
nav.boardlist .boardlist-row li.boardlist-category:nth-of-type(2) {
    display: none;
}
/**/

@media (min-height: 480px) and (min-width: 1028px) {
    html.js body.responsive main.index-threaded .thread {
        padding-right: 0;
    }
}
/**/
@media (max-width: 480px) {
    .post-container {
        min-width: 100%;
        display: block;
    }
    .post-details {
        margin: 0 0 5px 0;
    }
    .reply {
        width: 100%;
    }
    ul.thread-list {
        margin: 0 10px;
    }
    nav.gnav {
        display: block;
        text-align: center;
    }
    header nav.boardlist {
        display: none;
    }
    main.board-index nav.pagination {
        margin: 0 10px;
    }
    main.board-index div.pagination-buttons .pagination-button {
        font-size: 125%;
    }
    figure.page-head {
        margin: 2em auto 1em auto;
    }
    .board-index form.form-post .row-captcha input#captcha {
        font-size: 22px;
    }
    footer nav.pagination, nav.pagination-automatic {
        display: block;
    }
    footer .pagination-buttons.buttons-pages {
        float: none;
        text-align: center;
    }
    #instantclick-bar {
        display: none;
    }
}

#instantclick-bar {
    background: #81a2be;
    margin-top: 16px;
    height: 1px !important;
}

/* options panel */
#js-config {
    background: #1d1f21;
    color: #C5C8C6;

}
#js-config .config-title {
    color: #C5C8C6;
    text-shadow: 0px 1px 0px #000;
    border-bottom: 1px solid #000;
    background: #1d1f21;
}
#js-config .config-cell.cell-nav {
    border-right: 1px solid #444;
}
#js-config .config-nav-item {
    border-bottom: 1px solid #444;
}
#js-config .config-nav-item:hover, #js-config .config-nav-active {
    background: #81a2be!important;
    color: #FFFFFF!important;
}
#js-config .config-option {
    background: #282A2E;
    color: #FFF;
}
/*Panel*/
nav.cp-inner a.linkitem-name {
    display: inline-block;
    cursor: pointer;
    background: transparent none repeat scroll 0% 0%;
    border: 1px solid #E0E0E0;
    border-radius: 5px 5px 0px 0px;
    outline: 0px none;
    padding: 0px 1em;
    margin: 0px -1px -1px 0px;
    color: #C5C8C6;
    text-decoration: none;
    line-height: 22px;
    height: 22px;
    white-space: nowrap;
    word-wrap: normal;
}
nav.cp-side a.linkitem-name-createboard {
    color: #C5C8C6;
    font-size: 18px;
    padding: 0.2em 0px;
}
nav.cp-side a.linkgroup-name, nav.cp-side a.linkitem-name {
    color: #C5C8C6;
    display: block;
    padding: 0.2em 0px;
}
nav.cp-inner a.linkitem-name.linkitem-active {
	background: #81a2be;
    color: #FFF;
}
main.cp .filterlist-item:hover .filterlist-primary {
	background: #1d1f21;
}
#config-page textarea {
    background: #282A2E;
    border: 1px solid #1D1F21;
    margin: 1px 0;
    padding: 1px 4px;
    color: white;
}