.dark-mode,
body.dark-mode,
body.dark-mode .footer-heading,
body.dark-mode .footer_links,
body.dark-mode .footer_polices ul li a,
body.dark-mode .visitors span,
body.dark-mode footer address p {
    background-color: #000
}

body.dark-mode {
    color: #ff0 !important
}

    body.dark-mode div {
        background-color: #000 !important;
        color: #ff0
    }

    body.dark-mode .accessibility .font .grey {
        background-color: #545454 !important;
        color: #ff0
    }

    body.dark-mode .accessWrap a {
        background-color: #000 !important;
        color: #ff0;
    }

    body.dark-mode .accessibility .font .access,
    body.dark-mode .sideMenu #accordion .card-body .nav-link,
    body.dark-mode .sideMenu .card-body .nav-link,
    body.dark-mode .text-info,
    body.dark-mode a,
    body.dark-mode h1,
    body.dark-mode h2,
    body.dark-mode h3,
    body.dark-mode h4,
    body.dark-mode h5,
    body.dark-mode h6,
    body.dark-mode p,
    body.dark-mode span,
    body.dark-mode table td,
    body.dark-mode table th,
    body.dark-mode ul li {
        color: #ff0 !important
    }

    body.dark-mode div.grey {
        background-color: #545454 !important
    }

    body.dark-mode .dropdown-menu,
    body.dark-mode .footer-bg,
    body.dark-mode .login,
    body.dark-mode .scheme-glance-bg,
    body.dark-mode .whats-new {
        background: #000
    }

    body.dark-mode .search input {
        background: #000;
        color: #ff0
    }

    body.dark-mode .header .body img,
    body.dark-mode .header .body img.g20 {
        filter: invert(1)
    }

    body.dark-mode .search-container {
        border: 1px solid #ff0;
        border-radius: 15px
    }

    body.dark-mode a {
        background: #000
    }

    body.dark-mode .about-atal-jal-button {
        background: rgb(14 16 12);
        border: 1px solid #ff0
    }

    body.dark-mode .about-accordian .accordion,
    body.dark-mode .accessibility .accessButton,
    body.dark-mode .bannerSwiper .swiper-controls i,
    body.dark-mode .breadcrumb-item.active,
    body.dark-mode .home-page .swiper-button-playpause::before,
    body.dark-mode .logoSlider .logo-swiper-button-playpause::before,
    body.dark-mode .logoSlider .swiper-controls i,
    body.dark-mode footer address {
        color: #ff0
    }

    body.dark-mode .header .body img.atalLogo1 {
        filter: brightness(0) invert(1)
    }

    body.dark-mode .header .body img.azadi,
    body.dark-mode .header .swatch {
        filter: brightness(200%)
    }

    body.dark-mode .footerLinks,
    body.dark-mode .header .body,
    body.dark-mode .home-page,
    body.dark-mode .slider-container {
        border-top: 1px solid #ff0;
        border-bottom: 1px solid #ff0
    }

    body.dark-mode .bannerSwiper .swiper-controls,
    body.dark-mode .mis_login {
        border: 1px solid #ff0
    }

    body.dark-mode .AboutBreadcrum,
    body.dark-mode .DarkTopBorder,
    body.dark-mode .IECMaterial,
    body.dark-mode .footer-bg,
    body.dark-mode .footer-copyright {
        border-top: 1px solid #ff0
    }

    body.dark-mode svg tspan {
        fill: #ff0
    }

    body.dark-mode .logoSlider .swiper-controls {
        border: 1px solid #ff0;
        bottom: -58px
    }

    body.dark-mode .EnvironmentalTabsDesign .nav-item .nav-link,
    body.dark-mode .breadcrumb,
    body.dark-mode .water_level tbody tr:nth-of-type(odd) {
        background-color: #000 !important
    }

    body.dark-mode .contentBox .tab-pane .table-hover tbody tr:hover {
        background-color: transparent !important
    }

    body.dark-mode .sideMenu #accordion .card-body .nav-link.active span {
        color: #17a2b8;
        background-color: #000
    }

    body.dark-mode .about-accordian li {
        background: #000 !important
    }

    body.dark-mode .dashOption ul li a {
        background: 0 0 !important
    }

    body.dark-mode .galleryOverlay {
        display: none !important
    }

    body.dark-mode .cardHead img {
        filter: brightness(.5)
    }

    body.dark-mode .folder12,
    body.dark-mode .form-control,
    body.dark-mode .gallery_box > a > .wrapper,
    body.dark-mode .icon_box_help,
    body.dark-mode .icon_box_help.dark_mode_icon,
    body.dark-mode .videoFolder {
        border-color: #ff0
    }

    body.dark-mode .folder .inner_folder::after,
    body.dark-mode .folder .inner_folder::before {
        filter: brightness(.3)
    }

    body.dark-mode .header .bottom {
        border-bottom: 1px solid #ff0
    }

    body.dark-mode .header .body .dashOption img {
        filter: invert(0)
    }

    body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
    body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
    body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
    body.dark-mode .dropdown-menu a:hover,
    body.dark-mode .focused,
    body.dark-mode .nav.nav-tabs.EnvironmentalTabsDesign .nav-link.active,
    body.dark-mode .page-item.disabled .page-link,
    body.dark-mode .water_level tbody tr:nth-of-type(2n) td a,
    body.dark-mode .water_level tbody tr:nth-of-type(2n) td span {
        background-color: #ff0 !important;
        color: #000 !important
    }

    body.dark-mode nav ul li:hover > ul {
        background-color: #ff0
    }

    body.dark-mode .sub-menu::after {
        border-right-color: #000
    }

    body.dark-mode #BreadcrumMenus,
    body.dark-mode .classic-title,
    body.dark-mode .nav-item.dropdown:hover .dropdown-menu.main-menu::after,
    body.dark-mode .nav-tabs,
    body.dark-mode .table-bordered thead td,
    body.dark-mode .table-bordered thead th {
        border-bottom-color: #ff0
    }

    body.dark-mode #RoluesList table thead th,
    body.dark-mode .custom-table thead th,
    body.dark-mode .table_tender_pdf thead th {
        border-color: #000
    }

    body.dark-mode .accordion.active {
        background-color: #ff0 !important;
        color: #000
    }

    body.dark-mode .EnvironmentalTabsDesign .nav-item img {
        filter: contrast(.5)
    }

    body.dark-mode #RoluesList table thead,
    body.dark-mode .custom-table thead tr,
    body.dark-mode table thead {
        background: #ff0;
        color: #000
    }

    body.dark-mode #divGallery .nav-tabs a,
    body.dark-mode #divGallery .nav-tabs span,
    body.dark-mode .table_tender_pdf thead th {
        background-color: #ff0 !important;
        color: #000 !important
    }

    body.dark-mode .sideMenu #accordion .card-body .nav-link,
    body.dark-mode .table-bordered th {
        border-color: #ff0;
        color: #000 !important
    }

    body.dark-mode .table-bordered td {
        border-color: #ff0;
        color: #ff0 !important
    }

    body.dark-mode .form-control,
    body.dark-mode .sideMenu #accordion .card-body .nav-link.active,
    body.dark-mode .sideMenu #accordion .card-body .nav-link:hover {
        background-color: #ff0;
        color: #000 !important
    }

    body.dark-mode .water_level tbody tr:nth-of-type(2n) {
        color: #000;
        background-color: #ff0 !important
    }

        body.dark-mode .icon_box_help.light_mode_icon,
        body.dark-mode .water_level tbody tr:nth-of-type(2n) td {
            color: #000 !important
        }

    body.dark-mode .nav-link.cust_icon_name,
    body.dark-mode .nav-link.cust_icon_name::after {
        background-color: #ff0 !important;
        color: #000 !important;
        border-color: #ff0
    }

    body.dark-mode table.table-bordered.dataTable th,
    table.table-bordered.dataTable td {
        border-left-width: 1px !important;
        border-bottom-width: 1px !important
    }

    body.dark-mode .WebInfo_Manager.font-weight-bold {
        font-weight: 500 !important
    }

    body.dark-mode .tabRow a {
        text-align: center;
        width: 100%;
        height: 100%
    }

    body.dark-mode .top_border_blue {
        border: none
    }

    body.dark-mode .bg-white {
        background-color: #000 !important;
        color: #ff0 !important
    }

    body.dark-mode .rtiTable th {
        background-color: #ff0;
        color: #000
    }

    body.dark-mode .tenderDetail .tenderTileWrapper {
        border: 1px solid #ff0;
    }


        body.dark-mode .tenderDetail .tenderTileWrapper i,
        body.dark-mode .tenderDetail .tenderTileWrapper strong {
            color: #ff0
        }

    body.dark-mode .tenderDetail .marquee-strip {
        background-color: #ff0;
    }

        body.dark-mode .tenderDetail .marquee-strip .marquee-text {
            background-color: #ff0 !important;
            color: #000 !important;
        }

    body.dark-mode .tenderDetail .marquee-control {
        background-color: #ff0 !important;
        color: #000 !important;
    }

    body.dark-mode .tenderDetail .dataTables_wrapper .dataTables_length select,
    body .dark-mode .tenderView .dataTables_wrapper .dataTables_length select {
        background-color: #ff0 !important;
        color: #000 !important;
    }

    body.dark-mode .tenderDetail .dataTables_filter label,
    body.dark-mode .tenderDetail .dataTables_info,
    body.dark-mode .tenderDetail .dataTables_length,
    body.dark-mode .tenderView .dataTables_filter label,
    body.dark-mode .tenderView .dataTables_info,
    body.dark-mode .tenderView .dataTables_length {
        color: #ff0 !important;
    }

    body.dark-mode .tenderDetail .dataTables_filter .form-control,
    body.dark-mode .tenderView .dataTables_filter .form-control {
        color: #ff0 !important;
        border: 1px solid #ff0;
    }

    body.dark-mode .tenderDetail table.dataTable tbody tr,
    body.dark-mode .tenderView table.dataTable tbody tr {
        background-color: transparent;
    }

    body.dark-mode .tenderDetail .dataTables_length select,
    body.dark-mode .tenderView .dataTables_length select {
        color: #ff0 !important;
        border: 1px solid #ff0;
    }

    body.dark-mode .tenderDetail .dataTables_paginate .page-link,
    body.dark-mode .tenderView .dataTables_paginate .page-link {
        color: #ff0 !important;
        border: 1px solid #ff0 !important;
    }

    body.dark-mode .tenderDetail .dataTables_paginate .disabled .page-link,
    body.dark-mode .tenderView .dataTables_paginate .disabled .page-link {
        color: #000 !important;
    }

    body.dark-mode .tenderDetail .dataTables_paginate .active .page-link,
    body.dark-mode .tenderView .dataTables_paginate .active .page-link {
        color: #000 !important;
        background-color: #ff0;
    }

    body.dark-mode .organization-chart-wrapper div {
        background-color: transparent !important;
    }

    body.dark-mode .organization-chart-wrapper .box {
        border: 2px solid #ff0 !important;
        background-color: #000 !important;
        outline: 1px dotted #fff !important;
        color: #ff0 !important;
    }

        body.dark-mode .organization-chart-wrapper .ruler, body.dark-mode .organization-chart-wrapper .ruler::before,
        body.dark-mode .organization-chart-wrapper .box-top-npmu::before, body.dark-mode .organization-chart-wrapper .box-top-npmu::after, body.dark-mode .organization-chart-wrapper .box::before, body.dark-mode {
            background-color: #ff0 !important;
        }

            body.dark-mode .organization-chart-wrapper .box::after, body.dark-mode .organization-chart-wrapper .ruler::after {
                border-top: 5px solid #ff0;
            }

            body.dark-mode .organization-chart-wrapper .box:focus {
                border: 2px solid #ff0 !important;
                background-color: #ff0 !important;
                color: #000 !important;
            }

            body.dark-mode .organization-chart-wrapper .box:hover {
                border: 2px solid #ff0 !important;
                background-color: #ff0 !important;
                color: #000 !important;
            }

            body.dark-mode .organization-chart-wrapper .outer-wrapper-npmu {
                border-left: 2px solid #ff0 !important;
            }

            body.dark-mode .organization-chart-wrapper .sub-level1::before,
            body.dark-mode .organization-chart-wrapper .sub-level1::after, body.dark-mode .organization-chart-wrapper .ruler-ntsa-top,
            body.dark-mode .organization-chart-wrapper .ruler-ntsa-top::after,
            body.dark-mode .organization-chart-wrapper .ruler-spmu-top,
            body.dark-mode .organization-chart-wrapper .ruler-spmu-top:after {
                background-color: #ff0 !important;
            }

            body.dark-mode .organization-chart-wrapper .sub-level1 {
                border-left: 2px solid #ff0 !important;
            }