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

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

/* ConfigKey: HeaderTextAndIconColor (Overwritten by CongfigKey: MainMenuItemTextAndIconColor on newer releases) */ 
.headerTextColor { color: #0079c1; }

/* -----------------------------------------------------------------------------------
    GLOBAL NAVBAR: Main Menu
----------------------------------------------------------------------------------- */

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

/* ConfigKey: MainMenuItemBackgroundColorHover */
.mainMenuItemBkgd:hover, 
.mainMenu .nav-item.dropdown.navbar-toggler:hover,
.main-menu .nav-item.dropdown.navbar-toggler:hover { background-color: #0079c1 !important; } 

/* ConfigKey: MainMenuItemBackgroundColorFocus */
.mainMenuItemBkgd:focus, 
.mainMenu .nav-item.dropdown.navbar-toggler:focus,
.main-menu .nav-item.dropdown.navbar-toggler:focus { background-color: #00609a !important; }

/* ConfigKey: MainMenuItemBackgroundColorActive */
.mainMenuItemBkgd:active,
.mainMenuItemBkgd.active, 
.mainMenu .nav-item.dropdown.navbar-toggler:active,
.main-menu .nav-item.dropdown.navbar-toggler:active,
.mainMenu .nav-item.dropdown.navbar-toggler.active,
.main-menu .nav-item.dropdown.navbar-toggler.active { background-color: #004873 !important; }

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

/* ConfigKey: MainMenuItemTextAndIconColor */
.mainMenuItemText,
.mainMenu .nav-item.dropdown.navbar-toggler > i,
.main-menu .nav-item.dropdown.navbar-toggler > i { color: #0079c1 !important; }

/* ConfigKey: MainMenuItemTextAndIconColorHover */
.mainMenuItemText:hover,
.mainMenu .nav-item.dropdown.navbar-toggler:hover > i,
.main-menu .nav-item.dropdown.navbar-toggler:hover > i { color: #ffffff !important; }

/* ConfigKey: MainMenuItemTextAndIconColorFocus */
.mainMenuItemText:focus, 
.mainMenu .nav-item.dropdown.navbar-toggler:focus > i,
.main-menu .nav-item.dropdown.navbar-toggler:focus > i { color: #ffffff !important; }

/* ConfigKey: MainMenuItemTextAndIconColorActive */
.mainMenuItemText:active,
.mainMenuItemText.active, 
.mainMenu .nav-item.dropdown.navbar-toggler:active > i,
.main-menu .nav-item.dropdown.navbar-toggler:active > i,
.mainMenu .nav-item.dropdown.navbar-toggler.active > i,
.main-menu .nav-item.dropdown.navbar-toggler.active > i { color: #ffffff !important; }

/* -----------------------------------------------------------------------------------
    GLOBAL NAVBAR: Sub Menus
----------------------------------------------------------------------------------- */

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

/* ConfigKey: SubMenuItemBackgroundColorHover */
.subMenuItemBkgd:hover, 
.dropdown-item.subMenuItemBkgd:hover { background-color: #0079c1 !important; }

/* ConfigKey: SubMenuItemBackgroundColorFocus */
.subMenuItemBkgd:focus, 
.dropdown-item.subMenuItemBkgd:focus { background-color: #00609a !important; }

/* ConfigKey: SubMenuItemBackgroundColorActive */
.subMenuItemBkgd:active, 
.subMenuItemBkgd.active, 
.dropdown-item.subMenuItemBkgd:active,
.dropdown-item.subMenuItemBkgd.active { background-color: #004873 !important; }

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

/* ConfigKey: SubMenuItemTextAndIconColor */
.subMenuItemText, 
.dropdown-item.subMenuItemText { color: #0079c1 !important; }

/* ConfigKey: SubMenuItemTextAndIconColorHover */
.subMenuItemText:hover, 
.dropdown-item.subMenuItemText:hover { color: #ffffff !important; }

/* ConfigKey: SubMenuItemTextAndIconColorFocus */
.subMenuItemText:focus, 
.dropdown-item.subMenuItemText:focus { color: #ffffff !important; }

/* ConfigKey: SubMenuItemTextAndIconColorActive */
.subMenuItemText:active,
.subMenuItemText.active, 
.dropdown-item.subMenuItemText:active,
.dropdown-item.subMenuItemText.active { color: #ffffff !important; }

/* -----------------------------------------------------------------------------------
    GLOBAL FOOTER & LINKS
----------------------------------------------------------------------------------- */

/* ConfigKey: FooterBackgroundColor */
.footerBkgdColor { background-color: #003f5f !important; }

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

/* ConfigKey: FooterTextAndIconColor */
.footerTextColor { color: #ffffff !important; }

/* ConfigKey: FooterTextAndIconColorHover */
.footerTextColor:hover { color: #f8f9fa !important; }

/* ConfigKey: FooterTextAndIconColorFocus */
.footerTextColor:focus { color: #ced4da !important; }

/* ConfigKey: FooterTextAndIconColorActive */
.footerTextColor:active,
.footerTextColor.active { color: #dee2e6 !important; }

/* -----------------------------------------------------------------------------------
    GLOBAL COLORS
----------------------------------------------------------------------------------- */

/* ConfigKey: PrimaryBrandColor */

.primary, 
.text-primary { color: #0079c1 !important; }

.primaryBkgd { background-color: #0079c1 !important; }

.badge-primary { background-color: #0079c1 !important; }

.border-primary { border-color: #0079c1 !important; }

.btn-primary { background-color: #0079c1 !important; border-color: #0079c1 !important; }

.btn-outline-primary { border-color: #0079c1 !important; color: #0079c1 !important; }

.btn-outline-primary > i { color: #0079c1 !important; }

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

.btn-group-toggle .btn-outline-primary > i { color: #0079c1 !important; }

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

.quickLinksBtnLink { color: #0079c1 !important; }

.quickLinksBtnIcon { color: #0079c1 !important; }

.btn-group-toggle .btn-filter { color: #0079c1 !important; }

.mat-step-icon-selected { background-color: #0079c1 !important; }

/* ConfigKey: SecondaryBrandColor */

.secondary, 
.text-secondary { color: #003f5f !important; }

.secondaryBkgd { background-color: #003f5f !important; }

.badge-secondary { background-color: #003f5f !important; }

.border-secondary { border-color: #003f5f !important; }

.btn-secondary { background-color: #003f5f !important; border-color: #003f5f !important; }

.btn-outline-secondary { border-color: #003f5f !important; color: #003f5f !important; }

.btn-outline-secondary > i { color: #003f5f !important; }

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

.btn-group-toggle .btn-outline-secondary > i { color: #003f5f !important; }

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

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

/* ConfigKey: AccentBrandColor */

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

.accentBkgd { background-color: #f58025 !important; }

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

.border-accent { border-color: #f58025 !important; }

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

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

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

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

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

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

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

/* -----------------------------------------------------------------------------------
    UNAUTH BACKGROUND IMAGE
----------------------------------------------------------------------------------- */

.base-component-wrapper.identity-server-wrapper { background-position: center top !important; }

/* -----------------------------------------------------------------------------------
    SELECT PRODUCTS FILTERS
----------------------------------------------------------------------------------- */

/* ConfigKey: OrderCapture-SelectProducts-ProductTypesFilter-TextColor	*/
#productTypes .btn-group-toggle .btn-filter .filterText,
#productTypes .btn-group-toggle .btn-filter:active .filterText,
#productTypes .btn-group-toggle .btn-filter.active .filterText { color: #0079c1 !important; }

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

/* ConfigKey: OrderCapture-CollectionMethod-ProductsFilter-TextColor */
#collectionMethods .btn-group-toggle .btn-filter .filterText,
#collectionMethods .btn-group-toggle .btn-filter:active .filterText,
#collectionMethods .btn-group-toggle .btn-filter.active .filterText { color: #0079c1 !important; }

/* -----------------------------------------------------------------------------------
    BANNERS & TOGGLES: Prepaid
----------------------------------------------------------------------------------- */

/* ConfigKey: PrepaidProductBannerBkgdColor */
.prepaidBkgdColor { background: #e6f5eb !important; }

/* ConfigKey: PrepaidProductBannerTextAndIconColor */
.prepaidTextColor { color: #069c36 !important; }

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

/* ConfigKey: AccountSummary-PrepaidToggle-BorderColor */
.btn.prepaidBkgdColor,
.btn.prepaidBkgdColor.active, 
.btn.prepaidBkgdColor:active { border-color: #069c36 !important; }

/* ConfigKey: AccountSummary-PrepaidToggle-BkgdColor-Default */
.btn.prepaidBkgdColor { background: #ffffff !important; }

/* ConfigKey: AccountSummary-PrepaidToggle-BkgdColor-Selected */
.btn.prepaidBkgdColor.active, 
.btn.prepaidBkgdColor:active { background: #e6f5eb !important; }

/* ConfigKey: AccountSummary-PrepaidToggle-TextColor */
.btn.prepaidTextColor,
.btn.prepaidTextColor.active, 
.btn.prepaidTextColor:active { color: #069c36 !important; }

/* -----------------------------------------------------------------------------------
    BANNERS & TOGGLES: Billed
----------------------------------------------------------------------------------- */

/* ConfigKey: BilledProductBannerBkgdColor */
.billedBkgdColor { background: #efefef !important; }

/* ConfigKey: BilledProductBannerTextAndIconColor */
.billedTextColor { color: #545454 !important; }

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

/* ConfigKey: AccountSummary-BilledToggle-BorderColor */
.btn.billedBkgdColor,
.btn.billedBkgdColor.active,
.btn.billedBkgdColor:active { border-color: #545454 !important; }

/* ConfigKey: AccountSummary-BilledToggle-BkgdColor-Default */
.btn.billedBkgdColor { background: #ffffff !important; }

/* ConfigKey: AccountSummary-BilledToggle-BkgdColor-Selected */
.btn.billedBkgdColor.active,
.btn.billedBkgdColor:active { background: #efefef !important; }

/* ConfigKey: AccountSummary-BilledToggle-TextColor */
.btn.billedTextdColor,
.btn.billedTextColor.active,
.btn.billedTextColor:active { color: #545454 !important; }