/*-------------------------------
    Dark Theme  CSS
-------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&display=swap");
.switch-theme-mode {
  position: fixed;
  top: 200px;
  right: 15px;
  z-index: 99;
}

.switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.slider.round {
  border-radius: 50%;
}
.slider.round:before {
  border-radius: 50%;
}
.slider:before {
  position: absolute;
  content: "";
  height: 35px;
  width: 35px;
  left: 0px;
  bottom: 4px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  transition: 0.4s;
  box-shadow: 0 0px 15px rgba(32, 32, 32, 0.2392156863);
  background: white url("../img/sunny.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
  background-color: #000000;
}

.navbar-area .navbar,
input:checked + .slider {
  background-color: transparent;
}

input:focus + .slider {
  box-shadow: 0 0 1px transparent;
}

input:checked + .slider:before {
  transform: translateX(0);
  background: white url("../img/night.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}

.theme-light .navbar-brand .logo-dark,
.theme-light .logo .logo-dark {
  display: none !important;
}
.theme-light .navbar-brand .logo-light,
.theme-light .logo .logo-light {
  display: block !important;
}

.theme-dark .navbar-brand .logo-dark,
.theme-dark .logo .logo-dark {
  display: block !important;
}
.theme-dark .navbar-brand .logo-light,
.theme-dark .logo .logo-light {
  display: none !important;
}
.theme-dark body {
  background-color: #000000;
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6,
.theme-dark .services-sidebar .services-category ul li a,
.theme-dark .our-approach-area.our-approach-area-four .col-lg-6 .row .col-lg-6:nth-child(2) .single-approach h3,
.theme-dark .our-approach-area.our-approach-area-four .col-lg-6 .row .col-lg-6:nth-child(3) .single-approach h3,
.theme-dark .banner-area.banner-area-three .banner-content h1,
.theme-dark .faq-accordion .accordion .accordion-title,
.theme-dark .get-in-touch-area.get-in-touch-area-two .get-in-touch-form .form-group label,
.theme-dark .about-content .tab_content .tabs_item ul li,
.theme-dark .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li span,
.theme-dark .protect-area.protect-area-three .single-challenges h3,
.theme-dark .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li,
.theme-dark .coming-soon-area .coming-soon-content form .form-group .label-title i,
.theme-dark .checkout-area .faq-accordion .form-check label,
.theme-dark .counter-area.counter-area-three .single-counter h2,
.theme-dark .counter-area.counter-area-three .single-counter h3,
.theme-dark .team-area.team-area-three .single-team .team-content h3,
.theme-dark .shopping-cart-area .cart-table table tbody tr td.product-quantity .input-counter .minus-btn,
.theme-dark .shopping-cart-area .cart-table table tbody tr td.product-quantity .input-counter .plus-btn,
.theme-dark .testimonials-area.testimonials-page-area .testimonials-item h3,
.theme-dark .navbar-area.navbar-area-two .mean-container a.meanmenu-reveal {
  color: #ffffff;
}
.theme-dark .testimonials-area.testimonials-page-area .testimonials-item p,
.theme-dark .our-approach-area.our-approach-area-four .col-lg-6 .row .col-lg-6:nth-child(3) .single-approach p,
.theme-dark .our-approach-area.our-approach-area-four .col-lg-6 .row .col-lg-6:nth-child(2) .single-approach p,
.theme-dark .banner-area.banner-area-three .banner-content p,
.theme-dark .protect-area.protect-area-three .single-challenges p,
.theme-dark .testimonials-area.testimonials-page-area .testimonials-item span,
.theme-dark .forgot-login a,
.theme-dark .team-area.team-area-three .single-team .team-content span,
.theme-dark .shopping-cart-area .cart-totals ul li,
.theme-dark .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group label,
.theme-dark .product-details-area .product-details-desc .product-review .rating-count,
.theme-dark .faq-accordion .accordion .accordion-content p {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark .bg-color {
  background-color: #111 !important;
}
.theme-dark .navbar-area.navbar-area-two.is-sticky,
.theme-dark .faq-accordion .accordion .accordion-item,
.theme-dark .counter-area::before,
.theme-dark .navbar-area.navbar-area-two .mean-container .mean-bar,
.theme-dark .navbar-area.navbar-area-two,
.theme-dark .challenges-area::before,
.theme-dark .get-in-touch-area::before,
.theme-dark .copy-right-area,
.theme-dark .solution-img:before,
.theme-dark .testimonials-area::before,
.theme-dark .blog-details-content .tag-list,
.theme-dark .blog-details-content .blog-top-content blockquote,
.theme-dark .footer-area::before {
  background-color: #000000 !important;
}
.theme-dark .white-bg,
.theme-dark .shopping-cart-area .cart-totals,
.theme-dark .shopping-cart-area .cart-table table thead tr th {
  background-color: #222;
}
.theme-dark .blog-details-content .comments ul li a,
.theme-dark .blog-details-content .tag-list ul li a,
.theme-dark .blog-details-content .tag-list span,
.theme-dark .shopping-cart-area .cart-table table tbody tr td a,
.theme-dark .shopping-cart-area .cart-table table tbody tr td,
.theme-dark .shopping-cart-area .cart-table table thead tr th,
.theme-dark .product-details-area .product-details-desc .social-wrap li,
.theme-dark .blog-details-content .blog-top-content blockquote p,
.theme-dark .coming-soon-area .coming-soon-content form .form-group .input-newsletter {
  color: #ffffff;
}
.theme-dark .banner-area.banner-area-three,
.theme-dark .get-in-touch-area,
.theme-dark .banner-area.bg-1 {
  position: relative;
  z-index: 1;
}
.theme-dark .banner-area.banner-area-three:after,
.theme-dark .get-in-touch-area:after,
.theme-dark .banner-area.bg-1:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: -1;
}
.theme-dark .navbar-area.navbar-area-two .mean-container a.meanmenu-reveal span,
.theme-dark .navbar-area.navbar-area-two .others-option-for-responsive .dot-menu .inner .circle {
  background-color: #ffffff;
}
.theme-dark .user-area-style .contact-form-action,
.theme-dark .single-pricing,
.theme-dark .single-approach,
.theme-dark .mean-container .mean-nav,
.theme-dark .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu,
.theme-dark .single-feature,
.theme-dark .single-challenges,
.theme-dark .navbar-area.navbar-area-two,
.theme-dark .single-approach-box,
.theme-dark .safety-area,
.theme-dark .coming-soon-area::before,
.theme-dark .coming-soon-area .coming-soon-content,
.theme-dark .single-team .team-content,
.theme-dark .get-in-touch-area::before,
.theme-dark .blog-details-content .leave-reply,
.theme-dark .single-blog-posts .single-blog-content,
.theme-dark .protect-area .single-challenges,
.theme-dark .blog-details-content .blog-top-content,
.theme-dark .blog-details-content .comments,
.theme-dark .team-area.team-area-three .single-team .team-content ul,
.theme-dark .team-area.team-area-three .single-team .team-content,
.theme-dark .single-team .team-content ul,
.theme-dark .subscribe-bg {
  background-color: #111;
}
.theme-dark .form-control,
.theme-dark .get-in-touch-form .form-group .form-control,
.theme-dark .newsletter-form .form-control {
  background-color: transparent;
  border: 1px solid #2e2e2e !important;
  color: #ffffff;
}
.theme-dark .form-control::-moz-placeholder, .theme-dark .get-in-touch-form .form-group .form-control::-moz-placeholder, .theme-dark .newsletter-form .form-control::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
.theme-dark .form-control::placeholder,
.theme-dark .get-in-touch-form .form-group .form-control::placeholder,
.theme-dark .newsletter-form .form-control::placeholder {
  color: #ffffff;
  opacity: 1;
}
.theme-dark .sidebar-widget.search .search-form,
.theme-dark .showing-result,
.theme-dark .shopping-cart-area .cart-table table tbody tr td.product-subtotal .remove,
.theme-dark .shopping-cart-area .cart-table table tbody tr td,
.theme-dark .coming-soon-area .coming-soon-content form .form-group .input-newsletter {
  background-color: transparent;
}
.theme-dark .shopping-cart-area .cart-table table tbody tr td.product-subtotal .remove i,
.theme-dark .navbar-area .main-nav nav .navbar-nav .nav-item a.active {
  color: #e21f36;
}
.theme-dark .mean-container .mean-nav ul li a,
.theme-dark .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a,
.theme-dark .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a,
.theme-dark .navbar-area.navbar-area-two .others-option .cart-icon a i,
.theme-dark .navbar-area.navbar-area-two .main-nav nav .navbar-nav .nav-item .dropdown-menu li a,
.theme-dark .navbar-area.navbar-area-two .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a,
.theme-dark .navbar-area.navbar-area-two .main-nav nav .navbar-nav .nav-item a,
.theme-dark .about-content .tabs li,
.theme-dark .single-solution h3 a,
.theme-dark .now-log-in.font-q,
.theme-dark .product-details-area .products-details-tab .tabs li a,
.theme-dark .single-blog-posts .single-blog-content h3 a,
.theme-dark .sidebar-widget.recent-post ul li a,
.theme-dark .main-contact-area .contact-info .address li a,
.theme-dark .user-area-style .contact-form-action p a,
.theme-dark .single-blog .blog-content h3 a {
  color: #ffffff;
}
.theme-dark .mean-container .mean-nav ul li a:hover, .theme-dark .mean-container .mean-nav ul li a.active, .theme-dark .mean-container .mean-nav ul li a.current,
.theme-dark .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,
.theme-dark .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active,
.theme-dark .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.current,
.theme-dark .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.theme-dark .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,
.theme-dark .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.current,
.theme-dark .navbar-area.navbar-area-two .others-option .cart-icon a i:hover,
.theme-dark .navbar-area.navbar-area-two .others-option .cart-icon a i.active,
.theme-dark .navbar-area.navbar-area-two .others-option .cart-icon a i.current,
.theme-dark .navbar-area.navbar-area-two .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,
.theme-dark .navbar-area.navbar-area-two .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active,
.theme-dark .navbar-area.navbar-area-two .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.current,
.theme-dark .navbar-area.navbar-area-two .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.theme-dark .navbar-area.navbar-area-two .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,
.theme-dark .navbar-area.navbar-area-two .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.current,
.theme-dark .navbar-area.navbar-area-two .main-nav nav .navbar-nav .nav-item a:hover,
.theme-dark .navbar-area.navbar-area-two .main-nav nav .navbar-nav .nav-item a.active,
.theme-dark .navbar-area.navbar-area-two .main-nav nav .navbar-nav .nav-item a.current,
.theme-dark .about-content .tabs li:hover,
.theme-dark .about-content .tabs li.active,
.theme-dark .about-content .tabs li.current,
.theme-dark .single-solution h3 a:hover,
.theme-dark .single-solution h3 a.active,
.theme-dark .single-solution h3 a.current,
.theme-dark .now-log-in.font-q:hover,
.theme-dark .now-log-in.font-q.active,
.theme-dark .now-log-in.font-q.current,
.theme-dark .product-details-area .products-details-tab .tabs li a:hover,
.theme-dark .product-details-area .products-details-tab .tabs li a.active,
.theme-dark .product-details-area .products-details-tab .tabs li a.current,
.theme-dark .single-blog-posts .single-blog-content h3 a:hover,
.theme-dark .single-blog-posts .single-blog-content h3 a.active,
.theme-dark .single-blog-posts .single-blog-content h3 a.current,
.theme-dark .sidebar-widget.recent-post ul li a:hover,
.theme-dark .sidebar-widget.recent-post ul li a.active,
.theme-dark .sidebar-widget.recent-post ul li a.current,
.theme-dark .main-contact-area .contact-info .address li a:hover,
.theme-dark .main-contact-area .contact-info .address li a.active,
.theme-dark .main-contact-area .contact-info .address li a.current,
.theme-dark .user-area-style .contact-form-action p a:hover,
.theme-dark .user-area-style .contact-form-action p a.active,
.theme-dark .user-area-style .contact-form-action p a.current,
.theme-dark .single-blog .blog-content h3 a:hover,
.theme-dark .single-blog .blog-content h3 a.active,
.theme-dark .single-blog .blog-content h3 a.current {
  color: #e21f36;
}
.theme-dark .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link,
.theme-dark .product-details-area .product-details-desc .social-wrap li a i,
.theme-dark .blog-details-content .blog-top-content .news-content .admin li a,
.theme-dark .team-area.team-area-three .single-team .team-content ul li a i,
.theme-dark .single-blog-posts .single-blog-content .admin li a,
.theme-dark .sidebar-widget.categories ul li a {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover, .theme-dark .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link.active, .theme-dark .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link.current,
.theme-dark .product-details-area .product-details-desc .social-wrap li a i:hover,
.theme-dark .product-details-area .product-details-desc .social-wrap li a i.active,
.theme-dark .product-details-area .product-details-desc .social-wrap li a i.current,
.theme-dark .blog-details-content .blog-top-content .news-content .admin li a:hover,
.theme-dark .blog-details-content .blog-top-content .news-content .admin li a.active,
.theme-dark .blog-details-content .blog-top-content .news-content .admin li a.current,
.theme-dark .team-area.team-area-three .single-team .team-content ul li a i:hover,
.theme-dark .team-area.team-area-three .single-team .team-content ul li a i.active,
.theme-dark .team-area.team-area-three .single-team .team-content ul li a i.current,
.theme-dark .single-blog-posts .single-blog-content .admin li a:hover,
.theme-dark .single-blog-posts .single-blog-content .admin li a.active,
.theme-dark .single-blog-posts .single-blog-content .admin li a.current,
.theme-dark .sidebar-widget.categories ul li a:hover,
.theme-dark .sidebar-widget.categories ul li a.active,
.theme-dark .sidebar-widget.categories ul li a.current {
  color: #e21f36;
}
.theme-dark .sidebar-widget.tags ul li a {
  border: 1px solid #2e2e2e;
  color: #ffffff;
}
.theme-dark .single-solution {
  border: 1px solid #2e2e2e;
}
.theme-dark .user-area-style.recover-password-area .recover,
.theme-dark .services-sidebar .services-category ul li a,
.theme-dark .faq-accordion .accordion .accordion-title,
.theme-dark .form-control, .theme-dark .theme-dark .get-in-touch-form .form-group .form-control,
.theme-dark .newsletter-form .form-control,
.theme-dark .get-in-touch-area.get-in-touch-area-two .get-in-touch-form .form-group .form-control,
.theme-dark .mean-container .mean-nav ul li a,
.theme-dark .sidebar-widget.recent-post ul li,
.theme-dark .blog-details-content .tag-list ul li a,
.theme-dark .product-details-area .products-details-tab .tabs,
.theme-dark .product-details-area .product-details-desc .price,
.theme-dark .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item,
.theme-dark .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li,
.theme-dark .shopping-cart-area .cart-table table thead tr th,
.theme-dark .shopping-cart-area .cart-table table tbody tr td,
.theme-dark .shopping-cart-area .cart-table table thead tr th,
.theme-dark tbody, .theme-dark td, .theme-dark tfoot, .theme-dark th, .theme-dark thead, .theme-dark tr,
.theme-dark .checkout-area .cart-totals ul li,
.theme-dark .counter-area.counter-area-three .single-counter,
.theme-dark .counter-area.counter-area-three .single-counter i,
.theme-dark .coming-soon-area .coming-soon-content form .form-group .input-newsletter,
.theme-dark .product-details-area .product-details-desc .product-add-to-cart .input-counter span.minus-btn,
.theme-dark .product-details-area .product-details-desc .product-add-to-cart .input-counter span.plus-btn,
.theme-dark .product-details-area .product-details-desc .product-add-to-cart,
.theme-dark .shopping-cart-area .cart-table table tbody tr td.product-quantity .input-counter .minus-btn,
.theme-dark .shopping-cart-area .cart-table table tbody tr td.product-quantity .input-counter .plus-btn,
.theme-dark .coming-soon-area .coming-soon-content form .form-group .input-newsletter,
.theme-dark .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  border-color: #2e2e2e;
}
.theme-dark .checkout-area .billing-details .form-group label,
.theme-dark .nice-select .current,
.theme-dark .checkout-area .cart-totals ul li,
.theme-dark .faq-accordion .accordion .accordion-content,
.theme-dark .checkout-area .billing-details .form-check .form-check-label,
.theme-dark .coming-soon-area .coming-soon-content form .form-group .input-newsletter {
  color: #ffffff;
}
.theme-dark .faq-accordion .accordion .accordion-item,
.theme-dark .get-in-touch-area.get-in-touch-area-two .get-in-touch-form .form-group .form-control {
  border: 1px solid #2e2e2e !important;
}
.theme-dark .sidebar-widget,
.theme-dark .showing-result .showing-top-bar-ordering .nice-select,
.theme-dark .shopping-cart-area .cart-controller,
.theme-dark .main-contact-area .contact-info,
.theme-dark .services-sidebar .services-category {
  box-shadow: none;
  background-color: transparent;
  border: 1px solid #2e2e2e;
}
.theme-dark .checkout-area .faq-accordion,
.theme-dark .checkout-area .cart-totals,
.theme-dark .wishlist,
.theme-dark .checkout-area .billing-details,
.theme-dark .shopping-cart-area .cart-table table tbody tr td.product-quantity .input-counter input,
.theme-dark .product-details-area .product-details-desc .product-add-to-cart .input-counter input,
.theme-dark .product-details-area .product-details-desc .product-add-to-cart .input-counter,
.theme-dark .pagination-area .page-numbers {
  color: #ffffff;
  background-color: transparent;
  border: 1px solid #2e2e2e;
}
.theme-dark .order-details .faq-accordion .accordion .accordion-item,
.theme-dark .order-details .faq-accordion .accordion .accordion-title {
  border: none !important;
}
.theme-dark .coming-soon-area .coming-soon-content form .form-group .input-newsletter {
  border-bottom: 1px solid #2e2e2e;
  color: #ffffff;
}

@media only screen and (max-width: 991px) {
  .switch-theme-mode {
    top: 270px;
  }
}/*# sourceMappingURL=dark-theme.css.map */


