@use "00-base/configure" as *;

.ReactTable {

  .rt-tbody {
    font-family: $fonts-mono;
    font-size: $fonts-xsmall;
  }

  .rt-thead, .-pagination {

    input, select, .-btn {
      border-radius: 0 !important;
    }
  }

  $alignment: left center right;

  @each $option in $alignment {
    .data-align-#{$option} {
      text-align: #{$option};
    }
  }
}