/* dark theme */
body.dark-mode {
    background: #121212 !important;
    color: #e0e0e0 !important;
    transition: all 0.3s ease-in-out;
}

/* ---------------- TEXT ELEMENTS ---------------- */
body.dark-mode,
body.dark-mode a,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode p,
body.dark-mode span,
body.dark-mode li,
body.dark-mode .container-fluid.validator_counter,
/* body.dark-mode div, */
body.dark-mode .topHeader a,
body.dark-mode .title.contact-head-moef,
body.dark-mode .topHeader span,
body.dark-mode .common-left a,
body.dark-mode .accessibility-vertical a,
body.dark-mode .social-vertical a {
    color: #FFD700 ;
}

/* Dark Mode for labels and smaller text */
body.dark-mode .labelCellHeadSmall,
body.dark-mode .labelCell,
body.dark-mode .entryCell p,
body.dark-mode smaller {
    color: #e0e0e0 !important;
}

body.dark-mode a:hover,
body.dark-mode .common-left a:hover,
body.dark-mode .accessibility-vertical a:hover,
body.dark-mode .social-vertical a:hover {
    color: #FFD700 !important;
    text-decoration: underline !important;
}

/* ---------------- SECTIONS & CARDS ---------------- */
body.dark-mode .section,
body.dark-mode .card,
body.dark-mode .footer-bottom,
body.dark-mode .clientSection {
    background: #000 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.7) !important;
}

/* news letter */
/* ================= DARK MODE : WHAT'S NEW SECTION ================= */

body.dark-mode section.section {
    background: #000 !important;
    color: #e0e0e0 !important;
}

/* Title */
body.dark-mode .news-title {
    color: #FFD700 !important;
}

/* Tabs */
body.dark-mode .news-tabs .nav-link {
    background: #1c1c1c !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
}

body.dark-mode .news-tabs .nav-link.active {
    background: #000 !important;
    color: #FFD700 !important;
    border-color: #FFD700 !important;
}

/* News Wrapper */
body.dark-mode .news-wrapper {
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
}

/* News Item */
body.dark-mode .news-item {
    border-bottom: 1px solid #333 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .news-item:hover {
    background: rgba(255, 215, 0, 0.08) !important;
}

/* News Text */
body.dark-mode .news-text {
    color: #e0e0e0 !important;
}

/* Expired News */
body.dark-mode .news-item.expired .news-text {
    color: #bbb !important;
}

/* Date Pill */
body.dark-mode .news-pill {
    color: #fff !important;
}

/* Right Grey Box */
body.dark-mode .grey_bg_color {
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
}

/* Minister Cards */
body.dark-mode .ministerArea {
    background: #000 !important;
    border: 1px solid #FFD700 !important;
    padding: 10px;
    border-radius: 6px;
}

/* Text inside minister cards */
body.dark-mode .ministerArea h5,
body.dark-mode .ministerArea h6,
body.dark-mode .ministerArea small {
    color: #e0e0e0 !important;
}

/* Images slight brightness adjust */
body.dark-mode .ministerArea img {
    filter: brightness(0.9) contrast(1.05);
}

/* ================= DARK MODE : NEW NEWS DESIGN ================= */

body.dark-mode section.section {
    background: #121212 !important;
    color: #e0e0e0 !important;
}

/* Title */
body.dark-mode section.section h2 {
    color: #FFD700 !important;
}

/* Tabs */
body.dark-mode section.section .nav-tabs {
    border-bottom: 1px solid #333 !important;
}

body.dark-mode section.section .nav-tabs .nav-link {
    background: #1c1c1c !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
}

body.dark-mode section.section .nav-tabs .nav-link.active {
    background: #000 !important;
    color: #FFD700 !important;
    border-color: #FFD700 !important;
}

/* News Box */
body.dark-mode .news-box {
    background: #000 !important;
    border: 1px solid #333 !important;
}

/* Each News Row */
body.dark-mode .news-row {
    border-bottom: 1px solid #333 !important;
    color: #e0e0e0 !important;
}

/* Hover */
body.dark-mode .news-row:hover {
    background: rgba(255, 215, 0, 0.08) !important;
}

/* Expired row text */
body.dark-mode .news-row.expired {
    color: #bbb !important;
}

/* Pills */
body.dark-mode .pill {
    color: #fff !important;
}

/* 12-02-2026 news letter dark theme */

body.dark-mode section.section {
    background: #000 !important;
    color: #e0e0e0 !important;
}

body.dark-mode section.section h2 {
    color: #FFD700 !important;
}

body.dark-mode section.section .nav-tabs {
    border-bottom: 1px solid #333 !important;
}

body.dark-mode section.section .nav-tabs .nav-link {
    background: #1c1c1c !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
}

body.dark-mode section.section .nav-tabs .nav-link.active {
    background: #000 !important;
    color: #FFD700 !important;
    border-color: #FFD700 !important;
}

body.dark-mode .news-box {
    background: #000 !important;
    border: 1px solid #333 !important;
}


body.dark-mode .news-row {
    border-bottom: 1px solid #333 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .news-row:hover {
    background: rgba(255, 215, 0, 0.08) !important;
}

body.dark-mode .news-row.expired {
    color: #FFD700 !important;
}

F body.dark-mode .pill {
    color: #fff !important;
}

/* ---------------- NAVBAR & HEADER ---------------- */
body.dark-mode .navbar {
    background: #000 !important;
}

body.dark-mode .navbar .nav-link:hover {
    color: #FFD700 !important;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

body.dark-mode .topHeader {
    background: #0a3a66 !important;
}


body.dark-mode .topHeader * {
    color: #FFD700 !important;
}

/* ---------------- FOOTER ---------------- */
body.dark-mode footer {
    background: #000 !important;
    border-top: 3px solid #FFD700;
}

body.dark-mode footer a {
    color: #FFD700 !important;
}

body.dark-mode footer a:hover {
    color: #fff !important;
}

body.dark-mode .topRightHeader {
    color: #fff !important;
}

body.dark-mode .common-left,
body.dark-mode .accessibility-dropdown,
body.dark-mode .social-dropdown,
body.dark-mode .screen-reader-access,
body.dark-mode .search-dropdown {
    background: #000 !important;
}

body.dark-mode .search-img {
    background: #000 !important;
}


/* ---------------- DROPDOWNS ---------------- */
body.dark-mode .accessibility-vertical,
body.dark-mode .social-vertical,
body.dark-mode .topRightHeader .dropdown-menu {
    background: #1c1c1c !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.7) !important;
}



/* ---------------- BUTTONS ---------------- */
body.dark-mode .btn-primary {
    background: linear-gradient(45deg, #FFA500, #FFD700) !important;
    color: #000 !important;
}

body.dark-mode .btn-primary:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.5);
}

/* ---------------- CAROUSELS & IMAGES ---------------- */
body.dark-mode img,
body.dark-mode svg,
body.dark-mode .carousel-inner {
    filter: none ;
    background: transparent !important;


}

/* ---------------- SEARCH BAR ---------------- */
body.dark-mode .search-dropdown-menu input,
body.dark-mode #searchResults li a {
    background-color: #1c1c1c !important;
    color: #e0e0e0 !important;
}

body.dark-mode #searchResults li:hover {
    background-color: rgba(255, 215, 0, 0.2) !important;
}

