:root {
  --kira-blue: #002043;
  --kira-blue-active: #001733;
  --kira-blue-soft: #f3f8fb;
  --kira-green: #98ff00;
  --kira-green-soft: rgba(152, 255, 0, .18);
  --bs-primary: #002043;
  --bs-primary-rgb: 0, 32, 67;
  --kt-primary: #002043;
  --kt-primary-active: #001733;
  --kt-primary-light: rgba(152, 255, 0, .18);
}

body {
  background-color: #f5f8fa;
}

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

.btn.btn-primary {
  color: #fff !important;
  background-color: var(--kira-blue) !important;
  border-color: var(--kira-blue) !important;
}

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

.btn.btn-primary i,
.btn.btn-primary .svg-icon {
  color: #fff !important;
}

.btn.btn-light-primary,
.badge-light-primary,
.bg-light-primary,
.symbol-label.bg-light-primary {
  color: var(--kira-blue) !important;
  background-color: var(--kira-green-soft) !important;
}

.btn.btn-light-primary:hover,
.btn.btn-light-primary:focus,
.btn.btn-light-primary:active {
  color: var(--kira-blue) !important;
  background-color: rgba(152, 255, 0, .28) !important;
}

.text-success {
  color: #5fb400 !important;
}

.pm-admin-logo,
.pm-dealer-logo {
  width: 176px !important;
  max-height: 48px !important;
  object-fit: contain;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: .2rem .35rem !important;
  box-shadow: none !important;
}

.pm-logo {
  width: 78% !important;
  max-width: 310px !important;
  object-fit: contain;
}

.pm-light-aside {
  background: #fff !important;
  border-right-color: rgba(0, 32, 67, .08) !important;
}

.pm-light-aside .aside-logo {
  background: #fff !important;
  border-bottom-color: rgba(0, 32, 67, .08) !important;
}

.pm-light-aside .menu .menu-item .menu-link:hover,
.pm-light-aside .menu .menu-item .menu-link.active,
.pm-light-aside .menu .menu-item.here > .menu-link,
.pm-light-aside .menu .menu-item.show > .menu-link {
  background-color: var(--kira-green-soft) !important;
  box-shadow: inset 3px 0 0 var(--kira-green);
}

.pm-light-aside .menu .menu-item .menu-link:hover .menu-title,
.pm-light-aside .menu .menu-item .menu-link.active .menu-title,
.pm-light-aside .menu .menu-item.here > .menu-link .menu-title,
.pm-light-aside .menu .menu-item.show > .menu-link .menu-title,
.pm-light-aside .menu .menu-item .menu-link:hover .menu-icon i,
.pm-light-aside .menu .menu-item .menu-link.active .menu-icon i,
.pm-light-aside .menu .menu-item.here > .menu-link .menu-icon i,
.pm-light-aside .menu .menu-item.show > .menu-link .menu-icon i {
  color: var(--kira-blue) !important;
}

.pm-light-aside .menu .menu-item .menu-link.active .menu-bullet .bullet,
.pm-light-aside .menu .menu-item .menu-link:hover .menu-bullet .bullet {
  background-color: var(--kira-green) !important;
}

.pm-light-aside .aside-footer .rounded {
  background-color: rgba(152, 255, 0, .12) !important;
  border-color: rgba(152, 255, 0, .35) !important;
}

.pm-shell-header,
.pm-shell-toolbar {
  background: #fff !important;
  border-color: rgba(0, 32, 67, .08) !important;
}

.pm-admin-content .card,
.pm-dealer-content .card {
  box-shadow: 0 .125rem 1rem rgba(0, 32, 67, .055) !important;
}

.pm-admin-content .dx-datagrid .dx-link,
.pm-dealer-content .dx-datagrid .dx-link,
.dx-theme-generic-typography a {
  color: var(--kira-blue) !important;
}

.dx-button-mode-contained.dx-button-default {
  color: #fff !important;
  background-color: var(--kira-blue) !important;
  border-color: var(--kira-blue) !important;
}

.dx-button-mode-contained.dx-button-default.dx-state-hover,
.dx-button-mode-contained.dx-button-default.dx-state-focused {
  background-color: var(--kira-blue-active) !important;
  border-color: var(--kira-blue-active) !important;
}

.dx-checkbox-checked .dx-checkbox-icon,
.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
  background-color: var(--kira-blue) !important;
  border-color: var(--kira-blue) !important;
}

.pm-admin-visual,
.pm-dealer-visual {
  background:
    radial-gradient(circle at top left, rgba(152, 255, 0, .38), transparent 34%),
    linear-gradient(135deg, #002043 0%, #001733 52%, #0a3d64 100%) !important;
}

.pm-admin-glass,
.pm-dealer-glass {
  border-color: rgba(152, 255, 0, .24) !important;
  box-shadow: 0 24px 80px rgba(0, 18, 38, .32) !important;
}

.pm-brand-mark {
  width: 42px;
  height: 42px;
  object-fit: contain;
}