body {
  min-width: 552px;
  width: 100%;
  height: 100%;
}

.sf-min-width {
  min-width: 276px;
}

.sf-card {
  min-width: 276px;
  height: 218px;
  background-color: #f3f3f3;
}

.sf-auth-card {
  min-width: 276px;
  height: 159px;
  background-color: #f3f3f3;
}

.sf-fake-auth-card {
  min-width: 276px;
  height: 218px;
  background-color: #f3f3f3;
}

.sf-btn {
  max-width: 190px;
  min-width: 152px;
  width: 75%;
  margin: 0 auto;
  padding: 6px 15px;
  background-color: #006eb5;
  font-weight: 500;
}

.sf-btn:hover, .sf-btn:active {
  background: #007bca;
}

.sf-icon {
  font-size: 4.25rem;
  color: rgba(108, 117, 125, 0.15);
}

.sf-icon-sm {
  font-size: .875rem;
  color: #198754;
}

.sf-icon-xs {
  font-size: 1.5rem;
  color: #f0bc3c;
}

.sf-error-msg {
  margin-top:.25rem;
  font-size: .75rem;
  color:#dc3545
}

.sf-fake-error-msg {
  font-size: .75rem;
  color:#dc3545
}