/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}




/* code clignoter ajouter*/

.clignote {
  color: #008000;
  animation: clignote 3s linear infinite;
}
@keyframes clignote {
  50% {
    opacity: 0;
  }
}
.clignoter {
  color: #0c035f;
  animation: clignote 2s linear infinite;
}
@keyframes clignote {
  50% {
    opacity: 0;
  }
}


.successRedirectText {
  font-size: 18px;
  margin-top: 20px;
}






audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/**
 * The following are just the overrides for TWBS
 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
}

.loginSignUpSeparator {
  border-top: 1px solid #cbd2d6;
  position: relative;
  margin-top: 4.72%;
  height: 15px;
  text-align: center;
}
.loginSignUpSeparator .textInSeparator {
  background-color: #fff;
  padding: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
fieldset {
  padding: 0;
  margin: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
}
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;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
.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;
  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;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio 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;
}
.form-group-sm select.form-control {
  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;
}
.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;
}
.form-group-lg select.form-control {
  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;
}
.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;
  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;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
}
.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;
}
@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: -1%;
  margin-right: -1%;
}
@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: 1%;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  display: table;
}
.clearfix:after,
.modal-header:after,
.modal-footer:after,
.form-horizontal .form-group:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
/**
 * DO NOT EDIT THIS FILE AS IT'S GENERATED CODE.
 * PLEASE NOTE: If you have specific icon needs, place them in your project's own Less file.
*/
/*
 * Use this for local testing
 *
@font-face {
	font-family: 'consumer-icons';

	src: url('fonts/ConsumerIcons-Regular.eot');
	src: url('fonts/ConsumerIcons-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/ConsumerIcons-Regular.woff2') format('woff2'),
		url('fonts/ConsumerIcons-Regular.woff') format('woff'),
		url('fonts/ConsumerIcons-Regular.ttf')  format('truetype'),
		url('fonts/ConsumerIcons-Regular.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg');

	font-style: normal;
	font-weight: 400;
} */
/*
 * Use this for production
 *
 */

/*
 * Use this for containing an icon for vertical and
 * horizontal centering. Just apply the width and height
 * to a custom class applied to this same element.
 */
.icon-container {
  display: inline-table;
  margin: auto;
  padding-top: 0.1rem;
}
.icon-container .icon {
  vertical-align: middle;
  display: table-cell;
  height: 1em;
}
.icon-container .icon:before {
  vertical-align: 0.15em;
}
.icon {
  font-family: "consumer-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon:before {
  font-size: 1.3em;
}
.icon-small:before {
  font-size: 2rem;
}
.icon-medium:before {
  font-size: 3.1rem;
}
.icon-large:before {
  font-size: 7.5rem;
}
.icon-slider-small:before {
  content: "\205E";
}
.icon-slider-xsmall:before,
.icon-slider-half-small:before {
  content: "\205D";
}
.icon-close-small:before {
  content: "\2716";
}
.icon-add-small:before {
  content: "\002B";
}
.icon-arrow-down-small:before {
  content: "\2193";
}
.icon-arrow-up-small:before {
  content: "\2191";
}
.icon-arrow-left-small:before {
  content: "\2190";
}
.icon-arrow-right-small:before {
  content: "\2192";
}
.icon-arrow-down-half-small:before {
  content: "\21E3";
}
.icon-arrow-up-half-small:before {
  content: "\21E1";
}
.icon-arrow-left-half-small:before {
  content: "\21E0";
}
.icon-arrow-right-half-small:before {
  content: "\21E2";
}
.icon-arrow-back-small:before {
  content: "\21E6";
}
.icon-clear-half-small:before,
.icon-cancel-small:before {
  content: "\274E";
}
.icon-checkmark-large:before,
.icon-checkmark-small:before {
  content: "\2705";
}
.icon-checkmark-sm:before,
.icon-checkmark-small-bold:before {
  content: "\2611";
}
.icon-action-xsmall:before,
.icon-action-arrow-half-small:before {
  content: "\25BA";
}
.icon-open-list-small:before,
.icon-action-arrow-down-half-small:before {
  content: "\25BC";
}
.icon-close-list-small:before,
.icon-action-arrow-up-half-small:before {
  content: "\25B2";
}
.icon-help-xsmall:before,
.icon-tooltip-outline-small:before,
.icon-tooltip-small:before {
  content: "\FE16";
}
.icon-circled-info-xsmall:before,
.icon-info-small:before,
.icon-info-outline-small:before {
  content: "\2139";
}
.icon-positive-xsmall:before,
.icon-positive-small:before,
.icon-circled-checkmark-small:before {
  content: "\2714";
}
.icon-attention-xsmall:before,
.icon-attention-small:before,
.icon-attention-outline-small:before {
  content: "\FE15";
}
.icon-critical-xsmall:before,
.icon-critical-small:before {
  content: "\26A0";
}
.icon-info-large:before {
  content: "\24D8";
}
.icon-positive-large:before,
.icon-circled-checkmark-large:before {
  content: "\2713";
}
.icon-attention-large:before {
  content: "\2762";
}
.icon-critical-large:before {
  content: "\2757";
}
.icon-settings-small:before,
.icon-gear:before {
  content: "\2699";
}
.icon-search-small:before,
.icon-magnifying-glass:before {
  content: "\1F50D";
}
.icon-notification-small:before,
.icon-bell-small:before,
.icon-bell:before {
  content: "\1F514";
}
.icon-link-xsmall:before,
.icon-chain-link-xsmall:before,
.icon-chain-link:before,
.icon-link-small:before {
  content: "\1F517";
}
.icon-calendar-small:before {
  content: "\1F4C5";
}
.icon-calendar:before {
  content: "\1F4C6";
}
.icon-photo-small:before,
.icon-camera:before,
.icon-camera-small:before {
  content: "\1F4F7";
}
.icon-photo-add-small:before,
.icon-camera-add:before {
  content: "\E614";
}
.icon-profile-large:before,
.icon-avatar:before {
  content: "\1F468";
}
.icon-profile-add-large:before {
  content: "\1F469";
}
.icon-pp-logo:before,
.icon-pp-logo-half:before,
.icon-pp-logo-outline:before {
  content: "\E499";
}
.icon-profile-small:before {
  content: "\2687";
}
.icon-delete-small:before {
  content: "\E609";
}
.icon-edit-small:before {
  content: "\270E";
}
.icon-lock-small:before {
  content: "\1F512";
}
.icon-pdf-small:before {
  content: "\1F4CE";
}
.icon-contact-small:before {
  content: "\1F4AC";
}
.icon-undo-small:before {
  content: "\21BA";
}
.icon-simple-list-small:before {
  content: "\1D119";
}
.icon-detailed-list-small:before {
  content: "\1D118";
}
.icon-print-small:before {
  content: "\2399";
}
.icon-us-dollar-outline-small:before {
  content: "\0024";
}
.icon-visa-logo:before {
  content: "\FF36";
}
.icon-mastercard-logo:before {
  content: "\FF2D";
}
.icon-maestro-logo:before {
  content: "\FF4D";
}
.icon-amex-logo:before {
  content: "\FF21";
}
.icon-discover-logo:before {
  content: "\FF24";
}
.icon-hiper-logo:before {
  content: "\FF28";
}
.icon-hipercard-logo:before {
  content: "\FF48";
}
.icon-elo-logo:before {
  content: "\FF25";
}
.icon-jcb-logo:before {
  content: "\FF2A";
}
.icon-unionpay-logo:before {
  content: "\FF23";
}
.icon-card-small:before,
.icon-card-half-solid:before {
  content: "\1F4B3";
}
.icon-bank-small:before,
.icon-bank-half-solid:before {
  content: "\1F3E6";
}
.icon-add-fi-large:before {
  content: "\1F45B";
}
.icon-star-small:before {
  content: "\2605";
}
.icon-star-outline-small:before {
  content: "\2606";
}
.icon-desktop-small:before {
  content: "\E610";
}
.icon-mobile-small:before,
.icon-phone-solid:before {
  content: "\1F4F1";
}
.icon-laptop-small:before {
  content: "\1F4BB";
}
.icon-tablet-small:before {
  content: "\E608";
}
.icon-send-money:before {
  content: "\1F4B8";
}
.icon-request-money:before {
  content: "\1F4B5";
}
.icon-add-money:before {
  content: "\E600";
}
.icon-send-check:before {
  content: "\E508";
}
.icon-transfer-money-medium:before {
  content: "\E601";
}
.icon-international-transfer:before {
  content: "\E604";
}
.icon-photo:before {
  content: "\E611";
}
.icon-gift-cards:before {
  content: "\E500";
}
.icon-credit-card:before {
  content: "\E501";
}
.icon-truck:before {
  content: "\1F69A";
}
.icon-email:before {
  content: "\2709";
}
.icon-bank-check:before {
  content: "\E502";
}
.icon-holiday:before {
  content: "\E503";
}
.icon-gift:before {
  content: "\1F381";
}
.icon-wallet:before {
  content: "\E504";
}
.icon-play-video:before {
  content: "\25B7";
}
.icon-heart:before {
  content: "\2661";
}
.icon-shield:before {
  content: "\1F6E1";
}
.icon-tunes:before {
  content: "\266B";
}
.icon-invoice:before {
  content: "\1F5CE";
}
.icon-shopping-bag:before {
  content: "\1F6CD";
}
.icon-phone:before {
  content: "\E505";
}
.icon-tag:before {
  content: "\E506";
}
.icon-delivery:before {
  content: "\E607";
}
.icon-questionmark:before {
  content: "\FF1F";
}
.icon-coupons-medium:before,
.icon-cut-coupons:before {
  content: "\E612";
}
.icon-register:before {
  content: "\E507";
}
.icon-house:before {
  content: "\2302";
}
.icon-gift-card:before {
  content: "\E606";
}
.icon-messages:before {
  content: "\1F4AD";
}
.icon-paypal-me:before {
  content: "\E509";
}
.icon-money-bag:before {
  content: "\1F4B0";
}
.icon-chip-pin:before {
  content: "\E605";
}
.icon-boleto-ready:before {
  content: "\E602";
}
.icon-boleto-topup:before {
  content: "\E603";
}
.icon-clock-pay:before {
  content: "\1F557";
}
.icon-speeding-cart:before {
  content: "\E613";
}
.icon-store-medium:before {
  content: "\1F3EC";
}
/**
 * DO NOT EDIT THIS FILE AS IT'S GENERATED CODE.
 * Design: PayPal UI (formerly Foundations UED), San Jose, CA
 * Engineering: Consumer Web, Austin, Tx
 * Note: If modifications are needed, don't modify this file! Either override or make a PR to:
 * https://github.paypal.com/jlowery/paypal-vxpattern-lib
 */
/* Icon Fonts */
/* Z-index list */
/* user for a bird's eye view of components based on z-axis */
/* for example, if you want to put a button in header, just assign z-index of that button to @zindexHeader */
/* these will overwrite the bootstrap pre defined variables */
/* TODO: check the clean the non-needed modal styles in bootstrap */
/* the same as bootstrap one, just overwrite */
/* what about larger phones like gs3? what about phablets like the note?
/* responsive breakpoints */
/* Setting for Sidepanel */
/* This is not used by all side panels, only for the default one */
/* Navigation */
/* Spinner */
/**
 * DO NOT EDIT THIS FILE AS IT'S GENERATED CODE.
 * Design: PayPal UI (formerly Foundations UED), San Jose, CA
 * Engineering: Consumer Web, Austin, Tx
 * Note: If modifications are needed, don't modify this file! Either override or make a PR to:
 * https://github.paypal.com/jlowery/paypal-vxpattern-lib
 */
html {
  box-sizing: border-box;
}
/* csslint ignore:start */
*,
*:before,
*:after {
  box-sizing: inherit;
}
/* csslint ignore:end */
/* Setting these elements to height of 100% ensures that
 * .vx_foreground-container fully covers the whole viewport
 */
html,
body {
  height: 100%;
}
/* This is for mounting your React application to,
 * it should be the direct child of the body element.
 * Yes, this has an ID, but that is mostly because I
 * want the ID option for those that want perf. Don't
 * normally do this.
 */
#vx_root,
.vx_root {
  height: 100%;
}
/* This wraps the foreground or main part of the app.
 * It's purpose is to provide the "front" layer of the app and
 * allow the "back" layer to exist behind it.
 */
