/* Flash Messages Styling */
.alert {
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 0; /* Remove rounded corners */
    border: none; /* Remove all borders */
    font-size: 14px;
    position: relative;
}

.alert-success {
    background-color: #d4edda; /* Light green background */
    color: #28a745; /* Green text for success */
}

.alert-danger {
    background-color: #f8d7da; /* Light red background */
    color: #dc3545; /* Red text for errors */
}

.alert-info {
    background-color: #e6f2ff; /* Pale blue background */
    color: #17a2b8; /* Blue text for info */
}

.alert-warning {
    background-color: #fff3cd; /* Light yellow background */
    color: #ffc107; /* Yellow/amber text for warnings */
}

/* Quiz Results Styling - Consolidated */
.quiz-header,
.quiz-results-header,
.quiz-results-section .quiz-header {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 15px;
    color: #666 !important;
}

.quiz-results,
.quiz-results-section .quiz-results {
    margin-top: 15px;
    padding: 15px;
    /*background-color: #f8f9fa !important;*/
    /*border: 1px solid rgba(0, 0, 0, 0.125) !important;*/
    box-shadow: none !important;
    /*border-radius: 5px; */
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #666 !important;
    line-height: 1.5;
}

.quiz-results .summary,
.quiz-results-section .summary {
    font-size: 14px !important;
    font-weight: 300 !important;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    color: #333;
}

.quiz-results .question {
    margin-bottom: 15px;
    padding: 10px;
    border-left: 3px solid #eee;
}

.quiz-results .correct {
    color: #28a745;
    border-left-color: #28a745;
}

.quiz-results .incorrect {
    color: #dc3545;
    border-left-color: #dc3545;
}

.quiz-results .answer {
    margin-left: 20px;
    font-style: italic;
    margin-top: 5px;
}

.quiz-results .check-icon {
    margin-right: 5px;
}