/*
 * CMS dark mode
 *
 * The theme is activated by adding `threads-dark-mode` to <html> and <body>.
 * Keep page-specific dark-mode additions in this file as the CMS rollout grows.
 */

/* Shared header logo */
.logo-osdel {
  width: 214px;
  max-width: 100%;
}

.logo-osdel .bp-logo-svg {
  width: 100%;
  height: auto;
  display: block;
}

.logo-osdel .bp-logo-svg .cls-1 {
  fill: #022454;
  transition: fill 0.2s ease;
}

html.threads-dark-mode body.app .logo-osdel .bp-logo-svg .cls-1 {
  fill: #ffffff;
}

/* Dashboard floating controls */
.cms-dark-mode-toggle {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 1049;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  outline: 0;
  background-color: #92af2b;
  color: #fff;
  cursor: pointer;
  font-size: 26px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition:
    background-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease,
    opacity 0.2s ease;
}

.cms-dark-mode-toggle.has-active-users {
  bottom: 104px;
}

.cms-dark-mode-toggle:hover {
  background-color: #7a8f21;
  color: #fff;
  box-shadow: 0 6px 20px rgba(146, 175, 43, 0.4);
  transform: scale(1.08);
}

.cms-dark-mode-toggle:focus-visible {
  outline: 3px solid rgba(146, 175, 43, 0.4);
  outline-offset: 3px;
}

.cms-dark-mode-toggle:active {
  transform: scale(0.95);
}

body.modal-open .cms-dark-mode-toggle,
body.modal-open .dashboard-active-users-badge {
  opacity: 0;
  pointer-events: none;
}

.dashboard-active-users-badge {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 1050;
  min-width: 120px;
  padding: 10px 14px;
  border: 1px solid #dbe2ef;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(2, 36, 84, 0.12);
  cursor: pointer;
}

.dashboard-active-users-badge .badge-label {
  display: block;
  margin-bottom: 4px;
  color: #5a6475;
  font-size: 11px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.dashboard-active-users-badge .badge-value {
  color: #022454;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

.active-users-modal-dialog {
  width: 96%;
  max-width: 980px;
}

.active-users-modal-content {
  border: 1px solid #dbe2ef;
  border-radius: 3px;
  box-shadow: 0 8px 24px rgba(2, 36, 84, 0.12);
}

.active-users-modal-header {
  border-bottom: 2px solid #92af2b;
  background: #ffffff;
}

.active-users-modal-title,
.active-users-table thead th {
  color: #022454;
  font-weight: 700;
}

.active-users-table thead th {
  border-top: 0;
}

.active-users-table td.no-wrap,
.active-users-table th.no-wrap {
  white-space: nowrap;
}

/* Dashboard announcements */
.announcement-accordion {
  display: flex;
  flex-direction: column;
}

.announcement-btn {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
  gap: 10px;
  padding: 12px;
  border: 0;
  border-bottom: 1px solid #e4e9f5;
  background: #fff;
  cursor: pointer;
  font-weight: 600;
  text-align: left;
  transition: background 0.2s ease;
}

.announcement-btn:last-of-type {
  border-bottom: 0;
}

.announcement-btn:hover {
  background: #f3f6fb;
}

.announcement-btn[aria-expanded="true"] {
  background: #eef1f9;
}

.announcement-summary {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
  gap: 10px;
}

.announcement-title {
  color: #022454;
  font-size: 15px;
  font-weight: 600;
  word-break: break-word;
}

.announcement-date-panel {
  color: #72777a;
  font-size: 0.85rem;
  white-space: nowrap;
}

.announcement-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: #e4e9f5;
  color: #022454;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition:
    transform 0.3s ease,
    background-color 0.3s ease;
}

.announcement-icon::before {
  content: "+";
}

.announcement-btn[aria-expanded="true"] .announcement-icon {
  background: #022454;
  color: #fff;
}

.announcement-btn[aria-expanded="true"] .announcement-icon::before {
  content: "−";
}

.announcement-btn:first-of-type {
  border-radius: 12px 12px 0 0;
}

.announcement-accordion > .announcement-btn:last-of-type {
  border-radius: 0 0 12px 12px;
}

.announcement-accordion > .announcement-btn:last-of-type[aria-expanded="true"] {
  border-radius: 0;
}

.announcement-accordion > .announcement-panel:last-of-type {
  border-radius: 0 0 12px 12px;
}

.announcement-panel {
  max-height: 0;
  overflow: hidden;
  background: #fff;
  transition: max-height 600ms ease;
}

.announcement-body {
  padding: 12px 16px 16px;
  border-top: 1px solid #e4e9f5;
}

.announcement-meta {
  margin-bottom: 0.5rem;
  color: #4d5d71;
  font-size: 0.65rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* Shared CMS dark theme */
html.threads-dark-mode {
  background: #121212;
  color-scheme: dark;
}

html.threads-dark-mode body.app,
html.threads-dark-mode body.app .page-container,
html.threads-dark-mode body.app .main-content,
html.threads-dark-mode body.app .main-content.bgc-grey-100,
html.threads-dark-mode body.app #mainContent {
  background-color: #121212 !important;
  color: #cccccc;
}

html.threads-dark-mode body.app .header.navbar,
html.threads-dark-mode body.app .header-container,
html.threads-dark-mode body.app .nav-center .layers,
html.threads-dark-mode body.app .sidebar,
html.threads-dark-mode body.app .sidebar-inner,
html.threads-dark-mode body.app .sidebar-logo {
  background-color: #1e1e1e !important;
  border-color: #333333 !important;
}

html.threads-dark-mode body.app .sidebar {
  box-shadow: 2px 0 12px rgba(0, 0, 0, 0.45);
}

html.threads-dark-mode body.app .header.navbar {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

html.threads-dark-mode body.app .header a,
html.threads-dark-mode body.app .header span,
html.threads-dark-mode body.app .header i,
html.threads-dark-mode body.app .sidebar-menu .title,
html.threads-dark-mode body.app .sidebar-menu .icon-holder {
  color: #cccccc !important;
}

html.threads-dark-mode body.app .sidebar-menu .nav-item .sub-menu {
  background-color: #252525 !important;
}

html.threads-dark-mode
  body.app
  .sidebar-menu
  .nav-item
  .sub-menu
  .nav-question {
  background-color: #1a2d1a !important;
}

html.threads-dark-mode body.app .sidebar-menu .nav-item .sub-menu .divider {
  border-bottom-color: #3a3a3a;
}

html.threads-dark-mode body.app .sidebar-menu .sidebar-link:hover,
html.threads-dark-mode body.app .sidebar-menu .sidebar-link:focus,
html.threads-dark-mode
  body.app
  .sidebar-menu
  .nav-item
  .sub-menu
  .nav-item:hover {
  background-color: #2a2a2a !important;
}

html.threads-dark-mode
  body.app
  .sidebar-menu
  .nav-item
  .sub-menu
  .nav-item:hover {
  border-left-color: #92af2b !important;
}

html.threads-dark-mode body.app .sidebar-menu .sidebar-link.actived::before {
  background-color: #92af2b !important;
}

html.threads-dark-mode body.app .sidebar-menu .actived .title,
html.threads-dark-mode body.app .sidebar-menu .actived .icon-holder,
html.threads-dark-mode body.app .sidebar-menu li a:hover .icon-holder,
html.threads-dark-mode body.app .sidebar-menu li a:focus .icon-holder {
  color: #a8c832 !important;
}

/* Shared Books mass-upload control in the sidebar. */
html.threads-dark-mode body.app #massBookUpload.dropzone.btn-mass-import {
  border: 1px solid #666666 !important;
  background: #252525 !important;
  color: #a8c832 !important;
  box-shadow: none !important;
}

html.threads-dark-mode
  body.app
  #massBookUpload.dropzone.btn-mass-import
  .dz-message,
html.threads-dark-mode
  body.app
  #massBookUpload.dropzone.btn-mass-import
  .dz-message
  i {
  background: transparent !important;
  color: #a8c832 !important;
}

html.threads-dark-mode body.app #massBookUpload.dropzone.btn-mass-import:hover,
html.threads-dark-mode body.app #massBookUpload.dropzone.btn-mass-import:focus,
html.threads-dark-mode
  body.app
  #massBookUpload.dropzone.btn-mass-import.dz-drag-hover {
  border-color: #a8c832 !important;
  background: #2a2a2a !important;
  color: #bddb51 !important;
}

html.threads-dark-mode
  body.app
  #massBookUpload.dropzone.btn-mass-import:hover
  .dz-message,
html.threads-dark-mode
  body.app
  #massBookUpload.dropzone.btn-mass-import:hover
  .dz-message
  i,
html.threads-dark-mode
  body.app
  #massBookUpload.dropzone.btn-mass-import:focus
  .dz-message,
html.threads-dark-mode
  body.app
  #massBookUpload.dropzone.btn-mass-import:focus
  .dz-message
  i,
html.threads-dark-mode
  body.app
  #massBookUpload.dropzone.btn-mass-import.dz-drag-hover
  .dz-message,
html.threads-dark-mode
  body.app
  #massBookUpload.dropzone.btn-mass-import.dz-drag-hover
  .dz-message
  i {
  color: #bddb51 !important;
}

html.threads-dark-mode body.app .main-content .layers-border,
html.threads-dark-mode body.app .main-content .layers-border-thin,
html.threads-dark-mode body.app .main-content .bgc-white {
  background-color: #1e1e1e !important;
  border-color: #444444 !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.7);
}

html.threads-dark-mode body.app .main-content h1,
html.threads-dark-mode body.app .main-content h2,
html.threads-dark-mode body.app .main-content h3,
html.threads-dark-mode body.app .main-content h4,
html.threads-dark-mode body.app .main-content h5,
html.threads-dark-mode body.app .main-content h6,
html.threads-dark-mode body.app .main-content b,
html.threads-dark-mode body.app .main-content strong,
html.threads-dark-mode body.app .main-content .layer-value,
html.threads-dark-mode body.app .main-content .dash-div-data {
  color: #e8e8e8 !important;
}

html.threads-dark-mode body.app .main-content a:not(.btn),
html.threads-dark-mode body.app .main-content a:not(.btn):visited {
  color: #a8c832 !important;
}

html.threads-dark-mode body.app .main-content a:not(.btn):hover,
html.threads-dark-mode body.app .main-content a:not(.btn):focus {
  color: #bddb51 !important;
}

html.threads-dark-mode body.app .text-muted,
html.threads-dark-mode body.app .announcement-date-panel,
html.threads-dark-mode body.app .announcement-meta {
  color: #aaaaaa !important;
}

html.threads-dark-mode body.app hr,
html.threads-dark-mode body.app hr.solid {
  border-color: #3a3a3a;
}

html.threads-dark-mode body.app .announcement-btn,
html.threads-dark-mode body.app .announcement-panel {
  border-color: #3a3a3a;
  background-color: #1e1e1e;
  color: #cccccc;
}

html.threads-dark-mode body.app .announcement-btn:hover {
  background-color: #252525;
}

html.threads-dark-mode body.app .announcement-btn[aria-expanded="true"] {
  background-color: #2a2a2a;
}

html.threads-dark-mode body.app .announcement-title {
  color: #e8e8e8;
}

html.threads-dark-mode body.app .announcement-icon {
  background-color: #333333;
  color: #a8c832;
}

html.threads-dark-mode
  body.app
  .announcement-btn[aria-expanded="true"]
  .announcement-icon {
  background-color: #92af2b;
  color: #ffffff;
}

html.threads-dark-mode body.app .announcement-body {
  border-top-color: #3a3a3a;
}

html.threads-dark-mode body.app input,
html.threads-dark-mode body.app select,
html.threads-dark-mode body.app textarea,
html.threads-dark-mode body.app .form-control {
  border-color: #555555 !important;
  background-color: #2a2a2a !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.app input::placeholder,
html.threads-dark-mode body.app textarea::placeholder {
  color: #aaaaaa !important;
}

html.threads-dark-mode body.app input:focus,
html.threads-dark-mode body.app select:focus,
html.threads-dark-mode body.app textarea:focus,
html.threads-dark-mode body.app .form-control:focus {
  border-color: #92af2b !important;
  box-shadow: 0 0 0 0.2rem rgba(146, 175, 43, 0.2) !important;
}

html.threads-dark-mode body.app #myBtn {
  border: 1px solid #555555;
  background-color: #2a2a2a;
  color: #a8c832;
}

html.threads-dark-mode body.app .dropdown-menu {
  border-color: #444444;
  background-color: #1e1e1e;
  color: #cccccc;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.55);
}

html.threads-dark-mode body.app .dropdown-menu .divider {
  border-color: #3a3a3a;
}

html.threads-dark-mode body.app .dropdown-menu a {
  color: #cccccc !important;
}

html.threads-dark-mode body.app .dropdown-menu a:hover,
html.threads-dark-mode body.app .dropdown-menu a:focus {
  background-color: #2a2a2a !important;
  color: #a8c832 !important;
}

html.threads-dark-mode body.app .dashboard-active-users-badge {
  border-color: #444444;
  background-color: #1e1e1e;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55);
}

html.threads-dark-mode body.app .dashboard-active-users-badge .badge-label {
  color: #aaaaaa;
}

html.threads-dark-mode body.app .dashboard-active-users-badge .badge-value {
  color: #e8e8e8;
}

html.threads-dark-mode body.app .active-users-modal-content,
html.threads-dark-mode body.app .active-users-modal-header,
html.threads-dark-mode body.app .modal-body {
  border-color: #444444;
  background-color: #1e1e1e;
  color: #cccccc;
}

html.threads-dark-mode body.app .active-users-modal-header {
  border-bottom-color: #92af2b;
}

