.pagination { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.pagination .all_pages { width: 50%; }
.pagination .pagi_buttons { max-width: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.pagination .pagi_buttons button { background-color: white;border-radius: 30px!important;padding: .5rem .75rem;line-height: 1.25; color: #6c757d; border: 2px solid rgba(255, 255, 255, 0); border-radius: 50%; }
.pagination .pagi_buttons button.active { color: white; background-color: #54a8e3; }

.ascDescSort thead tr .thSort:after, .ascDescSort thead tr .thSort:before { border-style: solid; border-width: 8px 5px; border-color: transparent; content: ""; height: 0; position: absolute; right: 30px; width: 0; }
.ascDescSort thead tr .thSort { position: relative; cursor: pointer; }
.ascDescSort thead tr .thSort:after { border-top-color: #ccc; bottom: 7px; }
.ascDescSort thead tr .thSort:before { border-bottom-color: #ccc; top: 7px; }
.ascDescSort thead tr .asc:before { border-bottom-color: #777 !important; }
.ascDescSort thead tr .desc:after { border-top-color: #777 !important; }

.changePerPage { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.changePerPage input { padding: 4px 6px; outline: none; border-radius: 5px; border: 1px solid #dee2e6; margin: 0 5px;color: #6c757d; width: 60px;margin-top: 2px;}

.page-settings .table-responsive { overflow-x: unset; }