/* Dark mode */
.dark {
  --bs-body-bg: #111;
  --bs-body-color: gray;
  --scrollbar-border-color: #43474a !important;
  --bs-border-color: #444;
  --input-color: inherit;
  --input-bg: #222;
  --input-border-color: #333;
  --input-hover-color: inherit;
  --input-hover-bg: #282828;
  --input-error-color: #f00;
  --input-error-bg: #f001;
  --input-focus-shadow: #345;
  --input-autofill-bg: #444;
}
.dark .mce-container .mce-btn BUTTON {
  background-color: #fff0 !important;
}
.dark INPUT:not([type=checkbox]):not([type=image]),
.dark TEXTAREA,
.dark SELECT,
.dark ::-webkit-file-upload-button,
.dark .select2-selection, .dark .select2-dropdown {
  background-color: var(--input-bg);
  color: var(--input-color);
  border-color: var(--input-border-color);
}
.dark INPUT:not([type=checkbox]):not([type=image]):hover,
.dark TEXTAREA:hover,
.dark SELECT:hover,
.dark ::-webkit-file-upload-button:hover,
.dark .select2-selection:hover, .dark .select2-dropdown:hover {
  background-color: var(--input-hover-bg);
}
.dark INPUT:not([type=checkbox]):not([type=image]):focus,
.dark TEXTAREA:focus,
.dark SELECT:focus,
.dark ::-webkit-file-upload-button:focus,
.dark .select2-selection:focus, .dark .select2-dropdown:focus {
  outline: 2px solid #444 !important;
}
.dark INPUT.error {
  --input-border-color: var(--input-error-color);
  --input-bg: var(--input-error-bg);
}
.dark INPUT.error:hover {
  --input-hover-bg: var(--input-error-bg);
}
.dark INPUT[type=radio]:not(:checked), .dark INPUT[type=checkbox]:not(:checked) {
  filter: var(--white-filter);
}
.dark ::-webkit-file-upload-button {
  background: var(--input-hover-bg);
  border: 1px solid var(--input-border-color);
  border-radius: 2px;
  cursor: pointer;
}
.dark .modal {
  --bs-modal-bg: #333;
  --bs-modal-border-color: #444;
  --bs-modal-header-border-color: #444;
  --bs-modal-footer-border-color: #444;
}
.dark .section-title,
.dark .r-break > label > div {
  border-color: #444 !important;
}
.dark .ui-widget-header {
  border-color: #4448;
  background: #222;
  color: inherit;
}
.dark .ui-widget-content {
  border-color: #4448;
  background: #333;
  color: inherit;
}
.dark .ui-dialog *::-webkit-scrollbar {
  width: 0.4rem;
  /* width of the entire scrollbar */
}
.dark .ui-dialog *::-webkit-scrollbar-track {
  background: #222;
  /* color of the tracking area */
  border-radius: 10px;
}
.dark .ui-dialog *::-webkit-scrollbar-thumb {
  background-color: #333;
  /* color of the scroll thumb */
  border-radius: 5px;
  /* roundness of the scroll thumb */
  border: 1px solid #222;
  /* creates padding around scroll thumb */
}
.dark .dropdown-menu {
  --bs-dropdown-bg: #222;
  --bs-dropdown-border-color: #333;
}
.dark .intl-tel-input .country-list {
  background-color: #222;
  border-color: #333;
}
.dark .popover {
  --bs-popover-bg: #333;
  --bs-popover-header-bg: #444;
}
.dark .popover.bs-popover-bottom > .popover-header:before {
  content: none;
}
.dark .offcanvas {
  --bs-offcanvas-bg: #222;
}