.page-item:first-child .page-link {
    margin-right: .25rem
  }
  
  .page-item:not(:first-child) .page-link {
    margin-left: 0;
    margin-right: .25rem
  }
  
  .page-item .page-link {
    border-radius: 10px;
  }
  
  .pagination-wrap .page-item {
    background-color:white;
    border: 1px solid gray;
    border-radius: .375rem;
    color: var gray;
    display: block;
    font-size: .875rem;
    margin-right: .25rem;
    padding: .375rem .75rem;
    position: relative
  }
  
  .pagination-wrap .page-item:hover {
    background-color: gray
  }
  
  .pagination-wrap .page-item.active {
    background-color: gray
  }
  
  .pagination-wrap .listjs-pagination li {
    background-color: white;
    border: 1px solid gray;
    border-radius: .375rem;
    color: gray;
    font-size: .875rem;
    margin-right: .25rem;
    position: relative
  }
  
  .pagination-wrap .listjs-pagination li:hover {
    background-color:gray
  }
  
  .pagination-wrap .listjs-pagination li.active {
    background-color: blue;
    border: 1px solid blue;
    color: blue!important
  }
  
  .pagination-wrap .listjs-pagination li.active .page {
    color: blue!important
  }
  
  .pagination-wrap .listjs-pagination .page {
    color: var(--dashui-gray-600);
    display: block;
    padding: .375rem .75rem
  }
  
  .pagination-wrap a.disabled {
    background-color: gray;
    color: beige;
    pointer-events: none
  }

  .paginate_button  {
    background-color: white !important;
    border-radius: .375rem !important;
    color: gray !important;
    font-size: .875rem !important;
    margin-right: .25rem !important;
    border: 1px solid #bdc3c7 !important;
  }

  .dataTables_paginate .current{
    background-color: #696cff !important;
    border: 1px solid #696cff !important;
    color: white !important;

  }

  .dataTables_paginate .disabled {
    background-color: gray !important ;
    color: white !important;
    pointer-events: none 
  }

  .paginate_button:hover{
    background: #bdc3c7 !important;
    border: 1px solid #bdc3c7 !important;

  }

  .table-light {
    border-color: inherit !important;
    background-color: #e2e8f0 !important;
  }
  #table {
    border: 1px solid #e2e8f0 !important;
    margin-top: 25px;
  }
  #table_filter label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 0.375rem;
    color: #475569;
    display: inline-block;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.5rem 1rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 75%;
    outline: none;
    
  }

  #table_filter {
    margin-bottom: 15px !important;
  }

  .table-responsive::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
	background-color: #F5F5F5 !important;

}

.table-responsive::-webkit-scrollbar
{
	height: 5px;
	background-color: #F5F5F5 !important;
 
}

.table-responsive::-webkit-scrollbar-thumb
{
	background-color: #566a7f !important;
	border: 2px solid #555555 !important;
  border-radius: 5px;
  margin-top: 50px ;
}

.table-responsive {
  padding-bottom: 25px;
  
}

/* .table > tbody > tr > td {
  max-width: 200px;
  overflow: hidden;
}  */

.active-tr:hover {
  background-color: #e2e8f0;

}

.form-check-input {
  width: 1.5em;
  height: 1.5em;
  margin-top: 0;
}