// Override dataTables.bootstrap4.css defaults
table.dataTable { border-collapse: collapse !important; }

// Override default padding
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting { padding: 0.5em 0.5em 0.5em 0.5em; }

// Override default sort icons
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after { content: ''; }

table.dataTable > thead th {
  vertical-align: top;
  background-repeat: no-repeat;

  > span { padding-right: 1rem; }
}

table.dataTable > thead .sorting {
  background-image: asset-data-url('dataTables/sort.svg');
  background-position: right 0.25rem top 0.25rem;
}

table.dataTable > thead .sorting_asc {
  background-image: asset-data-url('dataTables/sort-up.svg');
  background-position: right 0.25rem top 0.25rem;
}

table.dataTable > thead .sorting_desc {
  background-image: asset-data-url('dataTables/sort-down.svg');
  background-position: right 0.25rem top 0.25rem;
}

// Collapsed Responsive View
table.dataTable > tbody > tr.child {
  td, th { border: none; }

  ul.dtr-details > li {
    border-bottom: none;
    padding-left: 0.5em;

    &:hover { background-color: rgba(0, 0, 0, 0.075); }

    span.dtr-title { min-width: 175px; margin-bottom: 0.25em; }
    span.dtr-data { white-space: nowrap; }
    .col-resource_item { margin-bottom: 0.25em; }
  }
}

// Buttons
.dataTables_buttons {
  text-align: right;
  .btn { font-size: 0.75rem; }
}

// Search bar
table.dataTable > thead {
  tr th {
    border-bottom: none;
    white-space: nowrap;

    .form-group {
      font-weight: normal;
      margin-bottom: 0em;

      input { max-height: 38px; }
    }
  }
}

// Simple styles
table.dataTable.simple > thead {
  .sorting { background-image: none; cursor: default; }
  .sorting_asc { background-image: none; cursor: default; }
  .sorting_desc { background-image: none; cursor: default; }

  .form-group { display: none; }
  .col-bulk_actions { display: none; }
}

// Datatables entries
@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_entries { text-align: center; }
}

.dataTables_wrapper .dataTables_entries {
  color: #909090;
  font-size: 12px;

  // Showing 1 to 2 of 2 entries (filtered from 10 total entries)
  div.dataTables_info {
    display: inline-block;
    padding: 0.25em 0em 0.25em 0.25em;
  }

  // with 25 per page
  div.dataTables_length {
    display: inline-block;

    // Apply custom style to the inline x per page select
    span.select2-container {
      margin: 0px -3px 3px -3px;
      max-width: 45px;

      .select2-selection { border: none; }
      .select2-selection__rendered { padding: 0em; color: #909090; }
    }

    span.select2-container.select2-container--open { max-width: 60px; }
    span.select2-container.select2-container--focus { border: none; box-shadow: none; }
    span.select2-container--focus > .selection > .select2-selection { border: none !important; }
  }
}

// Column specific adjustments
table.dataTable {
  td.col-price { text-align: right; }
  td.col-decimal { text-align: right; }
  td.col-right { text-align: right; }

  tfoot {
    .col-price { text-align: right; }
    .col-decimal { text-align: right; }
    .col-right { text-align: right; }
  }

  td.col-actions {
    white-space: nowrap;
  }

  td.col-bulk_actions {
    input[type='checkbox'] { margin-left: 1px; margin-right: 1px; }
  }

  td.col-resource_item { word-break: keep-all; }

  td {
    p { margin-bottom: 0em; }
  }

}