.dark-mode-active{background-color: #333;}
.dark-mode-active *{color:#fff;}
.dark-mode-active .in_bg{background-color: #333;}
.dark-mode-active .navbar-brand img{ filter: brightness(0) invert(1);  -webkit-filter: brightness(0) invert(1);}
.dark-mode-active .owl-carousel .owl-item img, .dark-mode-active img{   filter: grayscale(100%);
  -webkit-filter: grayscale(100%);}

.dark-mode-active .principal-wrap {
  background: #333;
 }
 .dark-mode-active .btn-white, .dark-mode-active .btn-white:hover {
  background: #333;
  color: var(--white);
}
.dark-mode-active .useful-item:hover .useful-text {
  color: var(--white);
}
.dark-mode-active .main-navbar .navbar-dark .navbar-nav .dropdown-menu {
  background: #000;
}
.dark-mode-active .main-navbar .navbar-dark .navbar-nav .dropdown-menu li a:hover {
  background: #333;
  }
  .dark-mode-active .gray_bg {
    background: var(--black);
}
 .dark-mode-active .useful-item {
  background: #000;
}
.dark-mode-active .title-custom h3 {
    background: #666;
    color:#fff;
}
.dark-mode-active .sidebar-list li:hover a, .dark-mode-active .sidebar-list li a.active {
  background: #666;
  color:#fff;
}
.dark-mode-active .sidebar-list li:hover a::after, .dark-mode-active .sidebar-list li a.active::after {
  border-left: 15px solid #666;
}
.dark-mode-active .profile-section::after, .dark-mode-active .profile-section h3, .dark-mode-active .profile-section p {
  background-color: var(--black);
color:#fff;
}
.dark-mode-active .login-outer .dropdown-menu li a {
  background: #000;
}
.dark-mode-active .alumni-col {

  background: #333;
}
.dark-mode-active .alumni-cont * {
  color: #fff;
} 
.dark-mode-active footer .footer-btm p a {
  color: var(--white);
}
.dark-mode-active .table .thead-dark th {
  border-color: #333;
}
.dark-mode-active .page-title h1:before {
  background: #ccc;
}
.dark-mode-active .main-navbar .navbar-dark .navbar-nav .nav-link:focus, .dark-mode-active .main-navbar .navbar-dark .navbar-nav .nav-link:hover, .dark-mode-active .main-navbar .navbar-dark .navbar-nav .nav-link.active {
  color: var(--white);
  background: #333;
}

.dark-mode-active .content-area {
  background: #000;
}
.dark-mode-active .content-area *{
  color: #fff;
}
.dark-mode-active .content-area .page-title h1 {
    color: #fff;
}
.dark-mode-active .content-area p {
  color: #fff;
}
.dark-mode-active .sidebar-list li a {
  background: #222;
  color: #fff;
}
.dark-mode-active .logo img, .dark-mode-active .logo-middle img, .dark-mode-active .head-right-logoes a img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}   
.dark-mode-active .btn-primary, .dark-mode-active .btn-secondary,  .dark-mode-active .btn-lightblue {
  background: #312c2c;
  border-color: #312c2c;
  color:#fff !important;
}
.dark-mode-active .btn-primary:hover, .dark-mode-active .btn-secondary:hover {
  background: #312c2c;
  border-color: #312c2c; 
  color:#fff !important;
}
.dark-mode-active .btn-lightblue:hover {
  background: #312c2c;
  border-color: #312c2c; 
  color:#fff !important;
}

.dark-mode-active .main-content, .dark-mode-active .side-menu {
  background: #000;

}
.dark-mode-active .main-content *, .dark-mode-active .side-nav ul li a.active {
  color: #fff;

}
.dark-mode-active .heading-title span {
  background: #444444;
}
.dark-mode-active .heading-title  {
  border-bottom: solid 1px #444444;
}
.dark-mode-active .side-header {
  background: #444;
}
.dark-mode-active .main-content * a {
  color: #5252ff;
} 
.dark-mode-active .table .thead-dark th {          
  background-color: #444;          
}   
.dark-mode-active .table-striped>tbody>tr:nth-of-type(odd)>* {   
  color: #fff;    
}
.dark-mode-active .btn-red, .dark-mode-active .btn-blue {
  background: #000;
  color: #fff !important;
}
.dark-mode-active .side-nav ul li a {
  color: #fff;
}
.dark-mode-active footer{    
  background: #000;    
}
.dark-mode-active footer * {
  
  color:#fff;
}
.dark-mode-active .footer-menu ul li a {
  color: #fff;
}
.dark-mode-active .footer-menu ul li a:hover {
  color: #444;
}
.dark-mode-active .copyright {
  background: #444;
}

.dark-mode-active .header-mode a {
  background: #000;
}
.dark-mode-active .custom-collapse-col .collapse-title {
  background: #444;
  color: #fff !important;

}
.dark-mode-active .nav-tabs .nav-link {
  background: #00000078;
  color: var(--white);
}
.dark-mode-active .nav-tabs .nav-link.active {
  background: #000;
  color: var(--white);
}
.dark-mode-active .side_noti_head {
  background: #000;
}
.dark-mode-active .side_noti_body {
  background: #333;
}
.dark-mode-active .side_noti_body * {
  color: #fff !important; 
}
.dark-mode-active .side_noti_body ul li:hover {
  background-color: #000;
}
.dark-mode-active .societies-card {
  background-color: #000;
}
.dark-mode-active .societies-card * {
  color: #fff !important;
}
.dark-mode-active .logo-band {
  background: #ffffff;
  }
  .dark-mode-active .inside-banner {
    background: #5e5e5e;
}
.dark-mode-active .goog-te-gadget .goog-te-combo {
  background: #000;
}
.dark-mode-active .card_box {
    background: #000000;
}
.dark-mode-active .grayBG {
  background: #888;
}
.dark-mode-active .event-item {
  background: #000;
  border: solid 1px #888;
}
.dark-mode-active .switch-tabs .tab-content {
  background: transparent;
}
.dark-mode-active .table-wrap table tr td {
  background: #000;
}
.dark-mode-active .accordion-body {
  background: #000;
}
.dark-mode-active .table-wrap table tr th {
  background: #888;
  border-right: 1px solid #888 !important;
}
.dark-mode-active .copy-right a {
  color: #888;
}
.dark-mode-active .list-group-item{background-color: #000;}
.dark-mode-active .social-icon {
  filter: grayscale(100);
}
.dark-mode-active .pri-media-item.pinkBG{background-color: #666;}
.dark-mode-active .ace-responsive-menu li.menu-active > a {
  background: #5e5e5e;
}
  .dark-mode-active .ace-responsive-menu li ul.sub-menu {
    background: #5e5e5e;
}
:root .dark-mode-active  { 
  --primary: #000;
  --lightblue: #000;
  --pink: #888;
  --navy: #000;
  --Secondary: #000;
  --secondary: #000;
  --lime: #888;
  --secondary-extra-light:;
  --yellow: #888;
  --sky: #888;
}