/* Updated via Bug #67094, 10-16-2024 */

/* primary */
/*  
  --primary: #461d7c;
  --primary-rgb: 70, 29, 124;
  --primary-100: #dad1e4;
  --primary-200: #b5a4ca;
  --primary-300: #9077b0;
  --primary-400: #6a4a96;
  --primary-500: #461d7c;
  --primary-600: #381763;
  --primary-700: #2a114a;
  --primary-800: #1c0b31;
  --primary-900: #0e0518;
  */
  /* secondary */
  /* 
  --secondary: #523178;
  --secondary-rgb: 82, 49, 120;
  --secondary-100: #dcd5e4;
  --secondary-200: #b9acc9;
  --secondary-300: #9783ae;
  --secondary-400: #745a93;
  --secondary-500: #523178;
  --secondary-600: #412760;
  --secondary-700: #311d48;
  --secondary-800: #201330;
  --secondary-900: #100918;
  */
  /* accent */
  /*
  --accent: #f37021;
  --accent-rgb: 243, 112, 33;
  --accent-100: #fce2d2;
  --accent-200: #fac5a6;
  --accent-300: #f7a979;
  --accent-400: #f58c4d;
  --accent-500: #f37021;
  --accent-600: #c2591a;
  --accent-700: #914313;
  --accent-800: #612c0d;
  --accent-900: #301606;
  */

/* SIGN-IN & REGISTRATION ----------------------------------------------------------------------------------- */

/* ConfigKey: CPBackgroundImagePosition (Default: Center Top) */
.base-component-wrapper.identity-server-wrapper { background-position: center top !important; }

/* HEADER LOGO SIZE ----------------------------------------------------------------------------------------- */

.navbar-brand { height: 2.875rem !important; width: 9.25rem !important; align-items: center; }
.navbar-brand img { height: auto !important; max-height: 2.875rem !important; width: auto !important; max-width: 9.25rem !important; }

@media (min-width: 992px) {
  .navbar-brand { height: 4rem !important; width: 12.75rem !important; align-items: center; }
  .navbar-brand img { height: auto !important; max-height: 3.5rem !important; width: auto !important; max-width: 12.75rem !important; }
}

/* MARKETING CAROUSEL --------------------------------------------------------------------------------------- */

