:root {
  --colorBrandedBulletin: 255, 236, 181;
  --colorBrandedBulletin25: 250, 250, 249;
  --colorBrandedBulletin50: 243, 242, 238;
  --colorBrandedBulletin100: 234, 230, 219;
  --colorBrandedBulletin200: 210, 204, 188;
  --colorBrandedBulletin300: 192, 179, 143;
  --colorBrandedBulletin400: 172, 153, 98;
  --colorBrandedBulletin500: 136, 117, 62;
  --colorBrandedBulletin600: 121, 102, 47;
  --colorBrandedBulletin700: 96, 77, 22;
  --colorBrandedBulletin800: 69, 51, 0;
  --colorBrandedBulletin900: 35, 26, 0;
  --colorBrandedBulletinHover: 121, 102, 47;
  --colorBrandedBulletinHoverOnColor: 255, 255, 255;
  --colorBrandedBulletinPressed: 96, 77, 22;
  --colorBrandedBulletinPressedOnColor: 255, 255, 255;
  --colorBrandedBulletinAccessible: 121, 102, 47;
  --colorBrandedBulletinOnColor: 0, 0, 0;
  --colorBrandedCaution: 254, 193, 45;
  --colorBrandedCaution25: 254, 254, 245;
  --colorBrandedCaution50: 255, 249, 229;
  --colorBrandedCaution100: 255, 240, 199;
  --colorBrandedCaution200: 255, 217, 128;
  --colorBrandedCaution300: 255, 194, 41;
  --colorBrandedCaution400: 214, 150, 0;
  --colorBrandedCaution500: 163, 115, 0;
  --colorBrandedCaution600: 142, 101, 0;
  --colorBrandedCaution700: 107, 76, 0;
  --colorBrandedCaution800: 71, 50, 0;
  --colorBrandedCaution900: 36, 26, 0;
  --colorBrandedCautionHover: 142, 101, 0;
  --colorBrandedCautionHoverOnColor: 255, 255, 255;
  --colorBrandedCautionPressed: 142, 101, 0;
  --colorBrandedCautionPressedOnColor: 255, 255, 255;
  --colorBrandedCautionAccessible: 142, 101, 0;
  --colorBrandedCautionOnColor: 0, 0, 0;
  --colorBrandedCautionLight: 252, 246, 243;
  --colorBrandedCautionTimeout: 158, 68, 15;
  --colorBrandedCautionTimeoutLight: 245, 221, 209;
  --colorBrandedError: 206, 22, 22;
  --colorBrandedError25: 252, 247, 247;
  --colorBrandedError50: 249, 236, 236;
  --colorBrandedError100: 248, 216, 216;
  --colorBrandedError200: 237, 182, 182;
  --colorBrandedError300: 237, 151, 151;
  --colorBrandedError400: 255, 109, 109;
  --colorBrandedError500: 246, 62, 62;
  --colorBrandedError600: 231, 47, 47;
  --colorBrandedError700: 206, 22, 22;
  --colorBrandedError800: 170, 0, 0;
  --colorBrandedError900: 87, 0, 0;
  --colorBrandedErrorHover: 231, 47, 47;
  --colorBrandedErrorHoverOnColor: 0, 0, 0;
  --colorBrandedErrorPressed: 231, 47, 47;
  --colorBrandedErrorPressedOnColor: 0, 0, 0;
  --colorBrandedErrorAccessible: 206, 22, 22;
  --colorBrandedErrorOnColor: 255, 255, 255;
  --colorBrandedErrorLight: 252, 243, 243;
  --colorBrandedErrorTimeout: 170, 18, 18;
  --colorBrandedErrorTimeoutLight: 245, 209, 209;
  --colorBrandedInfo: 2, 103, 193;
  --colorBrandedInfo25: 250, 250, 250;
  --colorBrandedInfo50: 236, 242, 249;
  --colorBrandedInfo100: 214, 232, 245;
  --colorBrandedInfo200: 173, 209, 240;
  --colorBrandedInfo300: 135, 190, 238;
  --colorBrandedInfo400: 79, 172, 255;
  --colorBrandedInfo500: 36, 137, 227;
  --colorBrandedInfo600: 21, 122, 212;
  --colorBrandedInfo700: 0, 96, 182;
  --colorBrandedInfo800: 0, 64, 121;
  --colorBrandedInfo900: 0, 33, 62;
  --colorBrandedInfoHover: 21, 122, 212;
  --colorBrandedInfoHoverOnColor: 0, 0, 0;
  --colorBrandedInfoPressed: 21, 122, 212;
  --colorBrandedInfoPressedOnColor: 0, 0, 0;
  --colorBrandedInfoAccessible: 0, 96, 182;
  --colorBrandedInfoOnColor: 255, 255, 255;
  --colorBrandedInfoLight: 242, 247, 252;
  --colorBrandedInfoTimeout: 2, 81, 151;
  --colorBrandedInfoTimeoutLight: 208, 227, 246;
  --colorBrandedSuccess: 27, 124, 53;
  --colorBrandedSuccess25: 247, 252, 252;
  --colorBrandedSuccess50: 236, 249, 240;
  --colorBrandedSuccess100: 217, 242, 223;
  --colorBrandedSuccess200: 180, 223, 192;
  --colorBrandedSuccess300: 140, 203, 157;
  --colorBrandedSuccess400: 93, 190, 119;
  --colorBrandedSuccess500: 57, 154, 83;
  --colorBrandedSuccess600: 42, 139, 68;
  --colorBrandedSuccess700: 17, 114, 43;
  --colorBrandedSuccess800: 0, 82, 22;
  --colorBrandedSuccess900: 0, 42, 11;
  --colorBrandedSuccessHover: 42, 139, 68;
  --colorBrandedSuccessHoverOnColor: 0, 0, 0;
  --colorBrandedSuccessPressed: 42, 139, 68;
  --colorBrandedSuccessPressedOnColor: 0, 0, 0;
  --colorBrandedSuccessAccessible: 27, 124, 53;
  --colorBrandedSuccessOnColor: 255, 255, 255;
  --colorBrandedSuccessLight: 243, 248, 245;
  --colorBrandedSuccessTimeout: 20, 92, 39;
  --colorBrandedSuccessTimeoutLight: 215, 234, 223;
  --colorPlatformAlpha0: 0;
  --colorPlatformAlpha25: .96;
  --colorPlatformAlpha50: .88;
  --colorPlatformAlpha75: .76;
  --colorPlatformAlpha100: .04;
  --colorPlatformAlpha200: .08;
  --colorPlatformAlpha300: .16;
  --colorPlatformAlpha400: .24;
  --colorPlatformAlpha500: .40;
  --colorPlatformAlpha600: .64;
  --colorPlatformAlpha700: .80;
  --colorPlatformAlpha800: .88;
  --colorPlatformAlpha900: .96;
  --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;
  --colorBrandedGuidance: 255, 153, 51;
  --colorBrandedGuidance25: 250, 250, 249;
  --colorBrandedGuidance50: 243, 242, 240;
  --colorBrandedGuidance100: 235, 229, 223;
  --colorBrandedGuidance200: 219, 200, 182;
  --colorBrandedGuidance300: 228, 167, 106;
  --colorBrandedGuidance400: 236, 134, 32;
  --colorBrandedGuidance500: 197, 98, 0;
  --colorBrandedGuidance600: 171, 86, 0;
  --colorBrandedGuidance700: 129, 65, 0;
  --colorBrandedGuidance800: 86, 43, 0;
  --colorBrandedGuidance900: 44, 22, 0;
  --colorBrandedGuidanceAccessible: 171, 86, 0;
  --colorBrandedGuidanceHover: 171, 86, 0;
  --colorBrandedGuidanceHoverOnColor: 255, 255, 255;
  --colorBrandedGuidanceOnColor: 0, 0, 0;
  --colorBrandedGuidancePressed: 129, 65, 0;
  --colorBrandedGuidancePressedOnColor: 255, 255, 255;
  --colorBrandedGuidanceSelected: 219, 200, 182;
  --colorBrandedGuidanceSelectedOnColor: 0, 0, 0;
  --colorBrandedAffordance: 0, 51, 102;
  --colorBrandedAffordance25: 250, 250, 250;
  --colorBrandedAffordance50: 241, 242, 243;
  --colorBrandedAffordance100: 227, 231, 235;
  --colorBrandedAffordance200: 194, 206, 219;
  --colorBrandedAffordance300: 152, 185, 218;
  --colorBrandedAffordance400: 112, 163, 214;
  --colorBrandedAffordance500: 76, 127, 178;
  --colorBrandedAffordance600: 61, 112, 163;
  --colorBrandedAffordance700: 36, 87, 138;
  --colorBrandedAffordance800: 10, 61, 112;
  --colorBrandedAffordance900: 0, 32, 64;
  --colorBrandedAffordanceAccessible: 0, 51, 102;
  --colorBrandedAffordanceHover: 61, 112, 163;
  --colorBrandedAffordanceHoverOnColor: 255, 255, 255;
  --colorBrandedAffordanceOnColor: 255, 255, 255;
  --colorBrandedAffordancePressed: 36, 87, 138;
  --colorBrandedAffordancePressedOnColor: 255, 255, 255;
  --colorBrandedAffordanceSelected: 194, 206, 219;
  --colorBrandedAffordanceSelectedOnColor: 0, 0, 0;
  --colorBrandedHover: 227, 231, 235;
  --colorBrandedPressed: 227, 231, 235;
  --colorBrandedSelected: 194, 206, 219;
  --colorBrandedFocused: 0, 51, 102;
  --colorBrandedAccountColor0: 86, 135, 187;
  --colorBrandedAccountColorAccessible0: 62, 111, 163;
  --colorBrandedAccountColorOnColor0: 0, 0, 0;
  --colorBrandedAccountColor1: 255, 153, 51;
  --colorBrandedAccountColorAccessible1: 171, 86, 0;
  --colorBrandedAccountColorOnColor1: 0, 0, 0;
  --colorBrandedAccountColor2: 111, 156, 47;
  --colorBrandedAccountColorAccessible2: 59, 101, 0;
  --colorBrandedAccountColorOnColor2: 0, 0, 0;
  --colorBrandedAccountColor3: 255, 199, 3;
  --colorBrandedAccountColorAccessible3: 134, 105, 0;
  --colorBrandedAccountColorOnColor3: 0, 0, 0;
  --colorBrandedAccountColor4: 98, 59, 159;
  --colorBrandedAccountColorAccessible4: 98, 59, 159;
  --colorBrandedAccountColorOnColor4: 255, 255, 255;
  --colorBrandedAccountColor5: 73, 175, 166;
  --colorBrandedAccountColorAccessible5: 7, 109, 100;
  --colorBrandedAccountColorOnColor5: 0, 0, 0;
  --colorBrandedAccountColor6: 160, 40, 134;
  --colorBrandedAccountColorAccessible6: 160, 40, 134;
  --colorBrandedAccountColorOnColor6: 255, 255, 255;
  --colorBrandedAccountColor7: 103, 51, 0;
  --colorBrandedAccountColorAccessible7: 103, 51, 0;
  --colorBrandedAccountColorOnColor7: 255, 255, 255;
  --colorBrandedHighEmphasisBackground: var(--colorBrandedAffordance);
  --colorBrandedHighEmphasisBackgroundOnColor: var(--colorBrandedAffordanceOnColor);
  --styleBrandedFormField: filled;
  --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: 16px;
  --shapeBrandedMediumTR: 16px;
  --shapeBrandedMediumBR: 16px;
  --shapeBrandedMediumBL: 16px;
  --shapeBrandedMedium: var(--shapeBrandedMediumTL) var(--shapeBrandedMediumTR) var(--shapeBrandedMediumBR) var(--shapeBrandedMediumBL);
  --shapeBrandedLargeTL: 16px;
  --shapeBrandedLargeTR: 16px;
  --shapeBrandedLargeBR: 16px;
  --shapeBrandedLargeBL: 16px;
  --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;
  --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;
  --typeBrandedMediumHeadingFontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --typeBrandedMediumHeadingFontWeight: 800;
  --typeBrandedMediumHeadingCharacterSpacing: 0;
  --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;
  --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;
  --typeBrandedOverlineCharacterSpacing: 0.6pt;
  --typeBrandedButtonFontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --typeBrandedButtonFontWeight: 600;
  --typeBrandedButtonCharacterSpacing: 0.5px;
  --mainContentBorder: 1px solid rgb(var(--colorPlatformGray100));
  --mainContentShadow: none;
  --backgroundDesktopTypeLayer0: color;
  --backgroundDesktopColorBgLayer0: 255, 255, 255;
  --backgroundDesktopColorAlphaLayer0: 1;
  --backgroundDesktopImageLayer0: url(https://assets.orb.alkamitech.com/production/themesets/1eaab18b-aaa8-4dd4-b6a3-498b6eb46bbe/themes/theme-builder/familytrust/assets/);
  --backgroundDesktopImagePositionXLayer0: left;
  --backgroundDesktopImagePositionYLayer0: top;
  --backgroundDesktopImageAttachmentLayer0: scroll;
  --backgroundDesktopImageSizeLayer0: cover;
  --backgroundDesktopImageRepeatLayer0: no-repeat;
  --backgroundDesktopImageOpacityLayer0: 1;
  --backgroundDesktopGradientColor1Layer0: 12, 121, 9;
  --backgroundDesktopGradientColor2Layer0: 9, 145, 73;
  --backgroundDesktopGradientColor3Layer0: 9, 145, 73;
  --backgroundDesktopGradientColorStop1Layer0: 5%;
  --backgroundDesktopGradientColorStop2Layer0: 35%;
  --backgroundDesktopGradientColorStop3Layer0: 100%;
  --backgroundDesktopGradientDegreeLayer0: 90deg;
  --backgroundMobileTypeLayer0: color;
  --backgroundMobileColorBgLayer0: 255, 255, 255;
  --backgroundMobileColorAlphaLayer0: 1;
  --backgroundMobileImageLayer0: url(https://assets.orb.alkamitech.com/production/themesets/1eaab18b-aaa8-4dd4-b6a3-498b6eb46bbe/themes/theme-builder/familytrust/assets/);
  --backgroundMobileImagePositionXLayer0: left;
  --backgroundMobileImagePositionYLayer0: top;
  --backgroundMobileImageAttachmentLayer0: scroll;
  --backgroundMobileImageSizeLayer0: cover;
  --backgroundMobileImageRepeatLayer0: no-repeat;
  --backgroundMobileImageOpacityLayer0: 1;
  --backgroundMobileGradientColor1Layer0: 12, 121, 9;
  --backgroundMobileGradientColor2Layer0: 9, 145, 73;
  --backgroundMobileGradientColor3Layer0: 9, 145, 73;
  --backgroundMobileGradientColorStop1Layer0: 5%;
  --backgroundMobileGradientColorStop2Layer0: 35%;
  --backgroundMobileGradientColorStop3Layer0: 100%;
  --backgroundMobileGradientDegreeLayer0: 90deg;
  --headerBorderStripeColor: 237, 237, 237;
  --headerTopBarBgColor: 242, 242, 242;
  --headerTopBarTextColor: 0, 0, 0;
  --headerTextColor: 0, 0, 0;
  --headerIconBackgroundColor: rgba(var(--colorPlatformGray900), var(--colorPlatformAlpha200));
  --headerIconTextColor: rgb(var(--colorPlatformGray600));
  --headerProfileNameColor: 0, 0, 0;
  --headerProfileCaretColor: 0, 0, 0;
  --headerBgColorLayer0: 242, 242, 242;
  --headerBgColorAlphaLayer0: 1;
  --headerBgImageNameLayer0: url(https://assets.orb.alkamitech.com/production/themesets/1eaab18b-aaa8-4dd4-b6a3-498b6eb46bbe/themes/theme-builder/familytrust/assets/);
  --headerBgImagePositionXLayer0: left;
  --headerBgImagePositionYLayer0: top;
  --headerBgImageAttachmentLayer0: scroll;
  --headerBgImageSizeLayer0: cover;
  --headerBgImageRepeatLayer0: no-repeat;
  --headerBgImageOpacityLayer0: 1;
  --headerBgGradientColor1Layer0: 12, 121, 9;
  --headerBgGradientColor2Layer0: 9, 145, 73;
  --headerBgGradientColor3Layer0: 9, 145, 73;
  --headerBgGradientColorStop1Layer0: 5%;
  --headerBgGradientColorStop2Layer0: 35%;
  --headerBgGradientColorStop3Layer0: 100%;
  --headerBgGradientDegreeLayer0: 90deg;
  --footerBgColor: 242, 242, 242;
  --footerTextColor: 0, 0, 0;
  --widgetAuthenticationLoginImage: url(https://assets.orb.alkamitech.com/production/themesets/1eaab18b-aaa8-4dd4-b6a3-498b6eb46bbe/themes/theme-builder/familytrust/assets/images/brand-logo-tall.png);
  --containerWidth: 1005px;
  --containerPadding: 40px;
}

.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 {
  background-color: #003366;
  border: 1px solid;
  border-color: transparent;
  color: white;
  font-family: inherit;
  text-shadow: none;
  background-image: none !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: #3d70a3;
  color: white;
}

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: 400 !important;
  background-image: none !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: #E0E0E0;
  background-image: none;
  border-color: #707070 !important;
  color: #707070;
  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: #E0E0E0;
  background-image: none;
  color: #707070;
}

a.button.alternate,
input.button.alternate {
  background-color: #E0E0E0;
  color: #707070;
  font-family: inherit;
  font-weight: 400;
  padding: 12px 18px;
  text-shadow: none;
  background-image: none !important;
  filter: none !important;
}
a.button.alternate:hover,
input.button.alternate:hover {
  background-color: #E0E0E0;
  color: #707070;
}

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: #003366;
}
.button-link:hover, .button-link.focus {
  color: #001a33;
}

.text-link {
  color: #4371AD;
}

.ghost {
  background: transparent;
  border: none;
  color: #707070;
}
.ghost:hover {
  color: #575757;
}
.ghost:active {
  color: #4a4a4a;
}

button[data-button-type],
a[data-button-type] {
  border: 1px solid;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  padding: 12px 15px;
  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: #003366;
  border-color: #003366;
  color: white;
}
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: #3d70a3;
  border-color: #3d70a3;
  color: white;
}
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: #8099b3;
  border-color: #8099b3;
  color: white;
  cursor: not-allowed;
}
button[data-button-type][data-button-type=secondary],
a[data-button-type][data-button-type=secondary] {
  background-color: transparent;
  border-color: #003366;
  color: #003366;
}
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: #e3e7eb;
  border-color: #003366;
  color: #003366;
}
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: transparent;
  border-color: #8099b3;
  color: #8099b3;
  cursor: not-allowed;
}
button[data-button-type][data-button-type=action],
a[data-button-type][data-button-type=action] {
  background-color: #FFFFFF;
  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: #333333;
  color: #333333;
}
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: white;
  border-color: #b8b8b8;
  color: #b8b8b8;
}
button[data-button-type][data-button-type=alt],
a[data-button-type][data-button-type=alt] {
  background-color: #E0E0E0;
  border-color: #707070;
  color: #707070;
}
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 {
  background-color: #E0E0E0;
  border-color: #333333;
  color: #707070;
}
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;
}

