.table th a {
  color: #000 !important;
  text-decoration: none !important;
}

.table th a:hover {
  color: #000 !important;
  text-decoration: none !important;
}

th.orderable a::after {
    font-family: "bootstrap-icons", sans-serif;
    content: "\F229"; /* bi-arrow-down-up */
    margin-left: 4px;
    opacity: 0.4;
}

th.asc a::after {
    content: "\F286"; /* bi-arrow-up */
    opacity: 1;
}

th.desc a::after {
    content: "\F282"; /* bi-arrow-down */
    opacity: 1;
}

.date-column {
    white-space: nowrap;
    width: 8rem;
}