 
  .dataTables_wrapper .dataTables_filter  {
border-radius: 3px;
padding: 0px;
position: fixed;
color: inherit;
left: 35%;
top: -3px;
display: none;
font-size: 0.9em;
}
.dataTables_wrapper .dataTables_filter input {
border:1px solid var(--themeColor);
width: 360px;
border-radius: 5px;
background: white;
padding: 10px;
}
.dataTables_wrapper .dataTables_length  {
border-radius: 3px;
padding: 5px;
position: fixed;
color: inherit;
left: 32%;
top: 8%;
display: none;
font-size: 0.8em;
margin-bottom: 10px;
}
.dataTables_wrapper .dataTables_length select {
border:1px solid var(--themeColor);
width: 120px;
height: 30px;
background: white;
}
.dataTables_info
{
position: fixed;
left:45%;
border-radius: 5px;
font-size: 0.8em;
top: 92%;
z-index: 5555;
margin:0px;
}
.dataTables_paginate {
float: right;
position: fixed;
left: 74%;
z-index: 55555;
top: 91.5%;
height: 50px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current  {
background: var(--themeColor);
color: white!important;
padding: 5px 10px;
font-size: 0.9em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover  {
background: var(--themeColor);
color: white!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
background: rgba(19, 56, 83, 0.4);
color: white;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
background: var(--themeColor);
color: white;
}
.dataTables_wrapper .dataTables_paginate a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
cursor: pointer;
margin-top: 00px;
line-height: 20px;
font-size: 0.8em;
padding: 3px 15px;
text-align: center;
text-decoration: none !important;
}
.dataTables_paginate>a+a {
margin-left: -1px;
cursor: pointer;
}
.dataTables_paginate>a:first-child {
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.dataTables_paginate>a:last-child {
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
}
.dataTables_paginate>a:hover {
background-color: #B436E3;
}
.dataTables_paginate>a span {
display: none
}