/* TIJDELIJK DE TAAL UITGESCHAKELS*/
form#langdropdown .dropdown {
    display: none;
}

.flexcenter {
    display: flex;
    justify-content: center;
}

@media (min-width: 993px) {
    .normaleknoppen .knoppenbalk .knopje {
        margin-inline: 0.2em;
        display: flex;
    }

    .mobieleknoppen {
        display: none;
    }
}

@media (max-width: 992px) {
    .normaleknoppen {
        display: none;
    }

    .mobieleknoppen .knoppenbalk .knopje {
        display: flex;
        min-width: 10em;
    }
}

/***** Subsection *****/
@media (max-width: 992px) {
    .section {
        margin-inline: -15px;
    }
}

.section-header {
    background-color: var(--main-color);
    margin-top: 1em;
    min-height: 3.5em;
    border-radius: 10px;
    display: flex;
    align-items: center;
    color: var(--text-color);
}

    .section-header .knoppen {
        display: flex;
        margin-left: auto;
        align-items: center;
    }

        .section-header .knoppen div {
            margin-right: 0.5em;
        }

@media (max-width: 992px) {
    .section-header select {
        font-size: 80%;
    }
}

.section-header img {
    max-height: 2em;
}

/***** kendo grid *****/
.grid {
    /*marge links en rechts naast het grid*/
    margin-inline: 15px;
}

/* zorgen dat er geen lijntjes om de vakjes staan */
.k-grid {
    /*border: none !important;*/
}

/* de header boven het grid krijgt de secundaire kleur */
thead.k-table-thead tr.k-table-row {
    background-color: var(--secondary-color);
    color: var(--secondary-text-color);
}

.k-table-row {
    background-color: var(--tertiary-color);
}

.k-column-title {
    font-weight: bold;
}

tbody.k-table-tbody tr {
    height: 2em;
}

.k-grid-md td, .k-grid-md .k-table-td {
    padding-block: 6px;
}

.k-grid-toolbar {
    background-color: var(--secondary-color);
}