/* Custom CSS Settings
-------------------------*/
/* ===== Custom Quiz Navigation ===== */

#page-mod-quiz-attempt #mod_quiz_navblock {
    position: fixed;
    right: 15px;
    top: 130px;
    width: 28% !important;
    background: #fff;
    padding: 12px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    max-height: 70vh;
    overflow-y: auto;
    z-index: 99 !important;
}



#page-mod-quiz-attempt #region-main {
    margin-right: 290px;
}

#mod_quiz_navblock .qnbutton {
    width: 45px;
    height: 40px;
    border-radius: 4px;
    font-weight: 700;
    margin: 5px;
    line-height: 1.2;
    padding: 0 !important;
    padding-top: 10px !important;
    border: none !important;
    box-sizing: border-box;
    text-align: center;
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden !important; /* CRITICAL: Contain all content within box */
    
    /* ENFORCE: Single solid background only */
    background-image: none !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-clip: padding-box !important;
    
    /* Remove any pseudo-elements that might create layered backgrounds */
}

#mod_quiz_navblock .qnbutton::before {
    display: none !important;
    content: none !important;
}

/* Answered - FULL COLOR */
.qnbutton.answersaved { 
    background:#43a047 !important; 
    color:#fff !important; 
}

/* Current - Use inset box-shadow to stay within tile boundaries */
.qnbutton.thispage { 
    box-shadow: inset 0 0 0 3px #333 !important; /* Inset shadow stays within tile */
}

/* Not Answered - FULL COLOR */
.qnbutton.notanswered { 
    background:#e0e0e0 !important; 
    color:#333 !important;
}

/* Marked - Purple only, FULL COLOR, no red flag */
.qnbutton.flagged { 
    background:#7952b3 !important; 
    color:#fff !important; 
}

/* ==============================
   Move Question Navigation Right
   ============================== */

#page-mod-quiz-attempt #mod_quiz_navblock {
    position: fixed;
    right: 15px;
    top: 130px;
    width: 270px;
    background: #ffffff;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    max-height: 70vh;
    overflow-y: auto;
    z-index: 9999;
}

/* Give space for main question area */
#page-mod-quiz-attempt #region-main {
    margin-right: 300px !important;
}

#page-mod-quiz-attempt .qnbutton {
    width: 45px;
    height: 40px;
    margin: 5px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 40px;
    padding: 0 !important;
    border: none !important; /* NO BORDERS - causes half-color effect */
    box-sizing: border-box;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-clip: padding-box;
}

/* Answered - FULL COLOR */
#page-mod-quiz-attempt .qnbutton.answersaved {
    background: #43a047 !important;
    color: #fff !important;
}

/* Current - Use inset box-shadow to stay within tile boundaries */
#page-mod-quiz-attempt .qnbutton.thispage {
    box-shadow: inset 0 0 0 3px #333 !important; /* Inset shadow stays within tile */
}

/* Not answered - FULL COLOR */
#page-mod-quiz-attempt .qnbutton.notanswered {
    background: #e0e0e0 !important;
    color: #333 !important;
}