.carousel { background-color: #461d7c !important; border-color: #523178 !important; }
.carousel-caption h1 { color: #f37021 !important; }
.carousel-caption h6 { color: #ffffff !important; }

/* PRIMARY COLOR SCALE -------------------------------------------------------------------------------------- */

/* primary */
.primary, .text-primary { color: #461d7c !important; }
.badge-primary { background-color: #461d7c !important; }

/* btn-primary */
.btn-primary { background-color: #461d7c !important; border-color: #461d7c !important; }
.btn-primary:hover { background-color: #381763 !important; border-color: #381763 !important; }
.btn-check:focus + .btn-primary, .btn-primary:focus { background-color: #381763 !important; border-color: #2a114a !important; box-shadow: 0 0 0 0.25rem rgba(0, 121, 193, 0.5) !important; }
.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle { background-color: #381763 !important; border-color: #2a114a !important; }
.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(0, 121, 193, 0.5) !important; }
.btn-primary.disabled, .btn-primary:disabled { background-color: #461d7c !important; border-color: #461d7c !important; }

/* btn-outline-primary */
.btn-outline-primary { color: #461d7c !important; border-color: #461d7c !important; }
.btn-outline-primary:hover { background-color: #381763 !important; border-color: #381763 !important; }
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(0, 121, 193, 0.5) !important; }
.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { background-color: #381763 !important; border-color: #2a114a !important; }
.btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus { box-shadow: 0 0 0 0.25rem rgba(0, 121, 193, 0.5) !important; }
.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #461d7c !important; }

/* misc primary elements */
.fa-chevron-down, .fa-chevron-up { color: #461d7c !important; }
.ngb-dp-month .ngb-dp-week .ngb-dp-day .btn-light.bg-primary { background: #461d7c !important; }
.dropdown-item.active, .dropdown-item:active { background: #461d7c !important; }
.nav-tabs .nav-link { color: #461d7c !important; }
.nav-tabs .nav-link:hover { color: #381763 !important; }
.nav-tabs .nav-link:focus { color: #2a114a !important; }
.tableToggle > i { color: #461d7c !important; }
#datepicker-icon-append i { color: #461d7c !important; }
.quickLinksLink { color: #461d7c !important; }
.quickLinksLink > i { color: #461d7c !important; }
.btn-group-toggle .btn-filter { color: #461d7c !important; }
.btn-group-toggle .btn-filter:hover { border-color: #461d7c !important; color: #461d7c !important; }
.btn-group-toggle .btn-filter:focus { color: #461d7c !important; }
.mat-step-icon-selected { background-color: #461d7c !important; }
#changeOrderFlow .change-btn:hover { outline-color: #461d7c !important; }
.steps-wrapper .step-current { color: #461d7c !important; outline-color: #461d7c !important; }
.serviceCard:hover { outline-color: #461d7c !important; }
.serviceCard.current:hover { outline-color: #461d7c !important; }
.serviceCard .currentBanner { background: #461d7c !important; }
.serviceCard .body h3 { color: #461d7c !important; }
.serviceCard:hover .body h3 { color: #461d7c !important; }
.serviceCard.current .body h3 { color: #461d7c !important; }
.serviceCard.current:hover .body h3 { color: #461d7c !important; }
.serviceCard .btn-retainedService { color: #461d7c; border-color: #461d7c !important; }
.planCard:hover { outline-color: #461d7c !important; }
.configPlanHead { background: #461d7c !important; }
.configPlanBody .compLevelTwo .panelContent .colDesc { background: #dad1e4; color: #461d7c !important; }
.configPlanBody .compSubtotal .colDesc { color: #461d7c !important; }
.configPlanBody .main-name { color: #461d7c !important; }
.quantityWidget .btn-quantity:active, .quantityWidget .btn-quantity.active { background: #461d7c !important; }
.quantityWidget .btn-quantity > i { color: #461d7c !important; }
.quantityWidget .btn-quantity:hover > i { color: #381763 !important; }
.quantityWidget .btn-quantity:focus > i { color: #2a114a !important; }
#configureServicesCart .shoppingCardBody .main-name { color: #461d7c !important; }
.reviewOrderHead { background: #461d7c !important; }
.reviewOrderBody .compLevelTwo .panelContent .colDesc { background: #dad1e4 !important; color: #461d7c !important; }
.reviewOrderBody .compSubtotal .colDesc { color: #461d7c !important; }
.reviewOrderBody .main-name { color: #461d7c !important; }
.summaryChargesFoot { color: #461d7c !important; }
#nanoSearchLocations .dropdown-menu .dropdown-item.active { background: #461d7c !important; }
#selectSpeedContent .serviceCard.active .btn-secondary { border-color: #461d7c !important; background: #461d7c !important; }
#selectServiceContent .serviceCard.active .btn-secondary { background-color: #381763 !important; border-color: #2a114a !important; }
#selectServiceContent .serviceCard .selected .btn-secondary { color: #461d7c !important; border-color: #461d7c !important; background-color: #ffffff !important; }
#selectServiceContent .serviceCard:hover .selected .btn-secondary { background-color: #381763 !important; border-color: #381763 !important; color: #ffffff !important; }
#selectServiceContent .serviceCard:focus .selected .btn-secondary { background-color: #381763 !important; border-color: #381763 !important; box-shadow: 0 0 0 0.25rem rgba(0, 121, 193, 0.5) !important; }
#selectServiceContent .serviceCard:active .selected .btn-secondary, #selectServiceContent .serviceCard.active .selected .btn-secondary { background-color: #381763 !important; border-color: #2a114a !important; }
#nanoConfigureServices .configPlanHead { background-color: #461d7c !important; }
#nanoConfigureServices .compSubtotal .colDesc { color: #461d7c !important; }
#nanoSetUpAccount .accountStepper .mat-step-icon-selected { background: #461d7c !important; }
#nanoReviewOrder .configPlanHead { background-color: #461d7c !important; }
#nanoReviewOrder .compSubtotal .colDesc { color: #461d7c !important; }
#nanoOrderConfirmation .configPlanHead { background-color: #461d7c !important; }

/* Secondary to Primary Gradient */
.steps-wrapper .line-current { background: linear-gradient(90deg, #523178 0%, #461d7c 100%) !important; }

/* SECONDARY COLOR SCALE ------------------------------------------------------------------------------------ */

/* secondary */
.secondary, .text-secondary { color: #523178 !important; }
.badge-secondary { background-color: #523178 !important; }

/* btn-secondary */
.btn-secondary { background-color: #523178 !important; border-color: #523178 !important; }
.btn-secondary:hover { background-color: #412760 !important; border-color: #412760 !important; }
.btn-check:focus + .btn-secondary, .btn-secondary:focus { background-color: #412760 !important; border-color: #311d48 !important; box-shadow: 0 0 0 0.25rem rgba(0, 63, 95, 0.5) !important; }
.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle { background-color: #412760 !important; border-color: #311d48 !important; }
.btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(0, 63, 95, 0.5) !important; }
.btn-secondary.disabled, .btn-secondary:disabled { background-color: #523178 !important; border-color: #523178 !important; }

/* btn-secondary outline */
.btn-outline-secondary { color: #523178 !important; border-color: #523178 !important; }
.btn-outline-secondary:hover { background-color: #412760 !important; border-color: #412760 !important; }
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(0, 63, 95, 0.5) !important; }
.btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active { background-color: #412760 !important; border-color: #311d48 !important; }
.btn-check:active + .btn-outline-secondary:focus, .btn-check:checked + .btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus { box-shadow: 0 0 0 0.25rem rgba(0, 63, 95, 0.5) !important; }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #523178 !important; }

/* product filters */
.btn-group-toggle .btn-filter:focus { border-color: #523178 !important; }
.btn-group-toggle .btn-filter:active, .btn-group-toggle .btn-filter.active { border-color: #523178 !important; color: #523178 !important; }

/* toggle list or card view */
.btn-group-toggle .btn-outline-secondary > i { color: #523178; }
.btn-group-toggle .btn-outline-secondary:hover > i { color: #523178 !important; }
.btn-group-toggle .btn-outline-secondary:hover { background: rgba(0, 63, 95, 0.25) !important; }
.btn-group-toggle .btn-outline-secondary:focus > i { color: #523178 !important; }
.btn-group-toggle .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(0, 63, 95, 0.5) !important; }
.btn-group-toggle .btn-outline-secondary.active > i, .btn-group-toggle .btn-outline-secondary:active > i { color: #ffffff !important; }

/* misc secondary elements */
#changeOrderFlow .change-btn:focus, #changeOrderFlow .change-btn:active, #changeOrderFlow .change-btn.active, .serviceCard:focus, .serviceCard.current:focus, .planCard:focus { outline-color: #523178 !important; }
.steps-wrapper .step-done { border-color: #523178 !important; background: #523178 !important; }
.steps-wrapper .line-done { background: #523178 !important; }
.serviceCard:active, .serviceCard.active, .serviceCard.current:active, .serviceCard.current.active, .serviceCard.current.upgradeOnly, .serviceCard.current.upgradeOnly:hover, .serviceCard.current.upgradeOnly:focus, .serviceCard.current.upgradeOnly:active, .serviceCard.current.upgradeOnly.active, .serviceCard.default, .serviceCard.default:hover, .serviceCard.default:focus, .serviceCard.default:active, .serviceCard.default.active, .serviceCard.default.upgradeOnly, .serviceCard.default.upgradeOnly:hover, .serviceCard.default.upgradeOnly:focus, .serviceCard.default.upgradeOnly:active, .serviceCard.default.upgradeOnly.active { outline-color: #523178 !important; background: #523178 !important; }
.stepInstructions h5, .serviceCard:focus .body h3, .serviceCard.current:focus .body h3, #planCardPromo p, #planCardPromo .popover li, #configureServicesCart .shoppingCartHead h5, #nanoDetailedCart .detailedCartHead h5, #nanoSetUpAccount .accountStepper .mat-step-label-selected, .summaryChargesHead h5, .scheduleInstallHead h5, .promoCodeHead h5, .setUpAutoPayHead h5, #nanoReviewOrder .summaryCharges h5, #nanoReviewOrder .billedPaymentHead h5, #nanoReviewOrder .prepaidPaymentHead h5 { color: #523178 !important; }
.configPlanBody .compLevelOne .panelContent .colDesc, .reviewOrderBody .compLevelOne .panelContent .colDesc { background: #dcd5e4 !important; color: #523178 !important; }
#selectServiceContent .serviceCard .selected { outline-color: #523178 !important; background: #523178 !important; }

/* ACCENT COLOR SCALE --------------------------------------------------------------------------------------- */

/* account */
.accent, .text-accent { color: #f37021 !important; }
.badge-accent { background-color: #f37021 !important; }

/* btn-accent */
.btn-accent { background-color: #f37021 !important; border-color: #f37021 !important; }
.btn-accent:hover { background-color: #c2591a !important; border-color: #c2591a !important; }
.btn-check:focus + .btn-accent, .btn-accent:focus { background-color: #c2591a !important; border-color: #914313 !important; box-shadow: 0 0 0 0.25rem rgba(245, 128, 37, 0.5) !important; }
.btn-check:active + .btn-accent, .btn-check:checked + .btn-accent, .btn-accent.active, .btn-accent:active, .show > .btn-accent.dropdown-toggle { background-color: #c2591a !important; border-color: #914313 !important; }
.btn-check:active + .btn-accent:focus, .btn-check:checked + .btn-accent:focus, .btn-accent.active:focus, .btn-accent:active:focus, .show > .btn-accent.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(245, 128, 37, 0.5) !important; }
.btn-accent.disabled, .btn-accent:disabled { background-color: #f37021 !important; border-color: #f37021 !important; }

/* btn-accent outline */
.btn-outline-accent { color: #f37021 !important; border-color: #f37021 !important; }
.btn-outline-accent:hover { background-color: #c2591a !important; border-color: #c2591a !important; }
.btn-check:focus + .btn-outline-accent, .btn-outline-accent:focus { box-shadow: 0 0 0 0.25rem rgba(245, 128, 37, 0.5) !important; }
.btn-check:active + .btn-outline-accent, .btn-check:checked + .btn-outline-accent, .btn-outline-accent.active, .btn-outline-accent.dropdown-toggle.show, .btn-outline-accent:active { background-color: #c2591a !important; border-color: #914313 !important; }
.btn-check:active + .btn-outline-accent:focus, .btn-check:checked + .btn-outline-accent:focus, .btn-outline-accent.active:focus, .btn-outline-accent.dropdown-toggle.show:focus, .btn-outline-accent:active:focus { box-shadow: 0 0 0 0.25rem rgba(245, 128, 37, 0.5) !important; }
.btn-outline-accent.disabled, .btn-outline-accent:disabled { color: #f37021 !important; }

/* misc accent elements */
.section-title { border-color: #f37021 !important; }
.fa-home, .fa-star, .fa-credit-card-alt { color: #f37021 !important; }
.quickLinksBtn, #changeOrderFlow .cartButton .badge-accent, .serviceCard .defaultBanner { background: #f37021 !important; }
.planCard:active, .planCard.active { outline-color: #f37021 !important; }
.configPlanBody .compLevelTwo .compLevelTwo .panelContent .colDesc, .reviewOrderBody .compLevelTwo .compLevelTwo .panelContent .colDesc { background: #fce2d2 !important; color: #f37021 !important; }
.configPlanBody .compLevelTwo .compLevelTwo .panelContent .colDesc, .reviewOrderBody .compLevelTwo .compLevelTwo .panelContent .colDesc { color: #f37021 !important; }

/* CONFIGURE SERVICES TIERS --------------------------------------------------------------------------------- */

.configPlanBody .compLevelOne .panelContent .colDesc { background: #dcd5e4 !important; color: #523178 !important; }
.configPlanBody .compLevelTwo .panelContent .colDesc { background: #dad1e4 !important; color: #461d7c !important; }
.configPlanBody .compLevelTwo .compLevelTwo .panelContent .colDesc { background: #fce2d2 !important; color: #f37021 !important; }
.configPlanBody .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: var(--gray-300) !important; color: var(--gray-700) !important; }
.configPlanBody .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: var(--gray-200) !important; color: var(--gray-600) !important; }
.configPlanBody .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: var(--gray-100) !important; color: var(--gray-500) !important; }

@media screen and (min-width: 768px) {
  .configPlanBody .compLevelOne .panelContent .colDesc { background: transparent !important; color: #523178 !important; }
  .configPlanBody .compLevelTwo .panelContent .colDesc { background: transparent !important; color: #461d7c !important; }
  .configPlanBody .compLevelTwo .compLevelTwo .panelContent .colDesc { background: transparent !important; color: #f37021 !important; }
  .configPlanBody .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: transparent !important; color: var(--gray-700) !important; }
  .configPlanBody .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: transparent !important; color: var(--gray-600) !important; }
  .configPlanBody .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: transparent !important; color: var(--gray-500) !important; }
}

/* REVIEW ORDER TIERS --------------------------------------------------------------------------------------- */

.reviewOrderBody .compLevelOne .panelContent .colDesc { background: #dcd5e4 !important; color: #523178 !important; }
.reviewOrderBody .compLevelTwo .panelContent .colDesc { background: #dad1e4 !important; color: #461d7c !important; }
.reviewOrderBody .compLevelTwo .compLevelTwo .panelContent .colDesc { background: #fce2d2 !important; color: #f37021 !important; }
.reviewOrderBody .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: var(--gray-300) !important; color: var(--gray-700) !important; }
.reviewOrderBody .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: var(--gray-200) !important; color: var(--gray-600) !important; }
.reviewOrderBody .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: var(--gray-100) !important; color: var(--gray-500) !important; }

@media screen, print and (min-width: 768px) {
  .reviewOrderBody .compLevelOne .panelContent .colDesc { background: transparent !important; color: #523178 !important; }
  .reviewOrderBody .compLevelTwo .panelContent .colDesc { background: transparent !important; color: #461d7c !important; }
  .reviewOrderBody .compLevelTwo .compLevelTwo .panelContent .colDesc { background: transparent !important; color: #f37021 !important; }
  .reviewOrderBody .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: transparent !important; color: var(--gray-700) !important; }
  .reviewOrderBody .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: transparent !important; color: var(--gray-600) !important; }
  .reviewOrderBody .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: transparent !important; color: var(--gray-500) !important; }
}

/* HEADER --------------------------------------------------------------------------------------------------- */

/* ConfigKey: HeaderBackgroundColor (Default: White) */
.headerBkgdColor, 
.mainMenuItemBkgd { background-color: #2e1a46 !important; }

/* ConfigKey: HeaderTextAndIconColor (Default: Primary) */
.headerTextColor, 
.mainMenuItemText { color: #ffffff; }

/* MAINMENU ------------------------------------------------------------------------------------------------- */

/* ConfigKey: MainMenuItemBackgroundColor (Default: White) */
.mainMenuItemBkgd, 
.mainMenu .nav-item.dropdown.navbar-toggle,
.navbar-nav.nav.mainMenu > li.nav-item.dropdown.navbar-toggle > a.nav-link.mainMenuItemBkgd { background-color: #2e1a46 !important; }

/* ConfigKey: MainMenuItemBackgroundColorHover (Default: Primary) */
.mainMenuItemBkgd:hover, 
.mainMenu .nav-item.dropdown.navbar-toggle:hover,
.navbar-nav.nav.mainMenu > li.nav-item.dropdown.navbar-toggle > a.nav-link.mainMenuItemBkgd:hover { background-color: #FFFFFF !important; }

/* ConfigKey: MainMenuItemBackgroundColorFocus (Default: Primary-600) */
.mainMenuItemBkgd:focus, 
.mainMenu .nav-item.dropdown.navbar-toggle:focus,
.navbar-nav.nav.mainMenu > li.nav-item.dropdown.navbar-toggle > a.nav-link.mainMenuItemBkgd:focus { background-color: #9077b0 !important; box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25); }

/* ConfigKey: MainMenuItemBackgroundColorActive (Default: Primary-700) */
.mainMenuItemBkgd:active, 
.mainMenuItemBkgd.active, 
.mainMenu .nav-item.dropdown.navbar-toggle:active, 
.mainMenu .nav-item.dropdown.navbar-toggle.active,
.navbar-nav.nav.mainMenu > li.nav-item.dropdown.navbar-toggle > a.nav-link.mainMenuItemBkgd:active,
.navbar-nav.nav.mainMenu > li.nav-item.dropdown.navbar-toggle > a.nav-link.mainMenuItemBkgd.active { background-color: #6a4a96 !important; }

/* ------------ */

/* ConfigKey: MainMenuItemTextAndIconColor (Default: Primary) */
.mainMenuItemText, 
.mainMenuItemText > i, 
.mainMenuItemBkgd .mainMenuItemText, 
.mainMenuItemBkgd .mainMenuItemText > i, 
.mainMenu .nav-item.dropdown.navbar-toggle, 
.mainMenu .nav-item.dropdown.navbar-toggle > i,
.navbar-nav.nav.mainMenu > li.nav-item.dropdown.navbar-toggle > a.nav-link.mainMenuItemText,
.navbar-nav.nav.mainMenu > li.nav-item.dropdown.navbar-toggle > a.nav-link.mainMenuItemText > i { color: #FFFFFF !important; }

/* ConfigKey: MainMenuItemTextAndIconColorHover (Default: White) */
.mainMenuItemText:hover, 
.mainMenuItemText:hover > i, 
.mainMenuItemBkgd:hover .mainMenuItemText, 
.mainMenuItemBkgd:hover .mainMenuItemText > i, 
.mainMenu .nav-item.dropdown.navbar-toggle:hover, 
.mainMenu .nav-item.dropdown.navbar-toggle:hover > i,
.navbar-nav.nav.mainMenu > li.nav-item.dropdown.navbar-toggle > a.nav-link.mainMenuItemText:hover,
.navbar-nav.nav.mainMenu > li.nav-item.dropdown.navbar-toggle > a.nav-link.mainMenuItemText:hover > i { color: #2e1a46 !important; }

/* ConfigKey: MainMenuItemTextAndIconColorFocus (Default: White) */
.mainMenuItemText:focus, 
.mainMenuItemText:focus > i, 
.mainMenuItemBkgd:focus .mainMenuItemText, 
.mainMenuItemBkgd:focus .mainMenuItemText > i, 
.mainMenu .nav-item.dropdown.navbar-toggle:focus, 
.mainMenu .nav-item.dropdown.navbar-toggle:focus > i,
.navbar-nav.nav.mainMenu > li.nav-item.dropdown.navbar-toggle > a.nav-link.mainMenuItemText:focus,
.navbar-nav.nav.mainMenu > li.nav-item.dropdown.navbar-toggle > a.nav-link.mainMenuItemText:focus > i { color: #2e1a46 !important; }

/* ConfigKey: MainMenuItemTextAndIconColorActive (Default: White) */
.mainMenuItemText:active, 
.mainMenuItemText:active > i, 
.mainMenuItemText.active, 
.mainMenuItemText.active > i, 
.mainMenuItemBkgd:active .mainMenuItemText, 
.mainMenuItemBkgd:active .mainMenuItemText > i, 
.mainMenuItemBkgd.active .mainMenuItemText, 
.mainMenuItemBkgd.active .mainMenuItemText > i, 
.mainMenu .nav-item.dropdown.navbar-toggle:active, 
.mainMenu .nav-item.dropdown.navbar-toggle:active > i, 
.mainMenu .nav-item.dropdown.navbar-toggle.active, 
.mainMenu .nav-item.dropdown.navbar-toggle.active > i,
.navbar-nav.nav.mainMenu > li.nav-item.dropdown.navbar-toggle > a.nav-link.mainMenuItemText:active,
.navbar-nav.nav.mainMenu > li.nav-item.dropdown.navbar-toggle > a.nav-link.mainMenuItemText:active > i,
.navbar-nav.nav.mainMenu > li.nav-item.dropdown.navbar-toggle > a.nav-link.mainMenuItemText.active,
.navbar-nav.nav.mainMenu > li.nav-item.dropdown.navbar-toggle > a.nav-link.mainMenuItemText.active > i { color: #2e1a46 !important; }

/* SUBMENUS ------------------------------------------------------------------------------------------------- */

/* ConfigKey: SubMenuItemBackgroundColor (Default: White)*/
.subMenuItemBkgd, 
.dropdown-item.subMenuItemBkgd,
.dropdown-menu.navbar-dropdown.subMenu,
.dropdown-menu.navbar-dropdown.subMenu .nav-item .nav-link.subMenuItemBkgd { background-color: #2e1a46 !important; }

/* ConfigKey: SubMenuItemBackgroundColorHover (Default: Primary) */
.subMenuItemBkgd:hover, 
.dropdown-item.subMenuItemBkgd:hover,
.dropdown-menu.navbar-dropdown.subMenu .nav-item .nav-link.subMenuItemBkgd:hover { background-color: #ffffff !important; }

/* ConfigKey: SubMenuItemBackgroundColorFocus (Default: Primary-600) */
.subMenuItemBkgd:focus, 
.dropdown-item.subMenuItemBkgd:focus,
.dropdown-menu.navbar-dropdown.subMenu .nav-item .nav-link.subMenuItemBkgd:focus { background-color: #9077b0 !important; box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25) }

/* ConfigKey: SubMenuItemBackgroundColorActive (Default: Primary-700) */
.subMenuItemBkgd:active, 
.subMenuItemBkgd.active, 
.dropdown-item.subMenuItemBkgd:active, 
.dropdown-item.subMenuItemBkgd.active,
.dropdown-menu.navbar-dropdown.subMenu .nav-item .nav-link.subMenuItemBkgd:active,
.dropdown-menu.navbar-dropdown.subMenu .nav-item .nav-link.subMenuItemBkgd.active { background-color: #6a4a96 !important; }

/* ------------ */

/* ConfigKey: SubMenuItemTextAndIconColor (Default: Primary) */
.subMenuItemText, 
.subMenuItemText > i, 
.dropdown-item.subMenuItemText, 
.dropdown-item.subMenuItemText > i,
.dropdown-menu.navbar-dropdown.subMenu .nav-item .nav-link.subMenuItemText,
.dropdown-menu.navbar-dropdown.subMenu .nav-item .nav-link.subMenuItemText > i { color: #ffffff !important; }

/* ConfigKey: SubMenuItemTextAndIconColorHover (Default: White) */
.subMenuItemText:hover, 
.subMenuItemText:hover > i, 
.dropdown-item.subMenuItemText:hover, 
.dropdown-item.subMenuItemText:hover > i,
.dropdown-menu.navbar-dropdown.subMenu .nav-item .nav-link.subMenuItemText:hover,
.dropdown-menu.navbar-dropdown.subMenu .nav-item .nav-link.subMenuItemText:hover > i { color: #2e1a46 !important; }

/* ConfigKey: SubMenuItemTextAndIconColorFocus (Default: White) */
.subMenuItemText:focus, 
.subMenuItemText:focus > i, 
.dropdown-item.subMenuItemText:focus, 
.dropdown-item.subMenuItemText:focus > i,
.dropdown-menu.navbar-dropdown.subMenu .nav-item .nav-link.subMenuItemText:focus,
.dropdown-menu.navbar-dropdown.subMenu .nav-item .nav-link.subMenuItemText:focus > i { color: #2e1a46 !important; }

/* ConfigKey: SubMenuItemTextAndIconColorActive (Default: White) */
.subMenuItemText:active, 
.subMenuItemText:active > i, 
.subMenuItemText.active, 
.subMenuItemText.active > i, 
.dropdown-item.subMenuItemText:active, 
.dropdown-item.subMenuItemText:active > i, 
.dropdown-item.subMenuItemText.active, 
.dropdown-item.subMenuItemText.active > i,
.dropdown-menu.navbar-dropdown.subMenu .nav-item .nav-link.subMenuItemText:active,
.dropdown-menu.navbar-dropdown.subMenu .nav-item .nav-link.subMenuItemText:active > i,
.dropdown-menu.navbar-dropdown.subMenu .nav-item .nav-link.subMenuItemText.active,
.dropdown-menu.navbar-dropdown.subMenu .nav-item .nav-link.subMenuItemText.active > i { color: #2e1a46 !important; }

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

/* ConfigKey: FooterBackgroundColor (Default: Secondary) */
.footerBkgdColor { background-color: #523178 !important; }

/* ConfigKey: FooterTextAndIconColor (Default: White) */
.footerTextColor { color: #ffffff; }

/* FOOTMENU ------------------------------------------------------------------------------------------------- */

/* ConfigKey: FooterMenuItemBackgroundColor (Default: Secondary) */
.footerMenuItemBackgroundColor { color: #523178 !important; }

/* ConfigKey: FooterMenuItemBackgroundColorHover (Default: Primary) */
.footerMenuItemBackgroundColor:hover { color: #523178 !important; }

/* ConfigKey: FooterMenuItemBackgroundColorFocus (Default: Primary-600) */
.footerMenuItemBackgroundColor:focus { color: #412760 !important; }

/* ConfigKey: FooterMenuItemBackgroundColorActive (Default: Primary-700) */
.footerMenuItemBackgroundColor:active, .footerMenuItemBackgroundColor.active { color: #311d48 !important; }

/* ------------ */

/* ConfigKey: FooterMenuItemTextAndIconColor (Default: White) */
.footerMenuItemTextColor { color: #ffffff !important; }

/* ConfigKey: FooterMenuItemTextAndIconColorHover (Default: White) */
.footerMenuItemTextColor:hover { color: #ffffff !important; }

/* ConfigKey: FooterMenuItemTextAndIconColorFocus (Default: White) */
.footerMenuItemTextColor:focus { color: #ffffff !important; }

/* ConfigKey: FooterMenuItemTextAndIconColorActive (Default: White) */
.footerMenuItemTextColor:active, .footerMenuItemTextColor.active { color: #ffffff !important; }

/* SELECT PRODUCT FILTERS ----------------------------------------------------------------------------------- */

/* ConfigKey: OrderCapture-SelectProducts-ProductTypesFilter-TextColor (Default: Primary)	*/
#productTypes .btn-group-toggle .btn-filter .filterText, #productTypes .btn-group-toggle .btn-filter:active .filterText, #productTypes .btn-group-toggle .btn-filter.active .filterText { color: #461d7c !important; }

/* ConfigKey: OrderCapture-CollectionMethod-ProductsFilter-TextColor (Default: Primary) */
#collectionMethods .btn-group-toggle .btn-filter .filterText, #collectionMethods .btn-group-toggle .btn-filter:active .filterText, #collectionMethods .btn-group-toggle .btn-filter.active .filterText { color: #461d7c !important; }

/* PREPAID BANNERS ------------------------------------------------------------------------------------------ */

/* ConfigKey: PrepaidProductBannerBkgdColor (Default: Prepaid-200) */
.prepaidBkgdColor { background: var(--prepaid-200) !important; }

/* ConfigKey: PrepaidProductBannerTextAndIconColor (Default: Prepaid) */
.prepaidTextColor { color: var(--prepaid) !important; }

/* BILLED BANNERS ------------------------------------------------------------------------------------------- */

/* ConfigKey: BilledProductBannerBkgdColor (Default: Billed-200) */
.billedBkgdColor { background: var(--billed-200) !important; }

/* ConfigKey: BilledProductBannerTextAndIconColor (Default: Billed) */
.billedTextColor { color: var(--billed) !important; }

/* PREPAID TOGGLES ------------------------------------------------------------------------------------------ */

/* ConfigKey: AccountSummary-PrepaidToggle-BorderColor (Default: Prepaid) */
.btn.prepaidToggleBkgdColor, .btn.prepaidToggleBkgdColor:hover, .btn.prepaidToggleBkgdColor:focus, .btn.prepaidToggleBkgdColor:active, .btn.prepaidToggleBkgdColor.active { border-color: var(--prepaid) !important; }

/* ------------ */

/* ConfigKey: AccountSummary-PrepaidToggle-BkgdColor-Default (Default: White) */
.btn.prepaidToggleBkgdColor { background: #ffffff !important; }

/* ConfigKey: AccountSummary-PrepaidToggle-BkgdColor-Hover (Default: Prepaid-100) */
.btn.prepaidToggleBkgdColor:hover { background: var(--prepaid-100) !important; }

/* ConfigKey: AccountSummary-PrepaidToggle-BkgdColor-Focus (Default: Prepaid-200) */
.btn.prepaidToggleBkgdColor:focus { background: var(--prepaid-200) !important; }

/* ConfigKey: AccountSummary-PrepaidToggle-BkgdColor-Selected (Default: Prepaid) */
.btn.prepaidToggleBkgdColor.active, .btn.prepaidToggleBkgdColor:active { background: var(--prepaid) !important; }

/* ------------ */

/* ConfigKey: AccountSummary-PrepaidToggle-TextColor-Default (Default: Prepaid) */
.btn.prepaidToggleTextColor { color: var(--prepaid) !important; }

/* ConfigKey: AccountSummary-PrepaidToggle-TextColor-Hover (Default: Prepaid) */
.btn.prepaidToggleTextColor:hover { color: var(--prepaid) !important; }

/* ConfigKey: AccountSummary-PrepaidToggle-TextColor-Focus (Default: Prepaid) */
.btn.prepaidToggleTextColor:focus { color: var(--prepaid) !important; }

/* ConfigKey: AccountSummary-PrepaidToggle-TextColor-Selected (Default: White) */
.btn.prepaidToggleTextColor.active, .btn.prepaidToggleTextColor:active { color: #ffffff !important; }

/* BILLED TOGGLES ------------------------------------------------------------------------------------------- */

/* ConfigKey: AccountSummary-BilledToggle-BorderColor (Default: Billed) */
.btn.billedToggleBkgdColor, .btn.billedToggleBkgdColor:hover, .btn.billedToggleBkgdColor:focus, .btn.billedToggleBkgdColor.active, .btn.billedToggleBkgdColor:active { border-color: var(--billed) !important; }

/* ------------ */

/* ConfigKey: AccountSummary-BilledToggle-BkgdColor-Default (Default: White)*/
.btn.billedToggleBkgdColor { background: #ffffff !important; }

/* ConfigKey: AccountSummary-BilledToggle-BkgdColor-Hover (Default: Billed-100) */
.btn.billedToggleBkgdColor:hover { background: var(--billed-100) !important; }

/* ConfigKey: AccountSummary-BilledToggle-BkgdColor-Focus (Default: Billed-200) */
.btn.billedToggleBkgdColor:focus { background: var(--billed-200) !important; }

/* ConfigKey: AccountSummary-BilledToggle-BkgdColor-Selected (Default: Billed) */
.btn.billedToggleBkgdColor.active, .btn.billedToggleBkgdColor:active { background: var(--billed) !important; }

/* ------------ */

/* ConfigKey: AccountSummary-BilledToggle-TextColor-Default (Default: Billed) */
.btn.billedToggleTextColor { color: var(--billed) !important; }

/* ConfigKey: AccountSummary-BilledToggle-TextColor-Hover (Default: Billed) */
.btn.billedToggleTextColor:hover { color: var(--billed) !important; }

/* ConfigKey: AccountSummary-BilledToggle-TextColor-Focus (Default: Billed) */
.btn.billedToggleTextColor:focus { color: var(--billed) !important; }

/* ConfigKey: AccountSummary-BilledToggle-TextColor-Selected (Default: White) */
.btn.billedToggleTextColor.active, .btn.billedToggleTextColor:active { color: #ffffff !important; }