/* Site-wide typeface. Metronic's whole component library (buttons, tables,
   menus, modals...) reads font-family from this Bootstrap variable, so
   overriding it here swaps every page to Inter without touching templates. */
:root {
    --bs-font-sans-serif: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

body {
    font-family: var(--bs-font-sans-serif);
    background-color: #f7f8fb;
}

.btn.btn-primary {
    color: #FFFFFF;
    border-color: #0095E8;
    background-color: #0095E8;
}

.aside.aside-dark .aside-logo {
    background-color: #ffffff;
}

.aside.aside-dark {
    background-color: #3a7afe;
}

.aside-dark .menu .menu-item .menu-link.active {
    transition: color 0.2s ease, background-color 0.2s ease;
    background-color: #a5a6a9;
    color: #ffffff;
}

.aside-dark .menu .menu-item.here > .menu-link, .aside-dark .menu .menu-item.show > .menu-link {
    transition: color 0.2s ease, background-color 0.2s ease;
    background-color: #a5a6a9;
    color: #ffffff;
}

#wizard {
  top: 20px;
  position: relative;
  border: 1px solid #ccc;
  padding: 20px;
}

#wzd-content {
  font-size: 20px;
}

.btn-wzd {
    font-size: 2em;
}