/* ---------------- GOOGLE TRANSLATE ---------------- */
body.dark-mode #google_translate_element {
    background: #1c1c1c !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

body.dark-mode #google_translate_element select {
    color: #e0e0e0 !important;
    background: transparent !important;
}

/* ---------------- TRANSITIONS ---------------- */
body.dark-mode,
body.dark-mode .section,
body.dark-mode .card,
body.dark-mode .navbar,
body.dark-mode footer {
    transition: all 0.3s ease-in-out !important;
}

/* ================= DARK MODE: Skip Content Top ================= */


body.dark-mode .skipcontenttop {
    background-color: #000 !important;
    /* Dark background */
    color: #e0e0e0 !important;
    /* Light text */
    /* border: 1px solid #FFD700 !important; */
    /* Optional border for separation */
    /* padding: 8px 12px; */
    /* Ensure padding is consistent */
    transition: all 0.3s ease-in-out;
}

body.dark-mode .skipcontenttop a {
    color: #FFD700 !important;
    /* Highlight links */
    text-decoration: none !important;
    background-color:#000 !important
    /* background-color: #ffffff !important;
    filter: invert(1); */
}

/* ================= LOGIN PAGE DARK MODE FIX (UPDATED) ================= */

/* Main wrapper */
body.dark-mode #login-container {
    background: #0f0f0f !important;
    color: #e0e0e0 !important;
}

/* Row background */
body.dark-mode #login-container .row {
    background: #0f0f0f !important;
}

/* LEFT PANEL (your actual class is col-lg-5 bg-primary) */
body.dark-mode #login-container .col-lg-5.bg-primary {
    background: #000 !important;
    color: #fff !important;
}

/* Right box */
body.dark-mode #login-container .login-right-box {
    background: #121212 !important;
    border: 1px solid #333 !important;
    color: #e0e0e0 !important;
}

/* Headings and normal text */
body.dark-mode #login-container h4,
body.dark-mode #login-container p,
body.dark-mode #login-container label,
body.dark-mode #login-container b {
    color: #e0e0e0 !important;
}

/* Inputs */
body.dark-mode #login-container input,
body.dark-mode #login-container select,
body.dark-mode #login-container textarea {
    background: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

/* Placeholder */
body.dark-mode #login-container input::placeholder {
    color: #aaa !important;
}

/* Captcha box */
body.dark-mode #login-container .captcha-box {
    background: #1a1a1a !important;
    border: 1px solid #444 !important;
    padding: 10px;
    border-radius: 6px;
}

/* Captcha refresh button */
body.dark-mode #login-container .refreshCaptcha {
    background: #222 !important;
    border: 1px solid #555 !important;
    color: #fff !important;
    padding: 4px 10px;
    border-radius: 5px;
    cursor: pointer;
}

/* Notes (your inline styles) */
body.dark-mode #login-container span[style*="color:#007bff"],
body.dark-mode #login-container span[style*="color:blue"] {
    color: #FFD700 !important;
}

/* Helpdesk number */
body.dark-mode #login-container span[style*="color:blue"] {
    color: #00e5ff !important;
}

/* Alerts */
body.dark-mode #login-container .alert {
    background: #1a1a1a !important;
    border: 1px solid #444 !important;
    color: #fff !important;
}

/* Buttons */
body.dark-mode #login-container .btn-success {
    background: #0a7d2e !important;
    border-color: #0a7d2e !important;
}

body.dark-mode #login-container .btn-info {
    background: #003366 !important;
    border-color: #003366 !important;
    color: #fff !important;
}

body.dark-mode #login-container .btn-outline-primary {
    border-color: #FFD700 !important;
    color: #FFD700 !important;
}

body.dark-mode #login-container .btn-outline-primary:hover {
    background: #FFD700 !important;
    color: #000 !important;
}

/* Datepicker popup (jQuery datepick) */
body.dark-mode .datepick {
    background: #121212 !important;
    border: 1px solid #444 !important;
    color: #fff !important;
}

body.dark-mode .datepick a {
    color: #FFD700 !important;
}

body.dark-mode .datepick .datepick-nav,
body.dark-mode .datepick .datepick-ctrl {
    background: #1a1a1a !important;
}

/* ===============================
DARK MODE : Forgot Registration Page (UPDATED)
================================ */

/* Remove background image in dark mode */
body.dark-mode {
    background: #0f0f0f !important;
    color: #e0e0e0 !important;
}

/* Main wrapper */
body.dark-mode #login-container,
body.dark-mode #login-container .row {
    background: transparent !important;
}

/* LEFT SIDE */
body.dark-mode .col-md-5.bg-primary {
    background: #000 !important;
    color: #fff !important;
}

/* RIGHT SIDE */
body.dark-mode .login-right-box {
    background: #121212 !important;
    border: 1px solid #333 !important;
    color: #e0e0e0 !important;
}

/* PANEL */
body.dark-mode .panel.panel-default {
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.6) !important;
}

/* ICON */
body.dark-mode .panel-body h3 i,
body.dark-mode .panel-body h3 .fa {
    color: #FFD700 !important;
}

/* Headings */
body.dark-mode .panel-body h2,
body.dark-mode .panel-body h4,
body.dark-mode .panel-body h5 {
    color: #FFD700 !important;
}

/* Normal text */
body.dark-mode .panel-body p,
body.dark-mode .panel-body span,
body.dark-mode .panel-body strong {
    color: #e0e0e0 !important;
}

