/* Kennisgebieden - Gedeelde kleurpalet voor de hele applicatie */
/* Dit zorgt voor consistente kleuren overal waar kennisgebieden worden weergegeven */

.checkbox-item.kennisgebied-item:nth-child(4n+1) {
    background-color: #e3f2fd;
}

.checkbox-item.kennisgebied-item:nth-child(4n+1):hover {
    background-color: #bbdefb;
}

.checkbox-item.kennisgebied-item:nth-child(4n+1) label {
    color: #1976d2;
}

.checkbox-item.kennisgebied-item:nth-child(4n+2) {
    background-color: #e8f5e9;
}

.checkbox-item.kennisgebied-item:nth-child(4n+2):hover {
    background-color: #c8e6c9;
}

.checkbox-item.kennisgebied-item:nth-child(4n+2) label {
    color: #388e3c;
}

.checkbox-item.kennisgebied-item:nth-child(4n+3) {
    background-color: #fff3e0;
}

.checkbox-item.kennisgebied-item:nth-child(4n+3):hover {
    background-color: #ffe0b2;
}

.checkbox-item.kennisgebied-item:nth-child(4n+3) label {
    color: #f57c00;
}

.checkbox-item.kennisgebied-item:nth-child(4n+4) {
    background-color: #fce4ec;
}

.checkbox-item.kennisgebied-item:nth-child(4n+4):hover {
    background-color: #f8bbd0;
}

.checkbox-item.kennisgebied-item:nth-child(4n+4) label {
    color: #c2185b;
}