/**
 * Power Settings dark mode SCSS file.
 * 
 * @author	Matthias Kittsteiner
 * @copyright	2022 KittMedia
 * @license	Commercial <https://shop.kittmedia.com/core/licenses/#commercial>
 * @package	com.kittmedia.wcf.powersettings
 * @category	WoltLab Suite Core
 */
@media (prefers-color-scheme: dark) {
  a {
    color: #e56c29;
  }
  a:hover {
    color: #f1874c;
  }

  dl:not(.plain) > dt {
    color: #5e96d9;
  }
  dl:not(.plain) > dd > small:not(.innerError):not(.innerInfo):not(.innerSuccess):not(.innerWarning) {
    color: #c7c7cd;
  }

  .contentHeader,
.boxHeadline {
    color: #e7e7eb;
  }

  .section .sectionTitle {
    color: #e7e7eb;
  }

  .tabularBoxTitle > header {
    color: #5e96d9;
  }
  .tabularBoxTitle > header .icon {
    color: #5e96d9;
  }
  .tabularBoxTitle > header .icon:hover {
    color: #5e96d9;
  }

  .flot-text {
    color: #e7e7eb !important;
  }

  body {
    background-color: #2a2c2e;
    color: #e7e7eb;
  }

  input[type=date],
input[type=datetime],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    background-color: #27292e;
    border-color: #3d4854;
    color: #e7e7eb;
  }
  input[type=date]:focus, input[type=date]:hover,
input[type=datetime]:focus,
input[type=datetime]:hover,
input[type=email]:focus,
input[type=email]:hover,
input[type=number]:focus,
input[type=number]:hover,
input[type=password]:focus,
input[type=password]:hover,
input[type=search]:focus,
input[type=search]:hover,
input[type=tel]:focus,
input[type=tel]:hover,
input[type=text]:focus,
input[type=text]:hover,
input[type=url]:focus,
input[type=url]:hover,
select:focus,
select:hover,
textarea:focus,
textarea:hover {
    background-color: #2b2d32;
    border-color: #424e5b;
    color: #e7e7eb;
  }
  input[type=date][disabled], input[type=date][readonly],
input[type=datetime][disabled],
input[type=datetime][readonly],
input[type=email][disabled],
input[type=email][readonly],
input[type=number][disabled],
input[type=number][readonly],
input[type=password][disabled],
input[type=password][readonly],
input[type=search][disabled],
input[type=search][readonly],
input[type=tel][disabled],
input[type=tel][readonly],
input[type=text][disabled],
input[type=text][readonly],
input[type=url][disabled],
input[type=url][readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] {
    background-color: #4a4e57 !important;
    border-color: #687b8f !important;
    color: #c7c7cd !important;
  }

  button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
a.button {
    background-color: #38424d;
    color: #e7e7eb;
  }
  html:not(.touch) button:hover,
html:not(.touch) input[type=button]:hover,
html:not(.touch) input[type=reset]:hover,
html:not(.touch) input[type=submit]:hover,
html:not(.touch) .button:hover,
html:not(.touch) a.button:hover {
    background-color: #485563;
    color: #e7e7eb;
  }
  html:not(.touch) button.buttonPrimary,
html:not(.touch) input[type=button].buttonPrimary,
html:not(.touch) input[type=reset].buttonPrimary,
html:not(.touch) input[type=submit].buttonPrimary,
html:not(.touch) .button.buttonPrimary,
html:not(.touch) a.button.buttonPrimary {
    background-color: #183149;
  }
  html:not(.touch) button.buttonPrimary:hover,
html:not(.touch) input[type=button].buttonPrimary:hover,
html:not(.touch) input[type=reset].buttonPrimary:hover,
html:not(.touch) input[type=submit].buttonPrimary:hover,
html:not(.touch) .button.buttonPrimary:hover,
html:not(.touch) a.button.buttonPrimary:hover {
    background-color: #1e3e5c;
  }
  button.disabled, button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