/* FORM INPUTS */
body.dark-mode .form-control {
    background: #121212 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

body.dark-mode .form-control::placeholder {
    color: #999 !important;
}

/* Input group addon */
body.dark-mode .input-group-addon {
    background: #000 !important;
    border: 1px solid #444 !important;
    color: #FFD700 !important;
}

/* Input group border fix */
body.dark-mode .input-group {
    border-radius: 10px !important;
}

/* SELECT OPTION (important for dropdown) */
body.dark-mode select option {
    background: #121212 !important;
    color: #fff !important;
}

/* SUBMIT BUTTON */
body.dark-mode .btn.btn-primary {
    background: #FFD700 !important;
    border-color: #FFD700 !important;
    color: #000 !important;
    font-weight: 700 !important;
}

body.dark-mode .btn.btn-primary:hover {
    background: #ffc107 !important;
}

/* NOTE (Red inline style) */
body.dark-mode span[style*="color:Red"] {
    color: #ff6b6b !important;
}

/* Link */
body.dark-mode .form-row p {
    color: #e0e0e0 !important;
}

body.dark-mode .form-row a {
    color: #FFD700 !important;
}

body.dark-mode .form-row a:hover {
    color: #fff !important;
}

/* ===============================
DARK MODE : RESULT BOX + ERROR BOX
================================ */

/* Details Found Box */
body.dark-mode .result-box {
    background: #1c1c1c !important;
    border: 2px solid #22c55e !important;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.6) !important;
}

body.dark-mode .result-title {
    color: #22c55e !important;
}

body.dark-mode .result-box p {
    color: #e0e0e0 !important;
}

body.dark-mode .result-value {
    background: rgba(34, 197, 94, 0.18) !important;
    color: #22c55e !important;
}

/* Close button (Result) */
body.dark-mode .result-close {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

body.dark-mode .result-close:hover {
    background: rgba(255, 255, 255, 0.18) !important;
}

/* No Record Found Box */
body.dark-mode .error-box {
    background: #1c1c1c !important;
    border: 2px solid #ef4444 !important;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.6) !important;
}

body.dark-mode .error-title {
    color: #ff6b6b !important;
}

body.dark-mode .error-box p {
    color: #e0e0e0 !important;
}

/* Close button (Error) */
body.dark-mode .error-close {
    background: rgba(239, 68, 68, 0.18) !important;
    color: #ffffff !important;
}

body.dark-mode .error-close:hover {
    background: rgba(239, 68, 68, 0.28) !important;
}




/* jonsinfo_page */
/* ================= REGISTER-FORM PAGE DARK MODE FIX ================= */

/* Whole page background */
body.dark-mode {
    background: #121212 !important;
}

/* ---------------- TABLE ---------------- */
body.dark-mode table {
    background: #1c1c1c !important;
    border-color: #444 !important;
}

body.dark-mode td,
body.dark-mode th {
    background: transparent !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

/* Table row striping */
body.dark-mode tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.04) !important;
}

/* Table header */
body.dark-mode th {
    background: #0a3a66 !important;
    color: #ffffff !important;
}

/* ---------------- TEXT CLASSES ---------------- */
body.dark-mode .labelCellHead,
body.dark-mode .labelCellHeadSmall,
body.dark-mode .labelCell,
body.dark-mode .labelCellsmall,
body.dark-mode .entryCell,
body.dark-mode .style1,
body.dark-mode .style12,
body.dark-mode .greenlabelCellGreen,
body.dark-mode .smaller {
    color: #e0e0e0 !important;
}

/* SideHead (blue bar) */
body.dark-mode .sideHead {
    background: #000 !important;
    color: #fff !important;
}

/* ---------------- LINKS ---------------- */
body.dark-mode a {
    color: #FFD700 !important;
}

body.dark-mode a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* ---------------- INPUTS ---------------- */
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
    background: #121212 !important;
    color: #e0e0e0 !important;
    border: 1px solid #FFD700 !important;
}

/* ---------------- IMAGES ---------------- */
body.dark-mode img {
    filter: brightness(0.85) contrast(1.1);
}

/* ---------------- REGISTER HEADER (CARD) ---------------- */
body.dark-mode .card-body.d-flex {
    background: #000 !important;
    color: #fff !important;
}

body.dark-mode .card-body.d-flex * {
    color: #fff !important;
}

/* Force dark for register top header */
body.dark-mode .login-box .col-md-12.py-2.bg-primary.text-white.text-center {
    background: #000 !important;
}

body.dark-mode .login-right-box {
    background-color: #000;
}

body.dark-mode .register-right-box {
    background-color: #000;
}

/* ================= DARK MODE : AD SLIDER ================= */

body.dark-mode .ad-slider {
    background: #000 !important;
    border-top: 1px solid #333 !important;
}

body.dark-mode .ad-slider .fixedHead {
    background: #000  !important;
}

body.dark-mode .ad-slider .ads {
    color: #FFD700 !important;
    font-weight: 600;
}

body.dark-mode .ad-slider .marq {
    background: #000  !important;
    color: #e0e0e0 !important;
}

body.dark-mode .ad-slider .geek1,
body.dark-mode .ad-slider .geek2 {
    color: #e0e0e0 !important;
}

/* Play Pause Buttons */
body.dark-mode .ad-slider .btn-box1 .btnPs {
    background: #000 !important;
    color: #FFD700 !important;
    border: 1px solid #333 !important;
}

body.dark-mode .ad-slider .btn-box1 .btnPs:hover {
    background: #FFD700 !important;
    color: #000 !important;
}

/* registration  preeview  */
/* ================= DARK MODE : REGISTER PREVIEW PAGE ================= */

body.dark-mode .login-box .col-md-12.p-4.border {
    background: #1c1c1c !important;
    border-color: #333 !important;
}

/* form labels */
body.dark-mode .login-box label {
    color: #e0e0e0 !important;
}

/* inputs + select */
body.dark-mode .login-box input,
body.dark-mode .login-box select,
body.dark-mode .login-box textarea {
    background: #121212 !important;
    color: #e0e0e0 !important;
    border: 1px solid #444 !important;
}

/* readonly inputs */
body.dark-mode .login-box input[readonly] {
    background: #181818 !important;
    color: #e0e0e0 !important;
}

/* top header box */
body.dark-mode .login-box .col-md-12.py-2.bg-primary {
    background: #000 !important;
}

/* notes red text stays visible */
body.dark-mode .login-box span[style*="color:#FF0000"] {
    color: #ff6b6b !important;
}



/* Whole AdminLTE wrapper */
body.dark-mode .wrapper,
body.dark-mode .content-wrapper {
    background: #121212 !important;
    color: #e0e0e0 !important;
}

/* Header (top navbar) */
body.dark-mode .main-header.navbar {
    background: #000 !important;
    border-bottom: 1px solid #333 !important;
}

body.dark-mode .main-header.navbar * {
    color: #e0e0e0 !important;
}

/* Sidebar */
body.dark-mode .main-sidebar {
    background: #000 !important;
}



/* Sidebar links */
body.dark-mode .nav-sidebar .nav-link {
    color: #e0e0e0 !important;
}

body.dark-mode .nav-sidebar .nav-link:hover {
    background: rgba(255, 215, 0, 0.12) !important;
    color: #FFD700 !important;
}

/* Active sidebar link */
body.dark-mode .nav-sidebar .nav-link.active {
    background: rgba(255, 215, 0, 0.18) !important;
    color: #FFD700 !important;
}

/* Cards */
body.dark-mode .card {
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
    box-shadow: none !important;
}

body.dark-mode .card-body {
    background: transparent !important;
}

/* Headings inside content */
body.dark-mode .content-wrapper h1,
body.dark-mode .content-wrapper h2,
body.dark-mode .content-wrapper h3,
body.dark-mode .content-wrapper h4,
body.dark-mode .content-wrapper h5 {
    color: #FFD700 !important;
}

/* Form labels */
body.dark-mode .content-wrapper label {
    color: #e0e0e0 !important;
}

/* Inputs / select / textarea */
body.dark-mode .content-wrapper input,
body.dark-mode .content-wrapper select,
body.dark-mode .content-wrapper textarea {
    background: #121212 !important;
    color: #e0e0e0 !important;
    border: 1px solid #444 !important;
}

/* Placeholder */
body.dark-mode .content-wrapper input::placeholder,
body.dark-mode .content-wrapper textarea::placeholder {
    color: #999 !important;
}

/* Readonly inputs */
body.dark-mode .content-wrapper input[readonly] {
    background: #181818 !important;
    color: #e0e0e0 !important;
}

/* Tables */
body.dark-mode .content-wrapper table {
    background: #1c1c1c !important;
    border-color: #444 !important;
}

body.dark-mode .content-wrapper table th {
    background: #0a3a66 !important;
    color: #fff !important;
    border-color: #444 !important;
}

body.dark-mode .content-wrapper table td {
    background: transparent !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

/* Table row hover */
body.dark-mode .content-wrapper table tbody tr:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}

/* Alerts */
body.dark-mode .alert {
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
    color: #FFD700 !important;
}

/* Error text */
body.dark-mode .error,
body.dark-mode .text-danger {
    color: #ff6b6b !important;
}

