How can I change the bootstrap 4 classes for the dataTables_length and dataTables_filter parent?

KISD_Apps

<div class="row"> <div class="col-sm-12 col-md-6"> <div class="dataTables_length" id="example_length"><label>Show <select name="example_length" aria-controls="example" class="custom-select custom-select-sm form-control form-control-sm"><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> entries</label></div></div> <div class="col-sm-12 col-md-6"> <div id="example_filter" class="dataTables_filter"><label>Search:<input type="search" class="form-control form-control-sm" placeholder="" aria-controls="example"></label></div></div></div>

I would like to change the dataTables_length to col-md-9 and the dataTables_filter col-md-3 .

How can this be done?