.dataTables_wrapper {
  overflow-x: auto;
  width: 100%;
}

.dataTables_wrapper .dataTable{
  width: 100% !important;
}

.dataTables_wrapper td,
.dataTables_wrapper th {
  padding: 12px 18px 12px 15px !important;
  font-family: Montserrat-regular, sans-serif !important;
  font-size: .9rem;
  border: 1px solid white;
  color: #556 !important;
}

.dataTables_wrapper td {
  font-weight: lighter;
}

.dataTables_wrapper th {
  font-weight: bold;
}

.dataTables_wrapper thead th {
  border: 0 !important;
}

.dataTables_wrapper tfoot th {
  border: 0;
  border-top: 1px solid #ebedf2 !important;
  margin-top: 5px;
}

.dataTables_wrapper tbody tr:nth-child(odd) {
  background-color: #ebedf2;
}

.dataTables_wrapper tbody tr:hover {
  cursor: pointer;
  background-color: #dcdfe6 !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
  margin-bottom: 20px;
}

.dataTables_wrapper select {
  border-radius: 100px;
  padding: 2px 5px;
  outline: 0;
  margin: 0 4px;
  border: 1px solid rgb(169, 169, 169);
}

.dataTables_wrapper input[type="search"] {
  border-radius: 100px;
  padding: 2px 10px;
  outline: 0;
  margin-left: 8px;
  border: 1px solid rgb(169, 169, 169);
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
  margin-top: 20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  background: rgb(233, 233, 233) !important;
  border-radius: 100%;
  border: 1px solid rgb(199, 199, 199) !important;
  color: #666 !important;
  outline: 0;
}

.dataTables_wrapper .paginate_button.current {
  background: white !important;
  border-radius: 100%;
  border: 1px solid rgb(169, 169, 169);
}