@import "variables";
@import "node_modules/datatables.net-dt/css/jquery.dataTables";
@import "node_modules/datatables.net-responsive-dt/css/responsive.dataTables";

@mixin dataTables_base_input {
  width: auto;
  padding: 0.2em;
  border: 1px solid $label-grey;
  border-radius: 0;
  height: 2em;
  appearance: none;
}

.dataTables_base_helpers {
  margin: 0.5em auto;
  font-size: small;
  label {
    margin: 0;
    font-weight: 900;
  }
}

.dataTables_wrapper {
  margin: 0.5em 0.5em;
}

.dataTables_length {
  @extend .dataTables_base_helpers;
  select {
    @include dataTables_base_input;
    background: url("images/br_down.png") no-repeat transparent right;
    background-position-x: calc(100% - 0.2em);
    padding-right: 20px;
  }
}

.dataTables_filter {
  @extend .dataTables_base_helpers;
  input {
    @include dataTables_base_input;
  }
  a {
    text-decoration: none;
    color: $label-grey;
  }
}

.dataTables_info {
  @extend .dataTables_base_helpers;
}

.dataTables_paginate {
  @extend .dataTables_base_helpers;
}