/* Paleta del pase: azul #2C9CDB, gris oscuro #1E293B, gris claro #E6E9ED.
   La version anterior esta en docs/theme-anterior/. */

:root {
  --qr-blue: #2C9CDB;
  --qr-blue-dark: #1E86C2;
  --qr-dark: #1E293B;
  --qr-darker: #101828;
  --qr-light: #E6E9ED;
  --qr-light-2: #F4F6F8;
}

body {
  background-color: #E6E9ED !important;
  color: #475569;
}

.navbar-bg {
  background-color: #1E293B !important;
}

.main-sidebar,
body.sidebar-mini .main-sidebar:after {
  background-color: #1E293B !important;
}

.main-sidebar .sidebar-brand a {
  color: #F8FAFC !important;
}

.main-sidebar .sidebar-menu li.menu-header {
  color: #94A3B8 !important;
}

.main-sidebar .sidebar-menu li a {
  color: #CBD5E1 !important;
}

.main-sidebar .sidebar-menu li a:hover {
  background-color: #101828 !important;
  color: #FFFFFF !important;
}

.main-sidebar .sidebar-menu li.active > a,
.main-sidebar .sidebar-menu li.active a {
  background-color: #2C9CDB !important;
  color: #FFFFFF !important;
}

.main-sidebar .sidebar-menu li.active ul.dropdown-menu,
.main-sidebar .sidebar-menu li ul.dropdown-menu {
  background-color: #172033 !important;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a {
  color: #CBD5E1 !important;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover,
.main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
  color: #2C9CDB !important;
  background-color: transparent !important;
}

.main-footer {
  background-color: #F4F6F8;
  color: #64748B;
}

.section .section-title:before {
  background-color: #2C9CDB !important;
}

.card {
  border-color: #D8DEE6;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #2C9CDB !important;
  border-color: #1E86C2 !important;
  box-shadow: 0 2px 6px rgba(44, 156, 219, 0.35) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #1E86C2 !important;
}

.page-item.active .page-link {
  background-color: #2C9CDB !important;
  border-color: #2C9CDB !important;
}

body.pm-home,
body.pm-home-css-custom,
.custom-css,
.custom-css-step,
.pm-banner-section-1 {
  background: #E6E9ED !important;
}

.pm-mobile_menu_button,
.pm-mobile_menu_button i {
  color: #1E293B !important;
}

.pm-main-header.pm-sticky-menu,
.pm-sticky-menu {
  background-color: #1E293B !important;
}

.pm-main-header.pm-sticky-menu .pm-main-navigation li a,
.pm-main-header.pm-sticky-menu .pm-header-btn a {
  color: #F8FAFC !important;
}

.pm-main-header.pm-sticky-menu .pm-header-btn {
  border-color: #2C9CDB !important;
}

.pm-main-header.pm-sticky-menu .pm-mobile_menu_button,
.pm-main-header.pm-sticky-menu .pm-mobile_menu_button i {
  color: #F8FAFC !important;
}