/** custom colors apart from brand standard guide **/
/** custom select style variables **/
/** Custom radio buttons variables **/
/* Utopia Font Family */
@font-face {
  font-family: "utopia-std";
  font-style: normal;
  font-weight: 600;
  src: url("/content_2015/font/cnap/Utopia/UtopiaStd-Semibold.otf");
}
@font-face {
  font-family: "utopia-std-subhead";
  font-style: normal;
  font-weight: 600;
  src: url("/content_2015/font/cnap/Utopia/UtopiaStd-SemiboldSubh.otf");
}
/* Galaxie Polaris OTF & TTF */
@font-face {
  font-family: "Galaxie-Polaris";
  font-weight: 200;
  font-style: normal;
  src: local("Polaris-Light"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/Polaris-Light.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/Polaris-Light.ttf");
}
@font-face {
  font-family: "Galaxie-Polaris";
  font-weight: 200;
  font-style: italic;
  src: local("Polaris-LightItalic"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/Polaris-LightItalic.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/Polaris-LightItalic.ttf");
}
@font-face {
  font-family: "Galaxie-Polaris";
  font-weight: 300;
  font-style: normal;
  src: local("Polaris-Book"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/Polaris-Book.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/Polaris-Book.ttf");
}
@font-face {
  font-family: "Galaxie-Polaris";
  font-weight: 300;
  font-style: italic;
  src: local("Polaris-BookItalic"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/Polaris-BookItalic.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/Polaris-BoldItalic.ttf");
}
@font-face {
  font-family: "Galaxie-Polaris";
  font-weight: 500;
  font-style: normal;
  src: local("Polaris-Medium"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/Polaris-Medium.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/Polaris-Medium.ttf");
}
@font-face {
  font-family: "Galaxie-Polaris";
  font-weight: 500;
  font-style: italic;
  src: local("Polaris-MediumItalic"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/Polaris-MediumItalic.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/Polaris-MediumItalic.ttf");
}
@font-face {
  font-family: "Galaxie-Polaris";
  font-weight: 700;
  font-style: normal;
  src: local("Polaris-Bold"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/Polaris-Bold.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/Polaris-Bold.ttf");
}
@font-face {
  font-family: "Galaxie-Polaris";
  font-weight: 700;
  font-style: italic;
  src: local("Polaris-BoldItalic"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/Polaris-BoldItalic.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/Polaris-BoldItalic.ttf");
}
@font-face {
  font-family: "Galaxie-Polaris";
  font-weight: 800;
  font-style: normal;
  src: local("Polaris-Heavy"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/Polaris-Heavy.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/Polaris-Heavy.ttf");
}
@font-face {
  font-family: "Galaxie-Polaris";
  font-weight: 800;
  font-style: italic;
  src: local("Polaris-HeavyItalic"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/Polaris-HeavyItalic.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/Polaris-HeavyItalic.ttf");
}
/* Galaxie PolarisCondensed OTF & TTF */
@font-face {
  font-family: "Galaxie-Polaris-Condensed";
  font-weight: 200;
  font-style: normal;
  src: local("PolarisCondensed-Light"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/PolarisCondensed-Light.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/PolarisCondensed-Light.ttf");
}
@font-face {
  font-family: "Galaxie-Polaris-Condensed";
  font-weight: 200;
  font-style: italic;
  src: local("PolarisCondensed-LightItalic"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/PolarisCondensed-LightItalic.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/PolarisCondensed-LightItalic.ttf");
}
@font-face {
  font-family: "Galaxie-Polaris-Condensed";
  font-weight: 300;
  font-style: normal;
  src: local("PolarisCondensed-Book"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/PolarisCondensed-Book.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/PolarisCondensed-Book.ttf");
}
@font-face {
  font-family: "Galaxie-Polaris-Condensed";
  font-weight: 300;
  font-style: italic;
  src: local("PolarisCondensed-BookItalic"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/PolarisCondensed-BookItalic.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/PolarisCondensed-BookItalic.ttf");
}
@font-face {
  font-family: "Galaxie-Polaris-Condensed";
  font-weight: 500;
  font-style: normal;
  src: local("PolarisCondensed-Medium"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/PolarisCondensed-Medium.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/PolarisCondensed-Medium.ttf");
}
@font-face {
  font-family: "Galaxie-Polaris-Condensed";
  font-weight: 500;
  font-style: italic;
  src: local("PolarisCondensed-MediumItalic"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/PolarisCondensed-MediumItalic.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/PolarisCondensed-MediumItalic.ttf");
}
@font-face {
  font-family: "Galaxie-Polaris-Condensed";
  font-weight: 700;
  font-style: normal;
  src: local("PolarisCondensed-Bold"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/PolarisCondensed-Bold.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/PolarisCondensed-Bold.ttf");
}
@font-face {
  font-family: "Galaxie-Polaris-Condensed";
  font-weight: 700;
  font-style: italic;
  src: local("PolarisCondensed-BoldItalic"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/PolarisCondensed-BoldItalic.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/PolarisCondensed-BoldItalic.ttf");
}
@font-face {
  font-family: "Galaxie Polaris-Condensed";
  font-weight: 800;
  font-style: normal;
  src: local("PolarisCondensed-Heavy"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/PolarisCondensed-Heavy.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/PolarisCondensed-Heavy.ttf");
}
@font-face {
  font-family: "Galaxie Polaris-Condensed";
  font-weight: 800;
  font-style: italic;
  src: local("PolarisCondensed-HeavyItalic"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_OTF/PolarisCondensed-HeavyItalic.otf"), url("/content_2015/font/cnap/Galaxie_Polaris/Galaxie_Polaris_TTF/PolarisCondensed-HeavyItalic.ttf");
}
body {
  font-family: "Galaxie-Polaris", "Arial Narrow", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.2;
  color: #4D5858;
  min-width: 305px;
  padding-left: 0px;
  padding-right: 0px;
}

h1, h2 {
  font-family: "utopia-std-subhead";
}

h2, h3 {
  font-family: "utopia-std";
}

h1 {
  font-weight: 600;
  font-size: 30px;
}

h2 {
  font-weight: 600;
  font-size: 18px;
}

h3 {
  font-weight: 600;
  font-size: 18px;
}

h4 {
  font-weight: 600;
  font-size: 18px;
}

a {
  display: inline !important;
  line-height: 1.5;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
  background-image: linear-gradient(to bottom, #EA5A4F, #EA5A4F);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 2px 2.5px;
}
a i {
  position: relative;
  bottom: 1px;
}

a:focus-visible, button:focus-visible {
  outline: 5px auto #4D5858;
}

a.button {
  background-image: none;
}

/* Hide underline on anchor tags for CNAP*/
.bg-img-none {
  background-image: none !important;
}

/* Please follow the order and don't import randomly */
.mp-legacy-app .register-input-field {
  border-radius: 10px;
  border: 1px solid #003B4D;
  padding: 15px 30px;
  color: #dbdede;
  height: auto;
}
.mp-legacy-app .register-input-label {
  text-transform: uppercase;
  color: #003B4D;
  font-size: 12px;
  font-weight: bold;
}
.mp-legacy-app .register-input-field:active {
  color: #4D5858;
}
.mp-legacy-app .register-input-field:focus {
  border-color: #003B4D;
  box-shadow: none;
  color: #4D5858;
}
.mp-legacy-app .register-input-field:disabled {
  color: #c1c5c5;
  cursor: not-allowed;
  border: none;
}
@media (min-width: 576px) {
  .mp-legacy-app .register-input-label {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .mp-legacy-app .register-input-label {
    font-size: 10px;
  }
}
@media (min-width: 992px) {
  .mp-legacy-app .register-input-label {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .mp-legacy-app .register-input-label {
    font-size: 14px;
  }
}

.mp-legacy-app .mbr-custom-select {
  position: relative;
  /*style the arrow inside the select element:*/
  /*point the arrow upwards when the select box is open (active):*/
  /*style the items (options), including the selected item:*/
  /*style items (options):*/
  /*hide the items when the select box is closed:*/
}
.mp-legacy-app .mbr-custom-select select {
  display: none; /*hide original SELECT element:*/
}
.mp-legacy-app .mbr-custom-select .select-selected {
  background-color: #FFFFFF;
}
.mp-legacy-app .mbr-custom-select .select-selected::after {
  position: absolute;
  content: "";
  top: 25px;
  right: 15px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
}
.mp-legacy-app .mbr-custom-select .select-selected.select-arrow-active::after {
  border-color: transparent transparent #003B4D transparent;
  top: 25%;
}
.mp-legacy-app .mbr-custom-select .select-items div {
  cursor: pointer;
  user-select: none;
}
.mp-legacy-app .mbr-custom-select .select-selected {
  line-height: 1.5;
}
.mp-legacy-app .mbr-custom-select .select-selected {
  border-radius: 10px;
  border: 1px solid #003B4D;
  color: #003B4D;
}
.mp-legacy-app .mbr-custom-select .select-items div {
  color: #003B4D;
  outline: none;
}
.mp-legacy-app .mbr-custom-select .select-items div:hover, .mp-legacy-app .mbr-custom-select .select-items div:focus {
  background-color: #003B4D;
  color: #FFFFFF !important;
}
.mp-legacy-app .mbr-custom-select .select-items {
  position: absolute;
  background-color: #FFFFFF;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border: 1px solid #003B4D;
  border-top: none;
  color: #003B4D;
  display: -ms-flexbox;
  -ms-flex-direction: column;
}
.mp-legacy-app .mbr-custom-select .select-hide {
  display: none;
}
.mp-legacy-app .mbr-custom-select .select-items div:hover {
  background-color: #003B4D;
  color: #FFFFFF;
}
.mp-legacy-app .mbr-custom-select .select-selected::after {
  border-color: #003B4D transparent transparent transparent;
  top: 50%;
}

/** progress segment start**/
.progress-segment {
  background: #D9EDF7;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  padding-left: 8% !important;
  top: 0;
  bottom: 0;
}

.progress-segment.current {
  background-color: #FFFFFF;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.progress-left {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.progress-left.current {
  border-left: 1px solid #dedede;
}

.progress-left.previous {
  background-image: url(/content_2015/images/progress/pointer-right-active.png);
  background-position: right;
  padding-left: 3% !important;
}

.progress-segment.current + .progress-segment {
  background-image: url(/content_2015/images/progress/pointer-left-active.png);
}

.progress-middle {
  background-image: url(/content_2015/images/progress/pointer-new.png);
}

.progress-middle.current {
  background-image: none;
  padding-left: 3% !important;
}

.progress-right {
  background-image: url(/content_2015/images/progress/pointer-new.png);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.progress-segment > * {
  margin: 0;
}

.progress-right.first {
  background-position: right;
  border-radius: 5px 0px 0px 5px;
}

.progress-left.middle {
  border-radius: 0px;
}

.progress-last {
  border-radius: 0px 5px 5px 0px;
  border-right: 1px solid #dedede;
}

/** progress segment end**/
i.add-circle {
  content: url("/mp-images/svg-icons/add-circle.svg");
  height: 2rem;
  display: inline-block;
}

i.subtract-circle {
  content: url("/mp-images/svg-icons/subtract-circle.svg");
  height: 1.5rem;
  display: inline-block;
}

/** password strength start - BLUE & CNAP **/
.strength-meter {
  position: relative;
  height: 5px;
  background: #DDD;
  margin: 10px auto 3px;
  display: inline-block;
  width: 150px;
}

.strength-meter::before,
.strength-meter::after {
  content: "";
  height: inherit;
  background: transparent;
  display: block;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0 5px 0 5px;
  position: absolute;
  width: 35px;
  z-index: 10;
}

.strength-meter::before {
  left: 27px;
}

.strength-meter::after {
  right: 27px;
}

.strength-meter.large {
  width: 100%;
}

.strength-meter.large::before,
.strength-meter.large::after {
  width: 23%;
  border-width: 0 7px 0 7px;
}

.strength-meter.large::before {
  left: 18%;
}

.strength-meter.large::after {
  right: 18%;
}

.strength-meter-fill {
  background: transparent;
  height: inherit;
  position: absolute;
  width: 0;
  border-radius: inherit;
  transition: width 0.5s ease-in-out, background 0.25s;
}

.strength-meter-fill[data-strength="0"] {
  background: #000000;
  width: 20%;
}

.strength-meter-fill[data-strength="1"] {
  background: #AC1F15;
  width: 40%;
}

.strength-meter-fill[data-strength="2"] {
  background: darkred;
  width: 60%;
}

.strength-meter-fill[data-strength="3"] {
  background: #003B4D;
  width: 80%;
}

.strength-meter-fill[data-strength="4"] {
  background: #274D28;
  width: 100%;
}

.strength-meter-feedback[data-strength="0"], .strength-meter-feedback[data-strength="-1"] {
  color: #000000;
}

.strength-meter-feedback[data-strength="1"] {
  color: #AC1F15;
}

.strength-meter-feedback[data-strength="2"] {
  color: darkred;
}

.strength-meter-feedback[data-strength="3"] {
  color: #003B4D;
}

.strength-meter-feedback[data-strength="4"] {
  color: #274D28;
}

#min-password-strength-text {
  text-transform: uppercase;
  font-weight: bold;
}

@media only screen and (min-width: 635px) {
  .strength-meter-feedback-wrapper {
    margin: -10px 5px 10px 155px;
  }
}
@media only screen and (max-width: 634px) {
  .strength-meter-feedback-wrapper {
    margin: 0px 15px 10px 0px;
  }
  .strength-meter {
    width: 100%;
  }
  .strength-meter.large {
    width: 100%;
  }
  .strength-meter::before,
  .strength-meter::after {
    width: 24%;
    border-width: 0 7px 0 7px;
  }
  .strength-meter::before {
    left: 17%;
  }
  .strength-meter::after {
    right: 17%;
  }
  .strength-meter-fill[data-strength="0"] {
    width: 18%;
  }
  .strength-meter-fill[data-strength="3"] {
    width: 82%;
  }
}
/** password strength end - BLUE & CNAP **/
/*overring blue shared-page.css*/
.footerWrapper {
  border-top: 0px solid #004E87 !important;
}

.footerContent {
  padding: 0px !important;
}

.footerContent {
  padding: 0px;
}

.mp-customer-shared-web .legacy-global-footer {
  background-color: #4D5858 !important;
  padding: 80px 0px;
}
.mp-customer-shared-web .legacy-global-footer .footer-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
}
.mp-customer-shared-web .legacy-global-footer .list-group {
  margin-bottom: 0px;
}
.mp-customer-shared-web .legacy-global-footer .footer-links-group {
  color: white;
  box-shadow: unset;
}
.mp-customer-shared-web .legacy-global-footer .footer-links-group .list-head {
  font-size: 20px;
}
.mp-customer-shared-web .legacy-global-footer .footer-links-group .colmd4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}
.mp-customer-shared-web .legacy-global-footer .footer-links-group .footer-text-link a {
  font-weight: 500;
  color: white;
}
.mp-customer-shared-web .legacy-global-footer .copy-right {
  color: white;
  line-height: 1em;
  font-weight: 400;
}
.mp-customer-shared-web .legacy-global-footer .margin-0 {
  margin: 0px;
}
@media (max-width: 576px) {
  .mp-customer-shared-web .legacy-global-footer .footer-links-group, .mp-customer-shared-web .legacy-global-footer .copy-right {
    font-size: 20px;
  }
  .mp-customer-shared-web .legacy-global-footer .footer-links-group .list-head {
    font-size: 30px;
  }
}
@media (min-width: 576px) {
  .mp-customer-shared-web .legacy-global-footer .reset-w {
    width: 100%;
  }
  .mp-customer-shared-web .legacy-global-footer .footer-links-group, .mp-customer-shared-web .legacy-global-footer .copy-right {
    font-size: 26px;
  }
  .mp-customer-shared-web .legacy-global-footer .footer-links-group.list-head {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .mp-customer-shared-web .legacy-global-footer {
    padding: 160px 0px;
  }
  .mp-customer-shared-web .legacy-global-footer .footer-links-group .colmd4 {
    padding-left: 5px;
  }
  .mp-customer-shared-web .legacy-global-footer .site-logo-footer {
    height: 35px;
    width: 306px;
    margin-bottom: 80px;
  }
  .mp-customer-shared-web .legacy-global-footer .footer-text-link {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 768px) {
  .mp-customer-shared-web .legacy-global-footer .reset-w {
    width: 100%;
    max-width: 983px;
  }
  .mp-customer-shared-web .legacy-global-footer .site-logo-footer {
    height: 26px;
    width: 232px;
  }
  .mp-customer-shared-web .legacy-global-footer .foot-col-left {
    width: 33.33333333%;
  }
  .mp-customer-shared-web .legacy-global-footer .foot-col-right {
    width: 66.66666667%;
  }
  .mp-customer-shared-web .legacy-global-footer .list-group {
    margin-bottom: 20px;
  }
  .mp-customer-shared-web .legacy-global-footer .footer-links-group {
    font-size: 16px;
  }
  .mp-customer-shared-web .legacy-global-footer .footer-links-group .list-head {
    font-size: 20px;
  }
  .mp-customer-shared-web .legacy-global-footer .footer-links-group .colmd4 {
    width: 33.33333%;
    max-width: 33.33333%;
    padding: 0px;
  }
  .mp-customer-shared-web .legacy-global-footer .copy-right {
    font-size: 16px;
  }
}

.mp-customer-shared-web .legacy-global-footer .footer-links-group {
  flex-direction: row;
  width: 100%;
}
@media (max-width: 768px) {
  .mp-customer-shared-web .legacy-global-footer .footer-links-group {
    flex-direction: column;
  }
}

.mp-customer-access .registration-container .sign-in-message {
  margin-bottom: 30px;
}
.mp-customer-access .registration-container .sign-in-message > p {
  margin: auto;
  text-align: center;
}
.mp-customer-access .registration-container .required-message {
  display: block;
  text-align: center;
  margin: 15px 0;
}
.mp-customer-access .registration-container .ssn-last-4 {
  letter-spacing: 0.5rem;
}
.mp-customer-access .registration-container input::-webkit-outer-spin-button,
.mp-customer-access .registration-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mp-customer-access .registration-container .custom-number {
  -moz-appearance: textfield;
}
.mp-customer-access .registration-container .phone-button {
  display: flex;
  align-items: center;
}
.mp-customer-access .registration-container .btn-second-reg {
  max-width: 440px;
}
.mp-customer-access .registration-container .terms-box {
  padding: 20px 30px;
}

.mp-customer-access .registration-container {
  max-width: 100%;
}
.mp-customer-access .registration-container .register-step-subtitle {
  font-size: 18px;
}
.mp-customer-access .registration-container .register-tc-info {
  background-image: none;
  background-color: #DEE5EB;
  color: #003B4D;
  border-color: #DEE5EB;
}
.mp-customer-access .registration-container .register-heading-center {
  text-align: center;
}
.mp-customer-access .registration-container .invalid-feedback, .mp-customer-access .registration-container .registration-error {
  color: #AC1F15;
}
.mp-customer-access .registration-container .form-control.register-input-field.is-valid {
  color: #4D5858;
  background-color: #C9DED3;
  border: 1px solid #003B4D;
}
.mp-customer-access .registration-container .register-alert-danger {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  margin-top: 20px;
  background-color: #fef7f6;
  border-color: #fef7f6;
  color: #AC1F15;
  margin-top: 20px;
}
.mp-customer-access .registration-container .register-alert-success {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  margin-top: 20px;
  background-color: #C9DED3;
  border-color: #C9DED3;
  color: #003B4D;
  margin-top: 20px;
}
.mp-customer-access .registration-container .register-alert-info {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  margin-top: 20px;
  background-color: #DEE5EB;
  border: 1px solid #DEE5EB;
  color: #4D5858;
  margin-top: 20px;
}
.mp-customer-access .registration-container .is-invalid {
  background-color: #fbdedc;
  border: 1px solid #EA5A4F;
  color: #4D5858;
}
.mp-customer-access .registration-container .btn-focus-state:focus {
  background-color: #FFFFFF !important;
  border-color: #003B4D !important;
  color: #003B4D !important;
  box-shadow: none !important;
}
.mp-customer-access .registration-container .btn-focus-state:active {
  background-color: #FFFFFF !important;
  border-color: #003B4D !important;
  color: #003B4D !important;
  box-shadow: none !important;
}
.mp-customer-access .registration-container .register-tc-info a {
  color: #003B4D;
  font-weight: bold;
  text-decoration-color: #003B4D;
}
.mp-customer-access .registration-container .register-sign-in-now {
  color: #003B4D;
  font-weight: bold;
  text-decoration-color: #003B4D;
}
.mp-customer-access .registration-container .mbr-register-form {
  max-width: 100%;
}
.mp-customer-access .registration-container .select-items div, .mp-customer-access .registration-container .select-selected {
  padding: 15px 30px;
  height: calc(2.6em + 0.75rem + 2px);
  position: relative;
}
@media (max-width: 576px) {
  .mp-customer-access .registration-container .select-items div, .mp-customer-access .registration-container .select-selected {
    padding: 15px 5px;
  }
  .mp-customer-access .registration-container .select-selected::after {
    right: 5px;
  }
}
.mp-customer-access .registration-container .select-selected.select-arrow-active::after {
  top: 35%;
}
.mp-customer-access .registration-container .next-step-style, .mp-customer-access .registration-container .register-for-credence, .mp-customer-access .registration-container .btn-focus-state {
  text-transform: uppercase;
}
.mp-customer-access .registration-container #phoneTyp1 .select-selected:empty, .mp-customer-access .registration-container #phoneTyp2 .select-selected:empty {
  padding: 27px;
}
@media (max-width: 576px) {
  .mp-customer-access .registration-container .progress-tracker .mp-intro-body {
    font-size: 19px;
    font-weight: 500;
  }
  .mp-customer-access .registration-container .progress-tracker {
    margin-left: 0px;
  }
}
@media (min-width: 576px) {
  .mp-customer-access .registration-container {
    max-width: 100%;
  }
  .mp-customer-access .registration-container .register-step-subtitle {
    font-size: 22px;
  }
  .mp-customer-access .registration-container .progress-tracker {
    margin-left: 0px;
  }
}
@media (min-width: 768px) {
  .mp-customer-access .registration-container {
    max-width: 75%;
  }
  .mp-customer-access .registration-container .register-step-subtitle {
    font-size: 12px;
  }
  .mp-customer-access .registration-container .mbr-register-form {
    max-width: 75%;
  }
}
@media (min-width: 992px) {
  .mp-customer-access .registration-container {
    max-width: 80%;
  }
  .mp-customer-access .registration-container .register-step-subtitle {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .mp-customer-access .registration-container {
    max-width: 75%;
  }
  .mp-customer-access .registration-container .register-step-subtitle {
    font-size: 20px;
  }
}
.mp-customer-access #removeNumber1 p, .mp-customer-access #removeNumber2 p, .mp-customer-access #addNumber p, .mp-customer-access .online-statement {
  color: #003B4D;
}
.mp-customer-access .invalid-feedback {
  display: block;
}
.mp-customer-access .checkbox-checkmark {
  top: 9px;
  left: 0px;
}
.mp-customer-access .termsCheckBox {
  font-size: 16px;
  margin-left: -10px;
}
.mp-customer-access .terms-conditions-content {
  width: 100%;
}
.mp-customer-access .register-confirmation-form {
  margin: 5px 0 15px 15px;
}
.mp-customer-access .credence-link {
  color: #003B4D !important;
  font-weight: bold;
}
.mp-customer-access #chat-available {
  height: 103px;
  width: 445px;
  background-image: none;
  margin: auto;
}

div#iframeContent.credence-transition {
  background-color: #DEE5EB;
  padding-bottom: 160px;
}

.login-credence .mp-btn-outline-primary {
  color: #003B4D;
  border-color: #DA8824;
  background-color: #DA8824;
  width: 100%;
  font-size: 16px;
  padding: 12px 0px;
}

.login-credence .mp-btn-outline-primary:hover {
  color: #003B4D;
  border-color: #003B4D;
  background-color: #DA8824;
  font-size: 16px;
  padding: 12px 0px;
}

.login-credence .credence-return a {
  color: #003B4D !important;
  padding-top: 25px;
  display: inline-block !important;
}

.credence-transition .alert-banner {
  text-align: center;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5019607843);
  margin: 0 0 160px 0;
  font-weight: 700;
  padding-top: 20px;
  padding-bottom: 20px;
}
.credence-transition .credence-transition-cards__cards-row > div {
  margin: 0 33px 15px 33px;
}
.credence-transition .credence-transition-cards__cards-row section {
  background-color: #FFFFFF;
}
.credence-transition .credence-transition-cards__cards-row .mp-heading-topbar {
  margin-bottom: 0;
}
.credence-transition .credence-transition-cards__cards-row .mp-heading-topbar__bar {
  padding-bottom: 15px;
}
.credence-transition .credence-transition-cards__cards-row .mp-heading-topbar__bar::before {
  height: 3px;
}
.credence-transition .credence-transition-cards__card {
  width: 100%;
  min-height: 270px;
  display: inline-flex;
  flex-direction: column;
}
.credence-transition .credence-transition-cards__form, .credence-transition .credence-transition-cards__button {
  position: relative;
  bottom: 0;
}
.credence-transition .half-content-type1.credence-transition-cards__card {
  padding: 80px 40px 80px 45px;
}
.credence-transition .half-content-type1__body-text.text-mp-primary {
  min-height: 106px;
  font-size: 18px;
  opacity: 0.9;
}
.credence-transition .mp-heading-topbar__title.text-mp-primary {
  font-size: 40px;
}
.credence-transition #left-card .mp-heading-topbar__bar, .credence-transition #right-card .mp-heading-topbar__bar {
  padding-top: 0px;
}
@media only screen and (min-width: 576px) {
  .credence-transition .credence-transition-cards__card-row > div {
    margin: 0 94px 15px 94px;
  }
  .credence-transition .half-content-type1.credence-transition-cards__card {
    padding: 80px 56px 80px 63px;
  }
  .credence-transition .half-content-type1__body-text.text-mp-primary {
    min-height: 124px;
    font-size: 22px;
  }
  .credence-transition .mp-heading-topbar__title.text-mp-primary {
    font-size: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .credence-transition .credence-return a {
    font-size: 11px;
    display: block !important;
    text-align: center;
  }
  .credence-transition .left-login-card .mp-heading-topbar__title.text-mp-primary {
    font-size: 28px;
  }
  .credence-transition .left-login-card .mp-heading-topbar__bar::before {
    width: 166px;
  }
  .credence-transition .left-login-card .mp-btn-outline-primary {
    font-size: 14px;
    font-size: 14px;
    padding: 12px 5px;
    margin-top: 40px;
  }
  .credence-transition .left-login-card .half-content-type1__body-text.text-mp-primary {
    margin-top: 20px;
  }
  .credence-transition .left-login-card.half-content-type1.credence-transition-cards__card {
    padding: 50px 24px 20px 24px;
  }
  .credence-transition .credence-transition.login-credence .credence-transition-cards__button {
    font-size: 14px;
    margin-top: 40px;
  }
  .credence-transition .credence-transition.login-credence .credence-transition-cards__button:hover {
    font-size: 14px;
    margin-top: 40px;
    border: 0px;
  }
  .credence-transition .half-content-type1__body-text.text-mp-primary > span {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    opacity: 0.9;
  }
}
@media only screen and (min-width: 768px) {
  .credence-transition .half-content-type1.credence-transition-cards__card {
    padding: 30px 27px 20px 30px;
    min-height: 220px;
  }
  .credence-transition .half-content-type1__body-text.text-mp-primary {
    min-height: 90px;
    font-size: 12px;
  }
  .credence-transition .mp-heading-topbar__title.text-mp-primary {
    font-size: 20px;
  }
  .credence-transition .login-credence .mp-heading-topbar__bar::before {
    width: 120px;
  }
  .credence-transition .login-credence .half-content-type1__body-text.text-mp-primary {
    min-height: 40px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) {
  .credence-transition .half-content-type1.credence-transition-cards__card {
    padding: 40px 35px 40px 40px;
  }
  .credence-transition .half-content-type1.text-mp-primary {
    min-height: 120px;
    font-size: 16px;
  }
  .credence-transition .half-content-type1__body-text.text-mp-primary {
    font-size: 16px;
    min-height: 120px;
  }
  .credence-transition .mp-heading-topbar__title.text-mp-primary {
    font-size: 26px;
  }
  .credence-transition .left-login-card .half-content-type1.text-mp-primary {
    min-height: 120px;
    font-size: 16px;
  }
  .credence-transition .left-login-card .half-content-type1__body-text.text-mp-primary {
    min-height: 60px;
    font-size: 16px;
    opacity: 0.9;
  }
  .credence-transition .left-login-card .mp-heading-topbar__title.text-mp-primary {
    font-size: 26px;
  }
  .credence-transition .left-login-card .mp-heading-topbar__bar::before {
    width: 155px;
  }
}
@media only screen and (min-width: 1280px) {
  .credence-transition .half-content-type1.credence-transition-cards__card {
    padding: 40px 44px 40px 50px;
    min-height: 336px;
  }
  .credence-transition .half-content-type1__body-text.text-mp-primary {
    min-height: 120px;
    font-size: 20px;
  }
  .credence-transition .mp-heading-topbar__title.text-mp-primary {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1388px) {
  .credence-transition .mp-heading-topbar__title.text-mp-primary {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .credence-transition.dual-contract .credence-transition-cards__button {
    min-height: 62px;
  }
}
@media only screen and (min-width: 825px) {
  .credence-transition.dual-contract .credence-transition-cards__button {
    min-height: unset;
  }
}
@media only screen and (min-width: 964px) {
  .credence-transition.dual-contract #right-card .mp-heading-topbar__bar {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .credence-transition.dual-contract #right-card .mp-heading-topbar__bar {
    padding-top: 0px;
  }
}
@media only screen and (min-width: 1237px) {
  .credence-transition.dual-contract #right-card .mp-heading-topbar__bar {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .credence-transition.dual-contract #right-card .mp-heading-topbar__bar {
    padding-top: 0px;
  }
}
@media only screen and (min-width: 812px) {
  .credence-transition.coming-soon .credence-transition-cards__card {
    display: inline-grid;
  }
}
@media only screen and (min-width: 884px) {
  .credence-transition.coming-soon .credence-transition-cards__card {
    display: inline-flex;
  }
}
@media only screen and (min-width: 812px) {
  .credence-transition.coming-soon .credence-transition-cards__card {
    min-height: 331px;
  }
}
@media only screen and (min-width: 846px) {
  .credence-transition.coming-soon .credence-transition-cards__card {
    min-height: 270px;
  }
}
@media only screen and (min-width: 812px) {
  .credence-transition.coming-soon #right-card .mp-heading-topbar__bar {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 884px) {
  .credence-transition.coming-soon #right-card .mp-heading-topbar__bar {
    padding-top: 0px;
  }
}