/* Customer Portal & Ecommerce (15.23 Update 2, 3/25/2025) */

/* GRANITE STATE COLORS:
:root {
  --primary: #e51b24; (RED)
  --primary-rgb: 229, 27, 36;
  --primary-100: #f9d1d3;
  --primary-200: #f4a3a7;
  --primary-300: #ef767b;
  --primary-400: #ea484f;
  --primary-500: #e51b24;
  --primary-600: #b7151c;
  --primary-700: #891015;
  --primary-800: #5b0a0e;
  --primary-900: #2d0507;

  --secondary: #fdbf57; (YELLOW)
  --secondary-rgb: 253, 191, 87;
  --secondary-100: #fef2dd;
  --secondary-200: #fee5bb;
  --secondary-300: #fdd89a;
  --secondary-400: #fdcb78;
  --secondary-500: #fdbf57;
  --secondary-600: #ca9845;
  --secondary-700: #977234;
  --secondary-800: #654c22;
  --secondary-900: #322611;

  --accent: #333333; (GRAY)
  --accent-rgb: 51, 51, 51;
  --accent-100: #d6d6d6;
  --accent-200: #adadad;
  --accent-300: #848484;
  --accent-400: #5b5b5b;
  --accent-500: #333333;
  --accent-600: #282828;
  --accent-700: #1e1e1e;
  --accent-800: #141414;
  --accent-900: #0a0a0a;

  --prepaid: #375199; (BLUE)
  --prepaid-rgb: 55, 81, 153;
  --prepaid-100: #d7dcea;
  --prepaid-200: #afb9d6;
  --prepaid-300: #8796c1;
  --prepaid-400: #5e73ad;
  --prepaid-500: #375199;
  --prepaid-600: #2c407a;
  --prepaid-700: #21305b;
  --prepaid-800: #16203d;
  --prepaid-900: #0b101e;

  --billed: #333333; (GRAY)
  --billed-rgb: 51, 51, 51;
  --billed-100: #d6d6d6;
  --billed-200: #adadad;
  --billed-300: #848484;
  --billed-400: #5b5b5b;
  --billed-500: #333333;
  --billed-600: #282828;
  --billed-700: #1e1e1e;
  --billed-800: #141414;
  --billed-900: #0a0a0a;
} */

/* CUSTOM TEXT OVERRIDES -------------------------------------------------------------------------------- */

/* Check Availability – Create Lead Form – Instruction Text Override */ 
form#createLead h6 { font-size: 0 !important; } 
form#createLead h6::before { content: 'Please provide your contact information. A representative will reach out to you shortly.'; font-size: .875rem !important; } 

/* Authorized - Select Products - Button Text Size Override */
#selectProductContentBody #productTypes .btn-filter .filterText, #selectProductContentBody #collectionsMethods .btn-filter .filterText { text-transform: normal !important; font-size: .75rem; }

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

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

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

