.dark .td-border td,
.dark .td-border th,
.dark a.bs-tooltip {
    color: #fff !important;
}

.dark .cstm-primary,
.dark .text-primary,
.dark .read-more,
.dark .table-responsive .ticket-cst-color,
.dark .blue-text,
.dark .custom-dd-dt dd {
    color: var(--dark-light) !important;
}

.dark .text-danger {
    color: #ff6e7c !important;
}

.dark .card.border-0.h-100 {
    background-color: var(--all-widget);
}

.dark .text-success {
    color: #46d593 !important;
}

.dark .border-left-blue {
    border-left: 2px solid var(--dark-light);
}

.dark .tagify--empty .tagify__input::before {
    color: #fff;
}

.dark .td-border td {
    background-color: #000;
}

.dark .summary-count {
    font-size: 14px;
}

.dark .nav-pills .nav-link.active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.dark .nav-pills .nav-link {
    color: var(--black-white);
    border-color: var(--black-white);
}

.dark .fc .fc-col-header-cell-cushion,
.dark a:not([href]) {
    color: var(--black-white);
}

.dark button.fc-next-button.fc-button.fc-button-primary,
.dark button.fc-prev-button.fc-button.fc-button-primary {
    background: var(--all-widget);
    border: 1px solid var(--black-white);
    color: var(--black-white);
}

.dark .border-prev-next,
.dark .border-prev-next-date {
    border: 1px solid var(--black-white);
}

.dark .bg-light-success {
    background-color: #6e978e !important;
}

.dark .card-body.widget p {
    color: #fff;
}

.dark body {
    color: var(--black-white);
}

.dark .table > tbody > tr > td {
    background-color: #333d4e !important;
}

.dark .daterangepicker .ranges ul {
    width: 140px;
    background: black;
}

.dark .daterangepicker .ranges li:hover {
    color: #000;
}

.dark .modal-dialog .modal-content {
    background-color: #171723;
}

.dark .custom-file-container label {
    color: #fff;
}

.dark .menu > ul > li > :hover {
    background: #333d4e;
}

.dark .daterangepicker {
    background-color: #000;
}

.dark .daterangepicker .calendar-table .next span,
.dark .daterangepicker .calendar-table .prev span {
    border-color: #fff;
}

.dark .daterangepicker .calendar-table table {
    background: #000;
}

.dark .breadcrumb-four .breadcrumb li:not(:first-child):before {
    border-color: var(--black-white) transparent transparent transparent;
}

.dark .month-table-spa .custom-th-bg,
.dark .day-table-spa .custom-th-bg,
.dark .year-table-spa .custom-th-bg,
.dark .week-table-spa .custom-th-bg {
    background-color: rgb(39 49 67);
}

.dark .page-link {
    background: rgb(255 255 255 / 24%);
    color: #ffffff;
}

.dark .border-right-td {
    border-right: 1px solid #fff;
}

.dark .btn-outline-primary {
    border-color: var(--black-white);
    background: #1b2531;
}

.dark .btn:hover {
    border-color: var(--primary-color);
}

.dark .btn-danger:hover,
.dark .btn-danger:focus {
    color: #fff !important;
    background-color: #e7515a;
    border-color: #e7515a;
}

.dark .dataTables_wrapper div.dataTables_info {
    color: var(--black-white);
    font-weight: 600;
    border: 1px solid var(--black-white);
}

.dark .form-control,
.dark .top-search-bar select.form-control,
.dark .top-search-bar input.form-control,
.dark .top-search-bar select.form-selectl {
    background-color: #1f2834 !important;
    color: #fff !important;
}

.dark .select2-dropdown {
    background-color: #333d4e;
    border: 1px solid #273143;
}

.dark
    .select2-container--default
    .select2-search--dropdown
    .select2-search__field {
    background: #273143;
    color: #dddddd;
    font-size: 13px;
}

.dark .select2-results__option[aria-selected] {
    color: #ffffff;
}

.dark .task-no {
    color: var(--dark-light);
}

.dark .sub-heading-report {
    background: #1b2531;
}

.dark .cust-act {
    color: #ffffff;
}

.dark label.radiooutline {
    color: #fff !important;
    border: 1px solid #ededed;
}

.dark
    .new-control.new-radio.new-radio-text.radio-primary
    > input:checked
    ~ span.new-radio-content,
.dark
    .new-control.new-radio.new-radio-text.radio-classic-primary
    > input:checked
    ~ span.new-radio-content {
    color: var(--dark-light);
}

.dark
    .new-control.new-radio.radio-classic-primary
    > input:checked
    ~ span.new-control-indicator {
    border: 3px solid var(--dark-light);
}

.dark .text-black {
    color: #fff !important;
}

.dark a.custom-file-container__imag {
    color: #fff;
}

.dark .card-body.widget .widget,
.dark .login-card {
    background: #1b2531;
}
.dark .logo-image-size img {
    filter: invert(1) hue-rotate(348deg) brightness(2);
}
.dark .card-body.widget .widget .widget {
    background: #333d4e;
}

