/* HEADER & NAVBAR ------------------------------------------------------------- */

.headerBkgdColor { background-color: #fff !important }

/* Main Menu Items */

.mainMenuItemBkgd { background-color: transparent !important }

.mainMenuItemBkgd:hover,
.mainMenuItemBkgd:focus,
.mainMenuItemBkgd:active,
.mainMenuItemBkgd.active { background: #f6f6f6 !important }

.mainMenuItemText { color: #005cb9 !important}

.mainMenuItemText:hover,
.mainMenuItemText:focus,
.mainMenuItemText:active,
.mainMenuItemText.active { color: #0e4774 !important }

/* Sub Menu Items */

.subMenuItemBkgd { background-color: transparent !important }

.subMenuItemBkgd:hover,
.subMenuItemBkgd:focus { background-color: #f6f6f6 !important }

.subMenuItemText { color: #333333 !important}

.subMenuItemText:hover,
.subMenuItemText:focus { color: #005cb9 !important }

/* FOOTER ------------------------------------------------------------- */

.footerBkgdColor { background-color: #0e4774 !important }

.footerTextColor { color: #ffffff !important }

.footerTextColor:hover,
.footerTextColor:focus { color: rgba(255, 255, 255, .7) !important }

/* GLOBAL ELEMENTS ---------------------------------------------------- */

/* line & text color */

.primary,
.text-primary { color: #005cb9 !important }

.secondary,
.text-secondary { color: #0e4774 !important }

.accent,
.text-accent { color: #ff8c00 !important }

/* background color */

.primaryBkgd { background-color: #005cb9 !important }

.secondaryBkgd { background-color: #0e4774 !important }

.accentBkgd { background-color: #ff8c00 !important }
                
/* badge color */

.badge-primary { background-color: #005cb9 !important }

.badge-secondary { background-color: #0e4774 !important }

.badge-accent { background-color: #ff8c00 !important }

/* border color */

.border-primary { border-color: #005cb9 !important }

.border-secondary { border-color: #0e4774 !important }

.border-accent { border-color: #ff8c00 !important }

/* dropdown menus */

.dropdown-item:active,
.dropdown-item.active { background: #005cb9 !important; color: #ffffff !important }

/* page title */

.section-title { border-color: #ff8c00 !important; color: #333333 !important }

/* page subtitle */

.section-subtitle { color: #333333 !important }

/* BUTTONS & TOGGLES ------------------------------------------------- */

/* Solid Buttons - background & border color */

.btn-primary { background-color: #005cb9 !important; border-color: #005cb9 !important }

.btn-secondary { background-color: #0e4774 !important; border-color: #0e4774 !important }

.btn-accent { background-color: #ff8c00 !important; border-color: #ff8c00 !important }

/* Outlined Buttons - border & text color */

.btn-outline-primary { border-color: #005cb9 !important; color: #005cb9 !important }

.btn-outline-secondary { border-color: #0e4774 !important; color: #0e4774 !important }

.btn-outline-accent { border-color: #ff8c00 !important; color: #ff8c00 !important }

/* Outlined Buttons - icon color */

.btn-outline-primary > i { color: #005cb9 !important }

.btn-outline-secondary > i { color: #0e4774 !important }

.btn-outline-accent > i  { color: #ff8c00 !important }

/* Toggle Buttons: Unselected - border & text color */

.btn-group-toggle .btn-outline-primary { border-color: #005cb9 !important; color: #005cb9 !important }

.btn-group-toggle .btn-outline-secondary { border-color: #0e4774 !important; color: #0e4774 !important }

.btn-group-toggle .btn-outline-accent { border-color: #ff8c00 !important; color: #ff8c00 !important }

/* Toggle Buttons: Unselected - icon color */

.btn-group-toggle .btn-outline-primary > i { color: #005cb9 !important }

.btn-group-toggle .btn-outline-secondary > i { color: #0e4774 !important }

.btn-group-toggle .btn-outline-accent > i  { color: #ff8c00 !important }

/* Toggle Buttons: Selected - background & border color */

.btn-group-toggle .btn-outline-primary:active,
.btn-group-toggle .btn-outline-primary.active { background-color: #005cb9 !important; border-color: #005cb9 !important }

.btn-group-toggle .btn-outline-secondary:active,
.btn-group-toggle .btn-outline-secondary.active { background-color: #0e4774 !important; border-color: #0e4774 !important }

.btn-group-toggle .btn-outline-accent:active,
.btn-group-toggle .btn-outline-accent.active { background-color: #ff8c00 !important; border-color: #ff8c00 !important }

/* ACCOUNT SUMMARY - BILLING SUMMARY & PREPAID ACTIVITY ---------- */

/* Quick Links - text color */

.quickLinksBtnLink { color: #005cb9 !important }

/* Quick Links - icon color */

.quickLinksBtnIcon { color: #005cb9 !important }

/* ORDER CAPTURE - SELECT PRODUCTS - PRODUCT CARDS --------------- */

/* Collection Methods Banners - background color */

.prepaidBkgdColor { background-color: #e6f5eb !important }

.billedBkgdColor { background-color: #efefef !important }

/* Collection Methods Banners - text & icon color */

.prepaidTextColor { color: #069c36 !important }

.billedTextColor { color: #545454 !important }

/* ORDER CAPTURE - SELECT PRODUCTS - PRODUCT FILTERS --------------- */

/* Filter Button: Unselected - text color */

.btn-group-toggle .btn-filter { color: #005cb9 !important }

/* Filter Button: Selected - border & text color */

.btn-group-toggle .btn-filter:active,
.btn-group-toggle .btn-filter.active { color: #0e4774 !important; border-color: #0e4774 !important }

/* Stepper */

.mat-step-icon-selected {
  background-color: #005cb9 !important;
  color: white !important;
}