/* =========================================================
   Eduskyline - School Portal UI Fixes
   Q&A single thread header
   Covers both states:
   1) before reply  -> .tutor-qa-sticky-bar
   2) after reply   -> .tutor-wp-dashboard-header
   ========================================================= */

/* ---------- Header wrapper: both states ---------- */
.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question[data-context="frontend-dashboard-qna-single"]
> .tutor-qa-sticky-bar,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question.tutor-admin-wrap
> .tutor-wp-dashboard-header {
    background: #f4ecfb !important;
    border: 1px solid #e4d6f3 !important;
    border-radius: 16px !important;
    padding: 14px 18px !important;
    margin-bottom: 18px !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 14px rgba(95, 43, 138, 0.06) !important;
}

/* ---------- Main row: both states ---------- */
.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question[data-context="frontend-dashboard-qna-single"]
> .tutor-qa-sticky-bar
> .tutor-row.tutor-align-lg-center,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question.tutor-admin-wrap
> .tutor-wp-dashboard-header
> .tutor-row.tutor-align-lg-center {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* ---------- Left column: both states ---------- */
.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question[data-context="frontend-dashboard-qna-single"]
> .tutor-qa-sticky-bar
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question.tutor-admin-wrap
> .tutor-wp-dashboard-header
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
}

