.table {
  border-spacing: 0 0.1rem !important;
}

.table .dropdown {
  display: inline-block;
}

.table thead tr,
.table thead th {
  border: none;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: transparent;
}
.table thead tr th span{
  margin-left: -10px;
  font-size: 14px;
}
.table tbody tr{
  height: 30px !important;
}
.table tbody tr:hover {
  background: #f4f4f4;
}
table tbody tr:hover td{
  color: #000 !important;
}
.table td {
  background: #f8f8f8f;
}

.custom-select-sm {
  width: 60px !important;
}
.page-item{
  background: #fff;
}

.page-item a,.page-item a:hover{
 
}

.page-item.active .page-link {
  z-index: 1 !important;
  color: white !important;
  background: #346cb0 !important
}
.pagination>li.previous,.pagination>li.next{
  background: #555 !important;
}
.pagination>li.previous>a,.pagination>li.next>a{ 
  color: white !important;
}
.dataTables_filter input{
  background: #555  !important;
  border-radius: 30px !important;
}
.dataTables_filter input::placeholder{
  color: white !important;
}
.dataTables_filter input:focus{
  color: white !important;
  border-radius: 30px !important;
}

.btn-icon {
  background: #fff;
}
.table .dropdown-menu {
  padding: 0.25rem 0;
}

.table .dropdown-item {
  padding: 0.5rem 1rem;
}
.table .dropdown-item:hover {
  color: white !important;
  background: #F4F4F4 !important;
}
.table a{
  color: #297ae5;
}
.table a:hover,
.table a:focus {
  text-decoration: none;
}

table.dataTable {
  margin-top: 12px !important;
}

.table>tbody>tr:nth-child(odd) td,.table>tbody>tr:nth-child(even) td{
  padding: 2px !important;
  vertical-align: middle !important;
  padding-left: 5px !important;
  font-size: 14px;
}
.bg-loader{
  color: #E0055D !important
}

.page-item.active .page-link {
  border-radius: 0 !important;
}
.dataTables_paginate .pagination,.dataTables_info{
  margin-top: 10px !important;
}
.dataTables_empty,.dataTables_empty:hover{
  text-align: left !important;
  font-size: 14px !important;
  font-weight: bold;
  color: #f00 !important;
}
@media (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    -ms-flex-pack: center !important;
    justify-content: center !important;
    margin-top: 1rem;
  }
}