#register {
  background-color: #FFFFFF !important;
}
#register a {
  background-color: transparent;
  border: 1px solid #003366;
  color: #003366;
  font-family: inherit;
  font-weight: 400 !important;
  padding: 12px 18px;
}
#register a:hover {
  background-color: #e3e7eb;
  color: #003366;
}

#emailUpdateSaveChanges.disabled {
  background-color: #ff9933 !important;
}

#browser-support .x-btn-text {
  color: #707070;
}

div.filter-slide .title-bar .buttons a.button {
  background-color: #707070 !important;
}

div.filters a.add-goal.button {
  background-color: #707070 !important;
}

.account-color-0-bg {
  background-color: #5687bb;
}

.account-color-0-text {
  color: #5687bb;
}

.color0::before,
.color-0::before {
  background-color: #5687bb;
}

.account-color-1-bg {
  background-color: #ff9933;
}

.account-color-1-text {
  color: #ff9933;
}

.color1::before,
.color-1::before {
  background-color: #ff9933;
}

.account-color-2-bg {
  background-color: #6f9c2f;
}

.account-color-2-text {
  color: #6f9c2f;
}

.color2::before,
.color-2::before {
  background-color: #6f9c2f;
}

.account-color-3-bg {
  background-color: #ffc703;
}

.account-color-3-text {
  color: #ffc703;
}

.color3::before,
.color-3::before {
  background-color: #ffc703;
}

.account-color-4-bg {
  background-color: #623b9f;
}

.account-color-4-text {
  color: #623b9f;
}

.color4::before,
.color-4::before {
  background-color: #623b9f;
}

.account-color-5-bg {
  background-color: #49afa6;
}

.account-color-5-text {
  color: #49afa6;
}

.color5::before,
.color-5::before {
  background-color: #49afa6;
}

.account-color-6-bg {
  background-color: #a02886;
}

.account-color-6-text {
  color: #a02886;
}

.color6::before,
.color-6::before {
  background-color: #a02886;
}

.account-color-7-bg {
  background-color: #673300;
}

.account-color-7-text {
  color: #673300;
}

.color7::before,
.color-7::before {
  background-color: #673300;
}

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

Mobile Screen

------------------------------------------------------------------------------- */
a {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.primary-color--bkg {
  background-color: #ff9933 !important;
}
.primary-color--border {
  border-color: #ff9933 !important;
}
.primary-color--font {
  color: #ff9933 !important;
}
.primary-color--before-bkg::before {
  background-color: #ff9933 !important;
}
.primary-color--before-border::before {
  border-color: #ff9933 !important;
}
.primary-color--before-font::before {
  color: #ff9933 !important;
}
.primary-color--after-bkg::after {
  background-color: #ff9933 !important;
}
.primary-color--after-border::after {
  border-color: #ff9933 !important;
}
.primary-color--after-font::after {
  color: #ff9933 !important;
}

.secondary-color--bkg {
  background-color: #003366 !important;
}
.secondary-color--border {
  border-color: #003366 !important;
}
.secondary-color--font {
  color: #003366 !important;
}
.secondary-color--before-bkg::before {
  background-color: #003366 !important;
}
.secondary-color--before-border::before {
  border-color: #003366 !important;
}
.secondary-color--before-font::before {
  color: #003366 !important;
}
.secondary-color--after-bkg::after {
  background-color: #003366 !important;
}
.secondary-color--after-border::after {
  border-color: #003366 !important;
}
.secondary-color--after-font::after {
  color: #003366 !important;
}

.tertiary-color--bkg {
  background-color: #707070 !important;
}
.tertiary-color--border {
  border-color: #707070 !important;
}
.tertiary-color--font {
  color: #707070 !important;
}
.tertiary-color--before-bkg::before {
  background-color: #707070 !important;
}
.tertiary-color--before-border::before {
  border-color: #707070 !important;
}
.tertiary-color--before-font::before {
  color: #707070 !important;
}
.tertiary-color--after-bkg::after {
  background-color: #707070 !important;
}
.tertiary-color--after-border::after {
  border-color: #707070 !important;
}
.tertiary-color--after-font::after {
  color: #707070 !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;
}

/********** Mixins **********/
/********** ACCOUNT INFORMATION **********/
fieldset .expanded.account,
.fieldset-row .expanded li.account {
  top: 2px;
}

.account a {
  color: #000000;
  display: block;
  overflow: hidden;
}

.account .bar {
  display: block;
  float: left;
  height: 90%;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 10px;
}

.account .name {
  float: left;
  font-weight: bold;
  width: 40%;
}

.account em {
  clear: both;
  display: block;
  float: left;
}

.account .bal {
  color: #000000;
  float: right;
  font-size: 13px;
  font-weight: bold;
  max-width: 100%;
  overflow: visible;
  padding-left: 20px;
}

.expanded .detail.bal {
  line-height: 23px;
  margin-top: 12px;
}

#account_info {
  overflow: hidden;
}

#account_info .name {
  float: left;
  width: 60%;
}

#account_info em {
  clear: both;
  display: block;
  float: left;
}

#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 & Transaction details ****/
.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 {
  color: #000000;
  font-size: 13px;
  font-weight: bold;
  line-height: 22px !important;
  margin: 0 !important;
  margin-bottom: 6px;
  margin-top: 3px;
  position: relative;
}

.account h4.account-number {
  color: #333333;
  font-size: 11px;
  line-height: 22px !important;
  margin: 0;
}

span.bal.available::before {
  background-color: #FFFFFF;
  border: 1px solid #999999;
  border-radius: 2px;
  color: #707070;
  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 {
  color: #707070;
  font-family: "Alkami";
  font-size: 16px;
  margin-left: -20px;
  position: absolute;
}

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%;
  overflow: visible;
  /* don't truncate account balances */
  padding-left: 20px;
}

.detail.as-of-date {
  font-size: 11px;
  font-style: italic;
}

.amount.detail {
  color: #000000;
  font-size: 15px;
}

span.balance.available::before {
  background-color: #FFFFFF;
  border: 1px solid #999999;
  border-radius: 2px;
  color: #707070;
  content: "A";
  display: block;
  font-size: 8px;
  left: 0;
  line-height: 100%;
  margin: 0;
  padding: 2px 3px;
  position: absolute;
  text-shadow: none;
  top: 4px;
}

/* MMFCUS-89 */
.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 */
.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%;
}

/* legend */
span.legend.external::before {
  color: #707070;
  content: "\EA6E";
  font-family: "Alkami";
}

span.legend.joint::before {
  color: #707070;
  content: "\EAF5";
  font-family: "Alkami";
}

span.legend.shared::before {
  color: #707070;
  content: "\EA96";
  font-family: "Alkami";
}

span.legend.shared {
  margin-bottom: 20px !important;
}

span.legend {
  color: #333333;
  float: left !important;
  font-size: 11px;
  margin-bottom: 5px !important;
  width: 100%;
}

span.legend.available::before {
  background-color: #FFFFFF;
  border: 1px solid #999999;
  border-radius: 2px;
  color: #707070;
  content: "A";
  font-size: 8px;
  line-height: 7px;
  margin-right: 9px;
  margin-top: -1px;
  padding: 2px 3px;
  text-shadow: none;
  text-transform: uppercase;
}

span.legend::before {
  color: #707070;
  display: block;
  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;
}

/* end of legend */
body:not(#username_page) #wrapper div#content {
  margin-top: 65px !important;
}
body:not(#username_page).native-menu #wrapper div#content {
  margin-top: 20px !important;
}
body:not(#username_page).native-menu #wrapper div#content .flush-with-titlebar {
  margin-top: -20px;
}

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;
  left: 0;
  margin: 0 auto;
  margin-bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
}
div.titlebar .titlebar-button.left,
div.titlebar .titlebar-button.right {
  background-color: transparent;
  border: 0 none;
  border-radius: 3px;
  color: #FFFFFF;
  display: block;
  font-size: 12px;
  font-weight: bold;
  height: 44px;
  min-width: 34px;
  padding: 9px 10px;
  position: absolute;
  text-shadow: none;
}
div.titlebar h1 {
  box-sizing: border-box;
  color: #FFFFFF;
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 45px;
  margin: 0 auto;
  max-width: 60%;
  padding: 0 10px;
  text-align: center;
  text-shadow: none;
}
div.titlebar h1.has-subtitle {
  font-size: 15px;
  height: auto;
  line-height: 100%;
  margin: 0 auto;
  padding: 5px;
}
div.titlebar h2 {
  color: #FFFFFF;
  font-size: 11px;
  line-height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}
div.titlebar a.icon::before {
  background-position: center center;
  font-family: "Alkami";
  font-size: 20px;
  height: 26px;
  left: 0;
  padding: 9px 10px;
  position: absolute;
  right: 0;
  text-indent: 0;
  top: 50%;
  width: 44px;
}
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 {
  background-image: none !important;
  content: "\EA8C";
  margin-top: 0;
}

/* nav menu button in title bar */
#nav_button {
  background-image: none !important;
  border: 0 none;
  position: absolute;
  text-indent: -9999px;
  width: 38px;
}

#nav_button + a.titlebar-button.left.icon.back {
  left: 40px;
  text-indent: -9999px;
  top: 25px;
  white-space: nowrap;
}

#nav_button.hidden + a.titlebar-button.left.icon.back {
  left: 6px;
}

div.titlebar a.icon.back::before {
  background-image: none !important;
}

/* end nav menu button */
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;
}

/********* buttons *********/
.button {
  border-radius: 5px;
  box-shadow: none;
  color: #707070;
  cursor: pointer;
  display: block;
  font-size: 20px;
  margin: 10px 0 20px;
  padding: 9px;
  text-align: center;
  text-shadow: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.button.primary {
  color: white;
  text-shadow: none;
}

.button.text {
  background-color: transparent;
  border-style: none;
  font-size: 14px;
  margin: 10px 0 0;
}

/* login buttons */
#login_button.primary.button.icon::before {
  background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_login.png");
  background-position: 0 0;
  content: " ";
  display: block;
  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");
}

/* end of login buttons */
/* segmented buttons */
ul.segmented-buttons {
  background: none !important;
  border: 0 none !important;
  border-radius: 5px;
  box-shadow: none !important;
  display: block;
  text-align: center;
  width: 100%;
}
ul.segmented-buttons li {
  background-color: #E4E4E4;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5) inset;
  float: left;
  margin-right: -1px;
  overflow: hidden;
}
ul.segmented-buttons.two-cols li {
  -moz-box-sizing: padding-box;
  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 {
  border-radius: 4px;
  -moz-box-sizing: padding-box;
  box-sizing: padding-box;
  width: 100%;
}
ul.segmented-buttons li.selected {
  box-shadow: none;
}
ul.segmented-buttons li.selected a {
  border-radius: 3px 0 0 3px;
  color: #FFFFFF;
}
ul.segmented-buttons li a {
  border-right: 0 none;
  -webkit-box-sizing: padding-box;
  -moz-box-sizing: padding-box;
  box-sizing: padding-box;
  color: #333333;
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 15px;
  text-shadow: none;
}
ul.segmented-buttons li:last-child a {
  border-right: 0 none;
}

ul.segmented-buttons.three-cols li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.3%;
}

.toggle-container {
  padding: 3%;
}

ul.flat-button-bar {
  background-color: #FFFFFF;
  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 {
  border-bottom: 2px solid #FFFFFF;
  color: #333333;
  display: inline-block;
  font-size: 11px;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
}

.text-link {
  color: #4371AD;
}

#mobile_nav.mm-menu {
  max-width: 440px;
  min-width: 140px;
  width: 85%;
}

html.mm-opening .mm-slideout {
  -webkit-transform: translate(85%, 0) !important;
  -moz-transform: translate(85%, 0) !important;
  -ms-transform: translate(85%, 0) !important;
  -o-transform: translate(85%, 0) !important;
  transform: translate(85%, 0) !important;
}

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0) !important;
    -moz-transform: translate(140px, 0) !important;
    -ms-transform: translate(140px, 0) !important;
    -o-transform: translate(140px, 0) !important;
    transform: translate(140px, 0) !important;
  }
}
@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0) !important;
    -moz-transform: translate(440px, 0) !important;
    -ms-transform: translate(440px, 0) !important;
    -o-transform: translate(440px, 0) !important;
    transform: translate(440px, 0) !important;
  }
}
#mobile_nav {
  background: #888888;
  background: -webkit-gradient(linear, right top, bottom left, color-stop(0, #888888), color-stop(100%, #888888));
  background: -webkit-linear-gradient(to bottom left, #888888 0, #888888 100%);
  background: linear-gradient(to bottom left, #888888 0, #888888 100%);
  box-sizing: border-box;
  color: white;
  padding-bottom: 45px;
  width: 85%;
}
#mobile_nav *,
#mobile_nav *::before,
#mobile_nav *::after {
  box-sizing: inherit;
}
#mobile_nav::after {
  box-shadow: -7px 0 10px 0 rgba(0, 0, 0, 0.25) inset;
  content: "";
  display: block;
  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;
  font-size: 10px;
  opacity: 0.5;
  opacity: 0.5;
  text-transform: uppercase;
}
#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 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  display: block;
  font-size: 13px;
  margin: 0 0 10px 40px;
  padding: 10px 0;
}
#mobile_nav .mobile-nav-icon {
  position: relative;
}
#mobile_nav .mobile-nav-icon::before {
  color: inherit;
  display: block;
  font-family: "Alkami";
  font-size: 20px;
  left: 0;
  opacity: 0.5;
  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 {
  border: 3px solid white;
  border-radius: 50%;
  display: inline-block;
  margin: 0 13px 0 17px;
  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 {
  align-content: center;
  background-color: #333333;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
#mobile_nav_language li {
  color: #FFFFFF;
  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;
}

/******************** Errors ********************/
div.errors,
div.validation-summary-errors {
  background-color: #BC3333;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.45);
  color: #FFFFFF;
  margin: 15px 10px;
  min-height: 54px;
  padding: 5px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
div.errors strong,
div.validation-summary-errors strong {
  background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_error.png");
  background-position: 8px 50%;
  display: block;
  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 {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  font-size: 13px;
  line-height: 135%;
  margin: 5px 0;
  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;
}

/** FLASH MESSAGING **/
div.flash-holder {
  border-radius: 3px;
  color: #FFFFFF;
  display: none;
  margin-bottom: 40px;
  padding: 10px 10px 10px 40px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

div.flash-holder.success {
  background-color: #689B3C;
  background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/flash_success_icon.png");
  background-position: 10px center;
  background-size: 20px 20px;
  display: block;
}

div.flash-holder.error {
  background-color: #BC3333;
  background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/flash_error_icon.png");
  background-position: 10px center;
  background-size: 20px 20px;
  border-radius: 0;
  display: block;
}

div.flash-holder.warning {
  background-color: #C45413;
  background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/flash_error_icon.png");
  background-position: 10px center;
  background-size: 20px 20px;
  display: block;
}

div.flash-holder.info {
  background-color: #5EA6ED;
  background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/flash_icon_info.png");
  background-position: 10px center;
  background-size: 20px 20px;
  display: block;
}

div.flash-holder h4 {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
}

body#page_transactions .flash-holder {
  border-radius: 0;
  margin: 0;
}

/******************** Links ********************/
a.link {
  background-position: right center;
  border-radius: 3px;
  display: inline-block;
  font-size: 17px;
  margin-bottom: 20px;
  margin-top: 10px;
  padding: 10px;
  -webkit-tap-border-radius: 3px;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
}

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");
}

/* Help Links */
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 {
  float: right;
  margin-right: 0;
}

ul.help-links li a {
  margin: 0;
}

/* [END Links] */
/* general list elements */
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;
}

/******************** Inset / Buttons - Shadows ********************/
.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 {
  border-bottom: 1px solid #DADADA;
  display: block;
  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 {
  background-image: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/detail_arrow.png");
  background-position: 0 0;
  content: "";
  display: block;
  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);
}

/* end general list elements */
/***** Inset / Container List *****/
dl.list.inset,
ul.list.inset,
fieldset {
  border-radius: 3px;
  margin: 20px 0;
}

dl.list.inset,
ul.list.inset {
  margin: 10px 0 20px;
}

ul.list.inset {
  border: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 20px;
}

ul.list li p:last-child {
  margin-bottom: 0;
}

h5 + ul.list.inset {
  margin-top: 8px;
}

/***** Outset Lists *****/
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;
  padding-bottom: 6px;
  padding-top: 6px;
  text-transform: uppercase;
}

ul.list li.header h5 {
  color: #707070;
  line-height: 100%;
  margin: 0;
  text-shadow: 0 1px 0 #FFFFFF;
}

ul.list.outset.pending li {
  color: #707070;
}

.list a {
  display: block;
  margin: -10px;
  padding: 10px;
  position: relative;
}

/***** Selected *****/
ul.list li.selected {
  background-color: rgba(0, 0, 0, 0.06);
}

/* nested lists */
/* lists */
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 {
  background-color: #F1F1F1;
  border: 1px solid #D0D0D0;
  border-left: none;
  border-right: none;
  color: #707070;
  display: block;
  font-size: 11px;
  font-weight: bold;
  margin-top: 0;
  padding: 10px;
  text-transform: uppercase;
}

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;
}

/* end of nested lists */
/*******************************   */
/********** CONTACT US **********/
/*******************************   */
/* Hours */
ul.list li.cap {
  background-color: #F8F8F8;
  border-radius: 3px 3px 0 0;
}

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 {
  border: 0 none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

ul.list ul.hours h4 {
  display: inline-block;
  font-weight: bold;
  line-height: 10px;
  text-transform: uppercase;
  width: 40%;
}

/* end of hours */
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;
}

/* span detail */
a span.detail {
  right: 20px;
  /* extra margin for the arrow */
}

span.detail {
  bottom: 0;
  color: #4371AD;
  height: 22px;
  line-height: 22px;
  margin: auto;
  margin-right: 10px;
  position: absolute;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  white-space: nowrap;
}