/* ---------- Back link: both states ---------- */
.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question[data-context="frontend-dashboard-qna-single"]
> .tutor-qa-sticky-bar
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg a,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question[data-context="frontend-dashboard-qna-single"]
> .tutor-qa-sticky-bar
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg a:visited,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question[data-context="frontend-dashboard-qna-single"]
> .tutor-qa-sticky-bar
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg a:hover,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question[data-context="frontend-dashboard-qna-single"]
> .tutor-qa-sticky-bar
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg a:focus,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question.tutor-admin-wrap
> .tutor-wp-dashboard-header
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg a,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question.tutor-admin-wrap
> .tutor-wp-dashboard-header
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg a:visited,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question.tutor-admin-wrap
> .tutor-wp-dashboard-header
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg a:hover,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question.tutor-admin-wrap
> .tutor-wp-dashboard-header
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg a:focus {
    color: #5f2b8a !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question[data-context="frontend-dashboard-qna-single"]
> .tutor-qa-sticky-bar
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg a i,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question[data-context="frontend-dashboard-qna-single"]
> .tutor-qa-sticky-bar
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg a::before,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question[data-context="frontend-dashboard-qna-single"]
> .tutor-qa-sticky-bar
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg a svg,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question.tutor-admin-wrap
> .tutor-wp-dashboard-header
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg a i,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question.tutor-admin-wrap
> .tutor-wp-dashboard-header
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg a::before,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question.tutor-admin-wrap
> .tutor-wp-dashboard-header
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg a svg {
    color: #5f2b8a !important;
    opacity: 1 !important;
}

/* ---------- Right column: both states ---------- */
.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question[data-context="frontend-dashboard-qna-single"]
> .tutor-qa-sticky-bar
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg-auto,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question.tutor-admin-wrap
> .tutor-wp-dashboard-header
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg-auto {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: auto !important;
    margin-left: auto !important;
    overflow: visible !important;
}

/* ---------- Badges wrapper: both states ---------- */
.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question[data-context="frontend-dashboard-qna-single"]
> .tutor-qa-sticky-bar
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg-auto
> .tutor-qna-badges.tutor-qna-badges-wrapper,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question.tutor-admin-wrap
> .tutor-wp-dashboard-header
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg-auto
> .tutor-qna-badges.tutor-qna-badges-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* ---------- Action buttons: both states ---------- */
.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question[data-context="frontend-dashboard-qna-single"]
> .tutor-qa-sticky-bar
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg-auto
> .tutor-qna-badges.tutor-qna-badges-wrapper
> span.tutor-btn.tutor-btn-ghost,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question.tutor-admin-wrap
> .tutor-wp-dashboard-header
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg-auto
> .tutor-qna-badges.tutor-qna-badges-wrapper
> span.tutor-btn.tutor-btn-ghost {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    width: auto !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

/* ---------- Remove Tutor helper spacing: both states ---------- */
.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question[data-context="frontend-dashboard-qna-single"]
> .tutor-qa-sticky-bar
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg-auto
> .tutor-qna-badges.tutor-qna-badges-wrapper
> span.tutor-btn.tutor-mr-16,

.tutor-dashboard .tutor-dashboard-content
.tutor-qna-single-question.tutor-admin-wrap
> .tutor-wp-dashboard-header
> .tutor-row.tutor-align-lg-center
> .tutor-col-lg-auto
> .tutor-qna-badges.tutor-qna-badges-wrapper
> span.tutor-btn.tutor-mr-16 {
    margin-right: 0 !important;
}






/* =========================================================
   EDUSKYLINE — Assignment Submission Details Button Visibility Fix
   Narrow scope: only the "Details" button in submitted assignments table
   ========================================================= */

.tutor-dashboard a.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm[href*="/dashboard/assignments/submitted?assignment="] {
    color: #5f2b8a !important;
    border-color: #5f2b8a !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.tutor-dashboard a.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm[href*="/dashboard/assignments/submitted?assignment="]:hover,
.tutor-dashboard a.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm[href*="/dashboard/assignments/submitted?assignment="]:focus {
    color: #5f2b8a !important;
    border-color: #5f2b8a !important;
    background: #f4ecfb !important;
    box-shadow: none !important;
    text-decoration: none !important;
}


/* =========================================================
   EDUSKYLINE — Assignment Review Empty Cells Visibility Fix
   Show a visible dash for empty cells in assignment review tables
   ========================================================= */

/* truly empty table cell */
.tutor-dashboard td:empty::before {
    content: "—";
    color: #5f2b8a;
    font-weight: 500;
}

/* cell that contains only non-breaking space inside Tutor span */
.tutor-dashboard td > span.tutor-color-black.tutor-fs-7.tutor-fw-medium:empty::before {
    content: "—";
    color: #5f2b8a;
    font-weight: 500;
}

/* if the span contains only  , make it visible as dash */
.tutor-dashboard td > span.tutor-color-black.tutor-fs-7.tutor-fw-medium {
    color: #5f2b8a !important;
}

.tutor-dashboard td > span.tutor-color-black.tutor-fs-7.tutor-fw-medium:only-child {
    display: inline-block;
    min-width: 12px;
}


/* =========================================
   Tutor LMS Assignment UI – reveal hidden items
   1) points / score cell
   2) Evaluate button
========================================= */

/* 1) Show the points / score text clearly */
body .tutor-dashboard-content-wrapper table tbody tr td:nth-last-child(2),
body .tutor-dashboard-content-wrapper table tbody tr td:nth-last-child(2) *,
body .tutor-dashboard-content-wrapper table tbody tr td:nth-last-child(3),
body .tutor-dashboard-content-wrapper table tbody tr td:nth-last-child(3) * {
    color: #1f2937 !important;
    -webkit-text-fill-color: #1f2937 !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* 2) Show the Evaluate button properly */
body .tutor-dashboard-content-wrapper a[href*="/dashboard/assignments/review"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 95px !important;
    padding: 7px 14px !important;
    border: 1px solid #8e44ad !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #8e44ad !important;
    -webkit-text-fill-color: #8e44ad !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-indent: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

/* Hover */
body .tutor-dashboard-content-wrapper a[href*="/dashboard/assignments/review"]:hover {
    background: #8e44ad !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Make sure the last action cell does not hide the button */
body .tutor-dashboard-content-wrapper table tbody tr td:last-child {
    overflow: visible !important;
    white-space: nowrap !important;
}




/* Show only the hidden assignment Details button */
body a.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm[href*="/dashboard/assignments/review"]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:90px !important;
    padding:7px 14px !important;
    background:#ffffff !important;
    color:#8e44ad !important;
    -webkit-text-fill-color:#8e44ad !important;
    border:1px solid #8e44ad !important;
    border-radius:6px !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    opacity:1 !important;
    visibility:visible !important;
    white-space:nowrap !important;
    text-indent:0 !important;
}

body a.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm[href*="/dashboard/assignments/review"]:hover{
    background:#8e44ad !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}
/* Details button – darker Eduskyline purple */
body a.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm[href*="/dashboard/assignments/review"]{
    background:#8e44ad !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border:1px solid #8e44ad !important;
}

body a.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm[href*="/dashboard/assignments/review"]:hover{
    background:#7b2fa3 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border-color:#7b2fa3 !important;
}




/* Teacher assignments list - Details link */
body .tutor-dashboard-content-wrapper table tbody tr td:last-child a[href*="/assignments"]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:90px !important;
    padding:7px 14px !important;
    background:#8e44ad !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border:1px solid #8e44ad !important;
    border-radius:6px !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
}

body .tutor-dashboard-content-wrapper table tbody tr td:last-child a[href*="/assignments"]:hover{
    background:#7b2fa3 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border-color:#7b2fa3 !important;
}


/* Quiz Attempts - show the hidden Details button only */
body td[data-title="Details"] a.tutor-btn.tutor-btn-tertiary.tutor-btn-sm[href*="quiz-attempts/?view_quiz_attempt_id="]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:90px !important;
    padding:7px 14px !important;
    background:#8e44ad !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border:1px solid #8e44ad !important;
    border-radius:6px !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    opacity:1 !important;
    visibility:visible !important;
    text-indent:0 !important;
}

/* hover */
body td[data-title="Details"] a.tutor-btn.tutor-btn-tertiary.tutor-btn-sm[href*="quiz-attempts/?view_quiz_attempt_id="]:hover{
    background:#7b2fa3 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border-color:#7b2fa3 !important;
}





/* Skip To Next only - both assignment screens */

/* 1) assignment details screen
   2) opened assignment / submit screen */
body .tutor-assignment-footer .tutor-assignment-footer-btn.tutor-d-flex.tutor-justify-between > a.tutor-btn.tutor-btn-ghost.tutor-mt-md-0.tutor-mt-12,
body .tutor-assignment-footer > a.tutor-assignment-skip-button.tutor-btn.tutor-btn-ghost.tutor-mt-md-0.tutor-mt-12{
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #8e44ad !important;
    -webkit-text-fill-color: #8e44ad !important;

    text-decoration: underline !important;
    text-decoration-thickness: 1.5px !important;
    text-underline-offset: 3px !important;

    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    padding: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    line-height: 1.2 !important;
    display: inline-block !important;
}

/* remove any fake gradient layer */
body .tutor-assignment-footer .tutor-assignment-footer-btn.tutor-d-flex.tutor-justify-between > a.tutor-btn.tutor-btn-ghost.tutor-mt-md-0.tutor-mt-12::before,
body .tutor-assignment-footer .tutor-assignment-footer-btn.tutor-d-flex.tutor-justify-between > a.tutor-btn.tutor-btn-ghost.tutor-mt-md-0.tutor-mt-12::after,
body .tutor-assignment-footer > a.tutor-assignment-skip-button.tutor-btn.tutor-btn-ghost.tutor-mt-md-0.tutor-mt-12::before,
body .tutor-assignment-footer > a.tutor-assignment-skip-button.tutor-btn.tutor-btn-ghost.tutor-mt-md-0.tutor-mt-12::after{
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* hover */
body .tutor-assignment-footer .tutor-assignment-footer-btn.tutor-d-flex.tutor-justify-between > a.tutor-btn.tutor-btn-ghost.tutor-mt-md-0.tutor-mt-12:hover,
body .tutor-assignment-footer > a.tutor-assignment-skip-button.tutor-btn.tutor-btn-ghost.tutor-mt-md-0.tutor-mt-12:hover{
    color: #7b2fa3 !important;
    -webkit-text-fill-color: #7b2fa3 !important;
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}







/* Assignment result page - Back link only */
body #tutor-assignment-wrap > .tutor-mb-24 > a.tutor-btn.tutor-btn-ghost{
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #8e44ad !important;
    -webkit-text-fill-color: #8e44ad !important;
    padding: 0 !important;
    text-decoration: none !important;
}

/* remove any overlay layer */
body #tutor-assignment-wrap > .tutor-mb-24 > a.tutor-btn.tutor-btn-ghost::before,
body #tutor-assignment-wrap > .tutor-mb-24 > a.tutor-btn.tutor-btn-ghost::after{
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* icon inside Back */
body #tutor-assignment-wrap > .tutor-mb-24 > a.tutor-btn.tutor-btn-ghost .tutor-icon-previous{
    color: #8e44ad !important;
    -webkit-text-fill-color: #8e44ad !important;
}

/* hover */
body #tutor-assignment-wrap > .tutor-mb-24 > a.tutor-btn.tutor-btn-ghost:hover{
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #7b2fa3 !important;
    -webkit-text-fill-color: #7b2fa3 !important;
}

body #tutor-assignment-wrap > .tutor-mb-24 > a.tutor-btn.tutor-btn-ghost:hover .tutor-icon-previous{
    color: #7b2fa3 !important;
    -webkit-text-fill-color: #7b2fa3 !important;
}





/* Q&A page - force hidden Reply button to stay visible after toggle */
body td > div.tutor-d-flex.tutor-align-center.tutor-justify-end.tutor-gap-1{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    overflow:visible !important;
    white-space:nowrap !important;
}

body td > div.tutor-d-flex.tutor-align-center.tutor-justify-end.tutor-gap-1 > a.tutor-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:90px !important;
    max-width:none !important;
    padding:7px 14px !important;
    margin:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    overflow:visible !important;
    text-indent:0 !important;
    white-space:nowrap !important;

    background:#8e44ad !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border:1px solid #8e44ad !important;
    border-radius:6px !important;
    box-shadow:none !important;
    line-height:1.2 !important;
    text-decoration:none !important;
}

