:root {
  --primary-color: #1670DF;
  --primary-contrast-color: #1670DF;
  --selected-menu-color: #0B386F;
  --secondary-color: #0B386F;
  --on-secondary: #ffffff;
  --on-primary: #ffffff;
  --on-button: #ffffff;
  --button-color: var(--primary-color);
  --button-ink: var(--button-color);
  --on-button-ink: var(--on-button);
  --font-family: system-ui, -apple-system, sans-serif;
  --primary-hover: #FFFFFF;
  --on-primary-hover: #0B386F;
  --sidebar-background-color: var(--primary-contrast-color);
  --sidebar-link-color: var(--on-primary);
  --sidebar-active-background-color: var(--secondary-color);
  --sidebar-active-link-color: var(--on-secondary);
}

body {
  font-family: var(--font-family);
}

#confirm2faform input[type=text] {
  width: 100px;
  margin-left: 5px;
  border-radius: 4px;
  font-size: 0.9em;
  border: 1px black solid;
  padding: 5px;
}

.productcategory {
  color: #0E8A00;
}

#favoritesheading, #adminheading, #mailorderheadingpartner {
  background-color: var(--primary-contrast-color);
}

a, .btn-link, .page-link {
  color: var(--primary-contrast-color);
}

.tabs, .dispensetypetabs {
  color: var(--primary-contrast-color);
}

#myaccounticon {
  color: var(--primary-contrast-color);
}

.dropdown-item a:hover {
  color: var(--primary-contrast-color) !important;
}

#navbardiv {
  height: 130px;
}

#accounticon a:hover {
  color: var(--primary-contrast-color);
}

.dropdown-item:hover {
  color: var(--primary-color) !important;
  background-color: white;
}

.btn-primary {
  background-color: var(--button-color);
  border: 1px solid var(--button-ink);
  color: var(--on-button);
}

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

.btn-primary:hover {
  background-color: #fff;
  border: 1px solid var(--button-ink);
  color: var(--button-ink);
}

.btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  background-color: var(--button-color) !important;
  border: 1px solid var(--button-ink) !important;
  color: var(--on-button) !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.12) !important;
}

.btn-primary:disabled, .btn-primary.disabled {
  background-color: var(--button-color);
  border: 1px solid var(--button-ink);
  color: var(--on-button);
  opacity: 0.65;
}

.btn-outline-primary {
  border: 1px solid var(--button-ink);
  color: var(--button-ink);
}

.btn-outline-primary:not(:disabled):not(.disabled):hover {
  background-color: var(--button-ink);
  border: 1px solid var(--button-ink);
  color: var(--on-button-ink);
}

.btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle {
  border: 1px solid var(--button-ink) !important;
  color: var(--button-ink) !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.12) !important;
}

.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  border: 1px solid var(--button-ink);
  color: var(--button-ink);
  opacity: 0.65;
}

