/* Minification failed. Returning unminified contents.
(890,21): run-time error CSS1039: Token not allowed after unary operator: '-width'
(1403,17): run-time error CSS1039: Token not allowed after unary operator: '-blues-dark-blue'
(2810,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(2812,16): run-time error CSS1039: Token not allowed after unary operator: '-headings-h-4-bold'
(2818,17): run-time error CSS1039: Token not allowed after unary operator: '-greys-darkgrey'
(2834,21): run-time error CSS1039: Token not allowed after unary operator: '-width'
(2857,17): run-time error CSS1039: Token not allowed after unary operator: '-blues-darkblue'
(2860,16): run-time error CSS1039: Token not allowed after unary operator: '-link-small-normal'
(2972,17): run-time error CSS1039: Token not allowed after unary operator: '-blues-darkblue'
(2974,16): run-time error CSS1039: Token not allowed after unary operator: '-headings-h-4-bold'
(3025,19): run-time error CSS1039: Token not allowed after unary operator: '-button-padding-t-b'
(3025,51): run-time error CSS1039: Token not allowed after unary operator: '-button-padding-l-r'
(3025,83): run-time error CSS1039: Token not allowed after unary operator: '-button-padding-t-b'
(3025,115): run-time error CSS1039: Token not allowed after unary operator: '-button-padding-l-r'
(3030,17): run-time error CSS1039: Token not allowed after unary operator: '-blues-darkblue'
(3032,16): run-time error CSS1039: Token not allowed after unary operator: '-headings-h-4-bold'
(3045,19): run-time error CSS1039: Token not allowed after unary operator: '-button-padding-t-b'
(3045,51): run-time error CSS1039: Token not allowed after unary operator: '-button-padding-l-r'
(3045,83): run-time error CSS1039: Token not allowed after unary operator: '-button-padding-t-b'
(3045,115): run-time error CSS1039: Token not allowed after unary operator: '-button-padding-l-r'
(3054,16): run-time error CSS1039: Token not allowed after unary operator: '-link-small-normal'
(3062,17): run-time error CSS1039: Token not allowed after unary operator: '-body-text-darkgray'
(3076,17): run-time error CSS1039: Token not allowed after unary operator: '-blues-darkblue'
(3079,16): run-time error CSS1039: Token not allowed after unary operator: '-link-small-normal'
(3097,17): run-time error CSS1039: Token not allowed after unary operator: '-body-text-darkgray'
(3114,22): run-time error CSS1039: Token not allowed after unary operator: '-indicators-palegreen'
(3117,24): run-time error CSS1039: Token not allowed after unary operator: '-indicators-darkgreen'
(3149,17): run-time error CSS1039: Token not allowed after unary operator: '-indicators-darkgreen'
(3155,17): run-time error CSS1039: Token not allowed after unary operator: '-indicators-dark-red'
(3155,44): run-time error CSS1039: Token not allowed after unary operator: '-red-red-700'
(3162,22): run-time error CSS1039: Token not allowed after unary operator: '-indicators-pale-red'
(3165,24): run-time error CSS1039: Token not allowed after unary operator: '-indicators-dark-red'
(3185,17): run-time error CSS1039: Token not allowed after unary operator: '-indicators-dark-red'
(3190,17): run-time error CSS1039: Token not allowed after unary operator: '-indicators-dark-red'
(3196,19): run-time error CSS1039: Token not allowed after unary operator: '-card-padding-sides'
(3196,51): run-time error CSS1039: Token not allowed after unary operator: '-card-padding-sides'
(3196,83): run-time error CSS1039: Token not allowed after unary operator: '-card-padding-bottom'
(3196,116): run-time error CSS1039: Token not allowed after unary operator: '-card-padding-sides'
(3201,17): run-time error CSS1039: Token not allowed after unary operator: '-greys-dark-grey'
(3211,17): run-time error CSS1039: Token not allowed after unary operator: '-indicators-dark-red'
(3228,22): run-time error CSS1039: Token not allowed after unary operator: '-indicators-pale-red'
(3271,17): run-time error CSS1039: Token not allowed after unary operator: '-indicators-dark-red'
(3271,44): run-time error CSS1039: Token not allowed after unary operator: '-red-red-700'
(3279,22): run-time error CSS1039: Token not allowed after unary operator: '-indicators-pale-red'
(3282,24): run-time error CSS1039: Token not allowed after unary operator: '-indicators-dark-red'
(3303,17): run-time error CSS1039: Token not allowed after unary operator: '-indicators-dark-red'
(3308,19): run-time error CSS1039: Token not allowed after unary operator: '-card-padding-sides'
(3308,51): run-time error CSS1039: Token not allowed after unary operator: '-card-padding-sides'
(3308,83): run-time error CSS1039: Token not allowed after unary operator: '-card-padding-bottom'
(3308,116): run-time error CSS1039: Token not allowed after unary operator: '-card-padding-sides'
(3313,17): run-time error CSS1039: Token not allowed after unary operator: '-greys-dark-grey'
(3427,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
 */
@font-face {
  font-family: 'ProximaNova';
  src: url("./proximanova-regular-webfont.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url("./proximanova-regular-webfont.woff") format("woff");
    font-style: normal;
    font-weight: 400;
}

@font-face {
  font-family: 'ProximaNova';
  src: url("./Proxima_Nova_Light_It-webfont.woff") format("woff");
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'ProximaNova';
  src: url("./proximanova-semibold-webfont.woff") format("woff");
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: 'ProximaNova';
  src: url("./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 */
.white-container-title, .white-container-sub-title {
    text-transform: capitalize;
    font-weight: bold;
    color: #0071ad;
}

.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;
    position: relative;
    width: 375px;
    text-decoration: none;
    background: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 500px;
}

.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 /* 20/18 */;
    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-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;
}
/*-------------------*/

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

/* Error Control New Start*/
.react-new-error-control__error-box {
    color: var(--indicators-dark-red, var(--red-red-700, #900000));
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Proxima Nova, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    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;
}

.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 {
    color: var(--indicators-dark-red, #900000);
    font-size: 14px;
}

.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; /* 143.75% */
    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 {
    color: #178002;
    font-feature-settings: 'clig' off, 'liga' off;
    /* Body 1/Regular */
    font-family: Proxima Nova, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    background: var(--indicators-pale-red, #F4F7F2);
    border-radius: 4px;
    border-style: solid;
    border-color: #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;
}

.react-new-error-control__success-image {
    /* 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;
}


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

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




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