span.detail.link {
  color: #4371AD;
  font-size: 13px;
  font-weight: normal !important;
}

/* load more */
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;
}

/* Buttons in a list */
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 {
  border-radius: 0;
  box-shadow: 0 none;
  margin: 0;
  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 */
.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;
}

/********** Contact page overwrites **********/
/* old h3 styling */
div#map_page h3 {
  max-width: 100% !important;
}

/* new list styling */
#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 {
  color: #707070;
  display: block;
  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;
}

/******************** Modal ********************/
div.modal {
  height: 100%;
  opacity: 0;
  position: fixed;
  -webkit-transition: top 2s;
  width: 100%;
  z-index: 1000;
}

div.modal-alt {
  height: auto;
  margin: -20px -9px 0;
  opacity: 1;
  padding: 20px;
  position: relative;
  -webkit-transition: top 2s;
  width: auto;
}

div.modal.standalone {
  height: auto;
  margin: -20px -9px 0;
  opacity: 1;
  position: relative;
  width: auto;
}

div.modal.top {
  left: 0;
  top: -100%;
}

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: #FFFFFF;
  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: #FFFFFF;
  font-size: 15px;
  height: 93%;
  overflow: auto;
  padding: 20px;
}

.modal-content {
  background-color: #FFFFFF;
  border-radius: 3px;
}
.modal-content ul {
  margin-top: 10px;
}
.modal-content ul.has-bullets {
  margin-bottom: 30px;
  margin-left: 0;
  padding-left: 0;
}

div.disclosure {
  font-size: 15px;
  padding: 20px;
}

div.cap {
  background-color: #F5F5F5;
  background-position: center 20px;
  border-bottom: 1px solid #CCCCCC;
  margin: -20px -20px 20px;
  padding: 20px;
}

div.cap h2 {
  margin: 0 auto;
  padding-top: 100px;
}

/* #first_time div.cap h2 {
    padding-top: 0;
} */
#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 {
  font-size: 13px;
  text-align: center;
}
div.modal-content p + a {
  margin-top: 20px;
}

div.modal a:last-child {
  margin-bottom: 0;
}

/******* modal pop-up ******/
.modal-container {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 5% 3%;
  position: fixed;
  top: 45px;
  width: 100%;
  z-index: 9999;
}

.modal-popup {
  background-color: #FFFFFF;
  border-radius: 5px;
  -moz-box-shadow: 0 0 7px #303030;
  -webkit-box-shadow: 0 0 7px #303030;
  box-shadow: 0 0 7px #303030;
  margin: 0;
  max-width: 550px;
  overflow: auto;
  padding: 10px;
  z-index: 9999;
}
.modal-popup .header {
  background-color: #F6F6F6;
  border-bottom: 1px solid #E5E5E5;
  color: #333333;
  margin: -10px;
  padding: 15px 10px;
  position: relative;
}
.modal-popup .header h4 {
  font-weight: bold;
}
.modal-popup .header .close {
  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;
  display: block;
  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 {
  background: none;
  content: "\EB11";
  display: block;
  font-size: 40px;
  margin-bottom: 10px;
}

.close-modal {
  padding: 20px;
  position: absolute;
  right: 0;
  top: 0;
}
.close-modal::before {
  content: "\EB03";
}

.modal-message::before {
  background: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/icon_confirmed.png") no-repeat scroll 0 0 transparent;
  content: " ";
  display: block;
  height: 40px;
  margin: 10px auto 15px;
  width: 44px;
}

.modal-details {
  margin-top: 10px;
  padding: 10px;
}
.modal-details.sys-alert {
  min-height: 150px;
  padding-bottom: 20px;
}
.modal-details p {
  font-size: 13px;
  margin: 10px 0;
}
.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;
  font-size: 11px !important;
  text-transform: uppercase;
}