/* Juara pages - table rows dark mode */
.theme-dark #dTable tbody tr,
.theme-dark #dTable tbody tr.odd,
.theme-dark #dTable tbody tr.even,
.theme-dark #dTableKabkota tbody tr,
.theme-dark #dTableKabkota tbody tr.odd,
.theme-dark #dTableKabkota tbody tr.even,
.theme-dark #dTableProvinsi tbody tr,
.theme-dark #dTableProvinsi tbody tr.odd,
.theme-dark #dTableProvinsi tbody tr.even,
.theme-dark #dTableNasional tbody tr,
.theme-dark #dTableNasional tbody tr.odd,
.theme-dark #dTableNasional tbody tr.even,
.theme-dark .bidang-table tbody tr,
.theme-dark table.dataTable tbody tr,
.theme-dark table.dataTable tbody tr.odd,
.theme-dark table.dataTable tbody tr.even {
  background-color: #1a1a2e !important;
}

.theme-dark #dTable tbody tr:hover,
.theme-dark #dTableKabkota tbody tr:hover,
.theme-dark #dTableProvinsi tbody tr:hover,
.theme-dark #dTableNasional tbody tr:hover,
.theme-dark .bidang-table tbody tr:hover,
.theme-dark table.dataTable tbody tr:hover {
  background-color: #22223a !important;
}