.dark .value-numeric-type {
    background-color: inherit;
}

.dark .table > thead > tr > th {
    color: var(--black-white);
}

.dark select[disabled] > option {
    color: #c9c9c9;
}

.dark .dropdown-type-ques {
    background-color: inherit;
    border: 1px solid;
}

.dark .form-control-custom-2 {
    background: #273143;
    color: #fff;
}

.dark input[type="date"]::-webkit-calendar-picker-indicator,
.dark input[type="time"]::-webkit-calendar-picker-indicator,
.dark input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    cursor: pointer;
}

.dark .close:hover {
    color: #ffffff;
}

.dark table.dt-table-hover tbody tr:hover {
    background: #273143;
}

.dark .close.helpdesk-largeimage-close2 {
    background: transparent;
}

.dark .form-control:focus {
    border-color: #000 !important;
}

.dark select#inputGroupSelect04,
.dark #workorder-chart .dark .breadcrumb-item a {
    color: #ffffff;
}

.dark .widget h5 {
    color: #0e1726;
}

.dark
    .new-control.new-checkbox.checkbox-outline-primary
    > input:checked
    ~ span.new-control-indicator {
    border: 2px solid var(--dark-light);
}

.dark .btn {
    color: #fff;
}

.dark .border-primary {
    border-color: var(--secondary-color) !important;
}

.dark #chart-Pmis-bar1,
.dark #chart-Pmis-bar0,
.dark #two_line_chart,
.dark #ravcv_bar_chart,
.dark #bar_chart,
.dark #main-reading-data,
.dark #assets-reading-data,
.dark #place-order-deliveries,
.dark #revenue-overview,
.dark #chart-participants,
.dark #chart-participants,
.dark #chart-participants-time,
.dark #work-permit-by-vendor-chart,
.dark #work-permit-by-type-of-work-chart,
.dark #work-permit-by-type-of-work-status-chart,
.dark #work-permit-preparedness-checklist-pending-by-vendor-chart,
.dark #work-permit-by-type-of-work-requested-chart,
.dark #work-permit-top-vendor-most-issued-permit-chart,
.dark #work-permit-day-by-day-chart,
.dark #work-permit-ehs-team-approval-chart,
.dark #checklist-type,
.dark #ticket-sla-status,
.dark #hold-ticket,
.dark #active-inactive,
.dark #role-wise,
.dark #warantty-status,
.dark #critical,
.dark #line_chart,
.dark #warranty-chart1,
.dark #criticality-chart1,
.apexcharts-canvas {
    color: #000;
}

.dark .navbar .navbar-item .nav-item.user-profile-dropdown .nav-link.user {
    background: #273143;
}

.dark .nav-tabs .nav-link {
    /* box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset; */
    box-shadow: none;
    /* border: none; */
}

.dark .nav-tabs .nav-link {
    color: #ffffff;
}

.dark .nav-tabs .nav-link.active {
    box-shadow: none;
}

.dark .nav-tabs .li-tabs-cstm2 .nav-link.active {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px,
        #ffffff 0px 0px 0px 1px inset;
}

.dark .reading .first-color .table > tbody > tr > td:nth-child(2),
.dark section#reading_data_sec table.table td:nth-child(1) p,
section#reading_data_sec .form-group h3 {
    color: var(--black-white);
}

.dark .table-bordered th,
.dark .Repair-and-maintenance-table .inner-table table > thead > tr > th,
.dark .refill_table {
    color: #fff;
}

.dark .page-item.disabled .page-link {
    background: #1b2531;
}

.dark .question-block {
    background: #1b2531;
}

.dark .question {
    color: #fff;
}

.dark .emoji-div-content,
.dark .nubmer-rating,
.dark .text-answer {
    background: #333d4e;
}

.dark .rating-btn,
.dark .radio-btn,
.dark .mcq-btn {
    border: 1px solid #1b2531;
    background: #333d4e;
    color: #fff;
}

.dark
    .new-control.new-checkbox.checkbox-outline-primary
    > input:checked
    ~ span.new-control-indicator:after {
    border-color: #fff;
}

.dark .zd-cascader__dropdown {
    background: #333d4e;
    border: 1px solid #e4e7ed;
}

.dark .zd-cascader-node__label {
    color: #fff;
}

.dark .zd-cascader-node:not(.is-disabled):focus,
.dark .zd-cascader-node:not(.is-disabled):hover,
.dark .zd-cascader-node:not(.is-disabled).is-prepare {
    background: #1f2834;
}

.dark .swal2-popup .swal2-styled.swal2-cancel {
    color: #f9f9f9;
    border: 1px solid #ffffff;
}

.dark .swal2-modal .swal2-content {
    color: #e2b6a6 !important;
}

.dark #attendance-table_processing {
    background: #000;
}

.dark .nav-tabs .nav-link.attendance-module {
    box-shadow: none;
}

