:root {
    --corebb-page-bg: #ffffff;
    --corebb-page-text: #000000;
    --corebb-menu-bg: #cccccc;
    --corebb-menu-text: #000000;
    --corebb-menu-link: #000000;
    --corebb-menu-alt: maroon;
    --corebb-column-bg: #666666;
    --corebb-column-text: #ffffff;
    --corebb-column-link: orange;
    --corebb-category-link: orange;
    --corebb-category-toggle: #c9ad63;
    --corebb-row-a-bg: #b1b3bc;
    --corebb-row-b-bg: #c1c2c9;
    --corebb-row-text: #000000;
    --corebb-link: #0000cc;
    --corebb-link-visited: #551a8b;
    --corebb-username-link: #0000cc;
    --corebb-muted-text: #666666;
    --corebb-note-text: maroon;
    --corebb-signature-text: #333333;
    --corebb-input-bg: #ffffff;
    --corebb-input-text: #000000;
    --corebb-button-bg: #d7d7d7;
    --corebb-button-hover-bg: #eeeeee;
    --corebb-button-border-light: #ffffff;
    --corebb-button-border-dark: #666666;
    --corebb-debug-label-bg: beige;
    --corebb-debug-value-bg: lightblue;
    --corebb-divider: #777777;
    --corebb-code-bg: #dddddd;
    --corebb-code-text: #000000;
    --corebb-radius-subtle: 3px;
}

html.corebb-dark-mode body.wb-vn-eol {
    --corebb-page-bg: #17191c;
    --corebb-page-text: #b9c1ca;
    --corebb-menu-bg: #1f2225;
    --corebb-menu-text: #b9c1ca;
    --corebb-menu-link: #aeb8c3;
    --corebb-menu-alt: #d7b95f;
    --corebb-column-bg: #292d31;
    --corebb-column-text: #cbd3dc;
    --corebb-column-link: #dcc36f;
    --corebb-category-link: #b0a0bd;
    --corebb-category-toggle: #c9ad63;
    --corebb-row-a-bg: #202326;
    --corebb-row-b-bg: #24272b;
    --corebb-row-text: #b9c1ca;
    --corebb-link: #7fa6d6;
    --corebb-link-visited: #b396c9;
    --corebb-username-link: #8faec5;
    --corebb-muted-text: #828c96;
    --corebb-note-text: #c98f7d;
    --corebb-signature-text: #929ba5;
    --corebb-input-bg: #202326;
    --corebb-input-text: #b9c1ca;
    --corebb-button-bg: #2b3035;
    --corebb-button-hover-bg: #343940;
    --corebb-button-border-light: #545b63;
    --corebb-button-border-dark: #151719;
    --corebb-debug-label-bg: #2b2923;
    --corebb-debug-value-bg: #22303a;
    --corebb-divider: rgba(255, 255, 255, .08);
    --corebb-code-bg: #202326;
    --corebb-code-text: #b9c1ca;
    --corebb-radius-subtle: 4px;
}

body.wb-admin-body {
    --corebb-page-bg: #ffffff;
    --corebb-page-text: #000000;
    --corebb-menu-bg: #666666;
    --corebb-menu-text: #ffffff;
    --corebb-menu-link: #ffffff;
    --corebb-menu-alt: #ffff00;
    --corebb-column-bg: #999999;
    --corebb-column-text: #ffffff;
    --corebb-column-link: #ffffff;
    --corebb-category-link: #ffffff;
    --corebb-category-toggle: #ffffff;
    --corebb-row-a-bg: #b1b3bc;
    --corebb-row-b-bg: #c1c2c9;
    --corebb-row-text: #000000;
    --corebb-link: #0000cc;
    --corebb-link-visited: #551a8b;
    --corebb-username-link: #000099;
    --corebb-muted-text: #000000;
    --corebb-note-text: maroon;
    --corebb-signature-text: #333333;
    --corebb-input-bg: #ffffff;
    --corebb-input-text: #000000;
    --corebb-button-bg: #d7d7d7;
    --corebb-button-hover-bg: #eeeeee;
    --corebb-button-border-light: #ffffff;
    --corebb-button-border-dark: #666666;
    --corebb-debug-label-bg: beige;
    --corebb-debug-value-bg: lightblue;
    --corebb-divider: #777777;
    --corebb-code-bg: #dddddd;
    --corebb-code-text: #000000;
    --corebb-radius-subtle: 0;
    color-scheme: light;
}