html.threads-dark-mode body.app .active-users-modal-title,
html.threads-dark-mode body.app .active-users-table thead th {
  color: #e8e8e8;
}

html.threads-dark-mode body.app .modal-header .close {
  color: #e8e8e8;
  text-shadow: none;
  opacity: 0.85;
}

html.threads-dark-mode body.app .table {
  background-color: #1e1e1e;
  color: #cccccc;
}

html.threads-dark-mode body.app .table th,
html.threads-dark-mode body.app .table td {
  border-color: #444444;
}

html.threads-dark-mode body.app .table-striped tbody tr:nth-of-type(odd) {
  background-color: #252525;
}

html.threads-dark-mode body.app .table-striped tbody tr:nth-of-type(even) {
  background-color: #1e1e1e;
}

html.threads-dark-mode body.app .cms-dark-mode-toggle {
  background-color: #92af2b;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.55);
}

html.threads-dark-mode body.app .cms-dark-mode-toggle:hover {
  background-color: #a8c832;
  box-shadow: 0 6px 20px rgba(146, 175, 43, 0.35);
}

/* The source PNGs have transparent backgrounds and black artwork. */
html.threads-dark-mode body.app .dashboard-stat-icon {
  filter: brightness(0) invert(1);
}

/* Shared controls for the supported admin pages */
html.threads-dark-mode body.app .btn-outline-purple-custom,
html.threads-dark-mode body.app .btn-outline-info-custom,
html.threads-dark-mode body.app .btn-default,
html.threads-dark-mode body.app .dt-button {
  border-color: #666666 !important;
  background-color: #252525 !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.app .btn-outline-purple-custom:hover,
html.threads-dark-mode body.app .btn-outline-purple-custom:focus,
html.threads-dark-mode body.app .btn-outline-info-custom:hover,
html.threads-dark-mode body.app .btn-outline-info-custom:focus,
html.threads-dark-mode body.app .btn-default:hover,
html.threads-dark-mode body.app .btn-default:focus,
html.threads-dark-mode body.app .dt-button:hover,
html.threads-dark-mode body.app .dt-button:focus {
  border-color: #a8c832 !important;
  background-color: #2a2a2a !important;
  color: #a8c832 !important;
}

html.threads-dark-mode body.app .btn-create,
html.threads-dark-mode body.app .btn-merge {
  border-color: #92af2b !important;
  background-color: #92af2b !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.app .btn-create:hover,
html.threads-dark-mode body.app .btn-create:focus,
html.threads-dark-mode body.app .btn-merge:hover,
html.threads-dark-mode body.app .btn-merge:focus {
  border-color: #a8c832 !important;
  background-color: #a8c832 !important;
}

html.threads-dark-mode body.app .btn-cancel,
html.threads-dark-mode body.app .btn-secondary {
  border-color: #666666 !important;
  background-color: #333333 !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.app .btn-cancel:hover,
html.threads-dark-mode body.app .btn-cancel:focus,
html.threads-dark-mode body.app .btn-secondary:hover,
html.threads-dark-mode body.app .btn-secondary:focus {
  border-color: #a8c832 !important;
  background-color: #3a3a3a !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.app .link-disabled,
html.threads-dark-mode body.app .link-disabled * {
  border-color: #444444 !important;
  background-color: #252525 !important;
  color: #777777 !important;
}

html.threads-dark-mode body.app .alert {
  border-color: #444444;
  background-color: #252525;
  color: #e0e0e0;
}

html.threads-dark-mode body.app .alert-success {
  border-color: #3f5b28;
  background-color: #1a2d1a;
  color: #c8e59b;
}

html.threads-dark-mode body.app .alert-danger {
  border-color: #713a3a;
  background-color: #321c1c;
  color: #f0b6b6;
}

html.threads-dark-mode body.app input[type="checkbox"] {
  accent-color: #92af2b;
}

html.threads-dark-mode body.app input[readonly],
html.threads-dark-mode body.app textarea[readonly],
html.threads-dark-mode body.app .form-control:disabled,
html.threads-dark-mode body.app .form-control[readonly] {
  background-color: #252525 !important;
  color: #aaaaaa !important;
}

html.threads-dark-mode body.app select option {
  background-color: #2a2a2a;
  color: #e0e0e0;
}

html.threads-dark-mode body.app .required,
html.threads-dark-mode body.app .parsley-errors-list {
  color: #f0a3a3 !important;
}

html.threads-dark-mode body.app .form-control.parsley-error,
html.threads-dark-mode body.app .parsley-error .form-control,
html.threads-dark-mode body.app .parsley-error + .select2 .select2-selection {
  border-color: #d66b6b !important;
}

/* Reporting pages */
html.threads-dark-mode body.cms-page-reporting .rpt-card,
html.threads-dark-mode body.cms-page-thema .rpt-card {
  border-color: #444444;
  background-color: #1e1e1e;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.65);
}

html.threads-dark-mode body.cms-page-reporting .rpt-card:hover,
html.threads-dark-mode body.cms-page-thema .rpt-card:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.75);
}

html.threads-dark-mode body.cms-page-reporting .rpt-card-header,
html.threads-dark-mode body.cms-page-thema .rpt-card-header {
  border-bottom-color: #3a3a3a;
}

html.threads-dark-mode body.cms-page-reporting .rpt-card-header i,
html.threads-dark-mode body.cms-page-thema .rpt-card-header i {
  color: #a8c832;
  opacity: 1;
}

html.threads-dark-mode body.cms-page-reporting .rpt-card-header h5,
html.threads-dark-mode body.cms-page-thema .rpt-card-header h5,
html.threads-dark-mode body.cms-page-reporting .rpt-form-group label,
html.threads-dark-mode body.cms-page-thema .rpt-form-group label {
  color: #e8e8e8;
}

html.threads-dark-mode body.cms-page-reporting .rpt-section-subtitle,
html.threads-dark-mode body.cms-page-thema .rpt-section-subtitle {
  color: #aaaaaa;
}

html.threads-dark-mode body.cms-page-reporting .rpt-btn,
html.threads-dark-mode body.cms-page-thema .rpt-btn {
  border-color: #666666;
  background-color: #252525;
  color: #d5d5d5;
}

html.threads-dark-mode body.cms-page-reporting .rpt-btn:hover,
html.threads-dark-mode body.cms-page-reporting .rpt-btn:focus,
html.threads-dark-mode body.cms-page-thema .rpt-btn:hover,
html.threads-dark-mode body.cms-page-thema .rpt-btn:focus {
  border-color: #a8c832;
  background-color: #2a2a2a;
  color: #a8c832;
}

html.threads-dark-mode body.cms-page-reporting .rpt-btn-accent,
html.threads-dark-mode body.cms-page-thema .rpt-btn-accent {
  border-color: #92af2b;
  background-color: #92af2b;
  color: #ffffff;
}

html.threads-dark-mode body.cms-page-reporting .rpt-btn-accent:hover,
html.threads-dark-mode body.cms-page-reporting .rpt-btn-accent:focus,
html.threads-dark-mode body.cms-page-thema .rpt-btn-accent:hover,
html.threads-dark-mode body.cms-page-thema .rpt-btn-accent:focus {
  border-color: #a8c832;
  background-color: #a8c832;
  color: #ffffff;
}

html.threads-dark-mode body.cms-page-reporting .rpt-import-card {
  border-color: #555555;
  background-color: #252525;
}

html.threads-dark-mode body.cms-page-reporting .rpt-import-card:hover {
  border-color: #92af2b;
  background-color: #2a2a2a;
}

html.threads-dark-mode body.cms-page-reporting .rpt-import-card h6 {
  color: #e0e0e0;
}

html.threads-dark-mode
  body.cms-page-reporting
  .rpt-import-card
  .btn-mass-import,
html.threads-dark-mode body.cms-page-reporting .dropzone {
  border-color: #666666;
  background-color: #1e1e1e;
  color: #a8c832;
}

html.threads-dark-mode
  body.cms-page-reporting
  .rpt-import-card
  .btn-mass-import:hover,
html.threads-dark-mode body.cms-page-reporting .dropzone:hover,
html.threads-dark-mode body.cms-page-reporting .dropzone.dz-drag-hover {
  border-color: #a8c832;
  background-color: #2a2a2a;
  color: #bddb51;
}

html.threads-dark-mode
  body.cms-page-reporting
  .dropzone
  .dz-preview.dz-file-preview
  .dz-image,
html.threads-dark-mode
  body.cms-page-reporting
  .dropzone
  .dz-preview.dz-image-preview {
  background: #2a2a2a;
}

html.threads-dark-mode
  body.cms-page-reporting
  .dropzone
  .dz-preview
  .dz-details {
  color: #e0e0e0;
}

/* DataTables used by Reporting, Audit, and Thema Classification */
html.threads-dark-mode body.app .dataTables_wrapper,
html.threads-dark-mode body.app .dataTables_wrapper label,
html.threads-dark-mode body.app .dataTables_wrapper .dataTables_info,
html.threads-dark-mode body.app .dataTables_wrapper .dataTables_length,
html.threads-dark-mode body.app .dataTables_wrapper .dataTables_filter {
  color: #cccccc !important;
}

html.threads-dark-mode body.app table.dataTable,
html.threads-dark-mode body.app table.dataTable thead th,
html.threads-dark-mode body.app table.dataTable thead td,
html.threads-dark-mode body.app table.dataTable tbody th,
html.threads-dark-mode body.app table.dataTable tbody td {
  border-color: #444444 !important;
  color: #cccccc;
}

html.threads-dark-mode body.app table.dataTable thead th,
html.threads-dark-mode body.app table.dataTable thead td {
  background-color: #252525;
  color: #e8e8e8;
}

html.threads-dark-mode body.app table.dataTable tbody tr,
html.threads-dark-mode body.app table.dataTable.display tbody tr,
html.threads-dark-mode body.app table.dataTable.stripe tbody tr {
  background-color: #1e1e1e !important;
}

html.threads-dark-mode body.app table.dataTable tbody tr.odd,
html.threads-dark-mode body.app table.dataTable.stripe tbody tr.odd,
html.threads-dark-mode body.app table.dataTable.display tbody tr.odd {
  background-color: #252525 !important;
}

html.threads-dark-mode body.app table.dataTable tbody tr:hover,
html.threads-dark-mode body.app table.dataTable.display tbody tr:hover {
  background-color: #2d2d2d !important;
}

html.threads-dark-mode
  body.app
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button {
  border-color: transparent !important;
  background: transparent !important;
  color: #aaaaaa !important;
}

html.threads-dark-mode
  body.app
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button:hover,
html.threads-dark-mode
  body.app
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button:focus {
  border-color: #555555 !important;
  background: #2a2a2a !important;
  color: #e8e8e8 !important;
}

html.threads-dark-mode
  body.app
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.current,
html.threads-dark-mode
  body.app
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.current:hover {
  border-color: #92af2b !important;
  background: #92af2b !important;
  color: #ffffff !important;
}

html.threads-dark-mode
  body.app
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.disabled,
html.threads-dark-mode
  body.app
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.disabled:hover {
  border-color: transparent !important;
  background: transparent !important;
  color: #666666 !important;
}

html.threads-dark-mode body.app div.dataTables_processing {
  border: 1px solid #444444;
  background-color: rgba(30, 30, 30, 0.96);
  color: #e0e0e0;
}

html.threads-dark-mode body.app .dataTables_wrapper .dataTables_length select,
html.threads-dark-mode body.app .dataTables_wrapper .dataTables_filter input {
  border-color: #555555 !important;
  background-color: #2a2a2a !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.app table.dataTable.no-footer {
  border-bottom-color: #555555 !important;
}

html.threads-dark-mode body.app table.dataTable thead .sorting::before,
html.threads-dark-mode body.app table.dataTable thead .sorting::after,
html.threads-dark-mode body.app table.dataTable thead .sorting_asc::before,
html.threads-dark-mode body.app table.dataTable thead .sorting_asc::after,
html.threads-dark-mode body.app table.dataTable thead .sorting_desc::before,
html.threads-dark-mode body.app table.dataTable thead .sorting_desc::after {
  color: #a8c832 !important;
}

html.threads-dark-mode body.app .datatable-spinner {
  background-color: #92af2b;
}

/*
 * Reporting time-result pages
 * - book_by_add_time
 * - book_by_add_time_mir
 * - book_by_pub_time
 * - book_by_pub_time_mir
 */
html.threads-dark-mode body.cms-page-reporting #bbat_table_wrapper,
html.threads-dark-mode body.cms-page-reporting #bbpt_table_wrapper,
html.threads-dark-mode
  body.cms-page-reporting
  #bbat_table_wrapper
  .dataTables_scroll,
html.threads-dark-mode
  body.cms-page-reporting
  #bbpt_table_wrapper
  .dataTables_scroll,
html.threads-dark-mode
  body.cms-page-reporting
  #bbat_table_wrapper
  .dataTables_scrollHead,
html.threads-dark-mode
  body.cms-page-reporting
  #bbpt_table_wrapper
  .dataTables_scrollHead,
html.threads-dark-mode
  body.cms-page-reporting
  #bbat_table_wrapper
  .dataTables_scrollBody,
html.threads-dark-mode
  body.cms-page-reporting
  #bbpt_table_wrapper
  .dataTables_scrollBody {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-reporting #bbat_table,
html.threads-dark-mode body.cms-page-reporting #bbpt_table {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-reporting #bbat_table > thead > tr > th,
html.threads-dark-mode body.cms-page-reporting #bbpt_table > thead > tr > th {
  border-color: #555555 !important;
  background-color: #252525 !important;
  color: #e8e8e8 !important;
}

html.threads-dark-mode
  body.cms-page-reporting
  #bbat_table
  > thead
  > tr
  > th::before,
html.threads-dark-mode
  body.cms-page-reporting
  #bbat_table
  > thead
  > tr
  > th::after,
html.threads-dark-mode
  body.cms-page-reporting
  #bbpt_table
  > thead
  > tr
  > th::before,
html.threads-dark-mode
  body.cms-page-reporting
  #bbpt_table
  > thead
  > tr
  > th::after {
  color: #a8c832 !important;
  opacity: 0.65;
}

html.threads-dark-mode body.cms-page-reporting #bbat_table > tbody > tr,
html.threads-dark-mode body.cms-page-reporting #bbat_table > tbody > tr > *,
html.threads-dark-mode body.cms-page-reporting #bbpt_table > tbody > tr,
html.threads-dark-mode body.cms-page-reporting #bbpt_table > tbody > tr > * {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  color: #cccccc !important;
  box-shadow: none !important;
}

html.threads-dark-mode
  body.cms-page-reporting
  #bbat_table
  > tbody
  > tr:nth-child(odd),
html.threads-dark-mode
  body.cms-page-reporting
  #bbat_table
  > tbody
  > tr:nth-child(odd)
  > *,
html.threads-dark-mode
  body.cms-page-reporting
  #bbpt_table
  > tbody
  > tr:nth-child(odd),
html.threads-dark-mode
  body.cms-page-reporting
  #bbpt_table
  > tbody
  > tr:nth-child(odd)
  > * {
  background-color: #252525 !important;
}

html.threads-dark-mode body.cms-page-reporting #bbat_table > tbody > tr:hover,
html.threads-dark-mode
  body.cms-page-reporting
  #bbat_table
  > tbody
  > tr:hover
  > *,
html.threads-dark-mode body.cms-page-reporting #bbpt_table > tbody > tr:hover,
html.threads-dark-mode
  body.cms-page-reporting
  #bbpt_table
  > tbody
  > tr:hover
  > * {
  background-color: #2d2d2d !important;
  color: #e8e8e8 !important;
}

html.threads-dark-mode body.cms-page-reporting #bbat_table td.dataTables_empty,
html.threads-dark-mode body.cms-page-reporting #bbpt_table td.dataTables_empty {
  background-color: #1e1e1e !important;
  color: #aaaaaa !important;
}

