html,
body {
  background: #0e1016;
  color: #e6eaf2;
  font-family: 'Exo 2', 'Segoe UI', Arial, sans-serif;
}

#pageHeader,
#pageHeader>div,
#topMenu,
#topMenu.userPanel,
#topMenu.userPanel>div,
#pageHeader .navigationHeader,
#pageHeader .mainMenu,
#pageHeader .mainMenu>div,
#pageHeader .mainMenu ul,
#pageHeader .logo,
#pageHeader .logo a {
  background: linear-gradient(180deg, #131722 0%, #0f131d 100%) !important;
  color: #eef3ff !important;
  border-color: #2b3240 !important;
}

#topMenu.userPanel {
  box-shadow: inset 0 -1px 0 rgba(125, 178, 255, 0.10), 0 8px 24px rgba(0, 0, 0, 0.28) !important;
}

#topMenu.userPanel a,
#topMenu.userPanel .icon,
#topMenu.userPanel .userPanelItems>li>a,
#topMenu.userPanel .userPanelItems>li>div:not(.dropdownMenu),
#pageHeader .mainMenu a,
#pageHeader .navigationHeader a,
#pageHeader .navigationIcons a {
  color: #e7efff !important;
  font-family: 'Orbitron', 'Exo 2', sans-serif;
  letter-spacing: 0.03em;
  text-shadow: none !important;
}

#topMenu.userPanel .userPanelItems>li>a:hover,
#topMenu.userPanel .userPanelItems>li>div:not(.dropdownMenu):hover,
#pageHeader .mainMenu a:hover,
#pageHeader .navigationHeader a:hover,
#pageHeader .navigationIcons a:hover {
  background: rgba(143, 29, 44, 0.18) !important;
  color: #ffffff !important;
}

#pageHeader .mainMenu li.active>a,
#pageHeader .mainMenu li.active>span,
#pageHeader .navigationHeader li.active>a,
#pageHeader .navigationHeader li.active>span {
  background: linear-gradient(135deg, rgba(143, 29, 44, 0.42) 0%, rgba(42, 108, 246, 0.30) 100%) !important;
  color: #ffffff !important;
  border-color: #6a3d53 !important;
}

#topMenu.userPanel .searchBar,
#topMenu.userPanel .searchBar>form input[type='search'] {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #eef3ff !important;
  border-color: #364055 !important;
}

#topMenu.userPanel .searchBar::before,
#topMenu.userPanel .searchBar input::placeholder {
  color: #b8c7e6 !important;
}

#pageHeader .dropdownMenu,
#pageHeader .dropdownMenu li,
#pageHeader .dropdownMenu li>a,
#pageHeader .dropdownMenu li>span {
  background: #151922 !important;
  color: #e6eaf2 !important;
  border-color: #2b3240 !important;
}

#pageHeader .dropdownMenu li:hover,
#pageHeader .dropdownMenu li.active,
#pageHeader .dropdownMenu li>a:hover {
  background: rgba(42, 108, 246, 0.16) !important;
  color: #ffffff !important;
}

a,
a:hover,
a:focus {
  color: #7db2ff;
}

#main,
.main,
.content,
.box,
.container,
.section,
.panel,
.message,
.messageSidebar,
.messageContent,
.formContainer,
.tabularBox,
.table,
.userPanel,
.dropdown,
.pagination,
.breadcrumbs,
.wbbBoardList,
.wbbThreadList,
.wbbPostList,
.wbbBoard,
.wbbThread,
.wcfBox {
  background-color: #151922 !important;
  color: #e6eaf2 !important;
  border-color: #2b3240 !important;
}

