.bpm-ui-v2 {
  background: var(--bpm-background);
  color: var(--bpm-ink);
  font-family: var(--bpm-font);
  min-height: 100vh;
  overflow-x: hidden;
}

.bpm-ui-v2 a {
  color: var(--bpm-primary-strong);
}

.bpm-ui-v2 .breadcrumb-item.active {
  color: var(--bpm-muted);
}

.bpm-ui-v2 .text-muted,
.bpm-ui-v2 small,
.bpm-ui-v2 .bpm-kpi__label {
  color: var(--bpm-muted) !important;
}

.bpm-ui-v2 .bg-soft-primary .text-primary,
.bpm-ui-v2 .bg-soft-primary.text-primary {
  color: var(--bpm-primary-strong) !important;
}

.bpm-ui-v2 a:focus,
.bpm-ui-v2 button:focus,
.bpm-ui-v2 input:focus,
.bpm-ui-v2 select:focus,
.bpm-ui-v2 textarea:focus {
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .24);
  outline: 2px solid transparent;
}

.bpm-ui-v2 .btn-primary,
.bpm-auth-v2 .btn-primary {
  background: var(--bpm-primary);
  border-color: var(--bpm-primary);
  color: #ffffff !important;
}

.bpm-ui-v2 .btn-primary:hover,
.bpm-auth-v2 .btn-primary:hover {
  background: var(--bpm-primary-strong);
  border-color: var(--bpm-primary-strong);
  color: #ffffff !important;
}

.bpm-ui-v2 .btn-info {
  background: var(--bpm-info);
  border-color: var(--bpm-info);
  color: #ffffff !important;
}

.bpm-ui-v2 .btn-info:hover {
  background: #075985;
  border-color: #075985;
  color: #ffffff !important;
}

.bpm-ui-v2 .page-item.disabled .page-link,
.bpm-ui-v2 .paginate_button.disabled .page-link {
  color: var(--bpm-muted);
}

.bpm-ui-v2 img,
.bpm-auth-v2 img {
  max-width: 100%;
}
