/* Custom styles for the CBT exam interface */

/* Background for the exam page (replacing the aggressive login-bg) */
.exam-page-bg {
    background-color: #f8f9fa; /* A clean, light grey background */
    min-height: 100vh;
    padding-bottom: 50px; /* Space at the bottom */
}

/* Ensure the sticky timer works well */
.sticky-top {
    top: 20px;
    z-index: 1020; /* Keep it above other elements */
}

/* Style for the question option boxes */
.option-item {
    transition: background-color 0.15s ease-in-out;
    cursor: pointer;
}

/* Visually highlight the option that is selected by the user */
.option-item input[type="radio"]:checked + label {
    background-color: #d1e7dd; /* Light green background (Bootstrap success light) */
    border-color: #a3cfb4 !important;
    font-weight: bold;
}