html.threads-dark-mode
  body.cms-page-reporting
  #bbat_table_wrapper
  .dataTables_length
  select,
html.threads-dark-mode
  body.cms-page-reporting
  #bbpt_table_wrapper
  .dataTables_length
  select,
html.threads-dark-mode
  body.cms-page-reporting
  #bbat_table_wrapper
  .dataTables_filter
  input,
html.threads-dark-mode
  body.cms-page-reporting
  #bbpt_table_wrapper
  .dataTables_filter
  input {
  border-color: #555555 !important;
  background-color: #2a2a2a !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode
  body.cms-page-reporting
  #bbat_table_wrapper
  .dataTables_length,
html.threads-dark-mode
  body.cms-page-reporting
  #bbat_table_wrapper
  .dataTables_filter,
html.threads-dark-mode
  body.cms-page-reporting
  #bbat_table_wrapper
  .dataTables_info,
html.threads-dark-mode
  body.cms-page-reporting
  #bbat_table_wrapper
  .dataTables_paginate,
html.threads-dark-mode
  body.cms-page-reporting
  #bbpt_table_wrapper
  .dataTables_length,
html.threads-dark-mode
  body.cms-page-reporting
  #bbpt_table_wrapper
  .dataTables_filter,
html.threads-dark-mode
  body.cms-page-reporting
  #bbpt_table_wrapper
  .dataTables_info,
html.threads-dark-mode
  body.cms-page-reporting
  #bbpt_table_wrapper
  .dataTables_paginate {
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-reporting #bbat_table_wrapper .dt-buttons,
html.threads-dark-mode body.cms-page-reporting #bbpt_table_wrapper .dt-buttons {
  color: #cccccc;
}

html.threads-dark-mode
  body.cms-page-reporting
  #bbat_table_wrapper
  .dataTables_processing,
html.threads-dark-mode
  body.cms-page-reporting
  #bbpt_table_wrapper
  .dataTables_processing {
  border: 1px solid #555555;
  background-color: rgba(30, 30, 30, 0.96);
  color: #e0e0e0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.55);
}

html.threads-dark-mode
  body.cms-page-reporting
  #bbat_table_wrapper
  .datatable-spinner,
html.threads-dark-mode
  body.cms-page-reporting
  #bbpt_table_wrapper
  .datatable-spinner {
  background-color: #92af2b;
}

html.threads-dark-mode body.cms-page-reporting .overlay {
  background-color: rgba(18, 18, 18, 0.72);
}

/* Select2 fields and menus */
html.threads-dark-mode
  body.app
  .select2-container--default
  .select2-selection--single,
html.threads-dark-mode
  body.app
  .select2-container--default
  .select2-selection--multiple {
  border-color: #555555 !important;
  background-color: #2a2a2a !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode
  body.app
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
html.threads-dark-mode
  body.app
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered,
html.threads-dark-mode
  body.app
  .select2-container--default
  .select2-search--inline
  .select2-search__field {
  color: #e0e0e0 !important;
}

html.threads-dark-mode
  body.app
  .select2-container--default
  .select2-selection--single
  .select2-selection__placeholder,
html.threads-dark-mode
  body.app
  .select2-container--default
  .select2-search--inline
  .select2-search__field::placeholder {
  color: #aaaaaa !important;
}

html.threads-dark-mode
  body.app
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  border-color: #555555;
  background-color: #333333;
  color: #e0e0e0;
}

html.threads-dark-mode
  body.app
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #aaaaaa;
}

html.threads-dark-mode body.app .select2-dropdown,
html.threads-dark-mode
  body.app
  .select2-container--default
  .select2-results
  > .select2-results__options {
  border-color: #555555;
  background-color: #1e1e1e;
  color: #e0e0e0;
}

html.threads-dark-mode
  body.app
  .select2-container--default
  .select2-results__option[aria-selected="true"] {
  background-color: #333333;
}

html.threads-dark-mode
  body.app
  .select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #92af2b;
  color: #ffffff;
}

html.threads-dark-mode
  body.app
  .select2-container--default
  .select2-search--dropdown
  .select2-search__field {
  border-color: #555555;
  background-color: #2a2a2a;
  color: #e0e0e0;
}

html.threads-dark-mode
  body.app
  .select2-container--default
  .select2-selection__clear,
html.threads-dark-mode
  body.app
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  color: #aaaaaa;
}

/*
 * List Data, Reviews, and Awards
 * These pages combine static forms with controls generated by DataTables,
 * Select2, and bootstrap-datepicker.
 */
