table.dataTable { margin:40px 0px; }

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
   font-family: Font Awesome\ 5 Pro;
   font-weight: 400;margin-left:10px;font-size:13px;
}
table.dataTable thead th.sorting:after { color: #ddd;  }
table.dataTable thead th.sorting_asc:after { content: "\f106"; }
table.dataTable thead th.sorting_desc:after { content: "\f107"; }


@media screen and (max-width: 767px) {

    div.dataTables_wrapper > div.row > div,
    div.dataTables_length,
    div.dataTables_filter,
    div.dataTables_info,
    div.dataTables_paginate { text-align: center; }

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter { float: none; text-align: center;  }
    .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; }

}



.dataTables_wrapper {  position: relative;  clear: both;  *zoom: 1;  zoom: 1; padding:40px 40px 20px 40px;background:#FFF;box-shadow:0px 0px 20px 0px rgb(76 87 125 / 2%); }

.dataTables_wrapper:after {   display: block; content: ""; visibility: hidden;clear: both; height: 0; }

.dataTables_length { float:right; }




.dataTables_filter { position: relative; width:300px;min-width:300px;max-width:300px;  }



.dataTables_info, .dataTables_paginate { display: flex;align-items: center;justify-content: center;float: left;width:50%;font-size:13px; }

.dataTables_info {  justify-content:flex-start;color:#A1A5B7; white-space: nowrap; }

.dataTables_paginate { justify-content: flex-end;   white-space: nowrap;  }

.dataTables_paginate .pagination { white-space: nowrap; }


.dataTables_paginate .paginate_button.previous { border-top-left-radius: 4px;border-bottom-left-radius: 4px; }
.dataTables_paginate .paginate_button.next { border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-right:1px solid #EEE; }


.dataTables_paginate .paginate_button {
    background: #FFF;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    color: #333;
    border:1px solid #EEE;
    border-right: 0px;
    font-size:12px;
}

.dataTables_paginate .paginate_button.current, 
.dataTables_paginate .paginate_button.current:hover,
.dataTables_paginate .paginate_button.current:active,
.dataTables_paginate .paginate_button.current:focus {
    background: #34495e;
    color:#FFF;
}

.dataTables_paginate .paginate_button.disabled, 
.dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_paginate .paginate_button.disabled:active,
.dataTables_paginate .paginate_button.disabled:focus {
    cursor: not-allowed;
}
.dataTables_paginate .paginate_button:hover { cursor: hand; color: #333; background: #FFF; }