/* ---------- DataTable cells ---------- */
  .table td {
  padding-bottom:5px;
  font-size: 14px;
  }
    /* ---------- Pagination container ---------- */
   div.dataTables_wrapper div.dataTables_paginate {
   margin: 5px 0 20px;
   white-space: nowrap;
   }
    /* ---------- Previous / Next ---------- */
    .pagination > li.previous > a,
    .pagination > li.next > a {
    font-size: 14px;
    cursor: pointer;
    }

    /* ---------- Active page ---------- */
    .pagination li.active a {
    background-color: #2196F3; 
    }
 
   /* ---------- Pagination buttons (general) ---------- */
   .pagination > li > a,
   .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
   line-height: 1.42857143;
   color: #555;
   text-decoration: none;
   background-color: #fff;
   border: 1px solid #ddd;
   font-weight: bold;
   }
   /*-----------pagination--button-preivious------------*/
   .paginate_button, .previous .disabled{
    border-color: gray;
    color: gray;
    font-size: 14px;
    }
   /* ---------- Disabled buttons ---------- */
   .pagination > .disabled > a,
   .pagination > .disabled > span {
   color: gray;
   cursor: not-allowed;
   background-color: #fff;
   border-color: #ddd;
  }

/* datatable Footer Button *
.dataTables_wrapper .dataTables_paginate .paginate_button {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #555;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  font-weight: bold;
}