//
// Datatables
//

@include media-breakpoint-up(lg) {
  .datatables {
    .table-responsive {
      overflow-x: clip;
    }
  }
}

.table-responsive {
  .dataTables_wrapper {
    .dataTables_length {
      select {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: 0.5rem;
        padding-right: 0.625rem;
        font-size: 0.765625rem;
        border-radius: 5px;
        border-color: var(--bs-border-color);
      }
    }

    .dataTables_filter {
      margin-bottom: 25px;
      input {
        padding: 0.25rem 0.5rem;
        font-size: 0.765625rem;
        border-radius: 5px;
        border: 1px solid var(--bs-border-color);
      }
    }

    .dataTables_paginate {
      .paginate_button {
        cursor: pointer;
        padding: 6px 12px;
        border: 1px solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        margin: 0 3px;
        .previous {
          border-radius: 7px 0 0 7px;
          background-color: var(--bs-gray-200);
        }
        &.current {
          color: $white;
          background-color: var(--bs-primary);
          border-color: var(--bs-primary);
        }
      }
    }
  }
}