/* Marked - Purple only, FULL COLOR, no red flag */
#page-mod-quiz-attempt .qnbutton.flagged {
    background: #7952b3 !important;
    color: #fff !important;
}
.tet-exam-section {
    width: 100%;
    background: linear-gradient(135deg, #0b2c4d, #123c68);
    padding: 35px 0;
}

.tet-exam-box {
    max-width: 1200px;
    margin: auto;
    margin-bottom: 30px;
    background: #ffffff;
    border-radius: 14px;
    padding: 30px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

.tet-exam-text h2 {
    font-size: 34px;
    font-weight: 800;
}

.live-badge {
    background: #ffcc00;
    color: #000;
    padding: 6px 14px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 12px;
}

.tet-exam-btn {
    background: #ffcc00;
    color: #fff;
    padding: 14px 34px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}
 /* ===== TET Exam Start Button ===== */

.tet-exam-btn {
   text-transform: uppercase !important;   /*  caps */
    color: #000000 !important;         /* Black text */
    font-weight: 800;
}

/* Hover remains clean */
.tet-exam-btn:hover {
    color: #000000 !important;
}


/* Hide Guest Access & Cookies on Login Page
#page-login-index .some-courses,
#page-login-index .login-guest,
#page-login-index .cookiesnotice,
#page-login-index .login-divider {
    display: none !important;
} */


/* Hide guest access block on login page */
#page-login-index .loginbox .desc,
#page-login-index .loginbox .login-guest,
#page-login-index .loginbox .some-courses,
#page-login-index .loginbox .guestform,
#page-login-index .loginbox a[href*="guest"] {
    display: none !important;
}


/* Hide "Cookies notice" button only on login page */
.path-login button[data-modal-title-str*="cookiesenabled"] {
    display: none !important;
}


/* Hide Cookies notice button */
.path-login button[data-modal-title-str*="cookiesenabled"] {
    display: none !important;
}

/* Hide "Some courses may allow guest access" heading */
.path-login .login-heading {
    display: none !important;
}

/* Hide ONLY guest login button */
.path-login form#guestlogin {
    display: none !important;
}

/* Ensure Create New Account button stays visible */
.path-login .login-signup {
    display: block !important;
}

/* =======================
   GOOGLE BRAND UI THEME
======================= */

body,
h1,h2,h3,h4,h5,h6,
button,input,select,textarea {
    font-family: 'Roboto', sans-serif !important;
}

/* Page background */
body {
    background: #F8F9FA;
    color: #202124;
}

/* Header / Navbar */
.navbar,
.header-main {
    background: #1A73E8 !important;
}

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

/* Buttons */
.btn-primary {
    background: #1A73E8 !important;
    border-color: #1A73E8 !important;
    border-radius: 24px;
}

.btn-primary:hover {
    background: #1558c0 !important;
}

/* Links */
a { color: #1A73E8; }
a:hover { color: #1558c0; }

/* Cards */
.card,
.coursebox {
    border-radius: 14px;
    border: none;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

/* Section titles */
.sectionname {
    color: #1A73E8;
    font-weight: 500;
}

/* Forms */
input,select,textarea {
    border-radius: 8px !important;
}

/* Footer */
#page-footer {
    background: #202124;
    color: #e8eaed;
}

/* ========== FORCE GOOGLE UI ACROSS INNER PAGES ========== */

/* Course pages */
.path-course-view .page-header-headings h1,
.path-course-view .sectionname,
.path-course-view .course-content h3 {
    color: #1A73E8 !important;
}

/* Quiz pages */
.path-mod-quiz .que {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,.1) !important;
}

/* Question button status colors - STRICT SOLID COLOR VERSION */
/* ENFORCE: One solid background color per status - no splits, gradients, or layers */
#page-mod-quiz-attempt .qnbutton,
#mod_quiz_navblock .qnbutton,
.path-mod-quiz .qnbutton {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    padding-top: 10px !important;
    text-align: center !important;
    display: inline-flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    line-height: 1.2 !important;
    overflow: hidden !important; /* CRITICAL: Contain all content within box */
    box-sizing: border-box !important;
    
    /* ENFORCE: Single solid background only */
    background-image: none !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-clip: padding-box !important;
}

/* Remove any pseudo-elements that might create layered backgrounds (except ::after for badges) */
#page-mod-quiz-attempt .qnbutton::before,
#mod_quiz_navblock .qnbutton::before,
.path-mod-quiz .qnbutton::before {
    display: none !important;
    content: none !important;
}

/* CRITICAL FIX: Hide trafficlight element that causes half-color issue and remove red flag icon */
#page-mod-quiz-attempt .qnbutton .trafficlight,
#mod_quiz_navblock .qnbutton .trafficlight,
.path-mod-quiz .qnbutton .trafficlight {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
}

/* CRITICAL: Remove red flag icon from flagged questions - override Moodle core CSS */
#page-mod-quiz-attempt .qnbutton.flagged .trafficlight,
#mod_quiz_navblock .qnbutton.flagged .trafficlight,
.path-mod-quiz .qnbutton.flagged .trafficlight {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
    border: none !important;
    content: none !important;
}

/* CRITICAL FIX: Remove background image (red flag) from thispageholder for flagged questions */
#page-mod-quiz-attempt .qnbutton.flagged .thispageholder,
#mod_quiz_navblock .qnbutton.flagged .thispageholder,
.path-mod-quiz .qnbutton.flagged .thispageholder {
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
}

/* Keep border functionality for current page, but remove background images */
#page-mod-quiz-attempt .qnbutton.thispage .thispageholder,
#mod_quiz_navblock .qnbutton.thispage .thispageholder,
.path-mod-quiz .qnbutton.thispage .thispageholder {
    background: none !important;
    background-image: none !important;
    /* Keep border for current page indicator */
}

/* Remove background from thispageholder for all flagged states */
#page-mod-quiz-attempt .qnbutton.flagged.thispage .thispageholder,
#mod_quiz_navblock .qnbutton.flagged.thispage .thispageholder,
.path-mod-quiz .qnbutton.flagged.thispage .thispageholder,
#page-mod-quiz-attempt .qnbutton.flagged.answersaved .thispageholder,
#mod_quiz_navblock .qnbutton.flagged.answersaved .thispageholder,
.path-mod-quiz .qnbutton.flagged.answersaved .thispageholder,
#page-mod-quiz-attempt .qnbutton.flagged.answered .thispageholder,
#mod_quiz_navblock .qnbutton.flagged.answered .thispageholder,
.path-mod-quiz .qnbutton.flagged.answered .thispageholder {
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
}

#page-mod-quiz-attempt .qnbutton {
    /* Default: Not Visited = SOLID Grey */
    background-color: #e0e0e0 !important;
    background-image: none !important;
    color: #333 !important;
}