.dark .btn-close {
    color: #fff;
}

.dark .black-background {
    background: rgb(51 61 78);
}

.dark #criticality {
    color: #000;
}

.dark #chart-Pmis-bar2 {
    color: #000;
}

.dark .bs-actionsbox .btn-group button {
    background: transparent;
}

.dark .s-spy .list-group.cst {
    background-color: #333d4e;
}

.dark .s-spy .list-group.cst .list-group-item {
    background-color: #1b2531;
    color: #ffffff;
}

.dark .btn-close {
    opacity: 1;
    filter: invert(1);
}

.dark .table > tbody > tr:hover td label {
    color: #9095bd;
}

.dark .multi-select-button {
    color: #000;
}

.dark .multi-select-menu {
    background: #1b2531;
}

.dark .cust-file {
    background: transparent;
    color: #fff;
}

.dark .daterangepicker td.available:hover,
.dark .daterangepicker th.available:hover {
    background-color: #333d4e;
}

.dark .incident-list .cst-select:after {
    color: #fff;
}

.dark .cancelBtn {
    color: #000;
}

.dark .btn-left,
.dark .btn-right {
    box-shadow: 0 0 16px 24px #333d4e;
}

.dark .text-area-bg {
    background-color: #333d4e;
    color: #fff;
}

.dark .dropify-wrapper {
    background-color: transparent;
}

.dark .btn.disabled,
.dark .btn.btn[disabled] {
    background-color: #505660;
    border-color: #505660;
}

.dark
    .new-control.new-checkbox.new-checkbox-text.checkbox-primary
    > input:checked
    ~ span.new-chk-content,
.dark
    .new-control.new-checkbox.new-checkbox-text.checkbox-outline-primary
    > input:checked
    ~ span.new-chk-content {
    color: #fff;
}

.dark .bg-pmis-card {
    background-color: #10161e;
}

.dark .custom-file-container__custom-file__custom-file-control {
    background: transparent;
    color: #fff;
}

.dark .cstm-folder-icon {
    color: #ffffff;
}

.dark .site-graph-info .dashboard-widget {
    background: #1e2733 !important;
    color: #000;
}

.dark .site-graph-info .dashboard-widget small {
    color: #fff;
}

html.dark .btn-outline-info__ {
    background-color: transparent;
    border: 1px solid white;
    color: white;
}

html.dark .btn-outline-info__:hover {
    color: white;
}

.dark .bootstrap-select.btn-group > .dropdown-toggle {
    background-color: #333d4e;
}

.dark .dropdown-item.selected .text {
    color: #9b9b9f !important;
}

.dark div:where(.swal2-container) div:where(.swal2-html-container) {
    color: #f0ffff;
}

.dark div.dataTables_wrapper div.dataTables_processing {
    background: #000;
}

.dark .fc-theme-standard .fc-popover {
    background: #1b2531;
}

.dark .flatpickr-day.inRange,
.dark .flatpickr-day.prevMonthDay.inRange,
.dark .flatpickr-day.nextMonthDay.inRange,
.dark .flatpickr-day.today.inRange,
.dark .flatpickr-day.prevMonthDay.today.inRange,
.dark .flatpickr-day.nextMonthDay.today.inRange,
.dark .flatpickr-day.prevMonthDay:hover,
.dark .flatpickr-day.nextMonthDay:hover,
.dark .flatpickr-day:focus,
.dark .flatpickr-day.prevMonthDay:focus {
    color: #000;
}

.dark .user-text.us-acc {
    color: #fff;
}

.dark .searchable-container .searchable-items.grid .items .item-content {
    background-color: #1b2531;
}

:root.dark {
    --primary-color: #000000 !important;
    --secondary-color: #f9f9f9 !important;
    --body-color: #171d26 !important;
}

.dark .active-menu-sidebar,
.dark
    .layout
    .sidebar:not(.collapsed)
    .menu
    > ul
    > .menu-item.sub-menu
    > .sub-menu-list
    .menu-item:hover
    > a {
    background-color: var(--common-color);
}

.dark .heading-black-white {
    color: var(--black-white);
}

.dark .border-prev-next i {
    color: var(--black-white);
}

.dark
    .select2-container--default
    .select2-selection--single
    .select2-selection__placeholder {
    color: #f8f9fb;
}

.dark .accordion-item {
    background-color: transparent;
}

.dark .modal-content .modal-footer button.btn {
    border-color: #fff;
}
.dark .cstm_card_header .card-header h5 {
    color: #fff;
}
.dark .cstm_card_header .card-header {
    background-color: var(--primary-color) !important;
    color: #fff;
}
.dark .cstm_card_header .card-body {
    background-color: var(--primary-color);
}
@media (prefers-color-scheme: dark) {
    .dark .top-search-bar select.form-control,
    .dark.top-search-bar select.form-select {
        filter: invert(1);
        background-color: #ffffff !important;
        color: #000000 !important;
        font-weight: 700;
    }
}