/* iCheck radio label */
body.dark-mode .icheck-danger label {
    color: #e0e0e0 !important;
}

/* Small note text */
body.dark-mode small,
body.dark-mode .error-text {
    color: #bbb !important;
}

/* ================= EXTRA DARK FIX : ADMINLTE ================= */

/* Content header (top section) */
body.dark-mode .content-header {
    background: #121212 !important;
    color: #e0e0e0 !important;
}

/* Breadcrumb */
body.dark-mode .breadcrumb {
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
}

body.dark-mode .breadcrumb a {
    color: #FFD700 !important;
}

/* Card header */
body.dark-mode .card-header {
    background: #000 !important;
    border-bottom: 1px solid #333 !important;
    color: #FFD700 !important;
}

/* Table bordered lines */
body.dark-mode .table-bordered,
body.dark-mode .table-bordered td,
body.dark-mode .table-bordered th {
    border: 1px solid #444 !important;
}

/* Dropdown menu */
body.dark-mode .dropdown-menu {
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
}

body.dark-mode .dropdown-menu a {
    color: #e0e0e0 !important;
}

body.dark-mode .dropdown-menu a:hover {
    background: rgba(255, 215, 0, 0.15) !important;
    color: #FFD700 !important;
}

/* Select option background */
body.dark-mode select option {
    background: #1c1c1c !important;
    color: #e0e0e0 !important;
}

/* Horizontal line */
body.dark-mode hr {
    border-color: #333 !important;
}

/* Buttons better in dark mode */
body.dark-mode .btn-success {
    background: #198754 !important;
    border-color: #198754 !important;
    color: #fff !important;
}

body.dark-mode .btn-danger {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}

/* =====================================================
DARK MODE : ADVERTISEMENT MARQUEE SECTION
===================================================== */

body.dark-mode .ad-slider {
    background: #000 !important;
    border: 1px solid #333 !important;
}

body.dark-mode .fixedHead {
    background: #000 !important;
    border-right: 1px solid #333 !important;
}

body.dark-mode .fixedHead .ads {
    color: #FFD700 !important;
    font-weight: 600;
    background-color: #000;
}

body.dark-mode .marq {
    background: #121212 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .marq .geek {
    color: #e0e0e0 !important;
}

body.dark-mode .marq .geek1,
body.dark-mode .marq .geek2 {
    color: #e0e0e0 !important;
}

/* play/pause buttons */
body.dark-mode .btn-box1 {
    background: #000 !important;
    border-left: 1px solid #333 !important;
}

body.dark-mode .btn-box1 .btnPs {
    background: #1c1c1c !important;
    border: 1px solid #444 !important;
    color: #FFD700 !important;
}

body.dark-mode .btn-box1 .btnPs:hover {
    background: rgba(255, 215, 0, 0.15) !important;
    border-color: #FFD700 !important;
    color: #FFD700 !important;
}

/* =====================================================
DARK MODE : application status
===================================================== */
/* ================= DARK MODE : ADMINLTE DASHBOARD ================= */
body.dark-mode .main-sidebar * {
    color: #e0e0e0 !important;
    margin-top: 10px;
    margin-bottom: -3px;
}

body.dark-mode {
    background-color: #000 !important;
    color: #e0e0e0 !important;
}

/* Wrapper & Content */
body.dark-mode .wrapper,
body.dark-mode .content-wrapper {
    background-color: #121212 !important;
}

/* Navbar */
body.dark-mode .main-header.navbar {
    background: #000 !important;
    border-bottom: 1px solid #333 !important;
}

body.dark-mode .main-header.navbar a {
    color: #e0e0e0 !important;
}

/* Sidebar */
body.dark-mode .main-sidebar {
    background-color: #000 !important;
}

body.dark-mode .main-sidebar .nav-link {
    color: #e0e0e0 !important;
}

body.dark-mode .main-sidebar .nav-link:hover {
    background: rgba(255, 215, 0, 0.15) !important;
    color: #FFD700 !important;
}

/* Active sidebar */
body.dark-mode .nav-sidebar .nav-link.active {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #FFD700 !important;
}

/* Cards */
body.dark-mode .card {
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
}

body.dark-mode .card-header {
    background: #000 !important;
    border-bottom: 1px solid #333 !important;
    color: #FFD700 !important;
}

body.dark-mode .card-body {
    background: transparent !important;
}

/* Tables */
body.dark-mode table {
    background: #1c1c1c !important;
    border-color: #444 !important;
}

body.dark-mode table th {
    background: #0a3a66 !important;
    color: #fff !important;
}

body.dark-mode table td {
    background: transparent !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body.dark-mode table tbody tr:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}

/* Buttons */
body.dark-mode .btn-primary {
    background: #FFD700 !important;
    border-color: #FFD700 !important;
    color: #000 !important;
}

body.dark-mode .btn-primary:hover {
    background: #ffc107 !important;
}

/* Back to top */
body.dark-mode .back-to-top {
    background: #FFD700 !important;
    color: #000 !important;
}

/* Footer */
body.dark-mode footer,
body.dark-mode .main-footer {
    background: #000 !important;
    color: #e0e0e0 !important;
    border-top: 1px solid #333 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    /* background-color: #fef7f7; */
    background-color: transparent;
}

body.dark-mode .modal-content {
    background: #000 !important;
    color: #e0e0e0 !important;
    border-top: 1px solid #333 !important;
}

body.dark-mode  header.header{
    background: #000 !important ;
    color: #e0e0e0 !important;
}

body.dark-mode .logo a img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

body.dark-mode .topHeader li{
    border: 1px solid;
}

body.dark-mode .skipcontenttop .common-left a {
    color: #FFD700 !important;
    text-decoration: none !important;
    background-color: #ffffff !important;
    filter: invert(1);
}

body.dark-mode  #theme-light {
    color: #000 !important;
    background-color: #ffffff !important;
}

body.dark-mode #screenReader{
color: #FFD700 !important;
    text-decoration: none !important;
    background-color: #ffffff !important;
    filter: invert(1);
}
body.dark-mode #screen-reader-access{
    /* height: 28px; */
    /* min-width: 37px; */
    /* border: 1px solid #FFD700; */
    /* margin-top: 3px; */
}

body.dark-mode .nav-link {
    border: 1px solid;
}


/* Gray theme */

/* dark theme */
body.gray-mode {
    background: #121212 !important;
    color: #e0e0e0 !important;
    transition: all 0.3s ease-in-out;
}

/* ---------------- TEXT ELEMENTS ---------------- */
body.gray-mode,
body.gray-mode a,
body.gray-mode h1,
body.gray-mode h2,
body.gray-mode h3,
body.gray-mode h4,
body.gray-mode h5,
body.gray-mode h6,
body.gray-mode p,
body.gray-mode span,
body.gray-mode li,
body.gray-mode .container-fluid.validator_counter,
/* body.gray-mode div, */
body.gray-mode .topHeader a,
body.gray-mode .title.contact-head-moef,
body.gray-mode .topHeader span,
body.gray-mode .common-left a,
body.gray-mode .accessibility-vertical a,
body.gray-mode .social-vertical a {
    color: #FFD700 ;
}

/* Dark Mode for labels and smaller text */
body.gray-mode .labelCellHeadSmall,
body.gray-mode .labelCell,
body.gray-mode .entryCell p,
body.gray-mode smaller {
    color: #e0e0e0 !important;
}