.carousel { background-image: none !important; background-color: #ffffff !important; border-color: #ffffff !important; }
.carousel-caption h1 { color: #ffffff !important; }
.carousel-caption h6 { color: #ffffff !important; }

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

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

/* btn-primary */
.btn-primary { background-color: #e51b24 !important; border-color: #e51b24 !important; }
.btn-primary:hover { background-color: #b7151c !important; border-color: #b7151c !important; }
.btn-check:focus + .btn-primary, .btn-primary:focus { background-color: #b7151c !important; border-color: #891015 !important; box-shadow: 0 0 0 0.25rem rgba(229, 27, 36, 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: #b7151c !important; border-color: #891015 !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(229, 27, 36, 0.5) !important; }
.btn-primary.disabled, .btn-primary:disabled { background-color: #e51b24 !important; border-color: #e51b24 !important; }

/* btn-outline-primary */
.btn-outline-primary { color: #e51b24 !important; border-color: #e51b24 !important; }
.btn-outline-primary:hover { background-color: #b7151c !important; border-color: #b7151c !important; }
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(229, 27, 36, 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: #b7151c !important; border-color: #891015 !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(229, 27, 36, 0.5) !important; }
.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #e51b24 !important; }

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

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

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

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

/* btn-secondary */
.btn-secondary { background-color: #fdbf57 !important; border-color: #fdbf57 !important; }
.btn-secondary:hover { background-color: #ca9845 !important; border-color: #ca9845 !important; }
.btn-check:focus + .btn-secondary, .btn-secondary:focus { background-color: #ca9845 !important; border-color: #977234 !important; box-shadow: 0 0 0 0.25rem rgba(253, 191, 87, 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: #ca9845 !important; border-color: #977234 !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(253, 191, 87, 0.5) !important; }
.btn-secondary.disabled, .btn-secondary:disabled { background-color: #fdbf57 !important; border-color: #fdbf57 !important; }

/* btn-secondary outline */
.btn-outline-secondary { color: #fdbf57 !important; border-color: #fdbf57 !important; }
.btn-outline-secondary:hover { background-color: #ca9845 !important; border-color: #ca9845 !important; }
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(253, 191, 87, 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: #ca9845 !important; border-color: #977234 !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(253, 191, 87, 0.5) !important; }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #fdbf57 !important; }

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

/* toggle list-card view */
.btn-group-toggle .btn-outline-secondary > i { color: #fdbf57; }
.btn-group-toggle .btn-outline-secondary:hover > i { color: #fdbf57 !important; }
.btn-group-toggle .btn-outline-secondary:hover { background: rgba(253, 191, 87, 0.25) !important; }
.btn-group-toggle .btn-outline-secondary:focus > i { color: #fdbf57 !important; }
.btn-group-toggle .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(253, 191, 87, 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: #fdbf57 !important; }
.steps-wrapper .step-done { border-color: #fdbf57 !important; background: #fdbf57 !important; }
.steps-wrapper .line-done { background: #fdbf57 !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: #fdbf57 !important; background: #fdbf57 !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: #375199 !important; }
.configPlanBody .compLevelOne .panelContent .colDesc, .reviewOrderBody .compLevelOne .panelContent .colDesc { background: #fef2dd !important; color: #fdbf57 !important; }
#selectServiceContent .serviceCard .selected { outline-color: #fdbf57 !important; background: #fdbf57 !important; }

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

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

/* accent */
.btn-accent { background-color: #333333 !important; border-color: #333333 !important; }
.btn-accent:hover { background-color: #282828 !important; border-color: #282828 !important; }
.btn-check:focus + .btn-accent, .btn-accent:focus { background-color: #282828 !important; border-color: #1e1e1e !important; box-shadow: 0 0 0 0.25rem rgba(51, 51, 51, 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: #282828 !important; border-color: #1e1e1e !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(51, 51, 51, 0.5) !important; }
.btn-accent.disabled, .btn-accent:disabled { background-color: #333333 !important; border-color: #333333 !important; }

/* accent outline */
.btn-outline-accent { color: #333333 !important; border-color: #333333 !important; }
.btn-outline-accent:hover { background-color: #282828 !important; border-color: #282828 !important; }
.btn-check:focus + .btn-outline-accent, .btn-outline-accent:focus { box-shadow: 0 0 0 0.25rem rgba(51, 51, 51, 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: #282828 !important; border-color: #1e1e1e !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(51, 51, 51, 0.5) !important; }
.btn-outline-accent.disabled, .btn-outline-accent:disabled { color: #333333 !important; }

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

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

.configPlanBody .compLevelOne .panelContent .colDesc { background: #fef2dd !important; color: #fdbf57 !important; }
.configPlanBody .compLevelTwo .panelContent .colDesc { background: #f9d1d3 !important; color: #e51b24 !important; }
.configPlanBody .compLevelTwo .compLevelTwo .panelContent .colDesc { background: #d6d6d6 !important; color: #333333 !important; }
.configPlanBody .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: #dee2e6 !important; color: #495057 !important; }
.configPlanBody .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: #e9ecef !important; color: #333333 !important; }
.configPlanBody .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: #f8f9fa !important; color: #adb5bd !important; }

@media screen and (min-width: 768px) {
  .configPlanBody .compLevelOne .panelContent .colDesc { background: transparent !important; color: #fdbf57 !important; }
  .configPlanBody .compLevelTwo .panelContent .colDesc { background: transparent !important; color: #e51b24 !important; }
  .configPlanBody .compLevelTwo .compLevelTwo .panelContent .colDesc { background: transparent !important; color: #333333 !important; }
  .configPlanBody .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: transparent !important; color: #495057 !important; }
  .configPlanBody .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: transparent !important; color: #333333 !important; }
  .configPlanBody .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: transparent !important; color: #adb5bd !important; }
}

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

.reviewOrderBody .compLevelOne .panelContent .colDesc { background: #fef2dd !important; color: #fdbf57 !important; }
.reviewOrderBody .compLevelTwo .panelContent .colDesc { background: #f9d1d3 !important; color: #e51b24 !important; }
.reviewOrderBody .compLevelTwo .compLevelTwo .panelContent .colDesc { background: #d6d6d6 !important; color: #333333 !important; }
.reviewOrderBody .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: #dee2e6 !important; color: #495057 !important; }
.reviewOrderBody .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: #e9ecef !important; color: #333333 !important; }
.reviewOrderBody .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: #f8f9fa !important; color: #adb5bd !important; }

@media screen, print and (min-width: 768px) {
  .reviewOrderBody .compLevelOne .panelContent .colDesc { background: transparent !important; color: #fdbf57 !important; }
  .reviewOrderBody .compLevelTwo .panelContent .colDesc { background: transparent !important; color: #e51b24 !important; }
  .reviewOrderBody .compLevelTwo .compLevelTwo .panelContent .colDesc { background: transparent !important; color: #333333 !important; }
  .reviewOrderBody .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: transparent !important; color: #495057 !important; }
  .reviewOrderBody .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: transparent !important; color: #333333 !important; }
  .reviewOrderBody .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .compLevelTwo .panelContent .colDesc { background: transparent !important; color: #adb5bd !important; }
}

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

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

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

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

/* ConfigKey: MainMenuItemBackgroundColor (Default: White) */
.mainMenuItemBkgd, .mainMenu .nav-item.dropdown.navbar-toggler { background-color: #ffffff !important; }

/* ConfigKey: MainMenuItemBackgroundColorHover (Default: Primary) */
.mainMenuItemBkgd:hover, .mainMenu .nav-item.dropdown.navbar-toggler:hover { background-color: #e51b24 !important; }

/* ConfigKey: MainMenuItemBackgroundColorFocus (Default: Primary-600) */
.mainMenuItemBkgd:focus, .mainMenu .nav-item.dropdown.navbar-toggler:focus { background-color: #b7151c !important; }

/* ConfigKey: MainMenuItemBackgroundColorActive (Default: Primary-700) */
.mainMenuItemBkgd:active, .mainMenuItemBkgd.active, .mainMenu .nav-item.dropdown.navbar-toggler:active, .mainMenu .nav-item.dropdown.navbar-toggler.active { background-color: #891015 !important; }

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

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

/* ConfigKey: MainMenuItemTextAndIconColorHover (Default: White) */
.mainMenuItemText:hover, .mainMenuItemText:hover > i, .mainMenuItemBkgd:hover .mainMenuItemText, .mainMenuItemBkgd:hover .mainMenuItemText > i, .mainMenu .nav-item.dropdown.navbar-toggler:hover, .mainMenu .nav-item.dropdown.navbar-toggler:hover > i { color: #ffffff !important; }

/* ConfigKey: MainMenuItemTextAndIconColorFocus (Default: White) */
.mainMenuItemText:focus, .mainMenuItemText:focus > i, .mainMenuItemBkgd:focus .mainMenuItemText, .mainMenuItemBkgd:focus .mainMenuItemText > i, .mainMenu .nav-item.dropdown.navbar-toggler:focus, .mainMenu .nav-item.dropdown.navbar-toggler:focus > i { color: #ffffff !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-toggler:active, .mainMenu .nav-item.dropdown.navbar-toggler:active > i, .mainMenu .nav-item.dropdown.navbar-toggler.active, .mainMenu .nav-item.dropdown.navbar-toggler.active > i { color: #ffffff !important; }

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

/* ConfigKey: SubMenuItemBackgroundColor (Default: White)*/
.subMenuItemBkgd, .dropdown-item.subMenuItemBkgd { background-color: #ffffff !important; }

/* ConfigKey: SubMenuItemBackgroundColorHover (Default: Primary) */
.subMenuItemBkgd:hover, .dropdown-item.subMenuItemBkgd:hover { background-color: #e51b24 !important; }

/* ConfigKey: SubMenuItemBackgroundColorFocus (Default: Primary-600) */
.subMenuItemBkgd:focus, .dropdown-item.subMenuItemBkgd:focus { background-color: #b7151c !important; }

/* ConfigKey: SubMenuItemBackgroundColorActive (Default: Primary-700) */
.subMenuItemBkgd:active, .subMenuItemBkgd.active, .dropdown-item.subMenuItemBkgd:active, .dropdown-item.subMenuItemBkgd.active { background-color: #891015 !important; }

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

/* ConfigKey: SubMenuItemTextAndIconColor (Default: Primary) */
.subMenuItemText, .subMenuItemText > i, .dropdown-item.subMenuItemText, .dropdown-item.subMenuItemText > i { color: #e51b24 !important; }

/* ConfigKey: SubMenuItemTextAndIconColorHover (Default: White) */
.subMenuItemText:hover, .subMenuItemText:hover > i, .dropdown-item.subMenuItemText:hover, .dropdown-item.subMenuItemText:hover > i { color: #ffffff !important; }

/* ConfigKey: SubMenuItemTextAndIconColorFocus (Default: White) */
.subMenuItemText:focus, .subMenuItemText:focus > i, .dropdown-item.subMenuItemText:focus, .dropdown-item.subMenuItemText:focus > i { color: #ffffff !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 { color: #ffffff !important; }

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

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

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

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

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

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

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

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

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

/* ConfigKey: FooterMenuItemTextAndIconColor (Default: White) */
.footerMenuItemTextColor { color: #fdbf57 !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: #e51b24 !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: #e51b24 !important; }

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

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

/* ConfigKey: PrepaidProductBannerTextAndIconColor (Default: Prepaid) */
.prepaidTextColor { color: #375199 !important; }

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

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

/* ConfigKey: BilledProductBannerTextAndIconColor (Default: Billed) */
.billedTextColor { color: #333333 !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: #375199 !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: #d7dcea !important; }

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

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

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

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

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

/* ConfigKey: AccountSummary-PrepaidToggle-TextColor-Focus (Default: Prepaid) */
.btn.prepaidToggleTextColor:focus { color: #375199 !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: #333333 !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: #d6d6d6 !important; }

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

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

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

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

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

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

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