.modal-container .button {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  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 Buttons
* ------------------------------------------------------- */
.radio-wrapper input[type=radio] {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.radio-wrapper input[type=radio] + label::after {
  background: #4371AD;
  border-radius: 100%;
  content: " ";
  display: block;
  height: 13px;
  left: 9px;
  position: absolute;
  top: 9px;
  transform: scale(0, 0);
  transition: transform 0.2s cubic-bezier(0.8, 0.1, 0.2, 1.5);
  width: 13px;
}
.radio-wrapper input[type=radio]:checked + label::after {
  transform: scale(1, 1);
}
.radio-wrapper label {
  cursor: pointer;
  display: block;
  font-size: 13px;
  font-weight: 700;
  padding: 10px 0 10px 35px;
  position: relative;
}
.radio-wrapper label::before {
  background: #FFFFFF;
  border: 1px solid #707070;
  border-radius: 100%;
  content: " ";
  display: block;
  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-bottom: 0;
  padding-top: 0;
}

/* -------------------------------------------------------
* Mobile List Check Items (See Quick Apply workflow for example)
* ------------------------------------------------------- */
.mobile-list-check-group {
  background-color: white;
  border: none;
  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 {
  border-bottom: 1px solid #E0E0E0;
  display: block;
  margin: 0;
  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 {
  box-sizing: border-box;
  display: block;
  list-style: none;
  margin: 0;
}
.mobile-list-check-group label span {
  color: #333333;
  display: block;
  position: relative;
  text-transform: capitalize;
  width: 100%;
}
.mobile-list-check-group input:checked + label span {
  border-style: solid;
  border-width: 0 0 0 5px;
  padding-left: 5px;
  position: relative;
}
.mobile-list-check-group input:checked + label span::after {
  content: "\EA3C";
  font-family: "Alkami";
  height: 100%;
  position: absolute;
  right: 5px;
  width: 20px;
}

/* -------------------------------------------------------
* Switch Checkboxes (See Security - Settings for example)
* ------------------------------------------------------- */
.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 {
  color: #B4B4B4;
  display: inline-block;
  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 {
  color: #707070;
  content: attr(data-left);
}
.switch-wrapper label::after {
  content: attr(data-right);
}
.switch-wrapper label.disabled .switch {
  cursor: default;
}
.switch-wrapper .switch {
  background-color: #B4B4B4;
  border-radius: 15px;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  padding: 11px 20px;
  position: relative;
  -moz-transition: 0.1s all linear;
  -webkit-transition: 0.1s all linear;
  transition: 0.1s all linear;
  vertical-align: middle;
}
.switch-wrapper .switch::before {
  background-color: #FFFFFF;
  border-radius: 15px;
  content: "";
  display: block;
  height: 16px;
  left: 3px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}

/* -------------------------------------------------------
* Checkboxes
* ------------------------------------------------------- */
.checkbox-wrapper {
  /* Various radio button options - put on parent container. */
}
.checkbox-wrapper input[type=checkbox] {
  height: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  width: 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-position: -57px -416px;
  background-repeat: no-repeat;
}
.checkbox-wrapper input[type=checkbox]:focus ~ label::before {
  border-color: #91B2D3;
  box-shadow: inset 1px 1px 2px #E9E9E9, 0 0 4px rgba(145, 178, 211, 0.8);
}
.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;
  float: none;
  margin: 0;
  padding: 5px 0 5px 32px;
  position: relative;
  width: auto;
}
.checkbox-wrapper > label::before {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #D0D0D0;
  border-radius: 3px;
  box-shadow: 0 1px 3px #D9D9D9 inset;
  content: " ";
  display: block;
  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::placeholder {
  user-select: none;
}

fieldset.inline label {
  border-bottom: none;
  box-shadow: 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 {
  border: 0 none;
  margin: 0;
}

.fieldset-container {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}
.fieldset-container fieldset:first-child {
  border-bottom: 1px solid #D9D9D9;
  border-radius: 3px 3px 0 0;
  margin-bottom: 0;
  margin-top: 0;
}
.fieldset-container fieldset:last-child {
  border-radius: 0 0 3px 3px;
  border-top: 0 none;
  margin-bottom: 0;
  margin-top: 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 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  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;
  margin: 0;
  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 {
  height: 52px;
  margin-right: 6px;
}
.fieldset-row::after {
  background: url("https://assets.orb.alkamitech.com/production/assets/global/images/mobile/detail_arrow.png") no-repeat scroll 0 0 transparent;
  content: " ";
  display: block;
  height: 14px;
  margin-top: -7px;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 10px;
}

li.no-selection {
  color: #707070;
  display: inline-block;
  padding-left: 9px;
}

/* checkbox override */
label .holderWrap {
  background-image: url(https://assets.orb.alkamitech.com/production/assets/global/images/mobile/android_checkbox.png);
  background-position: right 7px;
  cursor: pointer;
  display: block;
  float: right;
  height: 40px !important;
  margin-top: -9px;
  width: 40px !important;
}

label:active .holderWrap {
  background-position: right -33px;
}

label.checked .holderWrap {
  background-position: right -73px;
}

/* end of checkbox override */
/* radio override */
/* requires a span inside the radio-container */
/* first example built for payment options in transfer widget */
.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 {
  background-color: white;
  border: 1px solid #B9B9B9;
  border-radius: 50%;
  display: inline-block;
  height: 25px;
  left: 15px;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  -webkit-transition: all 0.25s;
  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%;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  -webkit-transition: all 0.25s;
  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;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* end of radio override */
/** Progress Bars **/
.ui-progressbar-value {
  position: relative;
}

.progress-bar-holder.green .ui-progressbar .ui-progressbar-value {
  background-color: #90B967;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#90B967), to(#638C3A));
  background-image: -webkit-linear-gradient(to bottom, #90B967, #638C3A);
  background-image: -moz-linear-gradient(to bottom, #90B967, #638C3A);
  background-image: -ms-linear-gradient(to bottom, #90B967, #638C3A);
  background-image: -o-linear-gradient(to bottom, #90B967, #638C3A);
  background-image: linear-gradient(to bottom, #90B967, #638C3A);
  border-color: #638C3A;
}

.progress-bar-holder.yellow .ui-progressbar .ui-progressbar-value {
  background-color: #FEDC56;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FEDC56), to(#DA9106));
  background-image: -webkit-linear-gradient(to bottom, #FEDC56, #DA9106);
  background-image: -moz-linear-gradient(to bottom, #FEDC56, #DA9106);
  background-image: -ms-linear-gradient(to bottom, #FEDC56, #DA9106);
  background-image: -o-linear-gradient(to bottom, #FEDC56, #DA9106);
  background-image: linear-gradient(to bottom, #FEDC56, #DA9106);
  border-color: #DA9106;
}

.progress-bar-holder.red .ui-progressbar .ui-progressbar-value {
  background-color: #FB3737;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FB3737), to(#C80404));
  background-image: -webkit-linear-gradient(to bottom, #FB3737, #C80404);
  background-image: -moz-linear-gradient(to bottom, #FB3737, #C80404);
  background-image: -ms-linear-gradient(to bottom, #FB3737, #C80404);
  background-image: -o-linear-gradient(to bottom, #FB3737, #C80404);
  background-image: linear-gradient(to bottom, #FB3737, #C80404);
  border-color: #C80404;
}

.progress-amount {
  color: #FFFFFF;
  display: block;
  position: absolute;
  right: 5px;
  top: 2px;
  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;
}

/******************** Forms ********************/
input,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #FFFFFF;
  border: 0 none;
  /* prevents iphone from shifting the page when focusing on the input field */
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* same styling as for "ul.list li" */
  display: block;
  font-size: 15px;
  line-height: 135%;
  margin: 10px 0 20px;
  min-height: 17px;
  padding: 12px 10px 11px 10px;
  width: 100%;
}

input:focus,
textarea:focus {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

/* login elements */
.login-steps fieldset label,
.login-steps fieldset input {
  font-size: 15px;
}

.login-steps a.link.small.icon.arrow {
  padding: 2px 37px 2px 0;
}

/* light header */
.cap-header {
  background-color: #F5F5F5;
}

.paging h5 {
  color: #333333;
}

textarea {
  border: 1px solid rgba(0, 0, 0, 0.15);
}

/* Formats amount input field on mobile */
div#amountInput {
  padding: 10px 10px !important;
  position: relative;
}
div#amountInput input {
  color: #333333;
  font-size: 13px;
  padding: 23px 0 0 0 !important;
}
div#amountInput input::placeholder {
  color: #707070;
}
div#amountInput::before {
  color: #707070;
  content: attr(data-input-title);
  font-size: 11px;
  font-weight: 500;
  padding: 10px 0 0 0;
  position: absolute;
  text-transform: uppercase;
  top: 0;
}
div#amountInput::after {
  content: attr(data-input-currency);
  display: none;
  font-size: 13px;
  line-height: 15px;
  position: absolute;
  top: 34px;
}
div#amountInput.focused input {
  padding-left: 8px !important;
}
div#amountInput.focused input::placeholder {
  color: #333333;
}
div#amountInput.focused::after {
  color: #333333;
  display: block;
}
div#amountInput #amount {
  background-image: none;
  border: none;
}

/* Variables */
/* Transactions */
#page_transactions .current-account h3.account-name,
#page_transactions .current-account h4.account-number {
  color: #333333;
  max-width: 63%;
  text-shadow: none;
}

#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%;
  /* This is to support multiple line description configurations. */
}
.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;
  font-size: 17px;
  padding: 0 10px 5px 10px;
}

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 {
  border: none;
  margin: 0;
  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;
}

/* search transactions */
form#search_transactions input,
form#search_transactions textarea,
form#search_transactions select {
  border: 1px solid #707070;
  color: #333333;
  margin: 0;
}

::-webkit-input-placeholder {
  color: #707070;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #707070;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #707070;
}

:-ms-input-placeholder {
  color: #707070;
}

div#transactions div.search {
  background-color: #FFFFFF;
  border: 1px solid #E0E0E0;
  padding: 10px;
}

body#page_transactions div#content,
body#page_transactions div#content .outset {
  margin: 0;
}

body#page_transaction dl.transaction-details dd.account::before {
  height: 32px !important;
  margin-top: 3px !important;
}

body#page_transactions #transactions li {
  background-color: #FFFFFF;
}

body#page_transactions .transaction.rows {
  color: #333333;
  display: table;
  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 {
  color: #333333;
  display: block;
  font-size: 15px;
  height: auto;
  line-height: 100%;
  margin: 0;
  max-width: 100%;
  position: static;
  text-align: right;
}
body#page_transactions .transaction.rows .balance {
  color: #707070;
  display: block;
  font-size: 11px;
  line-height: 100%;
  margin: 8px 0 0;
  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 {
  height: 100%;
  margin-top: -10px;
  width: 100%;
}

#page_transactions div.loader {
  height: 40px;
  margin: 0 0 10px;
}

#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;
}

/********* SLIDER *******/
div#wrapper {
  overflow-x: hidden;
  position: relative;
}

.sliderContainer {
  height: 100% !important;
  position: absolute;
  width: 100% !important;
}

.iosSlider {
  height: 100%;
  left: 0;
  overflow: visible;
  position: relative;
  top: 0;
  width: 100%;
}

.carousel {
  height: 100%;
  margin: 0;
  overflow: visible !important;
  padding: 10px;
  width: 100%;
}

.carousel .slider {
  height: 100%;
  width: 100%;
}

.carousel .slider .item {
  background: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0.4;
  padding: 10px;
  position: relative;
  top: 0;
  width: 100%;
}

.carousel .slider .item.active {
  border: 1px solid #D0D0D0;
  opacity: 1;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.sliderContainer.no-gap .carousel {
  padding: 0;
}
.sliderContainer.no-gap .slider .item,
.sliderContainer.no-gap .slider .item.active {
  background: none;
  border-radius: 0;
  border-style: none solid none none;
  border-width: 0 1px 0 0;
  opacity: 1;
  padding: 0;
}

/******************** Footer ********************/
footer {
  box-shadow: none;
  box-sizing: border-box;
  clear: both;
  color: #FFFFFF;
  position: relative;
}
footer div.fineprint {
  font-size: 11px;
  margin: 10px;
}
footer hr {
  background-color: #081622;
  border: 0 none;
  box-shadow: 0 1px #182B3B;
  height: 1px;
  margin: 8px 0;
  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 {
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  display: none;
  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;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0s 0.25s, opacity 0.25s;
  transition: transform 0s 0.25s, opacity 0.25s;
}
.card-container.card-container-modal-animate.show {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0s, opacity 0.25s;
  transition: transform 0s, opacity 0.25s;
}
.card-container.card-container-modal-animate.show .card {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.card-container.card-container-modal-animate .card {
  opacity: 0;
  position: relative;
  top: 12px;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
  -webkit-transition: all 0.25s;
  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 {
  background-position: 0 0;
  color: #BBBBBB;
  content: "\EA17";
  display: block;
  font-family: "Alkami";
  font-size: 24px;
  height: 14px;
  line-height: 14px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.card-container .icon-edit-right::after {
  color: #707070;
  content: "\EAC2";
  display: block;
  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: #888888 !important;
  position: relative !important;
  top: 4px;
}
.card-container .icon-edit-right textarea {
  border-style: none;
  line-height: 22px;
  position: relative;
}
.card-container .no-card {
  background-color: transparent;
  margin: 10px;
  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 {
  background-color: white;
  border-radius: 2px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  margin: 10px;
  overflow: hidden;
}
.card-container .card.card-full-width {
  border-radius: 0;
  margin: 10px 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 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 10px;
  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 {
  border-bottom: 1px solid #E5E5E5;
  color: #333333;
  margin: 8px;
  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;
  max-width: 55%;
  padding-left: 10px;
  vertical-align: middle;
}
.card-container .card .card-list-item.account.account-small .account-number {
  color: #333333;
  display: inline-block;
  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 {
  border-style: none !important;
  margin: 0;
  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 {
  background-color: white;
  display: block;
  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;
  height: 3rem;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  white-space: nowrap;
  z-index: 2;
}
nav.tab-nav div.tab-wrapper a.tab {
  border-bottom: 3px solid transparent;
  color: #707070;
  display: inline-block;
  font-size: 12px;
  margin-right: 10px;
  padding: 16px 10px 12px;
  text-transform: uppercase;
}
nav.tab-nav div.tab-wrapper a.tab.active {
  border-bottom: 3px solid #333333;
  color: #333333;
}

/*
jQuery.mmenu CSS
*/
/*
jQuery.mmenu oncanvas CSS
*/
.mm-hidden {
  display: none !important;
}

.mm-wrapper {
  overflow-x: hidden;
  position: relative;
}

.mm-menu,
.mm-menu > .mm-panel {
  bottom: 0;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0;
}

.mm-panel {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}

.mm-panel.mm-opened {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.mm-panel.mm-subopened {
  -webkit-transform: translate3d(-30%, 0, 0);
  -moz-transform: translate3d(-30%, 0, 0);
  -ms-transform: translate3d(-30%, 0, 0);
  -o-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

.mm-panel.mm-highest {
  z-index: 1;
}

.mm-menu > .mm-panel {
  background: inherit;
  box-sizing: border-box;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 20px;
}

.mm-menu > .mm-panel.mm-hasheader {
  padding-top: 40px;
}

.mm-menu > .mm-panel::before,
.mm-menu > .mm-panel::after {
  content: "";
  display: block;
  height: 20px;
}

.mm-vertical .mm-panel {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  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 {
  bottom: auto;
  height: 40px;
}

.mm-vertical .mm-listview > li > .mm-next::after,
.mm-listview > li.mm-vertical > .mm-next::after {
  bottom: auto;
  top: 16px;
}

.mm-vertical .mm-listview > li.mm-opened > .mm-next::after,
.mm-listview > li.mm-vertical.mm-opened > .mm-next::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mm-header {
  border-bottom: 1px solid transparent;
  height: 40px;
  left: 0;
  line-height: 20px;
  margin: 0;
  padding: 0 40px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}

.mm-header > a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.mm-header .mm-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mm-header .mm-btn {
  box-sizing: border-box;
  height: 40px;
  position: absolute;
  top: 0;
  width: 40px;
  z-index: 1;
}

.mm-header .mm-btn:first-child {
  left: 0;
  padding-left: 20px;
}

.mm-header .mm-btn:last-child {
  padding-right: 20px;
  right: 0;
}

.mm-listview,
.mm-listview > li {
  display: block;
  list-style: none;
  margin: 0;
  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 {
  color: inherit;
  display: block;
  line-height: 20px;
  margin: 0;
  overflow: hidden;
  padding: 10px 10px 10px 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mm-listview > li:not(.mm-divider)::after {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
}

.mm-listview > li:not(.mm-divider)::after {
  left: 20px;
}

.mm-listview .mm-next {
  background: rgba(3, 2, 1, 0);
  bottom: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  z-index: 2;
}

.mm-listview .mm-next::before {
  border-left-style: solid;
  border-left-width: 1px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 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 {
  margin-right: 0;
  padding-right: 50px;
}

.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 {
  border: 2px solid transparent;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 8px;
}

.mm-prev::before {
  border-bottom: none;
  border-right: none;
  left: 20px;
}

.mm-next::after {
  border-left: none;
  border-top: none;
  right: 20px;
}

.mm-divider {
  font-size: 10px;
  line-height: 25px;
  overflow: hidden;
  text-indent: 20px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.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);
}

/*
jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative;
}

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  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 {
  background: rgba(3, 2, 1, 0);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  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 {
  max-width: 440px;
  min-width: 140px;
  width: 80%;
}

html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0);
  }
}
@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0);
  }
}
/*
jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
}

.mm-menu.mm-right {
  left: auto;
  right: 0;
}

.mm-menu.mm-bottom {
  bottom: 0;
  top: auto;
}

html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -moz-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  -o-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
  }
}
@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-440px, 0);
    -moz-transform: translate(-440px, 0);
    -ms-transform: translate(-440px, 0);
    -o-transform: translate(-440px, 0);
    transform: translate(-440px, 0);
  }
}
/*
        jQuery.mmenu z-position extension CSS
        */
html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  z-index: 0 !important;
}

.mm-menu.mm-front {
  z-index: 1;
}

.mm-menu.mm-front,
.mm-menu.mm-next {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
}

.mm-menu.mm-front.mm-right,
.mm-menu.mm-next.mm-right {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-menu.mm-top {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.mm-menu.mm-bottom {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-top,
.mm-menu.mm-bottom {
  height: 80%;
  max-height: 880px;
  min-height: 140px;
}

#mmenu_container {
  height: 100%;
}

.mm-side-panel {
  background-color: #EEEEEE;
  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 {
  border-radius: 0;
  margin: 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 {
  border-style: none;
  margin: 10px;
}
.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;
  /* override jquery.mmenu.positioning .scss */
}

.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;
  -webkit-transition: none;
  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 {
  color: #FFFFFF;
  content: "\EA2D";
  display: block;
  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 {
  height: 75%;
  height: calc(100% - 185px);
  margin: 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  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: 0 -5px 12px rgba(0, 0, 0, 0.15);
  height: calc(100% - 179px);
  overflow-x: hidden;
  overflow-y: scroll;
}
#mm_bottom_partial_panels .mm-partial-panel .panel-header {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.98);
  border-bottom: 1px solid #E0E0E0;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
  display: flex;
  height: 45px;
  justify-content: center;
  position: fixed;
  transition: 0.5s;
  width: 100%;
  z-index: 1;
}
#mm_bottom_partial_panels .mm-partial-panel .panel-header-text {
  color: rgba(34, 34, 34, 0.8);
  font-size: 15px;
}
#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 {
  color: rgba(34, 34, 34, 0.8);
  font-family: "Alkami";
  font-style: normal;
}
#mm_bottom_partial_panels .mm-partial-panel .card {
  background-color: none;
  border-bottom: 1px solid #E0E0E0;
  box-shadow: none;
  margin-top: 45px !important;
}

#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 {
  background-color: #EEEEEE;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0s 0.4s;
  z-index: -1;
}
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 {
  background-color: #333333;
  transition: background-color 0s;
}

html.mm-front .mm-slideout.mmenu-higher-zindex {
  z-index: 200 !important;
}

.password-togglefication {
  position: relative;
}

.password-togglefication-button {
  background: none;
  border: none;
  bottom: 0;
  color: #4371AD;
  font-size: 10px;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  right: 0;
  text-transform: lowercase;
  top: 0;
  width: 40px;
}
.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: #FFFFFF;
  bottom: -150vh;
  height: calc(100% - 180px);
  left: 0;
  max-height: 100vh;
  position: fixed;
  transition-duration: 0.37s;
  transition-property: top, bottom;
  transition-timing-function: ease-in-out;
  width: 100%;
  z-index: 10000;
}
.alk-bottom-panel.alk-bottom-panel-full {
  height: 100%;
  top: 150vh;
}
.alk-bottom-panel.alk-bottom-panel-opened {
  bottom: 0;
}
.alk-bottom-panel.alk-bottom-panel-opened.alk-bottom-panel-full {
  top: 0;
}

.alk-bottom-panel-header {
  align-items: center;
  border-bottom: 1px solid #E0E0E0;
  color: #333333;
  display: flex;
  font-size: 15px;
  height: 55px;
  justify-content: center;
  position: relative;
}
.alk-bottom-panel-header .alk-bottom-panel-close {
  background-color: transparent;
  border-style: none;
  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%;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

.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: 0;
  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;
}

/* These have to be done as separate rules, otherwise they break */
::-webkit-input-placeholder {
  color: #707070;
}

:-moz-placeholder {
  color: #707070;
}

*,
*::before,
*::after {
  background-repeat: no-repeat;
  margin: 0;
  text-decoration: none;
}

*:focus {
  outline: none;
  /* remove nasty orange border on Android */
}

html {
  font-size: 10px;
}

html,
body {
  border: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  /* Prevent font scaling in landscape */
}

body {
  background-color: #F5F5F5;
  word-wrap: break-word;
}

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 {
  /* ipad */
  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 {
  font-size: 18px !important;
  font-weight: bold;
  margin: 20px 0 10px;
}

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-bottom: 30px;
  margin-top: 30px;
  text-align: center;
}

#home_page h5,
h3 {
  font-size: 11px;
  font-weight: normal;
}

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  line-height: 135%;
  margin-bottom: 10px;
}

.clearfix::after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
}

.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 {
  -webkit-appearance: none;
  /* <-- Apparently some margin are still there even though it's hidden */
  /* display: none; <- Crashes Chrome on hover */
  margin: 0;
}

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 {
  background-color: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 3px;
  display: block;
  height: 100px;
  margin: 0 auto;
  padding: 4px;
  width: 100px;
}

.confidence-image span img {
  border: 0 none;
  border-radius: 2px;
  color: #CCCCCC;
  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: #FFFFFF;
  border-radius: 3px 3px 0 0;
  padding: 20px 0 10px;
}

#UserName {
  border: 1px solid #E0E0E0;
}

#Password {
  border: 1px 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;
  /* hide existing loader gif */
  overflow: visible;
  padding: 10px;
  position: relative;
  /* hide existing loader gif */
}
div.loader::before {
  display: none;
}
div.loader #instructions {
  margin: 0 0 10px;
}

.loader-pip::before,
.loader-pip::after,
.loader-pip {
  animation: loader-pip-pulse 2.5s infinite ease-in-out;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.2);
  /* this is used to set pip color, override in theme if necessary */
  height: 12px;
  width: 12px;
}

.loader-pip {
  animation-delay: 0.16s;
  display: inline-block;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
}

.loader-pip::before {
  left: -150%;
}

.loader-pip::after {
  animation-delay: 0.32s;
  right: -150%;
}

.loader-pip::before,
.loader-pip::after {
  content: "";
  position: absolute;
  top: 0;
}

@keyframes loader-pip-pulse {
  0%, 50%, 100% {
    box-shadow: 0 20px 0 -10px currentColor;
  }
  25%, 75% {
    box-shadow: 0 20px 0 0 currentColor;
  }
}
.dim {
  background-color: #000000;
  filter: alpha(opacity=30);
  height: 100%;
  left: 0;
  -moz-opacity: 0.3;
  opacity: 0.3;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000 !important;
}

/***** List With Icon *****/
/* Icon mask is 29x29 px */
.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;
  height: 32px;
  margin: 50px auto;
  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 */
.blank-slate-message {
  background: #FFFFFF;
  border: 2px solid #D0D0D0;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
}
.blank-slate-message h3,
.blank-slate-message p {
  color: #333333;
  line-height: 150%;
}
.blank-slate-message h3 {
  border-bottom: 1px solid #E0E0E0;
  font-size: 18px;
  margin: 0;
  padding: 20px 0;
}
.blank-slate-message p {
  font-size: 15px;
  margin-top: 20px;
}
.blank-slate-message a.button {
  margin: 40px 0 0 0;
}

.ani-input-error {
  position: relative;
}
.ani-input-error::after {
  color: #C11826;
  content: "\EA6C";
  display: block;
  font-family: "Alkami";
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 6px;
}
.ani-input-error input {
  color: #C11826 !important;
}

.ani-input-error-block {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transform: scaleY(0);
  transform-origin: top left;
}
.ani-input-error-block.show {
  opacity: 1;
  transform: scaleY(1);
}
.ani-input-error-block .error-text {
  background-color: #C11826;
  color: #FFFFFF;
  font-size: 12px;
  margin: 10px;
  padding: 8px;
  position: relative;
  text-align: left;
}
.ani-input-error-block .error-text::before {
  border-color: transparent transparent #C11826;
  border-style: solid;
  border-width: 0 6px 6px;
  bottom: 100%;
  content: "";
  display: block;
  height: 0;
  left: 10px;
  position: absolute;
  width: 0;
}
.ani-input-error-block .error-text p {
  margin: 0;
}

.phone-number-container input {
  border-radius: 0;
  display: inline-block;
  padding: 0 !important;
  text-align: center;
  width: auto;
}

.mobile-interstitial-modal {
  margin-top: 45px;
}

.mobile-interstitial-modal img {
  height: auto !important;
  max-width: 100% !important;
}

.mobile-interstitial-modal a {
  display: block;
  float: none;
  margin: 5px;
  text-align: center;
}

.iris-account[data-color=account-color-0] .iris-account__color-bar {
  background-color: #5687bb;
}

.iris-account-tile[data-color=account-color-0] {
  background: linear-gradient(175deg, #8daed1 0%, #4373a6 100%);
}
.iris-account-tile[data-color=account-color-0] .iris-account__color-bar {
  background-color: #5687bb;
}

.iris-account[data-color=account-color-1] .iris-account__color-bar {
  background-color: #ff9933;
}

.iris-account-tile[data-color=account-color-1] {
  background: linear-gradient(175deg, #ffbf80 0%, #ff850a 100%);
}
.iris-account-tile[data-color=account-color-1] .iris-account__color-bar {
  background-color: #ff9933;
}

.iris-account[data-color=account-color-2] .iris-account__color-bar {
  background-color: #6f9c2f;
}

.iris-account-tile[data-color=account-color-2] {
  background: linear-gradient(175deg, #97ca4e 0%, #597d26 100%);
}
.iris-account-tile[data-color=account-color-2] .iris-account__color-bar {
  background-color: #6f9c2f;
}

.iris-account[data-color=account-color-3] .iris-account__color-bar {
  background-color: #ffc703;
}

.iris-account-tile[data-color=account-color-3] {
  background: linear-gradient(175deg, #ffd850 0%, #d9a900 100%);
}
.iris-account-tile[data-color=account-color-3] .iris-account__color-bar {
  background-color: #ffc703;
}

.iris-account[data-color=account-color-4] .iris-account__color-bar {
  background-color: #623b9f;
}

.iris-account-tile[data-color=account-color-4] {
  background: linear-gradient(175deg, #8862c5 0%, #503081 100%);
}
.iris-account-tile[data-color=account-color-4] .iris-account__color-bar {
  background-color: #623b9f;
}

.iris-account[data-color=account-color-5] .iris-account__color-bar {
  background-color: #49afa6;
}

.iris-account-tile[data-color=account-color-5] {
  background: linear-gradient(175deg, #7cc8c2 0%, #3d928b 100%);
}
.iris-account-tile[data-color=account-color-5] .iris-account__color-bar {
  background-color: #49afa6;
}

.iris-account[data-color=account-color-6] .iris-account__color-bar {
  background-color: #a02886;
}

.iris-account-tile[data-color=account-color-6] {
  background: linear-gradient(175deg, #d044b2 0%, #7f206b 100%);
}
.iris-account-tile[data-color=account-color-6] .iris-account__color-bar {
  background-color: #a02886;
}

.iris-account[data-color=account-color-7] .iris-account__color-bar {
  background-color: #673300;
}

.iris-account-tile[data-color=account-color-7] {
  background: linear-gradient(175deg, #b45900 0%, #3e1f00 100%);
}
.iris-account-tile[data-color=account-color-7] .iris-account__color-bar {
  background-color: #673300;
}

.iris-avatar[data-modifier=inverted] .iris-avatar__inner {
  background-color: #FFFFFF;
}
.iris-avatar[data-modifier=inverted] .iris-avatar__icon::before,
.iris-avatar[data-modifier=inverted] .iris-avatar__icon::after {
  color: #ff9933;
}
.iris-avatar[data-modifier=inverted] .iris-avatar__text {
  color: #ff9933;
}
.iris-avatar:not([data-modifier=inverted]) .iris-avatar__inner {
  background-color: #ff9933;
}
.iris-avatar:not([data-modifier=inverted]) .iris-avatar__icon::before,
.iris-avatar:not([data-modifier=inverted]) .iris-avatar__icon::after {
  color: #FFFFFF;
}
.iris-avatar:not([data-modifier=inverted]) .iris-avatar__text {
  color: #FFFFFF;
}

.iris-badge--circular {
  background-color: #ff9933;
  color: #FFFFFF;
}
.iris-badge--circular .iris-badge__content [class^=font-icon-]::before {
  color: #FFFFFF;
}

.iris-button--primary {
  background-color: #003366;
  border-color: transparent;
  color: white;
  font-weight: 400;
}
.iris-button--secondary {
  background: transparent;
  border-color: #003366;
  color: #003366;
  font-weight: 400;
}
.iris-button--action {
  background: #FFFFFF;
  border-color: #757575;
  color: #757575;
  font-weight: 400;
}
.iris-button--ghost {
  background-color: transparent;
  border-color: transparent;
  color: #4371AD;
}
.iris-button--circular {
  background: #FFFFFF;
  border-color: #E6E6E6;
  color: #757575;
}

.iris-button:hover.iris-button--primary, .iris-button:focus.iris-button--primary {
  background-color: #3d70a3;
  border-color: #3d70a3;
  color: white;
}
.iris-button:hover.iris-button--secondary, .iris-button:focus.iris-button--secondary {
  background-color: #e3e7eb;
  border-color: #003366;
  color: #003366;
}
.iris-button:hover.iris-button--action, .iris-button:focus.iris-button--action {
  background-color: #F2F2F2;
  border-color: #333333;
  color: #333333;
}
.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: #F2F2F2;
  border-color: #757575;
  color: #757575;
}
.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: #8099b3;
  border-color: rgba(255, 255, 255, 0.5);
  color: white;
}
.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: rgba(255, 255, 255, 0.5);
  border-color: #8099b3;
  color: #8099b3;
}
.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: white;
  border-color: #bababa;
  color: #bababa;
}
.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: #f3f3f3;
  color: #bababa;
}

.iris-day.selected {
  border-color: #ff9933;
  color: #FFFFFF;
  transition: 0.3s;
}
.iris-day.selected .iris-day__number {
  color: #FFFFFF;
}
.iris-day.selected .iris-day__label {
  color: #FFFFFF;
}

.iris-day__avatar::before, .iris-day__avatar::after {
  background-color: white;
}

.ripple {
  background-color: #ff9933;
}

.iris-card__overlay {
  background-color: rgba(255, 153, 51, 0.75);
}

.bg-color--theme-primary {
  --bg-color--theme-primary: #ff9933;
  background-color: #ff9933 !important;
}
.bg-color--theme-secondary {
  --bg-color--theme-secondary: #003366;
  background-color: #003366 !important;
}

.border-color--theme-primary {
  --border-color--theme-primary: #ff9933;
  border-color: #ff9933 !important;
}
.border-color--theme-secondary {
  --border-color--theme-secondary: #003366;
  border-color: #003366 !important;
}

.border-top-color--theme-primary {
  --border-top-color--theme-primary: #ff9933;
  border-top-color: #ff9933 !important;
}
.border-top-color--theme-secondary {
  --border--top-color--theme-secondary: #003366;
  border-top-color: #003366 !important;
}

.border-right-color--theme-primary {
  --border--right-color--theme-primary: #ff9933;
  border-right-color: #ff9933 !important;
}
.border-right-color--theme-secondary {
  --border-right-color--theme-secondary: #003366;
  border-right-color: #003366 !important;
}

.border-bottom-color--theme-primary {
  --border-bottom-color--theme-primary: #ff9933;
  border-bottom-color: #ff9933 !important;
}
.border-bottom-color--theme-secondary {
  --border-bottom-color--theme-secondary: #003366;
  border-bottom-color: #003366 !important;
}

.border-left-color--theme-primary {
  --border-left-color--theme-primary: #ff9933;
  border-left-color: #ff9933 !important;
}
.border-left-color--theme-secondary {
  --border-left-color--theme-secondary: #003366;
  border-left-color: #003366 !important;
}

.font-color--theme-primary {
  --font-color--theme-primary: #ff9933;
  color: #ff9933 !important;
}
.font-color--theme-secondary {
  --font-color--theme-secondary: #003366;
  color: #003366 !important;
}

.hover-font-color--theme-primary:hover {
  --hover-font-color--theme-primary: #ff9933;
  color: #ff9933 !important;
}
.hover-font-color--theme-secondary:hover {
  --hover-font-color--theme-secondary: #003366;
  color: #003366 !important;
}

.hover-bg-color--theme-primary:hover {
  --hover-bg-color--theme-primary: #ff9933;
  background-color: #ff9933 !important;
}
.hover-bg-color--theme-secondary:hover {
  --hover-bg-color--theme-secondary: #003366;
  background-color: #003366 !important;
}

.hover-border-color--theme-primary:hover {
  --hover-border-color--theme-primary: #ff9933;
  border-color: #ff9933 !important;
}
.hover-border-color--theme-secondary:hover {
  --hover-border-color--theme-secondary: #003366;
  border-color: #003366 !important;
}

.hover-border-top-color--theme-primary:hover {
  --hover-border-top-color--theme-primary: #ff9933;
  border-top-color: #ff9933 !important;
}
.hover-border-top-color--theme-secondary:hover {
  --hover-border-top-color--theme-secondary: #003366;
  border-top-color: #003366 !important;
}

.hover-border-right-color--theme-primary:hover {
  --hover-border-right-color--theme-primary: #ff9933;
  border-right-color: #ff9933 !important;
}
.hover-border-right-color--theme-secondary:hover {
  --hover-border-right-color--theme-secondary: #003366;
  border-right-color: #003366 !important;
}

.hover-border-bottom-color--theme-primary:hover {
  --hover-border-bottom-color--theme-primary: #ff9933;
  border-bottom-color: #ff9933 !important;
}
.hover-border-bottom-color--theme-secondary:hover {
  --hover-border-bottom-color--theme-secondary: #003366;
  border-bottom-color: #003366 !important;
}

.hover-border-left-color--theme-primary:hover {
  --hover-border-left-color--theme-primary: #ff9933;
  border-left-color: #ff9933 !important;
}
.hover-border-left-color--theme-secondary:hover {
  --hover-border-left-color--theme-secondary: #003366;
  border-left-color: #003366 !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: #F2F2F2;
  border-color: #E6E6E6;
}
.iris-list--actionable .iris-list-item[aria-selected=true] .border {
  border-color: #E6E6E6 !important;
}

.iris-switchboard__label::before {
  background: #ff9933;
}

.iris-switchboard__input:checked + .iris-switchboard__label {
  color: #F2F2F2;
}

.iris-tabs--main .iris-tabs__inner {
  border-bottom: 1px solid rgb(var(--colorPlatformGray100, 230, 230, 230));
}
.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-right: 24px;
  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: 2px;
  opacity: 0.5;
}
.iris-tabs--main .iris-tabs__list-item .iris-tabs__link {
  color: rgb(var(--colorPlatformGray900, 26, 26, 26));
  font-family: var(--typeBrandedSubtitle1FontFamily, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
  font-size: 16px;
  font-weight: var(--typeBrandedSubtitle1FontWeight, 600);
  letter-spacing: var(--typeBrandedSubtitle1CharacterSpacing, -0.1pt);
  line-height: 24px;
  padding: 0 0 8px;
}
.iris-tabs--main .iris-tabs__list-item .iris-tabs__link::before {
  background-color: rgb(var(--colorBrandedGuidanceAccessible, 255, 153, 51));
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  min-height: 0;
  opacity: 0;
  position: absolute;
  transition: 0.25s;
  width: 100%;
}
.iris-tabs--main .iris-tabs__list-item .iris-tabs__link .iris-tabs__link-icon {
  display: none;
}
.iris-tabs--main .iris-tabs__list-item[aria-selected=true] .iris-tabs__link::before {
  min-height: 2px;
  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 rgb(var(--colorPlatformGray100, 230, 230, 230));
}
.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-right: 24px;
  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: 2px;
  opacity: 0.5;
}
.iris-tabs--sub .iris-tabs__list-item .iris-tabs__link {
  color: rgb(var(--colorPlatformGray900, 26, 26, 26));
  font-family: var(--typeBrandedSubtitle1FontFamily, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
  font-size: 16px;
  font-weight: var(--typeBrandedSubtitle1FontWeight, 600);
  letter-spacing: var(--typeBrandedSubtitle1CharacterSpacing, -0.1pt);
  line-height: 24px;
  padding: 0 0 8px;
}
.iris-tabs--sub .iris-tabs__list-item .iris-tabs__link::before {
  background-color: rgb(var(--colorBrandedGuidanceAccessible, 255, 153, 51));
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  min-height: 0;
  opacity: 0;
  position: absolute;
  transition: 0.25s;
  width: 100%;
}
.iris-tabs--sub .iris-tabs__list-item .iris-tabs__link .iris-tabs__link-icon {
  display: none;
}
.iris-tabs--sub .iris-tabs__list-item[aria-selected=true] .iris-tabs__link::before {
  min-height: 2px;
  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-background__layer,
#page_login .page-background__layer,
#password_page .page-background__layer,
#page_sync_accounts .page-background__layer {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
#username_page .page-background__layer0--color,
#page_login .page-background__layer0--color,
#password_page .page-background__layer0--color,
#page_sync_accounts .page-background__layer0--color {
  background-color: rgba(var(--backgroundMobileColorBgLayer0), var(--backgroundMobileColorAlphaLayer0));
}
#username_page .page-background__layer0--image,
#page_login .page-background__layer0--image,
#password_page .page-background__layer0--image,
#page_sync_accounts .page-background__layer0--image {
  background-attachment: var(--backgroundMobileImageAttachmentLayer0);
  background-image: var(--backgroundMobileImageLayer0);
  background-position-x: var(--backgroundMobileImagePositionXLayer0);
  background-position-y: var(--backgroundMobileImagePositionYLayer0);
  background-repeat: var(--backgroundMobileImageRepeatLayer0);
  background-size: var(--backgroundMobileImageSizeLayer0);
  opacity: var(--backgroundMobileImageOpacityLayer0);
}
#username_page .page-background__layer0--gradient,
#page_login .page-background__layer0--gradient,
#password_page .page-background__layer0--gradient,
#page_sync_accounts .page-background__layer0--gradient {
  background: linear-gradient(var(--backgroundMobileGradientDegreeLayer0), rgb(var(--backgroundMobileGradientColor1Layer0)) var(--backgroundMobileGradientColorStop1Layer0), rgb(var(--backgroundMobileGradientColor2Layer0)) var(--backgroundMobileGradientColorStop2Layer0), rgb(var(--backgroundMobileGradientColor3Layer0)) var(--backgroundMobileGradientColorStop3Layer0));
}
#username_page .page-background__layer1--color,
#page_login .page-background__layer1--color,
#password_page .page-background__layer1--color,
#page_sync_accounts .page-background__layer1--color {
  background-color: rgba(var(--backgroundMobileColorBgLayer1), var(--backgroundMobileColorAlphaLayer1));
}
#username_page .page-background__layer1--image,
#page_login .page-background__layer1--image,
#password_page .page-background__layer1--image,
#page_sync_accounts .page-background__layer1--image {
  background-attachment: var(--backgroundMobileImageAttachmentLayer1);
  background-image: var(--backgroundMobileImageLayer1);
  background-position-x: var(--backgroundMobileImagePositionXLayer1);
  background-position-y: var(--backgroundMobileImagePositionYLayer1);
  background-repeat: var(--backgroundMobileImageRepeatLayer1);
  background-size: var(--backgroundMobileImageSizeLayer1);
  opacity: var(--backgroundMobileImageOpacityLayer1);
}
#username_page .page-background__layer1--gradient,
#page_login .page-background__layer1--gradient,
#password_page .page-background__layer1--gradient,
#page_sync_accounts .page-background__layer1--gradient {
  background: linear-gradient(var(--backgroundMobileGradientDegreeLayer1), rgb(var(--backgroundMobileGradientColor1Layer1)) var(--backgroundMobileGradientColorStop1Layer1), rgb(var(--backgroundMobileGradientColor2Layer1)) var(--backgroundMobileGradientColorStop2Layer1), rgb(var(--backgroundMobileGradientColor3Layer1)) var(--backgroundMobileGradientColorStop3Layer1));
}

#username_page .brand-logo {
  background-image: var(--widgetAuthenticationLoginImage);
}

#mobile-info-panel .footer {
  background-color: transparent;
  padding: 0;
}

/*
    ORB CACHE - Safe to remove after 2 releases.
    DEV-123304 - Desktop Background Styles
*/
#username_page.body--layer0-background-type-color,
#page_login.body--layer0-background-type-color,
#password_page.body--layer0-background-type-color,
#page_sync_accounts.body--layer0-background-type-color {
  background-color: rgba(var(--backgroundMobileColorBgLayer0), var(--backgroundMobileColorAlphaLayer0));
}
#username_page.body--layer0-background-type-image,
#page_login.body--layer0-background-type-image,
#password_page.body--layer0-background-type-image,
#page_sync_accounts.body--layer0-background-type-image {
  background: var(--backgroundMobileImageLayer0);
  background-attachment: var(--backgroundMobileImageAttachmentLayer0);
  background-position-x: var(--backgroundMobileImagePositionXLayer0);
  background-position-y: var(--backgroundMobileImagePositionYLayer0);
  background-repeat: var(--backgroundMobileImageRepeatLayer0);
  background-size: var(--backgroundMobileImageSizeLayer0);
}
#username_page.body--layer0-background-type-gradient,
#page_login.body--layer0-background-type-gradient,
#password_page.body--layer0-background-type-gradient,
#page_sync_accounts.body--layer0-background-type-gradient {
  background: linear-gradient(var(--backgroundMobileGradientDegreeLayer0), rgb(var(--backgroundMobileGradientColor1Layer0)) var(--backgroundMobileGradientColorStop1Layer0), rgb(var(--backgroundMobileGradientColor2Layer0)) var(--backgroundMobileGradientColorStop2Layer0), rgb(var(--backgroundMobileGradientColor3Layer0)) var(--backgroundMobileGradientColorStop3Layer0));
}
#username_page.body--layer1-background::before,
#page_login.body--layer1-background::before,
#password_page.body--layer1-background::before,
#page_sync_accounts.body--layer1-background::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
#username_page.body--layer1-background-type-color::before,
#page_login.body--layer1-background-type-color::before,
#password_page.body--layer1-background-type-color::before,
#page_sync_accounts.body--layer1-background-type-color::before {
  background-color: rgba(var(--backgroundMobileColorBgLayer1), var(--backgroundMobileColorAlphaLayer1));
}
#username_page.body--layer1-background-type-image::before,
#page_login.body--layer1-background-type-image::before,
#password_page.body--layer1-background-type-image::before,
#page_sync_accounts.body--layer1-background-type-image::before {
  background-attachment: var(--backgroundMobileImageAttachmentLayer1);
  background-image: var(--backgroundMobileImageLayer1);
  background-position-x: var(--backgroundMobileImagePositionXLayer1);
  background-position-y: var(--backgroundMobileImagePositionYLayer1);
  background-repeat: var(--backgroundMobileImageRepeatLayer1);
  background-size: var(--backgroundMobileImageSizeLayer1);
}
#username_page.body--layer1-background-type-gradient::before,
#page_login.body--layer1-background-type-gradient::before,
#password_page.body--layer1-background-type-gradient::before,
#page_sync_accounts.body--layer1-background-type-gradient::before {
  background: linear-gradient(var(--backgroundMobileGradientDegreeLayer1), rgb(var(--backgroundMobileGradientColor1Layer1)) var(--backgroundMobileGradientColorStop1Layer1), rgb(var(--backgroundMobileGradientColor2Layer1)) var(--backgroundMobileGradientColorStop2Layer1), rgb(var(--backgroundMobileGradientColor3Layer1)) var(--backgroundMobileGradientColorStop3Layer1));
}

