datatables-bootstrap3-plugin/media/css/datatables-bootstrap3.less

jQuery DataTables plugin and Bootstrap 3 integration.

div.dataTables_length {
  label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
  }
  select {
    width: 75px;
    display: inline-block;
  }
}
div.dataTables_filter {
  text-align: right;
  label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
  }
  input {
    margin-left: 0.5em;
    display: inline-block;
  }
}
div.dataTables_info {
  padding-top: 8px;
  white-space: nowrap;
}
div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
  ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
  }
  li.first {
    a:before {
      content: "\f100";
    }
  }
  li.previous {
    a:before {
      content: "\f104";
    }
  }
  li.next {
    a:after {
      content: "\f105";
    }
  }
  li.last {
    a:after {
      content: "\f101";
    }
  }
}
div.dataTables_paginate li.first &>a,div.dataTables_paginate li.previous &>a {
  position: relative;
  padding-left: 24px;
}
div.dataTables_paginate li.next &>a,div.dataTables_paginate li.last &>a {
  position: relative;
  padding-right: 24px;
}
div.dataTables_paginate li.first a:before,div.dataTables_paginate li.previous a:before {
  position: absolute;
  top: 6px;
  left: 10px;
  display: block;
  font-family: FontAwesome;
}
div.dataTables_paginate li.next a:after,div.dataTables_paginate li.last a:after {
  position: absolute;
  top: 6px;
  right: 10px;
  display: block;
  font-family: FontAwesome;
}
table.dataTable td,table.dataTable th {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
  thead {
    th {
      position: relative;
      background-image: none !important;
    }
    th.sorting:after {
      content: "\f0dc";
      color: #ddd;
      font-size: 0.8em;
      padding-top: 0.12em;
    }
    th.sorting_asc:after {
      content: "\f0de";
    }
    th.sorting_desc:after {
      content: "\f0dd";
    }
    & > tr {
      & > th {
        padding-left: 18px;
        padding-right: 18px;
      }
    }
  }
  th:active {
    outline: none;
  }
}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
}
table.dataTable thead th.sorting:after,table.dataTable thead th.sorting_asc:after,table.dataTable thead th.sorting_desc:after {
  position: absolute;
  top: 12px;
  right: 8px;
  display: block;
  font-family: FontAwesome;
}
div.dataTables_scrollBody table.dataTable thead th.sorting:after,div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
  content: "";
}
table.table thead th.sorting:after,table.table thead th.sorting_asc:after,table.table thead th.sorting_desc:after {
  top: 8px;
}
div.dataTables_scrollHead {
  table {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  table.table-bordered {
    border-bottom-width: 0;
  }
}
div.dataTables_scrollHead table thead tr:last-child th:first-child,div.dataTables_scrollHead table thead tr:last-child td:first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div.dataTables_scrollBody {
  table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
div.dataTables_scrollBody tbody tr:first-child th,div.dataTables_scrollBody tbody tr:first-child td {
  border-top: none;
}
div.dataTables_scrollFoot {
  table {
    margin-top: 0 !important;
    border-top: none;
  }
}
table.table-bordered.dataTable {
  border-collapse: separate !important;
}
table.table-bordered thead th,table.table-bordered thead td {
  border-left-width: 0;
  border-top-width: 0;
}
table.table-bordered tbody th,table.table-bordered tbody td {
  border-left-width: 0;
  border-bottom-width: 0;
}
table.table-bordered th:last-child,table.table-bordered td:last-child {
  border-right-width: 0;
}
.table.dataTable tbody tr.active td,.table.dataTable tbody tr.active th {
  background-color: #08C;
  color: white;
}
.table.dataTable tbody tr.active:hover td,.table.dataTable tbody tr.active:hover th {
  background-color: #0075b0 !important;
}
.table.dataTable tbody tr.active th &>a,.table.dataTable tbody tr.active td &>a {
  color: white;
}
.table-striped.dataTable tbody tr.active:nth-child(odd) td,.table-striped.dataTable tbody tr.active:nth-child(odd) th {
  background-color: #017ebc;
}
table.DTTT_selectable {
  tbody {
    tr {
      cursor: pointer;
    }
  }
}
div.DTTT {
  .btn:hover {
    text-decoration: none !important;
  }
}
ul.DTTT_dropdown.dropdown-menu {
  z-index: 2003;
  a {
    color: #333 !important;
  }
  li {
    position: relative;
  }
  li:hover {
    a {
      background-color: #0088cc;
      color: white !important;
    }
  }
}
div.DTTT_collection_background {
  z-index: 2002;
}
div.DTTT_print_info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 150px;
  margin-left: -200px;
  margin-top: -75px;
  text-align: center;
  color: #333;
  padding: 10px 30px;
  opacity: 0.95;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  h6 {
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
    margin: 1em;
  }
  p {
    font-size: 14px;
    line-height: 20px;
  }
}
div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 60px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
}
div.DTFC_LeftHeadWrapper table,div.DTFC_LeftFootWrapper table,div.DTFC_RightHeadWrapper table,div.DTFC_RightFootWrapper table,table.DTFC_Cloned tr.even {
  background-color: white;
  margin-bottom: 0;
}
div.DTFC_RightHeadWrapper table ,div.DTFC_LeftHeadWrapper table {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div.DTFC_RightBodyWrapper table,div.DTFC_LeftBodyWrapper table {
  border-top: none;
  margin: 0 !important;
}
div.DTFC_RightBodyWrapper tbody tr:first-child th,div.DTFC_RightBodyWrapper tbody tr:first-child td,div.DTFC_LeftBodyWrapper tbody tr:first-child th,div.DTFC_LeftBodyWrapper tbody tr:first-child td {
  border-top: none;
}
div.DTFC_RightFootWrapper table,div.DTFC_LeftFootWrapper table {
  border-top: none;
  margin-top: 0 !important;
}
div.FixedHeader_Cloned {
  table {
    margin: 0 !important;
  }
}