.errvraag {
    margin-top: 15px;
    color: red;
}

.score-blok {
    float: right;
    border: 2px solid #000; /* Omlijning van het vierkant */
    padding: 5px 10px; /* Ruimte binnen het vierkant */
    margin-left: 10px; /* Ruimte tussen de tekst en het vierkant */
    text-align: center; /* Cijfer centreren binnen het vierkant */
    font-weight: bold; /* Cijfer vetgedrukt maken */
    border-radius: 5px; /* Voor afgeronde hoeken, optioneel */
    background-color: #f0f0f0; /* Achtergrondkleur van het vierkant, optioneel */
}

input[type="radio"]:disabled {
    opacity: 1 !important; /* Zorgt ervoor dat de opacity op 1 blijft, dus geen transparantie */
    cursor: not-allowed; /* Optioneel: geeft aan dat de radio button niet interactief is */
    pointer-events: none; /* Optioneel: voorkomt dat de radio button geklikt kan worden, zonder de look te veranderen */
}


table {
    width: 100%;
    border-collapse: collapse;
}

th {
    background-color: #FEC408;
    color: #211940; /* Tekstkleur voor de header, je kunt deze aanpassen */
    padding: 8px;
    text-align: left;
    border-bottom: 2px solid #ddd;
}

td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

tr:nth-child(even) {
    background-color: #f2f2f2; /* Alternatieve rijkleur, optioneel */
}


.lblError {
    color: red;
    line-height: 40px;
    height: 40px;
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 18px;
}


.group-header {
    font-weight: bold;
    font-style: italic;

    margin-top: 10px;
    display: block;
}