.bg-gradient-primary {
  background-color: var(--bs-primary);
  background-image: linear-gradient(160deg, var(--bs-primary-bg-subtle) 10%, var(--bs-primary) 100%);
  background-size: cover;
}

.bg-tertiary {
  background-color: var(--bs-tertiary-bg);
}

table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting {
  background-image: none !important;
}

/* Optional: Hide the pseudo-elements that create the arrows */

.dataTable > thead > tr > th[class*="sort"]:before, .dataTable > thead > tr > th[class*="sort"]:after {
  content: "" !important;
}

thead {
  display: none;
}

.row-count {
  white-space: nowrap;
  width: 1%;
  font-size: x-large;
  color: var(--bs-danger) !important;
  background-color: var(--bs-secondary) !important;
  /*border-radius: 0.3em;*/
  padding-bottom: 2em;
}

.score {
  font-size: x-large;
  font-weight: bold;
  background-color: transparent !important;
  color: var(--bs-warning) !important;
}

.team-name {
  font-size: x-large;
  font-weight: bold;
  background-color: transparent !important;
  color: white !important;
}

tr {
  background: linear-gradient(160deg, #026873 10%, #0e4956 100%);
}

div.dt-container div.dt-layout-cell {
  padding: 0 !important;
}

#agenda td {
  border-left: solid;
  background: linear-gradient(160deg, #052A33 10%, #026873 100%) !important;
  border-bottom: none !important;
  border-left-color: var(--bs-danger);
  border-left-width: 6px;
  color: var(--bs-light) !important;
}

#agenda table {
  border-spacing: 0px 6px;
  border-collapse: separate;
}

div.dt-container.dt-empty-footer tbody > tr:last-child > * {
  border-bottom: 0px solid rgba(0, 0, 0, 0.15) !important;
}

table.dataTable tr.odd {
  background-color: rgba(0,0,0,0.5) !important;
}

#all-scores td {
  color: white;
}

.all-score {
  color: var(--bs-warning) !important;
}