html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

body > header + .container {
    margin-top: 5rem;
}

.text-pre-line {
    white-space: pre-line !important;
}

.navbar-brand.navbar-brand-icon {
    padding: 0;
    margin: -.3rem 1.125rem -.5rem -.5rem;
}

.navbar-brand.navbar-brand-app-name,
.navbar-brand.navbar-brand-app-name:hover {
    color: #FFCD00;
}

.navbar-brand > img {
    max-height: 3.5rem;
}

.navbar-text {
    font-size: smaller;
}

tr.inactive > td,
td.inactive,
.table-striped > tbody > tr.inactive:nth-of-type(odd) > *,
.table-hover > tbody > tr.inactive:hover > * {
    color: var(--bs-text-muted-color) !important;
}

/* This positions the audit icon to the left of the close button */
.modal-header.with-audit-icon .audit-icon {
    transform: translateX(-30px);
}

/* This shifts the close button back to where it would have been if there were no audit icon */
.modal-header.with-audit-icon .btn-close {
    transform: translateX(20px);
}