.investease-logo {
  width: 127px;
  height: 43px;
  margin-bottom: 2px;
}

@media screen and (-ms-high-contrast: active) {
  .investease-logo #crest__bg {
    fill: window;
  }

  .investease-logo #crest__text,
  .investease-logo #crest__logo,
  .investease-logo #divider,
  .investease-logo #copyright,
  .investease-logo #label {
    fill: windowText;
  }
}

.investease-logo--BlueLogoWhiteText #divider,
.investease-logo--BlueLogoWhiteText #copyright,
.investease-logo--BlueLogoWhiteText #label {
  fill: #fff;
}

.investease-logo--LogoWhiteText #divider,
.investease-logo--LogoWhiteText #copyright,
.investease-logo--LogoWhiteText #label {
  fill: #fff;
}

@media screen and (-ms-high-contrast: active) {
  .investease-logo #crest__bg {
    fill: window;
  }

  .investease-logo #crest__text,
  .investease-logo #crest__logo,
  .investease-logo #divider,
  .investease-logo #copyright,
  .investease-logo #label {
    fill: windowText;
  }
}

.switch .onoffswitch {
  position: relative;
  width: 55px;
  display: inline-block;
  font-size: 80%;
}

.switch .onoffswitch .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  margin: 0;
}

.switch .onoffswitch .onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin .15s ease-in-out;
  transition: margin .15s ease-in-out;
}

.switch .onoffswitch .onoffswitch-inner:before,
.switch .onoffswitch .onoffswitch-inner:after {
  float: left;
  width: 50%;
  height: 24px;
  padding: 0;
  line-height: 24px;
  font-size: 80%;
  color: #fff;
  font-weight: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.switch .onoffswitch .onoffswitch-inner:before {
  content: "";
  padding-left: 10px;
  background-color: #007bc8;
  color: #fff;
}

.switch .onoffswitch .onoffswitch-inner:after {
  content: "";
  padding-right: 10px;
  background-color: #bd833b;
  color: #3d3d3d;
  text-align: right;
}

.switch .onoffswitch .onoffswitch-switch {
  width: 22px;
  height: 22px;
  margin: 0;
  background: #fff;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
          box-shadow: 0 0 3px rgba(0,0,0,.3);
  border-radius: 50%;
  position: absolute;
  top: 2px;
  bottom: 0;
  right: 35px;
  -webkit-transition: right .15s ease-in-out;
  transition: right .15s ease-in-out;
}

.switch .toggle-group {
  position: relative;
  height: 27px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  top: 50%;
  margin-bottom: 1rem;
}

.switch .toggle-group input[type=checkbox] {
  position: absolute;
  left: 10px;
}

.switch .toggle-group input[type=checkbox]:checked~.onoffswitch .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.switch .toggle-group input[type=checkbox]:checked~.onoffswitch .onoffswitch-label .onoffswitch-switch {
  right: 1px;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
          box-shadow: 0 0 3px rgba(0,0,0,.5);
}

.switch .toggle-group input[type=checkbox]:focus~.onoffswitch {
  outline: thin dotted #333;
  outline: 0;
}

.switch .toggle-group label {
  position: absolute;
  cursor: pointer;
  padding-left: 65px;
  display: inline-block;
  text-align: left;
  line-height: 24px;
  width: 100%;
  z-index: 1;
  height: 24px;
  font-weight: 400;
}

.switch .aural {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.switch .aural:focus {
  clip: rect(0, 0, 0, 0);
  font-size: 1em;
  height: auto;
  outline: thin dotted;
  position: static !important;
  width: auto;
  overflow: visible;
}

.heading-with-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}

.heading-with-button__button {
  display: inline;
  text-align: center;
  padding: 0 !important;
  margin: 25px 0 0 42px !important;
  min-height: 25px;
  min-width: 44px;
  font-size: 1rem !important;
}

.heading-with-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.heading-with-button__button {
  display: inline;
  text-align: center;
  padding: 0 !important;
  margin: 25px 0 0 42px !important;
  min-height: 25px;
  min-width: 44px;
  font-size: 16px !important;
}

.rbc-ui-label {
  word-break: break-all;
  display: inline;
  font-family: Roboto,sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #252525;
}

.rbc-ui-label-with-popover__label-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 8px;
}

.rbc-ui-label-with-popover__label-container--hidden {
  position: absolute;
  display: block;
  visibility: visible;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rbc-ui-with-label {
  width: 100%;
}

.rbc-ui-error-label {
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  color: #b91a0e;
  font-family: Roboto,sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.rbc-ui-error-label__svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.rbc-ui-error-label__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  word-break: break-all;
}

.rbc-ui-error-label__svg .cls-1 {
  fill: #b91a0e;
}

.rbc-ui-with-error {
  width: 100%;
}

.rbc-ui-with-field-set__legend {
  font-family: Roboto,sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #252525;
  display: table;
  margin-bottom: 8px;
  word-break: break-all;
}

.rbc-ui-with-field-set__legend .info-box__helper {
  word-break: normal;
}

.rbc-ui-with-field-set__legend--hidden {
  position: absolute;
  display: block;
  visibility: visible;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rbc-ui-with-field-set__fieldset {
  display: block;
  border: 0;
  padding: .01em 0 0 0;
  margin: 0;
  min-width: 0;
  width: 100%;
}

@media screen and (-moz-images-in-menus: 0) {
  .rbc-ui-with-field-set__fieldset {
    display: table-cell;
  }
}

.rbc-ui-select {
  text-align: left;
  position: relative;
  border: none;
  padding: 0;
  margin: 0 0 8px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rbc-ui-select select::-ms-expand {
  display: none;
}

.rbc-ui-select select::-ms-value {
  background-color: rgba(0,0,0,0);
  color: #252525;
}

.rbc-ui-select select:-moz-focusring {
  color: rgba(0,0,0,0);
  text-shadow: 0 0 0 #000;
}

.rbc-ui-select__input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  border-radius: 0;
  background: rgba(0,0,0,0);
  position: relative;
  overflow: hidden;
  font-family: Roboto,sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #444;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  line-height: 48px;
  height: 48px;
  padding: 11px 14px;
  border: 1px solid #b3b3b3;
  line-height: 1;
  padding-right: 44px;
}

.rbc-ui-select__input--error {
  padding: 11px 14px;
  border: 1px solid #b91a0e;
  padding-right: 44px;
}

.rbc-ui-select__input--focus,
.rbc-ui-select__input:focus {
  padding: 10px 13px;
  border: 2px solid #006ac3;
  padding-right: 44px;
}

.rbc-ui-select__input--disabled {
  cursor: not-allowed;
  background-color: #eaeaea;
  color: #585858;
}

.rbc-ui-select__mask {
  position: absolute;
  right: 4px;
  top: 4px;
  bottom: 4px;
  left: 4px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: linear-gradient(to left, white 44px, rgba(255, 255, 255, 0) 54px, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}

.rbc-ui-select__chevron {
  width: 16px;
  height: 16px;
  margin-right: 14px;
  fill: #006ac3;
}

.rbc-ui-select__mask--disabled {
  background: linear-gradient(to left, #EAEAEA 44px, rgba(255, 255, 255, 0) 54px, rgba(255, 255, 255, 0) 100%);
  cursor: not-allowed;
}

.rbc-ui-datepicker {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rbc-ui-datepicker__month {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 10px;
}

.rbc-ui-datepicker__day {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 10px;
}

.rbc-ui-datepicker__year {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.rbc-ui-form-row {
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
}

.react-slidedown {
    height: 0;
    transition-property: none;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}

.react-slidedown.transitioning {
    overflow-y: hidden;
}

.react-slidedown.closed {
    display: none;
}.copy-code-btn {
  background: transparent;
  border: none;
  outline: none;
  padding: 8px;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  width: 48px;
  height: 48px;
}

.copy-code-btn .copy-message {
  position: absolute;
  left: -100%;
}

.copy-code-btn .copy-svg {
  width: 32px;
  height: 32px;
  opacity: .5;
}

.copy-code-btn:hover .copy-svg {
  opacity: 1;
}

.rbc-scroll-container-horizontal {
  white-space: nowrap;
}

a[target=_blank] .rbc-icon {
  margin-left: 8px;
  vertical-align: middle;
}

a[target=_blank] .rbc-icon svg {
  vertical-align: top;
}

.rbc-icon {
  background-repeat: no-repeat;
  display: inline-block;
  fill: currentColor;
}

.rbc-icon.sm {
  height: 16px;
  width: 16px;
  min-height: 16px;
  min-width: 16px;
}

.rbc-icon.md {
  height: 24px;
  width: 24px;
  min-height: 24px;
  min-width: 24px;
}

.rbc-icon.lg {
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
}

.rbc-icon.xl {
  height: 128px;
  width: 128px;
  min-height: 128px;
  min-width: 128px;
}

[dir=rtl] .rbc-icon-rtl-mirror {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.rbc-form-field .rbc-form-field-prefix .rbc-icon,
.rbc-form-field .rbc-form-field-suffix .rbc-icon {
  display: block;
}

.rbc-form-field .rbc-form-field-prefix .rbc-icon-button .rbc-icon,
.rbc-form-field .rbc-form-field-suffix .rbc-icon-button .rbc-icon {
  margin: auto;
}

.rbc-box-container {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 24px;
}

.rbc-box-container.rbc-box-container-outline-border {
  border-color: #e0e0e0;
}

.rbc-box-container.rbc-box-container-outline-full-width-border {
  border-top-color: #e0e0e0;
  border-bottom-color: #e0e0e0;
}

.rbc-box-container.rbc-box-container-background-primary {
  background: white;
}

.rbc-box-container.rbc-box-container-background-alternate {
  background: #fafafa;
}

.rbc-box-container.rbc-box-container-background-highlight {
  background: #f3f7f8;
}

.rbc-box-container.rbc-box-container-elevation-1 {
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
}

.react-slidedown {
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
}

.accordian-module_basic__M-swe {
  width: 100%;
  border-top: 1px solid #6f6f6f;
  border-bottom: 1px solid #6f6f6f;
}

.accordian-module_basic__M-swe+.accordian-module_basic__M-swe {
  border-top: none;
}

.accordian-module_heading__f623d {
  position: relative;
  cursor: pointer;
  font-weight: 500;
  font-size: 1rem;
  color: #006ac3;
  padding: 16px 0 16px;
}

.accordian-module_heading__f623d::before,
.accordian-module_heading__f623d::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  right: 15px;
  width: 0;
  height: 0;
  border: 8px solid #006ac3;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  z-index: 1;
  pointer-events: none;
}

.accordian-module_heading__f623d::after {
  top: calc(50% - 6px);
  border-top-color: #fff;
}

.accordian-module_expanded__JQorP::before,
.accordian-module_expanded__JQorP::after {
  border-bottom-color: #006ac3;
  border-top-color: transparent;
  top: auto;
  bottom: calc(50% - 4px);
}

.accordian-module_expanded__JQorP::after {
  bottom: calc(50% - 6px);
  border-bottom-color: #fff;
}

.rbc-box-container .accordian-module_heading__f623d {
  margin: -16px 0;
  position: relative;
}

.rbc-box-container .accordian-module_heading__f623d::before,
.rbc-box-container .accordian-module_heading__f623d::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  right: 0px;
  width: 0;
  height: 0;
  border: 8px solid #006ac3;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  z-index: 1;
  pointer-events: none;
}

.rbc-box-container .accordian-module_heading__f623d::after {
  top: calc(50% - 6px);
  border-top-color: #fff;
}

.rbc-box-container .accordian-module_expanded__JQorP::before,
.rbc-box-container .accordian-module_expanded__JQorP::after {
  border-bottom-color: #006ac3;
  border-top-color: transparent;
  top: auto;
  bottom: calc(50% - 4px);
}

.rbc-box-container .accordian-module_expanded__JQorP::after {
  bottom: calc(50% - 6px);
  border-bottom-color: #fff;
}

.accordian-module_alert__ljuGf {
  color: #585858;
  background-color: #fafafa;
  border: none;
}

.accordian-module_alert__ljuGf .accordian-module_heading__f623d {
  color: #585858;
  font-weight: 400;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.accordian-module_alert__ljuGf .accordian-module_heading__f623d::before,
.accordian-module_alert__ljuGf .accordian-module_heading__f623d::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  right: 24px;
  width: 0;
  height: 0;
  border: 8px solid #585858;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  z-index: 1;
  pointer-events: none;
}

.accordian-module_alert__ljuGf .accordian-module_heading__f623d::after {
  top: calc(50% - 6px);
  border-top-color: #fafafa;
}

.accordian-module_alert__ljuGf .accordian-module_expanded__JQorP::before,
.accordian-module_alert__ljuGf .accordian-module_expanded__JQorP::after {
  border-bottom-color: #585858;
  border-top-color: transparent;
  top: auto;
  bottom: calc(50% - 4px);
}

.accordian-module_alert__ljuGf .accordian-module_expanded__JQorP::after {
  bottom: calc(50% - 6px);
  border-bottom-color: #fafafa;
}

.accordian-module_icon__OE1hV {
  width: 32px;
  height: 32px;
  margin-right: 24px;
}

.chip-module_chip__3Akqu {
  color: #444;
  font-size: .75rem;
  line-height: normal;
  border: 1px solid transparent;
  border-radius: 19.5px;
  padding: 4px 12px;
  background-color: #f3f4f5;
  position: relative;
  cursor: pointer;
}

.chip-module_chip__3Akqu svg {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}

.chip-module_chip__3Akqu .chip-module_checkActive__a7SFT {
  display: none;
}

.chip-module_checkbox__Ffjwa {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.chip-module_active__2mhit {
  color: #006ac3;
  border-color: #006ac3;
  background-color: #edf7fc;
}

.chip-module_active__2mhit .chip-module_checkActive__a7SFT {
  display: inline;
}

.chip-module_active__2mhit .chip-module_checkInactive__sxBYY {
  display: none;
}

.chip-module_activeUp__WfnF9,
.chip-module_activeDown__ohL8e {
  padding-right: 28px;
}

.chip-module_activeUp__WfnF9::before,
.chip-module_activeUp__WfnF9::after,
.chip-module_activeDown__ohL8e::before,
.chip-module_activeDown__ohL8e::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  right: 12px;
  width: 0;
  height: 0;
  border: 5px solid #006ac3;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.chip-module_activeUp__WfnF9::after,
.chip-module_activeDown__ohL8e::after {
  top: calc(50% - 4px);
  border-top-color: #edf7fc;
}

.chip-module_activeUp__WfnF9::before,
.chip-module_activeUp__WfnF9::after {
  border-bottom-color: #006ac3;
  border-top-color: transparent;
  top: auto;
  bottom: calc(50% - 2px);
}

.chip-module_activeUp__WfnF9::after {
  bottom: calc(50% - 4px);
  border-bottom-color: #edf7fc;
}

.dropdown-module_dropdown__fFVff {
  width: 370px;
  max-width: 100%;
  height: 50px;
  position: relative;
}

.dropdown-module_dropdown__fFVff .dropdown-module_trigger__IXGOw {
  font-family: inherit;
  font-size: 1rem;
  font-weight: 300;
  border: solid 1px #919191;
  border-radius: 0;
  background-color: #fff;
  padding: 0 16px;
  -webkit-appearance: none;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dropdown-module_dropdown__fFVff .dropdown-module_trigger__IXGOw::before,
.dropdown-module_dropdown__fFVff .dropdown-module_trigger__IXGOw::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  right: 15px;
  width: 0;
  height: 0;
  border: 8px solid #006ac3;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  z-index: 1;
  pointer-events: none;
}

.dropdown-module_dropdown__fFVff .dropdown-module_trigger__IXGOw::after {
  top: calc(50% - 6px);
  border-top-color: #fff;
}

.dropdown-module_dropdown__fFVff .dropdown-module_trigger__IXGOw:focus {
  border-color: #006ac3;
  outline: 1px solid #006ac3;
}

.dropdown-module_dropdown__fFVff .dropdown-module_selectedText__yKnBX {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 25px);
}

.dropdown-module_dropdown__fFVff .dropdown-module_content__dg8Fr {
  position: absolute;
  top: 50px;
  left: -1px;
  right: -1px;
  z-index: 2;
  border: solid 1px #6f6f6f;
  max-height: 375px;
  overflow: auto;
}

.dropdown-module_dropdown__fFVff .dropdown-module_content__dg8Fr>* {
  padding: 12px 16px;
}

.dropdown-module_dropdown__fFVff .dropdown-module_header__q-zGo {
  background-color: #edf7fc;
}

.dropdown-module_dropdown__fFVff .dropdown-module_option__tzAu0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  font-weight: 300;
  cursor: default;
}

.dropdown-module_dropdown__fFVff .dropdown-module_option__tzAu0:hover,
.dropdown-module_dropdown__fFVff .dropdown-module_option__tzAu0:focus {
  color: #fff;
  background-color: #0051a5;
  outline: none;
}

.dropdown-module_dropdown__fFVff .dropdown-module_icon__cgf3i {
  margin-right: 16px;
}

.dropdown-module_dropdown__fFVff .dropdown-module_icon__cgf3i,
.dropdown-module_dropdown__fFVff .dropdown-module_icon__cgf3i svg {
  width: 16px;
  height: 16px;
}

.dropdown-module_optionSelected__pZbcU {
  color: #fff;
  background-color: #006ac3 !important;
}

.dropdown-module_dropdownOpen__y5nfQ .dropdown-module_trigger__IXGOw {
  border-color: #006ac3;
  outline: 1px solid #006ac3;
}

.dropdown-module_dropdownOpen__y5nfQ .dropdown-module_trigger__IXGOw::before,
.dropdown-module_dropdownOpen__y5nfQ .dropdown-module_trigger__IXGOw::after {
  border-bottom-color: #006ac3;
  border-top-color: transparent;
  top: auto;
  bottom: calc(50% - 4px);
}

.dropdown-module_dropdownOpen__y5nfQ .dropdown-module_trigger__IXGOw::after {
  bottom: calc(50% - 6px);
  border-bottom-color: white;
}

.dropdown-module_dropdownDisabled__wDTVS .dropdown-module_trigger__IXGOw {
  background-color: #eaeaea;
  color: #252525;
}

.dropdown-module_dropdownDisabled__wDTVS .dropdown-module_trigger__IXGOw::before,
.dropdown-module_dropdownDisabled__wDTVS .dropdown-module_trigger__IXGOw::after {
  display: none;
}

.lookup-module_lookup__5Q4wk {
  position: relative;
  z-index: 2;
}

.lookup-module_lookup__5Q4wk .lookup-module_input__AqbXW {
  font-size: 1rem;
  font-family: inherit;
  font-weight: 300;
  line-height: 1.5;
  width: 400px;
  border: solid 1px #919191;
  padding: 0 16px;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.lookup-module_lookup__5Q4wk .lookup-module_input__AqbXW:focus {
  border-color: #006ac3;
  outline: 1px solid #006ac3;
}

.lookup-module_lookup__5Q4wk .lookup-module_content__76fik {
  position: absolute;
  top: 50px;
  z-index: 2;
  border: solid 1px #6f6f6f;
  max-height: 375px;
  min-width: 400px;
  overflow: auto;
}

.lookup-module_lookup__5Q4wk .lookup-module_content__76fik>* {
  padding: 12px 16px;
}

.lookup-module_lookup__5Q4wk .lookup-module_option__vsfk5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  font-weight: 300;
  cursor: default;
}

.lookup-module_lookup__5Q4wk .lookup-module_option__vsfk5:hover,
.lookup-module_lookup__5Q4wk .lookup-module_option__vsfk5:focus {
  color: #fff;
  background-color: #0051a5;
  outline: none;
}

.overlay-menu-module_menuWrapper__-lw0g {
  position: relative;
}

.overlay-menu-module_menu__lfRkQ {
  position: absolute;
  top: 100%;
  min-width: 321px;
  border: 1px solid #e0e0e0;
  -webkit-box-shadow: 0px 3.59106px 7.84712px rgba(31, 31, 31, 0.08) 0px 12.0616px 26.3568px rgba(31, 31, 31, 0.06) 0px 54px 118px rgba(31, 31, 31, 0.04);
          box-shadow: 0px 3.59106px 7.84712px rgba(31, 31, 31, 0.08) 0px 12.0616px 26.3568px rgba(31, 31, 31, 0.06) 0px 54px 118px rgba(31, 31, 31, 0.04);
  z-index: 999;
}

.overlay-menu-module_menuItem__PzLAn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 20px;
  font-size: .875rem;
  font-weight: 400;
  font-family: Roboto,Helvetica,sans-serif;
  letter-spacing: 0;
  line-height: 1.43;
  color: #006ac3;
  background-color: white;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

.overlay-menu-module_menuItem__PzLAn .angle-right {
  margin: -6px -10px;
  margin-left: 0;
}

.overlay-menu-module_selectedMenuItem__XD7nz {
  background-color: #f3f7f8 !important;
}

.overlay-menu-module_selectedMenuItem__XD7nz::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: #006ac3;
}

.overlay-menu-module_secondLevelMenu__YZ4CD {
  top: auto;
  margin-top: -53px;
  left: calc(100% + 1px);
  z-index: -1;
}

.overlay-menu-module_secondLevelMenu__YZ4CD .overlay-menu-module_menuItem__PzLAn {
  background-color: #f3f7f8;
}

.overlay-menu-module_menuItem__PzLAn:hover,
.overlay-menu-module_menuItem__PzLAn:focus,
.overlay-menu-module_secondLevelMenu__YZ4CD .overlay-menu-module_menuItem__PzLAn:hover,
.overlay-menu-module_secondLevelMenu__YZ4CD .overlay-menu-module_menuItem__PzLAn:focus {
  background-color: #fafafa;
}

.overlay-menu-module_menuItem__PzLAn:focus,
.overlay-menu-module_secondLevelMenu__YZ4CD .overlay-menu-module_menuItem__PzLAn:focus {
  outline: 2px solid #006ac3;
  outline-offset: -2px;
}

.rbc-nav-tabs .rbc-nav-tabs-next {
  display: none !important;
}

.rbc-nav-tabs-list {
  overflow: visible !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.rbc-nav-tab-label .rbc-icon:last-child {
  margin-right: 0;
}

.rbc-nav-tab-label-active {
  background-color: #0051a5 !important;
}

.rbc-nav-tab-label-active::before {
  content: "";
  position: absolute;
  background-color: #fedf01;
  height: 2px;
  width: 100%;
  bottom: 0;
}

.rbc-nav-tabs:last-child .rbc-nav-tab {
  min-width: 48px;
}

.rbc-nav-tabs:last-child .rbc-icon.hamburger {
  margin-right: 0;
}

.rbc-nav-tabs:last-child .rbc-panel-content {
  width: 320px !important;
  max-width: 100vw;
}

.rbc-nav-tabs:last-child .rbc-scroll-container-content {
  padding-top: 16px;
}

.rbc-nav-tabs:last-child .rbc-icon-button button {
  color: #006ac3;
}

.rbc-nav-product:not(.rbc-nav-product--mobile) .rbc-nav-tabs:last-child {
  display: none !important;
}

.rbc-nav-product--mobile .rbc-nav-tabs:first-child {
  display: none !important;
}

.rbc-nav-suite-profile-box-container {
  padding: 0 !important;
  border: none !important;
}

.rbc-nav-suite-profile-box-container .rbc-profile-box {
  border-left: none;
  border-right: none;
}

.rbc-lang-switcher .rbc-stack {
  padding: 24px;
  font-weight: 400;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
}

.rbc-lang-switcher .rbc-stack .rbc-divider {
  margin: 0 8px !important;
  height: 16px !important;
  background-color: #1f1f1f;
}

@media (max-width: 767.98px) {
  .rbc-lang-switcher .rbc-stack {
    padding: 20px;
  }

  .rbc-lang-switcher .rbc-stack * {
    line-height: 16px !important;
  }
}

.rbc-menu-group .rbc-stack-wrapper {
  border: 1px solid #e0e0e0;
  border-left: none;
  border-right: none;
}

.rbc-menu-group .rbc-stack-wrapper .rbc-profile-box {
  border: none;
}

.rbc-menu-group-heading:empty {
  display: none;
}

@media (max-width: 767.98px) {
  .rbc-nav-suite-switcher-button .rbc-icon-button-container,
  .rbc-nav-suite-profile-button .rbc-icon-button-container {
    padding: 20px !important;
  }

  .rbc-nav-suite-switcher-button .rbc-icon-button-container .rbc-icon-button-content,
  .rbc-nav-suite-profile-button .rbc-icon-button-container .rbc-icon-button-content {
    display: none;
  }
}

@media (min-width: 768px) {
  .rbc-nav-suite-switcher-button>.rbc-icon-button-container,
  .rbc-nav-suite-profile-button>.rbc-icon-button-container,
  .rbc-nav-suite-signin-button>.rbc-icon-button-container,
  .rbc-nav-suite-signout-button>.rbc-icon-button-container,
  .rbc-nav-suite-signouttext-button {
    padding: 24px !important;
  }
}

.rbc-nav-suite .rbc-nav-suite-signouttext-button {
  height: 100%;
  padding: 20px 32px;
}

@media (max-width: 767.98px) {
  .rbc-nav-suite .rbc-nav-suite-signouttext-button {
    line-height: 16px;
  }
}

.PresetDateRangePicker_panel {
  padding: 0 22px 11px;
}

.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.PresetDateRangePicker_button:active {
  outline: 0;
}

.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699;
}

.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff;
}

.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb;
}

.SingleDatePickerInput__rtl {
  direction: rtl;
}

.SingleDatePickerInput__disabled {
  background-color: #f2f2f2;
}

.SingleDatePickerInput__block {
  display: block;
}

.SingleDatePickerInput__showClearDate {
  padding-right: 30px;
}

.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%;
}

.SingleDatePickerInput_clearDate__small {
  padding: 6px;
}

.SingleDatePickerInput_clearDate__hide {
  visibility: hidden;
}

.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}

.SingleDatePickerInput_clearDate_svg__small {
  height: 9px;
}

.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}

.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}

.SingleDatePicker {
  position: relative;
  display: inline-block;
}

.SingleDatePicker__block {
  display: block;
}

.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}

.SingleDatePicker_picker__rtl {
  direction: rtl;
}

.SingleDatePicker_picker__directionLeft {
  left: 0;
}

.SingleDatePicker_picker__directionRight {
  right: 0;
}

.SingleDatePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff;
}

.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}

.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none;
}

.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px;
}

.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0;
}

.DayPickerKeyboardShortcuts_show {
  width: 33px;
  height: 26px;
  position: absolute;
  z-index: 2;
}

.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute;
}

.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_show__topRight {
  top: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_show__topLeft {
  top: 0;
  left: 0;
}

.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0;
}

.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute;
}

.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px;
}

.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: 5px;
}

.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: 5px;
}

.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
  text-align: left;
}

.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}

.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px;
}

.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2;
}

.DayPickerKeyboardShortcuts_close:active {
  outline: 0;
}

.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a;
}

.CalendarDay {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}

.CalendarDay:active {
  outline: 0;
}

.CalendarDay__defaultCursor {
  cursor: default;
}

.CalendarDay__default {
  border: 1px solid #e4e7e7;
  color: #484848;
  background: #fff;
}

.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px solid #e4e7e7;
  color: inherit;
}

.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit;
}

.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #484848;
}

.CalendarDay__outside:hover {
  border: 0;
}

.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd;
}

.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd;
}

.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848;
}

.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848;
}

.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff;
}

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px double #33dacd;
  color: #fff;
}

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff;
}

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87;
}

.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px double #80e8e0;
  color: #007a87;
}

.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a;
}

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd;
}

.CalendarDay__hovered_start_first_possible_end {
  background: #eceeee;
  border: 1px double #eceeee;
}

.CalendarDay__hovered_start_blocked_min_nights {
  background: #eceeee;
  border: 1px double #e4e7e7;
}

.CalendarMonth {
  background: #fff;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0;
}

.CalendarMonth_verticalSpacing {
  border-collapse: separate;
}

.CalendarMonth_caption {
  color: #484848;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: initial;
}

.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px;
}

.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0;
}

.CalendarMonthGrid__animating {
  z-index: 1;
}

.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px;
}

.CalendarMonthGrid__vertical {
  margin: 0 auto;
}

.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
  overflow-y: scroll;
}

.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%;
}

.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}

.CalendarMonthGrid_month__hidden {
  visibility: hidden;
}

.DayPickerNavigation {
  position: relative;
  z-index: 2;
}

.DayPickerNavigation__horizontal {
  height: 0;
}

.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0;
}

.DayPickerNavigation__verticalScrollableDefault {
  position: relative;
}

.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  border: 0;
  padding: 0;
  margin: 0;
}

.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575;
}

.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4;
}

.DayPickerNavigation_button__default:active {
  background: #f2f2f2;
}

.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #f2f2f2;
}

.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #f2f2f2;
}

.DayPickerNavigation_button__disabled:active {
  background: 0 0;
}

.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: .78;
  border-radius: 3px;
  padding: 6px 9px;
}

.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px;
}

.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px;
}

.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #fff;
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%;
}

.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0;
}

.DayPickerNavigation_nextButton__verticalScrollableDefault {
  width: 100%;
}

.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
  display: block;
}

.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848;
}

.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2;
}

.DayPicker {
  background: #fff;
  position: relative;
  text-align: left;
}

.DayPicker__horizontal {
  background: #fff;
}

.DayPicker__verticalScrollable {
  height: 100%;
}

.DayPicker__hidden {
  visibility: hidden;
}

.DayPicker__withBorder {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05),0 0 0 1px rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05),0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}

.DayPicker_portal__horizontal {
  -webkit-box-shadow: none;
          box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%;
}

.DayPicker_portal__vertical {
  position: initial;
}

.DayPicker_focusRegion {
  outline: 0;
}

.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top;
}

.DayPicker_weekHeaders {
  position: relative;
}

.DayPicker_weekHeaders__horizontal {
  margin-left: 9px;
}

.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left;
}

.DayPicker_weekHeader__vertical {
  left: 50%;
}

.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
}

.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center;
}

.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}

.DayPicker_transitionContainer__horizontal {
  -webkit-transition: height .2s ease-in-out;
  transition: height .2s ease-in-out;
}

.DayPicker_transitionContainer__vertical {
  width: 100%;
}

.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
}

.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle;
}

.DateInput__small {
  width: 97px;
}

.DateInput__block {
  width: 100%;
}

.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb;
}

.DateInput_input {
  font-weight: 200;
  font-size: 19px;
  line-height: 24px;
  color: #484848;
  background-color: #fff;
  width: 100%;
  padding: 11px 11px 9px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0;
}

.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: .2px;
  padding: 7px 7px 5px;
}

.DateInput_input__regular {
  font-weight: auto;
}

.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0;
}

.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic;
}

.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2;
}

.DateInput_fangShape {
  fill: #fff;
}

.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent;
}

.DateRangePickerInput {
  background-color: #fff;
  display: inline-block;
}

.DateRangePickerInput__disabled {
  background: #f2f2f2;
}

.DateRangePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb;
}

.DateRangePickerInput__rtl {
  direction: rtl;
}

.DateRangePickerInput__block {
  display: block;
}

.DateRangePickerInput__showClearDates {
  padding-right: 30px;
}

.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848;
}

.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px;
}

.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.DateRangePickerInput_clearDates__small {
  padding: 6px;
}

.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%;
}

.DateRangePickerInput_clearDates__hide {
  visibility: hidden;
}

.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}

.DateRangePickerInput_clearDates_svg__small {
  height: 9px;
}

.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}

.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}

.DateRangePicker {
  position: relative;
  display: inline-block;
}

.DateRangePicker__block {
  display: block;
}

.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}

.DateRangePicker_picker__rtl {
  direction: rtl;
}

.DateRangePicker_picker__directionLeft {
  left: 0;
}

.DateRangePicker_picker__directionRight {
  right: 0;
}

.DateRangePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff;
}

.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}

.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none;
}

.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.SingleDatePicker * {
  font-family: "Roboto",sans-serif;
}

.SingleDatePickerInput {
  width: 319px;
  max-width: 100%;
  height: 50px;
  border: 1px solid #a1a1a1;
  border-radius: 0;
}

.SingleDatePickerInput .DateInput {
  width: calc(100% - 45px);
}

.SingleDatePickerInput .DateInput_fang {
  display: none;
}

.SingleDatePickerInput input {
  font-size: 1rem;
  font-weight: 300;
  padding: 12px 15px;
  border: 0;
  outline: none;
  margin: 0;
}

.SingleDatePickerInput input[readonly] {
  cursor: default;
}

.DatePicker_container {
  display: inline-block;
  position: relative;
  line-height: normal;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.DatePicker_container--edit-mode .SingleDatePicker_picker {
  display: none;
}

.DatePicker_container--error .SingleDatePickerInput,
.DatePicker_container--error .DatePicker_trigger {
  border-color: #b91a0e !important;
}

.DatePicker_container--error .DatePicker_trigger:focus {
  outline: 1px solid #b91a0e !important;
}

.DatePicker_container *,
.DatePicker_container *:before,
.DatePicker_container *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.DatePicker_container+.sr-only {
  position: absolute;
  left: -99999px;
}

.DatePicker_trigger {
  top: 0px;
  right: 0;
  bottom: 0px;
  width: 50px;
  margin: 0;
  position: absolute;
  background-color: #fff;
  border: 1px solid #006ac3;
  cursor: pointer;
  z-index: 1;
}

.DatePicker_trigger img {
  width: 16px;
}

.DatePicker_trigger:focus {
  outline: 1px solid #006ac3;
}

.DatePicker_dummy-select {
  position: fixed;
  left: -99999px;
}

.SingleDatePicker {
  max-width: 100%;
}

.SingleDatePicker_picker {
  left: 0 !important;
  top: 50px !important;
  z-index: 999;
}

.DayPicker {
  border-radius: 0;
  width: auto !important;
}

.DayPicker_focusRegion:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 59px;
  bottom: 0;
  border: 1px #a1a1a1 solid;
  border-top: 0;
  pointer-events: none;
}

.DayPicker_transitionContainer {
  border-radius: 0;
}

.DayPicker_weekHeader {
  top: 90px;
}

.DayPicker_weekHeader_li {
  width: 39px !important;
}

.DayPicker_weekHeader * {
  font-size: .875rem;
}

.DayPicker>div>div {
  width: 319px !important;
  overflow: hidden;
}

.CalendarMonth_table {
  margin-top: 55px;
}

.CalendarMonth_caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #006ac3;
  border-radius: 0;
  margin: 0 -24px;
  padding: 20px 0;
}

.CalendarMonth_caption,
.CalendarMonth_caption strong,
.CalendarMonth_caption select {
  color: #fff;
}

.CalendarMonth_caption select {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  height: 1.188rem;
  font-size: 1rem;
  text-decoration: underline;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.CalendarMonth_caption select:last-child {
  margin-left: 10px;
}

.CalendarMonth_caption select:focus {
  outline-offset: 3px;
  outline-color: #fff;
}

.CalendarMonth_caption select::-ms-expand {
  display: none;
}

.CalendarMonth_caption select option {
  color: #333;
}

.CalendarDay {
  width: 39px !important;
  height: 38px !important;
  border: 0;
  border-radius: 50%;
  font-size: .875rem;
  font-weight: 500;
}

.CalendarDay:hover {
  border: 0;
}

.CalendarDay__selected,
.CalendarDay__selected:hover {
  background-color: #006ac3;
}

.CalendarDay:not(.CalendarDay__blocked_out_of_range):not(.CalendarDay__selected) {
  color: #006ac3;
}

.DayPickerKeyboardShortcuts_show {
  display: none;
}

.DayPickerNavigation_button {
  width: 20px;
  position: absolute;
  top: 20px;
}

.DayPickerNavigation_button img {
  width: 20px;
}

.DayPickerNavigation_button:first-child {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  left: 15px;
}

.DayPickerNavigation_button:last-child {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  right: 15px;
}

.DayPickerNavigation_button *:focus {
  outline-color: #fff;
}

.DayPicker_transitionContainer {
  -webkit-transition: 0s;
  transition: 0s;
}

.rbc-cta {
  color: #fff;
  background: #006ac3;
  font-size: 1rem;
  font-weight: 500;
  font-family: "Roboto", "Helvetica", sans-serif;
  letter-spacing: 0px;
  line-height: 1.5;
  border-radius: 0px;
  text-decoration: none;
  padding: 20px 32px;
  min-width: 168px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  border: 0;
  overflow: visible;
  -webkit-transition: background-color .15s cubic-bezier(0.7, 0, 0.3, 1),border .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: background-color .15s cubic-bezier(0.7, 0, 0.3, 1),border .15s cubic-bezier(0.7, 0, 0.3, 1);
}

.rbc-cta:after {
  content: "";
  position: absolute;
  display: block;
  top: -4px;
  left: -4px;
  height: calc(100% + 8px);
  width: calc(100% + 8px);
  border: 1px solid;
  border-radius: 0px;
  border-color: #006ac3;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
  -webkit-transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  .rbc-cta:after {
    -webkit-transition: none;
    transition: none;
  }
}

.rbc-cta:focus:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.rbc-cta:focus {
  outline: 1px solid rgba(0,0,0,0);
}

.rbc-cta:hover {
  background-color: #0051a5;
}

.rbc-cta:active {
  background-color: #003168;
}

.rbc-cta:disabled {
  background-color: #eaeaea;
  color: #919191;
  cursor: not-allowed;
}

.rbc-cta:disabled:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0px solid;
  border-radius: 0px;
}

.rbc-cta.rbc-cta--dark {
  background-color: #fedf01;
  color: #1f1f1f;
}

.rbc-cta.rbc-cta--dark:after {
  content: "";
  position: absolute;
  display: block;
  top: -4px;
  left: -4px;
  height: calc(100% + 8px);
  width: calc(100% + 8px);
  border: 1px solid;
  border-radius: 0px;
  border-color: #fff;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
  -webkit-transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  .rbc-cta.rbc-cta--dark:after {
    -webkit-transition: none;
    transition: none;
  }
}

.rbc-cta.rbc-cta--dark:focus:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.rbc-cta.rbc-cta--dark:focus {
  outline: 1px solid rgba(0,0,0,0);
}

.rbc-cta.rbc-cta--dark:hover {
  background-color: #ffba00;
}

.rbc-cta.rbc-cta--dark:active {
  background-color: #fbaa26;
}

.rbc-cta.rbc-cta--dark:disabled {
  background-color: #eaeaea;
  color: #919191;
}

@media (max-width: 575.98px) {
  .rbc-cta {
    width: 100%;
    min-width: 100%;
  }
}

.rbc-cta--small {
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "Roboto", "Helvetica", sans-serif;
  letter-spacing: 0px;
  line-height: 1.43;
  min-width: 120px;
  padding: 12px 20px;
  line-height: 1.72;
}

.rbc-cta--secondary {
  background-color: #fff;
  color: #006ac3;
  text-decoration: none;
}

.rbc-cta--secondary:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px solid;
  border-radius: 0px;
  border-color: #006ac3;
}

.rbc-cta--secondary:after {
  content: "";
  position: absolute;
  display: block;
  top: -4px;
  left: -4px;
  height: calc(100% + 8px);
  width: calc(100% + 8px);
  border: 1px solid;
  border-radius: 0px;
  border-color: #006ac3;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
  -webkit-transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  .rbc-cta--secondary:after {
    -webkit-transition: none;
    transition: none;
  }
}

.rbc-cta--secondary:focus:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.rbc-cta--secondary:focus {
  outline: 1px solid rgba(0,0,0,0);
}

.rbc-cta--secondary:hover {
  background-color: #fff;
  color: #0051a5;
}

.rbc-cta--secondary:active {
  background-color: #fff;
  color: #003168;
}

.rbc-cta--secondary:disabled {
  background-color: #eaeaea;
  color: #919191;
}

.rbc-cta--secondary:disabled:before {
  border: 0px solid;
  border-radius: 0px;
}

.rbc-cta--secondary.rbc-cta--dark {
  background-color: #006ac3;
  color: #fff;
}

.rbc-cta--secondary.rbc-cta--dark:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px solid;
  border-radius: 0px;
  border-color: #fff;
}

.rbc-cta--secondary.rbc-cta--dark:after {
  content: "";
  position: absolute;
  display: block;
  top: -4px;
  left: -4px;
  height: calc(100% + 8px);
  width: calc(100% + 8px);
  border: 1px solid;
  border-radius: 0px;
  border-color: #fff;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
  -webkit-transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  .rbc-cta--secondary.rbc-cta--dark:after {
    -webkit-transition: none;
    transition: none;
  }
}

.rbc-cta--secondary.rbc-cta--dark:focus:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.rbc-cta--secondary.rbc-cta--dark:focus {
  outline: 1px solid rgba(0,0,0,0);
}

.rbc-cta--secondary.rbc-cta--dark:hover {
  background-color: #0051a5;
}

.rbc-cta--secondary.rbc-cta--dark:active {
  background-color: #003168;
}

.rbc-cta--secondary.rbc-cta--dark:disabled {
  background-color: #eaeaea;
  color: #919191;
}

.rbc-cta--secondary.rbc-cta--dark:disabled:before {
  border: 0px solid;
  border-radius: 0px;
}

.rbc-cta--tertiary {
  color: #006ac3;
  padding: 0;
  margin: 0;
  background: rgba(0,0,0,0);
  min-width: 0;
  text-decoration: underline;
  overflow: visible;
}

.rbc-cta--tertiary:after {
  content: "";
  position: absolute;
  display: block;
  top: -4px;
  left: -4px;
  height: calc(100% + 8px);
  width: calc(100% + 8px);
  border: 1px solid;
  border-radius: 0px;
  border-color: #0051a5;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
  -webkit-transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  .rbc-cta--tertiary:after {
    -webkit-transition: none;
    transition: none;
  }
}

.rbc-cta--tertiary:focus:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.rbc-cta--tertiary:focus {
  outline: 1px solid rgba(0,0,0,0);
}

.rbc-cta--tertiary:hover {
  background: rgba(0,0,0,0);
  color: #0051a5;
  text-decoration: none;
}

.rbc-cta--tertiary:active {
  background: rgba(0,0,0,0);
  color: #003168;
}

.rbc-cta--tertiary.rbc-cta--small {
  min-width: 0;
}

.rbc-cta--tertiary.rbc-cta--dark {
  background: rgba(0,0,0,0);
  color: #fff;
}

.rbc-cta--tertiary.rbc-cta--dark:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0px solid;
  border-radius: 0px;
}

.rbc-cta--tertiary.rbc-cta--dark:after {
  content: "";
  position: absolute;
  display: block;
  top: -4px;
  left: -4px;
  height: calc(100% + 8px);
  width: calc(100% + 8px);
  border: 1px solid;
  border-radius: 0px;
  border-color: #fff;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
  -webkit-transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  .rbc-cta--tertiary.rbc-cta--dark:after {
    -webkit-transition: none;
    transition: none;
  }
}

.rbc-cta--tertiary.rbc-cta--dark:focus:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.rbc-cta--tertiary.rbc-cta--dark:focus {
  outline: 1px solid rgba(0,0,0,0);
}

.rbc-cta--tertiary.rbc-cta--dark:focus,
.rbc-cta--tertiary.rbc-cta--dark:active,
.rbc-cta--tertiary.rbc-cta--dark:hover {
  background: rgba(0,0,0,0);
}

.rbc-cta--tertiary.rbc-cta--dark:focus:before,
.rbc-cta--tertiary.rbc-cta--dark:active:before,
.rbc-cta--tertiary.rbc-cta--dark:hover:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0px solid;
  border-radius: 0px;
}

.rbc-cta--tertiary:disabled {
  color: #919191;
  background-color: rgba(0,0,0,0);
  opacity: .6;
}

.rbc-cta--tertiary:disabled:hover {
  text-decoration: underline;
}

.rbc-cta--tertiary:disabled::after {
  border: 0px solid;
  border-radius: 0px;
}

.rbc-cta--tertiary.rbc-cta--dark:disabled {
  color: #fff;
  background-color: rgba(0,0,0,0);
  opacity: .6;
}

@media (max-width: 575.98px) {
  .rbc-cta--tertiary {
    width: auto;
    min-width: 0;
  }
}

.rbc-cta--accent {
  color: #1f1f1f;
  background: #fedf01;
  text-decoration: none;
}

.rbc-cta--accent:after {
  content: "";
  position: absolute;
  display: block;
  top: -4px;
  left: -4px;
  height: calc(100% + 8px);
  width: calc(100% + 8px);
  border: 1px solid;
  border-radius: 0px;
  border-color: #1f1f1f;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
  -webkit-transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  .rbc-cta--accent:after {
    -webkit-transition: none;
    transition: none;
  }
}

.rbc-cta--accent:focus:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.rbc-cta--accent:focus {
  outline: 1px solid rgba(0,0,0,0);
}

.rbc-cta--accent:hover {
  background-color: #ffba00;
}

.rbc-cta--accent:active {
  background-color: #fbaa26;
}

.rbc-cta--accent:disabled {
  background-color: #eaeaea;
  color: #919191;
}

.rbc-cta--accent:disabled:before {
  border: 0px solid;
  border-radius: 0px;
}

.rbc-cta--accent.rbc-cta--dark {
  background-color: #fff;
  color: #006ac3;
}

.rbc-cta--accent.rbc-cta--dark:after {
  content: "";
  position: absolute;
  display: block;
  top: -4px;
  left: -4px;
  height: calc(100% + 8px);
  width: calc(100% + 8px);
  border: 1px solid;
  border-radius: 0px;
  border-color: #fff;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
  -webkit-transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  .rbc-cta--accent.rbc-cta--dark:after {
    -webkit-transition: none;
    transition: none;
  }
}

.rbc-cta--accent.rbc-cta--dark:focus:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.rbc-cta--accent.rbc-cta--dark:focus {
  outline: 1px solid rgba(0,0,0,0);
}

.rbc-cta--accent.rbc-cta--dark:hover,
.rbc-cta--accent.rbc-cta--dark:focus {
  background-color: #fff;
  color: #0051a5;
}

.rbc-cta--accent.rbc-cta--dark:active {
  background-color: #fff;
  color: #003168;
}

.rbc-cta--accent.rbc-cta--dark:disabled {
  background-color: #eaeaea;
  color: #919191;
}

.rbc-cta--accent.rbc-cta--dark:disabled:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0px solid;
  border-radius: 0px;
}

@media (max-width: 575.98px) {
  .rbc-cta--accent {
    width: 100%;
    min-width: 100%;
  }
}

.rbc-tooltip__wrapper {
  position: relative;
}

.rbc-tooltip__wrapper.rbc-tooltip--inline {
  display: inline-block;
  vertical-align: middle;
}

.rbc-tooltip__wrapper .label-container {
  color: #1f1f1f;
  font-size: 1rem;
  font-weight: 300;
  font-family: "Roboto", "Helvetica", sans-serif;
  letter-spacing: 0px;
  line-height: 1.5;
  margin-right: 8px;
  margin-left: 8px;
}

.rbc-tooltip__wrapper .label-container>strong {
  font-weight: 400;
}

.rbc-tooltip__wrapper .label-container>a {
  text-decoration: underline;
}

.rbc-tooltip__wrapper .label-container>* {
  vertical-align: middle;
}

.rbc-tooltip__wrapper:not(.rbc-tooltip--inline) .label-container {
  height: 1.5em;
}

.rbc-tooltip__wrapper .tooltip-button-container {
  position: relative;
}

.rbc-tooltip__wrapper:not(.rbc-tooltip--inline) .tooltip-button-container {
  display: inline-block;
  vertical-align: middle;
}

.rbc-tooltip__wrapper .tooltip-button-container .tooltip-button {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0px solid;
  outline: none;
  background-color: rgba(0,0,0,0);
  position: absolute;
  cursor: pointer;
  padding: 0px;
  position: relative;
  overflow: visible;
  display: block;
  border-radius: 50%;
}

.rbc-tooltip__wrapper .tooltip-button-container .tooltip-button:hover .tooltip-open__icon,
.rbc-tooltip__wrapper .tooltip-button-container .tooltip-button:focus .tooltip-open__icon,
.rbc-tooltip__wrapper .tooltip-button-container .tooltip-button:active .tooltip-open__icon {
  display: none;
}

.rbc-tooltip__wrapper .tooltip-button-container .tooltip-button:hover .tooltip-open__icon.hover,
.rbc-tooltip__wrapper .tooltip-button-container .tooltip-button:focus .tooltip-open__icon.hover,
.rbc-tooltip__wrapper .tooltip-button-container .tooltip-button:active .tooltip-open__icon.hover {
  display: block;
  position: relative;
}

.rbc-tooltip__wrapper .tooltip-button-container .tooltip-button .rbc-icon.tooltip-open__icon.md.small {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}

.rbc-tooltip__wrapper .tooltip-button-container .tooltip-button .tooltip-open__icon {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #006ac3;
  pointer-events: none;
}

.rbc-tooltip__wrapper .tooltip-button-container .tooltip-button .tooltip-open__icon.hover {
  display: none;
}

.rbc-tooltip__wrapper .tooltip-button-container .tooltip-button:after {
  content: "";
  position: absolute;
  display: block;
  top: -4px;
  left: -4px;
  height: calc(100% + 8px);
  width: calc(100% + 8px);
  border: 1px solid;
  border-radius: 0px;
  border-color: #006ac3;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
  -webkit-transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  .rbc-tooltip__wrapper .tooltip-button-container .tooltip-button:after {
    -webkit-transition: none;
    transition: none;
  }
}

.rbc-tooltip__wrapper .tooltip-button-container .tooltip-button:focus:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.rbc-tooltip__wrapper .tooltip-button-container .tooltip-button:focus {
  outline: 1px solid rgba(0,0,0,0);
}

.rbc-tooltip__container {
  visibility: hidden;
  z-index: 9998;
  position: absolute;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid;
  border-radius: 0px;
  border-color: #6f6f6f;
  height: auto;
  width: 464px;
  left: -210.5px;
  bottom: 40px;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.2);
          box-shadow: 0px 4px 10px 0px rgba(0,0,0,.2);
  cursor: auto;
  white-space: normal;
}

.rbc-tooltip__container[placement="bottom right"] {
  left: -16px;
  top: 41px;
  bottom: auto;
}

@media (max-width: 575.98px) {
  .rbc-tooltip__container[placement="bottom right"] {
    min-width: 240px;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: 80vh;
    bottom: 40px;
    top: auto;
    position: absolute;
  }

  .rbc-tooltip__container[placement="bottom right"][small=true] {
    min-width: 240px;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: 80vh;
    bottom: 32px;
    top: auto;
  }
}

.rbc-tooltip__container[placement=bottom] {
  left: -210.5px;
  top: 41px;
  bottom: auto;
}

@media (max-width: 575.98px) {
  .rbc-tooltip__container[placement=bottom] {
    min-width: 240px;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: 80vh;
    bottom: 40px;
    top: auto;
    position: absolute;
  }

  .rbc-tooltip__container[placement=bottom][small=true] {
    min-width: 240px;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: 80vh;
    bottom: 32px;
    top: auto;
  }
}

.rbc-tooltip__container[placement="bottom left"] {
  position: absolute;
  display: inline-block;
  left: auto;
  right: -45px;
  top: 41px;
  bottom: auto;
}

@media (max-width: 575.98px) {
  .rbc-tooltip__container[placement="bottom left"] {
    min-width: 240px;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: 80vh;
    bottom: 40px;
    top: auto;
    position: absolute;
  }

  .rbc-tooltip__container[placement="bottom left"][small=true] {
    min-width: 240px;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: 80vh;
    bottom: 32px;
    top: auto;
  }
}

.rbc-tooltip__container[placement="top left"] {
  left: auto;
  right: -45px;
  top: auto;
  bottom: 40px;
}

@media (max-width: 575.98px) {
  .rbc-tooltip__container[placement="top left"] {
    min-width: 240px;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: 80vh;
    bottom: 40px;
    top: auto;
    position: absolute;
  }

  .rbc-tooltip__container[placement="top left"][small=true] {
    min-width: 240px;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: 80vh;
    bottom: 32px;
    top: auto;
  }
}

.rbc-tooltip__container[placement="top right"] {
  left: -16px;
  bottom: 40px;
}

@media (max-width: 575.98px) {
  .rbc-tooltip__container[placement="top right"] {
    min-width: 240px;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: 80vh;
    bottom: 40px;
    top: auto;
    position: absolute;
  }

  .rbc-tooltip__container[placement="top right"][small=true] {
    min-width: 240px;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: 80vh;
    bottom: 32px;
    top: auto;
  }
}

.rbc-tooltip__container[small=true] {
  bottom: 32px;
}

.rbc-tooltip__container[placement=bottom][small=true],
.rbc-tooltip__container[placement="bottom left"][small=true],
.rbc-tooltip__container[placement="bottom right"][small=true] {
  top: 33px;
  bottom: auto;
}

@media (max-width: 575.98px) {
  .rbc-tooltip__container[placement=bottom][small=true],
  .rbc-tooltip__container[placement="bottom left"][small=true],
  .rbc-tooltip__container[placement="bottom right"][small=true] {
    min-width: 240px;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: 80vh;
    bottom: 40px;
    top: auto;
    position: absolute;
  }

  .rbc-tooltip__container[placement=bottom][small=true][small=true],
  .rbc-tooltip__container[placement="bottom left"][small=true][small=true],
  .rbc-tooltip__container[placement="bottom right"][small=true][small=true] {
    min-width: 240px;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: 80vh;
    bottom: 32px;
    top: auto;
  }
}

.rbc-tooltip__container .tooltip-close-button {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0px solid;
  outline: none;
  background-color: rgba(0,0,0,0);
  position: absolute;
  cursor: pointer;
  padding: 0px;
  width: 48px;
  height: 48px;
  top: 0;
  right: 0;
}

.rbc-tooltip__container .tooltip-close-button:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  height: calc(100% + 0px);
  width: calc(100% + 0px);
  border: 2px solid;
  border-radius: 0px;
  border-color: #006ac3;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
  -webkit-transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity .15s cubic-bezier(0.7, 0, 0.3, 1),transform .15s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform .15s cubic-bezier(0.7, 0, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  .rbc-tooltip__container .tooltip-close-button:after {
    -webkit-transition: none;
    transition: none;
  }
}

.rbc-tooltip__container .tooltip-close-button:focus:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.rbc-tooltip__container .tooltip-close-button:focus {
  outline: 1px solid rgba(0,0,0,0);
}

@media (max-width: 767.98px) {
  .rbc-tooltip__container .tooltip-close-button {
    position: absolute;
  }
}

.rbc-tooltip__container .tooltip-close-button>.rbc-icon {
  color: #006ac3;
}

@media (max-width: 575.98px) {
  .rbc-tooltip__container {
    min-width: 240px;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: 80vh;
    bottom: 40px;
    top: auto;
    position: absolute;
  }

  .rbc-tooltip__container[small=true] {
    min-width: 240px;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: 80vh;
    bottom: 32px;
    top: auto;
  }
}

.tooltip-button-container .arrow {
  border: 1px solid;
  border-color: #6f6f6f;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.2);
          box-shadow: 0px 4px 10px 0px rgba(0,0,0,.2);
  border-width: 0 1px 1px 0;
  width: 16px;
  height: 16px;
  top: -24px;
  left: 4px;
  position: absolute;
  display: block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 99999;
}

.tooltip-button-container .arrow::after {
  background-color: #fff;
  width: 32px;
  height: 16px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: -6px;
  left: -15px;
  content: "";
  display: block;
  position: absolute;
}

.tooltip-button-container .arrow[small=true] {
  left: 8px;
}

.tooltip-button-container .arrow[placement="bottom left"],
.tooltip-button-container .arrow[placement=bottom],
.tooltip-button-container .arrow[placement="bottom right"] {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  bottom: auto;
  top: 33px;
}

.tooltip-button-container .arrow[placement="bottom left"][small=true],
.tooltip-button-container .arrow[placement=bottom][small=true],
.tooltip-button-container .arrow[placement="bottom right"][small=true] {
  top: 25px;
}

@media (max-width: 575.98px) {
  .tooltip-button-container .arrow[placement="bottom left"],
  .tooltip-button-container .arrow[placement=bottom],
  .tooltip-button-container .arrow[placement="bottom right"] {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: -24px;
    right: auto;
    bottom: auto;
  }

  .tooltip-button-container .arrow[placement="bottom left"][small=true],
  .tooltip-button-container .arrow[placement=bottom][small=true],
  .tooltip-button-container .arrow[placement="bottom right"][small=true] {
    top: -24px;
  }
}

.rbc-tooltip__container .rbc-tooltip-content-container {
  padding: 32px;
  padding-right: 48px;
  background-color: #fff;
  border-radius: 0px;
}

.rbc-tooltip__container .rbc-tooltip-content-container .rbc-tooltip-content {
  text-align: left;
}

.rbc-tooltip__container .rbc-tooltip-content-container .rbc-tooltip-content body,
.rbc-tooltip__container .rbc-tooltip-content-container .rbc-tooltip-content p {
  font-size: 0.875rem;
  font-weight: 400;
  font-family: "Roboto", "Helvetica", sans-serif;
  letter-spacing: 0px;
  line-height: 1.43;
  margin-bottom: 0px;
  margin-bottom: 0px;
}

.rbc-tooltip__container .rbc-tooltip-content-container .rbc-tooltip-content h4 {
  font-size: 1.125rem;
  font-weight: 400;
  font-family: "Roboto", "Helvetica", sans-serif;
  letter-spacing: 0px;
  line-height: 1.56;
  color: #1f1f1f;
  margin-bottom: 24px;
  margin-top: 8px;
}

.rbc-tooltip__container .rbc-tooltip-content-container .rbc-tooltip-content p+p {
  margin-top: 16px;
}

@media (max-width: 767.98px) {
  .rbc-tooltip__container .rbc-tooltip-content-container {
    padding: 24px;
    padding-right: 48px;
  }
}

@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
    .tooltip-button-container .arrow[placement="bottom left"],
    .tooltip-button-container .arrow[placement=bottom],
    .tooltip-button-container .arrow[placement="bottom right"] {
      top: 31px;
    }

    .tooltip-button-container .arrow[placement="bottom left"][small=true],
    .tooltip-button-container .arrow[placement=bottom][small=true],
    .tooltip-button-container .arrow[placement="bottom right"][small=true] {
      top: 23px;
    }

    .tooltip-button-container .arrow[placement="top left"],
    .tooltip-button-container .arrow[placement=top],
    .tooltip-button-container .arrow[placement="top right"] {
      top: -22px;
    }
}
}

.rbc-sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.bg-white {
  background: #fafafa;
}

.bg-gloss-white {
  background: #fff;
}

.bg-yellow {
  background: #fede01;
}

.bg-dashboard {
  background: #f3f7f8;
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.container,
.referral-banner--container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container:before,
.referral-banner--container:before,
.container:after,
.referral-banner--container:after {
  content: " ";
  display: table;
}

.container:after,
.referral-banner--container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container,
  .referral-banner--container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container,
  .referral-banner--container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container,
  .referral-banner--container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid:before,
.container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row,
.portfolio-recommedation-container .header-box {
  margin-left: -15px;
  margin-right: -15px;
}

.row:before,
.portfolio-recommedation-container .header-box:before,
.row:after,
.portfolio-recommedation-container .header-box:after {
  content: " ";
  display: table;
}

.row:after,
.portfolio-recommedation-container .header-box:after {
  clear: both;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.part3_1,
.step-indicator-mobile .step-indicator-mobile--back,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.part3_2,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1,
.col-xs-2,
.part3_1,
.step-indicator-mobile .step-indicator-mobile--back,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.part3_2,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2,
.part3_1,
.step-indicator-mobile .step-indicator-mobile--back {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10,
.part3_2 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.3333333333%;
  }

  .col-sm-2 {
    width: 16.6666666667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.3333333333%;
  }

  .col-sm-5 {
    width: 41.6666666667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.3333333333%;
  }

  .col-sm-8 {
    width: 66.6666666667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.3333333333%;
  }

  .col-sm-11 {
    width: 91.6666666667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.3333333333%;
  }

  .col-sm-pull-2 {
    right: 16.6666666667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.3333333333%;
  }

  .col-sm-pull-5 {
    right: 41.6666666667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.3333333333%;
  }

  .col-sm-pull-8 {
    right: 66.6666666667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.3333333333%;
  }

  .col-sm-pull-11 {
    right: 91.6666666667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.3333333333%;
  }

  .col-sm-push-2 {
    left: 16.6666666667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.3333333333%;
  }

  .col-sm-push-5 {
    left: 41.6666666667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.3333333333%;
  }

  .col-sm-push-8 {
    left: 66.6666666667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.3333333333%;
  }

  .col-sm-push-11 {
    left: 91.6666666667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.3333333333%;
  }

  .col-md-2 {
    width: 16.6666666667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.3333333333%;
  }

  .col-md-5 {
    width: 41.6666666667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.3333333333%;
  }

  .col-md-8 {
    width: 66.6666666667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.3333333333%;
  }

  .col-md-11 {
    width: 91.6666666667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.3333333333%;
  }

  .col-md-pull-2 {
    right: 16.6666666667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.3333333333%;
  }

  .col-md-pull-5 {
    right: 41.6666666667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.3333333333%;
  }

  .col-md-pull-8 {
    right: 66.6666666667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.3333333333%;
  }

  .col-md-pull-11 {
    right: 91.6666666667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.3333333333%;
  }

  .col-md-push-2 {
    left: 16.6666666667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.3333333333%;
  }

  .col-md-push-5 {
    left: 41.6666666667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.3333333333%;
  }

  .col-md-push-8 {
    left: 66.6666666667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.3333333333%;
  }

  .col-md-push-11 {
    left: 91.6666666667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.3333333333%;
  }

  .col-lg-2 {
    width: 16.6666666667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.3333333333%;
  }

  .col-lg-5 {
    width: 41.6666666667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.3333333333%;
  }

  .col-lg-8 {
    width: 66.6666666667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.3333333333%;
  }

  .col-lg-11 {
    width: 91.6666666667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.3333333333%;
  }

  .col-lg-pull-2 {
    right: 16.6666666667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.3333333333%;
  }

  .col-lg-pull-5 {
    right: 41.6666666667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.3333333333%;
  }

  .col-lg-pull-8 {
    right: 66.6666666667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.3333333333%;
  }

  .col-lg-pull-11 {
    right: 91.6666666667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.3333333333%;
  }

  .col-lg-push-2 {
    left: 16.6666666667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.3333333333%;
  }

  .col-lg-push-5 {
    left: 41.6666666667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.3333333333%;
  }

  .col-lg-push-8 {
    left: 66.6666666667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.3333333333%;
  }

  .col-lg-push-11 {
    left: 91.6666666667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

table {
  background-color: rgba(0,0,0,0);
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table>thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table>caption+thead>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>th,
.table>thead:first-child>tr:first-child>td {
  border-top: 0;
}

.table>tbody+tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed>thead>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>tfoot>tr>td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>tfoot>tr>td {
  border: 1px solid #ddd;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
  border-bottom-width: 2px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover>tbody>tr:hover {
  background-color: #f5f5f5;
}

table col[class*=col-] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*=col-],
table th[class*=col-] {
  position: static;
  float: none;
  display: table-cell;
}

.table>thead>tr>td.active,
.table>thead>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th {
  background-color: #f5f5f5;
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
  background-color: #e8e8e8;
}

.table>thead>tr>td.success,
.table>thead>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th {
  background-color: #dff0d8;
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
  background-color: #d0e9c6;
}

.table>thead>tr>td.info,
.table>thead>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th {
  background-color: #d9edf7;
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
  background-color: #c4e3f3;
}

.table>thead>tr>td.warning,
.table>thead>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th {
  background-color: #fcf8e3;
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
  background-color: #faf2cc;
}

.table>thead>tr>td.danger,
.table>thead>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th {
  background-color: #f2dede;
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
  background-color: #ebcccc;
}

.table-responsive {
  overflow-x: auto;
  min-height: .01%;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }

  .table-responsive>.table {
    margin-bottom: 0;
  }

  .table-responsive>.table>thead>tr>th,
  .table-responsive>.table>thead>tr>td,
  .table-responsive>.table>tbody>tr>th,
  .table-responsive>.table>tbody>tr>td,
  .table-responsive>.table>tfoot>tr>th,
  .table-responsive>.table>tfoot>tr>td {
    white-space: nowrap;
  }

  .table-responsive>.table-bordered {
    border: 0;
  }

  .table-responsive>.table-bordered>thead>tr>th:first-child,
  .table-responsive>.table-bordered>thead>tr>td:first-child,
  .table-responsive>.table-bordered>tbody>tr>th:first-child,
  .table-responsive>.table-bordered>tbody>tr>td:first-child,
  .table-responsive>.table-bordered>tfoot>tr>th:first-child,
  .table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
  }

  .table-responsive>.table-bordered>thead>tr>th:last-child,
  .table-responsive>.table-bordered>thead>tr>td:last-child,
  .table-responsive>.table-bordered>tbody>tr>th:last-child,
  .table-responsive>.table-bordered>tbody>tr>td:last-child,
  .table-responsive>.table-bordered>tfoot>tr>th:last-child,
  .table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
  }

  .table-responsive>.table-bordered>tbody>tr:last-child>th,
  .table-responsive>.table-bordered>tbody>tr:last-child>td,
  .table-responsive>.table-bordered>tfoot>tr:last-child>th,
  .table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0;
  }
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type=search] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #6f6f6f;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #6f6f6f;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

.form-control::-ms-expand {
  border: 0;
  background-color: rgba(0,0,0,0);
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type=search] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
  input[type=time].form-control,
  input[type=datetime-local].form-control,
  input[type=month].form-control {
    line-height: 34px;
  }

  input[type=date].input-sm,
  .input-group-sm input[type=date],
  input[type=time].input-sm,
  .input-group-sm input[type=time],
  input[type=datetime-local].input-sm,
  .input-group-sm input[type=datetime-local],
  input[type=month].input-sm,
  .input-group-sm input[type=month] {
    line-height: 30px;
  }

  input[type=date].input-lg,
  .input-group-lg input[type=date],
  input[type=time].input-lg,
  .input-group-lg input[type=time],
  input[type=datetime-local].input-lg,
  .input-group-lg input[type=datetime-local],
  input[type=month].input-lg,
  .input-group-lg input[type=month] {
    line-height: 46px;
  }
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}

.radio+.radio,
.checkbox+.checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type=radio][disabled],
input[type=radio].disabled,
fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label~.form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only~.form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-static {
    display: inline-block;
  }

  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }

  .form-inline .input-group>.form-control {
    width: 100%;
  }

  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }

  .form-inline .radio input[type=radio],
  .form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

@-ms-viewport {
  width: device-width;
}

.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px)and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px)and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px)and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px)and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px)and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

.input,
.input-group {
  border: none;
  padding: 0;
  margin: 0 0 30px;
  position: relative;
}

.input-group .input {
  margin-bottom: 12px;
}

.input-group .input.radio:not(.radio-inline) {
  margin-bottom: 16px;
}

.input-group--radio-range {
  font-size: 0;
}

.input-group--radio-with-details div.radio label {
  font-weight: 400;
}

.input-group--radio-with-details div.row,
.input-group--radio-with-details .portfolio-recommedation-container div.header-box,
.portfolio-recommedation-container .input-group--radio-with-details div.header-box {
  padding-left: 50px;
  margin-bottom: 38px;
}

.input-group--radio-with-details div.row p.p1,
.input-group--radio-with-details .portfolio-recommedation-container div.header-box p.p1,
.portfolio-recommedation-container .input-group--radio-with-details div.header-box p.p1,
.input-group--radio-with-details div.row p.p3,
.input-group--radio-with-details div.row p.select-dropdown__single-value,
.input-group--radio-with-details .portfolio-recommedation-container div.header-box p.p3,
.input-group--radio-with-details .portfolio-recommedation-container div.header-box p.select-dropdown__single-value,
.portfolio-recommedation-container .input-group--radio-with-details div.header-box p.p3,
.portfolio-recommedation-container .input-group--radio-with-details div.header-box p.select-dropdown__single-value {
  margin-top: calc(1em - 7px);
  margin-bottom: calc(1em - 12px);
}

.input input[type=text],
.input input[type=password],
.input input[type=tel],
.input input[type=email],
.input input[type=number],
.input textarea,
.input select {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  width: 100%;
  color: #444;
  -webkit-appearance: none;
  border-radius: 0;
}

.input input[type=text]::-webkit-input-placeholder,
.input input[type=password]::-webkit-input-placeholder,
.input input[type=tel]::-webkit-input-placeholder,
.input input[type=email]::-webkit-input-placeholder,
.input input[type=number]::-webkit-input-placeholder,
.input textarea::-webkit-input-placeholder,
.input select::-webkit-input-placeholder {
  color: #ccc;
}

.input input[type=text]:-ms-input-placeholder,
.input input[type=password]:-ms-input-placeholder,
.input input[type=tel]:-ms-input-placeholder,
.input input[type=email]:-ms-input-placeholder,
.input input[type=number]:-ms-input-placeholder,
.input textarea:-ms-input-placeholder,
.input select:-ms-input-placeholder {
  color: #ccc;
}

.input input[type=text]::-ms-input-placeholder,
.input input[type=password]::-ms-input-placeholder,
.input input[type=tel]::-ms-input-placeholder,
.input input[type=email]::-ms-input-placeholder,
.input input[type=number]::-ms-input-placeholder,
.input textarea::-ms-input-placeholder,
.input select::-ms-input-placeholder {
  color: #ccc;
}

.input input[type=text]::placeholder,
.input input[type=password]::placeholder,
.input input[type=tel]::placeholder,
.input input[type=email]::placeholder,
.input input[type=number]::placeholder,
.input textarea::placeholder,
.input select::placeholder {
  color: #ccc;
}

.input input[type=text]:-ms-input-placeholder,
.input input[type=password]:-ms-input-placeholder,
.input input[type=tel]:-ms-input-placeholder,
.input input[type=email]:-ms-input-placeholder,
.input input[type=number]:-ms-input-placeholder,
.input textarea:-ms-input-placeholder,
.input select:-ms-input-placeholder {
  color: #ccc !important;
}

.input input[type=text]::-ms-input-placeholder,
.input input[type=password]::-ms-input-placeholder,
.input input[type=tel]::-ms-input-placeholder,
.input input[type=email]::-ms-input-placeholder,
.input input[type=number]::-ms-input-placeholder,
.input textarea::-ms-input-placeholder,
.input select::-ms-input-placeholder {
  color: #ccc;
}

.input input[type=number]::-webkit-outer-spin-button,
.input input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input input[type=number] {
  -moz-appearance: textfield;
}

._has-error select,
._has-error input {
  padding: 11px 14px;
  border: 2px solid #b91a0e;
}

.input--dynamic input[type=text],
.input--dynamic input[type=password],
.input--dynamic input[type=tel],
.input--dynamic input[type=email],
.input--dynamic input[type=number] {
  line-height: 1.5;
  padding: 12px 15px;
  border: 1px solid #a1a1a1;
}

.input--dynamic input[type=text]:focus,
.input--dynamic input[type=password]:focus,
.input--dynamic input[type=tel]:focus,
.input--dynamic input[type=email]:focus,
.input--dynamic input[type=number]:focus {
  padding: 11px 14px;
  border: 2px solid #006ac3;
}

.form--inverse .input--dynamic input[type=text]:focus,
.form--inverse .input--dynamic input[type=password]:focus,
.form--inverse .input--dynamic input[type=tel]:focus,
.form--inverse .input--dynamic input[type=email]:focus,
.form--inverse .input--dynamic input[type=number]:focus {
  padding: 11px 14px;
  border: 2px solid #fedf01;
}

._has-error input[type=text],
._has-error input[type=password],
._has-error input[type=tel],
._has-error input[type=email],
._has-error input[type=number] {
  padding: 12px 15px;
  border: 1px solid #b91a0e;
}

.input--select select {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: rgba(0,0,0,0);
  z-index: 99;
  position: relative;
  padding: 12px 15px;
  border: 1px solid #a1a1a1;
}

.input--select select:focus {
  padding: 11px 14px;
  border: 2px solid #006ac3;
  outline: none;
}

.form--inverse .input--select select {
  color: #fff;
}

.form--inverse .input--select select:focus {
  padding: 11px 14px;
  border: 2px solid #fedf01;
}

._has-error select {
  padding: 12px 15px;
  border: 1px solid #b91a0e;
}

.input__select-container {
  position: relative;
}

.input__select-container select,
.input__select-container select:focus {
  padding-right: 42px;
}

.input__select-container select::-ms-expand {
  display: none;
}

.input__select-container:after {
  content: "";
  background: url(/AccountOpen/assets/select_arrow_blue.svg) no-repeat center;
  display: block;
  width: 14px;
  height: 100%;
  position: absolute;
  right: 15px;
  top: 0;
  pointer-events: none;
}

._has-hidden-labels .input__select-container:after {
  bottom: 0;
  top: auto;
}

.form--inverse .input__select-container:after {
  background-image: url(/AccountOpen/assets/select_arrow_white.svg);
}

@media (max-width: 575px) {
  .input__select-container {
    margin-bottom: 10px;
  }
}

.input--textarea textarea {
  resize: none;
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #a1a1a1;
}

.input--textarea textarea:focus {
  padding: 11px 14px;
  border: 2px solid #006ac3;
}

.form--inverse .input--textarea textarea:focus {
  padding: 11px 14px;
  border: 2px solid #fedf01;
}

._has-error textarea {
  padding: 12px 15px;
  border: 1px solid #b91a0e;
}

.input-group--checkbox {
  margin-bottom: 15px;
}

.checkbox {
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .checkbox--inline {
    display: inline-block;
  }

  .checkbox--inline+.checkbox--inline {
    margin-left: 4%;
  }
}

.checkbox input[type=checkbox] {
  opacity: 0;
  width: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0;
  position: absolute;
}

.checkbox input[type=checkbox]+label {
  position: relative;
  display: inline-block;
  padding-top: calc((30px - 1.5em)/2);
  padding-bottom: calc((30px - 1.5em)/2);
  padding-left: 50px;
}

.checkbox input[type=checkbox]+label .checkbox__check {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #a1a1a1;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  padding: 4px;
  fill: rgba(0,0,0,0);
}

.checkbox input[type=checkbox]:checked~label .checkbox__check {
  fill: #006ac3;
}

@media screen and (-ms-high-contrast: active) {
  .checkbox input[type=checkbox]:checked~label .checkbox__check {
    fill: ButtonText;
  }
}

.checkbox input[type=checkbox]:focus~label .checkbox__check {
  padding: 11px 14px;
  border: 2px solid #006ac3;
  padding: 3px;
}

.checkbox input[type=checkbox][disabled]~label .checkbox__check {
  background-color: #ddd;
}

.checkbox input[type=checkbox][disabled]:checked~label .checkbox__check {
  fill: #888;
}

.input-group--radio {
  margin-bottom: 15px;
}

.radio {
  margin: 2px 0 15px;
}

@media (min-width: 768px) {
  .radio--inline {
    display: inline-block;
    margin-bottom: 2px;
  }

  .radio--inline+.radio--inline {
    margin-left: 4%;
  }
}

.radio input[type=radio] {
  opacity: 0;
  width: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0;
  position: absolute;
}

.radio input[type=radio]+label {
  position: relative;
  display: inline-block;
  padding-top: calc((30px - 1.5em)/2);
  padding-bottom: calc((30px - 1.5em)/2);
  padding-left: 50px;
}

.radio input[type=radio]+label:before {
  content: "";
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border: 1px solid #a1a1a1;
  display: inline-block;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.radio input[type=radio]:checked+label:before {
  background: radial-gradient(#006ac3 25%, #ffffff 30%);
}

@media screen and (-ms-high-contrast: active) {
  .radio input[type=radio]:checked+label:before {
    background: radial-gradient(ButtonText 25%, ButtonFace 30%);
  }
}

.radio-checked-disabled input[type=radio]:checked+label:before {
  background: radial-gradient(#b3b3b3 25%, #EAEAEA 30%);
}

.radio input[type=radio]:focus~label:before {
  padding: 11px 14px;
  border: 2px solid #006ac3;
}

.form--inverse .radio input[type=radio]:focus~label:before {
  padding: 11px 14px;
  border: 2px solid #fedf01;
}

@media (min-width: 768px) {
  .radio--range {
    margin-top: 8px;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    position: relative;
  }

  .radio--range input[type=radio]+label {
    display: block;
    padding-top: 34px;
    padding-left: 0;
  }

  .radio--range input[type=radio]+label:before {
    display: block;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .radio--range input[type=radio]+label:after {
    left: 50%;
    top: -4px;
    -webkit-transform: translateX(-50%) scale(0.8);
            transform: translateX(-50%) scale(0.8);
  }

  .radio--range-5 {
    width: 20%;
  }

  .radio--range-4 {
    width: 25%;
  }

  .radio--range-3 {
    width: 33.3%;
  }
}

.label,
.funding-transfer-account .section__title,
.funding-transfer-account .asset__title,
.funding-transfer-account .cash-balance__title,
.funding-transfer-account .transfer-account__instruction--title,
.appointment__label--display,
.legend {
  font-family: "Roboto",sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: #252525;
}

.form--inverse .label,
.form--inverse .funding-transfer-account .section__title,
.form--inverse .funding-transfer-account .asset__title,
.form--inverse .funding-transfer-account .cash-balance__title,
.funding-transfer-account .form--inverse .section__title,
.funding-transfer-account .form--inverse .asset__title,
.funding-transfer-account .form--inverse .cash-balance__title,
.form--inverse .funding-transfer-account .transfer-account__instruction--title,
.funding-transfer-account .form--inverse .transfer-account__instruction--title,
.form--inverse .appointment__label--display,
.form--inverse .legend {
  color: #fff;
}

.label,
.funding-transfer-account .section__title,
.funding-transfer-account .asset__title,
.funding-transfer-account .cash-balance__title,
.funding-transfer-account .transfer-account__instruction--title,
.appointment__label--display {
  display: inline-block;
}

.legend {
  margin-bottom: 8px;
}

.input-group--panel .legend,
.input--slider .legend,
.input-group--radio .legend,
.input-group--checkbox .legend {
  margin-bottom: 15px;
}

.input__label-container {
  position: relative;
  margin-bottom: 8px;
}

.input--label-hidden .input__label-container,
.input-group--label-hidden .input__label-container {
  margin-bottom: 0;
}

.input__label-container .label,
.input__label-container .funding-transfer-account .section__title,
.input__label-container .funding-transfer-account .asset__title,
.input__label-container .funding-transfer-account .cash-balance__title,
.funding-transfer-account .input__label-container .section__title,
.funding-transfer-account .input__label-container .asset__title,
.funding-transfer-account .input__label-container .cash-balance__title,
.input__label-container .funding-transfer-account .transfer-account__instruction--title,
.funding-transfer-account .input__label-container .transfer-account__instruction--title,
.input__label-container .appointment__label--display,
.input__label-container .info-box {
  display: inline;
}

.input-group--radio-with-info .info-box {
  display: inline-block;
}

.input-group--radio-with-info-icon .info-box {
  margin-left: .5em;
}

.label+.info-box,
.funding-transfer-account .section__title+.info-box,
.funding-transfer-account .asset__title+.info-box,
.funding-transfer-account .cash-balance__title+.info-box,
.funding-transfer-account .transfer-account__instruction--title+.info-box,
.appointment__label--display+.info-box,
.legend+.info-box {
  margin-left: .5em;
}

.radio .label,
.radio .funding-transfer-account .section__title,
.radio .funding-transfer-account .asset__title,
.radio .funding-transfer-account .cash-balance__title,
.funding-transfer-account .radio .section__title,
.funding-transfer-account .radio .asset__title,
.funding-transfer-account .radio .cash-balance__title,
.radio .funding-transfer-account .transfer-account__instruction--title,
.funding-transfer-account .radio .transfer-account__instruction--title,
.radio .appointment__label--display,
.checkbox .label,
.checkbox .funding-transfer-account .section__title,
.checkbox .funding-transfer-account .asset__title,
.checkbox .funding-transfer-account .cash-balance__title,
.funding-transfer-account .checkbox .section__title,
.funding-transfer-account .checkbox .asset__title,
.funding-transfer-account .checkbox .cash-balance__title,
.checkbox .funding-transfer-account .transfer-account__instruction--title,
.funding-transfer-account .checkbox .transfer-account__instruction--title,
.checkbox .appointment__label--display {
  font-size: 1rem;
  font-weight: 300;
}

.form--inverse .radio .label,
.form--inverse .radio .funding-transfer-account .section__title,
.form--inverse .radio .funding-transfer-account .asset__title,
.form--inverse .radio .funding-transfer-account .cash-balance__title,
.funding-transfer-account .form--inverse .radio .section__title,
.funding-transfer-account .form--inverse .radio .asset__title,
.funding-transfer-account .form--inverse .radio .cash-balance__title,
.form--inverse .radio .funding-transfer-account .transfer-account__instruction--title,
.funding-transfer-account .form--inverse .radio .transfer-account__instruction--title,
.form--inverse .radio .appointment__label--display,
.form--inverse .checkbox .label,
.form--inverse .checkbox .funding-transfer-account .section__title,
.form--inverse .checkbox .funding-transfer-account .asset__title,
.form--inverse .checkbox .funding-transfer-account .cash-balance__title,
.funding-transfer-account .form--inverse .checkbox .section__title,
.funding-transfer-account .form--inverse .checkbox .asset__title,
.funding-transfer-account .form--inverse .checkbox .cash-balance__title,
.form--inverse .checkbox .funding-transfer-account .transfer-account__instruction--title,
.funding-transfer-account .form--inverse .checkbox .transfer-account__instruction--title,
.form--inverse .checkbox .appointment__label--display {
  color: #fff;
}

.radio-inline {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
  margin-left: 24px;
}

.label .formatting,
.funding-transfer-account .section__title .formatting,
.funding-transfer-account .asset__title .formatting,
.funding-transfer-account .cash-balance__title .formatting,
.funding-transfer-account .transfer-account__instruction--title .formatting,
.appointment__label--display .formatting,
.label--hidden {
  position: absolute;
  left: -99999px;
}

.label--optional:after {
  content: "(optional)";
  font-size: 12px;
  margin-left: 8px;
}

.label--noborder {
  border-bottom: 0;
}

.input__meta,
.legal__meta {
  margin: 8px 0 0;
  font-size: 14px;
}

.input__meta .label,
.input__meta .funding-transfer-account .section__title,
.input__meta .funding-transfer-account .asset__title,
.input__meta .funding-transfer-account .cash-balance__title,
.funding-transfer-account .input__meta .section__title,
.funding-transfer-account .input__meta .asset__title,
.funding-transfer-account .input__meta .cash-balance__title,
.input__meta .funding-transfer-account .transfer-account__instruction--title,
.funding-transfer-account .input__meta .transfer-account__instruction--title,
.input__meta .appointment__label--display,
.legal__meta .label,
.legal__meta .funding-transfer-account .section__title,
.legal__meta .funding-transfer-account .asset__title,
.legal__meta .funding-transfer-account .cash-balance__title,
.funding-transfer-account .legal__meta .section__title,
.funding-transfer-account .legal__meta .asset__title,
.funding-transfer-account .legal__meta .cash-balance__title,
.legal__meta .funding-transfer-account .transfer-account__instruction--title,
.funding-transfer-account .legal__meta .transfer-account__instruction--title,
.legal__meta .appointment__label--display {
  font-size: 16px;
}

.input__meta a,
.input__meta p,
.legal__meta a,
.legal__meta p {
  margin: 0;
}

.input__meta .link,
.legal__meta .link {
  display: block;
}

a.btn {
  display: inline-block;
  text-align: center;
}

.btn {
  padding: 24px 30px;
  border: none;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  line-height: 1.5;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  min-width: 160px;
  border-radius: 0;
}

.btn--primary,
.btn--large--primary {
  background: #006ac3;
  color: #fff;
}

.btn--primary:hover,
.btn--large--primary:hover {
  background-color: #0051a5;
}

.btn--primary:focus,
.btn--large--primary:focus,
.btn--primary:active,
.btn--large--primary:active {
  background-color: #003168;
}

.btn--secondary {
  padding: 22px 28px;
  border: 2px solid #006ac3;
  -webkit-transition: border-color 200ms ease,color 200ms ease;
  transition: border-color 200ms ease,color 200ms ease;
  background: #fff;
  color: #006ac3;
  min-width: 160px;
}

.btn--secondary:hover {
  padding: 22px 28px;
  border: 2px solid #0051a5;
}

.btn--secondary:focus,
.btn--secondary:active {
  padding: 22px 28px;
  border: 2px solid #003168;
  color: #003168;
}

.btn--alternative {
  background: #fedf01;
  color: #444;
}

.btn--alternative:hover {
  background: #fff7bf;
}

.btn--alternative:focus,
.btn--alternative:active {
  background: #fffce5;
}

.btn+.btn {
  margin-left: 20px;
}

.input+.btn,
.checkbox+.btn,
.radio+.btn {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .btn,
  .btn--primary,
  .btn--large--primary,
  .btn--secondary {
    padding-left: 0;
    padding-right: 0;
    width: 48%;
    display: inline-block;
    text-align: center;
  }

  .btn+.btn {
    margin-left: 2%;
  }

  .btn--fullWidth {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .btn,
  .btn--primary,
  .btn--large--primary,
  .btn--secondary {
    width: 100%;
    display: block;
    text-align: center;
  }

  .btn+.btn {
    margin-left: 0px;
    margin-top: 20px;
  }
}

.audit-errors-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 16px;
  color: #b91a0e;
  top: 0px;
  opacity: 1;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  max-height: 999px;
  clear: both;
}

.form--inverse .audit-errors-list {
  color: #fff;
}

.audit-error-message,
.audit-required {
  margin-top: 9px;
  padding-left: 22px;
  position: relative;
}

.audit-error-message:first-of-type:before,
.audit-required:first-of-type:before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(/AccountOpen/assets/error.svg) no-repeat center;
  position: absolute;
  left: 0;
  top: 0px;
}

.audit-error-message strong,
.audit-required strong {
  margin: 0;
  line-height: 1;
  color: #b91a0e;
}

._fading {
  opacity: 0;
  max-height: 0px;
}

.error-banner {
  border-top: 3px solid #b91a0e;
  padding: 20px 32px 20px 32px;
  margin-top: 40px;
  margin-bottom: 20px;
  background: #f5fcff;
}

.form--inverse .error-banner {
  background: rgba(255,255,255,.1);
}

.error-banner--simple {
  background: #fff;
  border-right: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  border-left: 1px solid #b3b3b3;
}

.error-banner--simple .error-banner__heading {
  font-family: "Roboto",sans-serif;
  margin-left: 10px;
  font-size: 16px;
}

.error-banner--simple .error-banner__heading:before {
  margin-right: 10px !important;
}

.error-banner--simple .error-banner__heading .error-banner__link {
  font-size: 16px;
  margin-left: 5px;
}

.error-banner__heading {
  font-weight: 400;
  font-size: 16px;
  margin: 0;
  position: relative;
}

.error-banner__heading:before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(/AccountOpen/assets/error.svg) no-repeat center;
  position: absolute;
  left: -21px;
  top: 0px;
}

.error-banner__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.error-banner__list-item {
  display: block;
  margin: 6px 0;
}

.error-banner__link {
  font-size: 16px;
}

.form--inverse .error-banner__link {
  color: #fff;
}

.error-banner__list-links {
  padding-left: 20px;
}

.error-banner__list-item {
  display: block;
  margin: 6px 0;
}

.error-banner__list-item-link {
  list-style-type: disc;
  color: #6f6f6f;
  font-size: 10px;
  margin-bottom: 4px;
}

.form--inverse .error-banner__list-item-link {
  color: #fff;
}

.info-box__container {
  position: relative;
}

.info-box__close {
  background: url(/AccountOpen/assets/close_blue.svg) no-repeat center/contain;
  width: 12px;
  height: 12px;
  border: none;
  padding: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.info-box__trigger {
  display: inline-block;
  vertical-align: bottom;
  background: url(/AccountOpen/assets/ic_info_new.svg) no-repeat center/contain;
  width: 22px;
  height: 22px;
  border: none;
  padding: 0;
  cursor: pointer;
  position: relative;
}

.info-box__trigger:before {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  top: -19px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  z-index: 103;
  background: url(/AccountOpen/assets/infobox_arrow.svg) no-repeat center/contain;
}

.info-box--hidden .info-box__trigger:before {
  display: none;
}

.info-box__trigger--help {
  background-image: url(/AccountOpen/assets/ic_help.svg);
}

.form--inverse .info-box__trigger {
  background-image: url(/AccountOpen/assets/helper_link_white.svg);
}

.info-box__trigger--light {
  background-image: url(/AccountOpen/assets/helper_link_white.svg);
}

.info-box__helper {
  background: #fff;
  padding: 12px 20px;
  z-index: 102;
  position: absolute;
  bottom: 35px;
  border: 1px solid #a1a1a1;
  left: 0;
  right: 0;
  min-width: 360px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(50,50,50,.4);
          box-shadow: 0px 0px 15px 0px rgba(50,50,50,.4);
}

.info-box__helper a {
  color: #006ac3;
}

.info-box__content {
  color: #444;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 300;
  margin: 10px;
}

.info-box--text {
  position: relative;
}

.info-box--hidden .info-box__helper {
  height: 1px;
  margin: 0;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  min-width: 0;
  width: 1px;
  opacity: 0;
  padding: 0;
}

.info-box--hidden .info-box__helper:before {
  display: none;
}

@media (max-width: 575px) {
  .info-box__helper {
    width: 100%;
  }
}

.input__unit-container {
  position: relative;
  width: 100%;
  display: table;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input__unit-container input {
  line-height: 50px !important;
  height: 50px !important;
  padding: 0 15px !important;
  display: table-cell;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none !important;
  outline: none;
  width: 100%;
  min-width: 0;
}

.input__unit-container input:focus {
  line-height: 50px !important;
  height: 50px !important;
  padding: 0 15px !important;
  border: none !important;
  outline: none;
}

.input__unit-container input:focus~.input__unit-border {
  border: 2px solid #006ac3;
}

.input__unit-container input.has_error {
  line-height: 50px !important;
  height: 50px !important;
  padding: 0 15px !important;
  border: none !important;
  outline: none;
}

.input__unit-container input.has_error~.input__unit-border {
  border: 1px solid #b91a0e;
}

.input__unit {
  vertical-align: middle;
  display: table-cell;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f3f4f5;
  color: #6f6f6f;
  text-align: center;
  padding: 0 15px;
  min-width: 50px;
  line-height: 50px !important;
  height: 50px !important;
}

.input__unit--left {
  border-right: 1px solid #a1a1a1;
}

.input__unit--right {
  border-left: 1px solid #a1a1a1;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.input__unit-container .input__unit-border {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #a1a1a1;
  pointer-events: none;
}

._has-error .input__unit-container .input__unit-border {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #b91a0e;
}

.input__unit-container--focus .input__unit-border {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #006ac3;
}

.bg-white {
  background: #fafafa;
}

.bg-gloss-white {
  background: #fff;
}

.bg-yellow {
  background: #fede01;
}

.bg-dashboard {
  background: #f3f7f8;
}

.hide-for-display {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
          clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.unhide-for-display {
  clip: auto;
  -webkit-clip-path: none;
          clip-path: none;
  position: static;
  white-space: normal;
  height: auto;
  width: auto;
  overflow: visible;
}

.conversational-text {
  color: #444;
  font-family: Georgia,serif;
  font-style: italic;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
}

.conversational-text--white {
  color: #fff;
  font-family: Georgia,serif;
  font-style: italic;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
}

.p1,
.p3,
.select-dropdown__input input,
.select-dropdown__single-value {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
}

.p1--heavy {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 400;
}

.p2 {
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
}

.p2--heavy {
  font-weight: 400;
}

.p1--no-margins,
.p2--no-margins {
  margin: 0;
}

.p1--large-margin {
  margin: 70px 0 50px 0;
}

.p1--large-margin-bottom {
  margin-bottom: 50px;
}

.p1--large-margin-top {
  margin-top: 70px;
}

.pl-25 {
  padding-left: 25px;
}

.f-5 {
  font-weight: 500;
}

.number {
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
}

.chart-label {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: .75rem;
  color: #6f6f6f;
}

@media (min-width: 576px) {
  .chart-label {
    font-size: .875rem;
  }
}

.h1 {
  font-family: "Fira Sans",sans-serif;
  font-size: 1.375rem;
  font-weight: 300;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
}

@media (min-width: 576px) {
  .h1 {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .h1 {
    font-size: 1.875rem;
  }
}

.h2 {
  font-size: 1.25rem;
  font-family: "Fira Sans",sans-serif;
  font-weight: 400;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .h2 {
    font-size: 1.375rem;
  }
}

.h3 {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
}

@media (min-width: 576px) {
  .h3 {
    font-size: 1.125rem;
  }
}

.h2--underlined {
  font-size: 1.25rem;
  font-family: "Fira Sans",sans-serif;
  font-weight: 400;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  border-bottom: 2px solid #6f6f6f;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .h2--underlined {
    font-size: 1.375rem;
  }
}

.h2--light {
  font-weight: 300;
}

.h3--underlined {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  border-bottom: 1px solid #6f6f6f;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  .h3--underlined {
    font-size: 1.125rem;
  }
}

.h3--paragraph-colour {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #444;
  margin: 1em 0;
  line-height: 1.5;
}

@media (min-width: 576px) {
  .h3--paragraph-colour {
    font-size: 1.125rem;
  }
}

.h1--no-margins,
.h2--no-margins,
.h3--no-margins {
  margin: 0;
}

.text-link {
  border: 0;
  background: none;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
}

.text-link:hover {
  text-decoration: none;
}

.text-link:focus {
  outline: auto;
}

.text-link--invert {
  text-decoration: none;
}

.text-link--invert:hover,
.text-link--invert:visited {
  text-decoration: underline;
}

.text-link--new-window {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.text-link--new-window::after {
  content: url(/AccountOpen/assets/external_link.png);
  display: block;
  height: 15px;
  margin-left: 8px;
}

.text-link-small {
  border: 0;
  background: none;
  padding: 0;
  font-size: .875rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
}

.text-link-small:hover {
  text-decoration: none;
}

.text-link-small:focus {
  outline: auto;
}

.nowrap {
  white-space: nowrap;
}

.ao-sublines {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-size: 1.1875rem;
  margin: 30px 0;
}

.footnote {
  font-size: .875rem;
  line-height: 21px;
  color: #6f6f6f;
  font-family: "Roboto",sans-serif;
}

.h2--underline {
  border-bottom: 1px solid #e5e5e5;
}

.h2--with-info-icon {
  position: relative;
}

.h2--with-info-icon .info-box {
  line-height: 28px;
  display: inline-block;
  margin-left: .5em;
}

.h2--with-info-icon .info-box .info-box__helper {
  bottom: 38px;
}

.no-border {
  border: 0;
}

.text-font {
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
}

.capitalize {
  text-transform: capitalize;
}

.signing-title {
  font-family: "Fira Sans",sans-serif !important;
  font-size: 1.875rem !important;
  margin-top: .5rem !important;
  margin-bottom: .5rem;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-white {
  color: #fff !important;
}

@media (max-width: 576px) {
  .signing-p {
    font-size: 1rem !important;
  }
}

@media (max-width: 576px) {
  .signing-p-last {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 576px) {
  .signing-p-first {
    margin: 0 !important;
  }
}

@media (max-width: 576px) {
  .signing-header {
    margin-top: 30px !important;
    margin-bottom: 20px !important;
  }
}

.modal__copy p.header-with-subtext,
p.header-with-subtext {
  margin-bottom: 0;
}

.modal__copy p.header-with-subtext+p,
p.header-with-subtext+p {
  margin-top: 0;
}

lower-case {
  text-transform: lowercase;
}

.p3,
.select-dropdown__input input,
.select-dropdown__single-value {
  font-size: 1rem;
}

.error-banner__heading {
  font-size: 1.25rem;
  font-family: "Fira Sans",sans-serif;
  font-weight: 400;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
  display: inline-block;
  line-height: 1.1;
}

@media (min-width: 768px) {
  .error-banner__heading {
    font-size: 1.375rem;
  }
}

.error-banner__heading:before {
  width: 1em;
  height: 1em;
  position: static;
  left: auto;
  margin-left: calc(-1em - 5px);
  margin-right: 5px;
  vertical-align: top;
}

.error-banner__list-item-link {
  list-style: none;
  margin: 5px 0;
}

.error-banner__list-item-link.sr-only {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 1px;
  height: 1px;
}

.error-banner__list-item--first {
  margin-top: 10px;
}

.error-banner__link {
  border: 0;
  background: none;
  padding: 0;
  font-size: .875rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  text-decoration: underline;
  font-weight: 300;
  font-size: .875rem;
}

.error-banner__link:hover {
  text-decoration: none;
}

.error-banner__link:focus {
  outline: auto;
}

.error-banner__link--first {
  font-weight: 400;
  margin-top: 10px;
}

.error-banner__first-error,
.error-banner__copy {
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
}

.error-banner__first-error:empty,
.error-banner__copy:empty {
  display: none;
}

.audit-error-message {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #b91a0e;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  line-height: 1;
}

.audit-required:first-of-type:before {
  content: url(/AccountOpen/assets/error-ed5ade2fe39853af6e9b720dffb5785b.svg);
  background: none;
}

.form__heading {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  margin-top: 40px;
  margin-bottom: 15px;
  font-size: 1.125rem;
}

@media (min-width: 576px) {
  .form__heading {
    font-size: 1.125rem;
  }
}

.form__heading .subtitle {
  margin-left: 10px;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .form__heading {
    margin-top: 55px;
  }
}

.form__heading--underlined {
  border-bottom: 1px solid #6f6f6f;
  font-weight: 400;
  font-size: 1.125rem;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.form__subheading {
  position: relative;
  text-align: center;
  font-weight: 400;
  font-size: 1.125rem;
  font-style: italic;
  font-family: Georgia,serif;
  margin-top: 50px;
}

@media (min-width: 768px) {
  .form__subheading {
    margin-top: 75px;
  }
}

.form__subheading+.form__heading {
  margin-top: 0;
}

.form__subheading:after {
  content: " ";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -10px;
  width: 20px;
  border-top: 3px solid #f9e700;
}

.form__important {
  display: block;
  font-weight: 400;
  padding: 20px 25px;
  vertical-align: middle;
  background-color: #fafafa;
  color: #252525;
}

.form__list {
  list-style: none;
  padding-left: 12px;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
}

.form__list li {
  background-image: url(/AccountOpen/assets/ic_list_new_check-7edbbec2580ba38d22a1400aedb8750e.svg);
  background-repeat: no-repeat;
  background-position: left 3px;
  margin: 12px 0;
  padding: 0 35px;
}

.input,
.input-group {
  margin-bottom: 25px;
}

form .form__section>.row:last-of-type .input:last-of-type,
form .portfolio-recommedation-container .form__section>.header-box:last-of-type .input:last-of-type,
.portfolio-recommedation-container form .form__section>.header-box:last-of-type .input:last-of-type,
form .form__section>.row:last-of-type .input-group:last-of-type,
form .portfolio-recommedation-container .form__section>.header-box:last-of-type .input-group:last-of-type,
.portfolio-recommedation-container form .form__section>.header-box:last-of-type .input-group:last-of-type,
form .form__section section:last-of-type>.row:last-of-type .input:last-of-type,
form .form__section .portfolio-recommedation-container section:last-of-type>.header-box:last-of-type .input:last-of-type,
.portfolio-recommedation-container form .form__section section:last-of-type>.header-box:last-of-type .input:last-of-type,
form .form__section section:last-of-type>.row:last-of-type .input-group:last-of-type,
form .form__section .portfolio-recommedation-container section:last-of-type>.header-box:last-of-type .input-group:last-of-type,
.portfolio-recommedation-container form .form__section section:last-of-type>.header-box:last-of-type .input-group:last-of-type {
  margin-bottom: 0;
}

.radio.radio--inline:last-child {
  margin-bottom: 0;
}

.radio.radio--nextline {
  margin-left: 0;
  margin-top: 15px;
}

.radio input[disabled]+label {
  cursor: default;
}

.radio input[disabled]+label::before {
  background: #eaeaea;
}

.input--select select {
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
}

.input--select--disabled {
  background-color: #eaeaea;
}

.input--dynamic {
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
}

.input--dynamic input[type=text],
.input--dynamic input[type=password],
.input--dynamic input[type=tel],
.input--dynamic input[type=email],
.input--dynamic input[type=number] {
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  height: 50px;
}

.input--dynamic input[type=text]:focus,
.input--dynamic input[type=password]:focus,
.input--dynamic input[type=tel]:focus,
.input--dynamic input[type=email]:focus,
.input--dynamic input[type=number]:focus {
  height: 50px;
}

.input--dynamic.radio:not(.radio--inline)+.input--dynamic.radio {
  margin-top: 15px;
}

.label,
.funding-transfer-account .section__title,
.funding-transfer-account .asset__title,
.funding-transfer-account .cash-balance__title,
.funding-transfer-account .transfer-account__instruction--title,
.appointment__label--display {
  color: #252525;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
}

.label--legend {
  border: 0;
  margin-bottom: 9px;
}

.input__unit-container .input__unit {
  height: 50px;
  line-height: 50px;
}

._has-error .input__unit-container .input__unit.input__unit--left,
._has-error .input__unit-container .input__unit.input__unit--right {
  line-height: 50px;
}

.input__unit-container input[disabled] {
  background-color: #eaeaea;
}

.input__unit-container .input__delete-button {
  background-color: #fff;
  border: 1px solid #b91a0e;
  padding: 16px;
  margin: 0;
  z-index: 0;
  cursor: pointer;
}

.input__unit-container .input__delete-button img {
  display: block;
}

.checkbox {
  margin-bottom: 25px;
}

.checkbox.checkbox--valign-center input[type=checkbox]+label:before {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.checkbox:last-child {
  margin-bottom: 0;
}

.form__section {
  margin-bottom: 20px;
}

.form__section--border {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 30px;
}

body .form__dynamic--hidden {
  display: none;
}

.input--textarea {
  margin-top: 10px;
}

.input--textarea textarea {
  font-size: .875rem;
  color: #6f6f6f;
}

.input__meta {
  margin-bottom: -5px;
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
}

@media (min-width: 992px) {
  .input__meta {
    font-size: 1rem;
    font-weight: 300;
    font-style: normal;
    color: #444;
    font-family: "Roboto",sans-serif;
    margin: 1em 0;
    line-height: 1.5;
  }
}

.input__format-tip {
  font-size: 0.875rem;
  color: #6f6f6f;
  margin-top: 8px;
}

.input__format-tip:empty {
  display: none;
}

.fade {
  height: 0;
  opacity: 0;
}

.fade--in {
  -webkit-animation-name: fade-in-height;
          animation-name: fade-in-height;
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 1;
  height: 100%;
}

.fade--out {
  -webkit-animation-name: fade-out-height;
          animation-name: fade-out-height;
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
  height: 0;
}

.fade--height {
  -webkit-animation-name: none;
          animation-name: none;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  height: auto;
}

@-webkit-keyframes fade-in-height {
  0% {
    height: 0;
    opacity: 0;
  }

  1% {
    height: 100%;
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in-height {
  0% {
    height: 0;
    opacity: 0;
  }

  1% {
    height: 100%;
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade-out-height {
  0% {
    height: 100%;
    opacity: 1;
  }

  99% {
    height: 100%;
    opacity: 0;
  }

  100% {
    height: 0;
  }
}

@keyframes fade-out-height {
  0% {
    height: 100%;
    opacity: 1;
  }

  99% {
    height: 100%;
    opacity: 0;
  }

  100% {
    height: 0;
  }
}

.btn {
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  color: #006ac3;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  line-height: 1;
  margin-bottom: 2px;
  padding: 24px 30px;
  background: rgba(0,0,0,0);
}

.btn--secondary {
  padding: 22px 28px;
}

.btn--large-margin-top {
  margin-top: 60px;
}

.btn--primary,
.btn--large--primary {
  background: #006ac3;
  color: #fff;
}

.btn--large--primary {
  min-width: 200px !important;
}

.btn--secondary:hover,
.btn--secondary:focus {
  padding: 22px 28px;
}

.btn--secondary:focus {
  color: #006ac3;
  border-color: #006ac3;
}

.btn {
  font-weight: 400;
}

.btn--link,
.btn--link-small {
  background: none;
  border: 1px solid rgba(0,0,0,0);
  color: #006ac3;
  font-size: .875rem;
}

.btn--link:hover,
.btn--link:focus,
.btn--link:active,
.btn--link-small:hover,
.btn--link-small:focus,
.btn--link-small:active {
  border: 1px solid rgba(0,0,0,0);
  text-decoration: underline;
}

.btn--underline {
  text-decoration: underline;
}

.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:focus,
.btn--disabled,
.btn--disabled:hover,
.btn--disabled:focus {
  background: #eaeaea;
  color: #585858;
}

.btn[disabled].btn--secondary,
.btn[disabled].btn--secondary:hover,
.btn[disabled].btn--secondary:focus,
.btn--disabled.btn--secondary,
.btn--disabled.btn--secondary:hover,
.btn--disabled.btn--secondary:focus {
  background-color: rgba(0,0,0,0);
  border-color: #eaeaea;
}

.btn[disabled]:hover,
.btn[disabled]:focus,
.btn--disabled:hover,
.btn--disabled:focus {
  cursor: default;
}

.btn-as-link {
  background: none;
  border: none;
  font-size: .875rem;
  margin: 0;
  padding-right: 0;
  padding-left: 0;
  color: #006ac3;
  margin-left: 40px;
  cursor: pointer;
  text-decoration: underline;
  min-width: 42px;
}

.btn-as-link:hover,
.btn-as-link:focus,
.btn-as-link:active {
  border: none;
  text-decoration: underline;
}

.btn-as-link:hover {
  text-decoration: none;
}

.btn--full-width-primary {
  background: #006ac3;
  color: #fff;
  width: 100%;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.input__select-container.rbc-ui-select__input--disabled::after {
  background-image: url(/AccountOpen/assets/select_arrow_grey.svg);
}

.form__section--clear {
  clear: both;
}

.bg-white {
  background: #fafafa;
}

.bg-gloss-white {
  background: #fff;
}

.bg-yellow {
  background: #fede01;
}

.bg-dashboard {
  background: #f3f7f8;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

thead,
tbody,
tfoot {
  vertical-align: middle;
}

td,
th,
tr {
  vertical-align: inherit;
}

[tabindex="-1"]:focus {
  outline: none;
}

strong {
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
}

b {
  color: #6f6f6f;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.font-roboto {
  font-family: "Roboto",sans-serif;
}

.center {
  text-align: center;
}

@media (max-width: 992px) {
  .center-sm {
    text-align: center;
  }
}

.full-width {
  width: 100%;
}

hr {
  border: 1px solid rgba(0,0,0,0);
  border-bottom: 1px solid #eaeaea;
}

hr.with-margin {
  margin: 20px 0;
}

.rbc-tooltip--inline {
  top: -2px;
}

@media (min-width: 576px) {
  .float-left {
    float: left;
  }
}

@media (min-width: 576px) {
  .float-right {
    float: right;
  }
}

.pdf-viewer {
  padding: 30px;
  background-color: #899299;
  margin-bottom: 30px;
}

.container--header-spacing {
  padding-top: 40px;
}

#content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.main-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  margin: 0;
  padding: 0;
}

.revamp-wrapper {
  background-color: #f3f7f8;
}

[role=main] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.nomi-flow [role=main] {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

@media (max-width: 1200px) {
  .container--desktop-only {
    width: 100%;
    padding: 0;
  }
}

legend {
  border: 0;
}

.statements_height {
  min-height: 800px;
}

.select_arrow--white {
  width: .8em;
  margin-left: .5em;
  margin-right: .5em;
  content: url(/AccountOpen/assets/select_arrow_white.svg);
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  .select_arrow--white {
    background: url(/AccountOpen/assets/select_arrow_white.svg) no-repeat !important;
  }
}

.pageheader_goals_selection_dropdown {
  font-size: 1.5rem !important;
  background: #fcfcfc !important;
}

.vr {
  border-right: 1px solid #6f6f6f;
  margin: -5px 0 -5px;
}

.block {
  display: block;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-left {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.align-flex-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.invisible {
  visibility: hidden;
}

@media (max-width: 767px) {
  .hide-sm-down {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hide-md-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hide-md-up {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hide-lg-up {
    display: none !important;
  }
}

.cue-text {
  color: #6f6f6f;
  font-size: 14px;
  font-family: "Roboto",sans-serif;
}

.flex-auto {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.space::after {
  content: " ";
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0,
.thank-you-wrapper p {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0,
.thank-you-wrapper p {
  margin-left: 0 !important;
}

.m-1 {
  margin: .25rem !important;
}

.mt-1,
.my-1 {
  margin-top: .25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: .25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: .25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: .25rem !important;
}

.m-2 {
  margin: .5rem !important;
}

.mt-2,
.my-2 {
  margin-top: .5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: .5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: .5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: .5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 2rem !important;
}

.mt-5,
.my-5 {
  margin-top: 2rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 2rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 2rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 2rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.mt-6,
.my-6 {
  margin-top: 3rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 3rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 3rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 3rem !important;
}

.m-7 {
  margin: 4rem !important;
}

.mt-7,
.my-7 {
  margin-top: 4rem !important;
}

.mr-7,
.mx-7 {
  margin-right: 4rem !important;
}

.mb-7,
.my-7 {
  margin-bottom: 4rem !important;
}

.ml-7,
.mx-7 {
  margin-left: 4rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: .25rem !important;
}

.pt-1,
.py-1 {
  padding-top: .25rem !important;
}

.pr-1,
.px-1 {
  padding-right: .25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: .25rem !important;
}

.pl-1,
.px-1 {
  padding-left: .25rem !important;
}

.p-2 {
  padding: .5rem !important;
}

.pt-2,
.py-2 {
  padding-top: .5rem !important;
}

.pr-2,
.px-2 {
  padding-right: .5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: .5rem !important;
}

.pl-2,
.px-2 {
  padding-left: .5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4,
.portfolio-recommedation-container .header-box {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4,
.portfolio-recommedation-container .header-box {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5,
.discovery-form-box {
  padding: 2rem !important;
}

.pt-5,
.py-5 {
  padding-top: 2rem !important;
}

.pr-5,
.px-5 {
  padding-right: 2rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 2rem !important;
}

.pl-5,
.px-5 {
  padding-left: 2rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.pt-6,
.py-6 {
  padding-top: 3rem !important;
}

.pr-6,
.px-6 {
  padding-right: 3rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 3rem !important;
}

.pl-6,
.salary-box .heading,
.px-6 {
  padding-left: 3rem !important;
}

.p-7 {
  padding: 4rem !important;
}

.pt-7,
.py-7 {
  padding-top: 4rem !important;
}

.pr-7,
.px-7 {
  padding-right: 4rem !important;
}

.pb-7,
.py-7 {
  padding-bottom: 4rem !important;
}

.pl-7,
.px-7 {
  padding-left: 4rem !important;
}

.p-auto {
  padding: auto !important;
}

.pt-auto,
.py-auto {
  padding-top: auto !important;
}

.pr-auto,
.px-auto {
  padding-right: auto !important;
}

.pb-auto,
.py-auto {
  padding-bottom: auto !important;
}

.pl-auto,
.px-auto {
  padding-left: auto !important;
}

@media (min-width: 768px) {
  .ml-md-4 {
    margin-left: 1.5rem;
  }
}

.f-875 {
  font-size: .875rem !important;
}

sup {
  color: #006ac3;
  text-decoration: underline;
  font-weight: 500;
}

@media (max-width: 768px) {
  .mobile-wrapper-adjusted_20 {
    padding-top: 20px;
  }

  .mobile-wrapper-adjusted_10 {
    padding-top: 10px;
  }

  .nomi-flow.mobile-wrapper-adjusted_10 {
    padding-top: 0;
  }
}

.col-xs-label-overflow-1 .input__label-container {
  margin-right: calc(1*-1*(100% + 30px));
}

.col-xs-label-overflow-2 .input__label-container {
  margin-right: calc(2*-1*(100% + 30px));
}

.col-xs-label-overflow-3 .input__label-container {
  margin-right: calc(3*-1*(100% + 30px));
}

.col-xs-label-overflow-4 .input__label-container {
  margin-right: calc(4*-1*(100% + 30px));
}

.col-xs-label-overflow-5 .input__label-container {
  margin-right: calc(5*-1*(100% + 30px));
}

.col-xs-label-overflow-6 .input__label-container {
  margin-right: calc(6*-1*(100% + 30px));
}

.col-xs-label-overflow-7 .input__label-container {
  margin-right: calc(7*-1*(100% + 30px));
}

.col-xs-label-overflow-8 .input__label-container {
  margin-right: calc(8*-1*(100% + 30px));
}

.col-xs-label-overflow-9 .input__label-container {
  margin-right: calc(9*-1*(100% + 30px));
}

.col-xs-label-overflow-10 .input__label-container {
  margin-right: calc(10*-1*(100% + 30px));
}

.col-xs-label-overflow-11 .input__label-container {
  margin-right: calc(11*-1*(100% + 30px));
}

@media screen and (min-width: 768px) {
  .col-sm-label-overflow-1 .input__label-container {
    margin-right: calc(1*-1*(100% + 30px));
  }

  .col-sm-label-overflow-2 .input__label-container {
    margin-right: calc(2*-1*(100% + 30px));
  }

  .col-sm-label-overflow-3 .input__label-container {
    margin-right: calc(3*-1*(100% + 30px));
  }

  .col-sm-label-overflow-4 .input__label-container {
    margin-right: calc(4*-1*(100% + 30px));
  }

  .col-sm-label-overflow-5 .input__label-container {
    margin-right: calc(5*-1*(100% + 30px));
  }

  .col-sm-label-overflow-6 .input__label-container {
    margin-right: calc(6*-1*(100% + 30px));
  }

  .col-sm-label-overflow-7 .input__label-container {
    margin-right: calc(7*-1*(100% + 30px));
  }

  .col-sm-label-overflow-8 .input__label-container {
    margin-right: calc(8*-1*(100% + 30px));
  }

  .col-sm-label-overflow-9 .input__label-container {
    margin-right: calc(9*-1*(100% + 30px));
  }

  .col-sm-label-overflow-10 .input__label-container {
    margin-right: calc(10*-1*(100% + 30px));
  }

  .col-sm-label-overflow-11 .input__label-container {
    margin-right: calc(11*-1*(100% + 30px));
  }
}

@media screen and (min-width: 992px) {
  .col-md-label-overflow-1 .input__label-container {
    margin-right: calc(1*-1*(100% + 30px));
  }

  .col-md-label-overflow-2 .input__label-container {
    margin-right: calc(2*-1*(100% + 30px));
  }

  .col-md-label-overflow-3 .input__label-container {
    margin-right: calc(3*-1*(100% + 30px));
  }

  .col-md-label-overflow-4 .input__label-container {
    margin-right: calc(4*-1*(100% + 30px));
  }

  .col-md-label-overflow-5 .input__label-container {
    margin-right: calc(5*-1*(100% + 30px));
  }

  .col-md-label-overflow-6 .input__label-container {
    margin-right: calc(6*-1*(100% + 30px));
  }

  .col-md-label-overflow-7 .input__label-container {
    margin-right: calc(7*-1*(100% + 30px));
  }

  .col-md-label-overflow-8 .input__label-container {
    margin-right: calc(8*-1*(100% + 30px));
  }

  .col-md-label-overflow-9 .input__label-container {
    margin-right: calc(9*-1*(100% + 30px));
  }

  .col-md-label-overflow-10 .input__label-container {
    margin-right: calc(10*-1*(100% + 30px));
  }

  .col-md-label-overflow-11 .input__label-container {
    margin-right: calc(11*-1*(100% + 30px));
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-label-overflow-1 .input__label-container {
    margin-right: calc(1*-1*(100% + 30px));
  }

  .col-lg-label-overflow-2 .input__label-container {
    margin-right: calc(2*-1*(100% + 30px));
  }

  .col-lg-label-overflow-3 .input__label-container {
    margin-right: calc(3*-1*(100% + 30px));
  }

  .col-lg-label-overflow-4 .input__label-container {
    margin-right: calc(4*-1*(100% + 30px));
  }

  .col-lg-label-overflow-5 .input__label-container {
    margin-right: calc(5*-1*(100% + 30px));
  }

  .col-lg-label-overflow-6 .input__label-container {
    margin-right: calc(6*-1*(100% + 30px));
  }

  .col-lg-label-overflow-7 .input__label-container {
    margin-right: calc(7*-1*(100% + 30px));
  }

  .col-lg-label-overflow-8 .input__label-container {
    margin-right: calc(8*-1*(100% + 30px));
  }

  .col-lg-label-overflow-9 .input__label-container {
    margin-right: calc(9*-1*(100% + 30px));
  }

  .col-lg-label-overflow-10 .input__label-container {
    margin-right: calc(10*-1*(100% + 30px));
  }

  .col-lg-label-overflow-11 .input__label-container {
    margin-right: calc(11*-1*(100% + 30px));
  }
}

.dashboard-banner-background {
  background-color: #006ac3;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 320px;
  display: block;
  padding-bottom: 80px;
  padding-top: 64px;
}

@media (min-width: 1200px) {
  .dashboard-banner-background {
    margin-top: -64px;
  }
}

.dashboard-wrapper-blue-frame {
  min-height: 184px;
  background-color: #006ac3;
  width: 100%;
}

.dashboard-wrapper-total-balance {
  background-color: #0051a5;
}

.dashboard-wrapper-lower-panel {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.dashboard-wrapper-banner-welcome-cell {
  height: 120px;
  min-width: 320px;
}

@media (min-width: 836px) {
  .dashboard-wrapper-banner-welcome-cell {
    margin-right: auto;
  }
}

@media (max-width: 835px) {
  .dashboard-wrapper-banner-welcome-cell {
    width: 100%;
  }
}

.dashboard-wrapper-banner-cell {
  height: 120px;
}

@media (min-width: 836px) {
  .dashboard-wrapper-banner-cell {
    min-width: 256px;
  }
}

@media (max-width: 835px) {
  .dashboard-wrapper-banner-cell {
    width: 50%;
  }
}

@media (max-width: 1108px) {
  .dashboard-wrapper-youve-invested {
    display: none;
  }
}

.dashboard-wrapper-banner-text {
  font-family: Roboto;
  font-weight: 300;
  text-align: center;
  color: #fff;
  margin-top: 26px;
}

.dashboard-wrapper-banner-text__title {
  height: 21px;
  font-size: .875rem;
  line-height: 1.43;
  margin-bottom: 4px;
}

.dashboard-wrapper-banner-text__value {
  height: 36px;
  font-size: 1.75rem;
  line-height: 1.29;
}

.dashboard-wrapper-banner-text__welcome {
  font-size: 2.25rem;
  line-height: 1.22;
  padding-top: 18px;
}

@media (min-width: 836px) {
  .dashboard-wrapper-banner-text__welcome {
    padding-left: 15px;
    text-align: left;
  }
}

.dashboard-banner-background--login {
  background-image: url(/AccountOpen/assets/header_login-88c0ef20247c9968f4e28b558acf0926.jpg);
}

.dashboard-banner-background--transfer-funds {
  background-image: url(/AccountOpen/assets/header_add_funds-1908bcb7e5bf5a12395dd5f7cf434705.jpg);
}

.dashboard-banner-background--documents {
  background-image: url(/AccountOpen/assets/header_docs-a8a890d94e1fe653df01cafdcae5b894.jpg);
}

.dashboard-banner-background--etaxintercept {
  background-image: url(/AccountOpen/assets/eTaxIntercept-26c6e42409cdb164a7fcb4c90ad95400.png);
}

.dashboard-banner-background--loading-fail {
  background-image: url(/AccountOpen/assets/header_404_and_ineligible-2122a7e8f734aab44609e031832ce4ff.jpg);
}

.dashboard-banner-background--summary {
  background-image: url(/AccountOpen/assets/header_summary-44daf893936a0a514f931bac2532cbcc.jpg);
  background-size: cover;
  height: auto;
  min-height: 320px;
  background-position-x: 30%;
  background-position-y: 30%;
}

.dashboard-banner-background--goals {
  background-image: url(/AccountOpen/assets/header_goal-982b98ada4a9f6c007387b5a1cac382e.jpg);
}

.dashboard-banner-background--ineligible {
  background-image: url(/AccountOpen/assets/header_404_and_ineligible-2122a7e8f734aab44609e031832ce4ff.jpg);
}

.dashboard-banner-background--settings {
  background-image: url(/AccountOpen/assets/header_settings-45b375587ce5a9239134989828b6b462.jpg);
}

.dashboard-content-header {
  font-family: "Fira Sans",sans-serif;
  font-size: 1.375rem;
  font-weight: 300;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  margin-top: 0;
  line-height: 1;
}

@media (min-width: 576px) {
  .dashboard-content-header {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .dashboard-content-header {
    font-size: 1.875rem;
  }
}

.dashboard-content-header3 {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  margin-top: 2;
  line-height: 1;
}

@media (min-width: 576px) {
  .dashboard-content-header3 {
    font-size: 1.125rem;
  }
}

.dashboard-page__header {
  background: rgba(0,0,0,.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 80px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 576px) {
  .dashboard-page__header {
    padding: 0 30px;
  }
}

@media (max-width: 767px) {
  .container>.dashboard-page__header,
  .referral-banner--container>.dashboard-page__header {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.dashboard-page__header--has-widget {
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 992px) {
  .dashboard-page__header--has-widget {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 80px;
  }
}

.dashboard-page__header-heading {
  display: inline-block;
  font-family: "Fira Sans",sans-serif;
  font-size: 1.375rem;
  font-weight: 300;
  color: #fff;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
  line-height: 80px;
}

@media (min-width: 576px) {
  .dashboard-page__header-heading {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .dashboard-page__header-heading {
    font-size: 1.875rem;
  }
}

.dashboard-page__header--has-widget .dashboard-page__header-heading {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.5em;
}

@media (min-width: 992px) {
  .dashboard-page__header--has-widget .dashboard-page__header-heading {
    display: inline-block;
    line-height: 80px;
    margin-right: 20px;
  }
}

.dashboard-page__header-thankyou {
  display: inline-block;
  font-family: "Fira Sans",sans-serif;
  font-size: 1.375rem;
  font-weight: 300;
  color: #fff;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
  line-height: 1.5em;
  font-size: 1.5rem;
}

@media (min-width: 576px) {
  .dashboard-page__header-thankyou {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .dashboard-page__header-thankyou {
    font-size: 1.875rem;
  }
}

.dashboard-page__header-label {
  font-size: 1rem;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin-top: 5px;
  color: #fff;
}

.dashboard-page__header-label .input__label-container {
  white-space: nowrap;
  margin-bottom: 0;
}

.dashboard-page__header-label .input__label-container .label,
.dashboard-page__header-label .input__label-container .funding-transfer-account .section__title,
.dashboard-page__header-label .input__label-container .funding-transfer-account .asset__title,
.dashboard-page__header-label .input__label-container .funding-transfer-account .cash-balance__title,
.funding-transfer-account .dashboard-page__header-label .input__label-container .section__title,
.funding-transfer-account .dashboard-page__header-label .input__label-container .asset__title,
.funding-transfer-account .dashboard-page__header-label .input__label-container .cash-balance__title,
.dashboard-page__header-label .input__label-container .funding-transfer-account .transfer-account__instruction--title,
.funding-transfer-account .dashboard-page__header-label .input__label-container .transfer-account__instruction--title,
.dashboard-page__header-label .input__label-container .appointment__label--display {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: inherit;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin-right: 3px;
}

.dashboard-page__header-label .input__label-container .label+.info-box,
.dashboard-page__header-label .input__label-container .funding-transfer-account .section__title+.info-box,
.dashboard-page__header-label .input__label-container .funding-transfer-account .asset__title+.info-box,
.dashboard-page__header-label .input__label-container .funding-transfer-account .cash-balance__title+.info-box,
.funding-transfer-account .dashboard-page__header-label .input__label-container .section__title+.info-box,
.funding-transfer-account .dashboard-page__header-label .input__label-container .asset__title+.info-box,
.funding-transfer-account .dashboard-page__header-label .input__label-container .cash-balance__title+.info-box,
.dashboard-page__header-label .input__label-container .funding-transfer-account .transfer-account__instruction--title+.info-box,
.funding-transfer-account .dashboard-page__header-label .input__label-container .transfer-account__instruction--title+.info-box,
.dashboard-page__header-label .input__label-container .appointment__label--display+.info-box {
  margin-left: 0;
}

.dashboard-page__header--has-widget .dashboard-page__header-label {
  display: block;
  margin-top: 10px;
}

@media (min-width: 992px) {
  .dashboard-page__header--has-widget .dashboard-page__header-label {
    margin-top: 0;
    display: inline-block;
  }
}

.dashboard-page__notice {
  margin-top: -105px;
}

.dashboard-page__notice .rbc-notice:focus {
  outline: none;
}

.dashboard-page__noprogressbar {
  padding-top: 46px;
}

@media (min-width: 992px) {
  .dashboard-page__noprogressbar {
    padding-top: 60px;
  }
}

.annual-review-banner {
  height: 324px;
  text-align: center;
  overflow: hidden;
  position: relative;
}

@media (min-width: 992px) {
  .annual-review-banner svg {
    width: 1440px !important;
    height: 800px !important;
  }
}

.annual-review-banner .review-content {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  font-family: "Roboto",sans-serif;
  width: 100%;
}

.annual-review-banner .review-content .message {
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 36px;
  letter-spacing: -0.2px;
  color: #fff;
  padding: 40px 0 0 0;
  margin: 0;
}

@media (max-width: 992px) {
  .annual-review-banner .review-content .message {
    font-size: 1.75rem;
    line-height: 36px;
  }
}

.annual-review-banner .review-content .heading {
  font-family: "Roboto",sans-serif;
  font-size: 5rem;
  line-height: 96px;
  letter-spacing: -1.3px;
  color: #fff;
  padding: 8px 0 0 0;
  margin: 0;
}

@media (max-width: 992px) {
  .annual-review-banner .review-content .heading {
    font-size: 3rem;
    line-height: 66px;
  }
}

.annual-review-banner .review-content .btn {
  background: #fedf01;
  color: #444;
}

.footer {
  margin-top: 150px;
}

@media (max-width: 480px) {
  .footer {
    margin-top: 60px;
  }
}

.footer--no-margin {
  margin-top: 0;
}

.footer__disclaimer-text {
  font-size: .75rem;
  line-height: 18px;
}

.footer__disclaimer-text a {
  color: #fff;
}

a.disclaimer {
  color: inherit;
}

.footer-small {
  background: #444952;
  font-size: .875rem;
  font-weight: 300;
  color: #fff;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
  padding-top: 30px;
  padding-bottom: 45px;
}

.footer-small__copyright {
  font-size: .875rem;
  font-weight: 300;
  color: #fff;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
  margin-bottom: 10px;
  display: block;
}

.footer-small__links {
  font-size: .875rem;
  font-weight: 300;
  color: #fff;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

.footer-small__links-li {
  list-style-type: none;
}

.footer-small__link {
  color: #fff;
  display: block;
  padding: 2px 0;
}

.footer-small__img {
  margin-left: .19rem;
}

.footer-small__disclaimer {
  max-height: 380px;
  overflow-y: auto;
  overflow-x: hidden;
}

@media (min-width: 768px) {
  .footer-small {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .footer-small__copyright {
    margin-bottom: 0;
  }

  .footer-small__links {
    padding: 10px 0;
  }

  .footer-small__links-li {
    display: inline-block;
    margin-right: 20px;
  }
}

.footer-big {
  background: #4c525c;
  padding-top: 40px;
  padding-bottom: 50px;
  padding-bottom: 44px;
  color: #fff;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
}

.footer-big__logo-image {
  height: 40px;
  margin-bottom: 33px;
}

.footer-big-text {
  margin-top: 0;
  margin-bottom: 20px;
  word-break: break-word;
}

.footer-big__column-title {
  font-family: Georgia,serif;
  font-size: 1.125rem;
  font-style: italic;
  color: #fff;
  display: block;
  margin-top: 0;
}

.footer-big__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #fff;
}

.footer-big__list-item-link {
  color: #fff;
  text-decoration: none;
}

p.promocode-copy {
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  font-size: .75rem;
  line-height: 16px;
}

p.promocode-copy span {
  padding-right: 5px;
}

.imp-info-small {
  margin: 0;
  padding-top: 30px;
  padding-bottom: 45px;
}

.imp-info-small_span {
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1.25rem;
  line-height: 28px;
}

.imp-info-small__copyright {
  font-size: .875rem;
  font-weight: 300;
  color: #585858;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1rem;
  margin: 0;
  margin-bottom: 10px;
  display: block;
}

.imp-info-small__link {
  font-size: .875rem;
  font-weight: 300;
  color: #006ac3;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 500;
  font-size: 1rem;
  margin: .5em 0 !important;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  display: block;
}

.imp-info-small__links-li {
  list-style-type: none;
}

.imp-info-ul {
  padding-left: 2em;
}

.info-header {
  background: #fafafa;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
}

@media (min-width: 576px) {
  .info-header {
    height: auto;
  }
}

.info-header__text {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: .75rem;
  color: #6f6f6f;
  margin: 0;
  border: 1px solid rgba(111,111,111,.2);
  border-top: 0;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 15px 14px;
}

@media (min-width: 576px) {
  .info-header__text {
    font-size: .875rem;
  }
}

@media (min-width: 576px) {
  .info-header__text {
    padding: 30px;
  }
}

.info-header__link {
  padding: 0 15px;
  background: #006ac3;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 576px) {
  .info-header__link {
    padding: 0 30px;
  }
}

.info-header__link-text {
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  color: #fff;
  text-decoration: none;
  margin: auto;
}

.account-select-panels {
  padding: 22px 0;
  margin: 30px 0;
  background: #f3f4f5;
}

.account-select-panel {
  position: relative;
  -webkit-transition: all .2s cubic-bezier(0, 0, 0, 0.7);
  transition: all .2s cubic-bezier(0, 0, 0, 0.7);
  padding: 22px;
  background: #fff;
  margin-bottom: 22px;
}

.account-select-panel .radio-with-html {
  min-height: 250px;
  position: static;
}

.account-select-panel .radio-with-html__label {
  border: 1px solid #eaeaea;
}

.account-select-panel .radio-with-html__label:before {
  content: "";
  position: absolute;
  right: -22px;
  top: 22px;
  background-image: url(/AccountOpen/assets/ic_list_check-1f973f555531cf394443594ec419637f.svg);
  background-repeat: no-repeat;
  background-size: 26px;
  width: 26px;
  height: 26px;
  opacity: 0;
}

.account-select-panel input[type=radio]:checked+.radio-with-html__label {
  border: 2px solid #006ac3;
}

.account-select-panel input[type=radio]:checked+.radio-with-html__label:before {
  -webkit-transform: translateX(-42px);
          transform: translateX(-42px);
  opacity: 1;
  -webkit-transition: opacity .6s;
  transition: opacity .6s;
}

.account-select-panel--infobox {
  z-index: 1;
}

.account-select-panel--infobox:hover {
  z-index: 2;
}

.account-select-panel__title {
  font-size: 1.25rem;
  font-family: "Fira Sans",sans-serif;
  font-weight: 400;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
}

@media (min-width: 768px) {
  .account-select-panel__title {
    font-size: 1.375rem;
  }
}

.account-select-panel__subtitle {
  font-size: .875rem;
  font-weight: 400;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
}

.account-select-panel__body {
  width: calc(100% - 44px);
  position: absolute;
  bottom: 22px;
  left: 22px;
}

.account-select-panel__modal-trigger-text,
.account-select-panel .info-box__text-trigger {
  border: 0;
  background: none;
  padding: 0;
  font-size: .875rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  z-index: 1;
  position: relative;
  margin-top: 10px;
  display: inline-block;
}

.account-select-panel__modal-trigger-text:hover,
.account-select-panel .info-box__text-trigger:hover {
  text-decoration: none;
}

.account-select-panel__modal-trigger-text:focus,
.account-select-panel .info-box__text-trigger:focus {
  outline: auto;
}

.account-select-panel .info-box--text {
  display: block;
}

@media (min-width: 768px) {
  .account-select-panel:hover {
    -webkit-box-shadow: 0 15px 25px rgba(80,88,95,.2);
            box-shadow: 0 15px 25px rgba(80,88,95,.2);
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }

  .account-select-panel__subtitle,
  .account-select-panel__title {
    -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, 0, 0.7);
    transition: -webkit-transform .2s cubic-bezier(0, 0, 0, 0.7);
    transition: transform .2s cubic-bezier(0, 0, 0, 0.7);
    transition: transform .2s cubic-bezier(0, 0, 0, 0.7), -webkit-transform .2s cubic-bezier(0, 0, 0, 0.7);
  }

  .account-select-panel__body {
    -webkit-transition: margin .2s cubic-bezier(0, 0, 0, 0.7);
    transition: margin .2s cubic-bezier(0, 0, 0, 0.7);
  }
}

@media (min-width: 992px) {
  .account-select-panels {
    padding: 30px 0;
  }

  .account-select-panels__wrapper {
    width: 100%;
    display: table;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .account-select-panel {
    display: table-cell;
    width: 30%;
    width: calc(33% - 11px);
    margin-bottom: 0;
  }
}

.info-box:not(.info-box--text) {
  margin-left: 7px;
}

.info-box--text {
  display: inline-block;
}

.info-box__close {
  color: rgba(0,0,0,0);
  overflow: hidden;
  text-indent: -9999px;
}

.info-box--hidden .info-box__close {
  display: none;
}

.info-box__trigger {
  margin-bottom: 2px;
}

.info-box__trigger:before {
  top: -17px;
}

.info-box__trigger--small {
  width: 16px;
  height: 16px;
}

.chevron--base,
.chevron--left:before,
.chevron--left:after,
.chevron--right:before,
.chevron--right:after,
.chevron--top-right:before,
.chevron--top-right:after,
.chevron--top:before,
.chevron--top:after,
.chevron--bottom:before,
.chevron--bottom:after {
  border: solid rgba(0,0,0,0);
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
}

.chevron--bottom:after {
  top: 100%;
  left: 50%;
  border-color: rgba(136,183,213,0);
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

.chevron--bottom:before {
  top: 100%;
  left: 50%;
  border-color: rgba(136,183,213,0);
  border-top-color: #a1a1a1;
  border-width: 11px;
  margin-left: -11px;
}

.chevron--top:after {
  bottom: 100%;
  left: 50%;
  border-color: rgba(136,183,213,0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

.chevron--top:before {
  bottom: 100%;
  left: 50%;
  border-color: rgba(136,183,213,0);
  border-bottom-color: #a1a1a1;
  border-width: 11px;
  margin-left: -11px;
}

.chevron--top-right:after {
  bottom: 100%;
  left: 96%;
  border-color: rgba(136,183,213,0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

.chevron--top-right:before {
  bottom: 100%;
  left: 96%;
  border-color: rgba(136,183,213,0);
  border-bottom-color: #a1a1a1;
  border-width: 11px;
  margin-left: -11px;
}

.chevron--right:after {
  left: 100%;
  top: 50%;
  border-color: rgba(136,183,213,0);
  border-left-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}

.chevron--right:before {
  left: 100%;
  top: 50%;
  border-color: rgba(136,183,213,0);
  border-left-color: #a1a1a1;
  border-width: 11px;
  margin-top: -11px;
}

.chevron--left:after {
  right: 100%;
  top: 50%;
  border-color: rgba(136,183,213,0);
  border-right-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}

.chevron--left:before {
  right: 100%;
  top: 50%;
  border-color: rgba(136,183,213,0);
  border-right-color: #a1a1a1;
  border-width: 11px;
  margin-top: -11px;
}

.info-box--center {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  position: absolute;
}

.info-box__content {
  white-space: normal;
  text-align: left;
}

.info-box--hidden .info-box__content {
  display: none;
}

.info-box__text-trigger {
  border: 0;
  background: none;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  display: block;
}

.info-box__text-trigger:hover {
  text-decoration: none;
}

.info-box__text-trigger:focus {
  outline: auto;
}

.piechart-legend-item-wrapper .info-box__text-trigger {
  text-decoration: none;
}

.info-box__text-trigger__conversational {
  color: #006ac3;
  font-family: Georgia,serif;
  font-style: italic;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
  display: inline-block;
}

.info-box__text_decoration {
  text-decoration: none;
}

.transaction-history-list-item__symbol {
  padding-top: 20px;
}

.info-box__helper {
  font-family: "Roboto";
  font-style: initial;
}

.info-box__trigger--small+.info-box__helper {
  bottom: 29px;
}

#infobox-trigger-tabs__more {
  height: 20px;
}

@media (min-width: 992px) {
  .info-box__helper {
    min-width: 320px;
  }

  .info-box--hidden .info-box__helper {
    min-width: 1px;
  }

  .info-box--center {
    min-width: 350px !important;
  }
}

@media (max-width: 768px) {
  .info-box__helper {
    min-width: 241px;
  }
}

.info-box--hover .info-box__helper {
  display: none;
}

.info-box--hover:hover .info-box__helper {
  display: inline-block;
}

.position-bottom {
  bottom: initial;
  top: 40px;
}

.position-bottom-right {
  bottom: initial;
  top: 40px;
  left: initial;
}

.info-box.position-under {
  position: relative;
}

.info-box.position-under .info-box__helper {
  bottom: auto;
  left: -31px;
  top: 31px;
}

.info-box.position-under .info-box__trigger::before {
  top: 18px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.info-box-container .force-inline-block {
  position: relative !important;
}

.info-box-container .info-box {
  margin-left: 7px !important;
}

@media all and (orientation: landscape) {
  .align-info-box-left {
    text-align: left;
    margin-top: 3em;
    padding-left: 1.9em;
  }

  .align-info-box-left_french {
    text-align: left;
    margin-top: 3em;
  }

  .align-info-box-left_french .info-box--center {
    min-width: 385px !important;
  }

  .colored_info-box__trigger {
    background: url("/AccountOpen/assets/ic_info_new_blue.svg") no-repeat center/contain,url("/AccountOpen/assets/important_text.svg") no-repeat right;
    background-size: 7.5em .75em;
    width: 17em;
    height: 24px;
  }

  .colored_info-box__trigger_french {
    background: url("/AccountOpen/assets/ic_info_new_blue.svg") no-repeat center/contain,url("/AccountOpen/assets/important_text_french.svg") no-repeat 11em;
    background-size: 7.5em .75em;
    width: 20em;
    height: 24px;
  }
}

@media all and (orientation: portrait) {
  .colored_info-box__trigger {
    background: url("/AccountOpen/assets/ic_info_new_blue.svg") no-repeat left,url("/AccountOpen/assets/important_text.svg") no-repeat right !important;
    width: 9em;
  }

  .colored_info-box__trigger_french {
    background: url("/AccountOpen/assets/ic_info_new_blue.svg") no-repeat left,url("/AccountOpen/assets/important_text_french.svg") no-repeat right !important;
    width: 11em;
  }

  .align-info-box-left {
    text-align: left;
    margin-top: 2em;
    margin-right: .5em;
    width: 20em;
  }

  .align-info-box-left_french {
    text-align: left;
    margin-top: 2em;
    margin-right: .5em;
    width: 20em;
  }

  .align-info-box-left_french .info-box__helper {
    min-width: 370px !important;
    margin-left: 1em;
  }

  .row-padding-portrait {
    padding-right: 2em;
  }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .colored_info-box__trigger,
  .colored_info-box__trigger_french {
    background-size: auto;
  }

  .colored_info-box__trigger_french {
    background-position-x: 42%,9.5em;
  }
}

.glossary-term-popup {
  text-align: left;
  text-decoration: none;
}

.glossary-term-popup:hover {
  text-decoration: underline;
}

.force-inline-block {
  display: inline-block !important;
}

.radio-with-html {
  position: relative;
}

.radio-with-html__inputs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.radio-with-html__radio {
  width: 1px;
  height: 1px;
  margin-left: -1px;
  margin-top: -1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.radio-with-html__label {
  color: rgba(0,0,0,0);
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}

.header {
  color: #fafafa;
}

.header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fafafa;
  position: relative;
}

.header--dashboard .header__wrapper {
  border-bottom: 1px solid #eaeaea;
}

@media (min-width: 992px) {
  .header--dashboard .header__wrapper {
    border: 0;
  }
}

.header__logo-wrapper {
  display: table-cell;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 15px;
  height: 64px;
}

.header__tabs-wrapper {
  vertical-align: top;
  position: relative;
  display: table-cell;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (min-width: 992px) {
  .header__wrapper {
    display: table;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header__logo-wrapper {
    padding-right: 50px;
  }
}

.header--dashboard-blue {
  background: #0051a5;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header--blue {
  background: #0051a5;
  padding: 2px 0;
}

.header--blue .container,
.header--blue .referral-banner--container {
  padding: 0;
}

@media (max-width: 1200px) {
  .header--dashboard:not(.header--print) {
    width: 100%;
    z-index: 200;
  }
}

.header--print {
  margin-bottom: 30px;
}

.header--print .header__wrapper {
  border-bottom: 1px solid #a1a1a1;
  background: rgba(0,0,0,0);
}

.header__logo {
  display: block;
}

.header__logo-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__contact {
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
}

.header--dashboard-blue .header__contact {
  padding-right: 15px;
}

@media (min-width: 768px)and (max-width: 992px) {
  .header__contact {
    margin-left: 13rem;
  }
}

.header__contact-icon {
  height: 26px;
  margin-right: 20px;
  display: none;
}

@media (min-width: 768px) {
  .header__contact-icon {
    display: block;
  }
}

.header--dashboard-blue .header__contact-icon {
  margin: auto 17px auto auto;
  padding-bottom: 2px;
}

.header__contact-text {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #fafafa;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: auto 0;
  padding-bottom: 2px;
}

@media (min-width: 768px) {
  .header__contact-text-mobile {
    display: none;
  }
}

.header__contact-text-desktop {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
          clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .header__contact-text-desktop {
    clip: auto;
    -webkit-clip-path: none;
            clip-path: none;
    position: static;
    white-space: normal;
    height: auto;
    width: auto;
    overflow: visible;
    white-space: nowrap;
  }
}

@media (min-width: 768px)and (max-width: 992px) {
  .header__contact-text-desktop {
    white-space: normal;
  }
}

.header__contact-link {
  color: #fafafa;
  white-space: nowrap;
}

.header__btn {
  white-space: nowrap;
}

.header_sign-out-btn {
  background-color: #fedf01;
  color: #252525 !important;
  -webkit-box-shadow: #e8cf00;
          box-shadow: #e8cf00;
  display: inline-block;
  padding: 12px 15px;
  margin: .8em 0;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 1px;
  text-decoration: none !important;
  font-family: Roboto;
  font-weight: 500;
  font-style: normal;
}

.header__language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
}

.header__language-text {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 30px;
  margin-left: 30px;
}

.header__button-link-text {
  border: 0;
  background: none;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #fafafa;
  text-decoration: underline;
  cursor: pointer;
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .header__contact-icon {
    width: 25px;
  }

  .header__contact-text {
    margin-top: 19px !important;
  }
}

.input--cta {
  text-align: center;
  margin-bottom: 0;
}

.input--cta.input--left {
  text-align: left;
}

.input--cta.input--inline {
  text-align: left;
  display: inline;
}

.input--cta+.input--cta {
  margin-top: -20px;
}

.input--cta+.input--cta .btn--link {
  font-size: .875rem;
}

.input--cta .btn {
  font-size: 1rem;
}

.input--cta .btn--link {
  font-size: 1rem;
}

.input--cta .btn--link-small {
  font-size: .875rem;
}

.input--cta .btn--no-padding {
  padding-left: 0;
  padding-right: 0;
}

.float-right .input--cta {
  text-align: right;
}

@media (min-width: 576px) {
  .float-left .input--cta .btn--link {
    text-align: left;
  }
}

.external-link a {
  display: inline-block;
  padding-right: 20px;
  background-image: url(/AccountOpen/assets/external_link.png);
  background-repeat: no-repeat;
  background-position: right center;
  margin-right: 2px;
  text-decoration: underline;
}

.rbc-cta {
  text-align: center;
}

.rbc-cta:not(.rbc-cta--tertiary) {
  text-decoration: none;
}

.form__inline-edit {
  border: 0;
  background: none;
  padding: 0;
  font-size: .875rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
  padding: 0 30px;
  border: 0;
  background: rgba(0,0,0,0);
  font-weight: 500;
}

.form__inline-edit:hover {
  text-decoration: none;
}

.form__inline-edit:focus {
  outline: auto;
}

.form__inline-edit:hover {
  cursor: pointer;
}

.transaction-result {
  padding: 30px 0;
  margin: 30px 0 50px;
  border-top: 1px solid #919191;
  border-bottom: 1px solid #919191;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.transaction-result__icon {
  margin-right: 30px;
  margin-left: 10px;
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
  .transaction-result__icon {
    min-width: 70px;
  }
}

.transaction-result__text-section {
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.transaction-result__text-section--centre {
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.transaction-result__title {
  font-size: 1.25rem;
  font-family: "Fira Sans",sans-serif;
  font-weight: 400;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 20px;
  margin: 0 0 2px;
}

@media (min-width: 768px) {
  .transaction-result__title {
    font-size: 1.375rem;
  }
}

.transaction-result--no-text {
  line-height: 1.5;
}

@media (min-width: 768px) {
  .transaction-result--no-text {
    line-height: 2;
  }
}

.transaction-result__text {
  color: #444;
  font-family: Georgia,serif;
  font-style: italic;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
}

.transaction-sending {
  padding: 30px 0;
  margin: 30px 0 50px;
  border-top: 1px solid #6f6f6f;
  border-bottom: 1px solid #6f6f6f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.transaction-sending__icon {
  margin-right: 30px;
  margin-left: 10px;
  display: inline-block;
}

.transaction-sending__text-section {
  display: inline-block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.transaction-sending__title {
  font-size: 1.25rem;
  font-family: "Fira Sans",sans-serif;
  font-weight: 400;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .transaction-sending__title {
    font-size: 1.375rem;
  }
}

.transaction-sending__text {
  color: #444;
  font-family: Georgia,serif;
  font-style: italic;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
}

.tab-bar-wrapper-desktop {
  width: 100%;
}

@media (max-width: 1200px) {
  .tab-bar-wrapper-desktop {
    display: none;
  }
}

.tab-bar__list-item-decorator {
  width: 30px;
  height: 3px;
  background: #006ac3;
}

.tab-bar__list-item-spacer {
  height: 3px;
}

.tab-bar-wrapper-mobile {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}

@media (min-width: 1200px) {
  .tab-bar-wrapper-mobile {
    display: none;
  }
}

.tab-bar__user-menu-button--open {
  width: 100%;
}

.tab-bar__user-menu-button--open .dropdown__button--tab-bar {
  margin: 0 auto;
  display: block;
}

.tab-bar__list {
  background-color: #fafafa;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

@media (min-width: 1200px) {
  .tab-bar__list-item {
    display: inline-block;
  }
}

.tab-bar__list-item-link {
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
  text-decoration: none;
  color: #6f6f6f;
  line-height: 61px;
  display: block;
  padding: 0 30px;
}

.tab-bar__list-item-link:hover {
  color: #252525;
}

.tab-bar__list-item-link--active {
  color: #252525;
  font-weight: 500;
}

.tab-bar__user-menu-button {
  padding-right: 0;
  padding-left: 0;
  background-color: #fede01;
  min-width: 140px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  float: right;
}

.tab-bar__user-menu-button:hover {
  background-color: #fede01;
}

.tab-bar__user-menu-button .dropdown__list--tab-bar {
  text-align: left;
}

@media (min-width: 1200px) {
  .tab-bar__user-menu-button {
    float: none;
    position: absolute;
    right: 0;
  }
}

.tab-bar__menu-icon--menu {
  margin-bottom: -2px;
  margin-right: 10px;
}

.tab-bar__menu-icon--close {
  margin-bottom: -1px;
  margin-left: 10px;
}

.tab-bar__menu-icon--chevron {
  margin-left: 10px;
}

.sidebar {
  border: 1px solid #6f6f6f;
  margin-bottom: 40px;
}

@media (max-width: 575px) {
  .sidebar {
    margin-bottom: 26px;
  }
}

.sidebar__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sidebar__list-item {
  display: none;
  margin: 0;
}

.sidebar--open .sidebar__list-item {
  display: block;
}

.sidebar__list-item:nth-child(2) {
  border-top: 1px solid #6f6f6f;
}

.sidebar__list-item--border-none {
  border: none !important;
}

@media (max-width: 1200px) {
  .sidebar__list-item--border-none {
    padding-left: 50px;
  }
}

.sidebar__list-item-link {
  text-decoration: none;
  display: block;
  padding: 24px 0;
  font-family: "Fira Sans",sans-serif;
  color: #444;
  font-size: .875rem;
  font-weight: 300;
}

@media (min-width: 576px) {
  .sidebar__list-item-link {
    font-size: 1rem;
  }
}

@media (min-width: 768px) {
  .sidebar__list-item-link {
    font-size: 1.125rem;
  }
}

.sidebar__list-item-link:active {
  background: #006ac3;
  color: #fff;
}

.sidebar__list-item--heading {
  display: block;
}

.sidebar__list-item-link--heading {
  background: #fff;
  border: 0;
  width: 100%;
  font-family: "Fira Sans",sans-serif;
  color: #006ac3;
  font-size: .875rem;
  font-weight: 300;
  font-weight: 400;
}

@media (min-width: 576px) {
  .sidebar__list-item-link--heading {
    font-size: 1rem;
  }
}

@media (min-width: 768px) {
  .sidebar__list-item-link--heading {
    font-size: 1.125rem;
  }
}

.sidebar__list-item-link--active {
  font-weight: 400;
  color: #252525;
}

.sidebar__list-item-link--active:active {
  background: inherit;
  color: inherit;
}

.sidebar__heading-icon {
  width: 10px;
  height: 15px;
  vertical-align: middle;
  position: absolute;
}

.sidebar__active-icon {
  width: 15px;
  height: 15px;
  vertical-align: middle;
  position: absolute;
}

.sidebar__heading-icon {
  display: inline-block;
  margin-left: 8px;
}

.sidebar--open .sidebar__heading-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.sidebar__active-icon {
  display: none;
}

.sidebar__list-item-link--active .sidebar__active-icon {
  display: inline-block;
  margin-right: 8px;
  -webkit-transform: translateX(-150%);
          transform: translateX(-150%);
}

.sidebar__open-a11y-text {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
          clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .sidebar__open-a11y-text {
    display: none;
  }
}

@media (min-width: 1200px) {
  .sidebar {
    border: 0;
  }

  .sidebar__list-item {
    margin: 0 0 20px 0;
    display: block;
  }

  .sidebar__list-item:nth-child(2) {
    border-top: 0;
  }

  .sidebar__list-item-link {
    text-align: left;
    display: inline-block;
    padding: 3px 24px;
  }

  .sidebar__list-item-link:active {
    color: inherit;
    background: inherit;
  }

  .sidebar__list-item-link--active {
    font-weight: 400;
    border-left: 4px solid #006ac3;
    padding-left: 20px;
  }

  .sidebar__list-item--heading {
    display: none;
  }

  .sidebar__active-icon,
  .sidebar__list-item-link--active .sidebar__active-icon {
    display: none;
  }
}

.dropdown {
  display: inline-block;
}

.dropdown__button {
  border: none;
  cursor: pointer;
}

.dropdown__list {
  display: none;
  position: relative;
  list-style: none;
  padding: 0;
  z-index: 100;
}

.dropdown__list-mobile {
  position: fixed;
  left: 0;
  top: 64px;
  width: 100%;
  height: calc(100vh - 64px);
  overflow-y: scroll;
  list-style: none;
  padding: 0;
  margin: 0;
  background: #fafafa;
  z-index: 100;
}

.dropdown__list-mobile--open {
  display: block;
}

.dropdown__list-item-link {
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #252525;
  text-decoration: none;
  line-height: 60px;
  padding: 0 20px;
  display: block;
}

.dropdown__list--open {
  display: block;
}

.dropdown__button--tab-bar {
  background-color: #fede01;
  height: 64px;
  width: 100%;
  font-size: .875rem;
}

.dropdown__list--tab-bar {
  background-color: #fafafa;
  min-width: 140px;
  margin: 0;
}

.dropdown__list--tab-bar .dropdown__list-item {
  color: #252525;
  padding: 0;
}

.dropdown__list--tab-bar .dropdown__list-item-link:hover {
  background: #ededed;
}

.tfsa-calc__section {
  margin-bottom: 30px;
}

.tfsa-calc__section .input:last-child {
  margin-bottom: 0;
}

.tfsa-calc__section--result {
  background: #edf3f3;
  padding: 30px;
}

.tfsa-calc__section--result h2:first-child {
  margin-top: 0;
}

@media (min-width: 768px) {
  .tfsa-calc {
    display: table;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 30px;
  }

  .tfsa-calc__section {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    width: calc(50% - 15px);
    margin-bottom: 0;
  }

  .tfsa-calc__section--result {
    vertical-align: bottom;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.checkbox .checkbox--individual.checkbox--error+label:before,
.checkbox .checkbox--individual.checkbox--error:focus+label:before {
  border-color: #b91a0e;
}

.view-and-agree {
  margin-bottom: 40px;
}

.view-and-agree hr {
  margin: 16px 0;
}

.address {
  margin-top: 0;
  font-size: 16px;
  font-weight: normal;
}

.auto-complete {
  position: relative;
}

.auto-complete .options-list {
  position: absolute;
  display: none;
  top: 76px;
  left: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  margin: 1em 0;
  line-height: 1.5;
  min-height: 38px;
  max-height: 140px;
  font-family: "Roboto",sans-serif;
  border-radius: 0 !important;
  -webkit-box-shadow: 0 4px 11px #ddd !important;
          box-shadow: 0 4px 11px #ddd !important;
  border: 1px solid #a1a1a1;
  overflow-y: auto;
  z-index: 102 !important;
  margin-top: 6px !important;
  background-color: #fff;
  width: 100%;
}

.auto-complete .show-options {
  display: block;
}

.auto-complete .option-item {
  padding: 8px;
  cursor: pointer !important;
}

.auto-complete .option-item:hover {
  background-color: #006ac3;
  color: #fff;
}

.auto-complete .loading,
.auto-complete .noresults {
  width: 100%;
}

.auto-complete .option-active {
  background-color: #006ac3;
  color: #fff;
}

.thank-you-page {
  font-size: 1.25rem;
}

.thank-you-confirm {
  margin-top: -64px;
}

@media (max-width: 991px) {
  .thank-you-confirm {
    margin-top: -19px;
  }
}

.thank-you-confirm .confirm-main-content {
  background: #f3f4f5;
  padding-bottom: 180px;
}

.thank-you-confirm .confirm-main-content .print-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
  background: #fff;
  height: auto;
}

.thank-you-confirm .confirm-main-content .print-button {
  margin: 0;
}

.thank-you-confirm .confirm-main-content .whats-next {
  font-size: 1.75rem;
  font-weight: 300;
}

.thank-you-confirm .confirm-main-content .content-block {
  background: #fff;
  border: 1px solid #eaeaea;
  height: auto;
  -webkit-box-shadow: 0 6px 14px 0 rgba(0,0,0,.12);
          box-shadow: 0 6px 14px 0 rgba(0,0,0,.12);
  margin-bottom: 3px;
  padding: 1em;
}

.thank-you-confirm .confirm-main-content ul.thank-you-list {
  list-style: none;
}

@media (max-width: 991px) {
  .thank-you-confirm .confirm-main-content ul.thank-you-list {
    padding-left: 30px;
  }
}

@-webkit-keyframes thankYouFadeIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes thankYouFadeIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.thank-you-confirm .confirm-main-content ul.thank-you-list>li {
  padding-bottom: 10px;
  padding-top: 9px;
  padding-left: 6px;
  opacity: 0;
  -webkit-animation: thankYouFadeIn .75s ease-in both;
          animation: thankYouFadeIn .75s ease-in both;
  text-align: left;
}

.thank-you-confirm .confirm-main-content ul.thank-you-list>li:nth-child(1) {
  z-index: 1;
  position: relative;
}

.thank-you-confirm .confirm-main-content ul.thank-you-list .li-item-header {
  font-weight: 500;
  margin-bottom: .5em;
}

.thank-you-confirm .confirm-main-content ul.thank-you-list .li-bullet {
  width: 8px;
  height: 8px;
  margin-left: -24px;
  margin-top: 22px;
}

.thank-you-confirm .confirm-main-content ul.thank-you-list .li-item-content {
  margin-top: -42px;
}

.thank-you-confirm .confirm-main-content ul.thank-you-list .li-item__animation {
  margin-left: -32px;
  margin-bottom: -52px;
}

.thank-you-confirm .confirm-main-content ul.thank-you-list .li-item__animation svg {
  width: 24px !important;
  height: 24px !important;
}

.thank-you-confirm .confirm-main-content .react-add-to-calendar__dropdown ul {
  list-style: circle;
  opacity: 0;
  -webkit-animation: thankYouFadeIn .3s ease-in both;
          animation: thankYouFadeIn .3s ease-in both;
}

.thank-you-confirm .confirm-main-content .datetime-block-row {
  max-width: 813px;
  border-top: 0 !important;
}

@media (max-width: 991px) {
  .thank-you-confirm .confirm-main-content .datetime-block-row {
    margin-left: -30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: auto;
  }
}

.thank-you-confirm .confirm-main-content .dt-flex-col {
  margin-top: 0;
}

@media (max-width: 991px) {
  .thank-you-confirm .confirm-main-content .dt-flex-col {
    margin-top: 30px;
    width: 100%;
  }
}

.thank-you-confirm .confirm-main-content .ti-flex-col {
  width: 256px;
  margin-bottom: 1em;
  margin-top: 0;
}

@media (max-width: 991px) {
  .thank-you-confirm .confirm-main-content .ti-flex-col {
    width: 100%;
    max-width: 302px;
    margin-top: 15px;
  }
}

.thank-you-confirm .confirm-main-content .SingleDatePicker_1 {
  width: 100%;
}

.thank-you-confirm .confirm-main-content .SingleDatePickerInput_1 {
  width: 100%;
}

.thank-you-confirm .confirm-main-content .DatePicker_container {
  width: 312px;
}

@media (max-width: 991px) {
  .thank-you-confirm .confirm-main-content .DatePicker_container {
    max-width: 302px;
    width: 100%;
  }
}

.thank-you-confirm .confirm-main-content .ty_dashboard-page__header {
  height: 6.25rem;
  margin-top: -6.25rem;
}

@media (max-width: 991px) {
  .thank-you-confirm .confirm-main-content .ty_dashboard-page__header {
    height: 9.375rem;
    margin-top: -9.375rem;
  }
}

.thank-you-confirm .article-main-section {
  background: #e1ebef;
  padding-bottom: 43px;
}

@media (max-width: 991px) {
  .thank-you-confirm .article-main-section {
    padding-bottom: 0px;
  }
}

.thank-you-confirm .article-main-section .article_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media (max-width: 575px) {
  .thank-you-confirm .article-main-section .article_container {
    height: 944px;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .thank-you-confirm .article-main-section .article_container {
    max-height: 1250px;
  }
}

@media (max-width: 991px) {
  .thank-you-confirm .article-main-section .article_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.thank-you-confirm .article-main-section .article1-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 55%;
}

@media (max-width: 991px) {
  .thank-you-confirm .article-main-section .article1-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    height: 100%;
  }
}

.thank-you-confirm .article-main-section .article2-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 45%;
  padding-left: 2em;
}

@media (max-width: 991px) {
  .thank-you-confirm .article-main-section .article2-block {
    width: 100%;
    padding: 1.5em 0;
    height: 100%;
  }
}

.thank-you-confirm .article-main-section .article1-ItemWrapper {
  width: 100%;
  -webkit-box-shadow: 0 6px 14px 0 rgba(0,0,0,.12);
          box-shadow: 0 6px 14px 0 rgba(0,0,0,.12);
}

.thank-you-confirm .article-main-section .img_blue-arrow {
  padding-top: 5px;
  width: 32px;
  height: 34px;
  -o-object-fit: contain;
     object-fit: contain;
  background: #fff;
}

@media (max-width: 991px) {
  .thank-you-confirm .article-main-section .img_blue-arrow {
    padding-bottom: 3px;
    padding-top: 0;
  }
}

.thank-you-confirm .article-main-section .start_investing_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  background: #fff;
}

@media (max-width: 991px) {
  .thank-you-confirm .article-main-section .start_investing_img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
}

.thank-you-confirm .article-main-section .start_investing_img .article1-content {
  width: 55%;
  background: #fff;
  margin: 6em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 991px) {
  .thank-you-confirm .article-main-section .start_investing_img .article1-content {
    width: 85%;
    margin: 2em;
    height: 100%;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .thank-you-confirm .article-main-section .start_investing_img .article1-content {
    max-height: 240px;
  }
}

.thank-you-confirm .article-main-section .start_investing_img .article1-content .learn-more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 33px;
  font-weight: 500;
  line-height: 1.5;
  color: #006ac3;
}

@media (max-width: 991px) {
  .thank-you-confirm .article-main-section .start_investing_img .hike-img {
    width: 100%;
  }
}

.thank-you-confirm .article-main-section .cannonball_approach {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  background: #fff;
  height: 100%;
}

.thank-you-confirm .article-main-section .cannonball_approach .article2-content {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

.thank-you-confirm .article-main-section .cannonball_approach .article2-content .learn-more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 33px;
  font-weight: 500;
  line-height: 1.5;
  color: #006ac3;
}

.thank-you-confirm .article-main-section .cannonball_approach .swim-img {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.thank-you-confirm .article-main-section .article-main-row {
  position: relative;
  margin-top: -70px;
}

.thank-you-confirm .article-main-section .ty-text-link {
  text-decoration: none;
}

.multi-goal-thankyou {
  margin-top: -120px !important;
  font-family: "Roboto",sans-serif;
}

.multi-goal-thankyou .center-section {
  background-color: #fff;
  padding: 64px 0 84px 0;
}

.multi-goal-thankyou .center-section h2 {
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 36px;
  text-align: center;
  color: #252525;
  text-align: left;
}

.multi-goal-thankyou .banner-section {
  margin: 0 0 48px 0;
  padding-top: 48px;
}

.multi-goal-thankyou .banner-section a.email,
.multi-goal-thankyou .banner-section a.email:visited {
  color: #fff;
  text-decoration: none;
}

.multi-goal-thankyou .banner-section h1 {
  font-size: 2rem;
  font-weight: 300;
  line-height: 36px;
  letter-spacing: -0.17px;
  text-align: center;
  color: #fff;
}

.multi-goal-thankyou .banner-section p,
.multi-goal-thankyou .banner-section .save-app-link,
.multi-goal-thankyou .banner-section .text-link {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: -0.11px;
  text-align: center;
  color: #fff;
}

.multi-goal-thankyou .banner-section .save-app-link {
  text-decoration: underline;
  cursor: pointer;
}

.multi-goal-thankyou .banner-section .text-link {
  color: #fff !important;
}

.multi-goal-thankyou .banner-section img {
  margin: 64px 0 24px 0;
}

.multi-goal-thankyou #ViewChangesButton:focus {
  outline-color: #fff;
  outline-offset: .125rem;
}

.multi-goal-thankyou #DownloadDocuments:focus {
  outline-color: #fff;
  outline-offset: .25rem;
}

.page__section {
  margin-top: 40px;
}

.auto-width-cta .rbc-cta {
  width: auto;
  min-width: auto;
}

.ongoing-group-deposit .kyc__section,
.ongoing-group-deposit .discovery-projections .kyc__section {
  font-weight: bold;
}

.ongoing-group-deposit .input-container,
.ongoing-group-deposit .display-cell {
  font-family: "Roboto",sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 24px;
  color: #252525;
}

.ongoing-group-deposit .input-container .strong,
.ongoing-group-deposit .display-cell .strong {
  font-weight: normal;
}

.ongoing-group-deposit .contribution-field .input__unit-container {
  width: 107px;
}

.ongoing-group-deposit .investment-period-field .input__unit-container,
.ongoing-group-deposit .investment-period-field input {
  width: 100%;
}

@media (min-width: 992px) {
  .ongoing-group-deposit .investment-period-field .input__unit-container,
  .ongoing-group-deposit .investment-period-field input {
    width: 75%;
  }
}

.ongoing-group-deposit .contribution-interval .input__unit-container {
  width: 100%;
}

@media (min-width: 992px) {
  .ongoing-group-deposit .contribution-interval .input__unit-container {
    width: 107px;
  }
}

.ongoing-group-deposit .section-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

@media (min-width: 992px) {
  .ongoing-group-deposit .section-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}

.ongoing-group-deposit .estimate-investments .mt-4 {
  margin-top: 0;
}

.ongoing-group-deposit .estimate-investments .heading {
  font-family: "Roboto",sans-serif;
  font-size: 1.125rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #252525;
}

.ongoing-group-deposit .estimate-investments .calculation-container .total-invested .totalVal {
  font-size: 1.25rem;
  font-weight: 400;
}

.ongoing-group-deposit .estimate-investments .calculation-container .contributions .val {
  font-weight: 500;
}

.error-page {
  font-family: "Roboto",sans-serif;
  font-style: normal;
}

.error-page .error-wrapper {
  padding: 0 9px;
}

.error-page .error-tech-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.error-page .error-heading {
  font-weight: 500;
  font-size: 1.125em;
  line-height: 28px;
  text-align: center;
  color: #252525;
}

.error-page .error-msg {
  font-weight: 300;
  font-size: 1em;
  line-height: 24px;
  color: #585858;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.error-page .error-msg-text-center {
  font-weight: 300;
  font-size: 1em;
  line-height: 24px;
  color: #585858;
  display: block;
  text-align: center;
}

@media (max-width: 992px) {
  .error-page .error-msg-text-center {
    text-align: initial;
  }
}

.retirement-calculator-section {
  background: #f3f4f5;
  padding: 20px 0 30px;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  margin: 30px 0;
}

.retirement-calculator {
  background: #fff;
  padding: 20px;
  border: 1px solid #eaeaea;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.06);
          box-shadow: 0 2px 4px rgba(0,0,0,.06);
  margin: 20px 0;
}

.retirement-calculator__chart-title {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
}

@media (min-width: 576px) {
  .retirement-calculator__chart-title {
    font-size: 1.125rem;
  }
}

.retirement-calculator__calc-title {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  margin-top: 0;
}

@media (min-width: 576px) {
  .retirement-calculator__calc-title {
    font-size: 1.125rem;
  }
}

.retirement-calculator__field-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.retirement-calculator__field-input {
  width: 180px;
}

.retirement-calculator__field-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0 0 0 20px;
}

.retirement-calculator__results {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}

.retirement-calculator__result-label,
.retirement-calculator__result-value {
  text-align: left;
  padding: 20px 0;
}

.retirement-calculator__result-label {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
}

.retirement-calculator__result-value {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
}

@media (min-width: 576px) {
  .retirement-calculator__result-value {
    font-size: 1.125rem;
  }
}

@media (min-width: 992px) {
  .retirement-calculator-section {
    margin: 50px 0;
  }

  .retirement-calculator {
    background: #fff;
    padding: 28px;
    width: 96%;
    margin-top: 0;
  }

  .retirement-calculator__results {
    margin: 30px 0;
  }

  .retirement-calculator__result-label,
  .retirement-calculator__result-value {
    width: 50%;
  }
}

.risk-calculator {
  background: #f3f4f5;
  border-top: 1px solid #eaeaea;
  padding: 40px 0;
  overflow: hidden;
}

@media (max-width: 991px) {
  .risk-calculator--chart {
    background: #fff;
  }
}

.small-device-arrow_container {
  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;
  margin-left: -40px;
}

@media (min-width: 992px) {
  .small-device-arrow_container {
    border-top: none;
    width: 100%;
    display: block;
    margin-left: -15%;
  }

  .risk-calculator {
    border-top: none;
  }
}

.arrow_container {
  position: relative;
  width: 130%;
  overflow: hidden;
  margin: 0 0 0 -15%;
}

.arrow_container .arrow_left {
  position: absolute;
  top: 85%;
  left: -8%;
  width: 85%;
  height: 25%;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
  background: #f3f4f5;
  border-top: 1px solid #e0e0e0;
}

.arrow_container .arrow_left_overlay {
  z-index: 2;
  position: absolute;
  top: 85%;
  left: -9%;
  width: 85%;
  height: 25%;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
  background: #f3f4f5;
}

.arrow_container .arrow_right {
  position: absolute;
  top: 85%;
  left: 25%;
  width: 85%;
  height: 25%;
  -webkit-transform: rotate(165deg);
          transform: rotate(165deg);
  background: #f3f4f5;
  border-bottom: 1px solid #e0e0e0;
}

.arrow_container .arrow_overlay {
  width: 100%;
  height: 5%;
  margin-left: 3px;
  bottom: -1px;
  z-index: 2;
  position: absolute;
  background: #f3f4f5;
  display: block;
}

@media (min-width: 768px) {
  .arrow_container .arrow_left_overlay {
    display: none;
  }

  .arrow_container .arrow_left {
    position: absolute;
    top: 85%;
    left: -25px;
    width: 75%;
    height: 25%;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
    background: #f3f4f5;
    border-top: 1px solid #e0e0e0;
  }

  .arrow_container .arrow_right {
    position: absolute;
    top: 90%;
    left: 3%;
    width: 105%;
    height: 26%;
    -webkit-transform: rotate(165deg);
            transform: rotate(165deg);
    background: #f3f4f5;
    border-bottom: 1px solid #e0e0e0;
  }

  .arrow_container .arrow_overlay {
    width: 100%;
    height: 7%;
    margin-left: -3px;
    bottom: -3px;
    z-index: 2;
    position: absolute;
    background: #f3f4f5;
    display: block;
  }
}

@media (min-width: 992px) {
  .arrow_container {
    margin: 0;
    width: 100%;
  }

  .arrow_container .arrow_left_overlay {
    position: absolute;
    top: 9%;
    left: 57%;
    width: 64%;
    height: 33%;
    -webkit-transform: rotate(65deg);
            transform: rotate(65deg);
    background: #f3f4f5;
    border: none;
    z-index: 2;
    margin-left: 1px;
    display: block;
  }

  .arrow_container .arrow_left {
    position: absolute;
    top: 9%;
    left: 56%;
    width: 63%;
    height: 31%;
    -webkit-transform: rotate(65deg);
            transform: rotate(65deg);
    background: #f3f4f5;
    border-bottom: 1px solid #e0e0e0;
  }

  .arrow_container .arrow_right {
    position: absolute;
    top: 61%;
    left: 67%;
    width: 51%;
    height: 150px;
    -webkit-transform: rotate(111deg);
            transform: rotate(111deg);
    background: #f3f4f5;
    border-bottom: 1px solid #e0e0e0;
    -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,.1);
            box-shadow: 0 1px 2px 1px rgba(0,0,0,.1);
    margin-bottom: 3px;
  }

  .arrow_container .arrow_overlay {
    width: 40%;
    height: 100%;
    margin-left: 3px;
    bottom: -1px;
    z-index: 2;
    position: absolute;
    background: #f3f4f5;
    display: block;
    left: 85%;
    top: 0;
  }
}

@media (min-width: 1200px) {
  .arrow_container {
    margin: 0;
    width: 100%;
  }

  .arrow_container .arrow_left_overlay {
    position: absolute;
    top: 9%;
    left: 56%;
    width: 56%;
    height: 33%;
    -webkit-transform: rotate(65deg);
            transform: rotate(65deg);
    background: #f3f4f5;
    border: none;
    z-index: 2;
    margin-left: 1px;
    display: block;
  }

  .arrow_container .arrow_left {
    position: absolute;
    top: 9%;
    left: 56%;
    width: 53%;
    height: 31%;
    -webkit-transform: rotate(65deg);
            transform: rotate(65deg);
    background: #f3f4f5;
    border-bottom: 1px solid #e0e0e0;
  }

  .arrow_container .arrow_right {
    position: absolute;
    top: 61%;
    left: 67%;
    width: 40%;
    height: 150px;
    -webkit-transform: rotate(111deg);
            transform: rotate(111deg);
    background: #f3f4f5;
    border-bottom: 1px solid #e0e0e0;
    -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,.1);
            box-shadow: 0 1px 2px 1px rgba(0,0,0,.1);
    margin-bottom: 3px;
  }

  .arrow_container .arrow_overlay {
    width: 40%;
    height: 100%;
    margin-left: 3px;
    bottom: -1px;
    z-index: 2;
    position: absolute;
    background: #f3f4f5;
    display: block;
    left: 85%;
    top: 0;
  }
}

.risk-calculator__risk-selection {
  position: relative;
  display: block;
  background: rgba(0,0,0,0);
  padding: 20px;
  margin-bottom: 20px;
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
}

.risk-calculator__risk-selection .input-group__elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.risk-calculator__risk-selection .risk-calculator__options .input {
  width: 200px;
  margin-bottom: 9px;
}

@media (min-width: 992px) {
  .risk-calculator__risk-selection {
    background: #fff;
    border: 1px solid #eaeaea;
    height: auto;
    -webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,.1);
            box-shadow: 0 2px 2px 1px rgba(0,0,0,.1);
    margin-bottom: 3px;
  }

  .risk-calculator__risk-selection .input-group__elements {
    display: block;
  }

  .risk-calculator__risk-selection .risk-calculator__options .input {
    margin: 0 0 9px 0;
    width: auto;
  }
}

@media (min-width: 992px) {
  .risk-calculator__risk-selection {
    padding: 30px;
  }

  .risk-calculator__risk-selection .risk-calculator__options {
    padding: 0;
  }
}

.risk-calculator__risk-selection .portfolio-piechart-wrapper .button-tray--no-margin {
  margin-top: 0px;
}

.risk-calculator__risk-selection .edit-plan-block .btn--secondary {
  min-width: 250px;
}

.risk-calculator__risk-selection legend {
  border: none;
  position: absolute;
  top: 25;
}

.risk-calculator__options {
  margin: 20px 0;
  padding-bottom: 50px;
}

.risk-calculator__options .input {
  margin-bottom: 15px;
}

.risk-calculator__chart-title {
  position: absolute;
  top: 14px;
  width: 100%;
  text-align: center;
}

.read-more-toggle__content {
  overflow-y: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out;
  transition: opacity 400ms ease-out;
}

.read-more-toggle--open .read-more-toggle__content {
  height: auto;
  opacity: 1;
  -webkit-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
}

.read-more-toggle__trigger {
  display: inline-block;
}

.read-more-toggle__trigger-icon {
  display: inline-block;
  background: url(/AccountOpen/assets/chevron_small_blue-941abe789ddb3241ad325c387d9b8e7f.svg) center right no-repeat;
  width: 10px;
  height: 8px;
  margin-left: 7px;
  vertical-align: middle;
  -webkit-transition: -webkit-transform 200ms linear;
  transition: -webkit-transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear;
}

.read-more-toggle--open .read-more-toggle__trigger-icon {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.read-more-toggle__trigger-text {
  border: 0;
  background: none;
  padding: 0;
  font-size: .875rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
}

.read-more-toggle__trigger-text:hover {
  text-decoration: none;
}

.read-more-toggle__trigger-text:focus {
  outline: auto;
}

.read-more-index {
  position: relative;
  z-index: 9;
}

.content-transition-appear,
.content-transition-enter,
.content-transition-enter-done {
  opacity: .01;
}

.content-transition-enter.content-transition-enter-active,
.content-transition-appear.content-transition-appear-active,
.content-transition-appear-done {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}

.content-transition-leave {
  opacity: 1;
}

.content-transition-leave.content-transition-leave-active {
  opacity: .01;
  -webkit-transition: opacity 300ms ease-in;
  transition: opacity 300ms ease-in;
}

.content__loading-wrapper {
  background: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9;
}

.spinner {
  -webkit-animation: rotator 1.4s linear infinite;
          animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotator {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.spinner__path {
  stroke-dasharray: 150,250;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;
          animation: dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;
}

.noMargin {
  padding: 0 !important;
}

.spinner__path_nocolor {
  stroke-dasharray: 150,250;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite;
          animation: dash 1.4s ease-in-out infinite;
}

@-webkit-keyframes colors {
  0% {
    stroke: #fede01;
  }

  25% {
    stroke: #fede01;
  }

  50% {
    stroke: #fede01;
  }

  75% {
    stroke: #fede01;
  }

  100% {
    stroke: #fede01;
  }
}

@keyframes colors {
  0% {
    stroke: #fede01;
  }

  25% {
    stroke: #fede01;
  }

  50% {
    stroke: #fede01;
  }

  75% {
    stroke: #fede01;
  }

  100% {
    stroke: #fede01;
  }
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
    stroke-dasharray: 187;
  }

  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    stroke-dasharray: 187;
  }

  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    stroke-dasharray: 187;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 187;
    stroke-dasharray: 187;
  }

  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    stroke-dasharray: 187;
  }

  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    stroke-dasharray: 187;
  }
}

.spinner-container {
  position: fixed;
  top: 47%;
  left: 47%;
}

.spinner-wrapper {
  min-height: 300px;
  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;
}

.signing .spinner-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.spinner-for-module {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 576px) {
  .spinner-for-module.-desktop {
    display: none;
  }
}

.spinner-for-module.-mobile {
  width: auto;
}

@media (min-width: 576px) {
  .spinner-for-module.-mobile {
    display: none;
  }
}

.spinner-center {
  height: 100vh;
  padding: 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.spinner-for-module--primary {
  margin: 80px 0;
}

#signingCeremonyAgreements .document-review-page .spinner-for-module {
  height: 150px;
}

#signingCeremonyAgreements .document-review-page .spinner-for-module--primary {
  margin: 10px 0;
}

.spinner-container-with-verbiage .spinner-for-module {
  margin: 20px 0 50px;
}

@media (min-width: 768px) {
  #signingCeremonyAgreements .document-review-page .spinner-for-module {
    height: 100%;
  }

  #signingCeremonyAgreements .document-review-page .spinner-for-module--primary {
    margin: 80px 0;
  }

  .spinner-container-with-verbiage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .spinner-container-with-verbiage .spinner-for-module {
    float: left;
    width: 65px;
    margin: 24px 50px 0 0;
  }

  .spinner-container-with-verbiage .input--cta {
    float: left;
  }

  .spinner-container-with-verbiage .input--cta .btn--link {
    padding: 0;
    min-width: auto;
    border: 0;
  }
}

.goals-projection-spinner,
.spinner-with-content {
  min-height: 300px;
}

.goals-projection-spinner .spinner,
.spinner-with-content .spinner {
  position: absolute;
  top: 30%;
  left: 47%;
}

.container.is-submitting .spinner-wrapper,
.is-submitting.referral-banner--container .spinner-wrapper,
.goals-projection-spinner .spinner-wrapper,
.spinner-with-content .spinner-wrapper {
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  position: absolute;
  left: 0;
  right: 0;
}

.container.is-submitting .spinner-wrapper h1,
.is-submitting.referral-banner--container .spinner-wrapper h1,
.goals-projection-spinner .spinner-wrapper h1,
.spinner-with-content .spinner-wrapper h1 {
  margin-top: 80px;
}

.container.is-submitting>div:not(.spinner-wrapper),
.is-submitting.referral-banner--container>div:not(.spinner-wrapper),
.goals-projection-spinner>div:not(.spinner-wrapper),
.spinner-with-content>div:not(.spinner-wrapper) {
  visibility: hidden;
}

.container.is-submitting .spinner,
.is-submitting.referral-banner--container .spinner,
.goals-projection-spinner .spinner,
.spinner-with-content .spinner {
  position: absolute;
  top: 200px;
  left: calc(50% - 33px);
}

.module-spin-box {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.module-spin-box-container>:not(.module-spin-box) {
  visibility: hidden;
}

.floating-list {
  margin-top: 30px;
}

.floating-list__item {
  border: 1px solid #eaeaea;
  margin-bottom: 20px;
}

.floating-list-hr {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 25px;
  margin-right: 40px;
}

.effective-font-color {
  color: #333;
}

.floating-list__item-block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.floating-list__item-block {
  padding: 15px;
}

@media (min-width: 768px) {
  .floating-list__item-block {
    padding: 20px 20px 10px;
    width: 25%;
  }
}

.floating-bevel-box {
  margin: 30px auto;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 2px 3px 1px #ddd;
          box-shadow: 0 2px 3px 1px #ddd;
}

.floating-list__item-block-fullwidth {
  padding: 15px;
}

@media (min-width: 768px) {
  .floating-list__item-block-fullwidth {
    padding: 0px 20px 10px;
  }
}

.floating-bevel-box h3 {
  padding-left: 20px;
  margin-bottom: -10px;
  margin-top: 30px;
}

.floating-list__item-block--full {
  width: 100%;
}

@media (min-width: 768px) {
  .floating-list__item-block--full {
    width: 100%;
  }
}

.floating-list__item-heading {
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 400;
  margin: 0;
}

.floating-list__item-heading-new {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #444;
}

.floating_list__item-heading--invisible {
  color: rgba(0,0,0,0);
}

.floating-list__item-body {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
}

.floating-list__item-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px 15px;
}

@media (min-width: 768px) {
  .floating-list__item-actions {
    padding: 25px;
  }
}

.floating-list__item-action-block {
  border-right: 1px solid #eaeaea;
  margin-left: 15px;
}

@media (min-width: 768px) {
  .floating-list__item-action-block {
    margin-left: 25px;
  }
}

.floating-list__item-action-block:last-child {
  border: 0;
}

.floating-list__item-action-block:first-child {
  margin-left: 0;
}

.floating-list__action {
  border: 0;
  background: none;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  padding: 0 25px;
  display: block;
}

.floating-list__action:hover {
  text-decoration: none;
}

.floating-list__action:focus {
  outline: auto;
}

.floating-list__action--view {
  background-image: url(/AccountOpen/assets/ic_view-b679c980cd103170a71e4c61bf790d41.svg);
}

.floating-list__action--download {
  background-image: url(/AccountOpen/assets/ic_download-278420fadf3202bb78fb8a16335037c2.svg);
}

.floating-list__action--delete {
  background-image: url(/AccountOpen/assets/ic_delete-aef510ae9327209067e6fdb3e47c24f2.svg);
}

.floating-list__item--activate-xs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.floating-list__item--activate-xs .floating-list__item-block-wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 70%;
}

.floating-list__item--activate-xs .floating-list__item-block {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (min-width: 768px) {
  .floating-list__item--activate-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .floating-list__item--activate-sm .floating-list__item-block-wrapper {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 70%;
  }

  .floating-list__item--activate-sm .floating-list__item-block {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

@media (min-width: 992px) {
  .floating-list__item--activate-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .floating-list__item--activate-md .floating-list__item-block-wrapper {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 70%;
  }

  .floating-list__item--activate-md .floating-list__item-block {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

@media (min-width: 1200px) {
  .floating-list__item--activate-lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .floating-list__item--activate-lg .floating-list__item-block-wrapper {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 70%;
  }

  .floating-list__item--activate-lg .floating-list__item-block {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.madlibs-select {
  display: inline-block;
  border: none;
  background: rgba(0,0,0,0);
  z-index: 99;
  position: relative;
  min-width: 75px;
  margin: 0 6px 5px 3px;
}

.madlibs-select select {
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  color: #252525;
  font-size: 1.25rem;
  width: 100%;
  appearance: none;
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #a1a1a1;
  background: rgba(0,0,0,0);
  z-index: 99;
  position: relative;
  padding-bottom: 4px;
  padding-right: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.madlibs-select select::-ms-expand {
  display: none;
}

.madlibs-select select:focus {
  border-radius: 0px;
  border-bottom: 2px solid #006ac3;
}

.madlibs-select #contributionFrequency {
  text-transform: lowercase;
}

.madlibs-select:after {
  content: "";
  background: url(/AccountOpen/assets/select_arrow_blue-f1e2db67b40555252f55df0192ec95fd.svg) no-repeat;
  display: block;
  width: 20px;
  height: 10px;
  position: absolute;
  right: 1px;
  bottom: 50%;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

.madlibs-select._has-error select {
  padding: 0 0 5px;
  border: 2px solid #b91a0e;
}

.madlibs-select._has-error select:focus {
  border: 0;
  border-bottom: 2px solid #006ac3;
}

.madlibs-text {
  display: inline-block;
  border: none;
  background: rgba(0,0,0,0);
  z-index: 99;
  position: relative;
  margin: 0 3px 5px 3px;
  min-width: 75px;
}

.madlibs-text input[type=text] {
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #252525;
  text-align: center;
  font-size: 20px;
  width: 100%;
  border-radius: 0px;
  border: 0;
  border-bottom: 1px solid #a1a1a1;
  background: rgba(0,0,0,0);
  z-index: 99;
  position: relative;
  padding: 0;
  height: 31px;
  line-height: normal;
}

.madlibs-text input[type=text]::-webkit-input-placeholder {
  color: #ccc;
}

.madlibs-text input[type=text]:-ms-input-placeholder {
  color: #ccc;
}

.madlibs-text input[type=text]::-ms-input-placeholder {
  color: #ccc;
}

.madlibs-text input[type=text]::placeholder {
  color: #ccc;
}

.madlibs-text input[type=text]:-ms-input-placeholder {
  color: #ccc !important;
  font-weight: 400 !important;
}

.madlibs-text input[type=text]::-ms-input-placeholder {
  color: #ccc;
  font-weight: 400;
}

.madlibs-text input[type=text]:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0;
  border-bottom: 2px solid #006ac3;
}

.madlibs-text._has-error input[type=text] {
  border: 2px solid #b91a0e;
  padding: 0;
  height: 31px;
  line-height: 31px;
}

.madlibs-text._has-error input[type=text]:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0;
  border-bottom: 2px solid #006ac3;
}

.madlibs-copy-block {
  display: block;
  margin: 10px 0 0;
}

.madlibs-copy {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 200;
  line-height: 2.5;
}

@media (min-width: 576px) {
  .madlibs-copy {
    font-size: 1.125rem;
  }
}

.madlibs-error-list {
  list-style: none;
  margin: 40px 0;
  padding: 0;
  position: relative;
  font-size: 16px;
  color: #b91a0e;
  top: 0px;
  opacity: 1;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  max-height: 999px;
  clear: both;
}

.madlibs-select .audit-errors-list,
.madlibs-text .audit-errors-list {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
          clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.madlibs-error-list__message {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #b91a0e;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  line-height: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.madlibs-error-list__text {
  margin-left: 10px;
}

.madlibs-error-list__message::before {
  content: "";
  background: url(/AccountOpen/assets/error-ed5ade2fe39853af6e9b720dffb5785b.svg) no-repeat left;
  width: 1em;
  height: 1em;
  display: block;
  float: left;
}

@media (max-width: 576px) {
  .income-type .madlibs-select {
    width: 88%;
    margin-left: 5px;
  }
}

.range-slider__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 992px) {
  .range-slider__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.range-slider {
  width: 90%;
  margin: 25px auto;
}

@media (min-width: 992px) {
  .range-slider {
    width: 75%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 0 auto;
  }

@-moz-document url-prefix()  {
    .range-slider {
      margin-top: 15px;
    }
}
}

.range-slider__range {
  -webkit-appearance: none;
  width: 100%;
}

.range-slider__range:focus::-webkit-slider-runnable-track {
  background: silver;
}

.range-slider__range:focus::-ms-fill-lower {
  background: #b3b3b3;
}

.range-slider__range:focus::-ms-fill-upper {
  background: silver;
}

.range-slider__range::-webkit-slider-runnable-track {
  cursor: pointer;
  height: 3px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 100%;
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
          box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
  background: #b3b3b3;
  border: 0 solid rgba(0,0,0,0);
  border-radius: 12px;
}

.range-slider__range::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
          box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
  background: #006ac3;
  border: 0 solid rgba(0,0,0,0);
  border-radius: 50%;
  cursor: pointer;
  height: 25px;
  width: 25px;
  -webkit-appearance: none;
  margin-top: -11px;
}

.range-slider__range::-moz-range-track {
  cursor: pointer;
  height: 3px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 100%;
  box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
  background: #b3b3b3;
  border: 0 solid rgba(0,0,0,0);
  border-radius: 12px;
}

.range-slider__range::-moz-range-thumb {
  box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
  background: #006ac3;
  border: 0 solid rgba(0,0,0,0);
  border-radius: 50%;
  cursor: pointer;
  height: 25px;
  width: 25px;
}

.range-slider__range::-ms-track {
  cursor: pointer;
  height: 3px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 100%;
  background: rgba(0,0,0,0);
  border-color: rgba(0,0,0,0);
  border-width: 12.5px 0;
  color: rgba(0,0,0,0);
}

.range-slider__range::-ms-fill-lower {
  box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
  background: #a6a6a6;
  border: 0 solid rgba(0,0,0,0);
  border-radius: 24px;
}

.range-slider__range::-ms-fill-upper {
  box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
  background: #b3b3b3;
  border: 0 solid rgba(0,0,0,0);
  border-radius: 24px;
}

.range-slider__range::-ms-thumb {
  box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
  background: #006ac3;
  border: 0 solid rgba(0,0,0,0);
  border-radius: 50%;
  cursor: pointer;
  height: 25px;
  width: 25px;
  margin-top: 0;
}

.range-slider__field {
  vertical-align: baseline;
  width: 85%;
  margin: 0 auto;
  display: block;
}

.range-slider__field input[type=number] {
  padding: 12px 15px;
  border: 1px solid #a1a1a1;
  width: calc(100% - 21px);
}

.range-slider__field input[type=number]:focus {
  padding: 11px 14px;
  border: 2px solid #006ac3;
}

.range-slider__field .input {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .range-slider__field {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 50px;
    width: 20%;
  }
}

.accounts-panel {
  display: block;
  margin-left: 10px;
}

@media (min-width: 768px) {
  .accounts-panel {
    margin-left: 0;
    margin-right: 25px;
  }
}

.accounts-panel-left {
  display: inline-block;
}

@media (min-width: 768px) {
  .accounts-panel-left {
    margin-left: 15px;
  }
}

.accounts-panel-right {
  display: inline-block;
  margin-top: 20px;
}

@media (min-width: 768px) {
  .accounts-panel-right {
    float: right;
    margin: inherit;
  }
}

.accounts-flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

.accounts-flex-row .flex-col {
  margin-top: 15px;
}

@media (max-width: 575px) {
  .accounts-flex-row {
    border-top: 2px solid #d0d0d0;
  }
}

@media (max-width: 768px) {
  .accounts-flex-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .accounts-flex-row .flex-col:nth-child(4) {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .accounts-flex-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

.edit-plan-block {
  margin: 30px 0;
}

.edit-plan-save {
  margin-bottom: 25px;
}

.accounts-panel-row:last-child {
  border-top: 1px solid #eaeaea;
}

.accounts-panel-value-table {
  border-collapse: collapse;
}

.accounts-panel-text {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 400;
  text-align: left;
  padding-right: 30px;
}

.accounts-panel-value {
  font-family: "Fira Sans",sans-serif;
  font-size: 1.375rem;
  font-weight: 300;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 200;
  text-align: right;
}

@media (min-width: 576px) {
  .accounts-panel-value {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .accounts-panel-value {
    font-size: 1.875rem;
  }
}

.discovery-select {
  display: inline-block;
  border: none;
  background: rgba(0,0,0,0);
  z-index: 99;
  position: relative;
  min-width: 115px;
  margin-bottom: 18px;
}

.discovery-select:after {
  background: url(/AccountOpen/assets/select_arrow_blue-f1e2db67b40555252f55df0192ec95fd.svg) no-repeat;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 6px;
}

.discovery-select__input {
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  color: #006ac3;
  display: inline-block;
  font-size: 20px;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 0px;
  background: rgba(0,0,0,0);
  z-index: 99;
  position: relative;
  padding-bottom: 6px;
}

.discovery-select__input:focus {
  border-radius: 0px;
  padding-bottom: 5px;
}

.discovery-select__text {
  border: 0;
  background: none;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 200;
  font-size: 20px;
  display: inline-block;
  margin-bottom: 15px;
  margin-right: 15px;
}

.discovery-select__text:hover {
  text-decoration: none;
}

.discovery-select__text:focus {
  outline: auto;
}

@media (min-width: 576px) {
  .discovery-select__text {
    margin-bottom: 0;
  }
}

.discovery-select._has-error select {
  padding: 0 0 5px;
  border: 2px solid #b91a0e;
  margin-top: -1px;
}

.discovery-select._has-error select:focus {
  border: 0;
}

.discovery-goal p,
.risk-calculator,
.discovery-goal__label,
.discovery-goal__value,
.discovery-goal .discovery-goal__invest-ease-projection__label span,
.discovery-goal__invest-ease-projection,
.discovery-goal__invest-ease-projection a,
.discovery-goal__traditional-projection,
.discovery-goal__traditional-projection a,
.discovery-goal__invest-ease-projection-value {
  font-family: "Roboto";
  font-style: initial;
}

.flex-col .number {
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (max-width: 576px) {
  .flex-col .number {
    padding-left: 0px;
    padding-right: 0px;
  }
}

div.btn[role=button] {
  display: inline-block;
  text-align: center;
}

.btn-transparent {
  background: rgba(0,0,0,0);
}

.discovery-goal {
  padding: 43px 10px 0;
  margin: 0 -6px;
  border-bottom: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.discovery-goal>h3 {
  margin-bottom: 29px;
}

@media (min-width: 576px) {
  .discovery-goal {
    margin: 0;
    padding: 40px 20px 0;
  }

  .discovery-goal>h3 {
    margin-bottom: 75px;
  }
}

@media (min-width: 768px) {
  .discovery-goal>h3 {
    margin-bottom: 69px;
  }
}

@media (min-width: 992px) {
  .discovery-goal {
    padding: 40px 40px 0;
  }
}

@media (max-width: 991px) {
  .discovery-goal.informed-toggle {
    padding-top: 0;
  }
}

.discovery-goal.informed-toggle .form__section {
  margin-top: 5px;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .discovery-goal.informed-toggle .form__section {
    padding-bottom: 48px;
  }
}

.discovery-goal.informed-toggle .form__section legend {
  position: static;
}

.discovery-goal.informed-toggle .form__section .input-group__elements {
  text-align: center;
  padding-top: 3px;
}

@media (max-width: 991px) {
  .discovery-goal.informed-toggle .form__section .input-group__elements .radio-container {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .discovery-goal.informed-toggle .form__section .input-group__elements .radio-container {
    text-align: left;
  }

  .discovery-goal.informed-toggle .form__section .input-group__elements .radio-container .input {
    display: block;
    margin-top: 0;
  }

  .discovery-goal.informed-toggle .form__section .input-group__elements .radio-container .radio--inline+.radio--inline {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .discovery-goal.informed-toggle .form__section .input-group__elements .radio--inline+p+.radio--inline {
    margin-left: 4%;
  }
}

.discovery-goal.informed-toggle .form__section .did-you-know-container {
  margin-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 991px) {
  .discovery-goal.informed-toggle .form__section .did-you-know-container {
    margin-top: 16px;
  }
}

.discovery-goal.informed-toggle .form__section .did-you-know-container>div {
  width: auto;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .discovery-goal.informed-toggle .form__section .did-you-know-container .did-you-know {
    margin: 0;
    padding: 0;
  }
}

p.discovery-goal-blurb-text sup {
  color: #006ac3;
}

.discovery-goal--chart {
  margin: 0;
}

.discovery-goal__label,
.discovery-goal__value {
  color: #444;
}

.discovery-goal__label {
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (max-width: 576px) {
  .discovery-goal__label {
    min-width: 240px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.discovery-goal__edit {
  color: #0080ce;
}

.discovery-goal__value {
  margin-top: 0px;
}

.discovery-goal__value p {
  margin-top: 10px;
}

.discovery-goal__projection-container {
  background: #fafafa;
  margin: 0px;
  padding: 20px;
  border: 1px solid #eaeaea;
}

.discovery-goal__invest-ease-projection,
.discovery-goal__invest-ease-projection a,
.discovery-goal__traditional-projection,
.discovery-goal__traditional-projection a,
.discovery-goal__invest-ease-projection-value {
  color: #0d64aa;
  font-size: 16px;
}

.discovery-goal__invest-ease-projection__label,
.discovery-goal__traditional-projection__label {
  font-size: 16px;
}

.discovery-goal__invest-ease-projection__label p,
.discovery-goal__traditional-projection__label p {
  padding: 0px;
  margin: 0px;
}

.discovery-goal__invest-ease-projection-value,
.discovery-goal__traditional-projection__value {
  font-size: 24px;
}

.discovery-goal__traditional-projection,
.discovery-goal__traditional-projection a,
.discovery-goal__traditional-projection__value {
  color: #9e5406 !important;
}

.discovery-goal__traditional-projection__value {
  font-weight: 300;
}

.separator {
  border: 1px solid #e5e5e5;
}

.separator--orange-dotted {
  border: 1px dotted #9e5406;
}

.discovery-goal-value-table {
  width: 100%;
}

.discovery-goal-value-table th,
.discovery-goal-value-table td {
  width: 50%;
  text-align: left;
}

.discovery-goal-value-table .discovery-goal__invest-ease-projection__label {
  font-weight: 400;
}

.separator--blue-solid {
  border: 1px solid #0d64aa;
}

.discovery-goal__calculation-logic-container {
  padding-left: 40px;
  font-size: 14px;
  color: #565656;
}

.discovery-goal__calculation-logic-container a {
  color: #1e8ace;
}

.discovery-goal__calculation-logic-container .info-box span {
  font-size: 14px;
  font-style: initial;
}

@media (min-width: 992px) {
  #discovery_projections_toogle .col-md-pull-7 {
    right: 41.66667%;
  }

  #discovery_projections_toogle .col-md-push-5 {
    left: 58.33333%;
  }
}

#discovery_projections_toogle .hide {
  visibility: hidden;
}

#infobox-trigger-feesDefinitionBox {
  color: #9e5406;
}

@media (min-width: 992px) {
  .switch .toggle-group {
    margin-top: 2rem;
    left: 5.5rem;
  }
}

.portfolio-thankyou {
  font-family: "Roboto",sans-serif;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #333;
  margin-bottom: 40px;
}

.portfolio-thankyou .show {
  display: block;
}

.portfolio-thankyou .hide {
  display: none;
}

.portfolio-thankyou #portfolio-anim-loading,
.portfolio-thankyou #portfolio-done-loading {
  padding: 0;
  margin: 0;
}

.portfolio-thankyou #portfolio-anim-loading svg,
.portfolio-thankyou #portfolio-done-loading svg {
  width: 200px !important;
  height: 150px !important;
}

@media (min-width: 992px) {
  .portfolio-thankyou #portfolio-anim-loading svg,
  .portfolio-thankyou #portfolio-done-loading svg {
    width: 300px !important;
    height: 200px !important;
  }
}

.portfolio-thankyou #portfolio-done-loading {
  padding: 100px 0;
}

.portfolio-thankyou h1>span {
  font-family: "Fira Sans",sans-serif;
  font-size: 22px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #252525;
  margin-top: 30px;
}

@media (min-width: 992px) {
  .portfolio-thankyou h1 {
    font-size: 30px;
  }
}

.portfolio-thankyou .list-box {
  padding: 0;
  margin: 0;
  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;
}

.portfolio-thankyou ul.portfolio-list-animate {
  list-style: url(/AccountOpen/assets/blue_check.svg);
}

.portfolio-thankyou ul.portfolio-list-animate li {
  padding: 0 0 10px 8px;
  opacity: 0;
  -webkit-animation: fadeIn 1s ease-in both;
          animation: fadeIn 1s ease-in both;
  text-align: left;
}

.portfolio-thankyou ul.portfolio-list-animate li:nth-child(1) {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}

.portfolio-thankyou ul.portfolio-list-animate li:nth-child(2) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.portfolio-thankyou ul.portfolio-list-animate li:nth-child(3) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.portfolio-thankyou ul.portfolio-list-animate li:nth-child(4) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.portfolio-thankyou ul.portfolio-list-animate li:nth-child(5) {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

.portfolio-thankyou ul.portfolio-list-animate li:nth-child(6) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.portfolio-thankyou ul.portfolio-list-animate li:nth-child(7) {
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
            transform: translate3d(0, -20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
            transform: translate3d(0, -20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.no--overflow {
  overflow: initial !important;
}

.chat-button {
  border: none;
  cursor: pointer;
  position: fixed;
  background-color: #006ac3;
  padding: 16px;
  right: 20px;
  bottom: 20px;
  z-index: 101;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}

.chat-button:hover {
  background-color: #0051a5;
}

.plan-details-box {
  margin: 30px auto;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 2px 3px 1px #ddd;
          box-shadow: 0 2px 3px 1px #ddd;
  position: relative;
}

.plan-details-box .plan-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.plan-details-box .inner-box {
  padding: 0 25px 25px;
}

.plan-details-box .estimate-investments {
  background-color: #f8f8f8;
}

.plan-details-box .heading {
  font-family: Roboto;
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #252525;
}

.plan-details-box .salary-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.plan-details-box .salary-container .btn {
  height: 50px;
  margin: 20px 0;
  padding: 15px 8px;
  min-width: 150px;
}

.plan-details-box .salary-container .btn[disabled],
.plan-details-box .salary-container .btn[disabled]:focus,
.plan-details-box .salary-container .btn[disabled]:hover {
  border: 2px solid #456ec3;
}

@media (min-width: 992px) {
  .plan-details-box .salary-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .plan-details-box .salary-container .btn {
    margin: 32px 0 0 0;
  }
}

.calculation-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.calculation-container .total-invested {
  font-family: Roboto;
  margin-right: 26px;
  margin-top: 5px;
}

.calculation-container .total-invested .lbl {
  font-family: Roboto;
  font-size: .875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #6f6f6f;
}

.calculation-container .total-invested .totalVal {
  font-family: Roboto;
  font-size: 2rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -0.39px;
  color: #252525;
}

.calculation-container .contributions {
  margin-top: 0;
}

.calculation-container .contributions .con-row {
  margin: 0 0 8px 0;
  padding: 0;
}

.calculation-container .contributions .lbl {
  font-family: Roboto;
  font-size: .875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #6f6f6f;
  padding-right: 5px;
}

.calculation-container .contributions .lbl.you::before,
.calculation-container .contributions .lbl.emp::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border-radius: 50%;
}

.calculation-container .contributions .lbl.you::before {
  border: 4px solid #006ac3;
}

.calculation-container .contributions .lbl.emp::before {
  border: 4px solid #fedf01;
}

.calculation-container .contributions .val {
  font-family: Roboto;
  font-size: .875rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #252525;
}

@media (min-width: 992px) {
  .calculation-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .calculation-container .contributions {
    margin-top: 32px;
  }
}

.js-stickybit-parent {
  position: relative;
}

.ri-tiles-section {
  background-color: #003168;
  padding: 40px 16px;
  z-index: 10;
  width: 100%;
}

.ri-tiles-section.static-for-ie:not(.js-is-sticky),
.ri-tiles-section.force-static {
  position: static !important;
}

.ri-tiles-section.js-is-sticky.stick-in-parent {
  position: absolute !important;
  top: 0 !important;
  bottom: auto !important;
}

.ri-tiles-section h2 {
  font-family: "Fira Sans",sans-serif;
  font-size: 1.75rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: -0.3px;
  text-align: center;
  color: #fff;
}

.ri-tiles-section .accordion {
  border-top: 1px solid #fff;
  padding: 16px 0 24px 0;
  font-family: "Roboto",sans-serif;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
}

.ri-tiles-section .accordion.border-bottom {
  border-bottom: 1px solid #fff;
}

.ri-tiles-section .accordion .panel-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.ri-tiles-section .accordion .panel-heading img {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}

.ri-tiles-section .accordion .panel-heading h3 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.56;
  text-align: left;
  width: 100%;
  color: #fedf01;
  margin: 0;
  cursor: pointer;
}

.ri-tiles-section .accordion .panel-heading h3 img.open {
  position: absolute;
  top: 20px;
  right: 16px;
  width: 20px;
  height: 20px;
}

.ri-tiles-section .accordion .panel-heading h3 img.close {
  position: absolute;
  top: 20px;
  right: 16px;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.ri-tiles-section .accordion .panel-body {
  font-weight: 300;
}

.ri-tiles-section .accordion .panel-body ul {
  list-style: url(/AccountOpen/assets/checkmark_white.svg);
  padding-left: 30px;
}

.ri-tiles-section .accordion .panel-body ul li {
  font-size: .875rem;
  font-weight: 300;
  line-height: 1.43;
  color: #fff;
  padding-bottom: 16px;
  padding-left: 5px;
}

.ri-tiles-section .accordion .panel-body.open {
  display: block;
}

.ri-tiles-section .accordion .panel-body.close {
  display: none;
}

.ri-tiles-section .accordion .mobile-only {
  display: block;
}

.ri-tiles-section .accordion .desktop-only {
  display: none;
}

@media (min-width: 768px) {
  .ri-tiles-section .accordion {
    border-top: none;
  }

  .ri-tiles-section .accordion.border-bottom {
    border-bottom: none;
  }

  .ri-tiles-section .accordion .panel-heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .ri-tiles-section .accordion .panel-heading img {
    width: 80px;
    height: 80px;
    margin-right: 0;
    margin-bottom: 8px;
  }

  .ri-tiles-section .accordion .panel-heading h3 {
    text-align: center;
    cursor: default;
  }

  .ri-tiles-section .accordion .panel-heading.open,
  .ri-tiles-section .accordion .panel-heading.close {
    display: block;
  }

  .ri-tiles-section .accordion .mobile-only {
    display: none;
  }

  .ri-tiles-section .accordion .desktop-only {
    display: block;
  }
}

.ri-tiles-section .button-tray {
  margin-top: 0;
}

@media (max-width: 575px) {
  .ri-tiles-section .button-tray {
    margin-top: -24px;
  }
}

.ri-tiles-section .btn {
  margin: 0;
}

.ri-tiles-section .btn--underline {
  color: #fff;
}

.ri-tiles-section .btn--primary,
.ri-tiles-section .btn--large--primary {
  background-color: #fedf01;
  color: #252525;
}

.discovery-goal-page .footer {
  margin-top: 0;
}

.disclaimer-text {
  background-color: #f3f4f6;
  padding: 24px;
  overflow: hidden;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #444;
}

.disclaimer-text--large-margin {
  margin: 70px 0 50px 0;
}

.funding-transfer-success__item-title {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #252525;
  margin-top: 25px;
  margin-left: 7px;
}

.funding-transfer-success__item-value {
  font-family: Roboto;
  font-size: 16px;
  line-height: 1.5;
  color: #252525;
  margin-left: 7px;
}

.loading-fail-container {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 85px;
  background: #fafafa;
  margin-bottom: -150px;
}

@media (max-width: 575px) {
  .loading-fail-container {
    margin-bottom: -60px;
  }
}

.loading-fail-text {
  color: #444;
  font-family: Georgia,serif;
  font-style: italic;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 60px;
}

.loading-fail-menu__section-container {
  padding-top: 100px;
}

@media (min-width: 768px) {
  .loading-fail-menu__section-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 134px;
  }
}

.loading-fail-menu__section {
  text-align: center;
}

@media (min-width: 768px) {
  .loading-fail-menu__section {
    text-align: left;
  }
}

.loading-fail-menu__section-heading {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  display: block;
  position: relative;
  padding-bottom: 13px;
  margin-top: 40px;
  margin-bottom: 26px;
}

@media (min-width: 576px) {
  .loading-fail-menu__section-heading {
    font-size: 1.125rem;
  }
}

@media (min-width: 768px) {
  .loading-fail-menu__section-heading {
    margin-top: 0;
  }
}

.loading-fail-menu__section-heading:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -23px;
  width: 46px;
  height: 3px;
  content: "";
  background: #eaeaea;
}

@media (min-width: 768px) {
  .loading-fail-menu__section-heading:after {
    left: 0;
    margin-left: 0;
  }
}

.loading-fail-menu__section-link {
  border: 0;
  background: none;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  display: block;
  margin-bottom: 18px;
}

.loading-fail-menu__section-link:hover {
  text-decoration: none;
}

.loading-fail-menu__section-link:focus {
  outline: auto;
}

.datepicker-group {
  width: 100%;
}

.datepicker-input {
  display: inline-block;
  width: calc(33.333% - 20px);
  margin-right: 30px;
}

.datepicker-input:last-child {
  margin-right: 0;
}

@media (min-width: 768px)and (max-width: 991px) {
  .datepicker-input {
    width: calc(33.333% - 7.5px);
    margin-right: calc(10px);
  }

  .datepicker-input.datepicker-month {
    width: 33.33%;
  }

  .datepicker-input.datepicker-day {
    width: calc(33.333% - 15px);
  }
}

.datepicker__select-container {
  width: 100%;
}

@media (min-width: 768px)and (max-width: 991px) {
  .datepicker__select-container {
    width: calc(100% + 5px);
  }

  .datepicker__select-container:after {
    right: 7px;
  }
}

.document-review {
  background: #ecf4fb;
  padding: 25px 25px;
  border-left: 5px solid #fddd32;
  border-top: 1px solid #b5d4ec;
  border-right: 1px solid #b5d4ec;
  border-bottom: 1px solid #b5d4ec;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 576px) {
  .document-review {
    display: block;
  }
}

.profile-modal-occupations select {
  width: 100%;
}

.profile-modal-occupations option {
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1.5px solid blue;
}

.document-review .checkbox--individual {
  display: none;
}

.agreed .document-review {
  border: 1px solid #efefef;
  background: #fff;
}

.document-review--inactive {
  border: 1px solid #efefef;
  background: #fff;
  pointer-events: none;
}

.document-review--inactive a {
  color: #adadad !important;
}

.document-review--inactive path {
  fill: #adadad;
}

.document-review--inactive-text {
  color: #adadad;
}

.document__name {
  max-width: 55%;
}

@media (max-width: 576px) {
  .document__name {
    max-width: 100%;
  }
}

.documet-review__button-block {
  -ms-flex-item-align: center;
      align-self: center;
}

.view-and-agree__link,
.toggle__link {
  border: 0;
  background: none;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  border: 0;
  background: none;
  padding: 0;
  font-size: .875rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  margin: 0;
  display: block;
  position: relative;
  width: auto;
}

.view-and-agree__link:hover,
.toggle__link:hover {
  text-decoration: none;
}

.view-and-agree__link:focus,
.toggle__link:focus {
  outline: auto;
}

.view-and-agree__link:hover,
.toggle__link:hover {
  text-decoration: none;
}

.view-and-agree__link:focus,
.toggle__link:focus {
  outline: auto;
}

.view-and-agree__link img,
.toggle__link img {
  position: relative;
  top: 2px;
  left: 8px;
  height: 1rem;
}

.iframe-document {
  width: 100%;
  height: 100vh;
}

.orange__line {
  width: 30px;
  height: 4px;
  background: #fedf01;
}

.modal__top {
  margin: 10px 0 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.modal--title {
  font-size: 1.25rem;
  font-family: "Fira Sans",sans-serif;
  font-weight: 400;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  font-size: 24px !important;
  margin: 0;
  font-weight: 600;
}

@media (min-width: 768px) {
  .modal--title {
    font-size: 1.375rem;
  }
}

.modal--description {
  font-family: "Fira Sans",sans-serif;
  font-size: 1.375rem;
  font-weight: 300;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  font-size: 26px !important;
  margin: 0;
}

@media (min-width: 576px) {
  .modal--description {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .modal--description {
    font-size: 1.875rem;
  }
}

.modal__top-left {
  max-width: 75%;
}

.modal__top-right {
  -ms-flex-item-align: center;
      align-self: center;
}

.agree_block {
  font-size: 15px;
  font-weight: 400;
  margin-left: 20px;
  position: relative;
  top: -1px;
}

.agree_block img {
  max-width: 15px;
  margin-right: 5px;
}

@media (max-width: 576px) {
  .ReactModal__Body--open .header__wrapper {
    z-index: 99;
  }

  .ReactModal__Body--open .header--blue {
    padding: 0 !important;
  }
}

.document-review-modal.ReactModal__Content {
  -webkit-overflow-scrolling: touch;
  background-color: #f3f4f6;
}

.document-review-modal.ReactModal__Content .document-modal-footer,
.document-review-modal.ReactModal__Content .modal-back {
  display: none;
}

.document-review-modal.ReactModal__Content .document-modal-footer_large-screen-width {
  width: 100%;
  padding: 0px;
  padding-top: 2px;
  background-color: #fff;
}

.document-review-modal.ReactModal__Content .document-modal-footer_large-screen-width_inner {
  background-color: #fff;
  -webkit-box-shadow: 0px -1px 1px 0px #c2c2c2;
  box-shadow: 0px -1px 1px 0px #c2c2c2;
}

.document-review-modal.ReactModal__Content .pdf-renderer_viewer {
  background: #fff;
}

@media (min-width: 576px) {
  .document-review-modal.ReactModal__Content .modal__content {
    padding: 0px;
  }

  .document-review-modal.ReactModal__Content .document-modal-content-top {
    width: 100%;
    padding: 0px 20px;
  }

  .document-review-modal.ReactModal__Content .document-modal-header {
    padding: 0px 30px;
  }

  .document-review-modal.ReactModal__Content .document-modal-footer_large-screen-width .iframe-document__footnote {
    padding: 30px 60px;
    padding-bottom: 10px;
    margin: 0px;
  }

  .document-review-modal.ReactModal__Content .document-modal-footer_large-screen-width .document-modal-cancel-agree-wrap {
    padding: 10px 0px 50px 0px;
  }

  .document-review-modal.ReactModal__Content .document-modal-footer_large-screen-width .document-modal-cancel-agree-wrap .button-tray {
    margin: 16px 0 0;
  }
}

@media (max-width: 575px) {
  .document-review-modal.ReactModal__Content {
    width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
  }

  .document-review-modal.ReactModal__Content .document-modal-header {
    background: #f6f7f8;
    padding: 20px;
  }

  .document-review-modal.ReactModal__Content .document-modal-footer,
  .document-review-modal.ReactModal__Content .modal-back {
    display: block !important;
  }

  .document-review-modal.ReactModal__Content .modal__content {
    padding: 0 !important;
  }

  .document-review-modal.ReactModal__Content .modal__content {
    padding-top: 14px !important;
  }

  .document-review-modal.ReactModal__Content .iframe-document {
    height: 35vh;
    min-height: 250px;
  }

  .document-review-modal.ReactModal__Content .modal__top {
    display: initial;
  }

  .document-review-modal.ReactModal__Content .orange__line {
    display: none;
  }

  .document-review-modal.ReactModal__Content .modal--description {
    font-size: 22px !important;
  }

  .document-review-modal.ReactModal__Content .modal--title {
    font-size: 18px !important;
  }

  .document-review-modal.ReactModal__Content .modal__top-left {
    max-width: 100% !important;
  }

  .document-review-modal.ReactModal__Content .modal__top-right {
    text-align: right !important;
    margin: 20px 0 0 0;
  }

  .document-review-modal.ReactModal__Content .modal-overlay {
    background-color: #fff !important;
  }

  .document-review-modal.ReactModal__Content .document-modal-footer_large-screen-width .iframe-document__footnote {
    padding: 20px;
    padding-bottom: 10px;
    margin: 0px;
  }

  .document-review-modal.ReactModal__Content .document-modal-footer_large-screen-width .document-modal-cancel-agree-wrap {
    padding: 10px 20px 30px 20px;
  }

  .document-review-modal.ReactModal__Content .document-modal-footer_large-screen-width .document-modal-cancel-agree-wrap .button-tray {
    margin: 0px;
  }
}

.modal-back {
  margin: 0 0 20px 0;
}

.image-document-viewer_view-port {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.button-tray {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.button-tray .btn--primary,
.button-tray .btn--large--primary {
  min-width: 250px;
}

.button-tray--small-margin {
  margin-top: 20px !important;
}

.button-tray--small-margin-bottom {
  margin-bottom: 20px !important;
}

@media (min-width: 576px) {
  .button-tray {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 60px;
  }

  .button-tray--right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .button-tray--center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }

  .button-tray--spaced {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .button-tray--no-margin {
    margin-top: 0;
  }

  .button-tray__item {
    display: inline-block;
    margin: 0 20px;
  }

  .button-tray--spaced .button-tray__item {
    margin: 0;
  }

  .button-tray--left .button-tray__item:first-child {
    margin-left: 0;
  }

  .button-tray--right .button-tray__item:first-child {
    margin-top: 0;
  }

  .button-tray--right .button-tray__item:last-child {
    margin-right: 0;
  }

  .button-tray--stacked {
    display: block;
  }

  .button-tray--stacked .button-tray__item {
    display: block;
    margin: auto;
  }
}

@media (max-width: 575px) {
  .rbc-cta--tertiary {
    width: 100%;
    min-width: 100%;
  }

  .button-tray {
    margin-top: 36px;
  }

  .button-tray__item {
    margin-top: 24px;
    text-align: center;
  }

  .button-tray__item:last-child {
    margin-top: 0;
  }

  .button-tray__item--primary {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .button-tray--no-margin {
    margin-top: 0;
  }

  .mt-24 {
    margin-top: 24px;
  }
}

@media (max-width: 767px) {
  .ReactModal__Content .button-tray__item {
    display: block;
  }

  .ReactModal__Content .button-tray .btn,
  .ReactModal__Content .button-tray .rbc-cta {
    width: 100%;
  }
}

.revamp .rbc-cta img {
  vertical-align: middle;
  padding-right: 7px;
  padding-bottom: 4px;
}

.multiple-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.delete-button {
  color: #b91a0e;
  text-decoration: none;
}

.delete-button::before {
  background: url(/AccountOpen/assets/icon-delete-red.svg) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}

.delete-button:hover,
.delete-button:active,
.delete-button:focus {
  color: #d32619;
}

.delete-button span {
  padding-left: 2em;
}

.fade {
  height: 0;
  opacity: 0;
}

.fade--in {
  -webkit-animation-name: fade-in-height;
          animation-name: fade-in-height;
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 1;
  height: 100%;
}

.fade--out {
  -webkit-animation-name: fade-out-height;
          animation-name: fade-out-height;
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
  height: 0;
}

.fade--height {
  -webkit-animation-name: none;
          animation-name: none;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  height: auto;
}

.fade--overflow-shown {
  overflow: visible;
}

@keyframes fade-in-height {
  0% {
    height: 0;
    opacity: 0;
  }

  1% {
    height: 100%;
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-out-height {
  0% {
    height: 100%;
    opacity: 1;
  }

  99% {
    height: 100%;
    opacity: 0;
  }

  100% {
    height: 0;
  }
}

.fader-enter {
  opacity: .01;
}

.fader-enter.fader-enter-active {
  opacity: 1;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}

.fader-leave {
  opacity: 1;
}

.fader-leave.fader-leave-active {
  opacity: .01;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}

.fader-appear {
  opacity: .01;
}

.fader-appear.fader-appear-active {
  opacity: 1;
  -webkit-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in;
}

.rbc-notice.notification-panel {
  margin: 0 0 20px;
}

.notification-centre {
  position: relative;
  margin-bottom: 40px;
}

.notification-centre .notification-panel {
  margin: 20px 0;
}

.notification-centre--summary {
  background-color: #fafafa;
}

@media (min-width: 992px) {
  .notification-centre--page .notification-panel:first-child {
    margin-top: 31px;
  }

  .notification-centre--page+.dashboard-layout {
    margin-top: 30px;
  }
}

.notification-centre--page .notification-panel {
  margin: 21px 0 0;
}

.notification-panel__dismiss {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  color: #252525;
  margin: 0;
  line-height: 1;
  border: 0;
  background: rgba(0,0,0,0);
  cursor: pointer;
  position: absolute;
  top: 18px;
  right: 18px;
}

.rbc-notice {
  background-color: #fff;
  border-width: 4px 0 0 0;
  border-style: solid;
  margin-bottom: 30px;
  background-size: 24px 24px;
  background-position: 20px 20px;
  background-repeat: no-repeat;
}

.rbc-notice__inner {
  padding: 20px 20px 10px 20px;
  border-width: 0 1px 1px 1px;
  border-color: #b3b3b3;
  border-style: solid;
  position: relative;
}

.rbc-notice__inner .input--cta {
  margin-bottom: 10px;
}

.rbc-notice--noheader .rbc-notice__inner {
  padding-top: 22px;
}

.rbc-notice h2,
.rbc-notice div.vMe-notification {
  font-weight: 400;
  font-size: 1rem;
  margin: 0 0 .5em 33px;
}

.rbc-notice .rbc-notice__inner>p,
.rbc-notice .rbc-notice__inner>ul {
  font-size: .875rem;
  line-height: 1.5em;
  margin: 0 0 1em 33px;
  padding: 0;
}

.rbc-notice--error {
  border-top-color: #b91a0e;
  background-image: url(/AccountOpen/assets/icon_error-8679fc7f16c54db5a5ea7af19f44d33f.svg);
}

.rbc-notice--warning {
  border-top-color: #ffba00;
  background-image: url(/AccountOpen/assets/icon_warning-a6fee8b326afcec85134b71537e9e9ae.svg);
}

.rbc-notice--success {
  border-top-color: #097b24;
  background-image: url(/AccountOpen/assets/icon_success-54698dbf1d70801dcb8540fc04883924.svg);
}

.rbc-notice--information {
  border-top-color: #466c86;
  background-image: url(/AccountOpen/assets/icon_information-b28dea8f78e8d6c713c359854df53502.svg);
}

.rbc-notice.notification-panel.rbc-notice--small {
  border-top-width: 3px;
  background-size: 16px;
  background-position: 22px 19px;
  margin-top: 40px;
}

.rbc-notice.notification-panel.rbc-notice--small.rbc-notice--error {
  background-image: url(/AccountOpen/assets/error.svg);
  background-repeat: no-repeat;
}

.rbc-notice.notification-panel.rbc-notice--small .rbc-notice__inner {
  padding-top: 16px;
  padding-bottom: 3px;
}

.rbc-notice.notification-panel.rbc-notice--small .rbc-notice__inner h2 {
  display: inline-block;
  margin-left: 28px;
}

.rbc-notice.notification-panel.rbc-notice--small .rbc-notice__inner p {
  display: inline-block;
  margin-left: 10px;
}

@media (max-width: 599px) {
  .rbc-notice p {
    margin-left: 0;
  }

  .rbc-notice--noheader .rbc-notice__inner {
    padding-top: 58px;
  }
}

.step-slider {
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.step-slider__label {
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 400;
  margin: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

@media (min-width: 768px) {
  .step-slider__label {
    max-width: 20%;
  }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .step-slider__label--left {
    margin: 29px 85px 0 0;
  }

  .step-slider__label--right {
    margin: 29px 60px 0px 5px;
  }
}

.step-slider__input-wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  padding: 0 15px;
}

.step-slider__input {
  -webkit-appearance: none;
  width: 100%;
  display: block;
  margin: 0;
  position: relative;
}

.step-slider__input:focus::-webkit-slider-runnable-track {
  background: silver;
}

.step-slider__input:focus::-ms-fill-lower {
  background: #b3b3b3;
}

.step-slider__input:focus::-ms-fill-upper {
  background: silver;
}

.step-slider__input::-webkit-slider-runnable-track {
  cursor: pointer;
  height: 3px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 100%;
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
          box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
  background: #b3b3b3;
  border: 0 solid rgba(0,0,0,0);
  border-radius: 12px;
}

.step-slider__input::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
          box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
  background: #006ac3;
  border: 0 solid rgba(0,0,0,0);
  border-radius: 50%;
  cursor: pointer;
  height: 25px;
  width: 25px;
  -webkit-appearance: none;
  margin-top: -11px;
}

.step-slider__input::-moz-range-track {
  cursor: pointer;
  height: 3px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 100%;
  box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
  background: #b3b3b3;
  border: 0 solid rgba(0,0,0,0);
  border-radius: 12px;
}

.step-slider__input::-moz-range-thumb {
  box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
  background: #006ac3;
  border: 0 solid rgba(0,0,0,0);
  border-radius: 50%;
  cursor: pointer;
  height: 25px;
  width: 25px;
}

.step-slider__input::-ms-track {
  cursor: pointer;
  height: 3px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 100%;
  background: rgba(0,0,0,0);
  border-color: rgba(0,0,0,0);
  border-width: 12.5px 0;
  color: rgba(0,0,0,0);
}

.step-slider__input::-ms-fill-lower {
  box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
  background: #a6a6a6;
  border: 0 solid rgba(0,0,0,0);
  border-radius: 24px;
}

.step-slider__input::-ms-fill-upper {
  box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
  background: #b3b3b3;
  border: 0 solid rgba(0,0,0,0);
  border-radius: 24px;
}

.step-slider__input::-ms-thumb {
  box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);
  background: #006ac3;
  border: 0 solid rgba(0,0,0,0);
  border-radius: 50%;
  cursor: pointer;
  height: 25px;
  width: 25px;
  margin-top: 0;
}

.step-slider__input::-ms-tooltip {
  display: none;
}

.step-slider__ticks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.step-slider__ticks .info-box__text-trigger {
  font-size: 14px;
}

.step-slider__ticks--hidden {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
          clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.step-slider__tick {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.step-slider__tick-marker {
  display: block;
  margin: 0 auto;
  background: #b3b3b3;
  width: 4px;
  height: 12px;
  margin-top: -7.5px;
}

.step-slider__tick:first-child .step-slider__tick-marker {
  margin-left: 0;
}

.step-slider__tick:last-child .step-slider__tick-marker {
  margin-right: 0;
}

.step-slider__tick-label {
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0;
}

.step-slider__tick:first-child .step-slider__tick-label {
  text-align: left;
}

.step-slider__tick:last-child .step-slider__tick-label {
  text-align: right;
}

.tick-label__glossary-term-popup {
  border: 0;
  background: none;
  padding: 0;
  font-size: 14px;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 0;
  text-decoration: none;
}

.tick-label__glossary-term-popup:hover {
  text-decoration: none;
}

.tick-label__glossary-term-popup:focus {
  outline: auto;
}

.tick-label__glossary-term-popup:hover {
  text-decoration: underline;
}

.step-slider__tick-label--hidden {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
          clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.radio-slider {
  position: relative;
  background: #f5fcff;
  margin: 4px auto;
  padding: 0 !important;
  position: relative;
  height: 44px;
  width: 100%;
}

.radio-slider>* {
  float: left;
}

.radio-slider__tick {
  display: none;
}

.radio-slider__label {
  display: block;
  width: 33.33%;
  height: 100%;
  cursor: pointer;
  position: relative;
  z-index: 1;
  border: 1px solid #eaeaea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 400;
  color: #006ac3;
  margin-top: 0;
}

.radio-slider__label-1 {
  border-left: 0;
  border-right: 0;
}

.radio-slider__slider {
  width: 33.33%;
  height: 100%;
  z-index: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  background: #fff;
}

#MARKET_FAVOURABILITY_0:checked~.radio-slider__label-0 {
  color: #252525;
}

#MARKET_FAVOURABILITY_0:checked~.radio-slider__slider {
  left: 0;
}

#MARKET_FAVOURABILITY_1:checked~.radio-slider__label-1 {
  color: #252525;
}

#MARKET_FAVOURABILITY_1:checked~.radio-slider__slider {
  left: 33.33%;
}

#MARKET_FAVOURABILITY_2:checked~.radio-slider__label-2 {
  color: #252525;
}

#MARKET_FAVOURABILITY_2:checked~.radio-slider__slider {
  left: 66.66%;
}

.radio-slider__legend {
  color: #252525;
  font-size: 16px;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
}

.radio-slider__legend--hidden {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 1px;
  height: 1px;
}

.radio-slider__copy {
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  float: right;
  margin-top: 0;
}

.radio-slider__glossary-term-popup {
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 0;
  text-decoration: underline;
}

.radio-slider__glossary-term-popup:hover {
  text-decoration: none;
}

.skip-link {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
          clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.skip-link:focus {
  clip: auto;
  -webkit-clip-path: none;
          clip-path: none;
  position: static;
  white-space: normal;
  height: auto;
  width: auto;
  overflow: visible;
}

.skip-link--main:focus {
  position: relative;
  z-index: 110;
  display: block;
  background: #444952;
  color: #fff;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
  padding: 10px 25px;
}

.skip-link--dashboard-sidebar:focus {
  border: 0;
  background: none;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  display: block;
  margin-bottom: 10px;
}

.skip-link--dashboard-sidebar:focus:hover {
  text-decoration: none;
}

.skip-link--dashboard-sidebar:focus:focus {
  outline: auto;
}

@media (min-width: 992px) {
  .skip-link--dashboard-sidebar:focus {
    margin-top: -30px;
    margin-left: 23px;
  }
}

.copy-link {
  border: 0;
  background: none;
  display: inline;
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
  color: #006ac3;
  text-decoration: underline;
  cursor: pointer;
}

.copy-link:hover {
  text-decoration: none;
}

.icon-tile__container {
  display: inline-block;
  vertical-align: middle;
}

.icon-tile__container .ofi-legal-name {
  margin: 0 20px 30px 0;
}

.third-party-instructions .icon-tile__container .ofi-legal-name {
  border: 1px solid #a1a1a1;
  padding: 10px;
}

a.icon-tile__container {
  text-decoration: none;
}

a.icon-tile__container:hover {
  text-decoration: underline;
}

.icon-tile {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
  margin-bottom: 30px;
}

.icon-link {
  cursor: pointer;
  overflow: hidden;
}

.icon-link span {
  position: absolute;
  left: -9999px;
}

.icon-tile--ofi {
  background-image: url(/AccountOpen/assets/third-party-logo-sprite.png);
  width: 60px;
  height: 60px;
  background-size: cover;
  margin-right: 20px;
  float: left;
}

.icon-tile--ofi+p {
  float: left;
  line-height: 60px;
  margin: 0;
}

.icon-tile--td,
.icon-tile--004 {
  background-position-x: 0;
}

.icon-tile--cibc,
.icon-tile--010 {
  background-position-x: -60px;
}

.icon-tile--bmo,
.icon-tile--001 {
  background-position-x: -120px;
}

.icon-tile--scotiabank,
.icon-tile--002 {
  background-position-x: -180px;
}

.icon-tile--tangerine,
.icon-tile--614 {
  background-position-x: -240px;
}

.icon-tile--PC,
.icon-tile--326 {
  background-position-x: -300px;
}

.icon-tile--HSBC,
.icon-tile--016 {
  background-position-x: -360px;
}

.icon-tile--Desjardins,
.icon-tile--815 {
  background-position-x: -420px;
}

.icon-tile--ATBOnlineBuz,
.icon-tile--219 {
  background-position-x: -480px;
}

.icon-tile--NBC,
.icon-tile--006 {
  background-position-x: -540px;
}

.icon-tile--Vancity,
.icon-tile--809 {
  background-position-x: -600px;
}

.icon-tile--generic,
.icon-tile--000 {
  background-position-x: -720px;
}

.icon-tile--RBC,
.icon-tile--003 {
  background-position-x: -780px;
}

.combo-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 2;
}

.combo-box__button {
  border: none;
  border-bottom: 1px solid gray;
  cursor: pointer;
  background: rgba(0,0,0,0);
  font-size: 18px;
  font-weight: 200;
  font-family: INHERIT;
  min-width: 215px;
  height: 31px;
  text-align: left;
  padding: 3px 0 0 10px;
  vertical-align: middle;
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  .combo-box__button {
    padding: 0 0 0 10px;
    vertical-align: top;
  }
}

.select_arrow--blue {
  width: 2em;
  margin-left: .5em;
  margin-right: -0.4em;
  margin-top: -3px;
  height: 31px;
  float: right;
  content: url(/AccountOpen/assets/angle-down-md-blue.svg);
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  .select_arrow--blue {
    background: url(/AccountOpen/assets/angle-down-md-blue.svg) no-repeat !important;
    margin-top: 0;
  }
}

@-moz-document url-prefix()  {
  .select_arrow--blue {
    background: url(/AccountOpen/assets/angle-down-md-blue.svg) no-repeat !important;
    content: none;
  }
}

.combo-box__list-item-link {
  padding: 0 10px;
  line-height: 3rem;
  text-decoration: none;
  border: none;
  background-color: rgba(0,0,0,0);
  cursor: pointer;
  font-size: 14px;
  font-family: "Roboto",sans-serif;
  font-weight: 500;
  min-width: 215px;
  text-align: left;
}

.combo-box__list-item {
  border-bottom: 1px solid rgba(111,111,111,.2);
  max-width: 215px;
}

.combo-box__list>li>button:hover {
  color: #fff !important;
  background-color: #0051a5 !important;
}

.combo-box__list--position {
  position: absolute;
  background: #fff;
}

.combo-box__list--open {
  display: block !important;
}

.combo-box__list {
  display: none;
  list-style: none;
  padding: 0;
  z-index: 100;
  text-align: left;
  border: 1px solid rgba(111,111,111,.2);
  margin-top: 0px;
  max-width: 215px;
}

.combo-box__input_button {
  max-width: 50px;
  min-width: 50px;
  height: 50px;
  padding: 0;
  float: right;
  margin: 0 !important;
}

.combo-box__input {
  padding: 0 0 0 10px;
  border: 0;
  min-height: 50px;
}

.combo-box__input_button--width {
  width: 18px;
}

.combo-box .has-error {
  border: 2px solid #b91a0e;
}

.combo-input__label-container {
  margin: 0;
}

.dropdown-with-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}

@media (min-width: 768px) {
  .dropdown-with-icon {
    width: 44.44%;
  }
}

.dropdown-with-icon-fullWidth {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}

.dropdown-with-icon__inner {
  width: 100%;
  position: relative;
}

.dropdown-with-icon__inner .dropdown-with-icon__list {
  margin-top: -1px;
  left: 0;
  right: 0;
}

.dropdown-with-icon__button {
  padding: 2px 8px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dropdown-with-icon__button span {
  display: inline-block;
}

.dropdown-with-icon__button-text {
  padding-left: 6px;
  width: calc(100% - 30px);
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 42px;
}

.dropdown-with-icon__button-arrow-container {
  width: 20px;
}

.dropdown-with-icon__button:focus,
.dropdown-with-icon__button.dropdown-with-icon__button--open {
  padding: 1px 7px;
  border: 2px solid #006ac3;
  outline: none;
}

.dropdown-with-icon__button:focus .dropdown-with-icon__button-arrow,
.dropdown-with-icon__button.dropdown-with-icon__button--open .dropdown-with-icon__button-arrow {
  right: 13px;
}

.dropdown-with-icon__button {
  border: 1px solid #a1a1a1;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  cursor: pointer;
  background: rgba(0,0,0,0);
  font-size: 1rem;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  text-align: left;
}

.dropdown-with-icon__button-arrow {
  background: url(/AccountOpen/assets/select_arrow_blue-f1e2db67b40555252f55df0192ec95fd.svg) no-repeat center;
  display: block;
  width: 14px;
  height: 100%;
  position: absolute;
  right: 14px;
  top: 0;
}

.dropdown-with-icon__list-item-link {
  text-decoration: none;
  border: none;
  background-color: rgba(0,0,0,0);
  cursor: pointer;
  font-size: 14px;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  text-align: left;
  width: 100%;
}

.dropdown-with-icon__list-item {
  border-bottom: 1px solid #d9d9d9;
}

.dropdown-with-icon__list--position {
  position: absolute;
  background: #fff;
}

.dropdown-with-icon__list--open {
  display: block !important;
}

.dropdown-with-icon__list {
  display: none;
  list-style: none;
  padding: 0;
  z-index: 100;
  text-align: left;
  border: 1px solid #a1a1a1;
  margin-top: 0px;
}

.dropdown-with-icon__input_button {
  max-width: 50px;
  min-width: 50px;
  height: 50px;
  padding: 0;
  float: right;
  margin: 0 !important;
}

.dropdown-with-icon .has-error {
  border: 1px solid #b91a0e;
}

.dropdown-with-icon__list-item-row {
  padding: 13px 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.dropdown-with-icon__list-item-img-container {
  width: 26px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dropdown-with-icon__list-item-img-container img {
  width: 100%;
}

.dropdown-with-icon__list-item-displayname {
  width: calc(100% - 26px);
  padding-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dropdown-with-icon__list-item-displayname-inner span {
  line-height: 1.5;
}

.dropdown-ab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 335px;
}

.dropdown-ab__inner {
  width: 100%;
  position: relative;
}

.dropdown-ab__inner .dropdown-ab__list {
  margin-top: -1px;
  left: 0;
  right: 0;
}

.dropdown-ab__button {
  padding: 16px;
  position: relative;
  height: 76px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dropdown-ab__button span {
  display: inline-block;
}

.dropdown-ab__button-text {
  width: calc(100% - 30px);
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 24px;
}

.dropdown-ab__button-text-currency {
  font-size: .875rem;
}

.dropdown-ab__button-text-balance {
  font-weight: 400;
  padding-left: 8px;
}

.dropdown-ab__button-arrow-container {
  width: 20px;
}

.dropdown-ab__button:focus,
.dropdown-ab__button.dropdown-ab__button--open {
  padding: 1px 7px;
  border: 2px solid #006ac3;
  outline: none;
}

.dropdown-ab__button:focus .dropdown-ab__button-arrow,
.dropdown-ab__button.dropdown-ab__button--open .dropdown-ab__button-arrow {
  right: 13px;
}

.dropdown-ab__button {
  border: 1px solid #a1a1a1;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  cursor: pointer;
  background: rgba(0,0,0,0);
  font-size: 1rem;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  text-align: left;
}

.dropdown-ab__button-arrow {
  background: url(/AccountOpen/assets/select_arrow_blue-f1e2db67b40555252f55df0192ec95fd.svg) no-repeat center;
  display: block;
  width: 14px;
  height: 100%;
  position: absolute;
  right: 14px;
  top: 0;
}

.dropdown-ab__list-item-link {
  text-decoration: none;
  border: none;
  background-color: rgba(0,0,0,0);
  cursor: pointer;
  font-size: 14px;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  text-align: left;
  width: 100%;
}

.dropdown-ab__list-item {
  border-bottom: 1px solid #d9d9d9;
}

.dropdown-ab__list--position {
  position: absolute;
  background: #fff;
}

.dropdown-ab__list--open {
  display: block !important;
}

.dropdown-ab__list {
  display: none;
  list-style: none;
  padding: 0;
  z-index: 100;
  text-align: left;
  border: 1px solid #a1a1a1;
  margin-top: 0px;
}

.dropdown-ab__input_button {
  max-width: 50px;
  min-width: 50px;
  height: 50px;
  padding: 0;
  float: right;
  margin: 0 !important;
}

.dropdown-ab .has-error {
  border: 1px solid #b91a0e;
}

.dropdown-ab__list-item-row {
  padding: 13px 9px;
}

.dropdown-ab__list-item-displayname {
  padding-left: 10px;
}

.dropdown-ab__list-item-displayname-inner span {
  line-height: 1.5;
}

.pdf-renderer {
  width: 100%;
}

.pdf-renderer_control {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 20px;
}

.pdf-renderer_control-button {
  border: 0;
  background: none;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  border: 0;
  background: none;
  padding: 0;
  font-size: .875rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  margin: 5px;
  display: block;
  position: relative;
}

.pdf-renderer_control-button:hover {
  text-decoration: none;
}

.pdf-renderer_control-button:focus {
  outline: auto;
}

.pdf-renderer_control-button:hover {
  text-decoration: none;
}

.pdf-renderer_control-button:focus {
  outline: auto;
}

.pdf-renderer_control-button {
  border: 0;
  background: none;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  border: 0;
  background: none;
  padding: 0;
  font-size: .875rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  margin: 5px;
  display: block;
  position: relative;
}

.pdf-renderer_control-button:hover {
  text-decoration: none;
}

.pdf-renderer_control-button:focus {
  outline: auto;
}

.pdf-renderer_control-button:hover {
  text-decoration: none;
}

.pdf-renderer_control-button:focus {
  outline: auto;
}

.pdf-renderer_control-button img {
  width: 2em;
  margin-left: .5em;
  margin-right: -0.4em;
  margin-top: -3px;
  height: 30px;
  float: right;
  -ms-interpolation-mode: bicubic;
}

.pdf-renderer_control-button_disabled {
  border: 0;
  background: none;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  border: 0;
  background: none;
  padding: 0;
  font-size: .875rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  margin: 0 auto;
  display: block;
  position: relative;
}

.pdf-renderer_control-button_disabled:hover {
  text-decoration: none;
}

.pdf-renderer_control-button_disabled:focus {
  outline: auto;
}

.pdf-renderer_control-button_disabled:hover {
  text-decoration: none;
}

.pdf-renderer_control-button_disabled:focus {
  outline: auto;
}

.pdf-renderer_control-button_disabled:hover,
.pdf-renderer_control-button_disabled:visited {
  text-decoration: none;
}

.pdf-renderer_is-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 600px;
  padding: 5px;
}

.pdf-renderer_page {
  padding: 5px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
}

.pdf-renderer_viewer.use-jquery-to-center {
  width: 100%;
  height: 500px;
}

.pdf-renderer_viewer.use-jquery-to-center .pdf-renderer_viewer-inner {
  width: 100%;
  height: 500px;
  overflow-x: auto;
  overflow-y: auto;
}

.pdf-renderer_viewer.use-flex-to-center {
  width: 100%;
  height: 500px;
  overflow-y: auto;
  overflow-x: auto;
}

.pdf-renderer_viewer.use-flex-to-center .pdf-renderer_viewer-inner .pdf-renderer_page-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pdf-renderer_viewer .pdf-renderer_viewer-inner {
  background: gray;
}

.pdf-renderer_viewer .pdf-renderer_page-wrapper {
  background: gray;
}

.pdf-renderer_viewer .pdf-renderer_page {
  background: gray;
}

.image-document-viewer {
  width: 100%;
}

.image-document-viewer_control {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 20px;
}

.image-document-viewer_control-button {
  border: 0;
  background: none;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  border: 0;
  background: none;
  padding: 0;
  font-size: .875rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  margin: 5px;
  display: block;
  position: relative;
}

.image-document-viewer_control-button:hover {
  text-decoration: none;
}

.image-document-viewer_control-button:focus {
  outline: auto;
}

.image-document-viewer_control-button:hover {
  text-decoration: none;
}

.image-document-viewer_control-button:focus {
  outline: auto;
}

.image-document-viewer_control-button img {
  width: 2em;
  margin-left: .5em;
  margin-right: -0.4em;
  margin-top: -3px;
  height: 30px;
  float: right;
  -ms-interpolation-mode: bicubic;
}

.image-document-viewer_control-button_disabled {
  border: 0;
  background: none;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  border: 0;
  background: none;
  padding: 0;
  font-size: .875rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  margin: 0 auto;
  display: block;
  position: relative;
}

.image-document-viewer_control-button_disabled:hover {
  text-decoration: none;
}

.image-document-viewer_control-button_disabled:focus {
  outline: auto;
}

.image-document-viewer_control-button_disabled:hover {
  text-decoration: none;
}

.image-document-viewer_control-button_disabled:focus {
  outline: auto;
}

.image-document-viewer_control-button_disabled:hover,
.image-document-viewer_control-button_disabled:visited {
  text-decoration: none;
}

.image-document-viewer_view-port {
  height: 500px;
  width: 100%;
  overflow: auto;
  background-color: gray;
}

.image-document-viewer_view-port.use-flex-to-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.image-document-viewer_page {
  margin: 0px;
}

.image-document-viewer_page+.image-document-viewer_page {
  margin-top: 10px;
}

.step-indicator-container {
  min-height: 8px;
  position: relative;
  background-color: #fff;
}

.step-indicator {
  list-style: none;
  overflow: hidden;
  font-family: Roboto;
  font-size: .875rem;
  font-weight: 400;
  color: #6f6f6f;
  margin: 2rem 0 0;
  padding: 0 10px 0 0;
}

@media (min-width: 992px)and (max-width: 1200px) {
  .step-indicator {
    font-size: .75rem;
  }
}

.step-indicator li {
  float: left;
  border-top: solid 1px #e4e4e4;
  border-bottom: solid 1px #e4e4e4;
  width: 32.5%;
  height: 54px;
  text-align: center;
  position: relative;
}

.step-indicator li:before {
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #e4e4e4;
  content: "";
  display: inline-block;
  height: 50px;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 50px;
  right: -17px;
  z-index: 1;
}

.step-indicator li span {
  text-decoration: none;
  margin: 8px 0 8px 0;
  vertical-align: middle;
}

@media (min-width: 992px) {
  .step-indicator .numberCircle {
    margin-left: 20px !important;
  }
}

.step-indicator li:first-child {
  border-left: solid 1px #e4e4e4;
}

@media (min-width: 992px)and (max-width: 1200px) {
  .step-indicator li:last-child .numberCircle {
    margin-left: 20px !important;
  }
}

.numberCircle {
  width: 35px;
  height: 35px;
  color: #006ac3;
  text-align: center;
  margin-right: 5px !important;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 1200px) {
  .numberCircle {
    margin-left: 30px !important;
  }
}

@media (min-width: 992px) {
  .numberCircle {
    margin-left: 2px !important;
  }
}

@media (max-width: 991px) {
  .numberCircle {
    width: 19px;
    height: 19px;
    background: #fff;
    border: 1px solid #006ac3;
    border-radius: 50%;
    font: 13px Roboto;
    padding-top: 1px;
    margin-right: 10px !important;
  }
}

.step-form-progress__container {
  bottom: -1px;
  position: absolute;
  left: 0;
  right: 30px;
}

.step-completed>* {
  opacity: .333;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.step-form-progress {
  position: relative;
  top: -2px;
  background: -webkit-gradient(linear, left top, right top, from(#FDC205), to(#FDC205));
  background: linear-gradient(90deg, #FDC205 0%, #FDC205 100%);
  height: 8px;
  -webkit-transition: width .5s;
  transition: width .5s;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.step-form-progress--tracker {
  top: 8px;
  height: 16px;
  border-radius: 0em;
}

.step-indicator-mobile {
  font-family: Roboto;
  font-size: 1rem;
  font-weight: 500;
  color: #6f6f6f;
  position: absolute;
  left: calc((100vw - 100%)/-2);
  right: calc((100vw - 100%)/-2);
}

.step-indicator-mobile .step-indicator-mobile--back {
  height: 52px;
  border: solid 1px #e4e4e4;
}

.step-indicator-mobile .step-progress {
  height: 52px;
  padding: 1rem;
  border: solid 1px #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.step-indicator-mobile .step-form-progress {
  top: 0;
}

.notification-centre+.step-indicator-container {
  margin-top: 20px;
}

.triangle-up-right {
  width: 0;
  height: 0;
  padding-left: 20%;
  padding-top: 20%;
  margin-left: 93%;
  overflow: hidden;
  margin-top: -1.75rem !important;
}

@media (max-width: 576px) {
  .triangle-up-right {
    padding-left: 15%;
    padding-top: 15%;
  }
}

@media (min-width: 768px)and (max-width: 768px) {
  .triangle-up-right {
    padding-left: 27%;
    padding-top: 27%;
  }
}

.triangle-up-right:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-left: -500px;
  margin-top: -500px;
  border-left: 500px solid rgba(0,0,0,0);
  border-top: 500px solid #003168;
}

@media (min-width: 992px) {
  .border-right-responsive {
    border-right: 1px solid #d8d8d8;
  }
}

@media (max-width: 992px) {
  .border-right-responsive {
    border-bottom: 1px solid #d8d8d8;
    padding: 0 0 40px 0;
    margin-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .col-padding {
    padding-left: 25px;
  }
}

@media (max-width: 992px) {
  .col-padding {
    padding: 0;
  }
}

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  font-family: "Roboto",sans-serif;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid rgba(37,37,37,.125);
  -webkit-box-shadow: 1px 1px 1px rgba(37,37,37,.125);
          box-shadow: 1px 1px 1px rgba(37,37,37,.125);
  padding: 1.75rem 1.5rem;
  border-radius: .5rem;
}

@media (max-width: 767px) {
  .card {
    padding: 15px;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .card {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.card>hr {
  margin-right: 0;
  margin-left: 0;
}

.card>.list-group:first-child .list-group-item:first-child {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}

.card>.list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.card-blocknote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-weight: 300;
  margin-bottom: 1.75rem;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 25px 0;
}

.card-extra {
  text-align: center;
}

.card-selected-info {
  font-family: "Roboto",sans-serif;
  margin-top: 40px;
}

.card-selected-info .card-title {
  margin-bottom: 10px;
}

.card-selected-info .card-title,
.card-selected-info .card-text {
  font-size: 1rem !important;
}

.card-selected-info:empty {
  display: none !important;
}

.card-equal-height .text-container {
  min-height: 83.5px;
}

.card *:last-child {
  margin-bottom: 0;
}

.card input[type=radio] {
  opacity: 0;
  position: absolute;
}

.card input[type=radio]:focus+label {
  outline: #003168 solid 2px;
}

.card .card-selected input[type=radio]:focus+label {
  outline: 0;
}

.card .popular-tag {
  width: 120px;
  margin-top: 12px;
  padding: 8px 12px;
  background-color: #fedf01;
  position: absolute;
}

.fr .card .popular-tag {
  width: 165px;
}

.card-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 1.75rem;
}

@media (max-width: 767px) {
  .card-body {
    margin-bottom: 15px;
  }
}

.card-subtitle {
  margin-top: -0.875rem;
  margin-bottom: 0;
}

.card-text:last-child {
  font-family: "Roboto",sans-serif;
  color: #444;
  text-align: center;
  font-size: 1rem;
  margin: 0;
  font-weight: 300;
  line-height: 24px;
}

.card-link:hover {
  text-decoration: none;
}

.card-link+.card-link {
  margin-left: 1.5rem;
}

.card-header {
  padding: 1.75rem 1.5rem;
  margin-bottom: 0;
  background-color: rgba(37,37,37,.03);
  border-bottom: 1px solid rgba(37,37,37,.125);
}

.card-header:first-child {
  border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;
}

.card-header+.list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  margin-bottom: 1.75rem;
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px);
}

.card-footer .input {
  margin: 0;
}

.card-footer .input.radio input:focus+label {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.card-header-tabs {
  margin-right: -0.75rem;
  margin-bottom: -1.75rem;
  margin-left: -0.75rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.5rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}

.card-title {
  color: #444;
  margin-bottom: 1.75rem;
  text-align: center;
  font-size: 1.125rem;
}

@media (max-width: 768px) {
  .card-title {
    word-wrap: normal;
  }
}

@media (min-width: 768px) {
  .card-title {
    min-height: 3rem;
    margin: 1rem auto;
  }
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}

.card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }

  .card-deck .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.card-group>.card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }

  .card-group>.card {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    margin-bottom: 0;
  }

  .card-group>.card+.card {
    margin-left: 0;
    border-left: 0;
  }

  .card-group>.card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .card-group>.card:first-child .card-img-top,
  .card-group>.card:first-child .card-header {
    border-top-right-radius: 0;
  }

  .card-group>.card:first-child .card-img-bottom,
  .card-group>.card:first-child .card-footer {
    border-bottom-right-radius: 0;
  }

  .card-group>.card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .card-group>.card:last-child .card-img-top,
  .card-group>.card:last-child .card-header {
    border-top-left-radius: 0;
  }

  .card-group>.card:last-child .card-img-bottom,
  .card-group>.card:last-child .card-footer {
    border-bottom-left-radius: 0;
  }

  .card-group>.card:only-child {
    border-radius: .5rem;
  }

  .card-group>.card:only-child .card-img-top,
  .card-group>.card:only-child .card-header {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
  }

  .card-group>.card:only-child .card-img-bottom,
  .card-group>.card:only-child .card-footer {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
  }

  .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
  .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
  .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
  .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
    border-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 1.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1.25rem;
            column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }

  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}

.accordion .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn--outline-primary {
  color: #337ab7;
  background-image: none;
  background-color: rgba(0,0,0,0);
  border: 2px solid #337ab7;
  display: block;
  margin: auto;
  min-width: 0 !important;
  padding: 10px;
  text-align: center;
  font-size: .875rem;
}

.btn--outline-primary:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.btn--outline-primary:focus,
.btn--outline-primary.focus {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.btn--outline-primary:active,
.btn--outline-primary.active,
.open>.btn--outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.btn--outline-primary:active:hover,
.btn--outline-primary:active:focus,
.btn--outline-primary:active.focus,
.btn--outline-primary.active:hover,
.btn--outline-primary.active:focus,
.btn--outline-primary.active.focus,
.open>.btn--outline-primary.dropdown-toggle:hover,
.open>.btn--outline-primary.dropdown-toggle:focus,
.open>.btn--outline-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #183854;
}

.btn--outline-primary.disabled:focus,
.btn--outline-primary.disabled.focus,
.btn--outline-primary:disabled:focus,
.btn--outline-primary:disabled.focus {
  border-color: #78acd9;
}

.btn--outline-primary.disabled:hover,
.btn--outline-primary:disabled:hover {
  border-color: #78acd9;
}

.radio input[type=radio]+.btn.btn--outline-primary:before {
  border: none !important;
  background: rgba(0,0,0,0);
}

.radio input[type=radio]:checked+label.btn.btn--outline-primary {
  background: none !important;
  border: solid 2px #003168;
  color: #003168;
}

.radio input[type=radio]+.btn.btn--outline-primary {
  padding: 14px 20px;
  font-weight: 500;
  display: inherit;
}

.radio input[type=radio]+.btn.btn--outline-primary:hover {
  color: #fff;
}

@media (min-width: 768px) {
  .radio input[type=radio]+.btn.btn--outline-primary {
    width: 125px;
  }
}

.radio input[type=radio]+.btn.btn--outline-primary:focus,
.radio input[type=radio]+.btn.btn--outline-primary.focus {
  color: #fff;
  border-color: #fff;
}

@media (min-width: 768px) {
  .card-wrapper .input-group__elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.card-wrapper .input-group__elements .audit-errors-list {
  margin-top: 20px;
  overflow: auto;
}

.card-wrapper .input-group__elements .audit-errors-list:empty {
  display: none;
}

.card-wrapper .input__label-container {
  margin: 0;
}

.card-wrapper+.audit-errors-list {
  display: block;
}

.card-container {
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .card-container .card:not(:last-of-type) {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .card-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
  }

  .card-container__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .card-container .card {
    min-height: 290px;
    width: 220px;
  }

  .card-container .card:not(:last-child) {
    margin-right: 1.5rem;
  }

  .card-container--fullwidth {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .card-container--fullwidth .card {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: auto;
  }
}

.radio-card-container {
  margin-bottom: 10px;
  max-width: inherit;
}

.radio-card-container .d-none {
  display: none !important;
}

.radio-card-container .d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.radio-card-container .v-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.radio-card-container .card {
  width: 100%;
  padding: 0 !important;
}

.radio-card-container .card-text {
  text-align: left;
  font-size: .875rem;
  line-height: 20px;
}

.radio-card-container label {
  padding: 1.5rem 1.5rem .5rem 1.5rem;
  cursor: pointer;
  font-weight: 500;
}

@media (min-width: 992px) {
  .radio-card-container label {
    width: 822px;
    max-width: 822px !important;
  }
}

@media (max-width: 767px) {
  .radio-card-container .card:not(:last-of-type) {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .radio-card-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: 100%;
  }

  .radio-card-container .card:not(:last-child) {
    margin-right: 1.5rem;
  }

  .radio-card-container--fullwidth {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .radio-card-container--fullwidth .card {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: auto;
  }
}

.recommendation .radio-card-container label {
  padding: .5rem 1.5rem;
  cursor: pointer;
  font-weight: 500;
}

@media (min-width: 992px) {
  .recommendation .radio-card-container label {
    width: 725px;
    max-width: 725px !important;
  }
}

.card-selected {
  background: #f5fcff !important;
  -webkit-transition: -webkit-box-shadow 1s ease-in;
  transition: -webkit-box-shadow 1s ease-in;
  transition: box-shadow 1s ease-in;
  transition: box-shadow 1s ease-in, -webkit-box-shadow 1s ease-in;
  border: solid 2px #003168;
  border-radius: 8px;
}

.card-focus {
  background: #f5fcff !important;
  -webkit-transition: -webkit-box-shadow 1s ease-in;
  transition: -webkit-box-shadow 1s ease-in;
  transition: box-shadow 1s ease-in;
  transition: box-shadow 1s ease-in, -webkit-box-shadow 1s ease-in;
}

.card-img-top-dis {
  margin: 0 auto 1.75rem;
  width: 128px !important;
}

@media (max-width: 767px) {
  .card-img-top-dis {
    width: 64px !important;
    margin-bottom: 0px;
    margin-top: -15px;
  }
}

.height-transition {
  max-height: 0px;
  visibility: hidden;
  -webkit-transition: max-height 200ms;
  transition: max-height 200ms;
}

.height-transition-max {
  max-height: 1000px;
  visibility: visible;
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
}

.disclosure {
  margin-bottom: 1rem !important;
}

.disclosure>p {
  font-weight: 300;
}

.disclosure>div>label {
  padding: 0px;
  font-weight: 400;
  color: #006ac3;
}

.disclosure .modal-title {
  font-weight: 400;
  font-family: "Roboto",sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  display: block;
}

.disclosure .modal-content {
  font-weight: 300;
  font-family: "Roboto",sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  display: block;
}

.disclosure label {
  width: unset;
}

.img-check {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 48px;
  height: 44px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s,opacity 1s ease-out 200ms;
  transition: visibility 0s,opacity 1s ease-out 200ms;
}

.img-check-active {
  visibility: visible;
  opacity: 1;
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .card-img-top-dis {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  #card-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  .img-check {
    right: -1px;
  }
}

.card-transition-appear,
.card-transition-enter,
.card-transition-enter-done {
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
}

.card-transition-enter.card-transition-enter-active,
.card-transition-appear.card-transition-appear-active,
.card-transition-appear-done {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}

.opacity-none {
  opacity: 0;
}

.popular-container {
  position: relative;
}

.popular-container label {
  padding: 4rem 1.5rem .5rem 1.5rem;
}

.list-rounded-numbers {
  font-size: .875rem;
  font-weight: 400;
  font-family: "Roboto",sans-serif;
}

.list-rounded-numbers ol {
  list-style: none;
  counter-reset: item;
  padding: 0;
}

.list-rounded-numbers ol>li {
  counter-increment: item;
  margin-bottom: 16px;
  color: #444;
  border-bottom: 1px solid #e1ebef;
  margin: 2.5em 0;
  list-style: none;
}

.list-rounded-numbers ol>li:last-child {
  border-bottom: none;
}

.list-rounded-numbers li:before {
  position: absolute;
  margin-top: -0.4em;
}

.list-rounded-numbers ol>li:first-child:before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 34px;
  vertical-align: text-top;
  background-repeat: no-repeat;
  margin-right: 16px;
  background-image: url(/AccountOpen/assets/svg/round_num_1.svg);
}

.list-rounded-numbers ol>li:nth-child(2):before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 34px;
  vertical-align: text-top;
  background-repeat: no-repeat;
  margin-right: 16px;
  background-image: url(/AccountOpen/assets/svg/round_num_2.svg);
}

.list-rounded-numbers ol>li:nth-child(3):before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 34px;
  vertical-align: text-top;
  background-repeat: no-repeat;
  margin-right: 16px;
  background-image: url(/AccountOpen/assets/svg/round_num_3.svg);
}

.list-rounded-numbers ol>li:nth-child(4):before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 34px;
  vertical-align: text-top;
  background-repeat: no-repeat;
  margin-right: 16px;
  background-image: url(/AccountOpen/assets/svg/round_num_4.svg);
}

.list-rounded-numbers ol ul.list-no-bullets {
  list-style-type: none;
}

.list-rounded-numbers ol>li:last-child>ul>li::before {
  background-image: none;
}

.list-rounded-numbers p {
  margin: -10px 0 1rem 3rem !important;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
}

.list-rounded-numbers p.liTitle {
  font-size: .875rem;
  font-weight: 400 !important;
}

.nomi-wrapper li:before {
  position: initial;
  margin-top: 0;
}

.list-bullet-blue ul {
  list-style: none;
}

.list-bullet-blue li {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 300;
  font-family: "Roboto",sans-serif;
}

.list-bullet-blue ul li::before {
  content: "•";
  color: #006ac3;
  font-weight: bold;
  display: inline-block;
  width: 1rem;
  margin-left: -1rem;
  vertical-align: middle;
}

.list-circle-check ul {
  list-style: none;
  padding: 0;
}

.list-circle-check li {
  font-size: .875rem;
  font-weight: 300;
  font-family: "Roboto",sans-serif;
  color: #6f6f6f;
  margin-bottom: 16px;
  margin-right: 5px;
}

@media (max-width: 992px) {
  .list-circle-check li {
    margin-left: 32px;
  }
}

.list-circle-check li::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-image: url(/AccountOpen/assets/svg/circle-check.svg);
  background-repeat: no-repeat;
  margin-right: 8px;
}

@media (max-width: 992px) {
  .list-circle-check li::before {
    left: 16px;
    position: absolute;
  }
}

.roman {
  list-style: lower-roman;
}

.pb-0 {
  padding-bottom: 0;
}

.pt-0 {
  padding-top: 0;
}

.pr-0 {
  padding-right: 0;
}

.mt-0 {
  margin-top: 0;
}

.mt-24 {
  margin-top: 24px;
}

.mtb-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.text-right {
  text-align: right;
}

.risk-chart-image-view .gain-loss-data,
.interactive-risk .gain-loss-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: Roboto;
  margin-bottom: 10px;
}

@media (max-width: 576px) {
  .risk-chart-image-view .gain-loss-data,
  .interactive-risk .gain-loss-data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.risk-chart-image-view .gain-loss-data .gain p,
.risk-chart-image-view .gain-loss-data .loss p,
.interactive-risk .gain-loss-data .gain p,
.interactive-risk .gain-loss-data .loss p {
  padding: 0;
  margin: 0;
}

.risk-chart-image-view .gain-loss-data .gain p.firstRow,
.risk-chart-image-view .gain-loss-data .loss p.firstRow,
.interactive-risk .gain-loss-data .gain p.firstRow,
.interactive-risk .gain-loss-data .loss p.firstRow {
  margin-bottom: 6px;
}

.risk-chart-image-view .gain-loss-data .gain p.rowPadding,
.risk-chart-image-view .gain-loss-data .loss p.rowPadding,
.interactive-risk .gain-loss-data .gain p.rowPadding,
.interactive-risk .gain-loss-data .loss p.rowPadding {
  padding-left: 16px;
}

.risk-chart-image-view .gain-loss-data .gain p.copy,
.risk-chart-image-view .gain-loss-data .loss p.copy,
.interactive-risk .gain-loss-data .gain p.copy,
.interactive-risk .gain-loss-data .loss p.copy {
  font-size: .875rem;
  line-height: 20px;
  color: #6f6f6f;
}

.risk-chart-image-view .gain-loss-data .gain p.number,
.risk-chart-image-view .gain-loss-data .loss p.number,
.interactive-risk .gain-loss-data .gain p.number,
.interactive-risk .gain-loss-data .loss p.number {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 28px;
  color: #252525;
}

.risk-chart-image-view .gain-loss-data .gain p.balance,
.risk-chart-image-view .gain-loss-data .loss p.balance,
.interactive-risk .gain-loss-data .gain p.balance,
.interactive-risk .gain-loss-data .loss p.balance {
  font-size: .875rem;
  font-weight: 300;
  line-height: 20px;
  color: #252525;
}

.risk-chart-image-view .gain-loss-data .loss,
.interactive-risk .gain-loss-data .loss {
  margin-left: 20px;
  margin-top: 0;
}

@media (max-width: 576px) {
  .risk-chart-image-view .gain-loss-data .loss,
  .interactive-risk .gain-loss-data .loss {
    margin: 20px 0 0 0;
  }
}

.risk-chart-image-view .blue-dot {
  margin-right: 8px;
}

.risk-chart-image-view .blue-dot::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border-radius: 50%;
  border: 4px solid #006ac3;
}

.risk-chart-image-view .yellow-dot {
  margin-right: 8px;
}

.risk-chart-image-view .yellow-dot::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border-radius: 50%;
  border: 4px solid #fbaa26;
}

.risk-chart-image-view .gain p.rowPadding,
.risk-chart-image-view .loss p.rowPadding {
  padding-left: 16px;
}

.interactive-risk .accountopen__pdetails .accountopen__page-head {
  width: 100%;
  max-width: 100%;
}

.interactive-risk .discovery__page-paragraph--subhead-definition {
  margin: -30px 0 40px;
}

.interactive-risk .svg-container {
  width: 100%;
}

.interactive-risk .svg-container #riskChartImg {
  width: 100%;
}

.interactive-risk .notice-container {
  margin-top: 40px;
}

.interactive-risk .gain-loss-data {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (min-width: 992px) {
  .interactive-risk .gain-loss-data {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 10px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.interactive-risk .gain-loss-data .gain p.rowPadding,
.interactive-risk .gain-loss-data .loss p.rowPadding {
  padding-left: 0;
}

.interactive-risk .gain-loss-data .loss {
  margin: 0 0 0 20px;
}

@media (min-width: 992px) {
  .interactive-risk .gain-loss-data .blue-dot {
    margin-right: 8px;
  }

  .interactive-risk .gain-loss-data .blue-dot::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 10px;
    border-radius: 50%;
    border: 4px solid #006ac3;
  }

  .interactive-risk .gain-loss-data .yellow-dot {
    margin-right: 8px;
  }

  .interactive-risk .gain-loss-data .yellow-dot::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 10px;
    border-radius: 50%;
    border: 4px solid #fbaa26;
  }

  .interactive-risk .gain-loss-data .gain p.rowPadding,
  .interactive-risk .gain-loss-data .loss p.rowPadding {
    padding-left: 16px;
  }
}

.flag-container {
  position: relative;
  width: auto;
  display: inline-block;
}

.flag {
  background-color: #fedf01;
  position: relative;
  padding: 5px 8px;
  font-family: "Roboto";
  width: auto;
  top: 15px;
  z-index: 1;
}

.flag:before,
.flag:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 10px;
  height: 50%;
  background-image: -webkit-gradient(linear, right bottom, left top, color-stop(50%, transparent), color-stop(50%, #FEDF01));
  background-image: linear-gradient(to left top, transparent 50%, #FEDF01 50%);
}

.flag:after {
  top: 50%;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}

.iframe-window {
  height: 100%;
  width: 100%;
  border: none;
}

.ave-modal {
  width: 95%;
  max-width: 95%;
  height: 92%;
  padding: 0 !important;
}

@media (min-width: 768px) {
  .ave-modal {
    width: auto;
    max-width: auto;
  }
}

.iframe-container {
  height: calc(100vh - 170px);
  margin-top: 40px;
}

.rwd-table__table {
  display: block;
}

@media (min-width: 992px) {
  .rwd-table__table {
    display: table;
    border-collapse: collapse;
    width: 100%;
  }
}

.rwd-table__body {
  display: block;
}

@media (min-width: 992px) {
  .rwd-table__body {
    display: table-row-group;
  }
}

.rwd-table__head {
  display: none;
}

@media (min-width: 992px) {
  .rwd-table__head {
    display: table-header-group;
  }
}

.rwd-table__row {
  display: block;
}

@media (min-width: 992px) {
  .rwd-table__row {
    display: table-row;
  }
}

.rwd-table__cell {
  display: block;
}

@media (min-width: 992px) {
  .rwd-table__cell {
    display: table-cell;
  }
}

.rwd-table__cell--standard {
  text-align: right;
  position: relative;
}

.rwd-table__cell--standard:before {
  position: absolute;
  left: 0;
  content: attr(data-th);
}

@media (min-width: 992px) {
  .rwd-table__cell--standard {
    text-align: left;
  }

  .rwd-table__cell--standard:before {
    content: "";
  }
}

@media (max-width: 992px) {
  .rwd-table__cell--standard {
    display: none;
  }

  .rwd-table__row--open .rwd-table__cell--standard {
    display: block;
  }
}

.rwd-table__cell--no-toggle {
  display: block;
}

@media (min-width: 992px) {
  .rwd-table__cell--no-toggle {
    display: table-cell;
  }
}

.rwd-table__cell--heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}

@media (min-width: 992px) {
  .rwd-table__cell--heading {
    display: table-cell;
  }
}

@media (min-width: 992px) {
  .rwd-table__heading-cell-contents {
    display: block;
  }
}

.rwd-table__toggle {
  width: 27px;
  height: 27px;
  background: url(/AccountOpen/assets/chevron_small_blue-941abe789ddb3241ad325c387d9b8e7f.svg) center center no-repeat rgba(0,0,0,0);
  margin: auto;
  border: 0;
}

.rwd-table__row--open .rwd-table__toggle {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

@media (min-width: 992px) {
  .rwd-table__toggle {
    display: none;
  }
}

.gain-loss--positive {
  color: #11812c;
}

.gain-loss--negative {
  color: #b91a0e;
}

.balance--positive {
  color: #252525;
}

.balance--negative {
  color: #b91a0e;
}

.balance--green {
  color: #097b24;
}

.boldness {
  font-weight: bold;
}

span[aria-hidden=true].gain-loss--negative+.negativeCurrency {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

span[aria-hidden=true].gain-loss--negative>span {
  position: absolute;
}

.highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.highcharts-root text {
  stroke-width: 0;
}

.highcharts-background {
  fill: #fff;
}

.highcharts-plot-border,
.highcharts-plot-background {
  fill: none;
}

.highcharts-label-box {
  fill: none;
}

.highcharts-button-box {
  fill: inherit;
}

.highcharts-title {
  fill: #333;
}

.highcharts-subtitle {
  fill: #666;
}

.highcharts-axis-line {
  fill: none;
  stroke: #ccd6eb;
}

.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-axis-title {
  fill: #666;
}

.highcharts-axis-labels {
  fill: #666;
  cursor: default;
}

.highcharts-grid-line {
  fill: none;
  stroke: #e6e6e6;
}

.highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0;
}

.highcharts-tick {
  stroke: #ccd6eb;
}

.highcharts-yaxis .highcharts-tick {
  stroke-width: 0;
}

.highcharts-minor-grid-line {
  stroke: #f2f2f2;
}

.highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: #ccc;
}

.highcharts-crosshair-category {
  stroke: #ccd6eb;
  stroke-opacity: .25;
}

.highcharts-credits {
  cursor: pointer;
  fill: #999;
  -webkit-transition: fill 250ms,font-size 250ms;
  transition: fill 250ms,font-size 250ms;
}

.highcharts-credits:hover {
  fill: #000;
}

.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  -webkit-transition: stroke 150ms;
  transition: stroke 150ms;
}

.highcharts-tooltip text {
  fill: #333;
}

.highcharts-tooltip-box {
  stroke-width: 1px;
  fill: #f7f7f7;
  fill-opacity: .85;
}

.highcharts-selection-marker {
  fill: #335cad;
  fill-opacity: .25;
}

.highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.highcharts-state-hover .highcharts-graph {
  stroke-width: 3;
}

.highcharts-state-hover path {
  -webkit-transition: stroke-width 50;
  transition: stroke-width 50;
}

.highcharts-state-normal path {
  -webkit-transition: stroke-width 250ms;
  transition: stroke-width 250ms;
}

g.highcharts-series,
.highcharts-point {
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
}

.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover) {
  opacity: .2;
}

.highcharts-color-0 {
  fill: #fca311;
  color: #fca311;
  stroke: #fca311;
}

.highcharts-color-1 {
  fill: #aaba0a;
  color: #aaba0a;
  stroke: #aaba0a;
}

.highcharts-color-2 {
  fill: #0051a5;
  color: #0051a5;
  stroke: #0051a5;
}

.highcharts-color-3 {
  fill: #92183f;
  color: #92183f;
  stroke: #92183f;
}

.highcharts-color-4 {
  fill: #588886;
  color: #588886;
  stroke: #588886;
}

.highcharts-color-5 {
  fill: #e3d24f;
  color: #e3d24f;
  stroke: #e3d24f;
}

.highcharts-color-6 {
  fill: #cab8a8;
  color: #cab8a8;
  stroke: #cab8a8;
}

.highcharts-color-7 {
  fill: #51b5e0;
  color: #51b5e0;
  stroke: #51b5e0;
}

.highcharts-color-8 {
  fill: #6b7782;
  color: #6b7782;
  stroke: #6b7782;
}

.highcharts-color-9 {
  fill: #87afbf;
  color: #87afbf;
  stroke: #87afbf;
}

.highcharts-area {
  fill-opacity: .75;
  stroke-width: 0;
}

.highcharts-markers {
  stroke-width: 1px;
  stroke: #fff;
}

.highcharts-point {
  stroke-width: 1px;
}

.highcharts-dense-data .highcharts-point {
  stroke-width: 0;
}

.highcharts-data-label-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-data-label-connector {
  fill: none;
}

.highcharts-halo {
  fill-opacity: .25;
  stroke-width: 0;
}

.highcharts-point-select {
  fill: #ccc;
  stroke: #000;
}

.highcharts-column-series .highcharts-point {
  stroke: #fff;
  -webkit-transition: fill-opacity 250ms;
  transition: fill-opacity 250ms;
}

.highcharts-column-series .highcharts-point-hover {
  fill-opacity: .75;
  -webkit-transition: fill-opacity 50ms;
  transition: fill-opacity 50ms;
}

.highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #fff;
}

.highcharts-pie-series .highcharts-point-hover {
  fill-opacity: .75;
  -webkit-transition: fill-opacity 50ms;
  transition: fill-opacity 50ms;
}

.highcharts-pie-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #fff;
}

.highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: .75;
  -webkit-transition: fill-opacity 50ms;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #fff;
}

.highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: .75;
  -webkit-transition: fill-opacity 50ms;
  transition: fill-opacity 50ms;
}

.highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: #e6e6e6;
  -webkit-transition: stroke 250ms,fill 250ms,fill-opacity 250ms;
  transition: stroke 250ms,fill 250ms,fill-opacity 250ms;
}

.highcharts-treemap-series .highcharts-point-hover {
  stroke: #999;
  -webkit-transition: stroke 25ms,fill 25ms,fill-opacity 25ms;
  transition: stroke 25ms,fill 25ms,fill-opacity 25ms;
}

.highcharts-treemap-series .highcharts-above-level {
  display: none;
}

.highcharts-treemap-series .highcharts-internal-node {
  fill: none;
}

.highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: .15;
  cursor: pointer;
}

.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: .75;
}

.highcharts-legend-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-legend-item text {
  fill: #333;
  cursor: pointer;
  stroke-width: 0;
}

.highcharts-legend-item:hover text {
  fill: #000;
}

.highcharts-legend-item-hidden * {
  fill: #ccc !important;
  stroke: #ccc !important;
  -webkit-transition: fill 250ms;
  transition: fill 250ms;
}

.highcharts-legend-nav-active {
  fill: #039;
  cursor: pointer;
}

.highcharts-legend-nav-inactive {
  fill: #ccc;
}

.highcharts-legend-title-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-loading {
  position: absolute;
  background-color: #fff;
  opacity: .5;
  z-index: 10;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
}

.highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity 250ms,height 250ms step-end;
  transition: opacity 250ms,height 250ms step-end;
}

.highcharts-loading-inner {
  position: relative;
  top: 45%;
}

.highcharts-plot-band {
  fill: #000;
  fill-opacity: .05;
}

.highcharts-plot-line {
  fill: none;
  stroke: #999;
  stroke-width: 1px;
}

.highcharts-boxplot-box {
  fill: #fff;
}

.highcharts-boxplot-median {
  stroke-width: 2px;
}

.highcharts-bubble-series .highcharts-point {
  fill-opacity: .5;
}

.highcharts-errorbar-series .highcharts-point {
  stroke: #000;
}

.highcharts-gauge-series .highcharts-data-label-box {
  stroke: #ccc;
  stroke-width: 1px;
}

.highcharts-gauge-series .highcharts-dial {
  fill: #000;
  stroke-width: 0;
}

.highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0;
}

.highcharts-waterfall-series .highcharts-graph {
  stroke: #333;
  stroke-dasharray: 1,3;
}

.highcharts-navigator-mask {
  fill: #6685c2;
  fill-opacity: .25;
}

.highcharts-navigator-mask-inside {
  fill: #6685c2;
  fill-opacity: .25;
  cursor: ew-resize;
}

.highcharts-navigator-outline {
  stroke: #ccc;
  fill: none;
}

.highcharts-navigator-handle {
  stroke: #ccc;
  fill: #f2f2f2;
  cursor: ew-resize;
}

.highcharts-navigator-series {
  fill: #335cad;
  stroke: #335cad;
}

.highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px;
}

.highcharts-navigator-series .highcharts-area {
  fill-opacity: .05;
}

.highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: #e6e6e6;
}

.highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: #999;
}

.highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0;
}

.highcharts-scrollbar-thumb {
  fill: #ccc;
  stroke: #ccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-button {
  fill: #e6e6e6;
  stroke: #ccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-arrow {
  fill: #666;
}

.highcharts-scrollbar-rifles {
  stroke: #666;
  stroke-width: 1px;
}

.highcharts-scrollbar-track {
  fill: #f2f2f2;
  stroke: #f2f2f2;
  stroke-width: 1px;
}

.highcharts-button {
  fill: #f7f7f7;
  stroke: #ccc;
  cursor: default;
  stroke-width: 1px;
  -webkit-transition: fill 250ms;
  transition: fill 250ms;
}

.highcharts-button text {
  fill: #333;
}

.highcharts-button-hover {
  -webkit-transition: fill 0ms;
  transition: fill 0ms;
  fill: #e6e6e6;
  stroke: #333;
}

.highcharts-button-pressed {
  fill: #e6ebf5;
  stroke: #335cad;
}

.highcharts-button-disabled text {
  fill: #ccc;
}

.highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 0;
}

.highcharts-range-label rect {
  fill: none;
}

.highcharts-range-label text {
  fill: #666;
}

.highcharts-range-input rect {
  fill: none;
}

.highcharts-range-input text {
  fill: #333;
}

input.highcharts-range-selector {
  position: absolute;
  border: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  left: -9em;
}

.highcharts-crosshair-label text {
  fill: #fff;
}

.highcharts-crosshair-label .highcharts-label-box {
  fill: inherit;
}

.highcharts-candlestick-series .highcharts-point {
  stroke: #000;
  stroke-width: 1px;
}

.highcharts-candlestick-series .highcharts-point-up {
  fill: #fff;
}

.highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px;
}

.highcharts-flags-series .highcharts-point {
  stroke: #999;
  fill: #fff;
}

.highcharts-flags-series .highcharts-point-hover {
  stroke: #000;
  fill: #ccd6eb;
}

.highcharts-flags-series .highcharts-point text {
  fill: #000;
}

.highcharts-map-series .highcharts-point {
  -webkit-transition: fill 500ms,fill-opacity 500ms,stroke-width 250ms;
  transition: fill 500ms,fill-opacity 500ms,stroke-width 250ms;
  stroke: #ccc;
}

.highcharts-map-series .highcharts-point-hover {
  -webkit-transition: fill 0ms,fill-opacity 0ms;
  transition: fill 0ms,fill-opacity 0ms;
  fill-opacity: .5;
  stroke-width: 2px;
}

.highcharts-mapline-series .highcharts-point {
  fill: none;
}

.highcharts-heatmap-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-coloraxis {
  stroke-width: 0;
}

.highcharts-coloraxis-marker {
  fill: #999;
}

.highcharts-null-point {
  fill: #f7f7f7;
}

.highcharts-3d-frame {
  fill: rgba(0,0,0,0);
}

.highcharts-column-series .highcharts-point {
  stroke: inherit;
}

.highcharts-contextbutton {
  fill: #fff;
  stroke: none;
  stroke-linecap: round;
}

.highcharts-contextbutton:hover {
  fill: #e6e6e6;
  stroke: #e6e6e6;
}

.highcharts-button-symbol {
  stroke: #666;
  stroke-width: 3px;
}

.highcharts-menu {
  border: 1px solid #999;
  background: #fff;
  padding: 5px 0;
  -webkit-box-shadow: 3px 3px 10px #888;
          box-shadow: 3px 3px 10px #888;
}

.highcharts-menu-item {
  padding: .5em 1em;
  background: none;
  color: #333;
  cursor: pointer;
  -webkit-transition: background 250ms,color 250ms;
  transition: background 250ms,color 250ms;
}

.highcharts-menu-item:hover {
  background: #335cad;
  color: #fff;
}

.highcharts-drilldown-point {
  cursor: pointer;
}

.highcharts-drilldown-data-label text,
.highcharts-drilldown-axis-label {
  cursor: pointer;
  fill: #039;
  text-decoration: underline;
}

.highcharts-no-data text {
  fill: #666;
}

.bar-chart {
  margin: 20px 0 30px;
}

.bar-chart .highcharts-background {
  fill: rgba(0,0,0,0);
}

.bar-chart .highcharts-axis-labels {
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
}

.bar-chart .highcharts-axis-title {
  font-size: .875rem;
  font-weight: 400;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
}

.bar-chart .highcharts-title {
  visibility: hidden;
}

.bar-chart .highcharts-color-1 {
  color: #0051a5;
  stroke: #0051a5;
  fill: #0051a5;
}

.bar-chart__series-label {
  display: block;
  padding-bottom: 14px;
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
  position: relative;
  left: -8px;
}

.bar-chart__series-label-value {
  display: block;
  font-size: 18px;
  font-family: "Roboto",sans-serif;
  margin-bottom: 4px;
}

.bar-chart__series-label-account {
  font-size: .875rem;
  font-weight: 300;
  color: inherit;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  display: block;
  margin: 0;
}

@media (max-width: 1200px) {
  .bar-chart__series-label-account {
    white-space: normal;
  }
}

@media (min-width: 992px) {
  .bar-chart__series-label-account {
    font-size: 1rem;
    font-weight: 300;
    font-style: normal;
    color: inherit;
    font-family: "Roboto",sans-serif;
    margin: 1em 0;
    line-height: 1.5;
    margin: 0;
  }

  .bar-chart__series-label-value {
    font-size: 24px;
  }
}

.risk-bar-chart {
  min-height: 400px;
  padding-bottom: 20px;
  padding-top: 30px;
}

@media (min-width: 992px) {
  .risk-bar-chart {
    padding-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .risk-bar-chart {
    min-height: 430px;
    margin-bottom: 20px;
  }
}

.risk-bar-chart .highcharts-background {
  fill: rgba(0,0,0,0);
}

@media (min-width: 1200px) {
  .risk-bar-chart .highcharts-container {
    overflow: visible;
  }
}

.risk-bar-chart .highcharts-axis-labels {
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
}

.risk-bar-chart .highcharts-axis-title {
  font-size: .875rem;
  font-weight: 400;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
}

.risk-bar-chart .highcharts-title {
  visibility: hidden;
}

.risk-bar-chart .highcharts-color-0 {
  color: #0051a5;
  stroke: #0051a5;
  fill: #0051a5;
}

.risk-bar-chart .highcharts-color-1 {
  color: #6f6f6f;
  stroke: #6f6f6f;
  fill: #6f6f6f;
}

.risk-bar-chart .highcharts-color-2 {
  color: #fca311;
  stroke: #fca311;
  fill: #fca311;
}

.risk-bar-chart .highcharts-series-1 .highcharts-color-0 {
  fill: #fca311;
  stroke: #fca311;
}

.risk-bar-chart .highcharts-series-0 .highcharts-color-1 {
  fill: #0051a5;
  stroke: #0051a5;
}

.risk-bar-chart .highcharts-color-3,
.risk-bar-chart .default-grey-chart {
  fill: #6f6f6f;
  stroke: #6f6f6f;
}

.risk-bar-chart .highcharts-color-3 .highcharts-color-0,
.risk-bar-chart .default-grey-chart .highcharts-color-0 {
  fill: #6f6f6f;
  stroke: #6f6f6f;
}

.risk-bar-chart .highcharts-color-3 .highcharts-color-1,
.risk-bar-chart .default-grey-chart .highcharts-color-1 {
  fill: #6f6f6f;
  stroke: #6f6f6f;
}

.risk-bar-chart .highcharts-color-3 .highcharts-color-2,
.risk-bar-chart .default-grey-chart .highcharts-color-2 {
  fill: #6f6f6f;
  stroke: #6f6f6f;
}

.risk-bar-chart .animate-in {
  opacity: 0;
  -webkit-animation: animationIn 500ms 333ms ease-in forwards;
          animation: animationIn 500ms 333ms ease-in forwards;
}

@-webkit-keyframes animationIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes animationIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.risk-bar-chart .highcharts-custom-labels .risk-bar-chart__series-label {
  padding: 0 2px 0 21px;
  margin-top: 32px;
}

@media (min-width: 1200px) {
  .risk-bar-chart .highcharts-custom-labels .risk-bar-chart__series-label {
    margin-top: 28px;
  }
}

.risk-bar-chart .highcharts-custom-labels .highcharts-custom-label {
  left: 50%;
}

.risk-bar-chart .highcharts-custom-labels .highcharts-custom-label.is-mobile {
  left: 70%;
}

.risk-bar-chart .highcharts-custom-labels .highcharts-custom-label.highcharts-color-0>span {
  right: 0;
  bottom: 0;
}

.risk-bar-chart .highcharts-custom-labels .highcharts-custom-label.highcharts-color-0>span>div {
  position: absolute;
  right: 0;
  top: calc(100% - 6px);
}

@media (min-width: 1200px) {
  .risk-bar-chart .highcharts-custom-labels .highcharts-custom-label.highcharts-color-0>span>div {
    top: calc(100% - 9px);
  }
}

.risk-bar-chart .highcharts-custom-labels .risk-bar-chart__series-label-triangle {
  display: block;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.risk-bar-chart .highcharts-custom-labels .highcharts-custom-label.highcharts-color-0 .risk-bar-chart__series-label {
  color: #0051a5;
}

.risk-bar-chart .highcharts-custom-labels .highcharts-custom-label.highcharts-color-0 .risk-bar-chart__series-label-triangle {
  background-image: url(/AccountOpen/assets/shape_triangle_blue-949594eb4f3aa0f9bdb9485882d265f7.svg);
  left: -20px;
}

.risk-bar-chart .highcharts-custom-labels .highcharts-custom-label.is-mobile.highcharts-color-0 .risk-bar-chart__series-label {
  left: -1px;
  padding: 0 15px 0 2px;
  margin-top: 28px;
}

.risk-bar-chart .highcharts-custom-labels .highcharts-custom-label.highcharts-color-1 {
  text-align: right;
}

.risk-bar-chart .highcharts-custom-labels .highcharts-custom-label.highcharts-color-1 .risk-bar-chart__series-label {
  position: absolute;
  color: #6f6f6f;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
  right: 18px;
  padding: 0 15px 0 2px;
  margin-top: 26px;
}

.risk-bar-chart .highcharts-custom-labels .highcharts-custom-label.highcharts-color-1 .risk-bar-chart__series-label-triangle {
  background-image: url(/AccountOpen/assets/shape_triangle_grey-230ca964d1f23042c9137a7e2f9888bf.svg);
  right: -20px;
  -webkit-transform: translateY(-10%);
          transform: translateY(-10%);
}

.risk-bar-chart .highcharts-custom-labels .highcharts-custom-label.is-mobile.highcharts-color-1 {
  text-align: right;
}

.risk-bar-chart .highcharts-custom-labels .highcharts-custom-label.is-mobile.highcharts-color-1 .risk-bar-chart__series-label {
  position: absolute;
  color: #6f6f6f;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
  right: 90px;
  padding: 0 15px 0 2px;
  margin-top: 26px;
}

.risk-bar-chart .highcharts-custom-labels .highcharts-custom-label.is-mobile.highcharts-color-1 .risk-bar-chart__series-label-triangle {
  background-image: url(/AccountOpen/assets/shape_triangle_grey-230ca964d1f23042c9137a7e2f9888bf.svg);
  right: -20px;
  -webkit-transform: translateY(-10%);
          transform: translateY(-10%);
}

.risk-bar-chart .highcharts-custom-labels .highcharts-custom-label.highcharts-color-2 .risk-bar-chart__series-label {
  color: #9e5406;
}

@media (min-width: 1200px) {
  .risk-bar-chart .highcharts-custom-labels .highcharts-custom-label.highcharts-color-2 .risk-bar-chart__series-label {
    margin-top: 28px;
  }
}

.risk-bar-chart .highcharts-custom-labels .highcharts-custom-label.highcharts-color-2 .risk-bar-chart__series-label-triangle {
  background-image: url(/AccountOpen/assets/shape_triangle_orange-88e3d458afca1ec0ad0151c091c487c6.svg);
  left: -20px;
}

.risk-bar-chart .highcharts-custom-labels .highcharts-custom-label.is-mobile.highcharts-color-2 .risk-bar-chart__series-label {
  padding: 0 15px 0 2px;
  margin-top: 28px;
}

.risk-bar-chart__series-label-value {
  color: inherit;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1;
  margin: 0 0 5px;
  font-size: 18px;
  display: block;
  position: relative;
}

.risk-bar-chart__series-label-market {
  font-weight: 400;
  line-height: 1;
  margin: 0;
  padding-bottom: 5px;
  width: 116px;
  white-space: normal;
  display: block;
}

.risk-bar-chart__starting-line {
  height: 1px;
  color: #adadad;
  stroke: #adadad;
  fill: #adadad;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: scaleX(1.2) translateX(-50%);
          transform: scaleX(1.2) translateX(-50%);
}

@media (min-width: 768px) {
  .risk-bar-chart__starting-line {
    -webkit-transform: scaleX(1.2) translateX(-50%);
            transform: scaleX(1.2) translateX(-50%);
  }
}

@media (min-width: 992px) {
  .risk-bar-chart__starting-line {
    -webkit-transform: scaleX(1.2) translateX(-50%);
            transform: scaleX(1.2) translateX(-50%);
  }
}

.risk-calculator__chart-title strong {
  font-size: 18px;
  color: #252525;
  font-weight: 500;
}

@media (min-width: 1200px) {
  .risk-bar-chart__series-label-value {
    font-size: 24px;
  }

  .risk-bar-chart__series-label-market {
    white-space: nowrap;
  }

  .risk-calculator__chart-title strong {
    padding-right: 5%;
  }
}

.discovery-goal__vis {
  width: 100%;
  height: 184px;
}

@media (min-width: 576px) {
  .discovery-goal__vis {
    height: 317px;
  }
}

.discovery-goal__vis .highcharts-container {
  left: 0 !important;
  top: 0 !important;
  position: static;
}

.discovery-goal__vis .highcharts-background {
  fill: #fafafa;
}

.discovery-goal__vis .highcharts-area {
  fill-opacity: .1;
}

.discovery-goal__vis .highcharts-graph {
  stroke-width: 2.5;
}

.discovery-goal__vis .highcharts-color-1 {
  stroke: #006ac3;
  fill: #006ac3;
}

.discovery-goal__vis .highcharts-color-0 {
  stroke: #fbaa26;
  fill: #fbaa26;
}

.discovery-goal__vis .highcharts-color-2 {
  fill: rgba(0,106,195,.1);
  stroke: none;
}

.discovery-goal__vis .highcharts-series-3 .highcharts-graph {
  stroke: none;
}

.discovery-goal__vis .highcharts-series-3 .highcharts-graph {
  stroke: #fca311;
  stroke-width: 1;
  stroke-dasharray: 2,2;
}

@media (max-width: 576px) {
  .discovery-goal__vis .highcharts-series-3 .highcharts-graph {
    stroke-width: 2;
    stroke-dasharray: 4,4;
  }
}

.discovery-goal__vis .highcharts-series-4 .highcharts-graph {
  stroke: #0069c3;
  stroke-width: 1;
  stroke-dasharray: 2,2;
}

@media (max-width: 576px) {
  .discovery-goal__vis .highcharts-series-4 .highcharts-graph {
    stroke-width: 2;
    stroke-dasharray: 4,4;
  }
}

.discovery-goal__vis .highcharts-axis-labels {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #6f6f6f;
}

.discovery-goal__vis .highcharts-tooltip-box {
  fill: rgba(0,0,0,0);
  stroke: rgba(0,0,0,0);
}

.discovery-goal__vis .discovery-goal__tooltip {
  background: #fff;
  border: 1px solid #eaeaea;
  padding: 18px 60px;
  text-align: center;
}

.discovery-goal__vis .discovery-goal__tooltip .discovery-goal__tooltip-key,
.discovery-goal__vis .discovery-goal__tooltip .discovery-goal__tooltip-value {
  display: block;
  margin: 0;
}

.discovery-goal__vis .discovery-goal__tooltip-key {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #6f6f6f;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
}

@media (min-width: 576px) {
  .discovery-goal__vis .discovery-goal__tooltip-key {
    font-size: 1.125rem;
  }
}

.discovery-goal__vis .discovery-goal__tooltip-value {
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
  margin: 0;
}

.discovery-goal__vis div.highcharts-data-labels {
  right: 0;
}

.discovery-goal__vis div.highcharts-data-labels>div.highcharts-data-labels {
  display: none;
}

.discovery-goal__vis div.highcharts-data-labels div.highcharts-label {
  left: 0 !important;
  right: 0;
}

.discovery-goal__vis div.highcharts-data-labels div.highcharts-label span {
  position: static !important;
}

.discovery-goal__projection .series-label__container--hover {
  top: -20px;
  left: 0;
  width: 100%;
  text-align: center;
  -webkit-transform: none;
          transform: none;
}

.series-label__container {
  font-weight: 400;
  font-family: "Roboto",sans-serif;
  font-size: 1rem;
  color: #252525;
  line-height: 24px;
}

.series-label__container sup {
  font-size: .75rem;
}

@media (min-width: 576px) {
  .series-label__container {
    font-size: 1.25rem;
    line-height: 26px;
  }
}

@media (min-width: 576px) {
  .series-label__container {
    font-size: 17px;
  }
}

.series-label__container .info-box {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin: 0 0 2px 7px;
}

.series-label__container .info-box__helper {
  margin-bottom: 3px;
}

@media (min-width: 576px) {
  .series-label__container {
    position: absolute;
    left: 15px;
    right: 15px;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    z-index: 10;
  }

  .series-label__container--flipped {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin-top: 4px;
  }
}

.series-label__container>div {
  position: relative;
}

.series-label__container.series-label__container--series-0>div::before {
  border-color: #0069c3;
}

@media (max-width: 575px) {
  .portfolio-piechart-wrapper .col-xs-12 .series-label__container>div::before {
    border-top: none;
  }
}

.series-label__container--range {
  font-weight: 400;
  font-family: "Roboto",sans-serif;
  font-size: 1rem;
  color: #252525;
  line-height: 24px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.series-label__container--range sup {
  font-size: .75rem;
}

@media (min-width: 576px) {
  .series-label__container--range {
    font-size: 1.25rem;
    line-height: 26px;
  }
}

.series-label__container--range>div {
  padding: 10px 5px;
}

.series-label__container--range>div::before {
  content: none;
}

@media (max-width: 575px) {
  .series-label__container--range {
    display: block;
    position: absolute;
    width: 13px;
    left: 160px;
    background-color: #fff;
    padding: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .series-label__container--range>div {
    position: relative;
    background-color: #fff;
    top: -15px;
    width: 160px;
    left: -155px;
    text-align: right;
    padding: 0;
  }
}

@media (min-width: 576px)and (max-width: 767px) {
  .series-label__container--range {
    position: static;
    display: inline;
  }

  .series-label__container--range>div {
    position: relative;
    border-bottom: 2px solid #d0d0d0;
  }
}

@media (min-width: 768px) {
  .series-label__container--range {
    width: 13px;
    position: absolute;
    border: 2px solid #33b;
    border-left: none;
    left: calc(100% - 232px);
    padding-bottom: 1px;
    z-index: 1;
    display: block;
  }

  .series-label__container--range>div {
    width: 200px;
    font-size: 18px;
    padding: 0 0 0 20px;
    top: -7px;
    border-bottom: none;
    text-align: left;
  }
}

.discovery-goal__vis-container {
  clear: both;
  overflow: hidden;
}

@media (max-width: 575px) {
  .discovery-goal__vis-container {
    margin-bottom: 8px;
  }
}

@media (min-width: 768px) {
  .discovery-goal__vis-container {
    margin-bottom: 27px;
    width: 100%;
  }
}

.discovery-goal__axis-text {
  display: block;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-size: 14px;
  margin: 5px 0 0;
  float: left;
}

.discovery-goal__axis-text--right {
  float: right;
}

@media (max-width: 767px) {
  .discovery-goal__projection {
    margin-bottom: 27px;
  }
}

#discovery-goal-group-chart g.highcharts-yaxis-grid>path.highcharts-grid-line:last-child {
  opacity: 0;
}

.highcharts-legend-item {
  color: #444;
  font-size: 14px;
  font-weight: 300;
}

.discovery-goal-blurb-text {
  display: block;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-size: 14px;
  margin: 50px 0 0;
}

.piechart {
  padding: 30px 0 0 0;
}

.piechart-container {
  position: relative;
  text-align: center;
}

.piechart-container .highcharts-root {
  overflow: visible;
}

.piechart__circle-border {
  position: absolute;
  left: 50%;
  display: none;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media (min-width: 679px) {
  .piechart__circle-border {
    display: block;
  }
}

#discovery-goal__toggle-details--upper {
  display: none;
}

@media (max-width: 768px) {
  #discovery-goal__toggle-details--upper {
    display: block;
  }
}

#discovery-goal__toggle-details--investments {
  display: block;
}

@media (max-width: 768px) {
  #discovery-goal__toggle-details--investments {
    display: none;
  }
}

.piechart-target {
  display: inline-block;
  position: relative;
  width: auto;
  z-index: 1;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: -4px;
}

.piechart .piechart-m .highcharts-pie-series .highcharts-color-0 {
  fill: #a42650;
  stroke: #fff !important;
  stroke-width: 5px !important;
}

.piechart .piechart-m .highcharts-pie-series .highcharts-color-1 {
  fill: #fca311;
  stroke: #fff;
}

.piechart .highcharts-container {
  overflow: visible;
}

.piechart .highcharts-background {
  fill: rgba(0,0,0,0);
}

.piechart .highcharts-pie-series .highcharts-color-0 {
  fill: #a42650;
}

.piechart .highcharts-pie-series .highcharts-color-1 {
  fill: #fca311;
  stroke: #fca311;
}

.piechart .highcharts-pie-series .highcharts-color-2 {
  fill: navy;
  stroke: navy;
}

.piechart .highcharts-pie-series .highcharts-color-3 {
  fill: #aaba0a;
  stroke: #aaba0a;
}

.piechart .highcharts-pie-series .highcharts-color-4 {
  fill: #d6ce48;
  stroke: #d6ce48;
}

.piechart .highcharts-pie-series .highcharts-color-5 {
  fill: #588886;
  stroke: #588886;
}

.piechart .highcharts-pie-series .highcharts-color-6 {
  fill: #51b5e0;
  stroke: #51b5e0;
}

.piechart .highcharts-pie-series .highcharts-color-7 {
  fill: #b8a970;
  stroke: #b8a970;
}

.piechart .highcharts-pie-series .highcharts-color-8 {
  fill: #c1b5a5;
  stroke: #c1b5a5;
}

.piechart .highcharts-pie-series .highcharts-color-9 {
  fill: #6b7782;
  stroke: #6b7782;
}

.piechart .highcharts-credits {
  display: none;
}

.piechart g.highcharts-tooltip {
  display: none;
}

.piechart div.highcharts-tooltip {
  text-align: center;
  padding: 16px 16px;
  -webkit-filter: none;
          filter: none;
  background: #fff;
  border: 1px solid #eaeaea;
  width: 200px;
}

.piechart div.highcharts-tooltip>span {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}

.piechart div.highcharts-tooltip .highcharts-tooltip-box {
  fill: #fff;
  fill-opacity: 1;
}

.piechart div.highcharts-tooltip>span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.piechart div.highcharts-tooltip .piechart-tooltip__head {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
}

.piechart div.highcharts-tooltip .piechart-tooltip__point {
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
  margin: 0;
}

@media (min-width: 768px) {
  .piechart-legend-title,
  .piechart-legend-items {
    width: 50%;
    margin: auto;
  }
}

.piechart-legend-items {
  margin-top: 12px;
}

.piechart-legend {
  margin-top: 30px;
}

@media (min-width: 576px) {
  .piechart-legend-items {
    margin-top: 12px;
  }
}

@media (min-width: 679px) {
  .piechart-legend-items {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .piechart-legend {
    margin-top: -100px;
  }

  .piechart-legend-items {
    position: relative;
    width: 50%;
    margin-top: 16px;
  }

  .piechart-legend-items--left {
    padding-right: 130px;
    float: left;
  }

  .piechart-legend-items--right {
    padding-left: 130px;
    float: right;
  }
}

.piechart-legend-title__border {
  position: absolute;
  display: block;
  border-top: 2px solid #d3d3d3;
  left: 0;
  right: 0;
  bottom: 0;
}

.piechart-legend-title {
  position: relative;
  line-height: 1.25;
  margin-top: 20px;
  overflow: hidden;
}

.piechart-legend-title__name {
  display: block;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-size: 18px;
  margin: 0;
  text-align: left;
}

@media (min-width: 769px) {
  .piechart-legend-title__name .piechart-legend-item__disc {
    display: none;
  }
}

.piechart-legend-title__value {
  display: block;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
  margin: 0;
  line-height: 1;
  padding-bottom: 6px;
  float: right;
  padding-left: 0px;
}

@media (max-width: 768px) {
  .piechart-legend-title__value {
    font-size: 18px;
    padding-bottom: 0px;
    padding-right: 8px;
  }
}

@media (min-width: 769px) {
  .piechart-legend-title--right {
    margin-top: 45px;
  }
}

@media (min-width: 769px) {
  .piechart-legend-title {
    position: absolute;
    width: 50%;
    bottom: calc(100% - 100px);
    margin: 0;
  }

  .piechart-legend-title__name,
  .piechart-legend-title__value {
    float: none;
    font-size: 24px;
    text-align: unset;
    padding-right: 0px;
  }

  .piechart-legend-title--left {
    left: 0;
    padding-right: 114px;
    text-align: left;
  }

  .piechart-legend-title--left .piechart-legend-title__border {
    right: 112px;
  }

  .piechart-legend-title--right {
    right: 0;
    padding-left: 114px;
    text-align: right !important;
  }

  .piechart-legend-title--right .piechart-legend-title__border {
    left: 112px;
  }
}

.piechart-legend-item-wrapper {
  position: relative;
}

.piechart-legend-item-wrapper .info-box--text {
  display: block;
  text-align: left;
}

.piechart-legend-item-wrapper .info-box__helper {
  min-width: calc(50% - 120px);
  left: 0;
  right: auto;
}

.piechart-legend-item-wrapper .info-box__text-trigger {
  color: rgba(0,0,0,0);
  width: 100%;
}

.piechart-legend-item {
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  width: 100%;
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}

.piechart-legend-item__disc {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin-right: 8px;
}

.piechart-legend-item__name {
  text-decoration: underline;
}

.piechart-legend-item__name--disabled {
  text-decoration: none;
}

.piechart-legend-item__value {
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.25;
  margin: 0;
  float: right;
  font-size: 16px !important;
  padding-right: 8px;
}

.piechart-legend-item__disc-0 {
  background: #a42650;
}

.piechart-legend-item__disc-1 {
  background: #fca311;
}

.piechart-legend-item__disc-2 {
  background: navy;
}

.piechart-legend-item__disc-3 {
  background: #aaba0a;
}

.piechart-legend-item__disc-4 {
  background: #d6ce48;
}

.piechart-legend-item__disc-5 {
  background: #588886;
}

.piechart-legend-item__disc-6 {
  background: #51b5e0;
}

.piechart-legend-item__disc-7 {
  background: #b8a970;
}

.piechart-legend-item__disc-8 {
  background: #c1b5a5;
}

.piechart-legend-item__disc-9 {
  background: #a42650;
}

.line-chart .highcharts-color-0 {
  color: #0051a5;
  fill: #0051a5;
  stroke: #0051a5;
}

.line-chart .highcharts-color-0 .highcharts-area {
  fill: #0051a5;
  fill-opacity: .24;
}

.line-chart .highcharts-color-1 {
  color: #fca311;
  fill: #fca311;
  stroke: #fca311;
}

.line-chart .highcharts-color-1 .highcharts-area {
  fill: #fca311;
  fill-opacity: .24;
}

.line-chart .highcharts-tooltip-box {
  fill: rgba(0,0,0,0);
  stroke: rgba(0,0,0,0);
}

.line-chart .highcharts-plot-background {
  fill: #fafafa;
}

.line-chart .line-chart__tooltip {
  background: #fff;
  border: 1px solid #eaeaea;
  padding: 18px 60px;
  text-align: center;
}

.line-chart .line-chart__tooltip .line-chart__tooltip-key {
  display: block;
  margin: 0;
}

.line-chart .line-chart__tooltip-key {
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
  margin: 0;
}

.line-chart .line-chart__data-label {
  display: none;
}

.line-chart .line-chart__axis-label {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: .75rem;
  color: #6f6f6f;
  margin: 0;
}

@media (min-width: 576px) {
  .line-chart .line-chart__axis-label {
    font-size: .875rem;
  }
}

.line-chart .highcharts-point {
  stroke-width: 4px;
  stroke: #fff;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  -webkit-transform-origin: center;
          transform-origin: center;
  transform-box: fill-box;
}

.line-chart .highcharts-point.active {
  -webkit-filter: url(#dropshadow);
          filter: url(#dropshadow);
}

.line-chart.resizing .highcharts-point {
  -webkit-transform: scale(1);
          transform: scale(1);
  display: none;
}

.line-chart.resizing .highcharts-series-hover .highcharts-point.active {
  -webkit-transform: scale(1);
          transform: scale(1);
  display: none;
}

.line-chart .highcharts-color-0 {
  stroke: #0051a5;
  fill: #fff;
}

.line-chart .highcharts-color-1 {
  stroke: #0051a5;
  fill: #fff;
}

.line-chart .highcharts-series-hover .highcharts-point.active {
  stroke-width: 6px;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.line-chart .highcharts-series-hover .highcharts-color-0.active {
  stroke: #fff;
  fill: #0051a5;
}

.line-chart .highcharts-series-hover .highcharts-color-1.active {
  stroke: #fff;
  fill: #fca311;
}

.line-chart .highcharts-credits {
  display: none;
}

.portfolio-composition-container {
  position: relative;
}

@media (min-width: 768px) {
  .portfolio-composition-container {
    padding-top: 160px;
  }
}

.portfolio-composition-bar {
  position: relative;
  width: 100%;
  height: 10px;
  border: 1px solid #e2e2e2;
  background: repeating-linear-gradient(45deg, #FFFFFF, #FFFFFF 4px, #E2E2E2 5px, #E2E2E2 6px);
}

.portfolio-composition-bar--consolidated {
  height: 20px;
  width: initial;
}

.portfolio-composition-bar .highcharts-color-0 {
  background: #a42650;
}

.portfolio-composition-bar .highcharts-color-1 {
  background: #fca311;
}

.portfolio-composition-bar .highcharts-color-2 {
  background: navy;
}

.portfolio-composition-bar .highcharts-color-3 {
  background: #aaba0a;
}

.portfolio-composition-bar .highcharts-color-4 {
  background: #d6ce48;
}

.portfolio-composition-bar .highcharts-color-5 {
  background: #588886;
}

.portfolio-composition-bar .highcharts-color-6 {
  background: #51b5e0;
}

.portfolio-composition-bar .highcharts-color-7 {
  background: #b8a970;
}

.portfolio-composition-bar .highcharts-color-8 {
  background: #c1b5a5;
}

@media (min-width: 768px) {
  .portfolio-composition-bar-container {
    position: absolute;
    width: 100%;
  }
}

.portfolio-composition-bar-container--first {
  margin-top: -10px;
}

@media (min-width: 768px) {
  .portfolio-composition-bar-container--first {
    top: 0px;
  }
}

@media (min-width: 768px) {
  .portfolio-composition-bar-container--second {
    top: 80px;
  }
}

.portfolio-composition__title {
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
  display: inline-block;
  margin: 1em 0 12px 0;
  width: 100%;
}

@media (min-width: 768px) {
  .portfolio-composition__title--right {
    text-align: right;
  }
}

.portfolio-composition-bar__section {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

.portfolio-composition-bar__section.highcharts-color-C {
  background-color: #a42650;
}

.portfolio-composition-bar__section.highcharts-color-CBI {
  background-color: #fca311;
}

.portfolio-composition-bar__section.highcharts-color-CEI {
  background-color: #aaba0a;
}

.portfolio-composition-bar__section.highcharts-color-EEI {
  background-color: #d6ce48;
}

.portfolio-composition-bar__section.highcharts-color-IEI {
  background-color: #588886;
}

.portfolio-composition-bar__section.highcharts-color-STB {
  background-color: #51b5e0;
}

.portfolio-composition-bar__section.highcharts-color-UEI {
  background-color: #b8a970;
}

.portfolio-composition-bar__section.highcharts-color-WBI {
  background-color: #c1b5a5;
}

.portfolio-composition-bar__section.highcharts-color-UBI {
  background-color: navy;
}

.portfolio-composition-bar__section.highcharts-color-COB {
  background-color: navy;
}

.portfolio-composition-legend__text-link-container {
  display: block;
  clear: both;
  padding-top: 24px;
  padding-bottom: 30px;
}

.portfolio-composition-legend__text-link {
  border: 0;
  background: none;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  border: 0;
  background: none;
  padding: 0;
  font-size: .875rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  margin: 0 auto;
  display: block;
  position: relative;
}

.portfolio-composition-legend__text-link:hover {
  text-decoration: none;
}

.portfolio-composition-legend__text-link:focus {
  outline: auto;
}

.portfolio-composition-legend__text-link:hover {
  text-decoration: none;
}

.portfolio-composition-legend__text-link:focus {
  outline: auto;
}

.portfolio-composition-legend {
  margin-top: 14px;
}

@media (min-width: 768px) {
  .portfolio-composition-legend {
    margin-top: 40px;
    float: left;
    width: 50%;
  }
}

@media (min-width: 768px) {
  .portfolio-composition-legend--right {
    text-align: right;
  }
}

.portfolio-composition-legend-item {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

@media (min-width: 768px) {
  .portfolio-composition-legend-item {
    max-width: 300px;
  }
}

.portfolio-consolidated-legend-item {
  text-decoration: underline;
  color: #006ac3;
}

@media (min-width: 768px) {
  .portfolio-consolidated-legend-item {
    display: inline-block;
  }
}

.portfolio-composition-legend-item--left {
  display: block;
  float: left;
}

.portfolio-composition-legend-item--right {
  display: block;
  float: right;
}

.portfolio-composition-legend-item__circle,
.portfolio-composition-legend-item__name,
.portfolio-composition-legend-item__value,
.portfolio-composition-legend-item__percent {
  vertical-align: middle;
}

.portfolio-composition-legend-item__circle,
.portfolio-composition-legend-item__name {
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: .5em 0;
  line-height: 1;
}

@media (min-width: 768px) {
  .portfolio-composition-legend-item {
    position: relative;
  }

  .portfolio-composition-legend-item__name {
    display: inline-block;
    margin-left: 22px;
  }

  .portfolio-composition-legend-item__circle {
    position: absolute;
    top: 2px;
  }

  .portfolio-composition-legend-item--left {
    width: 80%;
    text-align: left;
  }

  .portfolio-composition-legend-item--right {
    position: absolute;
    right: 0;
    bottom: 6px;
  }
}

.portfolio-composition-legend-item__value,
.portfolio-composition-legend-item__percent {
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
  margin: .5em 0;
  line-height: 1;
}

.portfolio-composition-legend-item__circle {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-width: 3px;
  border-style: solid;
  border-radius: 100%;
  margin-right: 10px;
}

.portfolio-composition-legend-item__circle.highcharts-color-0 {
  border-color: #a42650;
}

.portfolio-composition-legend-item__circle.highcharts-color-1 {
  border-color: #fca311;
}

.portfolio-composition-legend-item__circle.highcharts-color-2 {
  border-color: navy;
}

.portfolio-composition-legend-item__circle.highcharts-color-3 {
  border-color: #aaba0a;
}

.portfolio-composition-legend-item__circle.highcharts-color-4 {
  border-color: #d6ce48;
}

.portfolio-composition-legend-item__circle.highcharts-color-5 {
  border-color: #588886;
}

.portfolio-composition-legend-item__circle.highcharts-color-6 {
  border-color: #51b5e0;
}

.portfolio-composition-legend-item__circle.highcharts-color-7 {
  border-color: #b8a970;
}

.portfolio-composition-legend-item__circle.highcharts-color-8 {
  border-color: #c1b5a5;
}

.portfolio-consolidated-legend-item__circle {
  display: inline-block;
  position: initial;
  border-radius: 50%;
  margin-right: 5px;
  height: 8px;
  width: 8px;
}

.portfolio-consolidated-legend-item__circle.highcharts-color-C {
  background-color: #a42650;
}

.portfolio-consolidated-legend-item__circle.highcharts-color-CBI {
  background-color: #fca311;
}

.portfolio-consolidated-legend-item__circle.highcharts-color-CEI {
  background-color: #aaba0a;
}

.portfolio-consolidated-legend-item__circle.highcharts-color-EEI {
  background-color: #d6ce48;
}

.portfolio-consolidated-legend-item__circle.highcharts-color-IEI {
  background-color: #588886;
}

.portfolio-consolidated-legend-item__circle.highcharts-color-STB {
  background-color: #51b5e0;
}

.portfolio-consolidated-legend-item__circle.highcharts-color-UEI {
  background-color: #b8a970;
}

.portfolio-consolidated-legend-item__circle.highcharts-color-WBI {
  background-color: #c1b5a5;
}

.portfolio-consolidated-legend-item__circle.highcharts-color-UBI {
  background-color: navy;
}

.portfolio-consolidated-legend-item__circle.highcharts-color-COB {
  background-color: navy;
}

.portfolio-consolidated-legend-item__name {
  font-size: .875rem;
  font-weight: 300;
}

.portfolio-consolidated-legend-item__value,
.portfolio-consolidated-legend-item__percent {
  font-size: .875rem;
  font-weight: 400;
}

.portfolio-recommedation-container {
  font-family: Roboto;
}

.portfolio-recommedation-container .header-box {
  background: #fafafa;
}

@media (min-width: 768px) {
  .portfolio-recommedation-container .header-box {
    width: 730px;
    margin-left: 1px;
  }
}

.portfolio-recommedation-container .heading-text-block {
  font-size: 1.125rem;
}

.portfolio-recommedation-container .cash-fi {
  font-size: 1rem;
}

@media (max-width: 767px) {
  .portfolio-recommedation-container .cash-fi {
    display: block;
    margin-top: 16px;
  }
}

.portfolio-recommedation-container .equities {
  font-size: 1rem;
}

@media (max-width: 767px) {
  .portfolio-recommedation-container .equities {
    margin-top: 8px;
    display: block;
  }
}

@media (min-width: 768px) {
  .portfolio-recommedation-container .equities {
    margin-left: 1.5rem;
  }
}

.portfolio-recommedation-container .porfolio-breakdown-container .number {
  font-size: 1.125rem !important;
  font-weight: bold;
}

.portfolio-consolidated-container {
  position: relative;
}

@media (min-width: 768px) {
  .portfolio-consolidated-container .equities {
    float: right;
    margin-top: .5rem;
  }

  .portfolio-consolidated-container .cash-fi {
    float: right;
    margin-top: .5rem;
    padding-left: 1.5rem !important;
  }

  .portfolio-consolidated-container .mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .portfolio-consolidated-container .mx-md-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
  }
}

.portfolio-consolidated-container .equities {
  display: block;
}

.portfolio-consolidated-container .cash-fi {
  display: block;
}

.portfolio-consolidated-container__details-toggle {
  text-align: center;
  cursor: pointer;
  padding-bottom: 25px;
  margin-top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.portfolio-consolidated-container__details-toggle a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.portfolio-consolidated-container__details-toggle a:after {
  content: url(/AccountOpen/assets/chevron_small_blue-941abe789ddb3241ad325c387d9b8e7f.svg);
  margin-left: 5px;
  line-height: 0;
}

.portfolio-consolidated-container__details-toggle--expanded a:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.porfolio-breakdown-container {
  background: #fff;
  padding-top: 32px;
}

.porfolio-breakdown-container .number {
  font-size: 1.5rem !important;
}

.porfolio-breakdown-container .goals-portfolio-table__cell {
  border-bottom: none;
}

.porfolio-breakdown-container .portfolio-table__cell--name {
  margin: 0;
}

@media (min-width: 992px) {
  .porfolio-breakdown-container .portfolio-table__cell--name .rwd-table__heading-cell-contents {
    width: 275px;
  }
}

.porfolio-breakdown-container .portfolio-table__name-text {
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-size: .75rem;
  margin: 0;
}

@media (max-width: 992px) {
  .porfolio-breakdown-container .portfolio-table__name-text {
    text-align: right !important;
    max-width: 200px !important;
  }
}

@media (min-width: 992px) {
  .porfolio-breakdown-container .portfolio-table__name-text {
    padding: 0;
  }
}

.porfolio-breakdown-container .portfolio-table__symbol-text {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 400;
}

@media (min-width: 992px) {
  .porfolio-breakdown-container .portfolio-table__symbol-percent {
    display: none;
  }
}

.porfolio-breakdown-container .portfolio-table__cell-type {
  text-align: right !important;
  word-break: break-word;
  padding-left: 45px;
}

.double-projection {
  height: 240px;
}

@media (min-width: 576px) {
  .double-projection {
    height: 340px;
  }
}

@media (min-width: 768px) {
  .double-projection {
    height: 400px;
  }
}

.double-projection .highcharts-tooltip-box {
  fill: rgba(0,0,0,0);
  stroke: rgba(0,0,0,0);
}

.double-projection .highcharts-plot-background {
  fill: #fafafa;
}

.double-projection .highcharts-crosshair {
  display: none;
}

.double-projection .double-projection__tooltip {
  background: #fff;
  border: 1px solid #eaeaea;
  padding: 18px 60px;
  text-align: center;
}

.double-projection .double-projection__tooltip .double-projection__tooltip-key,
.double-projection .double-projection__tooltip .double-projection__tooltip-value {
  display: block;
  margin: 0;
}

.double-projection .double-projection__tooltip-key {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #6f6f6f;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
}

@media (min-width: 576px) {
  .double-projection .double-projection__tooltip-key {
    font-size: 1.125rem;
  }
}

.double-projection .double-projection__tooltip-value {
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
  margin: 0;
}

.double-projection .double-projection__data-label {
  display: none;
}

.double-projection .double-projection__axis-label {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: .75rem;
  color: #6f6f6f;
  margin: 0;
}

@media (min-width: 576px) {
  .double-projection .double-projection__axis-label {
    font-size: .875rem;
  }
}

.double-projection .highcharts-area {
  fill-opacity: 1;
}

.double-projection .highcharts-color-0 {
  color: #0051a5;
  fill: #0051a5;
}

.double-projection .highcharts-color-0 .highcharts-area {
  fill: #0051a5;
  fill-opacity: .24;
  -webkit-mask: url(#doubleprojection-mask-1);
          mask: url(#doubleprojection-mask-1);
}

.double-projection .highcharts-color-0 .highcharts-graph {
  stroke: #0051a5;
}

.double-projection .highcharts-point {
  stroke-width: 4px;
  stroke: #fff;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  -webkit-transform-origin: center;
          transform-origin: center;
  transform-box: fill-box;
  display: none;
}

.double-projection .highcharts-point.active {
  -webkit-filter: url(#dropshadow);
          filter: url(#dropshadow);
}

.double-projection .highcharts-point:first-of-type,
.double-projection .highcharts-point:last-of-type {
  display: inline;
}

.double-projection.resizing .highcharts-point {
  -webkit-transform: scale(1);
          transform: scale(1);
  display: none;
}

.double-projection.resizing .highcharts-series-hover .highcharts-point.active {
  -webkit-transform: scale(1);
          transform: scale(1);
  display: none;
}

.double-projection .highcharts-color-0 {
  stroke: #0051a5;
  fill: #fff;
}

.double-projection .highcharts-series-hover .highcharts-point.active {
  stroke-width: 6px;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.double-projection .highcharts-series-hover .highcharts-color-0.active {
  stroke: #fff;
  fill: #0051a5;
}

.double-projection .highcharts-credits {
  display: none;
}

.double-projection-legend {
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 60px;
}

@media (min-width: 576px) {
  .double-projection-legend {
    margin-left: 65px;
  }
}

.double-projection-legend__item {
  display: block;
  position: relative;
  max-width: 250px;
  margin-right: 25px;
  margin-bottom: 10px;
  padding-top: 1px;
}

@media (min-width: 576px) {
  .double-projection-legend__item {
    display: inline-block;
  }
}

.double-projection-legend__item:last-of-type {
  margin-right: 0;
}

.double-projection-legend__item:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 2px;
  content: "";
}

.double-projection-legend__item.highcharts-color-0:after {
  background: #0051a5;
}

.double-projection-legend__item.highcharts-color-1:after {
  background: #fca311;
}

.double-projection-legend__item-label,
.double-projection-legend__item-value {
  display: block;
}

.double-projection-legend__item-label {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: .75rem;
  color: #6f6f6f;
  margin: 7px 0 0 0;
}

@media (min-width: 576px) {
  .double-projection-legend__item-label {
    font-size: .875rem;
  }
}

.highcharts-yaxis-labels {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: .75rem;
  color: #6f6f6f;
}

@media (min-width: 576px) {
  .highcharts-yaxis-labels {
    font-size: .875rem;
  }
}

.double-projection-legend__item-value {
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
  margin: 0;
}

.did-you-know {
  padding: 6px 0 6px 25px;
  margin: 0 0 0 18px;
  position: relative;
  text-align: left;
  border-left: 2px solid #fca311;
}

.did-you-know.did-you-know--basic {
  color: #6f6f6f;
  font-family: Georgia,serif;
  font-style: italic;
  font-size: .875rem;
  font-weight: 400;
  line-height: 20px;
  margin: 30px 0 30px 0;
  padding-left: 15px;
}

.revamp-wrapper .did-you-know {
  font-family: "Roboto",sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: .875rem;
  line-height: 20px;
  text-align: center;
  color: #6f6f6f;
}

@media (min-width: 992px) {
  .revamp-wrapper .did-you-know {
    text-align: left;
  }
}

.did-you-know-container .flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.did-you-know-mobile .did-you-know {
  border-left: none;
  margin: 0;
  padding: 0;
}

.bulb-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 15px;
}

.bulb-row .orange-border {
  width: 5em;
  border-bottom: 2px solid #fca311;
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .bulb-row .orange-border {
    display: none;
  }

  .bulb-row::before {
    content: "";
    position: absolute;
    top: 42px;
    left: 15px;
    right: 15px;
    border-bottom: 2px solid #fca311;
  }
}

.did-you-know__title {
  color: #6f6f6f;
  font-family: Georgia,serif;
  font-style: italic;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 6px;
  line-height: 24px;
}

.did-you-know__content {
  color: #6f6f6f;
  font-family: Georgia,serif;
  font-style: italic;
  font-size: .875rem;
  font-weight: 400;
  line-height: 20px;
}

.did-you-know__content strong {
  font-size: .875rem;
  color: #6f6f6f;
  font-weight: 500;
}

.did-you-know__content_roboto {
  color: #6f6f6f;
  font-family: "Roboto",sans-serif;
  font-style: normal;
  font-size: .875rem;
  font-weight: 400;
  line-height: 20px;
}

.did-you-know__content_roboto strong {
  font-size: .875rem;
  color: #6f6f6f;
  font-weight: 500;
}

.did-you-know__icon,
.did-you-know__icon_white_background {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  position: relative;
  top: 17px;
  background: #f3f7f8;
}

@media (min-width: 992px) {
  .did-you-know__icon,
  .did-you-know__icon_white_background {
    top: 0px;
  }
}

.did-you-know__icon svg,
.did-you-know__icon_white_background svg {
  max-height: 50px;
}

.did-you-know__icon_white_background {
  background: #fff;
}

.did-you-know-intereactive {
  margin-top: 40px;
}

.form-nav-container .row,
.form-nav-container .portfolio-recommedation-container .header-box,
.portfolio-recommedation-container .form-nav-container .header-box {
  padding-top: 25px;
  background-color: #fafafa;
}

@media (max-width: 575px) {
  .form-nav-container {
    display: none;
  }
}

.form-nav {
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;
  position: relative;
  font-size: 0;
  padding: 0;
  margin-bottom: 50px;
}

.form-nav:before {
  content: " ";
  background-color: #b3b3b3;
  height: 1px;
  width: 99%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form-nav.form-nav--2-of-2:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(100%, #006ac3), color-stop(100%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 100%, #b3b3b3 100%, #b3b3b3 100%);
}

.form-nav.form-nav--2-of-3:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(50%, #006ac3), color-stop(50%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 50%, #b3b3b3 50%, #b3b3b3 100%);
}

.form-nav.form-nav--2-of-4:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(33.3333333333%, #006ac3), color-stop(33.3333333333%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 33.3333333333%, #b3b3b3 33.3333333333%, #b3b3b3 100%);
}

.form-nav.form-nav--2-of-5:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(25%, #006ac3), color-stop(25%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 25%, #b3b3b3 25%, #b3b3b3 100%);
}

.form-nav.form-nav--2-of-6:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(20%, #006ac3), color-stop(20%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 20%, #b3b3b3 20%, #b3b3b3 100%);
}

.form-nav.form-nav--2-of-7:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(16.6666666667%, #006ac3), color-stop(16.6666666667%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 16.6666666667%, #b3b3b3 16.6666666667%, #b3b3b3 100%);
}

.form-nav.form-nav--2-of-8:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(14.2857142857%, #006ac3), color-stop(14.2857142857%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 14.2857142857%, #b3b3b3 14.2857142857%, #b3b3b3 100%);
}

.form-nav.form-nav--2-of-9:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(12.5%, #006ac3), color-stop(12.5%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 12.5%, #b3b3b3 12.5%, #b3b3b3 100%);
}

.form-nav.form-nav--2-of-10:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(11.1111111111%, #006ac3), color-stop(11.1111111111%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 11.1111111111%, #b3b3b3 11.1111111111%, #b3b3b3 100%);
}

.form-nav.form-nav--3-of-3:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(100%, #006ac3), color-stop(100%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 100%, #b3b3b3 100%, #b3b3b3 100%);
}

.form-nav.form-nav--3-of-4:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(66.6666666667%, #006ac3), color-stop(66.6666666667%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 66.6666666667%, #b3b3b3 66.6666666667%, #b3b3b3 100%);
}

.form-nav.form-nav--3-of-5:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(50%, #006ac3), color-stop(50%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 50%, #b3b3b3 50%, #b3b3b3 100%);
}

.form-nav.form-nav--3-of-6:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(40%, #006ac3), color-stop(40%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 40%, #b3b3b3 40%, #b3b3b3 100%);
}

.form-nav.form-nav--3-of-7:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(33.3333333333%, #006ac3), color-stop(33.3333333333%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 33.3333333333%, #b3b3b3 33.3333333333%, #b3b3b3 100%);
}

.form-nav.form-nav--3-of-8:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(28.5714285714%, #006ac3), color-stop(28.5714285714%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 28.5714285714%, #b3b3b3 28.5714285714%, #b3b3b3 100%);
}

.form-nav.form-nav--3-of-9:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(25%, #006ac3), color-stop(25%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 25%, #b3b3b3 25%, #b3b3b3 100%);
}

.form-nav.form-nav--3-of-10:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(22.2222222222%, #006ac3), color-stop(22.2222222222%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 22.2222222222%, #b3b3b3 22.2222222222%, #b3b3b3 100%);
}

.form-nav.form-nav--4-of-4:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(100%, #006ac3), color-stop(100%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 100%, #b3b3b3 100%, #b3b3b3 100%);
}

.form-nav.form-nav--4-of-5:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(75%, #006ac3), color-stop(75%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 75%, #b3b3b3 75%, #b3b3b3 100%);
}

.form-nav.form-nav--4-of-6:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(60%, #006ac3), color-stop(60%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 60%, #b3b3b3 60%, #b3b3b3 100%);
}

.form-nav.form-nav--4-of-7:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(50%, #006ac3), color-stop(50%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 50%, #b3b3b3 50%, #b3b3b3 100%);
}

.form-nav.form-nav--4-of-8:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(42.8571428571%, #006ac3), color-stop(42.8571428571%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 42.8571428571%, #b3b3b3 42.8571428571%, #b3b3b3 100%);
}

.form-nav.form-nav--4-of-9:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(37.5%, #006ac3), color-stop(37.5%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 37.5%, #b3b3b3 37.5%, #b3b3b3 100%);
}

.form-nav.form-nav--4-of-10:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(33.3333333333%, #006ac3), color-stop(33.3333333333%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 33.3333333333%, #b3b3b3 33.3333333333%, #b3b3b3 100%);
}

.form-nav.form-nav--5-of-5:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(100%, #006ac3), color-stop(100%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 100%, #b3b3b3 100%, #b3b3b3 100%);
}

.form-nav.form-nav--5-of-6:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(80%, #006ac3), color-stop(80%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 80%, #b3b3b3 80%, #b3b3b3 100%);
}

.form-nav.form-nav--5-of-7:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(66.6666666667%, #006ac3), color-stop(66.6666666667%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 66.6666666667%, #b3b3b3 66.6666666667%, #b3b3b3 100%);
}

.form-nav.form-nav--5-of-8:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(57.1428571429%, #006ac3), color-stop(57.1428571429%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 57.1428571429%, #b3b3b3 57.1428571429%, #b3b3b3 100%);
}

.form-nav.form-nav--5-of-9:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(50%, #006ac3), color-stop(50%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 50%, #b3b3b3 50%, #b3b3b3 100%);
}

.form-nav.form-nav--5-of-10:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(44.4444444444%, #006ac3), color-stop(44.4444444444%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 44.4444444444%, #b3b3b3 44.4444444444%, #b3b3b3 100%);
}

.form-nav.form-nav--6-of-6:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(100%, #006ac3), color-stop(100%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 100%, #b3b3b3 100%, #b3b3b3 100%);
}

.form-nav.form-nav--6-of-7:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(83.3333333333%, #006ac3), color-stop(83.3333333333%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 83.3333333333%, #b3b3b3 83.3333333333%, #b3b3b3 100%);
}

.form-nav.form-nav--6-of-8:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(71.4285714286%, #006ac3), color-stop(71.4285714286%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 71.4285714286%, #b3b3b3 71.4285714286%, #b3b3b3 100%);
}

.form-nav.form-nav--6-of-9:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(62.5%, #006ac3), color-stop(62.5%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 62.5%, #b3b3b3 62.5%, #b3b3b3 100%);
}

.form-nav.form-nav--6-of-10:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(55.5555555556%, #006ac3), color-stop(55.5555555556%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 55.5555555556%, #b3b3b3 55.5555555556%, #b3b3b3 100%);
}

.form-nav.form-nav--7-of-7:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(100%, #006ac3), color-stop(100%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 100%, #b3b3b3 100%, #b3b3b3 100%);
}

.form-nav.form-nav--7-of-8:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(85.7142857143%, #006ac3), color-stop(85.7142857143%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 85.7142857143%, #b3b3b3 85.7142857143%, #b3b3b3 100%);
}

.form-nav.form-nav--7-of-9:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(75%, #006ac3), color-stop(75%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 75%, #b3b3b3 75%, #b3b3b3 100%);
}

.form-nav.form-nav--7-of-10:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(66.6666666667%, #006ac3), color-stop(66.6666666667%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 66.6666666667%, #b3b3b3 66.6666666667%, #b3b3b3 100%);
}

.form-nav.form-nav--8-of-8:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(100%, #006ac3), color-stop(100%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 100%, #b3b3b3 100%, #b3b3b3 100%);
}

.form-nav.form-nav--8-of-9:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(87.5%, #006ac3), color-stop(87.5%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 87.5%, #b3b3b3 87.5%, #b3b3b3 100%);
}

.form-nav.form-nav--8-of-10:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(77.7777777778%, #006ac3), color-stop(77.7777777778%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 77.7777777778%, #b3b3b3 77.7777777778%, #b3b3b3 100%);
}

.form-nav.form-nav--9-of-9:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(100%, #006ac3), color-stop(100%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 100%, #b3b3b3 100%, #b3b3b3 100%);
}

.form-nav.form-nav--9-of-10:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(88.8888888889%, #006ac3), color-stop(88.8888888889%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 88.8888888889%, #b3b3b3 88.8888888889%, #b3b3b3 100%);
}

.form-nav.form-nav--10-of-10:before {
  background: -webkit-gradient(linear, left top, right top, from(#006ac3), color-stop(100%, #006ac3), color-stop(100%, #b3b3b3), to(#b3b3b3));
  background: linear-gradient(90deg, #006ac3 0%, #006ac3 100%, #b3b3b3 100%, #b3b3b3 100%);
}

.form-nav:after {
  content: " ";
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

.form-nav__step {
  position: relative;
  vertical-align: top;
  display: inline-block;
  zoom: 1;
}

.form-nav__link {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 16px;
  font-style: italic;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  font-family: Georgia,serif;
  border: 1px solid #252525;
  background-color: #fafafa;
  color: #252525;
}

.form-nav__step-description {
  position: absolute;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  text-align: center;
  bottom: -32px;
  font-size: 16px;
  color: #252525;
  font-family: Georgia,serif;
  font-style: italic;
  text-decoration: none;
}

.form-nav__step--active .form-nav__link {
  border: 1px solid #006ac3;
}

.form-nav__step--disabled .form-nav__link {
  background-color: #eaeaea;
  border-color: #eaeaea;
}

.form-nav__step--disabled .form-nav__link+.form-nav__step-description {
  color: #6f6f6f;
}

.form-nav__step--complete:before {
  background-color: #006ac3;
}

.form-nav__step--complete .form-nav__link {
  border: 1px solid #006ac3;
  background-color: #fafafa;
  background-image: url(/AccountOpen/assets/ic_progress_done-7a18860d213566b43d92747c950a4356.svg);
  background-position: center;
  background-repeat: no-repeat;
}

.form-nav__step--complete .form-nav__link+.form-nav__step-description {
  color: #006ac3;
}

.form-progress-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .form-progress-container {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.form-progress {
  width: 98%;
  height: 2px;
  background: #eaeaea;
  margin-top: 10px;
  margin-left: 4px;
}

.form-progress__title {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #6f6f6f;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  text-align: right;
  margin: 0;
}

.form-progress__title:focus {
  outline: none;
}

.form-progress__previous {
  border: 0;
  background: none;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
  float: left;
}

.form-progress__previous:hover {
  text-decoration: none;
}

.form-progress__previous:focus {
  outline: auto;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 299;
  background-color: rgba(0,39,80,.8);
}

.modal {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 90%;
  max-width: 920px;
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 9px rgba(0,0,0,.5);
          box-shadow: 0 2px 9px rgba(0,0,0,.5);
  margin: 16px 0;
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.modal--visible {
  opacity: 1;
}

.modal--padding {
  padding-top: 25px;
}

.modal__copy {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
}

.modal__copy--heavy {
  font-weight: 400;
}

.modal__close {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: rgba(0,0,0,0);
  background-image: url(/AccountOpen/assets/close_blue-1e3a61551d22f8f20c94a9e8a3245b66.svg);
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
  border: 1px solid rgba(0,0,0,0);
  cursor: pointer;
}

.modal__title {
  font-family: "Fira Sans",sans-serif;
  font-size: 1.375rem;
  font-weight: 300;
  color: #fafafa;
  margin: 1em 0;
  line-height: 1.5;
}

@media (min-width: 576px) {
  .modal__title {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .modal__title {
    font-size: 1.875rem;
  }
}

.modal--general .modal__title {
  font-family: "Fira Sans",sans-serif;
  font-size: 1.375rem;
  font-weight: 300;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
}

@media (min-width: 576px) {
  .modal--general .modal__title {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .modal--general .modal__title {
    font-size: 1.875rem;
  }
}

.modal--general .modal__header {
  padding: 0 20px;
}

@media (min-width: 576px) {
  .modal--general .modal__header {
    padding: 0 50px;
  }
}

.modal--general .modal__content {
  padding: 50px 20px;
  padding-top: 0;
}

@media (min-width: 576px) {
  .modal--general .modal__content {
    padding: 50px 50px;
    padding-top: 1px;
  }
}

.modal--blue {
  padding: 0;
}

.modal--blue .modal__header {
  background-color: #006ac3;
  background-image: url(/AccountOpen/assets/blue-modal-bg-457bc3d6cc705178476a833aefa5562b.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 300px;
  padding: 30px 30px;
  color: #fff;
  height: 25vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.modal--blue .modal__header a {
  color: #fff;
}

.modal--blue .modal__title {
  font-size: 22px;
  margin: 0;
}

.modal--blue .modal__close {
  background-image: url(/AccountOpen/assets/ic_close_white-683c2c5b056bc420dfce7efaf42b5334.svg);
}

.modal--blue .modal__content {
  padding: 30px 30px;
  max-height: calc(75vh - 33px);
  overflow-y: auto;
}

@media (min-width: 768px) {
  .modal {
    margin: 40px 0;
  }

  .modal--blue .modal__title {
    font-size: 30px;
  }

  .modal--blue .modal__header {
    height: auto;
    padding: 50px 30px;
    display: block;
  }

  .modal--blue .modal__content {
    padding-top: 30px;
    padding-bottom: 30px;
    max-height: calc(75vh - 18px);
  }

  .modal--ap .modal__header {
    padding: 0 50px;
  }

  .modal--ap .modal__content {
    padding: 50px 50px;
    padding-top: 1px;
  }
}

.ReactModal__Body--open {
  overflow: hidden;
}

@media (max-width: 991px) {
  .mobile-modal-open {
    overflow: hidden;
  }
}

.notice {
  border: 1px solid #bfecff;
  background-color: #f5fcff;
  padding: 20px;
  margin: 50px 0;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .notice {
    padding: 35px 50px;
  }
}

.notice:after {
  position: absolute;
  top: -6px;
  right: -50px;
  content: "";
  height: 80px;
  width: 112px;
  background-image: url(/AccountOpen/assets/ic_convobox-d106bf88654670fe97aa5c8171a1e597.svg);
  background-repeat: no-repeat;
  opacity: .15;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}

.notice__message {
  color: #444;
  font-family: Georgia,serif;
  font-style: italic;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
}

.promo-code {
  background-color: #feef80;
  font-family: "Roboto",sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  padding: 0;
  border-radius: 8px;
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 992px) {
  .promo-code {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.promo-code div.p1,
.promo-code div.p3,
.promo-code div.select-dropdown__single-value {
  margin: 0;
  color: #252525;
  padding: 20px 24px;
  width: 100%;
}

@media (min-width: 992px) {
  .promo-code div.p1,
  .promo-code div.p3,
  .promo-code div.select-dropdown__single-value {
    width: 80%;
  }
}

@media (max-width: 576px) {
  .promo-code div.p1,
  .promo-code div.p3,
  .promo-code div.select-dropdown__single-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.promo-code div.p2 {
  margin: 0;
  padding: 12px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid rgba(0,0,0,.1);
  border-left: 0;
  width: 100%;
}

@media (min-width: 992px) {
  .promo-code div.p2 {
    border-left: 1px solid rgba(0,0,0,.1);
    border-top: 0;
    width: 30%;
    padding: 20px 24px;
  }
}

.promo-code .info-box {
  display: inline-block;
  margin-left: 6px;
}

.promo-code .info-box .info-box__helper {
  max-width: 400px;
}

@media (max-width: 768px) {
  .promo-code .info-box .info-box__helper {
    min-width: calc(100vw - 30px);
  }
}

.promo-code+.step-indicator-container {
  margin-top: -8px;
}

.promo-code sup {
  color: #006ac3;
  text-decoration: underline;
  font-style: normal;
  font-weight: 500;
  font-size: .8125rem;
  line-height: 24px;
  font-family: "Roboto",sans-serif;
  margin-left: 5px;
}

.promo-edit-box .button-tray {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-flow: column-reverse;
          flex-flow: column-reverse;
}

@media (min-width: 768px) {
  .promo-edit-box .button-tray {
    margin-top: 32px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}

@media (max-width: 768px) {
  .promo-edit-box .button-tray .button-tray__item--primary {
    margin-top: 20px;
  }
}

.promo-code-modal {
  width: 95%;
  max-width: 95%;
}

@media (min-width: 768px) {
  .promo-code-modal {
    width: auto;
    max-width: auto;
  }
}

#signingCeremonyAgreements,
.submit-app {
  font-family: "Roboto",sans-serif;
  font-style: normal;
}

#signingCeremonyAgreements h1,
#signingCeremonyAgreements h2,
.submit-app h1,
.submit-app h2 {
  font-family: "Roboto",sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #444;
}

#signingCeremonyAgreements h1,
.submit-app h1 {
  font-size: .875rem;
  line-height: 20px;
  margin-top: 40px;
}

#signingCeremonyAgreements h2,
.submit-app h2 {
  font-size: 1.75rem;
  line-height: 36px;
  letter-spacing: -0.26px;
  margin-top: 7px;
  margin-bottom: 0px;
}

#signingCeremonyAgreements .document-content .spinner-wrapper,
.submit-app .document-content .spinner-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

#signingCeremonyAgreements .document-content .spinner-wrapper .loading-text,
.submit-app .document-content .spinner-wrapper .loading-text {
  font-family: "Roboto",sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: .75rem;
  line-height: 16px;
  text-align: center;
  color: #1f1f1f;
  margin-top: 8px;
}

#signingCeremonyAgreements .document-content iframe html body,
.submit-app .document-content iframe html body {
  background-color: #fff;
}

#signingCeremonyAgreements .document-content iframe html body .RBCtoolbar,
.submit-app .document-content iframe html body .RBCtoolbar {
  display: none;
}

#signingCeremonyAgreements .download-box,
.submit-app .download-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.agreements-footer {
  background-color: #fff;
  padding: 20px;
  bottom: 0;
  position: relative;
  width: 100%;
  z-index: 1;
}

.agreements-footer p {
  font-family: "Roboto",sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: .75rem;
  line-height: 16px;
}

.agreements-footer .button-tray {
  margin-top: 0;
}

.nomi-flow #signingCeremonyAgreements h1 {
  margin-top: 20px;
}

.submit-app {
  font-family: "Roboto",sans-serif;
  font-style: normal;
}

.submit-app .flower-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.submit-app p.footer-copy,
.submit-app span>p {
  font-weight: 300;
  font-size: .75rem;
  line-height: 16px;
}

.submit-app .spinner-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.kyc__page-back a[disabled] {
  cursor: default;
}

.pdf_scroll {
  height: 40vh;
  overflow-y: scroll;
}

.frenchdisclaimerTitle {
  font-size: .75rem;
  font-weight: 600;
}

.frenchdisclaimer .icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.frenchdisclaimer .title {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #006ac3;
  margin-right: .5rem;
}

.frenchdisclaimer .icon-box>img {
  width: 1.125rem;
  height: 1.125rem;
  margin-right: .5rem;
}

.frenchdisclaimer .info-context {
  font-size: .875rem;
}

.frenchdisclaimer .not-read {
  font-style: italic;
  color: #6f6f6f;
}

.frenchdisclaimer .read {
  color: #097b24;
}

.frenchdisclaimer .error {
  color: #b91a0e;
}

.agreements__row-with-button {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (min-width: 480px) {
  .agreements__row-with-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.agreements__sub-title {
  font-size: 1.25rem !important;
  color: #252525 !important;
  margin: 1em 0 !important;
}

.agreements__row {
  background-color: #fafafa;
  padding: 1.5rem;
  margin-bottom: 1rem;
}

.agreements__col {
  font-family: Roboto;
  font-size: 1rem;
  line-height: 1.5;
  color: #252525;
  font-weight: 300;
}

.agreements__col-document-name {
  margin: 0 .5rem .5rem 0;
  width: 60%;
}

.agreements__col-lang-toggle {
  margin-bottom: 1.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.agreements__download-new_window::after {
  display: inline-block;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='100%25' height='100%25'  fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.321 0H15C15.55 0 16 0.45 16 1V11.679C16 12.229 15.55 12.679 15 12.679H4.321C3.771 12.679 3.321 12.229 3.321 11.679V1C3.321 0.45 3.771 0 4.321 0ZM14.6 1.4V11.279H4.721V1.4H14.6ZM12.371 16H0.701C0.515175 16.0003 0.33687 15.9266 0.205379 15.7953C0.0738869 15.664 0 15.4858 0 15.3V4.543C0 4.1564 0.313401 3.843 0.7 3.843C1.0866 3.843 1.4 4.1564 1.4 4.543V14.6H12.371C12.7576 14.6 13.071 14.9134 13.071 15.3C13.071 15.6866 12.7576 16 12.371 16Z' fill='%230066BC'/%3E%3c/svg%3E");
  width: 1rem;
  height: 1rem;
  margin-left: .5rem;
  vertical-align: text-top;
}

.landing-page {
  font-family: "Roboto",sans-serif;
  font-style: normal;
}

.landing-page .header-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.landing-page .header-block img.grow-money {
  width: 100px;
  height: 120px;
}

@media (min-width: 768px) {
  .landing-page .header-block img.grow-money {
    width: 160px;
    height: 129px;
  }
}

.landing-page .page-heading {
  font-family: "Roboto",sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 36px;
  letter-spacing: -0.26px;
  color: #444;
}

.landing-page .group-plan-copy-block {
  font-weight: 300;
  font-size: 1rem;
  line-height: 24px;
  color: #252525;
}

.landing-page .section-heading {
  font-family: "Roboto",sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 27px;
  color: #252525;
  margin: 0 0 24px 0;
}

.landing-page .list-block {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  color: #444;
  padding: 32px;
}

.landing-page .list-block p {
  color: #444;
  margin-left: 0;
  padding-left: 0;
}

.landing-page .list-block h2.list-heading {
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 24px;
  color: #252525;
  margin-top: 24px;
}

.landing-page .list-block ul.content-list {
  font-family: "Roboto",sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 24px;
  margin: 0;
  padding: 0;
}

.landing-page .list-block ul.content-list li {
  border-bottom: 1px solid #eaeaea;
  padding: 24px 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.landing-page .list-block ul.content-list li .list-image {
  padding: 0 20px 0 0;
}

.landing-page .list-block ul.content-list li:last-child {
  border-bottom: none;
}

.landing-page .promo-code {
  margin: 20px 0;
}

@media (min-width: 992px) {
  .landing-page .promo-code {
    margin: 20px -15px;
  }
}

.landing-page .button-tray-alignment {
  padding-right: 15px;
}

@media (min-width: 992px) {
  .landing-page .button-tray-alignment .button-tray {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}

.landing-page .button-tray-alignment .button-tray a[disabled] {
  background-color: #eaeaea;
  color: #585858;
  cursor: not-allowed;
  border: none;
}

@media (min-width: 992px) {
  .landing-page .button-tray-alignment {
    padding-right: 0px;
  }
}

.landing-page .contact-us-copy {
  padding: 0 20px;
}

.landing-page .contact-us-copy P {
  margin-bottom: 0;
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .landing-page .contact-us-copy {
    padding-left: 0;
    padding-right: 0;
  }
}

.landing-page .nomi-page-heading {
  font-family: "Roboto",sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 48px;
  text-align: left;
  color: #444;
}

.landing-page .nomi-landing-heading-space {
  padding-top: 0;
  padding-left: 2rem;
}

@media (min-width: 768px) {
  .landing-page .nomi-landing-heading-space {
    padding-top: 3rem;
    padding-left: 5rem;
  }
}

.landing-page .nomi-learn-more-heading-space {
  padding-top: 0;
  padding-left: 2rem;
}

@media (min-width: 768px) {
  .landing-page .nomi-learn-more-heading-space {
    padding-top: 1rem;
    padding-left: 1rem;
  }
}

.landing-page img.couple-2 {
  width: 6.5rem;
  height: 11rem;
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .landing-page img.couple-2 {
    width: 7.5rem;
    height: 14rem;
    margin-top: 1rem;
  }
}

.landing-page img.grow-money2 {
  width: 6rem;
  height: 10rem;
}

@media (min-width: 768px) {
  .landing-page img.grow-money2 {
    width: 8rem;
    height: 8em;
    margin-top: 1rem;
  }
}

.landing-page img.tree {
  width: 1.5rem;
  height: auto;
}

@media (min-width: 768px) {
  .landing-page img.tree {
    width: 2rem;
    height: auto;
  }
}

.landing-page .nomi-landing-section-heading {
  font-family: "Roboto",sans-serif;
  font-weight: 450;
  font-size: 1.125rem;
  line-height: 28px;
  color: #444;
}

.landing-page .nomi-landing-hint-text {
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  font-size: .875rem;
  font-style: italic;
}

.landing-page .nomi-landing-u {
  font-weight: 300;
  font-size: 1rem;
  line-height: 24px;
  color: #000;
  margin-left: -15px;
  margin-right: 25px;
}

.landing-page .nomi-landing-p {
  font-weight: 300;
  font-size: 1rem;
  line-height: 24px;
  color: #000;
  margin-right: 25px;
}

.landing-page .nomi-landing-btn {
  width: 90%;
}

@media (min-width: 992px) {
  .landing-page .vl {
    border-left: 1px solid #e0e0e0;
    height: 450px;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 18rem;
  }
}

.landing-page .hl {
  border-bottom: 1px solid #6f6f6f;
}

.landing-page .notice-caption {
  margin-left: 0;
}

.landing-page .notice-control {
  border: 0;
  height: 60px;
}

.landing-page .notice-content {
  border: 0;
}

.landing-page .notice-content__custom {
  padding: 0 0 10px 0;
}

.landing-page .notice-content-p {
  margin: 0 43px 0 0;
  color: #000;
}

.landing-page .nomi-calcu-p {
  font-weight: 300;
  font-size: 1rem;
  line-height: 40px;
  color: #000;
}

.landing-page .num-b {
  font-weight: 400;
}

.landing-page .num-i {
  font-style: italic;
}

.landing-page .nomi-calcu-disclaimer {
  font-weight: 300;
  font-size: .875rem;
  line-height: 20px;
  color: #000;
}

.landing-page img.info {
  width: 1rem;
  height: auto;
  margin: 0 5px -3px 0;
}

.landing-page .calcu-row {
  display: inline-grid;
  margin: 0 5px -12px 5px;
}

.landing-page .calcu-result-row {
  display: inline-grid;
}

.landing-page .spinner {
  height: 1.3rem;
  width: 1.3rem;
  margin-bottom: -5px;
}

.nomi-wrapper {
  font-family: Roboto;
  font-style: normal;
}

.nomi-wrapper .header-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nomi-wrapper .header-box--margin {
  margin: 20px 0 20px 20px;
}

.nomi-wrapper .h1 {
  font-weight: 300;
  font-size: 28px;
  line-height: 36px;
}

.accountopen__page-head {
  font-family: "Fira Sans",sans-serif;
  font-size: 1.375rem;
  font-weight: 300;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  text-align: center;
  float: left;
  margin: 0 auto 40px;
}

@media (min-width: 576px) {
  .accountopen__page-head {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .accountopen__page-head {
    font-size: 1.875rem;
  }
}

.accountopen__page-head sup {
  font-size: .875rem;
  vertical-align: top;
}

@media (min-width: 576px) {
  .accountopen__page-head {
    margin: 0 auto 30px;
  }
}

.accountopen__page-subhead {
  font-size: 1.25rem;
  font-family: "Fira Sans",sans-serif;
  font-weight: 400;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  text-align: center;
  margin: 0 auto 40px;
}

@media (min-width: 768px) {
  .accountopen__page-subhead {
    font-size: 1.375rem;
  }
}

.accountopen__page-subhead sup {
  font-size: .75rem;
  vertical-align: top;
}

@media (min-width: 576px) {
  .accountopen__page-subhead {
    margin: 0 auto 30px;
  }
}

@media (max-width: 576px) {
  .accountopen__page-subhead.portfolio-piechart--heading {
    font-size: 1.25rem;
  }
}

#chart-projection-title sup {
  color: #006ac3;
}

.portfolio-piechart-wrapper .accountopen__page-subhead {
  font-family: "Roboto",sans-serif;
}

.accountopen__page-head--light {
  font-weight: 200;
}

.error-banner+.accountopen__page-head--no-progress-bar {
  margin-top: 40px;
}

.accountopen__page-head--no-progress-bar {
  margin-top: 80px;
  margin-bottom: 50px;
}

.accountopen__page-paragraph--subhead-definition .info-box__trigger:before {
  top: -17px;
}

@media (max-width: 576px) {
  .accountopen__page-paragraph--subhead-definition .info-box__trigger:before {
    top: -16.5px;
  }
}

.series-label__container--series-0 .info-box__trigger:before {
  top: -18.5px;
}

@media (max-width: 576px) {
  .series-label__container--series-0 .info-box__trigger:before {
    top: -17.5px;
  }
}

.series-label__container--series-1 .info-box__trigger:before {
  top: -18.5px;
}

@media (max-width: 576px) {
  .series-label__container--series-1 .info-box__trigger:before {
    top: -18px;
  }
}

div#infobox-trigger-portfolioDetailsBox.info-box__trigger:before {
  top: -16.5px;
}

@media (max-width: 576px) {
  div#infobox-trigger-portfolioDetailsBox.info-box__trigger:before {
    top: -17px;
  }
}

.accountopen__page-head .accountopen__page-head--light {
  font-size: 1.875rem;
  font-family: "Fira Sans";
}

h2.accountopen__page-subhead {
  font-size: 1.875rem;
}

@media (max-width: 576px) {
  h2.accountopen__page-subhead {
    font-size: 1.5rem;
  }
}

#chart-projection-title {
  font-size: 1.25rem;
  margin-bottom: 0;
}

#discovery-goal__vis {
  margin-top: 16px;
}

#here_is_why {
  font-size: 1.1875rem;
}

.accountopen__page-paragraph {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-size: 1.1875rem;
  margin: 30px 0;
  text-align: center;
}

.accountopen__page-paragraph strong {
  font-size: inherit;
}

.accountopen__page-paragraph .info-box {
  margin-left: 5px;
}

.accountopen__page-paragraph--subhead-definition {
  margin: -30px 50px 40px;
  font-size: .9375rem;
  font-family: Georgia;
  font-weight: 200;
}

.accountopen__gray-panel {
  background: #f3f4f5;
  padding: 40px;
  margin-bottom: 40px;
  padding-top: 25px;
  padding-bottom: 15px;
}

.accountopen__gray-panel__header {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  padding-bottom: 15px;
}

@media (min-width: 576px) {
  .accountopen__gray-panel__header {
    font-size: 1.125rem;
  }
}

.accountopen__legend,
.accountopen__gray-panel--interactive-risk.legend,
.accountopen__gray-panel.legend {
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  background: none;
}

.accountopen__gray-panel.legend {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  top: 45px;
  padding-bottom: 15px;
}

@media (min-width: 576px) {
  .accountopen__gray-panel.legend {
    font-size: 1.125rem;
  }
}

.accountopen__gray-panel--interactive-risk.legend {
  padding-bottom: 15px;
  top: 65px;
}

.profile-agree-link {
  margin: 10px 0 20px 0;
  display: inline-block;
}

.thankyou-banner-background {
  background-image: url(/AccountOpen/assets/header_thank_you-6185be312039b9543629396f32b9be01.jpg);
  margin-top: 0 !important;
}

@media (max-width: 991px) {
  .thankyou-banner-background {
    background-image: url(/AccountOpen/assets/header_thank_you_mob_2x-60cff4bc6732d5cef455d49bf6c0dee2.jpg);
  }
}

.thankyou_left--border {
  border-left: 4px solid #fca311;
  padding-left: 1rem;
}

.already-have {
  font-family: Roboto;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  color: #252525;
  max-width: 822px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
}

@media (min-width: 992px) {
  .bump {
    margin-top: 20px;
  }
}

.accountopen__card-container {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .accountopen__card-container .card:not(.card--expand) {
    width: 240px;
  }

  .accountopen__card-container .card .card-title {
    min-height: 70px;
  }

  .accountopen__card-container .card:last-of-type .card-title {
    max-width: 185px;
  }

  .accountopen__card-container .card-blocknote {
    min-height: 133px;
  }

  .accountopen__card-container .card-blocknote img {
    display: none;
  }
}

@media (max-width: 767px) {
  .accountopen__card-container .card-img-top-dis,
  .accountopen__card-container .card .card-body {
    display: none;
  }

  .accountopen__card-container .card-blocknote {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
    padding: 15px;
  }

  .accountopen__card-container .card-blocknote img {
    height: 43px;
    width: 43px;
    margin-right: 20px;
  }

  .accountopen__card-container .card-extra {
    margin-top: 20px;
  }
}

.accountopen__card-links .button-tray--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.thank_you-img-size {
  width: 56px;
  height: 56px;
}

.techinial_issues-img-size {
  width: 39px;
  height: 39px;
}

.accountopen__card-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.accountopen__card-links>a:not(:first-child):not(.accountopen__mobile-link) {
  margin-top: 10px;
}

@media (max-width: 767px) {
  .accountopen__card-links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    min-height: auto;
  }

  .accountopen__card-links a:not(.accountopen__mobile-link) {
    display: none;
  }
}

@media (min-width: 768px) {
  .accountopen__card-links .accountopen__mobile-link {
    display: none;
  }
}

.accountopen__notready-modal.ReactModal__Content {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.accountopen__learn-more {
  width: 100%;
  max-width: 820px;
  margin: auto;
  background-color: #fff;
}

.accountopen__learn-more:after {
  top: -19px;
  border-bottom-color: #fff;
}

.accountopen__learn-more--middle:before,
.accountopen__learn-more--middle:after {
  left: calc(50% - 36px/2);
}

.accountopen__learn-more--right:before,
.accountopen__learn-more--right:after {
  left: auto;
  right: calc((100% - 48px)/3/2 - 18px);
}

.accountopen__learn-more h3 {
  margin-top: 0;
  margin-right: 30px;
}

.accountopen__learn-more .info-box__close {
  width: 16px;
  height: 16px;
  top: 28px;
  right: 28px;
}

.accountopen__learn-more img>img:not(.notready_all-row-1) {
  width: 100%;
}

.h3-heading {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  color: #252525;
}

.accountopen__modal-image {
  max-width: 100%;
}

.accountopen__pdetails {
  max-width: 875px;
}

.accountopen__pdetails-needs {
  max-width: 616px;
  margin: 0;
  margin-top: 50px;
}

.accountopen__pdetails-needs-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  font-weight: 300;
  margin: 25px 0;
}

.accountopen__pdetails-needs-item:before {
  content: url(/AccountOpen/assets/ic_list_new_check-7edbbec2580ba38d22a1400aedb8750e.svg);
  display: block;
  width: 15px;
  margin-right: 10px;
}

.accountopen__pdetails .accountopen__page-head {
  max-width: 710px;
}

.accountopen__box-content .input-group__elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.notready__details-box {
  margin: 30px auto 0;
  padding: 0 25px 25px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
}

.notready__details-box .input--dynamic,
.notready__details-box .input--select {
  max-width: 400px;
}

.notready__details-box .input--cta {
  text-align: right;
}

.notready__details-box .input--cta .btn--primary,
.notready__details-box .input--cta .btn--large--primary {
  min-width: 246px;
}

.notready__details-box .thank-you-container {
  text-align: center;
}

.notready__details-box .accountopen__box-content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.notready__details-box .accountopen__in-touch-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: Roboto;
  font-size: 1.125rem;
  line-height: 1.5;
  text-align: center;
  color: #252525;
  margin-top: 20px;
  margin-bottom: 28px;
}

.notready__details-box .accountopen__in-touch-header img {
  margin-top: -5px;
  margin-right: 20px;
}

.notready__details-box .accountopen__in-touch-preamble {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  text-align: center;
}

@media (min-width: 768px) {
  .notready__details-box .accountopen__in-touch-preamble+.accountopen__in-touch-preamble {
    margin-top: -15px;
  }
}

.notready__details-box .accountopen__notready_names-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 40px;
}

.notready__details-box .accountopen__notready_names-box .input--dynamic {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.notready__details-box .accountopen__notready_names-box .input--dynamic:first-child {
  margin-right: 24px;
}

@media (max-width: 767px) {
  .notready__details-box .accountopen__notready_names-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .notready__details-box .accountopen__notready_names-box .input--dynamic {
    width: 100%;
    display: block;
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.notready__details-box .accountopen__notready_names-box .input__label-container {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.notready__details-box .notready_all-row-1 {
  margin-bottom: 30px;
}

.notready__details-box .accountopen__body-content {
  max-width: 750px;
  margin: auto;
}

.accountopen__details-box {
  margin: 30px auto;
  padding: 0 25px 25px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 2px 3px 1px #ddd;
          box-shadow: 0 2px 3px 1px #ddd;
  position: relative;
  background-color: #fff;
}

.accountopen__details-box--expanded,
.accountopen__details-box--collapsed--expanded {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background-color: #f8f8f8;
}

.accountopen__details-box--no-border {
  margin: 30px auto;
  padding: 34px 5px 16px 5px;
}

@media (min-width: 992px) {
  .accountopen__details-box--md {
    width: 845px;
  }
}

.accountopen__details-box--disabled:before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background-color: rgba(255,255,255,.6);
  z-index: 100;
}

@media (max-width: 767px) {
  .accountopen__details-box--disabled *,
  .accountopen__details-box--collapsed * {
    margin: 0;
  }

  .accountopen__details-box--disabled .accountopen__box-content *:not(h2):not(.heading-with-button):not(fieldset),
  .accountopen__details-box--disabled .input--cta,
  .accountopen__details-box--collapsed .accountopen__box-content *:not(h2):not(.heading-with-button):not(fieldset),
  .accountopen__details-box--collapsed .input--cta {
    display: none;
  }

  .accountopen__details-box--disabled h2 *,
  .accountopen__details-box--disabled .heading-with-button *,
  .accountopen__details-box--collapsed h2 *,
  .accountopen__details-box--collapsed .heading-with-button * {
    display: block !important;
  }
}

.accountopen__details-box--disabled #trusted-contact-person-row .info-icon,
.accountopen__details-box--collapsed #trusted-contact-person-row .info-icon {
  display: inline-block !important;
}

.accountopen__details-box--disabled #trusted-contact-person-row .flex,
.accountopen__details-box--collapsed #trusted-contact-person-row .flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin: 1em 0;
}

.accountopen__details-box .heading-with-button .btn {
  width: auto;
  min-width: auto;
  text-align: right;
}

.accountopen__details-box .input--dynamic,
.accountopen__details-box .input--select {
  max-width: 100%;
}

.accountopen__details-box .input--cta {
  text-align: right;
}

.accountopen__details-box .input--cta .btn--primary,
.accountopen__details-box .input--cta .btn--large--primary {
  min-width: 160px;
}

.accountopen__details-box .did-you-know-container>* {
  margin-left: 0;
  width: 100%;
}

.accountopen__details-box *:not(.did-you-know-container)>*>.did-you-know {
  margin: 10px 0 20px 0;
  padding-left: 15px;
  font-size: .9375;
}

.accountopen__details-box .datepicker-group {
  margin-top: 24px;
}

@media (max-width: 767px) {
  .accountopen__details-box .datepicker-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .accountopen__details-box .datepicker-group>.input {
    width: 100%;
  }
}

.accountopen__details-box :not(.rbc-notice__inner)>h2:not(.h2--native) {
  margin: 25px 0 0;
  font-size: 1.125rem;
}

.accountopen__details-box h3:not(.h3--native) {
  font-size: 1rem;
}

.accountopen__details-box legend {
  font-weight: 300;
}

.accountopen__details-box .flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.notready__details-box .input-group__elements,
.accountopen__details-box .input-group__elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.notready__details-box .input-group__elements .input--dynamic,
.accountopen__details-box .input-group__elements .input--dynamic {
  max-width: 600px;
}

@media (max-width: 767px) {
  .notready__details-box .input-group__elements .radio--inline+.radio--inline,
  .accountopen__details-box .input-group__elements .radio--inline+.radio--inline {
    margin-left: 4%;
  }
}

.notready__details-box .radio--inline,
.accountopen__details-box .radio--inline {
  max-width: 275px;
}

.notready__details-box .radio,
.accountopen__details-box .radio {
  margin-top: 2px !important;
}

@media (max-width: 767px) {
  .notready__details-box .radio-column-mobile .input-group__elements,
  .accountopen__details-box .radio-column-mobile .input-group__elements {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .notready__details-box .radio-column-mobile .input-group__elements .radio--inline,
  .accountopen__details-box .radio-column-mobile .input-group__elements .radio--inline {
    margin-left: 0;
  }
}

.notready__details-box .field-group>*,
.accountopen__details-box .field-group>* {
  padding-left: 0;
}

.notready__details-box .field-group>:not(:last-child),
.accountopen__details-box .field-group>:not(:last-child) {
  padding-right: 20px;
}

@media (max-width: 767px) {
  .notready__details-box .field-group,
  .accountopen__details-box .field-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .notready__details-box .field-group .input--dynamic,
  .notready__details-box .field-group .input--select,
  .accountopen__details-box .field-group .input--dynamic,
  .accountopen__details-box .field-group .input--select {
    max-width: none;
    margin-bottom: 0;
  }

  .notready__details-box .field-group>*,
  .accountopen__details-box .field-group>* {
    padding: 0 !important;
  }

  .notready__details-box .field-group>:not(:first-child),
  .accountopen__details-box .field-group>:not(:first-child) {
    margin-top: 20px;
  }

  .notready__details-box .field-group>:not(:last-child),
  .accountopen__details-box .field-group>:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (max-width: 991px) {
  .notready__details-box .field-group-md,
  .accountopen__details-box .field-group-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .notready__details-box .field-group-md .input--dynamic,
  .notready__details-box .field-group-md .input--select,
  .accountopen__details-box .field-group-md .input--dynamic,
  .accountopen__details-box .field-group-md .input--select {
    max-width: none;
    margin-bottom: 0;
  }

  .notready__details-box .field-group-md>*,
  .accountopen__details-box .field-group-md>* {
    padding: 0 !important;
  }

  .notready__details-box .field-group-md>:not(:first-child),
  .accountopen__details-box .field-group-md>:not(:first-child) {
    margin-top: 20px;
  }

  .notready__details-box .field-group-md>:not(:last-child),
  .accountopen__details-box .field-group-md>:not(:last-child) {
    margin-bottom: 15px;
  }
}

.accountopen__details-box .networth-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media (min-width: 768px) {
  .accountopen__details-box .networth-cta .button-tray {
    margin-top: 18px;
  }
}

.accountopen__details-box .networth-cta .input {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .accountopen__details-box .networth-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.accountopen__details-box .marriage-bulet-icon {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border-radius: 50%;
  border: 4px solid #006ac3;
}

.accountopen__details-box .accountopen__name-container .input--dynamic {
  max-width: none;
}

.accountopen__details-box .accountopen__name-container>* {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.accountopen__details-box .accountopen__name-container>:nth-child(2) {
  max-width: 155px;
}

.accountopen__details-box .accountopen__name-container>:not(:last-child) {
  padding-right: 20px;
}

@media (max-width: 767px) {
  .accountopen__details-box .accountopen__name-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .accountopen__details-box .accountopen__name-container>:last-child {
    min-width: 100%;
    margin-top: 20px;
  }

  .accountopen__details-box .accountopen__name-container>:last-child .input__label-container {
    min-height: auto;
  }

  .accountopen__details-box .accountopen__name-container>:nth-child(2) {
    padding-right: 0;
  }
}

.accountopen__details-box .accountopen__name-container .input__label-container {
  min-height: 53px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.accountopen__details-box .accountopen__calculator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.accountopen__details-box .accountopen__calculator>* {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.accountopen__details-box .accountopen__calculator>:first-child {
  padding-right: 15px;
}

.accountopen__details-box .accountopen__calculator>:last-child {
  padding-left: 15px;
}

@media (max-width: 991px) {
  .accountopen__details-box .accountopen__calculator>:last-child {
    margin-bottom: 15px;
  }
}

.accountopen__details-box .accountopen__calc-notice .button-tray {
  margin-top: 0;
}

.accountopen__details-box .space-on-stack {
  margin-top: -1.5rem;
}

.accountopen__details-box .space-on-stack>* {
  margin-top: 1.5rem;
}

.accountopen__not-ready {
  position: relative;
  background-color: #fff;
  padding: 34px 16px;
}

.accountopen__not-ready--kyc {
  margin-top: 50px;
  width: 100vw;
  left: calc((100vw - 100%)/-2);
}

.accountopen__not-ready:before {
  content: "";
  display: block;
  position: absolute;
  top: -50px;
  left: calc(63% - 130px);
  border: 25px solid #fff;
  border-top-color: rgba(0,0,0,0);
  border-right-color: rgba(0,0,0,0);
  border-left-color: rgba(0,0,0,0);
}

@media (max-width: 575px) {
  .accountopen__not-ready:before {
    left: calc(50% - 25px);
  }
}

@media (max-width: 991px) {
  .accountopen__not-ready {
    padding-top: 12px;
  }
}

.accountopen__not-ready>h1 {
  font-size: 1.75rem;
}

.accountopen__not-ready .accountopen__tab-bar {
  text-align: center;
  margin-bottom: 30px;
  font-family: "Roboto",sans-serif;
}

.accountopen__not-ready .accountopen__tab-bar * {
  font-size: 0.875rem;
}

@media (max-width: 991px) {
  .accountopen__not-ready .accountopen__tab-bar {
    display: none;
  }
}

.accountopen__not-ready .accountopen__tab-bar .accountopen__tab-selected {
  color: #252525 !important;
  cursor: default;
}

.accountopen__not-ready .accountopen__tab-bar .accountopen__tab-selected:hover,
.accountopen__not-ready .accountopen__tab-bar .accountopen__tab-selected:focus {
  text-decoration: none;
}

.accountopen__not-ready .accountopen__articles-select {
  margin-bottom: 30px;
}

.accountopen__not-ready .accountopen__articles-select select {
  background-color: #fff;
  color: #006ac3;
  font-weight: 400;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 16px;
}

.accountopen__not-ready .accountopen__articles-select .input__select-container:after {
  z-index: 99;
  width: 20px;
}

@media (min-width: 992px) {
  .accountopen__not-ready .accountopen__articles-select {
    display: none;
  }
}

.accountopen__not-ready .accountopen__learn-more {
  max-width: 1142px;
  margin-top: 40px;
}

.accountopen__not-ready .accountopen__learn-more:before,
.accountopen__not-ready .accountopen__learn-more:after {
  content: none;
}

.accountopen__not-ready .accountopen__article-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px 15px -12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1164px;
}

@media (max-width: 1171px) {
  .accountopen__not-ready .accountopen__article-grid {
    max-width: 776px;
  }
}

@media (max-width: 783px) {
  .accountopen__not-ready .accountopen__article-grid {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.accountopen__not-ready .accountopen__article-grid .not-ready-card {
  width: 364px;
  max-width: calc(100vw - 32px);
  background-color: #fff;
  -webkit-box-shadow: 0 2px 3px 1px #ddd;
          box-shadow: 0 2px 3px 1px #ddd;
  margin: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.accountopen__not-ready .accountopen__article-grid .not-ready-card__article-img {
  width: 100%;
}

.accountopen__not-ready .accountopen__article-grid .not-ready-card__faq-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 63px;
  background-color: #c3e2fa;
  color: #0051a5;
  font-size: 18px;
  font-family: "Roboto",sans-serif;
}

.accountopen__not-ready .accountopen__article-grid .not-ready-card__faq-header img {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}

.accountopen__not-ready .accountopen__article-grid .not-ready-card__quote {
  position: relative;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  line-height: 1.5;
  color: #464646;
  padding: 69px 24px;
}

.accountopen__not-ready .accountopen__article-grid .not-ready-card__quote:before,
.accountopen__not-ready .accountopen__article-grid .not-ready-card__quote:after {
  position: absolute;
  font-family: Athelas,"Times New Roman",Times,serif;
  font-size: 55px;
  color: #006ac3;
}

.accountopen__not-ready .accountopen__article-grid .not-ready-card__quote:before {
  content: "“";
  left: 24px;
  top: 10px;
}

.accountopen__not-ready .accountopen__article-grid .not-ready-card__quote:after {
  content: "”";
  right: 24px;
  bottom: -15px;
}

.accountopen__not-ready .accountopen__article-grid .not-ready-card__quote-name,
.accountopen__not-ready .accountopen__article-grid .not-ready-card__quote-city {
  font-family: "Roboto",sans-serif;
  margin-left: 24px;
}

.accountopen__not-ready .accountopen__article-grid .not-ready-card__quote-name {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.56;
  margin-top: auto;
}

.accountopen__not-ready .accountopen__article-grid .not-ready-card__quote-city {
  font-size: 0.75rem;
  font-weight: 300;
  margin-bottom: 32px;
}

.accountopen__not-ready .accountopen__article-grid .accountopen__article-content {
  padding: 25px;
  padding-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.accountopen__not-ready .accountopen__article-grid .accountopen__article-content a {
  position: relative;
  padding-left: 20px;
}

.accountopen__not-ready .accountopen__article-grid .accountopen__article-content a:before {
  content: url(/AccountOpen/assets/arrow-right-blue.svg);
  position: absolute;
  left: -10px;
  top: -7px;
}

.accountopen__not-ready .accountopen__show-more {
  display: block;
  margin: 28px auto 64px;
  background-color: rgba(0,0,0,0);
}

.Start-your-investing-title {
  font-family: Roboto;
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 1.3;
  text-align: center;
  color: #444;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 8px;
}

.Please-enter-your-na {
  font-family: Roboto;
  font-size: 0.9375rem;
  line-height: 1.47;
  text-align: center;
  color: #6f6f6f;
  margin-bottom: 24px;
}

.start-invest-journey-img {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 24px;
}

.revamp {
  font-family: "Roboto",sans-serif;
  font-style: normal;
}

.revamp .page-heading-spacer {
  margin-top: 40px;
  margin-bottom: 28px;
}

.revamp h1.progress-bar-heading {
  font-size: .875rem;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  margin-top: 40px;
}

.revamp h2.page-heading {
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 28px;
  color: #252525;
  margin: 0 0 28px 0;
}

@media (min-width: 992px) {
  .revamp h2.page-heading {
    font-size: 28px;
    line-height: 36px;
    font-size: 1.75rem;
  }
}

.revamp p {
  font-weight: 300;
  font-size: 1rem;
  line-height: 24px;
  color: #585858;
  margin-left: 25px;
  margin-right: 25px;
}

.tfsa_card_background {
  background-image: url(/AccountOpen/assets/most_popular-8a40656225725c78ee9f8803bb2f9de1.svg) !important;
  background-repeat: no-repeat !important;
}

.learnmore_vector {
  background-image: url(/AccountOpen/assets/learnmore_vector-e41c83dadc1fd9b8e97afb725a144fc8.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 98%;
  margin: 0 !important;
}

.smallText {
  font-family: Roboto;
  font-style: normal;
  font-size: 15px;
  font-weight: 300;
  line-height: 16px;
  color: #444;
}

.account .rbc-cta--secondary {
  padding: 20px;
}

.tcpTooltip .info-icon {
  background: url(/AccountOpen/assets/ic_info_new.svg) no-repeat center/contain;
  display: inline-block;
  vertical-align: bottom;
  width: 22px;
  margin-right: 8px;
  height: 22px;
  cursor: pointer;
  position: relative;
}

@media (max-width: 576px) {
  .tcpTooltip .info-box--center {
    left: 25%;
  }
}

#infobox-content-learnMoreAboutTCP ol {
  padding-left: 1.2rem;
  margin: 0;
}

#infobox-content-learnMoreAboutTCP+.button-tray {
  margin: 32px 0;
}

@media (max-width: 768px) {
  #infobox-content-learnMoreAboutTCP {
    overflow-x: auto;
    max-height: 500px;
    padding-right: 16px;
  }
}

@media (min-width: 576px) {
  #trusted-contact-person-row .button-tray__item--primary {
    margin-right: 0px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  #trusted-contact-person-row .button-tray__item:last-child {
    margin-right: 20px;
  }
}

@media (max-width: 575px) {
  #trusted-contact-person-row .button-tray__item--primary {
    margin-top: 0px;
  }

  #trusted-contact-person-row .button-tray__item:last-child {
    margin-top: 24px;
  }
}

p.chartFooter {
  color: #585858;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-size: .75rem;
}

.kyc__page-head {
  position: relative;
  font-family: "Fira Sans",sans-serif;
  font-size: 1.375rem;
  font-weight: 300;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0 auto 0 0;
  font-size: 1.75rem;
}

@media (min-width: 576px) {
  .kyc__page-head {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .kyc__page-head {
    font-size: 1.875rem;
  }
}

.kyc__page-head sup {
  font-size: .875rem;
  vertical-align: top;
}

.kyc__page-head--light {
  font-weight: 200;
}

.kyc__page-head-title {
  font-size: .875rem;
  font-family: Roboto;
  font-weight: 300;
}

.kyc__page-head-sub {
  font-size: 1rem;
  font-family: Roboto;
  font-weight: 300;
  line-height: 24px;
}

.kyc__page-head .info-box__trigger--small+.info-box__helper {
  bottom: 40px;
}

.kyc__page-back {
  margin-bottom: 30px;
}

.kyc__page-back--img {
  height: 12px;
  margin-right: 2px;
}

.kyc__section {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 500;
}

@media (min-width: 576px) {
  .kyc__section {
    font-size: 1.125rem;
  }
}

.badge {
  padding: 2px 5px;
  background-color: #d4dc84;
  border-radius: 4px;
  font-family: "Roboto",sans-serif;
}

.account-type-modal p {
  margin-bottom: calc(1em + 5px);
}

.account-type-modal ul {
  list-style: none;
  padding: 0;
}

.account-type-modal ul li {
  margin-bottom: 24px;
}

.account-type-modal__image {
  max-width: 100%;
  display: block;
  margin: 30px auto 0;
}

@media (min-width: 576px) {
  .portfolio-piechart-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.portfolio-piechart-wrapper .info-box__trigger:before {
  display: none;
}

.portfolio-piechart-wrapper .info-box__trigger:after {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  top: 22px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  z-index: 101;
  background: url("/assets/infobox_arrow.svg") no-repeat center/contain;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

.portfolio-piechart-wrapper .info-box--hidden .info-box__trigger:after {
  display: none;
}

.risk-calculator__risk-selection {
  overflow: visible;
}

.piechart-margin-bottom {
  margin-bottom: 40px;
}

.portfolio-piechart-about a:hover {
  text-decoration: underline;
}

.portfolio-inline-table {
  display: inline-table;
  float: none;
}

.portfolio-inline-table:focus {
  outline: none;
}

.portfolio-allocation-box {
  background-color: #f3f4f6;
  margin: 10px 0 10px 15px;
  overflow: hidden;
  font-family: "Roboto",sans-serif;
  font-size: 16px;
  font-weight: 300;
  padding: 0 0 5px 15px;
  text-align: left;
}

.portfolio-allocation-box .col-xs-10,
.portfolio-allocation-box .part3_2 {
  max-width: 230px;
  margin-bottom: 10px;
}

.portfolio-piechart--heading {
  margin: 0;
  padding-left: 15px;
}

.appointment__grid--padding {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding-left: 0em !important;
  margin-bottom: 1em;
}

.appointment__button {
  padding: 14px 0;
  margin-top: 28px;
  line-height: 1.5;
  min-width: 120px;
}

@media (max-width: 991px) {
  .appointment__button {
    margin-top: 0 !important;
    line-height: 2;
    width: 100%;
    max-width: 302px;
  }
}

.appointment__select--disabled {
  border: none !important;
  padding-left: 0 !important;
}

.appointment__calendar {
  color: #006ac3;
  text-decoration: underline;
  cursor: pointer;
  outline: none;
}

@media (min-width: 992px) {
  .appointment__calendar {
    margin-top: 27px;
  }
}

.appointment__label--display {
  display: block !important;
}

.about-you-title {
  height: 27px;
  font-family: Roboto;
  font-size: 18px;
  line-height: 1.5;
  color: #252525;
  margin-bottom: 24px;
  margin-top: 30px;
}

.binary-toggle-group {
  width: 100%;
}

.binary-toggle-group-title {
  height: 24px;
  font-family: Roboto;
  font-size: 1rem;
  line-height: 1.5;
  color: #252525;
}

.about-you-sub-header {
  font-family: Roboto;
  font-size: 1rem;
  line-height: 1.5;
  color: #252525;
}

div[id*=this-or-that-toggle-display] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.binary-toggle-group .input--dynamic.radio:not(.radio--inline)+.input--dynamic.radio,
.binary-toggle-group .input-group .input {
  margin: 2px 0 2px;
}

.binary-toggle-group .radio input[type=radio]+label {
  padding-left: 45px;
  padding-right: 30px;
}

.binary-toggle-group .input__label-container,
.binary-toggle-group .legend {
  margin-bottom: 0px;
}

.you-need-to-know-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 2px solid #fca311;
  padding-top: 6px;
  padding-bottom: 10px;
  margin-top: 10px;
}

.input-group .you-need-to-know-block {
  margin-bottom: 10px;
}

.binary-toggle-group fieldset {
  margin-top: 15px;
  margin-bottom: 0px;
}

.you-need-to-know {
  padding-left: 13px;
  position: relative;
  text-align: left;
}

.you-need-to-know__content {
  font-family: Georgia;
  font-size: .875rem;
  font-style: italic;
  line-height: 1.5;
  color: #6f6f6f;
}

@media (min-width: 768px) {
  .fullWidth {
    width: 100%;
  }

  .suite input[type=text] {
    width: 100px;
  }

  .w307 {
    width: 307px;
  }

  .w272 {
    width: 272px;
  }

  .col-sm-4.w256 {
    width: 256px;
  }

  .col-sm-4.w187 {
    width: 187px;
  }

  .la-row .col-sm-4 {
    padding-left: 0px;
    padding-right: 20px;
  }

  .la-row .w400 {
    width: 400px;
  }

  .la-row .col-sm-4.w272 {
    width: 272px;
  }

  .la-row .col-sm-4.w256 {
    width: 256px;
  }

  .la-row .w187 {
    width: 187px;
  }

  .la-row .col-sm-1 {
    min-width: 139px;
    padding-left: 0px;
    padding-right: 20px;
  }

  .la-row-3 .province-container {
    width: 256px;
  }

  .la-row-3 .col-sm-4.w272 {
    width: 272px;
  }

  .la-row-3 .col-sm-4.w256 {
    width: 256px;
  }

  .la-row-3 .col-sm-4.w187 {
    width: 187px;
  }

  .la-row-3 .col-sm-1 {
    min-width: 139px;
    padding-left: 0px;
    padding-right: 20px;
  }
}

.la-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 44px;
}

.la-row-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

.la-row-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}

.la-row .input,
.input-group {
  margin-bottom: 0px;
}

.edit-display-wrapper {
  -webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,.1);
          box-shadow: 0 2px 2px 1px rgba(0,0,0,.1);
  background-color: #fff;
  border: solid 1px #e0e0e0;
}

.edit-display-subwrapper {
  margin: 30px 32px 33px 32px;
}

.address-block {
  margin-bottom: 50px;
}

.mailing-address {
  overflow: auto;
}

.right {
  float: right;
  margin-bottom: 33px;
}

.about-you-display {
  width: 166px;
  height: 24px;
  font-family: Roboto;
  font-size: 1.125rem;
  line-height: 1.33;
  color: #252525;
}

.citizenship-display {
  height: 24px;
  font-family: Roboto;
  font-size: 1rem;
  line-height: 1.5;
  color: #252525;
}

.display-cell.strong.mb1 {
  margin-top: 24px;
}

.display-cell {
  font-family: Roboto;
  font-size: 1rem;
  line-height: 1.5;
  color: #252525;
  margin-right: 20px;
  font-weight: 300;
  min-width: 217px;
}

.display-cell.checkedoff:before {
  content: url(/AccountOpen/assets/checked_arrow_blue-920c49478c8dad9872c5f61f3d42c8eb.png);
  display: inline;
  width: 15px;
  margin-right: 10px;
}

.display-cell.mw110 {
  min-width: 90px;
}

.display-cell.mw130 {
  min-width: 110px;
}

.display-cell .strong {
  font-weight: 400;
  overflow-wrap: break-word;
}

.dob-sin-labels {
  width: 139px;
  height: 24px;
  font-family: Roboto;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  color: #252525;
  margin-right: 99px;
}

.dob-sin-values {
  width: 197px;
  height: 24px;
  font-family: Roboto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #252525;
  margin-right: 40px;
}

.display-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
}

.edit-display-subwrapper .btn-as-link {
  float: right;
}

.datepicker-month.w307 {
  width: 307px;
}

.datepicker-day.w187 {
  width: 187px;
}

.datepicker-input.w204 {
  width: 204px;
}

.la-row-3 .col-sm-4 .input--select select {
  height: 44px;
}

.country-list {
  width: 256px;
}

.tax-residence-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.tax-residence-block .input__label-container label {
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.tax-residence-block .col1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tax-residence-block .country-list {
  width: 256px;
}

.tax-residence-block .country-list .delete-select {
  border-right: none;
}

.tax-residence-block .tinNumber {
  width: 256px;
  margin-top: 24px;
}

.tax-residence-block .deleteBtn {
  margin-top: 59px;
}

.tax-residence-block .deleteBtn button {
  border: 1px solid #b91a0e;
  background-color: rgba(0,0,0,0);
  color: #b91a0e;
  width: 48px;
  height: 48px;
}

.tax-residence-block .btn[disabled],
.tax-residence-block .btn[disabled]:focus,
.tax-residence-block .btn[disabled]:hover {
  padding: 24px 30px;
}

.tax-residence-block .btn-as-link {
  padding: 24px 0;
  margin-left: 0;
}

.usCountryToolTipText ul {
  list-style-type: disc;
  padding: 0 16px;
}

.accountopen__details-box .input--dynamic .rbc-notice--information.notification-panel {
  margin: 1em 0 0 0;
}

.accountopen__details-box .sin-input-container input {
  float: none;
}

@media (min-width: 768px) {
  .tax-residence-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .tax-residence-block .tinNumber {
    width: 256px;
    margin-top: 0;
    margin-left: 24px;
  }

  .blue-dot {
    margin-right: 8px;
  }

  .blue-dot::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 10px;
    border-radius: 50%;
    border: 4px solid #006ac3;
  }
}

.notice-container {
  width: 100%;
}

.notice-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 70px;
  border: solid 1px #919191;
  cursor: pointer;
}

.notice-caption {
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: 25px;
  font-family: Roboto;
  font-size: 16px;
  line-height: 1.31;
  color: #006ac3;
}

.notice-chevron {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 25px;
  margin-left: 15px;
}

.notice-container .input.input--textarea {
  margin-top: 0px;
}

.notice-content {
  border: solid 1px #919191;
  border-top: 0;
}

.notice-content__custom {
  padding: 25px;
}

.notice-content>.input.input--textarea {
  margin-top: 0px;
}

.notice-content>.input.input--textarea textarea {
  display: block;
  border: none;
}

.select-dropdown {
  height: 50px;
}

.select-dropdown__control {
  z-index: 100;
  height: 50px;
  border-color: #a1a1a1 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.select-dropdown__control--is-focused {
  border-color: #006ac3 !important;
  border-width: 2px;
}

.select-dropdown__control--is-focused .select-dropdown__single-value {
  display: none !important;
}

.select-dropdown__control:hover {
  cursor: text;
}

.select-dropdown__value-container>* {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.select-dropdown__single-value {
  margin: 0 2px;
}

.select-dropdown__single-value--is-disabled {
  color: #252525;
}

.select-dropdown__input {
  width: 100%;
}

.select-dropdown__input input {
  margin: 0;
  width: 100% !important;
  opacity: 1 !important;
}

.select-dropdown__indicator-separator {
  width: 0;
}

.select-dropdown__indicators {
  background-color: none;
}

.select-dropdown__dropdown-indicator {
  color: #006ac3;
}

.select-dropdown__dropdown-indicator:hover {
  color: #006ac3;
}

.select-dropdown__menu {
  font-family: "Roboto",sans-serif;
  border-radius: 0 !important;
  -webkit-box-shadow: 0 4px 11px #ddd !important;
          box-shadow: 0 4px 11px #ddd !important;
  border: 1px solid #a1a1a1;
  overflow-y: auto;
  z-index: 102 !important;
  margin-top: 6px !important;
}

.select-dropdown__menu-list {
  padding: 0 !important;
}

.select-dropdown__option {
  font-size: 14px;
  font-weight: 300;
  cursor: pointer !important;
}

.select-dropdown__option:hover,
.select-dropdown__option--is-focused {
  background-color: #006ac3 !important;
  color: #fff !important;
  font-weight: normal !important;
}

.select-dropdown--is-invalid .select-dropdown__control {
  border-color: #b91a0e;
}

.select-dropdown--is-invalid .select-dropdown__control--is-focused {
  border-color: #b91a0e;
}

.select-dropdown--is-disabled .select-dropdown__control {
  background-color: #f3f4f5;
}

.select-dropdown .select-dropdown__indicators {
  display: none;
}

@media only screen and (max-width: 576px) {
  .async .select-dropdown__option {
    height: inherit;
  }
}

#pre-confirmation {
  font-family: Roboto;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
}

#pre-confirmation h1 {
  font-family: "Fira Sans",sans-serif;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 1.29;
  text-align: center;
  color: #444;
}

#pre-confirmation .page-description {
  font-family: Roboto;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  line-height: 1.5;
  color: #252525;
}

#pre-confirmation .accountopen__details-box h2 {
  font-family: Roboto;
  font-size: 1.125rem;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #252525;
  margin-top: 32px;
  margin-bottom: 24px;
}

#pre-confirmation .did-you-know-container .col-md-8 {
  width: 100%;
}

#pre-confirmation .did-you-know-container .col-md-offset-2 {
  margin-left: 0;
}

#pre-confirmation .agreement-info {
  line-height: 24px;
  color: #444;
  background-color: #f3f4f5;
  padding: 24px;
  margin-top: 40px;
}

#pre-confirmation .agreement-info strong {
  font-weight: 500;
}

#pre-confirmation .btn--primary,
#pre-confirmation .btn--large--primary {
  min-width: 200px;
}

#pre-confirmation .info-seperator {
  border-bottom: solid 1px #e0e0e0;
  padding-bottom: 20px;
}

.thank-you-wrapper {
  max-width: 802px;
}

.thank-you-wrapper .h4 {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 28px;
}

.thank-you-wrapper dd {
  font-weight: 300;
  font-size: 1rem;
  line-height: 24px;
}

.thank-you-wrapper p {
  font-size: .875rem;
  line-height: 20px;
}

@media (min-width: 992px) {
  .thank-you-wrapper .pt-sm-4 {
    padding-top: 1.5rem;
  }
}

.thank-you-wrapper .text-light {
  font-weight: 300;
}

.thank-you-wrapper .w-sm {
  width: 16px;
}

.thank-you-wrapper .va-b {
  vertical-align: bottom;
}

.thank-you-wrapper .box {
  border: 1px solid #e0e0e0;
  padding: 24px;
}

.thank-you-wrapper .box--bg-white {
  background-color: #fff;
}

.thank-you-wrapper .box--bg-lightgray {
  background-color: #fafafa;
  margin-top: 32px;
}

@media (max-width: 992px) {
  .thank-you-wrapper .box--bg-lightgray {
    margin-top: 40px;
  }
}

.thank-you-wrapper .box--no-border {
  border: none;
}

.thank-you-wrapper .box--no-y-border {
  border-left: none;
  border-right: none;
  font-size: .875rem;
  padding-left: 0;
}

.thank-you-wrapper .box--no-y-border:nth-of-type(odd) {
  background: #fff;
}

.thank-you-wrapper .text-success {
  color: #097b24;
}

.thank-you-wrapper .text-info {
  color: #666;
}

@media (max-width: 992px) {
  .thank-you-wrapper .mb-md-2 {
    margin-bottom: 8px;
  }
}

@media (min-width: 992px) {
  .thank-you-wrapper .ml-md-40 {
    margin-left: 40px;
  }
}

.thank-you-wrapper ol {
  padding-left: 15px;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: .875rem;
}

.thank-you {
  background-color: #fff;
}

.thank-you .box--no-y-border:nth-of-type(even) {
  background: #fafafa;
}

.thank-you .box-border-b .box {
  border: none;
  border-bottom: 1px solid #e0e0e0;
}

.thank-you .box-border-b .box-top-border {
  border-top: 1.5px solid #6f6f6f;
}

.etax-title {
  font-family: "Roboto";
  font-size: 30px;
  font-weight: 300;
  margin: 0 20px 20px 20px;
  color: #252525;
  text-align: center;
}

@media (max-width: 768px) {
  .etax-title {
    font-weight: 400;
    font-size: 22px;
    padding-bottom: 10px;
  }
}

.etax-message {
  font-family: "Roboto";
  font-size: 20px;
  margin: 40px 100px 60px 100px;
  font-weight: 300;
  color: #444;
}

@media (max-width: 768px) {
  .etax-message {
    margin: 20px 5px 20px 5px;
    font-size: 16px;
  }
}

.button_wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  div#secondary_links.button_wrapper {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.button_wrapper .text-link {
  margin-left: 0px;
}

@media (max-width: 768px) {
  .button_wrapper .text-link {
    margin-top: 0px;
    padding-bottom: 0px;
  }
}

.leaf_icon {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.leaf_icon img {
  padding-top: 30px;
  padding-bottom: 5px;
  width: 100px;
}

@media (max-width: 768px) {
  .leaf_icon img {
    padding: 0px;
  }
}

.etax-doc-settings {
  border: 1px solid #eaeaea;
  margin-bottom: 20px;
  max-width: 782px;
}

.etax-doc-settings-subheader {
  width: 533px;
  height: 24px;
  font-family: Roboto;
  font-size: 1rem;
  color: #444;
  margin: 32px;
  margin-bottom: 25px;
}

.etax-doc-settings-body-text {
  margin: 15px 32px 25px 32px;
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  color: #444;
}

div[id*=electronic-paper-toggle-display] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.etax-elctronicpage-subheader {
  height: 24px;
  font-family: Roboto;
  font-size: 1rem;
  color: #444;
  margin: 32px;
  margin-bottom: 25px;
}

.toggle-group .input--dynamic.radio:not(.radio--inline)+.input--dynamic.radio,
.toggle-group .input-group .input {
  width: 300px;
  margin: 2px 0 2px;
}

#theButton {
  margin-left: 32px;
  margin-bottom: 37px;
}

.red-top-border {
  border-top: 4px;
  border-top-color: #b91a0e;
}

.green-top-border {
  border-top: 4px;
  border-top-color: #097b24;
}

.primary-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  margin-bottom: 13px;
  width: 692px;
  height: 24px;
}

.primary-message img {
  width: 24px;
  height: 24px;
  margin-left: 20px;
}

.primary-message div {
  margin-left: 10px;
  vertical-align: middle;
  font-family: Roboto;
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #444;
}

.secondary-message {
  margin-left: 54px;
  margin-bottom: 24px;
  width: 692px;
  height: 21px;
  font-family: Roboto;
  font-size: .875;
  font-weight: 300;
  line-height: 1.5;
  color: #444;
}

.p-right-2 {
  padding-right: 25px;
}

.toggle-group-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto";
  font-size: 1rem;
  line-height: 1.5;
  color: #252525;
  font-weight: 500;
  margin-bottom: 23px;
}

.toggle-group-leaf_icon {
  font-family: "Roboto";
  font-size: .75rem;
  line-height: 2;
  color: #444;
  margin-bottom: -15px;
}

.toggle-group-leaf_icon span {
  padding-left: 5px;
}

.toggle-group-leaf_icon img {
  width: 14px;
  height: 12px;
}

@media (max-width: 768px) {
  .toggle-group-leaf_icon img {
    padding: 0px;
  }
}

.toggle-group-leaf_bigicon {
  font-family: "Roboto";
  font-size: .75rem;
  line-height: 2;
  color: #444;
  margin-bottom: -15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 34px;
}

.toggle-group-leaf_bigicon span {
  padding-left: 5px;
}

.toggle-group-leaf_bigicon img {
  width: 56px;
  height: 88px;
}

@media (max-width: 768px) {
  .toggle-group-leaf_bigicon img {
    padding: 0px;
  }
}

.hr-header-width {
  border: 0px rgba(0,0,0,0);
  border-bottom: 1px solid rgba(0,0,0,.5);
  margin-top: 0px;
  margin-bottom: 20px;
}

.toggle-group {
  margin-left: 32px;
  margin-bottom: 62px;
}

.eTax__select {
  max-width: 250px;
}

.eTax__select:after {
  top: 24px;
}

.toggle-group .input-group .input,
.toggle-group .input--dynamic.radio:not(.radio--inline)+.input--dynamic.radio {
  margin-bottom: 0px;
  margin-top: 0px;
  min-width: 180px;
}

.toggle-group .radio input[type=radio]+label {
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  color: #444;
}

.consent-block textarea {
  resize: none;
  width: 100%;
  background-color: gray;
}

.consent-block .agreement-block {
  margin-bottom: 40px;
}

.consent-block .terms-block {
  background-color: #f3f4f5;
  padding: 10px;
  height: 400px;
  overflow-y: auto;
}

.consent-block .terms-block .heading {
  color: #252525;
}

.consent-block .terms-block1 {
  background-color: #f3f4f5;
  padding: 10px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  overflow-y: auto;
}

.consent-block .terms-block1 .heading {
  color: #252525;
}

.consent-block .show {
  display: block;
}

.consent-block .hide {
  display: none;
}

.dashboard-action-panel__advice-info-button {
  border: 0;
  background: none;
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
  float: left;
  margin-top: 15px;
}

.dashboard-action-panel__advice-info-button:hover {
  text-decoration: none;
}

.dashboard-action-panel__advice-info-button:focus {
  outline: auto;
}

@media (min-width: 576px) {
  .dashboard-action-panel__advice-info-button {
    border: 0;
    background: none;
    padding: 0;
    font-size: 1rem;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    color: #006ac3 !important;
    text-decoration: underline;
    cursor: pointer;
    float: right;
  }

  .dashboard-action-panel__advice-info-button:hover {
    text-decoration: none;
  }

  .dashboard-action-panel__advice-info-button:focus {
    outline: auto;
  }
}

.goal-edit-modal {
  position: absolute;
  top: 80px;
  left: 100px;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.2);
          box-shadow: 0 4px 10px 0 rgba(0,0,0,.2);
  border: solid 1px #b3b3b3;
  padding: 24px;
  font-family: "Roboto",sans-serif;
  z-index: 2;
}

@media (max-width: 991px) {
  .goal-edit-modal {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    top: 15px;
    bottom: 15px;
    left: calc(50vw - 536px/2);
  }
}

@media (max-width: 566px) {
  .goal-edit-modal {
    left: 15px;
    right: 15px;
  }
}

.goal-edit-modal__heading {
  color: #6f6f6f;
  font-size: 14px;
  font-weight: 400;
}

.goal-edit-modal__input {
  border: none;
  border-bottom: 1px solid #000;
  color: #252525;
  font-size: 28px;
  font-weight: 300;
  padding-bottom: 5px;
  width: 100%;
}

.goal-edit-modal__input:focus {
  outline: none;
}

.goal-edit-modal__image-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 28px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 509px;
  margin-right: -21px;
}

@media (min-width: 992px) {
  .goal-edit-modal__image-grid {
    max-height: 320px;
  }
}

@media (max-width: 991px) {
  .goal-edit-modal__image-grid {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 488px;
    margin-right: 0;
  }
}

.goal-edit-modal__image {
  position: relative;
  margin-right: 16px;
  margin-bottom: 16px;
  outline-offset: -4px;
  cursor: pointer;
}

.goal-edit-modal__image img {
  display: block;
  max-width: 100%;
}

.goal-edit-modal__image--selected {
  outline: none;
}

.goal-edit-modal__image--selected::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #003168;
}

.goal-edit-modal__image--selected::after {
  display: block;
  content: url(/AccountOpen/assets/top-right-check.svg);
  position: absolute;
  width: 48px;
  top: 0;
  right: 0;
}

@media (max-width: 991px) {
  .goal-edit-modal__image {
    margin-right: 0;
  }
}

@media (min-width: 992px) {
  .goal-edit-modal__image {
    width: 110px;
  }

  .goal-edit-modal__image:nth-child(4n) {
    margin-right: 0;
  }
}

.goal-edit-modal .button-tray {
  margin-top: 25px;
}

@media (max-width: 575px) {
  .goal-edit-modal .button-tray {
    margin-top: 4px;
  }
}

.goal-edit-modal .button-tray__item .btn {
  min-width: 160px;
  padding: 16px 20px;
}

.goal-edit-modal .button-tray__item .btn--primary,
.goal-edit-modal .button-tray__item .btn--large--primary {
  font-size: .875rem;
  padding: 18px 20px;
}

.investment-summary {
  background: #fafafa;
}

.investment-summary__inner {
  border: 1px solid #eaeaea;
  min-height: 100px;
  margin-top: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.investment-summary__left,
.investment-summary__right {
  height: 100px;
}

.investment-summary__left {
  background: #fff;
}

.investment-summary__right {
  background: #f3f4f5;
}

.investment-summary__gridLayout {
  width: 100%;
  display: -ms-grid;
  display: grid;
}

.investment-summary__gridLayout>* {
  overflow: hidden;
  min-width: 0;
}

@media (max-width: 767px) {
  .investment-summary__gridLayout {
    grid-template-columns: 7fr 5fr;
    grid-template-rows: 1fr;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: 1fr;
  }

  .investment-summary__left {
    grid-column: 1/2;
    grid-row: 1/2;
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }

  .investment-summary__right {
    grid-column: 2/3;
    grid-row: 1/2;
    -ms-grid-column-span: 1;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .investment-summary__gridLayout {
    grid-template-columns: 8fr 4fr;
    grid-template-rows: 100px;
    -ms-grid-columns: 8fr 4fr;
    -ms-grid-rows: 100px;
  }

  .investment-summary__left {
    grid-column: 1/2;
    grid-row: 1/2;
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }

  .investment-summary__right {
    grid-column: 2/3;
    grid-row: 1/2;
    -ms-grid-column-span: 1;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
  }
}

@media (min-width: 992px) {
  .investment-summary__gridLayout {
    grid-template-columns: 9fr 3fr;
    grid-template-rows: 100px;
    -ms-grid-columns: 9fr 3fr;
    -ms-grid-rows: 100px;
  }

  .investment-summary__left {
    grid-column: 1/2;
    grid-row: 1/2;
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }

  .investment-summary__right {
    grid-column: 2/3;
    grid-row: 1/2;
    -ms-grid-column-span: 1;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
  }
}

.investment-summary__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.investment-summary__details-totalNetContribution,
.investment-summary__details-totalChange,
.investment-summary__details-totalAmount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.investment-summary__details-totalAmount {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 767px) {
  .investment-summary__details-totalNetContribution {
    width: 0px;
    display: none;
  }

  .investment-summary__details-totalChange {
    width: 100%;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .investment-summary__details-totalNetContribution {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .investment-summary__details-totalChange {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .investment-summary__details-totalNetContribution {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .investment-summary__details-totalChange {
    width: 50%;
  }
}

.investment-summary__details-totalNetContribution .goal-details-balance__key-value,
.investment-summary__details-totalChange .goal-details-balance__key-value,
.investment-summary__details-totalAmount .goal-details-balance__key-value {
  padding: 15px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.investment-summary__details-totalAmount .goal-details-balance__key-value {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.summary-details {
  font-family: "Roboto",sans-serif;
}

.summary-details:focus {
  outline: none;
}

.summary-details .align-self-center {
  -ms-flex-item-align: center;
      align-self: center;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}

.summary-details .spinner-for-module {
  min-height: 200px;
}

.summary-details .chart-status {
  font-family: "Roboto",sans-serif;
  font-size: 1rem;
  font-weight: normal;
  color: #6f6f6f;
  line-height: 24px;
}

.summary-details .flex-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.summary-details__inner {
  position: relative;
  background-color: #fff;
  padding: 25px;
  padding-bottom: 95px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 6px 14px 0 rgba(0,0,0,.12);
          box-shadow: 0 6px 14px 0 rgba(0,0,0,.12);
  margin-bottom: 40px;
}

.summary-details:last-child .summary-details__inner {
  margin-bottom: 60px;
}

.summary-details__layout {
  width: 100%;
  display: -ms-grid;
  display: grid;
}

.summary-details__layout>* {
  min-width: 0;
}

@media (max-width: 767px) {
  .summary-details__layout {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: auto auto;
  }

  .summary-details__chart-wrapper {
    grid-column: 1/2;
    grid-row: 1/2;
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }

  .summary-details__goal-details-info-wrapper {
    grid-column: 1/2;
    grid-row: 2/3;
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 2;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .summary-details__layout {
    grid-template-columns: 8fr 4fr;
    grid-template-rows: auto;
    -ms-grid-columns: 8fr 4fr;
    -ms-grid-rows: auto;
  }

  .summary-details__chart-wrapper {
    grid-column: 1/2;
    grid-row: 1/2;
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    padding-right: 42px;
  }

  .summary-details__goal-details-info-wrapper {
    grid-column: 2/3;
    grid-row: 1/2;
    -ms-grid-column-span: 1;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    padding-left: 13px;
  }
}

@media (min-width: 992px) {
  .summary-details__layout {
    grid-template-columns: 9fr 3fr;
    grid-template-rows: auto;
    -ms-grid-columns: 9fr 3fr;
    -ms-grid-rows: auto;
  }

  .summary-details__chart-wrapper {
    grid-column: 1/2;
    grid-row: 1/2;
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    padding-right: 87px;
  }

  .summary-details__goal-details-info-wrapper {
    grid-column: 2/3;
    grid-row: 1/2;
    -ms-grid-column-span: 1;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    padding-left: 13px;
  }
}

.goal-card-stencil-loader {
  position: relative;
  height: 230px;
  margin: 14px 0 -70px;
  background: -webkit-gradient(linear, left top, right top, from(#fafafa), color-stop(10%, #eee), color-stop(30%, #fafafa));
  background: linear-gradient(to right, #fafafa, #eee 10%, #fafafa 30%);
  background-size: 200%;
  -webkit-animation: Gradient 1.2s;
          animation: Gradient 1.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.goal-card-stencil-loader>div,
.goal-card-stencil-loader:before,
.goal-card-stencil-loader:after {
  display: block;
  content: "";
  position: absolute;
  background-color: #fff;
}

@media (min-width: 992px) {
  .goal-card-stencil-loader :first-child {
    left: 200px;
    right: 0;
    height: 15px;
  }

  .goal-card-stencil-loader :nth-child(2) {
    left: 200px;
    right: 460px;
    height: 45px;
  }

  .goal-card-stencil-loader :nth-child(3) {
    right: 275px;
    width: 80px;
    height: 35px;
  }

  .goal-card-stencil-loader :nth-child(4) {
    right: 160px;
    width: 65px;
    height: 35px;
  }

  .goal-card-stencil-loader :nth-child(5) {
    top: 30px;
    width: 200px;
    height: 15px;
  }

  .goal-card-stencil-loader :nth-child(6) {
    top: 30px;
    left: 200px;
    right: 160px;
    height: 5px;
  }

  .goal-card-stencil-loader :nth-child(7) {
    top: 35px;
    left: 110px;
    right: 430px;
    height: 25px;
  }

  .goal-card-stencil-loader :nth-child(8) {
    top: 35px;
    right: 300px;
    width: 85px;
    height: 25px;
  }

  .goal-card-stencil-loader :nth-child(9) {
    top: 35px;
    right: 160px;
    width: 40px;
    height: 25px;
  }

  .goal-card-stencil-loader :nth-child(10) {
    top: 60px;
    width: 100%;
    height: 30px;
  }

  .goal-card-stencil-loader :nth-child(11) {
    top: 155px;
    width: 100%;
    height: 25px;
  }

  .goal-card-stencil-loader :nth-child(12) {
    top: 155px;
    width: 100%;
    height: 25px;
  }

  .goal-card-stencil-loader :nth-child(13) {
    top: 181px;
    width: 100%;
    height: 25px;
  }

  .goal-card-stencil-loader:before {
    bottom: 0;
    left: 0;
    right: calc(50% + 50px);
    height: 40px;
  }

  .goal-card-stencil-loader:after {
    bottom: 0;
    right: 0;
    left: calc(50% + 50px);
    height: 40px;
  }
}

@media (max-width: 991px) {
  .goal-card-stencil-loader {
    height: 500px;
  }

  .goal-card-stencil-loader :first-child {
    left: 0;
    right: calc(50% + 100px);
    height: 30px;
  }

  .goal-card-stencil-loader :nth-child(2) {
    right: 0;
    left: calc(50% + 100px);
    height: 30px;
  }

  .goal-card-stencil-loader :nth-child(3) {
    top: 30px;
    width: 100%;
    height: 15px;
  }

  .goal-card-stencil-loader :nth-child(4) {
    top: 45px;
    left: 0;
    right: calc(50% + 55px);
    height: 15px;
  }

  .goal-card-stencil-loader :nth-child(5) {
    top: 45px;
    right: 0;
    left: calc(50% + 55px);
    height: 15px;
  }

  .goal-card-stencil-loader :nth-child(6) {
    top: 60px;
    width: 100%;
    height: 35px;
  }

  .goal-card-stencil-loader :nth-child(7) {
    top: 95px;
    left: 0;
    right: calc(50% + 135px);
    height: 15px;
  }

  .goal-card-stencil-loader :nth-child(8) {
    top: 95px;
    left: calc(50% - 25px);
    width: 80px;
    height: 15px;
  }

  .goal-card-stencil-loader :nth-child(9) {
    top: 95px;
    right: 0;
    left: calc(50% + 105px);
    height: 15px;
  }

  .goal-card-stencil-loader :nth-child(10) {
    top: 110px;
    width: 100%;
    height: 5px;
  }

  .goal-card-stencil-loader :nth-child(11) {
    top: 115px;
    left: 0;
    right: calc(50% + 105px);
    height: 25px;
  }

  .goal-card-stencil-loader :nth-child(12) {
    top: 115px;
    left: calc(50% - 55px);
    width: 80px;
    height: 25px;
  }

  .goal-card-stencil-loader :nth-child(13) {
    top: 115px;
    right: 0;
    left: calc(50% + 135px);
    height: 25px;
  }

  .goal-card-stencil-loader :nth-child(14) {
    top: 140px;
    width: 100%;
    height: 35px;
  }

  .goal-card-stencil-loader :nth-child(15) {
    top: 175px;
    left: 0;
    right: calc(50% + 30px);
    height: 40px;
  }

  .goal-card-stencil-loader :nth-child(16) {
    top: 175px;
    right: 0;
    left: calc(50% + 30px);
    height: 40px;
  }

  .goal-card-stencil-loader :nth-child(17) {
    top: 350px;
    width: 100%;
    height: 25px;
  }

  .goal-card-stencil-loader :nth-child(18) {
    top: 425px;
    width: 100%;
    height: 25px;
  }

  .goal-card-stencil-loader :nth-child(19) {
    top: 451px;
    width: 100%;
    height: 25px;
  }

  .goal-card-stencil-loader:before {
    bottom: 0;
    left: 0;
    right: calc(50% + 50px);
    height: 40px;
  }

  .goal-card-stencil-loader:after {
    bottom: 0;
    right: 0;
    left: calc(50% + 50px);
    height: 40px;
  }
}

@-webkit-keyframes Gradient {
  0% {
    background-position: 70%;
  }

  100% {
    background-position: -100%;
  }
}

@keyframes Gradient {
  0% {
    background-position: 70%;
  }

  100% {
    background-position: -100%;
  }
}

.summary-multi-goal-page-layout__summary-goal-selector-wrapper {
  background: #fafafa;
  padding-top: 25px;
  border-bottom: 1px solid #eaeaea;
}

.summary-multi-goal-page-layout__summary-goal-selector-wrapper-inner {
  position: relative;
  top: 2px;
}

.summary-multi-goal-page-layout__header-section {
  background-color: #fafafa;
}

.summary-multi-goal-page-layout__header-section-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .summary-multi-goal-page-layout__header-section-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
  }
}

.summary-multi-goal-page-layout__header-section-inner .h1 {
  font-family: Roboto,sans-serif;
  font-size: 28px;
  margin: 0;
  padding: 20px 0 10px 0;
}

@media (min-width: 992px) {
  .summary-multi-goal-page-layout__header-section-inner .h1 {
    margin-right: 1rem;
    padding: 20px 0 16px 0;
  }
}

@media (min-width: 992px) {
  .summary-multi-goal-page-layout__header-section-inner .mr-md-3 {
    margin-right: 1rem;
  }
}

.summary-multi-goal-page-layout__summary-details-wrapper {
  background-color: #fafafa;
}

.summary-multi-goal-page-layout .add-account-section {
  border: 2px dashed #919191;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "Roboto",sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #252525;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 992px) {
  .summary-multi-goal-page-layout .add-account-section {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 50px 24px 50px 38px;
  }
}

.summary-multi-goal-page-layout .add-account-section h2 {
  font-size: 28px;
  line-height: 36px;
  font-style: normal;
  font-weight: normal;
  font-family: "Roboto",sans-serif;
  margin: 0;
  padding: 0;
}

.summary-multi-goal-page-layout .add-account-section .col1 {
  padding-left: 0;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 992px) {
  .summary-multi-goal-page-layout .add-account-section .col1 {
    margin-bottom: 0;
    width: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.summary-multi-goal-page-layout .add-account-section .col2 {
  padding-right: 0;
}

.summary-multi-goal-page-layout .add-account-section .col2 h2 {
  text-align: center;
}

@media (min-width: 992px) {
  .summary-multi-goal-page-layout .add-account-section .col2 h2 {
    text-align: left;
  }
}

.summary-multi-goal-page-layout .add-account-section .col2 p {
  padding: 10px 0 10px 0;
  margin: 0;
  text-align: center;
}

@media (min-width: 992px) {
  .summary-multi-goal-page-layout .add-account-section .col2 p {
    text-align: left;
  }
}

@media (min-width: 992px) {
  .summary-multi-goal-page-layout .add-account-section .col2 {
    padding-right: 20px;
    padding-left: 30px;
    width: 80%;
  }

  .summary-multi-goal-page-layout .add-account-section .col2 p {
    padding: 10px 0 0 0;
  }
}

.summary-multi-goal-page-layout .add-account-section .col3 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 10px;
}

.summary-multi-goal-page-layout .ave-section .summary-details__inner {
  padding-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 576px) {
  .summary-multi-goal-page-layout .ave-section .summary-details__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.summary-multi-goal-page-layout .ave-section .h1 {
  margin: 0;
  font-size: 1.65rem;
}

.summary-multi-goal-page-layout .ave-section .ave-text {
  font-family: Roboto;
  font-weight: 300;
  line-height: 24px;
}

.summary-multi-goal-page-layout .ave-section .ave-banner-img {
  padding-left: 0;
}

.summary-multi-goal-page-layout .ave-section img {
  padding-left: 10px;
  cursor: pointer;
}

@media (max-width: 576px) {
  .summary-multi-goal-page-layout .ave-section img {
    padding-bottom: 10px;
    padding-left: 0;
  }
}

.summary-multi-goal-page-layout .ave-section .rbc-cta {
  text-decoration: none;
}

.summary-multi-goal-page-layout .ave-section .rbc-cta:before {
  content: url(/AccountOpen/assets/icon_play_video-325e82a435c828efb1b5f27ecf427eee.svg);
  position: relative;
  top: 5px;
  margin-right: 10px;
}

.notification-centre {
  margin-bottom: 0;
}

.summary-details-balance-graph {
  padding-top: 2rem;
}

@media (max-width: 575px) {
  .summary-details-balance-graph {
    height: 300px;
  }
}

@media (min-width: 321px)and (max-width: 700px) {
  .summary-details-balance-graph {
    height: 350px;
  }
}

@media (min-width: 701px)and (max-width: 767px) {
  .summary-details-balance-graph {
    height: 400px;
  }
}

@media (min-width: 768px)and (max-width: 991px) {
  .summary-details-balance-graph {
    height: 546px;
  }

  .summary-details-balance-graph #summary-performance {
    height: 288px;
  }
}

@media (min-width: 992px) {
  .summary-details-balance-graph {
    height: 546px;
  }

  .summary-details-balance-graph #summary-performance {
    height: 353px;
  }
}

.summary-details-balance-graph h3 {
  margin: 0 0 13px;
}

.summary-details-balance-graph .summary-details-balance-graph__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 991px) {
  .summary-details-balance-graph .summary-details-balance-graph__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .summary-details-balance-graph .summary-details-balance-graph__header .btn-group-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .summary-details-balance-graph .summary-details-balance-graph__header .history-chart-tooltip__subheader {
    display: inline-block;
    text-align: center;
  }

  .summary-details-balance-graph .summary-details-balance-graph__header .history-chart-tooltip__subheader:nth-child(n+2) {
    margin-left: 15px;
  }
}

.summary-details-balance-graph .summary-details-balance-graph__header--legend {
  margin-right: 20px;
  margin-top: -5px;
}

@media (max-width: 991px) {
  .summary-details-balance-graph .summary-details-balance-graph__header--legend {
    margin-right: 0;
    text-align: right;
    margin-top: -15px;
  }
}

.summary-details-balance-graph .btn-group-toggle button {
  margin: 0;
  margin-right: -1px;
  border-width: 1px;
  margin-bottom: 47px;
  font-size: .875rem;
  min-width: 116px;
  padding: 17px 20px;
}

.summary-details-balance-graph .btn-group-toggle button.btn--secondary {
  background: #fff;
  padding: 16px 20px;
}

@media (max-width: 991px) {
  .summary-details-balance-graph .btn-group-toggle button.btn--secondary {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media (max-width: 991px) {
  .summary-details-balance-graph .btn-group-toggle button {
    min-width: auto;
    padding-left: 5px;
    padding-right: 5px;
    width: calc(33.33333% + 1px);
    margin-bottom: 34px;
  }
}

.summary-details-balance-graph .summary-details-balance-graph__axis-text {
  display: block;
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-size: .875rem;
  margin: 0 0 0 55px;
  float: left;
}

.summary-details-balance-graph .summary-details-balance-graph__axis-text--right {
  float: right;
  margin-right: 6px;
  margin-left: 10px;
}

.summary-details-balance-graph #gradient-0 stop {
  stop-color: #7cb5ec;
}

.summary-details-balance-graph #gradient-0 stop[offset="0"] {
  stop-opacity: .75;
}

.summary-details-balance-graph #gradient-0 stop[offset="1"] {
  stop-opacity: 0;
}

.summary-details-balance-graph .highcharts-graph {
  stroke-width: 1px;
}

.summary-details-balance-graph .highcharts-color-0 .highcharts-area {
  fill-opacity: .5;
  fill: url(#gradient-0);
}

.summary-details-balance-graph .highcharts-color-1 {
  stroke: #fca311;
}

.summary-details-balance-graph .highcharts-color-1 .highcharts-area {
  fill: none;
}

.summary-details-balance-graph .highcharts-crosshair {
  stroke: #333;
}

.summary-details-balance-graph .highcharts-tooltip {
  top: 0 !important;
}

.summary-details-balance-graph .highcharts-tooltip span {
  top: 0 !important;
}

.summary-details-balance-graph .highcharts-container {
  overflow: visible;
}

.summary-details-balance-graph .highcharts-container .highcharts-tooltip {
  -webkit-filter: none;
          filter: none;
}

.summary-details-balance-graph .line-chart__axis-label {
  padding-right: 20px;
}

.summary-details-balance-graph .history-chart-tooltip {
  -webkit-box-shadow: 0 15px 17px 6px rgba(0,39,80,.08);
          box-shadow: 0 15px 17px 6px rgba(0,39,80,.08);
  background: #fff;
  padding: 9px 9px 11px;
  border: 1px solid rgba(0,39,80,.08);
  position: relative;
  top: -90px;
}

@media (max-width: 991px) {
  .summary-details-balance-graph .history-chart-tooltip {
    top: -110px;
  }
}

.summary-details-balance-graph .history-chart-tooltip .history-chart-tooltip__pointer-mask {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  height: 40px;
  overflow: hidden;
}

.summary-details-balance-graph .history-chart-tooltip .history-chart-tooltip__pointer {
  position: relative;
  top: 10px;
  width: 15px;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.summary-details-balance-graph .history-chart-tooltip .history-chart-tooltip__pointer::after {
  content: "";
  display: block;
  background: #fff;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 100%;
  -webkit-transform: translate(-50%, -50%) scaleX(0.75) rotate(45deg);
          transform: translate(-50%, -50%) scaleX(0.75) rotate(45deg);
  border-right: 1px solid rgba(0,39,80,.08);
  border-bottom: 1px solid rgba(0,39,80,.08);
  left: 50%;
}

.summary-details-balance-graph .history-chart-tooltip .history-chart-tooltip__subheader::before {
  margin-right: 3px;
}

.summary-details-balance-graph .history-chart-tooltip__header {
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  line-height: 16px;
  background-color: #f3f4f5;
  padding: 5px 10px;
  margin: 0 0 16px;
}

.summary-details-balance-graph .history-chart-tooltip__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 300px;
  max-width: 100%;
  padding: 0 10px 3px;
}

.summary-details-balance-graph .history-chart-tooltip__change {
  margin-top: 4px;
  border-top: 1px solid #e1ebef;
  padding-top: 4px;
}

.summary-details-balance-graph .history-chart-tooltip__subheader,
.summary-details-balance-graph .history-chart-tooltip__infoheader {
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
}

.summary-details-balance-graph .history-chart-tooltip__content .history-chart-tooltip__subheader,
.summary-details-balance-graph .history-chart-tooltip__content .history-chart-tooltip__infoheader {
  float: left;
  line-height: 37px;
}

.summary-details-balance-graph .history-chart-tooltip__subheader::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 2px solid #0051a5;
  margin-right: 10px;
  border-radius: 50%;
}

.summary-details-balance-graph .history-chart-tooltip__value {
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 36px;
  font-size: 1.25rem;
  padding-left: 2px;
  margin: 0;
  float: right;
}

.summary-details-balance-graph .history-chart-tooltip__value .gain-loss--positive {
  color: #11812c;
}

.summary-details-balance-graph .history-chart-tooltip__value .gain-loss--negative {
  color: #b91a0e;
}

.summary-details-balance-graph .history-chart-tooltip__marker-toggle {
  line-height: 1.5;
  padding-left: 18px;
}

@media (max-width: 991px) {
  .summary-details-balance-graph .history-chart-tooltip__marker-toggle {
    margin-bottom: 10px;
  }
}

.summary-details-balance-graph .history-chart-tooltip__marker-toggle .btn-as-link {
  margin-left: 0;
}

.summary-details-balance-graph .history-chart-tooltip__subheader--contribution::before {
  border-color: #fca311;
}

.summary-details-balance-graph.high-contrast-chart .history-chart-tooltip__subheader--contribution::before {
  border-color: #b16e02;
  border-radius: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 7px;
  height: 7px;
  position: relative;
  top: -1px;
  left: 1px;
  margin-right: 4px;
}

.summary-details-balance-graph.high-contrast-chart .summary-details-balance-graph__header--legend .history-chart-tooltip__subheader--contribution::before {
  margin-right: 11px;
}

.summary-details-balance-graph.high-contrast-chart .highcharts-color-1 {
  stroke: #b16e02;
}

.summary-details-info__top-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 991px) {
  .summary-details-info__top-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.summary-details-info__goal-image {
  margin-right: 24px;
  cursor: pointer;
}

@media (max-width: 991px) {
  .summary-details-info__goal-image {
    margin: -25px -25px 25px -25px;
    width: calc(100% + 50px);
  }
}

.summary-details-info__main-details {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.summary-details-info__top-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media (max-width: 991px) {
  .summary-details-info__top-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .summary-details-info__top-section>* {
    margin: 20px 0;
  }

  .summary-details-info__top-section>*:first-child {
    margin-top: 0;
  }
}

.summary-details-info__heading {
  margin: .5em 0;
  font-family: Roboto;
  font-size: 1.75rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #252525;
}

@media (max-width: 991px) {
  .summary-details-info__heading {
    margin-top: 10px;
    text-align: center;
  }
}

.summary-details-info__heading-sub {
  font-family: Roboto;
  color: #6f6f6f;
  font-size: .875rem;
}

@media (max-width: 991px) {
  .summary-details-info__heading-sub {
    text-align: center;
  }
}

.summary-details-info__heading-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 992px) {
  .summary-details-info__heading-container {
    margin-right: auto;
  }
}

.summary-details-info__heading--overall {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-right: 42px;
}

.summary-details-info__heading .btn-as-link {
  position: relative;
  left: 42px;
  margin-left: -42px;
}

.summary-details-info__heading .editTextBox {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #cdcac9;
  font-family: Roboto;
  font-size: .875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2e2851;
}

.summary-details-info__top-figures {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -1rem;
  margin-left: 20px;
}

@media (max-width: 991px) {
  .summary-details-info__top-figures {
    margin-top: 0;
    margin-left: -3rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .summary-details-info__top-figures>div {
    margin-left: 3rem;
  }
}

.summary-details-info__top-figures>div {
  margin-top: 1rem;
}

.summary-details-info__top-figures>div:first-child .summary-details-info__key {
  margin-top: -3px;
}

.summary-details-info__top-figures>div:last-child {
  margin-left: 3rem;
}

.summary-details-info__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  margin-top: 30px;
  background-color: #fafafa;
  border-radius: 0 40px 40px 40px;
}

@media (min-width: 992px) {
  .summary-details-info__status {
    margin-left: 32px;
  }
}

@media (max-width: 991px) {
  .summary-details-info__status {
    border-radius: 16px;
    margin-top: 60px;
    padding: 25px 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.summary-details-info__status-little-icon {
  background-color: #fff;
  border: 2px solid #097b24;
  border-radius: 50px;
  width: 32px;
  height: 32px;
  padding: 6px;
  z-index: 2;
}

.summary-details-info__status-little-icon--OnTrack {
  position: absolute;
  top: -12px;
  left: -12px;
}

.summary-details-info__status-little-icon--OffTrack {
  position: absolute;
  left: -22px;
}

.summary-details-info__status-icon {
  position: relative;
  background-color: #fff;
  border: 4px solid #097b24;
  border-radius: 100px;
  padding: 12px;
  z-index: 1;
}

@media (min-width: 992px) {
  .summary-details-info__status-icon {
    margin-left: -32px;
  }
}

@media (max-width: 991px) {
  .summary-details-info__status-icon {
    position: absolute;
    top: -50px;
    left: calc(50% - 32px);
  }
}

.summary-details-info__status-icon--NotYetApproved {
  border-color: #456b86;
}

.summary-details-info__status-icon--InitDepositDue {
  border-color: #006ac3;
  border-left-color: #e0e0e0;
  border-right-color: #e0e0e0;
  border-bottom-color: #e0e0e0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.summary-details-info__status-icon--InitDepositDue img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.summary-details-info__status-icon--PACDue {
  border-color: #006ac3;
  border-left-color: #e0e0e0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.summary-details-info__status-icon--PACDue img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.summary-details-info__status-icon--OffTrack {
  border-color: #fbaa26;
  border-left-color: #e0e0e0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.summary-details-info__status-icon--OffTrack img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.summary-details-info__status-icon--GroupPending {
  border-color: #456b86;
}

.summary-details-info__status-icon img {
  display: block;
}

.summary-details-info__status-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 10px 24px;
}

@media (max-width: 991px) {
  .summary-details-info__status-info {
    white-space: normal;
    text-align: center;
    margin: 0;
  }
}

.summary-details-info__status-info span {
  font-family: Roboto;
  font-size: .875rem;
  font-weight: 300;
  color: #6f6f6f;
  line-height: 1.43;
}

@media (max-width: 991px) {
  .summary-details-info__status-info span {
    margin-top: 8px;
  }
}

.summary-details-info__status a {
  margin: 0 25px 0 auto;
  text-align: right;
  -ms-flex-item-align: center;
      align-self: center;
  white-space: nowrap;
}

@media (max-width: 991px) {
  .summary-details-info__status a {
    margin: 0;
    margin-top: 15px;
  }
}

.summary-details-info__figures {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 35px;
  background-color: #fafafa;
}

.summary-details-info__figures>div {
  margin-right: 85px;
}

@media (max-width: 991px) {
  .summary-details-info__figures {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .summary-details-info__figures>div {
    margin-right: 0;
    -webkit-margin-after: 25px;
            margin-block-end: 25px;
  }

  .summary-details-info__figures>:last-child {
    margin-right: 0;
    -webkit-margin-after: 0px;
            margin-block-end: 0px;
  }
}

.summary-details-info__figures .summary-details-info__key,
.summary-details-info__figures .summary-details-info__value {
  font-size: 1rem !important;
}

.summary-details-info__figures .summary-details-info__value {
  font-weight: 400 !important;
}

.summary-details-info__link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 10px;
}

.summary-details-info__link-list>:not(:first-child) {
  margin-top: 10px;
}

.summary-details-info__details-toggle {
  text-align: center;
  cursor: pointer;
  padding-bottom: 25px;
  margin-top: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.summary-details-info__details-toggle a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.summary-details-info__details-toggle a:after {
  content: url(/AccountOpen/assets/chevron_small_blue-941abe789ddb3241ad325c387d9b8e7f.svg);
  margin-left: 5px;
  line-height: 0;
}

.summary-details-info__details-toggle--expanded a:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.summary-details-info__key {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  line-height: normal;
  font-size: .875rem;
  margin: 0 0 5px;
  position: relative;
  white-space: nowrap;
}

.summary-details-info__key-value-amount,
.summary-details-info__key-value-status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.summary-details-info__key-value-amount .summary-details-info__value {
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: normal;
  font-size: 1.25rem;
  margin: 0;
}

.summary-details-info__button--transfer {
  margin: 0;
  margin-left: 40px;
  background-color: #006ac3;
  color: #fff;
  font-size: .875rem;
  font-family: Roboto,sans-serif;
}

.summary-details-info__button--transfer,
.summary-details-info__button--transfer[disabled]:hover,
.summary-details-info__button--transfer[disabled]:focus {
  padding: 17px 30px;
}

@media (max-width: 991px) {
  .summary-details-info__button--transfer {
    width: 100%;
    margin: 0;
    margin-top: 25px;
  }
}

.summary-details-info__key-value-status .summary-details-info__value {
  padding-top: 10px;
  margin: 0;
}

.summary-details-info__key-value-status .summary-details-info__status-text {
  color: #11812c;
  text-decoration: underline;
  font-family: Roboto,sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.summary-details-info__key-value-status .summary-details-info__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.summary-details-info__key-value-status--onTrack .summary-details-info__status-text {
  color: #11812c;
}

.summary-details-info__key-value-status--offTrack .summary-details-info__status-text {
  color: #b91a0e;
}

.summary-details-info__key-value-status--pending .summary-details-info__status-text {
  color: #0a53b6;
}

.summary-details-info__quick-start-btn {
  margin: 20px 0;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.goal-details--first {
  width: 100%;
}

.goal-details-balance {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: bottom;
      -ms-flex-pack: bottom;
          justify-content: bottom;
  width: 100%;
  vertical-align: bottom;
}

.goal-details-balance:last-of-type {
  margin-right: 0;
}

@media (min-width: 576px) {
  .goal-details-balance {
    margin-right: 60px;
    width: auto;
  }
}

.goal-details-balance--first {
  position: relative;
  width: 100%;
}

@media (min-width: 576px) {
  .goal-details-balance--first {
    width: auto;
  }

  .goal-details-balance--first .goal-details-balance__value:after {
    display: inline-block;
    position: relative;
    right: -30px;
    content: "=";
  }
}

.goal-details-balance_ytd_info-box-container .info-box {
  line-height: 24px !important;
}

@media (max-width: 576px) {
  .goal-details-balance_ytd_info-box-container .info-box .info-box--center {
    -webkit-transform: none;
            transform: none;
    left: -20px;
  }
}

.goal-details-balance--change-in-value {
  position: relative;
}

.goal-details-balance--change-in-value-positive:before {
  display: block;
  position: absolute;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
  top: 0;
  left: -26px;
  width: 26px;
  height: 26px;
  text-align: left;
  color: #11812c;
  content: "+";
}

.goal-details-balance--change-in-value-negative:before {
  display: block;
  position: absolute;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
  top: 0;
  left: -26px;
  width: 26px;
  height: 26px;
  text-align: left;
  color: #b91a0e;
  content: "-";
}

.goal-details-balance--no-margin {
  margin-right: 0px;
}

.goal-details-balance--half-margin {
  margin-right: 12px;
}

.goal-details-balance__key {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
}

.goal-details-balance__value {
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
  margin: 0;
}

.goal-details-balance__value--positive {
  color: #11812c;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
  margin: 0;
}

.goal-details-balance__value--negative {
  color: #b91a0e;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5rem;
  margin: 0;
}

.goal-details-subheading {
  font-size: 1.25rem;
  font-family: "Fira Sans",sans-serif;
  font-weight: 400;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  margin-bottom: .25em;
  margin-top: 60px;
}

@media (min-width: 768px) {
  .goal-details-subheading {
    font-size: 1.375rem;
  }
}

.goal-details-list-container {
  margin-top: 22px;
}

.goal-details-list-container .investmentPlanInfo {
  margin-top: 24px;
}

.goal-details-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}

.goal-details-list__label {
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 50%;
}

.goal-details-list__value {
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 50%;
  margin-left: 8px;
}

.goal-details-edit-goal {
  border: 0;
  background: none;
  padding: 0;
  font-size: .875rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
}

.goal-details-edit-goal:hover {
  text-decoration: none;
}

.goal-details-edit-goal:focus {
  outline: auto;
}

.goal-details-paragraph {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media (min-width: 576px) {
  .goal-details-paragraph {
    margin-bottom: 40px;
  }
}

.goal-details-add-funds {
  border: 0;
  background: none;
  padding: 0;
  font-size: .875rem;
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
}

.goal-details-add-funds:hover {
  text-decoration: none;
}

.goal-details-add-funds:focus {
  outline: auto;
}

.goal-inline-image {
  vertical-align: middle;
}

.goals-transactions-table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
  border: 1px solid #f3f4f5;
}

@media (min-width: 992px) {
  .goals-transactions-table .goals-transactions-table__cell:first-child,
  .goals-transactions-table .goals-transactions-table__th:first-child {
    padding-left: 20px;
  }

  .goals-transactions-table .goals-transactions-table__cell:last-child,
  .goals-transactions-table .goals-transactions-table__th:last-child {
    padding-right: 20px;
  }

  .goals-transactions-table .td-d-m-y-xs {
    display: none;
  }
}

@media (min-width: 576px)and (max-width: 991px) {
  .goals-transactions-table .goals-transactions-table__cell:first-child,
  .goals-transactions-table .goals-transactions-table__th:first-child {
    padding-left: 20px;
  }

  .goals-transactions-table .goals-transactions-table__cell:last-child,
  .goals-transactions-table .goals-transactions-table__th:last-child {
    padding-right: 20px;
  }

  .goals-transactions-table .td-quantity,
  .goals-transactions-table .td-price,
  .goals-transactions-table .th-quantity,
  .goals-transactions-table .th-price {
    display: none;
  }

  .goals-transactions-table .td-year,
  .goals-transactions-table .td-day-month {
    display: none;
  }
}

@media (max-width: 575px) {
  .goals-transactions-table .goals-transactions-table__cell:first-child,
  .goals-transactions-table .goals-transactions-table__th:first-child {
    padding-left: 5px;
  }

  .goals-transactions-table .goals-transactions-table__cell:last-child,
  .goals-transactions-table .goals-transactions-table__th:last-child {
    padding-right: 5px;
  }

  .goals-transactions-table td,
  .goals-transactions-table th,
  .goals-transactions-table .info-box__text-trigger {
    font-size: .8125rem;
  }

  .goals-transactions-table td,
  .goals-transactions-table th {
    padding: 3px;
  }

  .goals-transactions-table .td-quantity,
  .goals-transactions-table .td-price,
  .goals-transactions-table .th-quantity,
  .goals-transactions-table .th-price {
    display: none;
  }

  .goals-transactions-table .td-year,
  .goals-transactions-table .td-day-month {
    display: none;
  }
}

.goals-transactions-table__header {
  border-bottom: 1px solid #eaeaea;
}

.goals-transactions-table__th {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 400;
  text-align: left;
  padding: 0 10px;
  height: 64px;
  line-height: 64px;
}

.goals-transactions-table__row:nth-child(2n+1) {
  background-color: #fff;
}

.goals-transactions-table__row:nth-child(odd) {
  background-color: #f3f4f5;
}

.eTax-documentsetting-padding {
  padding: 15px;
}

.goals-transactions-table__head {
  background: #fff !important;
}

.goals-transactions-table__cell {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  padding: 0 10px;
  height: 64px;
  line-height: 64px;
}

.goals-transactions-table__cell-info-wrapper {
  position: relative;
}

.goals-transactions-table__cell-info-wrapper .info-box {
  position: relative;
}

.goals-transactions-table__cell-info-wrapper .info-box__helper {
  min-width: 300px;
  bottom: 55px;
}

.goals-transactions-table__cell--gainloss {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 400;
  text-align: right;
}

.goals-transactions-table__cell--no-data {
  text-align: center;
}

.goals-transactions-table__cell--date {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 400;
  white-space: nowrap;
}

.goals-transactions-table__cell--activity {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 400;
  white-space: nowrap;
}

.goals-transactions-table__activity-icon {
  width: 9px;
  height: 9px;
  display: inline-block;
  margin-right: 6px;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
}

.goals-transactions-table__activity-icon--deposit {
  border-color: #588886;
}

.goals-transactions-table__activity-icon--dividends {
  border-color: #b8a970;
}

.goals-transactions-table__activity-icon--transfer {
  border-color: #d6ce48;
}

.goals-transactions-table__activity-icon--buy {
  border-color: #fca311;
}

.goals-transactions-table__activity-icon--sell {
  border-color: #51b5e0;
}

.th_name-chevron {
  position: relative;
}

.th_filter__link {
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
}

.th_name-chevron-up::before {
  border-width: 0 5px 8px 5px;
  border-color: rgba(0,0,0,0) rgba(0,0,0,0) #016ac3 rgba(0,0,0,0);
}

.th_name-chevron-down::before {
  border-width: 8px 5px 0 5px;
  border-color: #016ac3 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
}

.th_name-chevron-up::before,
.th_name-chevron-down::before {
  right: -15px;
  border-style: solid;
  content: "";
  display: inline-block;
  top: 30%;
  position: absolute;
  vertical-align: top;
}

.table__chevron {
  position: relative;
  top: -2px;
  font-size: .625rem;
  left: 10px;
  color: #106cc0;
}

.th-value,
.td-value,
.th-quantity,
.td-quantity,
.th-price,
.td-price,
.td-amount {
  text-align: right;
  padding-right: 20px;
}

@media (min-width: 992px) {
  .th-date,
  .td-date {
    min-width: 230px !important;
  }

  .th-activity,
  .td-activity {
    min-width: 215px !important;
  }

  .th-symbol,
  .td-symbol {
    min-width: 105px !important;
  }

  .th-quantity,
  .td-quantity {
    min-width: 145px !important;
  }

  .th-price,
  .td-price {
    min-width: 125px !important;
  }

  .th-value,
  .td-value {
    min-width: 140px !important;
  }

  .goals-th-name,
  .goals-portfolio-table__cell--name {
    width: 150px !important;
    text-align: left !important;
  }

  .goals-th-percentage,
  .goals-portfolio-table__cell.percent {
    min-width: 90px !important;
    width: 90px !important;
    text-align: left !important;
  }

  .goals-th-change,
  .goals-portfolio-table__cell.gainloss {
    min-width: 125px !important;
    text-align: left !important;
  }

  .goals-th-quantity,
  .goals-portfolio-table__cell.quantity {
    min-width: 90px !important;
    text-align: left !important;
  }

  .goals-th-price,
  .goals-portfolio-table__cell.price {
    min-width: 93px !important;
    text-align: left !important;
  }

  .goals-th-marketvalue,
  .goals-portfolio-table__cell.market-value {
    min-width: 125px !important;
    padding-right: 10;
    text-align: left !important;
  }

  .goals-th-type,
  .goals-portfolio-table__cell.type {
    text-align: left !important;
    word-break: break-word;
    padding: 10 !important;
  }
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.goals-portfolio-table {
  border: 1px solid #eaeaea;
  margin-top: 30px;
  margin-bottom: 60px;
}

.goals-portfolio-table__row:nth-child(odd) {
  background-color: rgba(234,234,234,.35);
}

.goals-portfolio-table__header {
  border-bottom: 1px solid #eaeaea;
}

.goals-portfolio-table__th {
  padding: 15px;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
}

@media (min-width: 992px) {
  .goals-portfolio-table__th {
    padding: 20px 9px;
  }

  .goals-portfolio-table__th:first-child {
    padding: 15px 20px;
  }
}

@media (max-width: 992px) {
  .md-hide {
    display: none;
  }
}

.goals__select {
  max-width: 250px;
}

.goals__select:after {
  top: 15px;
}

@media (max-width: 992px) {
  .goals__select {
    max-width: 100%;
  }
}

.goals-portfolio-table__cell {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  padding: 20px 15px;
  margin: 0 20px;
  border-bottom: 1px solid #eaeaea;
}

.goals-portfolio-table__cell:first-child,
.goals-portfolio-table__cell:last-child {
  border-width: 0;
}

@media (max-width: 992px) {
  .goals-portfolio-table__cell {
    border-bottom: 0;
    padding: 3px 15px;
    min-height: 30px;
  }

  .goals-portfolio-table__cell .rwd-table__heading-cell-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .goals-portfolio-table__cell .goals-portfolio-table__symbol-text {
    margin: 0;
  }

  .goals-portfolio-table__cell:first-child {
    padding: 20px 0px;
    margin: 0 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
  }

  .goals-portfolio-table__cell:last-child {
    padding-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .goals-portfolio-table__cell {
    padding: 15px 9px;
  }

  .goals-portfolio-table__cell:first-child,
  .goals-portfolio-table__cell:last-child {
    border-width: 1px;
  }

  .goals-portfolio-table__cell:first-child {
    padding: 15px 20px;
  }
}

.goals-portfolio-table__cell--gain-loss {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 400;
  margin: 0 20px;
}

.goals-portfolio-table__cell--market-value {
  word-break: break-word;
}

.goals-portfolio-table__cell--no-data {
  text-align: center;
}

.goals-portfolio-table__cell--name {
  margin: 0;
}

@media (min-width: 992px) {
  .goals-portfolio-table__cell--name .rwd-table__heading-cell-contents {
    width: 135px;
  }
}

.goals-portfolio-table__name-text {
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
}

@media (max-width: 992px) {
  .goals-portfolio-table__name-text {
    text-align: right !important;
    max-width: 200px !important;
  }
}

@media (min-width: 992px) {
  .goals-portfolio-table__name-text {
    padding: 0;
  }
}

.goals-portfolio-table__symbol-text {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 400;
}

@media (min-width: 992px) {
  .goals-portfolio-table__symbol-percent {
    display: none;
  }
}

.goals-performance__graph-heading {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  margin-bottom: 0;
  margin-top: 40px;
}

@media (min-width: 576px) {
  .goals-performance__graph-heading {
    font-size: 1.125rem;
  }
}

@media (min-width: 1200px) {
  .goals-performance__graph-heading {
    margin-top: 60px;
  }
}

.goals-performance__graph-wrapper {
  height: 240px;
}

@media (min-width: 576px) {
  .goals-performance__graph-wrapper {
    height: 340px;
  }
}

@media (min-width: 1200px) {
  .goals-performance__graph-wrapper {
    height: 400px;
  }
}

.goals-dropdown {
  position: absolute;
}

.goals-dropdown__button {
  border: none;
  cursor: pointer;
  background: rgba(0,0,0,0);
  display: inline-block;
  font-family: "Fira Sans",sans-serif;
  font-size: 1.375rem;
  font-weight: 300;
  color: #000;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
  margin-top: 25px;
  padding-left: 0;
}

@media (min-width: 576px) {
  .goals-dropdown__button {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .goals-dropdown__button {
    font-size: 1.875rem;
  }
}

@media (max-width: 576px) {
  .goals-dropdown__button {
    line-height: initial;
    font-size: 24px;
    margin-top: 20px;
  }
}

.goals-dropdown__list {
  display: none;
  list-style: none;
  padding: 0;
  z-index: 100;
  text-align: right;
  border: 1px solid rgba(111,111,111,.2);
  margin-top: 0px;
}

.goals-dropdown__list--open {
  display: block;
}

.goals-dropdown__list-item {
  border-bottom: 1px dashed rgba(111,111,111,.2);
}

.goals-dropdown__list-item-span {
  padding-left: 7rem;
}

@media (min-width: 992px) {
  .goals-dropdown__list-item-span {
    padding-left: 15rem;
    padding-right: 1rem;
  }
}

.goals-dropdown__list--position {
  position: absolute;
  background: #fafafa;
}

.goals-dropdown__list-item-link {
  padding: 0 20px;
  line-height: 3rem;
  text-decoration: none;
  border: none;
  background-color: rgba(0,0,0,0);
  cursor: pointer;
  font-size: 20px;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
}

.goals-dropdown__list-item:hover {
  background: #ededed;
}

.goals-dropdown__select_arrow {
  width: .6em;
  margin-left: .5em;
  margin-right: .5em;
  margin-bottom: .1em;
}

.funding-default .form__section {
  width: 100%;
}

.funding-default__input-wrapper {
  width: 100%;
}

.funding-default__input-wrapper .input__unit-container,
.funding-default__input-wrapper .input__select-container,
.funding-default__input-wrapper .input__calendar,
.funding-default__input-wrapper .datepicker-group {
  width: 100%;
}

@media (min-width: 768px) {
  .funding-default__input-wrapper .input__unit-container,
  .funding-default__input-wrapper .input__select-container,
  .funding-default__input-wrapper .input__calendar,
  .funding-default__input-wrapper .datepicker-group {
    width: 44.44%;
  }
}

.transfer-account__static-page-link {
  min-width: 0 !important;
  margin: 0;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  text-align: left !important;
  display: inherit !important;
  width: auto !important;
}

.transfer-account__static-page-link__inline {
  padding: 0 5px 0 5px !important;
}

.transfer-account__static-page-link__standalone {
  padding: 0;
}

.taxDepparment-default__input-wrapper {
  width: 100%;
}

.taxDepparment-default__input-wrapper .input__unit-container,
.taxDepparment-default__input-wrapper .input__select-container,
.taxDepparment-default__input-wrapper .input__calendar,
.taxDepparment-default__input-wrapper .datepicker-group {
  width: 100%;
}

@media (min-width: 768px) {
  .taxDepparment-default__input-wrapper .input__unit-container,
  .taxDepparment-default__input-wrapper .input__select-container,
  .taxDepparment-default__input-wrapper .input__calendar,
  .taxDepparment-default__input-wrapper .datepicker-group {
    width: 44.44%;
  }
}

.funding-default__custom-label {
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  color: #252525;
  font-family: "Roboto",sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin-top: 30px;
  margin-bottom: 8px;
}

.fund-transfer__container .form__section+.form__section {
  margin-top: 35px;
}

.form__section h3+hr {
  margin: -10px 0 30px;
}

.funding-default__today-text {
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  margin-top: 0;
}

.infoboxStartDate .force-inline-block {
  position: relative !important;
}

.infoboxStartDate .info-box {
  margin-left: 7px !important;
}

.funding-default hr {
  border-bottom-color: #919191;
}

.funding-default .accountopen__details-box hr {
  border-bottom-color: #eaeaea;
}

hr.dark {
  border-bottom-color: #919191;
}

.funding-transfer-account--typography,
.funding-transfer-account {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: "Roboto",sans-serif;
  line-height: 1.5;
}

@media (max-width: 575px) {
  .funding-transfer-account {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.funding-transfer-account hr {
  border: 1px solid rgba(0,0,0,0);
  border-bottom-color: #919191;
}

.funding-transfer-account hr+fieldset>legend {
  margin-top: -15px;
}

.funding-transfer-account .accountopen__details-box hr {
  border-bottom-color: #eaeaea;
}

.funding-transfer-account .hr--margin {
  margin: 25px 0;
}

.funding-transfer-account .form__section {
  padding-top: .5rem;
}

.funding-transfer-account .transfer-details-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.funding-transfer-account .transfer-details-row>* {
  min-width: calc(50% - 50px);
  margin-right: 50px;
}

@media (min-width: 768px) {
  .funding-transfer-account .transfer-details-row>* {
    width: calc(50% - 50px);
  }
}

.funding-transfer-account .personal-detail-cell {
  min-width: 200px;
  padding-right: 40px;
}

.fund-transfer__container .form__section--wrapper,
.funding-transfer-account .form__section--wrapper {
  width: 100%;
  background-color: #f3f4f6;
  padding: 25px;
  margin-bottom: 2rem;
  margin-top: 5px;
}

@media (max-width: 575px) {
  .fund-transfer__container .form__section--wrapper,
  .funding-transfer-account .form__section--wrapper {
    padding: 15px;
  }
}

.funding-transfer-account .form__section--hidden {
  visibility: hidden;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.funding-transfer-account .transfer-account--control {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  vertical-align: bottom;
  margin-right: 60px;
  width: 100%;
}

.funding-transfer-account .transfer-account--control:last-child .transfer-account__value {
  margin-bottom: 0;
}

.funding-transfer-account .transfer-account__key {
  font-weight: 500;
}

.funding-transfer-account .transfer-account__value {
  font-size: 17px;
  margin: 1rem 0 2rem 0;
}

.funding-transfer-account .transfer-account__instruction--title {
  padding-bottom: .7rem;
}

.funding-transfer-account .section__title,
.funding-transfer-account .asset__title,
.funding-transfer-account .cash-balance__title {
  margin-bottom: 1rem;
}

.funding-transfer-account .transfer-account__static-page-link {
  min-width: 0;
  margin: 0;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  text-align: left !important;
  display: inherit !important;
  width: auto !important;
}

.funding-transfer-account .transfer-account__static-page-link__inline {
  padding: 0 5px 0 5px;
}

.funding-transfer-account .transfer-account__static-page-link__standalone {
  padding: 0;
}

.funding-transfer-account .input__unit-container input {
  font-size: 1rem;
}

@media (min-width: 768px) {
  .funding-transfer-account .input__select-container {
    width: 55.55%;
  }

  .funding-transfer-account .input__label-container {
    width: 55.55%;
  }

  .funding-transfer-account .input__unit-container {
    width: 55.55%;
  }

  .funding-transfer-account .input__unit-container input {
    width: 100%;
  }

  .funding-transfer-account .accountopen__details-box .input__select-container {
    width: auto;
  }

  .funding-transfer-account .accountopen__details-box .input__label-container {
    width: auto;
  }

  .funding-transfer-account .accountopen__details-box .input__unit-container {
    width: auto;
  }
}

.funding-transfer-account .confirm-flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 95%;
}

@media (min-width: 768px) {
  .funding-transfer-account .confirm-flex-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.funding-transfer-account .absolute-edit {
  position: absolute;
  top: 25px;
  right: 25px;
}

.funding-transfer-account .block-cell-lg {
  min-width: calc(50% - 5px);
  margin-right: 10px;
}

@media (min-width: 768px) {
  .funding-transfer-account .block-cell-lg {
    margin-right: 40px;
    min-width: calc(50% - 59px);
    max-width: calc(50% - 51px);
  }
}

.funding-transfer-account .block-cell-lg--full_width {
  width: 100%;
}

@media (min-width: 768px) {
  .funding-transfer-account .block-cell-lg--full_width {
    max-width: 100%;
  }
}

.funding-transfer-account .print-block {
  display: block;
}

@media (max-width: 767px) {
  .funding-transfer-account .print-block {
    display: none;
  }
}

@media (min-width: 768px) {
  .salary-container .input__unit-container {
    width: 100%;
  }

  .salary-container .input__unit-container input {
    width: 100%;
  }
}

.cancel-closure-message {
  background-size: 18px 18px;
  background-position: 0px 12px;
  background-repeat: no-repeat;
  font-size: 14px;
  color: #003168;
  font-weight: 400;
}

.funding-transfer-confirm-box {
  -webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,.1);
          box-shadow: 0 2px 2px 1px rgba(0,0,0,.1);
  border: solid 1px #e0e0e0;
  background-color: #fff;
  padding: 44px 15px 0 15px;
  margin-top: 23px;
}

.funding-transfer-confirm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 1.5rem;
}

.funding-transfer-confirm .confirm-main {
  width: 100%;
}

@media (min-width: 768px) {
  .funding-transfer-confirm .confirm-main {
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (min-width: 768px) {
  .funding-transfer-confirm .confirm-main-child {
    width: calc(50% - 50px);
    margin-right: 50px;
  }
}

.funding-transfer-confirm .confirm-label {
  font-weight: 300;
}

.funding-transfer-confirm .confim-label-content {
  font-weight: 400;
}

.funding-transfer-confirm .confirm-edit-link {
  font-weight: 500;
}

@media (min-width: 768px) {
  .funding-transfer-confirm .confirm-edit-link {
    display: block;
    float: right;
    position: relative;
    padding-top: 7px;
  }
}

.partial-transfer {
  padding: 2rem;
}

.partial-transfer__equities {
  margin-bottom: 15px;
}

.partial-transfer__symbol-row {
  margin-bottom: 25px;
}

@media (min-width: 768px) {
  .partial-transfer__symbol-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.partial-transfer__symbol-row:not(:first-of-type) {
  border-top: 1px solid #eaeaea;
  padding-top: 24px;
}

.partial-transfer__symbol-row>:first-child {
  width: 320px;
  max-width: 100%;
  margin-right: 40px;
  margin-bottom: 0;
}

.partial-transfer__symbol-row>.checkbox {
  margin-top: 32px;
}

@media (max-width: 767px) {
  .partial-transfer__symbol-row>.checkbox {
    margin-top: 25px;
  }
}

.partial-transfer__unit-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.partial-transfer__unit-row>:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.partial-transfer__unit-row .input__unit-container {
  max-width: 200px;
}

.partial-transfer .notice-container {
  margin-top: 24px;
  margin-bottom: 40px;
}

.partial-transfer .notice-caption {
  font-weight: 400;
}

.partial-transfer .notice-content p1 {
  color: #585858;
}

.partial-transfer .notice-content img {
  width: 100%;
}

.partial-transfer .cash-input {
  max-width: 256px;
  margin-bottom: 24px;
}

.transfer-notice {
  padding: 1rem;
  background-color: #edf7fc;
  border-radius: 8px;
  background-image: url(/AccountOpen/assets/two-hand-gesture-6c6a7ba4c8c62421b64635b965d2be98.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-origin: content-box;
}

@media (max-width: 576px) {
  .transfer-notice {
    background-position: top center !important;
  }

  .transfer-notice .notice-inner {
    padding-right: 1.125rem !important;
    padding-top: 13rem !important;
  }
}

.transfer-notice .notice-inner {
  padding: 1.125rem;
  padding-right: 9rem;
  font-size: 1.125rem;
  line-height: 1.75em;
  font-family: Roboto,sans-serif;
  font-weight: 300;
}

.transfer-notice .highlighted-text {
  font-weight: 400;
  color: #006ac3;
}

.transfer-notice .contact-footer {
  padding-left: 2.5rem;
  margin-top: 1.5rem;
  background-image: url(/AccountOpen/assets/call-8e7e60d55feed01ddd592776ce447e6f.svg);
  background-repeat: no-repeat;
}

.vertically-labelled-form-grid {
  display: -ms-grid;
  display: grid;
  clear: both;
  grid-auto-flow: column;
  margin: 0 0 25px;
}

.vertically-labelled-form-grid::before,
.vertically-labelled-form-grid::after {
  content: none;
}

.vertically-labelled-form-grid--error {
  margin-bottom: 61px;
}

.vertically-labelled-form-grid>*:nth-child(odd) {
  -ms-grid-row-align: end;
  -ms-flex-item-align: end;
      align-self: end;
}

.vertically-labelled-form-grid>*:nth-child(even) {
  -ms-grid-row-align: center;
  -ms-flex-item-align: center;
      align-self: center;
}

.vertically-labelled-form-grid>*.input {
  margin-bottom: 0;
}

.vertically-labelled-form-grid>* .checkbox {
  margin: 0;
  min-height: 30px;
  -ms-grid-column-align: center;
  justify-self: center;
}

.vertically-labelled-form-grid>* .checkbox input[type=checkbox]+label {
  padding: 0;
  width: 28px;
}

.vertically-labelled-form-grid>* input[type=text] {
  width: 100%;
}

@media (min-width: 768px) {
  .vertically-labelled-form-grid>*.input__label-container {
    width: 100%;
  }
}

.vertically-labelled-form-grid .floating-list__action--delete {
  height: 30px;
  padding: 0;
  width: 30px;
  background-position-x: right;
}

@media (max-width: 575px) {
  .vertically-labelled-form-grid .floating-list__action--delete {
    justify-self: end;
    margin: 8px 0;
  }
}

.vertically-labelled-form-grid .audit-errors-list {
  position: absolute;
  bottom: 0;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
}

@media (max-width: 575px) {
  .vertically-labelled-form-grid .hide-to-sm {
    display: none;
  }
}

.vertically-labelled-form-grid__cash {
  -ms-grid-columns: min-content 60px 44% auto;
  grid-template-columns: -webkit-min-content 60px 44% auto;
  grid-template-columns: min-content 60px 44% auto;
  grid-template-rows: auto auto;
}

.vertically-labelled-form-grid__cash>:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.vertically-labelled-form-grid__cash>:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.vertically-labelled-form-grid__cash>:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.vertically-labelled-form-grid__cash>:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

.vertically-labelled-form-grid__cash>:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.vertically-labelled-form-grid__cash>:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}

.vertically-labelled-form-grid__cash>:nth-child(7) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}

.vertically-labelled-form-grid__cash>:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}

.vertically-labelled-form-grid__cash>:nth-child(n+7) {
  padding-left: 20px;
}

@media (min-width: 576px)and (max-width: 767px) {
  .vertically-labelled-form-grid__cash {
    grid-template-columns: -webkit-min-content 60px auto minmax(calc(100% - 400px), 82px);
    grid-template-columns: min-content 60px auto minmax(calc(100% - 400px), 82px);
  }
}

@media (max-width: 575px) {
  .vertically-labelled-form-grid__cash {
    grid-template-columns: -webkit-min-content -webkit-min-content auto;
    grid-template-columns: min-content min-content auto;
  }
}

.vertically-labelled-form-grid__assets {
  -ms-grid-columns: min-content 60px 3fr 3fr 2fr min-content;
  grid-template-columns: -webkit-min-content 60px 3fr 3fr 2fr -webkit-min-content;
  grid-template-columns: min-content 60px 3fr 3fr 2fr min-content;
  grid-template-rows: auto auto;
}

.vertically-labelled-form-grid__assets>:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.vertically-labelled-form-grid__assets>:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.vertically-labelled-form-grid__assets>:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.vertically-labelled-form-grid__assets>:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

.vertically-labelled-form-grid__assets>:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.vertically-labelled-form-grid__assets>:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}

.vertically-labelled-form-grid__assets>:nth-child(7) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}

.vertically-labelled-form-grid__assets>:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}

.vertically-labelled-form-grid__assets>:nth-child(9) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.vertically-labelled-form-grid__assets>:nth-child(10) {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
}

.vertically-labelled-form-grid__assets>:nth-child(11) {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
}

.vertically-labelled-form-grid__assets>:nth-child(12) {
  -ms-grid-row: 2;
  -ms-grid-column: 6;
}

@media (min-width: 768px) {
  .vertically-labelled-form-grid__assets>:nth-child(n+5):nth-child(-n+9) {
    padding-right: 20px;
  }
}

.vertically-labelled-form-grid__assets>:nth-child(n+9) {
  padding-right: 0;
}

@media (max-width: 767px) {
  .vertically-labelled-form-grid__assets {
    grid-template-columns: -webkit-min-content -webkit-min-content auto;
    grid-template-columns: min-content min-content auto;
  }

  .vertically-labelled-form-grid__assets>:nth-child(n+7) {
    grid-column: 1/4;
  }

  .vertically-labelled-form-grid__assets>:nth-child(n+7):nth-child(-n+10) {
    -ms-flex-item-align: start;
        align-self: start;
  }

  .vertically-labelled-form-grid__assets>:nth-child(n+7) .audit-errors-list {
    position: static;
    -webkit-transform: none;
            transform: none;
  }

  .vertically-labelled-form-grid__assets>:nth-child(n+7).input__label-container {
    margin-top: 12px;
  }

  .vertically-labelled-form-grid__assets>:nth-child(7) {
    grid-row: 3;
  }

  .vertically-labelled-form-grid__assets>:nth-child(8) {
    grid-row: 4;
  }

  .vertically-labelled-form-grid__assets>:nth-child(9) {
    grid-row: 5;
  }

  .vertically-labelled-form-grid__assets>:nth-child(10) {
    grid-row: 6;
  }

  .vertically-labelled-form-grid__assets>:nth-child(11) {
    grid-row: 7;
  }

  .vertically-labelled-form-grid__assets>:nth-child(12) {
    grid-row: 8;
  }

  .vertically-labelled-form-grid__assets>:nth-child(13) {
    grid-row: 9;
  }
}

@media (min-width: 576px)and (max-width: 767px) {
  .vertically-labelled-form-grid__assets {
    grid-template-columns: -webkit-min-content 60px auto auto minmax(calc(100% - 400px), 82px);
    grid-template-columns: min-content 60px auto auto minmax(calc(100% - 400px), 82px);
  }

  .vertically-labelled-form-grid__assets .floating-list__action--delete {
    grid-column: 5;
    grid-row: 2;
    margin-left: 3px;
  }

  .vertically-labelled-form-grid__assets>:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
  }

  .vertically-labelled-form-grid__assets>:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
  }

  .vertically-labelled-form-grid__assets>:nth-child(5) {
    grid-column: 3/5;
    grid-row: 1;
  }

  .vertically-labelled-form-grid__assets>:nth-child(6) {
    grid-column: 3/5;
    grid-row: 2;
  }

  .vertically-labelled-form-grid__assets>:nth-child(7) {
    grid-column: 1/4;
    grid-row: 3;
  }

  .vertically-labelled-form-grid__assets>:nth-child(8) {
    grid-column: 1/4;
    grid-row: 4;
  }

  .vertically-labelled-form-grid__assets>:nth-child(9) {
    grid-column: 4/5;
    grid-row: 3;
    padding-left: 20px;
  }

  .vertically-labelled-form-grid__assets>:nth-child(10) {
    grid-column: 4/5;
    grid-row: 4;
    padding-left: 20px;
  }
}

.add-asset-link {
  color: #006ac3;
  text-decoration: none;
}

.add-asset-link img {
  position: relative;
  top: 2px;
  margin-right: 2px;
}

.buffered-copy {
  padding: 10px;
}

.brokerage-asset>.audit-errors-list {
  display: none;
}

@media (min-width: 768px) {
  .brokerage-asset>.audit-errors-list+.vertically-labelled-form-grid__assets {
    margin-bottom: 59px;
  }
}

@media (max-width: 767px) {
  .brokerage-asset>.audit-errors-list+.audit-errors-list+.vertically-labelled-form-grid__assets>:nth-child(even):nth-child(-n+7) {
    margin-bottom: 45px;
  }
}

@media (min-width: 576px)and (max-width: 767px) {
  .brokerage-asset>.audit-errors-list+.audit-errors-list+.vertically-labelled-form-grid__assets .floating-list__action--delete {
    margin-bottom: 45px;
  }
}

.funding-disclaimer-box {
  background-color: #f3f4f6;
  padding: 30px;
  margin: 30px 0;
  overflow: hidden;
}

.ofi-container .spinner-for-module+div.hide-during-load {
  height: 1px;
  overflow: hidden;
}

.ofi-container .ofi-account-option {
  font-weight: 300;
  max-width: calc(100% - 35px);
}

.ofi-container .ofi-account-option__balance {
  display: inline-block;
  margin-left: 20px;
  font-weight: normal;
  color: #00903a;
}

.ofi-container .ofi-account-option__balance--negative {
  color: #b91a0e;
}

.ofi-container .ofi-account-option__balance--zero {
  color: #6f6f6f;
}

.ofi-container .ofi-account-option__type {
  display: block;
  margin: 0;
}

.ofi-container .ofi-account-option+.rbc-tooltip {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  line-height: 28px;
  top: 3px;
}

.ofi-container input[disabled]+label.ofi-account-option {
  color: #6f6f6f;
}

.ofi-container input[disabled]+label.ofi-account-option span {
  color: #6f6f6f;
}

@media (min-width: 1200px) {
  .ofi-container .form-progress-container {
    margin-top: -30px;
  }
}

.ofi-container .fine-list {
  margin: 0;
  list-style-type: none;
}

.ofi-container .fine-list li::before {
  content: "•";
  display: block;
  position: absolute;
  left: 32px;
}

.ofi-container form,
.ofi-container section {
  clear: both;
}

.ofi-container .yodlee-cta-wrapper {
  position: relative;
  max-width: 740px;
  margin: auto;
}

.ofi-container .yodlee-cancel {
  position: absolute;
  padding: 12px 20px;
  top: -243px;
  min-width: 110px;
  right: 120px;
  width: auto;
  background: #fff;
}

@media (min-width: 630px) {
  .ofi-container .yodlee-cancel {
    right: 175px;
    top: -250px;
    min-width: 160px;
    padding: 24px 30px;
  }
}

.legal-callout {
  padding: 20px 30px;
  font-size: .875rem;
  font-weight: 300;
  color: #444;
  font-family: Roboto,sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  border: 1px solid #eaeaea;
  margin-top: 0;
  margin-bottom: 20px;
}

.legal-callout strong {
  font-size: 14px;
}

.confirm-link {
  font-size: 14px;
}

.delete-pad {
  border-top: 1px solid #eaeaea;
  overflow: hidden;
  -webkit-transition: height .5s;
  transition: height .5s;
  outline: none;
}

.delete-pad .form__section {
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  padding: 25px;
}

.delete-pad:not(.active) {
  height: 0 !important;
  border-top: none;
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
}

.delete-pad.active .form__section {
  opacity: 1;
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
}

.info-box-holder {
  position: relative;
}

.info-box-holder .info-box {
  margin-left: 10px;
}

.withdrawal-history-table .goals-transactions-table__header {
  display: none;
}

.withdrawal-history-table .table-header-no-data {
  display: table-header-group;
}

.withdrawal-history-table .goals-transactions-table__row {
  background-color: #fff;
}

.withdrawal-history-table .goals-transactions-table__row td {
  display: block;
  text-align: left;
  height: auto;
}

.withdrawal-history-table .border-bottom-row {
  background-color: #fff;
  border-bottom: 1px solid #b3b3b3;
}

.withdrawal-history-table .border-bottom-row:last-child {
  border-bottom: 0;
}

.withdrawal-history-table .border-bottom-row .td-amount {
  text-align: left;
}

.withdrawal-history-table .mobile-header {
  font-weight: 300;
}

@media (max-width: 992px) {
  .withdrawal-history-table td {
    padding-left: 16px !important;
  }
}

@media (min-width: 992px) {
  .withdrawal-history-table .goals-transactions-table__header {
    display: table-header-group;
    border-bottom: 1px solid #b3b3b3;
  }

  .withdrawal-history-table .goals-transactions-table__row td {
    white-space: break-spaces;
    vertical-align: top;
    padding-top: 16px;
    padding-bottom: 16px;
    display: table-cell;
  }

  .withdrawal-history-table .goals-transactions-table__row .th-date,
  .withdrawal-history-table .goals-transactions-table__row .td-date,
  .withdrawal-history-table .goals-transactions-table__row .th-activity,
  .withdrawal-history-table .goals-transactions-table__row .td-activity {
    min-width: 160px !important;
  }

  .withdrawal-history-table .goals-transactions-table__row .th-status,
  .withdrawal-history-table .goals-transactions-table__row .td-status {
    min-width: 130px !important;
  }

  .withdrawal-history-table .goals-transactions-table__row .th-from,
  .withdrawal-history-table .goals-transactions-table__row .td-from,
  .withdrawal-history-table .goals-transactions-table__row .th-to,
  .withdrawal-history-table .goals-transactions-table__row .td-to {
    min-width: 220px !important;
  }

  .withdrawal-history-table .goals-transactions-table__row .th-amount,
  .withdrawal-history-table .goals-transactions-table__row .td-amount {
    white-space: nowrap;
    text-align: right;
    min-width: 130px !important;
  }

  .withdrawal-history-table .goals-transactions-table__row .mobile-header {
    display: none;
  }

  .withdrawal-history-table .goals-transactions-table__row .goals-transactions-table__cell--no-data {
    text-align: center;
  }

  .withdrawal-history-table .border-bottom-row .td-amount {
    height: auto;
    padding-bottom: 24px;
    text-align: right;
  }
}

.notification-center-withdraw .container,
.notification-center-withdraw .referral-banner--container {
  width: auto;
}

.notification-center-withdraw ul {
  margin-left: 4em !important;
}

.notification-center-withdraw .h2 {
  display: none;
}

.notification-center-withdrawForm .container,
.notification-center-withdrawForm .referral-banner--container {
  width: auto;
  padding: 0;
}

.notification-center-withdrawForm ul {
  position: relative;
  top: -16px;
  left: 12px;
  margin-right: 34px !important;
}

.withdraw-success-box .transaction-result {
  border: 1px solid #e0e0e0;
}

.withdraw-success-box .transaction-result .transaction-result__title {
  margin: 0 !important;
}

@media (max-width: 576px) {
  .withdraw-success-box .transaction-result {
    display: block;
  }

  .withdraw-success-box .transaction-result .transaction-result__icon {
    margin: 0px auto;
  }

  .withdraw-success-box .transaction-result .transaction-result__title {
    padding: 0 20px;
  }
}

.withdraw-success-box .detail-row {
  border-top: 1px solid #eaeaea;
  padding: 6px 12px;
}

.withdraw-success-box .detail-row .success-label {
  font-weight: 500;
  min-width: 250px;
  display: inline-block;
}

.withdraw-success-box .detail-row:last-of-type {
  margin-bottom: 30px;
}

.withdraw-success-box .detail-row:nth-child(even) {
  background-color: #fafafa;
}

.withdraw-section {
  font-family: Roboto;
}

.withdraw-section .cheque__section {
  font-size: 1rem;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
}

.withdraw-section .cheque__section .div__label {
  font-weight: 300;
}

.withdraw-section .cheque__section .div__value {
  font-weight: 400;
}

.fhsa-withdrawal-inst {
  font-family: Roboto;
}

.fhsa-withdrawal-inst p {
  font-weight: 300;
  line-height: 1.5rem;
  font-size: 1rem;
}

.fhsa-withdrawal-inst .numbered {
  background-repeat: no-repeat;
  padding-left: 3em;
}

.fhsa-withdrawal-inst .numbered h4 {
  font-weight: 400;
}

.fhsa-withdrawal-inst .numbered p {
  font-weight: 300;
  font-size: .875rem;
  line-height: 1.25rem;
}

.fhsa-withdrawal-inst .step-1 {
  background-image: url(/AccountOpen/assets/numbered1-189326fbb7a803bd20ee873f3b942133.svg);
}

.fhsa-withdrawal-inst .step-2 {
  background-image: url(/AccountOpen/assets/numbered2-58fc5cc263a85f08713d4db086eec373.svg);
}

.fhsa-withdrawal-inst .step-3 {
  background-image: url(/AccountOpen/assets/numbered3-46871b633452fd9bf0edba8547c92562.svg);
}

.fhsa-withdrawal-inst .d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fhsa-withdrawal-inst .gap-1 {
  gap: 1em;
}

.fhsa-withdrawal-inst .flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media (max-width: 576px) {
  .fhsa-withdrawal-inst .flex-sm-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.fhsa-withdrawal-inst .step-3>div>div {
  background-repeat: no-repeat;
  padding-left: 3em;
}

.fhsa-withdrawal-inst .step-3>div>div h4 {
  margin-block: unset;
  margin-inline: unset;
}

.fhsa-withdrawal-inst .step-3>div>div a {
  font-weight: 400;
  text-decoration: none;
  color: #006ac3;
  background-image: url(/AccountOpen/assets/link-7c4d75bcac74d78f6751c278e1830921.svg);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 2em;
}

.fhsa-withdrawal-inst .step-3>div>div a:hover {
  text-decoration: underline;
}

.fhsa-withdrawal-inst .mail {
  background-image: url(/AccountOpen/assets/mail-761c29ff9bd3ec46e04f5f31edc81b05.svg);
}

.fhsa-withdrawal-inst .branch {
  background-image: url(/AccountOpen/assets/branch-7bba5931b31a7ab14872d69500576bbe.svg);
}

.fhsa-withdrawal-inst__section_text {
  font-weight: 300;
  line-height: 1.5rem;
  font-size: 1rem;
}

.desc-full-withdrawal-amount-fhsa .did-you-know {
  padding-left: 18px;
}

.annual-review {
  font-family: Roboto,sans-serif;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #252525;
}

.annual-review .heading-text-block {
  font-size: 1.75rem;
}

@media (max-width: 992px) {
  .annual-review .heading-text-block {
    text-align: center;
  }
}

.annual-review .kyc-header-info__key-value-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.annual-review .accountopen__details-box {
  margin: 40px auto;
  padding: 32px;
  background-color: #fff;
  font-size: 1rem;
  line-height: 1.5;
}

.annual-review .accountopen__details-box h2,
.annual-review .accountopen__details-box .h2 {
  font-size: 1.125rem;
  line-height: 1.33;
  font-family: Roboto,sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #252525;
  margin: 0;
}

.annual-review .accountopen__details-box h3,
.annual-review .accountopen__details-box .h3 {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
}

@media (min-width: 992px) {
  .annual-review .accountopen__details-box .two-column .display-cell {
    width: 46%;
  }
}

.annual-review .accountopen__details-box .display-cell.mw20percen {
  min-width: 20%;
}

.annual-review .footer-box {
  margin-left: -31px;
  margin-right: -31px;
  background-color: #f8f8f8;
  padding: 10px 25px 10px 25px;
  margin-top: 20px;
}

.annual-review .header-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 992px) {
  .annual-review .header-action {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.annual-review .block-bg--white {
  background-color: #fff !important;
}

.annual-review .body-block .label,
.annual-review .body-block .appointment__label--display,
.annual-review .body-block .funding-transfer-account .transfer-account__instruction--title,
.funding-transfer-account .annual-review .body-block .transfer-account__instruction--title,
.annual-review .body-block .funding-transfer-account .section__title,
.funding-transfer-account .annual-review .body-block .section__title,
.annual-review .body-block .funding-transfer-account .cash-balance__title,
.funding-transfer-account .annual-review .body-block .cash-balance__title,
.annual-review .body-block .funding-transfer-account .asset__title,
.funding-transfer-account .annual-review .body-block .asset__title {
  font-size: .875rem;
}

.annual-review .body-block .value-text {
  font-size: 1.25rem;
}

.annual-review .body-block .img-change {
  padding: 0 8px 0 8px;
  vertical-align: middle;
}

.annual-review .body-block .p--recommendation {
  margin: 24px 0;
  font-size: 1.125rem;
  font-weight: normal;
}

.annual-review .body-block sup {
  font-size: .875rem;
  color: #006ac3;
}

.annual-review .footer-block {
  background-color: #f8f8f8;
}

@media (max-width: 992px) {
  .annual-review .footer-block {
    margin: 0 -22px 0 -22px;
  }
}

.annual-review .header-block {
  margin-left: -31px;
  margin-right: -31px;
  padding: 16px 32px;
  background-color: #f8f8f8;
}

@media (min-width: 992px) {
  .annual-review .header-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 992px) {
  .annual-review .header-block img {
    width: 88px;
    height: 104px;
    padding: 0;
    margin: 0;
  }
}

@media (max-width: 992px) {
  .annual-review .header-block .summary-details-info__goal-image {
    margin: -47px 0px 0px -33px;
    width: calc(100% + 65px);
  }
}

.annual-review .header-block .heading-text-block {
  font-family: Roboto,sans-serif;
  font-weight: 300;
  line-height: 36px;
  color: #252525;
  padding: 24px 0 0 24px;
}

@media (max-width: 992px) {
  .annual-review .header-block .heading-text-block {
    padding: 24px 0 0 0;
  }
}

.annual-review .header-block .heading-text-block .summary-details-info__heading-text {
  font-size: 1.75rem;
  padding: 0;
  margin: 0;
}

.annual-review .header-block .heading-text-block .summary-details-info__heading-sub {
  font-size: .875rem;
  line-height: 20px;
  color: #6f6f6f;
  padding: 0;
  margin: 0;
}

.annual-review .confirm-changes-block {
  margin-bottom: 4rem;
}

.annual-review .confirm-changes-block .row,
.annual-review .confirm-changes-block .portfolio-recommedation-container .header-box,
.portfolio-recommedation-container .annual-review .confirm-changes-block .header-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.annual-review .confirm-changes-block .row>[class*=col-],
.annual-review .confirm-changes-block .portfolio-recommedation-container .header-box>[class*=col-],
.portfolio-recommedation-container .annual-review .confirm-changes-block .header-box>[class*=col-] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  margin-bottom: 6px;
}

.annual-review h1 {
  font-size: 1.75rem;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: center;
}

.annual-review .inline-radio-group {
  text-align: center;
  margin: 0;
}

.annual-review .inline-radio-group .title {
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
}

.annual-review .inline-radio-group label {
  margin-right: 40px;
}

.annual-review .form-footer,
.annual-review strong {
  font-size: .875rem;
  line-height: 1.43;
  text-align: center;
}

.annual-review strong {
  font-weight: 500;
}

.annual-review .button-tray {
  margin-bottom: 80px;
}

.annual-review .center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.annual-review .svg-container {
  width: 100%;
  position: relative;
  margin-bottom: 50px;
}

.annual-review .svg-container img {
  width: 100%;
  height: auto;
}

.annual-review .gain-loss-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: Roboto;
  margin-bottom: 10px;
}

@media (max-width: 576px) {
  .annual-review .gain-loss-data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.annual-review .gain-loss-data .gain p,
.annual-review .gain-loss-data .loss p {
  padding: 0;
  margin: 0;
}

.annual-review .gain-loss-data .gain p.firstRow,
.annual-review .gain-loss-data .loss p.firstRow {
  margin-bottom: 6px;
}

.annual-review .gain-loss-data .gain p.rowPadding,
.annual-review .gain-loss-data .loss p.rowPadding {
  padding-left: 16px;
}

.annual-review .gain-loss-data .gain p.copy,
.annual-review .gain-loss-data .loss p.copy {
  font-size: .875rem;
  line-height: 20px;
  color: #6f6f6f;
}

.annual-review .gain-loss-data .gain p.number,
.annual-review .gain-loss-data .loss p.number {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 28px;
  color: #252525;
}

.annual-review .gain-loss-data .gain p.balance,
.annual-review .gain-loss-data .loss p.balance {
  font-size: .875rem;
  font-weight: 300;
  line-height: 20px;
  color: #252525;
}

.annual-review .gain-loss-data .loss {
  margin-left: 20px;
  margin-top: 0;
}

@media (max-width: 576px) {
  .annual-review .gain-loss-data .loss {
    margin: 20px 0 0 0;
  }
}

.annual-review .DatePicker_container {
  width: 312px;
}

@media (max-width: 991px) {
  .annual-review .DatePicker_container {
    max-width: 302px;
    width: 100%;
  }
}

.annual-review .DatePicker_container .CalendarMonth_caption select {
  width: inherit !important;
  color: #fff !important;
}

.annual-review .DatePicker_container .DateInput input {
  height: 48px !important;
}

.annual-review .telephone .input__unit-container {
  -webkit-box-shadow: 0 0 0 1px #a1a1a1;
          box-shadow: 0 0 0 1px #a1a1a1;
}

.annual-review .telephone .input__unit-container.input__unit-container--focus {
  -webkit-box-shadow: 0 0 0 2px #006ac3;
          box-shadow: 0 0 0 2px #006ac3;
}

.annual-review .client-profile-form {
  margin-top: 24px;
}

.annual-review .client-profile-form hr {
  margin-bottom: 24px;
}

.annual-review .client-profile-form .section-heading {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #252525;
  margin-bottom: 24px;
}

.annual-review .client-profile-form .address-block {
  margin: 24px 0 0 0;
}

.annual-review .client-profile-form .address-block .you-need-to-know-block {
  margin-bottom: 24px;
}

.annual-banner {
  font-family: Roboto,sans-serif;
  text-align: center;
  margin: -84px 0 0 0;
  min-height: auto;
}

.annual-banner h1 {
  font-size: 1.75rem;
  font-weight: 300;
  color: #fff;
  margin: 0 0 16px 0;
}

.annual-banner h2 {
  font-size: 4rem;
  font-weight: 300;
  color: #fff;
  margin: 0;
}

@media (max-width: 992px) {
  .annual-banner h2 {
    font-size: 3rem;
  }
}

.annual-banner img {
  padding: 40px 0 52px 0;
}

@media (max-width: 992px) {
  .annual-banner img {
    width: 90%;
  }
}

@media (min-width: 992px) {
  .annual-banner .confirm-banner-change {
    background-image: url(/AccountOpen/assets/header_Changed-8009068b8fb1ae38facdbf32b2cd3130.svg);
    background-repeat: no-repeat;
    height: 360px;
    background-position: center;
  }

  .annual-banner .confirm-banner-no-change {
    background-image: url(/AccountOpen/assets/header_AllSet-de7848434dfc058e1f22dfb275ee4e50.svg);
    background-repeat: no-repeat;
    height: 360px;
    background-position: center;
  }
}

.annual-banner-edit {
  font-family: Roboto,sans-serif;
  text-align: center;
  margin: -84px 0 0 0;
  overflow: hidden;
}

.annual-banner-edit svg {
  width: 300px !important;
  height: 250px !important;
}

@media (min-width: 992px) {
  .annual-banner-edit svg {
    width: 400px !important;
    height: 350px !important;
  }
}

.annual-banner-edit .review-content {
  text-align: center;
  font-family: Roboto,sans-serif;
  width: 100%;
  color: #fff;
  text-align: center;
}

.annual-banner-edit .review-content h1.line1 {
  font-family: Roboto,sans-serif;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 36px;
  letter-spacing: -0.15px;
  margin: 0 0 16px 0;
  padding: 0;
}

.annual-banner-edit .review-content h1.line2 {
  font-family: Roboto,sans-serif;
  font-size: 4rem;
  line-height: 80px;
  letter-spacing: -1.04px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

@media (min-width: 992px) {
  .annual-review-success .goals-portfolio-table__th:first-child {
    width: 40%;
  }
}

.page-padding {
  padding: 0 15px;
}

@media (max-width: 576px) {
  #tcpConfirm {
    margin-bottom: 1.5em;
  }
}

.referral-banner {
  background: #fff;
  height: 64px;
}

@media (min-width: 992px) {
  .referral-banner--container {
    text-align: center;
  }
}

.referral-banner img {
  height: 1rem;
  width: 1rem;
  margin-right: 8px;
}

.referral-banner .offer-description {
  font-family: Roboto;
  font-weight: 500;
  font-size: .875rem;
}

.referral-banner .refer-now {
  padding-left: 96px;
  color: #006ac3 !important;
  font-size: 1rem;
  font-family: "Roboto",sans-serif;
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 992px) {
  .referral-banner .refer-now {
    float: right;
    padding: 0;
  }
}

.referral {
  padding-bottom: 40px;
  font-family: Roboto;
}

@media (min-width: 992px) {
  .referral {
    margin: 0 184px;
  }
}

.referral .d-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.referral h1 {
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 36px;
  letter-spacing: -0.26px;
  color: #444;
}

@media (min-width: 992px) {
  .referral .pt-md-4 {
    padding-top: 1.5rem;
  }
}

.referral .h2 {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 28px;
  font-weight: bold;
  color: #252525;
  font-family: Roboto;
}

.referral h2 {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 28px;
  font-weight: bold;
  color: #252525;
  font-family: Roboto;
}

.referral .h3 {
  font-family: Roboto;
  font-weight: normal;
}

.referral--back--img {
  height: 12px;
  margin-right: 2px;
}

.referral .back-button {
  font-size: 1rem;
  color: #006ac3;
  font-weight: 500;
  font-family: Roboto;
}

.referral .header-box {
  padding: 15px;
}

@media (max-width: 992px) {
  .referral .header-box {
    margin: 0 -15px;
  }
}

.referral .referral-box {
  padding: 24px 0;
}

@media (min-width: 992px) {
  .referral .referral-box {
    background: #fff;
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 24px 32px;
  }
}

@media (max-width: 992px) {
  .referral .referral-box {
    background: #fff;
    margin: 0 -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 1px solid #e0e0e0;
  }
}

.referral .referral-box .step-indicator-container {
  min-height: 16px;
  position: relative;
  background-color: #f3f4f5;
  right: 0;
  bottom: 0;
}

.referral .referral-box .step-form-progress__container {
  right: 0;
  bottom: 0;
}

.referral .referral-box .step-form-progress--tracker {
  height: 16px;
  border-radius: 0em;
  top: 0px;
}

.referral .mt--1 {
  margin-top: -1px;
}

.referral .disbursement-box {
  padding: 40px 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background: #fff;
}

.referral .disbursement-box .action-link {
  font-size: 1rem;
  color: #006ac3;
  font-weight: 500;
  font-family: Roboto;
}

@media (min-width: 992px) {
  .referral .disbursement-box .action-link {
    padding-right: 32px;
  }
}

@media (min-width: 992px) {
  .referral .disbursement-box {
    border: 1px solid #e0e0e0;
    padding-left: 32px;
  }
}

@media (max-width: 992px) {
  .referral .disbursement-box {
    margin: 0 -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.referral .copied-box {
  height: 40px;
  background: #444;
  border-radius: 4px;
  color: #fff;
  margin-bottom: 16px;
  padding-top: 10px;
  text-align: center;
}

.referral .info-box {
  border-top: 1px solid #eaeaea;
  padding: 16px 0;
}

.referral .main-text {
  line-height: 24px;
  font-size: 1rem;
  font-weight: 300;
  color: #444;
}

.referral .main-sub-text {
  line-height: 20px;
  font-size: .875rem;
  font-weight: 300;
  color: #444;
}

.referral .reward-box {
  background: #f3f4f5;
  border-radius: 2px;
  padding: 16px 0;
  text-align: center;
  font-size: .875rem;
}

.referral .reward-box .currency {
  font-style: normal;
  font-weight: 300;
  font-size: 2rem;
  line-height: 40px;
}

.referral .bar {
  font-size: .875rem;
  padding: 12px 0;
  color: #000;
}

.dashboard-layout-wrapper--error {
  background-color: #006ac3;
}

.annual-review-container {
  background-color: #f8f8f8;
}

.funding-container {
  padding-bottom: 150px;
}

@media (max-width: 576px) {
  .funding-container {
    padding-bottom: 60px;
  }
}

.dashboard-layout {
  margin-top: 20px;
}

.dashboard-layout-wrapper {
  background-color: #fafafa;
}

@media (min-width: 992px) {
  .dashboard-layout {
    margin-top: 50px;
  }
}

@media (min-width: 1200px) {
  .dashboard-layout {
    position: relative;
    min-height: 300px;
  }

  .dashboard-layout__sidebar {
    position: absolute;
    top: 0;
    z-index: 1;
  }

  .dashboard-layout__main {
    position: relative;
  }
}

.dashboard-content {
  padding-top: 20px;
}

@media (min-width: 992px) {
  .dashboard-content {
    padding-top: 44px;
  }
}

.dashboard__main-section-header {
  font-family: Roboto,sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  text-align: left;
  border-bottom: 1px solid #6f6f6f;
  margin-top: 30px;
}

@media (min-width: 576px) {
  .dashboard__main-section-header {
    font-size: 1.125rem;
  }
}

.dashboard-text-paragraph {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: Roboto,sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media (min-width: 576px) {
  .dashboard-text-paragraph {
    margin-bottom: 40px;
  }
}

.dashboard-mobile-menu {
  text-align: left;
}

.dashboard-mobile-menu__section {
  border-bottom: 1px solid #eaeaea;
  padding: 30px 0;
}

.dashboard-mobile-menu__section:last-child {
  margin-bottom: 120px;
}

.dashboard-mobile-menu__section-heading {
  font-size: 1.25rem;
  font-family: Fira Sans,sans-serif;
  font-weight: 400;
  color: #252525;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
  padding: 15px 20px;
}

@media (min-width: 768px) {
  .dashboard-mobile-menu__section-heading {
    font-size: 1.375rem;
  }
}

.dashboard-mobile-menu__sub-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dashboard-mobile-menu__item-link {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: Roboto,sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 0;
  padding: 15px 20px;
  display: block;
  text-decoration: none;
  border-left: 3px solid rgba(0,0,0,0);
}

.dashboard-mobile-menu__item-link--active {
  border-left: 3px solid #006ac3;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: Roboto,sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 400;
}

.dashboard-mobile-menu__item-link--highlighted {
  background-color: #eaeaea;
}

.dashboard-action-panel__advice-info-button {
  border: 0;
  background: none;
  padding: 0;
  font-size: 1rem;
  font-family: Roboto,sans-serif;
  font-weight: 400;
  color: #006ac3 !important;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
  float: left;
  margin-top: 15px;
}

.dashboard-action-panel__advice-info-button:hover {
  text-decoration: none;
}

.dashboard-action-panel__advice-info-button:focus {
  outline: auto;
}

@media (min-width: 576px) {
  .dashboard-action-panel__advice-info-button {
    border: 0;
    background: none;
    padding: 0;
    font-size: 1rem;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    color: #006ac3 !important;
    text-decoration: underline;
    cursor: pointer;
    float: right;
  }

  .dashboard-action-panel__advice-info-button:hover {
    text-decoration: none;
  }

  .dashboard-action-panel__advice-info-button:focus {
    outline: auto;
  }
}

.funding-summary-box {
  background-color: #f3f4f6;
  padding: 30px 30px 0;
  margin: 30px 0;
  overflow: hidden;
}

.funding-summary-box__column-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.funding-summary-box__item {
  display: inline-block;
  width: 100%;
}

@media (min-width: 576px) {
  .funding-summary-box__item {
    width: 50%;
  }
}

.funding-summary-box__item-title {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: Roboto,sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: Roboto,sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0px;
}

.funding-summary-box__item-title--prominent+dd {
  margin-bottom: 56px;
}

.funding-summary-box__item-value {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: Roboto,sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin-bottom: 30px;
}

.funding-summary-box__item-value .copy-link {
  margin-left: 20px;
}

.notifications__chk-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.notifications__chk-block>:first-child {
  margin-right: 10px;
}

.notifications__chk-block>:last-child {
  margin-left: 10px;
}

@media (max-width: 767px) {
  .notifications__chk-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .notifications__chk-block>* {
    margin: 0 !important;
  }
}

.notifications__chk-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.notifications__chk-desc {
  margin-left: 50px;
  margin-top: 10px;
}

.notifications__email-cta {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  color: #444;
  font-family: Roboto,sans-serif;
  margin: 1em 0;
  line-height: 1.5;
  margin: 40px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Roboto,sans-serif;
}

.notifications__email-cta .input--cta {
  margin-right: 25px;
}

.notifications__email-cta .input--cta .btn {
  margin-top: 0;
}

.notifications__email-cta .spinner {
  max-height: 40px;
}

@media (max-width: 575px) {
  .notifications__email-cta {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .notifications__email-cta .input--cta {
    width: 100%;
    margin-right: 0;
  }
}

.notifications__email-msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 575px) {
  .notifications__email-msg {
    width: 100%;
    margin-top: 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.notifications .input--dynamic {
  max-width: 400px;
}

.notifications .floating-list__item-heading {
  font-size: 1rem;
}

.notifications .checkbox label {
  font-weight: 400;
}

.notifications .invisible {
  display: none;
}

.notifications .did-you-know-intereactive {
  margin: 40px 0;
}

.tabs__tablist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tab__wrapper {
  display: initial;
  position: relative;
}

.tab__wrapper .info-box--text {
  position: absolute;
  top: -2px;
  right: 15px;
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  .tabs__tablist--left {
    -webkit-box-pack: left !important;
        -ms-flex-pack: left !important;
            justify-content: left !important;
    display: block;
  }

  .tab__wrapper {
    display: inline;
  }
}

@media (max-width: 768px) {
  .tabs__tablist {
    display: initial;
  }
}

.tabs__spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px solid #eaeaea;
}

.tabs__tab {
  font-family: Roboto,sans-serif;
  font-size: 16px;
  text-align: left;
  padding: 20px 30px;
  border: none;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  line-height: 1.5;
  cursor: pointer;
  text-decoration: none;
  min-width: 160px;
  background: #f5fcff;
  color: #006ac3;
  border: 1px solid #eaeaea;
  margin: 0;
  max-width: 50%;
  display: inline-block;
  padding: 20px 10px 19px 15px;
}

.tabs__tab .info-box {
  float: right;
}

.tabs__tab-big {
  min-width: 241px;
}

@media (min-width: 992px)and (max-width: 1200px) {
  .tabs__tab-big {
    min-width: 212px !important;
  }
}

@media (min-width: 768px)and (max-width: 992px) {
  .tabs__addplan a {
    margin-left: 10px !important;
  }

  .tabs__wrap {
    width: 150px !important;
  }
}

@media (max-width: 768px) {
  .tabs__tab-big {
    min-width: 260px;
  }

  .add_another_plan_text {
    display: none;
  }

  .tab__icon {
    position: relative;
    top: 5px;
  }

  .tabs__wrap {
    font-size: 12px;
    width: 100px !important;
  }

  .tab__type {
    font-size: 11px;
  }

  .tabs__wrap {
    display: initial;
  }

  .tab__type {
    display: block;
    margin-top: 2px !important;
    font-size: 11px !important;
  }

  .tabs__tab-big {
    min-width: 200px !important;
  }

  .tabs__addplan a {
    margin-left: 8px !important;
  }
}

.tabs__tab--active {
  background: #fff;
  color: #444;
  border-bottom-color: #fff;
  padding-bottom: 20px;
}

.tab__type {
  text-transform: uppercase;
  font-size: 12px;
  color: #777;
  float: right;
  margin-top: 4px;
}

.tab__icon {
  float: left;
  margin-top: 1px;
  max-width: 20px;
  width: 25px;
  height: 15px;
  margin-right: 5px;
  height: initial !important;
}

.tab__icon--mobile {
  float: none;
  padding-right: 15px !important;
}

.tab_icon_minheight {
  min-height: 20px;
}

.tab__icon--chevron {
  float: left;
  margin-top: 1px;
  max-width: 20px;
  width: 25px;
  height: 15px;
  margin-right: 5px;
  height: initial !important;
  max-width: 30px;
  width: 30px;
  margin: -5px;
}

.tab__icon-right {
  float: right;
  margin-right: 0;
}

.tab__more--link {
  padding: 15px;
  cursor: pointer;
  text-align: center;
  background: #fff;
  width: 100%;
  display: block;
  font-size: 16px;
  color: #006ac3;
  text-decoration: none;
}

.tab__more--link:hover {
  background: #f3f4f6;
}

.tab_icon--blue path {
  fill: #006ac3;
}

.tabs__dd {
  border-top: 0;
}

.tabs__dd:nth-child(2) {
  border-left: 0;
}

.tabs__dd:nth-child(3) {
  border-left: 0;
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

.more-right {
  float: right;
  padding-top: 20px;
}

.tab__more {
  position: relative;
  font-size: 16px;
  padding: 20px 15px 19px 15px;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  line-height: 1.5;
  cursor: pointer;
  text-decoration: none;
  background: #f5fcff;
  color: #006ac3;
  border: 1px solid #eaeaea;
  border-top: none;
  margin: 0;
  display: inline-block;
}

.tabs__addplan--mobile a {
  float: none;
  background: #fafafa;
}

.tabs__more {
  margin-left: 25px;
}

.tabs__addplan {
  margin-top: 20px;
}

.tabs__addplan a {
  margin-top: 22px;
  margin-bottom: 5px;
  margin-left: 25px;
  float: none !important;
}

@media (min-width: 992px)and (max-width: 1200px) {
  .tabs__addplan a {
    margin-left: 10px;
  }
}

.tabs__wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 155px;
  display: inline-block;
}

@media (min-width: 1200px) {
  .layout--spacing {
    padding: 1rem 4rem 3rem 4rem;
  }
}

@media (min-width: 992px)and (max-width: 1199px) {
  .layout--spacing {
    padding: 1rem 0 3rem 0;
  }
}

@media (max-width: 991px) {
  .layout--spacing {
    padding: 0 0 1rem 0;
  }
}

@media (min-width: 1200px) {
  .layout--h-spacing {
    padding: 0 4.75rem;
  }
}

@media (min-width: 768px) {
  .layout--no-spacing {
    padding: 0;
  }
}

.layout--sub-action {
  margin-top: 60px;
}

.layout--sub-action button {
  display: inline-block;
}

.discovery__page-paragraph--subhead-definition {
  font-size: .875rem;
  font-family: Georgia,serif;
  font-weight: 200;
  color: #6f6f6f;
}

.discovery__page-paragraph--subhead-definition span::after {
  content: " ";
}

@media (min-width: 992px) {
  .discovery__page-paragraph--subhead-definition {
    margin: -30px 50px 40px;
    padding: 0 50px;
    font-size: .9375rem;
  }
}

.welcome__page-paragraph--subhead-definition {
  font-size: .875rem;
  font-family: Georgia,serif;
  font-weight: 200;
  color: #6f6f6f;
  text-align: center;
  margin: -15px 15px 15px 15px;
}

.welcome__page-paragraph--subhead-definition span::after {
  content: " ";
}

@media (min-width: 992px) {
  .welcome__page-paragraph--subhead-definition {
    font-size: .9375rem;
  }
}

.salary-box {
  background: #f8f8f8;
  margin: 0 -25px 0 -25px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.salary-box .heading {
  font-family: Roboto;
  font-size: 1.25rem;
  font-weight: 400;
}

.salary-box .btn--outline-primary {
  padding: 15px !important;
}

.discovery-form-box {
  background: #fff;
  border: 1px solid #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 28px;
}

.discovery-form-box--mobile-mt {
  margin-top: 24px !important;
}

@media (max-width: 992px) {
  .discovery-form-box {
    margin: 0 -25px 24px;
    border-left: none;
    border-right: none;
  }
}

@media (max-width: 768px) {
  .discovery-form-box .display-row.flex-wrap {
    display: block;
  }
}

@media (min-width: 992px) {
  .discovery-form-box .two-column .display-cell {
    width: 46%;
  }
}

.discovery-form-box .radio input[type=radio],
.discovery-form-box .radio-inline input[type=radio],
.discovery-form-box .checkbox input[type=checkbox],
.discovery-form-box .checkbox-inline input[type=checkbox] {
  margin: auto;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.discovery-projections {
  font-family: Roboto,sans-serif;
}

.discovery-projections .lbl-initial::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border-radius: 50%;
  border: 4px solid #006ac3;
}

.discovery-projections .lbl-recurring::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border-radius: 50%;
  border: 4px solid #fbaa26;
}

.discovery-projections .projected-amount {
  margin: 0 0 0 1rem;
  font-size: 1.25rem;
}

.discovery-projections .projected-numbers {
  font-size: .875rem;
}

.revamp-container {
  max-width: 875px;
}

.page-top-spacing {
  margin-top: 24px;
}

#rp-funding .radio--inline {
  display: inline-block;
  margin-right: 40px;
}

#rp-src-funds .radio--inline {
  display: inline-block;
  margin-right: 40px;
}

.valign-s {
  vertical-align: super;
}

.nomi-flow .discovery-form-box {
  margin: 0 -25px 0;
}

.total-assets-container {
  height: 76px;
  background-color: #fafafa;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  padding: 20px;
}

.total-assets-container .hidden-input {
  display: none;
}

.total-assets-container .net-worth-value {
  margin-left: auto;
}

.resident-img {
  width: 100%;
  padding: .625rem 0;
  margin-bottom: 1rem;
  text-align: center;
}

@media (max-width: 576px) {
  .resident-img {
    height: 11.625rem;
  }
}

.resident-img img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  max-height: 20rem;
}

.multigoal-kyc .display-cell {
  min-width: 300px;
}

.multigoal-kyc .display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 992px) {
  .multigoal-kyc .img-multi {
    margin-top: -60px;
  }
}

.multigoal-kyc .pt-0 {
  padding-top: 0 !important;
}

@media (min-width: 992px) {
  .multigoal-kyc .page-spacing {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  .multigoal-kyc .discovery-form-box {
    margin: 0;
  }
}

.multigoal-kyc .kyc__page-head-sub {
  margin-bottom: 24px;
}

.multigoal-article {
  background-color: #e1ebef;
  margin-top: 128px;
}

.multigoal-article .article-row {
  margin: -64px 0 64px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.multigoal-article .article1-block,
.multigoal-article .article2-block {
  -webkit-box-shadow: 0 2px 3px 1px #ddd;
          box-shadow: 0 2px 3px 1px #ddd;
  background-color: #fff;
}

.multigoal-article .article1-block {
  width: 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-right: 24px;
}

.multigoal-article .article1-block .col-1 {
  width: 320px;
  margin-bottom: -4px;
}

.multigoal-article .article1-block .col-2 {
  background-color: #fff;
  padding: 40px 36px;
}

.multigoal-article .article1-block .col-2 p.heading {
  font-family: Roboto,sans-serif;
  font-size: .875rem;
  line-height: 20px;
  color: #464646;
  margin-bottom: 0;
}

.multigoal-article .article1-block .col-2 p.message {
  margin-top: 8px;
  font-family: Roboto,sans-serif;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 36px;
  color: #252525;
}

.multigoal-article .article2-block {
  width: 33%;
}

.multigoal-article .not-ready-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.multigoal-article .not-ready-card__article-img {
  width: 100%;
}

.multigoal-article .not-ready-card__faq-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 63px;
  background-color: #c3e2fa;
  color: #0051a5;
  font-size: 18px;
  font-family: Roboto,sans-serif;
}

.multigoal-article .not-ready-card__faq-header img {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}

.multigoal-article .not-ready-card__quote {
  position: relative;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  line-height: 1.5;
  color: #464646;
  padding: 69px 24px;
}

.multigoal-article .not-ready-card__quote:before,
.multigoal-article .not-ready-card__quote:after {
  position: absolute;
  font-family: Athelas,"Times New Roman",Times,serif;
  font-size: 55px;
  color: #006ac3;
}

.multigoal-article .not-ready-card__quote:before {
  content: "“";
  left: 24px;
  top: 10px;
}

.multigoal-article .not-ready-card__quote:after {
  content: "”";
  right: 24px;
  bottom: -15px;
}

.multigoal-article .not-ready-card__quote-name,
.multigoal-article .not-ready-card__quote-city {
  font-family: Roboto,sans-serif;
  margin-left: 24px;
}

.multigoal-article .not-ready-card__quote-name {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.56;
  margin-top: 0;
}

.multigoal-article .not-ready-card__quote-city {
  font-size: 0.75rem;
  font-weight: 300;
  margin-bottom: 20px;
}

#w8-form {
  background-color: #444;
}

#w8-form label {
  margin-bottom: 0 !important;
}

#w8-form input {
  font: 20px "Verdana" !important;
  color: #000 !important;
  width: 99%;
}

.w8-body {
  margin: 0px auto 10px;
  padding: 9rem 4rem 5rem 4rem;
  background-color: #fff;
  width: 1224px;
}

.part-bg-color {
  background-color: #ccd4e5;
  padding-bottom: .3rem;
}

.part {
  font: bold 20px Verdana;
  color: #000;
}

.text-h2 {
  color: #002888;
  font: 24px Verdana !important;
  -webkit-margin-before: initial;
}

.text-bold {
  font-weight: bold;
}

.w8-tin {
  width: 35%;
  float: right;
}

.w8-tin-select {
  width: 64.5%;
}

.w8-modal-ul {
  list-style-type: decimal;
}

.w8-modal-text {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #6f6f6f;
  font-family: "Roboto",sans-serif;
  margin: 0;
  display: block;
  line-height: 1.5;
}

.w8invisible {
  display: none;
}

.text-h1 {
  color: #002888;
  font: 28px Verdana !important;
  border: none;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.nopad {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.control-bg-color {
  background-color: #dee3ff !important;
}

.control-label {
  color: #000;
  font: 1.125rem Verdana !important;
}

.form-control {
  height: initial !important;
}

.p-text {
  color: #000;
  font: 20px Verdana !important;
}

.p3-text {
  color: #000;
  font: 17px Verdana !important;
}

.label-text {
  color: #000;
  font: bold 1.125rem Verdana !important;
}

.toolbarheader {
  background-color: #c790f4;
  margin-bottom: .5rem;
  height: 39px;
  border: 1px solid rgba(0,0,0,.5);
  position: relative;
}

.toolbarfieldhighlight {
  background: rgba(0,0,0,0);
  width: 200px;
  height: 28px;
  margin-top: 5px;
  border: none;
  vertical-align: middle;
  float: right;
}

.toolbartext {
  font-family: Arial,Helvetica;
  font-size: 12px;
  color: #000;
  vertical-align: -webkit-baseline-middle;
}

.toolbarformslogo {
  width: 28px;
  height: 28px;
  border: none;
  margin-top: 5px;
  vertical-align: middle;
  float: left;
}

.hr-header {
  border-top: 6px solid #002888;
  margin-bottom: 0 !important;
}

.bg-w8box {
  background-color: #f6f4ef;
  margin-top: .5rem;
  margin-bottom: .5rem;
  border-width: 1.00006px 1.00006px 2.00013px;
  border-bottom-color: #d1d1d1;
  border-bottom-style: solid;
  padding: 5px 0 0 0;
}

.bg-w8panel {
  background-color: #f5f3ef;
}

.input-error {
  border-color: red !important;
}

.no-list-style {
  list-style-type: none;
  margin-left: -20px;
}

.w8-checkbox {
  height: 25px;
  width: 25px;
  margin: 40px 15px;
}

.w8-fr {
  float: right;
}

.w8-fl {
  float: left;
}

.btn-instructions {
  border: none;
  background: rgba(0,0,0,0);
  text-decoration: underline;
  font: bold 20px Verdana;
  color: blue;
}

.btn-instruction--pad {
  padding-left: 180px;
}

.btn-primary {
  color: #fff;
  background-color: #006ac3;
  border-color: #006ac3;
}

.part3_1 {
  padding: 0;
  width: 20%;
}

.pl-21 {
  padding-left: 21%;
}

.w40 {
  width: 49%;
}

.pb45 {
  padding-bottom: 3rem !important;
}

.ml-m5 {
  margin-left: -5px !important;
}

.w8-select-2 {
  display: inline;
  font: 1.18rem "Verdana" !important;
  color: #000 !important;
  padding-right: 0;
  padding-left: 0;
}

.asterisk-red {
  color: red;
}

.text-error {
  color: #be1e2d;
  font-family: "Verdana";
  font-size: 18px;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  .w8-page-IEbreak {
    page-break-inside: avoid;
  }

  .w8-ie-print {
    padding-right: 4rem;
  }

  .w40 {
    width: 50%;
  }

  .w8-select-2 {
    font: 1.15rem "Verdana" !important;
  }
}

.d-inline {
  display: inline;
}

.sr-only {
  position: absolute;
  left: -99999px;
  height: 0;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.printable-page svg.investease-logo--BlueLogoWhiteText #divider,
.printable-page svg.investease-logo--BlueLogoWhiteText #label,
.printable-page svg.investease-logo--BlueLogoWhiteText #copyright {
  fill: #0051a5;
}

.printable-page .header {
  background: none;
}

.printable-page .header .header__tabs-wrapper {
  display: none;
}

.printable-page .header .header--dashboard-blue {
  background: none;
}

.printable-page .header .header__contact-icon {
  display: none;
}

.printable-page .header .header__contact-text {
  color: #000;
}

.printable-page .header .header__contact-text .header__contact-link {
  color: #000;
}

@media (max-width: 1200px) {
  .printable-page .header--dashboard:not(.header--print) {
    position: static;
  }
}

.printable-page .dashboard-banner-background {
  background: none;
  min-height: 0;
  padding-top: 10px;
}

.printable-page .dashboard-page__header {
  background: none;
  padding: 0;
}

.printable-page .dashboard-page__header .dashboard-page__header-heading {
  color: #000;
}

.printable-page .dashboard-page__header--has-widget {
  display: block;
  margin-top: -80px;
}

.printable-page .dashboard-page__header--has-widget .dashboard-page__header-label {
  color: #000;
}

.printable-page .form-progress-container {
  visibility: hidden;
}

.printable-page .info-header {
  display: none;
}

.printable-page .sidebar {
  display: none;
}

.printable-page .btn,
.printable-page a.btn,
.printable-page a.text-link {
  display: none;
}

.printable-page .radio input[type=radio]:checked+label::before {
  background: none;
  content: "•";
  font-size: 56px;
  line-height: 28px;
  text-indent: 5px;
}

.printable-page .footer .footer-big {
  background: none;
  color: #000;
  padding: 0;
}

.printable-page .footer .footer-small {
  background: none;
  color: #000;
  padding: 0;
}

.printable-page .footer .footer-small .footer-small__links {
  display: none;
}

.printable-page .footer .footer-small .footer-small__copyright {
  color: #000;
}

@media print {
  svg.investease-logo--BlueLogoWhiteText #divider,
  svg.investease-logo--BlueLogoWhiteText #label,
  svg.investease-logo--BlueLogoWhiteText #copyright {
    fill: #0051a5;
  }

  .header {
    background: none;
  }

  .header .header__tabs-wrapper {
    display: none;
  }

  .header .header--dashboard-blue {
    background: none;
  }

  .header .header__contact-icon {
    display: none;
  }

  .header .header__contact-text {
    color: #000;
  }

  .header .header__contact-text .header__contact-link {
    color: #000;
  }
}

@media print and (max-width: 1200px) {
  .header--dashboard:not(.header--print) {
    position: static;
  }
}

@media print {
  .dashboard-banner-background {
    background: none;
    min-height: 0;
    padding-top: 10px;
  }

  .dashboard-page__header {
    background: none;
    padding: 0;
  }

  .dashboard-page__header .dashboard-page__header-heading {
    color: #000;
  }

  .dashboard-page__header--has-widget {
    display: block;
    margin-top: -80px;
  }

  .dashboard-page__header--has-widget .dashboard-page__header-label {
    color: #000;
  }

  .form-progress-container {
    visibility: hidden;
  }

  .info-header {
    display: none;
  }

  .sidebar {
    display: none;
  }

  .btn,
  a.btn,
  a.text-link {
    display: none;
  }

  .radio input[type=radio]:checked+label::before {
    background: none;
    content: "•";
    font-size: 56px;
    line-height: 28px;
    text-indent: 5px;
  }

  .footer .footer-big {
    background: none;
    color: #000;
    padding: 0;
  }

  .footer .footer-small {
    background: none;
    color: #000;
    padding: 0;
  }

  .footer .footer-small .footer-small__links {
    display: none;
  }

  .footer .footer-small .footer-small__copyright {
    color: #000;
  }
}


/*# sourceMappingURL=app-1c74156dddb505ac678ada34d46c2a29.css.map*/