--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 */