a.button.disabled,
a.button:disabled {
    background-color: #75879b !important;
    color: #cbcbd4 !important;
  }

  .pagination > ul > li > a,
.pagination > ul > li > span {
    color: #e7e7eb;
  }
  .pagination > ul > li.disabled > span {
    color: #c7c7cd;
  }
  .pagination > ul > li.active > a, .pagination > ul > li.active > span,
.pagination > ul > li > a:hover {
    background-color: #38424d;
    color: #e7e7eb;
  }

  .badge,
a.badge {
    background-color: #e7e7eb;
    color: #323437;
  }

  a.badge:hover {
    color: #2a2c2e;
  }

  .icon,
.fa {
    color: #e7e7eb;
  }

  .content > .section,
.content > form,
.sectionContainer {
    background-color: #323437;
    border-color: #414448;
  }

  .section:not(.sectionContainerList) > .sectionHeader,
.section:not(.sectionContainerList) .sectionTitle {
    border-bottom-color: #414448;
  }

  .inlineCode,
kbd {
    background-color: #2a2c2e !important;
    border-color: #424649 !important;
    color: #e7e7eb !important;
  }

  .inputAddon > .inputPrefix:not(.button),
.inputAddon > .inputSuffix:not(.button) {
    background-color: #38424d;
    border-color: #3d4854;
    color: #e7e7eb;
  }
}
@media screen and (prefers-color-scheme: dark) and (min-width: 1025px) {
  .pageHeaderContainer .pageHeaderLogo,
.pageHeaderContainer .pageHeader .layoutBoundary,
.acpPageMenu {
    background-color: #183149;
  }
}
@media screen and (prefers-color-scheme: dark) and (max-width: 1024px) {
  .pageHeader {
    background-color: #183149;
  }

  .mainMenu[aria-expanded=true]::after {
    border-bottom-color: #24425f;
  }
}
@media (prefers-color-scheme: dark) {
  .pageMenuContent {
    --background-color: #24425f;
    --background-color-active: #183149;
    --border-color: #325c84;
    --color: #e7e7eb;
    --color-active: #e7e7eb;
    --color-dimmed: #c7c7cd;
  }
}
@media (prefers-color-scheme: dark) {
  .pageFooterCopyright {
    background-color: #323437;
  }
}
@media (prefers-color-scheme: dark) {
  .htmlContent table th,
.messageBody > .messageText table th,
.messageSignature > div table th,
.redactor-layer table th,
.table th {
    color: #5e96d9;
  }
  .htmlContent table th > a,
.messageBody > .messageText table th > a,
.messageSignature > div table th > a,
.redactor-layer table th > a,
.table th > a {
    color: #5e96d9;
  }
  .htmlContent table tr:not(:last-child) > td:not(.lastRow),
.messageBody > .messageText table tr:not(:last-child) > td:not(.lastRow),
.messageSignature > div table tr:not(:last-child) > td:not(.lastRow),
.redactor-layer table tr:not(:last-child) > td:not(.lastRow),
.table tr:not(:last-child) > td:not(.lastRow) {
    border-bottom-color: #414448;
  }
  .htmlContent table tr:hover > td,
.messageBody > .messageText table tr:hover > td,
.messageSignature > div table tr:hover > td,
.redactor-layer table tr:hover > td,
.table tr:hover > td {
    background-color: #2a2c2e;
  }
}
@media (prefers-color-scheme: dark) {
  .acpPageSubMenuCategoryList .acpPageSubMenuItemList > .active > a,
.acpPageSubMenuCategoryList .acpPageSubMenuLink.active,
.acpPageSubMenuCategoryList .acpPageSubMenuLink.active ~ .acpPageSubMenuIcon,
.acpPageSubMenuCategoryList .acpPageSubMenuIcon.active {
    background-color: #2a2c2e !important;
    color: #e7e7eb !important;
  }
}
@media (prefers-color-scheme: dark) {
  .sortableNode > .sortableList:not(:empty) {
    border-color: #414448;
  }
  .sortableNode:not(:last-child) {
    border-bottom-color: #414448;
  }
}
@media (prefers-color-scheme: dark) {
  .sortableNodeLabel:hover {
    background-color: #2a2c2e;
  }
}
@media (prefers-color-scheme: dark) {
  .notificationSettingsItem:not(:last-child) {
    border-bottom-color: #414448;
  }
}
@media (prefers-color-scheme: dark) {
  .notificationSettingsEmailType.disabled .icon.red,
.notificationSettingsEmailType.disabled .fa-caret-down {
    color: #c7c7cd;
  }
}
@media (prefers-color-scheme: dark) {
  .containerList > li:not(:last-child) {
    border-bottom-color: #414448;
  }
  .containerList > li:hover {
    background-color: #2a2c2e;
  }
}
@media (prefers-color-scheme: dark) {
  .dropdownMenu {
    background-color: #323437;
    color: #e7e7eb;
  }
  .dropdownMenu li > a {
    color: #e7e7eb;
  }
  .dropdownMenu li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText), .dropdownMenu li.dropdownList > li:hover:not(.dropdownDivider), .dropdownMenu li.dropdownNavigationItem, .dropdownMenu li.active {
    background-color: #2a2c2e;
    color: #e7e7eb;
  }
  .dropdownMenu li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText) > a, .dropdownMenu li.dropdownList > li:hover:not(.dropdownDivider) > a, .dropdownMenu li.dropdownNavigationItem > a, .dropdownMenu li.active > a {
    color: #e7e7eb;
  }
  .dropdownMenu li.dropdownDivider {
    border-top-color: #414448;
  }
}
@media (prefers-color-scheme: dark) {
  .dialogContainer > header {
    background-color: #183149;
  }
  .dialogContainer > .dialogContent {
    background-color: #2a2c2e;
  }
  .dialogContainer > .dialogContent .formSubmit {
    background-color: #323437;
    border-top-color: #414448;
  }
}
@media (prefers-color-scheme: dark) {
  .containerList > li .buttonGroupNavigation > ul {
    background-color: #323437;
    border-color: #414448;
  }
  .containerList > li .buttonGroupNavigation > ul > li.active > a > .icon,
.containerList > li .buttonGroupNavigation > ul > li.active > a > .invisible,
.containerList > li .buttonGroupNavigation > ul > li:hover > a > .icon,
.containerList > li .buttonGroupNavigation > ul > li:hover > a > .invisible {
    color: #f1874c;
    opacity: 1;
  }
}
@media (prefers-color-scheme: dark) {
  .containerList > li .buttonGroupNavigation > .buttonList {
    background-color: #323437;
    color: #e7e7eb;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li > a {
    color: #e7e7eb;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText), .containerList > li .buttonGroupNavigation > .buttonList li.dropdownList > li:hover:not(.dropdownDivider), .containerList > li .buttonGroupNavigation > .buttonList li.dropdownNavigationItem, .containerList > li .buttonGroupNavigation > .buttonList li.active {
    color: #f1874c;
  }
}
@media only screen and (prefers-color-scheme: dark) and (max-width: 1024px) {
  .containerList > li .buttonGroupNavigation > .buttonList li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText), .containerList > li .buttonGroupNavigation > .buttonList li.dropdownList > li:hover:not(.dropdownDivider), .containerList > li .buttonGroupNavigation > .buttonList li.dropdownNavigationItem, .containerList > li .buttonGroupNavigation > .buttonList li.active {
    background-color: #2a2c2e;
  }
}
@media (prefers-color-scheme: dark) {
  .spinner {
    background-color: #323437;
    border-color: #414448;
    color: #e7e7eb;
  }
}
@media (prefers-color-scheme: dark) {
  .contentItem {
    background-color: #2a2c2e;
  }
}
@media (prefers-color-scheme: dark) {
  .contentItemDescription,
.contentItemTitle,
.contentItemTitle:hover {
    color: #e7e7eb;
  }
}
@media (prefers-color-scheme: dark) {
  .packageUpdateNewVersion {
    color: #5e96d9;
  }
}
@media (prefers-color-scheme: dark) {
  .contentItemMeta {
    border-color: #414448;
    color: #e7e7eb;
  }
}
@media (prefers-color-scheme: dark) {
  .section .sectionDescription {
    color: #c7c7cd;
  }
}
@media (prefers-color-scheme: dark) {
  .icon.red,
.fa.red {
    color: #ed1e1e;
  }
}
@media (prefers-color-scheme: dark) {
  .error {
    background-color: #a94442;
    color: #f2dede;
  }
  .error a,
.error a:hover {
    color: #f2dede;
  }
}
@media (prefers-color-scheme: dark) {
  .info {
    background-color: #31708f;
    color: #d9edf7;
  }
  .info a,
.info a:hover {
    color: #d9edf7;
  }
}
@media (prefers-color-scheme: dark) {
  .success {
    background-color: #3c763d;
    color: #dff0d8;
  }
  .success a,
.success a:hover {
    color: #dff0d8;
  }
}
@media (prefers-color-scheme: dark) {
  .warning {
    background-color: #8a6d3b;
    color: #fcf8e3;
  }
  .warning a,
.warning a:hover {
    color: #fcf8e3;
  }
}
@media (prefers-color-scheme: dark) {
  .flexibleButtonGroup > li > a,
.flexibleButtonGroup > li > label {
    background-color: #494e50;
    color: #e7e7eb;
  }
  .flexibleButtonGroup > li > a.active.red,
.flexibleButtonGroup > li > input[type=radio]:checked + label.red,
.flexibleButtonGroup > li > input[type=radio] + label:hover.red {
    background-color: #942323;
    color: #e7e7eb;
  }
  .flexibleButtonGroup > li > a.active.yellow,
.flexibleButtonGroup > li > input[type=radio]:checked + label.yellow,
.flexibleButtonGroup > li > input[type=radio] + label:hover.yellow {
    background-color: #cf7c15;
  }
}
@media (prefers-color-scheme: dark) {
  .disabled .flexibleButtonGroup > li > input[type=radio]:checked + label,
.flexibleButtonGroup > li > input[type=radio]:disabled + label {
    background-color: #252728 !important;
    color: #bdbdc8 !important;
  }
  .disabled .flexibleButtonGroup > li > input[type=radio]:checked + label .icon,
.flexibleButtonGroup > li > input[type=radio]:disabled + label .icon {
    color: #bdbdc8 !important;
  }
}
@media (prefers-color-scheme: dark) {
  .tabMenu > ul,
.tabMenu > ul,
.menu > ul,
.menu > ul {
    border-bottom-color: #414448;
  }
  .tabMenu > ul > li::before,
.tabMenu > ul > li::before,
.menu > ul > li::before,
.menu > ul > li::before {
    border-top-color: #e56c29;
  }
}
@media (prefers-color-scheme: dark) {
  .tabMenuOverlayLeft {
    background: linear-gradient(to left, rgba(50, 52, 55, 0) 0%, #323437 50%);
  }
}
@media (prefers-color-scheme: dark) {
  .tabMenuOverlayRight {
    background: linear-gradient(to right, rgba(50, 52, 55, 0) 0%, #323437 50%);
  }
}
@media (prefers-color-scheme: dark) {
  .wysiwygTextarea {
    border-color: #414448 !important;
  }
}
@media (prefers-color-scheme: dark) {
  .redactor-layer {
    background-color: #323437;
    border-color: #414448;
  }
}
@media (prefers-color-scheme: dark) {
  .redactor-toolbar {
    background-color: #183149;
  }
}
@media (prefers-color-scheme: dark) {
  .messageTabMenu > nav.tabMenu > ul,
.messageTabMenuNavigation > ul {
    border-color: #414448;
  }
  .messageTabMenu > nav.tabMenu > ul > li,
.messageTabMenuNavigation > ul > li {
    border-color: #414448;
  }
}
@media (prefers-color-scheme: dark) {
  .messageTabMenu:not(.messageTabMenuContent) > .messageTabMenuContent.active {
    border-color: #414448;
  }
}
@media (prefers-color-scheme: dark) {
  .redactor-box, .messageTabMenuNavigation > ul,
.messageTabMenu > .messageTabMenuContent.active,
.messageContent.loading > .messageContentLoadingOverlay {
    background-color: #323437;
  }
}
@media (prefers-color-scheme: dark) {
  .messageTabMenu > nav.tabMenu > ul > li.active > a,
.messageTabMenuNavigation > ul > li.active > a {
    color: #5e96d9;
  }
  .messageTabMenu > nav.tabMenu > ul > li.active > a::after,
.messageTabMenuNavigation > ul > li.active > a::after {
    border-color: #414448;
  }
}
@media (prefers-color-scheme: dark) {
  .redactorAutosaveRestored {
    background-color: #323437;
    border-color: #414448;
  }
  .redactorAutosaveRestored > a {
    border-color: #414448;
  }
  .redactorAutosaveRestored > span {
    color: #e7e7eb;
  }
}
@media (prefers-color-scheme: dark) {
  .scrollableCheckboxList {
    background-color: #27292e;
    border-color: #3d4854;
    color: #e7e7eb;
  }
}
@media (prefers-color-scheme: dark) {
  #spWrapper #spWindow {
    background-color: #2a2c2e;
    border-color: #414448;
  }
  #spWrapper #spWindow.spColorPalette + #spSidebar .spSidebarBox::before {
    color: #c7c7cd;
  }
  #spWrapper .spSidebarBox {
    background-color: #183149;
  }
  #spWrapper .spColorBox {
    background-color: #2a2c2e;
    border-color: #414448;
  }
}
@media (prefers-color-scheme: dark) {
  #syncPipMatches tr[data-is-important=true] + tr[data-is-important=false] td {
    border-color: #414448 !important;
  }
}
@media (prefers-color-scheme: dark) {
  #pbo {
    border-color: #414448 !important;
  }
  #pbo [data-placeholder] {
    background-color: #2a2c2e !important;
  }
  #pbo [data-placeholder]::before {
    color: #71777e !important;
  }
}
@media (prefers-color-scheme: dark) {
  #pboContent {
    background-color: #183149 !important;
  }
}
@media (prefers-color-scheme: dark) {
  .sortablePlaceholder {
    background-color: #423d24;
    border-color: #595334;
    color: #dfd0b6;
  }
}
@media (prefers-color-scheme: dark) {
  .CodeMirror {
    /* Loosely based on the Midnight Textmate theme */
  }
  .CodeMirror.cm-s-default.CodeMirror {
    background: #0a001f;
    color: #f8f8f8;
  }
  .CodeMirror.cm-s-default div.CodeMirror-selected {
    background: #447;
  }
  .CodeMirror.cm-s-default .CodeMirror-line::selection, .CodeMirror.cm-s-default .CodeMirror-line > span::selection, .CodeMirror.cm-s-default .CodeMirror-line > span > span::selection {
    background: rgba(68, 68, 119, 0.99);
  }
  .CodeMirror.cm-s-default .CodeMirror-line::-moz-selection, .CodeMirror.cm-s-default .CodeMirror-line > span::-moz-selection, .CodeMirror.cm-s-default .CodeMirror-line > span > span::-moz-selection {
    background: rgba(68, 68, 119, 0.99);
  }
  .CodeMirror.cm-s-default .CodeMirror-gutters {
    background: #0a001f;
    border-right: 1px solid #aaa;
  }
  .CodeMirror.cm-s-default .CodeMirror-guttermarker {
    color: white;
  }
  .CodeMirror.cm-s-default .CodeMirror-guttermarker-subtle {
    color: #bbb;
  }
  .CodeMirror.cm-s-default .CodeMirror-linenumber {
    color: #f8f8f8;
  }
  .CodeMirror.cm-s-default .CodeMirror-cursor {
    border-left: 1px solid white;
  }
  .CodeMirror.cm-s-default span.cm-comment {
    color: #8900d1;
  }
  .CodeMirror.cm-s-default span.cm-atom {
    color: #845dc4;
  }
  .CodeMirror.cm-s-default span.cm-number, .CodeMirror.cm-s-default span.cm-attribute {
    color: #ffd500;
  }
  .CodeMirror.cm-s-default span.cm-keyword {
    color: #599eff;
  }
  .CodeMirror.cm-s-default span.cm-string {
    color: #37f14a;
  }
  .CodeMirror.cm-s-default span.cm-meta {
    color: #7678e2;
  }
  .CodeMirror.cm-s-default span.cm-variable-2, .CodeMirror.cm-s-default span.cm-tag {
    color: #99b2ff;
  }
  .CodeMirror.cm-s-default span.cm-variable-3, .CodeMirror.cm-s-default span.cm-def, .CodeMirror.cm-s-default span.cm-type {
    color: white;
  }
  .CodeMirror.cm-s-default span.cm-bracket {
    color: #8da6ce;
  }
  .CodeMirror.cm-s-default span.cm-builtin, .CodeMirror.cm-s-default span.cm-special {
    color: #ff9e59;
  }
  .CodeMirror.cm-s-default span.cm-link {
    color: #845dc4;
  }
  .CodeMirror.cm-s-default span.cm-error {
    color: #9d1e15;
  }
  .CodeMirror.cm-s-default .CodeMirror-activeline-background {
    background: #1C005A;
  }
  .CodeMirror.cm-s-default .CodeMirror-matchingbracket {
    outline: 1px solid grey;
    color: white !important;
  }
}
@media (prefers-color-scheme: dark) {
  .CodeMirror.cm-s-default.CodeMirror {
    background-color: #27292e;
    color: #e7e7eb;
  }
  .CodeMirror.cm-s-default .CodeMirror-cursor {
    border-left-color: #e7e7eb;
  }
  .CodeMirror.cm-s-default .CodeMirror-gutters {
    background-color: #2a2c2e;
    border-color: #414448;
  }
  .CodeMirror.cm-s-default .cm-qualifier {
    color: #599eff;
  }
  .CodeMirror.cm-s-default span.cm-comment {
    color: #9e95a3;
  }
  .CodeMirror.cm-s-default span.cm-error {
    color: #ed1e1e;
  }
}
@media (prefers-color-scheme: dark) {
  .sideBySide .nativeList > [style*="background-color: lightgreen;"],
.sideBySide .nativeList > [style*="background-color: lightpink;"] {
    color: #323437;
  }
}
@media (prefers-color-scheme: dark) {
  .datePicker {
    background-color: #2a2c2e;
    color: #e7e7eb;
  }
  .datePicker > ul > li {
    border-top-color: #414448;
  }
  .datePicker > ul > li > a:not(:last-child),
.datePicker > ul > li > span:not(:last-child) {
    border-right-color: #414448;
  }
  .datePicker > ul > li > a {
    color: #e7e7eb;
  }
  .datePicker > ul > li > a.active, .datePicker > ul > li > a:not(.otherMonth):hover {
    background-color: #323437;
    color: #e7e7eb;
  }
  .datePicker > ul > li.weekdays, .datePicker > ul > li.weekdays + li {
    border-top-color: #414448;
  }
}
@media (prefers-color-scheme: dark) {
  .aclList > li.active {
    background-color: #2a2c2e;
  }
}