/* paginate */
.paginate_button {
    padding: 4px 6px;
    border-radius: .625rem;
    background-color: #E8ECFC53;
    cursor: pointer;
}

.paginate_button:hover {
    filter: brightness(80%);
}

input.paginate_input {
    width: 3rem;
    border: 1px solid var(--bs-light);
    border-radius: .625rem;
    text-align: center;
}

input.paginate_input:focus {
    width: 5rem;
}

.previous.page-item+span ,.dataTables_paginate a+span:first-of-type{
    display: none;
}

.paginate_total {
    color: #7f7f7f;
}

input.paginate_input+span {
    color: #a4a4a4;
}

.dataTables_paginate {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.page-item {
    color: transparent;
    position: relative;

    width: 28px;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
}

.first.page-item::before,
.last.page-item::before,
.previous.page-item::before,
.next.page-item::before {
    position: absolute;
    content: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 5.99997H6V18H4V5.99997ZM14.293 5.29297L7.586 12L14.293 18.707L15.707 17.293L11.414 13H20V11H11.414L15.707 6.70697L14.293 5.29297Z" fill="darkgrey"/></svg>');
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    top: 3px;
    justify-content: start;
}

.last.page-item::before {
    transform: scaleX(-1);
    justify-content: end;
}

.last.page-item,
.first.page-item {
    background-color: #E8ECFC23;
}

.previous.page-item,
.next.page-item {
    width: 34px;
    padding-left: 8px;
    padding-right: 8px;
}

.previous.page-item::before,
.next.page-item::before {
    content: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 11.0002H9.41002L12.71 7.71019C12.8983 7.52188 13.0041 7.26649 13.0041 7.00019C13.0041 6.73388 12.8983 6.47849 12.71 6.29019C12.5217 6.10188 12.2663 5.99609 12 5.99609C11.7337 5.99609 11.4783 6.10188 11.29 6.29019L6.29002 11.2902C6.19898 11.3853 6.12761 11.4974 6.08002 11.6202C5.98 11.8636 5.98 12.1367 6.08002 12.3802C6.12761 12.5029 6.19898 12.6151 6.29002 12.7102L11.29 17.7102C11.383 17.8039 11.4936 17.8783 11.6154 17.9291C11.7373 17.9798 11.868 18.006 12 18.006C12.132 18.006 12.2627 17.9798 12.3846 17.9291C12.5065 17.8783 12.6171 17.8039 12.71 17.7102C12.8037 17.6172 12.8781 17.5066 12.9289 17.3848C12.9797 17.2629 13.0058 17.1322 13.0058 17.0002C13.0058 16.8682 12.9797 16.7375 12.9289 16.6156C12.8781 16.4937 12.8037 16.3831 12.71 16.2902L9.41002 13.0002H17C17.2652 13.0002 17.5196 12.8948 17.7071 12.7073C17.8947 12.5198 18 12.2654 18 12.0002C18 11.735 17.8947 11.4806 17.7071 11.2931C17.5196 11.1055 17.2652 11.0002 17 11.0002Z" fill="dimgray"/></svg>');
    justify-content: center;
    left: 0;
}

.next.page-item::before {
    transform: scaleX(-1);
}

.page-item.disabled {
    opacity: .6;
}
.dataTables_paginate a{
    display: flex;
    align-items: center;
    justify-content: center;
}