.vx_foreground-container {
  position: relative;
  min-height: 100%;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 0;
  z-index: 800;
  background: #f5f7fa;
  -webkit-transition: left 250ms, right 250ms;
  -o-transition: left 250ms, right 250ms;
  transition: left 250ms, right 250ms;
}
.vx_mainContent {
  max-width: 1024px;
  margin: 0 auto;
  padding: 72px 0 9rem;
  position: relative;
}
.vx_a11yText {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
@media (max-width: 768px) {
  .vx_hidden-phone {
    display: none !important;
  }
  .vx_foreground-container {
    width: 100%;
    min-height: 100%;
  }
  .vx_foreground-container.vx_hasNavAlert {
    padding-top: 0;
  }
  .vx_mainContent {
    padding-top: 0;
  }
}
/**
 * @fileOverview Contains type treatment for PayPal's new VX Patterns
 * @name type-vxPtrn
 * @author jlowery
 * @notes The below styles are mobile first
 */
body {
  font-size: inherit !important;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}
.vx_text-xl {
  font-size: 3.75rem;
  line-height: 4.5rem;
  font-weight: 300;
  text-transform: none;
  font-family: "PayPal-Sans-Big", Helvetica Neue, Arial, sans-serif;
}
h1,
.vx_text-1 {
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 300;
  text-transform: none;
  font-family: "PayPal-Sans-Big", Helvetica Neue, Arial, sans-serif;
}
.vx_text-1_regular {
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 400;
  text-transform: none;
  font-family: "PayPal-Sans-Big", Helvetica Neue, Arial, sans-serif;
}
h2,
.vx_text-2 {
  font-size: 0.9375rem;
  line-height: 2.25rem;
  font-weight: 300;
  text-transform: none;
  font-family: "PayPal-Sans-Big", Helvetica Neue, Arial, sans-serif;
}
.vx_text-2_regular {
  font-size: 0.9375rem;
  line-height: 2.25rem;
  font-weight: 400;
  text-transform: none;
  font-family: "PayPal-Sans-Big", Helvetica Neue, Arial, sans-serif;
}
h3,
.vx_text-3 {
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 400;
  text-transform: none;
  font-family: "PayPal-Sans-Big", Helvetica Neue, Arial, sans-serif;
}
.vx_text-3_regular {
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 400;
  text-transform: none;
  font-family: "PayPal-Sans-Big", Helvetica Neue, Arial, sans-serif;
}
.vx_text-3_lighter {
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 300;
  text-transform: none;
  font-family: "PayPal-Sans-Big", Helvetica Neue, Arial, sans-serif;
}
h4,
.vx_text-4 {
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 300;
  text-transform: none;
  font-family: "PayPal-Sans-Big", Helvetica Neue, Arial, sans-serif;
}
.vx_text-4_regular {
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 400;
  text-transform: none;
  font-family: "PayPal-Sans-Big", Helvetica Neue, Arial, sans-serif;
}
.vx_text-body-lg,
.cw_tile-headerLink,
.cw_tile-errorHeader {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 400;
  text-transform: none;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
}
.vx_text-body-md {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-weight: 400;
  text-transform: none;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
}
.vx_text-body-md_medium {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-weight: 500;
  text-transform: none;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
}
.vx_text-body-sm {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 400;
  text-transform: none;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
}
.vx_text-body-sm_medium {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 500;
  text-transform: none;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
}
.vx_text-block {
  padding: 1.5rem 1.5rem 0.75rem;
}
.vx_reverse-contrast {
  background: #2c2e2f;
  color: #ffffff;
}
.vx_reverse-contrast .vx_secondary-text {
  color: #cbd2d6;
}
.vx_reverse-contrast .small-text {
  font-weight: 500;
}
.vx_text-body,
p,
li,
dd,
dt,
label,
input,
textarea,
pre,
code {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-weight: 400;
  text-transform: none;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
}
.vx_text-body_secondary {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-weight: 500;
  text-transform: none;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
}
.vx_text-legal {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 400;
  text-transform: none;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
  color: #6c7378;
}
ul,
ol {
  padding: 0;
  margin: 0 0 0.75rem 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
li {
  line-height: 1.5rem;
}
dl {
  margin-bottom: 1.5rem;
}
dt,
dd {
  line-height: 1.5rem;
}
dt {
  font-weight: 500;
}
dd {
  margin-left: 0.75rem;
}
.vx_unstyled-list {
  list-style: none;
  padding: 0;
}
.vx_text-5 {
  font-size: 0.9375rem;
  line-height: 1.6;
  font-weight: 500;
  text-transform: none;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
}
.vx_text-5_lighter {
  font-size: 0.9375rem;
  line-height: 1.6;
  font-weight: 400;
  text-transform: none;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
}
.vx_text-6 {
  font-size: 0.8125rem;
  line-height: 1.84615385;
  font-weight: 500;
  text-transform: none;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
}
.vx_text-6_lighter {
  font-size: 0.8125rem;
  line-height: 1.84615385;
  font-weight: 400;
  text-transform: none;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
}
@keyframes vx_spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes vx_fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes vx_fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.vx_tag,
.vx_tag-pending,
.vx_tag-warning,
.vx_tag-critical,
.vx_tag-success {
  display: inline-block;
  height: 0.8125rem;
  line-height: 0.625rem;
  padding: 0 0.1875rem 0.0625rem 0.1875rem;
  border-radius: 3px;
  font-size: 0.625rem;
  font-weight: 500;
  text-transform: uppercase;
  border: 1px solid #2c2e2f;
  color: #2c2e2f;
}
.vx_tag-pending {
  border: 1px solid #640487;
  color: #640487;
}
.vx_tag-warning {
  border: 1px solid #d64003;
  color: #d64003;
}
.vx_tag-critical {
  border: 1px solid #d20000;
  color: #d20000;
}
.vx_tag-success {
  border: 1px solid #018065;
  color: #018065;
}
/*
* @name buttons
* @description All defined button styles and states belong here, including any helper class button style options, like `vx_btn-secondary` or `vx_btn-medium` etc.
*
* @group elements
*/

.vx_btn {
  background-color: #181818;
  border-radius: 1.5rem;
  border: 0.0625rem solid #181818;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
  min-width: 6rem;
  padding: 0.6875rem 1.4375rem;
  text-align: center;
  text-decoration: none;
  transition: color 240ms ease, background-color 240ms ease,
    border-color 240ms ease, box-shadow 240ms ease;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
}
.vx_btn:hover,
.vx_btn:focus,
.vx_btn:active,
.vx_btn:visited {
  color: #ffffff;
}
.vx_btn:hover,
.vx_btn:focus,
.vx_btn:active {
  background-color: rgb(134, 12, 12);
  border-color: rgb(134, 12, 12);
}
.vx_btn:hover {
  text-decoration: none;
}
.vx_btn:active,
.vx_btn:focus {
  outline: none;
  text-decoration: underline;
}
.vx_btn + .vx_btn {
  margin-left: 0.75rem;
}
.vx_btn.vx_btn-block {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
.vx_btn_reversed {
  background-color: #ffffff;
  color: #181818;
  border-color: #ffffff;
}
.vx_btn_reversed:visited {
  color: #181818;
}
.vx_btn_reversed:hover,
.vx_btn_reversed:focus,
.vx_btn_reversed:active {
  background-color: #f5f7fa;
  border-color: #f5f7fa;
  color: rgb(134, 12, 12);
}
.vx_btn-secondary {
  background: none;
  color: #181818;
  border-color: #181818;
}
.vx_btn-secondary:visited {
  color: #181818;
}
.vx_btn-secondary:hover,
.vx_btn-secondary:focus,
.vx_btn-secondary:active {
  background: none;
  border-color: rgb(134, 12, 12);
  box-shadow: 0 0 0 0.0625rem rgb(134, 12, 12) inset;
  color: rgb(134, 12, 12);
}
.vx_btn-secondary_reversed {
  background: none;
  color: #ffffff;
  border-color: #ffffff;
}
.vx_btn-secondary_reversed:visited {
  color: #ffffff;
}
.vx_btn-secondary_reversed:hover,
.vx_btn-secondary_reversed:focus,
.vx_btn-secondary_reversed:active {
  background: none;
  border-color: #ffffff;
  box-shadow: 0 0 0 0.0625rem #ffffff inset;
  color: #ffffff;
}
.vx_btn-medium {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  min-width: 4.5rem;
  padding: 0.5rem 1.0625rem;
}
.vx_btn-small {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  min-width: 3.75rem;
  padding: 0.3125rem 0.875rem;
}
.vx_btn-icon {
  background: none;
  color: #181818;
  border-color: #181818;
  padding-top: 0.57142857rem;
  padding-bottom: 0.57142857rem;
  padding-left: 0.57142857rem;
}
.vx_btn-icon:visited {
  color: #181818;
}
.vx_btn-icon:hover,
.vx_btn-icon:focus,
.vx_btn-icon:active {
  background: none;
  border-color: rgb(134, 12, 12);
  box-shadow: 0 0 0 0.0625rem rgb(134, 12, 12) inset;
  color: rgb(134, 12, 12);
}
.vx_btn-icon > span {
  display: inline-block;
  vertical-align: middle;
}
.vx_btn-icon .vx_icon {
  margin-top: -0.25em;
  height: 0;
}
.vx_btn-icon .vx_icon:before {
  line-height: 0;
}
.vx_btn-icon.vx_btn-medium {
  padding-top: 0.41666667rem;
  padding-bottom: 0.41666667rem;
  padding-left: 0.41666667rem;
}
.vx_btn-icon.vx_btn-small {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  top: 1.875rem;
  left: 1.125rem;
}
.vx_btn-icon.vx_btn_reversed {
  background: none;
  color: #ffffff;
  border-color: #ffffff;
}
.vx_btn-icon.vx_btn_reversed:visited {
  color: #ffffff;
}
.vx_btn-icon.vx_btn_reversed:hover,
.vx_btn-icon.vx_btn_reversed:focus,
.vx_btn-icon.vx_btn_reversed:active {
  background: none;
  border-color: #ffffff;
  box-shadow: 0 0 0 0.0625rem #ffffff inset;
  color: #ffffff;
}
.vx_btn-group,
.vx_btn-group_stacked {
  text-align: center;
}
.vx_btn-group_stacked .vx_btn,
.vx_btn-group_stacked .vx_btn-small,
.vx_btn-group_stacked .vx_btn-medium {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
/*** DEPRECATED ****/
.vx_addBtn-primary,
.vx_addBtn-secondary {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  background: none;
  border: none;
  color: #181818;
  padding-left: 0.125rem;
  cursor: pointer;
}
.vx_addBtn-primary:before,
.vx_addBtn-secondary:before {
  content: "\002B";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "consumer-icons";
  line-height: normal;
  font-size: 1.1rem;
  font-weight: bolder;
  display: inline-block;
}
.vx_addBtn-primary:hover,
.vx_addBtn-secondary:hover {
  color: #005ea6;
  text-decoration: none;
}
.vx_addBtn-primary:before {
  color: #ffffff;
  background: #181818;
  border-radius: 100%;
  padding: 0 4px 3px;
  box-shadow: 0 1px 2px #cbd2d6;
  margin-right: 12px;
}
.vx_addBtn-secondary:before {
  margin-right: 5px;
}
.vx_backBtn {
  background: none;
  border: none;
  color: #181818;
  font-weight: normal;
  padding: 0;
}
.vx_backBtn:focus,
.vx_backBtn:active,
.vx_backBtn:hover {
  color: #005ea6;
  text-decoration: none;
}
.vx_backBtn:focus span,
.vx_backBtn:active span,
.vx_backBtn:hover span {
  text-decoration: underline;
}
.vx_backBtn:before {
  font-family: "consumer-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\21E6";
  display: inline-block;
  font-size: 1.5em;
  vertical-align: initial;
  padding-right: 0.1em;
}
[dir="rtl"] .vx_backBtn:before {
  vertical-align: middle;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.vx_btn-link {
  background: none;
  border: none;
  color: #181818;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: center;
  text-decoration: none;
  padding: 0;
  cursor: pointer;
}
.vx_btn-link:hover,
.vx_btn-link:focus,
.vx_btn-link:active {
  color: rgb(134, 12, 12);
  text-decoration: underline;
}
/* Mixin for placeholder */
.vx_form-control {
  width: 100%;
  height: 50px;
  padding: 12.5px;
  border: 1px solid #9da3a6;
  border-radius: 5px;
  background: #ffffff;
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
}
.vx_form-control:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.vx_form-control:hover,
.vx_form-control:focus,
.vx_form-control:active,
.vx_form-control.vx_is-active {
  border-color: #009cde;
}
.vx_form-control[disabled],
.vx_form-control[disabled]:hover,
.vx_form-control[disabled]:active,
.vx_form-control.vx_is-disabled,
.vx_form-control.vx_is-disabled:hover,
.vx_form-control.vx_is-disabled:active {
  border-color: #cbd2d6;
  background: #f5f7fa;
  color: #6c7378;
  cursor: default;
}
.vx_form-group,
.vx_form-group_hiddenLabel {
  padding-top: 1em;
  text-align: left;
}
.vx_form-group label,
.vx_form-group_hiddenLabel label {
  font-weight: 500;
}
.vx_form-group_hiddenLabel label {
  position: absolute;
  left: -999em;
}
input.vx_has-error {
  background: #ffffff;
  border-color: #d20000;
}
.vx_has-error,
.vx_has-error input,
.vx_has-error label,
input.vx_has-error,
label.vx_has-error {
  color: #d20000;
}
.vx_has-error input,
.vx_has-error select,
.vx_has-error input:hover,
.vx_has-error input:active,
input:focus input.vx_has-error,
input.vx_has-error:hover,
input.vx_has-error:active,
input.vx_has-error:focus {
  background: #ffffff;
  border-color: #d20000;
}
.vx_has-error .vx_form-control_complex {
  border-color: #d20000;
}
.vx_has-error .vx_form-control-icon {
  color: #d20000;
}
.vx_has-error .vx_selectIcon_error {
  position: relative;
  display: block;
  text-align: right;
  height: 0;
  font-family: "consumer-icons";
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 0;
  -webkit-font-smoothing: antialiased;
}
.vx_has-error .vx_selectIcon_error:before {
  content: "\26A0";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.58rem;
  position: absolute;
  right: 1.25em;
  top: -1em;
}
.vx_selectIcon_error {
  display: none;
}
.vx_form-control_complex {
  padding: 0;
  display: table;
  table-layout: fixed;
  height: auto;
}
.vx_form-control_complex input {
  background: none;
  border: none;
  display: table-cell;
  width: 100%;
  padding: 12px;
  height: 48px;
}
.vx_form-control_complex input:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.vx_form-control_complex input:hover {
  background: none;
}
.vx_form-control-icon,
.vx_form-control-error-icon {
  display: table-cell;
  width: 1.5em;
  min-width: 1.5em;
  height: auto;
  color: #9da3a6;
  text-align: center;
  vertical-align: middle;
  position: relative;
}
.vx_form-control-icon:before,
.vx_form-control-error-icon:before {
  display: inline;
}
.vx_form-control-icon {
  padding-left: 0.4em;
}
.vx_form-control-error-icon {
  width: 1px;
  min-width: 1px;
  visibility: hidden;
}
.vx_form-control-icon + input {
  padding-left: 0.5em;
}
label.vx_has-error-with-message,
input.vx_has-error-with-message,
.vx_form-control_complex.vx_has-error-with-message {
  color: #d20000;
}
input.vx_has-error-with-message,
.vx_form-control_complex.vx_has-error-with-message {
  background: #ffffff;
  border-color: #d20000;
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.vx_has-message > input,
.vx_has-error-with-message > input,
.vx_has-message > .vx_form-control_complex,
.vx_has-error-with-message > .vx_form-control_complex {
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.vx_has-message.hasFocus:after,
.vx_has-error-with-message.hasFocus:after {
  color: #d20000;
}
.vx_has-error-with-message > label,
.vx_has-error-with-message > .vx_form-control_complex {
  color: #d20000;
}
.vx_has-error-with-message > input,
.vx_has-error-with-message > .vx_form-control_complex {
  background: #ffffff;
  border-color: #d20000;
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.vx_has-error-with-message .vx_form-control-message {
  background: #fff7f7;
  border: 1px solid #d20000;
  border-top-width: 0;
}
.vx_has-error-with-message .vx_form-control-icon {
  color: #d20000;
}
.vx_has-error-with-message.hasFocus:after {
  color: #d20000;
}
.vx_has-error .vx_form-control_complex .vx_form-control-error-icon,
.vx_has-error-with-message
  .vx_form-control_complex
  .vx_form-control-error-icon {
  display: table-cell;
  visibility: visible;
  width: 1.5em;
  color: #d20000;
  text-align: center;
}
.vx_form-control-message {
  display: block;
  background: #f5fbfe;
  padding: 0.5em 1em;
  border: 1px solid #9da3a6;
  border-top-width: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
/*********************************
 *       FLOATING LABEL          *
 *********************************/
.vx_floatingLabel,
.vx_floatingLabel_complex,
.vx_floatingLabel_active {
  position: relative;
  padding: 0;
  margin-top: 15px;
  background: white;
  border-radius: 5px;
  text-align: left;
}
.vx_floatingLabel.vx_floatingLabel_complex > .vx_form-control,
.vx_floatingLabel_complex.vx_floatingLabel_complex > .vx_form-control,
.vx_floatingLabel_active.vx_floatingLabel_complex > .vx_form-control {
  position: relative;
  display: table-cell;
  height: 48px;
}
.vx_floatingLabel.vx_floatingLabel_complex > .vx_form-control input,
.vx_floatingLabel_complex.vx_floatingLabel_complex > .vx_form-control input,
.vx_floatingLabel_active.vx_floatingLabel_complex > .vx_form-control input {
  height: 48px;
}
.vx_floatingLabel:before,
.vx_floatingLabel_complex:before,
.vx_floatingLabel_active:before,
.vx_floatingLabel:after,
.vx_floatingLabel_complex:after,
.vx_floatingLabel_active:after,
.vx_floatingLabel.vx_floatingLabel_complex > .vx_form-control:before,
.vx_floatingLabel_complex.vx_floatingLabel_complex > .vx_form-control:before,
.vx_floatingLabel_active.vx_floatingLabel_complex > .vx_form-control:before,
.vx_floatingLabel.vx_floatingLabel_complex > .vx_form-control:after,
.vx_floatingLabel_complex.vx_floatingLabel_complex > .vx_form-control:after,
.vx_floatingLabel_active.vx_floatingLabel_complex > .vx_form-control:after {
  content: attr(data-label-content);
  position: absolute;
  left: 0;
  padding: 0 15px;
  line-height: 48px;
  margin: 1px;
  transition: opacity 0.25s ease-out;
  z-index: 0;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  color: #6c7378;
}
.vx_floatingLabel.vx_floatingLabel > .vx_form-control:before,
.vx_floatingLabel_complex.vx_floatingLabel > .vx_form-control:before,
.vx_floatingLabel_active.vx_floatingLabel > .vx_form-control:before {
  line-height: 50px;
}
.vx_floatingLabel:after,
.vx_floatingLabel_complex:after,
.vx_floatingLabel_active:after,
.vx_floatingLabel.vx_floatingLabel_complex > .vx_form-control:after,
.vx_floatingLabel_complex.vx_floatingLabel_complex > .vx_form-control:after,
.vx_floatingLabel_active.vx_floatingLabel_complex > .vx_form-control:after {
  top: -10px;
  left: 0;
  font-size: 12px;
  color: #6c7378;
  font-weight: 500;
  transition: opacity 0.4s ease-in-out, top 0.3s ease-out;
}
.vx_floatingLabel.hasFocus,
.vx_floatingLabel_complex.hasFocus,
.vx_floatingLabel_active.hasFocus {
  border-color: #181818;
  box-shadow: 0 0 1px 0 #181818;
}
.vx_floatingLabel.hasFocus input,
.vx_floatingLabel_complex.hasFocus input,
.vx_floatingLabel_active.hasFocus input {
  outline: none;
}
.vx_floatingLabel.hasFocus .vx_form-control-message,
.vx_floatingLabel_complex.hasFocus .vx_form-control-message,
.vx_floatingLabel_active.hasFocus .vx_form-control-message {
  border-color: #181818;
}
.vx_floatingLabel.hasFocus:after,
.vx_floatingLabel_complex.hasFocus:after,
.vx_floatingLabel_active.hasFocus:after,
.vx_floatingLabel.hasFocus.vx_floatingLabel_complex > .vx_form-control:after,
.vx_floatingLabel_complex.hasFocus.vx_floatingLabel_complex
  > .vx_form-control:after,
.vx_floatingLabel_active.hasFocus.vx_floatingLabel_complex
  > .vx_form-control:after {
  color: #181818;
  border-color: #181818;
}
.vx_floatingLabel label,
.vx_floatingLabel_complex label,
.vx_floatingLabel_active label {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.vx_floatingLabel input,
.vx_floatingLabel_complex input,
.vx_floatingLabel_active input {
  position: relative;
  z-index: 2;
  padding: 18px 15px 0;
  background: transparent;
  color: #2c2e2f;
}
.vx_floatingLabel input.vx_form-control,
.vx_floatingLabel_complex input.vx_form-control,
.vx_floatingLabel_active input.vx_form-control {
  height: 50px;
}
.vx_floatingLabel .vx_form-control-icon,
.vx_floatingLabel_complex .vx_form-control-icon,
.vx_floatingLabel_active .vx_form-control-icon,
.vx_floatingLabel .vx_form-control-error-icon,
.vx_floatingLabel_complex .vx_form-control-error-icon,
.vx_floatingLabel_active .vx_form-control-error-icon {
  vertical-align: middle;
  position: relative;
}
.vx_floatingLabel .vx_form-control-error-icon,
.vx_floatingLabel_complex .vx_form-control-error-icon,
.vx_floatingLabel_active .vx_form-control-error-icon {
  top: -1px;
}
.vx_floatingLabel .vx_form-control-error-icon:before,
.vx_floatingLabel_complex .vx_form-control-error-icon:before,
.vx_floatingLabel_active .vx_form-control-error-icon:before {
  display: none;
}
.vx_floatingLabel .vx_form-control-icon,
.vx_floatingLabel_complex .vx_form-control-icon,
.vx_floatingLabel_active .vx_form-control-icon {
  vertical-align: middle;
}
.vx_floatingLabel.vx_has-error .vx_form-control-error-icon:before,
.vx_floatingLabel_complex.vx_has-error .vx_form-control-error-icon:before,
.vx_floatingLabel_active.vx_has-error .vx_form-control-error-icon:before,
.vx_floatingLabel.vx_has-error-with-message .vx_form-control-error-icon:before,
.vx_floatingLabel_complex.vx_has-error-with-message
  .vx_form-control-error-icon:before,
.vx_floatingLabel_active.vx_has-error-with-message
  .vx_form-control-error-icon:before {
  display: inline;
}
.vx_floatingLabel.vx_has-error,
.vx_floatingLabel_complex.vx_has-error,
.vx_floatingLabel_active.vx_has-error,
.vx_floatingLabel.vx_has-error-with-message,
.vx_floatingLabel_complex.vx_has-error-with-message,
.vx_floatingLabel_active.vx_has-error-with-message {
  border-color: #d20000;
}
.vx_floatingLabel.vx_has-error .vx_form-control,
.vx_floatingLabel_complex.vx_has-error .vx_form-control,
.vx_floatingLabel_active.vx_has-error .vx_form-control,
.vx_floatingLabel.vx_has-error-with-message .vx_form-control,
.vx_floatingLabel_complex.vx_has-error-with-message .vx_form-control,
.vx_floatingLabel_active.vx_has-error-with-message .vx_form-control {
  border-color: #d20000;
}
.vx_floatingLabel.vx_has-error .vx_form-control:hover,
.vx_floatingLabel_complex.vx_has-error .vx_form-control:hover,
.vx_floatingLabel_active.vx_has-error .vx_form-control:hover,
.vx_floatingLabel.vx_has-error-with-message .vx_form-control:hover,
.vx_floatingLabel_complex.vx_has-error-with-message .vx_form-control:hover,
.vx_floatingLabel_active.vx_has-error-with-message .vx_form-control:hover {
  background: transparent;
}
.vx_floatingLabel.vx_has-error .vx_form-control-message,
.vx_floatingLabel_complex.vx_has-error .vx_form-control-message,
.vx_floatingLabel_active.vx_has-error .vx_form-control-message,
.vx_floatingLabel.vx_has-error-with-message .vx_form-control-message,
.vx_floatingLabel_complex.vx_has-error-with-message .vx_form-control-message,
.vx_floatingLabel_active.vx_has-error-with-message .vx_form-control-message {
  border-top-color: #d20000;
}
.vx_floatingLabel.vx_has-error.hasFocus,
.vx_floatingLabel_complex.vx_has-error.hasFocus,
.vx_floatingLabel_active.vx_has-error.hasFocus,
.vx_floatingLabel.vx_has-error-with-message.hasFocus,
.vx_floatingLabel_complex.vx_has-error-with-message.hasFocus,
.vx_floatingLabel_active.vx_has-error-with-message.hasFocus,
.vx_floatingLabel.vx_has-error.hasFocus .vx_form-control,
.vx_floatingLabel_complex.vx_has-error.hasFocus .vx_form-control,
.vx_floatingLabel_active.vx_has-error.hasFocus .vx_form-control,
.vx_floatingLabel.vx_has-error-with-message.hasFocus .vx_form-control,
.vx_floatingLabel_complex.vx_has-error-with-message.hasFocus .vx_form-control,
.vx_floatingLabel_active.vx_has-error-with-message.hasFocus .vx_form-control {
  border-color: #181818;
}
.vx_floatingLabel.vx_has-error.hasFocus:after,
.vx_floatingLabel_complex.vx_has-error.hasFocus:after,
.vx_floatingLabel_active.vx_has-error.hasFocus:after,
.vx_floatingLabel.vx_has-error-with-message.hasFocus:after,
.vx_floatingLabel_complex.vx_has-error-with-message.hasFocus:after,
.vx_floatingLabel_active.vx_has-error-with-message.hasFocus:after,
.vx_floatingLabel.vx_has-error.hasFocus.vx_floatingLabel_complex
  > .vx_form-control:after,
.vx_floatingLabel_complex.vx_has-error.hasFocus.vx_floatingLabel_complex
  > .vx_form-control:after,
.vx_floatingLabel_active.vx_has-error.hasFocus.vx_floatingLabel_complex
  > .vx_form-control:after,
.vx_floatingLabel.vx_has-error-with-message.hasFocus.vx_floatingLabel_complex
  > .vx_form-control:after,
.vx_floatingLabel_complex.vx_has-error-with-message.hasFocus.vx_floatingLabel_complex
  > .vx_form-control:after,
.vx_floatingLabel_active.vx_has-error-with-message.hasFocus.vx_floatingLabel_complex
  > .vx_form-control:after {
  color: #d20000;
}
.vx_floatingLabel.vx_has-error .vx_form-control-error-icon,
.vx_floatingLabel_complex.vx_has-error .vx_form-control-error-icon,
.vx_floatingLabel_active.vx_has-error .vx_form-control-error-icon,
.vx_floatingLabel.vx_has-error-with-message .vx_form-control-error-icon,
.vx_floatingLabel_complex.vx_has-error-with-message .vx_form-control-error-icon,
.vx_floatingLabel_active.vx_has-error-with-message .vx_form-control-error-icon {
  display: table-cell;
  visibility: visible;
  width: inherit;
  min-width: 1.75em;
  color: #d20000;
  text-align: center;
}
.vx_floatingLabel.vx_has-error:before,
.vx_floatingLabel_complex.vx_has-error:before,
.vx_floatingLabel_active.vx_has-error:before,
.vx_floatingLabel.vx_has-error-with-message:before,
.vx_floatingLabel_complex.vx_has-error-with-message:before,
.vx_floatingLabel_active.vx_has-error-with-message:before,
.vx_floatingLabel.vx_has-error:after,
.vx_floatingLabel_complex.vx_has-error:after,
.vx_floatingLabel_active.vx_has-error:after,
.vx_floatingLabel.vx_has-error-with-message:after,
.vx_floatingLabel_complex.vx_has-error-with-message:after,
.vx_floatingLabel_active.vx_has-error-with-message:after {
  color: #d20000;
}
.vx_floatingLabel.vx_has-error.hasValue input,
.vx_floatingLabel_complex.vx_has-error.hasValue input,
.vx_floatingLabel_active.vx_has-error.hasValue input,
.vx_floatingLabel.vx_has-error-with-message.hasValue input,
.vx_floatingLabel_complex.vx_has-error-with-message.hasValue input,
.vx_floatingLabel_active.vx_has-error-with-message.hasValue input,
.vx_floatingLabel.vx_has-error.hasFocus input,
.vx_floatingLabel_complex.vx_has-error.hasFocus input,
.vx_floatingLabel_active.vx_has-error.hasFocus input,
.vx_floatingLabel.vx_has-error-with-message.hasFocus input,
.vx_floatingLabel_complex.vx_has-error-with-message.hasFocus input,
.vx_floatingLabel_active.vx_has-error-with-message.hasFocus input {
  color: #2c2e2f;
}
.vx_floatingLabel_complex {
  display: block;
  padding: 0;
  height: auto;
  border: 1px solid #9da3a6;
  border-radius: 5px;
  text-align: left;
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
}
.vx_floatingLabel_complex .vx_form-control {
  display: table;
  table-layout: fixed;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}
.vx_floatingLabel_complex .vx_form-control input {
  display: block;
  width: 100%;
  border: none;
  background: none;
}
.vx_floatingLabel_complex .vx_form-control-icon + .vx_form-control input,
.vx_floatingLabel_complex .vx_form-control-icon + .vx_form-control:before,
.vx_floatingLabel_complex .vx_form-control-icon + .vx_form-control:after {
  padding-left: 8px;
  padding-right: 8px;
}
.vx_floatingLabel_complex label {
  max-width: 1px;
}
.vx_floatingLabel_complex:before,
.vx_floatingLabel_complex:after {
  content: "";
  display: none;
}
.vx_floatingLabel_complex.vx_has-error .vx_form-control:before,
.vx_floatingLabel_complex.vx_has-error-with-message .vx_form-control:before,
.vx_floatingLabel_complex.vx_has-error .vx_form-control:after,
.vx_floatingLabel_complex.vx_has-error-with-message .vx_form-control:after {
  color: #d20000;
}
.vx_floatingLabel_complex .vx_form-control-message {
  border-width: 0;
  border-top-width: 1px;
}
.vx_floatingLabel_complex.hasFocus .vx_form-control-message {
  border-color: #181818;
}
.vx_floatingLabel:before {
  color: #2c2e2f;
  opacity: 0;
}
.vx_floatingLabel input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
}
.vx_floatingLabel input:-moz-placeholder {
  /* FF 4-18 */
  opacity: 1;
}
.vx_floatingLabel input::-moz-placeholder {
  /* FF 19+ */
  opacity: 1;
}
.vx_floatingLabel input:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
}
.vx_floatingLabel input:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
}
.vx_floatingLabel input:focus:-moz-placeholder {
  /* FF 4-18 */
  opacity: 1;
}
.vx_floatingLabel input:focus::-moz-placeholder {
  /* FF 19+ */
  opacity: 1;
}
.vx_floatingLabel input:focus:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
}
.vx_floatingLabel.hasFocus:before,
.vx_floatingLabel.hasValue:before {
  opacity: 0;
}
.vx_floatingLabel.hasFocus:before input,
.vx_floatingLabel.hasValue:before input {
  color: inherit;
}
.vx_floatingLabel.hasFocus:after,
.vx_floatingLabel.hasValue:after {
  opacity: 1;
  top: -10px;
}
.vx_floatingLabel.hasValue:after {
  color: #2c2e2f;
}
.vx_floatingLabel_active input {
  color: transparent;
}
.vx_floatingLabel_active input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 0;
}
.vx_floatingLabel_active input:-moz-placeholder {
  /* FF 4-18 */
  opacity: 0;
}
.vx_floatingLabel_active input::-moz-placeholder {
  /* FF 19+ */
  opacity: 0;
}
.vx_floatingLabel_active input:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 0;
}
.vx_floatingLabel_active input:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
}
.vx_floatingLabel_active input:focus:-moz-placeholder {
  /* FF 4-18 */
  opacity: 1;
}
.vx_floatingLabel_active input:focus::-moz-placeholder {
  /* FF 19+ */
  opacity: 1;
}
.vx_floatingLabel_active input:focus:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
}
.vx_floatingLabel_active:before,
.vx_floatingLabel_active.vx_floatingLabel_complex > .vx_form-control:before {
  opacity: 1;
}
.vx_floatingLabel_active:after,
.vx_floatingLabel_active.vx_floatingLabel_complex > .vx_form-control:after {
  opacity: 0;
}
.vx_floatingLabel_active.hasFocus input,
.vx_floatingLabel_active.hasValue input {
  color: inherit;
  outline: none;
}
.vx_floatingLabel_active.hasFocus:before,
.vx_floatingLabel_active.hasFocus.vx_floatingLabel_complex
  > .vx_form-control:before,
.vx_floatingLabel_active.hasValue:before,
.vx_floatingLabel_active.hasValue.vx_floatingLabel_complex
  > .vx_form-control:before {
  opacity: 0;
}
.vx_floatingLabel_active.hasFocus:after,
.vx_floatingLabel_active.hasFocus.vx_floatingLabel_complex
  > .vx_form-control:after,
.vx_floatingLabel_active.hasValue:after,
.vx_floatingLabel_active.hasValue.vx_floatingLabel_complex
  > .vx_form-control:after {
  opacity: 1;
}
.vx_floatingLabel_active.hasFocus:after,
.vx_floatingLabel_active.hasFocus.vx_floatingLabel_complex
  > .vx_form-control:after {
  color: #181818;
}
.vx_floatingLabel_active.vx_is-disabled {
  background: #f5f7fa;
}
.vx_floatingLabel_active.vx_is-disabled.hasFocus:after,
.vx_floatingLabel_active.vx_is-disabled.hasFocus.vx_floatingLabel_complex
  > .vx_form-control:after {
  color: #6c7378;
}
.vx_floatingLabel_active.vx_is-disabled input[disabled],
.vx_floatingLabel_active.vx_is-disabled input[disabled]:hover,
.vx_floatingLabel_active.vx_is-disabled input[disabled]:active,
.vx_floatingLabel_active.vx_is-disabled input.vx_is-disabled,
.vx_floatingLabel_active.vx_is-disabled input.vx_is-disabled:hover,
.vx_floatingLabel_active.vx_is-disabled input.vx_is-disabled:active {
  background: transparent;
  color: #6c7378;
}
/* Container used for styling the custom select */
.vx_select {
  position: relative;
  display: block;
}
/* This is the native select, we're making everything but the text invisible so
* we can see the button styles in the wrapper */
.vx_select select {
  width: 100%;
  margin: 0;
}
.vx_select select:focus {
  outline: none;
}
/* Custom arrow sits on top of the select - could be an image, SVG, icon font,
* etc. or the arrow could just baked into the bg image on the select. */
.vx_select:after {
  font-family: "consumer-icons";
  speak: none;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0;
  /* Better Font Rendering =========== */
  content: "\2193";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 6.25px;
  z-index: 2;
  /* These hacks make the select behind the arrow clickable in some browsers */
  pointer-events: none;
  display: none;
}
/* csslint ignore:start */
@supports (-webkit-appearance: none) or (appearance: none)
  /* Firefox <= 34 has a false positive on @supports( -moz-appearance: none )
	* @supports ( mask-type: alpha ) is Firefox 35+
	*/
  or ((-moz-appearance: none) and (mask-type: alpha)) {
  /* Show custom arrow */
  .vx_select:after {
    display: block;
  }
  /* Remove select styling */
  .vx_select select {
    padding-right: 2.75rem;
    /* inside @supports so that iOS <= 8 display the native arrow */
    background: #ffffff;
    /* inside @supports so that Android <= 4.3 display the native arrow */
    border: 1px solid #9da3a6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .vx_select select:focus {
    border-color: #009cde;
    box-shadow: 0 0 1px 0 #009cde;
  }
  .vx_has-error .vx_selectIcon_error:before {
    right: 2.2rem;
  }
  .vx_has-error select {
    padding-right: 4.5rem;
  }
  /*********************************
	*       FLOATING LABEL          *
	*********************************/
  .vx_floatingLabel select {
    position: relative;
    z-index: 1;
    height: 50px;
    padding: 18px 15px 0;
    background: transparent;
    color: #2c2e2f;
  }
  .vx_floatingLabel .vx_select:before {
    position: absolute;
    top: -10px;
    left: 0;
    font-size: 12px;
    font-weight: 500;
    content: attr(data-label-content);
    padding: 0 15px;
    line-height: 50px;
    margin: 1px;
    z-index: 0;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    color: #6c7378;
  }
  .vx_floatingLabel.vx_has-error .vx_select:before {
    color: #d20000;
  }
  .vx_floatingLabel.hasFocus .vx_select:before,
  .vx_floatingLabel.hasFocus .vx_select:after {
    color: #181818;
  }
}
/**
 * Hacks to adjust alignment for Firefox and Edge
 */
@supports ((-moz-appearance: none) and (mask-type: alpha)) or
  (-ms-ime-align: auto) {
  .vx_floatingLabel select {
    padding-left: 11px;
  }
}
/* Styles for checkbox widget */
.vx_checkbox,
.vx_radio {
  width: 100%;
  position: relative;
}
.vx_checkbox input,
.vx_radio input {
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
.vx_checkbox input:focus + label:before,
.vx_radio input:focus + label:before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.vx_checkbox input:checked + label:before,
.vx_radio input:checked + label:before {
  content: "\2611";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-color: #005ea6;
  color: #ffffff;
  background-color: #005ea6;
}
.vx_checkbox label,
.vx_radio label {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  line-height: 2em;
}
.vx_checkbox label:before,
.vx_radio label:before {
  font-family: "consumer-icons";
  display: inline-block;
  vertical-align: top;
  height: 1em;
  width: 1em;
  margin: 0 12px 0 0;
  padding: 0.4em 0;
  border: 1px solid #b7bcbf;
  content: "";
  font-size: 28px;
  font-weight: bolder;
  line-height: 0;
  border-radius: 2px;
  overflow: hidden;
}
.vx_checkbox.vx_has-error input:checked + label:before,
.vx_radio.vx_has-error input:checked + label:before {
  border-color: #d20000;
  background: #d20000;
}
.vx_checkbox.vx_has-error label:before,
.vx_radio.vx_has-error label:before {
  border-color: #d20000;
}
.vx_checkbox.vx_has-error:after,
.vx_radio.vx_has-error:after {
  font-family: "consumer-icons";
  display: inline-block;
  vertical-align: middle;
  content: "\26A0";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.75em;
  line-height: 0;
  position: relative;
  top: 2px;
  padding-left: 5px;
}
.vx_checkbox.vx_is-disabled,
.vx_radio.vx_is-disabled {
  cursor: not-allowed;
}
.vx_checkbox.vx_is-disabled input:checked + label:before,
.vx_radio.vx_is-disabled input:checked + label:before {
  border-color: #6c7378;
  background: #6c7378;
}
.vx_checkbox.vx_is-disabled label:before,
.vx_radio.vx_is-disabled label:before {
  border-color: #b7bcbf;
  cursor: not-allowed;
}
.vx_checkbox.vx_is-disabled label,
.vx_radio.vx_is-disabled label {
  color: #6c7378;
  cursor: not-allowed;
}
.vx_radio input:checked + label:before {
  content: "";
  border-color: #005ea6;
  background-color: #005ea6;
  box-shadow: inset 0 0 0 5px #ffffff;
}
.vx_radio label:before {
  border-radius: 100%;
}
.vx_alert,
.vx_alert_inline {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  padding: 1rem;
  border: 1px solid #9da3a6;
  border-left-width: 0;
  border-right-width: 0;
  color: #9da3a6;
}
.vx_alert_inline {
  border: none;
  padding-left: 0;
  padding-right: 0;
}
.vx_alert-help:before,
.vx_alert-success:before,
.vx_alert-warning:before,
.vx_alert-critical:before {
  display: inline-block;
  vertical-align: top;
  width: 1.5em;
  padding: 0.6rem 0 0;
  margin-left: -0.1em;
  font-size: 1.8rem;
  line-height: 0;
  font-family: "consumer-icons";
}
.vx_alert-help {
  border-color: #009cde;
  color: #009cde;
}
.vx_alert-help:before {
  content: "\2139";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.vx_alert-success {
  border-color: #00cf92;
  color: #00cf92;
}
.vx_alert-success:before {
  content: "\2714";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.vx_alert-warning {
  border-color: #ff9600;
  color: #ff9600;
}
.vx_alert-warning:before {
  content: "\FE15";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.vx_alert-critical {
  border-color: #d20000;
  color: #d20000;
}
.vx_alert-critical:before {
  content: "\26A0";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.vx_alert-icon {
  display: inline-block;
  vertical-align: top;
  width: 1.5em;
  padding: 0.6rem 0 0;
  margin-top: -2px;
  padding: 0;
  font-size: 1.6rem;
  line-height: 0;
}
.vx_alert-text {
  margin: 0 0 0 2.5em;
  color: #2c2e2f;
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.vx_alert-text p {
  margin-top: 0;
}
@media (min-width: 768px) {
  .vx_alert {
    border-left-width: 1px;
    border-right-width: 1px;
    border-radius: 5px;
  }
}
.vx_hr {
  border: none;
  border-top: 0.0625rem solid #cbd2d6;
  margin: 0.75rem 0;
}
.vx_hr_reverse {
  border: none;
  border-top: 0.0625rem solid #ffffff;
  margin: 0.75rem 0;
}
.vx_hr-alt {
  background-image: linear-gradient(
    to right,
    #9da3a6,
    #9da3a6 33%,
    transparent 34%
  );
  background-position: top;
  background-size: 0.1875rem 0.0625rem;
  background-repeat: repeat-x;
  height: 0.0625rem;
  border: none;
  margin: 0.75rem 0;
}
.vx_hr-alt_reverse {
  background-image: linear-gradient(
    to right,
    #ffffff,
    #ffffff 33%,
    transparent 34%
  );
  background-position: top;
  background-size: 0.1875rem 0.0625rem;
  background-repeat: repeat-x;
  height: 0.0625rem;
  border: none;
  margin: 0.75rem 0;
}
.vx_spinner-small,
.vx_has-spinner-small:after {
  height: 18px;
  opacity: 0.56;
  width: 18px;
  animation: vx_spin 620ms infinite linear;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%2038%2038'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D'gradient'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%0A%09%09%09%3Cstop%20offset%3D'0'%20stop-color%3D'%23000000'%20stop-opacity%3D'0'%2F%3E%0A%09%09%09%3Cstop%20offset%3D'1'%20stop-color%3D'%23000000'%20stop-opacity%3D'1'%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%09%3Cpath%20stroke%3D'url(%23gradient)'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'1px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C1%2034%2C0'%3E%3C%2Fpath%3E%0A%09%3Cpath%20stroke%3D'%23000000'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'1px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C0%2034%2C0'%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
  content: "";
  display: block;
}
.vx_spinner-medium,
.vx_has-spinner-medium:after {
  height: 24px;
  opacity: 0.56;
  width: 24px;
  animation: vx_spin 620ms infinite linear;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%2038%2038'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D'gradient'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%0A%09%09%09%3Cstop%20offset%3D'0'%20stop-color%3D'%23000000'%20stop-opacity%3D'0'%2F%3E%0A%09%09%09%3Cstop%20offset%3D'1'%20stop-color%3D'%23000000'%20stop-opacity%3D'1'%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%09%3Cpath%20stroke%3D'url(%23gradient)'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C1%2034%2C0'%3E%3C%2Fpath%3E%0A%09%3Cpath%20stroke%3D'%23000000'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C0%2034%2C0'%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
  content: "";
  display: block;
}
.vx_spinner-large,
.vx_has-spinner-large:after {
  height: 128px;
  opacity: 0.56;
  width: 128px;
  animation: vx_spin 620ms infinite linear;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%2038%2038'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D'gradient'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%0A%09%09%09%3Cstop%20offset%3D'0'%20stop-color%3D'%2300cf92'%20stop-opacity%3D'0'%2F%3E%0A%09%09%09%3Cstop%20offset%3D'1'%20stop-color%3D'%2300cf92'%20stop-opacity%3D'1'%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%09%3Cpath%20stroke%3D'url(%23gradient)'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C1%2034%2C0'%3E%3C%2Fpath%3E%0A%09%3Cpath%20stroke%3D'%2300cf92'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C0%2034%2C0'%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
  content: "";
  display: block;
}
.vx_has-spinner-small,
.vx_has-spinner-medium,
.vx_has-spinner-large {
  position: relative;
}
.vx_has-spinner-small:before,
.vx_has-spinner-medium:before,
.vx_has-spinner-large:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 1000;
  animation: vx_fade-in 0.3s ease-out 0s both;
}
.vx_has-spinner-small:after,
.vx_has-spinner-medium:after,
.vx_has-spinner-large:after {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1001;
}
/*
*	CSS for Panel with optional Action
*/
.vx_panel,
.vx_panel-tile,
.vx_panel-well {
  min-height: 1.5rem;
  padding: 0.75rem 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 6px;
}
.vx_panel,
.vx_panel-well {
  display: table;
  width: 100%;
}
.vx_panel-tile {
  background-color: #ffffff;
  border: 1px solid #cbd2d6;
}
.vx_panel-well {
  background-color: #f5f7fa;
}
.vx_panel-info {
  display: table-cell;
  color: #2c2e2f;
}
.vx_panel-header,
.vx_panel-text,
.vx_panel-action {
  color: #2c2e2f;
  margin: 0;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 0.8125rem;
  font-weight: 600;
}
.vx_panel-action {
  display: table-cell;
  max-width: 7em;
  color: #181818;
  text-align: right;
}
.vx_panel-text {
  font-weight: 400;
  font-size: 0.9375rem;
}
/*
*	CSS for Tiles
*/
.vx_tile {
  padding: 1.5rem;
  background-color: transparent;
  position: relative;
  text-align: left;
  margin-bottom: 1.5rem;
}
@media (min-width: 47rem) {
  .vx_tile {
    margin-bottom: 0;
  }
}
.vx_tile_secondary {
  box-shadow: 0rem 0.125rem 0.25rem 0rem rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background-color: #ffffff;
  border-top: 0.0625rem solid rgba(183, 188, 191, 0.15);
}
.vx_tile_divider {
  border-top: 0.0625rem solid #b7bcbf;
}
.vx_tile-header {
  margin-bottom: 1.5rem;
}
.vx_tile-header-title {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 700;
  margin: 0;
  width: 100%;
  text-transform: none;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
  padding: 0.375rem 0;
}
.vx_tile-header-title {
  display: table-cell;
  vertical-align: middle;
}
.vx_tile-footer {
  margin-top: 1.5rem;
}
.vx_tile-footer button,
.vx_tile-footer a {
  margin: 0;
}
.vx_tile-footer a:not(:last-child),
.vx_tile-footer button:not(:last-child) {
  margin-right: 1.5rem;
}
.vx_modal,
.vx_modal-glimpse,
.vx_modal-flow {
  display: none;
  position: fixed;
  top: 100%;
  z-index: 1050;
  width: 100%;
  height: 100%;
  background: #ffffff;
  -webkit-transition: top 0.35s;
  -moz-transition: top 0.35s;
  -ms-transition: top 0.35s;
  -o-transition: top 0.35s;
  transition: top 0.35s;
}
.vx_modal-glimpse,
.vx_modal-flow {
  background: transparent;
}
.vx_modal-glimpse .vx_modal-wrapper,
.vx_modal-flow .vx_modal-wrapper {
  display: table-cell;
  width: 66.6%;
}
.vx_modal-glimpse .vx_modal-content,
.vx_modal-flow .vx_modal-content {
  padding: 90px 25% 50px;
  width: 100%;
}
.vx_modal-glimpse .vx_steppedFlow-container,
.vx_modal-flow .vx_steppedFlow-container {
  padding: 90px 0 50px;
}
.vx_modal-glimpse .vx_steppedFlow-slide,
.vx_modal-flow .vx_steppedFlow-slide {
  padding: 0 25%;
}
.vx_modal-glimpse:before,
.vx_modal-flow:before,
.vx_modal-glimpse:after,
.vx_modal-flow:after {
  display: table-cell;
  content: "";
}
.vx_modal-flow {
  background: #f4f6f9;
}
.vx_modal-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #f4f6f9;
  opacity: 0;
  z-index: 1049;
  -webkit-transition: opacity 0.15s;
  -moz-transition: opacity 0.15s;
  -ms-transition: opacity 0.15s;
  -o-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.vx_modal-header {
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 400;
  text-transform: none;
  font-family: "PayPal-Sans-Big", Helvetica Neue, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.vx_modal-header > h1,
.vx_modal-header > h2,
.vx_modal-header > h3,
.vx_modal-header > h4,
.vx_modal-header > h5,
.vx_modal-header > h6 {
  margin-top: 0;
}
.vx_modal-wrapper {
  display: block;
  height: 50%;
  width: 60%;
  max-width: 700px;
  margin: 0 auto;
  padding: 0 20px;
  background: #ffffff;
}
.vx_modal-wrapper_logo {
  background: #ffffff url(../img/pp_fc_mg_2x.png) no-repeat 50% 24px;
  background-size: 24px;
}
.vx_modal-content {
  padding-top: 114px;
}
.vx_modal-body {
  margin-bottom: 68px;
}
.vx_backBtn_flow,
.vx_modal-dismiss_x,
.vx_modal-dismiss_x-trigger {
  padding: 24px 4px 0;
}
.vx_backBtn_flow {
  float: left;
}
.vx_modal-dismiss_x,
.vx_modal-dismiss_x-trigger {
  float: right;
  border: none;
  background: none;
}
.vx_modal-dismiss_x:before,
.vx_modal-dismiss_x-trigger:before {
  font-family: "consumer-icons";
  font-size: 1.5em;
  content: "\2716";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c2e2f;
}
.vx_modalPrepToOpen {
  display: table;
  table-layout: fixed;
}
.vx_modalPrepBg {
  display: block;
}
.vx_modalBgIsShown {
  opacity: 0.9;
}
.vx_modalIsOpening,
.vx_modalIsOpen {
  display: table;
  table-layout: fixed;
  top: 0;
}
.vx_modalIsOpen {
  position: relative;
}
.vx_hasOpenModal .vx_foreground-container {
  position: fixed;
}
.vx_modalIsClosing {
  position: fixed;
}
@media (min-width: 768px) {
  .vx_modal-header {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 300;
    text-transform: none;
  }
}
@media (min-width: 1024px) {
  .vx_modal-glimpse .vx_modal-wrapper,
  .vx_modal-flow .vx_modal-wrapper {
    width: 700px;
  }
}
@media (max-width: 1024px) {
  .vx_modal-glimpse .vx_modal-content,
  .vx_modal-flow .vx_modal-content {
    padding-left: 12.5%;
    padding-right: 12.5%;
  }
  .vx_modal-glimpse .vx_steppedFlow-container,
  .vx_modal-flow .vx_steppedFlow-container {
    padding-left: 0;
    padding-right: 0;
  }
  .vx_modal-glimpse .vx_steppedFlow-slide,
  .vx_modal-flow .vx_steppedFlow-slide {
    padding: 0 12.5%;
  }
}
@media (max-width: 768px) {
  .vx_modal-glimpse .vx_modal-wrapper,
  .vx_modal-flow .vx_modal-wrapper {
    display: table;
    table-layout: fixed;
  }
  .vx_modal-glimpse:before,
  .vx_modal-flow:before,
  .vx_modal-glimpse:after,
  .vx_modal-flow:after {
    display: none;
  }
  .vx_modal-content {
    padding-top: 3em;
    min-width: 0;
  }
}
@media (max-width: 640px) {
  .vx_modal-glimpse .vx_modal-wrapper,
  .vx_modal-flow .vx_modal-wrapper {
    width: 100%;
  }
  .vx_modal-glimpse .vx_modal-content,
  .vx_modal-flow .vx_modal-content {
    padding: 72px 8.33% 50px;
  }
  .vx_modal-glimpse .vx_steppedFlow-container,
  .vx_modal-flow .vx_steppedFlow-container {
    padding-left: 0;
    padding-right: 0;
  }
  .vx_modal-glimpse .vx_steppedFlow-slide,
  .vx_modal-flow .vx_steppedFlow-slide {
    padding: 0 8.33%;
  }
  .vx_modal-content {
    padding-top: 3em;
    min-width: 0;
  }
}
@media (max-width: 480px) {
  .vx_modal-glimpse .vx_modal-content,
  .vx_modal-flow .vx_modal-content {
    padding-left: 0;
    padding-right: 0;
  }
  .vx_modal-glimpse .vx_steppedFlow-slide,
  .vx_modal-flow .vx_steppedFlow-slide {
    padding: 0;
  }
}
.vx_addFlowTransition {
  opacity: 1;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -ms-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.vx_hasFadeTransition {
  opacity: 0;
}
.vx_invisiblyRender {
  position: fixed;
  z-index: -1000;
}
.vx_steppedFlow-container {
  display: block;
  position: relative;
  transition: height 0.2s;
  overflow-x: auto;
}
.vx_prepForAnimation {
  overflow-x: hidden;
}
.vx_steppedFlow-slides {
  position: relative;
  white-space: nowrap;
  font-size: 0;
}
.vx_prepToSlide {
  position: relative;
  transition: left 0.25s;
}
.vx_slide-right_start {
  left: 0;
}
.vx_slide-right_end {
  left: -100%;
}
.vx_slide-left_start {
  left: -100%;
}
.vx_slide-left_end {
  left: 0;
}
.vx_steppedFlow-slide {
  display: none;
  vertical-align: top;
  width: 100%;
  white-space: normal;
  font-size: 16px;
}
.vx_activeSlide {
  display: inline-block;
}
/**
 * DO NOT EDIT THIS FILE AS IT'S GENERATED CODE.
 * Design: PayPal UI (formerly Foundations UED), San Jose, CA
 * Engineering: Consumer Web, Austin, Tx
 * Note: If modifications are needed, don't modify this file! Either override or make a PR to:
 * https://github.paypal.com/jlowery/paypal-vxpattern-lib
 */
.vx_icon {
  font-family: "consumer-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0;
  position: relative;
  display: inline-table;
  text-align: center;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.vx_icon:before {
  display: table-cell;
  width: 100%;
  height: 100%;
}
.vx_icon-xlarge,
.vx_icon-large {
  height: 1.04em;
  width: 1.04em;
}
.vx_icon-xlarge:before,
.vx_icon-large:before {
  line-height: 0.9em;
}
.vx_icon-xlarge {
  font-size: 3.75rem;
}
.vx_icon-large {
  font-size: 2.5rem;
}
.vx_icon-medium {
  font-size: 1.5rem;
  height: 1.05em;
  width: 1.05em;
}
.vx_icon-medium:before {
  line-height: 0.9em;
}
.vx_icon-small {
  font-size: 1.125rem;
  height: 1.05em;
  width: 1.05em;
}
.vx_icon-small:before {
  line-height: 0.9em;
}
.vx_icon-slider-small:before {
  content: "\205E";
}
.vx_icon-slider-xsmall:before,
.vx_icon-slider-half-small:before {
  content: "\205D";
}
.vx_icon-close-small:before {
  content: "\2716";
}
.vx_icon-add-small:before {
  content: "\002B";
}
.vx_icon-arrow-down-small:before {
  content: "\2193";
}
.vx_icon-arrow-up-small:before {
  content: "\2191";
}
.vx_icon-arrow-left-small:before {
  content: "\2190";
}
.vx_icon-arrow-right-small:before {
  content: "\2192";
}
.vx_icon-arrow-down-half-small:before {
  content: "\21E3";
}
.vx_icon-arrow-up-half-small:before {
  content: "\21E1";
}
.vx_icon-arrow-left-half-small:before {
  content: "\21E0";
}
.vx_icon-arrow-right-half-small:before {
  content: "\21E2";
}
.vx_icon-arrow-back-small:before {
  content: "\21E6";
}
.vx_icon-clear-half-small:before,
.vx_icon-cancel-small:before {
  content: "\274E";
}
.vx_icon-checkmark-large:before,
.vx_icon-checkmark-small:before {
  content: "\2705";
}
.vx_icon-checkmark-sm:before,
.vx_icon-checkmark-small-bold:before {
  content: "\2611";
}
.vx_icon-action-xsmall:before,
.vx_icon-action-arrow-half-small:before {
  content: "\25BA";
}
.vx_icon-open-list-small:before,
.vx_icon-action-arrow-down-half-small:before {
  content: "\25BC";
}
.vx_icon-close-list-small:before,
.vx_icon-action-arrow-up-half-small:before {
  content: "\25B2";
}
.vx_icon-help-xsmall:before,
.vx_icon-tooltip-outline-small:before,
.vx_icon-tooltip-small:before {
  content: "\FE16";
}
.vx_icon-circled-info-xsmall:before,
.vx_icon-info-small:before,
.vx_icon-info-outline-small:before {
  content: "\2139";
}
.vx_icon-positive-xsmall:before,
.vx_icon-positive-small:before,
.vx_icon-circled-checkmark-small:before {
  content: "\2714";
}
.vx_icon-attention-xsmall:before,
.vx_icon-attention-small:before,
.vx_icon-attention-outline-small:before {
  content: "\FE15";
}
.vx_icon-critical-xsmall:before,
.vx_icon-critical-small:before {
  content: "\26A0";
}
.vx_icon-info-large:before {
  content: "\24D8";
}
.vx_icon-positive-large:before,
.vx_icon-circled-checkmark-large:before {
  content: "\2713";
}
.vx_icon-attention-large:before {
  content: "\2762";
}
.vx_icon-critical-large:before {
  content: "\2757";
}
.vx_icon-settings-small:before,
.vx_icon-gear:before {
  content: "\2699";
}
.vx_icon-search-small:before,
.vx_icon-magnifying-glass:before {
  content: "\1F50D";
}
.vx_icon-notification-small:before,
.vx_icon-bell-small:before,
.vx_icon-bell:before {
  content: "\1F514";
}
.vx_icon-link-xsmall:before,
.vx_icon-chain-link-xsmall:before,
.vx_icon-chain-link:before,
.vx_icon-link-small:before {
  content: "\1F517";
}
.vx_icon-calendar-small:before {
  content: "\1F4C5";
}
.vx_icon-calendar:before {
  content: "\1F4C6";
}
.vx_icon-photo-small:before,
.vx_icon-camera:before,
.vx_icon-camera-small:before {
  content: "\1F4F7";
}
.vx_icon-photo-add-small:before,
.vx_icon-camera-add:before {
  content: "\E614";
}
.vx_icon-profile-large:before,
.vx_icon-avatar:before {
  content: "\1F468";
}
.vx_icon-profile-add-large:before {
  content: "\1F469";
}
.vx_icon-pp-logo:before,
.vx_icon-pp-logo-half:before,
.vx_icon-pp-logo-outline:before {
  content: "\E499";
}
.vx_embeddedIcon .vx_icon {
  background-color: #181818;
  border-radius: 100%;
  box-shadow: 0 0 0 0.09375rem #181818 inset;
  color: #ffffff;
  transition: color 240ms ease, background-color 240ms ease,
    border-color 240ms ease, box-shadow 240ms ease;
}
.vx_embeddedIcon:hover .vx_icon,
.vx_embeddedIcon:focus .vx_icon,
.vx_embeddedIcon:active .vx_icon {
  background-color: rgb(134, 12, 12);
  box-shadow: 0 0 0 0.09375rem rgb(134, 12, 12) inset;
}
.vx_embeddedIcon_reversed .vx_icon {
  background-color: #ffffff;
  color: #181818;
  box-shadow: 0 0 0 0.09375rem #ffffff inset;
}
.vx_embeddedIcon_reversed:hover .vx_icon,
.vx_embeddedIcon_reversed:focus .vx_icon,
.vx_embeddedIcon_reversed:active .vx_icon {
  background-color: #f5f7fa;
  box-shadow: 0 0 0 0.125rem #f5f7fa inset;
  color: rgb(134, 12, 12);
}
.vx_embeddedIcon-secondary .vx_icon {
  background: none;
  color: #181818;
  box-shadow: 0 0 0 0.09375rem #181818 inset;
}
.vx_embeddedIcon-secondary:hover .vx_icon,
.vx_embeddedIcon-secondary:focus .vx_icon,
.vx_embeddedIcon-secondary:active .vx_icon {
  background: none;
  box-shadow: 0 0 0 0.125rem rgb(134, 12, 12) inset;
  color: rgb(134, 12, 12);
}
.vx_embeddedIcon-secondary_reversed .vx_icon {
  background: none;
  color: #ffffff;
  box-shadow: 0 0 0 0.09375rem #ffffff inset;
}
.vx_embeddedIcon-secondary_reversed:hover .vx_icon,
.vx_embeddedIcon-secondary_reversed:focus .vx_icon,
.vx_embeddedIcon-secondary_reversed:active .vx_icon {
  background: none;
  box-shadow: 0 0 0 0.125rem #ffffff inset;
  color: #ffffff;
}
.vx_embeddedIcon-simple .vx_icon {
  background: none;
  color: #181818;
  box-shadow: none;
}
.vx_embeddedIcon-simple:hover .vx_icon,
.vx_embeddedIcon-simple:focus .vx_icon,
.vx_embeddedIcon-simple:active .vx_icon {
  background: none;
  color: rgb(134, 12, 12);
}
.vx_embeddedIcon-simple_reversed .vx_icon {
  background: none;
  color: #ffffff;
  box-shadow: none;
}
.vx_embeddedIcon-simple_reversed:hover .vx_icon,
.vx_embeddedIcon-simple_reversed:focus .vx_icon,
.vx_embeddedIcon-simple_reversed:active .vx_icon {
  background: none;
  color: #ffffff;
  box-shadow: 0 0 0 0.09375rem #ffffff inset;
}
.vx_anchor,
a {
  color: #181818;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: center;
  text-decoration: none;
}
.vx_anchor:visited,
a:visited {
  color: #181818;
}
.vx_anchor:active,
a:active,
.vx_anchor:focus,
a:focus,
.vx_anchor:hover,
a:hover {
  color: rgb(134, 12, 12);
  text-decoration: underline;
}
.vx_anchor.vx_anchor_reversed,
a.vx_anchor_reversed {
  color: #ffffff;
}
.vx_anchor.vx_anchor_reversed:active,
a.vx_anchor_reversed:active,
.vx_anchor.vx_anchor_reversed:focus,
a.vx_anchor_reversed:focus,
.vx_anchor.vx_anchor_reversed:hover,
a.vx_anchor_reversed:hover {
  color: #ffffff;
}
.vx_anchor.vx_anchor-secondary,
a.vx_anchor-secondary {
  color: #2c2e2f;
}
.vx_anchor.vx_anchor-secondary:active,
a.vx_anchor-secondary:active,
.vx_anchor.vx_anchor-secondary:focus,
a.vx_anchor-secondary:focus,
.vx_anchor.vx_anchor-secondary:hover,
a.vx_anchor-secondary:hover {
  color: #2c2e2f;
}
.vx_anchor.vx_anchor-medium,
a.vx_anchor-medium,
.vx_anchor.vx_anchor-small,
a.vx_anchor-small {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.vx_anchor.vx_anchor-medium.vx_embeddedIcon,
a.vx_anchor-medium.vx_embeddedIcon,
.vx_anchor.vx_anchor-small.vx_embeddedIcon,
a.vx_anchor-small.vx_embeddedIcon {
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
}
.vx_anchor.vx_anchor-medium.vx_embeddedIcon .vx_icon,
a.vx_anchor-medium.vx_embeddedIcon .vx_icon,
.vx_anchor.vx_anchor-small.vx_embeddedIcon .vx_icon,
a.vx_anchor-small.vx_embeddedIcon .vx_icon {
  margin-right: 0.375rem;
}
.vx_anchor.vx_anchor-medium.vx_embeddedIcon.vx_embeddedIcon-simple,
a.vx_anchor-medium.vx_embeddedIcon.vx_embeddedIcon-simple,
.vx_anchor.vx_anchor-small.vx_embeddedIcon.vx_embeddedIcon-simple,
a.vx_anchor-small.vx_embeddedIcon.vx_embeddedIcon-simple,
.vx_anchor.vx_anchor-medium.vx_embeddedIcon.vx_embeddedIcon-simple_reversed,
a.vx_anchor-medium.vx_embeddedIcon.vx_embeddedIcon-simple_reversed,
.vx_anchor.vx_anchor-small.vx_embeddedIcon.vx_embeddedIcon-simple_reversed,
a.vx_anchor-small.vx_embeddedIcon.vx_embeddedIcon-simple_reversed {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.vx_anchor.vx_anchor-medium.vx_embeddedIcon .vx_icon,
a.vx_anchor-medium.vx_embeddedIcon .vx_icon {
  margin-top: -0.2em;
}
.vx_anchor.vx_anchor-small.vx_embeddedIcon .vx_icon,
a.vx_anchor-small.vx_embeddedIcon .vx_icon {
  margin-top: -0.06em;
}
.vx_anchor.vx_embeddedIcon,
a.vx_embeddedIcon {
  display: inline-block;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.vx_anchor.vx_embeddedIcon .vx_icon,
a.vx_embeddedIcon .vx_icon {
  margin-top: -0.25em;
  margin-right: 0.5625rem;
  float: left;
}
.vx_anchor.vx_embeddedIcon.vx_embeddedIcon-simple,
a.vx_embeddedIcon.vx_embeddedIcon-simple,
.vx_anchor.vx_embeddedIcon.vx_embeddedIcon-simple_reversed,
a.vx_embeddedIcon.vx_embeddedIcon-simple_reversed {
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
}
.vx_anchor.vx_embeddedIcon.vx_embeddedIcon-simple:hover .vx_icon,
a.vx_embeddedIcon.vx_embeddedIcon-simple:hover .vx_icon,
.vx_anchor.vx_embeddedIcon.vx_embeddedIcon-simple_reversed:hover .vx_icon,
a.vx_embeddedIcon.vx_embeddedIcon-simple_reversed:hover .vx_icon,
.vx_anchor.vx_embeddedIcon.vx_embeddedIcon-simple:focus .vx_icon,
a.vx_embeddedIcon.vx_embeddedIcon-simple:focus .vx_icon,
.vx_anchor.vx_embeddedIcon.vx_embeddedIcon-simple_reversed:focus .vx_icon,
a.vx_embeddedIcon.vx_embeddedIcon-simple_reversed:focus .vx_icon,
.vx_anchor.vx_embeddedIcon.vx_embeddedIcon-simple:active .vx_icon,
a.vx_embeddedIcon.vx_embeddedIcon-simple:active .vx_icon,
.vx_anchor.vx_embeddedIcon.vx_embeddedIcon-simple_reversed:active .vx_icon,
a.vx_embeddedIcon.vx_embeddedIcon-simple_reversed:active .vx_icon {
  box-shadow: none;
}
.vx_anchor.vx_anchor-action,
a.vx_anchor-action {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  width: 4.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.vx_anchor.vx_anchor-action.vx_embeddedIcon .vx_icon,
a.vx_anchor-action.vx_embeddedIcon .vx_icon {
  margin: inherit auto 0.5625rem auto;
  float: none;
}
.vx_anchor.vx_anchor-action-simple.vx_embeddedIcon .vx_icon,
a.vx_anchor-action-simple.vx_embeddedIcon .vx_icon {
  margin-right: 0;
  border-width: 0.0625rem;
  box-shadow: 0 0 0 0.09375rem #181818 inset;
}
.vx_anchor.vx_anchor-action-simple.vx_embeddedIcon:hover .vx_icon,
a.vx_anchor-action-simple.vx_embeddedIcon:hover .vx_icon,
.vx_anchor.vx_anchor-action-simple.vx_embeddedIcon:focus .vx_icon,
a.vx_anchor-action-simple.vx_embeddedIcon:focus .vx_icon,
.vx_anchor.vx_anchor-action-simple.vx_embeddedIcon:active .vx_icon,
a.vx_anchor-action-simple.vx_embeddedIcon:active .vx_icon {
  box-shadow: 0 0 0 0.125rem rgb(134, 12, 12) inset;
}
.vx_anchor.vx_anchor-action-simple.vx_embeddedIcon.vx_embeddedIcon_reversed
  .vx_icon,
a.vx_anchor-action-simple.vx_embeddedIcon.vx_embeddedIcon_reversed .vx_icon,
.vx_anchor.vx_anchor-action-simple.vx_embeddedIcon.vx_embeddedIcon-secondary_reversed
  .vx_icon,
a.vx_anchor-action-simple.vx_embeddedIcon.vx_embeddedIcon-secondary_reversed
  .vx_icon {
  box-shadow: 0 0 0 0.09375rem #ffffff inset;
}
.vx_anchor.vx_anchor-action-simple.vx_embeddedIcon.vx_embeddedIcon_reversed:hover
  .vx_icon,
a.vx_anchor-action-simple.vx_embeddedIcon.vx_embeddedIcon_reversed:hover
  .vx_icon,
.vx_anchor.vx_anchor-action-simple.vx_embeddedIcon.vx_embeddedIcon-secondary_reversed:hover
  .vx_icon,
a.vx_anchor-action-simple.vx_embeddedIcon.vx_embeddedIcon-secondary_reversed:hover
  .vx_icon,
.vx_anchor.vx_anchor-action-simple.vx_embeddedIcon.vx_embeddedIcon_reversed:focus
  .vx_icon,
a.vx_anchor-action-simple.vx_embeddedIcon.vx_embeddedIcon_reversed:focus
  .vx_icon,
.vx_anchor.vx_anchor-action-simple.vx_embeddedIcon.vx_embeddedIcon-secondary_reversed:focus
  .vx_icon,
a.vx_anchor-action-simple.vx_embeddedIcon.vx_embeddedIcon-secondary_reversed:focus
  .vx_icon,
.vx_anchor.vx_anchor-action-simple.vx_embeddedIcon.vx_embeddedIcon_reversed:active
  .vx_icon,
a.vx_anchor-action-simple.vx_embeddedIcon.vx_embeddedIcon_reversed:active
  .vx_icon,
.vx_anchor.vx_anchor-action-simple.vx_embeddedIcon.vx_embeddedIcon-secondary_reversed:active
  .vx_icon,
a.vx_anchor-action-simple.vx_embeddedIcon.vx_embeddedIcon-secondary_reversed:active
  .vx_icon {
  box-shadow: 0 0 0 0.125rem #ffffff inset;
}
.vx_anchor.vx_anchor-small.vx_embeddedIcon-simple > span,
a.vx_anchor-small.vx_embeddedIcon-simple > span,
.vx_anchor.vx_anchor-small.vx_embeddedIcon-simple_reversed > span,
a.vx_anchor-small.vx_embeddedIcon-simple_reversed > span {
  vertical-align: bottom;
}
p > a,
li > a {
  font-weight: 500;
  font-family: "PayPal-Sans", Helvetica Neue, Arial, sans-serif;
}
.vx_globalNav-list_secondary a,
.vx_globalNav-list_secondary a:visited {
  font-family: PayPal-Sans-Big, sans-serif;
  font-weight: bold;
  letter-spacing: 0.025em;
}
.vx_modal-wrapper:focus {
  outline: none;
}
.vx_floatingLabel_active input:-ms-input-placeholder {
  opacity: 1;
}
.vx_modal-wrapper.vx_modal-wrapper_logo {
  background: #ffffff url(../img/pp_fc_mg_2x.png) no-repeat 50% 24px;
  background-size: 24px;
}
@media (max-width: 768px) {
  .vx_globalNav-container {
    position: fixed;
  }
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 1%;
  padding-right: 1%;
}
@media (min-width: 768px) {
  .container {
    width: 770px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 994px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1202px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 1%;
  padding-right: 1%;
}
.table-container {
  margin-right: -1%;
  margin-left: -1%;
}
.row,
.row-align-center,
.row-align-right {
  font-size: 0;
  margin-left: -1%;
  margin-right: -1%;
}
.row-align-center {
  text-align: center;
}
.row-align-right {
  text-align: right;
}
.table-row {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.col-xs-1,
.table-col-xs-1,
.table-col-xs,
.table-col-sm,
.table-col-md,
.table-col-lg,
.col-xs-2,
.table-col-xs-2,
.col-xs-3,
.table-col-xs-3,
.col-xs-4,
.table-col-xs-4,
.col-xs-5,
.table-col-xs-5,
.col-xs-6,
.table-col-xs-6,
.col-xs-7,
.table-col-xs-7,
.col-xs-8,
.table-col-xs-8,
.col-xs-9,
.table-col-xs-9,
.col-xs-10,
.table-col-xs-10,
.col-xs-11,
.table-col-xs-11,
.col-xs-12,
.table-col-xs-12,
.col-sm-1,
.table-col-sm-1,
.col-sm-2,
.table-col-sm-2,
.col-sm-3,
.table-col-sm-3,
.col-sm-4,
.table-col-sm-4,
.col-sm-5,
.table-col-sm-5,
.col-sm-6,
.table-col-sm-6,
.col-sm-7,
.table-col-sm-7,
.col-sm-8,
.table-col-sm-8,
.col-sm-9,
.table-col-sm-9,
.col-sm-10,
.table-col-sm-10,
.col-sm-11,
.table-col-sm-11,
.col-sm-12,
.table-col-sm-12,
.col-md-1,
.table-col-md-1,
.col-md-2,
.table-col-md-2,
.col-md-3,
.table-col-md-3,
.col-md-4,
.table-col-md-4,
.col-md-5,
.table-col-md-5,
.col-md-6,
.table-col-md-6,
.col-md-7,
.table-col-md-7,
.col-md-8,
.table-col-md-8,
.col-md-9,
.table-col-md-9,
.col-md-10,
.table-col-md-10,
.col-md-11,
.table-col-md-11,
.col-md-12,
.table-col-md-12,
.col-lg-1,
.table-col-lg-1,
.col-lg-2,
.table-col-lg-2,
.col-lg-3,
.table-col-lg-3,
.col-lg-4,
.table-col-lg-4,
.col-lg-5,
.table-col-lg-5,
.col-lg-6,
.table-col-lg-6,
.col-lg-7,
.table-col-lg-7,
.col-lg-8,
.table-col-lg-8,
.col-lg-9,
.table-col-lg-9,
.col-lg-10,
.table-col-lg-10,
.col-lg-11,
.table-col-lg-11,
.col-lg-12,
.table-col-lg-12 {
  display: block;
  min-height: 1px;
  padding-left: 1%;
  padding-right: 1%;
  font-size: 15px;
  text-align: left;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  display: inline-block;
  vertical-align: top;
}
.table-col-xs,
.table-col-xs-1,
.table-col-xs-2,
.table-col-xs-3,
.table-col-xs-4,
.table-col-xs-5,
.table-col-xs-6,
.table-col-xs-7,
.table-col-xs-8,
.table-col-xs-9,
.table-col-xs-10,
.table-col-xs-11,
.table-col-xs-12 {
  display: table-cell;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.table-col-xs-12 {
  width: 100%;
}
.table-col-xs-11 {
  width: 91.66666667%;
}
.table-col-xs-10 {
  width: 83.33333333%;
}
.table-col-xs-9 {
  width: 75%;
}
.table-col-xs-8 {
  width: 66.66666667%;
}
.table-col-xs-7 {
  width: 58.33333333%;
}
.table-col-xs-6 {
  width: 50%;
}
.table-col-xs-5 {
  width: 41.66666667%;
}
.table-col-xs-4 {
  width: 33.33333333%;
}
.table-col-xs-3 {
  width: 25%;
}
.table-col-xs-2 {
  width: 16.66666667%;
}
.table-col-xs-1 {
  width: 8.33333333%;
}
@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 {
    display: inline-block;
    vertical-align: top;
  }
  .table-col-sm,
  .table-col-sm-1,
  .table-col-sm-2,
  .table-col-sm-3,
  .table-col-sm-4,
  .table-col-sm-5,
  .table-col-sm-6,
  .table-col-sm-7,
  .table-col-sm-8,
  .table-col-sm-9,
  .table-col-sm-10,
  .table-col-sm-11,
  .table-col-sm-12 {
    display: table-cell;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .table-col-sm-12 {
    width: 100%;
  }
  .table-col-sm-11 {
    width: 91.66666667%;
  }
  .table-col-sm-10 {
    width: 83.33333333%;
  }
  .table-col-sm-9 {
    width: 75%;
  }
  .table-col-sm-8 {
    width: 66.66666667%;
  }
  .table-col-sm-7 {
    width: 58.33333333%;
  }
  .table-col-sm-6 {
    width: 50%;
  }
  .table-col-sm-5 {
    width: 41.66666667%;
  }
  .table-col-sm-4 {
    width: 33.33333333%;
  }
  .table-col-sm-3 {
    width: 25%;
  }
  .table-col-sm-2 {
    width: 16.66666667%;
  }
  .table-col-sm-1 {
    width: 8.33333333%;
  }
}
@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 {
    display: inline-block;
    vertical-align: top;
  }
  .table-col-md,
  .table-col-md-1,
  .table-col-md-2,
  .table-col-md-3,
  .table-col-md-4,
  .table-col-md-5,
  .table-col-md-6,
  .table-col-md-7,
  .table-col-md-8,
  .table-col-md-9,
  .table-col-md-10,
  .table-col-md-11,
  .table-col-md-12 {
    display: table-cell;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .table-col-md-12 {
    width: 100%;
  }
  .table-col-md-11 {
    width: 91.66666667%;
  }
  .table-col-md-10 {
    width: 83.33333333%;
  }
  .table-col-md-9 {
    width: 75%;
  }
  .table-col-md-8 {
    width: 66.66666667%;
  }
  .table-col-md-7 {
    width: 58.33333333%;
  }
  .table-col-md-6 {
    width: 50%;
  }
  .table-col-md-5 {
    width: 41.66666667%;
  }
  .table-col-md-4 {
    width: 33.33333333%;
  }
  .table-col-md-3 {
    width: 25%;
  }
  .table-col-md-2 {
    width: 16.66666667%;
  }
  .table-col-md-1 {
    width: 8.33333333%;
  }
}
@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 {
    display: inline-block;
    vertical-align: top;
  }
  .table-col-lg,
  .table-col-lg-1,
  .table-col-lg-2,
  .table-col-lg-3,
  .table-col-lg-4,
  .table-col-lg-5,
  .table-col-lg-6,
  .table-col-lg-7,
  .table-col-lg-8,
  .table-col-lg-9,
  .table-col-lg-10,
  .table-col-lg-11,
  .table-col-lg-12 {
    display: table-cell;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .table-col-lg-12 {
    width: 100%;
  }
  .table-col-lg-11 {
    width: 91.66666667%;
  }
  .table-col-lg-10 {
    width: 83.33333333%;
  }
  .table-col-lg-9 {
    width: 75%;
  }
  .table-col-lg-8 {
    width: 66.66666667%;
  }
  .table-col-lg-7 {
    width: 58.33333333%;
  }
  .table-col-lg-6 {
    width: 50%;
  }
  .table-col-lg-5 {
    width: 41.66666667%;
  }
  .table-col-lg-4 {
    width: 33.33333333%;
  }
  .table-col-lg-3 {
    width: 25%;
  }
  .table-col-lg-2 {
    width: 16.66666667%;
  }
  .table-col-lg-1 {
    width: 8.33333333%;
  }
}
.no-js .captcha-container .captcha-inputs .refresh.small.light {
  display: none;
}
.captcha-overlay {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
}
.captcha-container {
  width: 100%;
  margin: 0;
  /** method responsible for loading the background image set in CSS **/
  /* light button for header and footer */
}
.captcha-container .container {
  width: 95%;
  background-image: none;
  background-color: transparent;
}
.captcha-container .corral {
  margin: 0 auto;
  width: 460px;
}
.captcha-container .contentContainer {
  position: relative;
  margin: 50px auto 0;
  padding: 5% 10%;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
.captcha-container .contentContainer .modal-overlay {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fafafa;
  z-index: 16;
  opacity: 1;
}
.captcha-container .contentContainer .modal-animate {
  z-index: 17;
  position: absolute;
  width: 100px;
  margin: 0 auto;
  top: 120px;
  left: 38%;
  min-height: 100px;
  overflow: hidden;
}
.captcha-container .contentContainer .rotate {
  content: "";
  height: 30px;
  width: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 6;
  margin: -15px auto auto -15px;
  -webkit-animation: rotation 0.7s infinite linear;
  -moz-animation: rotation 0.7s infinite linear;
  -o-animation: rotation 0.7s infinite linear;
  animation: rotation 0.7s infinite linear;
  border-left: 8px solid rgba(0, 0, 0, 0.2);
  border-right: 8px solid rgba(0, 0, 0, 0.2);
  border-bottom: 8px solid rgba(0, 0, 0, 0.2);
  border-top: 8px solid #2180c0;
  border-radius: 100%;
}
.captcha-container .contentContainer .paypal-logo {
  margin: 0 auto;
  background: transparent url("../img/monogram%402x.png") top center no-repeat;
  -webkit-background-size: 30px 37px;
  -moz-background-size: 30px 37px;
  -o-background-size: 30px 37px;
  background-size: 30px 37px;
  width: 30px;
  height: 37px;
  display: block;
  text-indent: -999em;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.captcha-container .headerText {
  text-align: center;
  margin: 0 10px 0 0;
  border-bottom: 1px solid #c1c1c1;
  padding-bottom: 5px;
  font-size: 30px;
  font-weight: normal;
}
.captcha-container .headerText .notYou {
  color: #6c7378;
  font-size: 15px;
  padding-bottom: 10px;
}
.captcha-container .captcha-paypal-logo {
  margin: 0 auto 30px;
  background: transparent url("../img/paypal-logo-129x32.svg") top center
    no-repeat;
  background-size: 129px 32px;
  width: 129px;
  height: 32px;
  display: block;
  text-indent: -999em;
}
.lower-than-ie9 .captcha-container .captcha-paypal-logo {
  background: transparent url("../img/paypal-logo-129x32.png") top center
    no-repeat;
}
.captcha-container .captcha-image {
  height: 85px;
  width: 100%;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin: 0 0 5px 0;
}
.captcha-container .captcha-image img {
  width: 100%;
  height: 81px;
  border-radius: 4px;
}
.captcha-container .captcha-inputs {
  display: table;
  width: 100%;
  height: 50px;
}
.captcha-container .captcha-inputs .textInput {
  display: table-cell;
  min-width: 100px;
}
.captcha-container .captcha-inputs .refresh,
.captcha-container .captcha-inputs .audio {
  display: table-cell;
  vertical-align: middle;
  width: 36px;
}
.lower-than-ie9 .captcha-container .captcha-inputs .refresh,
.lower-than-ie9 .captcha-container .captcha-inputs .audio,
.lower-than-ie10 .captcha-container .captcha-inputs .refresh,
.lower-than-ie10 .captcha-container .captcha-inputs .audio {
  vertical-align: bottom;
}
.captcha-container .captcha-inputs .refresh {
  padding: 0 8px;
}
.captcha-container .captcha-inputs .captchaPlay,
.captcha-container .captcha-inputs .captchaRefresh {
  display: block;
  width: 36px;
  height: 36px;
}
.captcha-container .captcha-inputs .captchaPlay:after,
.captcha-container .captcha-inputs .captchaRefresh:after {
  width: 36px;
  height: 36px;
}
.captcha-container .captcha-inputs .captchaPlay:after {
  background-position: -32px -3489px;
}
.captcha-container .captcha-inputs .captchaRefresh:after {
  background-position: -33px -3389px;
}
.captcha-container .captcha-inputs .audio a {
  background-position: -32px -3489px;
}
.captcha-container .captcha-inputs .refresh a {
  background-position: -33px -3389px;
}
.captcha-container .captcha-inputs .buttonLight {
  border: 1px solid;
  border-color: #ddd #d9d9d9 #bdbdbd;
  background-color: #dedede;
  text-shadow: 0 1px #efefef;
  color: #333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px #fff inset, 0 1px 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0 1px #fff inset, 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px #fff inset, 0 1px 0 rgba(255, 255, 255, 0.2);
}
.captcha-container .captcha-inputs .buttonLight:hover {
  background-color: #d1d1d1;
  text-decoration: none;
  -webkit-box-shadow: 0 1px #f5f5f5 inset, 0 1px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0 1px #f5f5f5 inset, 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px #f5f5f5 inset, 0 1px rgba(255, 255, 255, 0.2);
}
.captcha-container .captcha-inputs .buttonLight:active {
  background-color: #c8c8c8;
  border-color: #c2c2c2 #bcbcbc #adadad;
  -webkit-box-shadow: 0 2px 4px #999 inset, 0 1px 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0 2px 4px #999 inset, 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0 2px 4px #999 inset, 0 1px 0 rgba(255, 255, 255, 0.2);
}
.captcha-container .captcha-inputs .onboardingSpritePseudo:after {
  content: "";
  display: block;
  background-image: url("../img/ui-sprite.png");
  background-repeat: no-repeat;
}
.captcha-container .light,
.captcha-container .light:link,
.captcha-container .light:visited {
  border-color: #dddddd #d9d9d9 #bdbdbd;
  background-color: #dedede;
  background: -moz-linear-gradient(
    center bottom,
    #dedede 0%,
    #dedede 20%,
    #f5f5f5 100%
  );
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0%, #dedede),
    color-stop(20%, #dedede),
    color-stop(100%, #f5f5f5)
  );
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    bottom,
    #dedede 0%,
    #dedede 20%,
    #f5f5f5 100%
  );
  background: -ms-linear-gradient(
    bottom,
    #dedede 0%,
    #dedede 20%,
    #f5f5f5 100%
  );
  background: -o-linear-gradient(bottom, #dedede 0%, #dedede 20%, #f5f5f5 100%);
  background: linear-gradient(bottom, #dedede 0%, #dedede 20%, #f5f5f5 100%);
  -webkit-box-shadow: 0 1px #fff inset, 0 1px 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0 1px #fff inset, 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px #fff inset, 0 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px #efefef;
  color: #333;
}
.captcha-container .light:hover {
  background-color: #d1d1d1;
  background: -moz-linear-gradient(
    center bottom,
    #d1d1d1 0%,
    #d1d1d1 20%,
    #ebebeb 100%
  );
  background: -webkit-linear-gradient(
    bottom,
    #d1d1d1 0%,
    #d1d1d1 20%,
    #ebebeb 100%
  );
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0%, #d1d1d1),
    color-stop(20%, #d1d1d1),
    color-stop(100%, #ebebeb)
  );
  /* Chrome,Safari4+ */
  background: -ms-linear-gradient(
    bottom,
    #d1d1d1 0%,
    #d1d1d1 20%,
    #ebebeb 100%
  );
  background: -o-linear-gradient(bottom, #d1d1d1 0%, #d1d1d1 20%, #ebebeb 100%);
  background: linear-gradient(bottom, #d1d1d1 0%, #d1d1d1 20%, #ebebeb 100%);
  -webkit-box-shadow: 0 1px #f5f5f5 inset, 0 1px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0 1px #f5f5f5 inset, 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px #f5f5f5 inset, 0 1px rgba(255, 255, 255, 0.2);
  text-decoration: none;
}
.captcha-container .light:active {
  background-color: #c8c8c8;
  border-color: #c2c2c2 #bcbcbc #adadad;
  background: -moz-linear-gradient(
    center bottom,
    #d1d1d1 0%,
    #d1d1d1 20%,
    #dedede 100%
  );
  background: -webkit-linear-gradient(
    bottom,
    #d1d1d1 0%,
    #d1d1d1 20%,
    #dedede 100%
  );
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0%, #d1d1d1),
    color-stop(20%, #d1d1d1),
    color-stop(100%, #dedede)
  );
  /* Chrome,Safari4+ */
  background: -ms-linear-gradient(
    bottom,
    #d1d1d1 0%,
    #d1d1d1 20%,
    #dedede 100%
  );
  background: -o-linear-gradient(bottom, #d1d1d1 0%, #d1d1d1 20%, #dedede 100%);
  background: linear-gradient(bottom, #d1d1d1 0%, #d1d1d1 20%, #dedede 100%);
  -moz-box-shadow: 0 2px 4px #999999 inset, 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0 2px 4px #999999 inset, 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0 2px 4px #999999 inset, 0 1px 0 rgba(255, 255, 255, 0.2);
}
.captcha-container a.button,
.captcha-container a.button:link,
.captcha-container a.button:visited,
.captcha-container .button,
.captcha-container button {
  width: 100%;
  height: 45px;
  padding-top: 4px;
  border: 0;
  display: block;
  background: #009cde;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-webkit-appearance: none;
  -ms-webkit-appearance: none;
  -o-webkit-appearance: none;
  webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  color: #fff;
  background: #0070a7;
  -webkit-border-radius: 5px;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: none;
  text-decoration: none;
  -webkit-transition: background-color 0.4s ease-out;
  -moz-transition: background-color 0.4s ease-out;
  -o-transition: background-color 0.4s ease-out;
  -ms-transition: background-color 0.4s ease-out;
  transition: background-color 0.4s ease-out;
}
.captcha-container a.button:hover,
.captcha-container a.button:link:hover,
.captcha-container a.button:visited:hover,
.captcha-container .button:hover,
.captcha-container button:hover,
.captcha-container a.button:focus,
.captcha-container a.button:link:focus,
.captcha-container a.button:visited:focus,
.captcha-container .button:focus,
.captcha-container button:focus {
  background: #008ac5;
}
.captcha-container a.button.active,
.captcha-container a.button:link.active,
.captcha-container a.button:visited.active,
.captcha-container .button.active,
.captcha-container button.active,
.captcha-container a.button:active,
.captcha-container a.button:link:active,
.captcha-container a.button:visited:active,
.captcha-container .button:active,
.captcha-container button:active {
  background: #00598e;
}
.captcha-container a.button.secondary,
.captcha-container a.button:link.secondary,
.captcha-container a.button:visited.secondary,
.captcha-container .button.secondary,
.captcha-container button.secondary {
  background: #e1e7eb;
  color: #2c2e2f;
}
.captcha-container a.button.secondary:hover,
.captcha-container a.button:link.secondary:hover,
.captcha-container a.button:visited.secondary:hover,
.captcha-container .button.secondary:hover,
.captcha-container button.secondary:hover,
.captcha-container a.button.secondary:focus,
.captcha-container a.button:link.secondary:focus,
.captcha-container a.button:visited.secondary:focus,
.captcha-container .button.secondary:focus,
.captcha-container button.secondary:focus {
  background: #d2dbe1;
}
.captcha-container a.button,
.captcha-container a.button:link,
.captcha-container a.button:visited {
  padding-top: 14px;
}
.captcha-container button.asLink {
  display: inline;
  width: auto;
  padding: 0;
  background: none;
  color: #0079c1;
  font-weight: normal;
}
.captcha-container .fieldWrapper {
  position: relative;
  z-index: 2;
  width: 100%;
}
.captcha-container .errorMessage {
  position: absolute;
  top: 1px;
  opacity: 0;
  z-index: 1;
  width: 100%;
  text-align: left;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  -webkit-transition: top 0.3s ease-out;
  -moz-transition: top 0.3s ease-out;
  -o-transition: top 0.3s ease-out;
  -ms-transition: top 0.3s ease-out;
  transition: top 0.3s ease-out;
  transition-property: max-height, opacity, top, padding-top, background;
}
.captcha-container .errorMessage.show {
  opacity: 1;
  top: 36px;
  height: auto;
  background: #fff7f7;
  border: 1px solid #e00200;
  border-top: hidden;
}
.captcha-container .errorMessage p {
  margin: 0;
  color: #2c2e2f;
}
.captcha-container .z100 {
  z-index: 100;
}
.captcha-container .textInput {
  position: relative;
  margin: 0 0 10px 0;
  /* For IE 11: the errorMessage div can be seen from under the input div, so using this to hide it */
}
.captcha-container .textInput .fieldWrapper:before {
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 44px;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
.captcha-container .textInput.hasError input {
  border: 1px solid #e00200;
  background: url("../img/sprite_form.png") no-repeat top -409.9px right 10px;
  background-size: 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-device-pixel-ratio: 2) {
  .captcha-container .textInput.hasError input {
    background: url("../img/sprite_form_2x.png") no-repeat top -409.9px right 10px;
    background-size: 25px;
  }
}
.captcha-container .textInput.hasError input:-moz-placeholder {
  color: #9d2c36;
}
.captcha-container .textInput.hasError input::-moz-placeholder {
  color: #9d2c36;
}
.captcha-container .textInput.hasError input:-ms-input-placeholder {
  color: #9d2c36;
}
.captcha-container .textInput.hasError input::-webkit-input-placeholder {
  color: #9d2c36;
}
.captcha-container .textInput.hasError input:focus,
.captcha-container .textInput.hasError input:active {
  border: 1px solid #e00200;
}
.captcha-container .textInput.hasError input:focus:-moz-placeholder,
.captcha-container .textInput.hasError input:active:-moz-placeholder {
  color: #9b989b;
}
.captcha-container .textInput.hasError input:focus::-moz-placeholder,
.captcha-container .textInput.hasError input:active::-moz-placeholder {
  color: #9b989b;
}
.captcha-container .textInput.hasError input:focus:-ms-input-placeholder,
.captcha-container .textInput.hasError input:active:-ms-input-placeholder {
  color: #9b989b;
}
.captcha-container .textInput.hasError input:focus::-webkit-input-placeholder,
.captcha-container .textInput.hasError input:active::-webkit-input-placeholder {
  color: #9b989b;
}
.captcha-container .textInput .fieldLabel {
  width: 100%;
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  display: none;
}
.captcha-container .textInput .fieldLabel .errorMessage {
  width: inherit;
  z-index: -1;
  top: 40px;
}
.captcha-container .textInput input {
  height: 44px;
  width: 100%;
  padding: 0 10px 0 10px;
  border: 1px solid #aaa;
  background: #fff;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #2c2e2f;
  font-size: 1em;
}
.captcha-container .textInput input:focus {
  outline: 0;
  border: 1px solid #009cde;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
}
.captcha-container
  .textInput
  input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]) {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.captcha-container .combinedFields .textInput {
  width: 70%;
  float: left;
}
.captcha-container .combinedFields .textInput input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.captcha-container .textInput {
  position: relative;
}
.captcha-container .textInput .inputAction {
  position: absolute;
  z-index: 2;
  color: #181818;
  font-size: 13px;
  top: 16px;
  right: 15px;
}
.captcha-container .textInput.hasError .inputAction {
  position: absolute;
  top: 16px;
  right: 50px;
}
.captcha-container .accessAid {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.captcha-container footer {
  display: none;
}
@media all and (max-width: 440px) {
  .captcha-container .corral {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .captcha-container .combinedFields .textInput {
    width: 65%;
  }
}
/* Landscape mobile */
@media all and (max-width: 767px) and (orientation: landscape) {
  .captcha-container .contentContainer {
    margin: 5px auto 0;
    padding: 0% 10% 1%;
  }
}
.contents {
  width: 100%;
  padding-bottom: 8rem;
  color: #2c2e2f;
}
.foreground-container {
  background: #f5f7fa;
}
.noGutter,
.fi-auto-link_noGutter {
  padding-left: 0;
  padding-right: 0;
}
.verticalLine {
  color: #e1e7eb;
}
.accountPage-container {
  display: table;
  width: 100%;
  margin: 0 auto;
}
.accountPage-sections {
  padding-left: 0;
  padding-right: 0;
  display: table-cell;
}
.alertComponent {
  margin-bottom: 1.5rem;
  text-align: left;
}
.retryArrow:before {
  display: inline-block;
  transform: rotate(115deg) rotateX(180deg);
  text-decoration: none;
  color: #000000;
}
/* mixins for adding flexbox prefixes for older browsers */
/* generic flex container utility classes */
.flex-container.flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}
/* sets defaults via shorthand to avoid this IE bug:
https://github.com/philipwalton/flexbugs#6-the-default-flex-value-has-changed */
.flex-item {
  -webkit-box-flex: 1;
  -webkit-box-basis: auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.flex-item_nowrap {
  -webkit-box-flex: 1;
  -webkit-box-basis: auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  /* allows for nowrap to work on children:
	https://css-tricks.com/flexbox-truncated-text/ */
  min-width: 0;
}
.flex-item_grow0 {
  -webkit-box-flex: 0;
  -webkit-box-basis: auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media (min-width: 768px) {
  .showForMobile {
    display: none;
  }
  .invisibleForDesktop {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1;
    width: 1;
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .accountPage-sections {
    display: none;
  }
  .isActive {
    display: inline-block;
    width: 100%;
  }
}
/* container for Hypothesis 1 and Hypothesis 2 */
.tile_container {
  margin-top: 1.6rem;
  margin-left: 1%;
  margin-right: 1.6rem;
  margin-bottom: 0;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .tile_container {
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.tile_container-text {
  padding-left: 0.5rem;
  display: block;
}
.tile_container-primaryText {
  color: #ffffff;
}
.tile_container-secondaryText {
  color: #cbd2d6;
}
.z2.z2::before {
  z-index: 2;
}
.add-money-icon,
.pp-logo-nofill,
.store-front-icon,
.generic-bank-icon,
.generic-card-icon,
.add-fi-icon,
.oct-withdraw-icon,
.pp-logo-nofill {
  pointer-events: none;
}
.rectangleLogo_small {
  width: 3.2em;
  height: 2.1em;
  margin: 0 auto;
  border-radius: 4px;
  display: inline-block;
}
.bankLogo-image {
  max-width: 3.2em;
  max-height: 2.1em;
}
.rectangleLogo_large {
  display: block;
  width: 10.66em;
  height: 6.66em;
  border-radius: 12px;
  margin: 0 auto;
}
.circleLogo_small {
  display: inline-block;
  width: 2.66em;
  height: 2.66em;
  border-radius: 50%;
}
.circleLogo_large {
  display: block;
  margin: 0 auto;
  width: 6.66em;
  height: 6.66em;
  border-radius: 50%;
}
.shadow {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}
.icon_table {
  display: table;
  margin: 0 auto;
}
.icon_table:before {
  display: table-cell;
  vertical-align: middle;
}
.bankArt-details {
  padding-left: 0.5rem;
  text-align: left;
  overflow: hidden;
}
.ppLogo {
  text-align: center;
}
.shadowed {
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}
.new-page-icon {
  vertical-align: sub;
}
.chasePay-logo-container {
  vertical-align: top;
}
.chasePay-logo {
  width: 40px;
}
.chasePay-logo-container::after {
  content: "|";
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  vertical-align: 0rem;
  font-weight: 300;
  line-height: 1em;
  color: #cbd2d6;
}
.emptyState-bannerContainer {
  /* offset the VX pattern's padding added to account for the header */
  margin-top: 64px;
  margin-bottom: -64px;
  padding: 1.8em 2.4em 2.4em;
  min-height: 16em;
  z-index: 1;
  background: #005ea6;
  color: #ffffff;
  text-align: center;
}
.emptyState-bannerContainer_testTreatment {
  /* offset the VX pattern's padding added to account for the header */
  margin-top: 64px;
  margin-bottom: -64px;
  padding: 1.8em 2.4em 2.4em;
  min-height: 16em;
  z-index: 1;
  background: #005ea6;
  color: #ffffff;
  text-align: center;
  background: #2c2e2f;
}
.emptyState-banner {
  max-width: 1024px;
  margin: 0 auto;
}
.emptyState-content {
  max-width: 34.66em;
}
.emptyState-header {
  margin: 0;
}
.emptyState-body {
  margin-top: 0.5em;
}
.emptyState-button {
  margin-top: 1.25em;
  margin-bottom: 0;
}
.emptyState-iconContainer {
  vertical-align: middle;
}
.emptyState-icon {
  height: 12em;
  width: 100%;
  text-align: center;
}
.emptyState-iconDesktop {
  margin-top: 4px;
}
.emptyState-iconMobile {
  display: none;
}
.noBalanceEmptyState-container {
  max-width: 27em;
  margin: 30px auto;
  margin-top: 76px;
  text-align: center;
  padding: 3em 9px;
}
@media (max-width: 568px) {
  .noBalanceEmptyState-container {
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .emptyState-bannerContainer {
    margin: 0;
  }
  .emptyState-content {
    margin: 0 auto;
    text-align: center;
    max-width: 20em;
  }
  .emptyState-header {
    font-size: 1.875rem;
    margin: 0.5em 0;
  }
  .emptyState-button {
    min-width: 14.5em;
  }
  .emptyState-icon_card {
    background-position: 50% 50%;
    max-height: 7.5em;
  }
  .emptyState-iconMobile {
    display: block;
  }
  .emptyState-iconDesktop {
    display: none;
  }
  .emptyState-icon {
    height: 7em;
  }
}
/**
 * DO NOT EDIT THIS FILE AS IT'S GENERATED CODE.
 * PLEASE NOTE: If you have specific icon needs, place them in your project's own Less file.
*/
/*
 * Use this for local testing
 *
@font-face {
	font-family: 'consumer-icons';

	src: url('fonts/ConsumerIcons-Regular.eot');
	src: url('fonts/ConsumerIcons-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/ConsumerIcons-Regular.woff2') format('woff2'),
		url('fonts/ConsumerIcons-Regular.woff') format('woff'),
		url('fonts/ConsumerIcons-Regular.ttf')  format('truetype'),
		url('fonts/ConsumerIcons-Regular.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg');

	font-style: normal;
	font-weight: 400;
} */
/*
 * Use this for production
 *
 */

/*
 * Use this for containing an icon for vertical and
 * horizontal centering. Just apply the width and height
 * to a custom class applied to this same element.
 */
.cw_icon-container {
  display: inline-table;
  margin: auto;
}
.cw_icon-container .cw_icon {
  vertical-align: middle;
  display: table-cell;
  height: 1em;
}
.cw_icon-container .cw_icon:before {
  vertical-align: 0.15em;
}
.cw_icon {
  font-family: "consumer-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cw_icon-small:before {
  font-size: 1.58rem;
}
.cw_icon-medium:before {
  font-size: 2.6rem;
}
.cw_icon-large:before {
  font-size: 7.8rem;
}
.cw_icon-slider-small:before {
  content: "\205E";
}
.cw_icon-slider-xsmall:before,
.cw_icon-slider-half-small:before {
  content: "\205D";
}
.cw_icon-close-small:before {
  content: "\2716";
}
.cw_icon-add-small:before {
  content: "\002B";
}
.cw_icon-arrow-down-small:before {
  content: "\2193";
}
.cw_icon-arrow-up-small:before {
  content: "\2191";
}
.cw_icon-arrow-left-small:before {
  content: "\2190";
}
.cw_icon-arrow-right-small:before {
  content: "\2192";
}
.cw_icon-arrow-down-half-small:before {
  content: "\21E3";
}
.cw_icon-arrow-up-half-small:before {
  content: "\21E1";
}
.cw_icon-arrow-left-half-small:before {
  content: "\21E0";
}
.cw_icon-arrow-right-half-small:before {
  content: "\21E2";
}
.cw_icon-arrow-back-small:before {
  content: "\21E6";
}
.cw_icon-clear-half-small:before,
.cw_icon-cancel-small:before {
  content: "\274E";
}
.cw_icon-checkmark-large:before,
.cw_icon-checkmark-small:before {
  content: "\2705";
}
.cw_icon-checkmark-sm:before,
.cw_icon-checkmark-small-bold:before {
  content: "\2611";
}
.cw_icon-action-xsmall:before,
.cw_icon-action-arrow-half-small:before {
  content: "\25BA";
}
.cw_icon-open-list-small:before,
.cw_icon-action-arrow-down-half-small:before {
  content: "\25BC";
}
.cw_icon-close-list-small:before,
.cw_icon-action-arrow-up-half-small:before {
  content: "\25B2";
}
.cw_icon-help-xsmall:before,
.cw_icon-tooltip-outline-small:before,
.cw_icon-tooltip-small:before {
  content: "\FE16";
}
.cw_icon-circled-info-xsmall:before,
.cw_icon-info-small:before,
.cw_icon-info-outline-small:before {
  content: "\2139";
}
.cw_icon-positive-xsmall:before,
.cw_icon-positive-small:before,
.cw_icon-circled-checkmark-small:before {
  content: "\2714";
}
.cw_icon-attention-xsmall:before,
.cw_icon-attention-small:before,
.cw_icon-attention-outline-small:before {
  content: "\FE15";
}
.cw_icon-critical-xsmall:before,
.cw_icon-critical-small:before {
  content: "\26A0";
}
.cw_icon-info-large:before {
  content: "\24D8";
}
.cw_icon-positive-large:before,
.cw_icon-circled-checkmark-large:before {
  content: "\2713";
}
.cw_icon-attention-large:before {
  content: "\2762";
}
.cw_icon-critical-large:before {
  content: "\2757";
}
.cw_icon-settings-small:before,
.cw_icon-gear:before {
  content: "\2699";
}
.cw_icon-search-small:before,
.cw_icon-magnifying-glass:before {
  content: "\1F50D";
}
.cw_icon-notification-small:before,
.cw_icon-bell-small:before,
.cw_icon-bell:before {
  content: "\1F514";
}
.cw_icon-link-xsmall:before,
.cw_icon-chain-link-xsmall:before,
.cw_icon-chain-link:before,
.cw_icon-link-small:before {
  content: "\1F517";
}
.cw_icon-calendar-small:before {
  content: "\1F4C5";
}
.cw_icon-calendar:before {
  content: "\1F4C6";
}
.cw_icon-photo-small:before,
.cw_icon-camera:before,
.cw_icon-camera-small:before {
  content: "\1F4F7";
}
.cw_icon-photo-add-small:before,
.cw_icon-camera-add:before {
  content: "\E614";
}
.cw_icon-profile-large:before,
.cw_icon-avatar:before {
  content: "\1F468";
}
.cw_icon-profile-add-large:before {
  content: "\1F469";
}
.cw_icon-pp-logo:before,
.cw_icon-pp-logo-half:before,
.cw_icon-pp-logo-outline:before {
  content: "\E499";
}
.cw_icon-profile-small:before {
  content: "\2687";
}
.cw_icon-delete-small:before {
  content: "\E609";
}
.cw_icon-edit-small:before {
  content: "\270E";
}
.cw_icon-lock-small:before {
  content: "\1F512";
}
.cw_icon-pdf-small:before {
  content: "\1F4CE";
}
.cw_icon-contact-small:before {
  content: "\1F4AC";
}
.cw_icon-undo-small:before {
  content: "\21BA";
}
.cw_icon-simple-list-small:before {
  content: "\1D119";
}
.cw_icon-detailed-list-small:before {
  content: "\1D118";
}
.cw_icon-print-small:before {
  content: "\2399";
}
.cw_icon-us-dollar-outline-small:before {
  content: "\0024";
}
.cw_icon-visa-logo:before {
  content: "\FF36";
}
.cw_icon-mastercard-logo:before {
  content: "\FF2D";
}
.cw_icon-maestro-logo:before {
  content: "\FF4D";
}
.cw_icon-amex-logo:before {
  content: "\FF21";
}
.cw_icon-discover-logo:before {
  content: "\FF24";
}
.cw_icon-hiper-logo:before {
  content: "\FF28";
}
.cw_icon-hipercard-logo:before {
  content: "\FF48";
}
.cw_icon-elo-logo:before {
  content: "\FF25";
}
.cw_icon-jcb-logo:before {
  content: "\FF2A";
}
.cw_icon-unionpay-logo:before {
  content: "\FF23";
}
.cw_icon-card-small:before,
.cw_icon-card-half-solid:before {
  content: "\1F4B3";
}
.cw_icon-bank-small:before,
.cw_icon-bank-half-solid:before {
  content: "\1F3E6";
}
.cw_icon-add-fi-large:before {
  content: "\1F45B";
}
.cw_icon-star-small:before {
  content: "\2605";
}
.cw_icon-star-outline-small:before {
  content: "\2606";
}
.cw_icon-desktop-small:before {
  content: "\E610";
}
.cw_icon-mobile-small:before,
.cw_icon-phone-solid:before {
  content: "\1F4F1";
}
.cw_icon-laptop-small:before {
  content: "\1F4BB";
}
.cw_icon-tablet-small:before {
  content: "\E608";
}
.cw_icon-send-money:before {
  content: "\1F4B8";
}
.cw_icon-request-money:before {
  content: "\1F4B5";
}
.cw_icon-add-money:before {
  content: "\E600";
}
.cw_icon-send-check:before {
  content: "\E508";
}
.cw_icon-transfer-money-medium:before {
  content: "\E601";
}
.cw_icon-international-transfer:before {
  content: "\E604";
}
.cw_icon-photo:before {
  content: "\E611";
}
.cw_icon-gift-cards:before {
  content: "\E500";
}
.cw_icon-credit-card:before {
  content: "\E501";
}
.cw_icon-truck:before {
  content: "\1F69A";
}
.cw_icon-email:before {
  content: "\2709";
}
.cw_icon-bank-check:before {
  content: "\E502";
}
.cw_icon-holiday:before {
  content: "\E503";
}
.cw_icon-gift:before {
  content: "\1F381";
}
.cw_icon-wallet:before {
  content: "\E504";
}
.cw_icon-play-video:before {
  content: "\25B7";
}
.cw_icon-heart:before {
  content: "\2661";
}
.cw_icon-shield:before {
  content: "\1F6E1";
}
.cw_icon-tunes:before {
  content: "\266B";
}
.cw_icon-invoice:before {
  content: "\1F5CE";
}
.cw_icon-shopping-bag:before {
  content: "\1F6CD";
}
.cw_icon-phone:before {
  content: "\E505";
}
.cw_icon-tag:before {
  content: "\E506";
}
.cw_icon-delivery:before {
  content: "\E607";
}
.cw_icon-questionmark:before {
  content: "\FF1F";
}
.cw_icon-coupons-medium:before,
.cw_icon-cut-coupons:before {
  content: "\E612";
}
.cw_icon-register:before {
  content: "\E507";
}
.cw_icon-house:before {
  content: "\2302";
}
.cw_icon-gift-card:before {
  content: "\E606";
}
.cw_icon-messages:before {
  content: "\1F4AD";
}
.cw_icon-paypal-me:before {
  content: "\E509";
}
.cw_icon-money-bag:before {
  content: "\1F4B0";
}
.cw_icon-chip-pin:before {
  content: "\E605";
}
.cw_icon-boleto-ready:before {
  content: "\E602";
}
.cw_icon-boleto-topup:before {
  content: "\E603";
}
.cw_icon-clock-pay:before {
  content: "\1F557";
}
.cw_icon-speeding-cart:before {
  content: "\E613";
}
.cw_icon-store-medium:before {
  content: "\1F3EC";
}
/**
* Sticky panel, it gets the panel at the bottom of its container taking the full width of it
*/
.stickyButtonFooter-wrapper {
  position: fixed;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  width: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.stickyButtonFooter-container {
  position: relative;
  width: 100vw;
  left: -50vw;
}
.stickyButtonFooter-panel {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding-top: 1.5rem;
  background-color: #ffffff;
  /* gives boundary for `margin-bottom` to work properly in child elemements */
  padding-bottom: 0.1px;
}
@media (max-width: 1024px) {
  .stickyButtonFooter-panel {
    width: 65%;
  }
}
@media (max-width: 640px) {
  .stickyButtonFooter-panel {
    width: 100%;
  }
}
.stickyButtonFooter-panel_hasShadow {
  box-shadow: 0 -15px 15px -6px rgba(0, 0, 0, 0.1),
    0 -1px 0 0 rgba(0, 0, 0, 0.05);
}
.radioGroup {
  margin: 15px 0;
}
.radioGroup-list_dotted {
  border-top: 1px dotted #b7bcbf;
}
.radioGroup-list {
  margin: 0;
  border-top: 1px solid #b7bcbf;
  border-bottom: 1px solid #b7bcbf;
}
.radioGroup-list_noTopDivider {
  border-top: none;
}
.radioGroup-listItem {
  padding: 1rem;
  border-bottom: 1px dotted #b7bcbf;
}
.radioGroup-listItem:last-child {
  border: none;
}
.radioGroup-label.radioGroup-label {
  width: 100%;
  margin: 0;
}
.radioGroup-label.radioGroup-label:before {
  vertical-align: middle;
}
.tooltipContainer {
  z-index: 4;
  position: relative;
  cursor: pointer;
}
.tooltipContentWrapper {
  padding-bottom: 1rem;
  position: absolute;
}
.tooltipContent {
  position: relative;
  display: none;
  width: 275px;
  max-width: 275px;
  padding: 0.75rem;
  border-radius: 5px;
  background-color: #f5fbfe;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15), 0 1px 0 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #50c7f9;
}
.tooltipContainer:after {
  display: none;
  position: absolute;
  bottom: 55%;
  right: 50%;
  margin-right: -0.5rem;
  content: "";
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid #f5fbfe;
  border-bottom: 0.5rem solid transparent;
}
.tooltipContainer:before {
  display: none;
  position: absolute;
  bottom: 50%;
  right: 50%;
  margin-right: -0.5rem;
  content: "";
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid #50c7f9;
  border-bottom: 0.5rem solid transparent;
}
.tooltipContainer_isVisible:before,
.tooltipContainer_isVisible:after {
  display: inline-block;
}
.tooltip_bottom.tooltipContainer:after {
  top: 55%;
  right: 50%;
  margin-right: -0.5rem;
  bottom: auto;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #f5fbfe;
}
.tooltip_bottom.tooltipContainer:before {
  top: 50%;
  right: 50%;
  margin-right: -0.5rem;
  bottom: auto;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #50c7f9;
}
.tooltip_isVisible {
  display: block;
}
.tooltip_top .tooltipContentWrapper {
  bottom: 0.5rem;
  right: -2.5rem;
}
.tooltip_bottom .tooltipContentWrapper {
  top: 1.5rem;
  right: -2.5rem;
}
.tooltip_left .tooltipContentWrapper {
  left: -0.5rem;
  right: auto;
}
.hrContainer {
  margin-bottom: 1.5rem;
  position: relative;
  height: 1.5rem;
  text-align: center;
}
.hrSplit {
  background: linear-gradient(to right, transparent, #6c7378, transparent);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 0.06rem;
  border: 0;
  margin: 0rem;
}
.hrLabel {
  position: relative;
  display: inline-block;
  padding: 0 0.5rem;
  line-height: 1.5rem;
  background-color: #ffffff;
  color: #2c2e2f;
  z-index: 1;
}
.fiLists-container {
  vertical-align: top;
  min-width: 320px;
}
.fiListGroup {
  padding-left: 1%;
  padding-top: 1.6em;
}
.fiList {
  width: 100%;
  list-style: none;
  margin: 0;
}
.fiListGroup-header {
  cursor: pointer;
}
.fiList-item {
  line-height: normal;
}
.fiListGroup-header,
.fiList-item {
  position: relative;
  min-height: 3rem;
  border-bottom: 1px solid #dce3e7;
}
.fiListGroup-headerIcon,
.fiListGroup-headerContent {
  vertical-align: middle;
}
.fiListGroup-headerIcon {
  width: 2.25rem;
  font-size: 1.25rem;
}
.fiListGroup-headerContent {
  text-transform: uppercase;
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .fiList-item.isSelected_ltr {
    background: -moz-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      #e2e7eb 100%
    );
    background: -webkit-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      #e2e7eb 100%
    );
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #e2e7eb 100%);
  }
  .fiList-item.isSelected_rtl {
    /* @noflip */
    background: -moz-linear-gradient(
      90deg,
      #e2e7eb 0%,
      rgba(255, 255, 255, 0) 100%
    );
    /* @noflip */
    background: -webkit-linear-gradient(
      90deg,
      #e2e7eb 0%,
      rgba(255, 255, 255, 0) 100%
    );
    /* @noflip */
    background: linear-gradient(90deg, #e2e7eb 0%, rgba(255, 255, 255, 0) 100%);
  }
  .isSelected_ltr:after,
  .isSelected_rtl:after {
    position: absolute;
    top: 17.5%;
    right: -2.9em;
    content: "";
    border-left: 1.5em solid #e2e7eb;
    border-right: 1.5em solid transparent;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
  }
}
.fiListItem-row {
  min-height: 4.5rem;
  height: 0;
  padding: 0.875rem 0;
}
.fiListItem-link:hover,
.fiListItem-link:focus {
  text-decoration: none;
  color: #2c2e2f;
}
.fiListItem-col,
.fiListItem-col_offset {
  padding: 0 5px;
  vertical-align: middle;
}
.fiListItem-col_noSubText {
  vertical-align: text-top;
  padding-top: 5px;
}
.fiListItem-header {
  display: block;
}
.fiListItem-header,
.fiListItem-identifier {
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.fiListItem-subText {
  font-weight: 400;
  font-size: 13px;
  color: #2c2e2f;
}
.fiListItem_inactive {
  opacity: 0.6;
}
.alertIcon-details {
  color: #d20000;
  width: 15px;
}
.successIcon-details {
  color: #299976;
  width: 15px;
}
.attentionIcon-details {
  color: #ff9600;
  width: 15px;
}
.fiListItem-statusIcon {
  width: 2.25rem;
}
.fiListItem-typeIcon {
  width: 4rem;
  text-align: center;
}
.fiListItem-icon-topAligned {
  vertical-align: top;
}
.fiListItem-typeIconImage {
  vertical-align: middle;
}
.fiListItem-col_offset {
  padding-left: 2.25rem;
  box-sizing: content-box;
  width: 3.5rem;
}
.fiListGroupHeader-element {
  display: table-cell;
  vertical-align: middle;
  padding-top: 2em;
}
.fiListGroupHeader-icon {
  display: table;
  color: #181818;
}
.fiListGroupHeader-icon_isClosed {
  transform: rotate(-90deg);
  top: 4px;
  left: -4px;
  position: relative;
}
.fiListGroupHeader-icon:before {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.fiListGroupHeader-container {
  border-bottom: 1px solid #dce3e7;
  display: table;
  width: 100%;
}
.fiListGroupHeader-element_content {
  text-transform: uppercase;
  padding-left: 0.5em;
}
.fiListItem-cardBrand,
.fiListItem-bankName {
  text-transform: capitalize;
  font-size: 15px;
}
.fiListItem-merchantLogo {
  max-height: 45px;
  max-width: 45px;
}
.fiListItem-typeIcon_offer {
  text-align: center;
}
.fiListItem-amount {
  font-weight: 300;
  color: #2c2e2f;
}
.fiListItem-choicePreferred {
  vertical-align: top;
  padding-top: 3px;
}
.fiListItem-outageHeader {
  padding-bottom: 1.5rem;
}
.fiListItem-outageIconContainer {
  padding-top: 1.125rem;
}
/* treatments for wallet homepage redesign */
.fiListGroup_testTreatment {
  padding-left: 1%;
}
.fiListGroup-header_testTreatment,
.fiList-item {
  position: relative;
  min-height: 3rem;
  border-bottom: 1.5px dotted #dce3e7;
}
.fiList-icon_sideBySide {
  display: flex;
  margin: 0 auto;
  align-items: center;
}
.linkFi-linkCardText {
  text-align: center;
}
.vx_hr-alt.verticalLine {
  width: 6em;
  margin-top: 2em;
  transform: rotate(90deg);
  z-index: 1;
  position: absolute;
}
@media (max-width: 768px) {
  .vx_hr-alt.verticalLine {
    width: 20%;
    transform: rotate(90deg);
  }
}
.fiList-addCardIcon {
  height: 55px;
  width: 36px;
  margin-bottom: -0.4em;
}
.fiList-linkBankText {
  padding-top: 0.65em;
  text-align: center;
}
.fiList-icon_container {
  display: flex;
  width: 100%;
  margin-top: 3em;
  justify-content: center;
}
.fiList-item_testTreatment {
  line-height: normal;
  border-bottom: 1px solid #dce3e7;
  position: relative;
  min-height: 3rem;
  border-bottom: 1.5px dotted #dce3e7;
}
.accountPage-container:focus {
  outline: none;
}
.fiDetailArea-container {
  background: #ffffff;
  min-height: 400px;
  box-shadow: 0 300px #ffffff, 0 600px #ffffff, 0 900px #ffffff;
}
.fiDetails-backBtn {
  position: absolute;
  top: 1em;
  left: 1em;
}
.fiDetails-backBtn:hover {
  text-decoration: none;
  border-bottom: 1px solid #181818;
}
.fiDetails-container {
  position: relative;
  outline: 0;
}
.fiDetails {
  padding: 90px 10% 50px;
  margin: 0 auto;
  text-align: center;
}
.cardDetails {
  text-align: center;
}
@media (min-width: 640px) {
  .fiDetails,
  .outageDetails {
    padding: 90px 15% 50px;
  }
}
@media (min-width: 896px) {
  .fiDetails,
  .outageDetails {
    padding: 90px 25% 50px;
  }
}
.fiDetails-body {
  text-align: left;
}
.fiDetails-instrumentName {
  text-align: center;
  font-weight: 300;
}
.fiDetails-label {
  margin: 0;
  font-size: 13px;
  padding-left: 0%;
}
.fiDetails-hr {
  margin: 1.25rem 0 1rem;
}
.fiDetails-statusInfo {
  color: #b7bcbf;
}
.bankDetails-label {
  margin-bottom: 10px;
}
.bankDetails-authorizationStatus,
.autoWithdrawDetails-status {
  display: table;
  width: 100%;
}
.bankAuthDetailsLink,
.autoWithdrawDetailsLink {
  text-align: right;
}
.balanceDetails-amount {
  line-height: 1rem;
  margin: 0 0 1rem;
}
.balanceDetails-moveMoneyButton {
  margin: 0 0 1.25rem;
  white-space: nowrap;
}
.balanceDetails-manageCurrencies {
  display: block;
  padding-bottom: 0.5rem;
}
.fiDetails-balance_info {
  margin-bottom: 20px;
}
.fiDetails-balanceAlert {
  margin-bottom: 20px;
  text-align: left;
}
.fiDetails-balanceOnHold {
  line-height: 1em;
  border-top: 1px dotted #cbd2d6;
  padding: 12px 0 0 20px;
  margin-top: 20px;
}
.fiDetails-resolveBalHoldLink {
  padding-top: 5px;
}
.fi-details-lighterFontWeight {
  font-weight: 100;
}
.fiDetails-actionLinks {
  text-align: center;
}
.octWithdraw-info {
  border: 1px solid #cbd2d6;
  border-radius: 5px;
  padding: 10px 12px 12px;
}
.octWithdraw-content {
  vertical-align: top;
  padding-left: 1.4rem;
}
.octWithdraw-icon {
  padding-top: 0.3125rem;
}
.withdrawRiskHold-disclaimerText {
  color: #6c7378;
}
.withdrawDetails-nextButton {
  margin-top: 1.5rem;
}
.withdrawSuccess-disclamerText {
  margin: 0;
}
.withdraw-estimatedArrivalText {
  color: #2c2e2f;
}
.fiDetails-collections {
  border: 0.0625rem solid #d20000;
  border-radius: 0.3125rem;
  max-width: 21.25rem;
  padding: 0.75rem 1.125rem 0.75rem 0.3125rem;
  margin: 0px auto 1.125rem;
}
.fiDetails-collections_options {
  margin-left: 0.625rem;
  text-align: left;
  line-height: 1.6;
}
.fiListItem-statusIcon_collections,
.fiDetails-collections_options {
  display: table-cell;
  vertical-align: top;
}
.fiDetails-collections_plans {
  display: inline-block;
}
.fiDetails-collectionsNote {
  max-width: 21.25rem;
  margin: 0px auto;
  line-height: 1.3;
}
.fiDetails-collectionsNote_title {
  border: 0.0625rem solid #979797;
  text-transform: uppercase;
  padding: 0.5625rem 1rem;
  margin: 2.625rem 0px 0.5rem;
  line-height: 1.3;
}
.fiDetails-collections_plans-info {
  display: block;
}
.complete-pull-benefits-list {
  line-height: 1.38;
}
.complete-pull-settings-block {
  margin: 15px 0px;
}
.outageDetails {
  padding-left: 18.5%;
  padding-right: 18.5%;
}
.outage-container {
  padding-top: 1.75rem;
  position: relative;
}
.outageIcon-container {
  display: inline-block;
  position: absolute;
  left: 0.5rem;
  padding-top: 0.25rem;
}
.outageIcon {
  color: #d20000;
  margin-right: 0.625rem;
}
.outageMessage-container {
  display: inline-block;
  position: absolute;
  left: 10%;
  margin-top: 0;
  text-align: left;
}
.outageMessage {
  margin: 0;
}
.outageLink {
  margin: 0;
}
@media (max-width: 640px) {
  .outageDetails {
    padding-left: 5%;
    padding-right: 5%;
  }
  .outageIcon-container {
    left: -0.125rem;
  }
}
.etoilesLogo,
.amexLogo,
.auraLogo,
.auroraLogo,
.banamexLogo,
.bancomerLogo,
.banorteLogo,
.carte-auroreLogo,
.cbLogo,
.cb_nationaleLogo,
.cetelemLogo,
.china_union_payLogo,
.cofidisLogo,
.cofinogaLogo,
.deltaLogo,
.dinersLogo,
.discoverLogo,
.ecLogo,
.eloLogo,
.hiperLogo,
.hipercardLogo,
.hsbcLogo,
.jcbLogo,
.maestroLogo,
.master_cardLogo,
.postepayLogo,
.qiwi-visaLogo,
.santanderLogo,
.soloLogo,
.starLogo,
.switchLogo,
.visa-electronLogo,
.visaLogo,
.bmlLogo,
.smartconnectLogo,
.extrasmastercardLogo,
.ebayLogo,
.ppcLogo {
  max-width: 100%;
  background-size: 100%;
  background-image: url("../img/small_card_sprite_5-30.png");
}
.etoilesLogo {
  background-position: 0 0;
  background-size: 100%;
}
.amexLogo {
  background-position: 0 3.2897%;
  background-size: 100%;
}
.auraLogo {
  background-position: 0 5.757%;
  background-size: 100%;
}
.auroraLogo {
  background-position: 0 8.677419%;
  background-size: 100%;
}
.banamexLogo {
  background-position: 0 11.3226%;
  background-size: 100%;
}
.bancomerLogo {
  background-position: 0 14.329032%;
  background-size: 100%;
}
.banorteLogo {
  background-position: 0 17.154839%;
  background-size: 100%;
}
.carte-auroreLogo {
  background-position: 0 20.050645%;
  background-size: 100%;
}
.cbLogo {
  background-position: 0 22.906452%;
  background-size: 100%;
}
.cb_nationaleLogo {
  background-position: 0 23.106452%;
  background-size: 100%;
}
.cetelemLogo {
  background-position: 0 25.732258%;
  background-size: 100%;
}
.china_union_payLogo {
  background-position: 0 28.558065%;
  background-size: 100%;
}
.cofidisLogo {
  background-position: 0 31.483871%;
  background-size: 100%;
}
.cofinogaLogo {
  background-position: 0 34.299677%;
  background-size: 100%;
}
.deltaLogo {
  background-position: 0 37.235484%;
  background-size: 100%;
}
.dinersLogo {
  background-position: 0 40.06129%;
  background-size: 100%;
}
.discoverLogo {
  background-position: 0 42.887097%;
  background-size: 100%;
}
.ecLogo {
  background-position: 0 45.712903%;
  background-size: 100%;
}
.eloLogo {
  background-position: 0 48.63871%;
  background-size: 100%;
}
.hiperLogo {
  background-position: 0 51.464516%;
  background-size: 100%;
}
.hipercardLogo {
  background-position: 0 54.290323%;
  background-size: 100%;
}
.hsbcLogo {
  background-position: 0 57.016129%;
  background-size: 100%;
}
.jcbLogo {
  background-position: 0 59.9%;
  background-size: 100%;
}
.maestroLogo {
  background-position: 0 62.867742%;
  background-size: 100%;
}
.master_cardLogo {
  background-position: 0 65.6%;
  background-size: 100%;
}
.postepayLogo {
  background-position: 0 68.619355%;
  background-size: 100%;
}
.qiwi-visaLogo {
  background-position: 0 71.545161%;
  background-size: 100%;
}
.santanderLogo {
  background-position: 0 74.370968%;
  background-size: 100%;
}
.soloLogo {
  background-position: 0 77.096774%;
  background-size: 100%;
}
.starLogo {
  background-position: 0 80.022581%;
  background-size: 100%;
}
.switchLogo {
  background-position: 0 82.648387%;
  background-size: 100%;
}
.visa-electronLogo {
  background-position: 0 85.774194%;
  background-size: 100%;
}
.visaLogo {
  background-position: 0 88.25161%;
  background-size: 100%;
}
.bmlLogo {
  background-position: -12px 90.9926%;
  background-size: 65px;
  background-repeat: no-repeat;
}
.ppcLogo {
  background-position: -12px 90.9926%;
  background-size: 65px;
  background-repeat: no-repeat;
}
.smartconnectLogo {
  background-position: -12px 93.8191%;
  background-size: 65px;
  background-repeat: no-repeat;
}
.extrasmastercardLogo {
  background-position: 0 96.762%;
  background-size: 100%;
}
.ebayLogo {
  background-position: 0 99.5%;
  background-size: 100%;
}
.cardImage-container {
  position: relative;
}
.cardImage-container_large {
  min-height: 190px;
}
.cardImage-container_medium {
  min-height: 98px;
}
.cardImage_small {
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  width: 48px;
}
.cardImage_medium {
  border-radius: 6px;
  background-size: 150px;
  min-height: 98px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.cardImage_large {
  border-radius: 12px;
  background-size: 300px;
  min-height: 190px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.cardLast4Digits {
  width: 300px;
  position: relative;
  top: -30px;
  left: 20px;
  text-align: left;
  margin: 0 auto;
  color: #2c2e2f;
  letter-spacing: 2px;
}
.removeFi-container,
.fiActionResult-container {
  text-align: center;
  margin-top: 2em;
  outline: none;
}
.fiActionResult-header {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}
.fiActionResult-header.vx_has-spinner-large {
  height: 128px;
}
.fiActionResult-message {
  margin-bottom: 1.2em;
  color: #6c7378;
}
.fiActionResult-icon_success {
  color: #00cf92;
}
.fiActionResult-icon_info {
  color: #9da3a6;
}
.fiActionResult-icon_error {
  color: #ff9600;
}
.fiActionResult-icon_warning {
  color: #d20000;
}
.fiActionResult-secondaryActions {
  display: block;
  margin-bottom: 1.5em;
}
.fi-lastDigits {
  white-space: nowrap;
  direction: ltr;
  unicode-bidi: embed;
}
.form-alert {
  margin-bottom: 1.25em;
}
.link-nowrap {
  white-space: nowrap;
}
.elementDirection {
  direction: ltr;
}
/* @noflip */
.elementDirection_ltr {
  direction: ltr;
  unicode-bidi: embed;
}
/* @noflip */
.floatingLabel.floatingLabel {
  left: -999em;
  right: unset;
}
.elementDirection_rtl_backButton::before {
  content: "\2192";
}
.textAreaInput {
  padding: 0 0.8rem;
  border-width: 1rem 0.2rem 0;
  border-style: solid;
  border-color: transparent;
  border-radius: 4px;
  width: 100%;
  resize: vertical;
}
.elementTopMargin-container {
  margin-top: 1.5rem;
}
.countryList-margin {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
.countryListGroup {
  padding-left: 1%;
  padding-top: 1.6em;
  padding-bottom: 0.5em;
}
.header-centered,
.cardSuccess-container,
.cardForm-cardArt,
.cardForm-last4 {
  text-align: center;
}
.cardForm-last4 {
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
}
.cardImages-container {
  display: table;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  list-style: none;
  margin: 0 0 1.5em;
}
.cardImage-container {
  vertical-align: top;
  padding-top: 1em;
}
.cardImages-entry {
  display: inline-block;
  text-align: center;
  margin-right: 25px;
  margin-bottom: 10px;
}
.cardImages-icon {
  opacity: 0.25;
  vertical-align: middle;
}
.cardImages-icon_selected {
  opacity: 1;
}
.card-submit {
  margin-top: 1.5rem;
}
.csc-image,
.csc-image:after {
  position: relative;
  top: 0.6em;
}
.csc-image:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 3.2em;
  height: 3em;
  background: url("../img/sprite_logos_wallet_2x.png") no-repeat;
  background-position: 0px -731px;
  background-size: 153%;
  /* increases sprite size to match our card icon size */
}
.csc-image_amex:after {
  background-position: 0px -837px;
}
.updateCardArt-container {
  position: relative;
  left: -7px;
  top: 7px;
}
.sample-message {
  border-top: 1px dotted #cdcdcd;
}
.sample-message-heading {
  margin: 2em 0;
}
.share-card-actions {
  text-align: center;
  margin: 2em 0;
}
.share-card-complete-container {
  text-align: center;
}
.updateCard-cancelLink {
  display: block;
  margin: 0 auto;
}
.updateCard-body {
  padding: 0 0.1rem;
}
.fiDetails-secondaryText {
  padding-top: 0.3rem;
}
.confirmationStep-number {
  padding: 0.06em 0.4em 0.17em 0.44em;
  border: 1px solid #181818;
  border-radius: 50%;
  color: #181818;
}
.confirmationStep-content {
  padding-left: 0.75em;
}
.confirmationStep-contentHeader {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 600;
}
.completeConfirmation-cardStatementExample {
  margin-bottom: 0.75em;
}
.initiateConfirmation-cardStatementExample,
.completeConfirmation-contentContainer,
.confirmationStep-container {
  margin-bottom: 1.5em;
}
.completeConfirmation-submitBtn {
  margin-bottom: 1.25em;
  margin-top: 1.75em;
}
.completeConfirmation-resendLinkContainer {
  text-align: center;
}
.completeConfirmation-resendLink.completeConfirmation-resendLink {
  font-weight: 600;
}
.confirmCard-inputGroup {
  margin-bottom: 2em;
}
.confirmCard-smsConfirm-phoneInput {
  margin-left: 0;
}
.confirmCard-skipSmsConfirmation {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.confirmCard-text {
  padding: 0.25em 0 1em 0;
}
.mobilePhoneIcon {
  display: inline-block;
  margin-top: -1.5em;
}
.threedsLoading-text {
  width: 60%;
  text-align: center;
  margin: 0 auto;
  margin-top: 2em;
}
.threeds1-challengeIframe {
  width: 400px;
  height: 400px;
  border: solid 1px #b7bcbf;
}
.threeds1-hiddenChallengeIframe {
  width: 0;
  height: 0;
  border: none;
}
.autoLinkCardChoice-optionHeader {
  margin-bottom: 3rem;
}
.autoLinkCardChoice-header {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.autoLinkCardChoice-title {
  margin-bottom: 0.33rem;
}
.autoLinkCardChoice-radio {
  margin-bottom: 3rem;
  border-top: 1px solid #cbd2d6;
}
.autoLinkCardChoice-bankDetails {
  font-size: 0.8125rem;
  line-height: 1.85;
  text-align: left;
  color: #9b9b9b;
  display: block;
}
.autoLinkCardChoice-accountInfo {
  display: block;
}
.autoLinkCardConsent-logo {
  margin-top: 1.5rem;
}
.autoLinkCardConsent-header {
  margin-bottom: 0;
}
.autoLinkCardConsent-subHeader {
  margin-top: 0.75rem;
}
.autoLinkCardConsent-container {
  text-align: center;
}
.autoLinkCardConsent-info {
  margin: 1.5rem 0 2.25rem;
}
.candidateCard-row {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.candidateCard-icon,
.candidateCard-description,
.candidateCard-action {
  display: table-cell;
}
.candidateCard-description {
  vertical-align: middle;
}
.candidateCard-icon {
  width: 4rem;
  vertical-align: middle;
}
.candidateCard-action {
  text-align: center;
  vertical-align: middle;
  width: 24%;
}
.candidateCard-linkBtn {
  margin-bottom: 0;
  padding: 0.4rem 0;
}
.candidateCard-eligiblity {
  margin: 0;
  font-size: 0.6875rem;
}
.candidateCard-eligibleMsg {
  color: #299976;
}
.candidateCard-ineligibleMsg {
  color: #6c7378;
}
.autoLinkCard-header {
  margin: 0 0 0.75rem 0;
}
.autoLinkCard-info {
  color: #6c7378;
  text-align: left;
}
.autoLinkCard-formElement {
  margin: 0.75rem 0 1.5625rem 0;
}
.autoLinkCard-later {
  margin-bottom: 1.5rem;
  text-align: center;
}
.autoLinkCard-tooltip {
  color: #181818;
  font-weight: 500;
}
.autoLinkCard-container {
  max-width: 21.9rem;
  margin-top: 2.37rem;
  text-align: center;
}
.autoLinkCard-hrContainer {
  text-align: right;
  margin: 0.4375rem 0;
}
.autoLinkCard-hrSplit {
  border-top: 0.0625rem dotted #cbd2d6;
  background: no-repeat;
}
.autoLinkCard-hrLabel {
  padding: 0 0 0 1.13em;
  font-weight: 500;
  font-size: 0.8125rem;
}
.autoLinkCard-action {
  margin: 1.5rem 0;
  text-align: center;
}
.autoLinkCard-logo {
  margin-bottom: 2.7rem;
}
.autoLinkCard-hr {
  margin: 1.25rem 0;
}
.noCard-attention {
  margin: 3rem 0;
}
.noCard-resolution {
  margin: 1.5rem 0;
}
.autoLinkCard-bankStatus {
  padding-top: 0.25rem;
}
.autoLinkCard-bankConfirmMesage {
  margin: 2.25rem 0 1.5rem;
}
.autoLinkCard-bankConfirmLabel {
  color: #6c7378;
  text-align: left;
  margin: 0.75rem 0;
}
.candidateCard-actionText {
  margin-top: 0.175rem;
  color: #9da3a6;
  font-size: 0.75rem;
}
.candidateCard-unconfirmedAlert {
  margin: 0.875rem 0 1.125rem;
}
.candidateCard-unconfirmedAlertText {
  color: #6c7378;
}
.fi-auto-link,
.fi-auto-link_noGutter {
  display: table;
  padding-top: 0.4rem;
}
.fi-auto-link:hover {
  text-decoration: none;
}
.fi-auto-link-logo {
  margin: 0.5em 1em 0 0;
}
.fi-auto-link-arrow::before {
  font-size: 15pt;
  color: #2c2e2f;
}
.fi-auto-link-logo,
.fi-auto-link-name,
.fi-auto-link-arrow {
  display: table-cell;
  vertical-align: middle;
}
.fi-clickable:hover {
  background-color: #e4f1fb;
}
.accountListItem-label_hasError {
  color: #d20000;
}
.addBank-checkImage {
  position: relative;
  margin: 0.75rem 0 1.5rem;
  padding: 0.5rem;
  background: #f5f7fa;
  border-radius: 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}
.countryList-items {
  list-style: none;
  margin: 0;
  padding-top: 15px;
}
.accountListItem-label.accountListItem-label:before {
  -webkit-box-flex: 0;
  -webkit-box-basis: auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  overflow: visible;
}
.accountListItem-details {
  text-align: left;
}
.listGroup-container,
.addBank-capabilitiesText {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.listGroup-container_dotted {
  border-top: 1px dotted #b7bcbf;
}
.accountList-container {
  list-style: none;
  margin: 0 0 3rem;
}
/* @noflip */
.addBank-checkImage.addBank-routingNumber_isActive:before,
.addBank-checkImage.addBank-accountNumber_isActive:before,
.addBank-checkImage.addBank-accountNumber_isActive_CA:before {
  content: "";
  position: absolute;
  left: 0.6rem;
  bottom: 0.7rem;
  width: 28%;
  height: 16%;
  border: 2px solid #181818;
  border-radius: 3px;
}
/* @noflip */
.addBank-checkImage.addBank-accountNumber_isActive:before {
  left: 34%;
  width: 31%;
}
/* @noflip */
.addBank-checkImage.addBank-accountNumber_isActive_CA:before {
  left: 37.5%;
  width: 31%;
}
/* @noflip */
.addBank-checkImage.addBank-bankTransit_isActive:before,
.addBank-checkImage.addBank-institution_isActive:before {
  content: "";
  position: absolute;
  left: 0.6rem;
  bottom: 0.7rem;
  width: 28%;
  height: 16%;
  border: 2px solid #181818;
  border-radius: 3px;
}
/* @noflip */
.addBank-checkImage.addBank-bankTransit_isActive:before {
  left: 5%;
  width: 14%;
}
/* @noflip */
.addBank-checkImage.addBank-institution_isActive:before {
  left: 24%;
  width: 10%;
}
.addBank-debitImage {
  position: relative;
  margin: 0.75rem 0 1.5rem;
  padding: 0 0.1rem 0.01rem 0;
  background: #181818;
  border-radius: 18px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);
}
/* @noflip */
.addBank-debitImage.addBank-routingNumber_isActive:before,
.addBank-debitImage.addBank-accountNumber_isActive:before {
  content: "";
  position: absolute;
  left: 1.1rem;
  bottom: 1.1rem;
  width: 27%;
  height: 16%;
  background-color: rgba(255, 255, 255, 0.15);
  border: 2px solid #ffffff;
  border-radius: 5px;
}
/* @noflip */
.addBank-debitImage.addBank-accountNumber_isActive:before {
  left: 44%;
  width: 27%;
}
.addBank-label {
  margin-bottom: 0.3rem;
  min-height: 1.6rem;
}
.addBank-submit {
  display: block;
  margin-top: 1rem;
}
.addBank-input_abovePanel {
  margin-bottom: 1rem;
}
.addBank-businessNameToggle {
  margin-top: 1rem;
}
.addBank-panel.addBank-panel {
  margin-bottom: 0rem;
  border-radius: 0px;
}
.accountName-infoLabel {
  margin-top: 1.25rem;
}
.addBank-switchBankLink {
  margin: 0 auto;
  display: block;
}
.addBank-logo-bankName {
  text-align: center;
}
.sepaDisclaimer-text,
.accountList-divider {
  margin-bottom: 0;
}
.bankCurrencyDisclaimer-text {
  margin-top: 0;
  font-weight: 500;
}
.accountName-label {
  font-size: 0.9375rem;
  line-height: 1.125rem;
  font-weight: 400;
  text-transform: none;
  color: #6c7378;
}
.ddiInfo-header {
  text-align: center;
}
.ddiInfo-newContainer {
  width: auto;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  background-color: #00cf92;
  height: 1.5rem;
  color: white;
  font-weight: 500;
  font-size: 0.75rem;
  text-align: center;
  margin-left: 43%;
  display: inline-block;
}
.ddiInfo-new {
  margin-top: 0.3125rem;
  display: inline-block;
}
.ddiInfo-content {
  color: #6c7378;
  text-align: center;
  margin-top: 2rem;
}
.ddiInfo-item {
  margin-top: 2rem;
}
.ddiInfo-action {
  margin-top: 2rem;
}
.ibc-item {
  padding: 1rem 0;
}
.ibc-logo {
  display: table-cell;
  vertical-align: middle;
}
.ibc-disclaimer {
  display: table-cell;
  padding-left: 5px;
}
.ibc-bankName {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}
.ibc-secondarylinkContainer {
  margin: 0;
  text-align: center;
}
.accountList-subheader,
.ibc-secondarylink {
  display: block;
  margin: auto;
}
.accountList-subheader {
  margin: 0;
  border-bottom: 1px solid #b7bcbf;
}
.autoLinkResult-retryButton {
  margin-left: -7px;
}
.accountItem-subText,
.accountItem-subText_noImage {
  padding-right: 0.4rem;
  text-align: left;
}
.accountItem-subText_noImage {
  padding: 0 0.4rem;
  margin-left: 4rem;
}
.accountItem-errorMessage {
  font-size: 0.8125rem;
  color: #d20000;
}
.digit_label {
  vertical-align: top;
  padding-top: 0.8rem;
}
.listGroup-listItem {
  border-bottom: 1px dotted #b7bcbf;
}
.listGroup-row {
  width: auto;
}
.consent-headers {
  text-align: center;
}
.consent-advice {
  margin-top: 2rem;
}
.consent-advice_header {
  font-weight: bold;
  text-align: center;
}
.consent-secondarylink {
  display: block;
  margin: 0 auto;
}
.consentChoice-info {
  color: #6c7378;
  font-weight: normal;
  text-align: center;
}
.consent-submit {
  display: block;
  margin-top: 2rem;
}
.addBank-bankName_iban {
  font-weight: bold;
  padding-left: 0.2rem;
  margin-bottom: -0.7rem;
  height: 2rem;
}
.choiceList-container {
  margin-top: 1.5rem;
}
.choiceList-label_text {
  position: relative;
  left: 2.5rem;
  margin: 0 auto;
}
.confirmBank-inputGroup {
  margin: 1.6rem 0;
}
.confirmBank-text {
  margin-top: 0;
}
.confirmBank-textGroup {
  margin-bottom: 1.6rem;
}
.confirmBank-confirmInstantly {
  text-align: center;
}
.loginSpinner-content_secondary {
  color: #cbd2d6;
}
.wallet-card-bg {
  position: relative;
  z-index: 1;
  width: 48px;
  height: 30px;
}
.wallet-card-bg::before {
  content: "";
  position: absolute;
  width: 48px;
  height: 30px;
  top: 3px;
  left: 3px;
  z-index: -1;
  border-style: solid;
  border-width: 1px;
  border-color: lightgray;
  border-radius: 4px;
  transform: rotate(-11deg);
}
.bank-icon {
  background-image: url("../img/bank-icons_sprite.png");
  background-repeat: no-repeat;
  display: block;
  width: 48px;
  height: 30px;
  background-position: -5px -285px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}
.bank-icon.generic_bank {
  background-position-y: -285px;
}
.bank-icon.bank_of_america,
.bank-icon.bank_of_america_na {
  background-position-y: -5px;
}
.bank-icon.barclays_bank {
  background-position-y: -45px;
}
.bank-icon.capital_one_fsb {
  background-position-y: -85px;
}
.bank-icon.citibank_fsb {
  background-position-y: -125px;
}
.bank-icon.clydesdale_bank {
  background-position-y: -165px;
}
.bank-icon.cooperative_bank {
  background-position-y: -205px;
}
.bank-icon.fifth_third_bank {
  background-position-y: -245px;
}
.bank-icon.hsbc_bank {
  background-position-y: -325px;
}
.bank-icon.huntington_bank {
  background-position-y: -365px;
}
.bank-icon.jpmorgan_chase_bank_na,
.bank-icon.chase_bank,
.bank-icon.chase {
  background-position-y: -405px;
}
.bank-icon.lloyds_bank {
  background-position-y: -445px;
}
.bank-icon.nationwide_bank {
  background-position-y: -485px;
}
.bank-icon.natwest_bank {
  background-position-y: -525px;
}
.bank-icon.pnc_bank {
  background-position-y: -565px;
}
.bank-icon.rbs_bank {
  background-position-y: -605px;
}
.bank-icon.regions_bank {
  background-position-y: -645px;
}
.bank-icon.santander_bank {
  background-position-y: -685px;
}
.bank-icon.standard_chartered_bank {
  background-position-y: -725px;
}
.bank-icon.suntrust_bank {
  background-position-y: -765px;
}
.bank-icon.td_bank,
.bank-icon.td_ameritrade_bank {
  background-position-y: -805px;
}
.bank-icon.us_bank_na {
  background-position-y: -845px;
}
.bank-icon.usaa_bank {
  background-position-y: -885px;
}
.bank-icon.virgin_bank,
.bank-icon.virgin_money_bank {
  background-position-y: -925px;
}
.bank-icon.wells_fargo_bank_na,
.bank-icon.wells_fargo_bk_na_wisconsin {
  background-position-y: -965px;
}
.bank-icon.yorkshire_bank {
  background-position-y: -1005px;
}
.bank-icon.japan_post_bank,
.bank-icon.mizuho_bank,
.bank-icon.mufg_bank,
.bank-icon.resona_bank,
.bank-icon.saitama_resona_bank,
.bank-icon.sumitomo_mitsui_banking_corp,
.bank-icon.みずほ銀行,
.bank-icon.三井住友銀行,
.bank-icon.ゆうちょ銀行,
.bank-icon.埼玉りそな銀行,
.bank-icon.りそな銀行,
.bank-icon.三菱ufj銀行 {
  background-image: url("../img/bank-icons-jp_localized.png");
  background-size: 58px 240px;
  background-position-x: -5px;
}
.bank-icon.mizuho_bank,
.bank-icon.みずほ銀行 {
  background-position-y: -5px;
}
.bank-icon.sumitomo_mitsui_banking_corp,
.bank-icon.三井住友銀行 {
  background-position-y: -45px;
}
.bank-icon.japan_post_bank,
.bank-icon.ゆうちょ銀行 {
  background-position-y: -85px;
}
.bank-icon.saitama_resona_bank,
.bank-icon.埼玉りそな銀行 {
  background-position-y: -125px;
}
.bank-icon.resona_bank,
.bank-icon.りそな銀行 {
  background-position-y: -165px;
}
.bank-icon.mufg_bank,
.bank-icon.三菱ufj銀行 {
  background-position-y: -205px;
}
.bank-icon-large {
  background-repeat: no-repeat;
  width: 300px;
  height: 190px;
  background-image: url("../img/generic_bank.png");
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  background-size: contain;
  color: #2c2e2f;
}
.bank-icon-large.bank_of_america,
.bank-icon-large.bank_of_america_na {
  background-image: url("../img/bank_of_america_na.png");
}

@media (min--moz-device-pixel-ratio: 1.5),
  (-o-min-device-pixel-ratio: 3/2),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-device-pixel-ratio: 1.5),
  (min-resolution: 1.5dppx) {
  .bank-icon {
    background-image: url("../img/bank-icons_2x.png");
    background-size: 58px 1040px;
  }
  .bank-icon.japan_post_bank,
  .bank-icon.mizuho_bank,
  .bank-icon.mufg_bank,
  .bank-icon.resona_bank,
  .bank-icon.saitama_resona_bank,
  .bank-icon.sumitomo_mitsui_banking_corp,
  .bank-icon.みずほ銀行,
  .bank-icon.ゆうちょ銀行,
  .bank-icon.埼玉りそな銀行,
  .bank-icon.りそな銀行,
  .bank-icon.三菱ufj銀行,
  .bank-icon.三井住友銀行 {
    background-image: url("../img/bank-icons-jp_localized_2x.png");
    background-size: 58px 210px;
    background-position-x: -5px;
  }
  .bank-icon.mizuho_bank,
  .bank-icon.みずほ銀行 {
    background-position-y: -2px;
  }
  .bank-icon.sumitomo_mitsui_banking_corp,
  .bank-icon.三井住友銀行 {
    background-position-y: -38px;
  }
  .bank-icon.japan_post_bank,
  .bank-icon.ゆうちょ銀行 {
    background-position-y: -72px;
  }
  .bank-icon.saitama_resona_bank,
  .bank-icon.埼玉りそな銀行 {
    background-position-y: -108px;
  }
  .bank-icon.mufg_bank,
  .bank-icon.三菱ufj銀行 {
    background-position-y: -177px;
  }
  .bank-icon.resona_bank,
  .bank-icon.りそな銀行 {
    background-position-y: -143px;
  }
}
.bank_of_america_hasIcon .bankLast4Digits,
.bank_of_america_na_hasIcon .bankLast4Digits,
.barclays_bank_hasIcon .bankLast4Digits,
.capital_one_fsb_hasIcon .bankLast4Digits,
.citibank_fsb_hasIcon .bankLast4Digits,
.clydesdale_bank_hasIcon .bankLast4Digits,
.cooperative_bank_hasIcon .bankLast4Digits,
.fifth_third_bank_hasIcon .bankLast4Digits,
.hsbc_bank_hasIcon .bankLast4Digits,
.huntington_bank_hasIcon .bankLast4Digits,
.jpmorgan_chase_bank_na_hasIcon .bankLast4Digits,
.lloyds_bank_hasIcon .bankLast4Digits,
.nationwide_bank_hasIcon .bankLast4Digits,
.natwest_bank_hasIcon .bankLast4Digits,
.pnc_bank_hasIcon .bankLast4Digits,
.rbs_bank_hasIcon .bankLast4Digits,
.regions_bank_hasIcon .bankLast4Digits,
.santander_bank_hasIcon .bankLast4Digits,
.standard_chartered_bank_hasIcon .bankLast4Digits,
.suntrust_bank_hasIcon .bankLast4Digits,
.td_bank_hasIcon .bankLast4Digits,
.td_ameritrade_bank_hasIcon .bankLast4Digits,
.us_bank_na_hasIcon .bankLast4Digits,
.usaa_federal_savings_bank_hasIcon .bankLast4Digits,
.usaa_bank_hasIcon .bankLast4Digits,
.virgin_bank_hasIcon .bankLast4Digits,
.virgin_money_bank_hasIcon .bankLast4Digits,
.wells_fargo_bank_na_hasIcon .bankLast4Digits,
.wells_fargo_bk_na_wisconsin_hasIcon .bankLast4Digits,
.yorkshire_bank_hasIcon .bankLast4Digits {
  color: #ffffff;
}
.bankArt-icon {
  width: 48px;
  height: 30px;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
  background-color: rgb(134, 12, 12);
}
.ddiIcon {
  width: 141px;
  height: 43px;
  margin: 3px 0;
}
.bankLast4Digits {
  width: 300px;
  position: relative;
  top: -30px;
  left: 20px;
  text-align: left;
  margin: 0 auto;
  letter-spacing: 2px;
}
.creditLast4Digits {
  text-align: left;
  position: relative;
  bottom: 5px;
  left: 10px;
}
.addCardPartner-icon {
  height: 31px;
  width: 50px;
}
/**
 * Styles for the Mandate Instructions:
 * Direct Debit Instruction (DDI)
 * Direct Debit Agreement (DDA)
 * SEPA Mandate
 * KYC Mandate
 * Direct Debit Mandate (DDM)
 */
.ddm-animationContainer {
  margin: 3.45rem 0 1.45rem;
}
.ddm-statusContainer {
  margin: 1.5rem 0;
  text-align: left;
}
.ddm-statusLabel {
  margin: 0;
  padding: 0;
}
.kyc-bankLogo {
  margin-bottom: 1rem;
}
.kyc-infoHeader {
  font-weight: 400;
  color: #2c2e2f;
  margin-bottom: 1rem;
}
.kyc-infoFooter {
  font-weight: 400;
  color: #9b9b9b;
}
.kyc-secondaryAction {
  text-align: center;
}
select.kyc-infoSelectBox {
  padding-right: 2.75rem;
}
.vx_form-control_complex .no-outline:focus {
  outline: none;
}
.noKyc-hrSplit {
  background: linear-gradient(
    to right,
    rgba(151, 151, 151, 0),
    #c8c8c8,
    rgba(151, 151, 151, 0)
  );
}
.ddiLayout .centered {
  margin: 0 auto;
  max-width: 1024px;
}
.boldLabel {
  font-weight: 500;
}
/**
 * Direct Debit Instructions
 */
.ddi {
  margin-top: 30px;
}
.ddi h1 {
  font-weight: 300;
}
.ddi .ddiAccountInfo,
.ddi .ddDetails {
  display: inline-block;
  vertical-align: top;
}
.ddi .ddiAccountInfo h2 {
  width: 85%;
}
.ddi .ddGuarantee {
  border: 2px solid #2c2e2f;
  padding: 10px 50px 30px 50px;
  background-size: 100px;
  margin-top: 32px;
}
.ddi .ddGuarantee li {
  margin-bottom: 16px;
}
.ddi dt {
  font-weight: normal;
}
.ddi dd {
  font-weight: bold;
  margin-left: 0;
  margin-bottom: 16px;
}
/**
 * Direct Debit Instructions Print Page
 */
.ddiPrint .ddiPrintHeaderContainer {
  border-bottom: 1px solid #2c2e2f;
  margin-bottom: 16px;
  padding-bottom: 3px;
}
.ddiPrint .ddiPrintHeaderContainer p {
  display: inline-block;
}
.ddiPrint .bankInstructions {
  border: 1px solid #000000;
  padding: 10px 8px;
}
.ddiPrint .printFormInput {
  border: 1px solid #000000;
  border-bottom: none;
  height: 32px;
  padding-left: 5px;
}
.ddiPrint .printFormInput.lastInput {
  border-bottom: 1px solid #000000;
}
.ddiPrint .signatureBox {
  height: 112px;
  padding-top: 10px;
  padding-left: 10px;
  border: 1px solid #000000;
}
.ddiPrint .accountOwner {
  border-bottom: none;
  padding-top: 2px;
}
.ddiPrint .date {
  font-weight: bold;
  text-align: right;
}
.ddiPrint dt {
  font-weight: bold;
  margin-bottom: 10px;
}
.ddiPrint dd {
  font-weight: normal;
}
.ddiPrint dd span {
  display: inline-block;
  border: 1px solid #000000;
  border-right: none;
  padding: 4px 7px;
}
.ddiPrint dd span:last-child {
  border-right: 1px solid #000000;
}
.ddiPrint .ddiOriginatorInfo {
  width: 100%;
}
.ddiPrint .ddiOriginatorInfo .ddiLogo {
  vertical-align: middle;
  font-weight: bold;
  text-align: right;
}
.ddiPrint .ddiPrintSection {
  display: inline-block;
  vertical-align: top;
}
.ddiPrint .accountHolderInfo {
  padding-right: 20px;
}
.ddiPrint .btns {
  margin-top: 16px;
}
.ddiPrint .ddGuarantee {
  background: none;
  position: relative;
}
.ddiPrint .ddGuarantee img {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 100px;
}
/**
 * Print Styles
 */
@media print {
  .ddiPrint .navbar-header,
  .ddiPrint .print-btn,
  .ddiPrint #footer {
    display: none;
  }
  .ddiPrint .contents > section:first-child,
  .ddiPrint .contents > div:first-child {
    padding-top: 0;
  }
  .ddiPrint .ddiPrintSection {
    display: block;
  }
  .ddiPrint .ddGuarantee {
    page-break-before: always;
    clear: both;
  }
  /**
 * Grid class exclusive to correctly print columns in print mode
 */
  .printCell {
    display: table-cell;
    padding-left: 0;
    margin: 0;
  }
}
@page {
  margin: 2cm 1cm;
}
@page :first {
  margin: 0.5cm 1cm;
}
.mandate_btn-link:hover {
  background: none;
  border: none;
}
/**
 * Overrides the vx_modal-content to fit 6 columns within the inner wrapper. Within a full width
 * wrapper the 6 columns have 12.5% padding at the sides; however, as the internal wrapper is
 * 7.54 columns wide the content padding must be 10.23% on the sides to fit 6 columns.
 * The triple definition is to override the VX library specificity.
 * CAUTION must be taken when vx_modal-wrapper is updated to 6 columns
 */
.modal-content_sixColumns.modal-content_sixColumns.modal-content_sixColumns {
  padding-left: 10.23%;
  padding-right: 10.23%;
}
.mandate-well {
  padding: 0.75rem;
}
.mandate-zero_padding {
  padding: 0;
}
.mandate-zero_margin {
  margin: 0;
}
.printCell {
  padding: 0.75rem;
  padding-top: 0;
}
.printRow {
  display: table-row;
}
.mandate-secondaryLink {
  display: block;
  margin-bottom: 1.5rem;
}
.mandate_lg-btn.mandate_lg-btn {
  margin-bottom: 1rem;
  width: 40%;
}
.isEmpty:empty {
  display: none;
}
/**
********************************************************************************
*/
/**
 * Responsive classes
 */
@media (min-width: 1024px) {
  .mandate-float_panel {
    width: 700px;
  }
}
@media (max-width: 769px) {
  .mandate_lg-btn.mandate_lg-btn {
    width: 75%;
  }
}
@media (max-width: 640px) {
  .mandate-float_panel {
    width: 100%;
  }
  .mandate-content_sixColumns.mandate-content_sixColumns.mandate-content_sixColumns {
    padding-left: 8.33%;
    padding-right: 8.33%;
  }
  .stacked_lg-btn.stacked_lg-btn.stacked_lg-btn {
    margin: 0 auto;
    width: 90%;
  }
}
@media (max-width: 480px) {
  .mandate-content_sixColumns.mandate-content_sixColumns.mandate-content_sixColumns {
    padding-left: 0;
    padding-right: 0;
  }
  .stacked_lg-btn.stacked_lg-btn.stacked_lg-btn {
    margin: 0 auto;
    width: 90%;
  }
}
.autocomplete-container {
  text-align: center;
  position: relative;
}
.autocomplete-listItem {
  border-bottom: 1px solid #cbd2d6;
  padding: 0.5rem 0.9375rem;
}
.autocomplete-listItem:first-child {
  padding-top: 0.625rem;
}
.autocomplete-listItem:last-child {
  border-bottom: 0;
}
.autocomplete-listItem:hover,
.autocomplete-listItem:focus {
  background-color: #e4f1fb;
}
.autocomplete-listItem_highlighted {
  background-color: #e4f1fb;
}
.autocomplete-searchInput_noLabel.autocomplete-searchInput_noLabel {
  z-index: 2;
  padding-top: 0;
  padding-right: 0;
}
.autocomplete-searchResults {
  text-align: left;
  position: absolute;
  border: 1px solid #cbd2d6;
  border-top: 0;
  border-bottom-right-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
  background-color: #fff;
  width: 100%;
  z-index: 5;
}
.secondary-action-container.secondary-action-container {
  justify-content: center;
  height: 48px;
  border-radius: 4px;
  background-color: #f5f7fa;
}
.autocomplete-searchList {
  list-style: none;
  margin: 0;
  z-index: 1;
}
.cantFindMyBank {
  text-align: center;
}
.alreadyLinkedAccounts {
  text-align: left;
  color: #000000;
  line-height: 20px;
}
.margin-spacing {
  margin-top: 25px;
}
.autocomplete-closeSearchTrigger {
  float: right;
  z-index: 2;
  position: relative;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  top: -2.15rem;
  left: -0.5rem;
}
.autocomplete-closeSearch {
  line-height: 1rem;
  cursor: pointer;
}
.autocomplete-closeSearch:before {
  font-size: 1rem;
}
.autocomplete-listItemName {
  color: #9da3a6;
}
.autocomplete-listItemCode {
  color: #6c7378;
  font-size: 0.6rem;
}
.autocomplete-ddAvailable {
  color: #018065;
  font-size: 0.6rem;
}
.autocomplete-ddUnAvailable {
  color: #d64003;
  font-size: 0.6rem;
}
.autocomplete-focusMessage {
  margin-top: 0.1rem;
  padding: 1.875rem;
  border-radius: 0.15625rem;
  box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.15);
  border: solid 0.5px #cbd2d6;
  position: absolute;
  z-index: 5;
  background-color: #fff;
  width: 100%;
}
.defaultBankList-container {
  margin-top: 2.5rem;
}
.defaultBankList-container_isDisabled {
  opacity: 0.1;
  pointer-events: none;
}
.defaultBankList-header {
  font-size: 1rem;
  font-weight: 500;
}
.defaultBankList-itemContainer {
  border-top: solid 0.2px #ddd;
  list-style: none;
}
.defaultBankList-itemContainer:last-child {
  border-bottom: solid 0.2px #ddd;
}
.defaultBankList-itemTrigger {
  background: none;
  border: none;
  padding: 0.5rem 0;
  width: 100%;
}
.defaultBankList-item {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.defaultBankListItem-imgContainer {
  width: 2.9rem;
  vertical-align: middle;
}
.defaultBankListItem-img {
  width: 2.5rem;
  height: 2.5rem;
  background-size: contain;
  background-position: center;
  border-radius: 0.3rem;
  border: 1px solid #b7bcbf;
}
.defaultBankList-otherBanks {
  text-align: center;
  margin-top: 2.4375rem;
  margin-bottom: 1.5rem;
}
.defaultBankList-list {
  margin: 0.375rem 0 2rem;
  list-style: none;
}
.defaultBankList-USBank {
  text-align: center;
}
.defaultBankList-bankIconContainer {
  width: 3.125rem;
  height: 2.34375rem;
  background-size: cover;
  background-position: center;
  padding-right: 0.7rem;
}
.defaultBankListItem-bankNameContainer {
  vertical-align: middle;
}
.defaultBankListItem-bankName,
.defaultBankListItem-bankName_noLogo {
  display: inline-block;
  padding: 0 0.7rem;
}
.defaultBankListItem-bankName_noLogo {
  padding: 0 0.7rem 0 0;
}
.defaultBankListItem-arrowContainer {
  width: 1rem;
  vertical-align: middle;
}
.defaultBankListItem-arrow {
  color: #6c7378;
}
.text-center {
  text-align: center;
}
.bankDDList-header {
  margin-top: 2.5rem;
  font-size: 1rem;
  font-weight: 500;
}
.bankDDList-item {
  border-top: solid 0.2px #ddd;
  padding-top: 5%;
  padding-bottom: 5%;
}
.bankDDList-item:last-child {
  border-bottom: solid 0.2px #ddd;
}
.bankDDList-arrow {
  color: #b7bcbf;
}
.bankDDList-otherBanks {
  text-align: center;
  margin-top: 2.4375rem;
  margin-bottom: 1.5rem;
}
.bankDDList-list {
  margin-top: 0.375rem;
  margin-left: 0;
  list-style: none;
}
.bankDDList-list-scrollable {
  height: 70vh;
  overflow: auto;
}
@media (max-height: 1024px) {
  .bankDDList-list-scrollable {
    height: 60vh;
  }
}
@media (max-height: 769px) {
  .bankDDList-list-scrollable {
    height: 50vh;
  }
}
.bankDDList-USBank {
  text-align: center;
}
.bankDDList-itemContainer {
  margin-top: 1%;
}
.bankDDList-bankIconContainer {
  width: 3.125rem;
  height: 2.34375rem;
  background-size: cover;
  background-position: center;
}
.bankDDList-bankNameContainer {
  vertical-align: middle;
}
.bankDDList-arrowContainer {
  margin-top: 3%;
}
.bankDDListContainer-isDisabled {
  opacity: 0.1;
  pointer-events: none;
}
.skip-body {
  line-height: 24px;
  margin-bottom: 0.5rem;
}
.list-container {
  padding: 0.5rem;
}
.list-item {
  padding: 0.6rem 0 0 0.4rem;
}
.monogram-logo {
  width: 0.915em;
  height: 1.6em;
  margin-top: 0.4em;
  text-align: center;
}
.circleLogo_small,
.circleLogo_large {
  text-align: center;
}
.circleLogo_large .monogram-logo {
  width: 1.875em;
  height: 2.2em;
  margin-top: 0.1em;
}
.product-logo {
  display: table;
  margin: 0 auto;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.monogram-logo-group {
  display: table-cell;
  vertical-align: middle;
}
.monogram-logo-firstP_bml,
.monogram-logo-firstP_ppc,
.monogram-logo-firstP_smartconnect,
.monogram-logo-firstP_extrasmastercard {
  fill: #fff;
}
.product-logo_ppc,
.product-logo_bml {
  background: #03468e;
  background: -moz-linear-gradient(-45deg, #03468e 0, #031b41 101%);
  background: -webkit-linear-gradient(-45deg, #03468e 0, #031b41 101%);
  background: linear-gradient(135deg, #03468e 0, #031b41 101%);
}
.product-logo_ppc .paypal-circularLogo,
.product-logo_bml .paypal-circularLogo {
  margin-top: 2em;
  margin-right: 1em;
}
.creditLogo {
  margin-top: 1em;
}
.paypay-circularLogo .ppLogo {
  margin-right: 2em;
}
.monogram-logo-overlap_ppc,
.monogram-logo-overlap_bml {
  fill: #e6ebf0;
}
.monogram-logo-lastP_ppc,
.monogram-logo-lastP_bml {
  fill: #adbdcf;
}
.pp-logo-nofill {
  fill: none;
  margin-top: 0.4em;
  text-align: center;
}
.pp-logo-nofill-firstP,
.pp-logo-nofill-lastP {
  stroke-width: 1px;
}
.product-logo_balance {
  background: #f3f3f3;
  background: -moz-linear-gradient(-45deg, #fff 0, #f3f3f3 101%);
  background: -webkit-linear-gradient(-45deg, #fff 0, #f3f3f3 101%);
  background: linear-gradient(135deg, #fff 0, #f3f3f3 101%);
}
.circleLogo_small.product-logo_balance {
  background: #ffffff;
}
.monogram-logo-firstP_balance {
  fill: #1c3d92;
}
.monogram-logo-overlap_balance {
  fill: #1c2e7e;
}
.monogram-logo-lastP_balance {
  fill: #00a2d3;
}
.product-logo_smartconnect {
  background: #002d8b;
  background: -moz-linear-gradient(-45deg, #009ae0 0, #002d8b 101%);
  background: -webkit-linear-gradient(-45deg, #009ae0 0, #002d8b 101%);
  background: linear-gradient(135deg, #009ae0 0, #002d8b 101%);
}
.monogram-logo-overlap_smartconnect {
  fill: #e6f2f9;
}
.monogram-logo-lastP_smartconnect {
  fill: #add2eb;
}
.product-logo_extrasmastercard {
  background: #323232;
  background: -moz-linear-gradient(-45deg, #7f7f7f 0, #323232 101%);
  background: -webkit-linear-gradient(-45deg, #7f7f7f 0, #323232 101%);
  background: linear-gradient(135deg, #7f7f7f 0, #323232 101%);
}
.product-logo_extrasmastercardwhite {
  background: #f3f3f3;
  background: -moz-linear-gradient(-45deg, #fff 0, #f3f3f3 101%);
  background: -webkit-linear-gradient(-45deg, #fff 0, #f3f3f3 101%);
  background: linear-gradient(135deg, #fff 0, #f3f3f3 101%);
}
.monogram-logo-overlap_extrasmastercard {
  fill: #e6ebf0;
}
.monogram-logo-lastP_extrasmastercard {
  fill: #adbdcf;
}
.product-logo_ebaywhite {
  background: #f3f3f3;
  background: -moz-linear-gradient(-45deg, #fff 0, #f3f3f3 101%);
  background: -webkit-linear-gradient(-45deg, #fff 0, #f3f3f3 101%);
  background: linear-gradient(135deg, #fff 0, #f3f3f3 101%);
}
.paypal-circularLogo {
  margin-top: 2em;
  margin-left: 1.1em;
  display: block;
  text-align: left;
}
.paypal-logo-group {
  width: 2.6em;
  height: 2.6em;
}
.productName-logo {
  display: block;
  text-align: left;
  margin-left: 0.98em;
  width: 4.4em;
  height: 1em;
  margin-top: -1.5em;
}
.productName-logo_ppc,
.productName-logo_bml {
  margin-top: -1em;
}
.circleLogo_small .monogram-logo-group,
.productName-logo_extrasmastercard,
.productName-logo_ebay {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.rectangleLogo_large .productName-logo-group {
  width: 10em;
  height: 6em;
  margin-top: 0.1em;
}
.lockLogo-spinner-container {
  display: block;
  height: 128px;
  width: 128px;
  margin: -50px auto;
}
.lockLogo-spinner {
  display: block;
  margin-left: auto;
  margin-top: -90px;
  margin-right: auto;
}
.loadingText {
  text-align: center;
  margin: 0 auto;
  margin-top: 2em;
  width: 75%;
  height: 2em;
}
.bankConnect-animationLogo {
  width: 7.35rem;
  height: 6.25rem;
}
.cardNetwork-icon-container {
  text-align: center;
  margin: 0 auto;
  margin-top: 2rem;
}
.transferTime-disclaimer {
  display: block;
}
.transferReview-panelGroup {
  margin-bottom: 1rem;
}
.transferTime-container {
  margin: 0;
}
.transferTime-container_hasDisclaimer {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}
.withdraw-header,
.withdraw-transferTime,
.withdraw-requestCheck,
.withdraw-feeDetails {
  text-align: center;
}
.withdraw-transferTime {
  margin: 1.15rem 0;
}
.withdraw-transferTimeTooltip {
  text-align: left;
}
.withdraw-transferTime,
.withdraw-transferTimeTooltip {
  line-height: 1.38461538;
}
.withdraw-selectedFis {
  margin: 1.5rem 0;
}
.withdraw-selectedFiLabel {
  margin-bottom: 0.275em;
}
.withdraw-feeDetails {
  margin: 0;
}
.withdraw-fee {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.transfer-reviewPanel {
  margin: 0;
}
.transfer-feeDeducted {
  margin-top: 0;
}
.transfer-timeType {
  font-size: 1.2em;
}
.transfer-timeText {
  margin-top: 0;
  margin-bottom: 0.46em;
}
.transfer-reviewDetails {
  margin-top: 0;
  margin-bottom: 0;
}
.transfer-reviewFee {
  font-size: 1.2em;
}
.transfer-noFee {
  margin: 0 0 1rem 0;
}
.transfer-octRiskHold {
  margin-bottom: 1.125rem;
}
.riskHold-transferFee {
  margin-top: 1.125rem;
}
.withdraw-details {
  margin-top: 0.8rem;
}
.withdraw-noFiText {
  font-weight: normal;
}
.instantWithdraw-interstitialContainer {
  text-align: center;
}
.variableFee-details {
  text-align: center;
  margin-top: 3rem;
}
.instantWithdraw-iconContainer {
  padding-right: 2rem;
}
.instantWithdraw-header {
  margin: 0 0 0.5rem;
}
.instantWithdraw-body {
  margin-bottom: 2em;
}
.instantWithdraw-newLabel {
  display: inline-block;
  padding: 0rem 0.75rem;
  margin: 1rem 0 0.5rem;
  border-radius: 2px;
  background-color: #00cf92;
  text-transform: uppercase;
  color: #ffffff;
}
.transferTime-feeEstimate {
  display: inline-block;
}

.ppDebitCard-actionLinks {
  color: #b7bcbf;
  margin-top: 0.5em;
  padding-bottom: 0.5em;
}
@media (min--moz-device-pixel-ratio: 1.5),
  (-o-min-device-pixel-ratio: 3/2),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-device-pixel-ratio: 1.5),
  (min-resolution: 1.5dppx) {
}
.withdrawReview-panel {
  padding: 0.75rem;
}
.withdrawReview-label,
.withdrawReview-amount {
  margin: 0;
}
.withdrawReview-amount {
  text-align: right;
}
.withdrawReview-conversionContainer {
  margin-bottom: 0.5rem;
}
.withdrawReview-conversionDetails {
  line-height: 1;
}
.withdrawReview-divider {
  margin-bottom: 0;
}
.withdraw-fiText {
  padding-left: 15px;
}
.withdraw-header {
  margin-bottom: 30px;
}
.withdraw-header-fiList {
  margin-bottom: 10px;
}
.withdraw-disclaimerText {
  margin-bottom: 42px;
}
.withdraw-noFiHeaderTop {
  margin-top: 22px;
}
.withdraw-noFiHeaderBottom {
  margin-top: 21px;
  margin-bottom: 51px;
}
.withdraw-noFiBorder {
  border-bottom: 1px solid #b7bcbf;
}
.withdraw-standardFiLine {
  margin-top: 36px;
}
.withdraw-fiDetails {
  margin: 0;
  line-height: 1.38;
}
.withdraw-fiSelectItem.withdraw-fiSelectItem {
  padding-left: 0;
  padding-right: 0;
}
.withdraw-fiSelectRadio.withdraw-fiSelectRadio {
  margin-left: 0;
  margin-right: 0;
}
.withdraw-editButton {
  text-align: center;
  position: relative;
  top: -5px;
}
/* multi currency/balance components */
.multiCurrency-container {
  margin: 0 0 1.25rem;
  list-style: none;
}
.multiCurrency-label_left,
.multiCurrency-label_right {
  /* addresses IE10 flex bug */
  /* https://github.com/philipwalton/flexbugs#12-inline-elements-are-not-treated-as-flex-items */
  display: inline-block;
}
.multiCurrency-label_left {
  padding-left: 10px;
  white-space: nowrap;
  -webkit-box-flex: 0;
  -webkit-box-basis: auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.multiCurrency-label_right {
  white-space: nowrap;
  text-align: right;
}
.multiCurrencyLabel-secondaryText {
  display: block;
}
/* addresses strange issue where currency code sits high without this declaration */
.multiCurrency-label_alignMiddle {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/* Radio button version of multi currency component */
.multiCurrencyRadio-container {
  margin: 0 0 2.25rem;
  list-style: none;
}
.multiCurrencyRadio-listItem {
  line-height: 0;
  padding: 1rem 0.5rem;
}
.multiCurrencyRadio-label.multiCurrencyRadio-label:before {
  -webkit-box-flex: 1;
  -webkit-box-basis: auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.withdraw-CardDisplay {
  display: block;
}
.fiInfo-container {
  text-align: center;
  margin-bottom: 14px;
}
.fiInfo-tooltip-trigger {
  border-bottom: 1px dashed #181818;
}
.fiInfo-tooltip-trigger:hover {
  text-decoration: none;
}
.fiSelect-header {
  text-align: center;
}
.or-divider {
  text-align: justify;
  padding: 20px 0;
  display: table;
  width: 100%;
}
.or-divider-line {
  border-top: 2px dotted #9b9b9b;
  width: 41%;
  display: table-cell;
}
.or-divider-text {
  color: #6c7378;
  padding: 0 20px;
  vertical-align: top;
  display: table-cell;
  text-align: center;
  line-height: 0;
}
.addFi-links {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.ineligibleFis-links {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-bottom: 1.5rem;
}
.withdraw-memoField {
  margin-bottom: 1rem;
}
.selectedFi-fee {
  display: inline-block;
  margin-left: 3em;
  margin-top: 0.5rem;
  font-weight: 100;
}
.inline_block {
  display: inline-block;
}
.default-purposecode-checkbox {
  margin: 1em 0;
}
.purpose-text {
  width: 100%;
}
/* currency flags */
.multiCurrency-flag,
.country-flag {
  float: left;
  height: 32px;
  width: 32px;
  background: url("../img/wallet_currency_flag_sprite.png");
  border-radius: 50%;
  margin-top: -1px;
  /* default flag position as a fallback */
  background-position: -4px -4px;
}
.country-flag {
  float: none;
  vertical-align: inherit;
  display: inline-block;
}
.flag-gap {
  margin-left: 0.7rem;
  margin-right: -5rem;
  display: inherit;
}
.multiCurrency-flag_ALL,
.country-flag_AL {
  background-position: -5px -47px;
}
.multiCurrency-flag_AUD,
.country-flag_AU {
  background-position: -5px -89px;
}
.multiCurrency-flag_CNY,
.country-flag_C2 {
  background-position: -5px -131px;
}
.multiCurrency-flag_HKD,
.country-flag_HK {
  background-position: -5px -173px;
}
.multiCurrency-flag_ILS,
.country-flag_IL {
  background-position: -5px -215px;
}
.multiCurrency-flag_JPY,
.country-flag_JP {
  background-position: -5px -257px;
}
.multiCurrency-flag_MYR,
.country-flag_MY {
  background-position: -5px -299px;
}
.multiCurrency-flag_NZD,
.country-flag_NZ {
  background-position: -5px -341px;
}
.multiCurrency-flag_PHP,
.country-flag_PH {
  background-position: -5px -383px;
}
.multiCurrency-flag_SGD,
.country-flag_SG {
  background-position: -5px -425px;
}
.multiCurrency-flag_THB,
.country-flag_TH {
  background-position: -5px -467px;
}
.multiCurrency-flag_TWD,
.country-flag_TW {
  background-position: -5px -509px;
}
.multiCurrency-flag_BRL,
.country-flag_BR {
  background-position: -5px -551px;
}
.multiCurrency-flag_CAD,
.country-flag_CA {
  background-position: -5px -593px;
}
.multiCurrency-flag_CHF,
.country-flag_CH {
  background-position: -5px -635px;
}
.multiCurrency-flag_CZK,
.country-flag_CZ {
  background-position: -5px -677px;
}
.multiCurrency-flag_DKK,
.country-flag_DK {
  background-position: -5px -719px;
}
.multiCurrency-flag_EUR,
.country-flag_EU {
  background-position: -5px -761px;
}
.multiCurrency-flag_GBP,
.country-flag_GB {
  background-position: -5px -803px;
}
.multiCurrency-flag_HUF,
.country-flag_HU {
  background-position: -5px -845px;
}
.multiCurrency-flag_MXN,
.country-flag_MX {
  background-position: -5px -887px;
}
.multiCurrency-flag_NOK,
.country-flag_NO {
  background-position: -5px -929px;
}
.multiCurrency-flag_PLN,
.country-flag_PL {
  background-position: -5px -971px;
}
.multiCurrency-flag_RUB,
.country-flag_RU {
  background-position: -5px -1013px;
}
.multiCurrency-flag_SEK,
.country-flag_SE {
  background-position: -5px -1055px;
}
.multiCurrency-flag_TRY,
.country-flag_TR {
  background-position: -5px -1097px;
}
.multiCurrency-flag_USD,
.country-flag_US {
  background-position: -5px -1139px;
}
.multiCurrency-flag_BGN,
.country-flag_BG {
  background-position: -5px -1181px;
}
.multiCurrency-flag_INR,
.country-flag_IN {
  background-position: -5px -1218px;
}
.multiCurrency-flag_CRC,
.country-flag_CR {
  background-position: -5px -1260px;
}
.multiCurrency-flag_RSD,
.country-flag_RS {
  background-position: -5px -1302px;
}
@media (min--moz-device-pixel-ratio: 1.5),
  (-o-min-device-pixel-ratio: 3/2),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-device-pixel-ratio: 1.5),
  (min-resolution: 1.5dppx) {
  .multiCurrency-flag,
  .country-flag {
    background-image: url("../img/wallet_currency_flag_sprite%402x.html");
    height: 32px;
    width: 32px;
    background-size: 42px 1339px;
    /* default flag position as a fallback */
    background-position: -4px -4px;
  }
  .multiCurrency-flag_ALL,
  .country-flag_AL {
    background-position: -5px -47px;
  }
  .multiCurrency-flag_AUD,
  .country-flag_AU {
    background-position: -5px -89px;
  }
  .multiCurrency-flag_CNY,
  .country-flag_C2 {
    background-position: -5px -131px;
  }
  .multiCurrency-flag_HKD,
  .country-flag_HK {
    background-position: -5px -173px;
  }
  .multiCurrency-flag_ILS,
  .country-flag_IL {
    background-position: -5px -215px;
  }
  .multiCurrency-flag_JPY,
  .country-flag_JP {
    background-position: -5px -257px;
  }
  .multiCurrency-flag_MYR,
  .country-flag_MY {
    background-position: -5px -299px;
  }
  .multiCurrency-flag_NZD,
  .country-flag_NZ {
    background-position: -5px -341px;
  }
  .multiCurrency-flag_PHP,
  .country-flag_PH {
    background-position: -5px -383px;
  }
  .multiCurrency-flag_SGD,
  .country-flag_SG {
    background-position: -5px -425px;
  }
  .multiCurrency-flag_THB,
  .country-flag_TH {
    background-position: -5px -467px;
  }
  .multiCurrency-flag_TWD,
  .country-flag_TW {
    background-position: -5px -509px;
  }
  .multiCurrency-flag_BRL,
  .country-flag_BR {
    background-position: -5px -551px;
  }
  .multiCurrency-flag_CAD,
  .country-flag_CA {
    background-position: -5px -593px;
  }
  .multiCurrency-flag_CHF,
  .country-flag_CH {
    background-position: -5px -635px;
  }
  .multiCurrency-flag_CZK,
  .country-flag_CZ {
    background-position: -5px -677px;
  }
  .multiCurrency-flag_DKK,
  .country-flag_DK {
    background-position: -5px -719px;
  }
  .multiCurrency-flag_EUR,
  .country-flag_EU {
    background-position: -5px -761px;
  }
  .multiCurrency-flag_GBP,
  .country-flag_GB {
    background-position: -5px -803px;
  }
  .multiCurrency-flag_HUF,
  .country-flag_HU {
    background-position: -5px -845px;
  }
  .multiCurrency-flag_MXN,
  .country-flag_MX {
    background-position: -5px -887px;
  }
  .multiCurrency-flag_NOK,
  .country-flag_NO {
    background-position: -5px -929px;
  }
  .multiCurrency-flag_PLN,
  .country-flag_PL {
    background-position: -5px -971px;
  }
  .multiCurrency-flag_RUB,
  .country-flag_RU {
    background-position: -5px -1013px;
  }
  .multiCurrency-flag_SEK,
  .country-flag_SE {
    background-position: -5px -1055px;
  }
  .multiCurrency-flag_TRY,
  .country-flag_TR {
    background-position: -5px -1097px;
  }
  .multiCurrency-flag_USD,
  .country-flag_US {
    background-position: -5px -1139px;
  }
  .multiCurrency-flag_BGN,
  .country-flag_BG {
    background-position: -5px -1181px;
  }
  .multiCurrency-flag_INR,
  .country-flag_IN {
    background-position: -5px -1218px;
  }
  .multiCurrency-flag_CRC,
  .country-flag_CR {
    background-position: -5px -1260px;
  }
  .multiCurrency-flag_RSD,
  .country-flag_RS {
    background-position: -5px -1302px;
  }
}
.transfer-icon {
  background-image: url("../img/balance-transfer_sprite.html");
  background-repeat: no-repeat;
  display: block;
}
.transfer-icon.transfer-icon-add_money {
  background-position: -5px -4px;
  width: 54px;
  height: 37px;
}
.transfer-icon.transfer-icon-cash {
  background-position: -5px -52px;
  width: 43px;
  height: 31px;
}
.transfer-icon.transfer-icon-move_money {
  background-position: -5px -92px;
  width: 61px;
  height: 28px;
}
@media (min--moz-device-pixel-ratio: 1.5),
  (-o-min-device-pixel-ratio: 3/2),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-device-pixel-ratio: 1.5),
  (min-resolution: 1.5dppx) {
  .transfer-icon {
    background-image: url("../img/balance-transfer_sprite%402x.html");
    background-size: 66px 111px;
  }
  .transfer-icon.transfer-icon-add_money {
    background-position: -2px -3px;
    width: 54px;
    height: 37px;
  }
  .transfer-icon.transfer-icon-cash {
    background-position: -3px -44px;
    width: 43px;
    height: 31px;
  }
  .transfer-icon.transfer-icon-move_money {
    background-position: -3px -80px;
    width: 61px;
    height: 28px;
  }
}
.interstitial-container {
  max-width: 20em;
  margin: 0 auto;
}
.interstitial-container_radio {
  max-width: 25em;
  margin: 0 auto;
  text-align: center;
}
.interstitial-next_radio.interstitial-next_radio {
  margin-top: 2.6em;
}
.interstitial-entryContent {
  border-radius: 6px;
  background-color: #ffffff;
  border: solid 1px #e1e7eb;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}
.interstitial-entryContent-nobalance {
  border-radius: 6px;
  background-color: #ffffff;
  border: solid 1px #e1e7eb;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  padding: 1.3em 1em 0;
}
.interstitial-radioContent_primary,
.interstitial-radioContent_secondary {
  background-color: #ffffff;
  border-bottom: dotted 1px #cbd2d6;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  padding: 1.3em 0;
}
.interstitial-radioContent_primary {
  border-top: dotted 1px #cbd2d6;
}
.interstitial-entryLink:hover,
.interstitial-entryLink:focus {
  text-decoration: none;
}
.interstitial-icon_large {
  font-size: 4.5rem;
  color: #009cde;
  padding-top: 30px;
}
.interstitial-icon_small {
  font-size: 3rem;
  color: #009cde;
  padding-top: 30px;
}
.interstitial-entry {
  height: 0;
  /* req'd for FF to respect min-height */
  min-height: 10em;
  margin-bottom: 1.3em;
}
.interstitial-entry_radio {
  display: inline-block;
}
.interstitial-label {
  margin-top: 0.3em;
}
.interstitial-primaryText {
  color: #009cde;
  display: block;
  font-weight: 300;
  margin-top: 0.7em;
}
.interstitial-primaryText-form {
  color: #000000;
  display: block;
  font-weight: 500;
  font-size: 1rem;
  margin-left: 5px;
}
.interstitial-secondaryText {
  color: #6c7378;
  display: block;
  margin-top: 0.1em;
  padding: 0 5px;
}
.interstitial-feedback {
  position: absolute;
  background-color: #6c7378;
  color: #ffffff;
  transform: translate(90%, -100%);
  bottom: 0;
  top: 100%;
  left: 50%;
  border-top-right-radius: 0.5rem 0.5rem;
  border-top-left-radius: 0.5rem 0.5rem;
  font-size: 1rem;
  height: 2rem;
  line-height: 2rem;
  padding: 0 1rem;
  cursor: pointer;
}
.interstitial-feedback > svg {
  margin-right: 0.5rem;
  padding-top: 4px;
}
.interstitial-learnMoreLink {
  display: block;
  padding-top: 0.5rem;
  margin-left: 0.3125rem;
}
.interstitial-learnMoreContainer > p {
  padding: 0 1rem;
}
.interstitial-learnMoreBulletContainer > ul > li {
  padding-bottom: 0.25rem;
  margin-left: 1rem;
}
.interstitial-learnMorePrimaryText {
  text-align: center;
}
.interstitial-learnMoreSecondaryText {
  background: #ececec;
  text-align: center;
  padding: 1rem 0.5rem 1.5rem 0.5rem;
  margin-top: 0.5rem;
  border-radius: 0.5rem;
}
.interstitial-learnMoreSecondaryHeader {
  font-weight: 500;
  display: block;
}

@media (max-width: 768px) {
  .interstitial-feedback {
    position: absolute;
    transform: rotate(-90deg) translate(0, -100%);
    transform-origin: 100% 0;
    right: 0;
    left: initial;
    top: 30%;
  }
}
@media (min-width: 768px) {
  .interstitial-next_radio.interstitial-next_radio {
    width: 80%;
  }
}
.fiSuccessIcon-container {
  display: inline-block;
  color: #299976;
  width: 100%;
  text-align: center;
}
.fiDottedLine-list {
  border-bottom: 1px dotted #cbd2d6;
  padding: 10px;
  min-height: 69px;
  height: 0;
  /* needs declared height to vertical alignment bug */
}
.fiDottedLine-list:first-child {
  border-top: 1px solid #cbd2d6;
}
.pullRemove-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.manualCard-link {
  padding-top: 1.1rem;
}
.pullRemove-listItem {
  height: auto;
  padding: 0.7rem 0 0.7rem 0;
  border-bottom: 1px dotted #b7bcbf;
  min-height: 69px;
}
.pullRemove-listItem:first-child {
  border-top: 1px solid #cbd2d6;
}
.pullRemove-listItem:last-child {
  border-bottom: 1px solid #cbd2d6;
}
.availableRewards-alignment {
  text-align: left;
  padding: 0.6rem 0 0 0;
  width: 3.5rem;
}
.pullRemoveIcon-alignment {
  text-align: left;
  padding: 0;
  width: 3.5rem;
}
.buttonLink-regularFontSize {
  font-size: 0.8125rem;
}
.fi-negativeBalance,
.fi-balanceOnHold,
.fi-pastDue {
  color: #d20000;
}
.fiChoice-container {
  text-align: center;
}
.fiChoiceStar-list {
  color: #ff9600;
}
.fiChoiceStar-details {
  color: #cbd2d6;
  font-size: 1.7rem;
}
.fiChoiceStar-details_selected {
  color: #ff9600;
  font-size: 1.7rem;
}
.fiChoice-info {
  color: #6c7378;
  font-weight: 400;
}
.fiChoice-preferred {
  color: #006446;
  background-color: #d3efe9;
  font-weight: 200;
  font-size: 10px;
  padding: 2px;
  border-radius: 2px;
}
.choiceFiIconContainer {
  font-size: 1.8em;
}
.fiContent-list-item_dash {
  list-style-type: none;
}
.fiContent-list-item_dash:before {
  content: "- ";
}
/**
 * increasing specificity b/c dynamically loaded VX stylesheets via header/footer service were overriding this class's
 * position declaration
 */
.spinner_fullScreen.spinner_fullScreen {
  position: fixed;
  z-index: 4000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.spinner_center {
  margin: auto;
}
.removeFi-info {
  margin: 30px 0;
}
.choiceRemoveSuccess-header {
  text-align: center;
}
.newChoiceFi-container {
  margin: 20px 10px 20px;
}
.newChoiceFi-listItem {
  padding: 10px;
  border-top: 1px dotted #b7bcbf;
}
.newChoiceFi-alert {
  padding-bottom: 0;
}
.newChoiceFi-next {
  margin-top: 10px;
}
.newChoiceFi-list {
  border-bottom: 1px dotted #cbd2d6;
  padding: 10px;
}
.newChoiceFi-list:first-child {
  border-top: 1px dotted #cbd2d6;
}
.newChoiceFi-label.newChoiceFi-label {
  width: 100%;
  line-height: 1.5;
}
.newChoiceFi-label.newChoiceFi-label:before {
  vertical-align: middle;
}
.newChoiceFi-balanceLabel.newChoiceFi-balanceLabel {
  width: 100%;
}
.newChoiceFi-balanceLabel.newChoiceFi-balanceLabel:before {
  vertical-align: top;
  margin-top: 6px;
}
.newChoiceFi-icon,
.newChoiceFi-balanceIcon,
.newChoiceFi-text {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.newChoiceFi-balanceIcon {
  vertical-align: top;
  padding-left: 1%;
}
.newChoiceFi-text {
  text-align: left;
  padding-left: 13px;
  line-height: 1em;
}
.newChoiceFi-text_noPref {
  padding-top: 5px;
  font-weight: bold;
}
.newChoiceFi-title {
  font-weight: 500;
}
.learnmore-blockItem {
  display: block;
}
.accountType-hidden {
  display: none;
}
.noWrap {
  white-space: nowrap;
}
.skipDdi {
  text-align: center;
}
.mandateText {
  height: 18em;
  padding: 0 0.357em;
  margin-bottom: 25px;
  background-color: #f5f7fa;
  overflow-y: auto;
}
.printDDA {
  text-align: center;
}
.fiLabel-Spacing {
  line-height: 1em;
}
.balance-transfer-header {
  margin-bottom: 5px;
}
.transfer-list-container {
  margin: 0;
}
.transfer-list {
  padding: 15px;
}
.transfer-list-text {
  margin: 0;
}
.transfer-list-primaryText {
  margin: 0;
  font-weight: 500;
}
.transfer-listItem {
  border-bottom: 1px #b7bcbf dotted;
  list-style-type: none;
}
.transfer-listItem:first-child {
  border-top: 1px #b7bcbf dotted;
}
.rewardsBlock-getStarted {
  background-color: #f5f7fa;
  padding: 12px;
  font-size: 13px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.rewardsBlock-details {
  background-color: #f5f7fa;
  padding: 12px;
  font-size: 13px;
}
.rewardsBlock-detailsLink {
  padding: 0%;
  font-size: 13px;
  text-align: right;
}
.rewards-hr {
  margin: 0;
}
.rewards-tos {
  color: #6c7378;
  font-weight: 400;
}
.rewards-agreement-list {
  text-align: left;
}
.rewards-container {
  text-align: center;
  font-size: 15px;
}
.rewards-issuer {
  font-weight: 500;
  margin-bottom: 0;
}
.rewards-terms-li {
  line-height: 1.38;
}
.rewards-points {
  margin: auto;
}
.rewardPoints-availability {
  color: #2c2e2f;
  margin-top: 5px;
}
.rewardsDetail-description {
  color: #6c7378;
}
.rewards-stop-btn {
  margin-bottom: 0rem;
}
.rewards-details-stoplink {
  font-size: 13px;
}
.rewards-refresh-icon {
  font-size: 1.5em;
  margin-right: 5px;
}
.rewards-refresh-container {
  margin: 2em;
}
.partnerLogo {
  border: 1px solid;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin: auto;
  color: #cbd2d6;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
}
.institution-image {
  display: inline-block;
}
.partnerLogo-Img {
  width: 150px;
}
.cards-removed-title {
  margin-bottom: 5px;
}
.chaseRemove-body-text {
  color: #2c2e2f;
  margin: 20px 0px;
}
.statementExample-container {
  width: 100%;
  border: 1px dotted #b7bcbf;
  border-radius: 4px;
  padding: 0 0.75em 1em;
}
.statementExample-row {
  margin: 0;
  width: 100%;
  padding-bottom: 1px;
  border-bottom: 1px dotted #b7bcbf;
}
.statementExample-header {
  width: 100%;
  text-align: center;
  color: #6c7378;
}
.statementExample-amount {
  text-align: right;
}
.statementExample-code {
  border: 1px solid #181818;
  border-radius: 2px;
  padding: 0 1px;
  margin: 0 1px;
}
.statementExample-text {
  margin: 0;
}
.topup-submit {
  margin-top: 30px;
}
.topup-alert {
  margin: 20px 0 10px 0;
}
.topup-checkbox {
  margin: 20px 0;
}
.topup-checkbox_disabled {
  color: #6c7378;
  margin: 20px 0;
}
.selectedFi-heading {
  margin: 0;
  border-bottom: 1px solid #b7bcbf;
}
.selectedFi-text,
.selectedFi-link {
  margin-top: 0;
  margin-bottom: 0;
}
.selectedFi-link {
  text-align: right;
}
.topupProduct-list {
  margin-bottom: 30px;
}
.topupProduct-listItem_dash {
  list-style-type: none;
}
.topupProduct-listItem_dash:before {
  content: "• ";
  color: #6c7378;
}
.topup-btn {
  margin-top: 30px;
}
.topup-link {
  text-align: center;
}
.topup-critical-icon {
  color: #ff9600;
}
.topup-center {
  text-align: center;
}
.topup-fiSelectRadio.topup-fiSelectRadio_hasError:before {
  border-color: #d20000;
}
.submit-btn {
  margin-top: 25px;
  margin-bottom: 1.5rem;
}
.fiChoice-radio {
  margin-top: 1.5rem;
  border-top: 1px dotted #cbd2d6;
}
.sub-content {
  font-size: 13px;
  font-weight: 300;
  color: #000000;
}
.bottom-info {
  color: #6c7378;
}
.fiChoice-header {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0;
  color: #2c2e2f;
}
.fiChoice-detail {
  display: block;
  font-size: 13px;
}
.fiChoice-auth {
  font-size: 13px;
  color: #d82332;
}
.addNew {
  margin: 0 auto;
  font-size: 13px;
  text-align: center;
}
.amountInput-container {
  text-align: center;
  min-width: 90px;
  width: 90px;
  margin: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.amountInput {
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  font-size: 48px;
  font-weight: 300;
  text-align: center;
  width: 100%;
  cursor: pointer;
  font-family: "PayPal-Sans-Big", sans-serif;
}
.amountInput-readOnly {
  cursor: default;
}
.currencyPart {
  display: inline-block;
  margin-top: 17px;
  font-size: 20px;
  font-family: "PayPal-Sans-Big", sans-serif;
  cursor: default;
}
.animated {
  animation-duration: 1.5s;
  animation-fill-mode: both;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.amountInput-shake {
  -webkit-animation-name: shake;
  animation-name: shake;
  color: #d20000;
}
.amountComponent-container {
  position: relative;
}
.invisibleBlock {
  position: absolute;
  top: 5px;
  z-index: -1;
  opacity: 0;
  display: inline;
  font-size: 48px;
  font-weight: 300;
  font-family: "PayPal-Sans-Big", sans-serif;
}
.amountInput-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.form-container_topup {
  width: 90%;
}
.topup-text-block {
  padding: 0.3em 0.3em 0.7em;
}
.topup-logo-noshadow.topup-logo-noshadow {
  box-shadow: none;
  margin-top: 10px;
  background: none;
}
.topup-list {
  counter-reset: li;
  list-style-type: none;
  font-size: 14px;
  line-height: 10px;
  margin: 0;
}
.topup-listItem {
  position: relative;
  padding: 0 0 0 40px;
}
.topup-listCounter {
  background-color: #ffffff;
  height: 26px;
  width: 26px;
  border: 1px solid #181818;
  border-radius: 100%;
  color: #181818;
  text-align: center;
  position: absolute;
  left: 0;
}
.topup-title {
  margin-bottom: 3px;
}
.topup-text,
.topup-main-title {
  margin: 0;
}
.topup-button {
  margin-top: 25px;
}
.topup-bank-list {
  padding: 20px;
}
.topup-tooltip {
  text-align: left;
  line-height: 1.38461538;
}
.topup-tooltip-link {
  text-align: center;
  padding-bottom: 10px;
  text-decoration-line: underline;
  text-decoration-style: dotted;
}
.mcmAddCurrency-header {
  margin-bottom: 1rem;
}
.mcmAddCurrency-text {
  margin-bottom: 2.5rem;
}
.mcmOverflowMenu-container {
  margin-top: 2.1em;
  color: #181818;
  text-align: left;
}
.mcmOverflowMenu-padding {
  padding-left: 2.25rem;
}
.mcmMakePrimary-fiLabel {
  margin-bottom: 10%;
  text-align: center;
}
.mcmCloseCurrency-currencyLabelMiddle {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 6%;
  text-align: center;
  font-weight: 500;
}
.mcmCloseCurrency-currencyLogoMiddle {
  margin-left: 34%;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .mcmCloseCurrency-currencyLogoMiddle {
    margin-left: 40%;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .mcmCloseCurrency-currencyLogoMiddle {
    margin-left: 36%;
  }
}
.mcm-currencyFlag {
  height: 105px;
  width: 105px;
  background-size: 100%;
}

.vx_tag-primary {
  border: 1px solid #181818;
  color: #181818;
  font-size: 10px;
  border-radius: 3px;
  font-weight: bold;
  margin-left: 5px;
  padding-left: 1px;
  padding-right: 1px;
}
.mcmTransfer-selectedFiLabel {
  margin-bottom: 5px;
}
.mcmTransfer-textMargin {
  margin-bottom: 25px;
}
.mcmTransfer-center {
  text-align: center;
}
.mcmTransfer-amountText {
  margin: 0;
  text-align: center;
}
.mcmTransfer-reviewAmount {
  text-align: right;
}
.mcmTransfer-reviewAmount,
.mcmTransfer-reviewLabel {
  margin: 0;
}
.mcmOverflowMenu-alignMiddle.mcmOverflowMenu-alignMiddle {
  margin: 0 0.4rem 0.2rem 0.1rem;
}
.mcmTransfer-buttonMiddle {
  text-align: center;
  padding-top: 20px;
}
.mcmTransfer-toCurrencyButton {
  padding-bottom: 20px;
}
.mcmOverflowMenu-icon.mcmOverflowMenu-icon:before {
  font-size: 1.58rem;
}
.cw_overflowMenu-container {
  position: relative;
  float: right;
  margin-top: -1.875rem;
}
.cw_overflowMenu-trigger {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.25rem 0 0.3125rem 0.3125rem;
  background: none;
  border: 0;
  cursor: pointer;
}
.cw_overflowMenu-trigger:hover,
.cw_overflowMenu-trigger.active {
  text-decoration: none;
  background: rgba(0, 112, 186, 0.1);
  border-radius: 50%;
}
.cw_overflowMenu-menu {
  visibility: hidden;
  opacity: 0;
  color: #ffffff;
}
.cw_overflowMenu-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  position: absolute;
  top: 100%;
  right: -1.5rem;
  z-index: 100;
  padding: 0.75rem 0;
  margin-top: -0.1875rem;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cbd2d6;
  border-radius: 0.3125rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
}
.cw_overflowMenu-item.cw_overflowMenu-item {
  color: #2c2e2f;
  display: block;
  padding: 0.3125rem 0.75rem 0.4375rem 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 300;
  text-align: left;
}
.cw_overflowMenu-item.cw_overflowMenu-item:hover {
  text-decoration: none;
  background: rgba(0, 112, 186, 0.1);
}
.cw_overflowMenuIsOpen {
  visibility: visible;
  opacity: 1;
}
.cw_overflowMenu-icon {
  display: block;
  margin: 0 0 0.3125rem 0.1rem;
}
.cw_icon-rectangleLogo_small {
  width: 3.2em;
  height: 2.1em;
  margin: 0 auto;
  border-radius: 4px;
  display: inline-block;
}
.cw_icon-rectangleLogo_large {
  display: block;
  width: 10.66em;
  height: 6.66em;
  border-radius: 8px;
  margin: 0 auto;
}
.cw_icon-circleLogo_small {
  display: inline-block;
  width: 2.66em;
  height: 2.66em;
  border-radius: 50%;
}
.cw_icon-circleLogo_large {
  display: block;
  margin: 0 auto;
  width: 6.66em;
  height: 6.66em;
  border-radius: 50%;
}
.cw_icon_shadow {
  box-shadow: 0 4px 8px #cbd2d6;
}
.cw_icon-table {
  display: table;
  margin: 0 auto;
}
.cw_icon-table:before {
  display: table-cell;
  vertical-align: middle;
}
.cw_icon-ppLogo {
  text-align: center;
}
.cw_icon {
  vertical-align: middle;
}
.cw_icon_attention {
  color: #ff9600;
}
.cw_icon_warning {
  color: #d20000;
  font-weight: 500;
}
.cw_tile-container {
  height: 100%;
  position: relative;
  background-color: transparent;
  text-align: left;
  margin: 2.25rem 1.5rem 0 1.5rem;
  padding-bottom: 0;
}
.cw_tile-container:before {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  content: "";
  background-color: #181818;
}
.cw_tile-container:last-of-type {
  margin-bottom: 3.2rem;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cw_tile-container.cw_tile-container {
    height: auto;
  }
}
.cw_tile-header {
  padding: 1.125rem 0 0.75rem;
  margin: 0;
  font-weight: 200;
  color: #181818;
}
.icon-arrow-right-half-small {
  padding-left: 0.375rem;
  position: relative;
  top: 0.1875rem;
}
.cw_tile-headerLink {
  text-decoration: none;
  font-weight: 500;
}
.cw_tile-headerLink {
  display: block;
  overflow: hidden;
  text-align: left;
  width: auto;
  color: #181818;
}
.cw_tile-errorHeader {
  color: #2c2e2f;
  font-weight: 500;
}
.cw_tile-content_clickable {
  text-decoration: none;
}
.cw_tile-currencyContainer {
  vertical-align: middle;
  text-align: left;
}
.cw_tile-currency,
.cw_tile-currency_primary,
.cw_tile-currency_secondary {
  display: block;
}
.cw_tile-currency {
  font-weight: 300;
  color: #2c2e2f;
}
.cw_tile-currency_primary,
.cw_tile-currency_secondary {
  color: #6c7378;
}
.cw_tile-button {
  margin-top: 1.125rem;
  margin-bottom: 0;
}
.cw_tile-message_primary {
  color: #2c2e2f;
}
.cw_tile-message_secondary {
  color: #018065;
}
.cw_tile-promoContainer {
  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  margin-top: 1.125rem;
  padding: 0.75rem;
}
.cw_tile-promoIconContainer {
  margin-top: 0.938rem;
}
.cw_tile-promoIcon {
  color: #181818;
  height: 2.688rem;
  padding-top: 0.313rem;
  width: 2.688rem;
}
.cw_tile-promoIcon:before {
  font-size: 3.1rem;
}
.cw_tile-promoHeader {
  color: #181818;
  margin: 0;
}
.cw_tile-promoBody {
  margin: 0 0 0.125rem;
}
.cw_tile-promoCloseIconContainer {
  margin: 0;
  padding-top: 0.625rem;
}
.cw_tile-promo-closeIcon:hover {
  text-decoration: none;
}
.cw_tile-promoCloseIcon:before {
  color: #000000;
  font-size: 1.1rem;
}
.cw_tile-errorIconContainer {
  margin-top: 0.2rem;
  padding: 0;
}
.cw_tile-errorBodyContainer {
  padding-left: 0;
}
.cw_tile-errorBody {
  color: #2c2e2f;
}
.cw_tile-errorIcon {
  color: #d20000;
}
.cw_tile-errorIcon:before {
  font-size: 1.2rem;
}
/**
 * The below styles are shared by cxpw-bankcard & cxpw-activity
 */
.cw_tile-itemList {
  width: 100%;
  list-style: none;
  margin: 0;
}
.cw_tile-itemListContainer {
  position: relative;
  min-height: 4.125rem;
  border-bottom: 1px dotted #9da3a6;
  z-index: 1;
}
.cw_tile-itemListContainer_hover:after {
  content: "";
  position: absolute;
  background-color: rgba(0, 112, 186, 0.1);
  left: -0.75rem;
  top: 0;
  height: 4.375rem;
  width: calc(100% + 1.5rem);
  z-index: -1;
  border-left: 3px solid #181818;
  opacity: 0;
  transition: all 0.5s linear;
}
/*The css rule below is only to fix the pseudo elements hover bug on IE10*/
.cw_tile-itemListContainer_hover:hover {
  z-index: 1;
}
.cw_tile-itemListContainer_hover:hover:after {
  opacity: 1;
}
.cw_tile-itemListLink.cw_tile-itemListLink {
  text-decoration: none;
  color: #2c2e2f;
  font-weight: 400;
}
.cw_tile-itemListLink:hover,
.cw_tile-itemListLink:focus {
  text-decoration: none;
  color: #2c2e2f;
}
.cw_tile-itemListRow {
  min-height: 4.3125rem;
  height: 0;
  padding: 0.5rem 0;
}
.cw_tile-itemListCol {
  padding: 0 0.3125rem 0 0.75rem;
  vertical-align: middle;
}
.cw_tile-itemListIcon {
  width: 3rem;
  text-align: center;
  padding: 0;
}
.cw_tile-itemListHeader {
  display: block;
  line-height: 1.3;
}
.cw_tile-itemListTag {
  text-align: right;
  padding-right: 0;
}
.cw_tile-itemSingle {
  border-bottom: 0;
}
.cw_tile-iconPlacement {
  width: 1.6rem;
  margin: auto;
  height: 100%;
  display: block;
}
.cw_tile-customImage {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.cw_tile-customImage,
.cw_tile-standardIcon {
  display: block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  margin-left: 0;
}
.cw_tile-standardIcon {
  background: linear-gradient(100deg, #00cf92, #009cde);
  /* stylelint-disable */
  background-size: cover;
}
/**
 * The above styles are shared by cxpw-bankcard & cxpw-activity
 */
/**
 * mWeb-only styles
 */
@media (max-width: 767px) {
  .cw_tile_hidden {
    display: none;
  }
  .cw_tile-container {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
}
.cw_a11yText {
  display: none;
  overflow: hidden;
}
.sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
.cw_tile-zeroState {
  margin: 0;
  color: #2c2e2f;
}
.cw_tile-amountContainer {
  padding: 0;
  text-align: right;
}
.cw_tile-primaryAmount {
  margin: 0;
  font-size: 1.25rem;
}
.cw_tile-secondaryAmount {
  margin: 0;
  color: #6c7378;
}
/* Autosweep styles */
.autoWithdraw-header {
  margin-bottom: 0.8rem;
  text-align: center;
}
.autoWithdraw-disclaimer {
  text-align: center;
  color: #6c7378;
}
.autoWithdraw-changeLink {
  font-size: 0.866rem;
  margin-top: 0.866rem;
  cursor: pointer;
}
.autoWithdraw-fiChangeWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.autoWithdraw-estimateContainer {
  margin-left: 4rem;
  margin-top: 0.4rem;
}
.autoWithdraw-estimateContainer span {
  font-weight: 300;
  color: #6c7378;
}
.autoWithdraw-iconWrapper {
  width: 100%;
  text-align: center;
}
.autoWithdraw-decline {
  width: 100%;
  text-align: center;
}
.autoWithdraw-feeDetails {
  text-align: left;
  margin: 0;
  font-weight: 300;
  color: #6c7378;
  font-size: 0.8125rem;
  line-height: 1.24615385;
}
.autoWithdraw-transferTime {
  text-align: left;
  margin: 0;
  line-height: 1.24615385;
  margin-bottom: 0.4rem;
  color: #6c7378;
}
.autoWithdraw-fiError {
  margin-top: 0.5rem;
}
.autoWithdraw-btnWrapper {
  width: 100%;
  text-align: center;
}
.autoWithdraw-btnWrapper button {
  margin-bottom: 0.7rem;
}
/* AutoTransfer Remaining balance container styles */
.auto-withdraw-remaining-balance-container {
  padding: 0.75rem;
}
.auto-withdraw-remaining-balance-container .aw-remaining-balance-desc {
  margin: 0.4375rem 0rem;
  /*7px*/
  line-height: 1.5rem;
}
.auto-withdraw-remaining-balance-container .aw-remaining-balance-amount {
  text-align: right;
}
.pull-provision-hr {
  margin: 0;
  vertical-align: bottom;
}
.provision-listItem {
  padding: 20px 0;
}
.provision-listBlock {
  margin: 2em 0 2em 0;
}
.provision-list {
  border-bottom: 1px dotted #cbd2d6;
}
.provision-list:first-child {
  border-top: 1px dotted #cbd2d6;
}
.provision-label.provision-label {
  width: 100%;
  line-height: 1.5;
}
.provision-label.provision-label:before {
  vertical-align: middle;
}
.checkboxList-icon,
.provision-icon,
.provision-text {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.provision-text {
  text-align: left;
  padding-left: 20px;
  line-height: 1em;
}
.provision-title {
  font-weight: 500;
}
.provision-subTitle {
  color: #2c2e2f;
  text-align: left;
}
.provision-successFooter {
  margin-top: 40px;
}
.bank-pull-opt-in {
  text-align: center;
}
.bank-pull-opt-in-md-text {
  font-size: 15px;
}
.programme-features {
  background-color: #f5f7fa;
  padding: 0 0.5em;
  border-radius: 5px;
}
.programme-features__header {
  padding: 1em;
  border-bottom: 1px solid #cbd2d6;
}
.programme-features__list {
  text-align: left;
  padding: 0.5em;
}
.programme-features__list li {
  margin: 0.5em;
}
.programme-logo {
  margin: 4em 2em;
}
.programme-logo-image {
  width: 150px;
}
.programme-tnc {
  margin: 2em 0 2em 0;
  text-align: left;
}
.programme-tnc__content {
  color: #6c7378;
  font-size: 13px;
}
.pull-animationLogo {
  width: 150px;
  margin: 0 25%;
}
.pull-notNow {
  text-align: center;
  width: 294px;
  margin: auto;
}
.pull-partialSuccess_header {
  text-align: left;
}
.pull-cvvCard {
  text-align: left;
  padding: 0;
}
.pull-cardsNotLinked {
  text-align: left;
  border-bottom: 1px solid #cbd2d6;
}
.pull-tryAgain {
  margin-left: 5px;
}
.pull-defaultHeader {
  text-align: left;
}
.pull-bodyText {
  color: #6c7378;
  font-size: 13px;
  line-height: 1.38;
}
.fi-list-nonClickable {
  margin: 15px 0;
}
.fi-list-nonClickable .fi-listGroup {
  margin: 15px 0 30px;
  list-style: none;
}
.fi-list-nonClickable .fi-listGroup_dotted {
  border-top: 1px dotted #b7bcbf;
}
.fi-list-nonClickable .fi-listGroup-listItem {
  padding: 1rem;
  border-bottom: 1px dotted #b7bcbf;
}
.fi-list-nonClickable .fi-listGroup-listItem:last-child {
  border: none;
}
.fi-list-nonClickable .fi-listGroup-listItem:first-child {
  border-top: 1px dotted #b7bcbf;
}
.fiList-scrollable {
  height: 55vh;
  max-height: 55vh;
  overflow-y: scroll;
}
.collapsed {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.no-style-button {
  text-align: left;
  background-color: inherit;
  border: 0;
  width: 100%;
  padding: 0;
}
.no-style-button:focus {
  outline: none;
}
.right_side {
  width: 100%;
  text-align: right;
}
.collapsed .attribution-link {
  display: none;
}
.attributions-one-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0.3rem;
}
.attributions-choice {
  padding-left: 22px;
  margin-left: 1.4em;
}
.deposit_fi-hr {
  margin-top: 0;
}
.deposit-header,
.deposit-transferTime,
.deposit-feeDetails {
  text-align: center;
}
.deposit-transferTime {
  margin: 1.15rem 0;
  line-height: 1.38461538;
}
.deposit-selectedFis {
  margin: 1.5rem 0;
}
.deposit-selectedFiLabel {
  margin-bottom: 0.275em;
}
.deposit-standardFiLine {
  padding-left: 0;
  padding-right: 0;
  margin-top: 2.1875rem;
}
.deposit-fiSelectRadio {
  margin-left: 0;
  margin-right: 0;
}
.deposit-editButton {
  text-align: center;
  position: relative;
  top: -5px;
}
.deposit-marginBtn {
  margin-top: 3rem;
}
.deposit-noFiHeaderTop {
  margin-top: 1.375rem;
  margin-bottom: 1.375rem;
}
.confirmFi-addFiLink {
  display: block;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}
.headerWrapper h1 {
  font-size: 1.55rem;
}

.headerWrapper.subHeading {
  padding-bottom: 24px;
}

.headerWrapper.subHeading h1 {
  margin-bottom: 6px;
}

.vx_text-2,
h2 {
  font-weight: 300;
}

.vx_text-2,
.vx_text-2_regular,
h2 {
  font-size: 0.9375rem;
  line-height: 2.25rem;
  text-transform: none;
  font-family: PayPal-Sans-Big, Helvetica Neue, Arial, sans-serif;
}

.vx_text-2_regular {
  font-weight: 700;
}
