html {
  display: block;
}

#main-nav-brand.navbar-brand {
  color: rgb(119, 119, 119);
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
  background-color: rgb(231, 231, 231);
  color: rgba(0, 0, 0, 0.7);
}

#main-nav.navbar {
  margin-bottom: 20px;
  min-height: 36px;
  padding: 0;
}

.nav-link {
  display: flex;
  align-items: center;
}

@media (min-width: 992px) {
  .nav-link {
    min-height: 50px;
  }
}

@media (max-width: 992px) {
  .navbar-nav {
    --bs-nav-link-padding-y: 0.1rem;
  }
}

/*
    The .f1.f2 classes are just to force these classes to be applied with higher precedence than the
    bootstrap styles.
*/
.f1.f2.smarts-button:hover,
.f1.f2.smarts-button:checked,
.f1.f2.smarts-button:active,
.smarts-button:hover,
.smarts-button:checked,
.smarts-button:active,
.btn-check:checked + .btn-outline-secondary,
.btn-check:checked + .f1.f2.btn-outline-secondary {
  background-color: rgb(230, 230, 230);
}

.fs-7 {
  font-size: 0.875rem;
}

.fs-8 {
  font-size: 0.75rem;
}

.fs-9 {
  font-size: 0.66rem;
}

.nav-link-font-size-adaptive {
  font-size: 1.1rem; /* Mobile (larger) */
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

/* Tablet (md) */
@media (min-width: 768px) {
  .nav-link-font-size-adaptive {
    font-size: 0.95rem;
    margin-top: initial;
    margin-bottom: initial;
  }
}

/* Desktop (lg) */
@media (min-width: 992px) {
  .nav-link-font-size-adaptive {
    font-size: 0.875rem;
    margin-top: initial;
    margin-bottom: initial;
  }
}

.form-control-xs,
.form-select-xs,
.input-group-xs {
  font-size: 0.75rem;
  padding: 1px 2px;
}

.button-border-light,
.f1.f2.button-border-light {
  border-color: rgb(173, 173, 173);
}

.table-container .drill-table-body {
  border-top-color: gray;
}

/* This magic number is used in a few places. I couldn't figure out a good way to */
/* only reference it from one spot.*/
.und-max-width {
  max-width: 1140px;
}

:is(td, th).und-data-table-column-separator {
  border-right: 3px;
  border-right-color: black;
  border-right-style: solid;
  padding-right: 14px;
}

.admin-pvf-note-button-popover {
  --bs-popover-max-width: 610px;
}

.admin-pvf-note-button-popover > div.popover-body > p {
  margin-bottom: 0;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
  box-sizing: border-box;
}