#sidebarMenu {
  background-color: var(--sidebar-background-color);
  color: var(--sidebar-link-color);
}
#sidebarMenu a {
  color: var(--sidebar-link-color);
}
#sidebarMenu #storemanager, #sidebarMenu #membermanager {
  color: white;
  font-weight: 500;
}
#sidebarMenu .storemanagermenu:hover a, #sidebarMenu .membermanagermenu:hover a {
  color: white !important;
}
#sidebarMenu .active {
  background-color: var(--sidebar-active-background-color) !important;
}
#sidebarMenu .active a {
  color: var(--sidebar-active-link-color) !important;
}
#sidebarMenu .activesm, #sidebarMenu .storemanagermenu.active {
  color: white;
  background-color: #0A6600 !important;
}
#sidebarMenu .activemm, #sidebarMenu .membermanagermenu.active {
  color: white;
  background-color: #876E1D !important;
}
#sidebarMenu .active:hover {
  background-color: var(--sidebar-active-background-color) !important;
  color: var(--sidebar-active-link-color) !important;
}
#sidebarMenu .activesm:hover, #sidebarMenu .storemanagermenu.active:hover {
  background-color: #0A6600 !important;
}
#sidebarMenu .activesm:hover a, #sidebarMenu .storemanagermenu.active:hover a {
  color: white !important;
}
#sidebarMenu .activemm:hover, #sidebarMenu .membermanagermenu.active:hover {
  background-color: #876E1D !important;
}
#sidebarMenu .activemm:hover a, #sidebarMenu .membermanagermenu.active:hover a {
  color: white !important;
}
#sidebarMenu .nav-link {
  background-color: var(--sidebar-background-color);
}
#sidebarMenu .nav-link:hover {
  background-color: var(--primary-hover);
}
#sidebarMenu .nav-link:hover a {
  color: var(--on-primary-hover);
}
#sidebarMenu #moremenus, #sidebarMenu #filtermodels, #sidebarMenu #surescriptsmessages, #sidebarMenu #surescriptsmenus {
  color: var(--sidebar-link-color) !important;
}
#sidebarMenu #moremenus:hover, #sidebarMenu #filtermodels:hover, #sidebarMenu #surescriptsmessages:hover, #sidebarMenu #surescriptsmenus:hover {
  background-color: var(--primary-hover);
  color: var(--on-primary-hover) !important;
}
#sidebarMenu .nav-link:not(.active):hover a {
  color: var(--on-primary-hover);
}
#sidebarMenu #storemanager {
  background-color: #0E8A00 !important;
}
#sidebarMenu #membermanager {
  background-color: #B99727 !important;
}
#sidebarMenu #adjustinventory, #sidebarMenu #manageproducts {
  background-color: #0E8A00;
  color: white;
}
#sidebarMenu #adjustinventory:hover, #sidebarMenu #manageproducts:hover {
  background-color: #0A6600;
  color: white;
}
#sidebarMenu #memberpackages, #sidebarMenu #pricingtiers {
  background-color: #B99727;
  color: white;
}
#sidebarMenu #memberpackages:hover, #sidebarMenu #pricingtiers:hover {
  background-color: #876E1D;
  color: white;
}
#sidebarMenu #storemanager:hover, #sidebarMenu #membermanager:hover {
  color: white;
}

.sidebarul .nav-item .nav-link {
  display: block;
}
.sidebarul .nav-item .row {
  align-items: center;
}

#jumptodsp, #jumptoorder {
  color: var(--sidebar-link-color);
  font-weight: 500;
}
#jumptodsp input, #jumptoorder input {
  width: 100px;
  margin-top: 10px;
  border-radius: 4px;
  font-size: 0.9em;
  border: 1px black solid;
  padding: 5px;
}/*# sourceMappingURL=base-style.css.map */
/* ===== 2025 brand theme: neutralize Store Manager (green) and Member Manager
   (gold) so they match the rest of the sidebar. These items hard-code the
   $sm-/$mm- brand colors instead of the --sidebar-* vars, so unlike the other
   nav items they don't pick up the neutral grey chrome on their own. The extra
   body.theme-2025-brand specificity beats the base rules' !important.
   docs/portal-theme-2025-rollout-plan.md, decision 5. */
body.theme-2025-brand #sidebarMenu #storemanager,
body.theme-2025-brand #sidebarMenu #membermanager {
    background-color: var(--sidebar-background-color) !important;
    color: var(--sidebar-link-color);
}
body.theme-2025-brand #sidebarMenu #storemanager a,
body.theme-2025-brand #sidebarMenu #membermanager a {
    color: var(--sidebar-link-color);
}
body.theme-2025-brand #sidebarMenu #storemanager:hover,
body.theme-2025-brand #sidebarMenu #membermanager:hover {
    background-color: var(--primary-hover) !important;
    color: var(--on-primary-hover);
}

