.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 .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 .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-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 {
  background: var(--dark-wrapper-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 .resourceHeader tr td:first-child {
  border-left: 1px solid var(--dark-border-color);
}

.dark .resourceData tr td:first-child {
  border-left: 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:not(:first-child) {
  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 .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 .priceDot {
  color: var(--dark-main-color);
}

.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 #function img {
  box-shadow: 0 0 var(--gap) var(--dark-main-color);
}