/* End DEV-123304 */
#wrapper .titlebar {
  background-color: #FFFFFF;
}
#wrapper .titlebar h1 {
  color: #ab5600;
  font-family: var(--typeBrandedSmallHeadingFontFamily), var(--typeBrandedFontFamilyFallbacks);
  font-size: 20px;
  font-weight: var(--typeBrandedSmallHeadingFontWeight);
  letter-spacing: var(--typeBrandedSmallHeadingCharacterSpacing);
}
#wrapper .titlebar .titlebar-button.right,
#wrapper .titlebar .titlebar-button.left {
  color: #ab5600 !important;
}

.mm-panel .titlebar h1 {
  color: rgb(var(--colorPlatformGray900));
  font-weight: 300;
}
.mm-panel .titlebar .titlebar-button.right,
.mm-panel .titlebar .titlebar-button.left,
.mm-panel .titlebar .mm-close-panel::before {
  color: rgb(var(--colorPlatformGray900)) !important;
}

#password_page #wrapper .titlebar,
#page_login #wrapper .titlebar {
  background-color: #FFFFFF !important;
  color: #ab5600 !important;
}

.mobile-nav-header {
  background-color: #FFFFFF !important;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

#mobile_nav_container {
  background: #FFFFFF;
  color: rgb(var(--colorPlatformGray900));
  padding-top: 25px;
}
#mobile_nav_container #mobile_nav_user {
  margin: 30px 0;
  position: relative;
}
#mobile_nav_container h4 {
  color: rgb(var(--colorPlatformGray900));
  opacity: 1;
}
#mobile_nav_container .mobile-nav-icon::before {
  color: #ff9933;
  opacity: 1;
}
#mobile_nav_container .mobile-nav-icon a {
  border-bottom: 1px solid #FFFFFF;
}

.mobile-nav-header img {
  max-height: 44px;
  max-width: 250px;
  padding: 6px 0;
}

#mobile_nav .mobile-nav-links a {
  padding: 10px 0 15px;
}

#page_sync_accounts #content {
  height: auto;
}
#page_sync_accounts div.titlebar {
  background-color: transparent !important;
  margin-bottom: 135px;
  margin-top: 120px;
}
#page_sync_accounts .error-title {
  color: #FFFFFF;
}
#page_sync_accounts #instructions {
  display: none;
}

body#page_sync_accounts div#sync_accounts_page img {
  height: 30% !important;
  width: 65% !important;
}

div.loader {
  top: calc(50vh - 70px);
}

#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-bottom: 25px;
  margin-left: 40px;
  margin-right: 40px;
}

div.modal-content {
  margin-top: 45px !important;
}

#mobile_support_page div.modal-content {
  margin-top: 0 !important;
}

.modal-container {
  padding-top: 50px !important;
}

ul.list.inset.accounts {
  border: none;
  box-shadow: 0 0 5px 0 rgba(117, 117, 117, 0.5);
}

div#transfer_policy_link {
  margin-left: 0 !important;
  text-align: center;
}
div#transfer_policy_link a {
  color: #1B76BC !important;
}
div#transfer_policy_link span.arrow-right {
  display: none !important;
}

#mobile_transactions #transaction_content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

div#mmenu_container div#content.clearfix div.main-content {
  margin-top: 50px !important;
  padding-bottom: 0 !important;
}

div.mm-menu.mm-bottom {
  height: 100% !important;
}

div#content {
  padding-bottom: 0 !important;
}

nav.tab-nav div.tab-wrapper a.tab.active {
  border-color: #003366;
  color: #333333;
  font-weight: bold;
}

#contact_page .main-content h3 {
  color: #707070;
  font-size: 12px;
  text-transform: uppercase;
}
#contact_page .list li {
  align-items: center;
  display: flex;
  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;
}
#contact_page .detail-time {
  color: #707070;
  line-height: 20px;
  margin-right: 0;
  position: static;
}

#transferView div.toggle-container {
  background-color: transparent !important;
  padding: 0 !important;
}

div.toggle-container {
  background-color: transparent !important;
  border-bottom: 0 !important;
  padding: 0 !important;
}

ul.segmented-buttons {
  font-size: 18px !important;
}
ul.segmented-buttons li {
  background: transparent;
  box-shadow: none !important;
}
ul.segmented-buttons li a {
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  color: rgb(var(--colorPlatformGray500));
  font-weight: normal;
  padding: 15px;
  text-transform: uppercase;
  transition: 1s;
}
ul.segmented-buttons li.selected a {
  background: transparent;
  border-bottom: #ff9933 2px solid;
  border-radius: 0;
  color: rgb(var(--colorPlatformGray800));
}

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 {
  background: #FFFFFF;
  border: 1px solid #757575;
  color: #ff9933;
  font-size: 15px;
  margin: 10px 0;
  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 #ff9933;
  color: #ff9933 !important;
  padding: 14px !important;
}

#wrong_questions .button,
#wrong_numbers .button,
#wrong_addresses .button,
#password_help .button {
  background: none !important;
  border: 1px solid #ff9933 !important;
  color: #ff9933 !important;
}

#mobile_footer #mobile_info_panel {
  display: none !important;
}

.mm-bottom-panel {
  padding-bottom: 0 !important;
}
.mm-bottom-panel div.container,
.mm-bottom-panel div.footer {
  background: transparent !important;
  border-top: none;
  height: auto !important;
  margin-top: 0;
  text-align: center;
}
.mm-bottom-panel .social-icons {
  justify-content: center;
}

body#username_page .container,
body#page_login .container,
body#password_page .container,
body#page_sync_accounts .container {
  display: none !important;
}

#mobile-info-panel .footer {
  color: var(--colorPlatformGray800);
}
#mobile-info-panel .footer__links a,
#mobile-info-panel .footer__links a:hover,
#mobile-info-panel .footer__links button,
#mobile-info-panel .footer__links button:hover,
#mobile-info-panel .footer__social-links a,
#mobile-info-panel .footer__social-links a:hover,
#mobile-info-panel .footer__social-links button,
#mobile-info-panel .footer__social-links button:hover {
  color: rgb(var(--colorBrandedAffordanceAccessible));
  text-decoration: none;
}
#mobile-info-panel .footer__links button,
#mobile-info-panel .footer__social-links button {
  font-size: inherit;
  padding: 0;
}