.headerPanel,
.pageHeader,
.mainMenu,
.boxTitle,
.tabMenu,
.breadcrumbs,
.footerNavigation,
.contentHeader,
.contentFooter {
  background: linear-gradient(180deg, #171b25 0%, #121621 100%) !important;
  color: #f4f7fb !important;
  border-color: #2b3240 !important;
}

input,
select,
textarea {
  background: #0f141b !important;
  color: #e6eaf2 !important;
  border: 1px solid #384254 !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
  font-family: 'Exo 2', 'Segoe UI', Arial, sans-serif;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #7aa2ff !important;
  box-shadow: 0 0 0 3px rgba(122, 162, 255, 0.18) !important;
  outline: none;
}

button,
input[type='submit'],
input[type='button'],
input[type='reset'],
.button,
a.button,
.smallButton,
.bigButton {
  background: linear-gradient(135deg, #2a6cf6 0%, #8f1d2c 100%) !important;
  color: #ffffff !important;
  border: 1px solid #6c3152 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 22px rgba(42, 108, 246, 0.20), 0 8px 24px rgba(143, 29, 44, 0.18);
  transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
  font-family: 'Orbitron', 'Exo 2', sans-serif;
}

button:hover,
input[type='submit']:hover,
input[type='button']:hover,
input[type='reset']:hover,
.button:hover,
a.button:hover,
.smallButton:hover,
.bigButton:hover {
  filter: brightness(1.06);
  box-shadow: 0 10px 28px rgba(42, 108, 246, 0.24), 0 10px 28px rgba(143, 29, 44, 0.22);
  transform: translateY(-1px);
}

button:active,
input[type='submit']:active,
input[type='button']:active,
input[type='reset']:active,
.button:active,
a.button:active,
.smallButton:active,
.bigButton:active {
  transform: translateY(0);
  box-shadow: 0 4px 14px rgba(42, 108, 246, 0.18), 0 4px 14px rgba(143, 29, 44, 0.16);
}

table,
tr,
td,
th,
.messageGroupStarter,
.messageSidebar,
.messageHeader,
.messageFooter,
.tableHead,
.tableContent {
  border-color: #2b3240 !important;
}

tr:nth-child(even),
.message.messageReduced:nth-child(even) {
  background: rgba(255, 255, 255, 0.02) !important;
}

.codeBox,
blockquote,
pre {
  background: #0b0f15 !important;
  color: #d8dfeb !important;
  border-color: #2b3240 !important;
}

img {
  border-radius: 8px;
}

.pageNavigation,
.pagination,
.tabMenu li a,
.mainMenu li a,
.breadcrumbs li a {
  color: #dce7ff !important;
}

.tabMenu li.active a,
.mainMenu li.active a,
.pageNavigation .active a {
  background: linear-gradient(180deg, #251828 0%, #1a2234 100%) !important;
  color: #ffffff !important;
  border-color: #6a3d53 !important;
}

.notice,
.success,
.warning,
.info,
.error {
  border-radius: 10px !important;
}

.boxHeadline,
.boxSubHeadline,
.sidebar,
.sidebarBox,
.sidebarBoxList,
.sidebarBoxHeadline,
.dashboardSidebar,
.contentNavigation,
.containerList,
.containerList>li,
.tabularBox table,
.tabularBox table thead,
.tabularBox table tbody,
.tableHead,
.tableHead th,
.tableContent,
.tableContent td,
.messageList,
.messageList>li,
.messageBody,
.messageText,
.messageInner,
.messageContainer,
.quoteBox,
.pollContainer,
.userInput,
.formSubmit,
.formField,
.legend,
fieldset,
legend,
.dialogContainer,
.dropdownMenu,
.menu,
.menuContent,
.pageNavigation ul,
.pagination ul,
.boardList,
.threadList,
.postList,
.shoutbox,
.shoutboxContainer,
.shoutboxEntries,
.shoutboxEntry,
.shoutboxEntryAddForm,
.dashboardBox,
.dashboardBoxContent,
.boxContainer,
.htmlContent,
.userPanelContent,
.commentList,
.commentList>li,
.comment,
.commentContent {
  background: #151922 !important;
  color: #e6eaf2 !important;
  border-color: #2b3240 !important;
}

.tableHead,
.tableHead th,
thead,
thead tr,
thead th,
.boxHeadline,
.boxSubHeadline,
.sidebarBoxHeadline,
.contentNavigation,
legend {
  background: linear-gradient(90deg, rgba(143, 29, 44, 0.24) 0%, rgba(42, 108, 246, 0.20) 100%) #1a2030 !important;
  color: #f5f7fc !important;
}

.containerList>li:nth-child(even),
.messageList>li:nth-child(even),
.sidebarBoxList>li:nth-child(even),
.commentList>li:nth-child(even),
tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.03) !important;
}

.containerList>li:nth-child(odd),
.messageList>li:nth-child(odd),
.sidebarBoxList>li:nth-child(odd),
.commentList>li:nth-child(odd),
tbody tr:nth-child(odd) {
  background: rgba(255, 255, 255, 0.01) !important;
}

.badge,
.label,
.counter,
.icon16,
.icon24,
.icon32 {
  color: inherit !important;
}

.framed,
.avatar,
.userAvatar,
.embeddedObject,
.messageSidebar img,
.sidebarBoxList img {
  background: #0f141b !important;
  border-color: #384254 !important;
}

.shoutbox textarea,
.shoutbox input,
.shoutboxEntryAddForm textarea,
.shoutboxEntryAddForm input {
  background: #0f141b !important;
  color: #e6eaf2 !important;
}

#shoutbox .shoutboxContent {
  height: 320px !important;
}

#shoutbox.sidebar .shoutboxContent,
.shoutboxBoxSidebar #shoutbox .shoutboxContent {
  height: 420px !important;
}

.shoutbox a,
.sidebarBox a,
.containerList a,
.table a {
  color: #87b9ff !important;
}

.boxHeadline h1,
.boxHeadline h2,
.boxSubHeadline h1,
.boxSubHeadline h2,
.sidebarBoxHeadline h3,
.contentHeader h1,
.contentHeader h2 {
  color: #ffffff !important;
  font-family: 'Orbitron', 'Exo 2', sans-serif;
  letter-spacing: 0.04em;
}

.table>tbody>tr>td,
.table>thead>tr>th,
.cke_wysiwyg_div table>tbody>tr>td,
.cke_wysiwyg_div table>thead>tr>th {
  background: #151922 !important;
  color: #e6eaf2 !important;
  border-color: rgba(125, 178, 255, 0.16) !important;
}

.table>tbody>tr:nth-child(even)>td,
.cke_wysiwyg_div table>tbody>tr:nth-child(even)>td {
  background: #171b25 !important;
}

.table>tbody>tr:nth-child(odd)>td,
.cke_wysiwyg_div table>tbody>tr:nth-child(odd)>td {
  background: #131720 !important;
}

.badge,
.label {
  background: linear-gradient(135deg, rgba(143, 29, 44, 0.88) 0%, rgba(42, 108, 246, 0.88) 100%) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
}

[style*='background:#fff'],
[style*='background: #fff'],
[style*='background-color:#fff'],
[style*='background-color: #fff'],
[style*='background:white'],
[style*='background: white'],
[style*='background-color:white'],
[style*='background-color: white'] {
  background: #151922 !important;
  color: #e6eaf2 !important;
}