.answers .btn {
    text-align: left;
    margin-bottom: 12px;
}

.answers {
    margin: 10px 20px 20px 30px;
}

/* .btn-default.active, .btn-default:active, .btn-default.active:focus, .btn-default.active:hover{
    background-color: #B2EBF2;
} */
.test-answers {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: revert !important;
}

#startTestBtn.typebutton {
    margin-left: -14px;
    margin-top: 8px;
}

.attempt-test {
    font-weight: bold;
    color: #ffffff;
    background-color: #4CAF50;
    padding: 8px 10px;
    border-radius: 5px;
    display: inline-block;
}

.grayed-out {
    background-color: #cccccc; /* Light gray background */
    color: #7a7a7a; /* Gray text */
    pointer-events: none; /* Optional: disables interaction */
    opacity: 0.7; /* Optional: adds a faded look */
}


.test-start-button-message {
    white-space: nowrap; 
    display: inline-block; 
    margin-top: 5px;
}

/* .question-container {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.question-header {
    font-weight: bold;
    margin-bottom: 10px;
}
.answer-option {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: flex;
    align-items: center;
}
.answer-option:hover {
    background-color: #f9f9f9;
    cursor: pointer;
}
input[type="radio"] {
    margin-right: 10px;
}
.incorrect-message {
    color: #d9534f;
    font-weight: bold;
    margin-top: 10px;
} */

.correct-option {
    background-color: #d4edda; 
}

.incorrect-option {
    background-color: #f8d7da; 
}

.selected-option {
    font-weight: bold; 
}

.correct {
    color: green;
    font-weight: bold;
}

.incorrect {
    color: red;
    font-weight: bold;
}

.badge-correct {
    margin-left: -5px;
    display: inline-block;
    padding: 5px 7px;
    font-size: 14px;
    color: #fff;
    background-color: #28a745;
    border-radius: 20px;
}

.badge-incorrect {
    margin-left: -5px;
    display: inline-block;
    padding: 5px 7px;
    font-size: 14px;
    color: #fff;
    background-color: #dc3545;
    border-radius: 20px;
}

.quiz-history-title {
    font-size: 18px;
    font-weight: 600;
}

.badge-not-selected {
    margin-left: -5px;
    display: inline-block;
    padding: 5px 7px;
    font-size: 14px;
    color: #fff;
    background-color: #6c757d; 
    border-radius: 20px;
}
.timerDisplay {
    background-color: rgb(241, 243, 243);
    padding: 10px;
    border-radius: 5px;
}