.theme-dark #dTable tbody td,
.theme-dark #dTableKabkota tbody td,
.theme-dark #dTableProvinsi tbody td,
.theme-dark #dTableNasional tbody td,
.theme-dark .bidang-table tbody td,
.theme-dark table.dataTable tbody td {
  color: rgba(255,255,255,0.85) !important;
  border-color: #2a2a4a !important;
}

.theme-dark #dTable thead th,
.theme-dark #dTableKabkota thead th,
.theme-dark #dTableProvinsi thead th,
.theme-dark #dTableNasional thead th,
.theme-dark table.dataTable thead th {
  background-color: #12122a !important;
  color: rgba(255,255,255,0.7) !important;
  border-color: #2a2a4a !important;
}

.theme-dark tr.row-total td {
  background-color: #12122a !important;
  color: rgba(255,255,255,0.9) !important;
}

.theme-dark .dataTables_wrapper .dataTables_length select,
.theme-dark .dataTables_wrapper .dataTables_filter input {
  background-color: #22223a !important;
  border-color: #3a3a5a !important;
  color: rgba(255,255,255,0.8) !important;
}
.theme-dark .dataTables_wrapper .dataTables_length,
.theme-dark .dataTables_wrapper .dataTables_filter label,
.theme-dark .dataTables_wrapper .dataTables_info {
  color: rgba(255,255,255,0.6) !important;
}
.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: rgba(255,255,255,0.6) !important;
}
.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #e21f36 !important;
  border-color: #e21f36 !important;
  color: #fff !important;
}


