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

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

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

:root {
  --pan-blue: #0057b8;
  --pan-blue-dark: #003b7a;
  --pan-blue-soft: #e8f1fb;
  --pan-blue-rgb: 0, 87, 184;
  --bs-primary: var(--pan-blue);
  --bs-primary-rgb: var(--pan-blue-rgb);
  --bs-link-color: var(--pan-blue);
  --bs-link-color-rgb: var(--pan-blue-rgb);
  --bs-link-hover-color: var(--pan-blue-dark);
  --bs-link-hover-color-rgb: 0, 59, 122;
}

.text-primary,
.text-gradient.text-primary,
a.text-primary:hover,
a.text-primary:focus {
  color: var(--pan-blue) !important;
}

.bg-primary,
.badge.bg-primary,
.alert-primary {
  background-color: var(--pan-blue) !important;
}

.border-primary {
  border-color: var(--pan-blue) !important;
}

.btn-primary,
.bg-gradient-primary,
.btn.bg-gradient-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.disabled,
.btn-primary:disabled {
  background-image: linear-gradient(135deg, var(--pan-blue), var(--pan-blue-dark)) !important;
  background-color: var(--pan-blue) !important;
  border-color: var(--pan-blue) !important;
  color: #fff !important;
}

.btn-outline-primary {
  color: var(--pan-blue) !important;
  border-color: var(--pan-blue) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: var(--pan-blue) !important;
  border-color: var(--pan-blue) !important;
  color: #fff !important;
}

.form-control:focus,
.form-select:focus,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: rgba(var(--pan-blue-rgb), .55) !important;
  box-shadow: 0 0 0 .2rem rgba(var(--pan-blue-rgb), .16) !important;
}

.page-item.active .page-link,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--pan-blue) !important;
  color: #fff !important;
}

.page-link,
.dropdown-item.active,
.dropdown-item:active {
  color: var(--pan-blue);
}

.text-gradient {
  background-image: linear-gradient(135deg, var(--pan-blue), var(--pan-blue-dark)) !important;
}

.icon-shape.bg-gradient-primary,
.avatar.bg-gradient-primary,
.hi-primary-gradient {
  background-image: linear-gradient(135deg, var(--pan-blue), var(--pan-blue-dark)) !important;
}

.purple,
.stat-cards-icon.purple,
.top-cat-list__subtitle .purple,
.library-table-name span.purple {
  color: var(--pan-blue) !important;
}

.stat-cards-icon.purple,
.top-cat-list__subtitle .purple,
.library-table-name span.purple {
  background-color: rgba(var(--pan-blue-rgb), .10) !important;
}

.customers-wrapper {
  background-color: var(--pan-blue) !important;
}