html.corebb-dark-mode body.wb-vn-eol {
    color-scheme: dark;
}

html,
body {
    background-color: var(--corebb-page-bg);
    color: var(--corebb-page-text);
}

body.wb-classic-body,
body.wb-vn-eol,
body.wb-admin-body {
    color: var(--corebb-page-text);
}

.MainTable {
    background-color: var(--corebb-page-bg);
    color: var(--corebb-page-text);
}

.MainMenuRow {
    background-color: var(--corebb-menu-bg);
    border-radius: var(--corebb-radius-subtle);
    color: var(--corebb-menu-text);
}

.MainMenuRowAlt {
    color: var(--corebb-menu-alt);
}

.MainMenuFont,
.SmallText,
.BoldText,
.InputSection,
.RegisterMain,
.RegisterSub,
.RegSubTxt,
.mailcenter {
    color: var(--corebb-menu-text);
}

.MainMenuLink {
    color: var(--corebb-menu-link);
}

.BoardColumn {
    background-color: var(--corebb-column-bg);
    border-radius: var(--corebb-radius-subtle);
    color: var(--corebb-column-text);
}

.BoardColumnLink {
    color: var(--corebb-column-link);
}

.BoardCategoryLink {
    color: var(--corebb-category-link);
}

.BoardCategoryToggle {
    color: var(--corebb-category-toggle);
    display: inline-block;
    font-size: .85em;
    font-weight: bold;
    text-decoration: none;
}

.BoardColumnStat {
    color: var(--corebb-column-text);
}

.BoardRowA,
.PrivMsgListRowA {
    background-color: var(--corebb-row-a-bg);
    border-radius: var(--corebb-radius-subtle);
    color: var(--corebb-row-text);
}

.BoardRowB {
    background-color: var(--corebb-row-b-bg);
    border-radius: var(--corebb-radius-subtle);
    color: var(--corebb-row-text);
}

.BoardRowALink,
.BoardRowBLink,
.BoardRowBLinkB,
.ModLinks,
.SubjectLink,
a.SubjectLink,
.MultiPages,
.MediumTextLink {
    color: var(--corebb-link);
}

a.SubjectLink:visited {
    color: var(--corebb-link-visited);
}

.AuthorLink:not([style]) {
    color: var(--corebb-username-link);
}

.VersionText {
    color: var(--corebb-muted-text);
}

.InputNotes,
.SignatureTitle {
    color: var(--corebb-note-text);
}

.SignatureText {
    color: var(--corebb-signature-text);
}

.QuotedText,
.code,
.AdminActions,
.pagination {
    background-color: var(--corebb-code-bg);
    border-radius: var(--corebb-radius-subtle);
    color: var(--corebb-code-text);
    border-color: var(--corebb-divider);
}

.quoteheader,
.codeheader,
.bbcode-code-pre,
.bbcode-code-content {
    color: var(--corebb-code-text);
}

.bbcode-rule,
.QuotedText hr {
    border-top-color: var(--corebb-divider);
}

input,
select,
textarea {
    background-color: var(--corebb-input-bg);
    border-radius: var(--corebb-radius-subtle);
    color: var(--corebb-input-text);
    border-color: var(--corebb-button-border-light);
}

