// Use asset-data-url to prevent 3 additional GET requests for icons
table.dataTable thead .sorting {
  background-image: asset-data-url('dataTables/sort_both.png');
  background-position: 100% 70%;
}

table.dataTable thead .sorting_asc {
  background-image: asset-data-url('dataTables/sort_asc.png');
  background-position: 100% 70%;
}

table.dataTable thead .sorting_desc {
  background-image: asset-data-url('dataTables/sort_desc.png');
  background-position: 100% 70%;
}

// Override bootstrap default glyphicons
table.dataTable thead .sorting:after { content: ''; }
table.dataTable thead .sorting_asc:after { content: ''; }
table.dataTable thead .sorting_desc:after { content: ''; }

// Table header
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting {
  background-repeat: no-repeat;
  padding-right: 18px;
}

table.dataTable thead tr th {
  text-align: left;
  vertical-align: top;
  border-bottom: none;
  white-space: nowrap;
  padding: 6px;

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

// Sorting disabled
table.dataTable.sort-hidden thead .sorting { background-image: none; }
table.dataTable.sort-hidden thead .sorting_asc { background-image: none; }
table.dataTable.sort-hidden thead .sorting_desc { background-image: none; }

table.dataTable.search-hidden thead .form-group { display: none; }

// Filter bar
table.dataTable .form-group { width: 100%; margin-left: 0px; margin-right: 0px; }
table.dataTable select { width: 100%; }
table.dataTable .form-control { width: 100%;  }
table.dataTable .form-group.datatable_search_bulk_actions { margin-left: 4px; }

// Processing popup
div.dataTables_wrapper div.dataTables_processing {
  top: -20px;
  border: none;
  box-shadow: none;
  margin-left: -40%;
  width: 80%;
}

// Show x per page
.dataTables_wrapper div.dataTables_length {
  margin-bottom: 4px;
  color: #909090;
  font-size: 12px;
}

// Buttons
div.dt-buttons {
  float: right;
  display: inherit;
  width: auto;
}

.dt-buttons {
  a, button {
    border: none;
    color: #337ab7;
    border-color: transparent;
    background: #fff;
    font-size: 12px;
    padding: 6px;
    margin-right: 6px;
    float: none;

    &:hover,
    &:focus {
      border: none;
      border-color: transparent;
      background: #eee !important;
    }

    &:last-child { margin-right: 0px; }

    &.active {
      color: #fff;
      background: #03428d !important;
    }

    .caret {
      margin-bottom: 4px;
    }
  }
}

// Show / hide columns button
ul.dt-button-collection {
  width: 400px;

  li {
    width: 198px;
    overflow: hidden;
  }

  li:nth-child(odd) {
    float: left;
  }

  li:nth-child(even) {
    float: right;
  }

  .buttons-colvisGroup {
    clear: left;
    border-top: 1px solid grey;
  }

  .buttons-colvisRestore {
    border-top: 1px solid grey;
  }
}

// Showing 1 to 25 of 100 entries
div.dataTables_wrapper div.dataTables_info {
  color: #909090;
  font-size: 12px;
  padding: 5px 0px 0px 6px;
}

// Collapsed responsive view
table.dataTable > tbody > tr.child span.dtr-title { min-width: 175px; }
table.dataTable > tbody > tr.child span.dtr-data { white-space: nowrap; }

table.dataTable.dtr-inline.collapsed > tbody > tr:not(.child) > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr:not(.child) > th:first-child {
 padding-left: 30px !important;
}

// Column specific adjustments
table.dataTable {
  td.col-price { text-align: right; }
  td.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 {
    p { margin-bottom: 0px; }
  }
}