/* Current page - Use inset box-shadow to stay within tile boundaries */
#page-mod-quiz-attempt .qnbutton.thispage,
#mod_quiz_navblock .qnbutton.thispage,
.path-mod-quiz .qnbutton.thispage {
    box-shadow: inset 0 0 0 3px #333 !important; /* Inset shadow stays within tile */
    border: none !important;
}

/* Flagged Questions (not answered) = SOLID Purple ONLY */
#page-mod-quiz-attempt .qnbutton.flagged:not(.answersaved):not(.answered):not(.correct) {
    background-color: #7952b3 !important;
    background-image: none !important;
    color: #fff !important;
}

#page-mod-quiz-attempt .qnbutton.flagged:not(.answersaved):not(.answered):not(.correct)::before {
    display: none !important;
    content: none !important;
}

/* CRITICAL: Override Moodle core CSS that adds red flag icon - MUST be after flagged rules */
#page-mod-quiz-attempt .qnbutton.flagged .trafficlight,
#mod_quiz_navblock .qnbutton.flagged .trafficlight,
.path-mod-quiz .qnbutton.flagged .trafficlight {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
    border: none !important;
    content: none !important;
    pointer-events: none !important;
}

/* Not Answered = SOLID Red ONLY */
#page-mod-quiz-attempt .qnbutton.is-visited:not(.answersaved):not(.flagged):not(.correct):not(.answered),
#page-mod-quiz-attempt .qnbutton.visited-unanswered:not(.flagged),
#page-mod-quiz-attempt .qnbutton.notyetanswered.is-visited:not(.flagged),
#page-mod-quiz-attempt .qnbutton.incorrect:not(.flagged),
#page-mod-quiz-attempt .qnbutton.unanswered:not(.flagged) {
    background-color: #ef3e4a !important;
    background-image: none !important;
    color: #fff !important;
}

/* Answered = SOLID Green ONLY */
#page-mod-quiz-attempt .qnbutton.answersaved:not(.flagged),
#page-mod-quiz-attempt .qnbutton.answered:not(.flagged),
#page-mod-quiz-attempt .qnbutton.correct:not(.flagged) {
    background-color: #43a047 !important;
    background-image: none !important;
    color: #fff !important;
}