input[type="submit"],
input[type="button"],
button,
.formsubmit,
.markupButton {
    background-color: var(--corebb-button-bg) !important;
    border-radius: var(--corebb-radius-subtle);
    color: var(--corebb-input-text) !important;
    border-top-color: var(--corebb-button-border-light) !important;
    border-left-color: var(--corebb-button-border-light) !important;
    border-right-color: var(--corebb-button-border-dark) !important;
    border-bottom-color: var(--corebb-button-border-dark) !important;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.formsubmit:hover,
.markupButton:hover {
    background-color: var(--corebb-button-hover-bg) !important;
}

.wb-table {
    border: 0;
}

.wb-w-full { width: 100%; }
.wb-w-99p { width: 99%; }
.wb-w-98p { width: 98%; }
.wb-w-97p { width: 97%; }
.wb-w-95p { width: 95%; }
.wb-w-90p { width: 90%; }
.wb-w-85p { width: 85%; }
.wb-w-83p { width: 83%; }
.wb-w-81p { width: 81%; }
.wb-w-75p { width: 75%; }
.wb-w-70p { width: 70%; }
.wb-w-64p { width: 64%; }
.wb-w-60p { width: 60%; }
.wb-w-half { width: 50%; }
.wb-w-30p { width: 30%; }
.wb-w-25p { width: 25%; }
.wb-w-22p { width: 22%; }
.wb-w-20p { width: 20%; }
.wb-w-18p { width: 18%; }
.wb-w-17p { width: 17%; }
.wb-w-15p { width: 15%; }
.wb-w-14p { width: 14%; }
.wb-w-12p { width: 12%; }
.wb-w-10p { width: 10%; }
.wb-w-7p { width: 7%; }
.wb-w-6p { width: 6%; }
.wb-w-5p { width: 5%; }
.wb-w-2p { width: 2%; }
.wb-w-1p { width: 1%; }
.wb-w-250 { width: 250px; }
.wb-w-190 { width: 190px; }
.wb-w-186 { width: 186px; }
.wb-w-165 { width: 165px; }
.wb-w-155 { width: 155px; }
.wb-w-150 { width: 150px; }
.wb-w-110 { width: 110px; }
.wb-w-100 { width: 100px; }
.wb-w-96 { width: 96px; }
.wb-w-75 { width: 75px; }
.wb-w-50 { width: 50px; }
.wb-w-40 { width: 40px; }
.wb-w-18 { width: 18px; }
.wb-w-10 { width: 10px; }
.wb-w-5 { width: 5px; }

.wb-h-114 { height: 114px; }
.wb-h-65 { height: 65px; }
.wb-h-50 { height: 50px; }
.wb-h-43 { height: 43px; }
.wb-h-40 { height: 40px; }
.wb-h-35 { height: 35px; }
.wb-h-25 { height: 25px; }
.wb-h-20 { height: 20px; }
.wb-h-18 { height: 18px; }
.wb-h-15 { height: 15px; }
.wb-h-10 { height: 10px; }
.wb-h-7 { height: 7px; }
.wb-h-5 { height: 5px; }
.wb-h-1 { height: 1px; }

.wb-cellspace-0 { border-collapse: collapse; border-spacing: 0; }
.wb-cellspace-1 { border-collapse: separate; border-spacing: 1px; }
.wb-cellspace-2 { border-collapse: separate; border-spacing: 2px; }
.wb-cellspace-10 { border-collapse: separate; border-spacing: 10px; }

.wb-cellpad-0 > tbody > tr > th,
.wb-cellpad-0 > tbody > tr > td,
.wb-cellpad-0 > tr > th,
.wb-cellpad-0 > tr > td { padding: 0; }
.wb-cellpad-1 > tbody > tr > th,
.wb-cellpad-1 > tbody > tr > td,
.wb-cellpad-1 > tr > th,
.wb-cellpad-1 > tr > td { padding: 1px; }
.wb-cellpad-3 > tbody > tr > th,
.wb-cellpad-3 > tbody > tr > td,
.wb-cellpad-3 > tr > th,
.wb-cellpad-3 > tr > td { padding: 3px; }
.wb-cellpad-2 > tbody > tr > th,
.wb-cellpad-2 > tbody > tr > td,
.wb-cellpad-2 > tr > th,
.wb-cellpad-2 > tr > td { padding: 2px; }
.wb-cellpad-4 > tbody > tr > th,
.wb-cellpad-4 > tbody > tr > td,
.wb-cellpad-4 > tr > th,
.wb-cellpad-4 > tr > td { padding: 4px; }
.wb-cellpad-5 > tbody > tr > th,
.wb-cellpad-5 > tbody > tr > td,
.wb-cellpad-5 > tr > th,
.wb-cellpad-5 > tr > td { padding: 5px; }
.wb-cellpad-8 > tbody > tr > th,
.wb-cellpad-8 > tbody > tr > td,
.wb-cellpad-8 > tr > th,
.wb-cellpad-8 > tr > td { padding: 8px; }
.wb-cellpad-15 > tbody > tr > th,
.wb-cellpad-15 > tbody > tr > td,
.wb-cellpad-15 > tr > th,
.wb-cellpad-15 > tr > td { padding: 15px; }
.wb-cellpad-20 > tbody > tr > th,
.wb-cellpad-20 > tbody > tr > td,
.wb-cellpad-20 > tr > th,
.wb-cellpad-20 > tr > td { padding: 20px; }

.wb-table-center {
    margin-left: auto;
    margin-right: auto;
}
.wb-table-left {
    margin-left: 0;
    margin-right: auto;
}
.wb-table-right {
    margin-left: auto;
    margin-right: 0;
}

.wb-text-left { text-align: left; }
.wb-text-center { text-align: center; }
.wb-text-right { text-align: right; }
.wb-valign-top { vertical-align: top; }
.wb-valign-middle { vertical-align: middle; }
.wb-valign-bottom { vertical-align: bottom; }
.wb-nowrap { white-space: nowrap; }
.wb-img-borderless { border: 0; }
.wb-img-top { vertical-align: top; }
.wb-img-middle { vertical-align: middle; }
.wb-img-bottom { vertical-align: bottom; }
.wb-img-left { float: left; }
.wb-img-right { float: right; }
.wb-bg-debug-label { background-color: var(--corebb-debug-label-bg); }
.wb-bg-debug-value { background-color: var(--corebb-debug-value-bg); }
.wb-bg-vn-chrome { background-color: var(--corebb-page-bg); }
.wb-stage-banner {
    background: #7a0000;
    color: #ffffff;
    text-align: center;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 8px;
    border-bottom: 1px solid #330000;
    letter-spacing: .03em;
}

html.corebb-dark-mode body.wb-vn-eol,
html.corebb-dark-mode body.wb-vn-eol .wb-vn-chrome-bg,
html.corebb-dark-mode body.wb-vn-eol .wb-bg-vn-chrome,
html.corebb-dark-mode body.wb-vn-eol #footerWrapper,
html.corebb-dark-mode body.wb-vn-eol #footerNetwork,
html.corebb-dark-mode body.wb-vn-eol .footerLogo {
    background-color: var(--corebb-page-bg) !important;
}

html.corebb-dark-mode body.wb-vn-eol #footerWrapper {
    border-color: var(--corebb-page-bg) !important;
}

