/*Background Dark*/
.dark body,
.dark .topbar--modifier, 
.dark .footer--modifier,
.dark .menu-section--modifier,
.dark .middlebar--modifier,
.dark .primary-nav__menu--level-2,
.dark .primary-nav__menu--level-3,
.dark table thead th,
.dark .custom__LeftNav,
.dark .custom__LeftNav ul li:hover,
.dark .custom__LeftNav ul li.active,
.dark .activeNew,
.dark #secondMenu.activeNew,
.dark .table-striped>tbody>tr:nth-of-type(odd)>*,
.dark .table-striped>tbody>tr:nth-of-type(even)>*,
.dark input#edit-submit-gallery,
.dark #searchBoxOpen.activeSearch form input[type="submit"],
.dark .footer__Section,
.dark .primary-nav__menu.primary-nav__menu--level-2 li:hover,
.dark .fixed-facebook,
.dark .fixed-twitter,
.dark .fixed-linkedin,
.dark .socialmedia--modifier .fixed-instagrem,
.dark .fixed-linkedin .social--hover,
.dark .fixed-twitter .social--hover,
.dark .fixed-facebook .social--hover,
.dark .fixed-instagrem .social--hover,
.dark #gotTopNew:hover,
.dark .department--BrandLogo,
.dark .custom__LatestNews,
.dark .Journey--modifier .views-element-container .item-list ul li .views-field-title,
.dark .Journey--modifier .views-element-container .item-list ul li:nth-child(odd) .views-field-title::before,
.dark .Achievement--modifier .owl-stage .owl-item .dataLoop2,
.dark #unic4,
.dark #unic5,
.dark #unic6,
.dark #GetinTouch--form h4,
.dark #GetinTouch--form input[type="submit"],
.dark .career__Section .career__Section--item .heading-box a,
.dark .menu-section--modifier .navigation.open--menuOne,
.dark .inner--mainContent .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before, 
.dark .inner--mainContent .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after
 {
    background: var(--color-dark)!important;
}

/*Background light*/
.dark .navigation ul li .svg-inline--fa,
.dark h2::before, 
.dark .title2::before, 
.dark .latest--video__ibox .view-header::before,
.dark .ckeditor-accordion-container > dl dt > a,
.dark table thead tr
{
    background: #fff!important;
}

.dark .gallery--root__title,
.dark .picture-gallery .owl-carousel .owl-item .views-field-title
{
    background: rgba(0, 0, 0, 0.5)!important;
}

/*Gray Background*/
.dark .btn-custom1:before,
.dark .ckeditor-accordion-container > dl dt.active > a,
.dark .title2
{
    background: #454545 !important;
}
/*color Light*/
.dark p,
.dark .logoText h3,
.dark .logoText h4,
.dark .logoText h5,
.dark #header--modifier.sticky--modifier .logoText h3,
.dark #header--modifier.sticky--modifier .logoText h4,
.dark #header--modifier.sticky--modifier .logoText h5,
.dark h2, 
.dark .title2, 
.dark .table-striped>tbody>tr:nth-of-type(odd)>*,
.dark .table-striped>tbody>tr:nth-of-type(even)>*,
.dark .profile--Content h4,
.dark .footer--contact .contactUs--footer li,
.dark .copy--inner__right p,
.dark .copy--inner__left span,
.dark #header--modifier.sticky--modifier .logoText h3, 
.dark #header--modifier.InnerHeader .logoText h3,
.dark #header--modifier.sticky--modifier .logoText h4, 
.dark #header--modifier.InnerHeader .logoText h4,
.dark #header--modifier.sticky--modifier .logoText h5, 
.dark #header--modifier.InnerHeader .logoText h5,
.dark .fixed-instagrem .social--hover,
.dark .inner--mainContent p,
.dark .inner--mainContent ul li,
.dark .services--title h6,
.dark .primary-nav__menu-item--level-1.primary-nav__menu-item--has-children::before,
.dark .primary-nav__menu-item--level-2.primary-nav__menu-item--has-children::before,
.dark .inner--mainContent .ckeditor-accordion-container ul li:before, 
.dark .listing--One li:before, 
.dark .inner--mainContent ul li:before,
.dark .innerPage--modifier .inner--mainContent h3,
.dark tbody tr td,
.dark .file--application-pdf:before,
.dark .innerPage--modifier .inner--mainContent h4, 
.dark .innerPage--modifier .inner--mainContent .title4,
.dark #Mobile--Menu,
.dark #header--modifier.sticky--modifier .logoText h3, 
.dark #header--modifier .logoText h3,
.dark #header--modifier.sticky--modifier .logoText h4, 
.dark #header--modifier .logoText h4
{
    color: #fff!important;
}

