/* These styles are generated from project.scss. */

.tf-container {
  font-family: Arial, Helvetica, sans-serif;
}

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(4, 69, 175);
  color: rgb(255, 255, 255);
  font-size: 12px;
  font-weight: 700;
  padding: 2px 10px;
  border-radius: 25px;
  margin-right: 6px;
  white-space: nowrap;
}

.blue-pill-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(4, 69, 175);
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: 700;
  padding: 12px 24px;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  transition: background-color 0.2s;
  text-decoration: none;
}

.blue-pill-btn:hover,
.blue-pill-btn:focus {
  background-color: rgb(3, 55, 140);
  color: rgb(255, 255, 255);
}