/* Minification failed. Returning unminified contents. (635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (645,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (656,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (657,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (664,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (680,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (681,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (683,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (695,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (700,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (728,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (732,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (733,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (773,28): run-time error CSS1039: Token not allowed after unary operator: '-Depricated-Greys-Medium-grey' (780,32): run-time error CSS1039: Token not allowed after unary operator: '-Greys-Medium-grey' (781,34): run-time error CSS1039: Token not allowed after unary operator: '-Greys-Medium-grey' (782,25): run-time error CSS1039: Token not allowed after unary operator: '-Border-Border-enabled' (782,65): run-time error CSS1039: Token not allowed after unary operator: '-Greys-Medium-grey' (783,33): run-time error CSS1039: Token not allowed after unary operator: '-Greys-Medium-grey' (784,22): run-time error CSS1039: Token not allowed after unary operator: '-Primary-White' (790,28): run-time error CSS1039: Token not allowed after unary operator: '-red-700' (794,32): run-time error CSS1039: Token not allowed after unary operator: '-Blue-700' (1039,21): run-time error CSS1039: Token not allowed after unary operator: '-width' (1087,21): run-time error CSS1039: Token not allowed after unary operator: '-Indicators-Dark-red' (1087,48): run-time error CSS1039: Token not allowed after unary operator: '-Red-red-700' (1590,17): run-time error CSS1039: Token not allowed after unary operator: '-blues-dark-blue' (3040,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (3042,16): run-time error CSS1039: Token not allowed after unary operator: '-headings-h-4-bold' (3048,17): run-time error CSS1039: Token not allowed after unary operator: '-greys-darkgrey' (3064,21): run-time error CSS1039: Token not allowed after unary operator: '-width' (3087,17): run-time error CSS1039: Token not allowed after unary operator: '-blues-darkblue' (3090,16): run-time error CSS1039: Token not allowed after unary operator: '-link-small-normal' (3202,17): run-time error CSS1039: Token not allowed after unary operator: '-blues-darkblue' (3204,16): run-time error CSS1039: Token not allowed after unary operator: '-headings-h-4-bold' (3255,19): run-time error CSS1039: Token not allowed after unary operator: '-button-padding-t-b' (3255,51): run-time error CSS1039: Token not allowed after unary operator: '-button-padding-l-r' (3255,83): run-time error CSS1039: Token not allowed after unary operator: '-button-padding-t-b' (3255,115): run-time error CSS1039: Token not allowed after unary operator: '-button-padding-l-r' (3260,17): run-time error CSS1039: Token not allowed after unary operator: '-blues-darkblue' (3262,16): run-time error CSS1039: Token not allowed after unary operator: '-headings-h-4-bold' (3275,19): run-time error CSS1039: Token not allowed after unary operator: '-button-padding-t-b' (3275,51): run-time error CSS1039: Token not allowed after unary operator: '-button-padding-l-r' (3275,83): run-time error CSS1039: Token not allowed after unary operator: '-button-padding-t-b' (3275,115): run-time error CSS1039: Token not allowed after unary operator: '-button-padding-l-r' (3284,16): run-time error CSS1039: Token not allowed after unary operator: '-link-small-normal' (3292,17): run-time error CSS1039: Token not allowed after unary operator: '-body-text-darkgray' (3306,17): run-time error CSS1039: Token not allowed after unary operator: '-blues-darkblue' (3309,16): run-time error CSS1039: Token not allowed after unary operator: '-link-small-normal' (3327,17): run-time error CSS1039: Token not allowed after unary operator: '-body-text-darkgray' (3344,22): run-time error CSS1039: Token not allowed after unary operator: '-indicators-palegreen' (3347,24): run-time error CSS1039: Token not allowed after unary operator: '-indicators-darkgreen' (3379,17): run-time error CSS1039: Token not allowed after unary operator: '-indicators-darkgreen' (3404,17): run-time error CSS1039: Token not allowed after unary operator: '-Greys-Dark-grey' (3404,40): run-time error CSS1039: Token not allowed after unary operator: '-Gray-800' (3413,17): run-time error CSS1039: Token not allowed after unary operator: '-Greys-Dark-grey' (3413,40): run-time error CSS1039: Token not allowed after unary operator: '-Gray-800' (3450,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-700' (3454,24): run-time error CSS1039: Token not allowed after unary operator: '-blue-700' (3461,28): run-time error CSS1039: Token not allowed after unary operator: '-red-700' (3467,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-800' (3492,17): run-time error CSS1039: Token not allowed after unary operator: '-red-700' (3497,17): run-time error CSS1039: Token not allowed after unary operator: '-red-700' (3509,17): run-time error CSS1039: Token not allowed after unary operator: '-Primary-White' (3509,38): run-time error CSS1039: Token not allowed after unary operator: '-Neutrals-white' (3523,15): run-time error CSS1039: Token not allowed after unary operator: '-Spacing-4' (3528,17): run-time error CSS1039: Token not allowed after unary operator: '-Blues-Dark-blue' (3528,40): run-time error CSS1039: Token not allowed after unary operator: '-Blue-700' (3538,17): run-time error CSS1039: Token not allowed after unary operator: '-Greys-Dark-grey' (3538,40): run-time error CSS1039: Token not allowed after unary operator: '-Gray-800' (3548,17): run-time error CSS1039: Token not allowed after unary operator: '-Blues-Dark-blue' (3548,40): run-time error CSS1039: Token not allowed after unary operator: '-Blue-700' (3564,17): run-time error CSS1039: Token not allowed after unary operator: '-Greys-Dark-grey' (3564,40): run-time error CSS1039: Token not allowed after unary operator: '-Gray-800' (3605,17): run-time error CSS1039: Token not allowed after unary operator: '-Greys-Dark-grey' (3605,40): run-time error CSS1039: Token not allowed after unary operator: '-Gray-800' (3615,21): run-time error CSS1039: Token not allowed after unary operator: '-red-700' (3619,17): run-time error CSS1039: Token not allowed after unary operator: '-Body-Text-Dark-gray' (3619,44): run-time error CSS1039: Token not allowed after unary operator: '-Gray-800' (3630,25): run-time error CSS1039: Token not allowed after unary operator: '-Spacing-1-5' (3631,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-50' (3648,17): run-time error CSS1039: Token not allowed after unary operator: '-Blues-Dark-blue' (3648,40): run-time error CSS1039: Token not allowed after unary operator: '-Blue-700' (3680,17): run-time error CSS1039: Token not allowed after unary operator: '-Greys-Dark-grey' (3680,40): run-time error CSS1039: Token not allowed after unary operator: '-Gray-800' (3697,25): run-time error CSS1039: Token not allowed after unary operator: '-Spacing-1-5' (3698,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-50' (3707,17): run-time error CSS1039: Token not allowed after unary operator: '-Blues-Dark-blue' (3707,40): run-time error CSS1039: Token not allowed after unary operator: '-Blue-700' (3767,17): run-time error CSS1039: Token not allowed after unary operator: '-Body-Text-Dark-gray' (3767,44): run-time error CSS1039: Token not allowed after unary operator: '-Gray-800' (3778,21): run-time error CSS1039: Token not allowed after unary operator: '-red-700' (3795,17): run-time error CSS1039: Token not allowed after unary operator: '-Grays-Dark-gray' (3795,40): run-time error CSS1039: Token not allowed after unary operator: '-Gray-800' (3833,17): run-time error CSS1039: Token not allowed after unary operator: '-Grays-Light-gray' (3833,41): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300' (3853,21): run-time error CSS1039: Token not allowed after unary operator: '-Blues-Dark-blue' (3853,44): run-time error CSS1039: Token not allowed after unary operator: '-Blue-700' (3868,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300' (3869,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-50' (3886,17): run-time error CSS1039: Token not allowed after unary operator: '-Body-Text-Black' (3886,40): run-time error CSS1039: Token not allowed after unary operator: '-Neutrals-black' (3907,17): run-time error CSS1039: Token not allowed after unary operator: '-Greys-Dark-grey' (3907,40): run-time error CSS1039: Token not allowed after unary operator: '-Gray-800' (3916,17): run-time error CSS1039: Token not allowed after unary operator: '-Blues-Dark-blue' (3916,40): run-time error CSS1039: Token not allowed after unary operator: '-Blue-700' (3980,21): run-time error CSS1039: Token not allowed after unary operator: '-Primitives-Green-800' (3980,49): run-time error CSS1039: Token not allowed after unary operator: '-Green-800' (3989,21): run-time error CSS1039: Token not allowed after unary operator: '-Indicators-Dark-red' (3989,48): run-time error CSS1039: Token not allowed after unary operator: '-Red-700' (4037,19): run-time error CSS1039: Token not allowed after unary operator: '-Tooltip-Standard-padding-t-b' (4037,61): run-time error CSS1039: Token not allowed after unary operator: '-Tooltip-Standard-padding-l-r' (4041,25): run-time error CSS1039: Token not allowed after unary operator: '-Tooltip-corner-radius' (4042,22): run-time error CSS1039: Token not allowed after unary operator: '-Blue-900' (4052,17): run-time error CSS1039: Token not allowed after unary operator: '-Primary-White' (4052,38): run-time error CSS1039: Token not allowed after unary operator: '-Neutrals-white' (4076,16): run-time error CSS1039: Token not allowed after unary operator: '-Blue-900' (4080,17): run-time error CSS1039: Token not allowed after unary operator: '-Greys-Dark-grey' (4080,40): run-time error CSS1039: Token not allowed after unary operator: '-Gray-800' (4089,17): run-time error CSS1039: Token not allowed after unary operator: '-Blues-Dark-blue' (4089,40): run-time error CSS1039: Token not allowed after unary operator: '-Blue-700' (4103,17): run-time error CSS1039: Token not allowed after unary operator: '-Greys-Dark-grey' (4103,40): run-time error CSS1039: Token not allowed after unary operator: '-Gray-800' (4110,21): run-time error CSS1039: Token not allowed after unary operator: '-red-700' (4114,21): run-time error CSS1039: Token not allowed after unary operator: '-Greys-Medium-grey' (4114,46): run-time error CSS1039: Token not allowed after unary operator: '-Gray-600' (4123,28): run-time error CSS1039: Token not allowed after unary operator: '-Depricated-Greys-Medium-grey' (4127,28): run-time error CSS1039: Token not allowed after unary operator: '-red-700' (4133,26): run-time error CSS1039: Token not allowed after unary operator: '-Gray-50' (4137,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-700' (4150,17): run-time error CSS1039: Token not allowed after unary operator: '-red-700' (4261,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-700' (4266,22): run-time error CSS1039: Token not allowed after unary operator: '-indicators-pale-red' (4268,32): run-time error CSS1039: Token not allowed after unary operator: '-Red-700' (4269,34): run-time error CSS1039: Token not allowed after unary operator: '-Red-700' (4270,35): run-time error CSS1039: Token not allowed after unary operator: '-Red-700' (4271,33): run-time error CSS1039: Token not allowed after unary operator: '-Red-700' (4293,17): run-time error CSS1039: Token not allowed after unary operator: '-Body-Text-Black' (4293,40): run-time error CSS1039: Token not allowed after unary operator: '-Neutrals-black' (4302,17): run-time error CSS1039: Token not allowed after unary operator: '-indicators-dark-red' (4308,19): run-time error CSS1039: Token not allowed after unary operator: '-card-padding-sides' (4308,51): run-time error CSS1039: Token not allowed after unary operator: '-card-padding-sides' (4308,83): run-time error CSS1039: Token not allowed after unary operator: '-card-padding-bottom' (4308,116): run-time error CSS1039: Token not allowed after unary operator: '-card-padding-sides' (4313,17): run-time error CSS1039: Token not allowed after unary operator: '-greys-dark-grey' (4323,17): run-time error CSS1039: Token not allowed after unary operator: '-indicators-dark-red' (4332,22): run-time error CSS1039: Token not allowed after unary operator: '-green-50' (4334,32): run-time error CSS1039: Token not allowed after unary operator: '-Green-700' (4335,34): run-time error CSS1039: Token not allowed after unary operator: '-Green-700' (4336,35): run-time error CSS1039: Token not allowed after unary operator: '-Green-700' (4337,33): run-time error CSS1039: Token not allowed after unary operator: '-Green-700' (4352,17): run-time error CSS1039: Token not allowed after unary operator: '-Body-Text-Black' (4352,40): run-time error CSS1039: Token not allowed after unary operator: '-Neutrals-black' (4382,17): run-time error CSS1039: Token not allowed after unary operator: '-Blues-Dark-blue' (4382,40): run-time error CSS1039: Token not allowed after unary operator: '-Blue-700' (4404,17): run-time error CSS1039: Token not allowed after unary operator: '-indicators-dark-red' (4404,44): run-time error CSS1039: Token not allowed after unary operator: '-red-red-700' (4413,22): run-time error CSS1039: Token not allowed after unary operator: '-indicators-pale-red' (4416,24): run-time error CSS1039: Token not allowed after unary operator: '-indicators-dark-red' (4437,17): run-time error CSS1039: Token not allowed after unary operator: '-indicators-dark-red' (4442,19): run-time error CSS1039: Token not allowed after unary operator: '-card-padding-sides' (4442,51): run-time error CSS1039: Token not allowed after unary operator: '-card-padding-sides' (4442,83): run-time error CSS1039: Token not allowed after unary operator: '-card-padding-bottom' (4442,116): run-time error CSS1039: Token not allowed after unary operator: '-card-padding-sides' (4447,17): run-time error CSS1039: Token not allowed after unary operator: '-greys-dark-grey' (4553,28): run-time error CSS1039: Token not allowed after unary operator: '-Green-700' (4554,22): run-time error CSS1039: Token not allowed after unary operator: '-Green-50' (4573,17): run-time error CSS1039: Token not allowed after unary operator: '-Body-Text-Black' (4573,40): run-time error CSS1039: Token not allowed after unary operator: '-Neutrals-black' (4603,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' */ @font-face { font-family: 'ProximaNova'; src: url("/Content/assets/fonts/ProximaNova/proximanova-regular-webfont.woff") format("woff"); font-style: normal; font-weight: normal; } @font-face { font-family: 'ProximaNova'; src: url("/Content/assets/fonts/ProximaNova/proximanova-regular-webfont.woff") format("woff"); font-style: normal; font-weight: 400; } @font-face { font-family: 'ProximaNova'; src: url("/Content/assets/fonts/ProximaNova/Proxima_Nova_Light_It-webfont.woff") format("woff"); font-style: normal; font-weight: 300; } @font-face { font-family: 'ProximaNova'; src: url("/Content/assets/fonts/ProximaNova/proximanova-semibold-webfont.woff") format("woff"); font-style: normal; font-weight: 600; } @font-face { font-family: 'ProximaNova'; src: url("/Content/assets/fonts/ProximaNova/proximanova-bold-webfont.woff") format("woff"); font-style: normal; font-weight: 700; } /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; } body { line-height: 1; font-family: arial, sans-serif; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } input, select { vertical-align: middle; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { height: 100%; min-height: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizelegibility; } html { -webkit-text-size-adjust: 100%; } main { height: 100%; } a { background: transparent; /* 1 */ } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1rem; /* 2 */ } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { margin: 0; } button, input { /* 1 */ overflow: visible; } button, select { /* 1 */ text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ -moz-appearance: button; /* 2 */ } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { padding: 0; /* 1 */ } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } details, menu { display: block; } template { display: none; } [hidden] { display: none; } @supports (padding-top: 20px) { html { --device-safe-area-top: 20px; } } @supports (padding-top: constant(safe-area-inset-top)) { html { --device-safe-area-top: constant(safe-area-inset-top); --device-safe-area-bottom: constant(safe-area-inset-bottom); --device-safe-area-left: constant(safe-area-inset-left); --device-safe-area-right: constant(safe-area-inset-right); } } @supports (padding-top: env(safe-area-inset-top)) { html { --device-safe-area-top: env(safe-area-inset-top); --device-safe-area-bottom: env(safe-area-inset-bottom); --device-safe-area-left: env(safe-area-inset-left); --device-safe-area-right: env(safe-area-inset-right); } } html, body { background: #ecfaff; } html *, body * { font-family: ProximaNova, sans-serif; outline: none !important; } @media (min-width: 23.4375em) { html, body { font-size: 4.26667vw /* 16 of 375 */; } } @media (min-width: 30em) { html, body { font-size: 3.33333vw /* 16 of 480 */; } } @media (min-width: 37.5em) { html, body { font-size: 2.66667vw /* 16 of 600 */; } } @media (min-width: 48em) { html, body { font-size: 2.08333vw /* 16 of 768 */; } } @media (min-width: 64em) { html, body { font-size: 1.5625vw /* 16 of 1024 */; } } @media (min-width: 67.5em) { html, body { font-size: 1.48148vw /* 16 of 1080 */; } } @media (min-width: 75em) { html, body { font-size: 1.33333vw /* 16 of 1200 */; } } @media (min-width: 90em) { html, body { font-size: 1.11111vw /* 16 of 1440 */; } } @media (min-width: 100em) { html, body { font-size: 1vw /* 16 of 1600 */; } } html .separator, body .separator { border-top: 1px solid #f1f3f4; } html .body-container, body .body-container { width: 375px; margin: 0 auto; } @media (min-width: 64em) { html .body-container, body .body-container { width: 100%; } } html p, html .text, html .input-field-label, body p, body .text, body .input-field-label { color: #555555; } html .separator, body .separator { margin: 0; border-bottom: 1px #cccccc; width: 100%; height: 1px; } html .flex-breaker, body .flex-breaker { display: none; } @media (min-width: 64em) { html .flex-breaker, body .flex-breaker { height: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; display: block; } } html .anchor-block, body .anchor-block { display: block; } html .anchor-gray, body .anchor-gray { color: #555555; } html .anchor-blue, body .anchor-blue { color: #0071ad; } html .svg-blue, body .svg-blue { stroke: #0071ad; } html .text, body .text { font-size: 15px; color: #555555; } html .text-dark, body .text-dark { line-height: 1.3; color: #555555; } html .text-blue, body .text-blue { color: #0071ad; } html .text-copy-right, body .text-copy-right { text-transform: uppercase; font-size: 13.6px; margin-bottom: 21px; } html .text-paragraph, body .text-paragraph { font-size: 14px; line-height: 1.45; } html .privacy-disaster-links, body .privacy-disaster-links { line-height: 1.3; padding-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; grid-gap: 7px; margin-bottom: 22px; } @media (min-width: 64em) { html .footer, body .footer { -ms-grid-columns: auto 1fr; grid-template-columns: auto 1fr; } } html .footer .button-text-img, body .footer .button-text-img { margin-top: 2px; width: -webkit-min-content; width: -moz-min-content; width: min-content; font-size: 14px; line-height: 1.2; } html .footer .button-text-img-img, body .footer .button-text-img-img { margin-top: 6px; } @media (min-width: 64em) { html .footer .button-text-img, body .footer .button-text-img { margin: 0 6px 0 auto; } } @media (min-width: 64em) { body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } /*# sourceMappingURL=global.css.map */ :root { /* Blue */ --blue-50: #ECFAFFFF; --blue-100: #D2F3FFFF; --blue-200: #B6ECFFFF; --blue-300: #78D5F4FF; --blue-400: #36BCEBFF; --blue-500: #00A7E1FF; --blue-600: #008CC5FF; --blue-700: #0070A9FF; --blue-800: #02517CFF; --blue-900: #033859FF; --blue-950: #002136FF; /* Gray */ --gray-50: #F5F9FCFF; --gray-100: #E9EFF5FF; --gray-200: #DAE1E8FF; --gray-300: #BEC8D1FF; --gray-400: #A4AFBAFF; --gray-500: #8996A3FF; --gray-600: #788896FF; --gray-700: #5E6E7DFF; --gray-800: #3F4E5CFF; --gray-900: #2A3540FF; --gray-950: #192026FF; /* Green */ --green-50: #EEFCEBFF; --green-100: #DEF2DAFF; --green-200: #CAE9C4FF; --green-300: #A4D49AFF; --green-400: #85BD79FF; --green-500: #56A447FF; --green-600: #398F28FF; --green-700: #247A12FF; --green-800: #115C02FF; --green-900: #0B4000FF; --green-950: #062400FF; /* Orange */ --orange-50: #FFF6EBFF; --orange-100: #FEEBD5FF; --orange-200: #FFDDB6FF; --orange-300: #FDBB71FF; --orange-400: #F89627FF; --orange-500: #E27901FF; --orange-600: #C66A02FF; --orange-700: #A55800FF; --orange-800: #784101FF; --orange-900: #522C01FF; --orange-950: #301A01FF; /* Red */ --red-50: #FFF5F5FF; --red-100: #FFE9E9FF; --red-200: #FFD6D6FF; --red-300: #FFB2B2FF; --red-400: #FF8E8EFF; --red-500: #FF5C5CFF; --red-600: #ED3434FF; --red-700: #D01010FF; --red-800: #A00F0FFF; --red-900: #700A0AFF; --red-950: #440404FF; /* Yellow */ --yellow-50: #FFF8DBFF; --yellow-100: #FFEFA8FF; --yellow-200: #FFE057FF; --yellow-300: #EBC311FF; --yellow-400: #D8AA09FF; --yellow-500: #B68E00FF; --yellow-600: #A27907FF; --yellow-700: #836105FF; --yellow-800: #654B03FF; --yellow-900: #453301FF; --yellow-950: #281E00FF; /*Neutrals*/ --neutrals-white: #FFFFFF; --neutrals-black: #000000; /* Named Variables */ --blues-aflac-blue: var(--blue-500); --blues-dark-blue: var(--blue-700); --blues-light-blue: var(--blue-200); --blues-pale-blue: var(--blue-50); --body-text-black: var(--neutrals-black); --body-text-dark-grey: var(--gray-800); --body-text-medium-grey: var(--gray-600); --body-text-navy-blue: var(--blue-900); --body-text-pale-blue-grey: var(--gray-600); --primary-dark-orange: var(--orange-700); --primary-orange: var(--orange-400); --primary-pale-yellow: var(--yellow-100); --primary-white: var(--neutrals-white); --primary-yellow: var(--yellow-200); --grays-dark-gray: var(--gray-800); --grays-light-gray: var(--gray-300); --grays-medium-gray: var(--gray-600); --grays-pale-gray: var(--gray-50); --indicators-dark-green: var(--green-700); --indicators-dark-red: var(--red-700); --indicators-medium-green: var(--green-300); --indicators-pale-green: var(--green-50); --indicators-pale-red: var(--red-50); } .white-container-title, .white-container-sub-title { text-transform: capitalize; font-weight: bold; color: #0071ad; } .white-container { font-size: 1em; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 0em; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 375px; text-decoration: none; background: #ffffff; -webkit-box-shadow: none; box-shadow: none; min-height: 500px; } .otp-code-input-group { margin-top: 6px; display: flex; } .input-box__otp-input { height: 48px; display: flex; flex-direction: column; width: 47.5px; border-radius: 4px; border: 1px solid var(--Depricated-Greys-Medium-grey, #888); /*gap: 10px;*/ flex: 1 0 0; align-items: flex-start; text-align: center; margin-right: 10px; border-radius: 4px; border-top: 1px solid var(--Greys-Medium-grey, #888); border-right: 1px solid var(--Greys-Medium-grey, #888); border-bottom: var(--Border-Border-enabled, 1px) solid var(--Greys-Medium-grey, #888); border-left: 1px solid var(--Greys-Medium-grey, #888); background: var(--Primary-White, #FFF); transition: border-color 0.3s ease-in-out; } .input-box__otp-input.input-error { border: 2px solid; border-color: var(--red-700); } .input-box__otp-input.input-focus { border: 2px solid var(--Blue-700, #0070A9); } .mobile-number-input-group { display: flex; } .mobile-number-input-group input { flex: 1; margin-right: 3px; } #mobilenumber-hidden-field { display: none; } .input-field-input.mobile-digit-value { text-align: center; } .mobile-separator { display: flex; align-items: center; justify-content: center; width: 100%; flex: 1; margin-right: 1px; font-size: 18px; transform: translateY(-20%); } @media (min-width: 64em) { .white-container { min-height: 741px; margin-bottom: 106px; } } .white-container .text.sub-text { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 15px; letter-spacing: 0.5px; color: #555555; } @media (min-width: 64em) { .white-container { margin: auto auto 80px; -webkit-box-shadow: 0 0.25em 0.625em 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0.25em 0.625em 0 rgba(0, 0, 0, 0.07); } } .white-container-logo { width: 81px; height: 26px; margin: 27px auto 12px; } @media (min-width: 64em) { .white-container-logo { width: 104px; height: 36px; margin: 29px auto 29px 20px; } } .white-container-title { font-size: 24px; line-height: 1.11111em; letter-spacing: 0.94px; } .white-container-error { padding: 5px 20px; } .white-container-error-img { padding: 3px 5px 0 0; float: left; } .white-container-error-text { font-size: 14px; line-height: 1.43; letter-spacing: 0.5px; color: #d13719; } .white-container-error-code { font-size: 12px; line-height: 1.43; letter-spacing: 0.5px; color: #d13719; margin-top: 10px; margin-bottom: 5px; display: block; } .white-container-sub-title { font-size: 19px; } .white-container-sub-title-gray { color: #555555; } .white-container-content { padding: 0 20px 36px; } .white-container .questions-chat { font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 15px; letter-spacing: 1.5px; } .white-container .text .send-code { font-size: 14px; margin-top: 18px; display: block; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 20px; letter-spacing: 0.5px; } .button { font-size: 14px; font-weight: bold; text-decoration: none; text-transform: capitalize; letter-spacing: 0.03571em /* 0.5/14 */ ; line-height: 1.64286em /* 23/14 */ ; height: 50px; width: 100%; border-radius: 0.28571em /* 4/14 */ ; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 2px 1.42857em /* 20/14 */ 0; border: none; background-color: #0071ad; color: #ffffff; } .button-environment { text-transform: none; } .btn-login { text-transform: none; } .button:disabled, .button .disabled { background: #f1f3f4; color: #555555; cursor: not-allowed; } .button-forward:after { content: ''; width: 10px; height: 12px; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MSA5OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjEgOTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDA3MEE5O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAuNiwxMi42TDExLjksMS4xTDYwLDQ5LjNMMTEuOCw5Ny41TDAuNSw4Ni4xbDM2LjgtMzYuOEwwLjYsMTIuNnoiLz4KPC9zdmc+Cg==") no-repeat; position: absolute; right: 35px; } .button.secondary { background-color: #ffffff; border: 0.14286em /* 2/14 */ solid #0071ad; color: #0071ad; } .button-text { white-space: nowrap; width: auto; height: auto; background-color: transparent; border: none; padding: 0; color: #555555; font-size: 12px; } .button-text-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .button-text-img-img { width: 12px; height: auto; margin: auto 0 auto 11.5px; } .button-text-img-left .button-text-img-img { margin: auto 11.5px auto 0; } .button-language { display: none; } .passwordless-button-set { display: flex; flex-direction: column; align-items: center; align-self: stretch; gap: 20px; } .passwordless-container__content { display: flex; max-width: var(--width, 375px); padding: 20px; flex-direction: column; align-items: center; gap: 24px; flex: 1 0 0; align-self: stretch; } .passwordless-button-set__submit { text-transform: none; } @media (min-width: 64em) { .button-language { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 33px 49px 49px auto; font-size: 13px; font-weight: 400; } } .input-field { margin: 10px 0 27px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; font-size: 8.5px; position: relative; } .input-field-label, .input-field-input { margin-bottom: 10px; } .input-field-label { padding-top: 8px; font-size: 12px; } .input-field-label.input-label-error { color: var(--Indicators-Dark-red, var(--Red-red-700, #900000)); } .input-field-input { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: 27.4px; width: 100%; border: 0; outline: 0; border-bottom: 0.0625em /* 1/16 */ solid #cccccc; padding-bottom: 5.4px; letter-spacing: 0.06875em /* 1.1/16 */ ; padding-left: 0; color: inherit; font-size: 16px; } .input-field-input[type="password"] { padding-bottom: 13.4px; } .input-field-input:focus { border-bottom: 1px solid #01A7E1; } .input-field-hint { line-height: 1.4; color: #555555; font-size: 12px; margin-bottom: 3px; } @media (min-width: 64em) { .input-field-hint { font-size: 12px; margin-bottom: 6px; } } .input-field-checkbox { padding: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .input-field-checkbox span { margin-left: 10px; font-size: 15px; color: #555555; } .input-field-checkbox [type="checkbox"] { height: 20px; width: 20px; margin: 0; } .input-field-checkbox [type="checkbox"]:checked:before { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIxLDYuM0w5LjgsMTlMMywxM2wxLjMtMS41bDUuMyw0LjdMMTkuNSw1TDIxLDYuM3oiLz4KPC9zdmc+Cg==") #0071ad no-repeat; } .input-field-checkbox [type="checkbox"]:disabled:before { cursor: not-allowed; background: #ffffff; border-color: #cccccc; } .input-field-checkbox [type="checkbox"]:disabled:checked:before { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIxLDYuM0w5LjgsMTlMMywxM2wxLjMtMS41bDUuMyw0LjdMMTkuNSw1TDIxLDYuM3oiLz4KPC9zdmc+Cg==") #cccccc no-repeat; } .white-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .white-container-title { text-transform: none; padding: 22px 20px 15px; } .white-container-sub-title { text-transform: none; text-align: center; padding: 13px 0 16px; } @media (min-width: 64em) { .white-container-sub-title { margin: 27px 0 24px; } } .white-container-content { padding: 0 20px 31px; } .white-container-content .text { line-height: 1.26; margin-bottom: 27px; } .white-container .input-field input.error { border-bottom: 1px solid red; } .white-container .input-field-label { margin-bottom: 8px; } .white-container .input-field-input { padding-bottom: 3.4px; } .white-container .white-container-content .anchor-block { font-size: 15px; padding: 23px 0 33px; } .white-container .text .new-link { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 20px; letter-spacing: 0.5px; color: #555555; display: block; } /*---------Login Begin---------*/ .white-container-login-title, .white-container-login-sub-title { font-weight: bold; color: #0071ad; } .white-container-login { font-size: 1em /* 16/16 */ ; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 0em /* 0/16 */ ; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 375px; text-decoration: none; background: #ffffff; -webkit-box-shadow: none; box-shadow: none; min-height: 500px; } @media (min-width: 64em) { .white-container-login { min-height: 741px; margin-bottom: 106px; } } .white-container-login .text.sub-text { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 15px; letter-spacing: 0.5px; color: #555555; } @media (min-width: 64em) { .white-container-login { margin: auto auto 80px; -webkit-box-shadow: 0 0.25em 0.625em 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0.25em 0.625em 0 rgba(0, 0, 0, 0.07); } } .white-container-login-title { font-size: 25px; line-height: 1.11111em /* 20/18 */ ; letter-spacing: 0.94px; } .white-container-login-error { padding: 5px 20px; } .white-container-login-sub-title { font-size: 18px; } .white-container-login-sub-title-gray { color: #555555; } .white-container-login-content { padding: 0 20px 36px; } .white-container-login { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 64em) { .white-container-login { min-height: auto; } } .white-container-login-title { padding: 22px 20px 6px; } .white-container-login-sub-title { text-transform: none; margin: 28px 0 22px; } @media (min-width: 64em) { .white-container-login-sub-title { margin: 27px 0 24px; } } .resend-registration-email { margin: 16px 0 29px; font-size: 14px; } .login-help-link { margin-top: 15px; font-size: 14px; } @media (min-width: 64em) { .login-help-link { margin-top: 14px; } } .aflac-dental { margin-bottom: 10px; } .input-field-checkbox { margin-bottom: 25px; } .recaptcha { background-color: #f5f5f5; padding: 10px; margin: 27px 0 24px; border-radius: 5px; } .recaptchaTxt { margin: 10px 0 5px; } #forgot-flow__back-link { position: relative; margin: 20px 0 25px 0; padding-bottom: 25px; } #forgot-flow__back-link a { position: absolute; top: 0; /*left: 0;*/ } /*-------------------*/ /*---------Login Help Begin---------*/ .white-container-loginhelp-title { font-size: 24px; line-height: 1.11111em /* 20/18 */ ; letter-spacing: 0.94px; } .white-container-loginhelp-content { padding: 0 20px 36px; } .white-container-loginhelp-title { padding: 21px 20px 33px; text-transform: none; line-height: 1.265; } @media (min-width: 64em) { .white-container-loginhelp-title { padding: 62px 20px 4px; } } .white-container-loginhelp-content { padding-bottom: 31px; } .white-container-loginhelp-content .text-dark { padding-right: 40px; margin: 13.5px 0 11px; } .white-container-loginhelp-content .text-paragraph { padding-right: 20px; margin-bottom: 14px; } .button-text-loginhelp { white-space: nowrap; width: auto; height: auto; background-color: transparent; border: none; padding: 0; color: #555555; font-size: 12px; } .button-text-loginhelp-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .button-text-loginhelp-img-img { width: 12px; height: auto; margin: auto 0 auto 11.5px; } .button-text-loginhelp-img-left .button-text-loginhelp-img-img { margin: auto 11.5px auto 0; } .button-text-loginhelp-img-left { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; } .button-text-loginhelp-img-left img { margin-right: 10px !important; width: 16px; } .button-text-loginhelp-img-left.back { top: 33px; left: 19px; position: absolute; } @media (min-width: 64em) { .button-text-loginhelp-img-left.back { top: 110px; left: 23px; } } .button-text-loginhelp-img-left.back img { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .button-text-loginhelp-img-left.chat { font-size: 12.5px; margin-bottom: 7px; word-spacing: 2px; } .button-login { margin-top: 30px; } /*---------Login Help End-----------*/ /*---------Register Begin---------*/ .white-container-register-title, .white-container-register-sub-title { text-transform: capitalize; font-weight: bold; color: #0071ad; } .white-container-register { font-size: 1em /* 16/16 */ ; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 0em /* 0/16 */ ; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 375px; text-decoration: none; background: #ffffff; -webkit-box-shadow: none; box-shadow: none; min-height: 500px; } @media (min-width: 64em) { .white-container-register { min-height: 741px; margin-bottom: 106px; } } .white-container-register .text.sub-text { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 15px; letter-spacing: 0.5px; color: #555555; } @media (min-width: 64em) { .white-container-register { margin: auto auto 80px; -webkit-box-shadow: 0 0.25em 0.625em 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0.25em 0.625em 0 rgba(0, 0, 0, 0.07); } } .white-container-register-title { font-size: 24px; line-height: 1.11111em /* 20/18 */ ; letter-spacing: 0.94px; } .white-container-register-sub-title { font-size: 19px; } .white-container-register-sub-title-gray { color: #555555; } .white-container-register-content { padding: 0 20px 36px; } .white-container-resendReg-title { color: #0071ad; font-size: 24px; text-transform: none; padding: 60px 10px 25px 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 30px; letter-spacing: 0; } .passwordless-button-set__opt-out { color: var(--blues-dark-blue, #0070A9); font-feature-settings: 'clig' off, 'liga' off; /* Link/Small/Normal */ font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; text-decoration: none; } .passwordless-container__body-text { color: #444; font-size: 16px; font-style: normal; font-weight: 400; line-height: 23px; /* 143.75% */ letter-spacing: 0.5px; } .passwordless-container__header-text { font-feature-settings: 'clig' off, 'liga' off; /* Headings/H4/Bold */ font-size: 26px; font-style: normal; font-weight: 700; line-height: 32px; padding: 20px 10px 25px 20px; } .passwordless-container__header-text--error { color: #900000; font-size: 26px; font-style: normal; font-weight: 700; line-height: 32px; padding: 20px 10px 25px 20px; } .text.passwordless-body-text { margin-bottom: 0px; } .white-container-register-title { text-transform: none; padding: 22px 10px 25px 20px; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 30px; letter-spacing: 0; } .white-container-register .text { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 20px; letter-spacing: 0.5px; } .white-container-register .text.text-breaker { font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 24px; letter-spacing: 0.5px; color: #0070a9; text-align: center; margin-bottom: 15px; } .white-container-register .button { margin-bottom: 16px; } .white-container-register .link { display: block; } .white-container-register .link.no-info { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 20px; letter-spacing: 0.5px; color: #555555; margin-bottom: 30px; } .white-container-register .password-requirements-req.error { color: red; } .white-container-register .password-requirements-req.error:before { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0idGhyZW1rNnNwYSIgZD0iTTEwIDE4LjMzM2M0LjYwMiAwIDguMzMzLTMuNzMgOC4zMzMtOC4zMzMgMC00LjYwMi0zLjczLTguMzMzLTguMzMzLTguMzMzLTQuNjAyIDAtOC4zMzMgMy43My04LjMzMyA4LjMzMyAwIDQuNjAyIDMuNzMgOC4zMzMgOC4zMzMgOC4zMzN6bS43NTQtNC4yNDZIOS4xNjdWMTIuNWgxLjU4N3YxLjU4N3ptMC0zLjI1NEg5LjE2N3YtNWgxLjU4N3Y1eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExMCAtNDg5KSB0cmFuc2xhdGUoMTEwIDQ4OSkiPgogICAgICAgICAgICAgICAgPG1hc2sgaWQ9Ijk5MWk3ejJ6d2IiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3RocmVtazZzcGEiLz4KICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0QxMzcxOSIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjdGhyZW1rNnNwYSIvPgogICAgICAgICAgICAgICAgPGcgZmlsbD0iI0QxMzcxOSIgbWFzaz0idXJsKCM5OTFpN3oyendiKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAgMEgyMFYyMEgweiIvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K"); width: 13px; height: 17px; background-size: contain; background-repeat: no-repeat; top: 4px; } .white-container-register .password-requirements-req.completed:before { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iIzBhODE0NSIgZD0iTTIxLDYuM0w5LjgsMTlMMywxM2wxLjMtMS41bDUuMyw0LjdMMTkuNSw1QzE5LjUsNSwyMSw2LjMsMjEsNi4zeiIvPgo8L3N2Zz4K"); } .white-container-register .password-requirements-req:before { content: ''; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI2NjY2NjYyIgZD0iTTIxLDYuM0w5LjgsMTlMMywxM2wxLjMtMS41bDUuMyw0LjdMMTkuNSw1QzE5LjUsNSwyMSw2LjMsMjEsNi4zeiIvPgo8L3N2Zz4K"); width: 15px; height: 15px; color: #555555; position: absolute; left: 0; top: 2px; } .white-container-register-sub-title { font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 22px; letter-spacing: 0; color: #555555; margin-top: 5px; margin-bottom: 10px; } .white-container-register .input-field.mobile-phone { margin-bottom: 10px; } .white-container-register .input-field.password { margin-bottom: 11px; } .white-container-register .input-field.password:before { content: ''; width: 15px; height: 14px; position: absolute; right: 0; bottom: 18px; z-index: 5; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDE4LjU0OTkyNyAxOS44NDU3MiIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnOCI+CiAgPGRlZnMKICAgICBpZD0iZGVmczIiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NS45NjE1ODIsLTEzNS45MTAxNikiPgogICAgPHBhdGgKICAgICAgIGlkPSJwYXRoOTYiCiAgICAgICBzdHlsZT0iZmlsbDojNTU1NTU1O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZS13aWR0aDowLjk3MDM1MiIKICAgICAgIGQ9Im0gMzk3Ljc0NDE0LDUyNi4yMTA5NCBjIC0xOS4zNjAxOCwwIC0zNS4wNTQ3LDE1Ljg2Mzk0IC0zNS4wNTQ2OSwyNC4zODI4MSAxMGUtNiw1LjQzMjYgNS44Mzk2MSwxMy4yOTg1NCAxNC43ODEyNSwxOC42MTUyMyBsIDUuNTM1MTYsLTkuNDc0NiBjIC0xLjcxOTM2LC0yLjYwMjM0IC0yLjcyODUyLC01LjcxMDUgLTIuNzI4NTIsLTkuMDQ0OTMgMCwtOS4wNjcxMiA3LjQxNzI1LC0xNi40ODQzNyAxNi40ODQzOCwtMTYuNDg0MzcgMC4zNzc1NywwIDAuNzQ3NjksMC4wMzEzIDEuMTE5MTQsMC4wNTY2IGwgNC41MTk1MywtNy43MzQzOCBjIC0xLjUyNDgzLC0wLjIwMDA4IC0zLjA3NzQ0LC0wLjMxNjQgLTQuNjU2MjUsLTAuMzE2NCB6IG0gMTguNDc4NTIsNC44NjcxOCAtNS45NTUwOCwxMC4xOTkyMiBjIDEuODc0NTksMi42NzQxNSAyLjk4NjM0LDUuOTE3NzUgMi45ODYzMyw5LjQxMjExIDNlLTUsOS4wNjcxNyAtNy40MjUwNywxNi40OTAyNCAtMTYuNDkyMTksMTYuNDkwMjQgLTAuNTMxMTEsMCAtMS4wNTU2LC0wLjAzMDMgLTEuNTc0MjIsLTAuMDgwMSBsIC00LjIyODUyLDcuMjQwMjMgYyAyLjE5NTk0LDAuNDA3MTMgNC40NjMsMC42MzQ3NyA2Ljc4NTE2LDAuNjM0NzcgMTkuMzYwMTgsMCAzNC45MzU2MywtMTUuNDIzMTkgMzUuMDU0NjksLTI0LjM4MDg2IDAuMDcyMywtNS40NDU4NCAtNi41ODgxLC0xNC4xMTQ5MiAtMTYuNTc2MTcsLTE5LjUxNTYzIHogbSAtMjIuMjg1MTYsOS45Mzc1IGMgLTQuMjA3NTYsMS4yMDk3OSAtNy4yNTE5NSw1LjA1NDMyIC03LjI1MTk1LDkuNjczODMgMCwwLjc5MDAxIDAuMDk3MSwxLjU1MzM2IDAuMjY1NjIsMi4yODkwNyB6IG0gMTIuNDk0MTQsNi44MzIwNCAtNy4zOTA2MiwxMi42NTQyOSBjIDQuNDg3MjEsLTEuMDIyODkgNy43OTY4NywtNC45OTU5NCA3Ljc5Njg3LC05LjgxMjUgMCwtMC45ODk4MiAtMC4xNDU0OSwtMS45NDA5MyAtMC40MDYyNSwtMi44NDE3OSB6IgogICAgICAgdHJhbnNmb3JtPSJzY2FsZSgwLjI2NDU4MzMzKSIgLz4KICAgIDxwYXRoCiAgICAgICBzdHlsZT0iZm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zdHJldGNoOm5vcm1hbDtmb250LXNpemU6bWVkaXVtO2xpbmUtaGVpZ2h0Om5vcm1hbDtmb250LWZhbWlseTpzYW5zLXNlcmlmO2ZvbnQtdmFyaWFudC1saWdhdHVyZXM6bm9ybWFsO2ZvbnQtdmFyaWFudC1wb3NpdGlvbjpub3JtYWw7Zm9udC12YXJpYW50LWNhcHM6bm9ybWFsO2ZvbnQtdmFyaWFudC1udW1lcmljOm5vcm1hbDtmb250LXZhcmlhbnQtYWx0ZXJuYXRlczpub3JtYWw7Zm9udC12YXJpYW50LWVhc3QtYXNpYW46bm9ybWFsO2ZvbnQtZmVhdHVyZS1zZXR0aW5nczpub3JtYWw7Zm9udC12YXJpYXRpb24tc2V0dGluZ3M6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb246bm9uZTt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO3dyaXRpbmctbW9kZTpsci10YjtkaXJlY3Rpb246bHRyO3RleHQtb3JpZW50YXRpb246bWl4ZWQ7ZG9taW5hbnQtYmFzZWxpbmU6YXV0bztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTt0ZXh0LWFuY2hvcjpzdGFydDt3aGl0ZS1zcGFjZTpub3JtYWw7c2hhcGUtcGFkZGluZzowO3NoYXBlLW1hcmdpbjowO2lubGluZS1zaXplOjA7Y2xpcC1ydWxlOm5vbnplcm87ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTt2aXNpYmlsaXR5OnZpc2libGU7b3BhY2l0eToxO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbDtjb2xvci1pbnRlcnBvbGF0aW9uOnNSR0I7Y29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzOmxpbmVhclJHQjtzb2xpZC1jb2xvcjojMDAwMDAwO3NvbGlkLW9wYWNpdHk6MTt2ZWN0b3ItZWZmZWN0Om5vbmU7ZmlsbDojNTU1NTU1O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxLjg2NTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxO2NvbG9yLXJlbmRlcmluZzphdXRvO2ltYWdlLXJlbmRlcmluZzphdXRvO3NoYXBlLXJlbmRlcmluZzphdXRvO3RleHQtcmVuZGVyaW5nOmF1dG87ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZTtzdG9wLWNvbG9yOiMwMDAwMDA7c3RvcC1vcGFjaXR5OjEiCiAgICAgICBkPSJNIDExMC4wNTg1OSwxMzUuOTEwMTYgQSAwLjkzMjUsMC45MzI1IDAgMCAwIDEwOS4yNSwxMzYuMzc1IGwgLTEwLjQ2Njc5NywxNy45Nzg1MiBhIDAuOTMyNSwwLjkzMjUgMCAwIDAgMC4zMzU5MzgsMS4yNzUzOSAwLjkzMjUsMC45MzI1IDAgMCAwIDEuMjc1Mzg5LC0wLjMzNTk0IGwgMTAuNDY2OCwtMTcuOTgwNDcgYSAwLjkzMjUsMC45MzI1IDAgMCAwIC0wLjMzNzg5LC0xLjI3NTM5IDAuOTMyNSwwLjkzMjUgMCAwIDAgLTAuNDY0ODUsLTAuMTI2OTUgeiIKICAgICAgIGlkPSJwYXRoOTU1IiAvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat; } .input-field-label { color: #555555; } .dob-label { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 14px; letter-spacing: normal; color: #555555; } .dob-dropdowns { display: flex; margin-top: 20px; border-bottom: 0.0625em solid #cccccc; padding-bottom: 10px; margin-bottom: 20px; } .dob-section { display: flex; margin-top: 20px; padding-bottom: 10px; margin-bottom: 20px; } .dob-section>div { flex: 1; box-sizing: border-box; margin-right: 50px; } .dob-section>div:last-child { margin-right: 0; } .dob-dropdowns .select-wrapper { flex: 1; position: relative; text-align: center; } .dob-dropdowns .select-wrapper:after { content: ''; width: 10px; height: 10px; position: absolute; z-index: 0; right: 14px; top: 50%; margin-top: -1px; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA5OSA2MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTkgNjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuNSkiIGNsYXNzPSJzdDAiIGQ9Ik04Ny4zLTAuNEw5OSwxMS4yTDQ5LjcsNjAuNUwwLjMsMTEuMUwxMi0wLjVsMzcuNywzNy43TDg3LjMtMC40eiIvPgo8L3N2Zz4K") no-repeat; } .dob-dropdowns .select-wrapper:first-of-type select { width: 100%; } .dob-dropdowns .select-wrapper:not(:first-of-type) { box-sizing: border-box; padding-left: 30px; text-align: justify; } .dob-dropdowns .select-wrapper select { border: 0; background: none; -webkit-appearance: none; position: relative; width: 100%; z-index: 1; } .white-container-register .select-questions { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; } .white-container-register .select-questions .select-wrapper { position: relative; border-bottom: 1px solid #cccccc; } .white-container-register .select-questions .select-wrapper select { border: 0; background: none; -webkit-appearance: none; padding-bottom: 6px; margin-top: 5px; position: relative; width: 100%; z-index: 1; } .white-container-register .select-questions .select-wrapper:after { content: ''; width: 10px; height: 10px; position: absolute; right: 5px; top: 50%; margin-top: -1px; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA5OSA2MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTkgNjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuNSkiIGNsYXNzPSJzdDAiIGQ9Ik04Ny4zLTAuNEw5OSwxMS4yTDQ5LjcsNjAuNUwwLjMsMTEuMUwxMi0wLjVsMzcuNywzNy43TDg3LjMtMC40eiIvPgo8L3N2Zz4K") no-repeat; } .white-container-register .password-requirements-req { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 20px; letter-spacing: 0.5px; color: #555555; padding-left: 20px; position: relative; } .white-container-register .input-field.password { margin-bottom: 11px; } .white-container-register .input-field.password:before { content: ''; width: 15px; height: 14px; position: absolute; right: 0; bottom: 18px; z-index: 5; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDE4LjU0OTkyNyAxOS44NDU3MiIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnOCI+CiAgPGRlZnMKICAgICBpZD0iZGVmczIiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NS45NjE1ODIsLTEzNS45MTAxNikiPgogICAgPHBhdGgKICAgICAgIGlkPSJwYXRoOTYiCiAgICAgICBzdHlsZT0iZmlsbDojNTU1NTU1O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZS13aWR0aDowLjk3MDM1MiIKICAgICAgIGQ9Im0gMzk3Ljc0NDE0LDUyNi4yMTA5NCBjIC0xOS4zNjAxOCwwIC0zNS4wNTQ3LDE1Ljg2Mzk0IC0zNS4wNTQ2OSwyNC4zODI4MSAxMGUtNiw1LjQzMjYgNS44Mzk2MSwxMy4yOTg1NCAxNC43ODEyNSwxOC42MTUyMyBsIDUuNTM1MTYsLTkuNDc0NiBjIC0xLjcxOTM2LC0yLjYwMjM0IC0yLjcyODUyLC01LjcxMDUgLTIuNzI4NTIsLTkuMDQ0OTMgMCwtOS4wNjcxMiA3LjQxNzI1LC0xNi40ODQzNyAxNi40ODQzOCwtMTYuNDg0MzcgMC4zNzc1NywwIDAuNzQ3NjksMC4wMzEzIDEuMTE5MTQsMC4wNTY2IGwgNC41MTk1MywtNy43MzQzOCBjIC0xLjUyNDgzLC0wLjIwMDA4IC0zLjA3NzQ0LC0wLjMxNjQgLTQuNjU2MjUsLTAuMzE2NCB6IG0gMTguNDc4NTIsNC44NjcxOCAtNS45NTUwOCwxMC4xOTkyMiBjIDEuODc0NTksMi42NzQxNSAyLjk4NjM0LDUuOTE3NzUgMi45ODYzMyw5LjQxMjExIDNlLTUsOS4wNjcxNyAtNy40MjUwNywxNi40OTAyNCAtMTYuNDkyMTksMTYuNDkwMjQgLTAuNTMxMTEsMCAtMS4wNTU2LC0wLjAzMDMgLTEuNTc0MjIsLTAuMDgwMSBsIC00LjIyODUyLDcuMjQwMjMgYyAyLjE5NTk0LDAuNDA3MTMgNC40NjMsMC42MzQ3NyA2Ljc4NTE2LDAuNjM0NzcgMTkuMzYwMTgsMCAzNC45MzU2MywtMTUuNDIzMTkgMzUuMDU0NjksLTI0LjM4MDg2IDAuMDcyMywtNS40NDU4NCAtNi41ODgxLC0xNC4xMTQ5MiAtMTYuNTc2MTcsLTE5LjUxNTYzIHogbSAtMjIuMjg1MTYsOS45Mzc1IGMgLTQuMjA3NTYsMS4yMDk3OSAtNy4yNTE5NSw1LjA1NDMyIC03LjI1MTk1LDkuNjczODMgMCwwLjc5MDAxIDAuMDk3MSwxLjU1MzM2IDAuMjY1NjIsMi4yODkwNyB6IG0gMTIuNDk0MTQsNi44MzIwNCAtNy4zOTA2MiwxMi42NTQyOSBjIDQuNDg3MjEsLTEuMDIyODkgNy43OTY4NywtNC45OTU5NCA3Ljc5Njg3LC05LjgxMjUgMCwtMC45ODk4MiAtMC4xNDU0OSwtMS45NDA5MyAtMC40MDYyNSwtMi44NDE3OSB6IgogICAgICAgdHJhbnNmb3JtPSJzY2FsZSgwLjI2NDU4MzMzKSIgLz4KICAgIDxwYXRoCiAgICAgICBzdHlsZT0iZm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zdHJldGNoOm5vcm1hbDtmb250LXNpemU6bWVkaXVtO2xpbmUtaGVpZ2h0Om5vcm1hbDtmb250LWZhbWlseTpzYW5zLXNlcmlmO2ZvbnQtdmFyaWFudC1saWdhdHVyZXM6bm9ybWFsO2ZvbnQtdmFyaWFudC1wb3NpdGlvbjpub3JtYWw7Zm9udC12YXJpYW50LWNhcHM6bm9ybWFsO2ZvbnQtdmFyaWFudC1udW1lcmljOm5vcm1hbDtmb250LXZhcmlhbnQtYWx0ZXJuYXRlczpub3JtYWw7Zm9udC12YXJpYW50LWVhc3QtYXNpYW46bm9ybWFsO2ZvbnQtZmVhdHVyZS1zZXR0aW5nczpub3JtYWw7Zm9udC12YXJpYXRpb24tc2V0dGluZ3M6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb246bm9uZTt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO3dyaXRpbmctbW9kZTpsci10YjtkaXJlY3Rpb246bHRyO3RleHQtb3JpZW50YXRpb246bWl4ZWQ7ZG9taW5hbnQtYmFzZWxpbmU6YXV0bztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTt0ZXh0LWFuY2hvcjpzdGFydDt3aGl0ZS1zcGFjZTpub3JtYWw7c2hhcGUtcGFkZGluZzowO3NoYXBlLW1hcmdpbjowO2lubGluZS1zaXplOjA7Y2xpcC1ydWxlOm5vbnplcm87ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTt2aXNpYmlsaXR5OnZpc2libGU7b3BhY2l0eToxO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbDtjb2xvci1pbnRlcnBvbGF0aW9uOnNSR0I7Y29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzOmxpbmVhclJHQjtzb2xpZC1jb2xvcjojMDAwMDAwO3NvbGlkLW9wYWNpdHk6MTt2ZWN0b3ItZWZmZWN0Om5vbmU7ZmlsbDojNTU1NTU1O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxLjg2NTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxO2NvbG9yLXJlbmRlcmluZzphdXRvO2ltYWdlLXJlbmRlcmluZzphdXRvO3NoYXBlLXJlbmRlcmluZzphdXRvO3RleHQtcmVuZGVyaW5nOmF1dG87ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZTtzdG9wLWNvbG9yOiMwMDAwMDA7c3RvcC1vcGFjaXR5OjEiCiAgICAgICBkPSJNIDExMC4wNTg1OSwxMzUuOTEwMTYgQSAwLjkzMjUsMC45MzI1IDAgMCAwIDEwOS4yNSwxMzYuMzc1IGwgLTEwLjQ2Njc5NywxNy45Nzg1MiBhIDAuOTMyNSwwLjkzMjUgMCAwIDAgMC4zMzU5MzgsMS4yNzUzOSAwLjkzMjUsMC45MzI1IDAgMCAwIDEuMjc1Mzg5LC0wLjMzNTk0IGwgMTAuNDY2OCwtMTcuOTgwNDcgYSAwLjkzMjUsMC45MzI1IDAgMCAwIC0wLjMzNzg5LC0xLjI3NTM5IDAuOTMyNSwwLjkzMjUgMCAwIDAgLTAuNDY0ODUsLTAuMTI2OTUgeiIKICAgICAgIGlkPSJwYXRoOTU1IiAvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat; } /*---------Register End-----------*/ /*---------Validate OTP Begin---------*/ .white-container-otp { font-size: 1em /* 16/16 */ ; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 0em /* 0/16 */ ; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 375px; text-decoration: none; background: #ffffff; -webkit-box-shadow: none; box-shadow: none; min-height: 500px; } @media (min-width: 64em) { .white-container-otp { min-height: 741px; margin-bottom: 106px; } } .white-container-otp .text.sub-text { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 15px; letter-spacing: 0.5px; color: #555555; } @media (min-width: 64em) { .white-container-otp { margin: auto auto 80px; -webkit-box-shadow: 0 0.25em 0.625em 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0.25em 0.625em 0 rgba(0, 0, 0, 0.07); } } .white-container-otp-sub-title-gray { color: #555555; } .white-container-otp-content { padding: 0 20px 36px; } .white-container-otp .text { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 20px; letter-spacing: 0.5px; } .white-container-otp .input-field.security-code { margin-top: 20px; } .white-container-otp .input-field { margin-bottom: 0; } .white-container-otp .link { display: block; } .white-container-otp .link.send-code { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 15px; letter-spacing: normal; color: #555555; margin-bottom: 30px; } .white-container-otp .link.send-code.disabled-link { pointer-events: none; color: #CCC; } .white-container-otp-sub-title { font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 22px; letter-spacing: 0; color: #555555; margin-top: 5px; margin-bottom: 10px; text-transform: inherit; } /*---------Validate OTP End-----------*/ /*---------Footer Start-----------*/ .white-container-message-text { font-size: 14px; line-height: 1.43; letter-spacing: 0.5px; color: #81C784; } .white-container-message-success-text { font-size: 14px; line-height: 1.43; letter-spacing: 0.5px; color: #178002; } @media (min-width: 64em) { .footer { padding-right: 21px; } } @media (min-width: 64em) { .footer .privacy-disaster-links { padding-right: 0; } } .footer .privacy-disaster-links-inner-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer .button-text-img-img { -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-top: 3px; } @media (min-width: 64em) { .footer .button-text-img-img { margin-top: 6px; } } @media (min-width: 64em) { .footer .button-text-img.show-on-bke { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 0; } } .footer .button-text-img.show-on-bka { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 64em) { .footer .button-text-img.show-on-bka { display: none; } } .footer .legal { padding-top: 20px; } @media (min-width: 64em) { .footer .legal { padding-top: 0; width: 642px; } } .footer .legal .text { line-height: 1.34; margin-bottom: 20px; } .footer { padding: 26px 17px 30px; background-color: #f1f3f4; color: #555555; font-size: 11.8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } @media (min-width: 64em) { .footer { padding: 29px 30px 20px 30px; } } .footer-static { display: flex; flex-direction: column; flex-wrap: wrap; -ms-flex-flow: column wrap; } .footer-logo { width: 113px; height: 39px; margin-bottom: 20px; } @media (min-width: 64em) { .footer-logo { display: none; } } /*---------Footer End-----------*/ /*--------Password Validation Start---------*/ .white-container .password-requirements { margin-bottom: 30px; } .white-container .password-requirements-req { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 20px; letter-spacing: 0.5px; color: #555555; padding-left: 20px; position: relative; } .white-container .password-requirements-req:before { content: ''; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI2NjY2NjYyIgZD0iTTIxLDYuM0w5LjgsMTlMMywxM2wxLjMtMS41bDUuMyw0LjdMMTkuNSw1QzE5LjUsNSwyMSw2LjMsMjEsNi4zeiIvPgo8L3N2Zz4K"); width: 15px; height: 15px; color: #555555; position: absolute; left: 0; top: 2px; } .white-container .password-requirements-req.error { color: red; } .white-container .password-requirements-req.error:before { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0idGhyZW1rNnNwYSIgZD0iTTEwIDE4LjMzM2M0LjYwMiAwIDguMzMzLTMuNzMgOC4zMzMtOC4zMzMgMC00LjYwMi0zLjczLTguMzMzLTguMzMzLTguMzMzLTQuNjAyIDAtOC4zMzMgMy43My04LjMzMyA4LjMzMyAwIDQuNjAyIDMuNzMgOC4zMzMgOC4zMzMgOC4zMzN6bS43NTQtNC4yNDZIOS4xNjdWMTIuNWgxLjU4N3YxLjU4N3ptMC0zLjI1NEg5LjE2N3YtNWgxLjU4N3Y1eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExMCAtNDg5KSB0cmFuc2xhdGUoMTEwIDQ4OSkiPgogICAgICAgICAgICAgICAgPG1hc2sgaWQ9Ijk5MWk3ejJ6d2IiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3RocmVtazZzcGEiLz4KICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0QxMzcxOSIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjdGhyZW1rNnNwYSIvPgogICAgICAgICAgICAgICAgPGcgZmlsbD0iI0QxMzcxOSIgbWFzaz0idXJsKCM5OTFpN3oyendiKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAgMEgyMFYyMEgweiIvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K"); width: 13px; height: 17px; background-size: contain; background-repeat: no-repeat; top: 4px; } .white-container .password-requirements-req.completed:before { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iIzBhODE0NSIgZD0iTTIxLDYuM0w5LjgsMTlMMywxM2wxLjMtMS41bDUuMyw0LjdMMTkuNSw1QzE5LjUsNSwyMSw2LjMsMjEsNi4zeiIvPgo8L3N2Zz4K"); } .white-container-sub-title { text-transform: none; margin: 32px 0 17px; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 24px; letter-spacing: 0; } .white-container .input-field { position: relative; } .white-container .input-field.password { margin-bottom: 11px; } .white-container .input-field.password:before { content: ''; width: 15px; height: 14px; position: absolute; right: 0; bottom: 18px; z-index: 5; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDE4LjU0OTkyNyAxOS44NDU3MiIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnOCI+CiAgPGRlZnMKICAgICBpZD0iZGVmczIiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NS45NjE1ODIsLTEzNS45MTAxNikiPgogICAgPHBhdGgKICAgICAgIGlkPSJwYXRoOTYiCiAgICAgICBzdHlsZT0iZmlsbDojNTU1NTU1O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZS13aWR0aDowLjk3MDM1MiIKICAgICAgIGQ9Im0gMzk3Ljc0NDE0LDUyNi4yMTA5NCBjIC0xOS4zNjAxOCwwIC0zNS4wNTQ3LDE1Ljg2Mzk0IC0zNS4wNTQ2OSwyNC4zODI4MSAxMGUtNiw1LjQzMjYgNS44Mzk2MSwxMy4yOTg1NCAxNC43ODEyNSwxOC42MTUyMyBsIDUuNTM1MTYsLTkuNDc0NiBjIC0xLjcxOTM2LC0yLjYwMjM0IC0yLjcyODUyLC01LjcxMDUgLTIuNzI4NTIsLTkuMDQ0OTMgMCwtOS4wNjcxMiA3LjQxNzI1LC0xNi40ODQzNyAxNi40ODQzOCwtMTYuNDg0MzcgMC4zNzc1NywwIDAuNzQ3NjksMC4wMzEzIDEuMTE5MTQsMC4wNTY2IGwgNC41MTk1MywtNy43MzQzOCBjIC0xLjUyNDgzLC0wLjIwMDA4IC0zLjA3NzQ0LC0wLjMxNjQgLTQuNjU2MjUsLTAuMzE2NCB6IG0gMTguNDc4NTIsNC44NjcxOCAtNS45NTUwOCwxMC4xOTkyMiBjIDEuODc0NTksMi42NzQxNSAyLjk4NjM0LDUuOTE3NzUgMi45ODYzMyw5LjQxMjExIDNlLTUsOS4wNjcxNyAtNy40MjUwNywxNi40OTAyNCAtMTYuNDkyMTksMTYuNDkwMjQgLTAuNTMxMTEsMCAtMS4wNTU2LC0wLjAzMDMgLTEuNTc0MjIsLTAuMDgwMSBsIC00LjIyODUyLDcuMjQwMjMgYyAyLjE5NTk0LDAuNDA3MTMgNC40NjMsMC42MzQ3NyA2Ljc4NTE2LDAuNjM0NzcgMTkuMzYwMTgsMCAzNC45MzU2MywtMTUuNDIzMTkgMzUuMDU0NjksLTI0LjM4MDg2IDAuMDcyMywtNS40NDU4NCAtNi41ODgxLC0xNC4xMTQ5MiAtMTYuNTc2MTcsLTE5LjUxNTYzIHogbSAtMjIuMjg1MTYsOS45Mzc1IGMgLTQuMjA3NTYsMS4yMDk3OSAtNy4yNTE5NSw1LjA1NDMyIC03LjI1MTk1LDkuNjczODMgMCwwLjc5MDAxIDAuMDk3MSwxLjU1MzM2IDAuMjY1NjIsMi4yODkwNyB6IG0gMTIuNDk0MTQsNi44MzIwNCAtNy4zOTA2MiwxMi42NTQyOSBjIDQuNDg3MjEsLTEuMDIyODkgNy43OTY4NywtNC45OTU5NCA3Ljc5Njg3LC05LjgxMjUgMCwtMC45ODk4MiAtMC4xNDU0OSwtMS45NDA5MyAtMC40MDYyNSwtMi44NDE3OSB6IgogICAgICAgdHJhbnNmb3JtPSJzY2FsZSgwLjI2NDU4MzMzKSIgLz4KICAgIDxwYXRoCiAgICAgICBzdHlsZT0iZm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zdHJldGNoOm5vcm1hbDtmb250LXNpemU6bWVkaXVtO2xpbmUtaGVpZ2h0Om5vcm1hbDtmb250LWZhbWlseTpzYW5zLXNlcmlmO2ZvbnQtdmFyaWFudC1saWdhdHVyZXM6bm9ybWFsO2ZvbnQtdmFyaWFudC1wb3NpdGlvbjpub3JtYWw7Zm9udC12YXJpYW50LWNhcHM6bm9ybWFsO2ZvbnQtdmFyaWFudC1udW1lcmljOm5vcm1hbDtmb250LXZhcmlhbnQtYWx0ZXJuYXRlczpub3JtYWw7Zm9udC12YXJpYW50LWVhc3QtYXNpYW46bm9ybWFsO2ZvbnQtZmVhdHVyZS1zZXR0aW5nczpub3JtYWw7Zm9udC12YXJpYXRpb24tc2V0dGluZ3M6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb246bm9uZTt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO3dyaXRpbmctbW9kZTpsci10YjtkaXJlY3Rpb246bHRyO3RleHQtb3JpZW50YXRpb246bWl4ZWQ7ZG9taW5hbnQtYmFzZWxpbmU6YXV0bztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTt0ZXh0LWFuY2hvcjpzdGFydDt3aGl0ZS1zcGFjZTpub3JtYWw7c2hhcGUtcGFkZGluZzowO3NoYXBlLW1hcmdpbjowO2lubGluZS1zaXplOjA7Y2xpcC1ydWxlOm5vbnplcm87ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTt2aXNpYmlsaXR5OnZpc2libGU7b3BhY2l0eToxO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbDtjb2xvci1pbnRlcnBvbGF0aW9uOnNSR0I7Y29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzOmxpbmVhclJHQjtzb2xpZC1jb2xvcjojMDAwMDAwO3NvbGlkLW9wYWNpdHk6MTt2ZWN0b3ItZWZmZWN0Om5vbmU7ZmlsbDojNTU1NTU1O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxLjg2NTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxO2NvbG9yLXJlbmRlcmluZzphdXRvO2ltYWdlLXJlbmRlcmluZzphdXRvO3NoYXBlLXJlbmRlcmluZzphdXRvO3RleHQtcmVuZGVyaW5nOmF1dG87ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZTtzdG9wLWNvbG9yOiMwMDAwMDA7c3RvcC1vcGFjaXR5OjEiCiAgICAgICBkPSJNIDExMC4wNTg1OSwxMzUuOTEwMTYgQSAwLjkzMjUsMC45MzI1IDAgMCAwIDEwOS4yNSwxMzYuMzc1IGwgLTEwLjQ2Njc5NywxNy45Nzg1MiBhIDAuOTMyNSwwLjkzMjUgMCAwIDAgMC4zMzU5MzgsMS4yNzUzOSAwLjkzMjUsMC45MzI1IDAgMCAwIDEuMjc1Mzg5LC0wLjMzNTk0IGwgMTAuNDY2OCwtMTcuOTgwNDcgYSAwLjkzMjUsMC45MzI1IDAgMCAwIC0wLjMzNzg5LC0xLjI3NTM5IDAuOTMyNSwwLjkzMjUgMCAwIDAgLTAuNDY0ODUsLTAuMTI2OTUgeiIKICAgICAgIGlkPSJwYXRoOTU1IiAvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat; } /*--------Password Validation End---------*/ /*--------User Agreement List Start---------*/ ul { padding: inherit; color: #555555; } ul.password-requirements { padding: initial; margin-bottom: 30px; } ul.password-requirements li { list-style-type: none !important; margin-bottom: 0px; margin-left: 0px; } ul li { font-size: 14px; margin-left: 10px; list-style-type: disc; margin-bottom: 10px; } ul li.a { font-size: 14px; margin-left: 40px; list-style-type: circle; margin-bottom: 10px; } ol.a { padding: inherit; color: #555555; } ol.a li { font-size: 14px; list-style-type: decimal; margin-bottom: 10px; } ol.c ul li { list-style-type: disc; } ol.a { list-style-type: none; counter-reset: item; margin: 0; padding: 0; } ol.a>li { display: table; counter-increment: item; margin-bottom: 0.6em; } ol.a>li:before { content: counters(item, ".") ". "; padding-right: 0.6em; } li ol.a>li:before { content: counters(item, ".") " "; } ol.c { padding: inherit; color: #555555; } ol.c li { font-size: 14px; margin-left: 10px; list-style-type: lower-roman; margin-bottom: 10px; } li.d { color: white; font-size: 0px !important; } li.e { margin-left: 10px; } .agreement { font-size: 1em /* 16/16 */ ; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 0em /* 0/16 */ ; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: auto; max-width: 800px; text-decoration: none; background: #ffffff; -webkit-box-shadow: none; box-shadow: none; min-height: 500px; } /*--------User Agreement List End---------*/ /*--------Manage Passkey Page Start---------*/ .manage-passkey__title { text-transform: none; padding: 22px 10px 0px 20px; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 30px; letter-spacing: 0; color: #0071ad; } .passkey_checkbox { flex: 10%; width: 10%; display: flex; align-items: center; justify-content: flex-start; padding-left: 5px; transform: scale(1.5); } .passkey-list-item-displayname { word-wrap: break-word; font-weight: bold; white-space: pre-wrap; font-size: 14px; } li.span.passkey-list-item-displayname { display: flex; } .passkey-list-item { width: auto; display: flex; align-items: center; padding: 16px 8px 16px 8px; } .passkey-list-item__checkbox { transform: scale(1.5); } .passkey-list-item-details { flex: 65%; width: 65%; white-space: initial; padding-right: 10px; padding-left: 15px; } ul.passkey-list-item .passkey-actions { padding: 10px; margin: 10px; display: flex; justify-content: flex-end; font-style: normal; } ul.passkey-device-list { padding: 0px; } ul.passkey-device-list li { list-style-type: none; margin: 0; padding-left: 0; border: 1px solid #d3d3d3; border-bottom: none; box-shadow: 1px 0 0 0 #d3d3d3; } ul.passkey-device-list li:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } ul.passkey-device-list li:last-child { border-bottom: solid; border-color: #d3d3d3; border-width: 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 1px 1px 1px 0px #d3d3d3; } .passkey-list-item-actions { width: 25%; padding: 5px; display: flex; justify-content: flex-end; } .passkey-list-item-action-button { padding: 3px; margin: 5px; border-style: solid; border-width: 1px; border-color: #d3d3d3; border-radius: 5px; box-shadow: 1px 1px 1px 0px #d3d3d3; cursor: pointer; transition: opacity 0.3s ease-in-out; } .passkey-list-item-action-button-disabled { transition: opacity 0.3s ease-in-out; cursor: not-allowed; opacity: 0.3; } .passkey-list-item-actions .passkey-actions { display: flex; justify-content: flex-end; padding: 0 0 0 50px; color: red; float: right; } ul.password-requirements { padding: initial; margin-bottom: 30px; } .passkey-list-item-count { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 15px; letter-spacing: 0.5px; color: #555555; text-align: right; } .manage-passkey__actions-container { text-align: left; margin-bottom: 35px; } .manage-passkey__text { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 15px; letter-spacing: 0.5px; color: #555555; } .manage-passkey__datetime-text { font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 15px; letter-spacing: 0.5px; color: #555555; } .manage-passkey__add-button { height: 27px; background-color: #0071ad; border: 0.14286em solid #0071ad; border-radius: 0.28571em; color: #ffffff; cursor: pointer; font-size: 14px; } .manage-passkey__delete-selected { height: 27px; background-color: #aa3939; border: 0.14286em solid #aa3939; border-radius: 0.28571em; color: #ffffff; cursor: pointer; float: right; font-size: 14px; animation: fadeIn 0.3s ease-in-out; } .manage-passkey-delete-list { padding-top: 10px; } #managepasskey__back-link { position: relative; margin: 20px 0 25px 0; } #managepasskey__back-link a { position: absolute; top: 0; /*left: 0;*/ } .white-container-register-content-passkeymanagement { padding: 36px 20px 36px; /*position: relative;*/ width: 100%; } .managepasskey-redirect_container { position: absolute; bottom: 0; width: 90%; margin-bottom: 10px; } .managepasskey-redirect_button { font-size: 14px; font-weight: bold; text-decoration: none; text-transform: capitalize; letter-spacing: 0.03571em /* 0.5/14 */; line-height: 1.64286em /* 23/14 */; height: 50px; width: 100%; border-radius: 0.28571em /* 4/14 */; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 2px 1.42857em /* 20/14 */ 0; border: 0.14286em /* 2/14 */ solid #0071ad; background-color: #ffffff; color: #0071ad; } /*--------Manage Passkey Page End---------*/ /*--------Passkey Modal Content Start---------*/ .passkey-input-modal__cancel { width: 20%; height: 27px; background-color: #ffffff; border: 0.14286em solid #0071ad; border-radius: 0.28571em; color: #0071ad; cursor: pointer; } .passkey-input-modal__submit { width: 20%; height: 27px; background-color: #0071ad; border: 0.14286em solid #0071ad; border-radius: 0.28571em; color: #ffffff; float: right; cursor: pointer; } /*--------Passkey Modal Content End---------*/ /*--------Footer Disater Start---------*/ .white-container-disaster { font-size: 1em /* 16/16 */ ; display: flex; border-radius: 0em /* 0/16 */ ; flex-direction: column; position: relative; width: 100%; max-width: 375px; text-decoration: none; background: #ffffff; box-shadow: none; min-height: 75vh; overflow-y: auto; } @media (min-width: 48em) { .white-container-disaster { padding-bottom: 106px; } } @media (min-width: 64em) { .white-container-disaster { min-height: 741px; margin-bottom: 106px; display: block; } } @media (min-width: 64em) { .white-container-disaster { margin: auto auto 80px; -webkit-box-shadow: 0 0.25em 0.625em 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0.25em 0.625em 0 rgba(0, 0, 0, 0.07); } } .button-disaster { font-size: 14px; font-weight: bold; text-decoration: none; text-transform: capitalize; letter-spacing: 0.03571em /* 0.5/14 */ ; line-height: 1.64286em /* 23/14 */ ; height: 50px; width: 100%; border-radius: 0.28571em /* 4/14 */ ; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 2px 1.42857em /* 20/14 */ 0; border: none; background-color: #0071ad; color: #ffffff; } .button-disaster-text { white-space: nowrap; width: auto; height: auto; background-color: transparent; border: none; padding: 0; color: #555555; font-size: 12px; } .overlay { background-color: rgba(0, 0, 0, 0.7); width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; z-index: 1; margin-bottom: 20px; } @media (min-width: 64em) { .overlay { position: fixed; height: 100vh; margin-bottom: 0; } } .white-container-disaster { padding-bottom: 0; max-width: 100%; z-index: 2; margin: auto; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* This is to handle the styling on IE */ .overlay { background-color: rgba(0, 0, 0, 0.7); width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; z-index: 1; } .white-container-disaster { padding-bottom: 0; position: relative !important; max-width: 100%; z-index: 2; margin: 0; } } @media (min-width: 64em) { .white-container-disaster { position: absolute; border-radius: 5px; max-height: 90%; max-width: 440px; min-height: auto; } } .button-disaster-close { height: 24px; position: absolute; right: 19px; top: 20px; width: 24px; } @media (min-width: 64em) { .button-disaster-close { right: 20px; top: 20px; } } .mobile-modal-header { width: 100%; } @media (min-width: 64em) { .mobile-modal-header { display: none; } } .mobile-modal-header-text { width: 197px; height: 40px; margin: 10px auto; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.22; letter-spacing: 0.5px; text-align: center; color: #555555; } .inner-container { min-height: calc(100vh - 61px); } @media (min-width: 64em) { .inner-container { min-height: calc(50vh); } } .inner-container-title { margin: 20px 20px 10px; font-size: 25px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: 0.5px; color: #0071ad; } @media (min-width: 64em) { .inner-container-title { margin: 30px 74px 10px 30px; } } .inner-container-text { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: 0.5px; margin: 20px; color: #555555; } @media (min-width: 64em) { .inner-container-text { margin: 10px 74px 10px 30px; } } .inner-container-text.bold { font-weight: 600; padding-bottom: 70px; } .inner-container-text.bold.minimal-padding { padding-bottom: 5px; } .button-disaster.close { bottom: 15px; margin: 0 20px; width: calc(100% - 40px); } @media (min-width: 64em) { .button-disaster.close { width: calc(100% - 94px); margin: 20px auto 10px auto; } } /*--------Footer Disater End---------*/ .float-left { float: left; } .btn-top-margin { margin-top: 10px; } @media (min-width: 64em) { .goBack { padding-top: 62px; } } .initial-password { margin-bottom: 12px; } .must-include { margin-bottom: 0px !important; } body .text.link { font-size: 14px; } .field-icon { float: right; margin-left: 300px; margin-top: -30px; position: relative; color: #555555; font-size: 12px; } .field-icon-break { margin-top: 45px !important; } .pass-hint { margin-top: 25px !important; } .input-field-username { margin: 10px 0 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; position: relative; } ol.help { padding-left: 20px } .small-pad-bottom { padding-bottom: 5px; } @media (min-width: 64em) { .expanded { width: 80%; min-height: 5px; } } @media (min-width: 64em) { .login-help-btn { width: 30%; margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom: 20px; } } .buildVersion { font-size: 10px; margin-top: 10px; position: absolute; right: 30px; } .margin-btm-10 { margin-bottom: 10px !important; } .margin-lft-15 { margin-left: 15px; } .group .body-part { display: none; padding: 19px 25px; } .accordion { border: 1px solid #dfdbdb; padding: 10px 0; } .group { margin-top: -10px; margin-left: 21px; } .group span { display: block; font-size: 15px; } .group span::after { content: "Show"; float: right; padding-right: -5px; margin-right: -15px; cursor: pointer; font-size: 12px !important; font-weight: bold !important; } .active .group span::after { content: "Hide"; font-size: 12px !important; } .loginhelp-text { padding-top: 10px !important; } .accordianbtns { width: 100px; float: right; margin-right: 10px; padding: 0 !important; height: 35px; } .showHideDiv { margin-bottom: 60px; } .loader { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .header-control__img-container { display: flex; flex-direction: column; align-items: center; gap: 10px; margin: 27px auto 12px; align-self: stretch; } .header-control__img { border-style: none; width: 81px; height: 26px; } @media (min-width: 64em) { .header-control__img { width: 104px; height: 36px; } .header-control__img-container { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin: 29px auto 29px 20px; align-self: stretch; } } /* Passwordless Enrollment control */ .passwordless-enrollment-control__title { color: var(--dark-blue, #0070a9); text-align: left; font: var(--headings-h-4-bold, 700 26px/32px "Proxima Nova", sans-serif); position: relative; align-self: stretch; } .passwordless-enrollment-control__main-text { color: var(--greys-darkgrey, #555555); text-align: left; font: 400 16px/22px "Proxima Nova", sans-serif; position: relative; width: 335px; } .passwordless-enrollment-control__layout { padding: 20px; display: flex; flex-direction: column; gap: 24px; align-items: center; justify-content: flex-start; align-self: stretch; flex: 1; max-width: var(--width, 375px); position: relative; } .passwordless-enrollment-control__button-container { display: flex; flex-direction: column; gap: 20px; align-items: center; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; overflow: hidden; } .passwordless-enrollment-control__create-button { margin-left: 5px; } .passwordless-enrollment-control__cancel-button { background: none !important; color: var(--blues-darkblue, #0070a9); border: none; padding: 0 !important; font: var(--link-small-normal, 400 16px/20px "Proxima Nova", sans-serif); } .passwordless-enrollment-control__cancel-button:hover { cursor: pointer; } .passwordless-enrollment-control__not-supported-container { display: flex; justify-content: center; } .passwordless-enrollment-control__not-supported-text { text-align: center; } .passwordless-enrollment-control__art { flex-shrink: 0; width: 192px; height: 130px; position: relative; overflow: hidden; } .passwordless-enrollment-control__group { position: absolute; inset: 0; } .passwordless-enrollment-control__group2 { width: 123.94px; height: 82.25px; position: static; } .passwordless-enrollment-control__group3 { position: absolute; left: 161.93px; top: 20px; transform: translate(-125.94px, -2px); overflow: visible; } .passwordless-enrollment-control__group-99245715 { position: absolute; inset: 0; margin-right: 0 !important; } .passwordless-enrollment-control__rectangle-3467323 { border-radius: 0px; position: absolute; left: 18px; top: 37.19px; overflow: visible; } .passwordless-enrollment-control__group4 { position: absolute; left: 26.07px; top: 63.08px; overflow: visible; } .passwordless-enrollment-control__vector6 { position: absolute; left: 32.91px; top: 46.08px; transform: translate(-1.5px, -1.5px); overflow: visible; } .passwordless-enrollment-control__group-99245722 { position: absolute; left: 136px; top: 42px; overflow: visible; } .passwordless-enrollment-control__passkey { width: 40px; height: 40px; position: absolute; left: 118px; top: 37px; transform-origin: 0 0; transform: rotate(0deg) scale(-1, 1); overflow: hidden; } .passwordless-enrollment-control__background2 { position: absolute; left: 6.67px; top: 5px; overflow: visible; } .passwordless-enrollment-control__key { position: absolute; left: 11.67px; top: 15px; transform: translate(-2.03px, -2.02px); overflow: visible; } .passwordless-enrollment-success-container { align-items: center; padding: 20px; } .passwordless-enrollment-success__title { color: var(--blues-darkblue, #0070a9); text-align: left; font: var(--headings-h-4-bold, 700 26px/32px "Proxima Nova", sans-serif); position: relative; align-self: stretch; } .passwordless-enrollment-success__image-container { background: #ffffff; padding: 20px 42px 20px 42px; display: flex; flex-direction: row; gap: 10px; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; position: relative; overflow: hidden; } .passwordless-enrollment-success__image-container-2 { display: flex; flex-direction: row; gap: 50px; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; height: 64px; position: relative; } .passwordless-enrollment-success__checkmark-image { flex-shrink: 0; width: 64px; height: 64px; position: relative; } .passwordless-enrollment-success__checkmark-image-svg { position: absolute; left: 5px; top: 5px; overflow: visible; } .passwordless-enrollment-success__text { padding-bottom: 20px; margin-right: auto; } .passwordless-enrollment-success__button { padding: var(--button-padding-t-b, 10px) var(--button-padding-l-r, 30px) var(--button-padding-t-b, 10px) var(--button-padding-l-r, 30px); height: 44px; } .passwordless-enrollment-error__title { color: var(--blues-darkblue, #0070a9); text-align: left; font: var(--headings-h-4-bold, 700 26px/32px "Proxima Nova", sans-serif); position: relative; align-self: stretch; } .passwordless-enrollment-error__text { padding-bottom: 20px; margin-right: auto; color: #ff00ff !important; } .passwordless-enrollment-error__button { color: #ff00ff; padding: var(--button-padding-t-b, 10px) var(--button-padding-l-r, 30px) var(--button-padding-t-b, 10px) var(--button-padding-l-r, 30px); height: 44px; } .passwordless-enrollment-error__cancel-button { background: none !important; border: none; padding: 0 !important; color: #ff00ff; font: var(--link-small-normal, 400 16px/20px "Proxima Nova", sans-serif); } .passwordless-enrollment-error__cancel-button:hover { cursor: pointer; } .sigin-username__label { color: var(--body-text-darkgray, #555555); text-align: left; font: 700 12px/14px "Proxima Nova", sans-serif; position: relative; width: 296px; margin-bottom: 10px; padding-top: 8px; } .sigin-username__use-password-button { width: 100%; cursor: pointer; margin-top: 27px; background: none !important; color: var(--blues-darkblue, #0070a9); border: none; padding: 0 !important; font: var(--link-small-normal, 400 16px/20px "Proxima Nova", sans-serif); } .sigin-password__username-container { padding: 3px 0px 3px 0px; display: flex; flex-direction: column; gap: 9px; align-items: flex-start; justify-content: flex-start; align-self: stretch; flex-shrink: 0; /*margin-bottom: 20px;*/ margin: 20px 0px 12px 0px; position: relative; } .sigin-password__username-text { color: var(--body-text-darkgray, #555555); text-align: left; font: 400 14px/20px "Proxima Nova", sans-serif; position: relative; width: 296px; } .sigin-password__input { border: none; } .sigin-password__input_line { margin-top: -10px; } /* Passkey Enrolement Success Confirmation View - Start */ .registration-confirmation-view__passkey-success-box { background: var(--indicators-palegreen, #f4f7f2); border-radius: 4px; border-style: solid; border-color: var(--indicators-darkgreen, #178002); border-width: 1px; padding: 16px 19px 16px 19px; margin: 15px 15px 5px 15px; display: flex; flex-direction: row; gap: 14px; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; } .registration-confirmation-view__passkey-success-icon { padding: 10px; flex-shrink: 0; width: 24px; height: 24px; position: relative; } .registration-confirmation-view__passkey-success-check-circle { position: absolute; left: calc(50% - 14px); top: calc(50% - 14.5px); overflow: visible; } .registration-confirmation-view__text-title { padding-bottom: 5px; } .registration-confirmation-view__text { color: var(--indicators-darkgreen, #178002) } /* Passkey Enrolement Success Confirmation View - End */ /* Forgot Credentials Common Styling start */ .forgot-credentials__page-content-container { padding: 0px 20px 30px 20px; } .forgot-credentials__page-title { color: #0070A9; font-size: 25px; font-style: normal; font-weight: 600; line-height: 30px; letter-spacing: 0.5px; } .forgot-credentials__page-title.secondary { padding: 25px 0px 20px 0px; } .forgot-credentials__page-content-text { color: var(--Greys-Dark-grey, var(--Gray-800, #3F4E5C)); font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; /* 137.5% */ letter-spacing: 0.5px; } .forgot-credentials__page-content-text-secondary { color: var(--Greys-Dark-grey, var(--Gray-800, #3F4E5C)); font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; /* 122.222% */ letter-spacing: 0.5px; } .forgot-credentials__input-container { padding: 14px 0px 0px 0px; } .forgot-credentials__otp-input-container { position: relative; display: flex; align-items: center; padding: 11px 0 0 0; gap: 15px; } .forgot-credentials__radio-input-container { display: flex; gap: 15px; } .forgot-credentials__radio-input-container.forgot-username-selectidmethod__radio-container { align-items: center; } .forgot-credentials__radio-input-container.forgot-username-mfaselection__radio-container { align-items: flex-start; } .forgot-credentials__radio-input { margin: 14px 0 0 0; height: 20px; width: 20px; accent-color: var(--blue-700); } .forgot-credentials__radio-input:hover { accent-color: var(--blue-700); } .forgot-credentials__radio-input.invalid { appearance: none; border-radius: 100px; background: #FFF5F5; border-color: var(--red-700); border-style: solid; border-width: 1px; } .forgot-credentials__radio-input-label { color: var(--gray-800); font-size: 18px; width: 100%; overflow-wrap: anywhere; } .forgot-credentials__radio-input-label.forgot-username-mfaselection__email-option { line-height: 24px; } .forgot-credentials__radio-input-label.forgot-username-mfaselection__sqa-option { padding-top: 3px; } .forgot-credentials__radio-input-label.disabled { color: #788896 } .forgot-credentials__method-not-selected-container { display: flex; align-items: flex-start; gap: 5px; align-self: stretch; } .forgot-credentials__method-not-selected-icon { color: var(--red-700); display: flex; } .forgot-credentials__method-not-selected-text { color: var(--red-700); font-family: ProximaNova, sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; } .forgot-credentials_continue-button { margin: 14px 0 14px; text-transform: none; color: var(--Primary-White, var(--Neutrals-white, #FFF)); font-feature-settings: 'liga' off, 'clig' off; font-family: "ProximaNova"; font-size: 20px; font-style: normal; font-weight: 700; line-height: 24px; } .forgot-credentials__sub-content-container { display: flex; padding: 34px 0px; flex-direction: column; align-items: flex-start; gap: var(--Spacing-4, 16px); align-self: stretch; } .forgot-credentials__sub-title { color: var(--Blues-Dark-blue, var(--Blue-700, #0070A9)); font-family: Proxima Nova, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: 24px; /* 133.333% */ letter-spacing: 0.5px; } .forgot-credentials__sub-text-link { color: var(--Greys-Dark-grey, var(--Gray-800, #3F4E5C)); font-family: Proxima Nova, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; /* 137.5% */ letter-spacing: 0.5px; } .forgot-credentials__link { color: var(--Blues-Dark-blue, var(--Blue-700, #0070A9)); font-feature-settings: 'liga' off, 'clig' off; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; /* 125% */ text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; cursor: pointer; } .forgot-credentials__otp-link { color: var(--Greys-Dark-grey, var(--Gray-800, #3F4E5C)); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ letter-spacing: 0.5px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; cursor: pointer; } /* Forgot Credentials Common Styling end */ /* SelectIdMethod component start */ .forgot-username-selectidmethod__content { padding: 0px 20px 30px 20px; } .forgot-username__method-container { display: flex; padding: 14px 0 0 0; flex-direction: column; align-items: flex-start; gap: 14px; align-self: stretch; } .forgot-username-selectidmethod__method_option_title { color: #0070A9; font-size: 25px; font-style: normal; font-weight: 600; line-height: 30px; /* 120% */ letter-spacing: 0.5px; } .forgot-username-selectidmethod__subheader-text { color: var(--Greys-Dark-grey, var(--Gray-800, #3F4E5C)); font-family: ProximaNova, sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; padding: 14px 0 0 0; } .forgot-username-selectidmethod__subheader-text.invalid { color: var(--red-700); } .forgot-username-selectidmethod__option-description-text { color: var(--Body-Text-Dark-gray, var(--Gray-800, #3F4E5C)); font-size: 14px; margin: -20px 0px 0px 36px; padding: 8px 0 0 0; } .forgot-username-selectidmethod__option-description-text.disabled { color: #788896 } .forgot-username-selectidmethod__selection-container { border-radius: var(--Spacing-1-5, 6px); background: var(--Gray-50, #F5F9FC); margin-left: 35px; padding: 11px 11px 5px 11px; } .forgot-username-selectidmethod__selection-info-text { display: flex; align-items: flex-start; gap: 12px; align-self: stretch; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .forgot-username-selectidmethod__selection-header-text { color: var(--Blues-Dark-blue, var(--Blue-700, #0070A9)); font-family: ProximaNova, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; /* 137.5% */ letter-spacing: 0.5px; } .forgot-username-selectidmethod__continue-button { margin: 14px 0 14px; text-transform: none; } /* SelectIdMethod component end */ /* IdUsingAccountInfo start */ .forgot-username-idusingaccountinfo__content { padding: 0px 20px 30px 20px; } .forgot-username-idusingaccountinfo__method_option_title { color: #0070A9; font-size: 25px; font-style: normal; font-weight: 600; line-height: 30px; /* 120% */ letter-spacing: 0.5px; } .forgot-username-idusingacountinfo__content-text { color: var(--Greys-Dark-grey, var(--Gray-800, #3F4E5C)); font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; /* 137.5% */ letter-spacing: 0.5px; } .forgot-username-idusingacountinfo__input-container { padding: 14px 0px 0px 0px; } .forgot-username-idusingacountinfo__input-subtext { font-size: 14px; } .forgot-username-idusingacountinfo__info-container { border-radius: var(--Spacing-1-5, 6px); background: var(--Gray-50, #F5F9FC); } .forgot-username-idusingacountinfo__info-container-inset { padding: 15px; margin-bottom: 20px; } .forgot-username-idusingacountinfo__info-content-header-text { color: var(--Blues-Dark-blue, var(--Blue-700, #0070A9)); font-family: ProximaNova, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: 0.5px; } .forgot-username-idusingacountinfo__info-content-text { display: flex; align-items: flex-start; gap: 12px; align-self: stretch; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } /* IdUsingAccountInfo end */ /* IdUsingEmail Start */ .forgot-username-idusingemail__page-title { padding: 0 0 25px 0; } .forgot-username-idusingemail__content { padding: 0px 20px 30px 20px; } .forgot-username-idusingemail__input-container { padding: 14px 0px 0px 0px; } /* IdUsingEmail End */ /* MFASelection Start */ .forgot-username-mfaselection__method_option_container { display: grid; gap: 10px; padding: 0 0 14px 0; } .forgot-username-mfaselection__method_option_radio_input { margin: 14px 0 0 0; height: 20px; width: 20px; } /* MFASelection end */ /* Forgot Credentials OTP Entry Start */ .forgot-username-otpentry__page-title { padding: 0 0 25px 0; } .forgot-username-otpentry__otp-entry-label { color: var(--Body-Text-Dark-gray, var(--Gray-800, #3F4E5C)); font-feature-settings: 'liga' off, 'clig' off; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; letter-spacing: 0.5px; padding-bottom: 6px; } .forgot-username-otpentry__otp-entry-label.input-label-error { color: var(--red-700); } .forgot-credentials-otpentry__link-container{ padding: 7px 0; } .forgot-username-otpEntry__help-container { display: flex; flex-direction: column; align-items: center; gap: 4px; align-self: stretch; } .forgot-username-otpEntry__help-header { align-self: stretch; color: var(--Grays-Dark-gray, var(--Gray-800, #3F4E5C)); font-feature-settings: 'liga' off, 'clig' off; font-family: ProximaNova; font-size: 16px; font-style: normal; font-weight: 700; line-height: 22px; /* 137.5% */ } .forgot-username-otpEntry__help-list-item { display: flex; align-items: flex-start; gap: 12px; align-self: stretch; } .forgot-username-otpEntry__help-list-svg { display: flex; width: 16px; padding: 8.5px 0px; justify-content: center; align-items: flex-start; gap: 10px; } .forgot-username-otpEntry__help-list-text { font-family: ProximaNova; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; /* 125% */ } .forgot-username-otpEntry__help-list-text.long-text { padding-top: 2px; } .forgot-username-otpEntry__resend-otp-link-new { color: var(--Grays-Light-gray, var(--Gray-300, #BEC8D1)); /* Link/Small/Underline */ font-family: ProximaNova; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; /* 125% */ text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .forgot-username-otpEntry__resend-otp-link-new.resendDisabled{ pointer-events: none; } .forgot-username-otpEntry__resend-otp-link-new.resendActive { color: var(--Blues-Dark-blue, var(--Blue-700, #0070A9)); cursor: pointer; } .forgot-username-otpEntry__help-otp-timer-container-box { display: flex; padding-left: 30px; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; } .forgot-username-otpEntry__help-otp-timer-container { border-radius: 6px; border: 1px solid var(--Gray-300, #BEC8D1); background: var(--Gray-50, #F5F9FC); display: flex; padding: 8px; flex-direction: column; align-items: center; gap: 10px; align-self: stretch; } .forgot-username-otpEntry__help-otp-timer-content { display: flex; align-items: flex-start; gap: 12px; align-self: stretch; } .forgot-username-otpEntry__help-otp-timer-text { color: var(--Body-Text-Black, var(--Neutrals-black, #000)); /* Body/Extra Small/Regular */ font-family: ProximaNova; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; /* 128.571% */ } /* Forgot Credentials OTP Entry End*/ /* Retrieved Username start */ .forgot-username-retrievedusername__username-text-container { display: flex; padding: 20px 0px; flex-direction: column; align-items: flex-start; gap: 37px; align-self: stretch; } .forgot-username-retrievedusername__username-text { color: var(--Greys-Dark-grey, var(--Gray-800, #3F4E5C)); font-size: 18px; font-style: normal; font-weight: 700; line-height: 24px; letter-spacing: 0.5px; } .forgot-username-retrievedusername__sub-text-link { color: var(--Blues-Dark-blue, var(--Blue-700, #0070A9)); font-family: Proxima Nova, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0.5px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; cursor: pointer; } /* Retrieved Username end */ .input-box__otp-error-container { /*position: absolute;*/ top: 75px; padding: 10px 0 0; display: flex; align-items: center; transition: border-color 0.3s ease-in-out; gap:5px; } /* Start forgot password */ .create-new-password__page-title { display: flex; padding: 25px 0 0 0; align-items: flex-start; gap: 25px; align-self: stretch; } #create-new-password-requirements { display: flex; padding-left: 12px; flex-direction: column; align-items: flex-start; gap: 4px; align-self: stretch; } .create-new-password-requirement-item { list-style-type: none !important; margin-bottom: 0px; margin-left: 0px; display: flex; align-items: center; gap: 7px; align-self: stretch; } .create-new-password-requirement-item__text { text-align: center; } .create-new-password-requirement-item__text.create-new-password-req__completed { color: var(--Primitives-Green-800, var(--Green-800, #115C02)); font-feature-settings: 'liga' off, 'clig' off; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; } .create-new-password-requirement-item__text.create-new-password-req__error { color: var(--Indicators-Dark-red, var(--Red-700, #D01010)); font-feature-settings: 'liga' off, 'clig' off; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; } #create-new-password-requirements-title { padding-bottom: 6px; padding-top: 12px; } .create-new-password-requirements__info-icon{ cursor: pointer; } .create-new-password-showpassword-icon { float: right; margin-right: 10px; margin-top: -35px; position: relative; color: #555555; font-size: 12px; } .create-new-password-showpassword-icon:hover{ cursor: pointer; } .create-new-password__tool-tip-parent-container{ position: relative; top: -110px; left: 58px; } .create-new-password__tool-tip-container { position: relative; width: 52%; } .create-new-password__tool-tip { position: absolute; top: 0; left: 0; /*z-index: 100;*/ display: flex; max-width: 300px; padding: var(--Tooltip-Standard-padding-t-b, 10px) var(--Tooltip-Standard-padding-l-r, 10px); align-items: flex-start; gap: 8px; align-self: stretch; border-radius: var(--Tooltip-corner-radius, 4px); background: var(--Blue-900, #033859); box-shadow: 1px 2px 3px 0px rgba(204, 204, 204, 0.50), 0px 0px 3px 0px rgba(204, 204, 204, 0.50); } .create-new-password__tool-tip-text-container { max-width: 280px; flex: 1 0 0; } .create-new-password__tool-tip-text { color: var(--Primary-White, var(--Neutrals-white, #FFF)); leading-trim: both; text-edge: cap; font-feature-settings: 'liga' off, 'clig' off; font-size: 12px; font-style: normal; font-weight: 600; line-height: 16px; /* 133.333% */ } .create-new-password__tool-tip-svg-container { position: absolute; left: 128px; top: 51px; display: flex; width: 169px; flex-direction: column; align-items: flex-start; /*box-shadow: 1px 2px 3px 0px rgba(204, 204, 204, 0.50), 0px 0px 3px 0px rgba(204, 204, 204, 0.50);*/ } .create-new-password__tool-tip-svg-arrow { width: 19.137px; height: 7.989px; fill: var(--Blue-900, #033859); } .forgot-password-email-sent__info-text { color: var(--Greys-Dark-grey, var(--Gray-800, #3F4E5C)); font-size: 18px !important; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0.5px; } .forgot-password__title { color: var(--Blues-Dark-blue, var(--Blue-700, #0070A9)); font-size: 25px; font-style: normal; font-weight: 600; line-height: 30px; letter-spacing: 0.5px; padding-left: 0px; padding-right: 0px; } /* End forgot password*/ /* */ /* Start input control*/ .input-box__label { color: var(--Greys-Dark-grey, var(--Gray-800, #3F4E5C)); font-size: 14px; font-weight: 600; line-height: 18px; } .input-box__label.invalid { color: var(--red-700); } .input-box__label.disabled { color: var(--Greys-Medium-grey, var(--Gray-600, #788896)); } .input-box__input { height: 40px; padding: 8px 14px 8px 14px; margin: 5px 0 5px 0; width: 100%; border-radius: 4px; border: 1px solid var(--Depricated-Greys-Medium-grey, #888); } .input-box__input.invalid { border-color: var(--red-700); border-width: 2px; } .input-box__input.disabled { border-color: #BEC8D1; background: var(--Gray-50, #F5F9FC); } .input-box__input:focus { border-color: var(--blue-700); border-width: 2px; } .input-box__error-container { display: flex; align-items: center; gap: 5px; padding: 0 0 5px 0; } .input-box__input-error { color: var(--red-700); font-size: 14px; } /* End input control */ /*credentials help poge modal*/ .credential-help__modal { position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); width: 100%; background: #ffffff; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 0.5rem 0.25rem #d3d3d3; max-width: 20rem; padding: 0.5rem; border: solid; border-width: 1px; border-radius: 4px; border-color: #00000033; opacity: 0; visibility: hidden; } .credential-help__white-container { font-size: 1em /* 16/16 */ ; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 0em /* 0/16 */ ; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 375px; text-decoration: none; background: #ffffff; -webkit-box-shadow: none; box-shadow: none; min-height: 500px; } .credential-help__white-container-loginhelp-title { font-size: 24px; line-height: 1.11111em /* 20/18 */ ; letter-spacing: 0.94px; padding: 21px 20px 33px; text-transform: none; line-height: 1.265; } .credential-help__white-container-loginhelp-content { padding: 0 20px 36px; padding-bottom: 31px; } .credential-help__white-container-loginhelp-content .text-dark { padding-right: 40px; margin: 13.5px 0 11px; } .credential-help__accordion { border: 1px solid #dfdbdb; padding: 10px 0; } .credential-help__group { margin-top: -10px; margin-left: 21px; } .credential-help__group span::after { content: "Show"; float: right; padding-right: -5px; margin-right: -15px; cursor: pointer; font-size: 12px !important; font-weight: bold !important; } .active .credential-help__group span::after { content: "Hide"; font-size: 12px !important; } .credential-help__body-part { max-height: 0; overflow: hidden; transition: max-height 0.5s ease; } .credential-help__body-part.open { max-height: 500px; transition: max-height 1s ease; } .credential-help__link { font-size: 15px; text-decoration: underline; cursor: pointer; color: var(--gray-700); } /* Error Control New Start*/ .react-new-error-control__error-box { background: var(--indicators-pale-red, #F8EDED); border-radius: 4px; border-top: 1px solid var(--Red-700, #D01010); border-right: 1px solid var(--Red-700, #D01010); border-bottom: 1px solid var(--Red-700, #D01010); border-left: 4px solid var(--Red-700, #D01010); padding: 12px 12px 12px 16px; display: flex; flex-direction: row; gap: 12px; align-items: flex-start; justify-content: flex-start; margin: 16px 0 16px 0; } .react-new-error-control__passkey-error-check-circle { position: absolute; left: calc(50% - 14px); top: calc(50% - 14.5px); overflow: visible; } .react-new-error-control__text-container { width: 100%; } .react-new-error-control__text { color: var(--Body-Text-Black, var(--Neutrals-black, #000)); font-feature-settings: 'clig' off, 'liga' off; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; } .react-new-error-control__additional-text { color: var(--indicators-dark-red, #900000); font-size: 12px; } .react-new-error-control__passkey_error_content { display: flex; padding: var(--card-padding-sides, 20px) var(--card-padding-sides, 20px) var(--card-padding-bottom, 20px) var(--card-padding-sides, 20px); flex-direction: column; align-items: center; gap: 24px; align-self: stretch; color: var(--greys-dark-grey, #555); font-family: Proxima Nova, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 23px; letter-spacing: 0.5px; } .react-new-error-control__show-more { color: var(--indicators-dark-red, #900000); font-size: 14px; text-decoration: underline; cursor: pointer; font-weight: bold; margin-top: 10px; } .react-new-error-control__success-box { background: var(--green-50); border-radius: 4px; border-top: 1px solid var(--Green-700, #247A12); border-right: 1px solid var(--Green-700, #247A12); border-bottom: 1px solid var(--Green-700, #247A12); border-left: 4px solid var(--Green-700, #247A12); padding: 12px 12px 12px 16px; display: flex; flex-direction: row; gap: 12px; align-items: flex-start; justify-content: flex-start; margin: 16px 0 16px 0; } .react-new-error-control__success-text-container { width: 100%; } .react-new-error-control__success-text { color: var(--Body-Text-Black, var(--Neutrals-black, #000)); font-feature-settings: 'clig' off, 'liga' off; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; } .react-new-error-control__success-image { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; position: relative; overflow: hidden; } .react-new-error-control__success-checkmark-image { flex-shrink: 0; width: 30px; height: 30px; position: relative; } .react-new-error-control__success-checkmark-image-svg { position: absolute } .react-new-error-control__error-link { color: var(--Blues-Dark-blue, var(--Blue-700, #0070A9)); font-feature-settings: 'liga' off, 'clig' off; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; cursor: pointer; } .errorControl-container { padding: 0 20px 0; } /* Error Control New End*/ /* Passkey Enrolement Error View - Start */ .registration-confirmation-view__passkey-error-box { color: var(--indicators-dark-red, var(--red-red-700, #900000)); font-feature-settings: 'clig' off, 'liga' off; /* Body 1/Regular */ font-family: Proxima Nova, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; /* 133.333% */ background: var(--indicators-pale-red, #F8EDED); border-radius: 4px; border-style: solid; border-color: var(--indicators-dark-red, #900000); border-width: 1px; padding: 16px 19px 16px 19px; margin: 15px 15px 5px 15px; display: flex; flex-direction: row; gap: 14px; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; } .registration-confirmation-view__passkey-error-check-circle { position: absolute; left: calc(50% - 14px); top: calc(50% - 14.5px); overflow: visible; } .registration-enrol_error-view__text { color: var(--indicators-dark-red, #900000) } .registration-confirmation-view__passkey_error_content { display: flex; padding: var(--card-padding-sides, 20px) var(--card-padding-sides, 20px) var(--card-padding-bottom, 20px) var(--card-padding-sides, 20px); flex-direction: column; align-items: center; gap: 24px; align-self: stretch; color: var(--greys-dark-grey, #555); font-family: Proxima Nova, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 23px; /* 143.75% */ letter-spacing: 0.5px; } /* Passkey Enrolement Error View - End */ /*--------Default Modal Start---------*/ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .react-default-modal__container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(1px); z-index: 9999; } .react-default-modal { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; background: #ffffff; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 0.5rem 0.25rem #d3d3d3; max-width: 20rem; padding: 0.5rem; border: solid; border-width: 1px; border-radius: 4px; border-color: #00000033; opacity: 0; visibility: hidden; } .react-default-modal__open { opacity: 1; visibility: visible; animation: fadeIn 0.3s ease-in-out; } .react-default-modal__closed { opacity: 0; visibility: hidden; animation: fadeOut 0.3s ease-in-out; } .react-default-modal-content { width: 100%; padding: 10px; } .react-default-modal__header { text-transform: none; margin: 10px 0 10px; color: #0071ad; } .react-default-modal__exit { position: absolute; top: 10px; right: 10px; color: #585858; text-decoration: none; font-size: 30px; font-weight: bold; cursor: pointer; } /*--------Default Modal End---------*/ /*-------Toast Start--------*/ .toast__container { border-radius: 4px; border: 1px solid var(--Green-700, #247A12); background: var(--Green-50, #EEFCEB); display: flex; padding: 10px 12px; align-items: flex-start; gap: 6px; position: absolute; left: 62.5px; bottom: 28px; max-width: 257px; } @media (max-width: 64em) { .toast__container { bottom: -3vh; /* 2% of the viewport height */ max-width: 80vw; /* 80% of the viewport width */ } } .toast__text { color: var(--Body-Text-Black, var(--Neutrals-black, #000)); font-family: ProximaNova; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; /* 142.857% */ padding: 2px 0 0 0; } .toast__close { cursor: pointer; display: flex; height: 20px; padding: 10px 5px 5px 5px; justify-content: center; align-items: center; flex-shrink: 0; } /*-------Toast End--------*/ /*--------Showcase Start---------*/ .showcase-container { width: 80% } .showcase__component { margin: 20px; padding: 30px; border-style: solid; border-width: 2px; border-color: var(--dark-blue, #0070a9); width: 80%; } /*--------Showcase End---------*/ /*--------Spinner Start---------*/ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .react-spinner__container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(1px); background: rgba(255, 255, 255, 0.3); z-index: 9999; opacity: 0; visibility: hidden; } .react-spinner-open { opacity: 1; visibility: visible; animation: fadeIn 0.3s ease-in-out; } .react-spinner-closed { opacity: 0; visibility: hidden; animation: fadeOut 0.3s ease-in-out; } .react-spinner { position: relative; top: 50%; left: 50%; height: 70px; width: 70px; transform: translate(-50%, -50%); z-index: 9999; } .react-spinner-spin { animation: spin 2s linear infinite; } .react-spinner__message { font-weight: 600; font-size: 0.875em; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 9999; } /*--------Spinner End---------*/