.dataTables_wrapper {
  z-index: -1 !important;
  position: unset !important;
}
.dataTables_length {
  margin-bottom: 7px;
}
.dataTables_length select {
  border-style: none;
  background-color: transparent;
  width: 70px;
  border-collapse: collapse !important;
  border: 1px solid #e4e4e4 !important;
  font-family: ProductSans;
  font-size: medium;
  margin-left: 5px;
  margin-right: 5px;
}
.dataTables_length label {
  font-family: ProductSans;
  font-size: medium;
  color: #646464;
}
.dataTables_length select:focus {
  outline: none;
}
.dataTables_filter {
  margin-bottom: 10px;
}
.dataTables_filter input {
  border-style: none;
  background-color: transparent;
  width: 200px;
  border-collapse: collapse !important;
  border: 1px solid #e4e4e4 !important;
  font-family: ProductSans;
  font-size: medium;
  margin-left: 5px;
  margin-right: 5px;
}
.dataTables_filter label {
  font-family: ProductSans;
  font-size: medium;
  color: #646464;
}
.dataTables_filter select:focus {
  outline: none;
}
.dataTables_paginate {
  margin: 10px;
}
.dataTables_paginate .paginate_button {
  /*font-size:15px;*/
  color: #3472df !important;
  background-color: #e9e9e9;
  border: 1px solid #c6c6c6 !important;
  padding: 2px;
  font-weight: bold;
  font-family: ProductSans;
  font-size: small;
}
/*.paging_simple_numbers
{
    margin:20px;
}*/
@media screen and (max-width: 500px) {
  .dataTables_length {
    margin: 10px !important;
    float: left !important;
  }
  .dataTables_length select {
    width: 50px;
    font-size: small;
    padding: 0px !important;
  }
  .dataTables_length label {
    font-size: small;
  }
  .dataTables_filter {
    margin: 10px !important;
    float: right !important;
  }
  .dataTables_filter input {
    width: 100px;
    font-size: small;
  }
  .dataTables_filter label {
    font-size: small;
  }
}