body.gray-mode a:hover,
body.gray-mode .common-left a:hover,
body.gray-mode .accessibility-vertical a:hover,
body.gray-mode .social-vertical a:hover {
    color: #FFD700 !important;
    text-decoration: underline !important;
}

/* ---------------- SECTIONS & CARDS ---------------- */
body.gray-mode .section,
body.gray-mode .card,
body.gray-mode .footer-bottom,
body.gray-mode .clientSection {
    background: #2c2c2c !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

body.gray-mode .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.7) !important;
}

/* news letter */
/* ================= DARK MODE : WHAT'S NEW SECTION ================= */

body.gray-mode section.section {
    background: #2c2c2c !important;
    color: #e0e0e0 !important;
}

/* Title */
body.gray-mode .news-title {
    color: #FFD700 !important;
}

/* Tabs */
body.gray-mode .news-tabs .nav-link {
    background: #1c1c1c !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
}

body.gray-mode .news-tabs .nav-link.active {
    background: #2c2c2c !important;
    color: #FFD700 !important;
    border-color: #FFD700 !important;
}

/* News Wrapper */
body.gray-mode .news-wrapper {
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
}

/* News Item */
body.gray-mode .news-item {
    border-bottom: 1px solid #333 !important;
    color: #e0e0e0 !important;
}

body.gray-mode .news-item:hover {
    background: rgba(255, 215, 0, 0.08) !important;
}

/* News Text */
body.gray-mode .news-text {
    color: #e0e0e0 !important;
}

/* Expired News */
body.gray-mode .news-item.expired .news-text {
    color: #bbb !important;
}

/* Date Pill */
body.gray-mode .news-pill {
    color: #fff !important;
}

/* Right Grey Box */
body.gray-mode .grey_bg_color {
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
}

/* Minister Cards */
body.gray-mode .ministerArea {
    background: #2c2c2c !important;
    border: 1px solid #FFD700 !important;
    padding: 10px;
    border-radius: 6px;
}

/* Text inside minister cards */
body.gray-mode .ministerArea h5,
body.gray-mode .ministerArea h6,
body.gray-mode .ministerArea small {
    color: #e0e0e0 !important;
}

/* Images slight brightness adjust */
body.gray-mode .ministerArea img {
    filter: brightness(0.9) contrast(1.05);
}

/* ================= DARK MODE : NEW NEWS DESIGN ================= */

body.gray-mode section.section {
    background: #121212 !important;
    color: #e0e0e0 !important;
}

/* Title */
body.gray-mode section.section h2 {
    color: #FFD700 !important;
}

/* Tabs */
body.gray-mode section.section .nav-tabs {
    border-bottom: 1px solid #333 !important;
}

body.gray-mode section.section .nav-tabs .nav-link {
    background: #1c1c1c !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
}

body.gray-mode section.section .nav-tabs .nav-link.active {
    background: #2c2c2c !important;
    color: #FFD700 !important;
    border-color: #FFD700 !important;
}

/* News Box */
body.gray-mode .news-box {
    background: #2c2c2c !important;
    border: 1px solid #333 !important;
}

/* Each News Row */
body.gray-mode .news-row {
    border-bottom: 1px solid #333 !important;
    color: #e0e0e0 !important;
}

/* Hover */
body.gray-mode .news-row:hover {
    background: rgba(255, 215, 0, 0.08) !important;
}

/* Expired row text */
body.gray-mode .news-row.expired {
    color: #bbb !important;
}

/* Pills */
body.gray-mode .pill {
    color: #fff !important;
}

/* 12-02-2026 news letter dark theme */

body.gray-mode section.section {
    background: #2c2c2c !important;
    color: #e0e0e0 !important;
}

body.gray-mode section.section h2 {
    color: #FFD700 !important;
}

body.gray-mode section.section .nav-tabs {
    border-bottom: 1px solid #333 !important;
}

body.gray-mode section.section .nav-tabs .nav-link {
    background: #1c1c1c !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
}

body.gray-mode section.section .nav-tabs .nav-link.active {
    background: #2c2c2c !important;
    color: #FFD700 !important;
    border-color: #FFD700 !important;
}

body.gray-mode .news-box {
    background: #2c2c2c !important;
    border: 1px solid #333 !important;
}


body.gray-mode .news-row {
    border-bottom: 1px solid #333 !important;
    color: #e0e0e0 !important;
}

body.gray-mode .news-row:hover {
    background: rgba(255, 215, 0, 0.08) !important;
}

body.gray-mode .news-row.expired {
    color: #FFD700 !important;
}

F body.gray-mode .pill {
    color: #fff !important;
}

/* ---------------- NAVBAR & HEADER ---------------- */
body.gray-mode .navbar {
    background: #2c2c2c !important;
}

body.gray-mode .navbar .nav-link:hover {
    color: #FFD700 !important;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

body.gray-mode .topHeader {
    background: #0a3a66 !important;
}


body.gray-mode .topHeader * {
    color: #FFD700 !important;
}

/* ---------------- FOOTER ---------------- */
body.gray-mode footer {
    background: #2c2c2c !important;
    border-top: 3px solid #FFD700;
}

body.gray-mode footer a {
    color: #FFD700 !important;
}

body.gray-mode footer a:hover {
    color: #fff !important;
}

body.gray-mode .topRightHeader {
    color: #fff !important;
}

body.gray-mode .common-left,
body.gray-mode .accessibility-dropdown,
body.gray-mode .social-dropdown,
body.gray-mode .screen-reader-access,
body.gray-mode .search-dropdown {
    background: #2c2c2c !important;
}

body.gray-mode .search-img {
    background: #2c2c2c !important;
}


/* ---------------- DROPDOWNS ---------------- */
body.gray-mode .accessibility-vertical,
body.gray-mode .social-vertical,
body.gray-mode .topRightHeader .dropdown-menu {
    background: #1c1c1c !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.7) !important;
}



/* ---------------- BUTTONS ---------------- */
body.gray-mode .btn-primary {
    background: linear-gradient(45deg, #FFA500, #FFD700) !important;
    color: #000 !important;
}

body.gray-mode .btn-primary:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.5);
}

/* ---------------- CAROUSELS & IMAGES ---------------- */
body.gray-mode img,
body.gray-mode svg,
body.gray-mode .carousel-inner {
    filter: none ;
    background: transparent !important;


}

/* ---------------- SEARCH BAR ---------------- */
body.gray-mode .search-dropdown-menu input,
body.gray-mode #searchResults li a {
    background-color: #1c1c1c !important;
    color: #e0e0e0 !important;
}

body.gray-mode #searchResults li:hover {
    background-color: rgba(255, 215, 0, 0.2) !important;
}

/* ---------------- GOOGLE TRANSLATE ---------------- */
body.gray-mode #google_translate_element {
    background: #1c1c1c !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

body.gray-mode #google_translate_element select {
    color: #e0e0e0 !important;
    background: transparent !important;
}

/* ---------------- TRANSITIONS ---------------- */
body.gray-mode,
body.gray-mode .section,
body.gray-mode .card,
body.gray-mode .navbar,
body.gray-mode footer {
    transition: all 0.3s ease-in-out !important;
}

/* ================= DARK MODE: Skip Content Top ================= */


