.grid{
    display: -ms-grid;
    display: grid;
    align-items: center;
    justify-content: space-between;
}
.columns_2_3{
    grid-template-columns: 2fr 3fr;
    column-gap: 20px;
    align-items: start;
    justify-content: start;
    margin: 0 10px;
}

.table-filter{
    grid-template-columns: repeat(6, auto);
    margin: 10px 0;
    align-items: start;
    justify-items: start;
    column-gap: 5px;
}

.tableTopSection{
    grid-template-columns: 7fr repeat(5, auto);
    justify-items: end;
    align-items: start;
    justify-content: end;
}

#additional-filter-wrapper{
    justify-self: start;
    grid-row: 2/3;
    grid-column: 1/7;
}

@media (max-width: 1300px){
    .tableTopSection{
        grid-template-columns: 7fr 1fr 1fr;
    }
    .tableTopAdaptiveSection{
        grid-template-columns: 7fr 1fr 1fr 1fr;
    }
    .tableTopAdaptiveSection .top-label{
        grid-column: 1/4;
    }
    #default-filter-wrapper{
        grid-row: 2/3;
    }
    #additional-filter-wrapper{
        grid-row: 3/4;
        grid-column: 1/4;
    }
    #div-actions-btn-group{
        grid-column: 3/4;
    }
    #btn-create-new{
        grid-column: 2/3;
    }
    #tbl-job-runners_wrapper #div-actions-btn-group{
        grid-column: 4/5;
    }
}
@media (max-width: 1224px) {
    .table-filter{
        grid-template-columns: repeat(2, auto);
    }
}