/* Store/Member Manager sub-items (Adjust Inventory, Manage Products, Member
   Packages, Pricing Tiers): neutral at rest, primary-hover on hover. The
   :not(.active) keeps these two-id selectors from outranking the one-id
   .active rules below, which must win when the item is selected. */
body.theme-2025-brand #sidebarMenu #adjustinventory:not(.active),
body.theme-2025-brand #sidebarMenu #manageproducts:not(.active),
body.theme-2025-brand #sidebarMenu #memberpackages:not(.active),
body.theme-2025-brand #sidebarMenu #pricingtiers:not(.active) {
    background-color: var(--sidebar-background-color) !important;
    color: var(--sidebar-link-color);
}
body.theme-2025-brand #sidebarMenu #adjustinventory:not(.active) a,
body.theme-2025-brand #sidebarMenu #manageproducts:not(.active) a,
body.theme-2025-brand #sidebarMenu #memberpackages:not(.active) a,
body.theme-2025-brand #sidebarMenu #pricingtiers:not(.active) a {
    color: var(--sidebar-link-color);
}
body.theme-2025-brand #sidebarMenu #adjustinventory:not(.active):hover,
body.theme-2025-brand #sidebarMenu #manageproducts:not(.active):hover,
body.theme-2025-brand #sidebarMenu #memberpackages:not(.active):hover,
body.theme-2025-brand #sidebarMenu #pricingtiers:not(.active):hover {
    background-color: var(--primary-hover) !important;
    color: var(--on-primary-hover);
}
/* The base rules force white link text on .storemanagermenu / .membermanagermenu
   hover with !important, which vanishes on the light --primary-hover fill;
   restate the readable color with !important at higher specificity. The class
   selectors also cover the id-less samples-account sub-items. */
body.theme-2025-brand #sidebarMenu #adjustinventory:not(.active):hover a,
body.theme-2025-brand #sidebarMenu #manageproducts:not(.active):hover a,
body.theme-2025-brand #sidebarMenu #memberpackages:not(.active):hover a,
body.theme-2025-brand #sidebarMenu #pricingtiers:not(.active):hover a,
body.theme-2025-brand #sidebarMenu .storemanagermenu:not(.active):hover a,
body.theme-2025-brand #sidebarMenu .membermanagermenu:not(.active):hover a {
    color: var(--on-primary-hover) !important;
}

/* Selected (active) Store/Member Manager: use the brand-primary active fill
   like every other .active item, not the darker green/gold. */
body.theme-2025-brand #sidebarMenu .activesm,
body.theme-2025-brand #sidebarMenu .storemanagermenu.active,
body.theme-2025-brand #sidebarMenu .activemm,
body.theme-2025-brand #sidebarMenu .membermanagermenu.active {
    background-color: var(--sidebar-active-background-color) !important;
    color: var(--sidebar-active-link-color);
}
body.theme-2025-brand #sidebarMenu .activesm a,
body.theme-2025-brand #sidebarMenu .storemanagermenu.active a,
body.theme-2025-brand #sidebarMenu .activemm a,
body.theme-2025-brand #sidebarMenu .membermanagermenu.active a {
    color: var(--sidebar-active-link-color) !important;
}
body.theme-2025-brand #sidebarMenu .activesm:hover,
body.theme-2025-brand #sidebarMenu .storemanagermenu.active:hover,
body.theme-2025-brand #sidebarMenu .activemm:hover,
body.theme-2025-brand #sidebarMenu .membermanagermenu.active:hover {
    background-color: var(--sidebar-active-background-color) !important;
}
body.theme-2025-brand #sidebarMenu .activesm:hover a,
body.theme-2025-brand #sidebarMenu .storemanagermenu.active:hover a,
body.theme-2025-brand #sidebarMenu .activemm:hover a,
body.theme-2025-brand #sidebarMenu .membermanagermenu.active:hover a {
    color: var(--sidebar-active-link-color) !important;
}