html.corebb-dark-mode body.wb-vn-eol #footerNetwork *,
html.corebb-dark-mode body.wb-vn-eol .VersionText,
html.corebb-dark-mode body.wb-vn-eol .SmallText,
html.corebb-dark-mode body.wb-vn-eol .InputNotes {
    color: var(--corebb-muted-text) !important;
}

html.corebb-dark-mode body.wb-vn-eol .BoardColumn,
html.corebb-dark-mode body.wb-vn-eol .BoardColumnStat {
    color: var(--corebb-column-text) !important;
}

html.corebb-dark-mode body.wb-vn-eol .BoardColumnLink {
    color: var(--corebb-column-link) !important;
}

html.corebb-dark-mode body.wb-vn-eol .BoardCategoryLink {
    color: var(--corebb-category-link) !important;
}

html.corebb-dark-mode body.wb-vn-eol .BoardCategoryToggle {
    color: var(--corebb-category-toggle) !important;
}

html.corebb-dark-mode body.wb-vn-eol .BoardRowALink,
html.corebb-dark-mode body.wb-vn-eol .BoardRowBLink,
html.corebb-dark-mode body.wb-vn-eol .BoardRowBLinkB,
html.corebb-dark-mode body.wb-vn-eol .SubjectLink,
html.corebb-dark-mode body.wb-vn-eol .MultiPages,
html.corebb-dark-mode body.wb-vn-eol .wb-post-action-row a,
html.corebb-dark-mode body.wb-vn-eol .wb-post-action-row a.SmallText,
html.corebb-dark-mode body.wb-vn-eol .wb-post-action-row a:link,
html.corebb-dark-mode body.wb-vn-eol .wb-post-action-row a:visited,
html.corebb-dark-mode body.wb-vn-eol .wb-post-action-row a.SmallText:link,
html.corebb-dark-mode body.wb-vn-eol .wb-post-action-row a.SmallText:visited,
html.corebb-dark-mode body.wb-vn-eol #footerNetwork a {
    color: var(--corebb-link) !important;
}