/* Answered & Marked for Review = SOLID Purple with small green badge INSIDE */
#page-mod-quiz-attempt .qnbutton.flagged.answersaved,
#page-mod-quiz-attempt .qnbutton.flagged.answered,
#page-mod-quiz-attempt .qnbutton.flagged.correct {
    background-color: #7952b3 !important; /* SOLID Purple background */
    background-image: none !important;
    color: #fff !important;
    position: relative;
    overflow: hidden !important; /* Keep badge inside box */
}

#page-mod-quiz-attempt .qnbutton.flagged.answersaved::after,
#page-mod-quiz-attempt .qnbutton.flagged.answered::after,
#page-mod-quiz-attempt .qnbutton.flagged.correct::after {
    content: '';
    position: absolute;
    top: 3px; /* Inside box */
    right: 3px; /* Inside box */
    width: 8px;
    height: 8px;
    background-color: #43a047; /* Green badge */
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 10;
    display: block;
}

.path-mod-quiz .submitbtns .btn {
    background: #1A73E8 !important;
    border-color: #1A73E8 !important;
    color: #fff !important;
}

/* Dashboard */
.path-my .card {
    background: #fff !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.12) !important;
}

/* Activity pages */
.path-mod .activity-header,
.path-mod .page-context-header {
    background: #F8F9FA !important;
    border-bottom: 3px solid #1A73E8 !important;
}

/* Forms everywhere */
input, select, textarea {
    border: 2px solid #1A73E8 !important;
}

/* Pagination / tabs */
.nav-tabs .nav-link.active {
    background: #1A73E8 !important;
    color: #fff !important;
}

/* Blocks */
.block .header {
    background: #1A73E8 !important;
    color: #fff !important;
}

/* =========================================
   FORCE GOOGLE COLORS � REMOVE ORANGE/GREEN
========================================= */

/* Remove all default theme colors */
:root {
    --theme-primary: #1A73E8 !important;
    --theme-secondary: #1A73E8 !important;
}

/* Admin & inner pages headers */
.page-header-headings h1,
.page-header-headings,
#page-admin-index .page-header,
#page-admin-purgecaches .page-header {
    color: #1A73E8 !important;
}

/* Remove orange titles */
h1, h2, h3, h4, h5, h6 {
    color: #121313 !important;
}

/* Kill green/orange menu colors */
.nav-tabs .nav-link,
.nav-pills .nav-link,
.tab-content .nav-link,
.categorytab a {
    color: #1A73E8 !important;
}

.nav-tabs .nav-link.active {
    background: #1A73E8 !important;
    color: #fff !important;
}

/* Buttons everywhere */
.btn,
button,
input[type="submit"] {
    background: #1A73E8 !important;
    border-color: #1A73E8 !important;
    color: #fff !important;
}

/* Quiz colors */
.path-mod-quiz .qnbutton.notyetanswered,
.path-mod-quiz .qnbutton.answered,
.path-mod-quiz .qnbutton.flagged {
    background: #1A73E8 !important;
    color: #fff !important;
}

/* Remove orange/green text */
.text-success,
.text-warning,
.text-danger {
    color: #1A73E8 !important;
}

/* Links */
a, a:hover {
    color: #1A73E8 !important;
}

/* Admin section tabs */
#page-admin-index .nav-tabs .nav-link {
    color: #1A73E8 !important;
}

/* Footer */
#page-footer {
    background: #202124 !important;
    color: #e8eaed !important;
}

/* ===============================
   REMOVE LAST GREEN COLORS
=============================== */

/* Breadcrumbs */
.breadcrumb-item a,
.breadcrumb-item.active {
    color: #1A73E8 !important;
}

.breadcrumb {
    background: transparent !important;
}

/* Left navigation active item */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item:hover {
    background: #1A73E8 !important;
    color: #fff !important;
    border-color: #1A73E8 !important;
}

/* Hover states everywhere */
a:hover,
.nav-link:hover,
.dropdown-item:hover,
.btn:hover {
    background-color: #1A73E8 !important;
    color: #fff !important;
}

