html.dark body,
html.dark .sidebar-submenu {
  background-color: var(--dark-1);
}
html.dark nav,
html.dark nav .dropdown-menu .search input,
html.dark .sidebar,
html.dark .card,
html.dark .modal-content,
html.dark .data-table,
html.dark .sidebar .sidebar-item:hover,
html.dark .sidebar .sidebar-item.active,
html.dark .column-filter-item:hover,
html.dark .steeper .steeper-step .steeper-step-icon,
html.dark .project-nav-pills,
html.dark .row-table .data,
html.dark .tox .tox-tbtn,
html.dark .flatpickr-day:hover {
  background-color: var(--dark-2);
}
html.dark .dropdown-menu,
html.dark nav .search input,
html.dark .search-container .input-wrapper input,
html.dark .column-filter-btn,
html.dark .column-filter-content,
html.dark .prePageWrapper select,
html.dark .orderItemWrapper .orderByWrapper select,
html.dark .btn-light,
html.dark .btn-light:hover,
html.dark .btn-light:focus,
html.dark .btn-light:active,
html.dark .steeper .steeper-step .steeper-line,
html.dark .steeper .steeper-step:not(.finished):not(.current) .steeper-step-icon,
html.dark .select2-dropdown,
html.dark .permission-card,
html.dark .multi-listed-entries .body .entry,
html.dark .flatpickr-calendar,
html.dark .tox:not(.tox-tinymce-inline) .tox-editor-header,
html.dark .tox .tox-toolbar,
html.dark .tox .tox-toolbar__overflow,
html.dark .tox .tox-toolbar__primary,
html.dark .tox .tox-statusbar,
html.dark .tox .tox-edit-area__iframe {
  background-color: var(--dark-3);
}
html.dark .column-filter-btn span {
  background-color: var(--blue-1) !important;
}
html.dark .btn-custom.blue {
  background-color: rgba(10, 111, 194, 0.1019607843);
}
html.dark .btn-custom.red {
  background-color: rgba(239, 83, 80, 0.1019607843);
}
html.dark .btn-custom.green {
  background-color: rgba(51, 196, 129, 0.1019607843);
}
html.dark .sidebar li.logo,
html.dark .sidebar li.logo a,
html.dark .data-table th,
html.dark .data-table td,
html.dark .btn-blue .btn-icon,
html.dark .search-container .input-wrapper input,
html.dark .column-filter-btn,
html.dark .column-filter-content,
html.dark .prePageWrapper select,
html.dark .orderItemWrapper .orderByWrapper select,
html.dark .modal-footer,
html.dark .profile__image_input,
html.dark .tox .tox-statusbar {
  border-color: var(--dark-1) !important;
}
html.dark .orderItemWrapper .btn,
html.dark .btn-light,
html.dark .btn-light:hover,
html.dark .btn-light:focus,
html.dark .btn-light:active,
html.dark .form-group .form-control,
html.dark .form-group .select2 .select2-selection,
html.dark .form-group textarea,
html.dark input[type=phone] + .icon,
html.dark .steeper .steeper-step .steeper-step-icon,
html.dark .permission-card,
html.dark .dynamic-inputs-box,
html.dark .modal-card,
html.dark .row-table .header,
html.dark .row-table .data,
html.dark .project-nav-pills .nav-link {
  border-color: var(--dark-4);
}
html.dark .flatpickr-current-month .numInputWrapper span.arrowUp::after {
  border-bottom-color: var(--white-1);
}
html.dark .flatpickr-current-month .numInputWrapper span.arrowDown::after {
  border-top-color: var(--white-1);
}
html.dark .theme-color,
html.dark nav .left-side .user .username,
html.dark nav .left-side .user .dropdown-menu li .item,
html.dark .sidebar li.logo,
html.dark .sidebar li.logo a,
html.dark .data-table th,
html.dark .data-table td,
html.dark .btn-blue .btn-icon,
html.dark .dropdown-menu .empty-message,
html.dark .form-group .form-control,
html.dark .form-group .select2 .select2-selection,
html.dark .form-group textarea,
html.dark .page-header .page-title,
html.dark .breadcrumb-list .breadcrumb-item-text.active,
html.dark .page-nav,
html.dark .page-nav:hover,
html.dark .page-number,
html.dark nav .search input,
html.dark .search-container .input-wrapper input,
html.dark .prePageWrapper select,
html.dark .orderItemWrapper .orderByWrapper select,
html.dark .column-filter-item,
html.dark .column-filter-btn span,
html.dark .btn-custom,
html.dark .btn-custom:hover,
html.dark .btn-custom:active,
html.dark .btn-custom:focus,
html.dark .btn-light,
html.dark .btn-light:hover,
html.dark .btn-light:focus,
html.dark .btn-light:active,
html.dark .form-label,
html.dark .form-check-label,
html.dark .select2-selection__rendered,
html.dark .steeper-step-title,
html.dark .select2-dropdown,
html.dark .permission-card,
html.dark .toggle-switch-container,
html.dark .select2-selection__clear,
html.dark .modal-header,
html.dark .modal-body,
html.dark .row-table .data,
html.dark .modal-taps .tap span,
html.dark .tab-title,
html.dark .modal .modal-content .modal-body .text,
html.dark .modal .modal-content .modal-body .top-box .right p,
html.dark .flatpickr-day,
html.dark .flatpickr-weekday,
html.dark .flatpickr-current-month,
html.dark .project-nav-pills .nav-link,
html.dark .text-blue,
html.dark .tox .tox-statusbar a,
html.dark .tox .tox-statusbar__path-item,
html.dark .tox .tox-statusbar__wordcount,
html.dark .tox .tox-edit-area__iframe {
  color: var(--white-1) !important;
}
html.dark .flatpickr-day.prevMonthDay,
html.dark .flatpickr-day.nextMonthDay {
  color: var(--gray-3) !important;
}
html.dark nav .left-side .user .dropdown-menu li .item.text-danger {
  color: var(--red-2) !important;
}
html.dark .page-number.active,
html.dark .modal-taps .tap.active span,
html.dark .modal-taps .tap:hover span {
  color: var(--blue-3) !important;
}
html.dark nav .right-side .btn-toggler svg path,
html.dark .page-header .page-title svg path,
html.dark .page-nav svg path,
html.dark .btn-light svg path,
html.dark .steeper .steeper-step:not(.finished):not(.current) .steeper-step-icon svg path,
html.dark .table-actions-wrapper .drop-down-buttons-wrapper .drop-down-buttons svg path,
html.dark .close-btn svg path,
html.dark .flatpickr-prev-month svg path,
html.dark .flatpickr-next-month svg path,
html.dark .tox .tox-statusbar__resize-handle svg,
html.dark .tox .tox-tbtn svg,
html.dark .project-nav-pills svg path {
  fill: var(--white-1);
}
html.dark .flatpickr-prev-month:hover svg path,
html.dark .flatpickr-next-month:hover svg path {
  fill: var(--gray-3);
}
html.dark .page-header .page-title svg path.stroke,
html.dark .project-nav-pills .nav-link svg path.stroke {
  stroke: var(--white-1);
}
html.dark .page-header .page-title svg path.stroke-fill,
html.dark .project-nav-pills .nav-link svg path.stroke-fill {
  fill: var(--white-1);
  stroke: var(--white-1);
}
html.dark .upload-box .files-preview-box .item .left .right-box p:first-of-type {
  color: #777777;
}
html.dark .upload-box .files-preview-box .item .progress-box .text {
  color: #777777;
}
html.dark .upload-box .files-preview-box .item .progress-box .text {
  color: #777777;
}
html.dark .upload-box .files-preview-box .item .right img {
  filter: invert(100%) brightness(100%);
  transition: filter 0.3s ease;
}
html.dark {
  /* Dark Mode Support */
}
html.dark .outline-dropdown-wrapper .outline-dropdown-trigger,
html.dark .outline-dropdown-wrapper .outline-dropdown-menu,
html.dark .outline-dropdown-wrapper .outline-dropdown-item {
  background: var(--dark-2);
  border-color: var(--dark-4);
}
html.dark .outline-dropdown-trigger .current-status,
html.dark .outline-dropdown-item {
  color: var(--white-1);
}
html.dark .outline-dropdown-wrapper .outline-dropdown-trigger:hover {
  border-color: #0070CC;
  background: var(--dark-3);
}
html.dark .outline-dropdown-wrapper .outline-dropdown-item {
  border-bottom-color: var(--dark-4);
}
html.dark .outline-dropdown-wrapper .outline-dropdown-item:hover {
  background: var(--dark-3);
}
html.dark .outline-dropdown-wrapper .outline-dropdown-item.active {
  background: rgba(10, 111, 194, 0.2);
}
html.dark .outline-dropdown-wrapper .outline-dropdown-trigger svg {
  color: var(--white-1);
}
html.dark .outline-dropdown-wrapper .outline-dropdown-menu::-webkit-scrollbar-track {
  background: var(--dark-3);
}
html.dark .outline-dropdown-wrapper .outline-dropdown-menu .outline-dropdown-item span {
  flex: 1;
  color: #FFFFFF;
  font-weight: 500;
}

/*# sourceMappingURL=dark-theme.css.map */