html, body {
  height: 100%;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
  color: var(--neutral-900);
  background-color: #fff;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--brand-link);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.navbar .nav-link.active,
.navbar .nav-link[aria-current="page"] {
  color: var(--brand-primary-600) !important;
  font-weight: 600;
}

.btn-brand {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--brand-primary-600);
  --bs-btn-hover-border-color: var(--brand-primary-600);
  --bs-btn-active-bg: var(--brand-primary-700);
  --bs-btn-active-border-color: var(--brand-primary-700);
}

.text-brand { color: var(--brand-primary-600) !important; }
.bg-brand-soft { background-color: var(--brand-primary-50) !important; }

.placeholder { border-radius: var(--radius-sm); }

#content { min-height: 60vh; }

img { max-width: 100%; height: auto; }

.table th, .table td { vertical-align: middle; }

.alert-top {margin-top: 4.5rem !important; }
.fullheight {max-height: 100%!important}
.grecaptcha-badge {opacity:.3!important}
.notdisplay {display:none}
.copyable {cursor: pointer}
i.fas,span.borded{margin:5px!important}