:root {
  --performa-button-green: #008295;
  --performa-button-green-hover: #008295;
  --performa-button-green-active: #008295;
  --performa-text-strong: #1f2937;
}

.btn,
a.btn,
button.btn,
input.btn {
  background-color: var(--performa-button-green) !important;
  border-color: var(--performa-button-green) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.btn:hover,
.btn:focus,
.btn:focus-visible,
.btn:active,
.btn.active,
.show > .btn.dropdown-toggle {
  background-color: var(--performa-button-green-hover) !important;
  border-color: var(--performa-button-green-hover) !important;
  color: #ffffff !important;
}

.btn:active,
.btn.active,
.show > .btn.dropdown-toggle {
  background-color: var(--performa-button-green-active) !important;
  border-color: var(--performa-button-green-active) !important;
}

.btn.disabled,
.btn:disabled {
  background-color: #008295 !important;
  border-color: #008295 !important;
  color: #ffffff !important;
  opacity: 1;
}

.btn i,
.btn span,
.btn small {
  color: inherit !important;
}

.brand-actions > .btn,
.brand-actions > a.btn,
.brand-actions > button.btn,
.brand-actions > form,
.material-actions > .btn,
.material-actions > a.btn,
.material-actions > button.btn,
.material-actions > form,
.monconi-actions > .btn,
.monconi-actions > a.btn,
.monconi-actions > button.btn,
.monconi-actions > form,
.d-flex.gap-2 > .btn,
.d-flex.gap-2 > a.btn,
.d-flex.gap-2 > button.btn,
.d-flex.gap-2 > form,
.d-flex.flex-wrap.gap-2 > .btn,
.d-flex.flex-wrap.gap-2 > a.btn,
.d-flex.flex-wrap.gap-2 > button.btn,
.d-flex.flex-wrap.gap-2 > form,
.d-inline-flex.gap-2 > .btn,
.d-inline-flex.gap-2 > a.btn,
.d-inline-flex.gap-2 > button.btn,
.d-inline-flex.gap-2 > form {
  flex: 1 1 7.75rem;
  min-width: 7.75rem;
  max-width: 9.5rem;
}

.brand-actions > .btn,
.brand-actions > a.btn,
.brand-actions > button.btn,
.material-actions > .btn,
.material-actions > a.btn,
.material-actions > button.btn,
.monconi-actions > .btn,
.monconi-actions > a.btn,
.monconi-actions > button.btn,
.d-flex.gap-2 > .btn,
.d-flex.gap-2 > a.btn,
.d-flex.gap-2 > button.btn,
.d-flex.flex-wrap.gap-2 > .btn,
.d-flex.flex-wrap.gap-2 > a.btn,
.d-flex.flex-wrap.gap-2 > button.btn,
.d-inline-flex.gap-2 > .btn,
.d-inline-flex.gap-2 > a.btn,
.d-inline-flex.gap-2 > button.btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.brand-actions > form,
.material-actions > form,
.monconi-actions > form,
.d-flex.gap-2 > form,
.d-flex.flex-wrap.gap-2 > form,
.d-inline-flex.gap-2 > form {
  display: flex;
}

.brand-actions > form > .btn,
.material-actions > form > .btn,
.monconi-actions > form > .btn,
.d-flex.gap-2 > form > .btn,
.d-flex.flex-wrap.gap-2 > form > .btn,
.d-inline-flex.gap-2 > form > .btn {
  width: 100%;
  justify-content: center;
}

.text-muted,
.text-secondary,
.text-body-secondary,
.client-muted,
.form-text,
.register-note,
.auth-foot,
.register-cta-text,
.client-page-header p,
.client-page-header .breadcrumb a,
.client-page-header .breadcrumb-item.active,
.page-title-right .breadcrumb-item,
.page-title-right .breadcrumb-item a,
.card-text.text-muted,
.small.text-muted,
small.text-muted {
  color: var(--performa-text-strong) !important;
}
