/* Table-header sorting and column-filter controls. */

/* Sorting arrows */

div.ajaxtable_container table tr th div.ajaxtable_orderDir {
  display: inline-flex;
  align-items: center;
  visibility: hidden;
  white-space: nowrap;
  vertical-align: middle;
  margin-left: 4px;
}

div.ajaxtable_container table tr th:hover div.ajaxtable_orderDir,
div.ajaxtable_container table tr th.ajaxtable_ordered div.ajaxtable_orderDir,
div.ajaxtable_container table tr th.ajaxtable_ordered:hover div.ajaxtable_orderDir div.ajaxtable_up,
div.ajaxtable_container table tr th.ajaxtable_ordered:hover div.ajaxtable_orderDir div.ajaxtable_down {
  visibility: visible;
}

div.ajaxtable_container table tr th div.ajaxtable_orderDir div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  min-width: 16px;
  color: #ccc;
  transition: transform 0.18s ease, color 0.18s ease;
}

div.ajaxtable_container table tr th div.ajaxtable_orderDir div.ajaxtable_spinner {
  justify-content: center;
  line-height: 1;
}

div.ajaxtable_container table tr th.ajaxtable_ordered.ajaxtable_orderDir_asc div.ajaxtable_orderDir div.ajaxtable_down,
div.ajaxtable_container table tr th.ajaxtable_ordered.ajaxtable_orderDir_desc div.ajaxtable_orderDir div.ajaxtable_up {
  visibility: visible;
}

div.ajaxtable_container table tr th.ajaxtable_ordered.ajaxtable_orderDir_asc div.ajaxtable_orderDir div.ajaxtable_up,
div.ajaxtable_container table tr th.ajaxtable_ordered.ajaxtable_orderDir_desc div.ajaxtable_orderDir div.ajaxtable_down {
  visibility: hidden;
}

div.ajaxtable_container table tr th.ajaxtable_ordered.ajaxtable_orderDir_asc:hover div.ajaxtable_orderDir div.ajaxtable_up,
div.ajaxtable_container table tr th.ajaxtable_ordered.ajaxtable_orderDir_desc:hover div.ajaxtable_orderDir div.ajaxtable_down {
  visibility: visible;
}

div.ajaxtable_container table tr th.ajaxtable_ordered.ajaxtable_orderDir_desc div.ajaxtable_orderDir div.ajaxtable_up,
div.ajaxtable_container table tr th.ajaxtable_ordered.ajaxtable_orderDir_asc div.ajaxtable_orderDir div.ajaxtable_down {
  color: #333;
  cursor: default;
}

div.ajaxtable_container table tr th div.ajaxtable_orderDir div:hover {
  color: var(--lor-color);
  cursor: pointer;
  transform: scale(1.1);
}

div.ajaxtable_container table tr th div.ajaxtable_columnFilter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  color: #ccc;
  cursor: pointer;
  line-height: 1;
  vertical-align: middle;
  transition: color 0.18s ease, background-color 0.18s ease;
}

div.ajaxtable_container table tr th div.ajaxtable_columnFilter:hover {
  color: var(--lor-color);
}

div.ajaxtable_container table tr th div.ajaxtable_columnFilter > i,
div.ajaxtable_container table tr th div.ajaxtable_columnFilter > svg {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 1;
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.18s ease;
}

div.ajaxtable_container table tr th div.ajaxtable_columnFilter:hover > i,
div.ajaxtable_container table tr th div.ajaxtable_columnFilter:hover > svg {
  transform: scale(1.1);
}

div.ajaxtable_container table tr th.ajaxtable_columnFilterActive div.ajaxtable_columnFilter {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background-color: var(--lor-color-dark);
  color: #fff;
  transform: scale(1);
  transform-origin: center;
  transition: color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

div.ajaxtable_container table tr th.ajaxtable_columnFilterActive div.ajaxtable_columnFilter:hover {
  background-color: var(--lor-color);
  color: #fff;
  transform: scale(1.1);
}

div.ajaxtable_container table tr th div.ajaxtable_columnFilter.ajaxtable_columnFilterDoubleClick {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background-color: rgb(var(--alert-red, 206, 0, 0)) !important;
  color: #fff;
}

div.ajaxtable_container table tr th.ajaxtable_columnFilterActive div.ajaxtable_columnFilter > i,
div.ajaxtable_container table tr th.ajaxtable_columnFilterActive div.ajaxtable_columnFilter > svg {
  width: 12px;
  height: 12px;
  font-size: 12px;
}

div.ajaxtable_container table tr th.ajaxtable_columnFilterActive div.ajaxtable_columnFilter:hover > i,
div.ajaxtable_container table tr th.ajaxtable_columnFilterActive div.ajaxtable_columnFilter:hover > svg {
  transform: scale(1);
}

div.ajaxtable_container table tr th div.ajaxtable_columnFilter svg,
div.ajaxtable_container table tr th div.ajaxtable_columnFilter i,
div.ajaxtable_container table tr th div.ajaxtable_columnFilter path {
  pointer-events: none;
}

div.ajaxtable_container table tr th.ajaxtable_hasOrder:hover {
  background-color: #fcfcfc;
  cursor: pointer;
}