.dataTables_wrapper{
    padding-left: .25rem !important;
    padding-right: .25rem !important;
}

.dataTables_wrapper > div.top,
.dataTables_wrapper > div.bottom {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.dataTables_wrapper div.dataTables_filter,
.dataTables_wrapper div.dataTables_info,
.dataTables_wrapper div.dt-buttons {
    text-align: left !important;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.dataTables_wrapper div.dataTables_length,
.dataTables_wrapper div.dataTables_paginate {
    text-align: right !important;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}