/* Provinsi page - manual rendered rows */
.theme-dark #tableBody tr.data-row,
.theme-dark #tableBody tr.row-total {
  background-color: #1a1a2e !important;
}
.theme-dark #tableBody tr.data-row:hover {
  background-color: #22223a !important;
}
.theme-dark #tableBody tr td {
  color: rgba(255,255,255,0.85) !important;
  border-color: #2a2a4a !important;
}
.theme-dark #tableBody tr.row-total td {
  background-color: #12122a !important;
  color: rgba(255,255,255,0.9) !important;
}
.theme-dark #dTable thead tr th {
  background-color: #12122a !important;
  color: rgba(255,255,255,0.7) !important;
  border-color: #2a2a4a !important;
}


/* Fix: target html.theme-dark untuk override Bootstrap/DataTables */
html.theme-dark #tableBody tr,
html.theme-dark #tableBody tr.data-row,
html.theme-dark #tableBody tr.row-total,
html.theme-dark table.dataTable tbody tr,
html.theme-dark table.dataTable tbody tr.odd,
html.theme-dark table.dataTable tbody tr.even,
html.theme-dark #dTable tbody tr,
html.theme-dark #dTableKabkota tbody tr,
html.theme-dark #dTableProvinsi tbody tr,
html.theme-dark #dTableNasional tbody tr,
html.theme-dark .bidang-table tbody tr {
  background-color: #1a1a2e !important;
  color: rgba(255,255,255,0.85) !important;
}