html.threads-dark-mode body.cms-page-list-data .main-content label,
html.threads-dark-mode body.cms-page-reviews .main-content label,
html.threads-dark-mode body.cms-page-awards .main-content label {
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-list-data .table-responsive,
html.threads-dark-mode body.cms-page-reviews .table-responsive,
html.threads-dark-mode body.cms-page-awards .table-responsive {
  border-color: #444444;
  background-color: #1e1e1e;
}

html.threads-dark-mode body.cms-page-list-data table.dataTable tbody td,
html.threads-dark-mode body.cms-page-reviews table.dataTable tbody td,
html.threads-dark-mode body.cms-page-awards table.dataTable tbody td {
  background-color: transparent !important;
}

html.threads-dark-mode
  body.cms-page-list-data
  table.dataTable
  tbody
  tr:hover
  td,
html.threads-dark-mode body.cms-page-reviews table.dataTable tbody tr:hover td,
html.threads-dark-mode body.cms-page-awards table.dataTable tbody tr:hover td {
  background-color: #2d2d2d !important;
  color: #e8e8e8;
}

html.threads-dark-mode
  body.cms-page-list-data
  .dataTables_wrapper
  .dataTables_empty,
html.threads-dark-mode
  body.cms-page-reviews
  .dataTables_wrapper
  .dataTables_empty,
html.threads-dark-mode
  body.cms-page-awards
  .dataTables_wrapper
  .dataTables_empty {
  background-color: #1e1e1e !important;
  color: #aaaaaa !important;
}

html.threads-dark-mode
  body.cms-page-list-data
  .dataTables_wrapper
  .dataTables_length,
html.threads-dark-mode
  body.cms-page-reviews
  .dataTables_wrapper
  .dataTables_length,
html.threads-dark-mode
  body.cms-page-awards
  .dataTables_wrapper
  .dataTables_length {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 0;
}

html.threads-dark-mode
  body.cms-page-list-data
  .dataTables_wrapper
  .dataTables_processing,
html.threads-dark-mode
  body.cms-page-reviews
  .dataTables_wrapper
  .dataTables_processing,
html.threads-dark-mode
  body.cms-page-awards
  .dataTables_wrapper
  .dataTables_processing {
  border-color: #555555;
  background-color: rgba(30, 30, 30, 0.96);
  color: #e8e8e8;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.55);
}

html.threads-dark-mode
  body.cms-page-reviews
  .lock-update-status[style*="#009d21"] {
  border-color: #4c965b !important;
  background-color: #176c2b !important;
  color: #ffffff !important;
}

html.threads-dark-mode
  body.cms-page-reviews
  .lock-update-status[style*="#e6100c"] {
  border-color: #a85454 !important;
  background-color: #7c2424 !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-reviews #changeConnectionBtn {
  border-color: #617ca3 !important;
  background-color: #344b6c !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-awards #toggleButton {
  border-color: #666666 !important;
  background-color: #333333 !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.cms-page-awards #toggleButton:hover,
html.threads-dark-mode body.cms-page-awards #toggleButton:focus {
  border-color: #a8c832 !important;
  background-color: #3a3a3a !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-awards #example .btn {
  background-color: transparent !important;
  color: #a8c832 !important;
}

/* Reviews date filters. The popup is appended directly to body. */
html.threads-dark-mode body.cms-page-reviews .datepicker,
html.threads-dark-mode body.cms-page-reviews .datepicker-dropdown,
html.threads-dark-mode body.cms-page-reviews .datepicker table,
html.threads-dark-mode body.cms-page-reviews .datepicker table tr,
html.threads-dark-mode body.cms-page-reviews .datepicker table tr th,
html.threads-dark-mode body.cms-page-reviews .datepicker table tr td {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-reviews .datepicker .datepicker-switch,
html.threads-dark-mode body.cms-page-reviews .datepicker .prev,
html.threads-dark-mode body.cms-page-reviews .datepicker .next,
html.threads-dark-mode body.cms-page-reviews .datepicker .dow {
  color: #e8e8e8 !important;
}

html.threads-dark-mode
  body.cms-page-reviews
  .datepicker
  .datepicker-switch:hover,
html.threads-dark-mode body.cms-page-reviews .datepicker .prev:hover,
html.threads-dark-mode body.cms-page-reviews .datepicker .next:hover,
html.threads-dark-mode body.cms-page-reviews .datepicker tfoot tr th:hover,
html.threads-dark-mode body.cms-page-reviews .datepicker table tr td.day:hover,
html.threads-dark-mode body.cms-page-reviews .datepicker table tr td.focused,
html.threads-dark-mode body.cms-page-reviews .datepicker table tr td span:hover,
html.threads-dark-mode
  body.cms-page-reviews
  .datepicker
  table
  tr
  td
  span.focused {
  background-color: #333333 !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-reviews .datepicker table tr td.active,
html.threads-dark-mode
  body.cms-page-reviews
  .datepicker
  table
  tr
  td.active:hover,
html.threads-dark-mode
  body.cms-page-reviews
  .datepicker
  table
  tr
  td
  span.active,
html.threads-dark-mode
  body.cms-page-reviews
  .datepicker
  table
  tr
  td
  span.active:hover {
  border-color: #92af2b !important;
  background: #92af2b !important;
  color: #ffffff !important;
  text-shadow: none !important;
}

html.threads-dark-mode body.cms-page-reviews .datepicker table tr td.today,
html.threads-dark-mode
  body.cms-page-reviews
  .datepicker
  table
  tr
  td.today:hover {
  border-color: #657722 !important;
  background: #3c461c !important;
  color: #eef5d4 !important;
}

html.threads-dark-mode body.cms-page-reviews .datepicker table tr td.old,
html.threads-dark-mode body.cms-page-reviews .datepicker table tr td.new,
html.threads-dark-mode body.cms-page-reviews .datepicker table tr td.disabled,
html.threads-dark-mode
  body.cms-page-reviews
  .datepicker
  table
  tr
  td
  span.disabled {
  color: #707070 !important;
}

html.threads-dark-mode body.cms-page-reviews .datepicker-dropdown::before {
  border-bottom-color: #555555 !important;
}

html.threads-dark-mode body.cms-page-reviews .datepicker-dropdown::after {
  border-bottom-color: #1e1e1e !important;
}

/*
 * Roles, Users, and Announcements
 */
html.threads-dark-mode body.cms-page-roles .main-content label,
html.threads-dark-mode body.cms-page-users .main-content label,
html.threads-dark-mode body.cms-page-announcements .main-content label {
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-roles .table-responsive,
html.threads-dark-mode body.cms-page-users .table-responsive,
html.threads-dark-mode body.cms-page-announcements .table-responsive {
  border-color: #444444;
  background-color: #1e1e1e;
}

html.threads-dark-mode body.cms-page-roles table.dataTable tbody td,
html.threads-dark-mode body.cms-page-users table.dataTable tbody td,
html.threads-dark-mode body.cms-page-announcements table.dataTable tbody td {
  background-color: transparent !important;
}

html.threads-dark-mode body.cms-page-roles table.dataTable tbody tr:hover td,
html.threads-dark-mode body.cms-page-users table.dataTable tbody tr:hover td,
html.threads-dark-mode
  body.cms-page-announcements
  table.dataTable
  tbody
  tr:hover
  td {
  background-color: #2d2d2d !important;
  color: #e8e8e8;
}

html.threads-dark-mode
  body.cms-page-roles
  table.dataTable
  .list-inline-item
  .btn,
html.threads-dark-mode
  body.cms-page-users
  table.dataTable
  .list-inline-item
  .btn,
html.threads-dark-mode
  body.cms-page-announcements
  table.dataTable
  .list-inline-item
  .btn {
  border-color: transparent !important;
  background-color: transparent !important;
  color: #a8c832 !important;
}

html.threads-dark-mode body.cms-page-roles table.dataTable .btn-delete-role,
html.threads-dark-mode body.cms-page-users table.dataTable .btn-delete-user,
html.threads-dark-mode
  body.cms-page-announcements
  table.dataTable
  .btn-delete-announcement {
  color: #ff817b !important;
}

html.threads-dark-mode
  body.cms-page-roles
  table.dataTable
  .list-inline-item
  .btn:hover,
html.threads-dark-mode
  body.cms-page-roles
  table.dataTable
  .list-inline-item
  .btn:focus,
html.threads-dark-mode
  body.cms-page-users
  table.dataTable
  .list-inline-item
  .btn:hover,
html.threads-dark-mode
  body.cms-page-users
  table.dataTable
  .list-inline-item
  .btn:focus,
html.threads-dark-mode
  body.cms-page-announcements
  table.dataTable
  .list-inline-item
  .btn:hover,
html.threads-dark-mode
  body.cms-page-announcements
  table.dataTable
  .list-inline-item
  .btn:focus {
  background-color: #383838 !important;
}

html.threads-dark-mode
  body.cms-page-roles
  table.dataTable
  .list-inline-item
  .btn.link-disabled,
html.threads-dark-mode
  body.cms-page-roles
  table.dataTable
  .list-inline-item
  .btn.link-disabled
  *,
html.threads-dark-mode
  body.cms-page-users
  table.dataTable
  .list-inline-item
  .btn.link-disabled,
html.threads-dark-mode
  body.cms-page-users
  table.dataTable
  .list-inline-item
  .btn.link-disabled
  *,
html.threads-dark-mode
  body.cms-page-announcements
  table.dataTable
  .list-inline-item
  .btn.link-disabled,
html.threads-dark-mode
  body.cms-page-announcements
  table.dataTable
  .list-inline-item
  .btn.link-disabled
  * {
  border-color: transparent !important;
  background-color: #252525 !important;
  color: #777777 !important;
}

html.threads-dark-mode body.cms-page-roles .icheckbox_square-green.disabled,
html.threads-dark-mode body.cms-page-users .icheckbox_square-green.disabled {
  opacity: 0.55;
}

html.threads-dark-mode body.cms-page-users .text-success {
  color: #8bd17c !important;
}

html.threads-dark-mode body.cms-page-users .text-danger,
html.threads-dark-mode body.cms-page-announcements .text-danger {
  color: #ff8a84 !important;
}

html.threads-dark-mode body.cms-page-users .btn-excel-export-1 {
  border-color: #4f792d !important;
  background-color: #315222 !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-users .btn-excel-export-1:hover,
html.threads-dark-mode body.cms-page-users .btn-excel-export-1:focus {
  border-color: #a8c832 !important;
  background-color: #3f672c !important;
}

html.threads-dark-mode body.cms-page-users .modal-content,
html.threads-dark-mode body.cms-page-users .modal-header,
html.threads-dark-mode body.cms-page-users .modal-body,
html.threads-dark-mode body.cms-page-users .modal-footer {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-users .modal-header {
  border-bottom-color: #555555 !important;
}

html.threads-dark-mode body.cms-page-users .modal-footer {
  border-top-color: #444444 !important;
}

html.threads-dark-mode body.cms-page-users .modal-header .close {
  color: #e8e8e8 !important;
  text-shadow: none;
  opacity: 0.85;
}

html.threads-dark-mode
  body.cms-page-users
  .select2-container--default.select2-container--disabled
  .select2-selection {
  border-color: #444444 !important;
  background-color: #252525 !important;
}

/* Keep embedded announcement content legible even when it carries light-mode inline colors. */
html.threads-dark-mode
  body.cms-page-announcements
  #ann_table
  tbody
  td:nth-child(2),
html.threads-dark-mode
  body.cms-page-announcements
  #ann_table
  tbody
  td:nth-child(2)
  p,
html.threads-dark-mode
  body.cms-page-announcements
  #ann_table
  tbody
  td:nth-child(2)
  span,
html.threads-dark-mode
  body.cms-page-announcements
  #ann_table
  tbody
  td:nth-child(2)
  div,
html.threads-dark-mode
  body.cms-page-announcements
  #ann_table
  tbody
  td:nth-child(2)
  strong,
html.threads-dark-mode
  body.cms-page-announcements
  #ann_table
  tbody
  td:nth-child(2)
  em,
html.threads-dark-mode
  body.cms-page-announcements
  #ann_table
  tbody
  td:nth-child(2)
  * {
  background-color: transparent !important;
  color: #cccccc !important;
}

html.threads-dark-mode
  body.cms-page-announcements
  #ann_table
  tbody
  td:nth-child(2)
  a {
  color: #a8c832 !important;
}

html.threads-dark-mode
  body.cms-page-announcements
  #ann_table
  tbody
  td:nth-child(2)
  table,
html.threads-dark-mode
  body.cms-page-announcements
  #ann_table
  tbody
  td:nth-child(2)
  th,
html.threads-dark-mode
  body.cms-page-announcements
  #ann_table
  tbody
  td:nth-child(2)
  td {
  border-color: #555555 !important;
}

/* Summernote editor on the announcement edit page. */
html.threads-dark-mode body.cms-page-announcements .note-editor.note-frame,
html.threads-dark-mode body.cms-page-announcements .note-editor.note-airframe {
  border-color: #555555 !important;
  background-color: #1e1e1e !important;
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-announcements .note-editor .note-toolbar,
html.threads-dark-mode
  body.cms-page-announcements
  .note-popover
  .popover-content,
html.threads-dark-mode
  body.cms-page-announcements
  .note-editor
  .note-statusbar {
  border-color: #444444 !important;
  background-color: #252525 !important;
}

html.threads-dark-mode
  body.cms-page-announcements
  .note-editor
  .note-editing-area,
html.threads-dark-mode body.cms-page-announcements .note-editor .note-editable {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.cms-page-announcements .note-editor .note-codable {
  border-color: #444444 !important;
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode
  body.cms-page-announcements
  .note-editor
  .note-placeholder {
  color: #888888 !important;
}

html.threads-dark-mode body.cms-page-announcements .note-editor .note-btn,
html.threads-dark-mode body.cms-page-announcements .note-popover .note-btn {
  border-color: #555555 !important;
  background-color: #333333 !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.cms-page-announcements .note-editor .note-btn:hover,
html.threads-dark-mode body.cms-page-announcements .note-editor .note-btn:focus,
html.threads-dark-mode
  body.cms-page-announcements
  .note-editor
  .note-btn.active,
html.threads-dark-mode
  body.cms-page-announcements
  .note-popover
  .note-btn:hover,
html.threads-dark-mode
  body.cms-page-announcements
  .note-popover
  .note-btn:focus {
  border-color: #a8c832 !important;
  background-color: #3a3a3a !important;
  color: #ffffff !important;
}

html.threads-dark-mode
  body.cms-page-announcements
  .note-editor
  .note-dropdown-menu,
html.threads-dark-mode
  body.cms-page-announcements
  .note-popover
  .note-dropdown-menu,
html.threads-dark-mode body.cms-page-announcements .note-popover.popover {
  border-color: #555555 !important;
  background-color: #252525 !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode
  body.cms-page-announcements
  .note-editor
  .note-dropdown-menu
  a,
html.threads-dark-mode
  body.cms-page-announcements
  .note-popover
  .note-dropdown-menu
  a {
  color: #e0e0e0 !important;
}

html.threads-dark-mode
  body.cms-page-announcements
  .note-editor
  .note-dropdown-menu
  a:hover,
html.threads-dark-mode
  body.cms-page-announcements
  .note-editor
  .note-dropdown-menu
  a:focus,
html.threads-dark-mode
  body.cms-page-announcements
  .note-popover
  .note-dropdown-menu
  a:hover,
html.threads-dark-mode
  body.cms-page-announcements
  .note-popover
  .note-dropdown-menu
  a:focus {
  background-color: #333333 !important;
  color: #a8c832 !important;
}

html.threads-dark-mode
  body.cms-page-announcements
  .note-editor
  .note-statusbar
  .note-resizebar
  .note-icon-bar {
  border-top-color: #888888 !important;
}

html.threads-dark-mode body.cms-page-announcements .note-modal .modal-content,
html.threads-dark-mode body.cms-page-announcements .note-modal .modal-header,
html.threads-dark-mode body.cms-page-announcements .note-modal .modal-body,
html.threads-dark-mode body.cms-page-announcements .note-modal .modal-footer {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc;
}

/*
 * Publishers index, create/edit forms, and Bookstore Applications
 */
html.threads-dark-mode body.cms-page-publishers .main-content label,
html.threads-dark-mode body.cms-page-publishers .pub-fields,
html.threads-dark-mode body.cms-page-publishers .bs-detail-grid .detail-item {
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-publishers .table-responsive {
  border-color: #444444;
  background-color: #1e1e1e;
}

html.threads-dark-mode body.cms-page-publishers #publishers tbody td {
  background-color: transparent !important;
}

html.threads-dark-mode body.cms-page-publishers #publishers tbody tr:hover td {
  background-color: #2d2d2d !important;
  color: #e8e8e8;
}

html.threads-dark-mode
  body.cms-page-publishers
  #publishers_wrapper
  .dataTables_length {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 0;
}

html.threads-dark-mode
  body.cms-page-publishers
  #publishers_wrapper
  .dataTables_processing {
  border-color: #555555;
  background-color: rgba(30, 30, 30, 0.96);
  color: #e8e8e8;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.55);
}

html.threads-dark-mode body.cms-page-publishers .export-dropdown-pub {
  border-color: #444444;
  background-color: #1e1e1e;
}

html.threads-dark-mode body.cms-page-publishers .pub-section-card {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.55);
}

html.threads-dark-mode
  body.cms-page-publishers
  .pub-section-card
  .section-title,
html.threads-dark-mode
  body.cms-page-publishers
  .pub-header-info
  .contr-id-label {
  color: #aaaaaa !important;
}

html.threads-dark-mode
  body.cms-page-publishers
  .pub-section-card
  .group-heading,
html.threads-dark-mode body.cms-page-publishers .pub-header-info h3 {
  color: #e8e8e8 !important;
}

html.threads-dark-mode
  body.cms-page-publishers
  .pub-section-card
  .section-title-hr {
  border-color: #444444 !important;
}

html.threads-dark-mode body.cms-page-publishers .pub-header-card .contr-image {
  border: 1px solid #555555;
  background-color: #f1f1f1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
}

html.threads-dark-mode body.cms-page-publishers .badge-secondary {
  border: 1px solid #555555;
  background-color: #333333;
  color: #e0e0e0;
}

html.threads-dark-mode body.cms-page-publishers .btn-outline-info-custom-rev {
  border-color: #666666 !important;
  background-color: #252525 !important;
  color: #a8c832 !important;
}

html.threads-dark-mode
  body.cms-page-publishers
  .btn-outline-info-custom-rev:hover,
html.threads-dark-mode
  body.cms-page-publishers
  .btn-outline-info-custom-rev:focus {
  border-color: #a8c832 !important;
  background-color: #333333 !important;
  color: #bddb51 !important;
}

html.threads-dark-mode body.cms-page-publishers .workhours-table,
html.threads-dark-mode body.cms-page-publishers .workhours-table th,
html.threads-dark-mode body.cms-page-publishers .workhours-table td {
  border-color: #555555 !important;
  background-color: #252525 !important;
  color: #cccccc !important;
}

html.threads-dark-mode
  body.cms-page-publishers
  .select2-container--default.select2-container--disabled
  .select2-selection {
  border-color: #444444 !important;
  background-color: #252525 !important;
}

html.threads-dark-mode body.cms-page-publishers .dropzone {
  border-color: #666666 !important;
  background-color: #252525 !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-publishers .dropzone:hover,
html.threads-dark-mode body.cms-page-publishers .dropzone.dz-drag-hover {
  border-color: #a8c832 !important;
  background-color: #2a2a2a !important;
}

html.threads-dark-mode body.cms-page-publishers .dropzone .dz-message,
html.threads-dark-mode body.cms-page-publishers .dropzone .dz-details,
html.threads-dark-mode body.cms-page-publishers .dropzone .dz-filename,
html.threads-dark-mode body.cms-page-publishers .dropzone .dz-size {
  color: #e0e0e0 !important;
}

html.threads-dark-mode
  body.cms-page-publishers
  .dropzone
  .dz-preview.dz-file-preview
  .dz-image,
html.threads-dark-mode
  body.cms-page-publishers
  .dropzone
  .dz-preview
  .dz-image {
  background: #333333 !important;
}

html.threads-dark-mode
  body.cms-page-publishers
  .dropzone
  .dz-preview.dz-image-preview {
  background-color: #2a2a2a !important;
}

html.threads-dark-mode
  body.cms-page-publishers
  .dropzone
  .dz-preview
  .dz-error-message {
  background-color: #7c2f2f !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-publishers .btn-mass-import {
  border-color: #666666 !important;
  background-color: #252525 !important;
  color: #a8c832 !important;
}

html.threads-dark-mode body.cms-page-publishers .btn-mass-import:hover,
html.threads-dark-mode body.cms-page-publishers .btn-mass-import:focus {
  border-color: #a8c832 !important;
  background-color: #333333 !important;
  color: #bddb51 !important;
}

html.threads-dark-mode body.cms-page-publishers .remove-imprint-1 {
  border-color: #d66b6b !important;
  background-color: #321c1c !important;
  color: #ff8a84 !important;
}

html.threads-dark-mode body.cms-page-publishers .link-disabled,
html.threads-dark-mode body.cms-page-publishers .link-disabled * {
  border-color: #444444 !important;
  background-color: #252525 !important;
  color: #777777 !important;
}

html.threads-dark-mode body.cms-page-publishers .modal-content,
html.threads-dark-mode body.cms-page-publishers .modal-header,
html.threads-dark-mode body.cms-page-publishers .modal-body,
html.threads-dark-mode body.cms-page-publishers .modal-footer {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-publishers .modal-header {
  border-bottom-color: #555555 !important;
}

html.threads-dark-mode body.cms-page-publishers .modal-footer {
  border-top-color: #444444 !important;
}

html.threads-dark-mode body.cms-page-publishers .modal-header .close {
  color: #ff8a84 !important;
  text-shadow: none;
  opacity: 0.9;
}

/* Summernote publisher-history editor. */
html.threads-dark-mode body.cms-page-publishers .note-editor.note-frame,
html.threads-dark-mode body.cms-page-publishers .note-editor.note-airframe {
  border-color: #555555 !important;
  background-color: #1e1e1e !important;
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-publishers .note-editor .note-toolbar,
html.threads-dark-mode body.cms-page-publishers .note-popover .popover-content,
html.threads-dark-mode body.cms-page-publishers .note-editor .note-statusbar {
  border-color: #444444 !important;
  background-color: #252525 !important;
}

html.threads-dark-mode body.cms-page-publishers .note-editor .note-editing-area,
html.threads-dark-mode body.cms-page-publishers .note-editor .note-editable {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.cms-page-publishers .note-editor .note-codable {
  border-color: #444444 !important;
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.cms-page-publishers .note-editor .note-placeholder {
  color: #888888 !important;
}

html.threads-dark-mode body.cms-page-publishers .note-editor .note-btn,
html.threads-dark-mode body.cms-page-publishers .note-popover .note-btn {
  border-color: #555555 !important;
  background-color: #333333 !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.cms-page-publishers .note-editor .note-btn:hover,
html.threads-dark-mode body.cms-page-publishers .note-editor .note-btn:focus,
html.threads-dark-mode body.cms-page-publishers .note-editor .note-btn.active,
html.threads-dark-mode body.cms-page-publishers .note-popover .note-btn:hover,
html.threads-dark-mode body.cms-page-publishers .note-popover .note-btn:focus {
  border-color: #a8c832 !important;
  background-color: #3a3a3a !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-publishers .note-editor .note-btn.disabled,
html.threads-dark-mode
  body.cms-page-publishers
  .note-editor
  .note-btn:disabled {
  border-color: #444444 !important;
  background-color: #252525 !important;
  color: #777777 !important;
}

html.threads-dark-mode
  body.cms-page-publishers
  .note-editor
  .note-dropdown-menu,
html.threads-dark-mode
  body.cms-page-publishers
  .note-popover
  .note-dropdown-menu,
html.threads-dark-mode body.cms-page-publishers .note-popover.popover {
  border-color: #555555 !important;
  background-color: #252525 !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode
  body.cms-page-publishers
  .note-editor
  .note-dropdown-menu
  a,
html.threads-dark-mode
  body.cms-page-publishers
  .note-popover
  .note-dropdown-menu
  a {
  color: #e0e0e0 !important;
}

html.threads-dark-mode
  body.cms-page-publishers
  .note-editor
  .note-dropdown-menu
  a:hover,
html.threads-dark-mode
  body.cms-page-publishers
  .note-editor
  .note-dropdown-menu
  a:focus,
html.threads-dark-mode
  body.cms-page-publishers
  .note-popover
  .note-dropdown-menu
  a:hover,
html.threads-dark-mode
  body.cms-page-publishers
  .note-popover
  .note-dropdown-menu
  a:focus {
  background-color: #333333 !important;
  color: #a8c832 !important;
}

html.threads-dark-mode
  body.cms-page-publishers
  .note-editor
  .note-statusbar
  .note-resizebar
  .note-icon-bar {
  border-top-color: #888888 !important;
}

html.threads-dark-mode body.cms-page-publishers .note-modal .modal-content,
html.threads-dark-mode body.cms-page-publishers .note-modal .modal-header,
html.threads-dark-mode body.cms-page-publishers .note-modal .modal-body,
html.threads-dark-mode body.cms-page-publishers .note-modal .modal-footer {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc;
}

/* Bookstore Applications is a regular server-rendered table, not DataTables. */
html.threads-dark-mode body.cms-page-publishers .bs-table,
html.threads-dark-mode body.cms-page-publishers .bs-table th,
html.threads-dark-mode body.cms-page-publishers .bs-table td {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-publishers .bs-table thead th {
  border-color: #555555 !important;
  background-color: #252525 !important;
  color: #e8e8e8 !important;
}

html.threads-dark-mode
  body.cms-page-publishers
  .bs-table
  tbody
  > tr:not(.bs-detail-row):hover
  > td {
  background-color: #2d2d2d !important;
  color: #e8e8e8 !important;
}

html.threads-dark-mode body.cms-page-publishers .bs-table .bs-detail-row > td {
  border-color: #444444 !important;
  background-color: #252525 !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-publishers .bs-detail-grid .detail-label {
  color: #aaaaaa !important;
}

html.threads-dark-mode body.cms-page-publishers .bs-toggle-btn {
  background-color: transparent !important;
  color: #a8c832 !important;
}

html.threads-dark-mode body.cms-page-publishers .bs-detail-grid img {
  border: 1px solid #555555;
  border-radius: 4px;
  background-color: #f1f1f1;
}

html.threads-dark-mode body.cms-page-publishers .bs-table .btn-success {
  border-color: #5b9343 !important;
  background-color: #315d2a !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-publishers .bs-table .btn-danger {
  border-color: #b85d5d !important;
  background-color: #7c2f2f !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-publishers .alert-info {
  border-color: #3d6475;
  background-color: #1c3038;
  color: #b8dce8;
}

/*
 * Contributors index, merge workspace, and edit form
 */
html.threads-dark-mode body.cms-page-contributors .main-content label,
html.threads-dark-mode body.cms-page-contributors .contr-fields,
html.threads-dark-mode body.cms-page-contributors .merge-first-panel,
html.threads-dark-mode body.cms-page-contributors .merge-second-panel {
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-contributors .table-responsive {
  border-color: #444444;
  background-color: #1e1e1e;
}

html.threads-dark-mode body.cms-page-contributors #contrs_table tbody td {
  background-color: transparent !important;
}

html.threads-dark-mode
  body.cms-page-contributors
  #contrs_table
  tbody
  tr:hover
  td {
  background-color: #2d2d2d !important;
  color: #e8e8e8;
}

html.threads-dark-mode
  body.cms-page-contributors
  #contrs_table_wrapper
  .dataTables_length {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 0;
}

html.threads-dark-mode
  body.cms-page-contributors
  #contrs_table_wrapper
  .dataTables_processing {
  border-color: #555555;
  background-color: rgba(30, 30, 30, 0.96);
  color: #e8e8e8;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.55);
}

html.threads-dark-mode body.cms-page-contributors .btn-excel-export-1,
html.threads-dark-mode body.cms-page-contributors .btn-print {
  border-color: #666666 !important;
  background-color: #252525 !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.cms-page-contributors .btn-excel-export-1:hover,
html.threads-dark-mode body.cms-page-contributors .btn-excel-export-1:focus,
html.threads-dark-mode body.cms-page-contributors .btn-print:hover,
html.threads-dark-mode body.cms-page-contributors .btn-print:focus {
  border-color: #a8c832 !important;
  background-color: #333333 !important;
  color: #a8c832 !important;
}

html.threads-dark-mode body.cms-page-contributors .contr-section-card {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.55);
}

html.threads-dark-mode
  body.cms-page-contributors
  .contr-section-card
  .section-title,
html.threads-dark-mode
  body.cms-page-contributors
  .contr-header-info
  .contr-id-label {
  color: #aaaaaa !important;
}

html.threads-dark-mode
  body.cms-page-contributors
  .contr-section-card
  .group-heading,
html.threads-dark-mode body.cms-page-contributors .contr-header-info h3 {
  color: #e8e8e8 !important;
}

html.threads-dark-mode
  body.cms-page-contributors
  .contr-section-card
  .section-title-hr {
  border-color: #444444 !important;
}

html.threads-dark-mode
  body.cms-page-contributors
  .contr-header-card
  .contr-image,
html.threads-dark-mode body.cms-page-contributors .approval-group img {
  border: 1px solid #555555;
  border-radius: 6px;
  background-color: #252525;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
}

html.threads-dark-mode body.cms-page-contributors .btn-outline-info-custom-rev {
  border-color: #666666 !important;
  background-color: #252525 !important;
  color: #a8c832 !important;
}

html.threads-dark-mode
  body.cms-page-contributors
  .btn-outline-info-custom-rev:hover,
html.threads-dark-mode
  body.cms-page-contributors
  .btn-outline-info-custom-rev:focus {
  border-color: #a8c832 !important;
  background-color: #333333 !important;
  color: #bddb51 !important;
}

html.threads-dark-mode body.cms-page-contributors .approval-group {
  margin-right: 0;
  margin-left: 0;
  padding: 10px 8px;
  border: 1px solid #444444;
  border-radius: 6px;
  background-color: #252525;
}

html.threads-dark-mode body.cms-page-contributors .no-approvals-message {
  color: #aaaaaa;
}

html.threads-dark-mode body.cms-page-contributors .reject_field,
html.threads-dark-mode body.cms-page-contributors #remove_contr_photo_btn,
html.threads-dark-mode body.cms-page-contributors .btn-outline-danger {
  border-color: #d66b6b !important;
  background-color: #321c1c !important;
  color: #ff8a84 !important;
}

html.threads-dark-mode body.cms-page-contributors .approve_field {
  border-color: #5b9343 !important;
  background-color: #263f22 !important;
  color: #a8d89b !important;
}

html.threads-dark-mode body.cms-page-contributors .clear-selected-denoms {
  border-color: #666666 !important;
  background-color: #252525 !important;
  color: #a8c832 !important;
}

html.threads-dark-mode body.cms-page-contributors .merge-first-panel,
html.threads-dark-mode body.cms-page-contributors .merge-second-panel {
  margin-bottom: 12px;
  padding: 18px;
  border: 1px solid #444444;
  border-radius: 6px;
  background-color: #1e1e1e;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.55);
}

html.threads-dark-mode body.cms-page-contributors .jqtree-main-cats,
html.threads-dark-mode body.cms-page-contributors .merge-contrs-list,
html.threads-dark-mode body.cms-page-contributors .selected-contributors,
html.threads-dark-mode body.cms-page-contributors .selected-denominations {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-contributors .contr-merge-info {
  border: 1px solid #444444;
  background-color: #1e1e1e !important;
  color: #cccccc;
}

html.threads-dark-mode
  body.cms-page-contributors
  .contr-merge-info
  > .form-group {
  margin-right: 0;
  margin-left: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #3a3a3a;
}

html.threads-dark-mode body.cms-page-contributors .jqtree_main_categories_title,
html.threads-dark-mode body.cms-page-contributors span[class^="contr_title_"] {
  border: 1px solid #444444;
  background-color: #252525 !important;
  color: #e8e8e8 !important;
}

html.threads-dark-mode body.cms-page-contributors .category-item,
html.threads-dark-mode body.cms-page-contributors .denomination-item,
html.threads-dark-mode body.cms-page-contributors .contributor-item,
html.threads-dark-mode
  body.cms-page-contributors
  .jqtree-main-cats
  > ul
  > li.jqtree_common {
  border-bottom-color: #444444 !important;
  background-color: #252525 !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-contributors .category-item:hover,
html.threads-dark-mode body.cms-page-contributors .denomination-item:hover,
html.threads-dark-mode body.cms-page-contributors .contributor-item:hover,
html.threads-dark-mode
  body.cms-page-contributors
  .jqtree-main-cats
  > ul
  > li.jqtree_common:hover {
  background-color: #2d2d2d !important;
  color: #e8e8e8 !important;
}

html.threads-dark-mode body.cms-page-contributors .remove-node,
html.threads-dark-mode body.cms-page-contributors .add-node {
  background-color: transparent !important;
  color: #a8c832 !important;
}

html.threads-dark-mode body.cms-page-contributors .cv_0,
html.threads-dark-mode body.cms-page-contributors .cv_0 *,
html.threads-dark-mode body.cms-page-contributors .cv_1,
html.threads-dark-mode body.cms-page-contributors .cv_1 *,
html.threads-dark-mode body.cms-page-contributors #contr_cv_0,
html.threads-dark-mode body.cms-page-contributors #contr_cv_0 * {
  background-color: transparent !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-contributors .photo_0,
html.threads-dark-mode body.cms-page-contributors .photo_1 {
  max-width: 100%;
  border: 1px solid #555555;
  border-radius: 6px;
  background-color: #252525;
}

html.threads-dark-mode body.cms-page-contributors .dropzone {
  border-color: #666666 !important;
  background-color: #252525 !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-contributors .dropzone:hover,
html.threads-dark-mode body.cms-page-contributors .dropzone.dz-drag-hover {
  border-color: #a8c832 !important;
  background-color: #2a2a2a !important;
}

html.threads-dark-mode body.cms-page-contributors .dropzone .dz-message,
html.threads-dark-mode body.cms-page-contributors .dropzone .dz-details,
html.threads-dark-mode body.cms-page-contributors .dropzone .dz-filename,
html.threads-dark-mode body.cms-page-contributors .dropzone .dz-size {
  color: #e0e0e0 !important;
}

html.threads-dark-mode
  body.cms-page-contributors
  .dropzone
  .dz-preview.dz-file-preview
  .dz-image,
html.threads-dark-mode
  body.cms-page-contributors
  .dropzone
  .dz-preview
  .dz-image {
  background: #333333 !important;
}

html.threads-dark-mode
  body.cms-page-contributors
  .dropzone
  .dz-preview.dz-image-preview {
  background-color: #2a2a2a !important;
}

html.threads-dark-mode
  body.cms-page-contributors
  .dropzone
  .dz-preview
  .dz-error-message {
  background-color: #7c2f2f !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-contributors .modal-content,
html.threads-dark-mode body.cms-page-contributors .modal-header,
html.threads-dark-mode body.cms-page-contributors .modal-body,
html.threads-dark-mode body.cms-page-contributors .modal-footer {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-contributors .modal-header {
  border-bottom-color: #555555 !important;
}

html.threads-dark-mode body.cms-page-contributors .modal-footer {
  border-top-color: #444444 !important;
}

html.threads-dark-mode body.cms-page-contributors .modal-header .close {
  color: #ff8a84 !important;
  text-shadow: none;
  opacity: 0.9;
}

/* Summernote contributor-biography editor. */
html.threads-dark-mode body.cms-page-contributors .note-editor.note-frame,
html.threads-dark-mode body.cms-page-contributors .note-editor.note-airframe {
  border-color: #555555 !important;
  background-color: #1e1e1e !important;
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-contributors .note-editor .note-toolbar,
html.threads-dark-mode
  body.cms-page-contributors
  .note-popover
  .popover-content,
html.threads-dark-mode body.cms-page-contributors .note-editor .note-statusbar {
  border-color: #444444 !important;
  background-color: #252525 !important;
}

html.threads-dark-mode
  body.cms-page-contributors
  .note-editor
  .note-editing-area,
html.threads-dark-mode body.cms-page-contributors .note-editor .note-editable {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.cms-page-contributors .note-editor .note-codable {
  border-color: #444444 !important;
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode
  body.cms-page-contributors
  .note-editor
  .note-placeholder {
  color: #888888 !important;
}

html.threads-dark-mode body.cms-page-contributors .note-editor .note-btn,
html.threads-dark-mode body.cms-page-contributors .note-popover .note-btn {
  border-color: #555555 !important;
  background-color: #333333 !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.cms-page-contributors .note-editor .note-btn:hover,
html.threads-dark-mode body.cms-page-contributors .note-editor .note-btn:focus,
html.threads-dark-mode body.cms-page-contributors .note-editor .note-btn.active,
html.threads-dark-mode body.cms-page-contributors .note-popover .note-btn:hover,
html.threads-dark-mode
  body.cms-page-contributors
  .note-popover
  .note-btn:focus {
  border-color: #a8c832 !important;
  background-color: #3a3a3a !important;
  color: #ffffff !important;
}

html.threads-dark-mode
  body.cms-page-contributors
  .note-editor
  .note-btn.disabled,
html.threads-dark-mode
  body.cms-page-contributors
  .note-editor
  .note-btn:disabled {
  border-color: #444444 !important;
  background-color: #252525 !important;
  color: #777777 !important;
}

html.threads-dark-mode
  body.cms-page-contributors
  .note-editor
  .note-dropdown-menu,
html.threads-dark-mode
  body.cms-page-contributors
  .note-popover
  .note-dropdown-menu,
html.threads-dark-mode body.cms-page-contributors .note-popover.popover {
  border-color: #555555 !important;
  background-color: #252525 !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode
  body.cms-page-contributors
  .note-editor
  .note-dropdown-menu
  a,
html.threads-dark-mode
  body.cms-page-contributors
  .note-popover
  .note-dropdown-menu
  a {
  color: #e0e0e0 !important;
}

html.threads-dark-mode
  body.cms-page-contributors
  .note-editor
  .note-dropdown-menu
  a:hover,
html.threads-dark-mode
  body.cms-page-contributors
  .note-editor
  .note-dropdown-menu
  a:focus,
html.threads-dark-mode
  body.cms-page-contributors
  .note-popover
  .note-dropdown-menu
  a:hover,
html.threads-dark-mode
  body.cms-page-contributors
  .note-popover
  .note-dropdown-menu
  a:focus {
  background-color: #333333 !important;
  color: #a8c832 !important;
}

html.threads-dark-mode
  body.cms-page-contributors
  .note-editor
  .note-statusbar
  .note-resizebar
  .note-icon-bar {
  border-top-color: #888888 !important;
}

html.threads-dark-mode body.cms-page-contributors .note-modal .modal-content,
html.threads-dark-mode body.cms-page-contributors .note-modal .modal-header,
html.threads-dark-mode body.cms-page-contributors .note-modal .modal-body,
html.threads-dark-mode body.cms-page-contributors .note-modal .modal-footer {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-contributors .link-disabled,
html.threads-dark-mode body.cms-page-contributors .link-disabled * {
  border-color: #444444 !important;
  background-color: #252525 !important;
  color: #777777 !important;
}

/*
 * Books
 *
 * Covers the advanced search/results page, temporary-books table, the
 * create/duplicate and edit/temporary-edit wizards, and controls generated
 * dynamically by Select2, SmartWizard, Summernote, Dropzone, jqTree and the
 * datetime picker.
 */
html.threads-dark-mode body.cms-page-books,
html.threads-dark-mode body.cms-page-books #adv-search-section,
html.threads-dark-mode body.cms-page-books .book-fields,
html.threads-dark-mode body.cms-page-books .tab-content,
html.threads-dark-mode body.cms-page-books .tab-pane {
  background-color: #121212 !important;
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-books label,
html.threads-dark-mode body.cms-page-books legend,
html.threads-dark-mode body.cms-page-books small,
html.threads-dark-mode body.cms-page-books .basic-text-color,
html.threads-dark-mode body.cms-page-books .book-head-index,
html.threads-dark-mode body.cms-page-books .book-fields p,
html.threads-dark-mode
  body.cms-page-books
  .book-fields
  span:not(.required):not(.select2-selection__choice__remove),
html.threads-dark-mode body.cms-page-books .book-fields li {
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-books .book-section-card {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.55);
}

html.threads-dark-mode body.cms-page-books .book-section-card .section-title,
html.threads-dark-mode body.cms-page-books .book-section-card .group-heading {
  color: #e8e8e8 !important;
}

html.threads-dark-mode body.cms-page-books .book-section-card .section-title-hr,
html.threads-dark-mode body.cms-page-books .book-section-card hr,
html.threads-dark-mode body.cms-page-books .horizontal-divider,
html.threads-dark-mode body.cms-page-books .header-search-row,
html.threads-dark-mode body.cms-page-books .page-info-page {
  border-color: #444444 !important;
}

/* SmartWizard navigation, steps and action toolbar. */
html.threads-dark-mode body.cms-page-books #smartwizard,
html.threads-dark-mode body.cms-page-books #smartwizard > .nav,
html.threads-dark-mode body.cms-page-books #smartwizard > .tab-content,
html.threads-dark-mode body.cms-page-books #smartwizard .toolbar {
  border-color: #444444 !important;
  background-color: #121212 !important;
  color: #cccccc;
}

html.threads-dark-mode
  body.cms-page-books
  #smartwizard.sw-theme-dots
  > .nav::before {
  background-color: #3a3a3a !important;
}

html.threads-dark-mode
  body.cms-page-books
  #smartwizard.sw-theme-dots
  > .nav
  .nav-link {
  color: #aaaaaa !important;
}

html.threads-dark-mode
  body.cms-page-books
  #smartwizard.sw-theme-dots
  > .nav
  .nav-link::before {
  background-color: #2a2a2a !important;
  box-shadow: 0 0 0 1px #555555;
}

html.threads-dark-mode
  body.cms-page-books
  #smartwizard.sw-theme-dots
  > .nav
  .nav-link.inactive::after {
  background-color: #777777 !important;
}

html.threads-dark-mode
  body.cms-page-books
  #smartwizard.sw-theme-dots
  > .nav
  .nav-link.active,
html.threads-dark-mode
  body.cms-page-books
  #smartwizard.sw-theme-dots
  > .nav
  .nav-link.done {
  color: #a8c832 !important;
}

html.threads-dark-mode
  body.cms-page-books
  #smartwizard.sw-theme-dots
  > .nav
  .nav-link.active::after,
html.threads-dark-mode
  body.cms-page-books
  #smartwizard.sw-theme-dots
  > .nav
  .nav-link.done::after {
  background-color: #92af2b !important;
}

html.threads-dark-mode
  body.cms-page-books
  #smartwizard.sw-theme-dots
  > .nav
  .nav-link.danger {
  color: #f0a3a3 !important;
}

html.threads-dark-mode
  body.cms-page-books
  #smartwizard.sw-theme-dots
  > .nav
  .nav-link.danger::after {
  background-color: #d66b6b !important;
}

html.threads-dark-mode body.cms-page-books #smartwizard.sw-loading::after {
  background-color: rgba(18, 18, 18, 0.78) !important;
}

html.threads-dark-mode body.cms-page-books #smartwizard .toolbar .sw-btn-prev,
html.threads-dark-mode body.cms-page-books #smartwizard .toolbar .sw-btn-next,
html.threads-dark-mode body.cms-page-books .btn-custom-primary,
html.threads-dark-mode body.cms-page-books .btn-create,
html.threads-dark-mode body.cms-page-books .btn-save-user {
  border-color: #92af2b !important;
  background-color: #92af2b !important;
  color: #ffffff !important;
}

html.threads-dark-mode
  body.cms-page-books
  #smartwizard
  .toolbar
  .sw-btn-prev:hover,
html.threads-dark-mode
  body.cms-page-books
  #smartwizard
  .toolbar
  .sw-btn-prev:focus,
html.threads-dark-mode
  body.cms-page-books
  #smartwizard
  .toolbar
  .sw-btn-next:hover,
html.threads-dark-mode
  body.cms-page-books
  #smartwizard
  .toolbar
  .sw-btn-next:focus,
html.threads-dark-mode body.cms-page-books .btn-custom-primary:hover,
html.threads-dark-mode body.cms-page-books .btn-custom-primary:focus,
html.threads-dark-mode body.cms-page-books .btn-create:hover,
html.threads-dark-mode body.cms-page-books .btn-create:focus,
html.threads-dark-mode body.cms-page-books .btn-save-user:hover,
html.threads-dark-mode body.cms-page-books .btn-save-user:focus {
  border-color: #a8c832 !important;
  background-color: #a8c832 !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-books .btn-black,
html.threads-dark-mode body.cms-page-books .btn-print,
html.threads-dark-mode body.cms-page-books .btn-print:active,
html.threads-dark-mode body.cms-page-books .btn-print:focus {
  border-color: #666666 !important;
  background-color: #252525 !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.cms-page-books .btn-black:hover,
html.threads-dark-mode body.cms-page-books .btn-black:focus,
html.threads-dark-mode body.cms-page-books .btn-print:hover {
  border-color: #a8c832 !important;
  background-color: #2a2a2a !important;
  color: #a8c832 !important;
}

html.threads-dark-mode body.cms-page-books .btn-mass-import {
  border-color: #d57843 !important;
  background-color: #252525 !important;
  color: #ff9b62 !important;
}

html.threads-dark-mode body.cms-page-books .btn-mass-import:hover,
html.threads-dark-mode body.cms-page-books .btn-mass-import:focus {
  border-color: #fc6b2e !important;
  background-color: #fc6b2e !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-books .change_isbn {
  border-color: #92af2b !important;
  background-color: #92af2b !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-books .cancel_change_isbn {
  border-color: #666666 !important;
  background-color: #333333 !important;
  color: #e0e0e0 !important;
}

/* Repeated form groups, accordions and selected-item side panels. */
html.threads-dark-mode body.cms-page-books .book-fields .card,
html.threads-dark-mode body.cms-page-books .book-fields .card-body,
html.threads-dark-mode body.cms-page-books .contributors-accordion,
html.threads-dark-mode body.cms-page-books .contributors-accordion .card-body {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-books .book-fields .card-header,
html.threads-dark-mode
  body.cms-page-books
  .contributors-accordion
  .card-header {
  border-color: #444444 !important;
  background: #252525 !important;
  color: #e8e8e8 !important;
}

html.threads-dark-mode
  body.cms-page-books
  .contributors-list-group
  > .contributors-list,
html.threads-dark-mode
  body.cms-page-books
  .categories-list-group
  > .categories-list {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.55);
}

html.threads-dark-mode
  body.cms-page-books
  .contributors-list-group
  .card-header,
html.threads-dark-mode body.cms-page-books .categories-list-group .card-header {
  border-color: #444444 !important;
  background: linear-gradient(135deg, #252525 0%, #1e1e1e 100%) !important;
}

html.threads-dark-mode
  body.cms-page-books
  .contributors-list-group
  .card-header
  span,
html.threads-dark-mode
  body.cms-page-books
  .categories-list-group
  .card-header
  span,
html.threads-dark-mode
  body.cms-page-books
  .categories-list-group
  .card-header
  b {
  color: #a8c832 !important;
}

html.threads-dark-mode body.cms-page-books .contributors-list-group .card-body,
html.threads-dark-mode body.cms-page-books .categories-list-group .card-body {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc !important;
}

html.threads-dark-mode
  body.cms-page-books
  .contributors-list-group
  #contributors-search-filter {
  border-color: #555555 !important;
  background-color: #2a2a2a !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode
  body.cms-page-books
  .contributors-list-group
  .no-contrs-message {
  border-color: #555555 !important;
  background-color: #252525 !important;
  color: #aaaaaa !important;
}

html.threads-dark-mode
  body.cms-page-books
  .contributors-list-group
  .contr-added,
html.threads-dark-mode body.cms-page-books .category-item,
html.threads-dark-mode body.cms-page-books .denomination-item,
html.threads-dark-mode body.cms-page-books .contributor-item,
html.threads-dark-mode body.cms-page-books .keyword-item {
  border-color: #444444 !important;
  border-left-color: #92af2b !important;
  background-color: #252525 !important;
  color: #cccccc !important;
}

html.threads-dark-mode
  body.cms-page-books
  .contributors-list-group
  .contr-added:hover,
html.threads-dark-mode body.cms-page-books .category-item:hover,
html.threads-dark-mode body.cms-page-books .denomination-item:hover,
html.threads-dark-mode body.cms-page-books .contributor-item:hover,
html.threads-dark-mode body.cms-page-books .keyword-item:hover {
  border-color: #92af2b !important;
  background-color: #2a2a2a !important;
  box-shadow: 0 3px 10px rgba(146, 175, 43, 0.12);
}

html.threads-dark-mode body.cms-page-books .category-item.is-main-category,
html.threads-dark-mode body.cms-page-books .contributors-list .selected {
  border-left-color: #a8c832 !important;
  background-color: #1a2d1a !important;
}

html.threads-dark-mode body.cms-page-books .category-main-badge,
html.threads-dark-mode body.cms-page-books .category-additional-badge {
  background-color: #92af2b !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-books .category-item-text,
html.threads-dark-mode body.cms-page-books .details-contr-array,
html.threads-dark-mode body.cms-page-books .details-contr-array #name_string,
html.threads-dark-mode body.cms-page-books .details-contr-array #roles_string,
html.threads-dark-mode
  body.cms-page-books
  .details-contr-array
  .name_type_string,
html.threads-dark-mode body.cms-page-books .keyword-item-text {
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.cms-page-books .category-item-breadcrumb,
html.threads-dark-mode body.cms-page-books .category-item-note p {
  color: #aaaaaa !important;
}

html.threads-dark-mode body.cms-page-books #contr_photo_img,
html.threads-dark-mode body.cms-page-books #contr_cv_preview {
  border-color: #555555 !important;
  background-color: #252525 !important;
  color: #e0e0e0 !important;
}

/* Classification trees and their helper panels. */
html.threads-dark-mode body.cms-page-books .thema-panel {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);
}

html.threads-dark-mode body.cms-page-books .thema-panel-header {
  border-color: #4d6225 !important;
  /* background: linear-gradient(90deg, #263515 0%, #3c5120 100%) !important; */
  background: linear-gradient(90deg, #376800 0%, #599b00 100%);
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-books .thema-panel-header span {
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-books .thema-panel-body,
html.threads-dark-mode body.cms-page-books .adjacent-panel .keyword-box,
html.threads-dark-mode body.cms-page-books .jqtree-main-cats,
html.threads-dark-mode body.cms-page-books .jqtree-main-cats_2,
html.threads-dark-mode body.cms-page-books ul.jqtree-tree {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-books ul.jqtree-tree .jqtree-title,
html.threads-dark-mode
  body.cms-page-books
  li.thema-title-node
  > .jqtree-element
  .jqtree-title,
html.threads-dark-mode
  body.cms-page-books
  li.thema-branch-node
  > .jqtree-element
  .jqtree-title {
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-books ul.jqtree-tree .jqtree-toggler,
html.threads-dark-mode body.cms-page-books .add-node,
html.threads-dark-mode body.cms-page-books .remove-node,
html.threads-dark-mode body.cms-page-books .osdel-green {
  color: #a8c832 !important;
}

html.threads-dark-mode
  body.cms-page-books
  ul.jqtree-tree
  .jqtree-element:hover {
  background-color: #2a2a2a !important;
}

html.threads-dark-mode
  body.cms-page-books
  ul.jqtree-tree
  li.jqtree-selected
  > .jqtree-element,
html.threads-dark-mode
  body.cms-page-books
  ul.jqtree-tree
  li.jqtree-selected
  > .jqtree-element:hover {
  background: #1a2d1a !important;
  background-color: #1a2d1a !important;
  color: #ffffff !important;
  text-shadow: none !important;
}

html.threads-dark-mode
  body.cms-page-books
  ul.jqtree-tree
  li.jqtree-selected
  > .jqtree-element
  .jqtree-title,
html.threads-dark-mode
  body.cms-page-books
  ul.jqtree-tree
  li.jqtree-selected
  > .jqtree-element:hover
  .jqtree-title {
  color: #ffffff !important;
  text-shadow: none !important;
}

html.threads-dark-mode
  body.cms-page-books
  ul.jqtree-tree
  li.jqtree-selected
  > .jqtree-element
  .jqtree-toggler,
html.threads-dark-mode
  body.cms-page-books
  ul.jqtree-tree
  li.jqtree-selected
  > .jqtree-element
  .add-node,
html.threads-dark-mode
  body.cms-page-books
  ul.jqtree-tree
  li.jqtree-selected
  > .jqtree-element
  .remove-node {
  color: #d8e9b1 !important;
}

html.threads-dark-mode body.cms-page-books .thema-helper-note,
html.threads-dark-mode body.cms-page-books .thema-age-helper-note {
  border-color: #4d6225 !important;
  border-left-color: #92af2b !important;
  background-color: #1a2d1a !important;
  color: #d8e9b1 !important;
}

/* Advanced search filters. */
html.threads-dark-mode body.cms-page-books .filter-section,
html.threads-dark-mode body.cms-page-books .all_filters_container,
html.threads-dark-mode body.cms-page-books .filters-container,
html.threads-dark-mode body.cms-page-books .filter-summary,
html.threads-dark-mode body.cms-page-books .filter-box,
html.threads-dark-mode body.cms-page-books .filter-box-advanced,
html.threads-dark-mode body.cms-page-books .filter-list-container {
  background-color: transparent !important;
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-books .filter-box-title,
html.threads-dark-mode body.cms-page-books .filter-list-header,
html.threads-dark-mode body.cms-page-books .filter-summary-row .name,
html.threads-dark-mode body.cms-page-books .filter-no-results,
html.threads-dark-mode
  body.cms-page-books
  .filter-box-toggle-container
  .filter-toggle-text,
html.threads-dark-mode body.cms-page-books .results-filter-small-header,
html.threads-dark-mode body.cms-page-books .rfsh-label,
html.threads-dark-mode body.cms-page-books .rfsh-value,
html.threads-dark-mode body.cms-page-books .t-color-sec {
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-books .filter-box-title,
html.threads-dark-mode body.cms-page-books .bt-black-1 {
  border-color: #444444 !important;
}

html.threads-dark-mode body.cms-page-books .filter-box-advanced input.tex,
html.threads-dark-mode body.cms-page-books .filter-summary input {
  border: 1px solid #555555 !important;
  background-color: #2a2a2a !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.cms-page-books .filter-box-toggle-container,
html.threads-dark-mode body.cms-page-books .filter-box-toggle-container .fa,
html.threads-dark-mode body.cms-page-books .fh-clear-text {
  color: #a8c832 !important;
}

html.threads-dark-mode body.cms-page-books .remove-filter-b,
html.threads-dark-mode body.cms-page-books .reload-all-button[src] {
  filter: grayscale(1) brightness(1.9);
}

html.threads-dark-mode body.cms-page-books .to-text {
  color: #aaaaaa !important;
}

/* Search header, pagination and each results presentation. */
html.threads-dark-mode body.cms-page-books .list-type-image {
  border: 1px solid #555555 !important;
  background-color: #2a2a2a !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-books .list-type-image-active,
html.threads-dark-mode body.cms-page-books .list-type-image:hover,
html.threads-dark-mode body.cms-page-books .list-type-image:focus {
  border-color: #92af2b !important;
  background-color: #92af2b !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-books .page-info-row,
html.threads-dark-mode body.cms-page-books .page-info-middle,
html.threads-dark-mode body.cms-page-books .center-inside-right {
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-books .pagination .page-link {
  border-color: #444444 !important;
  background-color: #252525 !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-books .pagination .page-link:hover,
html.threads-dark-mode body.cms-page-books .pagination .page-link:focus,
html.threads-dark-mode
  body.cms-page-books
  .pagination
  .page-item.active
  .page-link {
  border-color: #92af2b !important;
  background-color: #92af2b !important;
  color: #ffffff !important;
}

html.threads-dark-mode
  body.cms-page-books
  .pagination
  .page-item.disabled
  .page-link {
  border-color: #3a3a3a !important;
  background-color: #1e1e1e !important;
  color: #777777 !important;
}

html.threads-dark-mode body.cms-page-books .pag-button {
  border-color: #555555 !important;
  background-color: #2a2a2a !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-books .search-entry,
html.threads-dark-mode body.cms-page-books .entry-grid-content {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc !important;
  box-shadow: 0 0 0 1px #444444;
}

html.threads-dark-mode body.cms-page-books .entry-grid-content {
  padding: 15px;
}

html.threads-dark-mode body.cms-page-books .search-entry .info-text,
html.threads-dark-mode body.cms-page-books .entry-grid-content,
html.threads-dark-mode body.cms-page-books .content-text,
html.threads-dark-mode body.cms-page-books .th-entry-distinctive-subtitle,
html.threads-dark-mode body.cms-page-books .th-rest,
html.threads-dark-mode body.cms-page-books .grid-contributors {
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-books .th-rest > button {
  border: 1px solid #4d6225 !important;
  background-color: #263515 !important;
  color: #d8e9b1 !important;
}

html.threads-dark-mode body.cms-page-books .th-entry-distinctive-title a,
html.threads-dark-mode body.cms-page-books .grid-entry-distinctive-title a,
html.threads-dark-mode body.cms-page-books .table-entry-distinctive-title a,
html.threads-dark-mode body.cms-page-books .table-entry-publisher a,
html.threads-dark-mode body.cms-page-books .table-entry-contributors a,
html.threads-dark-mode body.cms-page-books .th-contributors a,
html.threads-dark-mode body.cms-page-books .th-rest a,
html.threads-dark-mode body.cms-page-books .grid-contributors a,
html.threads-dark-mode body.cms-page-books .rb-contributor-link,
html.threads-dark-mode body.cms-page-books .p-category-link,
html.threads-dark-mode body.cms-page-books .entry-link {
  color: #a8c832 !important;
}

html.threads-dark-mode body.cms-page-books .search-entry img,
html.threads-dark-mode
  body.cms-page-books
  .entry-grid-content
  .content-image
  img,
html.threads-dark-mode body.cms-page-books .back-cover-img {
  border-color: #555555 !important;
  background-color: #252525;
}

html.threads-dark-mode body.cms-page-books .search-table {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-books .search-table th {
  border-color: #555555 !important;
  background-color: #2a2a2a !important;
  color: #e8e8e8 !important;
}

html.threads-dark-mode body.cms-page-books .search-table td {
  border-color: #444444 !important;
  color: #cccccc !important;
}

html.threads-dark-mode
  body.cms-page-books
  .search-table.table-striped
  tbody
  tr:nth-of-type(odd) {
  background-color: #252525 !important;
}

html.threads-dark-mode
  body.cms-page-books
  .search-table.table-striped
  tbody
  tr:nth-of-type(even) {
  background-color: #1e1e1e !important;
}

html.threads-dark-mode body.cms-page-books .alert-primary {
  border-color: #4d6225 !important;
  background-color: #1a2d1a !important;
  color: #d8e9b1 !important;
}

/* Temporary books table and its generated DataTables controls. */
html.threads-dark-mode body.cms-page-books #role_table,
html.threads-dark-mode body.cms-page-books #role_table_wrapper,
html.threads-dark-mode
  body.cms-page-books
  #role_table_wrapper
  .dataTables_empty {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-books #role_table thead th {
  border-color: #555555 !important;
  background-color: #2a2a2a !important;
  color: #e8e8e8 !important;
}

html.threads-dark-mode body.cms-page-books #role_table tbody tr:hover {
  background-color: #2a2a2a !important;
}

/* Lists modal and the Bootstrap overlays opened by Books controls. */
html.threads-dark-mode body.cms-page-books .modal-content,
html.threads-dark-mode body.cms-page-books .modal-header,
html.threads-dark-mode body.cms-page-books .modal-body,
html.threads-dark-mode body.cms-page-books .modal-footer {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-books #lists_modal h5,
html.threads-dark-mode body.cms-page-books .modal-title {
  color: #e8e8e8 !important;
}

html.threads-dark-mode body.cms-page-books .modal-list li {
  border-color: #444444 !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-books .modal-list li.not-in-list,
html.threads-dark-mode body.cms-page-books .modal-list li.not-in-list a {
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.cms-page-books .modal-list li.in-list,
html.threads-dark-mode body.cms-page-books .modal-list li.in-list a {
  color: #777777 !important;
}

html.threads-dark-mode body.cms-page-books .popover,
html.threads-dark-mode body.cms-page-books .popover-header,
html.threads-dark-mode body.cms-page-books .popover-body,
html.threads-dark-mode body.cms-page-books .tooltip-inner,
html.threads-dark-mode body.cms-page-books .uitooltip {
  border-color: #555555 !important;
  background-color: #252525 !important;
  color: #e0e0e0 !important;
  text-shadow: none;
}

/* Cover and contributor-image uploads. */
html.threads-dark-mode body.cms-page-books .dropzone {
  border-color: #666666 !important;
  background-color: #252525 !important;
  color: #cccccc !important;
}

html.threads-dark-mode body.cms-page-books .dropzone:hover,
html.threads-dark-mode body.cms-page-books .dropzone.dz-drag-hover {
  border-color: #a8c832 !important;
  background-color: #2a2a2a !important;
}

html.threads-dark-mode body.cms-page-books .dropzone .dz-message,
html.threads-dark-mode body.cms-page-books .dropzone .dz-details,
html.threads-dark-mode body.cms-page-books .dropzone .dz-filename,
html.threads-dark-mode body.cms-page-books .dropzone .dz-size {
  color: #e0e0e0 !important;
}

html.threads-dark-mode
  body.cms-page-books
  .dropzone
  .dz-preview.dz-file-preview
  .dz-image,
html.threads-dark-mode body.cms-page-books .dropzone .dz-preview .dz-image {
  background: #333333 !important;
}

html.threads-dark-mode
  body.cms-page-books
  .dropzone
  .dz-preview.dz-image-preview {
  background-color: #2a2a2a !important;
}

html.threads-dark-mode
  body.cms-page-books
  .dropzone
  .dz-preview
  .dz-error-message {
  background-color: #7c2f2f !important;
  color: #ffffff !important;
}

/* Summernote title-description and contributor-biography editors. */
html.threads-dark-mode body.cms-page-books .note-editor.note-frame,
html.threads-dark-mode body.cms-page-books .note-editor.note-airframe {
  border-color: #555555 !important;
  background-color: #1e1e1e !important;
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-books .note-editor .note-toolbar,
html.threads-dark-mode body.cms-page-books .note-popover .popover-content,
html.threads-dark-mode body.cms-page-books .note-editor .note-statusbar {
  border-color: #444444 !important;
  background-color: #252525 !important;
}

html.threads-dark-mode body.cms-page-books .note-editor .note-editing-area,
html.threads-dark-mode body.cms-page-books .note-editor .note-editable {
  border-color: #444444 !important;
  background-color: #1e1e1e !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.cms-page-books .note-editor .note-codable {
  border-color: #444444 !important;
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.cms-page-books .note-editor .note-placeholder {
  color: #888888 !important;
}

html.threads-dark-mode body.cms-page-books .note-editor .note-btn,
html.threads-dark-mode body.cms-page-books .note-popover .note-btn {
  border-color: #555555 !important;
  background-color: #333333 !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.cms-page-books .note-editor .note-btn:hover,
html.threads-dark-mode body.cms-page-books .note-editor .note-btn:focus,
html.threads-dark-mode body.cms-page-books .note-editor .note-btn.active,
html.threads-dark-mode body.cms-page-books .note-popover .note-btn:hover,
html.threads-dark-mode body.cms-page-books .note-popover .note-btn:focus {
  border-color: #a8c832 !important;
  background-color: #3a3a3a !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-books .note-editor .note-dropdown-menu,
html.threads-dark-mode body.cms-page-books .note-popover .note-dropdown-menu,
html.threads-dark-mode body.cms-page-books .note-popover.popover {
  border-color: #555555 !important;
  background-color: #252525 !important;
  color: #e0e0e0 !important;
}

html.threads-dark-mode body.cms-page-books .note-editor .note-dropdown-menu a,
html.threads-dark-mode body.cms-page-books .note-popover .note-dropdown-menu a {
  color: #e0e0e0 !important;
}

html.threads-dark-mode
  body.cms-page-books
  .note-editor
  .note-dropdown-menu
  a:hover,
html.threads-dark-mode
  body.cms-page-books
  .note-editor
  .note-dropdown-menu
  a:focus,
html.threads-dark-mode
  body.cms-page-books
  .note-popover
  .note-dropdown-menu
  a:hover,
html.threads-dark-mode
  body.cms-page-books
  .note-popover
  .note-dropdown-menu
  a:focus {
  background-color: #333333 !important;
  color: #a8c832 !important;
}

html.threads-dark-mode
  body.cms-page-books
  .note-editor
  .note-statusbar
  .note-resizebar
  .note-icon-bar {
  border-top-color: #888888 !important;
}

/* jquery-datetimepicker is appended directly to body. */
html.threads-dark-mode body.cms-page-books .xdsoft_datetimepicker,
html.threads-dark-mode
  body.cms-page-books
  .xdsoft_datetimepicker
  .xdsoft_datepicker,
html.threads-dark-mode
  body.cms-page-books
  .xdsoft_datetimepicker
  .xdsoft_timepicker,
html.threads-dark-mode
  body.cms-page-books
  .xdsoft_datetimepicker
  .xdsoft_calendar,
html.threads-dark-mode
  body.cms-page-books
  .xdsoft_datetimepicker
  .xdsoft_monthpicker {
  border-color: #555555 !important;
  background-color: #1e1e1e !important;
  color: #cccccc !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.55) !important;
}

html.threads-dark-mode body.cms-page-books .xdsoft_datetimepicker .xdsoft_label,
html.threads-dark-mode
  body.cms-page-books
  .xdsoft_datetimepicker
  .xdsoft_label
  > span,
html.threads-dark-mode
  body.cms-page-books
  .xdsoft_datetimepicker
  .xdsoft_calendar
  th,
html.threads-dark-mode
  body.cms-page-books
  .xdsoft_datetimepicker
  .xdsoft_calendar
  td,
html.threads-dark-mode
  body.cms-page-books
  .xdsoft_datetimepicker
  .xdsoft_time_box
  > div
  > div {
  border-color: #444444 !important;
  background-color: #252525 !important;
  color: #cccccc !important;
}

html.threads-dark-mode
  body.cms-page-books
  .xdsoft_datetimepicker
  .xdsoft_calendar
  td:hover,
html.threads-dark-mode
  body.cms-page-books
  .xdsoft_datetimepicker
  .xdsoft_time_box
  > div
  > div:hover,
html.threads-dark-mode
  body.cms-page-books
  .xdsoft_datetimepicker
  .xdsoft_calendar
  td.xdsoft_current,
html.threads-dark-mode
  body.cms-page-books
  .xdsoft_datetimepicker
  .xdsoft_time_box
  > div
  > div.xdsoft_current {
  background-color: #92af2b !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html.threads-dark-mode
  body.cms-page-books
  .xdsoft_datetimepicker
  .xdsoft_calendar
  td.xdsoft_disabled,
html.threads-dark-mode
  body.cms-page-books
  .xdsoft_datetimepicker
  .xdsoft_time_box
  > div
  > div.xdsoft_disabled {
  background-color: #1e1e1e !important;
  color: #666666 !important;
}

html.threads-dark-mode body.cms-page-books .form-control-icon,
html.threads-dark-mode body.cms-page-books .form-control-button {
  border-color: #555555 !important;
  background-color: transparent !important;
  color: #aaaaaa !important;
}

html.threads-dark-mode
  body.cms-page-books
  .select2-container--default.select2-container--disabled
  .select2-selection,
html.threads-dark-mode
  body.cms-page-books
  .select2-container--default
  .select2-selection[aria-disabled="true"] {
  border-color: #444444 !important;
  background-color: #252525 !important;
  color: #888888 !important;
}

html.threads-dark-mode body.cms-page-books .price-status {
  color: #d8e9b1 !important;
}

html.threads-dark-mode
  body.cms-page-books
  .btn-group
  .btn.td-n:not(.btn-delete-book),
html.threads-dark-mode
  body.cms-page-books
  #role_table
  .btn.td-n:not(.btn-delete-book) {
  border-color: transparent !important;
  background-color: transparent !important;
  color: #a8c832 !important;
}

html.threads-dark-mode body.cms-page-books .swal2-cancel i,
html.threads-dark-mode body.cms-page-books .swal2-confirm i {
  color: #ffffff !important;
}

/* Keep destructive actions distinct and disabled actions visibly inactive. */
html.threads-dark-mode body.cms-page-books .btn-delete-book,
html.threads-dark-mode body.cms-page-books .btn-danger {
  border-color: #a64d4d !important;
  background-color: #7c2f2f !important;
  color: #ffffff !important;
}

html.threads-dark-mode body.cms-page-books .link-disabled,
html.threads-dark-mode body.cms-page-books .link-disabled *,
html.threads-dark-mode body.cms-page-books .btn:disabled,
html.threads-dark-mode body.cms-page-books .btn.disabled {
  border-color: #444444 !important;
  background-color: #252525 !important;
  color: #777777 !important;
}

@media print {
  html.threads-dark-mode body.cms-page-books,
  html.threads-dark-mode body.cms-page-books .page-container,
  html.threads-dark-mode body.cms-page-books .main-content,
  html.threads-dark-mode body.cms-page-books #adv-search-section,
  html.threads-dark-mode body.cms-page-books .results-container,
  html.threads-dark-mode body.cms-page-books .search-entry,
  html.threads-dark-mode body.cms-page-books .entry-grid-content,
  html.threads-dark-mode body.cms-page-books .search-table,
  html.threads-dark-mode body.cms-page-books .search-table th,
  html.threads-dark-mode body.cms-page-books .search-table td {
    border-color: #cccccc !important;
    background: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
  }

  html.threads-dark-mode body.cms-page-books .results-container *,
  html.threads-dark-mode body.cms-page-books .search-table * {
    color: #000000 !important;
  }

  html.threads-dark-mode body.cms-page-books .cms-dark-mode-toggle {
    display: none !important;
  }
}

/* Audit page */
#audits_table td {
  white-space: normal !important;
  word-break: break-word;
}

#audits_table td:nth-child(3) {
  max-width: 320px;
  vertical-align: top;
}

.audit-remarks-box {
  max-height: 150px;
  overflow: auto;
  margin-top: 6px;
  padding: 8px;
  border: 1px solid #dddddd;
  border-radius: 6px;
  background: #f7f7f7;
  font-size: 12px;
  line-height: 1.3;
}

html.threads-dark-mode body.cms-page-audit .audit-remarks-box {
  border-color: #555555;
  background-color: #252525;
  color: #cccccc;
}

/* Thema Classification list and forms */
#thema-filters-wrap .thema-filter-label {
  display: inline-block;
  margin-bottom: 4px;
  color: #313435;
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
}

#thema-filters-wrap .form-control-sm,
#thema-filters-wrap .btn-sm {
  height: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
}

#thema_classification thead th,
#thema_classification tbody td {
  font-size: 14px;
}

body.cms-page-thema .header .dropdown-menu,
body.cms-page-thema .navbar .dropdown-menu,
body.cms-page-thema .nav .dropdown-menu {
  height: auto;
  min-height: 0;
  max-height: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

html.threads-dark-mode
  body.cms-page-thema
  #thema-filters-wrap
  .thema-filter-label {
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-thema .book-section-card,
html.threads-dark-mode body.cms-page-thema .thema-panel {
  border-color: #444444;
  background-color: #1e1e1e;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.55);
}

html.threads-dark-mode body.cms-page-thema .thema-panel-header {
  /* background: linear-gradient(90deg, #263515 0%, #3c5120 100%); */
  background: linear-gradient(90deg, #376800 0%, #599b00 100%);
  color: #ffffff;
}

html.threads-dark-mode body.cms-page-thema .thema-panel-body,
html.threads-dark-mode body.cms-page-thema .adjacent-panel .keyword-box {
  border-color: #444444;
  background-color: #1e1e1e;
}

html.threads-dark-mode body.cms-page-thema .jqtree-main-cats,
html.threads-dark-mode body.cms-page-thema .jqtree-main-cats_2,
html.threads-dark-mode body.cms-page-thema ul.jqtree-tree {
  border-color: #444444;
  background-color: #1e1e1e;
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-thema ul.jqtree-tree .jqtree-title,
html.threads-dark-mode
  body.cms-page-thema
  li.thema-title-node
  > .jqtree-element
  .jqtree-title,
html.threads-dark-mode
  body.cms-page-thema
  li.thema-branch-node
  > .jqtree-element
  .jqtree-title {
  color: #cccccc;
}

html.threads-dark-mode body.cms-page-thema ul.jqtree-tree .jqtree-toggler,
html.threads-dark-mode body.cms-page-thema .add-node,
html.threads-dark-mode body.cms-page-thema .remove-node {
  color: #a8c832 !important;
}

html.threads-dark-mode
  body.cms-page-thema
  ul.jqtree-tree
  .jqtree-element:hover {
  background-color: #2a2a2a;
}

html.threads-dark-mode
  body.cms-page-thema
  ul.jqtree-tree
  li.jqtree-selected
  > .jqtree-element,
html.threads-dark-mode
  body.cms-page-thema
  ul.jqtree-tree
  li.jqtree-selected
  > .jqtree-element:hover {
  background-color: #1a2d1a;
  text-shadow: none;
}

html.threads-dark-mode body.cms-page-thema .required,
html.threads-dark-mode body.cms-page-thema .parsley-errors-list {
  color: #f0a3a3;
}

html.threads-dark-mode body.app .swal2-popup {
  border: 1px solid #444444;
  background-color: #1e1e1e;
  color: #e0e0e0;
}

html.threads-dark-mode body.app .swal2-title,
html.threads-dark-mode body.app .swal2-html-container,
html.threads-dark-mode body.app .swal2-content {
  color: #e0e0e0;
}

@media (max-width: 768px) {
  .cms-dark-mode-toggle {
    right: 20px;
    bottom: 16px;
    width: 50px;
    height: 50px;
    font-size: 22px;
  }

  .cms-dark-mode-toggle.has-active-users {
    bottom: 94px;
  }

  .dashboard-active-users-badge {
    right: 20px !important;
    bottom: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cms-dark-mode-toggle {
    transition: none;
  }

  .announcement-btn,
  .announcement-icon,
  .announcement-panel,
  .logo-osdel .bp-logo-svg .cls-1 {
    transition: none;
  }
}