body.gray-mode .skipcontenttop {
    background-color: #2c2c2c !important;
    /* Dark background */
    color: #e0e0e0 !important;
    /* Light text */
    /* border: 1px solid #FFD700 !important; */
    /* Optional border for separation */
    /* padding: 8px 12px; */
    /* Ensure padding is consistent */
    transition: all 0.3s ease-in-out;
}

body.gray-mode .skipcontenttop a {
    color: #FFD700 !important;
    /* Highlight links */
    text-decoration: none !important;
    /* background-color:#2c2c2c !important */
    /* background-color: #ffffff !important;
    filter: invert(1); */
}

/* ================= LOGIN PAGE DARK MODE FIX (UPDATED) ================= */

/* Main wrapper */
body.gray-mode #login-container {
    background: #0f0f0f !important;
    color: #e0e0e0 !important;
}

/* Row background */
body.gray-mode #login-container .row {
    background: #0f0f0f !important;
}

/* LEFT PANEL (your actual class is col-lg-5 bg-primary) */
body.gray-mode #login-container .col-lg-5.bg-primary {
    background: #2c2c2c !important;
    color: #fff !important;
}

/* Right box */
body.gray-mode #login-container .login-right-box {
    background: #2c2c2c !important;
    border: 1px solid #333 !important;
    color: #e0e0e0 !important;
}

/* Headings and normal text */
body.gray-mode #login-container h4,
body.gray-mode #login-container p,
body.gray-mode #login-container label,
body.gray-mode #login-container b {
    color: #e0e0e0 !important;
}

/* Inputs */
body.gray-mode #login-container input,
body.gray-mode #login-container select,
body.gray-mode #login-container textarea {
    background: #2c2c2c !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

/* Placeholder */
body.gray-mode #login-container input::placeholder {
    color: #aaa !important;
}

/* Captcha box */
body.gray-mode #login-container .captcha-box {
    background: #2c2c2c !important;
    border: 1px solid #444 !important;
    padding: 10px;
    border-radius: 6px;
}

/* Captcha refresh button */
body.gray-mode #login-container .refreshCaptcha {
    background: #222 !important;
    border: 1px solid #555 !important;
    color: #fff !important;
    padding: 4px 10px;
    border-radius: 5px;
    cursor: pointer;
}

/* Notes (your inline styles) */
body.gray-mode #login-container span[style*="color:#007bff"],
body.gray-mode #login-container span[style*="color:blue"] {
    color: #FFD700 !important;
}

/* Helpdesk number */
body.gray-mode #login-container span[style*="color:blue"] {
    color: #00e5ff !important;
}

/* Alerts */
body.gray-mode #login-container .alert {
    background: #1a1a1a !important;
    border: 1px solid #444 !important;
    color: #fff !important;
}

/* Buttons */
body.gray-mode #login-container .btn-success {
    background: #0a7d2e !important;
    border-color: #0a7d2e !important;
}

body.gray-mode #login-container .btn-info {
    background: #003366 !important;
    border-color: #003366 !important;
    color: #fff !important;
}

body.gray-mode #login-container .btn-outline-primary {
    border-color: #FFD700 !important;
    color: #FFD700 !important;
}

body.gray-mode #login-container .btn-outline-primary:hover {
    background: #FFD700 !important;
    color: #000 !important;
}

/* Datepicker popup (jQuery datepick) */
body.gray-mode .datepick {
    background: #121212 !important;
    border: 1px solid #444 !important;
    color: #fff !important;
}

body.gray-mode .datepick a {
    color: #FFD700 !important;
}

body.gray-mode .datepick .datepick-nav,
body.gray-mode .datepick .datepick-ctrl {
    background: #1a1a1a !important;
}

/* ===============================
DARK MODE : Forgot Registration Page (UPDATED)
================================ */

/* Remove background image in dark mode */
body.gray-mode {
    background: #0f0f0f !important;
    color: #e0e0e0 !important;
}

/* Main wrapper */
body.gray-mode #login-container,
body.gray-mode #login-container .row {
    background: transparent !important;
}

/* LEFT SIDE */
body.gray-mode .col-md-5.bg-primary {
    background: #000 !important;
    color: #fff !important;
}

/* RIGHT SIDE */
body.gray-mode .login-right-box {
    background: #121212 !important;
    border: 1px solid #333 !important;
    color: #e0e0e0 !important;
}

/* PANEL */
body.gray-mode .panel.panel-default {
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.6) !important;
}

/* ICON */
body.gray-mode .panel-body h3 i,
body.gray-mode .panel-body h3 .fa {
    color: #FFD700 !important;
}

/* Headings */
body.gray-mode .panel-body h2,
body.gray-mode .panel-body h4,
body.gray-mode .panel-body h5 {
    color: #FFD700 !important;
}

/* Normal text */
body.gray-mode .panel-body p,
body.gray-mode .panel-body span,
body.gray-mode .panel-body strong {
    color: #e0e0e0 !important;
}

