Как центрировать сообщение обработки в таблицах данных laravel с существующими данными?

Всем привет, В моем приложении laravel 5.7 я использую библиотеку "yajra/laravel-datatables-oracle": "~8.0" и читаю это
https://m.datatables.net/forums/discussion/25666/how-to-customize-the-processing-message

Я изменил сообщение обработки со стилем:

 <div class="table-responsive">


<div id="get-vote-dt-listing-table_wrapper"


class="dataTables_wrapper no-footer">


<div id="get-vote-dt-listing-table_filter" class="dataTables_filter"


style="display: none;"><label>Search:<input type="search" class=""


placeholder=""


aria-controls="get-vote-dt-listing-table"></label>


</div>


<div id="get-vote-dt-listing-table_processing"


class="dataTables_processing" style="display: block;">Loading


votes...


</div>


<table class="table table-bordered table-striped text-primary dataTable no-footer"


id="get-vote-dt-listing-table" role="grid"


aria-describedby="get-vote-dt-listing-table_info">


<thead>


<tr role="row">


<th class="details-control sorting_disabled" rowspan="1"


colspan="1" style="width: 47px;">+


</th>


<th class="sorting" tabindex="0"


aria-controls="get-vote-dt-listing-table" rowspan="1"


colspan="1" style="width: 59px;">Id


</th>


<th class="sorting" tabindex="0"


aria-controls="get-vote-dt-listing-table" rowspan="1"


colspan="1" style="width: 106px;">Name


</th>


<th class="sorting" tabindex="0"


aria-controls="get-vote-dt-listing-table" rowspan="1"


colspan="1" style="width: 113px;">Status


</th>


<th class="sorting" tabindex="0"


aria-controls="get-vote-dt-listing-table" rowspan="1"


colspan="1" style="width: 125px;">Is Quiz


</th>


<th class="sorting" tabindex="0"


aria-controls="get-vote-dt-listing-table" rowspan="1"


colspan="1" style="width: 219px;">Vote Category


</th>


<th class="sorting" tabindex="0"


aria-controls="get-vote-dt-listing-table" rowspan="1"


colspan="1" style="width: 178px;">Created At


</th>


<th class="sorting_disabled" rowspan="1" colspan="1"


style="width: 28px;"></th>


<th class="sorting_disabled" rowspan="1" colspan="1"


style="width: 29px;"></th>


</tr>


</thead>


<tbody></tbody>


</table>


<div class="dataTables_info" id="get-vote-dt-listing-table_info"


role="status" aria-live="polite" style="display: none;"></div>


<div class="dataTables_paginate paging_simple_numbers"


id="get-vote-dt-listing-table_paginate"></div>


</div>


</div>

Код (CSS): и он работает, и я получаю данные на открытой странице с пустой областью данных. Но я обновляю данные и не вижу сообщения об обработке: оно находится ниже (выглядит как середина области данных). Я попытался поднять, добавив стиль выше:

  vertical-align: top; vert-align: top; 

Код (CSS): Но не удалось. HTML-код моей области данных:

 .dataTables_processing { margin-top: -80px !important; padding: 70px !important; background: #F5F8FA !important; color: blue !important; border: 2px dotted darkgrey; border-radius: 3px !important; font-size: xx-large !important; opacity : 1 !important; text-decoration: none; }

HTML: 1) Как правильно изменять стиль? 2) Если у laravel-datatables-oracle есть метод очистки строк области данных перед получением данных? Я думаю, это может быть полезно... Вот живой пример на http://demo2.nilov-sergey-demo-apps.tk/login

Это под учетными данными 111111.

после этого URL-адрес SITE/admin/box-rooms

на странице загрузки сообщение видно в течение 1-2 секунд

Если в поле фильтра «Введите номер ящика» введите значение «001» и нажмите «Поиск». Я добавил 30-секундную задержку для отладки в браузере.

Вам нужно прокрутить вниз, чтобы увидеть сообщение об обработке...

Спасибо!