/*

* MDBootstrap integration with Datatables
* Learn more: https://mdbootstrap.com/docs/jquery/tables/datatables/
* About MDBootstrap: https://mdbootstrap.com/
*
* This combined file was created by the DataTables downloader builder:
*   https://datatables.net/download
*
* To rebuild or modify this file with the latest versions of the included
* software please visit:
*   https://datatables.net/download/#bs4/dt-1.10.18
*
* Included libraries:
*   DataTables 1.10.18
*/

table.dataTable thead {
 cursor: pointer;
 > tr > {
   th:active, td:active {
     outline: none;
   }
 }

}

div.dataTables_wrapper div {

&.dataTables_length {
  &.d-flex.flex-row {
    label {
      margin-top: 1.2rem;
      margin-right: 1rem;
    }
    .select-wrapper.mdb-select {
      span, .select-dropdown {
        margin-top: 1rem;
      }
    }
  }
}
&.dataTables_length,
&.dataTables_filter {
  label {
    text-align: left;
    font-weight: normal;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }
}
&.dataTables_length {
  select, input {
    width: auto;
  }
}
&.dataTables_filter {
  select,
  input {
    width: auto;
  }
  input {
    margin-left: .5rem;
    display: inline-block;
  }
  text-align: right;
}
&.dataTables_info,
&.dataTables_paginate {
  font-weight: normal;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
&.dataTables_paginate {
  text-align: right;
  margin: 0;
  ul.pagination {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    .page-item {
      &.active .page-link:focus {
        background-color: #4285f4;
      }
      .page-link:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
      }
    }
  }
}

}

@media (max-width: 767px) {

div.dataTables_wrapper div {
  .dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate ul.pagination {
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

}

.bs-select select {

display: inline-block !important;

}

table.dataTable thead {

> tr > {
  th,
  td {
    &.sorting_asc, &.sorting_desc, &.sorting {
      padding-right: 30px;
    }
  }
  th:active, td:active {
    outline: none;
  }
}
.sorting, .sorting_asc, .sorting_desc, .sorting_asc_disabled, .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}
.sorting,
.sorting_asc,
.sorting_desc,
.sorting_asc_disabled,
.sorting_desc_disabled {
  &:before, &:after {
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 0.3;
  }
}
.sorting:before, .sorting_asc:before, .sorting_desc:before, .sorting_asc_disabled:before, .sorting_desc_disabled:before {
  right: 1em;
  content: "\f0de";
}
.sorting:after, .sorting_asc:after, .sorting_desc:after, .sorting_asc_disabled:after, .sorting_desc_disabled:after {
  content: "\f0dd";
  right: 16px;
}
.sorting:before, .sorting_asc:before, .sorting_desc:before, .sorting_asc_disabled:before, .sorting_desc_disabled:before,
.sorting:after, .sorting_asc:after, .sorting_desc:after, .sorting_asc_disabled:after, .sorting_desc_disabled:after {
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  font-size: 1rem;
}

.sorting_asc:before, .sorting_desc:after {
  opacity: 1;
}
.sorting_asc_disabled:before, .sorting_desc_disabled:after {
  opacity: 0;
}

}