:root,
[data-bs-theme="light"] {
  --pmac-ink: #060809;
  --pmac-green-deep: #136300;
  --pmac-green: #1cd700;
  --pmac-orange: #ff9000;
  --pmac-yellow: #fdd100;
  --pmac-blue-corporate: #202c53;
  --pmac-blue-deep: #00136e;
  --pmac-blue: #0d58ff;
  --pmac-red-deep: #b70b12;
  --pmac-red: #fb182a;
  --pmac-gray: #cfdad9;
  --pmac-gray-soft: #ebf1ef;
  --pmac-white: #ffffff;
  --pmac-black: #000000;

  --bs-primary: var(--pmac-blue-corporate);
  --bs-primary-rgb: 32, 44, 83;
  --bs-primary-text-emphasis: #12192f;
  --bs-primary-bg-subtle: #e8eaf0;
  --bs-primary-border-subtle: #b4bbcd;

  --bs-secondary: #42504a;
  --bs-secondary-rgb: 66, 80, 74;
  --bs-secondary-bg-subtle: var(--pmac-gray-soft);
  --bs-secondary-border-subtle: var(--pmac-gray);

  --bs-success: var(--pmac-green-deep);
  --bs-success-rgb: 19, 99, 0;
  --bs-success-bg-subtle: #e7f1e5;
  --bs-success-border-subtle: #a9d0a1;
  --bs-success-text-emphasis: #0b3b00;

  --bs-info: var(--pmac-blue-deep);
  --bs-info-rgb: 0, 19, 110;
  --bs-info-bg-subtle: #e5e8f1;
  --bs-info-border-subtle: #a3abc9;
  --bs-info-text-emphasis: #001052;

  --bs-warning: var(--pmac-yellow);
  --bs-warning-rgb: 253, 209, 0;
  --bs-warning-bg-subtle: #fff7cc;
  --bs-warning-border-subtle: #ffe866;
  --bs-warning-text-emphasis: #5c4a00;

  --bs-danger: var(--pmac-red-deep);
  --bs-danger-rgb: 183, 11, 18;
  --bs-danger-bg-subtle: #f8e7e8;
  --bs-danger-border-subtle: #dea7aa;
  --bs-danger-text-emphasis: #78070c;

  --bs-body-bg: #f6f8f7;
  --bs-body-color: #1a241f;
  --bs-heading-color: var(--pmac-ink);
  --bs-link-color: var(--pmac-blue-corporate);
  --bs-link-hover-color: #151d38;
  --bs-border-color: #d8e1dd;
  --bs-border-color-translucent: rgba(6, 8, 9, 0.1);
  --bs-focus-ring-color: rgba(32, 44, 83, 0.22);

  --public-primary: var(--pmac-green-deep);
  --public-ink: var(--pmac-ink);
  --public-muted: #5d6c65;
  --public-page: #f6f8f7;
  --public-border: #d8e1dd;
}

[data-bs-theme="dark"] {
  --bs-primary: var(--pmac-blue-corporate);
  --bs-primary-rgb: 32, 44, 83;
  --bs-primary-text-emphasis: #cdd5ef;
  --bs-primary-bg-subtle: #151d38;
  --bs-primary-border-subtle: #394875;
  --bs-body-bg: #060809;
  --bs-body-color: #eef4f1;
  --bs-heading-color: #ffffff;
  --bs-border-color: rgba(255, 255, 255, 0.12);
}

body {
  background-color: var(--bs-body-bg);
}

a,
.text-primary {
  color: var(--bs-primary) !important;
}