/* Remove any green success buttons */
.btn-success,
.bg-success,
.alert-success {
    background: #1A73E8 !important;
    border-color: #1A73E8 !important;
    color: #fff !important;
}

/* Quiz nav current */
.path-mod-quiz .qnbutton.thispage {
    background: #1A73E8 !important;
    color: #fff !important;
}

/* Preview button */
.path-mod-quiz .btn-secondary {
    background: #1A73E8 !important;
    border-color: #1A73E8 !important;
    color: #fff !important;
}
/* ==========================================
   FORCE REMOVE GREEN FROM SELECTED ITEMS
========================================== */

/* Left navigation selected item */
#page-mod-quiz .list-group-item.active,
#page-course-view-topics .list-group-item.active,
#page-course-view-weeks .list-group-item.active,
.list-group-item-success,
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    background-color: #1A73E8 !important;
    border-color: #1A73E8 !important;
    color: #fff !important;
}

/* Breadcrumb current pill */
.breadcrumb-item.active,
.breadcrumb li.active,
.breadcrumb .active {
    background: #1A73E8 !important;
    color: #fff !important;
}

/* Academi special breadcrumb shape */
.breadcrumb .breadcrumb-item {
    background: #1A73E8 !important;
    color: #fff !important;
}

.breadcrumb .breadcrumb-item a {
    color: #fff !important;
}

/* Course left tree */
#block-region-side-pre .list-group-item.active,
#block-region-side-pre .list-group-item:hover {
    background: #1A73E8 !important;
    color: #fff !important;
}

/* Hover anywhere */
.list-group-item:hover {
    background: #1A73E8 !important;
    color: #fff !important;
}


/* ===== Google Style: Home Class Videos Section ===== */

.academi-classvideos {
    background: #F8F9FA !important;
    padding: 60px 0;
}

.academi-classvideos h2,
.academi-classvideos h3 {
    color: #121313 !important;
    font-weight: 600;
}

.academi-classvideos p {
    color: #5f6368 !important;
}

.academi-classvideos .btn,
.academi-classvideos .btn-primary {
    background: #1A73E8 !important;
    border-color: #1A73E8 !important;
    color: #fff !important;
    border-radius: 24px;
}
.academi-classvideos .cv-all {
    background: #1A73E8;
    color: #fff !important;
    padding: 12px 18px;
    border-radius: 12px;
    text-decoration: none !important;
    font-weight: 700;
    white-space: nowrap;
    display: inline-block;
}

/* ===== Force Google Style Jumbotron ===== */

.jumbotron-block .inner-wrap {
    background: #F8F9FA !important;
    border-radius: 20px !important;
    padding: 60px 50px !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.12) !important;
}

.jumbotron-block h2,
.jumbotron-block h1 {
    color: #1A73E8 !important;
    font-weight: 700;
}

.jumbotron-block p {
    color: #5f6368 !important;
    font-size: 16px;
}

.jumbotron-block .btn,
.jumbotron-block .btn-primary {
    background: #1A73E8 !important;
    border-color: #1A73E8 !important;
    color: #fff !important;
    border-radius: 26px !important;
    padding: 10px 28px !important;
}

/* ===== Jumbotron Button: Force Google Blue ===== */

.jumbotron-block .btn-jumbo {
    background: #1A73E8 !important;
    border-color: #1A73E8 !important;
    color: #ffffff !important;
    border-radius: 26px;
    padding: 12px 30px;
    font-weight: 500;
}

.jumbotron-block .btn-jumbo:hover {
    background: #1558c0 !important;
    border-color: #1558c0 !important;
    color: #ffffff !important;
}

/* ===== Available Courses: Force Google Blue ===== */

.available-courses 
.available-block 
.course-slider 
.slick-slide 
.available-content 
.available-info {
    background: #1A73E8 !important;
    color: #ffffff !important;
}

/* Make text inside white */
.available-info a,
.available-info span,
.available-info p {
    color: #ffffff !important;
}
/*brearcrum*/

