.required:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 50%;
  vertical-align: text-top;
  color: var(--mt-error);
  content: " \f621";
}

.text-wrap {
  white-space: normal !important;
}

.highlight {
  background-color: var(--mt-dk-gray);
  color: var(--white);
}

.mt-lt-bg {
  background-color: var(--mt-lt-bg);
}

.line-height-1 {
  line-height: 1rem;
}

.badge {
  min-width: 1.5rem;
  border-radius: 1.25rem;
  line-height: 1.125rem;
  padding: 3px 8px 3px 8px;
}

.badge-primary {
  color: var(--white);
  background-color: var(--mt-primary);
}

button.badge-primary {
  border: none;
}

button.badge-primary:hover {
  color: var(--white) !important;
  background-color: var(--primary-hover);
}

button.badge-primary:not(:focus-visible)  {
  outline: none;
}

button.badge-primary:focus-visible {
  outline-offset: 0.125rem;
  outline: solid 0.125rem var(--focus-blue-transparent);
  box-shadow: none;
}

.badge-pill.badge-primary {
  background-color: var(--mt-alert-info-bg);
  color: var(--dk-text-blue);
}

.badge-light {
  background-color: var(--mt-alert-light-bg);
  color: var(--dk-text-yellow);
}

.badge-secondary {
  background-color: var(--gray7);
  color: var(--gray2);
}

.badge-error {
  background-color: #f9f1f2;
  color: #cf0317;
}

.badge-danger {
  background-color: var(--mt-alert-error-bg);
  color: var(--mt-error);
}

.badge-success {
  background-color: var(--mt-alert-success-bg);
  color: var(--dk-text-green);
}

.badge-warning {
  background-color: var(--mt-alert-warning-bg);
  color: var(--dk-text-orange);
}

.text-strike {
  text-decoration: line-through;
}

.pointer {
  cursor: pointer;
}

.text-small,
.subLabelSmallText {
  font-size: 0.85rem;
  line-height: 0.85rem;
}

.subLabelSmallText {
  font-style: italic;
}

.text-black {
  color: var(--black);
}