.bg-primary,
.btn-primary,
.progress-bar,
.page-item.active .page-link {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-primary {
  box-shadow: 0 0.35rem 0.9rem rgba(32, 44, 83, 0.18);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #151d38 !important;
  border-color: #151d38 !important;
}

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

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

.btn-label-primary,
.bg-label-primary {
  color: var(--pmac-blue-corporate) !important;
  background-color: rgba(32, 44, 83, 0.11) !important;
}

.btn-label-primary:hover,
.btn-label-primary:focus {
  color: #fff !important;
  background-color: var(--pmac-blue-corporate) !important;
}

.bg-label-success,
.btn-label-success {
  color: var(--pmac-green-deep) !important;
  background-color: rgba(28, 215, 0, 0.12) !important;
}

.bg-label-info,
.btn-label-info {
  color: var(--pmac-blue-deep) !important;
  background-color: rgba(0, 19, 110, 0.11) !important;
}

.bg-label-warning,
.btn-label-warning {
  color: #5c4a00 !important;
  background-color: rgba(253, 209, 0, 0.24) !important;
}

.bg-label-danger,
.btn-label-danger {
  color: var(--pmac-red-deep) !important;
  background-color: rgba(183, 11, 18, 0.11) !important;
}

.bg-label-secondary,
.btn-label-secondary {
  color: #42504a !important;
  background-color: var(--pmac-gray-soft) !important;
}

.btn-label-secondary:hover,
.btn-label-secondary:focus {
  color: var(--pmac-ink) !important;
  background-color: var(--pmac-gray) !important;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(32, 44, 83, 0.16) !important;
}

.form-check-input:checked {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.card,
.modal-content,
.dropdown-menu {
  border-color: rgba(6, 8, 9, 0.08);
  box-shadow: 0 0.4rem 1.2rem rgba(6, 8, 9, 0.06);
}

.card-header {
  border-bottom-color: rgba(6, 8, 9, 0.08);
}

.table thead th {
  color: var(--pmac-ink);
  background: rgba(235, 241, 239, 0.78);
}

.table-hover tbody tr:hover {
  background-color: rgba(32, 44, 83, 0.045);
}

.layout-menu {
  background: linear-gradient(180deg, var(--pmac-blue-corporate) 0%, #151d38 100%) !important;
}

.layout-menu .app-brand {
  border-bottom: 1px solid rgba(253, 209, 0, 0.24);
}

.layout-menu .app-brand-text,
.layout-menu .menu-link,
.layout-menu .menu-link i,
.layout-menu .menu-header {
  color: rgba(255, 255, 255, 0.84) !important;
}

.layout-menu .menu-item.active > .menu-link,
.layout-menu .menu-item.open > .menu-link,
.layout-menu .menu-link:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

.layout-menu .menu-item.active > .menu-link {
  color: #fff !important;
  background: rgba(253, 209, 0, 0.16) !important;
  border-left: 4px solid var(--pmac-yellow);
}

.layout-menu .app-brand-logo img {
  width: 42px;
  height: 42px;
  max-height: 42px;
  object-fit: contain;
}

.navbar-detached {
  border: 1px solid rgba(6, 8, 9, 0.08);
  box-shadow: 0 0.45rem 1.1rem rgba(6, 8, 9, 0.05);
}

.menu-mobile-toggler .text-bg-secondary {
  background-color: var(--pmac-blue-corporate) !important;
}

.authentication-wrapper.authentication-basic {
  background: transparent !important;
}

.authentication-wrapper .app-brand img {
  max-height: 96px;
  object-fit: contain;
}

.public-form-page {
  background:
    linear-gradient(180deg, rgba(0, 19, 110, 0.09) 0, rgba(0, 19, 110, 0) 210px),
    var(--public-page) !important;
}

.public-form-card {
  position: relative;
  overflow: hidden;
}

.public-form-card::before {
  position: absolute;
  inset: 0 0 auto;
  height: 6px;
  content: "";
  background: linear-gradient(90deg, var(--pmac-green-deep), var(--pmac-yellow), var(--pmac-blue-deep), var(--pmac-red-deep));
}

.public-form-header .text-primary,
.event-summary-meta i {
  color: var(--pmac-green-deep) !important;
}

.public-wizard-step.is-active {
  color: var(--pmac-green-deep) !important;
  border-color: var(--pmac-green-deep) !important;
  box-shadow: 0 0 0 0.18rem rgba(19, 99, 0, 0.1) !important;
}

.public-wizard-step.is-active .public-wizard-number,
.public-form-page .text-bg-primary {
  background-color: var(--pmac-green-deep) !important;
}

.public-form-page .btn-primary,
.public-form-page .progress-bar {
  background-color: var(--pmac-green-deep) !important;
  border-color: var(--pmac-green-deep) !important;
}

.public-form-page .btn-primary:hover,
.public-form-page .btn-primary:focus {
  background-color: #0d4700 !important;
  border-color: #0d4700 !important;
}

.public-form-page .btn-outline-primary {
  color: var(--pmac-green-deep) !important;
  border-color: var(--pmac-green-deep) !important;
}

.public-form-page .btn-outline-primary:hover,
.public-form-page .btn-outline-primary:focus {
  color: #fff !important;
  background-color: var(--pmac-green-deep) !important;
}

.event-summary-compact {
  border-left-color: var(--pmac-green-deep) !important;
}

.event-status-pill.is-info {
  color: var(--pmac-blue-deep) !important;
  background: rgba(0, 19, 110, 0.11) !important;
  border-color: rgba(0, 19, 110, 0.2) !important;
}

.event-status-pill.is-warning {
  color: #5c4a00 !important;
  background: rgba(253, 209, 0, 0.24) !important;
  border-color: rgba(253, 209, 0, 0.45) !important;
}

.event-status-pill.is-success {
  color: var(--pmac-green-deep) !important;
  background: rgba(19, 99, 0, 0.11) !important;
  border-color: rgba(19, 99, 0, 0.22) !important;
}

.event-status-pill.is-danger {
  color: var(--pmac-red-deep) !important;
  background: rgba(183, 11, 18, 0.11) !important;
  border-color: rgba(183, 11, 18, 0.24) !important;
}

.dashboard-operation-card {
  background:
    linear-gradient(135deg, rgba(32, 44, 83, 0.08) 0%, rgba(32, 44, 83, 0.03) 100%),
    #fff;
  border-top: 4px solid var(--pmac-blue-corporate) !important;
}

.dashboard-operation-icon {
  color: var(--pmac-blue-corporate);
}

.dashboard-operation-item,
.dashboard-event-indicator,
.dashboard-detail-section {
  background-color: rgba(235, 241, 239, 0.58) !important;
  border-color: rgba(32, 44, 83, 0.12) !important;
}

.dashboard-home .avatar-initial {
  border: 1px solid rgba(6, 8, 9, 0.06);
}

.highcharts-color-0 {
  fill: var(--pmac-blue-corporate);
  stroke: var(--pmac-blue-corporate);
}

.highcharts-color-1 {
  fill: var(--pmac-green-deep);
  stroke: var(--pmac-green-deep);
}

.highcharts-color-2 {
  fill: var(--pmac-yellow);
  stroke: var(--pmac-yellow);
}

.highcharts-color-3 {
  fill: var(--pmac-red-deep);
  stroke: var(--pmac-red-deep);
}

@media (max-width: 1199.98px) {
  .layout-menu .menu-item.active > .menu-link {
    border-left-width: 0;
  }
}