/* Blue headers */
table.dataTable thead th,
table.dataTable thead td {
  background-color: #0A5D80; /* blue */
  color: #fff;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  background-color: #0A5D80;
  color: #fff;
}

/* Multi-line current text */
.asof { font-size: 0.85em; color: #666; }

/* Progress widget */
.dt-progress {
  position: relative; width: 140px; height: 28px;
  border-radius: 14px; background: #f1f3f5; overflow: hidden;
}
.dt-progress-bar {
  position: absolute; left: 0; top: 0; height: 100%;
  border-radius: 14px; opacity: 0.35;
}
.dt-progress-pill {
  position: absolute; left: 6px; top: 4px;
  padding: 2px 8px; border-radius: 999px; color: #fff;
  font-weight: 600; line-height: 1.1;
}

/* Threshold colours */
/* Status colours */
.progress-red .dt-progress-bar,
.progress-red .dt-progress-pill {
  background: #d93025; /* Below expectation */
}

.progress-orange .dt-progress-bar,
.progress-orange .dt-progress-pill {
  background: #f39c12; /* Slightly behind */
}

.progress-green .dt-progress-bar,
.progress-green .dt-progress-pill {
  background: #1e7e34; /* On track */
}

.progress-grey .dt-progress-bar,
.progress-grey .dt-progress-pill {
  background: #c8c8c8; /* No assessment */
}


/* Nice vertical alignment for tall cells */
table.dataTable tbody td { vertical-align: top; }

/* Ensure the arrows sit above the blue header background
table.dataTable thead th {
  position: relative;
  overflow: visible;
}*/

/* Yellow sort triangles
table.dataTable thead > tr > th.sorting::before,
table.dataTable thead > tr > th.sorting_asc::before,
table.dataTable thead > tr > th.sorting_desc::before {
 color: #ffd500 !important;
  opacity: 1 !important;
  z-index: 2;
}

table.dataTable thead > tr > th.sorting::after,
table.dataTable thead > tr > th.sorting_asc::after,
table.dataTable thead > tr > th.sorting_desc::after {
 color: #ffd500 !important;
  opacity: 1 !important;
  z-index: 2;
}*/