.dt-container .dt-input {
padding: 4px 10px !important;
background: var(--white-color) !important;
color: var(--primary-color) !important;
cursor: pointer !important;
border: 1px solid #e3ecf8 !important;
border-radius: 0.4rem !important;
outline: none !important;
}
.dt-container .dt-layout-cell.dt-layout-end:has(.paging_simple_numbers ){
align-items: center!important;
justify-content: center !important;
margin-left: 0 !important;
}
.dt-container .dt-layout-cell.dt-layout-start:has(.dt-info) {
align-items: center !important;
justify-content: center !important;
margin-right: 0 !important;
}
.dt-container .dt-layout-row:has(.paging_simple_numbers ) {
display: flex !important;
flex-direction: column !important;
flex-wrap: wrap !important;
justify-content: center !important;
}
.paging_simple_numbers nav{
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.paging_simple_numbers nav button{
margin-left: 2.2rem!important;
}
.paging_simple_numbers span {
font-size: 1.4rem !important;
}
.paging_simple_numbers span {
width: unset !important;
}
.paging_simple_numbers{
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--primary-color) !important;
font-size: 1.4rem !important;
line-height: 2.1rem !important;
border-radius: 0.2rem !important;
text-decoration: none !important;
}
.dt-paging-button {
height: 4rem !important;
width: 4rem !important;
}
.dt-container .dt-paging button.dt-paging-button.current{
background: var(--primary-color) !important;
color: var(--white-color) !important;
}
.dt-container .dt-paging .dt-paging-button:hover {
border: none !important;
}
.paging_simple_numbers button.previous,
.paging_simple_numbers button.next{
width: auto !important;
}
.paging_simple_numbers button.previous{
margin-right: 1.6rem !important;
margin-left: 0 !important;
}
.paging_simple_numbers button.next{
margin-left: 1.6rem !important;
}
@media(max-width:767.98px){
.pagination-outer {
margin: 3.2rem 0 !important;
}
.paging_simple_numbers button.previous{
margin-right: 0.6rem !important;
}
.paging_simple_numbers button.next{
margin-left: 0.6rem !important;
}
.paging_simple_numbers nav button {
margin-left: 0.8rem!important;
}
}
@media(max-width:450px){
.paging_simple_numbers button.previous{
margin-right: 0.3rem !important;
}
.paging_simple_numbers button.next{
margin-left: 0.3rem !important;
}
.paging_simple_numbers nav button {
padding-left: 0.3rem!important;
}
.paging_simple_numbers {
height: 3rem !important;
width: 3rem !important;
}
}