/* NC theme overrides */

/* Sidebar + brand bar */
.main-sidebar,
.brand-link {
    background-color: rgba(25, 83, 103, 0.9) !important; /* deep green */
    color: #ffffff !important;
}

    .brand-link .brand-text {
        color: #ffffff !important;
    }

/* Active menu item */
.nav-sidebar .nav-link.active {
    background-color: rgba(25, 83, 103, 0.9) !important; /* lighter green */
    color: #ffffff !important;
}

    .nav-sidebar .nav-link.active i {
        color: #ffffff !important;
    }

/* Hover state */
.nav-sidebar .nav-link:hover {
    background-color: #035c32 !important;
    color: #ffffff !important;
}

/* Top navbar */
.main-header.navbar {
    background-color: #ffc107 !important; /* NC yellow */
    border-bottom: none !important;
}

.main-header .nav-link,
.main-header .navbar-nav .nav-link {
    color: #333333 !important;
}

/* Primary buttons in NC green (generic) */
.btn-primary {
    background-color: rgba(25, 83, 103, 0.9) !important;
    border-color: rgba(25, 83, 103, 0.9) !important;
}

    .btn-primary:hover,
    .btn-success:hover {
        background-color: #00512a !important;
        border-color: #00512a !important;
    }

/* Cards – keep white, but accent border in green */
.card-primary:not(.card-outline) {
    background-color: rgba(25, 83, 103, 0.9) !important;
    border-color: rgba(25, 83, 103, 0.9) !important;
}

.card-primary.card-outline {
    border-color: rgba(25, 83, 103, 0.9) !important;
}
/* ==========================================================
   NC public theme overrides for style.css-based pages
   (login / register / public views)
   ========================================================== */

/* Shared palette */
:root {
    --limpo-green: rgba(25, 83, 103, 0.9);
    --limpo-green-light: rgba(25, 83, 103, 0.9);
    --limpo-yellow: #f49730;
}

/* Links */
body a {
    color: var(--limpo-yellow);
}

    body a:hover,
    body a:active,
    body a:focus {
        color: var(--limpo-green);
        text-decoration: underline;
    }

/* Header */
#header {
    background: #ffffff;
}

    #header.header-scrolled {
        background: #ffffff;
    }

/* Generic buttons / CTAs from style.css */
#intro .btn-get-started,
#login .form button[type="submit"],
#register .form button[type="submit"],
#contact .form button[type="submit"],
.btn {
    background: var(--limpo-green);
    border-color: var(--limpo-green);
    color: #ffffff;
}

    #intro .btn-get-started:hover,
    #login .form button[type="submit"]:hover,
    #register .form button[type="submit"]:hover,
    #contact .form button[type="submit"]:hover,
    .btn:hover {
        background: var(--limpo-green-light);
        border-color: var(--limpo-green-light);
        color: #ffffff;
    }

/* Login extra buttons: Apply for access / Finalise sign up */
#login .form a {
    background: var(--limpo-yellow);
    border: 0;
    color: #000;
}

    #login .form a:hover {
        background: #e0a800;
        color: #000;
    }

/* Success-style buttons that style.css makes orange */
.btn-success {
    background-color: var(--limpo-yellow);
    border-color: var(--limpo-yellow);
    color: #000 !important;
}

    .btn-success:hover {
        background-color: #e0a800;
        border-color: #e0a800;
    }

/* Back-to-top button */
.back-to-top {
    background: var(--limpo-green);
}

    .back-to-top:hover {
        background: var(--limpo-green-light);
    }

/* Footer */
#footer {
    background: #000;
}

    #footer .footer-top {
        background: var(--limpo-green);
    }

        #footer .footer-top h4::after {
            background: var(--limpo-yellow);
        }

        #footer .footer-top .footer-links ul a:hover {
            color: var(--limpo-yellow);
        }

/* Status chips (pipeline bar) */
.status_completed {
    background-color: var(--limpo-yellow);
    border-color: var(--limpo-yellow);
    color: #000;
}

    .status_completed h6,
    .status_completed h6 a {
        color: #000;
    }

.status_current {
    background-color: var(--limpo-green-light);
    border-color: var(--limpo-green-light);
}

    .status_current h6,
    .status_current h6 a {
        color: #fff;
    }

/* ----------------------------------------------------------
   NC overrides for anything coming from site.css
   Keep all province-specific colours here
----------------------------------------------------------- */