html.theme-dark #tableBody tr:hover,
html.theme-dark table.dataTable tbody tr:hover,
html.theme-dark #dTable tbody tr:hover,
html.theme-dark #dTableKabkota tbody tr:hover,
html.theme-dark #dTableProvinsi tbody tr:hover,
html.theme-dark #dTableNasional tbody tr:hover,
html.theme-dark .bidang-table tbody tr:hover {
  background-color: #22223a !important;
}

html.theme-dark #tableBody td,
html.theme-dark table.dataTable tbody td,
html.theme-dark #dTable tbody td,
html.theme-dark #dTableKabkota tbody td,
html.theme-dark #dTableProvinsi tbody td,
html.theme-dark #dTableNasional tbody td,
html.theme-dark .bidang-table tbody td {
  color: rgba(255,255,255,0.85) !important;
  border-color: #2a2a4a !important;
}

html.theme-dark #tableBody tr.row-total td {
  background-color: #12122a !important;
  color: rgba(255,255,255,0.9) !important;
}

html.theme-dark table.dataTable thead th,
html.theme-dark #dTable thead th,
html.theme-dark #dTableKabkota thead th,
html.theme-dark #dTableProvinsi thead th,
html.theme-dark #dTableNasional thead th {
  background-color: #12122a !important;
  color: rgba(255,255,255,0.7) !important;
  border-color: #2a2a4a !important;
}

