.navbar .nav-link.active { display: none; }

#page-title::first-letter,
#incident-title::first-letter,
p::first-letter {
  text-transform: capitalize;
}

a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(0, 0, 0, 0.5);
}

a:hover {
  color: inherit;
  text-decoration-color: rgba(0, 0, 0, 1);
}

#incident a.text-secondary.text-decoration-none:hover h2 {
  text-decoration: underline;
  text-decoration-color: rgba(0, 0, 0, .5);
}

th {
  font-weight: 500 !important;
}

.btn, .nav-link, .navbar-brand {
  text-decoration: none;
}

.btn:hover, .nav-link:hover, .navbar-brand:hover {
  text-decoration: none;
}

.badge {
  max-width: 270px;
  text-overflow: ellipsis;
  overflow: hidden;
}

a.badge {
  transition: background-color 0.15s ease, color 0.15s ease;
}

a.badge:hover {
  background-color: #212529 !important;
  color: var(--badge-color) !important;
}

p.field-parties .badge-notidentifiable {
  display: none;
}

/* BOOTSTRAP PRIMARY OVERRIDE */
:root {
  --bs-primary: #177df5;
  --bs-primary-rgb: 23, 125, 245;
  --bs-border-radius: 3px;
  --bs-border-radius-sm: 3px;
  --bs-border-radius-lg: 3px;
  --bs-border-radius-xl: 3px;
  --bs-border-radius-xxl: 3px;
  --bs-border-radius-pill: 3px;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #177df5;
  --bs-btn-border-color: #177df5;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6de0;
  --bs-btn-hover-border-color: #0c67d4;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0c67d4;
  --bs-btn-active-border-color: #0b61c7;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #177df5;
  --bs-btn-disabled-border-color: #177df5;
}

.navbar-brand {
  font-weight: 700;
  letter-spacing: 0.05em;
}

.nav-link.active {
  font-weight: 700;
  text-decoration: underline;
}

div.bg-white.py-3 {
  min-height: calc(100vh - 225px);
}

#custom-info,
.dt-length {
  color: var(--bs-secondary-color);
}

/* TABLES */
.table-hover > tbody > tr:hover > * {
  --bs-table-bg: #f8f9fa;
}
table.table thead th,
table.table  tbody td {
  off-border-left: none;
  off-border-right: none;
  min-width: 180px;
}

table.table  thead th:first-child,
table.table  tbody td:first-child {
  min-width: 270px;
}


#incidents-table tbody tr {
  cursor: pointer;
}

#issues-table thead th,
#issues-table tbody td {
  min-width: 270px;
}

#temporal-table thead th,
#temporal-table tbody td,
#harms-table thead th,
#harms-table tbody td {
  min-width: 360px;
}

#temporal-table thead th:nth-last-child(3),
#temporal-table thead th:nth-last-child(2),
#harms-table thead th:nth-last-child(7),
#harms-table thead th:nth-last-child(6),
#temporal-table tbody td:nth-last-child(3),
#temporal-table tbody td:nth-last-child(2),
#harms-table tbody td:nth-last-child(7),
#harms-table tbody td:nth-last-child(6) {
  min-width: 180px;
}

#issues-table tbody td:nth-last-child(2),
#temporal-table tbody td:nth-last-child(3),
#harms-table tbody td:nth-last-child(7),
#harms-table tbody td:nth-last-child(6) {
  cursor: pointer;
  font-weight: bold;
}

#issues-table tbody td:nth-last-child(2):hover,
#temporal-table tbody td:nth-last-child(3):hover,
#harms-table tbody td:nth-last-child(7):hover,
#harms-table tbody td:nth-last-child(6):hover {
  text-decoration: underline;
  text-decoration-color: rgba(0, 0, 0, .5);
}

#temporal-table tbody td:nth-last-child(2),
#harms-table tbody td:nth-last-child(6) {
  opacity: .67;
  font-weight: bold;
}

@media (max-width: 575.98px) {
  .taxonomies-table,
  .taxonomies-table thead,
  .taxonomies-table tbody,
  .taxonomies-table tr,
  .taxonomies-table th,
  .taxonomies-table td {
    display: block;
    min-width: 0;
    width: 100%;
    border: 0;
  }
  .taxonomies-table thead {
    display: none;
  }
  .taxonomies-table tbody tr td {
    padding-top: 0;
  }
  .taxonomies-table tbody tr td:first-child {
    border-top: var(--bs-border-width) solid var(--bs-border-color);
    padding-top: 0.5rem;
    padding-bottom: 0;
  }
  #temporal-table tbody tr td:nth-last-child(2) {
    border-top: var(--bs-border-width) dotted var(--bs-border-color);
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0;
  }
  #temporal-table tbody tr:last-child td:nth-child(2) {
    display: none;
  }
  .taxonomies-table tbody tr td:last-child {
    padding-bottom: 0.5rem;
  }
  .taxonomies-table tbody tr:last-child td:last-child {
    border-bottom: var(--bs-border-width) solid var(--bs-border-color);
  }
}
