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 * {
  color: var(--dark-text-color);
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
  color: var(--dark-text-color) !important;
}

.dark .shadow {
  box-shadow: calc(var(--t-gap) * -1) var(--t-gap) var(--gap) var(--dark-shadow-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 .wrapper {
  background: var(--dark-wrapper-background-color);
  border: 2px solid 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);
  border-color: var(--dark-border-color);
}

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

.dark #filtersContentWrapper {
  background: var(--dark-wrapper-background-color);
  box-shadow: calc(var(--t-gap) * -1) var(--t-gap) var(--gap) var(--dark-shadow-color);
}

.dark #footerButtons {
  background: var(--dark-app-background-color);
  box-shadow: calc(var(--t-gap) * -1) var(--t-gap) var(--gap) var(--dark-shadow-color);
}

.dark .button {
  border-color: var(--dark-border-color);
  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-app-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);
  box-shadow: calc(var(--t-gap) * -1) var(--t-gap) var(--gap) var(--dark-shadow-color);
}

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

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

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

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

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

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

.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-app-background-color);
}

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

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

.dark .alertify .ajs-dimmer {
  background: black;
  opacity: 0.6;
}

.dark .alertify .ajs-header,
.dark .alertify .ajs-footer {
  background: var(--dark-wrapper-background-color);
}

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

.dark .ui-widget-content {
  border-color: var(--dark-app-background-color);
  background: var(--dark-app-background-color);
  color: var(--dark-text-color);
  box-shadow: calc(var(--t-gap) * -1) var(--t-gap) var(--gap) var(--dark-shadow-color);
}

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

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

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

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

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

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

.dark .button.delete {
  color: var(--red-color) !important;
}

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

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

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

/*  */

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

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

/*  */

.dark #function img {
  box-shadow: calc(var(--t-gap) * -1) var(--t-gap) var(--gap) var(--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 .widgetCard,
.dark .kpi-card {
  border-color: var(--dark-border-color);
}

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

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

.dark .itemsGroupRow:nth-child(odd) {
  background: var(--dark-wrapper-background-color);
}

/*  */

.dark .tabsList .tabButton {
  border-bottom: 2px solid var(--dark-border-color);
}

/*  */

.dark .tabsWrapper > .width:last-child {
  border-top: 2px solid var(--dark-border-color);
}

/*  */

.dark .rowBodyInputsWrapper .rowBodyInputsWrapperHeader,
.dark .stock-rowBodyInputsWrapper .rowBodyInputsWrapperHeader,
.dark .payment-method-row .rowBodyInputsWrapperHeader {
  border-color: var(--dark-border-color);
}

.dark .vehicleWrapper .vehicleWrapperHeader {
  border-color: var(--dark-border-color);
}