table.dataTable tbody td {
    vertical-align: middle;
    text-align: center;
}

.pink{
    background-color: #ffb6fd!important;
}


.groen{
    background-color: #00ffaa!important;
}

.select2-container .select2-selection--single{
    height: 34px !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ccc !important;
    border-radius: 0px !important;
}

.select2-container {
    z-index:10000;
}

.loading-state {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 10px solid #ddd;
    border-top-color: #558a0e;
    animation: loading 1s linear infinite;
}

@keyframes loading {
    to {
        transform: rotate(360deg);
    }
}

input.quiz {
    display:none;
}

label.quiz {
    display:block;
}

input.quiz + div {
    background: #fefefe;
    color: #636464;
}

input.quiz + div label.quiz {
    padding: 10px;
    cursor: pointer;
}

input.quiz:checked + div {
    background: #d1e7dd;
    color: #0f5132;
}

.nav-item-active {
    background: #0d6efd;
    color: #ffffff;
}

.nav-item {
    border: 1px solid #6c757d;
    margin: 2px 2px 2px 2px;
}

.nav-item:hover {
    border: 1px solid #0d6efd;
    color: #0d6efd;
    background-color: rgba(13,110,253,0.3);
}

.nav-item-active:hover {
    color: #ffffff;
}