.breadcrumb .breadcrumb-item:last-child:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 20px solid #1a73e8;
    position: absolute;
    right: -20px;
    top: 0;
}


/* ===========================
   Tet Online Classes Section
=========================== */

/* Remove badge text "TET Online Classes" */
.cv-thumb .cv-badge {
    display: none !important;
}

/* Card default */
.cv-card {
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 14px rgba(0,0,0,.10);
    transition: all .3s ease;
}

/* Hover background */
.cv-card:hover .cv-body {
    background: #1A73E8 !important;
}

/* Hover text white */
.cv-card:hover h3,
.cv-card:hover p {
    color: #ffffff !important;
}

/* Body padding */
.cv-body {
    padding: 14px 16px;
    transition: all .3s ease;
}
/* question mark button*/
#footer button.btn-footer-popover, #footer button.btn-footer-popover:hover, #footer button.btn-footer-popover:focus, #footer button.btn-footer-popover:active {
    color: #fff;
    background: #1a73e8 !important;
}
/* theme setting icon*/

.btn.btn-link i:before {
    color: #ffffff;
}

/*footer logo*/
#footer .footer-main .infoarea .footer-logo a img {
    width: 100%;
    height: auto;
    max-height: 90px;
    object-fit: contain;
}
/*footer Background*/

#footer .footer-main {
    background-color: #03459d;
    padding: 30px 0 54px;
    position: relative;
    z-index: 0;
}

/* ===== Fix dropdown menu text color ===== */

/* Force normal color inside dropdown menus */
.usermenu .dropdown-menu a,
.usermenu .dropdown-menu a:hover,
.usermenu .dropdown-menu a:focus {
    color: #202124 !important;  /* Google black */
}

/* Optional: light hover background */
.usermenu .dropdown-menu a:hover {
    background-color: #f1f3f4 !important;
}

/* ===== Header Login Button ===== */

.usermenu .login a {
    background: #ffffff;
    color: #1A73E8 !important;
    padding: 8px 18px;
    border-radius: 20px;
    font-weight: 500;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
    transition: all .2s ease;
}

/* Hover effect */
.usermenu .login a:hover {
    background: #f1f3f4;
    color: #1558c0 !important;
}

/* exam timier*/
#exam-timer-wrapper {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 15px;
    margin: 10px 0 5px 10px;
}

#exam-timer-label {
    color: #000;
}

#exam-timer-box {
    color: #000;
    font-weight: 700;
}

#exam-timer-wrapper {
    font-weight: 600;
    font-size: 15px;
    margin: 6px 0 10px 5px;
}

#exam-timer-wrapper {
    margin-bottom: 12px;
    padding: 8px 10px;
    font-weight: 600;
    font-size: 15px;
    background: #eef3ff;
    border-radius: 6px;
    text-align: center;
}
#exam-timer-wrapper {
    padding: 10px 12px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 15px;
    background: #f4f6fb;
    border-radius: 6px;
    text-align: center;
}
#exam-timer-wrapper {
    padding: 10px;
    margin-bottom: 10px;
    background: #eef3ff;
    border-radius: 6px;
    font-weight: 600;
    text-align: center;
}

/* ===== Homepage slider main heading color ===== */

.homepage-carousel .slide-text .heading-content h1 {
    color: #ffffff !important;
}
/* line on the quiz page */
.path-mod .activity-header, .path-mod .page-context-header {
    background: #F8F9FA !important;
    border-bottom: 3px solid #1A73E8 !important;
    display: none;
}
/*logo badges*/
.header-badges {
    display: flex;
    align-items: center;
    gap: 15px;
}

.header-badges img {
    height: 42px;
    width: auto;
    border-radius: 50%;
    border: 1px solid #fff;
}


/* Hide activity header (user details section) on quiz attempt pages */
#page-mod-quiz-attempt .activity-header,
#page-mod-quiz-attempt .page-context-header,
.path-mod-quiz #page-mod-quiz-attempt .activity-header {
    display: none !important;
}

/* Hide only "Start a new preview" button */
#page-mod-quiz-attempt button {
    display: none;
}