/* Sidebar background (AdminLTE layout) */
.main-sidebar {
    background-color: rgba(25, 83, 103, 0.9) !important; /* deep NC green */
    color: #ffffff !important;
}

    /* Sidebar links */
    .main-sidebar .nav-sidebar > .nav-item > .nav-link {
        background-color: rgba(25, 83, 103, 0.9) !important;
        color: #ffffff !important;
    }

        .main-sidebar .nav-sidebar > .nav-item > .nav-link:hover {
            background-color: #035c32 !important; /* slightly lighter green on hover */
            color: #ffffff !important;
        }

/* Just in case anything still uses the old footer from site.css */
#footer .footer-top {
    background: rgba(25, 83, 103, 0.9) !important; /* NC green band */
}

    #footer .footer-top h4::after {
        background: #fdb915 !important; /* NC yellow underline */
    }

    /* Optional: align social hover with NC accent instead of KZN red */
    #footer .footer-top .social-links a:hover {
        background: #fdb915 !important;
        color: rgba(25, 83, 103, 0.9) !important;
    }



/* -------------------------------------------
   NC DataTable Theme
-------------------------------------------- */

/* Table header */
table.dataTable thead th {
    background-color: #f5f7f5 !important;
    color: rgba(25, 83, 103, 0.9) !important; /* deep green */
    font-weight: 600 !important;
    border-bottom: 2px solid rgba(25, 83, 103, 0.9) !important;
}

/* Alternating rows */
table.dataTable tbody tr:nth-child(odd) {
    background-color: #ffffff !important;
}

table.dataTable tbody tr:nth-child(even) {
    background-color: #f0f5f0 !important; /* light NC green tint */
}

/* Hover effect */
table.dataTable tbody tr:hover {
    background-color: #e2f3e6 !important; /* light green hover */
    cursor: pointer;
}

/* Pagination buttons */
.dataTables_paginate .paginate_button {
    border: 1px solid rgba(25, 83, 103, 0.9) !important;
    color: rgba(25, 83, 103, 0.9) !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    background: white !important;
}

    .dataTables_paginate .paginate_button:hover {
        background-color: #e2f3e6 !important;
        color: rgba(25, 83, 103, 0.9) !important;
    }

    .dataTables_paginate .paginate_button.current {
        background-color: rgba(25, 83, 103, 0.9) !important;
        color: #fff !important;
    }

/* Search box + entries dropdown */
.dataTables_filter input,
.dataTables_length select {
    border: 1px solid rgba(25, 83, 103, 0.9) !important;
    border-radius: 4px !important;
    padding: 4px !important;
}

/* Copy / Excel buttons */
.dt-button {
    background-color: rgba(25, 83, 103, 0.9) !important;
    color: #fff !important;
    border: 1px solid #004d2c !important;
    border-radius: 4px !important;
    padding: 5px 12px !important;
}

    .dt-button:hover {
        background-color: #004d2c !important;
        border-color: rgba(25, 83, 103, 0.9) !important;
    }


.btn-primary,
.btn-success,
.btn-info,
.btn-default {
    background-color: rgba(25, 83, 103, 0.9) !important;
    border-color: rgba(25, 83, 103, 0.9) !important;
    color: #fff !important;
}

    .btn-primary:hover,
    .btn-success:hover,
    .btn-info:hover,
    .btn-default:hover {
        background-color: rgba(25, 83, 103, 0.9) !important;
        border-color: rgba(25, 83, 103, 0.9) !important;
    }

.btn-verify {
    background-color: #fdb915 !important;
    color: rgba(25, 83, 103, 0.9) !important;
    border-color: #fdb915 !important;
}

    .btn-verify:hover {
        background-color: #e0a50f !important;
    }

.btn-toggle-filters {
    background-color: rgba(25, 83, 103, 0.9) !important;
    color: #fff !important;
}

.btn-info {
    color: #fff !important;
}


.breadcrumb a {
    color: rgba(25, 83, 103, 0.9) !important;
    font-weight: 600;
}

.breadcrumb .active {
    color: rgba(25, 83, 103, 0.9) !important;
}

/* Global link color override */
/* NC green links in content + footer only */
.content-wrapper a,
.main-footer a,
.card a {
    color: #004f23;
    text-decoration: none;
}

    .content-wrapper a:hover,
    .main-footer a:hover,
    .card a:hover {
        color: #003317;
        text-decoration: underline;
    }