html.corebb-dark-mode body.wb-vn-eol .AuthorLink:not([style]),
html.corebb-dark-mode body.wb-vn-eol a.AuthorLink:not([style]):link,
html.corebb-dark-mode body.wb-vn-eol a.AuthorLink:not([style]):visited {
    color: var(--corebb-username-link) !important;
}

html.corebb-dark-mode body.wb-vn-eol a.AuthorLink:not([style]):hover {
    color: #b3c8d8 !important;
}

html.corebb-dark-mode body.wb-vn-eol .MainMenuLink,
html.corebb-dark-mode body.wb-vn-eol .MainMenuRow a:not(.AuthorLink),
html.corebb-dark-mode body.wb-vn-eol .MainMenuRow a:not(.AuthorLink):link,
html.corebb-dark-mode body.wb-vn-eol .MainMenuRow a:not(.AuthorLink):visited {
    color: var(--corebb-menu-link) !important;
}

html.corebb-dark-mode body.wb-vn-eol .MainMenuRow a:not(.AuthorLink):hover {
    color: #c6ced8 !important;
}

html.corebb-dark-mode body.wb-vn-eol a.SubjectLink:visited,
html.corebb-dark-mode body.wb-vn-eol a.BoardRowBLink:visited {
    color: var(--corebb-link-visited) !important;
}

html.corebb-dark-mode body.wb-vn-eol .pagination,
html.corebb-dark-mode body.wb-vn-eol .currentpage {
    background-color: var(--corebb-menu-bg);
    color: var(--corebb-page-text);
    border-color: var(--corebb-divider);
}

html.corebb-dark-mode body.wb-vn-eol .code,
html.corebb-dark-mode body.wb-vn-eol .AdminActions,
html.corebb-dark-mode body.wb-vn-eol .QuotedText {
    background-color: var(--corebb-code-bg);
    color: var(--corebb-code-text);
    border-color: var(--corebb-divider);
}

html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.comment,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.prolog,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.doctype,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.cdata {
    color: #7f8790;
}

html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.punctuation,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.operator,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.entity,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.url,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.variable {
    color: #a8b0b8;
}

html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.property,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.tag,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.boolean,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.number,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.constant,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.symbol,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.deleted {
    color: #d28b8b;
}

html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.selector,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.attr-name,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.string,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.char,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.builtin,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.inserted {
    color: #8fc9a3;
}

html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.atrule,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.attr-value,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.function,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.class-name {
    color: #7fa6d6;
}

html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.keyword,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.regex,
html.corebb-dark-mode body.wb-vn-eol .bbcode-code-content .token.important {
    color: #b396c9;
}