#mobile_nav_container .footer {
  background-color: #FFFFFF;
  color: var(--colorPlatformGray800);
  padding-top: 0;
}
#mobile_nav_container [class^=footer__column-] {
  justify-content: left;
  text-align: left;
}
#mobile_nav_container .footer__logo {
  display: none;
}
#mobile_nav_container .footer__legal-logos {
  align-items: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#mobile_nav_container .footer__legal-logos .font-icon-container {
  margin-left: 0;
  margin-right: var(--spacingPlatformSmall);
}
#mobile_nav_container .footer__links {
  justify-content: left;
  text-align: left;
}
#mobile_nav_container .footer__links a,
#mobile_nav_container .footer__links a:hover,
#mobile_nav_container .footer__links button,
#mobile_nav_container .footer__links button:hover {
  color: rgb(var(--colorBrandedAffordanceAccessible));
  text-decoration: none;
}
#mobile_nav_container .footer__links button {
  font-size: inherit;
  padding: 0;
}
#mobile_nav_container .footer__social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: left;
}
#mobile_nav_container .footer__social-links a,
#mobile_nav_container .footer__social-links a:hover {
  color: rgb(var(--colorBrandedAffordanceAccessible));
}
#mobile_nav_container .footer__cms-content .iris-content {
  color: var(--colorPlatformGray800);
}

#mobile-info-panel #browser-support-info,
#mobile-info-panel #tb_footerLinks_mobile,
#mobile_nav_container #browser-support-info,
#mobile_nav_container #tb_footerLinks_mobile {
  display: none;
}

.mobile-quickapply .item-thumbnail .thumbnail-overlay {
  background-color: #c2cedb !important;
}

.mobile-quickapply .item-thumbnail .thumbnail-icon {
  color: #003366 !important;
}

.footer {
  background-color: rgb(var(--footerBgColor));
  color: rgb(var(--footerTextColor));
  font-size: 1.4rem;
  line-height: 2rem;
  padding: var(--spacingPlatformBig) 0;
}

.footer__row {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: var(--containerWidth);
  padding-left: var(--containerPadding);
  padding-right: var(--containerPadding);
}

.footer__column-a,
.footer__column-b,
.footer__column-c {
  text-align: center;
}

.footer__logo,
.footer__contact-details,
.footer__cms-content [data-cms-content-area],
.footer__legal-logos,
.footer__social-links,
.footer__app-links {
  margin-bottom: var(--spacingPlatformBase);
}
.footer__logo:empty,
.footer__contact-details:empty,
.footer__cms-content [data-cms-content-area]:empty,
.footer__legal-logos:empty,
.footer__social-links:empty,
.footer__app-links:empty {
  display: none;
}

.footer__logo img {
  max-height: 100px;
  max-width: 200px;
}

