.color-switcher,
.color-switcher .breadcrum,
.color-switcher .header-top,
.color-switcher .navigaiton ul.first-level-sub-menu,
.color-switcher .navigaiton ul.second-level-sub-menu,
.color-switcher .navigaiton>ul ul.third-level-sub-menu,
.color-switcher .select-drp.open li:not(.current),
.color-switcher .tab-container,
body.color-switcher .mobile-menu-wrapper-box,
body.color-switcher .officer-contact-form select option {
    background-color: #000
}
.color-switcher .dark,
.color-switcher .font-change-change a,
.color-switcher .header-top-left,
.color-switcher .skip-main-content a,
.color-switcher nav .navigaiton ul li a,
.color-switcher p,
.color-switcher section.tab-sec .tab-handler li,
.officer-contact-form textarea,
body.color-switcher,
body.color-switcher #inner-page p,
body.color-switcher .announcement-wrapper ul li,
body.color-switcher .breadcrum-nav li a,
body.color-switcher .division-inner .division-text,
body.color-switcher .division-mobile-wrapper ul>li>a,
body.color-switcher .feedbackRow input:not([value=Reset]),
body.color-switcher .feedbackRow label,
body.color-switcher .feedbackRow select,
body.color-switcher .feedbackRow strong,
body.color-switcher .feedbackRow textarea,
body.color-switcher .inner-main-heading,
body.color-switcher .mobile-menu-updated>ul>li ul>li a,
body.color-switcher .month,
body.color-switcher .officer-contact-form input,
body.color-switcher .officer-contact-form select,
body.color-switcher .officer-contact-form textarea,
body.color-switcher .parallel-tab-text p a,
body.color-switcher .sabha-data-table a,
body.color-switcher .sabha-data-table td,
body.color-switcher .select-drp li a,
body.color-switcher .sidebar-inner ul li a,
body.color-switcher .tab-common .announcement-description p,
body.color-switcher .tab-sabha li,
body.color-switcher .trade-statistic-single h4,
body.color-switcher .whats-new-calander span,
body.color-switcher .whats-new-heading,
body.color-switcher .year,
body.color-switcher section#inner-page .officer-contact-form.whats-new-form ul li span,
/* add waqar */
 body.color-switcher .till-color,
 body.color-switcher .view-more a,
 body.color-switcher .white-nav-footer li a,
 body.color-switcher .info-mnstr strong,
 body.color-switcher a.gem-link,
 body.color-switcher .division-individual .tab-item-heading,
 body.color-switcher .share_with_icon,
 body.color-switcher .screen-reader-access-redirect a,
 body.color-switcher .view-more span.trade-statistic-single-btn,
 body.color-switcher .parallel-tab-date,
 body.color-switcher .common-des,
 body.color-switcher ul.limheight li.parentli a,
 body.color-switcher .whats-new-heading h4{
    color: #fff!important;
    transition: none
}
/* add waqar new class*/
body.color-switcher .parallel-tab-date{ opacity: 1;}
body.color-switcher .white-nav-footer li{ border-left: 1px solid #fff !important;}
body.color-switcher .parallel-tab-date span img{filter: brightness(10);}
body.color-switcher .white-nav-footer li:first-child {border-left: 1px solid transparent !important;}
body.color-switcher .contact-list .common-icon.common-icon-tel{filter: invert(0);}
body.color-switcher .contact-list .common-icon.common-icon-envelop{filter: invert(0);}
body.color-switcher .common-icon.common-icon-web{filter: invert(1);}
body.color-switcher > .whats-new-heading svg path{fill: #fff ;}
body.color-switcher  .whats-new-calander svg {filter: invert(0) !important;}
/* add waqar new class*/

body.color-switcher .sidebar-inner .submenu-submenu-inner li a,
/* add waqar */
body.color-switcher .sidebar-inner ul li a:hover,
body.color-switcher .navigaiton ul li:hover > a,
body.color-switcher .division-individual.active strong, body.color-switcher .division-individual:hover strong,
body.color-switcher .division-individual.active span, body.color-switcher .division-individual:hover span,
body.color-switcher .main-menu-wrapper .current-menu-ancestor > a,
body.color-switcher .sidebar-inner>ul>li.active a,
body.color-switcher .main-menu-wrapper>.current-menu-item a,
body.color-switcher .main-menu-wrapper .current-menu-ancestor.current-menu-parent .current-menu-item a,
body.color-switcher .trade-statistic-single:hover h4,
body.color-switcher #inner-page .trade-statistic-single:hover p,
body.color-switcher  .trade-statistic-single:hover .view-more span.trade-statistic-single-btn,
body.color-switcher .officer-contact-heading > .dark,
body.color-switcher  > .common-des,
body.color-switcher  .common-text,
body.color-switcher .work-details,
body.color-switcher .contact-list > .dark,
body.color-switcher .contact-list .common-des,
body.color-switcher  .officer-contact-form input.reset-button.submit {
    color: #333!important
}

body.color-switcher .acc_ctrl h2:before,
body.color-switcher .common-icon.common-icon-envelop,
body.color-switcher .common-icon.common-icon-fax,
body.color-switcher .common-icon.common-icon-tel,
body.color-switcher .inner-down-arrow img,
body.color-switcher .mobile-down-arrow img,
body.color-switcher .officer-contact-form select img,
body.color-switcher .whats-new-calander svg {
    filter: invert(1)
}

body.color-switcher .mobile-menu-close-icon-inner svg path,
body.color-switcher .mobile-search svg path,
body.color-switcher .whats-new-heading svg path {
    fill: #fff
}

body.color-switcher ul.acc {
    border: solid .5px #fff
}

body.color-switcher .divider {
    border: solid .8px #fff
}

.color-switcher .language-change select {
    border: 1px solid #fff;
    background-image: url(../images/down-arrow-white.svg);
    background-repeat: no-repeat;
    background-position: center right 9px
}

.color-switcher .select-drp span:before {
    background-image: url(../images/down-arrow-white.svg)
}

.color-switcher .select-drp {
    border: 1px solid #fff
}

.color-switcher .language-change select {
    border: 1px solid #fff;
    color: #fff
}



.color-switcher li.nav-icon>a:after {
    background-image: url(../images/down-arrow-white.svg)
}

.color-switcher .color-change img {
    background-color: #fff;
    border-radius: 100%
}

.color-switcher section.tab-sec .tab-handler li.active:after {
    border-bottom: 3px solid #fff
}

.color-switcher .hamberger-menu path,
.color-switcher .nav-home path {
    stroke: #fff
}

body.color-switcher .officer-contact-form input::-webkit-input-placeholder,
body.color-switcher .officer-contact-form select::-webkit-input-placeholder,
body.color-switcher .officer-contact-form textarea::-webkit-input-placeholder {
    color: #fff
}

body.color-switcher .officer-contact-form input::-moz-placeholder,
body.color-switcher .officer-contact-form select::-moz-placeholder,
body.color-switcher .officer-contact-form textarea::-moz-placeholder {
    color: #fff
}

body.color-switcher .officer-contact-form input:-ms-input-placeholder,
body.color-switcher .officer-contact-form select:-ms-input-placeholder,
body.color-switcher .officer-contact-form textarea:-ms-input-placeholder {
    color: #fff
}

body.color-switcher .officer-contact-form input:-moz-placeholder,
body.color-switcher .officer-contact-form select:-moz-placeholder,
body.color-switcher .officer-contact-form textarea:-moz-placeholder {
    color: #fff
}

body.color-switcher .division-mobile-wrapper ul>li>a {
    background-image: url(../images/icon_white_plus-division.svg)
}

body.color-switcher .division-mobile-wrapper ul>li>a.active {
    background-image: url(../images/icon_light_minus-division.svg)
}

body.color-switcher .officer-contact-form select {
    background-image: url(../images/down-white-arrow.svg)
}

body.color-switcher .mobile-menu-updated>ul>li ul>li a .mobile-menu-updated-img-third-level .a {
    stroke: #fff;
}

/*.color-switcher .logo-image img {
    filter: invert(1)
}*/

body.color-switcher .minister-name, body.color-switcher .minister-designation { color:#797979;}


@media (max-width:1199px){
    .color-switcher .logo-image img, .color-switcher .search-wrapper img {
    /* filter: invert(1) */
}

body.color-switcher .logo-text h2, 
body.color-switcher .mobile-menu-updated ul>li a span { color: #fff;}
body.color-switcher .minister-name, body.color-switcher .minister-designation { color:#fff;}
body.color-switcher .mobile-search svg path {
    fill: #333;
}
}

body.color-switcher .header-bottom .logo-text h2 { color:#000; }
body.color-switcher span.mobile-menu-updated-img svg g .a { stroke: #fff;}


.color-switcher .division-mobile-wrapper ul>li .division-inner li a {
    background-image: none;
    display: flex;
}


body.color-switcher .navigaiton ul.main-menu-wrapper ul, body.color-switcher .navigaiton .main-menu-wrapper li ul.sub-menu li > ul.sub-menu,  body.color-switcher .navigaiton .main-menu-wrapper li ul.sub-menu li > ul.sub-menu ul.sub-menu {

    background-color: #000000;

}

body.color-switcher .inner-sub-bld-heading{
    color: #327c76!important;
}