/* FORM INPUTS */
body.gray-mode .form-control {
    background: #121212 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

body.gray-mode .form-control::placeholder {
    color: #999 !important;
}

/* Input group addon */
body.gray-mode .input-group-addon {
    background: #000 !important;
    border: 1px solid #444 !important;
    color: #FFD700 !important;
}

/* Input group border fix */
body.gray-mode .input-group {
    border-radius: 10px !important;
}

/* SELECT OPTION (important for dropdown) */
body.gray-mode select option {
    background: #121212 !important;
    color: #fff !important;
}

/* SUBMIT BUTTON */
body.gray-mode .btn.btn-primary {
    background: #FFD700 !important;
    border-color: #FFD700 !important;
    color: #000 !important;
    font-weight: 700 !important;
}

body.gray-mode .btn.btn-primary:hover {
    background: #ffc107 !important;
}

/* NOTE (Red inline style) */
body.gray-mode span[style*="color:Red"] {
    color: #ff6b6b !important;
}

/* Link */
body.gray-mode .form-row p {
    color: #e0e0e0 !important;
}

body.gray-mode .form-row a {
    color: #FFD700 !important;
}

body.gray-mode .form-row a:hover {
    color: #fff !important;
}

/* ===============================
DARK MODE : RESULT BOX + ERROR BOX
================================ */

/* Details Found Box */
body.gray-mode .result-box {
    background: #1c1c1c !important;
    border: 2px solid #22c55e !important;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.6) !important;
}

body.gray-mode .result-title {
    color: #22c55e !important;
}

body.gray-mode .result-box p {
    color: #e0e0e0 !important;
}

body.gray-mode .result-value {
    background: rgba(34, 197, 94, 0.18) !important;
    color: #22c55e !important;
}

/* Close button (Result) */
body.gray-mode .result-close {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

body.gray-mode .result-close:hover {
    background: rgba(255, 255, 255, 0.18) !important;
}

/* No Record Found Box */
body.gray-mode .error-box {
    background: #1c1c1c !important;
    border: 2px solid #ef4444 !important;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.6) !important;
}

body.gray-mode .error-title {
    color: #ff6b6b !important;
}

body.gray-mode .error-box p {
    color: #e0e0e0 !important;
}

/* Close button (Error) */
body.gray-mode .error-close {
    background: rgba(239, 68, 68, 0.18) !important;
    color: #ffffff !important;
}

body.gray-mode .error-close:hover {
    background: rgba(239, 68, 68, 0.28) !important;
}




/* jonsinfo_page */
/* ================= REGISTER-FORM PAGE DARK MODE FIX ================= */

/* Whole page background */
body.gray-mode {
    background: #121212 !important;
}

/* ---------------- TABLE ---------------- */
body.gray-mode table {
    background: #1c1c1c !important;
    border-color: #444 !important;
}

body.gray-mode td,
body.gray-mode th {
    background: transparent !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

/* Table row striping */
body.gray-mode tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.04) !important;
}

/* Table header */
body.gray-mode th {
    background: #0a3a66 !important;
    color: #ffffff !important;
}

/* ---------------- TEXT CLASSES ---------------- */
body.gray-mode .labelCellHead,
body.gray-mode .labelCellHeadSmall,
body.gray-mode .labelCell,
body.gray-mode .labelCellsmall,
body.gray-mode .entryCell,
body.gray-mode .style1,
body.gray-mode .style12,
body.gray-mode .greenlabelCellGreen,
body.gray-mode .smaller {
    color: #e0e0e0 !important;
}

/* SideHead (blue bar) */
body.gray-mode .sideHead {
    background: #000 !important;
    color: #fff !important;
}

/* ---------------- LINKS ---------------- */
body.gray-mode a {
    color: #FFD700 !important;
}

body.gray-mode a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* ---------------- INPUTS ---------------- */
body.gray-mode input,
body.gray-mode select,
body.gray-mode textarea {
    background: #2c2c2c  !important;
    color: #e0e0e0 !important;
    border: 1px solid #FFD700 !important;
}

/* ---------------- IMAGES ---------------- */
body.gray-mode img {
    filter: brightness(0.85) contrast(1.1);
}

/* ---------------- REGISTER HEADER (CARD) ---------------- */
body.gray-mode .card-body.d-flex {
    background: #2c2c2c  !important;
    color: #fff !important;
}

body.gray-mode .card-body.d-flex * {
    color: #fff !important;
}

/* Force dark for register top header */
body.gray-mode .login-box .col-md-12.py-2.bg-primary.text-white.text-center {
    background: #2c2c2c  !important;
}

body.gray-mode .login-right-box {
    background-color: #2c2c2c ;
}

body.gray-mode .register-right-box {
    background-color: #2c2c2c ;
}

/* ================= DARK MODE : AD SLIDER ================= */

body.gray-mode .ad-slider {
    background: #2c2c2c !important;
    border-top: 1px solid #333 !important;
}

body.gray-mode .ad-slider .fixedHead {
    background: #2c2c2c  !important;
}

body.gray-mode .ad-slider .ads {
    color: #FFD700 !important;
    font-weight: 600;
}

body.gray-mode .ad-slider .marq {
    background: #2c2c2c  !important;
    color: #e0e0e0 !important;
}

body.gray-mode .ad-slider .geek1,
body.gray-mode .ad-slider .geek2 {
    color: #e0e0e0 !important;
}

/* Play Pause Buttons */
body.gray-mode .ad-slider .btn-box1 .btnPs {
    background: #2c2c2c !important;
    color: #FFD700 !important;
    border: 1px solid #333 !important;
}

body.gray-mode .ad-slider .btn-box1 .btnPs:hover {
    background: #FFD700 !important;
    color: #000 !important;
}

/* registration  preeview  */
/* ================= DARK MODE : REGISTER PREVIEW PAGE ================= */

body.gray-mode .login-box .col-md-12.p-4.border {
    background: #1c1c1c !important;
    border-color: #333 !important;
}

/* form labels */
body.gray-mode .login-box label {
    color: #e0e0e0 !important;
}

/* inputs + select */
body.gray-mode .login-box input,
body.gray-mode .login-box select,
body.gray-mode .login-box textarea {
    background: #121212 !important;
    color: #e0e0e0 !important;
    border: 1px solid #444 !important;
}

/* readonly inputs */
body.gray-mode .login-box input[readonly] {
    background: #181818 !important;
    color: #e0e0e0 !important;
}

/* top header box */
body.gray-mode .login-box .col-md-12.py-2.bg-primary {
    background: #2c2c2c !important;
}

/* notes red text stays visible */
body.gray-mode .login-box span[style*="color:#FF0000"] {
    color: #ff6b6b !important;
}



/* Whole AdminLTE wrapper */
body.gray-mode .wrapper,
body.gray-mode .content-wrapper {
    background: #121212 !important;
    color: #e0e0e0 !important;
}

/* Header (top navbar) */
body.gray-mode .main-header.navbar {
    background: #2c2c2c !important;
    border-bottom: 1px solid #333 !important;
}

body.gray-mode .main-header.navbar * {
    color: #e0e0e0 !important;
}

/* Sidebar */
body.gray-mode .main-sidebar {
    background: #2c2c2c !important;
}



/* Sidebar links */
body.gray-mode .nav-sidebar .nav-link {
    color: #e0e0e0 !important;
}

body.gray-mode .nav-sidebar .nav-link:hover {
    background: rgba(255, 215, 0, 0.12) !important;
    color: #FFD700 !important;
}

/* Active sidebar link */
body.gray-mode .nav-sidebar .nav-link.active {
    background: rgba(255, 215, 0, 0.18) !important;
    color: #FFD700 !important;
}

/* Cards */
body.gray-mode .card {
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
    box-shadow: none !important;
}

body.gray-mode .card-body {
    background: transparent !important;
}

/* Headings inside content */
body.gray-mode .content-wrapper h1,
body.gray-mode .content-wrapper h2,
body.gray-mode .content-wrapper h3,
body.gray-mode .content-wrapper h4,
body.gray-mode .content-wrapper h5 {
    color: #FFD700 !important;
}

/* Form labels */
body.gray-mode .content-wrapper label {
    color: #e0e0e0 !important;
}

/* Inputs / select / textarea */
body.gray-mode .content-wrapper input,
body.gray-mode .content-wrapper select,
body.gray-mode .content-wrapper textarea {
    background: #121212 !important;
    color: #e0e0e0 !important;
    border: 1px solid #444 !important;
}

/* Placeholder */
body.gray-mode .content-wrapper input::placeholder,
body.gray-mode .content-wrapper textarea::placeholder {
    color: #999 !important;
}

/* Readonly inputs */
body.gray-mode .content-wrapper input[readonly] {
    background: #181818 !important;
    color: #e0e0e0 !important;
}

/* Tables */
body.gray-mode .content-wrapper table {
    background: #1c1c1c !important;
    border-color: #444 !important;
}

body.gray-mode .content-wrapper table th {
    background: #0a3a66 !important;
    color: #fff !important;
    border-color: #444 !important;
}

body.gray-mode .content-wrapper table td {
    background: transparent !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

/* Table row hover */
body.gray-mode .content-wrapper table tbody tr:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}

/* Alerts */
body.gray-mode .alert {
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
    color: #A80000 !important;
}

/* Error text */
body.gray-mode .error,
body.gray-mode .text-danger {
    color: #ff6b6b !important;
}

/* iCheck radio label */
body.gray-mode .icheck-danger label {
    color: #e0e0e0 !important;
}

/* Small note text */
body.gray-mode small,
body.gray-mode .error-text {
    color: #bbb !important;
}

/* ================= EXTRA DARK FIX : ADMINLTE ================= */

/* Content header (top section) */
body.gray-mode .content-header {
    background: #121212 !important;
    color: #e0e0e0 !important;
}

/* Breadcrumb */
body.gray-mode .breadcrumb {
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
}

body.gray-mode .breadcrumb a {
    color: #FFD700 !important;
}

/* Card header */
body.gray-mode .card-header {
    background: #000 !important;
    border-bottom: 1px solid #333 !important;
    color: #FFD700 !important;
}

/* Table bordered lines */
body.gray-mode .table-bordered,
body.gray-mode .table-bordered td,
body.gray-mode .table-bordered th {
    border: 1px solid #444 !important;
}

/* Dropdown menu */
body.gray-mode .dropdown-menu {
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
}

body.gray-mode .dropdown-menu a {
    color: #e0e0e0 !important;
}

body.gray-mode .dropdown-menu a:hover {
    background: rgba(255, 215, 0, 0.15) !important;
    color: #FFD700 !important;
}

/* Select option background */
body.gray-mode select option {
    background: #1c1c1c !important;
    color: #e0e0e0 !important;
}

/* Horizontal line */
body.gray-mode hr {
    border-color: #333 !important;
}

/* Buttons better in dark mode */
body.gray-mode .btn-success {
    background: #198754 !important;
    border-color: #198754 !important;
    color: #fff !important;
}

body.gray-mode .btn-danger {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}

/* =====================================================
DARK MODE : ADVERTISEMENT MARQUEE SECTION
===================================================== */

body.gray-mode .ad-slider {
    background: #2c2c2c !important;
    border: 1px solid #333 !important;
}

body.gray-mode .fixedHead {
    background: #2c2c2c !important;
    border-right: 1px solid #333 !important;
}

body.gray-mode .fixedHead .ads {
    color: #FFD700 !important;
    font-weight: 600;
    background-color: #2c2c2c;
}

body.gray-mode .marq {
    background: #121212 !important;
    color: #e0e0e0 !important;
}

body.gray-mode .marq .geek {
    color: #e0e0e0 !important;
}

body.gray-mode .marq .geek1,
body.gray-mode .marq .geek2 {
    color: #e0e0e0 !important;
}

/* play/pause buttons */
body.gray-mode .btn-box1 {
    background: #2c2c2c !important;
    border-left: 1px solid #333 !important;
}

body.gray-mode .btn-box1 .btnPs {
    background: #1c1c1c !important;
    border: 1px solid #444 !important;
    color: #FFD700 !important;
}

body.gray-mode .btn-box1 .btnPs:hover {
    background: rgba(255, 215, 0, 0.15) !important;
    border-color: #FFD700 !important;
    color: #FFD700 !important;
}

/* =====================================================
DARK MODE : application status
===================================================== */
/* ================= DARK MODE : ADMINLTE DASHBOARD ================= */
body.gray-mode .main-sidebar * {
    color: #e0e0e0 !important;
    margin-top: 10px;
    margin-bottom: -3px;
}

body.gray-mode {
    background-color: #2c2c2c !important;
    color: #e0e0e0 !important;
}

/* Wrapper & Content */
body.gray-mode .wrapper,
body.gray-mode .content-wrapper {
    background-color: #121212 !important;
}

/* Navbar */
body.gray-mode .main-header.navbar {
    background: #2c2c2c !important;
    border-bottom: 1px solid #333 !important;
}

body.gray-mode .main-header.navbar a {
    color: #e0e0e0 !important;
}

/* Sidebar */
body.gray-mode .main-sidebar {
    background-color: #2c2c2c !important;
}

body.gray-mode .main-sidebar .nav-link {
    color: #e0e0e0 !important;
}

body.gray-mode .main-sidebar .nav-link:hover {
    background: rgba(255, 215, 0, 0.15) !important;
    color: #FFD700 !important;
}

/* Active sidebar */
body.gray-mode .nav-sidebar .nav-link.active {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #FFD700 !important;
}

/* Cards */
body.gray-mode .card {
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
}

body.gray-mode .card-header {
    background: #2c2c2c !important;
    border-bottom: 1px solid #333 !important;
    color: #FFD700 !important;
}

body.gray-mode .card-body {
    background: transparent !important;
}

/* Tables */
body.gray-mode table {
    background: #1c1c1c !important;
    border-color: #444 !important;
}

body.gray-mode table th {
    background: #0a3a66 !important;
    color: #fff !important;
}

body.gray-mode table td {
    background: transparent !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body.gray-mode table tbody tr:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}

/* Buttons */
body.gray-mode .btn-primary {
    background: #FFD700 !important;
    border-color: #FFD700 !important;
    color: #000 !important;
}

body.gray-mode .btn-primary:hover {
    background: #ffc107 !important;
}

/* Back to top */
body.gray-mode .back-to-top {
    background: #FFD700 !important;
    color: #000 !important;
}

/* Footer */
body.gray-mode footer,
body.gray-mode .main-footer {
    background: #2c2c2c !important;
    color: #e0e0e0 !important;
    border-top: 1px solid #333 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    /* background-color: #fef7f7; */
    background-color: transparent;
}

body.gray-mode .modal-content {
    background: #2c2c2c !important;
    color: #e0e0e0 !important;
    border-top: 1px solid #333 !important;
}

body.gray-mode  header.header{
    background: #2c2c2c !important ;
    color: #e0e0e0 !important;
}

body.gray-mode .logo a img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

body.gray-mode .topHeader li{
    border: 1px solid;
}

body.gray-mode .skipcontenttop .common-left a {
        color: #FFD700 !important;
    text-decoration: none !important;
    /* background-color: #2c2c2c !important; */
    filter: invert(1);
}

body.gray-mode  #theme-light {
    color: #000 !important;
    background-color: #ffffff !important;
}

