html {
  scroll-behavior: smooth;
  hyphens: auto;
}

.nav .btn {
  background-color: transparent;
  border-color: transparent;
}

.nav .btn:hover,
.nav .btn:active,
.nav .btn.active {
  background-color: rgb(248, 249, 250);
  border-color: rgb(248, 249, 250);
}

.bg-metadata,
.bg-metadata:hover,
.bg-metadata:active {
  color: #fff !important;
  background-color: rgba(64, 149, 205, 1.0) !important;
  border-color: rgba(64, 149, 205, 1.0) !important;
}

.bg-light-metadata,
.bg-light-metadata:hover,
.bg-light-metadata:active {
  color: #fff !important;
  background-color: rgba(64, 149, 205, 0.5) !important;
  border-color: rgba(64, 149, 205, 0.5) !important;
}

.text-metadata,
.text-metadata:hover {
  border-color: rgba(64, 149, 205, 1.0);
}

.text-light-metadata,
.text-light-metadata:hover {
  border-color: rgba(64, 149, 205, 0.5);
}

.bi.metadata {
  color: rgba(64, 149, 205, 1.0)
}

.bg-content,
.bg-content:hover,
.bg-content:active {
  color: #fff !important;
  background-color: rgba(248, 160, 105, 1.0) !important;
  border-color: rgba(248, 160, 105, 1.0) !important;
}

.bg-light-content,
.bg-light-content:hover,
.bg-light-content:active {
  color: #fff !important;
  background-color: rgba(248, 160, 105, 0.5) !important;
  border-color: rgba(248, 160, 105, 0.5) !important;
}

.text-content,
.text-content:hover {
  border-color: rgba(248, 160, 105, 1.0);
}

.text-light-content,
.text-light-content:hover {
  border-color: rgba(248, 160, 105, 0.5);
}

.bi.content {
  color: rgba(248, 160, 105, 1.0);
}

.bg-coref,
.bg-coref:hover,
.bg-coref:active {
  color: #fff !important;
  background-color: rgba(177, 112, 68, 1.0) !important;
  border-color: rgba(177, 112, 68, 1.0) !important;
}

.text-coref,
.text-coref:hover {
  border-color: rgba(177, 112, 68, 1.0);
}

.bi.coref {
  color: rgba(177, 112, 68, 1.0);
}

.bg-dont,
.bg-dont:hover,
.bg-dont:active {
  color: #fff !important;
  background-color: rgba(128, 128, 128, 1.0) !important;
  border-color: rgba(128, 128, 128, 1.0) !important;
}

.text-dont,
.text-dont:hover {
  border-color: rgba(128, 128, 128, 1.0);
}

.text-metadata,
.text-metadata:hover,
.text-content,
.text-content:hover {
  color: rgba(73, 80, 87, 1.0);
}

.text-light-metadata,
.text-light-metadata:hover,
.text-light-content,
.text-light-content:hover {
  color: rgba(73, 80, 87, 0.6);
}

.bg-metadata,
.bg-metadata:hover,
.bg-light-metadata,
.bg-light-metadata:hover,
.bg-content,
.bg-content:hover,
.bg-light-content,
.bg-light-content:hover {
  color: #fff;
}

.text-metadata:hover,
.text-light-metadata:hover,
.text-content:hover,
.text-light-content:hover {
  background-color: transparent;
}

.alert {
  line-height: 32px;
}

.alert > .btn-group {
  margin-top: -6px;
}

.alert > .btn-group > * {
  padding: 0 6px 2px;
}

.alert .external {
  opacity: 0;
  transition: opacity 0.1s linear;
}

.alert:hover .external {
  opacity: 1;
}