/* colors */
/* fonts */
/* responsive sizes */
/* transitions */
/* Widely-used vertical alignment mixin */
/* max width used on everything */
/* display flex container */
/* font family for soleil */
.registrationPage, .passwordPage, .signInPage {
  padding-bottom: 1em; }
  @media screen and (min-width: 768px) {
    .registrationPage, .passwordPage, .signInPage {
      padding-bottom: 0; } }
  .registrationPage .sectionHeaderCenter, .passwordPage .sectionHeaderCenter, .signInPage .sectionHeaderCenter {
    background-color: rgba(19, 44, 110, 0.8);
    height: 22em; }
    .registrationPage .sectionHeaderCenter:after, .passwordPage .sectionHeaderCenter:after, .signInPage .sectionHeaderCenter:after {
      background-color: #122B6E; }
    .registrationPage .sectionHeaderCenter p.bold.subhead:before, .passwordPage .sectionHeaderCenter p.bold.subhead:before, .signInPage .sectionHeaderCenter p.bold.subhead:before {
      background-color: #fff; }
    @media screen and (min-width: 768px) and (max-width: 1200px) {
      .registrationPage .sectionHeaderCenter .maxWidthContainer .textWrapper, .passwordPage .sectionHeaderCenter .maxWidthContainer .textWrapper, .signInPage .sectionHeaderCenter .maxWidthContainer .textWrapper {
        max-width: 100%; } }
    @media screen and (max-width: 767px) {
      .registrationPage .sectionHeaderCenter .maxWidthContainer .textWrapper, .passwordPage .sectionHeaderCenter .maxWidthContainer .textWrapper, .signInPage .sectionHeaderCenter .maxWidthContainer .textWrapper {
        padding-top: 0;
        padding-bottom: 0em; } }
    @media screen and (max-width: 767px) {
      .registrationPage .sectionHeaderCenter .bgCircle:after, .passwordPage .sectionHeaderCenter .bgCircle:after, .signInPage .sectionHeaderCenter .bgCircle:after {
        top: -150%; } }
    @media screen and (max-width: 413px) {
      .registrationPage .sectionHeaderCenter .bgCircle:after, .passwordPage .sectionHeaderCenter .bgCircle:after, .signInPage .sectionHeaderCenter .bgCircle:after {
        top: -75%; } }
    @media screen and (min-width: 768px) {
      .registrationPage .sectionHeaderCenter, .passwordPage .sectionHeaderCenter, .signInPage .sectionHeaderCenter {
        height: 26em; } }
  @media screen and (max-width: 768px) {
    .registrationPage .sectionWrapper .contentWrapper.contentOffset .contentOffsetPadding, .passwordPage .sectionWrapper .contentWrapper.contentOffset .contentOffsetPadding, .signInPage .sectionWrapper .contentWrapper.contentOffset .contentOffsetPadding {
      padding-top: 2em; } }
  .registrationPage .statusWrapper, .passwordPage .statusWrapper, .signInPage .statusWrapper {
    position: relative;
    margin-top: 1em; }
    .registrationPage .statusWrapper .statusLabel, .passwordPage .statusWrapper .statusLabel, .signInPage .statusWrapper .statusLabel {
      font-weight: 800;
      font-size: 1.4em;
      color: #132c6e;
      text-transform: uppercase;
      position: relative; }
    .registrationPage .statusWrapper .statusBar, .passwordPage .statusWrapper .statusBar, .signInPage .statusWrapper .statusBar {
      width: 100%;
      height: 1.2em;
      border: 1px solid;
      border-radius: 10px;
      position: relative;
      margin-top: .5em; }
      .registrationPage .statusWrapper .statusBar .barFill, .passwordPage .statusWrapper .statusBar .barFill, .signInPage .statusWrapper .statusBar .barFill {
        position: absolute;
        width: 0;
        height: 100%;
        border-radius: 10px;
        top: 0;
        left: 0;
        -webkit-transition: 0.3s all linear;
        -moz-transition: 0.3s all linear;
        -ms-transition: 0.3s all linear;
        -o-transition: 0.3s all linear;
        transition: 0.3s all linear; }
      .registrationPage .statusWrapper .statusBar.totalSteps4 .step1, .passwordPage .statusWrapper .statusBar.totalSteps4 .step1, .signInPage .statusWrapper .statusBar.totalSteps4 .step1 {
        width: 25%; }
      .registrationPage .statusWrapper .statusBar.totalSteps4 .step2, .passwordPage .statusWrapper .statusBar.totalSteps4 .step2, .signInPage .statusWrapper .statusBar.totalSteps4 .step2 {
        width: 50%; }
      .registrationPage .statusWrapper .statusBar.totalSteps4 .step3, .passwordPage .statusWrapper .statusBar.totalSteps4 .step3, .signInPage .statusWrapper .statusBar.totalSteps4 .step3 {
        width: 75%; }
      .registrationPage .statusWrapper .statusBar.totalSteps4 .step4, .passwordPage .statusWrapper .statusBar.totalSteps4 .step4, .signInPage .statusWrapper .statusBar.totalSteps4 .step4 {
        width: 100%; }
      .resetPw .statusWrapper .statusBar.totalSteps5 .step1 {
        width: 20%; }
      .resetPw .statusWrapper .statusBar.totalSteps5 .step2 {
        width: 40%; }
      .resetPw .statusWrapper .statusBar.totalSteps5 .step3 {
        width: 60%; }
      .resetPw .statusWrapper .statusBar.totalSteps5 .step4 {
        width: 80%; }
      .resetPw .statusWrapper .statusBar.totalSteps5 .step5 {
        width: 100%; }
      .registrationPage .statusWrapper .statusBar.blue, .passwordPage .statusWrapper .statusBar.blue, .signInPage .statusWrapper .statusBar.blue {
        border-color: #05d6ee; }
        .registrationPage .statusWrapper .statusBar.blue .barFill, .passwordPage .statusWrapper .statusBar.blue .barFill, .signInPage .statusWrapper .statusBar.blue .barFill {
          background-color: #05d6ee; }
      .registrationPage .statusWrapper .statusBar.carBlue, .passwordPage .statusWrapper .statusBar.carBlue, .signInPage .statusWrapper .statusBar.carBlue {
        border-color: #6d9beb; }
        .registrationPage .statusWrapper .statusBar.carBlue .barFill, .passwordPage .statusWrapper .statusBar.carBlue .barFill, .signInPage .statusWrapper .statusBar.carBlue .barFill {
          background-color: #6d9beb; }
      .registrationPage .statusWrapper .statusBar.transactionRed, .passwordPage .statusWrapper .statusBar.transactionRed, .signInPage .statusWrapper .statusBar.transactionRed {
        border-color: #ee484a; }
        .registrationPage .statusWrapper .statusBar.transactionRed .barFill, .passwordPage .statusWrapper .statusBar.transactionRed .barFill, .signInPage .statusWrapper .statusBar.transactionRed .barFill {
          background-color: #ee484a; }
      .registrationPage .statusWrapper .statusBar.learnGreen, .passwordPage .statusWrapper .statusBar.learnGreen, .signInPage .statusWrapper .statusBar.learnGreen {
        border-color: #3ac9bb; }
        .registrationPage .statusWrapper .statusBar.learnGreen .barFill, .passwordPage .statusWrapper .statusBar.learnGreen .barFill, .signInPage .statusWrapper .statusBar.learnGreen .barFill {
          background-color: #3ac9bb; }
      .registrationPage .statusWrapper .statusBar.industryYellow, .passwordPage .statusWrapper .statusBar.industryYellow, .signInPage .statusWrapper .statusBar.industryYellow {
        border-color: #ffa605; }
        .registrationPage .statusWrapper .statusBar.industryYellow .barFill, .passwordPage .statusWrapper .statusBar.industryYellow .barFill, .signInPage .statusWrapper .statusBar.industryYellow .barFill {
          background-color: #ffa605; }
  .registrationPage h5.underline, .passwordPage h5.underline, .signInPage h5.underline {
    border-bottom: 1px solid #9c9c9c;
    margin-top: 1em;
    line-height: 2em; }
    @media screen and (max-width: 320px) {
      .registrationPage h5.underline, .passwordPage h5.underline, .signInPage h5.underline {
        line-height: 1.2em; } }
  .registrationPage .registrationForm, .registrationPage .passwordForm, .registrationPage .signInPage, .passwordPage .registrationForm, .passwordPage .passwordForm, .passwordPage .signInPage, .signInPage .registrationForm, .signInPage .passwordForm, .signInPage .signInPage {
    position: relative;
    margin-top: 2em;
    border-bottom: none;
    padding-bottom: 0; }
    .registrationPage .registrationForm .headline, .registrationPage .passwordForm .headline, .registrationPage .signInPage .headline, .passwordPage .registrationForm .headline, .passwordPage .passwordForm .headline, .passwordPage .signInPage .headline, .signInPage .registrationForm .headline, .signInPage .passwordForm .headline, .signInPage .signInPage .headline {
      position: relative; }
      .registrationPage .registrationForm .headline span, .registrationPage .passwordForm .headline span, .registrationPage .signInPage .headline span, .passwordPage .registrationForm .headline span, .passwordPage .passwordForm .headline span, .passwordPage .signInPage .headline span, .signInPage .registrationForm .headline span, .signInPage .passwordForm .headline span, .signInPage .signInPage .headline span {
        color: #212121;
        font-style: italic;
        font-size: 1.4em;
        line-height: 1.71428571428571em; }
        @media screen and (min-width: 900px) {
          .registrationPage .registrationForm .headline span, .registrationPage .passwordForm .headline span, .registrationPage .signInPage .headline span, .passwordPage .registrationForm .headline span, .passwordPage .passwordForm .headline span, .passwordPage .signInPage .headline span, .signInPage .registrationForm .headline span, .signInPage .passwordForm .headline span, .signInPage .signInPage .headline span {
            position: absolute;
            right: 0;
            top: 6px; } }
    .registrationPage .registrationForm sup.red, .registrationPage .passwordForm sup.red, .registrationPage .signInPage sup.red, .passwordPage .registrationForm sup.red, .passwordPage .passwordForm sup.red, .passwordPage .signInPage sup.red, .signInPage .registrationForm sup.red, .signInPage .passwordForm sup.red, .signInPage .signInPage sup.red {
      color: #ee484a; }
  .registrationPage .passwordForm .inputItem, .passwordPage .passwordForm .inputItem, .signInPage .passwordForm .inputItem {
    width: 31em; }
    @media screen and (max-width: 768px) {
      .registrationPage .passwordForm .inputItem, .passwordPage .passwordForm .inputItem, .signInPage .passwordForm .inputItem {
        width: 100%; } }
  .callCodeHelp {
     position: absolute;
     margin-left: 5px;
     cursor: pointer;
     font-size: inherit;
     line-height: inerhit; }
     .callCodeHelp .callCodeHover {
       display: none;
       top: calc(100% - 10px);
       background-color: transparent;
       padding: 0;
       color: white;
       position: absolute;
       left: -93px;
       z-index: 4;
       top: 3.75em;
       font-size: 10px;
       width: 300px; }
       .callCodeHelp .callCodeHover.active {
         display: block; }
       @media screen and (max-width: 768px) {
         .callCodeHelp .callCodeHover {
           left: -92.5px; } }
       @media screen and (max-width: 320px) {
         .callCodeHelp .callCodeHover {
           left: -93.5px; } }
       @media screen and (max-width: 320px) {
         .callCodeHelp .callCodeHover {
           width: 255px; } }
       .callCodeHelp .callCodeHover:after {
         content: none; }
       .callCodeHelp .callCodeHover .innerTip {
         background-color: #132c6e;
         padding: 3em; }
         .callCodeHelp .callCodeHover .innerTip .title {
           font-weight: 700;
           font-size: 1.2em;
           line-height: 1.6em;
           text-transform: uppercase;
           letter-spacing: 1px;
           margin-bottom: 1.5em;
           color: #05d6ee; }
         .callCodeHelp .callCodeHover .innerTip .copy {
           color: #fff;
           font-style: italic;
           font-size: 1.2em;
           line-height: 1.16666666666667em; }
         .callCodeHelp .callCodeHover .innerTip:after {
           bottom: 100%;
           left: 33.5%;
           border: solid transparent;
           content: " ";
           height: 0;
           width: 0;
           position: absolute;
           pointer-events: none;
           border-color: rgba(19, 44, 110, 0);
           border-bottom-color: #132C6E;
           border-width: 10px;
           margin-left: -10px;
           -webkit-transition: 0.3s all linear;
           -moz-transition: 0.3s all linear;
           -ms-transition: 0.3s all linear;
           -o-transition: 0.3s all linear;
           transition: 0.3s all linear; }
           @media screen and (max-width: 768px) {
             .callCodeHelp .callCodeHover .innerTip:after {
               left: 33%; } }
           @media screen and (max-width: 320px) {
             .callCodeHelp .callCodeHover .innerTip:after {
               left: 34.5%; } }

#usernameReset {
    color: red;
    font-family: "soleil", sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin: 0;
    position: relative;
    font-style: normal;
    top: 0;
}
/*# sourceMappingURL=registration.css.map */