body td > div.tutor-d-flex.tutor-align-center.tutor-justify-end.tutor-gap-1 > a.tutor-btn:hover{
    background:#7b2fa3 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border-color:#7b2fa3 !important;
}



/* Teacher Analytics > Students tab - show hidden Details button */
body a.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm[href*="/dashboard/analytics/student-details?student_id="]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:90px !important;
    padding:7px 14px !important;
    background:#8e44ad !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border:1px solid #8e44ad !important;
    border-radius:6px !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    opacity:1 !important;
    visibility:visible !important;
    text-indent:0 !important;
    box-shadow:none !important;
}

/* hover */
body a.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm[href*="/dashboard/analytics/student-details?student_id="]:hover{
    background:#7b2fa3 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border-color:#7b2fa3 !important;
}







/* =====================================================
   QUIZ UI FIXES
   1) Remove gradient from Skip Quiz / Skip Question / Back
   2) Keep Start Quiz / Submit & Next unchanged
   3) Remove underline from Back only
===================================================== */

/* ---------------------------------
   Skip Quiz / Skip Question / Back
---------------------------------- */
body .tutor-quiz-wrap .tutor-btn-ghost,
body .tutor-quiz-wrap a.tutor-btn-ghost,
body .quiz-attempt-single-question .tutor-btn-ghost,
body .quiz-attempt-single-question a.tutor-btn-ghost,
body .tutor-quiz-wrap .tutor-quiz-btn-back,
body .tutor-quiz-wrap .tutor-quiz-btn-skip,
body .quiz-attempt-single-question .tutor-quiz-btn-back,
body .quiz-attempt-single-question .tutor-quiz-btn-skip,
body .tutor-quiz-btn-group .skip-quiz-btn,
body button.skip-quiz-btn.tutor-btn.tutor-btn-ghost.tutor-btn-md.tutor-ml-24,
body .skip-quiz-btn {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
    color: #8e44ad !important;
    -webkit-text-fill-color: #8e44ad !important;
    padding: 0 !important;
    min-height: auto !important;
    height: auto !important;
    line-height: 1.3 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

body .tutor-quiz-wrap .tutor-btn-ghost::before,
body .tutor-quiz-wrap .tutor-btn-ghost::after,
body .quiz-attempt-single-question .tutor-btn-ghost::before,
body .quiz-attempt-single-question .tutor-btn-ghost::after,
body .tutor-quiz-wrap .tutor-quiz-btn-back::before,
body .tutor-quiz-wrap .tutor-quiz-btn-back::after,
body .tutor-quiz-wrap .tutor-quiz-btn-skip::before,
body .tutor-quiz-wrap .tutor-quiz-btn-skip::after,
body .quiz-attempt-single-question .tutor-quiz-btn-back::before,
body .quiz-attempt-single-question .tutor-quiz-btn-back::after,
body .quiz-attempt-single-question .tutor-quiz-btn-skip::before,
body .quiz-attempt-single-question .tutor-quiz-btn-skip::after,
body .tutor-quiz-btn-group .skip-quiz-btn::before,
body .tutor-quiz-btn-group .skip-quiz-btn::after,
body button.skip-quiz-btn.tutor-btn.tutor-btn-ghost.tutor-btn-md.tutor-ml-24::before,
body button.skip-quiz-btn.tutor-btn.tutor-btn-ghost.tutor-btn-md.tutor-ml-24::after,
body .skip-quiz-btn::before,
body .skip-quiz-btn::after {
    display: none !important;
    content: none !important;
}

/* ---------------------------------
   Back = no underline
---------------------------------- */
body .tutor-quiz-wrap .tutor-quiz-btn-back,
body .tutor-quiz-wrap a.tutor-quiz-btn-back,
body .tutor-quiz-wrap button.tutor-quiz-btn-back,
body .quiz-attempt-single-question .tutor-quiz-btn-back,
body .quiz-attempt-single-question a.tutor-quiz-btn-back,
body .quiz-attempt-single-question button.tutor-quiz-btn-back {
    text-decoration: none !important;
}

body .tutor-quiz-wrap .tutor-quiz-btn-back:hover,
body .tutor-quiz-wrap .tutor-quiz-btn-back:focus,
body .quiz-attempt-single-question .tutor-quiz-btn-back:hover,
body .quiz-attempt-single-question .tutor-quiz-btn-back:focus {
    text-decoration: none !important;
}
/* ------------------------------
   Radio buttons in quiz answers
   ------------------------------ */
body .quiz-question-ans-choice-area input.tutor-form-check-input[type="radio"],
body #tutor-quiz-single-multiple-choice input.tutor-form-check-input[type="radio"],
body .tutor-quiz-wrap input.tutor-form-check-input[type="radio"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border: 2px solid #8e44ad !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
    position: relative !important;
    vertical-align: middle !important;
}

body .quiz-question-ans-choice-area input.tutor-form-check-input[type="radio"]:checked,
body #tutor-quiz-single-multiple-choice input.tutor-form-check-input[type="radio"]:checked,
body .tutor-quiz-wrap input.tutor-form-check-input[type="radio"]:checked {
    background: #8e44ad !important;
    border-color: #8e44ad !important;
}

body .quiz-question-ans-choice-area input.tutor-form-check-input[type="radio"]:focus,
body #tutor-quiz-single-multiple-choice input.tutor-form-check-input[type="radio"]:focus,
body .tutor-quiz-wrap input.tutor-form-check-input[type="radio"]:focus {
    box-shadow: 0 0 0 3px rgba(142, 68, 173, 0.18) !important;
}

/* ------------------------------
   Keep checkbox style clean
   ------------------------------ */
body .quiz-question-ans-choice-area input.tutor-form-check-input[type="checkbox"],
body .tutor-quiz-wrap input.tutor-form-check-input[type="checkbox"] {
    accent-color: #8e44ad !important;
}