.fb-primary-background {
  background-color: var(--bs-primary) !important;
}

.fb-navbar-brand {
  line-height: 24px;
  min-height: 37.6px;
  font-size: 16px;
  font-weight: 500;
}

.fb-title-container {
  display: flex;
  align-self: stretch;
  flex-wrap: wrap;
  gap: 16px;
  align-items: start;

  & div:last-child {
    margin-left: auto;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }
}

.input-validation-error {
  border-color: red;
}

.fb-required:after {
  content: "\00A0\2981";
  color: red;
}

.autohide {
  animation: hide 1s linear 5s 1 forwards;
  display: none;
}

@keyframes hide {
  from { display: block; }
  to { opacity: 0; }
}

/* bootstrap overrides */

a:not(.btn) {
  color: var(--bs-primary) !important;
  font-weight: bold;
  text-decoration: none;
  &:hover {
    text-decoration: underline;
  }
}

label.form-label {
  color: #666;
  font-size: small;
  margin-bottom: 0;
}

.btn {
  border-radius: 0;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
  .nav-item & {
    text-transform: none;
  }
}

.card {
  box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.8);
}

th {
  background-color: var(--bs-secondary) !important;
  font-weight: normal;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}