#page-mod-quiz-attempt button:has(span, strong) {
    display: block;
}

/* Style quiz action buttons */
#page-mod-quiz-attempt form[name="responseform"] input[type="submit"] {
    display: inline-block !important;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* MARK FOR PREVIEW & NEXT - Brown */
#page-mod-quiz-attempt form[name="responseform"] input[type="submit"][value*="Mark"],
#page-mod-quiz-attempt form[name="responseform"] input[type="submit"][value*="mark"],
#page-mod-quiz-attempt form[name="responseform"] input[type="submit"][name="mark"],
#page-mod-quiz-attempt form[name="responseform"] input[type="submit"][name="markall"] {
    background-color: #8b4513 !important;
    color: #fff !important;
}

/* SAVE & NEXT - Orange */
#page-mod-quiz-attempt form[name="responseform"] input[type="submit"][value*="Next"]:not([value*="Mark"]),
#page-mod-quiz-attempt form[name="responseform"] input[type="submit"][name="next"],
#page-mod-quiz-attempt .mod_quiz-next-nav {
    background-color: #ff7518 !important;
    color: #fff !important;
}

/* CLEAR RESPONSE - Blue */
#page-mod-quiz-attempt form[name="responseform"] input[type="submit"][value*="Clear"],
#page-mod-quiz-attempt form[name="responseform"] input[type="submit"][value*="clear"],
#page-mod-quiz-attempt form[name="responseform"] input[type="submit"][name="clear"],
#page-mod-quiz-attempt form[name="responseform"] input[type="submit"][name="redoslot"] {
    background-color: #0f6cbf !important;
    color: #fff !important;
}

/* SUBMIT - Blue */
#page-mod-quiz-attempt form[name="responseform"] input[type="submit"][value*="Submit"],
#page-mod-quiz-attempt form[name="responseform"] input[type="submit"][value*="submit"],
#page-mod-quiz-attempt form[name="responseform"] input[type="submit"][name="finishattempt"] {
    background-color: #0f6cbf !important;
    color: #fff !important;
}

/*bulk enabl button text*/
.pagelayout-course #page #page-header .header-actions-container .header-action .bulkEnable {
    color: #ffffff !important;
    border: 1px solid #ffffff;
    border-radius: 5px;
}

/* menu bordercolor */
@media (min-width: 768px) {
    .moremenu .nav.nav-tabs .nav-link:hover, .moremenu .nav.nav-tabs .nav-link.active {
       
        border-color: #ffffff;
       
    }
}

/* participate page ALL link active */
.pagination .page-item.active .page-link {
    color: #fff;
    background-color: #1558c0;
    border-color: #88b77b;
}


/* Footer headings color fix (only footer, not global h2) */
#page-footer .contact-info h2,
#page-footer .social-links h2,
#page-footer h2 {
    color: #ffffff !important;
}


/* ===============================
   QUIZ REVIEW LAYOUT FIX
   =============================== */

/* Keep quiz navigation in place */
.path-mod-quiz #block-region-side-pre {
    position: sticky;
    top: 70px;
    height: fit-content;
}

/* Prevent footer from pushing quiz content */
.path-mod-quiz #page-footer {
    margin-top: 40px;
}