/*color dark*/
.dark .navigation ul li .svg-inline--fa,
.dark .homeslider--modifier .owl-nav button span,
.dark .Journey--modifier .views-element-container .item-list ul li .views-field-body p,
.dark .Achievement--modifier .owl-stage .owl-item:hover i,
.dark .Achievement--modifier .owl-stage .owl-item i,
.dark .ckeditor-accordion-container > dl dt > a,
.dark .inner--mainContent .ckeditor-accordion-container > dl dt.active > a, 
.dark .inner--mainContent .ckeditor-accordion-container > dl dt.active > a:not(.button),
.dark .dataLoop3 p,
.dark .dataLoop3 h4,
.dark .inner--mainContent .ckeditor-accordion-container > dl dt > a, 
.dark .inner--mainContent .ckeditor-accordion-container > dl dt > a:not(.button), 
.dark .ui-accordion .ui-accordion-header,
.dark .card.imgCustom--card .card-body .card-text
{
    color: var(--color-dark)!important;
}

/*Border Light*/
.dark .copyright--outer,
.dark table tbody tr:last-of-type {
    border-color:#fff!important;
}
.dark .custom__LeftNav{
    border:1px solid!important;
}

/*Link Yello*/
.dark a,
.dark .footer--copyright a,
.dark .primary-nav__menu-item--has-children .primary-nav__menu-link,
.dark .menu.primary-nav__menu--level-3 a .primary-nav__menu-link-inner--level-3,
.dark .topright-listing li svg,
.dark .topbar--modifier__right svg,
.dark .custom--fontResizing .block__content .content a::after,
.dark .btn-custom1 svg,
.dark .footer--social li svg:hover,
.dark .menu.primary-nav__menu--level-2 a, 
.dark .menu.primary-nav__menu--level-2 span,
.dark .primary-nav__menu-link-inner,
.dark .middle--modifier__right ul.menu.primary-nav__menu i,
.dark .primary-nav__button-toggle .icon--menu-toggle::before, 
.dark .primary-nav__button-toggle .icon--menu-toggle::after,
.dark .primary-nav__menu-item--level-2.primary-nav__menu-item--has-children:after,
.dark .navigation ul li a::after,
.dark .searchOuter i,
.dark .custom__sidebar .menu__item, 
.dark .menu__link,
.dark #firstMenu:after, 
.dark #secondMenu:after,
.dark .custom--language li.dropbutton-action ,
.dark .ckeditor-accordion-container > dl dt.active > a,
.dark #sideChild.activeNew:after,
.dark #sideChild:after
{
    color: #FFFF00 !important;
}

.dark h2::after, 
.dark .title2::after, 
.dark .latest--video__ibox .view-header::after,
.dark .profile--Content p::-webkit-scrollbar-thumb,
.dark .inner--mainContent .ckeditor-accordion-container > dl dt.active > a, 
.dark .inner--mainContent .ckeditor-accordion-container > dl dt.active > a:not(.button)
{
    background: #FFFF00 !important;
}

.dark #gotTopNew,
.dark .ckeditor-accordion-container img{
    border-color: #FFFF00 !important;
}
.dark .Journey--modifier .views-element-container .item-list ul li .views-field-title::after
{
    border-color: var(--color-dark)!important;
}
/*Image Grayscale*/
.dark img,
.dark .portfolio--modifier,
.dark #getInTouch span,
.dark #getInTouch.activeBTN span,
.dark .zoominheader 
{
    filter: grayscale(100%) !important;
}
.dark .menu-section--modifier{
    box-shadow: 0px 4px 10px #ddd!important;
}
.dark .custom--table tr td, 
.dark .custom--table thead th,
.dark #searchBoxOpen.activeSearch form input[type="submit"]{
    border: 1px solid #fff!important;
}
.dark .footer--modifier{
    border-top: 1px solid #fff!important; 
}
.dark .container .profile--Content h4
{
    color: #fff!important;
}

