/* Bootstrap 3's .pagination > li overrides the generic [hidden] rule.
   Empty localized controls were omitted by the pre-v3 renderer. */
.dt-container.dt-bootstrap .dt-paging .pagination > li[hidden] {
  display: none;
}

/* Preserve 2ip's Font Awesome ordering arrows after v3 moved the indicator
   from th:after into .dt-column-order. Do not alter the vendor distribution. */
.t3-mainbody .t3-content .dt-bootstrap table.dataTable thead th .dt-column-order::after {
  display: none;
}
.t3-mainbody .t3-content .dt-bootstrap table.dataTable thead th .dt-column-order::before {
  content: "\f07d";
  font-family: FontAwesome;
  color: #ff5722;
  border: 0;
  width: auto;
  height: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  opacity: 0.5;
}
.t3-mainbody .t3-content .dt-bootstrap table.dataTable thead th.dt-ordering-asc .dt-column-order::before {
  content: "\f176";
  opacity: 1;
}
.t3-mainbody .t3-content .dt-bootstrap table.dataTable thead th.dt-ordering-desc .dt-column-order::before {
  content: "\f175";
  opacity: 1;
}

/* Responsive 4 uses triangle controls; retain the existing 2ip +/- affordance. */
.t3-mainbody .t3-content .dt-bootstrap table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control {
  position: relative;
  padding-left: 30px;
}
.t3-mainbody .t3-content .dt-bootstrap table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before {
  position: absolute;
  top: 8px;
  left: 4px;
  width: 16px;
  height: 16px;
  border: 0;
  font-family: FontAwesome;
  content: "\f067";
}
.t3-mainbody .t3-content .dt-bootstrap table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control::before {
  content: "\f068";
  color: #0277bd;
}