/* Audit trail page. The header matches every other page header here (#usage-header, #clients-header):
   padding-top 30px is what keeps the content off the navbar. */
#audit-trail-header {
  padding-top: 30px;
  font-size: 24px;
  color: black;
  margin-bottom: 20px;
  font-weight: bold;
}

/* The filter card (the usage-card look): dropdowns, dates, search and the audience switches in one row set */
.kr-audit-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 20px;
  padding: 20px 24px 18px;
  background: #fff;
  border: 1px solid #d9d9d9;
  box-shadow: 0 4px 12px 3px rgba(0, 0, 0, 0.12);
  border-radius: 18px;
}

.kr-audit-filter {
  flex: 0 1 190px;
}

.kr-audit-search {
  flex: 1 1 260px;
}

.kr-audit-switches {
  display: flex;
  gap: 24px;
  padding-bottom: 8px;
}

.kr-audit-switches .form-check-label {
  color: #212b35;
}

.kr-audit-cap {
  margin: 0 0 8px;
}

.kr-bootstrap-table .bootstrap-table.bootstrap5 .audit-table-user {
  width: 220px;
}

.kr-bootstrap-table .bootstrap-table.bootstrap5 .audit-table-area,
.kr-bootstrap-table .bootstrap-table.bootstrap5 .audit-table-action {
  width: 120px;
}

.kr-bootstrap-table .bootstrap-table.bootstrap5 .audit-table-time {
  width: 210px;
}

.kr-bootstrap-table .bootstrap-table.bootstrap5 .audit-table-change {
  width: auto;
}

.kr-change-details {
  font-size: 14px;
}

/* The small link beside "Manage Projects for <client>" into that client's own audit trail */
.audit-trail-page-link {
  margin-left: 16px;
  font-size: 14px;
  font-weight: 600;
  color: #179cfd;
  text-decoration: none;
  vertical-align: middle;
}

.audit-trail-page-link:hover {
  text-decoration: underline;
}