.dark-mode-active .header-top {  background: #000;} 
.dark-mode-active .main-navbar, .dark-mode-active .marquee-inner, .dark-mode-active .marquee-inner p, .dark-mode-active .card-custom1 .card-header h3, .dark-mode-active footer .footer-top,  .dark-mode-active .services-section {
  background: #000;
}
.dark-mode-active footer .footer-btm {  background: #222;} 
.dark-mode-active .noticeboard-section .card-body, .dark-mode-active .list-with-date li .card-detail-col, .dark-mode-active .usefull-links-section { 
  background: #333; 
} 
.dark-mode-active .list-with-date li .card-detail-col, .dark-mode-active .list-with-date li .card-detail-col p,  .dark-mode-active .card-thumb-det h3,  .dark-mode-active .card-thumb-det p, .dark-mode-active .useful-link-col p {color:#fff;} 
.dark-mode-active .card-custom2, .dark-mode-active .media-coverage-section .row [class^="col-"]:first-child .card-custom2 {
  background-color: #333;
}
.dark-mode-active .social-media-section, .dark-mode-active .college-event-section{background-color: #333;}
.dark-mode-active .social-media-section .section-title h2, .dark-mode-active .social-media-section .section-title h2 span.text-red{color:#fff;}
.dark-mode-active .college-event-section .section-title h2, .dark-mode-active .college-event-section .section-title h2 span.text-red{color:#fff;}
.dark-mode-active .usefull-links-section .section-title h2, .dark-mode-active .usefull-links-section .section-title h2 span.text-red{color:#fff;}

.dark-mode-active .breadcrumbh-sec {  background: #000;} 
.dark-mode-active .sidebar-list li a {
  background: #000;
  border-color: #222;
  color: #fff;
}
.dark-mode-active .sidebar-list li a:hover, .dark-mode-active .sidebar-list li a.active {
  background: #000;
  color: #fff;
  border-color: #000;
}
.dark-mode-active .table .thead-dark th {  background-color: #000;  border-color: #222;} 
.dark-mode-active .title-custom h2, .dark-mode-active .title-custom h3 { background: #000;  color: #fff; } 

.dark-mode-active .library-top-links a {
  border-color: #000;
  background: #000;
}
.dark-mode-active .links-card-section .link-card {
  background: #000;
  border-color: #333;
}

.dark-mode-active .ask-lib-col {  background: #000;  } 
.dark-mode-active .ask-lib-cont {  color: #fff;}  
  
.dark-mode-active .custom-tabs ul.nav.nav-tabs li a.active { background: #000;   border-color: #000;}  
.dark-mode-active .custom-collapse-col .collapse-title {  background: #444;  color: #fff; } 

.dark-mode-active .processs-col {  background: #333;  color:#fff;}   
.dark-mode-active .process-left {  background: #000;}  

.dark-mode-active .album-col .album-title {  background: #000; }
.dark-mode-active .pagination-custom ul.pagination li .page-link {
  background-color: #333;
  border: 1px solid #333;

}
.dark-mode-active .pagination-custom ul.pagination li:hover .page-link, .dark-mode-active .pagination-custom ul.pagination li.currentpage .page-link {
  background-color: #000; 
  border-color: #000; 
}

.dark-mode-active .member-card-col {  background: #000;  color: #fff;}
.dark-mode-active .quote-text {
  width: 100%;
  background: #333; 
  padding: 20px;
  color: #fff;
}
.dark-mode-active .middle-container.page-inner {  background-color: #222;} 
.dark-mode-active .sidebar h3 {color: #fff;border-color:#fff;} 
.dark-mode-active .page-title {  border-color: #fff; }
 .dark-mode-active .content-area .page-title h1 { color:#fff;} 
 .dark-mode-active  table.table {  background: #fff;}  
 .dark-mode-active  table.table td{color:#000;}
 .dark-mode-active .content-area p {  color: #fff;} 
 .dark-mode-active .content-area ol li,  .dark-mode-active .content-area ul li {  color: #fff;} 
 .dark-mode-active .fac-col h3 {  color: #fff;} 
 .dark-mode-active .owl-theme .owl-nav button i {  color: #fff;} 
 .dark-mode-active .cust-collapse-inner {  background: #000;} 
 .dark-mode-active .title-custom-collapse h3 {  color: #fff;}  
 .dark-mode-active .graphsection {  background: #000; } 
 .dark-mode-active .placement-stat h3,  .dark-mode-active .title-placement h2, .dark-mode-active .soc-cont h3 { color: #fff; }  
 .dark-mode-active .societies-card {   background-color: #000;  border-color:#000;}  
 .dark-mode-active .form-custom label { color: #fff;} 
 .dark-mode-active .custom-collapse h6 { color: #fff;}    
 .dark-mode-active .cust-tab-inner .content-area h3 {  color: #fff;}   
 .dark-mode-active .contact-sidebar { background: #000;  border-color:#333; color:#fff;}  
 .dark-mode-active .form-group.text-center .content-area h3 {  color: #fff;} 
 .dark-mode-active .media-coverage-section, .dark-mode-active .media-gallery-section {  background: #000;} 
 .dark-mode-active .media-coverage-section .section-title h2,  .dark-mode-active .media-coverage-section .section-title h2 span {
  color: #fff;
 }
 .dark-mode-active .media-gallery-section .section-title h2,  .dark-mode-active .media-gallery-section .section-title h2 span {
  color: #fff;
 } 
 .dark-mode-active .noticeboard-section, .dark-mode-active .marquee-section {  background: #222;}   
 .dark-mode-active .main-navbar .navbar-dark .navbar-nav .nav-link {  border-bottom: 1px solid rgba(255,255,255,.1);  color: #fff;  background: #000;} 
.dark-mode-active .main-navbar .navbar-dark .navbar-nav .nav-item:hover .nav-link {  background: #222; } 
.dark-mode-active .main-navbar .navbar-dark .navbar-nav .dropdown-menu li a {  border-bottom: 1px solid rgba(255,255,255,.1);  background: #222;  color: #fff;}
.dark-mode-active .slider-btm-card {
  background: #000;
}
.dark-mode-active .slider-btm-card:nth-child(2), .dark-mode-active .slider-btm-card:nth-child(4) {
  background: #333;
}
.dark-mode-active .card-head-links {
  background: #000;
}
.dark-mode-active .slider-btm-section {
  background: #222;
}
.dark-mode-active .usefull-links-section {
  background: #000;
}
.dark-mode-active .noticeboard-section .card-body, .dark-mode-active .list-with-date li .card-detail-col {
  background: #111;
}
.dark-mode-active .counter-section {
  background-color: #111;
}
.dark-mode-active .thumb-with-title-col {
  background-color: #111;

}
.dark-mode-active .principal-cont p, .dark-mode-active .principal-cont h3 {
 color:#fff;
}
.dark-mode-active .btn-custom {
  background-color: #333;
  border-color: #333;
}
.dark-mode-active .counter-cols {
  border-right: 1px solid #000;
}
.dark-mode-active .useful-link-col p {
  color: #fff;
}
.dark-mode-active .footer-top ul li a:hover {
  color: #fff;
}

.dark-mode-active .sidebar .sidebar-list li.menu-collapse ul li a {
  background: #111;
  color: #fff;
}