/* Limit quiz navigation height */
.path-mod-quiz .quiz-navigation {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}
.header-main .navbar.navbar-light .navbar-brand.has-logo .logo img {max-height: 50px;}
.header-main .navbar.navbar-light .navbar-brand.has-logo .logo {display: flex;margin-right: 8px;}
.header-main .navbar.navbar-light .navbar-brand.has-logo {margin: 0px 0px;}
.header-main .navbar.navbar-light .primary-navigation {margin-left: 0px;}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    padding: 0 40px;
}
.dropdown-menu {z-index: 99999;}
.drawer-toggles .drawer-left-toggle {right: 20px;width: fit-content;}
.drawer.drawer-right.show {box-shadow: none;background-color: transparent;}
#page-mod-quiz-summary #mod_quiz_navblock,#page-mod-quiz-review #mod_quiz_navblock {
    position: fixed;
      right: 15px;
      top: 130px;
      width: 270px;
      background: #fff;
      border-radius: 12px;
      padding: 15px;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
      max-height: 70vh;
      overflow-y: auto;
      z-index: 9999;
}
.drawer .drawercontent .courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item.pageitem {
    background-color: #1a73e8;
}
.courseindex .courseindex-item.pageitem a {
    color: #FFF !important;
}
.drawer .drawercontent .courseindex .courseindex-section .courseindex-item:hover {
    background: #1a73e8;
    border-color: #1a73e8;
}
.drawer .drawercontent .courseindex .courseindex-item:hover, .drawer .drawercontent .courseindex .courseindex-item:hover a {
    color: #fff !important;
    background: #1a73e8;
}
/* Hide Upload menu ONLY for users without Edit mode (Students) */
body:not(:has(.editmode-switch-form)) a[href*="upload"] {
  display: none !important;
}


/* ===== FLOATING TIMER (SEPARATE FROM NAV) ===== */

#exam-timer-wrapper {
    position: fixed;
    top: 90px;
    right: 20px;
    background: #eef4ff;
    padding: 12px 18px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    z-index: 100000;
    box-shadow: 0 6px 20px rgba(0,0,0,.25);
}
@media(max-width:768px){
      .header-main .navbar.navbar-light .primary-navigation .navigation .dropdown-menu .dropdown-menu {left:100% !important; right:0px !important}
    .que .info {width: 100%;}
    .que .content {margin: 0px;}
    #page-mod-quiz-attempt #region-main{margin-right: 0px !important;}
    #exam-timer-wrapper {
        top: 70px !important;
        right: 10px !important;
        width: 35% !important;
        font-size: 10px !important;
        justify-content: center !important;
    }
    #page-mod-quiz-attempt #mod_quiz_navblock ,#page-mod-quiz-summary #mod_quiz_navblock, #page-mod-quiz-review #mod_quiz_navblock{
        right: 0px;
        top: auto;
        bottom: 0px;
        max-height: 16vh;
        overflow-y: auto;
        padding: 0px;
    }
    #page-mod-quiz-attempt #mod_quiz_navblock .card-body,#page-mod-quiz-summary #mod_quiz_navblock .card-body {padding: 0px !important;}
    #page-mod-quiz-attempt #mod_quiz_navblock .card-body .qn_buttons, #page-mod-quiz-summary #mod_quiz_navblock .card-body .qn_buttons {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .path-mod-quiz #mod_quiz_navblock .qnbutton {
        flex: 0 0 auto;
    }
    .block .card-body .card-title {display: none !important;}
    .homepage-carousel .homecarousel-slide-item .slide-item .slide-text {width: auto !important;}
    .academi-classvideos {padding: 30px 10px;}
    .login-container {padding: 0px !important}
}
/*popular exam section disable*/
.popular-exams-wrap {
    padding: 32px 0 10px;
    display: none;
}
.ssc-gd-section {
    background-color: #a26e6e;
}
.eapcet-exam-section{
    background-color: #8b4513;

}
li#section-2 {
    display: none;
}
li#section-3 {
    display: none;
}
li#module-189 {
    display: none;
}
.right-badge {
    margin-right: 10px;
}

.right-badge img {
    height: 42px;
    width: auto;
    border-radius: 50%;
}
/* ===== FORCE FULL WIDTH QUESTION CARD (MOBILE) ===== */
@media (max-width:768px){

  #page-mod-quiz-attempt #region-main {
      width: 100% !important;
      max-width: 100% !important;
      flex: 0 0 100% !important;
  }

  #page-mod-quiz-attempt .que {
      width: 100% !important;
      max-width: 100% !important;
      display: block !important;
  }

  #page-mod-quiz-attempt .que .content {
      margin-left: 0 !important;
      padding: 12px !important;
  }
}

/*
.login-form .login-heading,
.login-form .login-username,
.login-form .login-password,
.login-form .rememberpass,
.login-form .forgetpass {
    display: none;
}*/