/************************************************
 * VSOA - CUSTOM CSS
 ************************************************/


/************************************************
 * BESTAANDE VANILLA TABELINSTELLINGEN
 ************************************************/

.table-bordered > thead > tr > th {
    border: 1px solid #dadada;
}

.table-bordered > thead > tr > td {
    border: 1px solid #dadada;
}


/************************************************
 * JA / NEE KNOPPEN
 ************************************************/

/* JA - eerste label in de yes/no button group */
html body .question-container .yesno-button > label.ls-button-label:nth-of-type(1) {
    background-color: #198754 !important;
    border-color: #198754 !important;
    color: #ffffff !important;
}

/* NEE - tweede label in de yes/no button group */
html body .question-container .yesno-button > label.ls-button-label:nth-of-type(2) {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #ffffff !important;
}


/************************************************
 * HOVER
 ************************************************/

/* JA hover */
html body .question-container .yesno-button > label.ls-button-label:nth-of-type(1):hover {
    background-color: #157347 !important;
    border-color: #146c43 !important;
    color: #ffffff !important;
}

/* NEE hover */
html body .question-container .yesno-button > label.ls-button-label:nth-of-type(2):hover {
    background-color: #bb2d3b !important;
    border-color: #b02a37 !important;
    color: #ffffff !important;
}


/************************************************
 * GESELECTEERDE KEUZE
 ************************************************/

/* JA geselecteerd */
html body .question-container .yesno-button > input:first-of-type:checked + label.ls-button-label {
    background-color: #146c43 !important;
    border-color: #146c43 !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 2px #ffffff !important;
    font-weight: 700 !important;
}

/* NEE geselecteerd */
html body .question-container .yesno-button > input:nth-of-type(2):checked + label.ls-button-label {
    background-color: #b02a37 !important;
    border-color: #b02a37 !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 2px #ffffff !important;
    font-weight: 700 !important;
}


/************************************************
 * FOCUS
 ************************************************/

html body .question-container .yesno-button > label.ls-button-label:focus {
    color: #ffffff !important;
}