html.theme-dark .dataTables_wrapper .dataTables_length,
html.theme-dark .dataTables_wrapper .dataTables_filter label,
html.theme-dark .dataTables_wrapper .dataTables_info {
  color: rgba(255,255,255,0.6) !important;
}

html.theme-dark .dataTables_wrapper .dataTables_length select,
html.theme-dark .dataTables_wrapper .dataTables_filter input {
  background-color: #22223a !important;
  border-color: #3a3a5a !important;
  color: rgba(255,255,255,0.8) !important;
}

html.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: rgba(255,255,255,0.6) !important;
}

html.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current,
html.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #e21f36 !important;
  border-color: #e21f36 !important;
  color: #fff !important;
}

/* =============================================
   Dark Mode - Bidang Lomba & Juara Pages
   ============================================= */

/* Filter card */
.theme-dark .filter-card {
    background: #1a1a2e;
    box-shadow: 0 4px 24px rgba(0,0,0,0.3);
}
.theme-dark .filter-card .filter-title {
    color: rgba(255,255,255,0.5);
}

/* Table card (single) */
.theme-dark .table-card {
    background: #1a1a2e;
    box-shadow: 0 4px 24px rgba(0,0,0,0.3);
}
.theme-dark .table-card table thead th,
.theme-dark #dTable thead th {
    background: #12122a;
    color: rgba(255,255,255,0.7);
    border-bottom-color: #2a2a4a;
}
.theme-dark .table-card table tbody tr,
.theme-dark #dTable tbody tr {
    border-bottom-color: #2a2a4a;
    color: rgba(255,255,255,0.75);
}
.theme-dark .table-card table tbody tr:hover,
.theme-dark #dTable tbody tr:hover {
    background: #22223a;
}
.theme-dark .table-card table tbody td,
.theme-dark #dTable tbody td {
    color: rgba(255,255,255,0.75);
}

/* Table section (sekolah 3 tables) */
.theme-dark .table-section .table-card {
    background: #1a1a2e;
}

/* Bidang lomba card */
.theme-dark .bidang-card {
    background: #1a1a2e;
    border-color: #2a2a4a;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}
.theme-dark .bidang-card-header {
    background: linear-gradient(135deg, #1a2a3a, #243550);
}
.theme-dark .bidang-table tbody tr {
    border-bottom-color: #2a2a4a;
}
.theme-dark .bidang-table tbody tr:hover {
    background: #22223a;
}
.theme-dark .bidang-table tbody td {
    color: rgba(255,255,255,0.75);
}
.theme-dark .keterangan-text { color: rgba(255,255,255,0.45); }
.theme-dark .nama-tim { color: rgba(255,255,255,0.9); }
.theme-dark .nama-provinsi { color: rgba(255,255,255,0.6); }

/* Modal detail */
.theme-dark .modal-detail .modal-content {
    background: #1a1a2e;
}
.theme-dark .modal-detail .modal-body {
    color: rgba(255,255,255,0.8);
}
.theme-dark .member-item {
    background: #22223a;
}
.theme-dark .member-name { color: rgba(255,255,255,0.9); }
.theme-dark .member-sub  { color: rgba(255,255,255,0.45); }

/* Juara item (sekolah modal) */
.theme-dark .juara-item {
    background: #22223a;
}
.theme-dark .juara-item .siswa-name { color: rgba(255,255,255,0.9); }
.theme-dark .juara-item .tahapan-label { color: rgba(255,255,255,0.45); }

/* Row total (provinsi) */
.theme-dark tr.row-total td {
    background: #12122a !important;
    color: rgba(255,255,255,0.9);
    border-top-color: #2a2a4a;
}

/* DataTable overrides */
.theme-dark .dataTables_wrapper .dataTables_length,
.theme-dark .dataTables_wrapper .dataTables_filter,
.theme-dark .dataTables_wrapper .dataTables_info,
.theme-dark .dataTables_wrapper .dataTables_paginate {
    color: rgba(255,255,255,0.6);
}
.theme-dark .dataTables_wrapper .dataTables_filter input {
    background: #22223a;
    border-color: #3a3a5a;
    color: rgba(255,255,255,0.8);
}
.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: rgba(255,255,255,0.6) !important;
}
.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #e21f36 !important;
    border-color: #e21f36 !important;
    color: #fff !important;
}