/* Keep sidebar text white regardless of global link styles */
.main-sidebar .nav-link,
.main-sidebar .nav-link i,
.main-sidebar .nav-header {
    color: #ffffff !important;
}

    /* Active + hover already have green backgrounds, so just ensure text stays white */
    .main-sidebar .nav-link:hover,
    .main-sidebar .nav-link.active {
        color: #ffffff !important;
    }


/* Table action links like 'Edit', 'Export', etc */
table a,
.dataTable a {
    color: #ffffff !important;
    background: rgba(25, 83, 103, 0.9) !important; /* NC green */
}

    

.env-banner {
    background-color: #f4c430 !important; /* NC mustard */
}

/* ==============================================
   SmartAdmit.UI – AdminLTE specific tweaks
   ============================================== */

/* Page background */
.content-wrapper {
    background-color: #f6f8f6; /* light neutral with slight green tint */
}

/* Content header + titles */
.content-header h1,
.content-header h2,
.content-header .breadcrumb a {
    color: rgba(25, 83, 103, 0.9);
}

.content-header .breadcrumb .active {
    color: rgba(25, 83, 103, 0.9);
}

/* Card headers */
.card-primary > .card-header {
    background-color: rgba(25, 83, 103, 0.9) !important;
    border-bottom: 1px solid rgba(25, 83, 103, 0.9) !important;
    color: #ffffff !important;
}

.card-secondary > .card-header {
    background-color: rgba(25, 83, 103, 0.9) !important;
    border-bottom: 1px solid #002a16 !important;
    color: #ffffff !important;
}

/* Info boxes on dashboard */
.info-box {
    border-radius: 4px;
    border: 1px solid #dde7dd;
}

    .info-box .info-box-icon {
        background-color: rgba(25, 83, 103, 0.9) !important;
        color: #ffffff !important;
    }

    .info-box .info-box-text {
        color: rgba(25, 83, 103, 0.9);
        font-weight: 600;
    }

    .info-box .info-box-number {
        color: rgba(25, 83, 103, 0.9);
    }

/* Small boxes (coloured tiles) */
.small-box {
    border-radius: 4px;
}

    .small-box.bg-success {
        background-color: rgba(25, 83, 103, 0.9) !important;
    }

    .small-box .inner h3,
    .small-box .inner p {
        color: #ffffff !important;
    }

/* Nav pills / tabbed filters */
.nav-pills .nav-link {
    border-radius: 20px;
    color: rgba(25, 83, 103, 0.9);
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        background-color: rgba(25, 83, 103, 0.9) !important;
        color: #ffffff !important;
    }

/* Pagination (non-DataTable generic .page-link) */
.page-item .page-link {
    color: rgba(25, 83, 103, 0.9);
    border: 1px solid rgba(25, 83, 103, 0.9);
}

.page-item.active .page-link {
    background-color: rgba(25, 83, 103, 0.9);
    border-color: rgba(25, 83, 103, 0.9);
    color: #ffffff;
}

/* Form focus */
.form-control:focus {
    border-color: rgba(25, 83, 103, 0.9);
    box-shadow: 0 0 0 0.15rem rgba(0, 104, 55, 0.25);
}

/* Callouts / alerts */
.callout.callout-info {
    border-left-color: rgba(25, 83, 103, 0.9);
}

.callout.callout-warning {
    border-left-color: #f4c430;
}
/* ==========================================
   SmartAdmit.UI Login page tuning
   ========================================== */

/* Login + Register buttons */
#login .form .btn-primary {
    /* "Log in" button */
    background-color: rgba(25, 83, 103, 0.9) !important; /* NC green */
    border-color: rgba(25, 83, 103, 0.9) !important;
    color: #ffffff !important;
}

#login .form .btn-success {
    /* "Register" button – NC yellow */
    background-color: #fdb915 !important;
    border-color: #fdb915 !important;
    color: rgba(25, 83, 103, 0.9) !important;
}

    #login .form .btn-success:hover {
        background-color: #e0a50f !important;
        border-color: #e0a50f !important;
        color: rgba(25, 83, 103, 0.9) !important;
    }

/* "Forgot your password?" link */
#login .form #forgot-password {
    color: rgba(25, 83, 103, 0.9) !important; /* deep green instead of bright yellow */
    text-decoration: underline;
    font-weight: 500;
}

    #login .form #forgot-password:hover {
        color: #003317 !important; /* darker on hover */
    }


.nav-menu li:hover > a,
.nav-menu > .menu-active > a {
    color: rgba(25, 83, 103, 0.9) !important; 
}