body.gray-mode #screenReader{
color: #FFD700 !important;
    text-decoration: none !important;
    /* background-color: #ffffff !important; */
    filter: invert(1);
}
body.gray-mode .note-text{
   color: #A80000 !important;
}

body.gray-mode .nav-link {
    border: 1px solid;
}

body.gray-mode .topRightHeader .commonPanel>a,
  body.gray-mode  .topRightHeader .commonPanel>div {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 36px;
        min-width: 44px;
        /* padding: 0 10px; */
        border-left: 1px solid #2c2c2c;
        position: relative;
    }

    body.gray-mode  .topRightHeader .dropdown.border-start {
    border-left: 1px solid #2c2c2c !important;
}

body.dark-mode .btn-outline-light{
    border-color: #FFD700;
}
body.gray-mode .btn-outline-light{
    border-color: #FFD700;
}

body.dark-mode .accessibility-dropdown .submenu,
body.dark-mode .escape-dropdown .submenu
{
   /* border:1px solid #FFD700; */
   border: 1px solid #FFD700;
   padding: 4px 8px;
}

body.dark-mode .search-toggle
{
   /* border:1px solid #FFD700; */
   border: 1px solid #FFD700;
   padding: 4px 8px;
}
body.gray-mode  .accessibility-dropdown .submenu,
body.gray-mode  .escape-dropdown .submenu{
   /* border:1px solid #FFD700; */
   border: 1px solid #FFD700;
   padding: 4px 8px;
}
body.gray-mode .search-toggle
{
   /* border:1px solid #FFD700; */
   border: 1px solid #FFD700;
   padding: 4px 8px;
}