@media screen and (max-width: 1024px) {
    /*This differs on each page. So we set this in the individual pages*/
    .business-executor-row .card-table .card-table-header .search-container {
        right: calc(8.3% + 16px) !important;
    }
}



@media screen and (max-width: 768px) {
    .business-executor-row .card-table .card-table-header .search-container {
        right: 0px !important;
    }
}

@media screen and (max-width:767px) {
    .executor-all-card {
        position: relative;
        flex-wrap: wrap;
    }

        /*Executor name*/
        .executor-all-card div:first-of-type {
            font-weight: 500;
            width: 100% !important;
            max-width: unset !important;
        }

            .executor-all-card div:first-of-type span {
                display: block;
                max-width: 200px !important;
            }
        /*In training and active*/
        .executor-all-card div:nth-of-type(2),
        .executor-all-card div:nth-of-type(3) {
            width: 50% !important;
            max-width: unset !important;
            padding-top: 16px;
        }

        .executor-all-card div:nth-of-type(3) {
            text-align: right;
        }

        .executor-all-card .executor-employee-in-training-amount,
        .executor-all-card .executor-employee-training-amount {
            color: var(--grey);
        }
        /*Slagingspercentage*/
        .executor-all-card div:last-of-type {
            /*position: absolute;*/
            right: 16px;
            top: 8px;
            max-width: unset !important;
            width: unset !important;
            min-width: unset !important;
        }

    /*Custom padding offset*/
    .business-executor-body {
        padding-top: 96px !important;
    }
 }
.table-container {
    position: relative;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

#syncButton {
    position: absolute;
    top: 0; 
    right: 0; 
}

.column-text {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}