body.dark.bg-secondary-50,
body.dark {
  background-color: #000000 !important;
  color: white;
}
body.dark .bg-white,
body.dark .bg-primary-200,
body.dark
  .select2-container--default
  .select2-results__option[aria-selected="true"],
body.dark .oh-activity-sidebar,
body.dark .oh-card-dashboard,
body.dark .note-editable,
body.dark .note-btn.active,
body.dark .note-btn.focus,
body.dark .note-btn:active,
body.dark .note-btn:focus,
body.dark .note-btn:hover {
  background-color: #242424;
}
body.dark #sidebar nav .sidebox,
body.dark .oh-dropdown__menu,
body.dark .oh-user-panel,
body.dark .bg-primary-50,
body.dark .canvas-wrap,
body.dark .bg-\[\#F4F4F4\],
body.dark .holiday,
body.dark .dropdown-content.bg-white,
body.dark .oh-btn--light-bkg:hover,
body.dark #pivot-container .pvtTable,
body.dark #pivot-container .pvtTable tbody tr th,
body.dark #pivot-container .pvtTable thead tr th,
body.dark .pvtFilterBox p button,
body.dark #pivot-container .pvtTable td,
body.dark #pivot-container .pvtTable tr:nth-child(2n) td,
body.dark .note-toolbar,
body.dark .ansbox {
  background-color: #1b1b1b !important;
}

body.dark .border-b-dark-50,
body.dark .border-r-dark-50,
body.dark .border-t-dark-50,
body.dark .border-white,
body.dark .border-primary-300,
body.dark .border-dark-50,
body.dark .border-\[\#ebebeb\],
body.dark .myform input,
body.dark .myform select,
body.dark .myform textarea,
body.dark
  .select2-container--default.select2-container--focus
  .select2-selection--multiple,
body.dark .select2-dropdown,
body.dark .select2-container--default .select2-selection--single,
body.dark
  .select2-container--default
  .select2-search--dropdown
  .select2-search__field,
body.dark .fixed-table th,
body.dark .fixed-table td,
body.dark input,
body.dark .border-primary-500,
body.dark .oh-btn-group > *,
body.dark .usertablist li button,
body.dark .oh-dropdown__menu,
body.dark .border-\[\#eee6e6b9\],
body.dark .oh-user-panel,
body.dark .select2-container--default .select2-selection--multiple,
body.dark .bg-\[\#e9edf090\],
body.dark .oh-tabs__tab,
body.dark .oh-tabs__movable,
body.dark .oh-tabs__movable-header,
body.dark .oh-sticky-table__thead,
body.dark .oh-sticky-table,
body.dark .oh-dropdown__filter-footer,
body.dark .border-\[\#ececec\],
body.dark .border-\[\#b3bac0\],
body.dark input[type="file"],
body.dark .border-\[\#e6e6e6\],
body.dark .oh-profile-section__card,
body.dark hr,
body.dark .border-primary-200,
body.dark .sha,
body.dark .border-\[\#ecf3fb\],
body.dark .border-\[\#f3f3f3\],
body.dark .pvtAxisContainer li span.pvtAttr,
body.dark #pivot-container,
body.dark .pvtAxisContainer,
body.dark .pvtVals,
body.dark #pivot-container .pvtTable tbody tr th,
body.dark #pivot-container .pvtTable thead tr th,
body.dark .pvtFilterBox,
body.dark #pivot-container .pvtTable tr:nth-child(2n) td,
body.dark #pivot-container .pvtTable td,
body.dark .note-toolbar,
body.dark .note-btn,
body.dark .ansbox,
body.dark .ansbox .oh-main__titlebar,
body.dark .oh-activity-sidebar__qa-item {
  border-color: #444444 !important;
}
body.dark .oh-input,
body.dark .oh-select,
body.dark select,
body.dark .form-input-items input[type="text"],
body.dark .form-input-items input[type="number"],
body.dark .form-input-items input[type="file"],
body.dark .form-input-items select,
body.dark .form-input-items textarea,
body.dark .form-input-items .oh-input,
body.dark .form-input-items .oh-select,
body.dark .note-btn {
  color: #dfdfdf !important;
  background-color: #111111;
  border-color: #656565 !important;
}
body.dark .oh-input,
body.dark .form-input-items input[type="text"],
body.dark .form-input-items input[type="number"],
body.dark .form-input-items input[type="file"],
body.dark .form-input-items select,
body.dark .form-input-items textarea,
body.dark .form-input-items .oh-input,
body.dark .form-input-items .oh-select {
  border: 1px solid #656565 !important;
}
body.dark .sideboxmain img,
body.dark .dropdown-content #notificationContainer img,
body.dark #addAnnouncement img,
body.dark .oh-dropdown img,
body.dark .oh-modal__close--custom img,
body.dark .mt-\[-1px\],
/* body.dark .dropdown-wrapper .flex.items-center.gap-2 img, */
body.dark #employee_canvas_body img,
body.dark #department_canvas_body img,
body.dark #detailViewContainer button img,
body.dark .dropdown-wrapper .flex.items-center.gap-2  img {
  filter: brightness(0) invert(1);
}
body.dark .dropdown-wrapper .flex.items-center.gap-2 .rounded-full img {
  filter: unset;
}
body.dark .sideboxmain svg,
body.dark .oh-btn--light-bkg,
body.dark .usertablist li button.active,
body.dark .usertablist li button:hover,
body.dark .nav-view-btn,
body.dark .icon-inner .ionicon.s-ion-icon,
body.dark .swal2-title,
body.dark .pvtColOrder,
body.dark .oh-label,
body.dark .pvtRowOrder,
body.dark .pvtFilterBox h4,
body.dark .fa-solid.fa-clone,
body.dark .form-input-items label,
body.dark .form-input-items .text-xs,
body.dark .text-dark-400,
body.dark .interview-date,
body.dark .interview-time,
body.dark .interview-interviewer {
  color: white !important;
}

body.dark .sidebox ul li a:hover,
body.dark .oh-btn--light-bkg,
body.dark .oh-modal__dialog-header,
body.dark .oh-modal__dialog-body,
body.dark .bg-\[\#f4f7fe\],
body.dark .oh-btn-group,
body.dark .oh-profile-section,
body.dark .swal2-popup,
body.dark .bg-\[\#e9edf0\],
body.dark .oh-tabs__tab--active,
body.dark .oh-tabs__movable-header,
body.dark .oh-tabs__movable,
body.dark .oh-sticky-table__thead,
body.dark .oh-modal__dialog,
body.dark select,
body.dark .bg-primary-300,
body.dark .sidebarItemActive,
body.dark .hover\:bg-primary-100:hover,
body.dark .oh-btn--light,
body.dark .pvtAxisContainer li span.pvtAttr,
body.dark .pvtFilterBox,
body.dark .oh-activity-sidebar__qa-item,
body.dark .oh-accordion-header,
body.dark .bg-\[\#F6F6F6\] {
  background-color: #000000 !important;
}
body.dark .bg-primary-100,
body.dark .bg-\[\#f3f3f3\],
body.dark .myform input,
body.dark .myform select,
body.dark .myform textarea,
body.dark .select2-container--default .select2-selection--multiple,
body.dark .select2-dropdown,
body.dark .select2-container--default .select2-selection--single,
body.dark .select2-search__field,
body.dark .oh-accordion-header,
body.dark input,
body.dark .oh-btn-group button:hover,
body.dark .bg-\[\#e9edf090\],
body.dark .oh-sticky-table__tr--custom:hover,
body.dark .oh-titlebar__tag,
body.dark #pivot-container .pvtUiCell {
  background-color: #1a1a1a !important;
}
body.dark .text-\[\#333\],
body.dark .text-gray-700 {
  color: #dddddd;
}
body.dark p,
body.dark .accordion-panel ul li a,
body.dark .breadcrumb li a,
body.dark .breadcrumb li:not(:last-child):before,
body.dark .fixed-table td,
body.dark .usertablist li button,
body.dark .oh-sticy-dropdown-item,
body.dark .oh-btn--primary-outline,
body.dark #dateDisplay,
body.dark #timeDisplay,
body.dark .swal2-html-container,
body.dark .oh-tabs__tab,
body.dark .oh-tabs__tab i,
body.dark .oh-dropdown__link,
body.dark .oh-accordion-meta__btn,
body.dark .oh-timeoff-modal__user,
body.dark .oh-titlebar__tag,
body.dark .text-\[\#666\],
body.dark .text-dark-200,
body.dark .oh-general__tab-link,
body.dark
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
body.dark .title-wrapper div,
body.dark .date-list li,
body.dark #employee_canvas_body h3,
body.dark #department_canvas_body h3,
body.dark .pvtAxisContainer li span.pvtAttr,
body.dark #pivot-container .pvtTable tbody tr th,
body.dark #pivot-container .pvtTable thead tr th,
body.dark .pvtFilterBox p :nth-child(2),
body.dark #pivot-container .pvtTable td,
body.dark .dateformat_changer,
body.dark .text-dark-500,
body.dark .text-gray-600 {
  color: #bbbbbb !important;
}
body.dark .text-\[\#565E6C\],
body.dark .oh-modal__dialog-title span {
  color: #888888 !important;
}

body.dark ::-webkit-scrollbar {
  width: 5px;
}

body.dark ::-webkit-scrollbar-track {
  background: #636363;
  /* border-radius: 5px; */
  cursor: pointer;
}

body.dark ::-webkit-scrollbar-thumb {
  background: #334155;
  /* border-radius: 5px; */
  transition: 0.3s;
  cursor: pointer;
}

body.dark ::-webkit-scrollbar-thumb:hover {
  background: #242f3f;
}

body.dark #sidebar ::-webkit-scrollbar-track {
  background: unset;
  border-radius: unset;
  cursor: unset;
}

body.dark #sidebar ::-webkit-scrollbar-thumb {
  background: unset;
  border-radius: unset;
}

body.dark #sidebar ::-webkit-scrollbar-thumb:hover {
  background: unset;
}
body.dark .stickyleft,
body.dark .bg-\[white\] {
  background-color: #2e2e2e;
  color: white;
}
body.dark .selection:focus-visible {
  outline: unset;
}

body.dark .oh-modal__dialog {
  border: 1px solid #444444;
}
body.dark .oh-btn-group > * {
  border-right: unset;
}
body.dark .stickyleft-second,
body.dark .stickyright {
  background-color: #444444;
}
body.dark .sha::after {
  background: linear-gradient(360deg, #000000, transparent);
}
.pvtAxisContainer li span.pvtAttr {
  font-size: 0.9rem;
}
body.dark i {
  color: white;
}
body.dark ul.errorlist {
  color: white;
  background-color: #464646;
  border: 1px solid #5d5d5d;
}

body.dark .oh-alert--danger {
  color: hsl(0, 71%, 54%);
}
body.dark .oh-alert--warning {
  color: hsl(44, 89%, 62%);
}
body.dark .oh-alert--info {
  color: hsl(225, 72%, 48%);
}
body.dark .oh-alert--success {
  color: hsl(119, 39.1304347826%, 46%);
}

body.dark .oh-hover-btn__small {
  background-color: hsl(0deg 0% 34.17%);
  border: 1px solid hsl(0deg 0% 49.2%);
}
body.dark .animated-background {
  background-color: #535353;
  background: linear-gradient(
    to right,
    #9e9e9e9c -30%,
    #4b4b4b96 10%,
    #96969661 20%
  );
}

body.dark .sr-only.peer + div,
body.dark .sr-only.peer + .relative {
  background: #747474;
}
body.dark .sr-only.peer + div::after,
body.dark .sr-only.peer + .relative::after,
body.dark .oh-switch .oh-switch__checkbox {
  background: #3a3a3a;
}
body.dark .oh-btn img,
body.dark .sideboxmain svg,
body.dark .target,
body.dark .downarrow,
body.dark .editicon,
body.dark .deleteicon{
  filter: brightness(0) invert(1);
}
body.dark .oh-btn:hover {
  background-color: #2a2a2a;
}
body.dark .oh-btn ion-icon {
  color: white;
}

body.dark .oh-activity-sidebar {
  border-left: 1px solid #444444;
}

body.dark .dropdown-content {
  border: 1px solid #444444;
}
body.dark input:focus-visible {
  outline: unset;
}
body.dark .hover\:bg-primary-50:hover {
  background-color: #2a2a2a !important;
}