.dark .socialmedia--modifier .fixed-instagrem .fa-instagram {
    background: radial-gradient(circle at 30% 107%, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 5%, rgb(255, 255, 255) 45%, rgb(255, 255, 255) 60%, rgb(255, 255, 255) 90%) text;
}
/*For intranet non Dark Theme/*/
.dark #unic5{
    border: 10px solid #FFFF00;
}
.dark #sideChild.activeNew{background: #2e2d2d !important;}
.dark #sideChild.activeNew #sideChild.activeNew{background: #666 !important;}

.dark .homeslider--modifier .views-field-title .field-content {
    text-shadow: rgb(255 255 255) 1px 1px 1px;
    -webkit-text-stroke: 8px rgb(0 0 0);
}

.dark .primary-nav__menu.primary-nav__menu--level-2 li:hover, 
.dark .primary-nav__menu-item--active-trail, 
.dark .middle--modifier__right .primary-nav__menu-item:hover {
    background: #454545 !important;
}
:is(.dark .forum table, .dark .text-content table, .dark .views-table, .dark .draggable-table) th {
    color: #fff!important;
    border-block-end: 2px solid #fff!important;
}
.dark table tbody tr:nth-of-type(even) {
    background-color: #393939;
}
.dark .innerPage--modifier .inner--mainContent h4::before, 
.dark .innerPage--modifier .inner--mainContent .title4::before,
.dark .innerPage--modifier .inner--mainContent h3::before, 
.dark .innerPage--modifier .inner--mainContent .title3::before {
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 100%)!important;
}
.dark li.primary-nav__menu-item.primary-nav__menu-item--link.primary-nav__menu-item--level-1.primary-nav__menu-item--active-trail{
    border-color: #fff;
}

/* ==left menu design start== */
.custom__LeftNav{
    background:#1a345e;
    padding:6px;
    border-radius:4px;
}
.custom__sidebar .menu__item, .menu__link{
    padding:0px 0px 0px 15px; 
}
.custom__LeftNav ul.menu > li{
    background:#2b5292 !important;
    border:1px solid #fff !important;
    margin-bottom:4px;
    border-radius:2px;
}
.custom__LeftNav #sideChild.activeNew:hover, 
.custom__LeftNav .menu__item--active-trail:hover {
    background:#2b5292 !important;
    border:1px solid #fff !important;
}
.custom__LeftNav #sideChild {
    position: relative;
    /* background: #1e3f76; */
    border: 1px solid #ffffff;
    border-radius:2px;
    margin:0 0 2px;
}
.custom__LeftNav .custom__sidebar .menu__item, .custom__LeftNav .custom__LeftNav .menu__link{
    padding:0px 0px 0px 18px;
}
.custom__LeftNav #sideChild.activeNew:after{
    left:inherit;
    right:18px;
}
.custom__LeftNav #sideChild.activeNew, .custom__LeftNav .menu__item--active-trail{
    border-left:1px solid #9eabf3 !important;
}
.custom__LeftNav ul li:hover, .custom__LeftNav ul li.active{
    border-left:1px solid #9eabf3 !important;
}
.custom__LeftNav ul.menu.menu--level-2{
    padding-left:0px;     
}

.custom__LeftNav #sideChild:after{
    left:inherit;
    right:18px;
}
.custom__LeftNav nav ul li:hover:before{
    border-color:transparent #ffffff transparent transparent;
}
.custom__LeftNav ul.menu.menu--level-3 {
    padding-left:0;
}


.custom__LeftNav ul.menu.menu--level-2,
.custom__LeftNav ul.menu.menu--level-3{
    padding:4px;
    border:0px solid #fff !important;
}
.custom__LeftNav ul.menu.menu--level-2 li, 
.custom__LeftNav ul.menu.menu--level-3 li{
    background:#356fcd !important;
    border:1px solid #b7c8e3 !important;
}

#sideChild.activeNew ul li:hover{
    background: #3574dd !important;
}
#sideChild.activeNew ul li, #sideChild.activeNew ul li:hover, #sideChild.activeNew ul li.menu__item--active-trail {
    border:1px solid #b7c8e3 !important;
}
.custom__LeftNav nav #sideChild.activeNew:hover {
    border-bottom:1px solid #9eabf3 !important;
}