.footer__fi-numbers {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__fi-numbers span {
  font-weight: 700;
}

.footer__cms-content {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.footer__cms-content .iris-content {
  color: rgb(var(--footerTextColor));
}
.footer__cms-content a,
.footer__cms-content a:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}

.footer__legal-logos {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon, .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer__legal-logos .selected::before, .footer__legal-logos .modal-message.sys-alert::before, .footer__legal-logos .close-modal::before {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon:first-child, .footer__legal-logos .no-accounts .selected:first-child::before, .no-accounts .footer__legal-logos .selected:first-child::before, .footer__legal-logos .modal-message.sys-alert:first-child::before, .footer__legal-logos .close-modal:first-child::before {
  margin-left: 0;
}
.footer__legal-logos .font-icon:last-child, .footer__legal-logos .no-accounts .selected:last-child::before, .no-accounts .footer__legal-logos .selected:last-child::before, .footer__legal-logos .modal-message.sys-alert:last-child::before, .footer__legal-logos .close-modal:last-child::before {
  margin-right: 0;
}
.footer__legal-logos .font-icon-container {
  display: flex;
  flex-direction: column;
  max-width: 152px;
  text-align: center;
}
.footer__legal-logos .font-icon-text {
  font-size: 10px;
  margin-top: var(--spacingPlatformNano);
  word-break: break-word;
}
.footer__legal-logos .font-icon--text-only {
  display: flex;
  justify-content: center;
  line-height: 2rem;
  min-height: 72px;
}
.footer__legal-logos .font-icon--text-only a {
  color: rgb(var(--footerTextColor));
}

.footer__links {
  display: flex;
  justify-content: center;
}
.footer__links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__links li {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__links a,
.footer__links a:hover,
.footer__links button,
.footer__links button:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}
.footer__links button,
.footer__links button:hover {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.footer__links [class*=font-icon] {
  margin-right: var(--spacingPlatformNano);
}

.footer__social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footer__social-links a,
.footer__social-links a:hover {
  color: rgb(var(--footerTextColor));
}
.footer__social-links a {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__social-links a:first-child {
  margin-left: 0;
}
.footer__social-links a:last-child {
  margin-right: 0;
}

.footer__app-links {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__app-links a {
  display: inline-block;
  margin-bottom: 8px;
}
.footer__app-links img {
  height: 40px;
}

.footer__copyright {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.footer--horizontal1 .footer__contact-details-street {
  display: inline-flex;
}
.footer--horizontal1 .footer__contact-details-street:not(:empty)::after {
  content: ", ";
}
.footer--horizontal1 .footer__contact-details-street2 {
  margin-left: var(--spacingPlatformNano);
}
@media screen and (min-width: 528px) {
  .footer--horizontal1 .footer__row {
    display: flex;
    justify-content: space-between;
  }
  .footer--horizontal1 .footer__column-a {
    order: 2;
    text-align: right;
    width: calc(50% - 12px);
  }
  .footer--horizontal1 .footer__column-b {
    order: 1;
    text-align: left;
    width: calc(50% - 12px);
  }
  .footer--horizontal1 .footer__links {
    justify-content: flex-start;
  }
  .footer--horizontal1 .footer__links ul {
    display: flex;
    flex-wrap: wrap;
  }
  .footer--horizontal1 .footer__links li {
    margin-right: var(--spacingPlatformBase);
  }
  .footer--horizontal1 .footer__links li:last-child {
    margin-right: 0;
  }
  .footer--horizontal1 .footer__fi-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .footer--horizontal1 .footer__fi-numbers .footer__fi-numbers-routing {
    margin-left: var(--spacingPlatformSmall);
  }
  .footer--horizontal1 .footer__social-links {
    justify-content: flex-start;
  }
  .footer--horizontal1 .footer__legal-logos {
    justify-content: flex-end;
  }
  .footer--horizontal1 .footer__legal-logos .font-icon, .footer--horizontal1 .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer--horizontal1 .footer__legal-logos .selected::before, .footer--horizontal1 .footer__legal-logos .modal-message.sys-alert::before, .footer--horizontal1 .footer__legal-logos .close-modal::before {
    margin-left: var(--spacingPlatformSmall);
    margin-right: 0;
  }
}

.footer {
  background-color: rgb(var(--footerBgColor));
  color: rgb(var(--footerTextColor));
  font-size: 1.4rem;
  line-height: 2rem;
  padding: var(--spacingPlatformBig) 0;
}

.footer__row {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: var(--containerWidth);
  padding-left: var(--containerPadding);
  padding-right: var(--containerPadding);
}

.footer__column-a,
.footer__column-b,
.footer__column-c {
  text-align: center;
}

.footer__logo,
.footer__contact-details,
.footer__cms-content [data-cms-content-area],
.footer__legal-logos,
.footer__social-links,
.footer__app-links {
  margin-bottom: var(--spacingPlatformBase);
}
.footer__logo:empty,
.footer__contact-details:empty,
.footer__cms-content [data-cms-content-area]:empty,
.footer__legal-logos:empty,
.footer__social-links:empty,
.footer__app-links:empty {
  display: none;
}

.footer__logo img {
  max-height: 100px;
  max-width: 200px;
}

.footer__fi-numbers {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__fi-numbers span {
  font-weight: 700;
}

.footer__cms-content {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.footer__cms-content .iris-content {
  color: rgb(var(--footerTextColor));
}
.footer__cms-content a,
.footer__cms-content a:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}

.footer__legal-logos {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon, .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer__legal-logos .selected::before, .footer__legal-logos .modal-message.sys-alert::before, .footer__legal-logos .close-modal::before {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon:first-child, .footer__legal-logos .no-accounts .selected:first-child::before, .no-accounts .footer__legal-logos .selected:first-child::before, .footer__legal-logos .modal-message.sys-alert:first-child::before, .footer__legal-logos .close-modal:first-child::before {
  margin-left: 0;
}
.footer__legal-logos .font-icon:last-child, .footer__legal-logos .no-accounts .selected:last-child::before, .no-accounts .footer__legal-logos .selected:last-child::before, .footer__legal-logos .modal-message.sys-alert:last-child::before, .footer__legal-logos .close-modal:last-child::before {
  margin-right: 0;
}
.footer__legal-logos .font-icon-container {
  display: flex;
  flex-direction: column;
  max-width: 152px;
  text-align: center;
}
.footer__legal-logos .font-icon-text {
  font-size: 10px;
  margin-top: var(--spacingPlatformNano);
  word-break: break-word;
}
.footer__legal-logos .font-icon--text-only {
  display: flex;
  justify-content: center;
  line-height: 2rem;
  min-height: 72px;
}
.footer__legal-logos .font-icon--text-only a {
  color: rgb(var(--footerTextColor));
}

.footer__links {
  display: flex;
  justify-content: center;
}
.footer__links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__links li {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__links a,
.footer__links a:hover,
.footer__links button,
.footer__links button:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}
.footer__links button,
.footer__links button:hover {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.footer__links [class*=font-icon] {
  margin-right: var(--spacingPlatformNano);
}

.footer__social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footer__social-links a,
.footer__social-links a:hover {
  color: rgb(var(--footerTextColor));
}
.footer__social-links a {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__social-links a:first-child {
  margin-left: 0;
}
.footer__social-links a:last-child {
  margin-right: 0;
}

.footer__app-links {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__app-links a {
  display: inline-block;
  margin-bottom: 8px;
}
.footer__app-links img {
  height: 40px;
}

.footer__copyright {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.footer--horizontal2 .footer__contact-details-street {
  display: inline-flex;
}
.footer--horizontal2 .footer__contact-details-street:not(:empty)::after {
  content: ", ";
}
.footer--horizontal2 .footer__contact-details-street2 {
  margin-left: var(--spacingPlatformNano);
}
@media screen and (min-width: 528px) {
  .footer--horizontal2 .footer__row {
    display: flex;
    justify-content: space-between;
  }
  .footer--horizontal2 .footer__column-a {
    order: 2;
    text-align: right;
    width: calc(50% - 12px);
  }
  .footer--horizontal2 .footer__column-b {
    order: 1;
    text-align: left;
    width: calc(50% - 12px);
  }
  .footer--horizontal2 .footer__links {
    justify-content: flex-start;
  }
  .footer--horizontal2 .footer__links ul {
    display: flex;
    flex-wrap: wrap;
  }
  .footer--horizontal2 .footer__links li {
    margin-right: var(--spacingPlatformBase);
  }
  .footer--horizontal2 .footer__links li:last-child {
    margin-right: 0;
  }
  .footer--horizontal2 .footer__social-links {
    justify-content: flex-start;
  }
  .footer--horizontal2 .footer__legal-logos {
    justify-content: flex-start;
  }
  .footer--horizontal2 .footer__legal-logos .font-icon, .footer--horizontal2 .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer--horizontal2 .footer__legal-logos .selected::before, .footer--horizontal2 .footer__legal-logos .modal-message.sys-alert::before, .footer--horizontal2 .footer__legal-logos .close-modal::before {
    margin-left: 0;
    margin-right: var(--spacingPlatformSmall);
  }
  .footer--horizontal2 .footer__fi-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .footer--horizontal2 .footer__fi-numbers .footer__fi-numbers-routing {
    margin-left: var(--spacingPlatformSmall);
  }
}

.footer {
  background-color: rgb(var(--footerBgColor));
  color: rgb(var(--footerTextColor));
  font-size: 1.4rem;
  line-height: 2rem;
  padding: var(--spacingPlatformBig) 0;
}

.footer__row {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: var(--containerWidth);
  padding-left: var(--containerPadding);
  padding-right: var(--containerPadding);
}

.footer__column-a,
.footer__column-b,
.footer__column-c {
  text-align: center;
}

.footer__logo,
.footer__contact-details,
.footer__cms-content [data-cms-content-area],
.footer__legal-logos,
.footer__social-links,
.footer__app-links {
  margin-bottom: var(--spacingPlatformBase);
}
.footer__logo:empty,
.footer__contact-details:empty,
.footer__cms-content [data-cms-content-area]:empty,
.footer__legal-logos:empty,
.footer__social-links:empty,
.footer__app-links:empty {
  display: none;
}

.footer__logo img {
  max-height: 100px;
  max-width: 200px;
}

.footer__fi-numbers {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__fi-numbers span {
  font-weight: 700;
}

.footer__cms-content {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.footer__cms-content .iris-content {
  color: rgb(var(--footerTextColor));
}
.footer__cms-content a,
.footer__cms-content a:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}

.footer__legal-logos {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon, .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer__legal-logos .selected::before, .footer__legal-logos .modal-message.sys-alert::before, .footer__legal-logos .close-modal::before {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon:first-child, .footer__legal-logos .no-accounts .selected:first-child::before, .no-accounts .footer__legal-logos .selected:first-child::before, .footer__legal-logos .modal-message.sys-alert:first-child::before, .footer__legal-logos .close-modal:first-child::before {
  margin-left: 0;
}
.footer__legal-logos .font-icon:last-child, .footer__legal-logos .no-accounts .selected:last-child::before, .no-accounts .footer__legal-logos .selected:last-child::before, .footer__legal-logos .modal-message.sys-alert:last-child::before, .footer__legal-logos .close-modal:last-child::before {
  margin-right: 0;
}
.footer__legal-logos .font-icon-container {
  display: flex;
  flex-direction: column;
  max-width: 152px;
  text-align: center;
}
.footer__legal-logos .font-icon-text {
  font-size: 10px;
  margin-top: var(--spacingPlatformNano);
  word-break: break-word;
}
.footer__legal-logos .font-icon--text-only {
  display: flex;
  justify-content: center;
  line-height: 2rem;
  min-height: 72px;
}
.footer__legal-logos .font-icon--text-only a {
  color: rgb(var(--footerTextColor));
}

.footer__links {
  display: flex;
  justify-content: center;
}
.footer__links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__links li {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__links a,
.footer__links a:hover,
.footer__links button,
.footer__links button:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}
.footer__links button,
.footer__links button:hover {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.footer__links [class*=font-icon] {
  margin-right: var(--spacingPlatformNano);
}

.footer__social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footer__social-links a,
.footer__social-links a:hover {
  color: rgb(var(--footerTextColor));
}
.footer__social-links a {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__social-links a:first-child {
  margin-left: 0;
}
.footer__social-links a:last-child {
  margin-right: 0;
}

.footer__app-links {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__app-links a {
  display: inline-block;
  margin-bottom: 8px;
}
.footer__app-links img {
  height: 40px;
}

.footer__copyright {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.footer--horizontal3 .footer__contact-details-street {
  display: inline-flex;
}
.footer--horizontal3 .footer__contact-details-street:not(:empty)::after {
  content: ", ";
}
.footer--horizontal3 .footer__contact-details-street2 {
  margin-left: var(--spacingPlatformNano);
}
@media (min-width: 528px) {
  .footer--horizontal3 .footer__row {
    display: flex;
    justify-content: space-between;
  }
  .footer--horizontal3 .footer__column-a {
    order: 2;
    text-align: right;
    width: calc(50% - 12px);
  }
  .footer--horizontal3 .footer__column-b {
    order: 1;
    text-align: left;
    width: calc(50% - 12px);
  }
  .footer--horizontal3 .footer__links {
    justify-content: flex-start;
  }
  .footer--horizontal3 .footer__links ul {
    display: flex;
    flex-wrap: wrap;
  }
  .footer--horizontal3 .footer__links li {
    margin-right: var(--spacingPlatformBase);
  }
  .footer--horizontal3 .footer__links li:last-child {
    margin-right: 0;
  }
  .footer--horizontal3 .footer__social-links {
    justify-content: flex-end;
  }
  .footer--horizontal3 .footer__legal-logos {
    justify-content: flex-start;
  }
  .footer--horizontal3 .footer__legal-logos .font-icon, .footer--horizontal3 .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer--horizontal3 .footer__legal-logos .selected::before, .footer--horizontal3 .footer__legal-logos .modal-message.sys-alert::before, .footer--horizontal3 .footer__legal-logos .close-modal::before {
    margin-left: 0;
    margin-right: var(--spacingPlatformSmall);
  }
  .footer--horizontal3 .footer__fi-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .footer--horizontal3 .footer__fi-numbers .footer__fi-numbers-routing {
    margin-left: var(--spacingPlatformSmall);
  }
}

.footer {
  background-color: rgb(var(--footerBgColor));
  color: rgb(var(--footerTextColor));
  font-size: 1.4rem;
  line-height: 2rem;
  padding: var(--spacingPlatformBig) 0;
}

.footer__row {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: var(--containerWidth);
  padding-left: var(--containerPadding);
  padding-right: var(--containerPadding);
}

.footer__column-a,
.footer__column-b,
.footer__column-c {
  text-align: center;
}

.footer__logo,
.footer__contact-details,
.footer__cms-content [data-cms-content-area],
.footer__legal-logos,
.footer__social-links,
.footer__app-links {
  margin-bottom: var(--spacingPlatformBase);
}
.footer__logo:empty,
.footer__contact-details:empty,
.footer__cms-content [data-cms-content-area]:empty,
.footer__legal-logos:empty,
.footer__social-links:empty,
.footer__app-links:empty {
  display: none;
}

.footer__logo img {
  max-height: 100px;
  max-width: 200px;
}

.footer__fi-numbers {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__fi-numbers span {
  font-weight: 700;
}

.footer__cms-content {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.footer__cms-content .iris-content {
  color: rgb(var(--footerTextColor));
}
.footer__cms-content a,
.footer__cms-content a:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}

.footer__legal-logos {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon, .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer__legal-logos .selected::before, .footer__legal-logos .modal-message.sys-alert::before, .footer__legal-logos .close-modal::before {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon:first-child, .footer__legal-logos .no-accounts .selected:first-child::before, .no-accounts .footer__legal-logos .selected:first-child::before, .footer__legal-logos .modal-message.sys-alert:first-child::before, .footer__legal-logos .close-modal:first-child::before {
  margin-left: 0;
}
.footer__legal-logos .font-icon:last-child, .footer__legal-logos .no-accounts .selected:last-child::before, .no-accounts .footer__legal-logos .selected:last-child::before, .footer__legal-logos .modal-message.sys-alert:last-child::before, .footer__legal-logos .close-modal:last-child::before {
  margin-right: 0;
}
.footer__legal-logos .font-icon-container {
  display: flex;
  flex-direction: column;
  max-width: 152px;
  text-align: center;
}
.footer__legal-logos .font-icon-text {
  font-size: 10px;
  margin-top: var(--spacingPlatformNano);
  word-break: break-word;
}
.footer__legal-logos .font-icon--text-only {
  display: flex;
  justify-content: center;
  line-height: 2rem;
  min-height: 72px;
}
.footer__legal-logos .font-icon--text-only a {
  color: rgb(var(--footerTextColor));
}

.footer__links {
  display: flex;
  justify-content: center;
}
.footer__links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__links li {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__links a,
.footer__links a:hover,
.footer__links button,
.footer__links button:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}
.footer__links button,
.footer__links button:hover {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.footer__links [class*=font-icon] {
  margin-right: var(--spacingPlatformNano);
}

.footer__social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footer__social-links a,
.footer__social-links a:hover {
  color: rgb(var(--footerTextColor));
}
.footer__social-links a {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__social-links a:first-child {
  margin-left: 0;
}
.footer__social-links a:last-child {
  margin-right: 0;
}

.footer__app-links {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__app-links a {
  display: inline-block;
  margin-bottom: 8px;
}
.footer__app-links img {
  height: 40px;
}

.footer__copyright {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.footer--horizontal4 .footer__column-a .footer__app-links {
  display: none;
}
.footer--horizontal4 .footer__contact-details-street {
  display: inline-flex;
}
.footer--horizontal4 .footer__contact-details-street:not(:empty)::after {
  content: ", ";
}
.footer--horizontal4 .footer__contact-details-street2 {
  margin-left: var(--spacingPlatformNano);
}
@media (min-width: 528px) {
  .footer--horizontal4 .footer__row {
    display: flex;
    justify-content: space-between;
  }
  .footer--horizontal4 .footer__column-a {
    text-align: left;
    width: calc(50% - 12px);
  }
  .footer--horizontal4 .footer__column-b {
    text-align: right;
    width: calc(50% - 12px);
  }
  .footer--horizontal4 .footer__links {
    justify-content: flex-start;
  }
  .footer--horizontal4 .footer__links ul {
    display: flex;
    flex-wrap: wrap;
  }
  .footer--horizontal4 .footer__links li {
    margin-right: var(--spacingPlatformBase);
  }
  .footer--horizontal4 .footer__links li:last-child {
    margin-right: 0;
  }
  .footer--horizontal4 .footer__social-links {
    justify-content: flex-start;
  }
  .footer--horizontal4 .footer__legal-logos {
    justify-content: flex-end;
  }
  .footer--horizontal4 .footer__legal-logos .font-icon, .footer--horizontal4 .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer--horizontal4 .footer__legal-logos .selected::before, .footer--horizontal4 .footer__legal-logos .modal-message.sys-alert::before, .footer--horizontal4 .footer__legal-logos .close-modal::before {
    margin-left: var(--spacingPlatformSmall);
    margin-right: 0;
  }
}
@media (min-width: 834px) {
  .footer--horizontal4 .footer__column-a {
    display: flex;
    justify-content: space-between;
    width: calc(66.66% - 12px);
  }
  .footer--horizontal4 .footer__column-a .footer__app-links {
    display: block;
  }
  .footer--horizontal4 .footer__column-a1 {
    order: 2;
    text-align: center;
    width: calc(50% - 12px);
  }
  .footer--horizontal4 .footer__column-a2 {
    order: 1;
    width: calc(50% - 12px);
  }
  .footer--horizontal4 .footer__column-b {
    width: calc(33.33% - 12px);
  }
  .footer--horizontal4 .footer__column-b .footer__app-links {
    display: none;
  }
  .footer--horizontal4 .footer__social-links {
    justify-content: center;
  }
}

.footer {
  background-color: rgb(var(--footerBgColor));
  color: rgb(var(--footerTextColor));
  font-size: 1.4rem;
  line-height: 2rem;
  padding: var(--spacingPlatformBig) 0;
}

.footer__row {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: var(--containerWidth);
  padding-left: var(--containerPadding);
  padding-right: var(--containerPadding);
}

.footer__column-a,
.footer__column-b,
.footer__column-c {
  text-align: center;
}

.footer__logo,
.footer__contact-details,
.footer__cms-content [data-cms-content-area],
.footer__legal-logos,
.footer__social-links,
.footer__app-links {
  margin-bottom: var(--spacingPlatformBase);
}
.footer__logo:empty,
.footer__contact-details:empty,
.footer__cms-content [data-cms-content-area]:empty,
.footer__legal-logos:empty,
.footer__social-links:empty,
.footer__app-links:empty {
  display: none;
}

.footer__logo img {
  max-height: 100px;
  max-width: 200px;
}

.footer__fi-numbers {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__fi-numbers span {
  font-weight: 700;
}

.footer__cms-content {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.footer__cms-content .iris-content {
  color: rgb(var(--footerTextColor));
}
.footer__cms-content a,
.footer__cms-content a:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}

.footer__legal-logos {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon, .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer__legal-logos .selected::before, .footer__legal-logos .modal-message.sys-alert::before, .footer__legal-logos .close-modal::before {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon:first-child, .footer__legal-logos .no-accounts .selected:first-child::before, .no-accounts .footer__legal-logos .selected:first-child::before, .footer__legal-logos .modal-message.sys-alert:first-child::before, .footer__legal-logos .close-modal:first-child::before {
  margin-left: 0;
}
.footer__legal-logos .font-icon:last-child, .footer__legal-logos .no-accounts .selected:last-child::before, .no-accounts .footer__legal-logos .selected:last-child::before, .footer__legal-logos .modal-message.sys-alert:last-child::before, .footer__legal-logos .close-modal:last-child::before {
  margin-right: 0;
}
.footer__legal-logos .font-icon-container {
  display: flex;
  flex-direction: column;
  max-width: 152px;
  text-align: center;
}
.footer__legal-logos .font-icon-text {
  font-size: 10px;
  margin-top: var(--spacingPlatformNano);
  word-break: break-word;
}
.footer__legal-logos .font-icon--text-only {
  display: flex;
  justify-content: center;
  line-height: 2rem;
  min-height: 72px;
}
.footer__legal-logos .font-icon--text-only a {
  color: rgb(var(--footerTextColor));
}

.footer__links {
  display: flex;
  justify-content: center;
}
.footer__links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__links li {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__links a,
.footer__links a:hover,
.footer__links button,
.footer__links button:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}
.footer__links button,
.footer__links button:hover {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.footer__links [class*=font-icon] {
  margin-right: var(--spacingPlatformNano);
}

.footer__social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footer__social-links a,
.footer__social-links a:hover {
  color: rgb(var(--footerTextColor));
}
.footer__social-links a {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__social-links a:first-child {
  margin-left: 0;
}
.footer__social-links a:last-child {
  margin-right: 0;
}

.footer__app-links {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__app-links a {
  display: inline-block;
  margin-bottom: 8px;
}
.footer__app-links img {
  height: 40px;
}

.footer__copyright {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.footer--horizontal5 .footer__column-a .footer__copyright {
  display: none;
}
.footer--horizontal5 .footer__contact-details-street {
  display: inline-flex;
}
.footer--horizontal5 .footer__contact-details-street:not(:empty)::after {
  content: ", ";
}
.footer--horizontal5 .footer__contact-details-street2 {
  margin-left: var(--spacingPlatformNano);
}
@media (min-width: 528px) {
  .footer--horizontal5 .footer__row {
    display: flex;
    justify-content: space-between;
  }
  .footer--horizontal5 .footer__column-a {
    text-align: left;
    width: calc(50% - 12px);
  }
  .footer--horizontal5 .footer__column-b {
    text-align: right;
    width: calc(50% - 12px);
  }
  .footer--horizontal5 .footer__links {
    justify-content: flex-start;
  }
  .footer--horizontal5 .footer__links ul {
    display: flex;
    flex-wrap: wrap;
  }
  .footer--horizontal5 .footer__links li {
    margin-right: var(--spacingPlatformBase);
  }
  .footer--horizontal5 .footer__links li:last-child {
    margin-right: 0;
  }
  .footer--horizontal5 .footer__social-links {
    justify-content: flex-start;
  }
  .footer--horizontal5 .footer__legal-logos {
    justify-content: flex-end;
  }
  .footer--horizontal5 .footer__legal-logos .font-icon, .footer--horizontal5 .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer--horizontal5 .footer__legal-logos .selected::before, .footer--horizontal5 .footer__legal-logos .modal-message.sys-alert::before, .footer--horizontal5 .footer__legal-logos .close-modal::before {
    margin-left: var(--spacingPlatformSmall);
    margin-right: 0;
  }
}
@media (min-width: 834px) {
  .footer--horizontal5 .footer__column-a {
    display: flex;
    justify-content: space-between;
    width: calc(66.66% - 12px);
  }
  .footer--horizontal5 .footer__column-a .footer__copyright {
    display: block;
  }
  .footer--horizontal5 .footer__column-a1 {
    order: 2;
    text-align: center;
    width: calc(50% - 12px);
  }
  .footer--horizontal5 .footer__column-a2 {
    order: 1;
    width: calc(50% - 12px);
  }
  .footer--horizontal5 .footer__column-b {
    width: calc(33.33% - 12px);
  }
  .footer--horizontal5 .footer__column-b .footer__copyright {
    display: none;
  }
  .footer--horizontal5 .footer__social-links {
    justify-content: flex-start;
  }
}

.footer {
  background-color: rgb(var(--footerBgColor));
  color: rgb(var(--footerTextColor));
  font-size: 1.4rem;
  line-height: 2rem;
  padding: var(--spacingPlatformBig) 0;
}

.footer__row {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: var(--containerWidth);
  padding-left: var(--containerPadding);
  padding-right: var(--containerPadding);
}

.footer__column-a,
.footer__column-b,
.footer__column-c {
  text-align: center;
}

.footer__logo,
.footer__contact-details,
.footer__cms-content [data-cms-content-area],
.footer__legal-logos,
.footer__social-links,
.footer__app-links {
  margin-bottom: var(--spacingPlatformBase);
}
.footer__logo:empty,
.footer__contact-details:empty,
.footer__cms-content [data-cms-content-area]:empty,
.footer__legal-logos:empty,
.footer__social-links:empty,
.footer__app-links:empty {
  display: none;
}

.footer__logo img {
  max-height: 100px;
  max-width: 200px;
}

.footer__fi-numbers {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__fi-numbers span {
  font-weight: 700;
}

.footer__cms-content {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.footer__cms-content .iris-content {
  color: rgb(var(--footerTextColor));
}
.footer__cms-content a,
.footer__cms-content a:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}

.footer__legal-logos {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon, .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer__legal-logos .selected::before, .footer__legal-logos .modal-message.sys-alert::before, .footer__legal-logos .close-modal::before {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon:first-child, .footer__legal-logos .no-accounts .selected:first-child::before, .no-accounts .footer__legal-logos .selected:first-child::before, .footer__legal-logos .modal-message.sys-alert:first-child::before, .footer__legal-logos .close-modal:first-child::before {
  margin-left: 0;
}
.footer__legal-logos .font-icon:last-child, .footer__legal-logos .no-accounts .selected:last-child::before, .no-accounts .footer__legal-logos .selected:last-child::before, .footer__legal-logos .modal-message.sys-alert:last-child::before, .footer__legal-logos .close-modal:last-child::before {
  margin-right: 0;
}
.footer__legal-logos .font-icon-container {
  display: flex;
  flex-direction: column;
  max-width: 152px;
  text-align: center;
}
.footer__legal-logos .font-icon-text {
  font-size: 10px;
  margin-top: var(--spacingPlatformNano);
  word-break: break-word;
}
.footer__legal-logos .font-icon--text-only {
  display: flex;
  justify-content: center;
  line-height: 2rem;
  min-height: 72px;
}
.footer__legal-logos .font-icon--text-only a {
  color: rgb(var(--footerTextColor));
}

.footer__links {
  display: flex;
  justify-content: center;
}
.footer__links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__links li {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__links a,
.footer__links a:hover,
.footer__links button,
.footer__links button:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}
.footer__links button,
.footer__links button:hover {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.footer__links [class*=font-icon] {
  margin-right: var(--spacingPlatformNano);
}

.footer__social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footer__social-links a,
.footer__social-links a:hover {
  color: rgb(var(--footerTextColor));
}
.footer__social-links a {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__social-links a:first-child {
  margin-left: 0;
}
.footer__social-links a:last-child {
  margin-right: 0;
}

.footer__app-links {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__app-links a {
  display: inline-block;
  margin-bottom: 8px;
}
.footer__app-links img {
  height: 40px;
}

.footer__copyright {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.footer--vertical1 .footer__column-a .footer__copyright {
  display: none;
}
.footer--vertical1 .footer__contact-details-street {
  display: flex;
  flex-direction: column;
}
@media (min-width: 528px) {
  .footer--vertical1 .footer__row {
    display: flex;
    justify-content: space-between;
  }
  .footer--vertical1 .footer__column-a {
    text-align: left;
    width: calc(50% - 12px);
  }
  .footer--vertical1 .footer__column-b {
    text-align: right;
    width: calc(50% - 12px);
  }
  .footer--vertical1 .footer__links {
    justify-content: flex-start;
  }
  .footer--vertical1 .footer__social-links {
    justify-content: flex-end;
  }
  .footer--vertical1 .footer__legal-logos {
    justify-content: flex-end;
  }
  .footer--vertical1 .footer__legal-logos .font-icon, .footer--vertical1 .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer--vertical1 .footer__legal-logos .selected::before, .footer--vertical1 .footer__legal-logos .modal-message.sys-alert::before, .footer--vertical1 .footer__legal-logos .close-modal::before {
    margin-left: var(--spacingPlatformSmall);
    margin-right: 0;
  }
}
@media (min-width: 1020px) {
  .footer--vertical1 .footer__column-a {
    display: flex;
    justify-content: space-between;
    width: calc(50% - 12px);
  }
  .footer--vertical1 .footer__column-a .footer__copyright {
    display: block;
  }
  .footer--vertical1 .footer__column-a1 {
    width: calc(50% - 12px);
  }
  .footer--vertical1 .footer__column-a2 {
    width: calc(50% - 12px);
  }
  .footer--vertical1 .footer__column-b {
    display: flex;
    justify-content: space-between;
    width: calc(50% - 12px);
  }
  .footer--vertical1 .footer__column-b .footer__copyright {
    display: none;
  }
  .footer--vertical1 .footer__column-b1 {
    text-align: left;
    width: calc(50% - 12px);
  }
  .footer--vertical1 .footer__column-b2 {
    width: calc(50% - 12px);
  }
  .footer--vertical1 .footer__social-links {
    justify-content: flex-start;
  }
}

.footer {
  background-color: rgb(var(--footerBgColor));
  color: rgb(var(--footerTextColor));
  font-size: 1.4rem;
  line-height: 2rem;
  padding: var(--spacingPlatformBig) 0;
}

.footer__row {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: var(--containerWidth);
  padding-left: var(--containerPadding);
  padding-right: var(--containerPadding);
}

.footer__column-a,
.footer__column-b,
.footer__column-c {
  text-align: center;
}

.footer__logo,
.footer__contact-details,
.footer__cms-content [data-cms-content-area],
.footer__legal-logos,
.footer__social-links,
.footer__app-links {
  margin-bottom: var(--spacingPlatformBase);
}
.footer__logo:empty,
.footer__contact-details:empty,
.footer__cms-content [data-cms-content-area]:empty,
.footer__legal-logos:empty,
.footer__social-links:empty,
.footer__app-links:empty {
  display: none;
}

.footer__logo img {
  max-height: 100px;
  max-width: 200px;
}

.footer__fi-numbers {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__fi-numbers span {
  font-weight: 700;
}

.footer__cms-content {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.footer__cms-content .iris-content {
  color: rgb(var(--footerTextColor));
}
.footer__cms-content a,
.footer__cms-content a:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}

.footer__legal-logos {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon, .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer__legal-logos .selected::before, .footer__legal-logos .modal-message.sys-alert::before, .footer__legal-logos .close-modal::before {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon:first-child, .footer__legal-logos .no-accounts .selected:first-child::before, .no-accounts .footer__legal-logos .selected:first-child::before, .footer__legal-logos .modal-message.sys-alert:first-child::before, .footer__legal-logos .close-modal:first-child::before {
  margin-left: 0;
}
.footer__legal-logos .font-icon:last-child, .footer__legal-logos .no-accounts .selected:last-child::before, .no-accounts .footer__legal-logos .selected:last-child::before, .footer__legal-logos .modal-message.sys-alert:last-child::before, .footer__legal-logos .close-modal:last-child::before {
  margin-right: 0;
}
.footer__legal-logos .font-icon-container {
  display: flex;
  flex-direction: column;
  max-width: 152px;
  text-align: center;
}
.footer__legal-logos .font-icon-text {
  font-size: 10px;
  margin-top: var(--spacingPlatformNano);
  word-break: break-word;
}
.footer__legal-logos .font-icon--text-only {
  display: flex;
  justify-content: center;
  line-height: 2rem;
  min-height: 72px;
}
.footer__legal-logos .font-icon--text-only a {
  color: rgb(var(--footerTextColor));
}

.footer__links {
  display: flex;
  justify-content: center;
}
.footer__links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__links li {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__links a,
.footer__links a:hover,
.footer__links button,
.footer__links button:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}
.footer__links button,
.footer__links button:hover {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.footer__links [class*=font-icon] {
  margin-right: var(--spacingPlatformNano);
}

.footer__social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footer__social-links a,
.footer__social-links a:hover {
  color: rgb(var(--footerTextColor));
}
.footer__social-links a {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__social-links a:first-child {
  margin-left: 0;
}
.footer__social-links a:last-child {
  margin-right: 0;
}

.footer__app-links {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__app-links a {
  display: inline-block;
  margin-bottom: 8px;
}
.footer__app-links img {
  height: 40px;
}

.footer__copyright {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.footer--vertical2 .footer__contact-details-street {
  display: flex;
  flex-direction: column;
}
@media (min-width: 528px) {
  .footer--vertical2 .footer__row {
    display: flex;
    justify-content: space-between;
  }
  .footer--vertical2 .footer__column-a {
    text-align: left;
    width: calc(50% - 12px);
  }
  .footer--vertical2 .footer__column-b {
    text-align: right;
    width: calc(50% - 12px);
  }
  .footer--vertical2 .footer__links {
    justify-content: flex-start;
  }
  .footer--vertical2 .footer__social-links {
    justify-content: flex-end;
  }
  .footer--vertical2 .footer__legal-logos {
    justify-content: flex-end;
  }
  .footer--vertical2 .footer__legal-logos .font-icon, .footer--vertical2 .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer--vertical2 .footer__legal-logos .selected::before, .footer--vertical2 .footer__legal-logos .modal-message.sys-alert::before, .footer--vertical2 .footer__legal-logos .close-modal::before {
    margin-left: var(--spacingPlatformSmall);
    margin-right: 0;
  }
}
@media (min-width: 1020px) {
  .footer--vertical2 .footer__column-a {
    display: flex;
    justify-content: space-between;
    width: calc(50% - 12px);
  }
  .footer--vertical2 .footer__column-a .footer__copyright {
    display: block;
  }
  .footer--vertical2 .footer__column-a1 {
    width: calc(50% - 12px);
  }
  .footer--vertical2 .footer__column-a2 {
    width: calc(50% - 12px);
  }
  .footer--vertical2 .footer__column-b {
    display: flex;
    justify-content: space-between;
    width: calc(50% - 12px);
  }
  .footer--vertical2 .footer__column-b1 {
    text-align: left;
    width: calc(50% - 12px);
  }
  .footer--vertical2 .footer__column-b2 {
    width: calc(50% - 12px);
  }
  .footer--vertical2 .footer__legal-logos {
    justify-content: flex-start;
  }
  .footer--vertical2 .footer__legal-logos .font-icon, .footer--vertical2 .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer--vertical2 .footer__legal-logos .selected::before, .footer--vertical2 .footer__legal-logos .modal-message.sys-alert::before, .footer--vertical2 .footer__legal-logos .close-modal::before {
    margin-left: 0;
    margin-right: var(--spacingPlatformSmall);
  }
}

.footer {
  background-color: rgb(var(--footerBgColor));
  color: rgb(var(--footerTextColor));
  font-size: 1.4rem;
  line-height: 2rem;
  padding: var(--spacingPlatformBig) 0;
}

.footer__row {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: var(--containerWidth);
  padding-left: var(--containerPadding);
  padding-right: var(--containerPadding);
}

.footer__column-a,
.footer__column-b,
.footer__column-c {
  text-align: center;
}

.footer__logo,
.footer__contact-details,
.footer__cms-content [data-cms-content-area],
.footer__legal-logos,
.footer__social-links,
.footer__app-links {
  margin-bottom: var(--spacingPlatformBase);
}
.footer__logo:empty,
.footer__contact-details:empty,
.footer__cms-content [data-cms-content-area]:empty,
.footer__legal-logos:empty,
.footer__social-links:empty,
.footer__app-links:empty {
  display: none;
}

.footer__logo img {
  max-height: 100px;
  max-width: 200px;
}

.footer__fi-numbers {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__fi-numbers span {
  font-weight: 700;
}

.footer__cms-content {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.footer__cms-content .iris-content {
  color: rgb(var(--footerTextColor));
}
.footer__cms-content a,
.footer__cms-content a:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}

.footer__legal-logos {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon, .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer__legal-logos .selected::before, .footer__legal-logos .modal-message.sys-alert::before, .footer__legal-logos .close-modal::before {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon:first-child, .footer__legal-logos .no-accounts .selected:first-child::before, .no-accounts .footer__legal-logos .selected:first-child::before, .footer__legal-logos .modal-message.sys-alert:first-child::before, .footer__legal-logos .close-modal:first-child::before {
  margin-left: 0;
}
.footer__legal-logos .font-icon:last-child, .footer__legal-logos .no-accounts .selected:last-child::before, .no-accounts .footer__legal-logos .selected:last-child::before, .footer__legal-logos .modal-message.sys-alert:last-child::before, .footer__legal-logos .close-modal:last-child::before {
  margin-right: 0;
}
.footer__legal-logos .font-icon-container {
  display: flex;
  flex-direction: column;
  max-width: 152px;
  text-align: center;
}
.footer__legal-logos .font-icon-text {
  font-size: 10px;
  margin-top: var(--spacingPlatformNano);
  word-break: break-word;
}
.footer__legal-logos .font-icon--text-only {
  display: flex;
  justify-content: center;
  line-height: 2rem;
  min-height: 72px;
}
.footer__legal-logos .font-icon--text-only a {
  color: rgb(var(--footerTextColor));
}

.footer__links {
  display: flex;
  justify-content: center;
}
.footer__links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__links li {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__links a,
.footer__links a:hover,
.footer__links button,
.footer__links button:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}
.footer__links button,
.footer__links button:hover {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.footer__links [class*=font-icon] {
  margin-right: var(--spacingPlatformNano);
}

.footer__social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footer__social-links a,
.footer__social-links a:hover {
  color: rgb(var(--footerTextColor));
}
.footer__social-links a {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__social-links a:first-child {
  margin-left: 0;
}
.footer__social-links a:last-child {
  margin-right: 0;
}

.footer__app-links {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__app-links a {
  display: inline-block;
  margin-bottom: 8px;
}
.footer__app-links img {
  height: 40px;
}

.footer__copyright {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.footer--vertical3 .footer__contact-details-street {
  display: flex;
  flex-direction: column;
}
@media (min-width: 528px) {
  .footer--vertical3 .footer__row {
    display: flex;
    justify-content: space-between;
  }
  .footer--vertical3 .footer__column-a {
    text-align: left;
    width: calc(50% - 12px);
  }
  .footer--vertical3 .footer__column-b {
    text-align: left;
    width: calc(50% - 12px);
  }
  .footer--vertical3 .footer__links {
    justify-content: flex-start;
  }
  .footer--vertical3 .footer__social-links {
    justify-content: flex-start;
  }
  .footer--vertical3 .footer__legal-logos {
    justify-content: flex-start;
  }
  .footer--vertical3 .footer__legal-logos .font-icon, .footer--vertical3 .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer--vertical3 .footer__legal-logos .selected::before, .footer--vertical3 .footer__legal-logos .modal-message.sys-alert::before, .footer--vertical3 .footer__legal-logos .close-modal::before {
    margin-left: 0;
    margin-right: var(--spacingPlatformSmall);
  }
}
@media (min-width: 1020px) {
  .footer--vertical3 .footer__column-a {
    display: flex;
    justify-content: space-between;
    width: calc(50% - 12px);
  }
  .footer--vertical3 .footer__column-a1 {
    width: calc(50% - 12px);
  }
  .footer--vertical3 .footer__column-a2 {
    width: calc(50% - 12px);
  }
  .footer--vertical3 .footer__column-b {
    display: flex;
    justify-content: space-between;
    width: calc(50% - 12px);
  }
  .footer--vertical3 .footer__column-b1 {
    text-align: left;
    width: calc(50% - 12px);
  }
  .footer--vertical3 .footer__column-b2 {
    width: calc(50% - 12px);
  }
  .footer--vertical3 .footer__legal-logos {
    justify-content: flex-start;
  }
  .footer--vertical3 .footer__legal-logos .font-icon, .footer--vertical3 .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer--vertical3 .footer__legal-logos .selected::before, .footer--vertical3 .footer__legal-logos .modal-message.sys-alert::before, .footer--vertical3 .footer__legal-logos .close-modal::before {
    margin-left: 0;
    margin-right: var(--spacingPlatformSmall);
  }
}

.footer {
  background-color: rgb(var(--footerBgColor));
  color: rgb(var(--footerTextColor));
  font-size: 1.4rem;
  line-height: 2rem;
  padding: var(--spacingPlatformBig) 0;
}

.footer__row {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: var(--containerWidth);
  padding-left: var(--containerPadding);
  padding-right: var(--containerPadding);
}

.footer__column-a,
.footer__column-b,
.footer__column-c {
  text-align: center;
}

.footer__logo,
.footer__contact-details,
.footer__cms-content [data-cms-content-area],
.footer__legal-logos,
.footer__social-links,
.footer__app-links {
  margin-bottom: var(--spacingPlatformBase);
}
.footer__logo:empty,
.footer__contact-details:empty,
.footer__cms-content [data-cms-content-area]:empty,
.footer__legal-logos:empty,
.footer__social-links:empty,
.footer__app-links:empty {
  display: none;
}

.footer__logo img {
  max-height: 100px;
  max-width: 200px;
}

.footer__fi-numbers {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__fi-numbers span {
  font-weight: 700;
}

.footer__cms-content {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.footer__cms-content .iris-content {
  color: rgb(var(--footerTextColor));
}
.footer__cms-content a,
.footer__cms-content a:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}

.footer__legal-logos {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon, .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer__legal-logos .selected::before, .footer__legal-logos .modal-message.sys-alert::before, .footer__legal-logos .close-modal::before {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon:first-child, .footer__legal-logos .no-accounts .selected:first-child::before, .no-accounts .footer__legal-logos .selected:first-child::before, .footer__legal-logos .modal-message.sys-alert:first-child::before, .footer__legal-logos .close-modal:first-child::before {
  margin-left: 0;
}
.footer__legal-logos .font-icon:last-child, .footer__legal-logos .no-accounts .selected:last-child::before, .no-accounts .footer__legal-logos .selected:last-child::before, .footer__legal-logos .modal-message.sys-alert:last-child::before, .footer__legal-logos .close-modal:last-child::before {
  margin-right: 0;
}
.footer__legal-logos .font-icon-container {
  display: flex;
  flex-direction: column;
  max-width: 152px;
  text-align: center;
}
.footer__legal-logos .font-icon-text {
  font-size: 10px;
  margin-top: var(--spacingPlatformNano);
  word-break: break-word;
}
.footer__legal-logos .font-icon--text-only {
  display: flex;
  justify-content: center;
  line-height: 2rem;
  min-height: 72px;
}
.footer__legal-logos .font-icon--text-only a {
  color: rgb(var(--footerTextColor));
}

.footer__links {
  display: flex;
  justify-content: center;
}
.footer__links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__links li {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__links a,
.footer__links a:hover,
.footer__links button,
.footer__links button:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}
.footer__links button,
.footer__links button:hover {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.footer__links [class*=font-icon] {
  margin-right: var(--spacingPlatformNano);
}

.footer__social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footer__social-links a,
.footer__social-links a:hover {
  color: rgb(var(--footerTextColor));
}
.footer__social-links a {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__social-links a:first-child {
  margin-left: 0;
}
.footer__social-links a:last-child {
  margin-right: 0;
}

.footer__app-links {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__app-links a {
  display: inline-block;
  margin-bottom: 8px;
}
.footer__app-links img {
  height: 40px;
}

.footer__copyright {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.footer--vertical4 .footer__contact-details-street {
  display: flex;
  flex-direction: column;
}
.footer--vertical4 .footer__column-a .footer__copyright {
  display: none;
}
@media (min-width: 528px) {
  .footer--vertical4 .footer__row {
    display: flex;
    justify-content: space-between;
  }
  .footer--vertical4 .footer__column-a {
    text-align: left;
    width: calc(50% - 12px);
  }
  .footer--vertical4 .footer__column-b {
    text-align: right;
    width: calc(50% - 12px);
  }
  .footer--vertical4 .footer__links {
    justify-content: flex-start;
  }
  .footer--vertical4 .footer__social-links {
    justify-content: flex-start;
  }
  .footer--vertical4 .footer__legal-logos {
    justify-content: flex-end;
  }
  .footer--vertical4 .footer__legal-logos .font-icon, .footer--vertical4 .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer--vertical4 .footer__legal-logos .selected::before, .footer--vertical4 .footer__legal-logos .modal-message.sys-alert::before, .footer--vertical4 .footer__legal-logos .close-modal::before {
    margin-left: var(--spacingPlatformSmall);
    margin-right: 0;
  }
  .footer--vertical4 .footer__column-a .footer__copyright {
    display: block;
  }
  .footer--vertical4 .footer__column-b .footer__copyright {
    display: none;
  }
}
@media (min-width: 834px) {
  .footer--vertical4 .footer__column-a {
    display: flex;
    justify-content: space-between;
    width: calc(66.66% - 12px);
  }
  .footer--vertical4 .footer__column-a1 {
    order: 2;
    text-align: center;
    width: calc(50% - 12px);
  }
  .footer--vertical4 .footer__column-a2 {
    order: 1;
    width: calc(50% - 12px);
  }
  .footer--vertical4 .footer__column-b {
    width: calc(33.33% - 12px);
  }
  .footer--vertical4 .footer__contact-details-address {
    justify-content: center;
  }
}

.footer {
  background-color: rgb(var(--footerBgColor));
  color: rgb(var(--footerTextColor));
  font-size: 1.4rem;
  line-height: 2rem;
  padding: var(--spacingPlatformBig) 0;
}

.footer__row {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: var(--containerWidth);
  padding-left: var(--containerPadding);
  padding-right: var(--containerPadding);
}

.footer__column-a,
.footer__column-b,
.footer__column-c {
  text-align: center;
}

.footer__logo,
.footer__contact-details,
.footer__cms-content [data-cms-content-area],
.footer__legal-logos,
.footer__social-links,
.footer__app-links {
  margin-bottom: var(--spacingPlatformBase);
}
.footer__logo:empty,
.footer__contact-details:empty,
.footer__cms-content [data-cms-content-area]:empty,
.footer__legal-logos:empty,
.footer__social-links:empty,
.footer__app-links:empty {
  display: none;
}

.footer__logo img {
  max-height: 100px;
  max-width: 200px;
}

.footer__fi-numbers {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__fi-numbers span {
  font-weight: 700;
}

.footer__cms-content {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.footer__cms-content .iris-content {
  color: rgb(var(--footerTextColor));
}
.footer__cms-content a,
.footer__cms-content a:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}

.footer__legal-logos {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon, .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer__legal-logos .selected::before, .footer__legal-logos .modal-message.sys-alert::before, .footer__legal-logos .close-modal::before {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__legal-logos .font-icon:first-child, .footer__legal-logos .no-accounts .selected:first-child::before, .no-accounts .footer__legal-logos .selected:first-child::before, .footer__legal-logos .modal-message.sys-alert:first-child::before, .footer__legal-logos .close-modal:first-child::before {
  margin-left: 0;
}
.footer__legal-logos .font-icon:last-child, .footer__legal-logos .no-accounts .selected:last-child::before, .no-accounts .footer__legal-logos .selected:last-child::before, .footer__legal-logos .modal-message.sys-alert:last-child::before, .footer__legal-logos .close-modal:last-child::before {
  margin-right: 0;
}
.footer__legal-logos .font-icon-container {
  display: flex;
  flex-direction: column;
  max-width: 152px;
  text-align: center;
}
.footer__legal-logos .font-icon-text {
  font-size: 10px;
  margin-top: var(--spacingPlatformNano);
  word-break: break-word;
}
.footer__legal-logos .font-icon--text-only {
  display: flex;
  justify-content: center;
  line-height: 2rem;
  min-height: 72px;
}
.footer__legal-logos .font-icon--text-only a {
  color: rgb(var(--footerTextColor));
}

.footer__links {
  display: flex;
  justify-content: center;
}
.footer__links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__links li {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__links a,
.footer__links a:hover,
.footer__links button,
.footer__links button:hover {
  color: rgb(var(--footerTextColor));
  text-decoration: underline;
}
.footer__links button,
.footer__links button:hover {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.footer__links [class*=font-icon] {
  margin-right: var(--spacingPlatformNano);
}

.footer__social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footer__social-links a,
.footer__social-links a:hover {
  color: rgb(var(--footerTextColor));
}
.footer__social-links a {
  margin: var(--spacingPlatformSmall) var(--spacingPlatformTiny);
}
.footer__social-links a:first-child {
  margin-left: 0;
}
.footer__social-links a:last-child {
  margin-right: 0;
}

.footer__app-links {
  margin-bottom: var(--spacingPlatformSmall);
}
.footer__app-links a {
  display: inline-block;
  margin-bottom: 8px;
}
.footer__app-links img {
  height: 40px;
}

.footer__copyright {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.footer--vertical5 .footer__contact-details-street {
  display: flex;
  flex-direction: column;
}
@media (min-width: 528px) {
  .footer--vertical5 .footer__row {
    column-count: 2;
    column-gap: var(--spacingPlatformBase);
    column-width: 50%;
  }
  .footer--vertical5 .footer__column-a,
.footer--vertical5 .footer__column-b,
.footer--vertical5 .footer__column-c {
    break-inside: avoid;
  }
  .footer--vertical5 .footer__column-a,
.footer--vertical5 .footer__column-b {
    text-align: left;
  }
  .footer--vertical5 .footer__column-c {
    text-align: right;
  }
  .footer--vertical5 .footer__links,
.footer--vertical5 .footer__social-links {
    justify-content: flex-end;
  }
  .footer--vertical5 .footer__legal-logos {
    justify-content: flex-start;
  }
  .footer--vertical5 .footer__legal-logos .font-icon, .footer--vertical5 .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer--vertical5 .footer__legal-logos .selected::before, .footer--vertical5 .footer__legal-logos .modal-message.sys-alert::before, .footer--vertical5 .footer__legal-logos .close-modal::before {
    margin-left: 0;
    margin-right: var(--spacingPlatformSmall);
  }
  .footer--vertical5 .footer__column-b > div:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 834px) {
  .footer--vertical5 .footer__row {
    display: flex;
    justify-content: space-between;
  }
  .footer--vertical5 .footer__column-a,
.footer--vertical5 .footer__column-b,
.footer--vertical5 .footer__column-c {
    width: calc(33.33% - 12px);
  }
  .footer--vertical5 .footer__column-b {
    order: 3;
    text-align: right;
  }
  .footer--vertical5 .footer__column-c {
    order: 2;
    text-align: center;
  }
  .footer--vertical5 .footer__links {
    justify-content: center;
  }
  .footer--vertical5 .footer__social-links {
    justify-content: center;
  }
  .footer--vertical5 .footer__legal-logos {
    justify-content: flex-end;
  }
  .footer--vertical5 .footer__legal-logos .font-icon, .footer--vertical5 .footer__legal-logos .no-accounts .selected::before, .no-accounts .footer--vertical5 .footer__legal-logos .selected::before, .footer--vertical5 .footer__legal-logos .modal-message.sys-alert::before, .footer--vertical5 .footer__legal-logos .close-modal::before {
    margin-left: var(--spacingPlatformSmall);
    margin-right: 0;
  }
}