--colorBrandedCautionTimeoutLight: 245, 221, 209; --colorBrandedErrorTimeoutLight: 245, 221, 209; --colorBrandedInfoTimeout: 2, 81, 151; --colorBrandedInfoTimeoutLight: 208, 227, 246; --colorBrandedSuccessTimeout: 20, 92, 39; --colorBrandedCautionTimeout: 158, 68, 15; --colorBrandedSuccessTimeoutLight: 215, 234, 223; --colorBrandedErrorTimeout: 170, 18, 18; --colorBrandedBulletin: 255, 236, 181; --colorBrandedCaution: 196, 84, 19; --colorBrandedCautionLight: 252, 246, 243; --colorBrandedError: 206, 22, 22; --colorBrandedErrorLight: 252, 243, 243; --colorBrandedInfo: 2, 103, 193; --colorBrandedInfoLight: 242, 247, 252; --colorBrandedSuccess: 27, 124, 53; --colorBrandedSuccessLight: 243, 248, 245; --colorPlatformAlpha25: .96; --colorPlatformAlpha50: .88; --colorPlatformAlpha75: .76; --colorPlatformWhite: 255, 255, 255; --colorPlatformGray25: 250, 250, 250; --colorPlatformGray50: 242, 242, 242; --colorPlatformGray100: 230, 230, 230; --colorPlatformGray200: 204, 204, 204; --colorPlatformGray300: 179, 179, 179; --colorPlatformGray400: 153, 153, 153; --colorPlatformGray500: 117, 117, 117; --colorPlatformGray600: 102, 102, 102; --colorPlatformGray700: 77, 77, 77; --colorPlatformGray800: 51, 51, 51; --colorPlatformGray900: 26, 26, 26; } html { --colorBrandedGuidance: 184, 18, 55; --colorBrandedGuidance50: 243, 241, 242; --colorBrandedGuidance100: 235, 228, 229; --colorBrandedGuidance200: 219, 197, 202; --colorBrandedGuidance300: 228, 155, 172; --colorBrandedGuidance400: 255, 104, 138; --colorBrandedGuidance500: 229, 63, 100; --colorBrandedGuidance600: 214, 48, 85; --colorBrandedGuidance700: 189, 23, 60; --colorBrandedGuidance800: 157, 0, 35; --colorBrandedGuidance900: 80, 0, 18; --colorBrandedGuidanceAccessible: 184, 18, 55; --colorBrandedGuidanceOnColor: 243, 241, 242; --colorBrandedGuidanceHover: 158, 0, 29; --colorBrandedGuidanceHoverOnColor: 243, 241, 242; --colorBrandedGuidancePressed: 133, 0, 4; --colorBrandedGuidancePressedOnColor: 243, 241, 242; } html { --colorBrandedAffordance: 184, 18, 55; --colorBrandedAffordance50: 243, 241, 242; --colorBrandedAffordance100: 235, 228, 229; --colorBrandedAffordance200: 219, 197, 202; --colorBrandedAffordance300: 228, 155, 172; --colorBrandedAffordance400: 255, 104, 138; --colorBrandedAffordance500: 229, 63, 100; --colorBrandedAffordance600: 214, 48, 85; --colorBrandedAffordance700: 189, 23, 60; --colorBrandedAffordance800: 157, 0, 35; --colorBrandedAffordance900: 80, 0, 18; --colorBrandedAffordanceAccessible: 184, 18, 55; --colorBrandedAffordanceOnColor: 243, 241, 242; --colorBrandedAffordanceHover: 158, 0, 29; --colorBrandedAffordanceHoverOnColor: 243, 241, 242; --colorBrandedAffordancePressed: 133, 0, 4; --colorBrandedAffordancePressedOnColor: 243, 241, 242; } :root { --colorBrandedAccountColor0: 240, 171, 0; --colorBrandedAccountColor1: 0, 164, 226; --colorBrandedAccountColor2: 125, 106, 85; --colorBrandedAccountColor3: 212, 123, 34; --colorBrandedAccountColor4: 137, 143, 75; --colorBrandedAccountColor5: 125, 15, 1; --colorBrandedAccountColor6: 92, 127, 146; --colorBrandedAccountColor7: 248, 228, 152; --colorBrandedAccountColorOnColor0: 0, 0, 0; --colorBrandedAccountColorOnColor1: 0, 0, 0; --colorBrandedAccountColorOnColor2: 255, 255, 255; --colorBrandedAccountColorOnColor3: 0, 0, 0; --colorBrandedAccountColorOnColor4: 0, 0, 0; --colorBrandedAccountColorOnColor5: 255, 255, 255; --colorBrandedAccountColorOnColor6: 0, 0, 0; --colorBrandedAccountColorOnColor7: 0, 0, 0; } html { --surfacePlatformRaisedBackgroundColor: 255, 255, 255; --surfacePlatformRaisedShadowColor: 26, 26, 26; --surfacePlatformRaisedShadowBlurResting: 24px; --surfacePlatformRaisedShadowBlurLifted: 40px; --surfacePlatformRaisedShadowBlurPressed: 8px; --surfacePlatformRaisedShadowY: 8; --surfacePlatformRaisedShadowOpacity: 24%; --surfacePlatformRaisedShadowSpread: -8; --surfaceBrandedBackgroundColor: 255, 255, 255; --surfaceBrandedBaseColor: 255, 255, 255; --surfaceBrandedBaseBorderColor: 255, 255, 255; --surfaceBrandedRaisedShadowColor: 26, 26, 26; --elevationPlatformBackgroundSurfaceBackgroundColor: 255, 255, 255; --elevationPlatformBackgroundSurfaceBorderColor: none; --elevationPlatformBaseSurfaceBackgroundColor: 255, 255, 255; --elevationPlatformBaseSurfaceBorderColor: 242, 242, 242; --elevationPlatformRestingSurfaceBackgroundColor: 255, 255, 255; --elevationPlatformRestingSurfaceBorderColor: none; --elevationPlatformRestingSurfaceBoxShadow: 0 4px 24px 0 rgba(26, 26, 26, .24); --elevationPlatformLiftedSurfaceBackgroundColor: 255, 255, 255; --elevationPlatformLiftedSurfaceBorderColor: none; --elevationPlatformLiftedSurfaceBoxShadow: 0 4px 40px 0 rgba(26, 26, 26, .24); --elevationPlatformPressedSurfaceBackgroundColor: 255, 255, 255; --elevationPlatformPressedSurfaceBorderColor: none; --elevationPlatformPressedSurfaceBoxShadow: 0 4px 8px 0 rgba(26, 26, 26, .24); --elevationBrandedBackgroundColor: 255, 255, 255; --elevationBrandedBorderColor: 255, 255, 255; --elevationBrandedRestingBoxShadow: 0 4px 24px 0 rgba(26, 26, 26, .24); --elevationBrandedLiftedBoxShadow: 0 4px 40px 0 rgba(26, 26, 26, .24); --elevationBrandedPressedBoxShadow: 0 4px 8px 0 rgba(26, 26, 26, .24); --shapeLargeComponentSharp: 0; --shapeLargeComponentSoft: 4px; --shapeLargeComponentRounded: 24px; --shapeMediumComponentSharp: 0; --shapeMediumComponentSoft: 4px; --shapeMediumComponentSquircle: 16px; --shapeSmallComponentSharp: 0; --shapeSmallComponentSoft: 4px; --shapeSmallComponentSquircle: 12px; --shapeSmallComponentRounded: 100%; --shapeLargeComponentSquircle: 16px; --shapeMediumComponentRounded: 16px; --shapeBrandedSharp: 0; --shapeBrandedSoft: 4px; --shapeBrandedRound: 24px; --shapeBrandedSquircle: 16px; --shapeBranded: 0; --shapeBrandedSmallTL: 24px; --shapeBrandedSmallTR: 24px; --shapeBrandedSmallBR: 24px; --shapeBrandedSmallBL: 24px; --shapeBrandedSmall: var(--shapeBrandedSmallTL) var(--shapeBrandedSmallTR) var(--shapeBrandedSmallBR) var(--shapeBrandedSmallBL); --shapeBrandedMediumTL: 24px; --shapeBrandedMediumTR: 24px; --shapeBrandedMediumBR: 24px; --shapeBrandedMediumBL: 24px; --shapeBrandedMedium: var(--shapeBrandedMediumTL) var(--shapeBrandedMediumTR) var(--shapeBrandedMediumBR) var(--shapeBrandedMediumBL); --shapeBrandedLargeTL: 24px; --shapeBrandedLargeTR: 24px; --shapeBrandedLargeBR: 24px; --shapeBrandedLargeBL: 24px; --shapeBrandedLarge: var(--shapeBrandedLargeTL) var(--shapeBrandedLargeTR) var(--shapeBrandedLargeBR) var(--shapeBrandedLargeBL); --spacingPlatformNano: 4px; --spacingPlatformTiny: 8px; --spacingPlatformSmall: 16px; --spacingPlatformBase: 24px; --spacingPlatformBig: 40px; --spacingPlatformHuge: 64px; --spacingPlatformGigantic: 104px; --spacingBrandedCompact: 8px; --spacingBrandedCozy: 16px; --spacingBrandedComfortable: 24px; --motionTimeNano: 50ms; --motionTimeExtraFast: 100ms; --motionTimeFast: 150ms; --motionTimeModerate: 200ms; --motionTimeModerateSlow: 250ms; --motionTimeSlow: 300ms; --motionTimeExtraSlow: 500ms; --motionTimingFunctionStandard: cubic-bezier(0.5, 0.0, 0.2, 1.0); --motionTimingFunctionAcceleration: cubic-bezier(0.4, 0.0, 0.9, 0.3); --motionTimingFunctionDeceleration: cubic-bezier(0.2, 0.2, 0.1, 1.0); --motionTimingFunctionLinear: cubic-bezier(0.0, 0.0, 1.0, 1.0); --typeBrandedFontFamilyFallbacks: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --typeBrandedDisplayFontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --typeBrandedDisplayFontWeight: 600; --typeBrandedDisplayCharacterSpacing: -1px; --typeBrandedDisplayTextTransform: none; --typeBrandedLargeHeadingFontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --typeBrandedLargeHeadingFontWeight: 800; --typeBrandedLargeHeadingCharacterSpacing: -0.25px; --typeBrandedLargeHeadingTextTransform: none; --typeBrandedMediumHeadingFontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --typeBrandedMediumHeadingFontWeight: 800; --typeBrandedMediumHeadingCharacterSpacing: 0; --typeBrandedMediumHeadingTextTransform: none; --typeBrandedSmallHeadingFontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --typeBrandedSmallHeadingFontWeight: 800; --typeBrandedSmallHeadingCharacterSpacing: 0.5px; --typeBrandedSmallHeadingTextTransform: none; --typeBrandedSubtitle1FontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --typeBrandedSubtitle1FontWeight: 600; --typeBrandedSubtitle1CharacterSpacing: -0.1pt; --typeBrandedSubtitle2FontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --typeBrandedSubtitle2FontWeight: 600; --typeBrandedSubtitle2CharacterSpacing: 0.1pt; --typeBrandedBody1FontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --typeBrandedBody1FontWeight: 400; --typeBrandedBody1CharacterSpacing: 0.1pt; --typeBrandedBody2FontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --typeBrandedBody2FontWeight: 400; --typeBrandedBody2CharacterSpacing: 0.2pt; --typeBrandedCaptionFontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --typeBrandedCaptionFontWeight: 400; --typeBrandedCaptionCharacterSpacing: 0.2pt; --typeBrandedOverlineFontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --typeBrandedOverlineFontWeight: 600; --typeBrandedOverlineTextTransform: uppercase; --typeBrandedOverlineCharacterSpacing: 0.6pt; --typeBrandedButtonFontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --typeBrandedButtonFontWeight: 800; --typeBrandedButtonCharacterSpacing: 0.5px; --typeBrandedButtonTextTransform: none; } @font-face { font-family:'MountainAmericaCU';src:url("../../../icon_pack/MountainAmericaCU-icon-font.woff") format("woff"); } .font-icon-MACU-accounts:not([data-font-options*="after"]):before,.font-icon-MACU-accounts[data-font-options*="before"]:before,.font-icon-MACU-accounts[data-font-options*="after"]:after { content: '\EA01'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-ach-payments:not([data-font-options*="after"]):before,.font-icon-MACU-ach-payments[data-font-options*="before"]:before,.font-icon-MACU-ach-payments[data-font-options*="after"]:after { content: '\EA1F'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-add-account:not([data-font-options*="after"]):before,.font-icon-MACU-add-account[data-font-options*="before"]:before,.font-icon-MACU-add-account[data-font-options*="after"]:after { content: '\EA02'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-authentication:not([data-font-options*="after"]):before,.font-icon-MACU-authentication[data-font-options*="before"]:before,.font-icon-MACU-authentication[data-font-options*="after"]:after { content: '\EA20'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-bill-pay:not([data-font-options*="after"]):before,.font-icon-MACU-bill-pay[data-font-options*="before"]:before,.font-icon-MACU-bill-pay[data-font-options*="after"]:after { content: '\EA03'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-budgets:not([data-font-options*="after"]):before,.font-icon-MACU-budgets[data-font-options*="before"]:before,.font-icon-MACU-budgets[data-font-options*="after"]:after { content: '\EA04'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-calc-and-calendar:not([data-font-options*="after"]):before,.font-icon-MACU-calc-and-calendar[data-font-options*="before"]:before,.font-icon-MACU-calc-and-calendar[data-font-options*="after"]:after { content: '\EA05'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-calendar-calc:not([data-font-options*="after"]):before,.font-icon-MACU-calendar-calc[data-font-options*="before"]:before,.font-icon-MACU-calendar-calc[data-font-options*="after"]:after { content: '\EA16'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-card-manage-pay:not([data-font-options*="after"]):before,.font-icon-MACU-card-manage-pay[data-font-options*="before"]:before,.font-icon-MACU-card-manage-pay[data-font-options*="after"]:after { content: '\EA06'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-card-manager:not([data-font-options*="after"]):before,.font-icon-MACU-card-manager[data-font-options*="before"]:before,.font-icon-MACU-card-manager[data-font-options*="after"]:after { content: '\EA17'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-card-swap:not([data-font-options*="after"]):before,.font-icon-MACU-card-swap[data-font-options*="before"]:before,.font-icon-MACU-card-swap[data-font-options*="after"]:after { content: '\EA07'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-check-services:not([data-font-options*="after"]):before,.font-icon-MACU-check-services[data-font-options*="before"]:before,.font-icon-MACU-check-services[data-font-options*="after"]:after { content: '\EA08'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-content:not([data-font-options*="after"]):before,.font-icon-MACU-content[data-font-options*="before"]:before,.font-icon-MACU-content[data-font-options*="after"]:after { content: '\EA21'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-courtesy-pay:not([data-font-options*="after"]):before,.font-icon-MACU-courtesy-pay[data-font-options*="before"]:before,.font-icon-MACU-courtesy-pay[data-font-options*="after"]:after { content: '\EA09'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-dashboard:not([data-font-options*="after"]):before,.font-icon-MACU-dashboard[data-font-options*="before"]:before,.font-icon-MACU-dashboard[data-font-options*="after"]:after { content: '\EA0A'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-e-docs:not([data-font-options*="after"]):before,.font-icon-MACU-e-docs[data-font-options*="before"]:before,.font-icon-MACU-e-docs[data-font-options*="after"]:after { content: '\EA18'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-edocs:not([data-font-options*="after"]):before,.font-icon-MACU-edocs[data-font-options*="before"]:before,.font-icon-MACU-edocs[data-font-options*="after"]:after { content: '\EA0B'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-envelope:not([data-font-options*="after"]):before,.font-icon-MACU-envelope[data-font-options*="before"]:before,.font-icon-MACU-envelope[data-font-options*="after"]:after { content: '\EA0C'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-manage-cards:not([data-font-options*="after"]):before,.font-icon-MACU-manage-cards[data-font-options*="before"]:before,.font-icon-MACU-manage-cards[data-font-options*="after"]:after { content: '\EA0D'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-message-center:not([data-font-options*="after"]):before,.font-icon-MACU-message-center[data-font-options*="before"]:before,.font-icon-MACU-message-center[data-font-options*="after"]:after { content: '\EA19'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-more:not([data-font-options*="after"]):before,.font-icon-MACU-more[data-font-options*="before"]:before,.font-icon-MACU-more[data-font-options*="after"]:after { content: '\EA22'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-new-account:not([data-font-options*="after"]):before,.font-icon-MACU-new-account[data-font-options*="before"]:before,.font-icon-MACU-new-account[data-font-options*="after"]:after { content: '\EA1A'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-pay-people:not([data-font-options*="after"]):before,.font-icon-MACU-pay-people[data-font-options*="before"]:before,.font-icon-MACU-pay-people[data-font-options*="after"]:after { content: '\EA0E'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-payroll-distribution:not([data-font-options*="after"]):before,.font-icon-MACU-payroll-distribution[data-font-options*="before"]:before,.font-icon-MACU-payroll-distribution[data-font-options*="after"]:after { content: '\EA0F'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-piggy:not([data-font-options*="after"]):before,.font-icon-MACU-piggy[data-font-options*="before"]:before,.font-icon-MACU-piggy[data-font-options*="after"]:after { content: '\EA10'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-positive-pay:not([data-font-options*="after"]):before,.font-icon-MACU-positive-pay[data-font-options*="before"]:before,.font-icon-MACU-positive-pay[data-font-options*="after"]:after { content: '\EA23'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-quick-apply:not([data-font-options*="after"]):before,.font-icon-MACU-quick-apply[data-font-options*="before"]:before,.font-icon-MACU-quick-apply[data-font-options*="after"]:after { content: '\EA24'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-quick-payments:not([data-font-options*="after"]):before,.font-icon-MACU-quick-payments[data-font-options*="before"]:before,.font-icon-MACU-quick-payments[data-font-options*="after"]:after { content: '\EA1B'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-remote-deposit:not([data-font-options*="after"]):before,.font-icon-MACU-remote-deposit[data-font-options*="before"]:before,.font-icon-MACU-remote-deposit[data-font-options*="after"]:after { content: '\EA11'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-rewards:not([data-font-options*="after"]):before,.font-icon-MACU-rewards[data-font-options*="before"]:before,.font-icon-MACU-rewards[data-font-options*="after"]:after { content: '\EA12'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-savings-goals:not([data-font-options*="after"]):before,.font-icon-MACU-savings-goals[data-font-options*="before"]:before,.font-icon-MACU-savings-goals[data-font-options*="after"]:after { content: '\EA1C'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-settings:not([data-font-options*="after"]):before,.font-icon-MACU-settings[data-font-options*="before"]:before,.font-icon-MACU-settings[data-font-options*="after"]:after { content: '\EA1D'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-skip-a-pay:not([data-font-options*="after"]):before,.font-icon-MACU-skip-a-pay[data-font-options*="before"]:before,.font-icon-MACU-skip-a-pay[data-font-options*="after"]:after { content: '\EA13'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-transfer:not([data-font-options*="after"]):before,.font-icon-MACU-transfer[data-font-options*="before"]:before,.font-icon-MACU-transfer[data-font-options*="after"]:after { content: '\EA25'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-transfers:not([data-font-options*="after"]):before,.font-icon-MACU-transfers[data-font-options*="before"]:before,.font-icon-MACU-transfers[data-font-options*="after"]:after { content: '\EA14'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-widget-options:not([data-font-options*="after"]):before,.font-icon-MACU-widget-options[data-font-options*="before"]:before,.font-icon-MACU-widget-options[data-font-options*="after"]:after { content: '\EA1E'; font-family: 'MountainAmericaCU' !important; } .font-icon-MACU-wire-transfers:not([data-font-options*="after"]):before,.font-icon-MACU-wire-transfers[data-font-options*="before"]:before,.font-icon-MACU-wire-transfers[data-font-options*="after"]:after { content: '\EA15'; font-family: 'MountainAmericaCU' !important; } .font-icon-business-admin:not([data-font-options*="after"]):before,.font-icon-business-admin[data-font-options*="before"]:before,.font-icon-business-admin[data-font-options*="after"]:after { content: '\EA26'; font-family: 'MountainAmericaCU' !important; } .button.primary,a.button,input.button,span.button,.ui-button,.x-window-plain .button button,table.button button,input[type="submit"],#filters .button,.filters .button,.title-bar .button,.x-window-plain .button button,div#content-ct a.like.button { border: 1px solid; background-color: #B81237; border-color: rgba(0,0,0,0); color: #fff; font-family: inherit; text-shadow: none; background-image: none !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important; filter: none !important; } .button.primary:hover,a.button:hover,input.button:hover,span.button:hover,.ui-button:hover,.x-window-plain .button button:hover,table.button button:hover,input[type="submit"]:hover,#filters .button:hover,.filters .button:hover,.title-bar .button:hover,.x-window-plain .button button:hover,div#content-ct a.like.button:hover { background-color: #a11030; color: #fff; } a.button.primary,a.button.save,a.button.secondary.cancel,button.button.primary,input.button.primary,input[type=submit].button,input[type=submit].submit,input[type=button].submit,input.button.secondary.reset,span.button.primary,table.button button,.x-window-plain .button button { font-weight: 300 !important; background-image: none !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important; filter: none !important; } a.cancel.button,a.secondary.button,input.cancel.button,input.secondary.button,table.button.secondary button,.delete-category span,.actions a.button,.actions ul li a.button,#autopay_button_container .button,#classic_pay #payee_list #changeEBillEnrollment,#classic_pay #payee_list #enrollEBills { background-color: #EEE; background-image: none; border-color: #707070 !important; color: #666; font-family: inherit; } a.cancel.button:hover,a.secondary.button:hover,input.cancel.button:hover,input.secondary.button:hover,table.button.secondary button:hover,.delete-category span:hover,.actions a.button:hover,.actions ul li a.button:hover,#autopay_button_container .button:hover,#classic_pay #payee_list #changeEBillEnrollment:hover,#classic_pay #payee_list #enrollEBills:hover { background-color: #EEE; background-image: none; color: #666; } a.button.alternate,input.button.alternate { background-color: #EEE; color: #666; font-family: inherit; font-weight: 300; padding: 12px 18px; text-shadow: none; background-image: none !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important; filter: none !important; } a.button.alternate:hover,input.button.alternate:hover { background-color: #EEE; color: #666; } div.toggle-buttons span input:checked+label,div.toggle-buttons span label.checked { background: #6E6E6E; border-color: #7b7b7b; } div.toggle-buttons span input:checked+label:hover,div.toggle-buttons span label.checked:hover { background: #616161; border-color: #6e6e6e; } .button-link { color: #B81237; } .button-link:hover,.button-link.focus { color: #8a0d29; } .text-link { color: #4371AD; } .ghost { background: transparent; color: #707070; border: none; } .ghost:hover { color: #575757; } .ghost:active { color: #4a4a4a; } button[data-button-type],a[data-button-type] { display: inline-block; padding: 12px 15px; border-radius: 3px; border: 1px solid; font-size: 15px; font-weight: 700; cursor: pointer; transition: 0.25s; } button[data-button-type]:not(:first-child),a[data-button-type]:not(:first-child) { margin-left: 10px; } button[data-button-type][data-button-type="primary"],a[data-button-type][data-button-type="primary"] { background-color: #B81237; border-color: #B81237; color: #fff; } button[data-button-type][data-button-type="primary"]:hover,button[data-button-type][data-button-type="primary"]:focus,a[data-button-type][data-button-type="primary"]:hover,a[data-button-type][data-button-type="primary"]:focus { background-color: #a11030; border-color: #a11030; color: #fff; } button[data-button-type][data-button-type="primary"]:disabled,button[data-button-type][data-button-type="primary"].disabled,a[data-button-type][data-button-type="primary"]:disabled,a[data-button-type][data-button-type="primary"].disabled { background-color: #dc899b; border-color: #dc899b; color: #fff; cursor: not-allowed; } button[data-button-type][data-button-type="secondary"],a[data-button-type][data-button-type="secondary"] { background-color: rgba(0,0,0,0); border-color: #B81237; color: #B81237; } button[data-button-type][data-button-type="secondary"]:hover,button[data-button-type][data-button-type="secondary"]:focus,a[data-button-type][data-button-type="secondary"]:hover,a[data-button-type][data-button-type="secondary"]:focus { background-color: #B81237; border-color: #B81237; color: #fff; } button[data-button-type][data-button-type="secondary"]:disabled,button[data-button-type][data-button-type="secondary"].disabled,a[data-button-type][data-button-type="secondary"]:disabled,a[data-button-type][data-button-type="secondary"].disabled { background-color: rgba(0,0,0,0); border-color: #dc899b; color: #dc899b; cursor: not-allowed; } button[data-button-type][data-button-type="action"],a[data-button-type][data-button-type="action"] { background-color: #fff; border-color: #707070; color: #707070; } button[data-button-type][data-button-type="action"]:hover,button[data-button-type][data-button-type="action"]:focus,a[data-button-type][data-button-type="action"]:hover,a[data-button-type][data-button-type="action"]:focus { background-color: #f5f5f5; border-color: #333; color: #333; } button[data-button-type][data-button-type="action"]:disabled,button[data-button-type][data-button-type="action"].disabled,a[data-button-type][data-button-type="action"]:disabled,a[data-button-type][data-button-type="action"].disabled { background-color: #fff; border-color: #b8b8b8; color: #b8b8b8; } button[data-button-type][data-button-type="alt"],a[data-button-type][data-button-type="alt"] { background-color: #EEE; border-color: #707070; color: #666; } button[data-button-type][data-button-type="alt"]:hover,button[data-button-type][data-button-type="alt"]:focus,a[data-button-type][data-button-type="alt"]:hover,a[data-button-type][data-button-type="alt"]:focus { border-color: #333; background-color: #EEE; color: #666; } button[data-button-type][data-button-type="alt"]:disabled,button[data-button-type][data-button-type="alt"].disabled,a[data-button-type][data-button-type="alt"]:disabled,a[data-button-type][data-button-type="alt"].disabled { opacity: 0; pointer-events: none; } .account-color-0-bg { background-color: #F0AB00; } .account-color-0-text { color: #F0AB00; } .color0:before,.color-0:before { background-color: #F0AB00; } .account-color-1-bg { background-color: #00A4E2; } .account-color-1-text { color: #00A4E2; } .color1:before,.color-1:before { background-color: #00A4E2; } .account-color-2-bg { background-color: #7D6A55; } .account-color-2-text { color: #7D6A55; } .color2:before,.color-2:before { background-color: #7D6A55; } .account-color-3-bg { background-color: #D47B22; } .account-color-3-text { color: #D47B22; } .color3:before,.color-3:before { background-color: #D47B22; } .account-color-4-bg { background-color: #898F4B; } .account-color-4-text { color: #898F4B; } .color4:before,.color-4:before { background-color: #898F4B; } .account-color-5-bg { background-color: #7D0F01; } .account-color-5-text { color: #7D0F01; } .color5:before,.color-5:before { background-color: #7D0F01; } .account-color-6-bg { background-color: #5C7F92; } .account-color-6-text { color: #5C7F92; } .color6:before,.color-6:before { background-color: #5C7F92; } .account-color-7-bg { background-color: #F8E498; } .account-color-7-text { color: #F8E498; } .color7:before,.color-7:before { background-color: #F8E498; } a { -webkit-touch-callout: none; -webkit-user-select: none; } .primary-color--bkg { background-color: #B81237 !important; } .primary-color--border { border-color: #B81237 !important; } .primary-color--font { color: #B81237 !important; } .primary-color--before-bkg:before { background-color: #B81237 !important; } .primary-color--before-border:before { border-color: #B81237 !important; } .primary-color--before-font:before { color: #B81237 !important; } .primary-color--after-bkg:after { background-color: #B81237 !important; } .primary-color--after-border:after { border-color: #B81237 !important; } .primary-color--after-font:after { color: #B81237 !important; } .secondary-color--bkg { background-color: #FDB913 !important; } .secondary-color--border { border-color: #FDB913 !important; } .secondary-color--font { color: #FDB913 !important; } .secondary-color--before-bkg:before { background-color: #FDB913 !important; } .secondary-color--before-border:before { border-color: #FDB913 !important; } .secondary-color--before-font:before { color: #FDB913 !important; } .secondary-color--after-bkg:after { background-color: #FDB913 !important; } .secondary-color--after-border:after { border-color: #FDB913 !important; } .secondary-color--after-font:after { color: #FDB913 !important; } .tertiary-color--bkg { background-color: #00A4E2 !important; } .tertiary-color--border { border-color: #00A4E2 !important; } .tertiary-color--font { color: #00A4E2 !important; } .tertiary-color--before-bkg:before { background-color: #00A4E2 !important; } .tertiary-color--before-border:before { border-color: #00A4E2 !important; } .tertiary-color--before-font:before { color: #00A4E2 !important; } .tertiary-color--after-bkg:after { background-color: #00A4E2 !important; } .tertiary-color--after-border:after { border-color: #00A4E2 !important; } .tertiary-color--after-font:after { color: #00A4E2 !important; } .text--uppercase { text-transform: uppercase !important; } .text--lowercase { text-transform: lowercase !important; } .text--capitalize { text-transform: capitalize !important; } .sr-only,.screenreader-only { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } @font-face { font-family:'Alkami';src:url("/stylesheets/fonts/Alkami-font.woff") format("woff"); } .font-icon:before,.no-accounts .selected:before,.modal-message.sys-alert:before,.close-modal:before,.font-icon:after,[class*="font-icon-"]:before,[class*="font-icon-"]:after { display: inline-block; font-family: 'Alkami'; font-style: normal; font-weight: normal; font-variant: normal; speak: none; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*="font-icon-"][data-icon-size="xs"]:before,[class*="font-icon-"][data-icon-size="xs"]:after { font-size: 1.6rem; } [class*="font-icon-"][data-icon-size="sm"]:before,[class*="font-icon-"][data-icon-size="sm"]:after { font-size: 2.0rem; } [class*="font-icon-"][data-icon-size="md"]:before,[class*="font-icon-"][data-icon-size="md"]:after { font-size: 2.4rem; } [class*="font-icon-"][data-icon-size="lg"]:before,[class*="font-icon-"][data-icon-size="lg"]:after { font-size: 2.8rem; } [class*="font-icon-"][data-icon-size="xl"]:before,[class*="font-icon-"][data-icon-size="xl"]:after { font-size: 3.2rem; } [class*="font-icon-"][data-icon-size="2xl"]:before,[class*="font-icon-"][data-icon-size="2xl"]:after { font-size: 4.2rem; } [class*="font-icon-"][data-icon-size="3xl"]:before,[class*="font-icon-"][data-icon-size="3xl"]:after { font-size: 6.4rem; } [class*="font-icon-"][data-icon-size="4xl"]:before,[class*="font-icon-"][data-icon-size="4xl"]:after { font-size: 7.2rem; } .font-icon-business:not([data-font-options*="after"]):before,.font-icon-business[data-font-options*="before"]:before,.font-icon-business[data-font-options*="after"]:after { content: '\EA28'; } .font-icon-handshake:not([data-font-options*="after"]):before,.font-icon-handshake[data-font-options*="before"]:before,.font-icon-handshake[data-font-options*="after"]:after { content: '\EA86'; } .font-icon-linked:not([data-font-options*="after"]):before,.font-icon-linked[data-font-options*="before"]:before,.font-icon-linked[data-font-options*="after"]:after { content: '\EA96'; } .font-icon-shared:not([data-font-options*="after"]):before,.font-icon-shared[data-font-options*="before"]:before,.font-icon-shared[data-font-options*="after"]:after { content: '\EAF5'; } .font-icon-applications:not([data-font-options*="after"]):before,.font-icon-applications[data-font-options*="before"]:before,.font-icon-applications[data-font-options*="after"]:after { content: '\EA18'; } .font-icon-article:not([data-font-options*="after"]):before,.font-icon-article[data-font-options*="before"]:before,.font-icon-article[data-font-options*="after"]:after { content: '\EA1B'; } .font-icon-bookmark:not([data-font-options*="after"]):before,.font-icon-bookmark[data-font-options*="before"]:before,.font-icon-bookmark[data-font-options*="after"]:after { content: '\EA22'; } .font-icon-csv:not([data-font-options*="after"]):before,.font-icon-csv[data-font-options*="before"]:before,.font-icon-csv[data-font-options*="after"]:after { content: '\EA04'; } .font-icon-document:not([data-font-options*="after"]):before,.font-icon-document[data-font-options*="before"]:before,.font-icon-document[data-font-options*="after"]:after { content: '\EA59'; } .font-icon-education:not([data-font-options*="after"]):before,.font-icon-education[data-font-options*="before"]:before,.font-icon-education[data-font-options*="after"]:after { content: '\EA64'; } .font-icon-file-tasks-dollar:not([data-font-options*="after"]):before,.font-icon-file-tasks-dollar[data-font-options*="before"]:before,.font-icon-file-tasks-dollar[data-font-options*="after"]:after { content: '\EA76'; } .font-icon-file-tasks-edit:not([data-font-options*="after"]):before,.font-icon-file-tasks-edit[data-font-options*="before"]:before,.font-icon-file-tasks-edit[data-font-options*="after"]:after { content: '\EA77'; } .font-icon-forms-and-services:not([data-font-options*="after"]):before,.font-icon-forms-and-services[data-font-options*="before"]:before,.font-icon-forms-and-services[data-font-options*="after"]:after { content: '\EA7B'; } .font-icon-generic-icon-book:not([data-font-options*="after"]):before,.font-icon-generic-icon-book[data-font-options*="before"]:before,.font-icon-generic-icon-book[data-font-options*="after"]:after { content: '\EA7D'; } .font-icon-generic-icon-clipboard:not([data-font-options*="after"]):before,.font-icon-generic-icon-clipboard[data-font-options*="before"]:before,.font-icon-generic-icon-clipboard[data-font-options*="after"]:after { content: '\EA7E'; } .font-icon-list:not([data-font-options*="after"]):before,.font-icon-list[data-font-options*="before"]:before,.font-icon-list[data-font-options*="after"]:after { content: '\EA99'; } .font-icon-note:not([data-font-options*="after"]):before,.font-icon-note[data-font-options*="before"]:before,.font-icon-note[data-font-options*="after"]:after { content: '\EAA8'; } .font-icon-memo:not([data-font-options*="after"]):before,.font-icon-memo[data-font-options*="before"]:before,.font-icon-memo[data-font-options*="after"]:after { content: '\EAA8'; } .font-icon-newspaper:not([data-font-options*="after"]):before,.font-icon-newspaper[data-font-options*="before"]:before,.font-icon-newspaper[data-font-options*="after"]:after { content: '\EAB4'; } .font-icon-pdf:not([data-font-options*="after"]):before,.font-icon-pdf[data-font-options*="before"]:before,.font-icon-pdf[data-font-options*="after"]:after { content: '\EA05'; } .font-icon-quiz:not([data-font-options*="after"]):before,.font-icon-quiz[data-font-options*="before"]:before,.font-icon-quiz[data-font-options*="after"]:after { content: '\EAE4'; } .font-icon-reports:not([data-font-options*="after"]):before,.font-icon-reports[data-font-options*="before"]:before,.font-icon-reports[data-font-options*="after"]:after { content: '\EA06'; } .font-icon-section:not([data-font-options*="after"]):before,.font-icon-section[data-font-options*="before"]:before,.font-icon-section[data-font-options*="after"]:after { content: '\EAEF'; } .font-icon-calendar:not([data-font-options*="after"]):before,.font-icon-calendar[data-font-options*="before"]:before,.font-icon-calendar[data-font-options*="after"]:after { content: '\EA2C'; } .font-icon-paymentduesoon:not([data-font-options*="after"]):before,.font-icon-paymentduesoon[data-font-options*="before"]:before,.font-icon-paymentduesoon[data-font-options*="after"]:after { content: '\EABF'; } .font-icon-paymentoverdue:not([data-font-options*="after"]):before,.font-icon-paymentoverdue[data-font-options*="before"]:before,.font-icon-paymentoverdue[data-font-options*="after"]:after { content: '\EAC0'; } .font-icon-reccurringtransfer:not([data-font-options*="after"]):before,.font-icon-reccurringtransfer[data-font-options*="before"]:before,.font-icon-reccurringtransfer[data-font-options*="after"]:after { content: '\EAE7'; } .font-icon-recurring:not([data-font-options*="after"]):before,.font-icon-recurring[data-font-options*="before"]:before,.font-icon-recurring[data-font-options*="after"]:after { content: '\EAE7'; } .font-icon-recurringtransfer:not([data-font-options*="after"]):before,.font-icon-recurringtransfer[data-font-options*="before"]:before,.font-icon-recurringtransfer[data-font-options*="after"]:after { content: '\EAE8'; } .font-icon-chat-lined:not([data-font-options*="after"]):before,.font-icon-chat-lined[data-font-options*="before"]:before,.font-icon-chat-lined[data-font-options*="after"]:after { content: '\EA38'; } .font-icon-chat:not([data-font-options*="after"]):before,.font-icon-chat[data-font-options*="before"]:before,.font-icon-chat[data-font-options*="after"]:after { content: '\EA38'; } .font-icon-chat-filled:not([data-font-options*="after"]):before,.font-icon-chat-filled[data-font-options*="before"]:before,.font-icon-chat-filled[data-font-options*="after"]:after { content: '\EA38'; } .font-icon-chat-line:not([data-font-options*="after"]):before,.font-icon-chat-line[data-font-options*="before"]:before,.font-icon-chat-line[data-font-options*="after"]:after { content: '\EA39'; } .font-icon-dispute:not([data-font-options*="after"]):before,.font-icon-dispute[data-font-options*="before"]:before,.font-icon-dispute[data-font-options*="after"]:after { content: '\EA58'; } .font-icon-double-chat:not([data-font-options*="after"]):before,.font-icon-double-chat[data-font-options*="before"]:before,.font-icon-double-chat[data-font-options*="after"]:after { content: '\EA5C'; } .font-icon-ebill:not([data-font-options*="after"]):before,.font-icon-ebill[data-font-options*="before"]:before,.font-icon-ebill[data-font-options*="after"]:after { content: '\EA60'; } .font-icon-email-at:not([data-font-options*="after"]):before,.font-icon-email-at[data-font-options*="before"]:before,.font-icon-email-at[data-font-options*="after"]:after { content: '\EA69'; } .font-icon-incoming-receive-call:not([data-font-options*="after"]):before,.font-icon-incoming-receive-call[data-font-options*="before"]:before,.font-icon-incoming-receive-call[data-font-options*="after"]:after { content: '\EB15'; } .font-icon-notification-solid:not([data-font-options*="after"]):before,.font-icon-notification-solid[data-font-options*="before"]:before,.font-icon-notification-solid[data-font-options*="after"]:after { content: '\EAB8'; } .font-icon-notification:not([data-font-options*="after"]):before,.font-icon-notification[data-font-options*="before"]:before,.font-icon-notification[data-font-options*="after"]:after { content: '\EAB9'; } .font-icon-push-notifications:not([data-font-options*="after"]):before,.font-icon-push-notifications[data-font-options*="before"]:before,.font-icon-push-notifications[data-font-options*="after"]:after { content: '\EABA'; } .font-icon-notifications:not([data-font-options*="after"]):before,.font-icon-notifications[data-font-options*="before"]:before,.font-icon-notifications[data-font-options*="after"]:after { content: '\EABA'; } .font-icon-phone-outgoing:not([data-font-options*="after"]):before,.font-icon-phone-outgoing[data-font-options*="before"]:before,.font-icon-phone-outgoing[data-font-options*="after"]:after { content: '\EACA'; } .font-icon-phone:not([data-font-options*="after"]):before,.font-icon-phone[data-font-options*="before"]:before,.font-icon-phone[data-font-options*="after"]:after { content: '\EACB'; } .font-icon-push-notification:not([data-font-options*="after"]):before,.font-icon-push-notification[data-font-options*="before"]:before,.font-icon-push-notification[data-font-options*="after"]:after { content: '\EAD3'; } .font-icon-receive-call:not([data-font-options*="after"]):before,.font-icon-receive-call[data-font-options*="before"]:before,.font-icon-receive-call[data-font-options*="after"]:after { content: '\EAE6'; } .font-icon-atm_locator:not([data-font-options*="after"]):before,.font-icon-atm_locator[data-font-options*="before"]:before,.font-icon-atm_locator[data-font-options*="after"]:after { content: '\EA1D'; } .font-icon-authorization-requests:not([data-font-options*="after"]):before,.font-icon-authorization-requests[data-font-options*="before"]:before,.font-icon-authorization-requests[data-font-options*="after"]:after { content: '\EA1F'; } .font-icon-bulls-and-bears:not([data-font-options*="after"]):before,.font-icon-bulls-and-bears[data-font-options*="before"]:before,.font-icon-bulls-and-bears[data-font-options*="after"]:after { content: '\EA25'; } .font-icon-business-setup:not([data-font-options*="after"]):before,.font-icon-business-setup[data-font-options*="before"]:before,.font-icon-business-setup[data-font-options*="after"]:after { content: '\EA27'; } .font-icon-card-manage-pay:not([data-font-options*="after"]):before,.font-icon-card-manage-pay[data-font-options*="before"]:before,.font-icon-card-manage-pay[data-font-options*="after"]:after { content: '\EA32'; } .font-icon-cashback:not([data-font-options*="after"]):before,.font-icon-cashback[data-font-options*="before"]:before,.font-icon-cashback[data-font-options*="after"]:after { content: '\EA37'; } .font-icon-credit-card:not([data-font-options*="after"]):before,.font-icon-credit-card[data-font-options*="before"]:before,.font-icon-credit-card[data-font-options*="after"]:after { content: '\EA4F'; } .font-icon-direct-deposit:not([data-font-options*="after"]):before,.font-icon-direct-deposit[data-font-options*="before"]:before,.font-icon-direct-deposit[data-font-options*="after"]:after { content: '\EA57'; } .font-icon-dollar-circle:not([data-font-options*="after"]):before,.font-icon-dollar-circle[data-font-options*="before"]:before,.font-icon-dollar-circle[data-font-options*="after"]:after { content: '\EA5A'; } .font-icon-dollar:not([data-font-options*="after"]):before,.font-icon-dollar[data-font-options*="before"]:before,.font-icon-dollar[data-font-options*="after"]:after { content: '\EA5B'; } .font-icon-external:not([data-font-options*="after"]):before,.font-icon-external[data-font-options*="before"]:before,.font-icon-external[data-font-options*="after"]:after { content: '\EA6E'; } .font-icon-fees-charges:not([data-font-options*="after"]):before,.font-icon-fees-charges[data-font-options*="before"]:before,.font-icon-fees-charges[data-font-options*="after"]:after { content: '\EA73'; } .font-icon-fi-simple:not([data-font-options*="after"]):before,.font-icon-fi-simple[data-font-options*="before"]:before,.font-icon-fi-simple[data-font-options*="after"]:after { content: '\EA75'; } .font-icon-fi:not([data-font-options*="after"]):before,.font-icon-fi[data-font-options*="before"]:before,.font-icon-fi[data-font-options*="after"]:after { content: '\EA75'; } .font-icon-fico:not([data-font-options*="after"]):before,.font-icon-fico[data-font-options*="before"]:before,.font-icon-fico[data-font-options*="after"]:after { content: '\EA02'; } .font-icon-generic-icon-coins:not([data-font-options*="after"]):before,.font-icon-generic-icon-coins[data-font-options*="before"]:before,.font-icon-generic-icon-coins[data-font-options*="after"]:after { content: '\EA7F'; } .font-icon-generic-icon-eisle:not([data-font-options*="after"]):before,.font-icon-generic-icon-eisle[data-font-options*="before"]:before,.font-icon-generic-icon-eisle[data-font-options*="after"]:after { content: '\EA80'; } .font-icon-generic-icon-money:not([data-font-options*="after"]):before,.font-icon-generic-icon-money[data-font-options*="before"]:before,.font-icon-generic-icon-money[data-font-options*="after"]:after { content: '\EA82'; } .font-icon-online-deposits:not([data-font-options*="after"]):before,.font-icon-online-deposits[data-font-options*="before"]:before,.font-icon-online-deposits[data-font-options*="after"]:after { content: '\EABB'; } .font-icon-open-accounts:not([data-font-options*="after"]):before,.font-icon-open-accounts[data-font-options*="before"]:before,.font-icon-open-accounts[data-font-options*="after"]:after { content: '\EABC'; } .font-icon-pending-external-accounts:not([data-font-options*="after"]):before,.font-icon-pending-external-accounts[data-font-options*="before"]:before,.font-icon-pending-external-accounts[data-font-options*="after"]:after { content: '\EAC3'; } .font-icon-percent-circle:not([data-font-options*="after"]):before,.font-icon-percent-circle[data-font-options*="before"]:before,.font-icon-percent-circle[data-font-options*="after"]:after { content: '\EAC6'; } .font-icon-positive-pay:not([data-font-options*="after"]):before,.font-icon-positive-pay[data-font-options*="before"]:before,.font-icon-positive-pay[data-font-options*="after"]:after { content: '\EACF'; } .font-icon-rates:not([data-font-options*="after"]):before,.font-icon-rates[data-font-options*="before"]:before,.font-icon-rates[data-font-options*="after"]:after { content: '\EAE5'; } .font-icon-savvy-money:not([data-font-options*="after"]):before,.font-icon-savvy-money[data-font-options*="before"]:before,.font-icon-savvy-money[data-font-options*="after"]:after { content: '\EAED'; } .font-icon-security-chip:not([data-font-options*="after"]):before,.font-icon-security-chip[data-font-options*="before"]:before,.font-icon-security-chip[data-font-options*="after"]:after { content: '\EAF0'; } .font-icon-send-money:not([data-font-options*="after"]):before,.font-icon-send-money[data-font-options*="before"]:before,.font-icon-send-money[data-font-options*="after"]:after { content: '\EAF2'; } .font-icon-tag:not([data-font-options*="after"]):before,.font-icon-tag[data-font-options*="before"]:before,.font-icon-tag[data-font-options*="after"]:after { content: '\EB00'; } .font-icon-authentication:not([data-font-options*="after"]):before,.font-icon-authentication[data-font-options*="before"]:before,.font-icon-authentication[data-font-options*="after"]:after { content: '\EA1E'; } .font-icon-budget-tools:not([data-font-options*="after"]):before,.font-icon-budget-tools[data-font-options*="before"]:before,.font-icon-budget-tools[data-font-options*="after"]:after { content: '\EA23'; } .font-icon-calculator:not([data-font-options*="after"]):before,.font-icon-calculator[data-font-options*="before"]:before,.font-icon-calculator[data-font-options*="after"]:after { content: '\EA2B'; } .font-icon-cash-edge:not([data-font-options*="after"]):before,.font-icon-cash-edge[data-font-options*="before"]:before,.font-icon-cash-edge[data-font-options*="after"]:after { content: '\EA36'; } .font-icon-desktop:not([data-font-options*="after"]):before,.font-icon-desktop[data-font-options*="before"]:before,.font-icon-desktop[data-font-options*="after"]:after { content: '\EA55'; } .font-icon-developer:not([data-font-options*="after"]):before,.font-icon-developer[data-font-options*="before"]:before,.font-icon-developer[data-font-options*="after"]:after { content: '\EA56'; } .font-icon-full-site:not([data-font-options*="after"]):before,.font-icon-full-site[data-font-options*="before"]:before,.font-icon-full-site[data-font-options*="after"]:after { content: '\EA7C'; } .font-icon-globe:not([data-font-options*="after"]):before,.font-icon-globe[data-font-options*="before"]:before,.font-icon-globe[data-font-options*="after"]:after { content: '\EA84'; } .font-icon-keychain:not([data-font-options*="after"]):before,.font-icon-keychain[data-font-options*="before"]:before,.font-icon-keychain[data-font-options*="after"]:after { content: '\EA94'; } .font-icon-lock-token:not([data-font-options*="after"]):before,.font-icon-lock-token[data-font-options*="before"]:before,.font-icon-lock-token[data-font-options*="after"]:after { content: '\EAA0'; } .font-icon-lock:not([data-font-options*="after"]):before,.font-icon-lock[data-font-options*="before"]:before,.font-icon-lock[data-font-options*="after"]:after { content: '\EAA1'; } .font-icon-mobile-settings:not([data-font-options*="after"]):before,.font-icon-mobile-settings[data-font-options*="before"]:before,.font-icon-mobile-settings[data-font-options*="after"]:after { content: '\EAAA'; } .font-icon-mobile-sms:not([data-font-options*="after"]):before,.font-icon-mobile-sms[data-font-options*="before"]:before,.font-icon-mobile-sms[data-font-options*="after"]:after { content: '\EAAB'; } .font-icon-money-calculator:not([data-font-options*="after"]):before,.font-icon-money-calculator[data-font-options*="before"]:before,.font-icon-money-calculator[data-font-options*="after"]:after { content: '\EAAC'; } .font-icon-phone2:not([data-font-options*="after"]):before,.font-icon-phone2[data-font-options*="before"]:before,.font-icon-phone2[data-font-options*="after"]:after { content: '\EACC'; } .font-icon-print:not([data-font-options*="after"]):before,.font-icon-print[data-font-options*="before"]:before,.font-icon-print[data-font-options*="after"]:after { content: '\EAD1'; } .font-icon-security:not([data-font-options*="after"]):before,.font-icon-security[data-font-options*="before"]:before,.font-icon-security[data-font-options*="after"]:after { content: '\EAF1'; } .font-icon-touchid:not([data-font-options*="after"]):before,.font-icon-touchid[data-font-options*="before"]:before,.font-icon-touchid[data-font-options*="after"]:after { content: '\EB04'; } .font-icon-add:not([data-font-options*="after"]):before,.font-icon-add[data-font-options*="before"]:before,.font-icon-add[data-font-options*="after"]:after { content: '\EA10'; } .font-icon-alert-filled:not([data-font-options*="after"]):before,.font-icon-alert-filled[data-font-options*="before"]:before,.font-icon-alert-filled[data-font-options*="after"]:after { content: '\EA11'; } .font-icon-alert-line:not([data-font-options*="after"]):before,.font-icon-alert-line[data-font-options*="before"]:before,.font-icon-alert-line[data-font-options*="after"]:after { content: '\EA12'; } .font-icon-angle-left-double:not([data-font-options*="after"]):before,.font-icon-angle-left-double[data-font-options*="before"]:before,.font-icon-angle-left-double[data-font-options*="after"]:after { content: '\EA08'; } .font-icon-angle-left:not([data-font-options*="after"]):before,.font-icon-angle-left[data-font-options*="before"]:before,.font-icon-angle-left[data-font-options*="after"]:after { content: '\EA14'; } .font-icon-angle-right-circle:not([data-font-options*="after"]):before,.font-icon-angle-right-circle[data-font-options*="before"]:before,.font-icon-angle-right-circle[data-font-options*="after"]:after { content: '\EA15'; } .font-icon-angle-right-double:not([data-font-options*="after"]):before,.font-icon-angle-right-double[data-font-options*="before"]:before,.font-icon-angle-right-double[data-font-options*="after"]:after { content: '\EA09'; } .font-icon-angle-right:not([data-font-options*="after"]):before,.font-icon-angle-right[data-font-options*="before"]:before,.font-icon-angle-right[data-font-options*="after"]:after { content: '\EA17'; } .font-icon-angle:not([data-font-options*="after"]):before,.font-icon-angle[data-font-options*="before"]:before,.font-icon-angle[data-font-options*="after"]:after { content: '\EA17'; } .font-icon-arrange:not([data-font-options*="after"]):before,.font-icon-arrange[data-font-options*="before"]:before,.font-icon-arrange[data-font-options*="after"]:after { content: '\EA01'; } .font-icon-arrow-down:not([data-font-options*="after"]):before,.font-icon-arrow-down[data-font-options*="before"]:before,.font-icon-arrow-down[data-font-options*="after"]:after { content: '\EA0A'; } .font-icon-arrow-left:not([data-font-options*="after"]):before,.font-icon-arrow-left[data-font-options*="before"]:before,.font-icon-arrow-left[data-font-options*="after"]:after { content: '\EA19'; } .font-icon-arrow-up:not([data-font-options*="after"]):before,.font-icon-arrow-up[data-font-options*="before"]:before,.font-icon-arrow-up[data-font-options*="after"]:after { content: '\EA0B'; } .font-icon-arrow-right:not([data-font-options*="after"]):before,.font-icon-arrow-right[data-font-options*="before"]:before,.font-icon-arrow-right[data-font-options*="after"]:after { content: '\EA1A'; } .font-icon-arrow:not([data-font-options*="after"]):before,.font-icon-arrow[data-font-options*="before"]:before,.font-icon-arrow[data-font-options*="after"]:after { content: '\EA1A'; } .font-icon-attachment:not([data-font-options*="after"]):before,.font-icon-attachment[data-font-options*="before"]:before,.font-icon-attachment[data-font-options*="after"]:after { content: '\EB17'; } .font-icon-cancel-x:not([data-font-options*="after"]):before,.font-icon-cancel-x[data-font-options*="before"]:before,.font-icon-cancel-x[data-font-options*="after"]:after { content: '\EA2D'; } .font-icon-times-circle:not([data-font-options*="after"]):before,.font-icon-times-circle[data-font-options*="before"]:before,.font-icon-times-circle[data-font-options*="after"]:after { content: '\EA2E'; } .font-icon-canceled:not([data-font-options*="after"]):before,.font-icon-canceled[data-font-options*="before"]:before,.font-icon-canceled[data-font-options*="after"]:after { content: '\EA2E'; } .font-icon-checkmark:not([data-font-options*="after"]):before,.font-icon-checkmark[data-font-options*="before"]:before,.font-icon-checkmark[data-font-options*="after"]:after { content: '\EA3C'; } .font-icon-check:not([data-font-options*="after"]):before,.font-icon-check[data-font-options*="before"]:before,.font-icon-check[data-font-options*="after"]:after { content: '\EA3C'; } .font-icon-checkmark-circle:not([data-font-options*="after"]):before,.font-icon-checkmark-circle[data-font-options*="before"]:before,.font-icon-checkmark-circle[data-font-options*="after"]:after { content: '\EA3F'; } .font-icon-circle-check-line:not([data-font-options*="after"]):before,.font-icon-circle-check-line[data-font-options*="before"]:before,.font-icon-circle-check-line[data-font-options*="after"]:after { content: '\EA3F'; } .font-icon-success:not([data-font-options*="after"]):before,.font-icon-success[data-font-options*="before"]:before,.font-icon-success[data-font-options*="after"]:after { content: '\EA3F'; } .font-icon-circle-check-filled:not([data-font-options*="after"]):before,.font-icon-circle-check-filled[data-font-options*="before"]:before,.font-icon-circle-check-filled[data-font-options*="after"]:after { content: '\EA3F'; } .font-icon-circle-filled:not([data-font-options*="after"]):before,.font-icon-circle-filled[data-font-options*="before"]:before,.font-icon-circle-filled[data-font-options*="after"]:after { content: '\EA42'; } .font-icon-cicle-info-line:not([data-font-options*="after"]):before,.font-icon-cicle-info-line[data-font-options*="before"]:before,.font-icon-cicle-info-line[data-font-options*="after"]:after { content: '\EA43'; } .font-icon-credit-card-info:not([data-font-options*="after"]):before,.font-icon-credit-card-info[data-font-options*="before"]:before,.font-icon-credit-card-info[data-font-options*="after"]:after { content: '\EA43'; } .font-icon-info:not([data-font-options*="after"]):before,.font-icon-info[data-font-options*="before"]:before,.font-icon-info[data-font-options*="after"]:after { content: '\EA43'; } .font-icon-info-serif:not([data-font-options*="after"]):before,.font-icon-info-serif[data-font-options*="before"]:before,.font-icon-info-serif[data-font-options*="after"]:after { content: '\EA43'; } .font-icon-circle-info-filled:not([data-font-options*="after"]):before,.font-icon-circle-info-filled[data-font-options*="before"]:before,.font-icon-circle-info-filled[data-font-options*="after"]:after { content: '\EA43'; } .font-icon-circle-info-line:not([data-font-options*="after"]):before,.font-icon-circle-info-line[data-font-options*="before"]:before,.font-icon-circle-info-line[data-font-options*="after"]:after { content: '\EA44'; } .font-icon-compass:not([data-font-options*="after"]):before,.font-icon-compass[data-font-options*="before"]:before,.font-icon-compass[data-font-options*="after"]:after { content: '\EA47'; } .font-icon-compose:not([data-font-options*="after"]):before,.font-icon-compose[data-font-options*="before"]:before,.font-icon-compose[data-font-options*="after"]:after { content: '\EB18'; } .font-icon-crosshair:not([data-font-options*="after"]):before,.font-icon-crosshair[data-font-options*="before"]:before,.font-icon-crosshair[data-font-options*="after"]:after { content: '\EA50'; } .font-icon-cut-out:not([data-font-options*="after"]):before,.font-icon-cut-out[data-font-options*="before"]:before,.font-icon-cut-out[data-font-options*="after"]:after { content: '\EA51'; } .font-icon-delete:not([data-font-options*="after"]):before,.font-icon-delete[data-font-options*="before"]:before,.font-icon-delete[data-font-options*="after"]:after { content: '\EA53'; } .font-icon-design-your-card:not([data-font-options*="after"]):before,.font-icon-design-your-card[data-font-options*="before"]:before,.font-icon-design-your-card[data-font-options*="after"]:after { content: '\EA54'; } .font-icon-download:not([data-font-options*="after"]):before,.font-icon-download[data-font-options*="before"]:before,.font-icon-download[data-font-options*="after"]:after { content: '\EA5D'; } .font-icon-eb-apply:not([data-font-options*="after"]):before,.font-icon-eb-apply[data-font-options*="before"]:before,.font-icon-eb-apply[data-font-options*="after"]:after { content: '\EA5E'; } .font-icon-edit-multiple:not([data-font-options*="after"]):before,.font-icon-edit-multiple[data-font-options*="before"]:before,.font-icon-edit-multiple[data-font-options*="after"]:after { content: '\EA61'; } .font-icon-edit-info:not([data-font-options*="after"]):before,.font-icon-edit-info[data-font-options*="before"]:before,.font-icon-edit-info[data-font-options*="after"]:after { content: '\EA62'; } .font-icon-edit:not([data-font-options*="after"]):before,.font-icon-edit[data-font-options*="before"]:before,.font-icon-edit[data-font-options*="after"]:after { content: '\EA62'; } .font-icon-error:not([data-font-options*="after"]):before,.font-icon-error[data-font-options*="before"]:before,.font-icon-error[data-font-options*="after"]:after { content: '\EA6C'; } .font-icon-filter:not([data-font-options*="after"]):before,.font-icon-filter[data-font-options*="before"]:before,.font-icon-filter[data-font-options*="after"]:after { content: '\EA78'; } .font-icon-generic-icon-folder:not([data-font-options*="after"]):before,.font-icon-generic-icon-folder[data-font-options*="before"]:before,.font-icon-generic-icon-folder[data-font-options*="after"]:after { content: '\EA81'; } .font-icon-hamburger:not([data-font-options*="after"]):before,.font-icon-hamburger[data-font-options*="before"]:before,.font-icon-hamburger[data-font-options*="after"]:after { content: '\EA85'; } .font-icon-question:not([data-font-options*="after"]):before,.font-icon-question[data-font-options*="before"]:before,.font-icon-question[data-font-options*="after"]:after { content: '\EA88'; } .font-icon-question-outline:not([data-font-options*="after"]):before,.font-icon-question-outline[data-font-options*="before"]:before,.font-icon-question-outline[data-font-options*="after"]:after { content: '\EA88'; } .font-icon-support:not([data-font-options*="after"]):before,.font-icon-support[data-font-options*="before"]:before,.font-icon-support[data-font-options*="after"]:after { content: '\EA88'; } .font-icon-help:not([data-font-options*="after"]):before,.font-icon-help[data-font-options*="before"]:before,.font-icon-help[data-font-options*="after"]:after { content: '\EA88'; } .font-icon-hide:not([data-font-options*="after"]):before,.font-icon-hide[data-font-options*="before"]:before,.font-icon-hide[data-font-options*="after"]:after { content: '\EA89'; } .font-icon-i_pending:not([data-font-options*="after"]):before,.font-icon-i_pending[data-font-options*="before"]:before,.font-icon-i_pending[data-font-options*="after"]:after { content: '\EA8D'; } .font-icon-image:not([data-font-options*="after"]):before,.font-icon-image[data-font-options*="before"]:before,.font-icon-image[data-font-options*="after"]:after { content: '\EB19'; } .font-icon-loading:not([data-font-options*="after"]):before,.font-icon-loading[data-font-options*="before"]:before,.font-icon-loading[data-font-options*="after"]:after { content: '\EA9A'; } .font-icon-location-circle:not([data-font-options*="after"]):before,.font-icon-location-circle[data-font-options*="before"]:before,.font-icon-location-circle[data-font-options*="after"]:after { content: '\EA9C'; } .font-icon-location-pin-bp:not([data-font-options*="after"]):before,.font-icon-location-pin-bp[data-font-options*="before"]:before,.font-icon-location-pin-bp[data-font-options*="after"]:after { content: '\EA9C'; } .font-icon-locate-marker:not([data-font-options*="after"]):before,.font-icon-locate-marker[data-font-options*="before"]:before,.font-icon-locate-marker[data-font-options*="after"]:after { content: '\EA9C'; } .font-icon-login-activity:not([data-font-options*="after"]):before,.font-icon-login-activity[data-font-options*="before"]:before,.font-icon-login-activity[data-font-options*="after"]:after { content: '\EAA2'; } .font-icon-logout:not([data-font-options*="after"]):before,.font-icon-logout[data-font-options*="before"]:before,.font-icon-logout[data-font-options*="after"]:after { content: '\EAA3'; } .font-icon-mail-out:not([data-font-options*="after"]):before,.font-icon-mail-out[data-font-options*="before"]:before,.font-icon-mail-out[data-font-options*="after"]:after { content: '\EAA4'; } .font-icon-menu:not([data-font-options*="after"]):before,.font-icon-menu[data-font-options*="before"]:before,.font-icon-menu[data-font-options*="after"]:after { content: '\EAA9'; } .font-icon-no-category:not([data-font-options*="after"]):before,.font-icon-no-category[data-font-options*="before"]:before,.font-icon-no-category[data-font-options*="after"]:after { content: '\EAB6'; } .font-icon-open-tab:not([data-font-options*="after"]):before,.font-icon-open-tab[data-font-options*="before"]:before,.font-icon-open-tab[data-font-options*="after"]:after { content: '\EABD'; } .font-icon-pencil:not([data-font-options*="after"]):before,.font-icon-pencil[data-font-options*="before"]:before,.font-icon-pencil[data-font-options*="after"]:after { content: '\EAC2'; } .font-icon-i-pending:not([data-font-options*="after"]):before,.font-icon-i-pending[data-font-options*="before"]:before,.font-icon-i-pending[data-font-options*="after"]:after { content: '\EAC4'; } .font-icon-pending:not([data-font-options*="after"]):before,.font-icon-pending[data-font-options*="before"]:before,.font-icon-pending[data-font-options*="after"]:after { content: '\EAC4'; } .font-icon-pendingauth:not([data-font-options*="after"]):before,.font-icon-pendingauth[data-font-options*="before"]:before,.font-icon-pendingauth[data-font-options*="after"]:after { content: '\EAC5'; } .font-icon-power:not([data-font-options*="after"]):before,.font-icon-power[data-font-options*="before"]:before,.font-icon-power[data-font-options*="after"]:after { content: '\EAD0'; } .font-icon-retry:not([data-font-options*="after"]):before,.font-icon-retry[data-font-options*="before"]:before,.font-icon-retry[data-font-options*="after"]:after { content: '\EAEB'; } .font-icon-search:not([data-font-options*="after"]):before,.font-icon-search[data-font-options*="before"]:before,.font-icon-search[data-font-options*="after"]:after { content: '\EAEE'; } .font-icon-settings-slider:not([data-font-options*="after"]):before,.font-icon-settings-slider[data-font-options*="before"]:before,.font-icon-settings-slider[data-font-options*="after"]:after { content: '\EAF3'; } .font-icon-show:not([data-font-options*="after"]):before,.font-icon-show[data-font-options*="before"]:before,.font-icon-show[data-font-options*="after"]:after { content: '\EAF7'; } .font-icon-split:not([data-font-options*="after"]):before,.font-icon-split[data-font-options*="before"]:before,.font-icon-split[data-font-options*="after"]:after { content: '\EAF9'; } .font-icon-star-filled:not([data-font-options*="after"]):before,.font-icon-star-filled[data-font-options*="before"]:before,.font-icon-star-filled[data-font-options*="after"]:after { content: '\EAFA'; } .font-icon-star-line:not([data-font-options*="after"]):before,.font-icon-star-line[data-font-options*="before"]:before,.font-icon-star-line[data-font-options*="after"]:after { content: '\EAFB'; } .font-icon-sync:not([data-font-options*="after"]):before,.font-icon-sync[data-font-options*="before"]:before,.font-icon-sync[data-font-options*="after"]:after { content: '\EAFF'; } .font-icon-times:not([data-font-options*="after"]):before,.font-icon-times[data-font-options*="before"]:before,.font-icon-times[data-font-options*="after"]:after { content: '\EB03'; } .font-icon-trashcan:not([data-font-options*="after"]):before,.font-icon-trashcan[data-font-options*="before"]:before,.font-icon-trashcan[data-font-options*="after"]:after { content: '\EB08'; } .font-icon-upload:not([data-font-options*="after"]):before,.font-icon-upload[data-font-options*="before"]:before,.font-icon-upload[data-font-options*="after"]:after { content: '\EA03'; } .font-icon-view-fullsite:not([data-font-options*="after"]):before,.font-icon-view-fullsite[data-font-options*="before"]:before,.font-icon-view-fullsite[data-font-options*="after"]:after { content: '\EB10'; } .font-icon-warning:not([data-font-options*="after"]):before,.font-icon-warning[data-font-options*="before"]:before,.font-icon-warning[data-font-options*="after"]:after { content: '\EB11'; } .font-icon-bills-utilities:not([data-font-options*="after"]):before,.font-icon-bills-utilities[data-font-options*="before"]:before,.font-icon-bills-utilities[data-font-options*="after"]:after { content: '\EA21'; } .font-icon-business_services:not([data-font-options*="after"]):before,.font-icon-business_services[data-font-options*="before"]:before,.font-icon-business_services[data-font-options*="after"]:after { content: '\EA29'; } .font-icon-entertainment:not([data-font-options*="after"]):before,.font-icon-entertainment[data-font-options*="before"]:before,.font-icon-entertainment[data-font-options*="after"]:after { content: '\EA6A'; } .font-icon-financial:not([data-font-options*="after"]):before,.font-icon-financial[data-font-options*="before"]:before,.font-icon-financial[data-font-options*="after"]:after { content: '\EA79'; } .font-icon-food-dining:not([data-font-options*="after"]):before,.font-icon-food-dining[data-font-options*="before"]:before,.font-icon-food-dining[data-font-options*="after"]:after { content: '\EA7A'; } .font-icon-gifts-donations:not([data-font-options*="after"]):before,.font-icon-gifts-donations[data-font-options*="before"]:before,.font-icon-gifts-donations[data-font-options*="after"]:after { content: '\EA83'; } .font-icon-health-fitness:not([data-font-options*="after"]):before,.font-icon-health-fitness[data-font-options*="before"]:before,.font-icon-health-fitness[data-font-options*="after"]:after { content: '\EA87'; } .font-icon-home-category:not([data-font-options*="after"]):before,.font-icon-home-category[data-font-options*="before"]:before,.font-icon-home-category[data-font-options*="after"]:after { content: '\EA8C'; } .font-icon-house:not([data-font-options*="after"]):before,.font-icon-house[data-font-options*="before"]:before,.font-icon-house[data-font-options*="after"]:after { content: '\EA8C'; } .font-icon-income:not([data-font-options*="after"]):before,.font-icon-income[data-font-options*="before"]:before,.font-icon-income[data-font-options*="after"]:after { content: '\EA8E'; } .font-icon-kids:not([data-font-options*="after"]):before,.font-icon-kids[data-font-options*="before"]:before,.font-icon-kids[data-font-options*="after"]:after { content: '\EA95'; } .font-icon-personal-care:not([data-font-options*="after"]):before,.font-icon-personal-care[data-font-options*="before"]:before,.font-icon-personal-care[data-font-options*="after"]:after { content: '\EAC8'; } .font-icon-pets:not([data-font-options*="after"]):before,.font-icon-pets[data-font-options*="before"]:before,.font-icon-pets[data-font-options*="after"]:after { content: '\EAC9'; } .font-icon-shopping:not([data-font-options*="after"]):before,.font-icon-shopping[data-font-options*="before"]:before,.font-icon-shopping[data-font-options*="after"]:after { content: '\EAF6'; } .font-icon-taxes:not([data-font-options*="after"]):before,.font-icon-taxes[data-font-options*="before"]:before,.font-icon-taxes[data-font-options*="after"]:after { content: '\EB01'; } .font-icon-transport:not([data-font-options*="after"]):before,.font-icon-transport[data-font-options*="before"]:before,.font-icon-transport[data-font-options*="after"]:after { content: '\EB07'; } .font-icon-travel:not([data-font-options*="after"]):before,.font-icon-travel[data-font-options*="before"]:before,.font-icon-travel[data-font-options*="after"]:after { content: '\EB09'; } .font-icon-trend-up:not([data-font-options*="after"]):before,.font-icon-trend-up[data-font-options*="before"]:before,.font-icon-trend-up[data-font-options*="after"]:after { content: '\EB0A'; } .font-icon-contact-book:not([data-font-options*="after"]):before,.font-icon-contact-book[data-font-options*="before"]:before,.font-icon-contact-book[data-font-options*="after"]:after { content: '\EA48'; } .font-icon-eb-enroll:not([data-font-options*="after"]):before,.font-icon-eb-enroll[data-font-options*="before"]:before,.font-icon-eb-enroll[data-font-options*="after"]:after { content: '\EA5F'; } .font-icon-family-banking:not([data-font-options*="after"]):before,.font-icon-family-banking[data-font-options*="before"]:before,.font-icon-family-banking[data-font-options*="after"]:after { content: '\EA71'; } .font-icon-user-locked:not([data-font-options*="after"]):before,.font-icon-user-locked[data-font-options*="before"]:before,.font-icon-user-locked[data-font-options*="after"]:after { content: '\EB0E'; } .font-icon-person:not([data-font-options*="after"]):before,.font-icon-person[data-font-options*="before"]:before,.font-icon-person[data-font-options*="after"]:after { content: '\EB0F'; } .font-icon-profile:not([data-font-options*="after"]):before,.font-icon-profile[data-font-options*="before"]:before,.font-icon-profile[data-font-options*="after"]:after { content: '\EB0F'; } .font-icon-user:not([data-font-options*="after"]):before,.font-icon-user[data-font-options*="before"]:before,.font-icon-user[data-font-options*="after"]:after { content: '\EB0F'; } .font-icon-accounts:not([data-font-options*="after"]):before,.font-icon-accounts[data-font-options*="before"]:before,.font-icon-accounts[data-font-options*="after"]:after { content: '\EA0C'; } .font-icon-ach-collections:not([data-font-options*="after"]):before,.font-icon-ach-collections[data-font-options*="before"]:before,.font-icon-ach-collections[data-font-options*="after"]:after { content: '\EA0E'; } .font-icon-ach-payments:not([data-font-options*="after"]):before,.font-icon-ach-payments[data-font-options*="before"]:before,.font-icon-ach-payments[data-font-options*="after"]:after { content: '\EA0E'; } .font-icon-add-account:not([data-font-options*="after"]):before,.font-icon-add-account[data-font-options*="before"]:before,.font-icon-add-account[data-font-options*="after"]:after { content: '\EA0F'; } .font-icon-bill-pay:not([data-font-options*="after"]):before,.font-icon-bill-pay[data-font-options*="before"]:before,.font-icon-bill-pay[data-font-options*="after"]:after { content: '\EA20'; } .font-icon-budgets:not([data-font-options*="after"]):before,.font-icon-budgets[data-font-options*="before"]:before,.font-icon-budgets[data-font-options*="after"]:after { content: '\EA24'; } .font-icon-business-admin:not([data-font-options*="after"]):before,.font-icon-business-admin[data-font-options*="before"]:before,.font-icon-business-admin[data-font-options*="after"]:after { content: '\EA26'; } .font-icon-calc-and-calendar:not([data-font-options*="after"]):before,.font-icon-calc-and-calendar[data-font-options*="before"]:before,.font-icon-calc-and-calendar[data-font-options*="after"]:after { content: '\EA2A'; } .font-icon-check-services:not([data-font-options*="after"]):before,.font-icon-check-services[data-font-options*="before"]:before,.font-icon-check-services[data-font-options*="after"]:after { content: '\EA3B'; } .font-icon-content:not([data-font-options*="after"]):before,.font-icon-content[data-font-options*="before"]:before,.font-icon-content[data-font-options*="after"]:after { content: '\EA49'; } .font-icon-loan-advance:not([data-font-options*="after"]):before,.font-icon-loan-advance[data-font-options*="before"]:before,.font-icon-loan-advance[data-font-options*="after"]:after { content: '\EA4D'; } .font-icon-u-consumer-lending:not([data-font-options*="after"]):before,.font-icon-u-consumer-lending[data-font-options*="before"]:before,.font-icon-u-consumer-lending[data-font-options*="after"]:after { content: '\EA4D'; } .font-icon-courtesy-pay:not([data-font-options*="after"]):before,.font-icon-courtesy-pay[data-font-options*="before"]:before,.font-icon-courtesy-pay[data-font-options*="after"]:after { content: '\EA4D'; } .font-icon-dashboard:not([data-font-options*="after"]):before,.font-icon-dashboard[data-font-options*="before"]:before,.font-icon-dashboard[data-font-options*="after"]:after { content: '\EA52'; } .font-icon-edocs:not([data-font-options*="after"]):before,.font-icon-edocs[data-font-options*="before"]:before,.font-icon-edocs[data-font-options*="after"]:after { content: '\EA63'; } .font-icon-envelope:not([data-font-options*="after"]):before,.font-icon-envelope[data-font-options*="before"]:before,.font-icon-envelope[data-font-options*="after"]:after { content: '\EA6B'; } .font-icon-ficoscore:not([data-font-options*="after"]):before,.font-icon-ficoscore[data-font-options*="before"]:before,.font-icon-ficoscore[data-font-options*="after"]:after { content: '\EA07'; } .font-icon-investments:not([data-font-options*="after"]):before,.font-icon-investments[data-font-options*="before"]:before,.font-icon-investments[data-font-options*="after"]:after { content: '\EA93'; } .font-icon-locations:not([data-font-options*="after"]):before,.font-icon-locations[data-font-options*="before"]:before,.font-icon-locations[data-font-options*="after"]:after { content: '\EA9F'; } .font-icon-manage-cards:not([data-font-options*="after"]):before,.font-icon-manage-cards[data-font-options*="before"]:before,.font-icon-manage-cards[data-font-options*="after"]:after { content: '\EAA5'; } .font-icon-member-services:not([data-font-options*="after"]):before,.font-icon-member-services[data-font-options*="before"]:before,.font-icon-member-services[data-font-options*="after"]:after { content: '\EAA7'; } .font-icon-more:not([data-font-options*="after"]):before,.font-icon-more[data-font-options*="before"]:before,.font-icon-more[data-font-options*="after"]:after { content: '\EAAD'; } .font-icon-mortgage:not([data-font-options*="after"]):before,.font-icon-mortgage[data-font-options*="before"]:before,.font-icon-mortgage[data-font-options*="after"]:after { content: '\EAAE'; } .font-icon-pay-people:not([data-font-options*="after"]):before,.font-icon-pay-people[data-font-options*="before"]:before,.font-icon-pay-people[data-font-options*="after"]:after { content: '\EABE'; } .font-icon-payroll-distribution:not([data-font-options*="after"]):before,.font-icon-payroll-distribution[data-font-options*="before"]:before,.font-icon-payroll-distribution[data-font-options*="after"]:after { content: '\EAC1'; } .font-icon-piggy:not([data-font-options*="after"]):before,.font-icon-piggy[data-font-options*="before"]:before,.font-icon-piggy[data-font-options*="after"]:after { content: '\EACD'; } .font-icon-quick-apply:not([data-font-options*="after"]):before,.font-icon-quick-apply[data-font-options*="before"]:before,.font-icon-quick-apply[data-font-options*="after"]:after { content: '\EAE3'; } .font-icon-remote-deposit-mobile:not([data-font-options*="after"]):before,.font-icon-remote-deposit-mobile[data-font-options*="before"]:before,.font-icon-remote-deposit-mobile[data-font-options*="after"]:after { content: '\EAEA'; } .font-icon-remote-deposit:not([data-font-options*="after"]):before,.font-icon-remote-deposit[data-font-options*="before"]:before,.font-icon-remote-deposit[data-font-options*="after"]:after { content: '\EAEA'; } .font-icon-n-loyalty-checking:not([data-font-options*="after"]):before,.font-icon-n-loyalty-checking[data-font-options*="before"]:before,.font-icon-n-loyalty-checking[data-font-options*="after"]:after { content: '\EAEC'; } .font-icon-rewards:not([data-font-options*="after"]):before,.font-icon-rewards[data-font-options*="before"]:before,.font-icon-rewards[data-font-options*="after"]:after { content: '\EAEC'; } .font-icon-settings:not([data-font-options*="after"]):before,.font-icon-settings[data-font-options*="before"]:before,.font-icon-settings[data-font-options*="after"]:after { content: '\EAF4'; } .font-icon-skip-a-pay:not([data-font-options*="after"]):before,.font-icon-skip-a-pay[data-font-options*="before"]:before,.font-icon-skip-a-pay[data-font-options*="after"]:after { content: '\EAF8'; } .font-icon-sweeps:not([data-font-options*="after"]):before,.font-icon-sweeps[data-font-options*="before"]:before,.font-icon-sweeps[data-font-options*="after"]:after { content: '\EAFE'; } .font-icon-transfers:not([data-font-options*="after"]):before,.font-icon-transfers[data-font-options*="before"]:before,.font-icon-transfers[data-font-options*="after"]:after { content: '\EB05'; } .font-icon-transfer:not([data-font-options*="after"]):before,.font-icon-transfer[data-font-options*="before"]:before,.font-icon-transfer[data-font-options*="after"]:after { content: '\EB05'; } .font-icon-wire-transfers:not([data-font-options*="after"]):before,.font-icon-wire-transfers[data-font-options*="before"]:before,.font-icon-wire-transfers[data-font-options*="after"]:after { content: '\EB12'; } .font-icon-zelle:not([data-font-options*="after"]):before,.font-icon-zelle[data-font-options*="before"]:before,.font-icon-zelle[data-font-options*="after"]:after { content: '\EA13'; } .i-locations:before { content: "\EA9F"; } .i-contact:before { content: "\EACB"; } .i-support:before { content: "\EA88"; } .i-atm:before { content: "\EA1D"; } .i-info:before,.i-infogeneric:before { content: "\EA43"; } .i-live-chat:before { content: "\EA38"; } .i-rates:before { content: "\EAE5"; } .i-full-site:before { content: "\EA7C"; } .i-house:before { content: "\EA8C"; } .i-globe:before { content: "\EA84"; } .i-FirstTechP2P:before { content: "\EAF2"; font-size: 22px !important; } fieldset .expanded.account,.fieldset-row .expanded li.account { top: 2px; } .account a { display: block; color: #000; overflow: hidden; } .account .bar { display: block; float: left; width: 10px; height: 90%; position: absolute; top: 3px; left: 3px; } .account .name { font-weight: bold; float: left; width: 40%; } .account em { display: block; float: left; clear: both; } .account .bal { color: #000; font-weight: bold; float: right; font-size: 13px; max-width: 100%; overflow: visible; padding-left: 20px; } .expanded .detail.bal { margin-top: 12px; line-height: 23px; } #account_info { overflow: hidden; } #account_info .name { float: left; width: 60%; } #account_info em { display: block; float: left; clear: both; } #account_info .bal { float: right; } .account.no-amount h3.account-name,.account.no-amount h4.account-number { max-width: 100%; } .account { overflow: hidden; padding: 4px 0 4px 20px; position: relative; } .account:before { border-radius: 2px; bottom: 6px; content: " "; left: 6px; position: absolute; top: 6px; width: 6px; } .account.disabled { padding: 5px 4px 4px 20px; } ul.list li.disabled a:after { background: none; } .list .account a { padding: 4px 10px 4px 20px; } .account h3.account-name { margin: 0 !important; color: #000000; font-size: 13px; font-weight: bold; margin-bottom: 6px; margin-top: 3px; position: relative; line-height: 22px !important; } .account h4.account-number { margin: 0; color: #333333; font-size: 11px; line-height: 22px !important; } span.bal.available:before { background-color: #FFFFFF; color: #707070; border: 1px solid #999999; border-radius: 2px; content: "A"; font-size: 8px; left: 0; line-height: 8px; margin-top: -7px; padding: 2px 3px; position: absolute; text-align: center; text-shadow: none; top: 50%; width: 5px; } li.account.shared h4.account-number,li.account.joint h4.account-number,li.account.external h4.account-number { color: #333333; font-size: 11px; line-height: 22px !important; margin-left: 20px; } li.account.shared h4.account-number:before,li.account.joint h4.account-number:before,li.account.external h4.account-number:before { font-family: "Alkami"; color: #707070; font-size: 16px; position: absolute; margin-left: -20px; } li.account.shared .account-number:before { content: "\EA96"; } li.account.external .account-number:before { content: "\EA6E"; } li.account.joint .account-number:before { content: "\EAF5"; } span.detail.balance { color: #000000; font-size: 13px !important; font-weight: bold; line-height: 22px; max-width: 100%; padding-left: 20px; overflow: visible; } .detail.as-of-date { font-size: 11px; font-style: italic; } .amount.detail { font-size: 15px; color: #000; } span.balance.available:before { display: block; margin: 0; background-color: #FFFFFF; color: #707070; border: 1px solid #999999; border-radius: 2px; content: "A"; font-size: 8px; left: 0; line-height: 100%; padding: 2px 3px; position: absolute; text-shadow: none; top: 4px; } .account .account-block { float: left; width: 50%; } .account .account-block h3.account-name.truncate { max-width: 100% !important; } .account .balances { float: right; } .account .balances span { display: block; } .account .balances span.detail { position: relative; right: 10px; text-align: right; } .account .balances span.detail.balance { margin-top: 0; } .account .balances span:last-child { color: #707070; } .account .post-link { overflow: hidden; } #page_transactions .current-account span.balance:last-child { color: #707070; } .current-account .account { padding-left: 20px; } .account.current-account { margin-bottom: 0; margin-top: 0; padding: 10px 10px 10px 22px; } .account.current-account:before { box-shadow: none !important; height: 40px; left: 10px; top: 12px; width: 5px; } .current-account span.balance { right: 10px; } input#amount { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_amt.png"); background-position: 20px center; } ul.list li.reversed span.detail { max-width: 45%; } ul.list li.no-detail h3 { max-width: 98%; } span.legend.external:before { content: "\EA6E"; font-family: "Alkami"; color: #707070; } span.legend.joint:before { content: "\EAF5"; font-family: "Alkami"; color: #707070; } span.legend.shared:before { content: "\EA96"; font-family: "Alkami"; color: #707070; } span.legend.shared { margin-bottom: 20px !important; } span.legend { color: #333; float: left !important; font-size: 11px; width: 100%; margin-bottom: 5px !important; } span.legend.available:before { content: "A"; background-color: #FFFFFF; color: #707070; border: 1px solid #999999; border-radius: 2px; text-transform: uppercase; font-size: 8px; margin-right: 9px; margin-top: -1px; padding: 2px 3px; text-shadow: none; line-height: 7px; } span.legend:before { display: block; color: #707070; float: left; font-size: 16px; margin-right: 6px; margin-top: -2px; } .accounts-legend { border-top: 1px solid rgba(0,0,0,0.1); } .legend-title { margin: 10px 0; } body:not(#username_page) #wrapper div#content { margin-top: 65px !important; } body:not(#username_page).native-menu #wrapper div#content { margin-top: 20px !important; } div.titlebar { box-sizing: border-box; height: 45px; position: fixed; width: 100%; z-index: 10000; } .mm-bottom-panel div.titlebar { position: relative; } div.titlebar #logo { display: table; margin: 0 auto; left: 0; margin-bottom: 0; position: absolute; right: 0; top: 0; } div.titlebar .titlebar-button.left,div.titlebar .titlebar-button.right { display: block; background-color: transparent; border: 0 none; border-radius: 3px; color: #FFFFFF; font-size: 12px; font-weight: bold; height: 44px; min-width: 34px; padding: 9px 10px; position: absolute; text-shadow: none; } div.titlebar h1 { display: block; margin: 0 auto; box-sizing: border-box; color: #FFFFFF; font-size: 18px; font-weight: bold; height: 44px; line-height: 26px; max-width: 60%; padding: 9px 10px 7px; text-align: center; text-shadow: none; } div.titlebar h1.has-subtitle { margin: 0 auto; font-size: 15px; height: auto; line-height: 100%; padding: 5px; } div.titlebar h2 { margin: 0; color: #FFF; font-size: 11px; line-height: 100%; padding: 0; text-align: center; } div.titlebar a.icon:before { background-position: center center; font-family: 'Alkami'; height: 26px; left: 0; position: absolute; right: 0; top: 50%; width: 44px; text-indent: 0; font-size: 20px; padding: 9px 10px; } div.titlebar a.icon.left.back { padding: 0; } div.titlebar a.icon.left:before { content: "\EA85"; top: -2px; } div.titlebar a.icon.back:before { content: "\EA19"; margin-top: -1px; } div.titlebar a.icon.home:before { content: "\EA8C"; margin-top: 0; background-image: none !important; } #nav_button { border: 0 none; position: absolute; text-indent: -9999px; width: 38px; background-image: none !important; } #nav_button+a.titlebar-button.left.icon.back { left: 40px; top: 25px; text-indent: -9999px; white-space: nowrap; } #nav_button.hidden+a.titlebar-button.left.icon.back { left: 6px; } div.titlebar a.icon.back:before { background-image: none !important; } a.titlebar-button.left { left: 0; } a.titlebar-button.right { right: 0; } a.titlebar-button.icon { text-indent: -9999px; } .titlebar-button { background-position: center center; box-sizing: border-box; height: 44px; line-height: 28px; margin-top: -22px; top: 50%; } #page_subtitle { font-size: 11px; font-weight: 600; opacity: 0.7; } .button { display: block; margin: 10px 0 20px; box-sizing: border-box; border-radius: 5px; box-shadow: none; color: #707070; cursor: pointer; font-size: 20px; padding: 9px; text-align: center; text-shadow: none; width: 100%; } .button.primary { color: #fff; text-shadow: none; } .button.text { margin: 10px 0 0; background-color: transparent; border-style: none; font-size: 14px; } #login_button.primary.button.icon:before { display: block; background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_login.png"); background-position: 0 0; content: " "; height: 30px; left: 7px; position: absolute; top: 7px; width: 30px; } div#home_page ul:nth-child(2) { margin-bottom: 30px; } #locations_button { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_locations.png"); } #deposit_button { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_remote_deposit.png"); } #contact_button { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_contact.png"); } #logout_button { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_logout.png"); } #current_location_button { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_current.png"); background-position: 7px 6px; } #current_location { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_current.png"); } ul.segmented-buttons { display: block; background: none !important; border: 0 none !important; border-radius: 5px; box-shadow: none !important; text-align: center; width: 100%; } ul.segmented-buttons li { margin-right: -1px; float: left; background-color: #E4E4E4; box-shadow: 0 0 1px rgba(0,0,0,0.5) inset; overflow: hidden; } ul.segmented-buttons.two-cols li { box-sizing: padding-box; width: 50%; } ul.segmented-buttons li:first-child { border-radius: 4px 0 0 4px; } ul.segmented-buttons li:last-child { border-radius: 0 4px 4px 0; border-right: 0 none; } ul.segmented-buttons.one-col li { box-sizing: padding-box; width: 100%; border-radius: 4px; } ul.segmented-buttons li.selected { box-shadow: none; } ul.segmented-buttons li.selected a { color: #FFFFFF; border-radius: 3px 0 0 3px; } ul.segmented-buttons li a { display: block; border-right: 0 none; color: #333333; box-sizing: padding-box; font-size: 13px; font-weight: bold; text-shadow: none; padding: 15px; } ul.segmented-buttons li:last-child a { border-right: 0 none; } ul.segmented-buttons.three-cols li { box-sizing: border-box; width: 33.3%; } .toggle-container { padding: 3%; } ul.flat-button-bar { background-color: #FFF; box-shadow: 0 0 4px 0 rgba(0,0,0,0.25); font-size: 0; text-align: center; } ul.flat-button-bar li { display: inline-block; width: 50%; } ul.flat-button-bar li:first-child:nth-last-child(3),ul.flat-button-bar li:first-child:nth-last-child(3) ~ li { width: 33.33%; } ul.flat-button-bar li:first-child:nth-last-child(4),ul.flat-button-bar li:first-child:nth-last-child(4) ~ li { width: 25%; } ul.flat-button-bar li.selected a { border-bottom: 2px solid #B4B4B4; font-weight: bold; } ul.flat-button-bar li a { display: inline-block; border-bottom: 2px solid #FFF; color: #333333; font-size: 11px; height: 36px; line-height: 36px; padding: 0 15px; } .text-link { color: #4371AD; } #mobile_nav.mm-menu { width: 85%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { transform: translate(85%, 0) !important; } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { transform: translate(140px, 0) !important; } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { transform: translate(440px, 0) !important; } } #mobile_nav { background: #888; background: linear-gradient(to bottom left, #888 0, #888 100%); color: #fff; padding-bottom: 45px; width: 85%; box-sizing: border-box; } #mobile_nav *,#mobile_nav *:before,#mobile_nav *:after { box-sizing: inherit; } #mobile_nav:after { display: block; box-shadow: -7px 0 10px 0 rgba(0,0,0,0.25) inset; content: ''; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; } #mobile_nav .mobile-nav-container { overflow: hidden; padding: 0; } #mobile_nav .mobile-nav-container:before { height: 0; } #mobile_nav .mobile-nav-header { background-color: #232323; text-align: center; } #mobile_nav .mobile-nav-header img { height: 45px; vertical-align: middle; } #mobile_nav a { color: inherit; } #mobile_nav h3 { color: inherit; font-size: 13px; } #mobile_nav h4 { color: inherit; opacity: 0.5; font-size: 10px; text-transform: uppercase; opacity: 0.5; } #mobile_nav .mobile-nav-links { margin: 20px 0 30px 20px; } #mobile_nav .mobile-nav-links h4 { margin-bottom: 13px; } #mobile_nav .mobile-nav-links a { display: block; margin: 0 0 10px 40px; border-bottom: 1px solid rgba(255,255,255,0.25); font-size: 13px; padding: 10px 0; } #mobile_nav .mobile-nav-icon { position: relative; } #mobile_nav .mobile-nav-icon:before { display: block; color: inherit; opacity: 0.5; font-family: "Alkami"; font-size: 20px; left: 0; position: absolute; top: 8px; } #mobile_nav .i-Dashboard:before,#mobile_nav .i-DashboardV2:before { content: "\EA52"; } #mobile_nav .i-MyAccounts:before,#mobile_nav .i-MyAccountsV2:before { content: "\EA0C"; } #mobile_nav .i-Transfer:before,#mobile_nav .i-TransferV2:before { content: "\EB05"; } #mobile_nav .i-CardWorks:before { content: "\EA32"; } #mobile_nav .i-PscuBillPay:before,#mobile_nav .i-Fissso:before,#mobile_nav .i-CheckFreeBillPay:before,#mobile_nav .i-IPay:before,#mobile_nav .i-BillPay:before,#mobile_nav .i-BillPayV2:before,#mobile_nav .i-CheckFreeBillPay:before { content: "\EA20"; } #mobile_nav .i-Acculynk:before,#mobile_nav .i-MoveMoney:before { content: "\EABE"; } #mobile_nav .i-Benefits:before,#mobile_nav .i-KctRewards:before,#mobile_nav .i-MasterCardRewards:before,#mobile_nav .i-Azigio:before,#mobile_nav .i-CardRewards:before,#mobile_nav .i-CreditCardWidget:before { content: "\EAEC"; } #mobile_nav .i-MFCURewardsWidget:before,#mobile_nav .i-RewardsWidget:before,#mobile_nav .i-LGECheckingRewards:before { content: "\EA37"; } #mobile_nav .i-Budgets:before { content: "\EA24"; } #mobile_nav .i-DraftServices:before { content: "\EA3B"; } #mobile_nav .i-SavingsGoals:before { content: "\EACD"; } #mobile_nav .i-MessageCenter:before { content: "\EA6B"; } #mobile_nav .i-Locations:before { content: "\EA9F"; } #mobile_nav .i-Support:before { content: "\EA88"; } #mobile_nav .i-FullSite:before { content: "\EB10"; } #mobile_nav .i-LogOut:before { content: "\EAA3"; } #mobile_nav .i-Logout:before { content: "\EAA3"; } #mobile_nav .i-Settings:before { content: "\EAF4"; } #mobile_nav .i-Contact:before { content: "\EACB"; } #mobile_nav .i-eDocs:before { content: "\EA63"; } #mobile_nav .i-Policy:before { content: "\EA43"; } #mobile_nav .i-CardManagement:before,#mobile_nav .i-FuegoCardManagement:before { content: "\EAA5"; } #mobile_nav .i-FuegoLoan:before { content: "\EA4D"; } #mobile_nav .i-House:before { content: "\EA8C"; } #mobile_nav .i-Globe:before { content: "\EA84"; } #mobile_nav .i-KaneSecureForms:before,#mobile_nav .i-QuickApps:before,#mobile_nav .i-GenericUrlLaunch:before,#mobile_nav .i-oFlows:before { content: "\EA7B"; } #mobile_nav .i-ACHPayments:before { content: "\EA0E"; } #mobile_nav .i-CourtesyPay:before { content: "\EA4D"; } #mobile_nav .i-skip_a_pay:before,#mobile_nav .i-SkipAPay::before { content: "\EAF8"; } #mobile_nav .i-RemoteDeposit::before { content: "\EAEA"; } #mobile_nav .i-CunexusLoanEngine::before { content: "\EA18"; } #mobile_nav .i-QuickApply::before { content: "\EAE3"; } #mobile_nav .i-OracleKnowledgeBase::before { content: "\EAEE"; } #mobile_nav .i-CashEdge::before { content: "\EA36"; } #mobile_nav .i-PositivePayACHAlert::before { content: "\EACF"; line-height: 28px; } #mobile_nav .i-Sweeps::before { content: "\EAFE"; } #mobile_nav .i-SavvyMoney::before { content: "\EAED"; } #mobile_nav .i-OpenAccountWidget:before,#mobile_nav .i-PatelcoOpenAccount:before { content: "\EABD"; } #mobile_nav .i-BackToClassic:before { content: "\EA19"; } #mobile_nav #mobile_nav_container { height: 100%; overflow: auto; } #mobile_nav #mobile_nav_user { margin: 20px 0; } #mobile_nav #mobile_nav_user .user-img { display: inline-block; margin: 0 13px 0 17px; border: 3px solid #fff; border-radius: 50%; vertical-align: middle; } #mobile_nav #mobile_nav_user .user-details { display: inline-block; vertical-align: middle; } #mobile_nav #mobile_nav_user .user-details h3 { position: relative; top: -5px; } #mobile_nav #mobile_nav_user .user-details h4 { position: relative; top: 4px; } #mobile_nav #mobile_nav_user .user-details h4 span { color: inherit; text-transform: none; } #mobile_nav_language ul { display: flex; background-color: #333333; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: center; text-align: center; } #mobile_nav_language li { color: #FFF; font-size: 13px; padding: 14px 20px; position: relative; text-transform: uppercase; } #mobile_nav_language li[data-iscurrent="true"] { display: none; } #locale_confirmation.confirmed .confirm { display: none; } #locale_confirmation.confirmed .confirming { display: block; } #locale_confirmation .confirming { display: none; } #locale_confirmation .loader { top: auto; } div.errors,div.validation-summary-errors { margin: 15px 10px; background-color: #BC3333; border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 5px 1px rgba(0,0,0,0.45); color: #FFFFFF; min-height: 54px; padding: 5px; text-shadow: 0 1px 0 rgba(0,0,0,0.2); } div.errors strong,div.validation-summary-errors strong { display: block; background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_error.png"); background-position: 8px 50%; min-height: 42px; padding: 10px 10px 10px 62px; } div.errors ul,div.validation-summary-errors ul { margin-top: 10px; } div.errors li,div.validation-summary-errors li { margin: 5px 0; background-color: rgba(255,255,255,0.1); border-radius: 2px; font-size: 13px; line-height: 135%; padding: 10px; } div.errors li:last-child,div.validation-summary-errors li:last-child { margin-bottom: 0; } div#transfer_form div.errors,body#bill-pay-index div.errors,body#page_rdc_amount div.errors { margin: 15px 0; } div.flash-holder { display: none; border-radius: 3px; color: #FFFFFF; margin-bottom: 40px; padding: 10px 10px 10px 40px; text-shadow: 0 1px 0 rgba(0,0,0,0.2); } div.flash-holder.success { display: block; background-color: #689B3C; background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/flash_success_icon.png"); background-size: 20px 20px; background-position: 10px center; } div.flash-holder.error { display: block; background-color: #BC3333; background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/flash_error_icon.png"); background-size: 20px 20px; background-position: 10px center; border-radius: 0; } div.flash-holder.warning { display: block; background-color: #C45413; background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/flash_error_icon.png"); background-size: 20px 20px; background-position: 10px center; } div.flash-holder.info { display: block; background-color: #5EA6ED; background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/flash_icon_info.png"); background-size: 20px 20px; background-position: 10px center; } div.flash-holder h4 { color: #FFF; font-size: 13px; font-weight: bold; } body#page_transactions .flash-holder { margin: 0; border-radius: 0; } a.link { display: inline-block; background-position: right center; border-radius: 3px; margin-bottom: 20px; font-size: 17px; padding: 10px; margin-top: 10px; -webkit-tap-highlight-color: rgba(255,255,255,0) !important; -webkit-tap-border-radius: 3px; } a.link.small,footer a { font-size: 13px; padding: 8px 10px; } a.link.arrow,a.link.arrow span { padding-right: 36px; } a.arrow.right { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/link_arrow_right.png"); } a.arrow.down { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/link_arrow_down.png"); } ul.help-links { margin: 30px 0; width: 100%; } ul.help-links li { display: block; float: left; } ul.help-links li:first-child { margin-left: 0; } ul.help-links li:last-child { margin-right: 0; float: right; } ul.help-links li a { margin: 0; } ul.list.inset.buttons li:first-child,ul.list.inset.buttons li:first-child .button { border-top-left-radius: 5px; border-top-right-radius: 5px; } ul.list.inset.buttons li:last-child,ul.list.inset.buttons li:last-child .button { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } ul.list.inset.buttons a.button.icon { background-repeat: no-repeat; padding-left: 46px; } .login-steps fieldset.list.inset,.login-steps fieldset.inline { border: 1px solid rgba(0,0,0,0.12); } #page_login fieldset.list.inset label { background-color: #F7F7F7; border-radius: 5px 5px 0 0; } #page_login fieldset:last-child label { border-radius: 5px; } dl.list,ul.list,fieldset { background-color: #FFFFFF; box-shadow: none; font-size: 15px; line-height: 135%; } ul.list li,fieldset label { display: block; border-bottom: 1px solid #DADADA; padding: 10px; position: relative; } ul.list.inset.buttons li { margin-top: -1px; } .list>:last-child { border-bottom: 0 none !important; box-shadow: none; } .list .detail a { display: block; margin: -10px; padding: 10px; position: relative; } .list a:after { display: block; background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/detail_arrow.png"); background-position: 0 0; content: ""; height: 14px; margin-top: -7px; position: absolute; right: 10px; top: 50%; width: 10px; } .list.inset.accounts a:active,.list.inset.accounts a:hover { border-radius: 0; } .list.inset.accounts:first-child a:active,.list.inset.accounts:first-child a:hover { border-radius: 5px 5px 0 0; } ul.list li a.link { text-align: center; } ul.list li a.link:after { background: none; } .list.inset.accounts,input#amount,input#Description,input#selected_date { border: 1px solid rgba(0,0,0,0.15); } dl.list.inset,ul.list.inset,fieldset { margin: 20px 0; border-radius: 3px; } dl.list.inset,ul.list.inset { margin: 10px 0 20px; } ul.list.inset { margin-bottom: 20px; border: 1px solid rgba(0,0,0,0.12); } ul.list li p:last-child { margin-bottom: 0; } h5+ul.list.inset { margin-top: 8px; } dl.list.outset,ul.list.outset,.outset { margin: 0 -9px; } ul.list.outset li.header { background-color: #F1F1F1; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; text-transform: uppercase; padding-bottom: 6px; padding-top: 6px; } ul.list li.header h5 { margin: 0; color: #707070; line-height: 100%; text-shadow: 0 1px 0 #FFFFFF; } ul.list.outset.pending li { color: #707070; } .list a { display: block; margin: -10px; padding: 10px; position: relative; } ul.list li.selected { background-color: rgba(0,0,0,0.06); } ul.list.nested-list ul.list.inset { margin: 3px 0 10px; } ul.list.nested-list ul.list li { text-transform: none; } ul.list.nested-list>li { padding: 0; } ul.list.nested-list>li.group-title { border: 0 none; box-shadow: none; } ul.list.nested-list>li.group-title>h5 { display: block; margin-top: 0; padding: 10px; text-transform: uppercase; font-size: 11px; font-weight: bold; background-color: #F1F1F1; border: 1px solid #D0D0D0; border-left: none; border-right: none; color: #707070; } li.group-title#pending+li.group-title#posted { margin-top: -1px; } ul.list li.no-link a:active,ul.list li.no-link a:after,ul.list li.no-link a:hover { background: none !important; background-color: transparent; } ul.inset li:first-child:last-child { border-radius: 3px; } ul.inset li:first-child { border-radius: 3px 3px 0 0; } ul.inset li:last-child,.list ul:last-child,.list li:last-child { border-radius: 0 0 3px 3px; } ul.list li.cap { border-radius: 3px 3px 0 0; background-color: #F8F8F8; } ul.list ul.hours { margin-bottom: 15px; } ul.list h4+ul.hours { margin-top: 6px; } ul.list ul.hours:last-child { margin-bottom: 0; } ul.list ul.hours li { margin: 0; border: 0 none; box-shadow: none; padding: 0; } ul.list ul.hours h4 { display: inline-block; font-weight: bold; line-height: 10px; text-transform: uppercase; width: 40%; } ul.list li.cap address,ul.list li.cap p { font-size: 15px; margin-top: 5px; } .list h3 { color: #000000; font-size: 15px; font-weight: bold; text-transform: none; } .list .reversed h3 { font-weight: normal; } .list h4 { color: #333333; font-size: 13px; } a span.detail { right: 20px; } span.detail { margin: auto; bottom: 0; color: #4371AD; height: 22px; line-height: 22px; position: absolute; right: 0; margin-right: 10px; text-overflow: ellipsis; top: 0; white-space: nowrap; } span.detail.link { color: #4371AD; font-size: 13px; font-weight: normal !important; } ul.list li.load-more { background-color: #E6E6E6 !important; border-bottom: none; } ul.list li.load-more a.link { color: #333333; } ul.list li.load-more a.link:hover,ul.list li.load-more a.link:active { background-color: #DDDDDD; border-radius: 0; } ul.list.inset.buttons { background: transparent; border: 0 none; } ul.list.inset.buttons li { padding: 0; } ul.list.inset.buttons li { border-bottom: 0 none; } ul.list.inset.buttons li a.button { margin: 0; border-radius: 0; box-shadow: 0 none; padding: 10px; text-align: left; } ul.list.inset.buttons li a.button.primary { box-shadow: none; } .list.inset { border: 1px solid rgba 0,0,0,0.15; } .no-arrow a:after { background-image: none; } .no-accounts .selected { background-color: #FFFFFF !important; } .no-accounts .selected a { font-weight: bold; } .no-accounts .selected:before { color: #5181B1; content: "\EA3F"; float: right; font-size: 22px; } .list.inset.no-arrow span.detail { right: 0; } div#map_page h3 { max-width: 100% !important; } #contact_page .list li { line-height: 20px; overflow: hidden; position: static; } #contact_page .list li a { float: right; position: static; text-align: right; } #contact_page .list li a span.detail { line-height: 20px; margin-right: 0; position: static; } #contact_page .list li a span.detail span { display: block; color: #707070; font-size: 13px; font-style: italic; } #contact_page .list li br { clear: both; } #contact_page .list li h3 { float: left; margin-right: 5%; width: 45%; } #contact_page .list li .multiple-contacts { float: right; overflow: hidden; } .has-bullets li { list-style: inside none disc; margin-bottom: 5px; } div.modal { width: 100%; height: 100%; z-index: 1000; opacity: 0; -webkit-transition: top 2s; position: fixed; } div.modal-alt { margin: -20px -9px 0; height: auto; opacity: 1; padding: 20px; position: relative; -webkit-transition: top 2s; width: auto; } div.modal.standalone { margin: -20px -9px 0; height: auto; opacity: 1; position: relative; width: auto; } div.modal.top { top: -100%; left: 0; } div.modal.bottom { bottom: -100%; left: 0; } div.modal.left { left: -100%; top: 0; } div.modal.right { right: -100%; top: 0; } div.modal:target { opacity: 1; } div.modal.top:target { top: 0; } div.modal.bottom:target { bottom: 0; } div.modal.left:target { left: 0; } div.modal.right:target { right: 0; } #wrap { background: #FFF; bottom: 0; left: 0; overflow: hidden; position: absolute; top: 44px; width: 100%; z-index: 1; } .native-menu #wrap { top: 0; } div.modal .modal-content { background: #FFF; height: 93%; font-size: 15px; padding: 20px; overflow: auto; } .modal-content { background-color: #FFFFFF; border-radius: 3px; } .modal-content ul { margin-top: 10px; } .modal-content ul.has-bullets { padding-left: 0; margin-left: 0; margin-bottom: 30px; } div.disclosure { font-size: 15px; padding: 20px; } div.cap { margin: -20px -20px 20px; background-position: center 20px; border-bottom: 1px solid #CCCCCC; background-color: #F5F5F5; padding: 20px; } div.cap h2 { margin: 0 auto; padding-top: 100px; } #locked { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_lock.png"); } #logged_out { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_logout_large.png"); } #broken { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_cloud.png"); } #support_large_icon { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_mobile_support.png"); } #support_button { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_support.png"); } div.modal .modal-content h2,div.modal-alt .modal-content h2 { color: #333333; margin-top: 0; text-align: center; text-shadow: 0 1px 0 white; } div.modal-content p { text-align: center; font-size: 13px; } div.modal-content p+a { margin-top: 20px; } div.modal a:last-child { margin-bottom: 0; } .modal-container { display: none; background: none repeat scroll 0 0 rgba(0,0,0,0.8); box-sizing: border-box; -moz-box-sizing: border-box; height: 100%; left: 0; top: 45px; overflow: auto; -webkit-overflow-scrolling: touch; padding: 5% 3%; position: fixed; width: 100%; z-index: 9999; } .modal-popup { margin: 0; background-color: #FFFFFF; border-radius: 5px; padding: 10px; z-index: 9999; box-shadow: 0 0 7px #303030; -moz-box-shadow: 0 0 7px #303030; -webkit-box-shadow: 0 0 7px #303030; overflow: auto; max-width: 550px; } .modal-popup .header { margin: -10px; background-color: #F6F6F6; border-bottom: 1px solid #E5E5E5; color: #333333; padding: 15px 10px; position: relative; } .modal-popup .header h4 { font-weight: bold; } .modal-popup .header .close { display: block; background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_cancel_x.png"); background-position: 50% 50%; background-size: 12px auto; height: 50px; position: absolute; right: 0; top: 0; width: 50px; } #system_alerts_page footer { display: none; } .modal-message { background-color: #F5F5F5; border-radius: 5px 5px 0 0; height: 90px; margin-left: -10px; margin-right: -10px; margin-top: -10px; padding: 10px; position: relative; text-align: center; } .modal-message span { color: #333333; font-size: 17px; font-weight: bold; } .modal-message.sys-alert { background-color: #FAEABA; border-bottom: 1px solid #D5C088; color: #7E6A2C; font-weight: bold; } .modal-message.sys-alert .close-modal:before { color: #C6B274; } .modal-message.sys-alert .close-modal:hover:before,.modal-message.sys-alert .close-modal:hover:active { color: #B4A062; } .modal-message.sys-alert:before { display: block; background: none; content: "\EB11"; font-size: 40px; margin-bottom: 10px; } .close-modal { position: absolute; right: 0; top: 0; padding: 20px; } .close-modal:before { content: "\EB03"; } .modal-message:before { display: block; margin: 10px auto 15px; background: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_confirmed.png") no-repeat scroll 0 0 transparent; content: " "; height: 40px; width: 44px; } .modal-details { padding: 10px; margin-top: 10px; } .modal-details.sys-alert { min-height: 150px; padding-bottom: 20px; } .modal-details p { margin: 10px 0; font-size: 13px; } .modal-details span { font-size: 15px; } .modal-details span#confirmedSendOnDate { font-weight: bold; } .modal-popup .button.primary { margin: 10px 0 0; } .modal-details h5,#account_details h5 { color: #878787 !important; text-transform: uppercase; font-size: 11px !important; } .modal-container .button { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } #cannot_sync { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_sync_error.png"); } #desktop_required,#first_time { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_desktop.png"); } #external_url_modal .modal-popup { margin-left: auto; margin-right: auto; } #external_url_modal .modal-title { padding-right: 20px; } #external_url_modal .modal-details { padding: 10px 0; } #external_url_modal .modal-details p { color: #333333; margin-top: 0; } #external_url_modal .buttons .button:first-child { margin-top: 0; } #external_url_modal .button.text { color: #333333; font-size: 15px; margin-top: 0; padding: 10px 0 0; } .radio-wrapper input[type="radio"] { height: 0; opacity: 0; position: absolute; width: 0; } .radio-wrapper input[type="radio"]+label:after { display: block; background: #4371AD; border-radius: 100%; content: ' '; height: 13px; left: 9px; position: absolute; top: 9px; width: 13px; transform: scale(0, 0); transition: transform 0.2s cubic-bezier(0.8, 0.1, 0.2, 1.5); } .radio-wrapper input[type="radio"]:checked+label:after { transform: scale(1, 1); } .radio-wrapper label { display: block; cursor: pointer; font-size: 13px; font-weight: 700; padding: 10px 0 10px 35px; position: relative; } .radio-wrapper label:before { display: block; background: #FFFFFF; border: 1px solid #707070; border-radius: 100%; content: ' '; height: 23px; left: 3px; position: absolute; top: 3px; width: 23px; } .radio-wrapper[data-radio-options*="inline-block"] label { display: inline-block; } .radio-wrapper[data-radio-options*="left"] label { float: left; } .radio-wrapper[data-radio-options*="v-middle"] label:before { margin-top: -13px !important; top: 50% !important; } .radio-wrapper[data-radio-options*="v-middle"] label:after { margin-top: -7px !important; top: 50% !important; } .radio-wrapper[data-radio-options*="flat"] label { padding-top: 0; padding-bottom: 0; } .mobile-list-check-group { border: none; background-color: white; margin-bottom: 10px; } .mobile-list-check-group div,.mobile-list-check-group li,.mobile-list-check-group span { box-sizing: border-box; } .mobile-list-check-group div,.mobile-list-check-group li { display: block; margin: 0; border-bottom: 1px solid #E0E0E0; width: 100%; } .mobile-list-check-group div,.mobile-list-check-group span { line-height: 45px; padding-left: 10px; } .mobile-list-check-group div { font-size: 12px; font-weight: 500; text-transform: uppercase; } .mobile-list-check-group ul { margin: 0; padding: 0; } .mobile-list-check-group li { list-style: none; } .mobile-list-check-group label { display: block; margin: 0; box-sizing: border-box; list-style: none; } .mobile-list-check-group label span { display: block; width: 100%; position: relative; color: #333333; text-transform: capitalize; } .mobile-list-check-group input:checked+label span { position: relative; border-width: 0 0 0 5px; border-style: solid; padding-left: 5px; } .mobile-list-check-group input:checked+label span:after { content: "\EA3C"; font-family: 'Alkami'; height: 100%; width: 20px; position: absolute; right: 5px; } .switch-wrapper input { display: none; } .switch-wrapper input:checked+label:before { color: #B4B4B4; } .switch-wrapper input:checked+label:after { color: #707070; } .switch-wrapper input:checked+label.on-off .switch { background-color: #4672AB; } .switch-wrapper input:checked+label.on-off:after { color: #4672AB; } .switch-wrapper input:checked+label .switch:before { left: inherit; right: 3px; } .switch-wrapper label { display: inline-block; color: #B4B4B4; line-height: 22px; vertical-align: bottom; } .switch-wrapper label:after,.switch-wrapper label:before { display: inline-block; font-size: 11px; vertical-align: middle; } .switch-wrapper label:before { content: attr(data-left); color: #707070; } .switch-wrapper label:after { content: attr(data-right); } .switch-wrapper label.disabled .switch { cursor: default; } .switch-wrapper .switch { display: inline-block; margin: 0 10px; background-color: #B4B4B4; border-radius: 15px; cursor: pointer; padding: 11px 20px; position: relative; transition: 0.10s all linear; vertical-align: middle; } .switch-wrapper .switch:before { display: block; background-color: #FFFFFF; border-radius: 15px; content: ''; height: 16px; left: 3px; margin-top: -8px; position: absolute; top: 50%; width: 16px; } .checkbox-wrapper input[type="checkbox"] { margin: 0; height: 0; opacity: 0; position: absolute; width: 0; padding: 0; } .checkbox-wrapper input[type="checkbox"]:checked ~ label:before { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/icons_sprite.png"); background-repeat: no-repeat; background-position: -57px -416px; } .checkbox-wrapper input[type="checkbox"]:focus ~ label:before { box-shadow: inset 1px 1px 2px #E9E9E9,0 0 4px rgba(145,178,211,0.8); border-color: #91B2D3; } .checkbox-wrapper input[type="checkbox"]:not(:disabled) ~ label { cursor: pointer; } .checkbox-wrapper input[type="checkbox"]:not(:disabled) ~ label:hover:before { border-color: #D0D0D0; } .checkbox-wrapper>label { display: inline-block; margin: 0; float: none; padding: 5px 0 5px 32px; position: relative; width: auto; } .checkbox-wrapper>label:before { display: block; background-color: #FFFFFF; background-image: none; border: 1px solid #D0D0D0; border-radius: 3px; box-shadow: 0 1px 3px #D9D9D9 inset; content: " "; height: 18px; left: 4px; margin-top: -10px; position: absolute; top: 50%; width: 18px; } .checkbox-wrapper>label:not(.disabled):hover:before { border-color: #D0D0D0; } .checkbox-wrapper.checkbox-right>label { width: 100%; } .checkbox-wrapper.checkbox-right>label:before { left: auto; right: 10px; } .checkbox-wrapper.disabled>label { cursor: default; } .checkbox-wrapper .checkbox-content { padding-left: 32px; } .checkbox-wrapper[data-checkbox-options*="block"]>label { display: block; } .checkbox-wrapper[data-checkbox-options*="left"]>label { float: left; } .checkbox-wrapper[data-checkbox-options*="inverted"]>label { padding: 5px 32px 5px 0; } .checkbox-wrapper[data-checkbox-options*="inverted"]>label:before { left: inherit; right: 4px; } .checkbox-wrapper[data-checkbox-options*="inverted-block"]>label { display: block; padding: 5px 32px 5px 0; } .checkbox-wrapper[data-checkbox-options*="inverted-block"]>label:before { left: inherit; right: 4px; } .checkbox-wrapper[data-checkbox-options*="flush-left"]>label { float: left; padding: 5px 0 5px 28px !important; } .checkbox-wrapper[data-checkbox-options*="flush-left"]>label:before { left: 0; } .checkbox-wrapper[data-checkbox-options*="inverted-block"] label { display: flex; flex-direction: row-reverse; justify-content: space-between; padding-left: 0 !important; } .card-container .card .card-list-item .checkbox-wrapper label { display: inline-block; } input::-moz-placeholder { -moz-user-select: none; user-select: none; } input::placeholder { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } fieldset.inline label { box-shadow: none; border-bottom: none; } fieldset { border: 0 none; padding: 0; } fieldset input,fieldset textarea,fieldset select,ul.list li input,ul.list li textarea,ul.list li select { margin: 0; border: 0 none; } .fieldset-container { border-radius: 3px; border: 1px solid rgba(0,0,0,0.15); } .fieldset-container fieldset:first-child { border-radius: 3px 3px 0 0; margin-bottom: 0; margin-top: 0; border-bottom: 1px solid #D9D9D9; } .fieldset-container fieldset:last-child { border-radius: 0 0 3px 3px; margin-top: 0; border-top: 0 none; margin-bottom: 0; } .fieldset-container fieldset:first-child label { border-radius: 3px 0 0 0; } .fieldset-container fieldset:last-child label { border-radius: 0 0 0 3px; } .fieldset-row { overflow: hidden; position: relative; } .fieldset-row label { box-sizing: border-box; margin: 0; border-bottom: 0 none; border-right: 1px solid rgba(0,0,0,0.15); box-shadow: none; color: #707070; float: left; font-size: 10px; font-weight: bold; height: 44px; line-height: 25px; position: relative; text-align: right; text-transform: uppercase; width: 60px; } .fieldset-row>ul { font-size: 16px; height: 44px; line-height: 44px; } .fieldset-row label.expanded { margin-right: 6px; height: 52px; } .fieldset-row:after { display: block; background: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/detail_arrow.png") no-repeat scroll 0 0 transparent; content: " "; height: 14px; margin-top: -7px; position: absolute; right: 10px; top: 50%; width: 10px; } li.no-selection { display: inline-block; color: #707070; padding-left: 9px; } label .holderWrap { display: block; float: right; margin-top: -9px; width: 40px !important; height: 40px !important; background-image: url(https://assets.orb.alkamitech.com/production/assets/global/images/mobile/android_checkbox.png); background-position: right 7px; cursor: pointer; } label:active .holderWrap { background-position: right -33px; } label.checked .holderWrap { background-position: right -73px; } .radio-container-table { display: table; width: 100%; } .radio-container { overflow: hidden; position: relative; width: 40px !important; } .radio-container input[type="radio"] { left: -100%; position: relative; } .radio-container input[type="radio"]+span { display: inline-block; background-color: white; border: 1px solid #B9B9B9; border-radius: 50%; height: 25px; left: 15px; position: absolute; top: 50%; transform: translateY(-50%); transition: all 0.25s; width: 25px; } .radio-container input[type="radio"]+span:before { background-color: #376C99; border-radius: 50%; content: ''; height: 50%; left: 25%; opacity: 0; position: absolute; top: 25%; transform: scale(0); transition: all 0.25s; width: 50%; } .radio-container input[type="radio"]:checked+span { background-color: #DCE5ED; border: 1px solid #376C99; } .radio-container input[type="radio"]:checked+span:before { opacity: 1; transform: scale(1); } .ui-progressbar-value { position: relative; } .progress-bar-holder.green .ui-progressbar .ui-progressbar-value { border-color: #638C3A; background-color: #90B967; background-image: linear-gradient(to bottom, #90B967, #638C3A); } .progress-bar-holder.yellow .ui-progressbar .ui-progressbar-value { border-color: #DA9106; background-color: #FEDC56; background-image: linear-gradient(to bottom, #FEDC56, #DA9106); } .progress-bar-holder.red .ui-progressbar .ui-progressbar-value { border-color: #C80404; background-color: #FB3737; background-image: linear-gradient(to bottom, #FB3737, #C80404); } .progress-amount { display: block; position: absolute; right: 5px; top: 2px; color: #FFF; z-index: 9999; } .progress-amount.just-started { color: #B5B5B5; text-shadow: white 0 -1px 1px; } div.ui-progressbar-value span.progress-amount.just-started { color: #B5B5B5; text-shadow: #FFFFFF 0 -1px 1px; } input,textarea,select { display: block; margin: 10px 0 20px; background-color: #FFFFFF; border: 0 none; border-radius: 3px; box-sizing: border-box; font-size: 15px; line-height: 135%; min-height: 17px; padding: 12px 10px 11px 10px; width: 100%; -webkit-appearance: none; -moz-appearance: none; } input:focus,textarea:focus { -webkit-tap-highlight-color: rgba(255,255,255,0); } .login-steps fieldset label,.login-steps fieldset input { font-size: 15px; } .login-steps a.link.small.icon.arrow { padding: 2px 37px 2px 0; } .cap-header { background-color: #F5F5F5; } .paging h5 { color: #333333; } textarea { border: 1px solid rgba(0,0,0,0.15); } div#amountInput { padding: 10px 10px !important; position: relative; } div#amountInput input { padding: 23px 0 0 0 !important; color: #333333; font-size: 13px; } div#amountInput input::-moz-placeholder { color: #707070; } div#amountInput input::placeholder { color: #707070; } div#amountInput::before { color: #707070; font-size: 11px; font-weight: 500; content: attr(data-input-title); position: absolute; top: 0; text-transform: uppercase; padding: 10px 0 0 0; } div#amountInput::after { display: none; content: attr(data-input-currency); font-size: 13px; position: absolute; top: 34px; line-height: 15px; } div#amountInput.focused input { padding-left: 8px !important; } div#amountInput.focused input::-moz-placeholder { color: #333333; } div#amountInput.focused input::placeholder { color: #333333; } div#amountInput.focused::after { display: block; color: #333333; } div#amountInput #amount { border: none; background-image: none; } #page_transactions .current-account h3.account-name,#page_transactions .current-account h4.account-number { color: #333333; text-shadow: none; max-width: 63%; } #page_transactions .current-account span.balance,#page_transactions .current-account .as-of-date { margin-right: 10px; right: 0; } #details .detail { max-width: 40%; } div#transaction_details_window div#modal_content { padding: 0 !important; } .transaction .description { line-height: 100%; } .transaction .description.multi-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .transaction .description.multi-2,.transaction .description.multi-3 { line-height: 135%; } .transaction .date { line-height: 100%; margin-top: 8px; } dl.list.outset dd:last-child { border-bottom: 0 none; } dl dt { color: #707070; font-size: 11px; font-weight: bold; line-height: 100%; padding: 10px 10px 6px 10px; text-transform: uppercase; } dl dd { border-bottom: 1px solid #D7D7D7; box-shadow: 0 1px 0 #FFFFFF; padding: 0 10px 5px 10px; font-size: 17px; } dl dd.amount { font-size: 34px; font-weight: bold; line-height: 100%; } dl dd.account { padding-left: 26px; } dl dd.account:before { height: 35px; left: 10px; } dl.list.inset.transaction-details { border: 1px solid #D7D7D7; } dl.transaction-details dd.account ul.list { margin: 0; border: none; padding: 0; } dl.transaction-details dd.account ul.list li { margin: 0; padding: 5px 0 5px 20px; } dl.transaction-details dd.account ul.list li .balance { display: none; } dl.transaction-details dd.description { line-height: 135%; } .amount.credit { color: #008C00 !important; } form#search_transactions input,form#search_transactions textarea,form#search_transactions select { margin: 0; border: 1px solid #707070; color: #333; } ::-webkit-input-placeholder { color: #707070; } :-moz-placeholder { color: #707070; } ::-moz-placeholder { color: #707070; } :-ms-input-placeholder { color: #707070; } div#transactions div.search { padding: 10px; background-color: #fff; border: 1px solid #E0E0E0; } body#page_transactions div#content,body#page_transactions div#content .outset { margin: 0; } body#page_transaction dl.transaction-details dd.account:before { margin-top: 3px !important; height: 32px !important; } body#page_transactions #transactions li { background-color: #FFFFFF; } body#page_transactions .transaction.rows { display: table; color: #333333; padding: 13px 10px; width: 100%; } body#page_transactions .transaction.rows:after { display: none; } body#page_transactions .transaction.rows .transaction-left { display: table-cell; max-width: 0; width: 70%; } body#page_transactions .transaction.rows .transaction-right { display: table-cell; width: 30%; } body#page_transactions .transaction.rows .truncate,body#page_transactions .transaction.rows .description { color: #333333; font-size: 11px; font-weight: bold; max-width: 90%; } body#page_transactions .transaction.rows .date { color: #707070; font-size: 11px; } body#page_transactions .transaction.rows .detail { display: block; margin: 0; color: #333333; font-size: 15px; height: auto; line-height: 100%; max-width: 100%; position: static; text-align: right; } body#page_transactions .transaction.rows .balance { display: block; margin: 8px 0 0; color: #707070; font-size: 11px; line-height: 100%; text-align: right; } #pending .pending-left { width: 80%; } #pending .pending-right { width: 20%; } li.transaction.reversed span.amount.detail { font-weight: bold; } #pending .transaction.rows { box-sizing: border-box; } .load-more { height: 24px; } .load-more a.link { margin-top: -10px; height: 100%; width: 100%; } #page_transactions div.loader { margin: 0 0 10px; height: 40px; } #no_transactions { color: #707070; } #external_transaction_msg { color: #707070; } #transaction_content span.balance { margin-right: 0; } #transactions h3 { color: #000000; } #transactions h4 { color: #333333; } #check_container img { border: 1px solid #D7D7D7; border-radius: 4px; margin-bottom: 10px; max-width: 100%; width: 100%; } #transactions_sso { margin: 10px; } div#wrapper { position: relative; overflow-x: hidden; } .sliderContainer { position: absolute; width: 100% !important; height: 100% !important; } .iosSlider { position: relative; top: 0; left: 0; overflow: visible; width: 100%; height: 100%; } .carousel { margin: 0; width: 100%; height: 100%; padding: 10px; overflow: visible !important; } .carousel .slider { width: 100%; height: 100%; } .carousel .slider .item { opacity: 0.4; position: relative; top: 0; background: #FFF; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; width: 100%; } .carousel .slider .item.active { opacity: 1; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; border: 1px solid #D0D0D0; } .sliderContainer.no-gap .carousel { padding: 0; } .sliderContainer.no-gap .slider .item,.sliderContainer.no-gap .slider .item.active { opacity: 1; background: none; border-style: none solid none none; border-width: 0 1px 0 0; border-radius: 0; padding: 0; } footer { box-shadow: none; box-sizing: border-box; clear: both; color: #FFFFFF; position: relative; } footer div.fineprint { margin: 10px; font-size: 11px; } footer hr { margin: 8px 0; background-color: #081622; border: 0 none; box-shadow: 0 1px #182B3B; height: 1px; padding: 0; } footer a.icon { padding-left: 36px; } footer a:hover { opacity: 0.65; } footer ul.utility-links { margin: 10px; } footer ul.utility-links li { float: left; } footer ul.legal-links li { float: left; margin-right: 20px; } footer ul.legal-links li:last-child { margin-right: 0; } footer a#full-site { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_fullsite.png"); background-position: 0 2px; } footer ul#notices li { line-height: 150%; margin-bottom: 10px; min-height: 25px; padding-left: 55px; } .card-container { display: block; width: auto; } .card-container.flush-with-titlebar+div.flush-with-titlebar { margin-top: -10px !important; } .card-container.card-container-modal,.card-container.card-container-modal-animate { display: none; background-color: rgba(0,0,0,0.8); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 2; } .card-container.card-container-modal .card:first-child,.card-container.card-container-modal-animate .card:first-child { margin-top: 65px; } .card-container.card-container-modal-animate { display: block; opacity: 0; transform: translate3d(-100%, 0, 0); transition: transform 0s 0.25s, opacity 0.25s; } .card-container.card-container-modal-animate.show { opacity: 1; transform: translate3d(0, 0, 0); transition: transform 0s, opacity 0.25s; } .card-container.card-container-modal-animate.show .card { opacity: 1; transform: translate3d(0, 0, 0); } .card-container.card-container-modal-animate .card { opacity: 0; position: relative; top: 12px; transform: translate3d(0, 50px, 0); transition: all 0.25s; } .card-container .border-bottom { border-bottom: 1px solid #E5E5E5; } .card-container .no-border-bottom { border-bottom-style: none !important; } .card-container .border-top { border-top: 1px solid #E5E5E5; } .card-container .no-border-top { border-top-style: none !important; } .card-container .icon-arrow-right { position: relative; } .card-container .icon-arrow-right:after { display: block; background-position: 0 0; color: #BBB; content: "\EA17"; font-family: "Alkami"; font-size: 24px; height: 14px; line-height: 14px; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } .card-container .icon-edit-right:after { display: block; color: #707070; content: "\EAC2"; font-family: "Alkami"; font-size: 16px; height: 16px; margin-top: -8px; position: absolute; right: 4px; top: 50%; width: 16px; } .card-container .icon-edit-right .item-info { vertical-align: top !important; } .card-container .icon-edit-right .detail { color: #888 !important; position: relative !important; top: 4px; } .card-container .icon-edit-right textarea { border-style: none; line-height: 22px; position: relative; } .card-container .no-card { margin: 10px; background-color: transparent; overflow: hidden; } .card-container .no-card.card-full-width { margin: 10px 0; } .card-container .no-card p { color: #333333; font-size: 13px; } .card-container .card { margin: 10px; background-color: white; border-radius: 2px; box-shadow: 0 0 4px 0 rgba(0,0,0,0.25); overflow: hidden; } .card-container .card.card-full-width { margin: 10px 0; border-radius: 0; } .card-container .card.card-full-width .card-list-item { margin: 8px 0; padding: 0 8px; } .card-container .card .card-header { border-bottom: 1px solid #E5E5E5; color: #707070; font-size: 13px; position: relative; } .card-container .card .card-header.card-large-header { margin: 0 10px; font-size: 16px; font-weight: bold; padding: 20px 0; text-align: center; } .card-container .card .card-header .close { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_cancel_x.png"); background-position: center; background-size: 12px; font-size: 0; height: 40px; overflow: hidden; position: absolute; right: 0; text-indent: 100%; top: 0; white-space: nowrap; width: 40px; } .card-container .card .card-header .basic { margin: 10px; position: relative; } .card-container .card .card-footer { border-top: 1px solid #E5E5E5; color: #707070; font-size: 13px; } .card-container .card .card-footer .basic { margin: 10px; position: relative; } .card-container .card .card-list { overflow: auto; } .card-container .card .card-list.last-no-border .card-list-item:last-child { border-style: none !important; padding-bottom: 0; } .card-container .card .card-list.last-no-border .card-list-item:last-child .detail { bottom: 0; } .card-container .card .card-list-item { margin: 8px; border-bottom: 1px solid #E5E5E5; color: #333333; overflow: hidden; padding-bottom: 8px; position: relative; } .card-container .card .card-list-item.card-list-item-large { margin: 16px; padding-bottom: 16px; } .card-container .card .card-list-item.account { padding-bottom: 10px; } .card-container .card .card-list-item.account:before { left: 0; max-height: 40px; } .card-container .card .card-list-item.account .account-name { color: #333333; max-width: 70%; } .card-container .card .card-list-item.account .detail { bottom: 10px; color: #707070; font-size: 12px; font-weight: normal; margin-right: 0; right: 0; top: auto; } .card-container .card .card-list-item.account.account-small { padding: 2px 0 10px; } .card-container .card .card-list-item.account.account-small:before { left: 88px; margin-top: -14px; max-height: 20px; top: 50%; width: 7px; } .card-container .card .card-list-item.account.account-small:after { right: 0; } .card-container .card .card-list-item.account.account-small.external h4:after { position: relative; top: -2px; } .card-container .card .card-list-item.account.account-small .account-name { display: inline-block; padding-left: 10px; max-width: 55%; vertical-align: middle; } .card-container .card .card-list-item.account.account-small .account-number { display: inline-block; color: #333333; font-size: 13px; padding-left: 10px; vertical-align: middle; } .card-container .card .card-list-item.full-width { margin: 8px 0; } .card-container .card .card-list-item input { margin: 0; border-style: none !important; padding: 16px 0; } .card-container .card .card-list-item input.icon { background-position: 0 50%; padding-left: 40px; } .card-container .card .card-list-item label { display: block; background-color: white; font-size: 14px; } .card-container .card .card-list-item label+input { padding-bottom: 0; } .card-container .buttons { overflow: auto; padding: 0 10px; } .card-container .buttons .button { display: block; margin: 10px 0; width: auto; } .card-container .buttons .button.text { margin: 10px 0; } .card-container .buttons input.button,.card-container .buttons button.button { width: 100%; } nav.tab-nav { height: 45px; overflow-x: scroll; overflow-y: hidden; position: relative; width: 100%; } nav.tab-nav::-webkit-scrollbar { display: none; } nav.tab-nav div.tab-wrapper { display: inline-block; margin: 0; position: absolute; z-index: 2; top: 0; left: 0; padding: 0; height: 3rem; white-space: nowrap; } nav.tab-nav div.tab-wrapper a.tab { display: inline-block; border-bottom: 3px solid transparent; color: #707070; padding: 16px 10px 12px; font-size: 12px; margin-right: 10px; text-transform: uppercase; } nav.tab-nav div.tab-wrapper a.tab.active { border-bottom: 3px solid #707070; color: #707070; } .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu,.mm-menu>.mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-menu { display: block; background: inherit; overflow: hidden; padding: 0; } .mm-panel { transition: transform 0.4s ease; transform: translate3d(100%, 0, 0); } .mm-panel.mm-opened { transform: translate3d(0%, 0, 0); } .mm-panel.mm-subopened { transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1; } .mm-menu>.mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; } .mm-menu>.mm-panel.mm-hasheader { padding-top: 40px; } .mm-menu>.mm-panel:before,.mm-menu>.mm-panel:after { display: block; content: ''; height: 20px; } .mm-vertical .mm-panel { transform: none !important; } .mm-vertical .mm-listview .mm-panel,.mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after,.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after { border-color: transparent; } .mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel { display: block; } .mm-vertical .mm-listview>li>.mm-next,.mm-listview>li.mm-vertical>.mm-next { height: 40px; bottom: auto; } .mm-vertical .mm-listview>li>.mm-next:after,.mm-listview>li.mm-vertical>.mm-next:after { top: 16px; bottom: auto; } .mm-vertical .mm-listview>li.mm-opened>.mm-next:after,.mm-listview>li.mm-vertical.mm-opened>.mm-next:after { transform: rotate(45deg); } .mm-header { margin: 0; border-bottom: 1px solid transparent; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; position: absolute; top: 0; left: 0; right: 0; } .mm-header>a { display: block; text-decoration: none; padding: 10px 0; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-header .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; } .mm-header .mm-btn:first-child { padding-left: 20px; left: 0; } .mm-header .mm-btn:last-child { padding-right: 20px; right: 0; } .mm-listview,.mm-listview>li { display: block; margin: 0; list-style: none; padding: 0; } .mm-listview { font: inherit; font-size: 14px; } .mm-listview a,.mm-listview a:hover { text-decoration: none; } .mm-listview>li { position: relative; } .mm-listview>li>a,.mm-listview>li>span { display: block; margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; padding: 10px 10px 10px 20px; } .mm-listview>li:not(.mm-divider):after { display: block; content: ''; border-bottom-width: 1px; border-bottom-style: solid; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listview>li:not(.mm-divider):after { left: 20px; } .mm-listview .mm-next { background: rgba(3,2,1,0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { display: block; content: ''; border-left-width: 1px; border-left-style: solid; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next+a,.mm-listview .mm-next+span { margin-right: 50px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span { padding-right: 50px; margin-right: 0; } .mm-listview.mm-first { margin-top: -20px; } .mm-menu>.mm-panel>.mm-listview { margin-left: -20px; margin-right: -20px; } .mm-menu>.mm-panel>.mm-listview.mm-last { padding-bottom: 20px; } .mm-prev:before,.mm-next:after { display: inline-block; margin: auto; content: ''; border: 2px solid transparent; width: 8px; height: 8px; position: absolute; top: 0; bottom: 0; transform: rotate(-45deg); } .mm-prev:before { border-right: none; border-bottom: none; left: 20px; } .mm-next:after { border-top: none; border-left: none; right: 20px; } .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview>li.mm-spacer { padding-top: 40px; } .mm-listview>li.mm-spacer>.mm-next { top: 40px; } .mm-listview>li.mm-spacer.mm-divider { padding-top: 25px; } .mm-menu { background: #F3F3F3; color: rgba(0,0,0,0.7); } .mm-menu .mm-header { border-color: rgba(0,0,0,0.1); } .mm-menu .mm-header>a { color: rgba(0,0,0,0.3); } .mm-menu .mm-header .mm-btn:before,.mm-menu .mm-header .mm-btn:after { border-color: rgba(0,0,0,0.3); } .mm-menu .mm-listview>li:after { border-color: rgba(0,0,0,0.1); } .mm-menu .mm-listview>li>a.mm-prev,.mm-menu .mm-listview>li>a.mm-next { color: rgba(0,0,0,0.3); } .mm-menu .mm-listview>li>a.mm-prev:before,.mm-menu .mm-listview>li>a.mm-next:after { border-color: rgba(0,0,0,0.3); } .mm-menu .mm-listview>li>a.mm-prev:after,.mm-menu .mm-listview>li>a.mm-next:before { border-color: rgba(0,0,0,0.1); } .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span { background: rgba(255,255,255,0.5); } .mm-menu.mm-vertical .mm-listview li.mm-opened>a.mm-next,.mm-menu.mm-vertical .mm-listview li.mm-opened>.mm-panel,.mm-menu .mm-listview li.mm-opened.mm-vertical>a.mm-next,.mm-menu .mm-listview li.mm-opened.mm-vertical>.mm-panel { background: rgba(0,0,0,0.05); } .mm-menu .mm-divider { background: rgba(0,0,0,0.05); } .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-opened .mm-page { min-height: 100vh; } html.mm-background .mm-page { background: inherit; } #mm-blocker { display: none; background: rgba(3,2,1,0); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker,html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { transform: translate(440px, 0); } } .mm-menu.mm-top,.mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { transform: translate(-440px, 0); } } html.mm-front .mm-slideout { transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; } .mm-menu.mm-front,.mm-menu.mm-next { transition: transform 0.4s ease; transform: translate3d(-100%, 0, 0); } .mm-menu.mm-front.mm-right,.mm-menu.mm-next.mm-right { transform: translate3d(100%, 0, 0); } .mm-menu.mm-top { transform: translate3d(0, -100%, 0); } .mm-menu.mm-bottom { transform: translate3d(0, 100%, 0); } html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next { transform: translate3d(0, 0, 0); } .mm-menu.mm-top,.mm-menu.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } #mmenu_container { height: 100%; } .mm-side-panel { background-color: #EEE; bottom: 0; height: calc(100% - 45px); max-width: 100%; min-width: 100%; top: auto; width: 100%; } .mm-side-panel.mm-menu>.mm-panel { padding: 0 !important; } .mm-side-panel.mm-menu>.mm-panel:before,.mm-side-panel.mm-menu>.mm-panel:after { height: 0; } .mm-side-panel.mm-menu>.mm-panel>.mm-listview { margin: 0; border-radius: 0; } .mm-side-panel .mm-listview>li { border-radius: 0; } .mm-side-panel .mm-listview>li>a { margin: -10px; } .mm-side-panel .mm-listview>li:not(.mm-divider):after { display: none; } .mm-side-panel .accounts-legend { margin: 10px; border-style: none; } .mm-side-panel div.loan-option-amount { padding-right: 10px; } body.native-menu .mm-side-panel { height: 100%; } .mm-menu.mm-top,.mm-menu.mm-bottom { height: 85% !important; } .mm-bottom-panel,.mm-bottom-partial-panel { height: 100%; padding-bottom: 100px; top: 0; } .mm-bottom-panel:not(.mm-menu),.mm-bottom-partial-panel:not(.mm-menu) { display: none; } .mm-bottom-panel>.mm-panel,.mm-bottom-partial-panel>.mm-panel { padding: 0; transition: none; } .mm-bottom-panel>.mm-panel:before,.mm-bottom-panel>.mm-panel:after,.mm-bottom-partial-panel>.mm-panel:before,.mm-bottom-partial-panel>.mm-panel:after { height: 0; } .mm-bottom-panel .content,.mm-bottom-panel .footer,.mm-bottom-partial-panel .content,.mm-bottom-partial-panel .footer { margin: 20px 0; padding: 0 10px; } .mm-bottom-panel .content p,.mm-bottom-partial-panel .content p { font-size: 12px; } .mm-close-panel { float: left; height: 45px; left: 0; position: absolute; top: 0; width: 45px; } .mm-close-panel:before { display: block; color: #FFF; content: "\EA2D"; font-family: "Alkami"; font-size: 18px; height: 100%; left: 0; line-height: 45px; position: absolute; text-align: center; top: 0; width: 100%; } #mm_panel_info .footer { margin: 0; height: 75%; height: calc(100% - 185px); overflow-y: scroll; -webkit-overflow-scrolling: touch; padding: 20px 10px; } #mm_bottom_partial_panels { background: none; } #mm_bottom_partial_panels .mm-partial-panel-blocker { height: 179px; width: 100vw; } #mm_bottom_partial_panels .mm-partial-panel { background-color: rgba(255,255,255,0.98); box-shadow: 0px -5px 12px rgba(0,0,0,0.15); height: calc(100% - 179px); overflow-y: scroll; overflow-x: hidden; } #mm_bottom_partial_panels .mm-partial-panel .panel-header { display: flex; width: 100%; height: 45px; position: fixed; z-index: 1; justify-content: center; align-items: center; background-color: rgba(255,255,255,0.98); box-shadow: 0 0 0px 0 rgba(0,0,0,0.25); transition: 0.5s; border-bottom: 1px solid #E0E0E0; } #mm_bottom_partial_panels .mm-partial-panel .panel-header-text { font-size: 15px; color: rgba(34,34,34,0.8); } #mm_bottom_partial_panels .mm-partial-panel .panel-header.scrolled { box-shadow: 0 1px 7px 0 rgba(0,0,0,0.15); } #mm_bottom_partial_panels .mm-partial-panel .panel-cancel-button { position: absolute; right: 10px; top: 13px; } #mm_bottom_partial_panels .mm-partial-panel .panel-cancel-button:before { font-family: 'Alkami'; font-style: normal; color: rgba(34,34,34,0.8); } #mm_bottom_partial_panels .mm-partial-panel .card { margin-top: 45px !important; background-color: none; box-shadow: none; border-bottom: 1px solid #E0E0E0; } #mm_bottom_partial_panels.mm-opened ~ #mm-blocker { background-color: rgba(0,0,0,0.8); } body { transition: background-color 0s 0.4s; } body #mm_bottom_partial_panels ~ .mm-page:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #EEE; z-index: -1; opacity: 0; transition: 0s 0.4s; } body #mm_bottom_partial_panels.mm-opened ~ .mm-page { transform: scale3d(0.9, 0.9, 0.9) !important; } body #mm_bottom_partial_panels.mm-opened ~ .mm-page:before { opacity: 1; transition: 0s; } html.mm-opened.mm-bottom body { transition: background-color 0s; background-color: #333333; } html.mm-front .mm-slideout.mmenu-higher-zindex { z-index: 200 !important; } .password-togglefication { position: relative; } .password-togglefication-button { background: none; border: none; color: #4371AD; font-size: 10px; text-transform: lowercase; position: absolute; right: 0; top: 0; bottom: 0; width: 40px; padding-left: 0; padding-right: 0; } .password-togglefication-button:hover,.password-togglefication-button:focus { color: #447DAB; } .password-togglefication input,.password-togglefication input[type=text],.password-togglefication input[type=password] { padding-right: 40px; } .ani-input-error .password-togglefication-button { right: 25px; } .ani-input-error .password-togglefication input,.ani-input-error .password-togglefication input[type=text],.ani-input-error .password-togglefication input[type=password] { padding-right: 65px; } .alk-bottom-panel { background-color: #FFF; height: calc(100% - 180px); left: 0; position: fixed; top: 0; transform: translate3d(0, calc(100% + 180px), 0); transition: 0.25s transform ease-in-out; width: 100%; z-index: 10000; } .alk-bottom-panel.alk-bottom-panel-full { height: 100%; transform: translate3d(0, 100%, 0); } .alk-bottom-panel.alk-bottom-panel-opened { transform: translate3d(0, 180px, 0); } .alk-bottom-panel.alk-bottom-panel-opened.alk-bottom-panel-full { transform: translate3d(0, 0, 0); } .alk-bottom-panel-header { display: flex; align-items: center; border-bottom: 1px solid #E0E0E0; color: #333333; font-size: 15px; height: 55px; justify-content: center; position: relative; } .alk-bottom-panel-header .alk-bottom-panel-close { border-style: none; background-color: transparent; color: #333333; font-size: 15px; line-height: 15px; padding: 10px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .alk-bottom-panel-content { height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .alk-bottom-panel-header+.alk-bottom-panel-content { height: calc(100% - 55px); } .alk-bottom-panel-blocker { background-color: rgba(0,0,0,0.5); height: 100vh; left: 0; opacity: 0; position: fixed; top: 0; transition: width 0s 0.5s, opacity 0.5s; width: 0vw; z-index: 999; } .alk-bottom-panel-blocker.alk-bottom-panel-blocker-show { opacity: 1; transition: width 0s, opacity 0.5s; width: 100vw; } [data-orbital-chat-widget] { width: 100%; } [data-orbital-chat-widget] .orbital-chat { display: flex; justify-content: center; margin-top: 15px; } [data-orbital-chat-widget] .orbital-chat .orbital-chat__button { align-items: center; background-color: transparent; border: none; color: inherit; display: flex; font-size: inherit; } [data-orbital-chat-widget] .orbital-chat .orbital-chat__button .orbital-chat__icon { margin-right: var(--spacingPlatformNano); } .hidden,.hiddenCheckbox,.accessibility { display: none !important; } .disabled { background: none; opacity: 0.3; } .placeholder { color: #B2B2B2; } .pull-left { float: left; } .pull-right { float: right; } .align-right { text-align: right; } .align-center { text-align: center; } ::-webkit-input-placeholder { color: #707070; } :-moz-placeholder { color: #707070; } *,*:before,*:after { margin: 0; background-repeat: no-repeat; text-decoration: none; } *:focus { outline: none; } html { font-size: 10px; } html,body { margin: 0; border: 0; height: 100%; padding: 0; -webkit-text-size-adjust: none; } body { word-wrap: break-word; background-color: #F5F5F5; } div#content { margin: 20px 9px 0; transition: all 0.25s; } div#content.hide { transform: translateX(-110%); transition: all 1s; } input::-moz-focus-inner { border: 0; } select { background-color: transparent; background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/detail_arrow.png"); background-position: 96% 0; padding-right: 30px; } body#page_mobile_disclosure,body#page_transactions,body#mobile_support_page,body#locked_out,body#first_time_page,body#logged_out_page,body#pscu_bill_pay_page,body#pscu_bill_pay_error_page { background-color: #FFFFFF !important; } body#message_center,body#message_center_details,body#budgets_details,body#savings_goals_details { background-color: #EDEBEB; } body#page_location_list #filter,body#page_rdc_history #new_deposit,.toggle-container { background-color: #f5f5f5; border-bottom: 1px solid #e1e1e1; } body#page_transactions #transaction_content,body#page_location_list #filter,body#page_rdc_history #new_deposit { padding: 10px 10px 15px; } a { outline: 0; } h1,h2,h3,h4,h5,h6 { font-weight: normal; } h2 { margin: 20px 0 10px; font-size: 18px !important; font-weight: bold; } h3,h3.account-name,span.detail.balance { font-size: 13px; } h5 { color: #707070; font-size: 11px; margin-top: 20px; text-shadow: none; text-transform: uppercase; } #home_page h2 { margin-top: 30px; margin-bottom: 30px; text-align: center; } #home_page h5,h3 { font-weight: normal; font-size: 11px; } ul,li { margin: 0; list-style: none; padding: 0; } p { line-height: 135%; margin-bottom: 10px; } .clearfix:after { display: block; content: " "; height: 0; clear: both; } .nowrap { white-space: nowrap; } .truncate { display: block; max-width: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .no-truncate { overflow: visible !important; } .center { text-align: center; } div#wrapper { margin-bottom: 0; min-height: 100%; } .mm-page { height: inherit; } address { font-style: normal; } input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } ul.list li.icon a { margin-left: -39px; } .progressbar,.progressbar img { margin-bottom: 20px; margin-top: 20px; } .list.inset.accounts a:active,.list.inset.accounts a:hover { background-color: rgba(0,0,0,0.05) !important; border-radius: inherit !important; } h3.description.truncate { line-height: normal !important; } #instructions { color: #707070; font-size: 13px; margin-bottom: 20px; } .confidence-image span.img { display: block; margin: 0 auto; background-color: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 3px; height: 100px; padding: 4px; width: 100px; } .confidence-image span img { border: 0 none; border-radius: 2px; color: #CCC; font-size: 13px; height: 100px; text-align: center; width: 100px; } .confidence-image span.passphrase { display: block; margin: 10px auto 0; text-align: center; } label.confidence-image { background-color: #FFF; border-radius: 3px 3px 0 0; padding: 20px 0 10px; } #UserName { border: px solid #E0E0E0; } #Password { border: px solid #E0E0E0; } div.loader-native,div.loader { background-position: center bottom; margin-bottom: 20px; margin-top: 40px; padding-bottom: 60px; text-align: center; } div.loader { background-color: transparent; background-image: none !important; overflow: visible; padding: 10px; position: relative; } div.loader:before { display: none; } div.loader #instructions { margin: 0 0 10px; } .loader-pip:before,.loader-pip:after,.loader-pip { -webkit-animation: loader-pip-pulse 2.5s infinite ease-in-out; animation: loader-pip-pulse 2.5s infinite ease-in-out; border-radius: 50%; color: rgba(0,0,0,0.2); height: 12px; width: 12px; } .loader-pip { display: inline-block; -webkit-animation-delay: 0.16s; animation-delay: 0.16s; position: relative; text-indent: 100%; white-space: nowrap; } .loader-pip:before { left: -150%; } .loader-pip:after { -webkit-animation-delay: 0.32s; animation-delay: 0.32s; right: -150%; } .loader-pip:before,.loader-pip:after { content: ''; position: absolute; top: 0; } @-webkit-keyframes loader-pip-pulse { 0%,50%,100% { box-shadow: 0 20px 0 -10px currentColor; } 25%,75% { box-shadow: 0 20px 0 0 currentColor; } } @keyframes loader-pip-pulse { 0%,50%,100% { box-shadow: 0 20px 0 -10px currentColor; } 25%,75% { box-shadow: 0 20px 0 0 currentColor; } } .dim { height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 1000 !important; background-color: #000; -moz-opacity: .30; filter: alpha(opacity=30); opacity: .30; } .icon { background-position: 7px 7px; } .icon,ul.list li.icon,ul.list li.icon a { padding-left: 46px; } ul.list li.icon a { margin-left: -46px; } form ul.list li.icon { padding-left: 0; } .empty p { margin: 0 auto; padding: 50px 20px; text-align: center; text-shadow: 0 1px 0 #FFFFFF; } img.loader { display: block; margin: 50px auto; height: 32px; width: 32px; } ul.has-bullets,div.content-body ul { margin-bottom: 20px; } ul.has-bullets,div.content-body ul li { list-style-type: circle; margin-left: 20px; padding-left: 10px; } li.directions { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_directions.png"); } li.locate { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_locate.png"); } li.globe { background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_globe.png"); } .blank-slate-message { background: #FFFFFF; border: 2px solid #D0D0D0; border-radius: 5px; padding: 10px; margin-bottom: 20px; text-align: center; } .blank-slate-message h3,.blank-slate-message p { color: #333333; line-height: 150%; } .blank-slate-message h3 { margin: 0; font-size: 18px; padding: 20px 0; border-bottom: 1px solid #E0E0E0; } .blank-slate-message p { margin-top: 20px; font-size: 15px; } .blank-slate-message a.button { margin: 40px 0 0 0; } .ani-input-error { position: relative; } .ani-input-error:after { display: block; color: #C11826; content: "\EA6C"; font-family: 'Alkami'; font-size: 20px; position: absolute; right: 0; top: 6px; } .ani-input-error input { color: #C11826 !important; } .ani-input-error-block { opacity: 0; overflow: hidden; height: 0; transform: scaleY(0); transform-origin: top left; } .ani-input-error-block.show { opacity: 1; transform: scaleY(1); } .ani-input-error-block .error-text { margin: 10px; background-color: #C11826; color: #FFF; font-size: 12px; text-align: left; position: relative; padding: 8px; } .ani-input-error-block .error-text:before { display: block; width: 0; height: 0; border-width: 0 6px 6px; border-color: transparent transparent #C11826; content: ''; bottom: 100%; position: absolute; left: 10px; border-style: solid; } .ani-input-error-block .error-text p { margin: 0; } .phone-number-container input { display: inline-block; border-radius: 0; padding: 0 !important; text-align: center; width: auto; } .mobile-interstitial-modal { margin-top: 45px; } .mobile-interstitial-modal img { max-width: 100% !important; height: auto !important; } .mobile-interstitial-modal a { display: block; margin: 5px; float: none; text-align: center; } .datepicker-container .pika-title .pika-label { display: inline !important; } .iris-account[data-color='account-color-0'] .iris-account__color-bar { background-color: #F0AB00; } .iris-account-tile[data-color='account-color-0'] { background: linear-gradient(175deg, #ffc73e 0%, #c78e00 100%); } .iris-account-tile[data-color='account-color-0'] .iris-account__color-bar { background-color: #F0AB00; } .iris-account[data-color='account-color-1'] .iris-account__color-bar { background-color: #00A4E2; } .iris-account-tile[data-color='account-color-1'] { background: linear-gradient(175deg, #30c6ff 0%, #0086b9 100%); } .iris-account-tile[data-color='account-color-1'] .iris-account__color-bar { background-color: #00A4E2; } .iris-account[data-color='account-color-2'] .iris-account__color-bar { background-color: #7D6A55; } .iris-account-tile[data-color='account-color-2'] { background: linear-gradient(175deg, #a5907a 0%, #655544 100%); } .iris-account-tile[data-color='account-color-2'] .iris-account__color-bar { background-color: #7D6A55; } .iris-account[data-color='account-color-3'] .iris-account__color-bar { background-color: #D47B22; } .iris-account-tile[data-color='account-color-3'] { background: linear-gradient(175deg, #e5a15d 0%, #b1671c 100%); } .iris-account-tile[data-color='account-color-3'] .iris-account__color-bar { background-color: #D47B22; } .iris-account[data-color='account-color-4'] .iris-account__color-bar { background-color: #898F4B; } .iris-account-tile[data-color='account-color-4'] { background: linear-gradient(175deg, #afb572 0%, #6f743d 100%); } .iris-account-tile[data-color='account-color-4'] .iris-account__color-bar { background-color: #898F4B; } .iris-account[data-color='account-color-5'] .iris-account__color-bar { background-color: #7D0F01; } .iris-account-tile[data-color='account-color-5'] { background: linear-gradient(175deg, #c91802 0%, #550a01 100%); } .iris-account-tile[data-color='account-color-5'] .iris-account__color-bar { background-color: #7D0F01; } .iris-account[data-color='account-color-6'] .iris-account__color-bar { background-color: #5C7F92; } .iris-account-tile[data-color='account-color-6'] { background: linear-gradient(175deg, #87a4b3 0%, #4c6979 100%); } .iris-account-tile[data-color='account-color-6'] .iris-account__color-bar { background-color: #5C7F92; } .iris-account[data-color='account-color-7'] .iris-account__color-bar { background-color: #F8E498; } .iris-account-tile[data-color='account-color-7'] { background: linear-gradient(175deg, #fdf7e0 0%, #f5da72 100%); } .iris-account-tile[data-color='account-color-7'] .iris-account__color-bar { background-color: #F8E498; } .iris-avatar[data-modifier='inverted'] .iris-avatar__inner { background-color: #fff; } .iris-avatar[data-modifier='inverted'] .iris-avatar__icon::before,.iris-avatar[data-modifier='inverted'] .iris-avatar__icon::after { color: #B81237; } .iris-avatar[data-modifier='inverted'] .iris-avatar__text { color: #B81237; } .iris-avatar:not([data-modifier='inverted']) .iris-avatar__inner { background-color: #B81237; } .iris-avatar:not([data-modifier='inverted']) .iris-avatar__icon::before,.iris-avatar:not([data-modifier='inverted']) .iris-avatar__icon::after { color: #fff; } .iris-avatar:not([data-modifier='inverted']) .iris-avatar__text { color: #fff; } .iris-badge--circular { background-color: #B81237; color: #fff; } .iris-badge--circular .iris-badge__content [class^='font-icon-']::before { color: #fff; } .iris-button--primary { background-color: #B81237; border-color: #B81237; color: #fff; font-weight: 300; } .iris-button--secondary { background: #eee; border-color: #707070; color: #707070; font-weight: 300; } .iris-button--action { background: #fff; border-color: #707070; color: #707070; font-weight: 400; } .iris-button--ghost { background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); color: #4371AD; } .iris-button--circular { background: #fff; border-color: #E0E0E0; color: #707070; } .iris-button:hover.iris-button--primary,.iris-button:focus.iris-button--primary { background-color: #8a0d29; border-color: #8a0d29; color: #fff; } .iris-button:hover.iris-button--secondary,.iris-button:focus.iris-button--secondary { background-color: #d5d5d5; border-color: #d5d5d5; color: #707070; } .iris-button:hover.iris-button--action,.iris-button:focus.iris-button--action { background-color: #f5f5f5; border-color: #333; color: #333; } .iris-button:hover.iris-button--ghost,.iris-button:focus.iris-button--ghost { color: #355988; } .iris-button:hover.iris-button--circular,.iris-button:focus.iris-button--circular { background-color: #f5f5f5; border-color: #707070; color: #707070; } .iris-button--disabled.iris-button--primary,.iris-button--disabled:hover.iris-button--primary,.iris-button--disabled:focus.iris-button--primary,.iris-button:disabled.iris-button--primary { background-color: #dc899b; border-color: #dc899b; color: #fff; } .iris-button--disabled.iris-button--secondary,.iris-button--disabled:hover.iris-button--secondary,.iris-button--disabled:focus.iris-button--secondary,.iris-button:disabled.iris-button--secondary { background-color: #f7f7f7; border-color: #b8b8b8; color: #b8b8b8; } .iris-button--disabled.iris-button--action,.iris-button--disabled:hover.iris-button--action,.iris-button--disabled:focus.iris-button--action,.iris-button:disabled.iris-button--action { background-color: #fff; border-color: #b8b8b8; color: #b8b8b8; } .iris-button--disabled.iris-button--ghost,.iris-button--disabled:hover.iris-button--ghost,.iris-button--disabled:focus.iris-button--ghost,.iris-button:disabled.iris-button--ghost { color: #a1b8d6; } .iris-button--disabled.iris-button--circular,.iris-button--disabled:hover.iris-button--circular,.iris-button--disabled:focus.iris-button--circular,.iris-button:disabled.iris-button--circular { border-color: #f0f0f0; color: #b8b8b8; } .iris-day.selected { border-color: #B81237; color: #fff; transition: 0.3s; } .iris-day.selected .iris-day__number { color: #fff; } .iris-day.selected .iris-day__label { color: #fff; } .iris-day__avatar::before,.iris-day__avatar::after { background-color: #facfd8; } .ripple { background-color: #B81237; } .iris-card__overlay { background-color: rgba(184,18,55,0.75); } .bg-color--theme-primary { --bg-color--theme-primary: #B81237; background-color: #B81237 !important; } .bg-color--theme-secondary { --bg-color--theme-secondary: #FDB913; background-color: #FDB913 !important; } .border-color--theme-primary { --border-color--theme-primary: #B81237; border-color: #B81237 !important; } .border-color--theme-secondary { --border-color--theme-secondary: #FDB913; border-color: #FDB913 !important; } .border-top-color--theme-primary { --border-top-color--theme-primary: #B81237; border-top-color: #B81237 !important; } .border-top-color--theme-secondary { --border--top-color--theme-secondary: #FDB913; border-top-color: #FDB913 !important; } .border-right-color--theme-primary { --border--right-color--theme-primary: #B81237; border-right-color: #B81237 !important; } .border-right-color--theme-secondary { --border-right-color--theme-secondary: #FDB913; border-right-color: #FDB913 !important; } .border-bottom-color--theme-primary { --border-bottom-color--theme-primary: #B81237; border-bottom-color: #B81237 !important; } .border-bottom-color--theme-secondary { --border-bottom-color--theme-secondary: #FDB913; border-bottom-color: #FDB913 !important; } .border-left-color--theme-primary { --border-left-color--theme-primary: #B81237; border-left-color: #B81237 !important; } .border-left-color--theme-secondary { --border-left-color--theme-secondary: #FDB913; border-left-color: #FDB913 !important; } .font-color--theme-primary { --font-color--theme-primary: #B81237; color: #B81237 !important; } .font-color--theme-secondary { --font-color--theme-secondary: #FDB913; color: #FDB913 !important; } .hover-font-color--theme-primary:hover { --hover-font-color--theme-primary: #B81237; color: #B81237 !important; } .hover-font-color--theme-secondary:hover { --hover-font-color--theme-secondary: #FDB913; color: #FDB913 !important; } .hover-bg-color--theme-primary:hover { --hover-bg-color--theme-primary: #B81237; background-color: #B81237 !important; } .hover-bg-color--theme-secondary:hover { --hover-bg-color--theme-secondary: #FDB913; background-color: #FDB913 !important; } .hover-border-color--theme-primary:hover { --hover-border-color--theme-primary: #B81237; border-color: #B81237 !important; } .hover-border-color--theme-secondary:hover { --hover-border-color--theme-secondary: #FDB913; border-color: #FDB913 !important; } .hover-border-top-color--theme-primary:hover { --hover-border-top-color--theme-primary: #B81237; border-top-color: #B81237 !important; } .hover-border-top-color--theme-secondary:hover { --hover-border-top-color--theme-secondary: #FDB913; border-top-color: #FDB913 !important; } .hover-border-right-color--theme-primary:hover { --hover-border-right-color--theme-primary: #B81237; border-right-color: #B81237 !important; } .hover-border-right-color--theme-secondary:hover { --hover-border-right-color--theme-secondary: #FDB913; border-right-color: #FDB913 !important; } .hover-border-bottom-color--theme-primary:hover { --hover-border-bottom-color--theme-primary: #B81237; border-bottom-color: #B81237 !important; } .hover-border-bottom-color--theme-secondary:hover { --hover-border-bottom-color--theme-secondary: #FDB913; border-bottom-color: #FDB913 !important; } .hover-border-left-color--theme-primary:hover { --hover-border-left-color--theme-primary: #B81237; border-left-color: #B81237 !important; } .hover-border-left-color--theme-secondary:hover { --hover-border-left-color--theme-secondary: #FDB913; border-left-color: #FDB913 !important; } .iris-list--actionable .iris-list-item[aria-selected='true'] .iris-record,.iris-list--actionable .iris-list-item[aria-selected='true'] .iris-tile,.iris-list--actionable .iris-list-item[aria-selected='true'] .iris-list-item__content { background: #F1F5F9; border-color: #E3E6EB; } .iris-list--actionable .iris-list-item[aria-selected='true'] .border { border-color: #E3E6EB !important; } .iris-switchboard__label::before { background: #B81237; } .iris-switchboard__input:checked+.iris-switchboard__label { color: #f5f5f5; } .iris-tabs--main .iris-tabs__inner { border-bottom: 1px solid #E0E0E0; } .iris-tabs--main .iris-tabs__list { display: flex; list-style: none; margin: 0; padding: 0; } .iris-tabs--main .iris-tabs__list-item { list-style: none; margin-bottom: 4px; margin-left: 3px; position: relative; } .iris-tabs--main .iris-tabs__list-item:hover .iris-tabs__link::before,.iris-tabs--main .iris-tabs__list-item:focus .iris-tabs__link::before { min-height: 4px; opacity: 0.5; } .iris-tabs--main .iris-tabs__list-item .iris-tabs__link { color: #707070; font-size: 1.4rem; padding: 10px 15px; } .iris-tabs--main .iris-tabs__list-item .iris-tabs__link::before { background-color: #FDB913; bottom: -4px; content: ''; display: block; left: 0; min-height: 0; opacity: 0; position: absolute; transition: 0.25s; width: 100%; } .iris-tabs--main .iris-tabs__list-item[aria-selected='true'] .iris-tabs__link { color: #333; padding: 10px 15px; } .iris-tabs--main .iris-tabs__list-item[aria-selected='true'] .iris-tabs__link::before { min-height: 4px; opacity: 1; } .iris-tabs--main .iris-tabs__list-item[aria-selected='true'] .iris-tabs__link:hover::before { opacity: 1; } .iris-tabs--sub .iris-tabs__inner { border-bottom: 1px solid #E0E0E0; } .iris-tabs--sub .iris-tabs__list { display: flex; list-style: none; margin: 0; padding: 0; } .iris-tabs--sub .iris-tabs__list-item { list-style: none; margin-bottom: 4px; margin-left: 3px; position: relative; } .iris-tabs--sub .iris-tabs__list-item:hover .iris-tabs__link::before,.iris-tabs--sub .iris-tabs__list-item:focus .iris-tabs__link::before { min-height: 4px; opacity: 0.5; } .iris-tabs--sub .iris-tabs__list-item .iris-tabs__link { color: #707070; font-size: 1.4rem; padding: 10px 15px; } .iris-tabs--sub .iris-tabs__list-item .iris-tabs__link::before { background-color: #FDB913; bottom: -4px; content: ''; display: block; left: 0; min-height: 0; opacity: 0; position: absolute; transition: 0.25s; width: 100%; } .iris-tabs--sub .iris-tabs__list-item[aria-selected='true'] .iris-tabs__link { color: #333; padding: 10px 15px; } .iris-tabs--sub .iris-tabs__list-item[aria-selected='true'] .iris-tabs__link::before { min-height: 4px; opacity: 1; } .iris-tabs--sub .iris-tabs__list-item[aria-selected='true'] .iris-tabs__link:hover::before { opacity: 1; } h1,.h1,.iris-content h1,.iris-content .h1 { color: inherit; font-family: inherit; } #username_page,#page_login,#password_page,#page_sync_accounts { background: url("alkami-login-mobile-background.jpg") !important; background-color: #B81237 !important; background-size: cover !important; background-repeat: no-repeat !important; } #username_page #login_card,#page_login #login_card,#password_page #login_card,#page_sync_accounts #login_card { background-color: #FEFEFE; padding-top: 26px; } #username_page #login_card .mobile-registration,#page_login #login_card .mobile-registration,#password_page #login_card .mobile-registration,#page_sync_accounts #login_card .mobile-registration { top: 6px !important; } #username_page #wrong_info_container a,#username_page a#password_help_link,#username_page #login_card .mobile-registration,#username_page .auth-bg-links,#page_login #wrong_info_container a,#page_login a#password_help_link,#page_login #login_card .mobile-registration,#page_login .auth-bg-links,#password_page #wrong_info_container a,#password_page a#password_help_link,#password_page #login_card .mobile-registration,#password_page .auth-bg-links,#page_sync_accounts #wrong_info_container a,#page_sync_accounts a#password_help_link,#page_sync_accounts #login_card .mobile-registration,#page_sync_accounts .auth-bg-links { color: #B81237 !important; } #username_page a#forgot_password_link,#page_login a#forgot_password_link,#password_page a#forgot_password_link,#page_sync_accounts a#forgot_password_link { color: #B81237 !important; } #page_login #wrapper .titlebar,#password_page #wrapper .titlebar { background-color: #B81237 !important; } #page_sync_accounts #wrapper .titlebar { background-color: transparent !important; } #username_page #login_header .logo { height: 30% !important; width: 65% !important; } #username_page #auth_footer { background-color: #FEFEFE; padding-top: 22px; } #username_page #auth_footer .footer-button a { color: #333; } #username_page #auth_footer .footer-button a:before { color: #333; } #username_page #wrapper div#content { margin-top: 0 !important; } #page_login #content { height: calc(100% - 65px) !important; } #wrapper .titlebar { background-color: #B81237; } #wrapper .titlebar h1 { color: #fff; font-weight: 300; } #wrapper .titlebar .titlebar-button.right,#wrapper .titlebar .titlebar-button.left { color: #fff !important; } .mm-panel .titlebar h1 { color: #333; font-weight: 300; } .mm-panel .titlebar .titlebar-button.right,.mm-panel .titlebar .titlebar-button.left,.mm-panel .titlebar .mm-close-panel:before { color: #333 !important; } .mobile-nav-header { position: fixed; z-index: 10; width: 100%; top: 0px; background-color: rgba(184,18,55,0.85) !important; } #mobile_nav_container { background: #fff; color: #333; padding-top: 25px; } #mobile_nav_container #mobile_nav_user { margin: 30px 0; position: relative; } #mobile_nav_container h4 { color: #333; opacity: 1; } #mobile_nav_container .mobile-nav-icon:before { opacity: 1; } #mobile_nav_container .mobile-nav-icon a { border-bottom: 1px solid rgba(51,51,51,0.2); } .mobile-nav-header img { padding: 6px 0; max-width: 250px; max-height: 44px; } #mobile_nav .mobile-nav-links a { padding: 10px 0 15px; } #mobile_nav.has-static-menu-footer { background: #fff; } #mobile_nav.has-static-menu-footer .mobile-nav-header { position: sticky; } #mobile_nav.has-static-menu-footer .mobile-nav-container { display: flex; flex-direction: column; overflow: auto; padding-top: 0; } #mobile_nav.has-static-menu-footer .mobile-nav-container div:not(.user-details):last-child { margin-bottom: 0; } #mobile_nav.has-static-menu-footer #mobile_nav_user { margin: 10px 0 30px; } #mobile_nav.has-static-menu-footer #mobile_nav_container { flex-shrink: 0; height: auto; padding-top: 0; } #mobile_nav.has-static-menu-footer .menu-footer--static { background-color: #fff; color: #707070; order: 10; } #mobile_nav.has-static-menu-footer .menu-footer--static a { color: #4974A4; } #mobile_nav.has-static-menu-footer .menu-footer--static .menu-footer__col { padding-bottom: 15px; } #mobile_nav.has-static-menu-footer .menu-footer--static .menu-footer__col:last-child { padding-bottom: 100px; } #page_sync_accounts #content { height: auto; } #page_sync_accounts div.titlebar { margin-bottom: 135px; margin-top: 120px; } #page_sync_accounts #instructions,#page_sync_accounts .error-title { color: #fff; } body#page_sync_accounts #logo img { width: 220px; } body#page_sync_accounts .loader-pip,body#page_sync_accounts .loader-pip:before,body#page_sync_accounts .loader-pip:after { color: rgba(0,0,0,0.5); } div.loader { top: calc(50vh - 70px); } #instructions { display: none; } #wrong_questions .content,#wrong_numbers .content,#wrong_addresses .content,#password_help .content { text-align: center; } #wrong_questions .content h2,#wrong_numbers .content h2,#wrong_addresses .content h2,#password_help .content h2 { font-size: 16px !important; margin-bottom: 22px !important; } #wrong_questions .content p,#wrong_numbers .content p,#wrong_addresses .content p,#password_help .content p { margin-left: 40px; margin-right: 40px; margin-bottom: 25px; } div.modal-content { margin-top: 45px !important; } #mobile_support_page div.modal-content { margin-top: 0px !important; } .modal-container { padding-top: 50px !important; } body { background-color: #F5F5F5 !important; } ul.list.inset.accounts { border: none; box-shadow: 0px 0px 5px 0px rgba(117,117,117,0.5); } div#transfer_policy_link { text-align: center; margin-left: 0 !important; } div#transfer_policy_link a { color: #1B76BC !important; } div#transfer_policy_link span.arrow-right { display: none !important; } #mobile_transactions #transaction_content { padding-left: 0px !important; padding-right: 0px !important; } div#mmenu_container div#content.clearfix div.main-content { margin-top: 50px !important; padding-bottom: 0px !important; } div.mm-menu.mm-bottom { height: 100% !important; } nav.tab-nav div.tab-wrapper a.tab.active { border-color: #FDB913; color: #333333; font-weight: bold; } #contact_page .main-content h3 { color: #707070; font-size: 12px; text-transform: uppercase; } #contact_page .list li { display: flex; align-items: center; justify-content: space-between; } #contact_page .list li h3 { font-size: 12px; } #contact_page .list li h3.full-width { font-size: 15px; text-transform: none; width: 100% !important; } #contact_page .list li span { font-size: 13px; max-width: none; } #contact_page .detail-time { color: #707070; line-height: 20px; margin-right: 0; position: static; } #transferView div.toggle-container { background-color: transparent !important; padding: 0px !important; } div.toggle-container { background-color: transparent !important; padding: 0px !important; border-bottom: 0px !important; } ul.segmented-buttons { font-size: 18px !important; } ul.segmented-buttons li { background: transparent; box-shadow: none !important; } ul.segmented-buttons li a { color: #707070; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; transition: 1s; text-transform: uppercase; padding: 15px; } ul.segmented-buttons li.selected a { background: rgba(0,0,0,0); border-radius: 0; color: #333; border-bottom: #FDB913 2px solid; } ul.segmented-buttons li a { font-size: 12px !important; padding: 10px !important; } #mobile_support_page .content .button,#wrong_questions .content .button,#password_help .content .button { margin: 10px 0; background: #fff; color: #B81237; border: 1px solid #757575; font-size: 15px; padding: 10px; } .buttons input { font-size: 18px !important; } input.button { font-size: 18px !important; } a.button.secondary { background-color: transparent !important; } input.button,.button { font-size: 15px !important; } #mobile_support_page a.button { background: transparent !important; border: 1px solid #B81237; color: #B81237 !important; padding: 14px !important; } #wrong_questions .button,#wrong_numbers .button,#wrong_addresses .button,#password_help .button { background: none !important; border: 1px solid #B81237 !important; color: #B81237 !important; } .footer { display: flex; margin: 0; font-weight: 300; height: auto; font-size: 15px; line-height: 15px; color: #707070; justify-content: center; align-items: center; text-align: center; } .footer-links { border-bottom: 1px solid #E0E0E0; } .footer-links .footer-link { display: block; color: #707070; margin-bottom: 20px; padding: 0 !important; } .footer-routing-number { margin: 20px 0; } .footer-icons { margin-bottom: 20px; } .footer-icons .font-icon,.footer-icons .no-accounts .selected:before,.no-accounts .footer-icons .selected:before,.footer-icons .modal-message.sys-alert:before,.footer-icons .close-modal:before { margin: 10px 5px; font-size: 30px; vertical-align: middle; } .footer-icons .font-icon-esi { display: inline-block; height: 30px; position: relative; top: -4px; overflow: hidden; } .footer-icons .font-icon-esi:before { position: relative; top: -16px; font-size: 64px; } .footer .footer-tags,.footer .footer-copyright { margin-bottom: 10px; font-size: 13px; } .mm-bottom-panel { padding-bottom: 0px !important; } .mm-bottom-panel div.footer { height: auto !important; background: transparent !important; border-top: none; margin-top: 0; } body#username_page footer.footer,body#page_login footer.footer,body#password_page footer.footer,body#page_sync_accounts footer.footer { display: none !important; } #mobile_footer #mobile_info_panel { display: none !important; } #menu_footer .footer-content { font-size: 15px; font-weight: 300; line-height: 15px; padding: 20px 30px !important; } #menu_footer .footer-tags,#menu_footer .footer-copyright { font-size: 13px; line-height: 15px; } #menu_footer .footer-tags { margin-bottom: 10px; } /*# sourceMappingURL=theme.mobile.min.css.map */