.dark * {
  color: var(--dark-text-color);
}

body.dark {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-items: flex-start;
  background: var(--dark-app-background-color);
}

.dark .b1 {
  border: 1px solid var(--dark-border-color);
}

.dark .b2 {
  border: 2px solid var(--dark-border-color);
}

.dark .b3 {
  border: 3px solid var(--dark-border-color);
}

.dark .blur {
  background: var(--dark-wrapper-background-color);
}

.dark .blur:not(.main, .yellow) {
  box-shadow: 0 0 var(--gap) var(--dark-border-color);
}

.dark .wbg {
  background: var(--dark-wrapper-background-color);
}

.dark .abg {
  background: var(--dark-app-background-color);
}

.dark .app {
  background: var(--dark-app-background-color);
}

.dark .navigatorHeader {
  background: var(--dark-wrapper-background-color);
  box-shadow: 0 0 var(--gap) var(--dark-border-color);
}

.dark .sideBar {
  background: var(--dark-wrapper-background-color);
  box-shadow: 0 0 var(--gap) var(--dark-border-color);
}

.dark .preview {
  box-shadow: 0 0 var(--gap) var(--dark-border-color);
}

.dark .preview .overlay {
  background: #000000c0;
  box-shadow: 0 0 var(--gap) var(--dark-border-color);
}

.dark .preview .overlay h3 {
  background: var(--dark-app-background-color);
  color: var(--dark-text-color);
}

.dark #footerButtons {
  background: var(--dark-app-background-color);
  box-shadow: 0 0 var(--gap) var(--dark-border-color);
}

.dark .button {
  background: var(--dark-wrapper-background-color);
}

.dark .input {
  background: var(--dark-wrapper-background-color);
}

.dark .select2-container--default .select2-results__option--selected {
  background: var(--dark-wrapper-background-color);
}

.dark
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: var(--dark-text-color);
}

.dark
  .select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: var(--dark-text-color);
}

.dark
  .select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background: var(--dark-wrapper-background-color);
}

.dark .select2-dropdown {
  background: var(--dark-app-background-color);
  color: var(--dark-text-color);
  border: 1px solid var(--dark-border-color);
  border-radius: var(--gap);
  box-shadow: 0 0 var(--gap) var(--dark-border-color);
}

.dark .select2-container .select2-selection--single {
  background: var(--dark-wrapper-background-color);
}

.dark .wrapper {
  background: var(--dark-wrapper-background-color);
}

.dark .blur .input,
.dark .blur .select2-container .select2-selection--single,
.dark .blur .select2-search__field {
  background: var(--dark-app-background-color);
}

.dark .item {
  background: #222222;
  border: 1px solid #333333;
}

.dark .item.selected,
.dark .item:hover {
  background: #333333;
  border: 1px solid #444444;
}

.dark .resourceHeader tr td {
  border-bottom: 1px solid var(--dark-border-color);
}

.dark .resourceData tr td {
  border-bottom: 1px solid var(--dark-border-color);
}

.dark .resourceData:nth-child(even) tr td {
  background: var(--dark-wrapper-background-color);
}

.dark .dashboard-table tr:nth-child(odd) th,
.dark .dashboard-table tr:nth-child(odd) td,
.dark .resourceHeader {
  background: var(--dark-wrapper-background-color);
}

.dark .card {
  background: #333333;
  border: 1px solid #444444;
}

.dark hr {
  border-top: 1px solid var(--dark-border-color);
}

.dark vr.separator {
  background: var(--dark-border-color);
}

.dark .alertify .ajs-header,
.dark .alertify .ajs-footer,
.dark .alertify .ajs-dialog {
  background-color: transparent;
}

.dark .alertify .ajs-dialog {
  background: var(--dark-app-background-color);
  box-shadow: 0 0 var(--gap) var(--dark-border-color);
}

.dark .ui-widget-content {
  border-color: var(--dark-app-background-color);
  background: var(--dark-app-background-color);
  color: var(--dark-text-color);
}

.dark .ui-widget-content a {
  color: var(--dark-text-color);
}

.dark .spinner {
  border: 4px solid #55555510;
  border-left-color: #555555;
}

.dark .employeeCard {
  background: var(--dark-wrapper-background-color);
  box-shadow: 0 0 var(--gap) var(--dark-border-color);
}

.dark ::-webkit-scrollbar-track {
  background: var(--dark-wrapper-background-color);
}

.dark ::-webkit-scrollbar-thumb {
  background: var(--dark-main-color);
}

.dark a {
  color: var(--dark-main-color) !important;
}

.dark .button.main {
  background: var(--dark-main-color) !important;
  color: white !important;
}

.dark .button.secondary {
  color: var(--dark-main-color) !important;
  border: 2px solid var(--dark-main-color) !important;
}

.dark .input {
  caret-color: var(--dark-main-color);
  background: var(--dark-wrapper-background-color);
  border-bottom: 2px solid var(--dark-main-color);
}

.dark .select2-container .select2-selection--single,
.dark .select2-search__field {
  caret-color: var(--dark-main-color);
  background: var(--dark-wrapper-background-color);
  border-bottom: 2px solid var(--dark-main-color);
}

.dark .input:focus {
  box-shadow: 0 0 0 2px var(--dark-main-color) a0;
}

/*  */

.dark .contact {
  background: var(--dark-app-background-color);
}

/*  */

.dark #function img {
  box-shadow: 0 0 var(--gap) var(--dark-main-color);
}

/*  */

.dark .reminderWrapper:nth-child(even) {
  background: var(--dark-app-background-color);
}

.dark .viewWidgetCard-reminders {
  background: #aa9fbf;
}

.dark .viewWidgetCard-documents {
  background: #a0b2c7;
}

.dark .transaction-type-card {
  background: var(--dark-wrapper-background-color);
  border-color: var(--dark-border-color);
}

/*  */

.dark .kpi-card {
  border-color: var(--dark-border-color);
  box-shadow: 0 0 var(--gap) var(--dark-border-color);
}

.dark .kpi-card--green {
  border-top-color: var(--green-color);
}

.dark .kpi-card--yellow {
  border-top-color: var(--yellow-color);
}

.dark .kpi-card--red {
  border-top-color: var(--red-color);
}

.dark .kpi-card--main {
  border-top-color: var(--main-color);
}

.dark .kpi-card-icon {
  background: var(--dark-wrapper-background-color);
  border-color: var(--dark-border-color);
}

.dark .kpi-card--green .kpi-card-icon {
  border-color: var(--green-color);
  background: var(--green-color-opacity);
}

.dark .kpi-card--yellow .kpi-card-icon {
  border-color: var(--yellow-color);
  background: var(--yellow-color-opacity);
}

.dark .kpi-card--red .kpi-card-icon {
  border-color: var(--red-color);
  background: var(--red-color-opacity);
}

.dark .kpi-card--main .kpi-card-icon {
  border-color: var(--main-color);
  background: color-mix(in srgb, var(--main-color) 50%, transparent);
}

.dark .kpi-card-split {
  border-top-color: var(--dark-border-color);
}

@media (hover: hover) {
  .dark a.kpi-card:hover {
    box-shadow: 0 0 var(--gap) var(--dark-border-color);
  }
}

.dark .transaction-type-progress {
  background: rgba(3, 170, 80, 0.25);
}

@media (hover: hover) {
  .dark .transaction-type-card:not(.transaction-type-card--empty):hover {
    box-shadow: 0 4px 12px rgba(3, 170, 80, 0.3);
  }
}