/* Small runtime CSS overrides that should not require Vite rebuilds. */

.btn.btn-enhanced-portal,
.btn-client-portal {
  background-color: #111 !important;
  border: 1px solid #111 !important;
  color: #fff !important;
}

.btn.btn-enhanced-portal .btn-icon,
.btn.btn-enhanced-portal .btn-text,
.btn.btn-enhanced-portal .btn-arrow,
.btn.btn-enhanced-portal i {
  color: inherit !important;
}

.ms-portal-btn {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25) !important;
}

.btn-client-portal:hover,
.btn-client-portal:focus {
  background-color: #fff !important;
  border-color: #111 !important;
  color: #111 !important;
  text-decoration: none;
}

.btn.btn-enhanced-portal:hover,
.btn.btn-enhanced-portal:focus,
.ms-portal-btn:hover,
.ms-portal-btn:focus {
  background-color: #fff !important;
  border-color: #111 !important;
  color: #111 !important;
  text-decoration: none;
}

.btn-client-portal:active {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}

.btn.btn-enhanced-portal:active,
.ms-portal-btn:active {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}

.btn-client-portal:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
  outline: 0;
}

.btn.btn-enhanced-portal:focus-visible,
.ms-portal-btn:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25) !important;
  outline: 0;
}