/* Select2 dark */
.theme-dark .select2-container--default .select2-selection--single {
    background: #22223a;
    border-color: #3a3a5a;
    color: rgba(255,255,255,0.8);
}
.theme-dark .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(255,255,255,0.8);
}
.theme-dark .select2-dropdown {
    background: #1a1a2e;
    border-color: #3a3a5a;
}
.theme-dark .select2-container--default .select2-results__option {
    color: rgba(255,255,255,0.75);
}
.theme-dark .select2-container--default .select2-results__option--highlighted {
    background: #e21f36;
    color: #fff;
}

/* Rank badge dark mode (tetap cerah) */
.theme-dark .rank-badge { color: #fff; }
.theme-dark .rank-badge.top3 { color: #7a5000; }

/* =============================================
   Dark Mode - Sekolah Page (3 tables)
   ============================================= */

.theme-dark .table-section .table-card {
    background: #1a1a2e;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}
.theme-dark .table-section .table-card table thead th {
    background: #12122a;
    color: rgba(255,255,255,0.7);
    border-bottom-color: #2a2a4a;
}
.theme-dark .table-section .table-card table tbody tr {
    background: #1a1a2e;
    border-bottom-color: #2a2a4a;
}
.theme-dark .table-section .table-card table tbody tr:hover {
    background: #22223a;
}
.theme-dark .table-section .table-card table tbody td {
    color: rgba(255,255,255,0.8);
}

/* DataTable wrapper background */
.theme-dark .dataTables_wrapper {
    color: rgba(255,255,255,0.7);
}
.theme-dark table.dataTable tbody tr {
    background: #1a1a2e;
}
.theme-dark table.dataTable tbody tr:hover {
    background: #22223a !important;
}
.theme-dark table.dataTable tbody td {
    color: rgba(255,255,255,0.8);
    border-bottom-color: #2a2a4a;
}
.theme-dark table.dataTable.table-striped tbody tr.odd {
    background: #1e1e32;
}

/* =============================================
   Dark Mode - Fix tabel row background & teks
   ============================================= */

.theme-dark #dTable tbody tr,
.theme-dark #dTableKabkota tbody tr,
.theme-dark #dTableProvinsi tbody tr,
.theme-dark #dTableNasional tbody tr,
.theme-dark .bidang-table tbody tr,
.theme-dark table.dataTable tbody tr,
.theme-dark table.dataTable tbody tr.odd,
.theme-dark table.dataTable tbody tr.even {
    background-color: #1a1a2e !important;
    color: rgba(255,255,255,0.85) !important;
}

.theme-dark #dTable tbody tr:hover,
.theme-dark #dTableKabkota tbody tr:hover,
.theme-dark #dTableProvinsi tbody tr:hover,
.theme-dark #dTableNasional tbody tr:hover,
.theme-dark .bidang-table tbody tr:hover,
.theme-dark table.dataTable tbody tr:hover {
    background-color: #22223a !important;
}

.theme-dark #dTable tbody td,
.theme-dark #dTableKabkota tbody td,
.theme-dark #dTableProvinsi tbody td,
.theme-dark #dTableNasional tbody td,
.theme-dark .bidang-table tbody td,
.theme-dark table.dataTable tbody td {
    color: rgba(255,255,255,0.85) !important;
    border-color: #2a2a4a !important;
}

.theme-dark #dTable thead th,
.theme-dark #dTableKabkota thead th,
.theme-dark #dTableProvinsi thead th,
.theme-dark #dTableNasional thead th,
.theme-dark table.dataTable thead th {
    background-color: #12122a !important;
    color: rgba(255,255,255,0.7) !important;
    border-color: #2a2a4a !important;
}

/* Row total provinsi */
.theme-dark tr.row-total td {
    background-color: #12122a !important;
    color: rgba(255,255,255,0.9) !important;
    border-top-color: #2a2a4a !important;
}

/* DataTable controls */
.theme-dark .dataTables_wrapper .dataTables_length select,
.theme-dark .dataTables_wrapper .dataTables_filter input {
    background-color: #22223a !important;
    border-color: #3a3a5a !important;
    color: rgba(255,255,255,0.8) !important;
}
.theme-dark .dataTables_wrapper .dataTables_length,
.theme-dark .dataTables_wrapper .dataTables_filter label,
.theme-dark .dataTables_wrapper .dataTables_info,
.theme-dark .dataTables_wrapper .dataTables_paginate {
    color: rgba(255,255,255,0.6) !important;
}
.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: rgba(255,255,255,0.6) !important;
}
.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #22223a !important;
    border-color: #3a3a5a !important;
    color: #fff !important;
}
.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #e21f36 !important;
    border-color: #e21f36 !important;
    color: #fff !important;
}


/* =============================================
   Dark Mode - Override DataTables CSS Variables
   ============================================= */

html.theme-dark {
    --dt-html-background: #1a1a2e;
    --dt-row-hover: 255, 255, 255;
    --dt-row-stripe: 255, 255, 255;
}

/* Bootstrap table background override */
html.theme-dark .table,
html.theme-dark .table > :not(caption) > * > * {
    background-color: #1a1a2e !important;
    color: rgba(255,255,255,0.85) !important;
    border-color: #2a2a4a !important;
}

html.theme-dark .table > tbody > tr > td,
html.theme-dark .table > tbody > tr > th {
    background-color: #1a1a2e !important;
    color: rgba(255,255,255,0.85) !important;
}

html.theme-dark .table-hover > tbody > tr:hover > * {
    background-color: #22223a !important;
    color: rgba(255,255,255,0.9) !important;
}

html.theme-dark .table > thead > tr > th {
    background-color: #12122a !important;
    color: rgba(255,255,255,0.7) !important;
    border-color: #2a2a4a !important;
}

/* Row total */
html.theme-dark tr.row-total > td {
    background-color: #12122a !important;
    color: rgba(255,255,255,0.9) !important;
}

/* Manual rendered rows (provinsi page) */
html.theme-dark #tableBody > tr > td {
    background-color: #1a1a2e !important;
    color: rgba(255,255,255,0.85) !important;
    border-color: #2a2a4a !important;
}


/* Dark Mode - Pagination DataTables */
html.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: #1a1a2e !important;
    border-color: #2a2a4a !important;
    color: rgba(255,255,255,0.7) !important;
}
html.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #22223a !important;
    border-color: #3a3a5a !important;
    color: #fff !important;
}
html.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current,
html.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #e21f36 !important;
    border-color: #e21f36 !important;
    color: #fff !important;
}
html.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
html.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background-color: #12122a !important;
    border-color: #2a2a4a !important;
    color: rgba(255,255,255,0.3) !important;
}
html.theme-dark .page-link {
    background-color: #1a1a2e !important;
    border-color: #2a2a4a !important;
    color: rgba(255,255,255,0.7) !important;
}
html.theme-dark .page-item.active .page-link {
    background-color: #e21f36 !important;
    border-color: #e21f36 !important;
    color: #fff !important;
}
html.theme-dark .page-item.disabled .page-link {
    background-color: #12122a !important;
    border-color: #2a2a4a !important;
    color: rgba(255,255,255,0.3) !important;
}


/* Dark Mode - DataTables Processing/Loading */
html.theme-dark div.dataTables_processing {
    background-color: #1a1a2e !important;
    color: rgba(255,255,255,0.7) !important;
    border: 1px solid #2a2a4a !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important;
}
html.theme-dark div.dataTables_processing > div:last-child > div {
    background: #e21f36 !important;
}


/* Dark Mode - Statistik Page */
html.theme-dark .card {
    background-color: #1a1a2e !important;
    border-color: #2a2a4a !important;
    color: rgba(255,255,255,0.85) !important;
}
html.theme-dark .card-header {
    background-color: #12122a !important;
    border-color: #2a2a4a !important;
    color: rgba(255,255,255,0.85) !important;
}
html.theme-dark .card-body {
    background-color: #1a1a2e !important;
    color: rgba(255,255,255,0.85) !important;
}
html.theme-dark .card h1,
html.theme-dark .card h2,
html.theme-dark .card h4,
html.theme-dark .card h5,
html.theme-dark .card span,
html.theme-dark .card p {
    color: rgba(255,255,255,0.85) !important;
}

/* Nav tabs */
html.theme-dark .nav-tabs {
    border-color: #2a2a4a !important;
}
html.theme-dark .nav-tabs .nav-link {
    color: rgba(255,255,255,0.6) !important;
    border-color: transparent !important;
}
html.theme-dark .nav-tabs .nav-link:hover {
    border-color: #2a2a4a !important;
    color: rgba(255,255,255,0.9) !important;
}
html.theme-dark .nav-tabs .nav-link.active {
    background-color: #1a1a2e !important;
    border-color: #2a2a4a #2a2a4a #1a1a2e !important;
    color: #fff !important;
}

/* Form select */
html.theme-dark .form-select,
html.theme-dark .form-control {
    background-color: #22223a !important;
    border-color: #3a3a5a !important;
    color: rgba(255,255,255,0.8) !important;
}

/* Modal statistik */
html.theme-dark .modal-content {
    background-color: #1a1a2e !important;
    border-color: #2a2a4a !important;
    color: rgba(255,255,255,0.85) !important;
}
html.theme-dark .modal-header {
    border-color: #2a2a4a !important;
}
html.theme-dark .modal-title {
    color: rgba(255,255,255,0.9) !important;
}
html.theme-dark .list-group-item {
    background-color: #22223a !important;
    border-color: #2a2a4a !important;
    color: rgba(255,255,255,0.8) !important;
}