/**
 * @fileOverview Styles for the summary page (home page)
 * @name Summary
 * Coresponding Dust files are in public/templates/summary
 * @author tsullivan
 * @tested Chrome, Firefox, Safari, IE9, IOS6
 */
/**
 * @fileOverview Variables contains variables
 * @name Variables
 * @author hdoan, mdaveshah, ziliu
 * @tested browsers FF 12, Chrome 18, Safari 5 on Mac
 */
/* Font sizes */
/* Inputs */
/** old styles **/
/****************/
/* Colors */
/* button colors */
/* New color variables from Adam Dustan's Patterns sheet: https://ebay.box.com/s/apis0xukrp25jzdvjyky */
/* engagement module colors, named via http://chir.ag/projects/name-that-color */
/* info / warning icon colors */
/* generic colors for colors except text like box-border, shadow, background */
/* card colors */
/* textColor for all the colors of text */
/* font weights */
/* 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 */
/* Setting for Sidepanel */
/* This is not used by all side panels, only for the default one */
/* what about larger phones like gs3? what about phablets like the note?
/* responsive breakpoints */
/* borders */
/* Image Paths */
/* Image URIs */
/* Navigation */
/* Activity */
/* send money */
/* data uri for notification */
/* wallet */
/* shop static landing page */
/* feedback icon */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
/**
 * @fileOverview Mixins contains mixins
 * @name Mixins
 * @author hdoan, mdaveshah
 * @tested browsers FF 12, Chrome 18, Safari 5 on Mac
 * Please do not modify Mixins to add IE related styles.
 */
.ltrInput {
  text-align: left;
  /*! @noflip */
  direction: ltr;
}
.ltrInputGroup {
  /*! @noflip */
  text-align: left;
  /*! @noflip */
  direction: ltr;
}
.enforceLtr {
  /*! @noflip */
  direction: ltr;
  unicode-bidi: embed;
}
.overflow-auto {
  overflow: auto;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/**
 *  Multi-line truncation utilizing overflow:hidden and specified height of content
 *  http://www.mobify.com/blog/multiline-ellipsis-in-pure-css/
 *
 *  @height - height of content to cut off
 *  @lineheight - spacing between lines
 *  @ellipsiswidth - width of ellipsis area
 */
/**
 *	Vertical separator with radial box shadow right
 *	@width - width of vertical separator
 *	@height1 - height of first darker box shadow
 *	@height2 - height of second lighter box shadow (taller than first height)
 *	@top1 - top position of first box shadow
 *	@top2 - top position of second box shadow
 *	@right - right position of separator
 *	@z - z-index of separator
 *	@borderRadius - how radial the box shadow is
 */
/**
 *	Horizontal separator with radial box shadow down
 *	@height - height of horizontal separator
 *	@width1 - width of first darker box shadow
 *	@width2 - width of second lighter box shadow (longer than first width)
 *	@left1 - left position of first box shadow
 *	@left2 - left position of second box shadow
 *	@bottom - bottom position of separator
 *	@z - z-index of separator
 *	@borderRadius - how radial the box shadow is
 */
/* This mixin is to add a pointer to a dropdown */
/* mixin for creating a triangle */
/* Mixin for bubbles */
/* mixin for creating carets bubbles with a border */
/* mixins for creating caret for customSelectBtn */
/*  START SPINNER  */
/* DEFAULT USAGE: add .hasSpinner classes (in app.less) to the elements that we want to have an overlay and spinner graphic on top of */
/* Applies to Modals and other DIV elements: Apply this mixin selectively to other CSS properties to avoid duplication of CSS code */
/* Just use .spinner() to apply spinner, or along with .overlay() to add overlay behind spinner and block the user interaction on the DIV */
@-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);
  }
}
@-webkit-keyframes revrotation {
  from {
    -webkit-transform: rotate(0deg) scaleX(-1);
    transform: rotate(0deg) scaleX(-1);
  }
  to {
    -webkit-transform: rotate(359deg) scaleX(-1);
    transform: rotate(359deg) scaleX(-1);
  }
}
@-moz-keyframes revrotation {
  from {
    -moz-transform: rotate(0deg) scaleX(-1);
    transform: rotate(0deg) scaleX(-1);
  }
  to {
    -moz-transform: rotate(359deg) scaleX(-1);
    transform: rotate(359deg) scaleX(-1);
  }
}
@-o-keyframes revrotation {
  from {
    -o-transform: rotate(0deg) scaleX(-1);
    transform: rotate(0deg) scaleX(-1);
  }
  to {
    -o-transform: rotate(359deg) scaleX(-1);
    transform: rotate(359deg) scaleX(-1);
  }
}
@keyframes revrotation {
  from {
    transform: rotate(0deg) scaleX(-1);
  }
  to {
    transform: rotate(359deg) scaleX(-1);
  }
}
/*  END SPINNER  */
/* mixin to create flat white button (iOS7 style) */
.flatBtn {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  background: #ffffff;
  -moz-box-shadow: 0 1px 3px #cccccc;
  -webkit-box-shadow: 0 1px 3px #cccccc;
  box-shadow: 0 1px 3px #cccccc;
  background-color: #faf9f9;
  background-image: -moz-linear-gradient(top, #fffefe, #f3f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fffefe), to(#f3f2f2));
  background-image: -webkit-linear-gradient(top, #fffefe, #f3f2f2);
  background-image: -o-linear-gradient(top, #fffefe, #f3f2f2);
  background-image: linear-gradient(to bottom, #fffefe, #f3f2f2);
  background-image: -webkit-linear-gradient(top, #fffefe 0%, #f3f2f2 100%);
  background-image: -o-linear-gradient(top, #fffefe 0%, #f3f2f2 100%);
  background-image: linear-gradient(to bottom, #fffefe 0%, #f3f2f2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffffefe', endColorstr='#fff3f2f2', GradientType=0);
}
/**
 * The following are just the overrides for TWBS
 */
/**
 * DO NOT EDIT THIS FILE AS IT'S GENERATED CODE.
 * UED: cgrigson, adustin, nvandewater
 * UIE: jlowery
 * 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
*/
/* Icons */
/* 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 */
/* Setting for Sidepanel */
/* This is not used by all side panels, only for the default one */
/* what about larger phones like gs3? what about phablets like the note?
/* responsive breakpoints */
/* Navigation */
/* Spinner */
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.5.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight {
    display: none;
    /* dimensions: spanning the background from edge to edge */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    /* z-index needs to be >= elements on the site. */
    /* position: centering content */
    text-align: center;
    /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
    white-space: nowrap;
    /* styling */
    cursor: pointer;
    background: #333;
    /* IE8 "hack" for nested featherlights */
    background: rgba(0, 0, 0, 0);
  }
  /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8);
  }
  .featherlight:before {
    /* position: trick to center content vertically */
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
  }
  .featherlight .featherlight-content {
    /* make content container for positioned elements (close button) */
    position: relative;
    /* position: centering vertical and horizontal */
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    /* dimensions: cut off images */
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    /* dimensions: handling large content */
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    /* styling */
    background: #fff;
    cursor: auto;
    /* reset white-space wrapping */
    white-space: normal;
  }
  /* contains the content */
  .featherlight .featherlight-inner {
    /* make sure its visible */
    display: block;
  }
  .featherlight .featherlight-close-icon {
    /* position: centering vertical and horizontal */
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    /* dimensions: 25px x 25px */
    line-height: 25px;
    width: 25px;
    /* styling */
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff;
    /* Set the background in case it overlaps the content */
    background: rgba(255, 255, 255, 0.3);
    color: #000;
  }
  .featherlight .featherlight-image {
    /* styling */
    width: 100%;
  }
  .featherlight-iframe .featherlight-content {
    /* removed the border for image croping since iframe is edge to edge */
    border-bottom: 0;
    padding: 0;
  }
  .featherlight iframe {
    /* styling */
    border: none;
  }
  .featherlight * {
    /* See https://github.com/noelboss/featherlight/issues/42 */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    /* dimensions: maximize lightbox with for small screens */
    margin-left: 10px;
    margin-right: 10px;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}
.contents[role="main"] {
  max-width: none;
}
a.wallet:hover,
a.wallet:focus,
a.activity:hover,
a.activity:focus {
  text-decoration: none;
}
.summarySection {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
.summarySection > .row {
  margin: 0;
}
.mainBody {
  background-color: #f5f7fa;
  position: relative;
  z-index: 1;
}
.footerLink {
  text-align: center;
  line-height: 3em;
}
.viewSendingLimitsLink {
  margin-right: 0.6em;
  padding-right: 0.6em;
  border-right: 1px solid #9da3a6;
}
.btn-block {
  margin-bottom: 1em;
}
/*
* @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
*/
@font-face {
  font-family: 'consumer-icons';
  src: url('https://www.paypalobjects.com/ui-web/iconfont-consumer/3-3-0/fonts/ConsumerIcons-Regular.eot');
  src: url('https://www.paypalobjects.com/ui-web/iconfont-consumer/3-3-0/fonts/ConsumerIcons-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.paypalobjects.com/ui-web/iconfont-consumer/3-3-0/fonts/ConsumerIcons-Regular.woff') format('woff'), /* Modern Browsers */ url('https://www.paypalobjects.com/ui-web/iconfont-consumer/3-3-0/fonts/ConsumerIcons-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.paypalobjects.com/ui-web/iconfont-consumer/3-3-0/fonts/ConsumerIcons-Regular.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg');
  font-style: normal;
  font-weight: 400;
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
.vx_btn,
.vx_btn-small,
.vx_btn-medium {
  display: inline-block;
  min-width: 6rem;
  padding: 0.75rem 1.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid #0070ba;
  border-radius: 1.5rem;
  font-size: 0.9375rem;
  line-height: 1.6;
  font-family: 'PayPal-Sans', sans-serif;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  color: #ffffff;
  background-color: #0070ba;
  transition: all 250ms ease;
  -webkit-font-smoothing: antialiased;
}
.vx_btn:visited,
.vx_btn-small:visited,
.vx_btn-medium:visited,
.vx_btn:active,
.vx_btn-small:active,
.vx_btn-medium:active,
.vx_btn:hover,
.vx_btn-small:hover,
.vx_btn-medium:hover,
.vx_btn:focus,
.vx_btn-small:focus,
.vx_btn-medium:focus {
  color: #ffffff;
}
.vx_btn:visited,
.vx_btn-small:visited,
.vx_btn-medium:visited {
  text-decoration: none;
}
.vx_btn:hover,
.vx_btn-small:hover,
.vx_btn-medium:hover,
.vx_btn:focus,
.vx_btn-small:focus,
.vx_btn-medium:focus {
  background-color: #003087;
  border: 1px solid #003087;
  box-shadow: none;
  text-decoration: none;
}
.vx_btn:focus,
.vx_btn-small:focus,
.vx_btn-medium:focus {
  outline: none;
  text-decoration: underline;
}
.vx_btn[disabled],
.vx_btn-small[disabled],
.vx_btn-medium[disabled],
.vx_btn[disabled]:hover,
.vx_btn-small[disabled]:hover,
.vx_btn-medium[disabled]:hover,
.vx_btn[disabled]:active,
.vx_btn-small[disabled]:active,
.vx_btn-medium[disabled]:active,
.vx_btn.vx_is-disabled,
.vx_btn-small.vx_is-disabled,
.vx_btn-medium.vx_is-disabled,
.vx_btn.vx_is-disabled:hover,
.vx_btn-small.vx_is-disabled:hover,
.vx_btn-medium.vx_is-disabled:hover,
.vx_btn.vx_is-disabled:active,
.vx_btn-small.vx_is-disabled:active,
.vx_btn-medium.vx_is-disabled:active {
  color: #cbd2d6;
  background: #f5f6f8;
  box-shadow: none;
  border: 1px solid #cbd2d6;
  text-decoration: none;
  cursor: not-allowed;
  outline: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.vx_btn + .vx_btn,
.vx_btn + .vx_btn-small,
.vx_btn + .vx_btn-medium,
.vx_btn-small + .vx_btn,
.vx_btn-small + .vx_btn-small,
.vx_btn-small + .vx_btn-medium,
.vx_btn-medium + .vx_btn,
.vx_btn-medium + .vx_btn-small,
.vx_btn-medium + .vx_btn-medium {
  margin-left: 0.75rem;
}
.vx_btn.vx_btn-block,
.vx_btn-small.vx_btn-block,
.vx_btn-medium.vx_btn-block {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
.vx_btn-secondary {
  background-color: transparent;
  border-color: #0070ba;
  color: #0070ba;
}
.vx_btn-secondary:hover,
.vx_btn-secondary:focus {
  color: #003087;
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #003087;
  box-shadow: 0 0 0 1px #003087 inset;
}
.vx_btn-secondary:visited {
  text-decoration: none;
  color: #0070ba;
}
.vx_btn_reversed {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #0070ba;
}
.vx_btn_reversed:hover,
.vx_btn_reversed:focus {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  color: #003087;
}
.vx_btn_reversed:visited {
  color: #0070ba;
}
.vx_btn_reversed:visited:hover {
  color: #003087;
}
.vx_btn-secondary_reversed {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
.vx_btn-secondary_reversed:hover,
.vx_btn-secondary_reversed:focus {
  background-color: rgba(0, 0, 0, 0.1);
  color: #ffffff;
  border-color: #ffffff;
  box-shadow: 0 0 0 1px #ffffff inset;
}
.vx_btn-medium {
  font-size: 0.8125rem;
  line-height: 1.38461538;
  min-width: 4.5rem;
  padding: 0.5625rem 1.125rem;
}
.vx_btn-small {
  font-size: 0.8125rem;
  line-height: 1.36363636;
  min-width: 3.75rem;
  padding: 0.46875rem 0.9375rem;
}
.vx_btn-icon {
  display: inline-block;
  width: 1.5rem;
  position: relative;
  margin-right: 0.625rem;
}
.vx_btn-icon svg {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: -1.125rem;
  left: 0;
}
.vx_btn-icon .svg-stroke {
  stroke: #ffffff;
}
.vx_btn-icon .svg-fill {
  fill: #ffffff;
}
.vx_btn-secondary .vx_btn-icon .svg-stroke {
  stroke: #0070ba;
}
.vx_btn-secondary .vx_btn-icon .svg-fill {
  fill: #0070ba;
}
.vx_btn-secondary:hover .vx_btn-icon .svg-stroke,
.vx_btn-secondary:focus .vx_btn-icon .svg-stroke {
  stroke: #003087;
}
.vx_btn-secondary:hover .vx_btn-icon .svg-fill,
.vx_btn-secondary:focus .vx_btn-icon .svg-fill {
  fill: #003087;
}
[disabled] .vx_btn-icon .svg-stroke,
[disabled]:hover .vx_btn-icon .svg-stroke,
[disabled]:active .vx_btn-icon .svg-stroke,
.vx_is-disabled .vx_btn-icon .svg-stroke,
.vx_is-disabled:hover .vx_btn-icon .svg-stroke,
.vx_is-disabled:active .vx_btn-icon .svg-stroke {
  stroke: #cbd2d6;
}
[disabled] .vx_btn-icon .svg-fill,
[disabled]:hover .vx_btn-icon .svg-fill,
[disabled]:active .vx_btn-icon .svg-fill,
.vx_is-disabled .vx_btn-icon .svg-fill,
.vx_is-disabled:hover .vx_btn-icon .svg-fill,
.vx_is-disabled:active .vx_btn-icon .svg-fill {
  fill: #cbd2d6;
}
.vx_btn-medium .vx_btn-icon {
  width: 1.125rem;
  margin-right: 0.5rem;
}
.vx_btn-medium .vx_btn-icon svg {
  width: 1.125rem;
  height: 1.125rem;
  top: -0.8125rem;
}
.vx_btn-small .vx_btn-icon {
  width: 1.10795454rem;
  margin-right: 0.375rem;
}
.vx_btn-small .vx_btn-icon svg {
  width: 1.10795454rem;
  height: 1.10795454rem;
  top: -0.75rem;
}
.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;
}
.vx_addBtn-primary,
.vx_addBtn-secondary {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  background: none;
  border: none;
  color: #0070ba;
  padding-left: 0.125rem;
}
.vx_addBtn-primary:before,
.vx_addBtn-secondary:before {
  content: "\e004";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'consumer-icons';
  line-height: 0;
  font-size: 1.25rem;
}
.vx_addBtn-primary:hover,
.vx_addBtn-secondary:hover {
  color: #005ea6;
  text-decoration: none;
}
.vx_addBtn-primary:before {
  color: #ffffff;
  background: #0070ba;
  border-radius: 100%;
  padding: 0 5px 3px;
  box-shadow: 0 1px 2px #2c2e2f;
  margin-right: 12px;
}
.vx_addBtn-secondary:before {
  margin-right: 5px;
}
.vx_backBtn {
  background: none;
  border: none;
  color: #0070ba;
  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: '\2190';
  display: inline;
  font-size: 1.5em;
  vertical-align: -0.1em;
  padding-right: 0.1em;
}
.vx_btn-twoUp .vx_btn {
  display: inline-block;
  width: 48%;
  margin-left: 0;
  margin-right: 0;
}
.vx_btn-twoUp .vx_btn:first-of-type {
  margin-right: 1.5%;
}
.vx_btn-twoUp .vx_btn:last-of-type {
  margin-left: 1.5%;
}
@media (max-width: 768px) {
  .vx_blocks-for-mobile .vx_btn {
    display: block;
    width: 100%;
  }
  .vx_blocks-for-mobile .vx_btn + .vx_btn {
    margin: 5px 0 0;
  }
}
.vx_btn-link {
  background: none;
  border: none;
  color: #0070ba;
  font-weight: 500;
  padding: 0;
}
.vx_btn-link:hover {
  color: #005ea6;
  text-decoration: underline;
}
.engagementModule {
  position: relative;
}
.engagementOffer-list_mobile {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 5px;
  margin: 0;
  list-style-type: none;
}
.engagementOffer-item_mobile {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.engagementOffer-contentContainer_mobile {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 10px 0 10px 0;
  text-align: center;
  white-space: normal;
}
.engagementOffer-cell_mobile {
  display: inline-block;
  height: 100%;
  text-align: left;
  vertical-align: middle;
  color: #0070ba;
}
.engagementOffer-cell_iconMobile {
  width: 5em;
  text-align: center;
  margin-left: -0.5em;
}
.engagementOffer-link_mobile {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  color: #ffffff;
}
.engagementOffer-link_mobile:active,
.engagementOffer-link_mobile:hover,
.engagementOffer-link_mobile:focus,
.engagementOffer-link_mobile:visited {
  color: #ffffff;
}
.engagementOffer-icon_mobile {
  display: block;
  height: 1.75em;
  width: 1.75em;
  border-radius: 50%;
  border: 1px solid #0070ba;
  background: rgba(255, 255, 255, 0.8);
  font-size: 2.3em;
  line-height: 1.55em;
  color: #0070ba;
  text-align: center;
}
.progressAndWelcome {
  white-space: nowrap;
}
.welcomeMessage {
  max-width: 70%;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  cursor: pointer;
  color: #2c2e2f;
}
.welcomeMessage .icon-paypal-select-logo {
  line-height: 0;
  margin-left: -0.6em;
}
.welcomeMessage .icon-paypal-select-logo:before {
  font-size: 3em;
}
.welcomeMessage .icon-small_toggleProfile {
  display: inline-block;
  transform: rotate(0deg);
  -moz-transition: transform 1s linear;
  -webkit-transition: transform 1s linear;
  -ms-transition: transform 1s linear;
  transition: transform 1s linear;
  font-weight: 900;
  position: relative;
  left: 4px;
}
.welcomeMessage .icon-small_toggleProfile:before {
  font-size: 1.3em;
}
.welcomeMessage.active .icon-small_toggleProfile {
  transform: rotate(-180deg);
  -moz-transition: transform 1s linear;
  -webkit-transition: transform 1s linear;
  -ms-transition: transform 1s linear;
  transition: transform 1s linear;
}
.welcomeMessage.active .vx-btn_toggleProfileStatus {
  background-color: #ffffff;
}
.welcomeMessage .vx-btn_toggleProfileStatus {
  box-sizing: border-box;
  color: #0070ba;
  border: 1px solid #0070ba;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background: rgba(255, 255, 255, 0.8);
}
.welcomeMessage .vx-btn_toggleProfileStatus:hover {
  border: 1px solid #0070ba;
  box-shadow: 0 0 0 1px #0070ba inset;
}
.engagement-actionText {
  margin-top: 10px;
  border: 1px solid transparent;
}
.engagement-actionText:hover,
.engagement-actionText:active {
  border: 1px solid transparent;
}
.welcomeMessage a,
.engagementStatusModule a {
  color: #ffffff;
  font-weight: bold;
}
.welcomeMessage a:hover,
.engagementStatusModule a:hover {
  text-decoration: none;
}
.engagementMainBar-container {
  padding: 20px 0 20px 20px;
  background-color: #f5f7fa;
}
.engagementMainBar-separator {
  margin: 0 auto;
  padding: 0;
  height: 1px;
  max-width: 1000px;
  border-width: 0;
  color: #cbd2d6;
  background-color: #cbd2d6;
}
.engagementMainBar-separator.engagementMainBar-separator_active {
  margin-bottom: 6px;
  height: 1px;
}
.engagementMainBar-separator.engagementMainBar-separator_hide {
  height: 0;
}
.engagementMainBar {
  position: relative;
  display: table;
  height: 100%;
  width: 100%;
  color: #ffffff;
  /* Radial Progress Meter Layout */
  /* Radial Progress Meter Animation */
}
.engagementMainBar .progressMeter {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 7.5em;
  height: 7.5em;
  margin: 0.4em 2em 0 0;
  border-radius: 50%;
}
.engagementMainBar .outerCircle,
.engagementMainBar .half,
.engagementMainBar .pie {
  width: 100%;
  height: 100%;
}
.engagementMainBar .half {
  position: absolute;
  top: 0;
}
.engagementMainBar .pie:before {
  content: '';
  display: block;
  width: 50%;
  height: 100%;
}
.engagementMainBar .lessThan50 {
  clip: rect(0, 7.5em, 7.5em, 3.75em);
}
.engagementMainBar .greaterThan50 {
  clip: rect(0, 3.75em, 7.5em, 0);
}
.engagementMainBar .pie.right:before {
  /*! @noflip */
  margin-right: 3.75em;
  /*! @noflip */
  border-top-left-radius: 3.75em;
  /*! @noflip */
  border-bottom-left-radius: 3.75em;
}
.engagementMainBar .pie.left:before {
  /*! @noflip */
  margin-left: 3.75em;
  /*! @noflip */
  border-top-right-radius: 3.75em;
  /*! @noflip */
  border-bottom-right-radius: 3.75em;
}
.engagementMainBar .pie {
  -webkit-transition: -webkit-transform 0.6s ease-in;
  -moz-transition: -moz-transform 0.6s ease-in;
  -ie-transition: -ie-transform 0.6s ease-in;
  -o-transition: -o-transform 0.6s ease-in;
  transition: transform 0.6s ease-in;
}
.engagementMainBar .progressAndWelcome,
.engagementMainBar .engagementActions {
  display: table-cell;
  height: 100%;
  float: none;
  vertical-align: middle;
}
.engagementMainBar .progressAndWelcome .selectModule:before,
.engagementMainBar .progressAndWelcome .selectModule:after {
  left: 12em;
}
/* Radial Progress Meter Information */
.innerCircle {
  width: 6.5em;
  height: 6.5em;
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 0.5em;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #0070ba;
}
.profilePhotoParent:hover .icon-profile-add-large:after {
  width: 95px;
  height: 95px;
  display: table-cell;
  opacity: 0.99;
  content: attr(data-hover-text);
  line-height: 1.2em;
  vertical-align: middle;
  font-size: 0.9em;
  font-family: 'PayPal-Sans', sans-serif;
  text-align: center;
  font-weight: bold;
  white-space: normal;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.3);
}
.innerCircle .percentage,
.innerCircle .icon {
  display: inline-block;
  position: absolute;
}
.innerCircle .percentage {
  /*! @noflip */
  direction: ltr;
  margin-top: 0.6em;
  width: 120px;
  left: -0.4em;
  color: #ffffff;
  opacity: 0;
  font-size: 2.35em;
  letter-spacing: -0.05em;
  -webkit-transition: 0.75s opacity;
  -moz-transition: 0.75s opacity;
  -ms-transition: 0.75s opacity;
  -o-transition: 0.75s opacity;
  transition: 0.75s opacity;
}
.percentage.fadeOut {
  opacity: 0;
}
.profilePhotoTable {
  display: table;
}
.profilePhotoContainer {
  width: 95px;
  height: 95px;
  border-radius: 50%;
  display: table-row;
  overflow: hidden;
  position: absolute;
}
.profilePhotoContainer:hover {
  cursor: default;
}
.profilePhotoContainer.hasFileReader:hover {
  cursor: pointer;
}
.landscape .profilePhoto {
  max-width: inherit;
  max-height: 95px;
  position: absolute;
}
.portrait .profilePhoto {
  max-width: 95px;
  position: absolute;
}
.square .profilePhoto {
  max-height: 95px;
}
.innerCircle .profilePhotoIcon {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 95px;
  width: 95px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
}
.innerCircle .profilePhotoIcon:before {
  display: block;
  margin: 0.52em 0 -0.52em -0.11em;
  font-size: 6.125em;
  color: #50c7f9;
}
.engagementWelcomeMessage {
  margin-bottom: 0;
  line-height: 1.2;
}
.engagementActions {
  position: relative;
  height: 100%;
  margin: 20px 0 10px 0;
  /* Create pseudoelement for the text truncation fading */
}
.engagementActions:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 8em;
  left: -8em;
  z-index: 0;
}
.engagementActions .actionsContainer {
  text-align: right;
  margin-bottom: 0;
  margin-left: 0;
}
.engagementActions .actionItem {
  display: table-cell;
  vertical-align: top;
  position: relative;
  width: 33%;
  height: 100%;
}
.engagementActions li {
  vertical-align: top;
}
.engagementActions li:before {
  content: '';
  display: inline-block;
  height: 100%;
  position: absolute;
  left: 0;
}
.engagementActions li:first-child:before {
  border: none;
}
.engagementActions a {
  min-height: 8em;
  padding: 0 1.25em 0 1.25em;
  display: block;
  color: #0070ba;
  text-align: center;
}
.engagementActions a:hover,
.engagementActions a:focus {
  text-decoration: none;
  color: rgba(0, 48, 135, 0.85);
}
.engagementActions a:hover .icon,
.engagementActions a:focus .icon {
  background-color: rgba(0, 48, 135, 0.85);
  color: #ffffff;
}
.engagementActions a .icon {
  height: 72px;
  width: 72px;
  margin: 0.2em auto;
  font-size: 2.75em;
  line-height: 1.65em;
  color: #0070ba;
  border: 1px solid #0070ba;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  display: block;
  -moz-transition: background-color 0.4s ease-in-out;
  -webkit-transition: background-color 0.4s ease-in-out;
  -ms-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
  text-decoration: none;
}
.engagementActions a .icon:before {
  display: inline-block;
}
.engagementActions a.active .icon {
  background-color: rgba(0, 48, 135, 0.85);
  color: rgba(255, 255, 255, 0.85);
}
.engagementActions .onePercent {
  font-size: 1.6em;
  font-size: 1.75rem;
  line-height: 0.75em;
}
.selectModule {
  line-height: 1.3em;
}
.selectModule:after {
  content: '';
  height: 1em;
  width: 0;
  margin-left: -2em;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  bottom: -40px;
  z-index: 3;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-style: solid;
  border-width: 2em;
}
.engagement-0-listItem .selectModule:before,
.engagement-1-listItem .selectModule:before,
.engagement-2-listItem .selectModule:before {
  content: '';
  height: 1em;
  width: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  z-index: 3;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-style: solid;
  border-top-color: #E1E7EB;
  margin-left: -1.7em;
}
.engagement-0-listItem .selectModule:after,
.engagement-1-listItem .selectModule:after,
.engagement-2-listItem .selectModule:after {
  border-top-color: #f5f7fa;
}
.engagement-0-listItem .selectModule.active:before,
.engagement-1-listItem .selectModule.active:before,
.engagement-2-listItem .selectModule.active:before {
  opacity: 1;
  visibility: visible;
  bottom: -60px;
  border-width: 1.2em;
}
.engagement-0-listItem .selectModule.animate:before,
.engagement-1-listItem .selectModule.animate:before,
.engagement-2-listItem .selectModule.animate:before {
  visibility: visible;
  -webkit-transition: bottom 0.8s, opacity 0.6s 0.1s;
  -moz-transition: bottom 0.8s, opacity 0.6s 0.1s;
  -ms-transition: bottom 0.8s, opacity 0.6s 0.1s;
  -o-transition: bottom 0.8s, opacity 0.6s 0.1s;
  transition: bottom 0.8s, opacity 0.6s 0.1s;
}
.profileStatus:before,
.profileStatus:after {
  content: '';
  height: 1em;
  width: 0;
  margin-left: -2em;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  bottom: -40px;
  z-index: 3;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-style: solid;
  border-width: 1.5em;
  border-top-color: #f5f7fa;
}
.profileStatus:after {
  bottom: -39px;
  border-top-color: #f5f7fa;
}
.selectModule.animate:after {
  visibility: visible;
  -webkit-transition: bottom 0.5s, opacity 0.2s 0.1s;
  -moz-transition: bottom 0.5s, opacity 0.2s 0.1s;
  -ms-transition: bottom 0.5s, opacity 0.2s 0.1s;
  -o-transition: bottom 0.5s, opacity 0.2s 0.1s;
  transition: bottom 0.5s, opacity 0.2s 0.1s;
}
.selectModule.animate:before {
  visibility: visible;
  -webkit-transition: bottom 0.5s, opacity 0.4s 0.1s;
  -moz-transition: bottom 0.5s, opacity 0.4s 0.1s;
  -ms-transition: bottom 0.5s, opacity 0.4s 0.1s;
  -o-transition: bottom 0.5s, opacity 0.4s 0.1s;
  transition: bottom 0.5s, opacity 0.4s 0.1s;
}
.selectModule.active:before,
.selectModule.active:after {
  border-width: 1.5em;
  opacity: 1;
  visibility: visible;
}
.selectModule.active:before {
  border-top-color: #E1E7EB;
}
.selectModule.active:before {
  bottom: -64px;
}
@media (max-width: 768px) {
  .selectModule.active:before {
    bottom: -31px;
  }
}
.selectModule.active:after {
  bottom: -63px;
}
@media (max-width: 768px) {
  .selectModule.active:after {
    bottom: -30px;
  }
}
.emSlideDownContainer {
  position: relative;
  z-index: 0;
  text-align: center;
  white-space: nowrap;
  border-top: 1px solid #E1E7EB;
  border-bottom: 1px solid #E1E7EB;
}
.emSlideDownContainer:focus {
  outline: none;
}
.emSlideDownContainer.slideRightStart {
  left: 0;
}
.emSlideDownContainer.slideLeftStart {
  left: -100%;
}
.emSlideDownContainer.slideRightEnd {
  left: -100%;
}
.emSlideDownContainer.slideLeftEnd {
  left: 0;
}
.emSlideDownContainer.collapseEm {
  height: 0;
}
.emSlideDownContainer.autoHeight {
  height: auto;
}
.emSlideDownContainer.animate {
  overflow-x: visible;
  -webkit-transition: height 0.5s, left 0.5s;
  -moz-transition: height 0.5s, left 0.5s;
  -ms-transition: height 0.5s, left 0.5s;
  -o-transition: height 0.5s, left 0.5s;
  transition: height 0.5s, left 0.5s;
}
.emSlideDownContainer.animate_sneakPeek {
  overflow-x: visible;
  -webkit-transition: height 0.5s, left 1s;
  -moz-transition: height 0.5s, left 1s;
  -ms-transition: height 0.5s, left 1s;
  -o-transition: height 0.5s, left 1s;
  transition: height 0.5s, left 1s;
}
.emSlideDownContainer.animate_sneakPeek .engagementSneakPeek-overlay,
.emSlideDownContainer.animate .engagementSneakPeek-overlay {
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  width: 200%;
}
.emSlideDownContainer .showEl {
  display: block;
}
.emSlideDownContainer .dismiss {
  float: right;
}
.emSlideDownContainer .statusGreeting {
  padding-top: 0.40em;
  margin: 0 15px 0;
  display: inline-block;
  vertical-align: middle;
}
.emModule {
  display: none;
  vertical-align: top;
  width: 100%;
  min-height: 370px;
  white-space: normal;
}
.emModule.active {
  display: inline-block;
}
.emModule:focus {
  outline: none;
}
.emClose {
  position: absolute;
  top: 12em;
  right: 1em;
  height: 25px;
  width: 25px;
  color: #2c2e2f;
}
.emClose:hover,
.emClose:focus {
  color: #2c2e2f;
}
.emClose.emClose_acctCompletion:hover,
.emClose.emClose_acctCompletion:focus {
  color: #ffffff;
}
.emClose .speakableText {
  opacity: 0;
  text-indent: 100%;
  padding-left: 1em;
}
.emClose .icon {
  line-height: 1em;
}
.emClose .icon-close-small {
  position: absolute;
  top: -8.6em;
  font-size: 1.25em;
}
.emModuleContent {
  position: relative;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 20px 0;
}
.emModuleContent a {
  text-decoration: none;
}
.emModule_sneakPeek {
  min-height: 0;
}
.emModule_sneakPeek .emClose {
  top: 1em;
  color: #ffffff !important;
}
.emModule_sneakPeek .emClose:hover,
.emModule_sneakPeek .emClose:focus {
  color: #ffffff !important;
}
.emModule_sneakPeek .emClose .icon-close-small {
  top: auto;
}
.emModule_sneakPeek .emModuleContent {
  padding: 0;
}
.emModule_sneakPeek .mpiBannerContainer {
  display: none;
}
.animate .emClose,
.animate_sneakPeek .emClose {
  display: none;
  position: static;
}
.engagementSneakPeek {
  position: relative;
  opacity: 0;
  width: 100%;
}
.engagementSneakPeek:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 4.5em;
  height: 100%;
}
.engagementSneakPeek.animate {
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: opacity 0.55s;
  -ms-transition: opacity 0.55s;
  -webkit-transition: opacity 0.55s;
  -o-transition: opacity 0.55s;
  transition: opacity 0.55s;
}
.engagementSneakPeek.animate:after {
  display: none;
}
.engagementSneakPeek.active {
  opacity: 1;
}
.engagementSneakPeek-pullTab {
  position: absolute;
  top: 100%;
  left: 49%;
  width: 30px;
  height: 0;
  margin-top: -14px;
  background: #1a2937;
  border-radius: 50%;
  clip: rect(13px, 30px, 30px, 0);
  visibility: hidden;
  overflow: hidden;
  z-index: 2;
  cursor: pointer;
  line-height: 40px;
  color: #ffffff;
  text-align: center;
}
.engagementSneakPeek-pullTab.animate {
  -moz-transition: height 0.2s;
  -ms-transition: height 0.2s;
  -webkit-transition: height 0.2s;
  -o-transition: height 0.2s;
  transition: height 0.2s;
  visibility: visible;
}
.engagementSneakPeek-pullTab.active {
  height: 30px;
  visibility: visible;
}
.engagementSneakPeek-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 41, 55, 0.7)), to(#1a2937));
  background-image: -webkit-linear-gradient(top, rgba(26, 41, 55, 0.7), #1a2937);
  background-image: -moz-linear-gradient(top, rgba(26, 41, 55, 0.7), #1a2937);
  background-image: -ms-linear-gradient(top, rgba(26, 41, 55, 0.7), #1a2937);
  background-image: -o-linear-gradient(top, rgba(26, 41, 55, 0.7), #1a2937);
  background-image: linear-gradient(top, rgba(26, 41, 55, 0.7), #1a2937);
}
.engagementSneakPeek-overlay.active {
  opacity: 1;
}
.engagementSneakPeek-trigger {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px 70px;
}
.engagementSneakPeek-trigger:hover,
.engagementSneakPeek-trigger:focus {
  text-decoration: underline;
  color: #ffffff;
}
.engagementSneakPeek-content {
  margin-bottom: 0;
  font-style: italic;
  text-align: center;
  color: #ffffff;
  font-weight: normal;
}
.engagementStatusModule {
  background-color: #ffffff;
  color: #2c2e2f;
}
.engagementStatusModule .engagementStatusModuleClose {
  color: #2c2e2f;
}
.engagementStatusModule .engagementStatusModuleClose:hover {
  color: #0070ba;
}
.renderToCache {
  position: absolute;
  z-index: -10;
  top: -10em;
}
.profileStates {
  display: block;
  width: 100%;
  margin: 2em 1em 1em 0;
  padding-top: 1em;
  list-style: none;
}
.setupStep-state {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 19.5%;
  text-align: center;
}
.setupStep-state:last-child {
  margin: 0;
}
.setupStep-state:focus {
  outline: none;
}
.setupStep-icon {
  display: block;
  height: 2em;
  width: 2em;
  margin: 0.3em auto 0.5em auto;
  font-size: 2.25em;
  text-align: center;
  line-height: 1.7em;
  color: #0070ba;
  background: #ffffff;
  border-radius: 50%;
  border: 1px solid #0070ba;
}
.tour-container {
  display: inline-block;
  position: relative;
  top: 6px;
}
.tour-icon-play:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  z-index: 1;
  background: url("data:image/svg+xml,%3Csvg width='12' height='15' viewBox='0 0 12 15' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EPlay Icon%3C/title%3E%3Cpath d='M1.94 0C1.224 0 .5.547.5 1.593v11c0 1.046.724 1.593 1.44 1.593.316 0 .642-.103.943-.3l8.326-5.41c.508-.33.8-.834.8-1.383 0-.55-.292-1.053-.8-1.384L2.883.3C2.578.1 2.26 0 1.94 0m0 1c.12 0 .255.044.4.138l8.324 5.41c.46.3.46.79 0 1.09l-8.325 5.41c-.145.094-.28.138-.4.138-.26 0-.44-.215-.44-.593v-11c0-.378.18-.593.44-.593' fill='%230070BA' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat;
  background-size: contain;
}
.tour-play-message {
  display: inline-block;
  padding-left: 20px;
}
.setupStep-almostDoneState,
.setupStep-doneState {
  color: #299976;
}
.setupStep-almostDoneState .setupStep-icon,
.setupStep-doneState .setupStep-icon {
  background: #ffffff;
  border: 1px solid #299976;
  color: #299976;
}
.setupStep-almostDoneState .setupStep-icon {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.setupStep-mainLink {
  display: block;
  text-decoration: none;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
}
.setupStep-mainLink:hover .setupStep-icon,
.setupStep-mainLink:focus .setupStep-icon,
.setupStep-mainLink.isShown .setupStep-icon {
  -webkit-transition: opacity 0.5s, color 0s 0.05s;
  -moz-transition: opacity 0.5s, color 0s 0.05s;
  transition: opacity 0.5s, color 0s 0.05s;
  opacity: 0.15;
  color: transparent;
}
.setupStep-mainLink:hover .setupStep-overlayIconContainer,
.setupStep-mainLink:focus .setupStep-overlayIconContainer,
.setupStep-mainLink.isShown .setupStep-overlayIconContainer {
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  -moz-transition: opacity 0.5s, -moz-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
}
.setupStep-mainLink:hover .setupStep-overlayIconContainer,
.setupStep-mainLink:focus .setupStep-overlayIconContainer,
.setupStep-mainLink.isShown .setupStep-overlayIconContainer,
.setupStep-mainLink:hover .setupStep-overlayCtaContainer,
.setupStep-mainLink:focus .setupStep-overlayCtaContainer,
.setupStep-mainLink.isShown .setupStep-overlayCtaContainer {
  opacity: 1;
}
.setupStep-mainLink:hover .setupStep-overlayIconSubContainer,
.setupStep-mainLink:focus .setupStep-overlayIconSubContainer,
.setupStep-mainLink.isShown .setupStep-overlayIconSubContainer {
  bottom: 0;
}
.setupStep-mainLink:hover .setupStep-overlayIconSubContainer_phone,
.setupStep-mainLink:focus .setupStep-overlayIconSubContainer_phone,
.setupStep-mainLink.isShown .setupStep-overlayIconSubContainer_phone {
  bottom: 10px;
}
.setupStep-mainLink:hover .setupStep-stateContentContainer,
.setupStep-mainLink:focus .setupStep-stateContentContainer,
.setupStep-mainLink.isShown .setupStep-stateContentContainer {
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
}
.setupStep-mainLink:hover .setupStep-cta,
.setupStep-mainLink:focus .setupStep-cta,
.setupStep-mainLink.isShown .setupStep-cta,
.setupStep-mainLink:hover .setupStep-overlayCta,
.setupStep-mainLink:focus .setupStep-overlayCta,
.setupStep-mainLink.isShown .setupStep-overlayCta {
  text-decoration: underline;
}
.setupStep-mainLink:hover .setupStep-overlayCta_badge,
.setupStep-mainLink:focus .setupStep-overlayCta_badge,
.setupStep-mainLink.isShown .setupStep-overlayCta_badge {
  text-decoration: underline;
}
.setupbadgeIcon-link_detail {
  display: block;
  text-decoration: none;
  color: #50c7f9;
  font-weight: bold;
  font-size: 0.8125rem;
  text-align: center;
}
.setupbadgeIcon-link_detail:hover {
  text-decoration: underline;
}
.setupbadgeIcon-link_purchase {
  margin: -0.5em auto;
}
.setupBadgeIcon-text_detail {
  font-size: 0.8125rem;
}
@media (max-width: 768px) {
  .setupBadgeIcon-text_detail {
    font-size: 0.6825rem;
  }
}
.setupStep-icon {
  -webkit-transition: opacity 0.5s, color 0.5s 0.5s, -webkit-transform 0.5s;
  -moz-transition: opacity 0.5s, color 0.5s 0.5s, -moz-transform 0.5s;
  transition: opacity 0.5s, color 0.5s 0.5s, transform 0.5s;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.setupStep-container,
.setupStep-overlayContainer {
  display: block;
  color: #ffffff;
  font-weight: normal;
}
.setupStep-stateContentContainer {
  display: block;
  width: 90%;
  margin: 0 auto;
  opacity: 1;
  -webkit-transition: opacity 0.5s 0.3s, -webkit-transform 0.5s;
  -moz-transition: opacity 0.5s 0.3s, -moz-transform 0.5s;
  transition: opacity 0.5s 0.3s, transform 0.5s;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.setupStep-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.setupStep-stateContent {
  display: block;
  padding-bottom: 0.5em;
}
.setupStep-cta,
.setupStep-overlayCta {
  display: block;
  text-decoration: none;
  color: #0070ba;
}
.setupStep-overlayCta_badge {
  display: block;
  text-decoration: none;
  color: #50c7f9;
  font-weight: bold;
  font-size: 0.8125rem;
}
.setupStep-overlayContainer {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 0;
  text-align: center;
}
.setupStep-overlayIconContainer {
  display: block;
  position: relative;
  padding-top: 2em;
  opacity: 0;
  color: #0070ba;
  -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s;
  -moz-transition: opacity 0.5s 0.5s, -moz-transform 0.5s;
  transition: opacity 0.5s 0.5s, transform 0.5s;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.setupStep-overlayIconSubContainer {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  -webkit-transition: bottom 0.5s, -webkit-transform 0.5s;
  -moz-transition: bottom 0.5s, -moz-transform 0.5s;
  transition: bottom 0.5s, transform 0.5s;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.setupStep-inlineIcon {
  display: inline-block;
  width: 100%;
}
.setupStep-overlayCtaContainer {
  display: block;
  padding-top: 1em;
  opacity: 0;
  -webkit-transition: opacity 1s 0.05s, -webkit-transform 0.5s;
  -moz-transition: opacity 1s 0.05s, -moz-transform 0.5s;
  transition: opacity 1s 0.05s, transform 0.5s;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.setupStep-overlayContent {
  display: block;
  width: 65%;
  margin: 0 auto;
  padding-top: 6px;
  color: #6c7378;
  font-weight: normal;
}
.setupStep-overlayContent_badge {
  display: block;
  width: 65%;
  margin: 0 auto;
  padding-top: 6px;
  font-size: 0.8125rem;
  font-weight: normal;
}
/*** BADGE EXPERIMENT ***/
.setupbadgeLogo-container_main {
  display: inline-block;
  padding-top: 0.5em;
  text-align: center;
}
.setupbadgeText-footer {
  white-space: nowrap;
  opacity: 1.0;
  text-transform: capitalize;
  display: block;
  font-size: 0.8125rem;
  color: #50C7F9;
}
.setupbadgeText-footer_payforward {
  text-transform: none;
}
.setupbadgeText-footer_tablet {
  white-space: nowrap;
  opacity: 1.0;
  text-transform: capitalize;
  display: none;
  font-size: 0.8125rem;
}
@media (max-width: 768px) {
  .setupbadgeText-footer_tablet {
    padding-top: -1.5em;
    display: block;
  }
}
.setupbadgeIcon-container_main {
  display: inline-block;
  height: 94.5px;
  width: 94.5px;
  font-size: 2.25em;
  opacity: 0.4;
}
.setupbadgeIcon-container_main.isActive {
  opacity: 1;
}
/* Power Up Badge Images */
.setupbadgeIcon-container_powerup100 {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_actcomp_small.png') no-repeat 0 0;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeIcon-container_powerup100 {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_actcomp_small_2x.png') no-repeat 0 0;
    background-size: cover;
  }
}
.setupbadgeIcon-container_powerup20 {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_sm_poweredup20.png') no-repeat 0 0;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeIcon-container_powerup20 {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_sm_poweredup20_2x.png') no-repeat 0 0;
    background-size: cover;
  }
}
.setupbadgeIcon-container_powerup40 {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_sm_poweredup40_2x.png') no-repeat 0 0;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeIcon-container_powerup40 {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_sm_poweredup40_2x_2x.png') no-repeat 0 0;
    background-size: cover;
  }
}
.setupbadgeIcon-container_powerup60 {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_sm_poweredup60.png') no-repeat 0 0;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeIcon-container_powerup60 {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_sm_poweredup60_2x.png') no-repeat 0 0;
    background-size: cover;
  }
}
.setupbadgeIcon-container_powerup80 {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_sm_poweredup80.png') no-repeat 0 0;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeIcon-container_powerup80 {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_sm_poweredup80_2x.png') no-repeat 0 0;
    background-size: cover;
  }
}
/* Power Forward Badge Images */
.setupbadgeIcon-container_payforward {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_send_small.png') no-repeat 0 0;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeIcon-container_payforward {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_send_small_2x.png') no-repeat 0 0;
    background-size: cover;
  }
}
/* ChaChing Badge Images */
.setupbadgeIcon-container_chaching {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/SmallTrifecta.png') no-repeat 0 0;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeIcon-container_chaching {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/SmallTrifecta2x.png') no-repeat 0 0;
    background-size: cover;
  }
}
/* Trifecta Badge Images */
.setupbadgeIcon-container_trifecta100 {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_shop_small.png') no-repeat 0 0;
  background-size: cover;
  width: 100px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeIcon-container_trifecta100 {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_shop_small_2x.png') no-repeat 0 0;
    background-size: cover;
    width: 100px;
  }
}
.setupbadgeIcon-container_trifecta33 {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_sm_trifecta33.png') no-repeat 0 0;
  background-size: cover;
  width: 100px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeIcon-container_trifecta33 {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_sm_trifecta33_2x.png') no-repeat 0 0;
    background-size: cover;
    width: 100px;
  }
}
.setupbadgeIcon-container_trifecta66 {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_sm_trifecta66.png') no-repeat 0 0;
  background-size: cover;
  width: 100px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeIcon-container_trifecta66 {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_sm_trifecta66_2x.png') no-repeat 0 0;
    background-size: cover;
    width: 100px;
  }
}
/* Badge Landing Page Content */
.setupbadgeBannerText_header {
  margin-top: 0.5em;
  text-align: left;
}
.setupbadgeBannerText_body {
  color: #9DA3A6;
  font-size: 1.25rem;
  line-height: 1.5625rem;
}
/* Badge Detail Page's Styling */
.setupbadgeBanner-container_detail {
  height: 100%;
}
@media (max-width: 768px) {
  .setupbadgeBanner-container_detail {
    margin: -4px auto 4px;
    text-align: center;
  }
}
.setupbadgeLogo-container_powerup100 {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_poweredup.png') no-repeat 0 0;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeLogo-container_powerup100 {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_poweredup_2x.png') no-repeat 0 0;
    background-size: cover;
  }
}
.setupbadgeLogo-container_powerup20 {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_poweredup20.png') no-repeat 0 0;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeLogo-container_powerup20 {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_poweredup20_2x.png') no-repeat 0 0;
    background-size: cover;
  }
}
.setupbadgeLogo-container_powerup40 {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_poweredup40.png') no-repeat 0 0;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeLogo-container_powerup40 {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_poweredup40_2x.png') no-repeat 0 0;
    background-size: cover;
  }
}
.setupbadgeLogo-container_powerup60 {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_poweredup60.png') no-repeat 0 0;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeLogo-container_powerup60 {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_poweredup60_2x.png') no-repeat 0 0;
    background-size: cover;
  }
}
.setupbadgeLogo-container_powerup80 {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_poweredup80.png') no-repeat 0 0;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeLogo-container_powerup80 {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_poweredup80_2x.png') no-repeat 0 0;
    background-size: cover;
  }
}
.setupbadgeLogo-container_PayForward {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_payitforward.png') no-repeat 0 0;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeLogo-container_PayForward {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_payitforward_2x.png') no-repeat 0 0;
    background-size: cover;
  }
}
.setupbadgeLogo-container_ChaChing {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/NewTrifectaBig.png') no-repeat 0 0;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeLogo-container_ChaChing {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/NewTrifectaBadge2x.png') no-repeat 0 0;
    background-size: cover;
  }
}
.setupbadgeLogo-container_Trifecta {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_trifecta.png') no-repeat 0 0;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeLogo-container_Trifecta {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_trifecta_2x.png') no-repeat 0 0;
    background-size: cover;
  }
}
.setupbadgeLogo-container_Trifecta33 {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_trifecta33.png') no-repeat 0 0;
  background-size: cover;
  opacity: 1;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeLogo-container_Trifecta33 {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_trifecta33_2x.png') no-repeat 0 0;
    background-size: cover;
    opacity: 1;
  }
}
.setupbadgeLogo-container_Trifecta66 {
  background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_trifecta66.png') no-repeat 0 0;
  background-size: cover;
  opacity: 1;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeLogo-container_Trifecta66 {
    background: url('https://www.paypalobjects.com/webstatic/walletweb-engagement/badges/badge_trifecta66_2x.png') no-repeat 0 0;
    background-size: cover;
    opacity: 1;
  }
}
.setupbadgeLogo-container_detail {
  opacity: 0.4;
  display: block;
  margin: -10px auto 10px;
  height: 250px;
  width: 250px;
  font-size: 2.25em;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .setupbadgeLogo-container_detail {
    opacity: 0.4;
    display: block;
    margin: -7px auto 7px;
    height: 200px;
    width: 200px;
    font-size: 2.25em;
    background-size: cover;
  }
}
.setupbadgeLogo-container_detail.isActive {
  opacity: 1;
}
.setupBadgeText {
  text-align: left;
  margin-top: -2.5em;
  font-size: small;
}
@media (max-width: 768px) {
  .setupBadgeText {
    display: none;
  }
}
.setupBadgeLogo-container_powerUp.isActive {
  margin-top: 3.5em;
  margin-bottom: -0.25em;
}
.setupBadgeText-header_lighted {
  margin-top: 1.5em;
  font-size: 1.25rem;
}
.setupBadgeText-header {
  font-size: 1.25rem;
}
.setupBadgeText-header_trifecta {
  margin-top: 1em;
  font-size: 1.25rem;
  margin-bottom: -0.25em;
}
.setupBadgeText-header_trifecta.isActive {
  margin-top: 2em;
}
.setupbadgeText-header {
  margin-top: 0.75em;
}
.setupbadgeText-header_powerup {
  margin-bottom: -0.25em;
}
.setupbadgeText-header_chaching {
  padding-bottom: 0.5em;
  margin-top: 1.2em;
  margin-bottom: 0.3em;
}
.setupbadgeText-header_chaching.isActive {
  margin-top: 2.5em;
}
.setupbadgeText-body_chaching {
  margin-top: -0.25em;
}
.setupbadgeText-header_payforward {
  font-size: large;
  margin-top: 1.25em;
}
.setupbadgeText-body_payforward {
  margin-top: 0.25em;
}
.setupbadgeText-header_payforward.isActive {
  margin-top: 1.5em;
}
.setupbadgeText-body {
  color: #9da3a6;
  font-size: 0.8125rem;
}
.setupbadgeText-body_trifecta {
  margin-left: -0.5em;
  margin-bottom: 0.5em;
}
.setupbadgeText-body_powerup {
  line-height: 1.125rem;
  margin-bottom: -0.25em;
}
.setupbadgeIcon-container_poweupAndTrifecta {
  margin-top: -2em;
}
.setupbadgeIcon-container_chachingAndPayForward {
  margin-top: 2em;
  margin-bottom: -2.5em;
}
.setupbadgeLogo-footer_main {
  padding-top: 1.5em;
}
.setupbadgeIcon-container {
  margin-bottom: 1em;
}
.setupbadgeIcon-container_trifecta {
  margin-bottom: 1em;
  height: 8em;
}
.setupbadgeIcon-container_detail {
  display: block;
  position: relative;
  vertical-align: top;
  text-align: center;
}
.setupbadgeBanner-container {
  display: block;
  width: 100%;
  margin: 0em 1em 1em 0;
  padding-top: 1em;
  list-style: none;
}
.setupbadgeBanner-button_detail {
  padding: 5px 13px 3px 7px;
  background-color: #111C26;
  border-radius: 500px;
  border-color: #30779A;
  border-width: 1.5px;
  border-style: solid;
}
.setupbadgeBanner-text_detail {
  color: #50C7F9;
  vertical-align: text-bottom;
  font-weight: bold;
  font-size: 0.625rem;
  text-transform: uppercase;
  padding-left: 3px;
}
.setupbadgeBanner-icon_detail {
  color: #50c7f9;
}
.setupbadgeBanner-link_detail {
  position: relative;
  top: -2em;
}
.setupbadgeIcon-header_payforward {
  margin-top: -0.5em;
}
.setupbadgeBanner-link_main:hover {
  text-decoration: underline;
}
/*** BADGE EXPERIMENT END ***/
/*
 * Banner template styles
 */
.mpiBanner {
  list-style: none;
  margin: 2.15em 7% 1.1em 7%;
}
.mpiBanner.mpi-right {
  /*! @noflip */
  text-align: right;
}
.mpiBanner.mpi-left {
  /*! @noflip */
  text-align: left;
}
.mpiTextContainer {
  width: 30em;
  display: inline-block;
  text-align: left;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.mpiTextContainer.bmlTextContainer {
  width: 38em;
}
.mpiHeader {
  margin: 0;
}
.mpiBody {
  margin: .8em 0 1em 0;
}
.mpiPrimaryAction {
  width: 91%;
  margin: 0 0 1.45em 0;
  display: block;
}
.mpiSecondaryAction {
  color: #009cde;
  font-weight: 600;
}
/*
 * Customized SetUp Banner for Liftoff
 */
.liftoffStatusGreeting {
  padding-top: 0.40em;
  margin: 0 15px 0;
  display: inline-block;
  vertical-align: middle;
  width: 60%;
}
.liftoffProfileStates {
  display: block;
  width: 100%;
  margin: 1em 1em 1em 0;
  list-style: none;
}
.liftOffSetupStep-state {
  display: inline-block;
  position: relative;
  vertical-align: top;
  padding-right: 1em;
  padding-left: 1em;
  text-align: center;
  border-right: 1px solid #cbd2d6;
  height: 12em;
  width: 33%;
}
.liftOffSetupStep-state:last-child {
  margin: 0;
  border-right: 0px;
}
.liftOffSetupStep-actionImg {
  padding: 0 0 0.5em 0;
  border: 0px solid grey;
}
.liftOffSetupStep-actionBody {
  padding: 0.5em 0 0;
  color: #6c7378;
  border: 0px solid grey;
}
.liftOffSetupStep-actionBody a {
  color: #0070ba;
}
.liftOffSetupStep-actionBody a.liftOffSetupStep-actionLink {
  padding: 1em 0 0 0;
}
.liftOffSetupStep-actionContent {
  color: #6c7378;
  padding: 0 0 1.2em 0;
}
/*
 * Customized MPI Banner for Liftoff - template styles
 */
.liftOffBanner-container {
  background-color: #ffffff;
  text-align: center;
}
.liftOffHeader {
  border: 0px solid #0070ba;
  color: #2c2e2f;
  font-weight: 300;
  margin: 0;
}
.liftOffBanner {
  margin: 1em 0 1em;
}
.liftOffAction-columns {
  padding: 0 0.4em 1em;
  text-align: center;
  display: table-cell;
}
.liftOffPrimary-actions {
  display: block;
  padding: 1.5em 0 0;
  margin: 0 0.5em;
  color: #6c7378;
}
.liftOffPrimary-actionImg {
  padding: 0 0 0.5em 0;
}
.liftOffPrimary-actionContent {
  font-size: 1rem;
  color: #2c2e2f;
}
.liftOffPrimary-actionBody {
  margin: 0.4em 0.6em 0;
  font-size: 0.9rem;
  color: #6c7378;
  line-height: 1.85em;
}
.liftOffLink {
  margin-bottom: 1em;
  padding: 0.4em 2.5em 0.4em 2.5em;
  font-size: 0.9375rem;
}
.liftOffSecondary-action {
  font-size: 0.9rem;
  color: #0070ba;
  font-weight: 100;
}
.bmlSmallTextContainer {
  border-left: 1px solid #7e7e7e;
  padding-left: 1em;
  margin: .2em 0 0 0;
}
.bmlActionsContainer {
  margin-top: 1.45em;
}
.bmlActionsContainer .mpiPrimaryAction {
  width: 98%;
  min-width: 0;
}
.veniceBanner-valueList {
  margin-top: 20px;
}
.veniceBanner-appBtnContainer {
  margin-top: 25px;
}
.veniceBanner-appBtn {
  width: 135px;
  height: 40px;
  margin-left: 10px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 132px 475px;
}
.veniceBanner-foregroundImage {
  width: 305px;
  float: right;
}
.veniceBanner-container {
  margin: 4em 0 0 1em;
}
.veniceBanner-appBtn_android {
  background-position: 0 -79px;
}
.veniceBanner-appBtn_apple {
  background-position: 0 0;
}
.veniceBanner-appBtn_windows {
  background-position: 0 -158px;
}
.engagementBanner-background_transferMobile .overpanel-body {
  background-color: transparent;
}
.engagementBanner-background_transferMobile,
.transferBannerContainer {
  background-color: #ffffff;
}
@media (min-width: 740px) {
  .engagementBanner_transferMobile,
  .transferBannerContainer {
    text-align: center;
    color: #0070ba;
  }
  .engagementBanner_transferMobile a,
  .transferBannerContainer a {
    color: #0070ba;
  }
  .engagementBanner_transferMobile a:focus,
  .transferBannerContainer a:focus,
  .engagementBanner_transferMobile a:hover,
  .transferBannerContainer a:hover,
  .engagementBanner_transferMobile a:active,
  .transferBannerContainer a:active {
    color: #009cde;
  }
}
.engagementBanner_transferMobile {
  margin: 0 0.75em;
  padding-bottom: 2em;
  text-align: center;
  margin-top: -50px;
}
.engagementBannerT6_transferMobile {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  padding: 0 2%;
}
.engagementBannerT6-container_transferMobile {
  position: fixed;
  height: 60vh;
  width: 100%;
  top: 20vh;
  left: 0;
}
.engagementActionsT6-container_transferMobile {
  display: inline-block;
  border: solid 1px #c4c6c8;
  border-radius: 6px;
  margin: 3% 2%;
  padding: 2em;
  width: 90%;
}
@media (orientation: landscape) {
  .engagementActionsT6-container_transferMobile {
    width: 46%;
  }
}
.engagementBanner_transferMobile-2row {
  margin-top: 0;
}
.engagementBanner_transferMobile-2row .engagementAction-messaging_transferMobile {
  font-size: 13px;
}
.engagementBanner_transferMobile-2row .engagementAction-icon_transferMobile-shield {
  font-size: 18px;
  margin-right: .25em;
}
.engagementAction-icon_transferDesktop {
  display: block;
  font-size: 3.9rem;
}
.engagementAction-icon_transferDesktop {
  margin: 0 0 1em 0;
}
.engagementActionT6-icon_transferDesktop {
  height: 72px;
  width: 72px;
  display: block;
  margin: 1.6em auto auto;
  font-size: 2.75em;
  line-height: 1.65em;
  border-radius: 50%;
  border: 1px solid #0070ba;
}
.engagementAction-icon_transferMobile {
  margin: 0 auto .5em auto;
  height: 60px;
  width: 60px;
  font-size: 35px;
  border-radius: 30px 30px;
  border: 1px solid #0070ba;
  padding-top: 25px;
  display: block;
}
.engagementActionT6-icon_transferMobile {
  margin: 0 auto 12px auto;
  height: 60px;
  width: 60px;
  font-size: 35px;
  border-radius: 50%;
  padding-top: 25px;
  border: 1px solid #0070ba;
  display: block;
}
.engagementAction-icon_transferMobile-shield {
  color: #0070ba;
  font-size: 16px;
  margin-right: .5em;
}
.engagementAction-icon_transfer-shield {
  font-size: 18px;
  margin-right: .5em;
}
.engagementAction-protection {
  font-weight: bold;
  text-decoration: underline;
}
.engagementAction-rightArrowIcon_transferDesktop {
  margin-left: 0.3em;
  font-size: 1.58rem;
}
.engagementAction-rightArrowIcon_transferMobile {
  margin-left: 0.2em;
  font-size: 1.3rem;
}
.transferBanner {
  margin: 4em 0 0;
}
.transferBannerT6 {
  margin: 0 1em;
}
.engagementActions-container_transferMobile {
  margin-bottom: 2.5em;
  padding-bottom: 2.5em;
  border-bottom: 1px solid #4682bc;
  font-size: 11px;
}
.engagementActions-container_transferMobile:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.transferActionColumns {
  padding: 0 0 1em;
  text-align: center;
  display: table-cell;
}
.transferActionColumns:not(:last-child) {
  border-right: 1px solid #b7bcbf;
}
.engagementAction_primaryTransferMobile {
  display: block;
}
.engagementAction_primaryTransferMobile:focus,
.engagementAction_primaryTransferMobile:hover,
.engagementAction_primaryTransferMobile:active {
  text-decoration: none;
}
.transferPrimaryActions {
  display: block;
  padding: 2.5em 0 0;
  margin: 0 1em;
}
.transferPrimaryActionsT6 {
  display: block;
  margin: 0 1em;
  border: solid 1px #c4c6c8;
  border-radius: 6px;
  height: 250px;
}
.transferPrimaryActionsT6:hover > span {
  border-color: #009cde;
}
.transferContainerT6 {
  margin-top: 40px;
}
.transferActionCardsT6 {
  text-align: center;
}
.engagementAction-linkText_primaryTransferMobile:focus,
.transferPrimaryActionContent:focus,
.engagementAction-linkText_primaryTransferMobile:hover,
.transferPrimaryActionContent:hover,
.engagementAction-linkText_primaryTransferMobile:active,
.transferPrimaryActionContent:active {
  text-decoration: underline;
}
.transferPrimaryActionBody {
  margin: 0.8em 4em 0;
  color: #6c7378;
}
.transferPrimaryActionBody a {
  color: #0070ba;
}
.engagementAction-messaging_transferMobile {
  margin: 0.9em 0 0;
}
.engagementAction-linkText_secondaryTransferMobile,
.transferSecondaryActionText {
  font-weight: bold;
}
.engagementAction-linkText_secondaryTransferMobile:focus,
.transferSecondaryActionText:focus,
.engagementAction-linkText_secondaryTransferMobile:hover,
.transferSecondaryActionText:hover,
.engagementAction-linkText_secondaryTransferMobile:active,
.transferSecondaryActionText:active {
  text-decoration: underline;
}
.transferBanner-seeMoreContainer {
  font-size: 15px;
  float: right;
}
.transferBanner-seeMoreLink {
  font-weight: normal;
}
.creditOffer-header {
  font-size: 44px;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #009cde;
}
.creditOffer-applyText {
  font-size: 25px;
  text-transform: uppercase;
  color: #009cde;
  margin-bottom: 20px;
}
.creditOffer-body {
  font-size: 18px;
  color: #2c2e2f;
  margin-bottom: 20px;
}
.creditOffer-smallText {
  color: #2c2e2f;
  margin-bottom: 20px;
  margin-right: 5px;
}
.creditOffer-logo {
  position: absolute;
  top: 1em;
  left: 1em;
  width: 150px;
}
.creditOffer-banner {
  margin: 2.15em 0 1.1em 7%;
}
.creditOffer-textContainer {
  width: 28em;
}
.transferEngagementBanner {
  position: relative;
  height: 444px;
  background: url("https://www.paypalobjects.com/digitalassets/c/consumer/p2p/engagement-bg-dark-desktop.png") center center / cover no-repeat #ffffff;
}
.transferEngagementBanner-text {
  color: #ffffff;
  padding: 70px 30px;
  text-align: left;
}
.transferEngagementBanner-title {
  margin: 0 0 10px 0;
}
.transferEngagementBanner-subtext {
  font-size: 1.1em;
  max-width: 590px;
  margin: 0;
}
.transferEngagementBanner-button {
  margin-top: 20px;
  width: 400px;
}
.transferEngagementBanner .transferEngagementBanner-close,
.transferEngagementBanner .transferEngagementBanner-close:hover,
.transferEngagementBanner .transferEngagementBanner-close:active,
.transferEngagementBanner .transferEngagementBanner-close:focus,
.transferEngagementBanner .transferEngagementBanner-button,
.transferEngagementBanner .transferEngagementBanner-button:hover,
.transferEngagementBanner .transferEngagementBanner-button:active,
.transferEngagementBanner .transferEngagementBanner-button:focus {
  color: #ffffff;
  text-decoration: none;
}
.transferEngagementBanner-disclaimer {
  position: absolute;
  bottom: 30px;
  font-size: .9em;
  margin: 0;
}
.transferEngagementBannerMobile.transferEngagementBannerMobile {
  position: absolute;
  top: 0;
  left: 0;
}
.transferEngagementBannerMobile .transferEngagementBannerMobile-imageContainer {
  margin-bottom: 49px;
}
.transferEngagementBannerMobile .transferEngagementBannerMobile-image {
  max-width: 100%;
}
.transferEngagementBannerMobile .transferEngagementBannerMobile-title {
  font-weight: 300;
}
.transferEngagementBannerMobile .transferEngagementBannerMobile-text {
  padding: 0 24px;
  background-color: #ffffff;
}
.transferEngagementBannerMobile .transferEngagementBannerMobile-subtext {
  margin: 0;
}
.transferEngagementBannerMobile .transferEngagementBannerMobile-button {
  margin-top: 34px;
  max-width: 100%;
}
.transferEngagementBannerMobile .transferEngagementBannerMobile-disclaimer {
  font-size: 0.9em;
  margin: 0;
}
/** Confirm Email full banner **/
.emailConfirmationIcon-container {
  margin-top: 45px;
}
.emailConfirmation-actionIcon {
  width: 120px;
  height: 120px;
  border: 1px solid #0070ba;
  border-radius: 50%;
  margin: 0 auto;
  padding-left: 10px;
}
@media (max-width: 768px) {
  .emailConfirmation-actionIcon {
    width: 100px;
    height: 100px;
  }
}
.emailConfirmation-icon {
  font-size: 75px;
  line-height: 1.4em;
  color: #0070ba;
}
@media (max-width: 768px) {
  .emailConfirmation-icon {
    font-size: 60px;
  }
}
.emailConfirmation-content {
  text-align: left;
}
.emailConfirmation-title {
  margin-bottom: 0;
  font-weight: 300;
}
@media (max-width: 768px) {
  .emailConfirmation-title {
    font-size: 1.875rem;
  }
}
.emailConfirmation-message {
  margin-top: 6px;
  color: #6c7378;
}
@media (max-width: 768px) {
  .emailConfirmation-message {
    font-size: 1rem;
  }
}
/* tour styling */
/*csslint universal-selector: false, important: false*/
.tour-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tour-step-backdrop {
  position: relative;
  z-index: 1101;
}
.tour-step-backdrop > td {
  position: relative;
  z-index: 1101;
}
.tour-step-background {
  position: absolute !important;
  z-index: 1100;
  background: inherit;
  border-radius: 6px;
}
.popover[class*="tour-"] {
  z-index: 1102;
}
.popover[class*="tour-"] .popover-navigation {
  padding: 9px 14px;
}
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  float: right;
}
.popover[class*="tour-"] .popover-navigation *[data-role="prev"],
.popover[class*="tour-"] .popover-navigation *[data-role="next"],
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  cursor: pointer;
}
.popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled {
  cursor: default;
}
.popover[class*="tour-"].orphan {
  position: fixed;
  margin-top: 0;
}
.popover[class*="tour-"].orphan .arrow {
  display: none;
}
/*csslint universal-selector: true, important: true*/
.popover {
  position: absolute;
  top: 0;
  /*! @noflip */
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 400px;
  padding: 20px 0 14px 10px;
  background-color: #1a2937;
  border: 1px solid #1a2937;
  border-radius: 15px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
  color: #fff;
}
.orphan.tour-tour-0 {
  max-width: 480px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  line-height: 25px;
  background-color: transparent;
  border: none;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.tour-step-background {
  position: absolute !important;
  z-index: 1100;
  border: #ff9600 solid 2px;
  border-radius: 0;
  background: none;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #1a2937;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #1a2937;
}
.popover.left > .arrow {
  top: 50%;
  /*! @noflip */
  right: -11px;
  margin-top: -11px;
  /*! @noflip */
  border-right-width: 0;
}
.popover.left > .arrow:after {
  content: " ";
  /*! @noflip */
  right: 1px;
  /*! @noflip */
  border-right-width: 0;
  bottom: -10px;
  /*! @noflip */
  border-left-color: #1a2937;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 13px;
}
.popover.left {
  /*! @noflip */
  margin-left: -10px;
}
.tour-backdrop {
  background-color: transparent;
  opacity: 0.4;
}
.popover-link_endTour {
  margin-left: 10px;
}
/* overridden the plugin class */
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  float: none;
}
.text-center {
  text-align: center;
}
.popover-link.popover-link {
  color: #50c7f9;
}
.btn-startTour {
  font-size: 13px;
}
@media (max-width: 768px) {
  .tour-container {
    display: none;
  }
}
/** Carousel Controls **/
.jcarousel-wrapper {
  max-width: 375px;
  margin: -10px auto 20px;
  position: relative;
}
.jcarousel {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.jcarousel-list {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.jcarousel-list-items {
  float: left;
  width: 212px;
  min-height: 162px;
  margin: 12px;
  border-radius: 6px;
  background-color: #ffffff;
  border: solid 1px #6c7378;
  display: table-cell;
}
.jcarousel-list-items-image {
  margin: 15px auto;
}
.jcarousel-list-items-text {
  margin: 0 18px;
}
/** Pagination Controls **/
.jcarousel-pagination a {
  display: inline-block;
  height: 12px;
  width: 12px;
  border: solid 1px #0070ba;
  border-radius: 12px;
  text-indent: -9999px;
  margin-right: 18px;
}
.jcarousel-pagination-active {
  background-color: #0070ba;
}
/**
 * @fileOverview Styles for unilateral engagement banner
 * @name engagementUnilateral
 * @author ksubramaniam
 */
.engagement-unilateral--container {
  background: #ffffff;
}
.engagement-unilateral--close,
.engagement-unilateral--close:hover {
  color: #111;
}
.engagement-unilateral--wrapper {
  position: relative;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px 10px 20px;
}
.engagement-unilateral--success {
  color: #3ea134;
  line-height: normal;
  float: left;
}
.engagement-unilateral--content {
  position: relative;
  margin-top: 8px;
}
.engagement-unilateral--message {
  font-weight: bold;
}
.engagement-unilateral--subtext {
  font-weight: normal;
}
/* variable for enduring items in modules are consistently spaced */
/* headers for in balance, credit and activity modules */
.moduleHeader {
  margin-bottom: 16px;
  margin-top: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #6c7378;
  color: #2c2e2f;
}
.moduleHeaderLink {
  color: inherit;
  position: relative;
  display: block;
}
.moduleHeaderLink:visited {
  color: #2c2e2f;
}
.moduleHeaderLink:hover,
.moduleHeaderLink:focus {
  text-decoration: underline;
  color: #0070ba;
}
.moduleHeaderLink:after {
  width: 10px;
  height: 10px;
  content: '';
  position: absolute;
  top: 5px;
  right: 3px;
  border-top: 2px solid #2c2e2f;
  border-right: 2px solid #2c2e2f;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.error .moduleHeader:hover,
.error .moduleHeader:focus {
  color: inherit;
}
.error .moduleHeader:after {
  content: none;
}
.moduleFooter {
  width: 100%;
  padding-top: 10px;
  position: relative;
  display: table;
}
.moduleListItems li {
  list-style: none;
}
.debitCardImage {
  width: 40px;
  height: 40px;
  display: table-cell;
  background: url('https://www.paypalobjects.com/webstatic/sprite/sprite_logos_wallet_2x.png') no-repeat left -528px;
  background-size: 35px;
}
.debitCardSummary {
  height: 40px;
  display: table-cell;
  vertical-align: middle;
}
.ppCard-container {
  display: table;
}
.ppAnywhereCard-image {
  background: url("https://www.paypalobjects.com/digitalassets/c/consumer/bundle/icons/icMastercard2x.png") no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: 6px;
  width: 48px;
  height: 30px;
}
.ppAnywhereCard-status {
  color: #6c7378;
}
.ppAnywhereCard-status .ppAnywhereCard-active {
  background: url("https://www.paypalobjects.com/digitalassets/c/consumer/bundle/icons/icChainLink_1x.png") no-repeat left;
  padding-left: 15px;
}
.ppAnywhereCard-status .ppAnywhereCard-activateLink {
  border-left: 1px solid #6c7378;
  padding-left: 10px;
  margin-left: 10px;
}
.ppAnywhereCard-summary {
  height: 35px;
}
/* Action / label cells divided by a border.
 * Used in wallet module that appears on summary page and wallet page.
 *
 * Explanation of margin and padding calculations: Bootstrap's grid would make
 * the 2 cells' width 50% of the container, but "divided cells" don't have
 * fixed width, just a nice border between two small things. They just have a
 * similar margin / padding that Bootstrap's grid has.
 *
 * Bootstrap's spanXs have `margin-left: 2.564102564102564%`. That percentage is 100.0 / 39.0
 */
.dividedCellLeft {
  padding-right: 2.56410256%;
  padding-right: 10px;
}
.dividedCellRight {
  padding-left: 2.56410256%;
  padding-left: 10px;
  margin-right: -2.56410256%;
}
.addMoney.ituLink {
  display: block;
}
.addMoney.ituLink ~ .dividedCellRight {
  padding-left: 0;
  border-left: none;
}
.disputesMessages .action-highlight {
  color: #ff9600;
}
@media (max-width: 1024px) {
  .summaryModuleContainer .dividedCellLeft,
  .paypalSourcesContainer .dividedCellLeft,
  .summaryModuleContainer .dividedCellRight,
  .paypalSourcesContainer .dividedCellRight {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
  }
  .summaryModuleContainer .dividedCellLeft,
  .paypalSourcesContainer .dividedCellLeft {
    margin: 0 0 8px 0;
  }
}
@media (max-width: 768px) {
  .summaryModuleContainer .dividedCellLeft,
  .paypalSourcesContainer .dividedCellLeft,
  .summaryModuleContainer .dividedCellRight,
  .paypalSourcesContainer .dividedCellRight {
    width: auto;
  }
  .summaryModuleContainer .dividedCellLeft,
  .paypalSourcesContainer .dividedCellLeft {
    padding-right: 2.56410256%;
    padding-right: 10px;
  }
  .summaryModuleContainer .dividedCellRight,
  .paypalSourcesContainer .dividedCellRight {
    padding-left: 2.56410256%;
    padding-left: 10px;
    margin-right: -2.56410256%;
    border-left: 1px solid #6c7378;
  }
  .creditProductModule .x-small {
    display: inline;
  }
}
@media (max-width: 479px) {
  .summaryModuleContainer .dividedCellLeft,
  .paypalSourcesContainer .dividedCellLeft,
  .summaryModuleContainer .dividedCellRight,
  .paypalSourcesContainer .dividedCellRight {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
  }
  .summaryModuleContainer .dividedCellLeft,
  .paypalSourcesContainer .dividedCellLeft {
    margin: 0 0 8px 0;
  }
}
/**
 * @fileOverview Styles for the wallet section and wallet module of summary page
 * @name walletModule
 * Corresponding Dust files are public/templates/widgets/creditProductModule.dust, public/templates/widgets/balanceModule.dust and public/templates/widgets/fundingInstrumentModule.dust
 *
 * The only actual element called "walletModule" is on Summary page - it's the unified container for Balance, Credit Product and Funding Instruments.
 * Wallet page doesn't have a unified container for the modules.
 *
 * @author tsullivan
 * @tested Chrome, Firefox, Safari, IE9
 */
.additional-info {
  font-weight: 400;
  color: #2c2e2f;
}
.balanceNumeral,
.creditNumeral {
  color: #2c2e2f;
}
.balanceNumeral .numeralLabel,
.creditNumeral .numeralLabel {
  white-space: pre-line;
  color: #6c7378;
}
.balanceModule-zeroBalanceText {
  padding-top: 0.5em;
  color: #2c2e2f;
  display: block;
}
.balanceModule-currencyCode {
  display: inline-block;
}
.balanceActions,
.pendingActions,
.creditActions {
  margin: 0;
  padding-top: 1em;
}
.pendingActions li,
.creditActions li {
  display: inline-block;
}
.balanceActions li {
  list-style: none;
}
.creditActions {
  position: relative;
  margin-bottom: 0.6em;
}
/* due states and payment due icons */
.dueState span,
span.negativeBalanceAlert {
  display: inline-block;
  min-height: 20px;
}
.creditStateDueSoon {
  padding-left: 30px;
  color: #444444;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAEJGlDQ1BJQ0MgUHJvZmlsZQAAOBGFVd9v21QUPolvUqQWPyBYR4eKxa9VU1u5GxqtxgZJk6XtShal6dgqJOQ6N4mpGwfb6baqT3uBNwb8AUDZAw9IPCENBmJ72fbAtElThyqqSUh76MQPISbtBVXhu3ZiJ1PEXPX6yznfOec7517bRD1fabWaGVWIlquunc8klZOnFpSeTYrSs9RLA9Sr6U4tkcvNEi7BFffO6+EdigjL7ZHu/k72I796i9zRiSJPwG4VHX0Z+AxRzNRrtksUvwf7+Gm3BtzzHPDTNgQCqwKXfZwSeNHHJz1OIT8JjtAq6xWtCLwGPLzYZi+3YV8DGMiT4VVuG7oiZpGzrZJhcs/hL49xtzH/Dy6bdfTsXYNY+5yluWO4D4neK/ZUvok/17X0HPBLsF+vuUlhfwX4j/rSfAJ4H1H0qZJ9dN7nR19frRTeBt4Fe9FwpwtN+2p1MXscGLHR9SXrmMgjONd1ZxKzpBeA71b4tNhj6JGoyFNp4GHgwUp9qplfmnFW5oTdy7NamcwCI49kv6fN5IAHgD+0rbyoBc3SOjczohbyS1drbq6pQdqumllRC/0ymTtej8gpbbuVwpQfyw66dqEZyxZKxtHpJn+tZnpnEdrYBbueF9qQn93S7HQGGHnYP7w6L+YGHNtd1FJitqPAR+hERCNOFi1i1alKO6RQnjKUxL1GNjwlMsiEhcPLYTEiT9ISbN15OY/jx4SMshe9LaJRpTvHr3C/ybFYP1PZAfwfYrPsMBtnE6SwN9ib7AhLwTrBDgUKcm06FSrTfSj187xPdVQWOk5Q8vxAfSiIUc7Z7xr6zY/+hpqwSyv0I0/QMTRb7RMgBxNodTfSPqdraz/sDjzKBrv4zu2+a2t0/HHzjd2Lbcc2sG7GtsL42K+xLfxtUgI7YHqKlqHK8HbCCXgjHT1cAdMlDetv4FnQ2lLasaOl6vmB0CMmwT/IPszSueHQqv6i/qluqF+oF9TfO2qEGTumJH0qfSv9KH0nfS/9TIp0Wboi/SRdlb6RLgU5u++9nyXYe69fYRPdil1o1WufNSdTTsp75BfllPy8/LI8G7AUuV8ek6fkvfDsCfbNDP0dvRh0CrNqTbV7LfEEGDQPJQadBtfGVMWEq3QWWdufk6ZSNsjG2PQjp3ZcnOWWing6noonSInvi0/Ex+IzAreevPhe+CawpgP1/pMTMDo64G0sTCXIM+KdOnFWRfQKdJvQzV1+Bt8OokmrdtY2yhVX2a+qrykJfMq4Ml3VR4cVzTQVz+UoNne4vcKLoyS+gyKO6EHe+75Fdt0Mbe5bRIf/wjvrVmhbqBN97RD1vxrahvBOfOYzoosH9bq94uejSOQGkVM6sN/7HelL4t10t9F4gPdVzydEOx83Gv+uNxo7XyL/FtFl8z9ZAHF4bBsrEwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAnppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuMS4yIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CrKt+gYAAAMeSURBVDgRjVQ7axRRFD5nZrKvibpRs0IQfBVqwD6CQopY2EQMBAsxpNBCfDYBtRPFyt9h4YIbtbBRiCj4AxQ3YkTTiGARhexzZu71++7M5h3wws6955zvfOd174q1Vrb/idJWr4WPvz4PLfcUm+q38/Nku1VVXxCuXus/g+2mKoDYnYyDOPvWzi6TzSZSWDs3p8G+P+Gr/qKMdToi+bxIoyWvf5UbZ0dHbSyS4jb6b5cp85LKUnghzMvYctMux4m85V6CTH1G5HD/Qeqimx+zA2V43Ot0mY+dPnZ+eVSNne5EkKH/+KQ8gGpMmu162k2ZVqvidG2Jru4MZTg29ltb8m/o1vbzbxJjF6j3C9FV6np4nntrA6l6k5M2+TRbPoKWXkfJWLrbi9rISqQg7bK1uidGNz2VawvAEQ/MOp5VQdOy6RyY6HZY1KFWGxRiB/qCIKTe+EFIudWxlvYYOOpdG5x/Kq2QVp+mZdeflUZgutxsO4CDer4MUvIjqTA0lmb2ywsvHV56/jSukKZlsCy9UypqARfbFe+hTpPIPoIxlQrsPKI7NiEujvUu5Z4/zylpdpHna6UJK3IO5dHmvMmhmux1Ci8ZXNM9dTiVcfrR3nsQ3v37gKHZn6uVfis6Uyyga1aYJQNaH18VrdAH9gpld4SduGKesXWG/uQhnzc8nGXkN6ZKeR3BcFCl4ImSBCXjg3FNzNfCK4rdyTSmyycexCOaa0xRRT73TL+8CIfw6N7ncnqoGzlSlw9J2UMPUpLYju9r3iCkQYppZx2zyfWp1+3a7xrIqaPjjZ9pMYneLBZTQhClOnSB/eR/WGLMjcbv5o4kMjdWCGEnJfFMhP4m1lvUaX02PIGxvgt82RUnq1nCZvoC9aLYLi7FzeMnJ23rx5wW2kuleegPQM82pQkAiyq8JJG/0Jz2rLEPCrlNhG46CMLA+8t+6eKHqhZBeImy02N6NGYLhNaQh3xar5UiWAMOYC0qA1tkoHDgbVhErQd9ZI/3j66shzM8rjQHaz18HgHSJaHLK2PLNhKytz5KPozLtyUh6LP+Swzih/8AfQawWdc1KX8AAAAASUVORK5CYII=") no-repeat;
  background-position: 0 8px;
}
.creditStateOverDue,
.negativeBalanceAlert {
  padding-left: 30px;
  color: #444444;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAEJGlDQ1BJQ0MgUHJvZmlsZQAAOBGFVd9v21QUPolvUqQWPyBYR4eKxa9VU1u5GxqtxgZJk6XtShal6dgqJOQ6N4mpGwfb6baqT3uBNwb8AUDZAw9IPCENBmJ72fbAtElThyqqSUh76MQPISbtBVXhu3ZiJ1PEXPX6yznfOec7517bRD1fabWaGVWIlquunc8klZOnFpSeTYrSs9RLA9Sr6U4tkcvNEi7BFffO6+EdigjL7ZHu/k72I796i9zRiSJPwG4VHX0Z+AxRzNRrtksUvwf7+Gm3BtzzHPDTNgQCqwKXfZwSeNHHJz1OIT8JjtAq6xWtCLwGPLzYZi+3YV8DGMiT4VVuG7oiZpGzrZJhcs/hL49xtzH/Dy6bdfTsXYNY+5yluWO4D4neK/ZUvok/17X0HPBLsF+vuUlhfwX4j/rSfAJ4H1H0qZJ9dN7nR19frRTeBt4Fe9FwpwtN+2p1MXscGLHR9SXrmMgjONd1ZxKzpBeA71b4tNhj6JGoyFNp4GHgwUp9qplfmnFW5oTdy7NamcwCI49kv6fN5IAHgD+0rbyoBc3SOjczohbyS1drbq6pQdqumllRC/0ymTtej8gpbbuVwpQfyw66dqEZyxZKxtHpJn+tZnpnEdrYBbueF9qQn93S7HQGGHnYP7w6L+YGHNtd1FJitqPAR+hERCNOFi1i1alKO6RQnjKUxL1GNjwlMsiEhcPLYTEiT9ISbN15OY/jx4SMshe9LaJRpTvHr3C/ybFYP1PZAfwfYrPsMBtnE6SwN9ib7AhLwTrBDgUKcm06FSrTfSj187xPdVQWOk5Q8vxAfSiIUc7Z7xr6zY/+hpqwSyv0I0/QMTRb7RMgBxNodTfSPqdraz/sDjzKBrv4zu2+a2t0/HHzjd2Lbcc2sG7GtsL42K+xLfxtUgI7YHqKlqHK8HbCCXgjHT1cAdMlDetv4FnQ2lLasaOl6vmB0CMmwT/IPszSueHQqv6i/qluqF+oF9TfO2qEGTumJH0qfSv9KH0nfS/9TIp0Wboi/SRdlb6RLgU5u++9nyXYe69fYRPdil1o1WufNSdTTsp75BfllPy8/LI8G7AUuV8ek6fkvfDsCfbNDP0dvRh0CrNqTbV7LfEEGDQPJQadBtfGVMWEq3QWWdufk6ZSNsjG2PQjp3ZcnOWWing6noonSInvi0/Ex+IzAreevPhe+CawpgP1/pMTMDo64G0sTCXIM+KdOnFWRfQKdJvQzV1+Bt8OokmrdtY2yhVX2a+qrykJfMq4Ml3VR4cVzTQVz+UoNne4vcKLoyS+gyKO6EHe+75Fdt0Mbe5bRIf/wjvrVmhbqBN97RD1vxrahvBOfOYzoosH9bq94uejSOQGkVM6sN/7HelL4t10t9F4gPdVzydEOx83Gv+uNxo7XyL/FtFl8z9ZAHF4bBsrEwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAnppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuMS4yIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CrKt+gYAAAL/SURBVDgRhVTPS1RRGL3ffQ9nRg21ctQpsSlKHSpo56LAQBdtCgRpEUWLWohlbYJqF0Wr/pJcR5CjTdQf4aIQETRoEUE5v967X+fcec8abejNDPfe755z7vm++70xqmo6/owR7pULZ16tjUwoR49N4p141nR4lkUCnrZ6rDSrTpYEOI7vsGbc73fgeicH9kSExIpcDqORr2+7RWbqcJxBeFe1HO4MX5nW95FJcPv5nZzSmIlHdq7nILjr3M/Y6AeOXDcQT4Q87v+irdNdpXihX408pUM4uj2zvT7NsYG1RfzN2PkBZOO8232qB5wuG3DwxPXaQo9Iyal+CTO1VcY4xuo+M97VbC4wluI5T592URE7rxqvDZ0+hZLei4FSMYcb1cyAJ9Sy/SpyhHFcxiJxxMNtm87eAlnzchzJztqHOWsLNXXQNBC0PYwj8R6uGe/GPnGMk+f5fpGkyvnrZF4eLk3h5DsgMoyTjAnEDXLhTJxPbkaq3AfO47GX8onbc+rT8BH3OCc2i1oySyP4xKpDnMMRRFuy3CdOxT3h1h4fcy+aNnK5MDmH2DW6BNmzCbBij2JgfQdTF9z3ODFXE55Jdeyz5HIq+bO9eGUeZVFzdA2K7w9UiqjVvBe1kk9E0W3GEkc8eeTTLfVsiRniiYPmrawNpqrO0WbAGG6GX2OdzpUL43cNRq59kCNwxJNHPkPU86/pyuBEwYTmE17DIpodN9kqixcEEM1uIqP10EjGQZFXmFwYs3LgWbwUGxqZi7Pf1rd9NjY0S2ihNkHw2E7eLBr+/sZO7yGOfwl60zRAI1nwYewBKEZWhibOoZM/BiJ9uGWm3iobHIRwAIeb34Nfk/NbW9VKsZiN6pl1OB6L9mHBt+D/gJVLFuV+nrHS1wbyxxnBnwjS0+P9rvvG8uhoLqp33eSacRyeVoBzSz51qCcrw+NNpBD6XCjW/miAukfqYmhsAnOC7iFK+B/RhOPLBR8WvfESiAbj/xCmW7X4w4bYSQtHHQQ9FUdF6MEXvwHCOauIRQsAPgAAAABJRU5ErkJggg==") no-repeat;
  background-position: left center;
}
.icon-autoPay {
  color: #6c7378;
}
.makePaymentLink {
  margin-bottom: 15px;
}
.viewLimits {
  margin-right: 1em;
  padding-right: 1em;
  border-right: 1px solid #c5c5c5;
}
.fiModule-icon_attentionMobile,
.fiModule-icon_criticalMobile {
  margin-left: -4px;
  text-align: left;
}
.fiModule-mobileAlertDismiss:hover,
.fiModule-mobileAlertDismiss:focus {
  text-decoration: none;
  color: #2c2e2f;
}
.fiModule-mobileAlertDismiss {
  position: absolute;
  top: 3px;
  right: 0;
  width: 25px;
  height: 25px;
  margin-right: -4px;
  color: #2c2e2f;
}
.fiModule-mobileAlertDismiss .speakableText {
  text-indent: 100%;
  padding-left: 1.5em;
  margin-right: -100%;
  opacity: 0;
}
.currenciesHeader {
  margin: 13px 0 0 10px;
}
.currenciesList {
  margin: 0 0 0 10px;
}
.currenciesEntry {
  list-style-type: none;
}
.preferredMethod,
.msgPadEnroll {
  color: #6c7378;
}
.autoPaySetup {
  margin-top: 5px;
  color: #299976;
}
.autoPaySetup_noDue {
  margin-top: -15px;
  color: #299976;
}
.autoPaySetup-dollarIcon {
  margin-left: -5px;
}
.noBalance {
  position: relative;
}
@media (min-width: 768px) {
  .noBalance {
    margin-top: 1.875rem;
  }
}
.noBalanceModule {
  text-align: center;
}
@media (min-width: 768px) {
  .noBalanceModule:before {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background-color: #0070ba;
  }
}
.noBalanceBlueModule {
  text-align: center;
  background-color: #0070ba;
  border-radius: 0.750em;
  padding: 1rem 0;
}
.noBalanceBlueModule .noBalanceModule-amount {
  font-size: 2.5rem;
}
.noBalanceBlueModule .noBalanceModule-amount,
.noBalanceBlueModule .noBalanceModule-message {
  color: #ffffff;
}
.noBalanceBlueModule .noBalanceModule-btn {
  margin-bottom: 0.9375rem;
}
.noBalanceModule-body {
  padding: 0.9375rem 0 1.5rem;
}
.noBalanceModule-message,
.noBalanceModule-messageNegative {
  color: #2c2e2f;
  display: block;
  font-family: 'PayPal-Sans-Big', sans-serif;
}
.noBalanceModule-message {
  font-size: 1.125rem;
}
.noBalanceBlueModuleSeparator {
  display: block;
  color: #ffffff;
  position: relative;
  margin-bottom: 0.5rem;
}
.noBalanceBlueModuleMessage,
.noBalanceBlueModuleSeparator {
  display: block;
  color: #ffffff;
}
.noBalanceBlueModuleSeparatorline {
  background-image: linear-gradient(to right, #ffffff 20%, rgba(255, 255, 255, 0) 0%);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  display: block;
  margin: 0;
  width: 85%;
  margin: -0.5rem 1.5rem;
}
.noBalanceBlueModuleSeparatorTxt {
  padding: 10px;
  background-color: #0070ba;
  font-size: 0.8125rem;
}
.noBalanceModule-messageBlue {
  font-size: 1.35rem;
}
.noBalanceModule-messageNegative {
  font-size: 0.9375rem;
}
.noBalanceModule-amount {
  font-size: 3.75rem;
  color: #0070ba;
  line-height: 1;
}
.noBalance-isNegative.noBalance-isNegative {
  color: #d20000;
  font-size: 1.875rem;
  font-weight: 400;
  display: block;
  margin-top: 0.3125rem;
}
.noBalanceModule-btn {
  width: 63%;
  margin-bottom: 0;
}
.noBalanceModule-currenciesDisclaimer {
  display: block;
  margin-top: 0.625rem;
  color: #6c7378;
  font-size: 0.8125rem;
}
.noBalanceModule-hold {
  font-size: 0.8125rem;
  margin-top: 1.5rem;
}
.noBalanceModule-hold:before {
  background-image: linear-gradient(to right, #9da3a6 0%, #9da3a6 16.66667%, transparent 16.66667%);
  background-position: 0 bottom;
  background-repeat: repeat-x;
  background-size: 5px 1px;
  border: none;
  content: '';
  display: block;
  height: 1px;
  margin: 0;
  width: 85%;
  margin-left: 7.5%;
}
.noBalanceModule-holdText {
  font-size: 0.9375rem;
  display: block;
  margin: 0.75rem 0 0.3125rem;
}
.noBalanceModule-holdAmount {
  font-size: 1.125rem;
  font-family: 'PayPal-Sans-Big', sans-serif;
}
.noBalanceModule-messageOnHold.noBalanceModule-messageOnHold {
  font-size: 0.9375rem;
}
.noBalanceModule-holdLink2 {
  font-size: 13px;
  display: block;
  margin-top: -13px;
}
.noBalanceCIPModule {
  border: 1px solid #e0e0e0;
  margin-top: 2em;
  padding: 12px 20px 20px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: none;
}
.noBalanceCIPModule-content {
  padding-left: 5px;
}
.noBalanceCIPModule-logo {
  width: 35px;
  height: 35px;
  display: block;
  background: url("https://www.paypalobjects.com/webstatic/sprite/sprite_logos_wallet_2x.png") no-repeat center 5px;
  background-size: 35px;
  margin-top: 5px;
}
.noBalanceCreateaBalanceModule-cta {
  margin-left: 5px;
}
/*
Mixins
*/
.fiModule-container {
  border: 1px solid #e0e0e0;
  margin-top: 2em;
  padding: 12px 20px 20px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: none;
}
.fiModule-container_shadow {
  transition: box-shadow 0.3s ease-in-out;
  -moz-box-shadow: 0 2px 2px #ccc;
  -webkit-box-shadow: 0 2px 2px #ccc;
  box-shadow: 0 2px 2px #ccc;
}
.fiModule-icon-arrow {
  display: inline-block;
  position: relative;
  left: 2px;
}
.fiModule-icon-arrow:before {
  font-size: 1.3rem;
  line-height: 0;
  color: #0070ba;
  text-decoration: none;
}
.fiModule-icon-arrow-animate {
  left: 8px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.fiModule-title-header {
  padding-left: 0;
  color: #2c2e2f;
}
.fiModule-title-header:hover {
  text-decoration: none;
}
.fiModule-title-link {
  text-align: right;
}
.fiModule-title-link:hover {
  text-decoration: underline;
}
.fiModule-title {
  padding-left: 0;
  margin: 0;
}
.fiModule-currency-container {
  margin-top: 8px;
}
.fiModule-currency_text {
  margin-bottom: 10px;
}
.fiModule-secondary-text {
  margin-bottom: 12px;
}
.fiModule-balance-text {
  padding-left: 4px;
}
.fiModule-cta-text-container {
  width: 45%;
  display: inline-block;
  vertical-align: middle;
}
.fiModule-cta-text {
  line-height: 1.3;
}
.fiModule-cta-textMargin {
  padding-left: 8px;
}
.fiModule-list-item {
  border-bottom: 1px dotted #b7bcbf;
}
.fiModule-fiList-links {
  padding: 10px 0;
  display: block;
}
.fiModule-text-noFi {
  margin-bottom: 16px;
  display: inline-block;
}
.fiModule-ctaModule-divider {
  width: 100%;
  border-top: 1px dotted #b7bcbf;
  margin-top: 10px;
  padding-top: 10px;
}
.fiModule-footer {
  border-top: 1px dotted #b7bcbf;
  margin-top: 8px;
  padding-top: 15px;
}
.fiModule-footer_setMargin {
  margin-bottom: 0;
}
.fiModule-negative-text {
  color: #d20000;
  text-transform: uppercase;
}
.fiModule-text-block {
  display: block;
}
.fiModule-list {
  width: 100%;
  margin: 0;
  list-style-type: none;
}
.fiModule-table {
  display: table;
}
.fiModule-row {
  display: table-row;
}
.fiModule-cell {
  display: table-cell;
  vertical-align: middle;
}
.fiModule-icon-cell {
  display: table-cell;
  vertical-align: top;
}
.fiModule-fiType {
  padding-left: 10px;
}
.fiModule-cell_iconMobile {
  width: 2.5em;
}
.fiModule-alertText {
  display: block;
}
.fiModule-alertTextMobile {
  padding-right: 2.3em;
}
.fiModule-acctNumber {
  white-space: nowrap;
}
.fiModule-ctaText {
  margin: 0.9em 0 0;
  color: #2c2e2f;
}
.fiModule-ctaTextMobile {
  margin: 1em 0 0;
  color: #2c2e2f;
}
.fiModule-icon_card {
  width: 48px;
  height: 30px;
  background-image: url('https://www.paypalobjects.com/ui-web/wallet-icons/cards-sprite-small@2x.png');
  background-size: cover;
  display: inline-block;
}
.fiModule-icon_bank {
  width: 48px;
  height: 30px;
  background-image: url('https://www.paypalobjects.com/ui-web/wallet-icons/banks-sprite-small@2x.png');
  background-size: cover;
  background-position-y: 0px;
  display: inline-block;
}
.fiModule-icon_bank.icon-generic_bank {
  background-position-y: 0px;
}
.fiModule-icon_bank.icon-bank_of_america,
.fiModule-icon_bank.icon-bank_of_america_na {
  background-position-y: -32px;
}
.fiModule-icon_bank.icon-barclays_bank {
  background-position-y: -65px;
}
.fiModule-icon_bank.icon-capital_one_fsb {
  background-position-y: -99px;
}
.fiModule-icon_bank.icon-citibank_fsb {
  background-position-y: -165px;
}
.fiModule-icon_bank.icon-clydesdale_bank {
  background-position-y: -198px;
}
.fiModule-icon_bank.icon-cooperative_bank {
  background-position-y: 630px;
}
.fiModule-icon_bank.icon-fifth_third_bank {
  background-position-y: 596px;
}
.fiModule-icon_bank.icon-hsbc_bank {
  background-position-y: 562px;
}
.fiModule-icon_bank.icon-huntington_bank {
  background-position-y: 530px;
}
.fiModule-icon_bank.icon-jpmorgan_chase_bank_na {
  background-position-y: -132px;
}
.fiModule-icon_bank.icon-lloyds_bank {
  background-position-y: 497px;
}
.fiModule-icon_bank.icon-nationwide_bank {
  background-position-y: 463px;
}
.fiModule-icon_bank.icon-natwest_bank {
  background-position-y: 431px;
}
.fiModule-icon_bank.icon-pnc_bank {
  background-position-y: 398px;
}
.fiModule-icon_bank.icon-rbs_bank {
  background-position-y: 365px;
}
.fiModule-icon_bank.icon-regions_bank {
  background-position-y: 331px;
}
.fiModule-icon_bank.icon-santander_bank {
  background-position-y: 298px;
}
.fiModule-icon_bank.icon-standard_chartered_bank {
  background-position-y: 265px;
}
.fiModule-icon_bank.icon-suntrust_bank {
  background-position-y: 232px;
}
.fiModule-icon_bank.icon-td_bank {
  background-position-y: 198px;
}
.fiModule-icon_bank.icon-us_bank_na {
  background-position-y: 166px;
}
.fiModule-icon_bank.icon-usaa_bank {
  background-position-y: 134px;
}
.fiModule-icon_bank.icon-virgin_bank {
  background-position-y: 100px;
}
.fiModule-icon_bank.icon-wells_fargo_bank_na {
  background-position-y: 66px;
}
.fiModule-icon_bank.icon-yorkshire_bank {
  background-position-y: 34px;
}
.fiModule-visa-logo {
  background-position-y: 99px;
}
.fiModule-mastercard-logo {
  background-position-y: 330px;
}
.fiModule-amex-logo {
  background-position-y: -65px;
}
.fiModule-discover-logo {
  background-position-y: 595px;
}
.fiModule-maestro-logo {
  background-position-y: 363px;
}
.fiModule-jcb-logo {
  background-position-y: 396px;
}
.fiModule-elo-logo {
  background-position-y: 529px;
}
.fiModule-hiper-logo {
  background-position-y: 496px;
}
.fiModule-unionpay-logo {
  background-position-y: 132px;
}
.fiModule-hipercard-logo {
  background-position-y: 463px;
}
.icon-card-half-solid {
  background-position-y: 0px;
}
.fiModule-icon_critical,
.fiModule-icon_criticalMobile {
  color: #d20000;
}
.fiModule-icon_attention,
.fiModule-icon_attentionMobile {
  color: #ff9600;
}
.fiModule-icon_attention,
.fiModule-icon_critical,
.fiModule-icon_criticalMobile,
.fiModule-icon_attentionMobile {
  display: inline-block;
}
.fiModule-icon_attention:hover,
.fiModule-icon_critical:hover,
.fiModule-icon_criticalMobile:hover,
.fiModule-icon_attentionMobile:hover {
  text-decoration: none;
}
.fiModule-alert-text {
  padding-left: 5px;
}
.icon-addBank {
  width: 18px;
  height: 18px;
  margin: 5px 7px 0 5px;
  border: 1px solid #0070ba;
  border-radius: 50%;
  background-color: #0070ba;
  display: inline-block;
  text-align: center;
  box-shadow: 0 1px 2px #2c2e2f;
}
.icon-addBank:hover {
  text-decoration: none;
}
.icon-add_Bank {
  color: #ffffff;
  font-size: 1rem;
}
.icon-add_Bank:before {
  position: relative;
  bottom: 3px;
}
.fiModule_trimBank {
  width: 102px;
  margin-right: 5px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
}
.fiModule-link-add {
  padding-left: 5px;
}
.fiModule-credit-text {
  padding-top: 5px;
}
.fiModule-btn_secondary {
  margin: 10px 10px 12px 0;
}
.button-paymentPastDue {
  margin: 11px 0px 2px;
}
.creditState-collections {
  padding-left: 0px;
  background: none;
  color: #d20000;
  font-size: 0.815rem;
  vertical-align: baseline;
}
.text-pastDue {
  font-family: 'PayPal-Sans', sans-serif;
  font-weight: bold;
}
.creditState-collections::before {
  color: #c72b2d;
}
.text-options {
  font-size: 0.815rem;
  color: #2c2e2f;
  width: 80%;
  margin: 10px 0px 0px;
}
.text-collection-note {
  font-size: 0.815rem;
  line-height: 1.38461538;
  font-weight: bold;
  padding: 10px 12px 8px;
  border: 1px solid #000000;
  text-transform: uppercase;
  margin-top: 10px;
}
.moduleListItems {
  margin: 15px 0 0;
}
@media (max-width: 768px) {
  .fiModule-container {
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
}
/**
 * @fileOverview Styles for the activity section and activity module of summary page
 * @name activityModule
 * Corresponding Dust file is public/templates/widgets/activityModule.dust
 * @author tsullivan
 * @tested Chrome, Firefox, Safari, IE9, IOS6
 */
/* Alternating table row colors */
.activityModule {
  max-width: 1024px;
  margin: 1em auto 2em;
  padding: 1.25em 1em 1.5em;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background-color: #ffffff;
}
@media (max-width: 768px) {
  .activityModule {
    margin: 2em auto 2em;
  }
}
.activityModule .moduleHeader {
  margin-top: 0;
  border: 0;
  padding-bottom: 0;
}
.activityModule .isCanceled {
  text-decoration: line-through;
}
.summarySection .activityModule {
  margin-top: 2em;
}
.withStatements {
  display: inline-block;
}
.downloads {
  margin-left: 3em;
  display: inline-block;
  color: #0666b3;
}
.transactionList,
.installmentList {
  margin: auto;
  max-width: 1024px;
}
.transactionCollection.hasSpinner:before {
  position: fixed;
}
.transactionRow:nth-child(odd),
.installmentRow:nth-child(odd) {
  background-color: #f8f8f8;
  border-left-color: #f8f8f8;
}
.isCurrencyConversion {
  width: 14px;
  height: 11px;
  background-repeat: no-repeat;
  /* Hide the text. */
  display: inline-block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}
.currencyCode {
  display: block;
  line-height: 0;
  padding-top: 0.6em;
}
.currencyCodeInline {
  display: inline;
  line-height: 0;
  padding-top: 0.5em;
}
.merchantCategory {
  line-height: 0;
  padding-top: 0.7em;
  text-align: right;
}
.merchantCategory-empty {
  text-align: center;
}
.transactionAmount {
  /*! @noflip */
  direction: ltr;
}
.transactionRow,
.installmentRow {
  position: relative;
  border-left: 4px solid #ffffff;
  margin-left: -4px;
  background-color: #ffffff;
}
.transactionRow:nth-child(odd),
.installmentRow:nth-child(odd),
.transactionRow.year-title:nth-child(odd),
.installmentRow.year-title:nth-child(odd) {
  border-left-color: #f5f7fa;
  background-color: #f5f7fa;
}
.transactionRow:nth-child(odd) .transactionAmount,
.installmentRow:nth-child(odd) .transactionAmount,
.transactionRow.year-title:nth-child(odd) .transactionAmount,
.installmentRow.year-title:nth-child(odd) .transactionAmount,
.transactionRow:nth-child(odd) .installmentSummary .balance,
.installmentRow:nth-child(odd) .installmentSummary .balance,
.transactionRow.year-title:nth-child(odd) .installmentSummary .balance,
.installmentRow.year-title:nth-child(odd) .installmentSummary .balance {
  background-color: #f5f7fa;
}
.transactionRow.hasSpinner:before,
.installmentRow.hasSpinner:before {
  position: absolute;
  height: 24px;
  width: 24px;
  top: 55%;
}
.transactionRow.hasSpinner:after,
.installmentRow.hasSpinner:after {
  position: absolute;
}
.transactionRow:nth-child(even) .transactionAmount,
.installmentRow:nth-child(even) .transactionAmount,
.transactionRow.year-title:nth-child(even) .transactionAmount,
.installmentRow.year-title:nth-child(even) .transactionAmount,
.transactionRow:nth-child(even) .installmentSummary .balance,
.installmentRow:nth-child(even) .installmentSummary .balance,
.transactionRow.year-title:nth-child(even) .installmentSummary .balance,
.installmentRow.year-title:nth-child(even) .installmentSummary .balance {
  background-color: #ffffff;
  /* This creates the subtle fade for text trunctation */
}
.transactionRow:nth-child(even) .transactionAmount:before,
.installmentRow:nth-child(even) .transactionAmount:before,
.transactionRow.year-title:nth-child(even) .transactionAmount:before,
.installmentRow.year-title:nth-child(even) .transactionAmount:before,
.transactionRow:nth-child(even) .installmentSummary .balance:before,
.installmentRow:nth-child(even) .installmentSummary .balance:before,
.transactionRow.year-title:nth-child(even) .installmentSummary .balance:before,
.installmentRow.year-title:nth-child(even) .installmentSummary .balance:before {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
}
.year-title .span1 {
  padding: 1em;
  text-align: center;
}
.transactionRow,
.installmentRow {
  min-height: 4em;
  display: block;
}
.transactionRow:last-child,
.installmentRow:last-child {
  border-bottom: none;
}
.transactionRow .transactionDescriptionContainer,
.installmentRow .transactionDescriptionContainer {
  text-decoration: none;
  padding-bottom: 5px;
  display: inline-block;
  width: 100%;
}
.transactionRow .transactionDescriptionContainer:focus,
.installmentRow .transactionDescriptionContainer:focus {
  text-decoration: underline;
}
.transactionRow .transactionDescriptionContainer:active,
.installmentRow .transactionDescriptionContainer:active {
  text-decoration: none;
}
.transactionRow .transactionDescription,
.installmentRow .transactionDescription,
.transactionRow .installmentSummary .creditPlanDescription,
.installmentRow .installmentSummary .creditPlanDescription {
  padding-top: 0.9em;
  line-height: 1.5em;
}
.transactionRow .transactionAmount,
.installmentRow .transactionAmount,
.transactionRow .installmentSummary .balance,
.installmentRow .installmentSummary .balance {
  line-height: 1rem;
  margin-top: 0.5em;
  height: 50%;
}
.transactionRow .transactionAmount.currencyConversion,
.installmentRow .transactionAmount.currencyConversion,
.transactionRow .installmentSummary .balance.currencyConversion,
.installmentRow .installmentSummary .balance.currencyConversion {
  padding-top: 0.4em;
}
.transactionRow .transactionAmount.currencyConversion .currencyCode,
.installmentRow .transactionAmount.currencyConversion .currencyCode,
.transactionRow .installmentSummary .balance.currencyConversion .currencyCode,
.installmentRow .installmentSummary .balance.currencyConversion .currencyCode {
  padding-top: 0.7em;
}
.transactionRow .transactionAmount .currencyCode,
.installmentRow .transactionAmount .currencyCode,
.transactionRow .installmentSummary .balance .currencyCode,
.installmentRow .installmentSummary .balance .currencyCode {
  font-family: 'PayPal-Sans', sans-serif;
}
.transactionRow .actions,
.installmentRow .actions {
  float: right;
}
.transactionRow .transactionType,
.installmentRow .transactionType,
.transactionRow .installmentSummary .creditPlanType,
.installmentRow .installmentSummary .creditPlanType {
  display: block;
  padding-top: 0.02em;
  color: #2c2e2f;
}
.transactionRow .creditPlan-balance,
.installmentRow .creditPlan-balance {
  color: #6c7378;
}
.transactionRow .transactionType,
.installmentRow .transactionType {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 640px) {
  .transactionRow .transactionType,
  .installmentRow .transactionType {
    width: 96%;
  }
}
.transactionRow .transactionType-principal,
.installmentRow .transactionType-principal {
  display: block;
  color: #6c7378;
}
.transactionRow.year-title,
.installmentRow.year-title {
  /* adjust the min-height to 2/3 the height of the transactionRow and vertically center the content */
  min-height: 2.66em;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2.66em;
}
.transactionRow.year-title .span1,
.installmentRow.year-title .span1 {
  padding-top: 0;
  padding-bottom: 0;
}
.giftIcon {
  color: #0070ba;
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.transactionRowHover:hover,
.installmentRow:not(.isInactive):hover {
  background-color: #eeeeee;
  border-left-color: #009cde;
}
.transactionRowHover:hover .transactionDetailsContainer .transactionAmount,
.installmentRow:not(.isInactive):hover .transactionDetailsContainer .transactionAmount,
.transactionRowHover:hover .installmentSummary .balance,
.installmentRow:not(.isInactive):hover .installmentSummary .balance {
  background-color: #eeeeee;
  /* This creates the subtle fade for text trunctation */
}
.transactionRowHover:hover .transactionDetailsContainer .transactionAmount:before,
.installmentRow:not(.isInactive):hover .transactionDetailsContainer .transactionAmount:before,
.transactionRowHover:hover .installmentSummary .balance:before,
.installmentRow:not(.isInactive):hover .installmentSummary .balance:before {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(238, 238, 238, 0)), to(#eeeeee));
  background-image: -webkit-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: -moz-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: -ms-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: -o-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: linear-gradient(to right, rgba(238, 238, 238, 0), #eeeeee);
}
.transactionItem {
  padding: 0 0 0.55em;
}
.transactionItem .linkedBlock {
  margin: 0;
}
.dateParts {
  display: block;
  padding-top: 1.2em;
}
.dateDay,
.dateMonth {
  display: block;
  text-align: center;
  line-height: 1.1em;
  color: #2c2e2f;
}
.dateMonth {
  text-transform: uppercase;
  font-weight: 400;
}
.transactionDetailsContainer {
  padding-left: 0;
  position: relative;
}
/* Inline actions */
.transactionDetailsContainer .action,
.detailedTable-transactionItem_actions .action,
.transactionDetailsContainer .action-highlight,
.detailedTable-transactionItem_actions .action-highlight {
  margin-bottom: 0.5em;
  margin-left: -0.25em;
}
.transactionDetailsContainer .action .icon,
.detailedTable-transactionItem_actions .action .icon,
.transactionDetailsContainer .action-highlight .icon,
.detailedTable-transactionItem_actions .action-highlight .icon {
  color: #9da3a6;
}
.transactionDetailsContainer .action a,
.detailedTable-transactionItem_actions .action a,
.transactionDetailsContainer .action-highlight a,
.detailedTable-transactionItem_actions .action-highlight a {
  display: inline-block;
  margin: 0;
  padding: 0 0.82em 0 0.4em;
  border-right: 1px solid #2c2e2f;
  white-space: nowrap;
}
.transactionDetailsContainer .action a:first-of-type,
.detailedTable-transactionItem_actions .action a:first-of-type,
.transactionDetailsContainer .action-highlight a:first-of-type,
.detailedTable-transactionItem_actions .action-highlight a:first-of-type {
  padding-left: 0.2em;
}
.transactionDetailsContainer .action a:last-of-type,
.detailedTable-transactionItem_actions .action a:last-of-type,
.transactionDetailsContainer .action-highlight a:last-of-type,
.detailedTable-transactionItem_actions .action-highlight a:last-of-type {
  border-right: none;
}
.transactionDetailsContainer .action-highlight .icon,
.detailedTable-transactionItem_actions .action-highlight .icon {
  color: #ff9600;
}
.transactionDescription {
  font-weight: 400;
}
.transactionDescription,
.transactionAmount,
.installmentSummary .creditPlanDescription,
.installmentSummary .balance {
  color: #2c2e2f;
}
.transactionDescription,
.installmentSummary .creditPlanDescription {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.transactionAmount,
.installmentSummary .balance {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 1.2em;
  text-align: right;
  /* Create pseudoelement for the text trancation fading */
}
.transactionAmount:before,
.installmentSummary .balance:before {
  content: '';
  width: 2em;
  height: 98%;
  /* < 100% prevents triggering scrollbar */
  position: absolute;
  left: -2em;
  top: 0;
  z-index: 0;
}
.transactionAmount .netAmount,
.installmentSummary .balance .netAmount {
  color: #2c2e2f;
}
.transactionAmount .balanceAmount,
.installmentSummary .balance .balanceAmount {
  display: block;
  color: #2c2e2f;
}
/**
 * @fileOverview Responsive styles for the activity section and activity module of summary page
 * @name responsive-activityModule
 * Corresponding Dust file is public/templates/widgets/activityModule.dust
 * @author tsullivan
 * @tested Chrome, Firefox, Safari, IE9, IOS6
 */
/* phone portrait */
@media (max-width: 640px) {
  .row-fluid .transactionAmount,
  .row-fluid .installmentSummary .balance {
    margin-left: 1em;
    padding-left: 0.35em;
    padding-right: 0;
  }
  .activityModuleContainer {
    padding: 0;
  }
  .activityModule {
    padding: 1.25em 1.75em 0.5em 1.5em;
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .activityModule .installmentRow .creditPlan {
    padding: 0 1.4em 0.55em 1.5em;
  }
  .activityModule .transactionItem {
    padding: 0;
  }
  .activityModule .transactionItem .linkedBlock {
    margin: 0;
  }
  .activityModule .transactionItem .linkedBlock .col-xs-1 {
    padding: 0;
  }
  .activityModule .transactionRow .transactionDescription {
    padding-top: 0.6em;
  }
  .activityModule .dateParts {
    padding-top: 1em;
    padding-left: 1em;
  }
  .activityModule .dateParts .dateDay {
    min-width: inherit;
  }
  .activityModule.none {
    padding: 1.25em 1.5em 0;
  }
  .activityModule.none .moduleHeader {
    padding: 0 0 0.5em;
  }
  .transactionRow .dropdown-toggle,
  .installmentRow .dropdown-toggle {
    margin-right: 0.5em;
  }
  .transactionRow .transactionAmount,
  .installmentRow .transactionAmount {
    margin-top: 0;
    padding-top: 0.3em;
  }
  .transactionRow .transactionAmount.primaryCurrency,
  .installmentRow .transactionAmount.primaryCurrency {
    margin-top: 0.3em;
    padding-top: 0;
    height: 85%;
  }
  .transactionRow .transactionAmount.currencyConversion,
  .installmentRow .transactionAmount.currencyConversion {
    padding-top: 0.7em;
    height: 80%;
  }
  .transactionRow .transactionAmount .merchantCategory,
  .installmentRow .transactionAmount .merchantCategory {
    padding-top: 0.7em;
  }
  .transactionAmount,
  .installmentSummary .balance {
    padding-right: 1.2em;
    right: 0;
  }
  .counterparty {
    font-size: 0.8em;
    font-size: 0.875rem;
    line-height: 1.5em;
  }
  .dateParts,
  .transactionAmount,
  .installmentSummary .balance {
    font-size: 0.6857142857142857em;
    font-size: 0.75rem;
    line-height: 1.75em;
    line-height: 1.5em;
    /* preserve baseline alignment with payment status */
  }
  .transactionDetailsContainer {
    padding-left: 1.5em;
  }
  .transactionDetailsContainer .action,
  .transactionDetailsContainer .action-highlight {
    padding-left: 0;
    background: none !important;
    position: relative;
    z-index: 5;
  }
  .transactionDetailsContainer .action a:first-of-type,
  .transactionDetailsContainer .action-highlight a:first-of-type {
    padding-left: 0;
  }
}
/**
 * @fileOverview Styles that utilize base64 images for non-retina screens
 * @name nonretina-activityModule.less
 * @author tsullivan
 * @tested browsers Chrome, IOS6
 */
.activityModule .isCurrencyConversion {
  height: 11px;
  width: 13px;
  padding-bottom: 1px;
  background-clip: content-box;
  background-image: url(https://www.paypalobjects.com/webstatic/i/sprite/sprite_summary.png);
  background-position: -316px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /**
 * @fileOverview Styles that utilize base64 images for retina screens
 * @name retina-activityModule.less
 * @author tsullivan
 * @tested browsers Chrome, IOS6
 */
  .activityModule .isCurrencyConversion {
    background-image: url(https://www.paypalobjects.com/webstatic/i/sprite/sprite_summary_2x.png);
    background-size: 329px 206px;
  }
}
/**
 * Detailed View styles
 */
.detailedModule .moduleHeader {
  margin-bottom: 0.2em;
}
.detailedTable {
  width: 100%;
}
.detailedTable caption {
  padding: 1.25em 0 0 1.5em;
  background: #ffffff;
  line-height: 0;
  text-align: left;
}
.detailedTable thead th {
  padding: 1em 0.9em;
  font-weight: 500;
  border-top: 1px solid #dddddd;
  color: #2c2e2f;
}
.detailedTable tbody th {
  font-weight: normal;
}
.detailedView.hasSpinner:before {
  width: 24px;
  height: 24px;
  top: 55%;
}
.detailedView.hasSpinner:after {
  position: absolute;
}
.detailedTable tbody:nth-child(odd) tr {
  background-color: #ffffff;
}
.detailedTable tbody:nth-child(even) tr {
  background-color: #f5f7fa;
}
.detailedTable-transactionItem_row,
.detailedTable-transactionItem_actions {
  border-left: 4px solid transparent;
}
.detailedTable-transactionItem:hover .detailedTable-transactionItem_row,
.detailedTable-transactionItem:hover .detailedTable-transactionItem_actions {
  background-color: #eeeeee;
  border-left-color: #009cde;
  cursor: pointer;
}
.detailedTable-transactionColumn_date.detailedTable-transactionColumn_date {
  width: 6.5%;
  white-space: nowrap;
  text-align: left;
  padding-left: 0.563em;
}
.detailedTable-transactionColumn_desc {
  width: 25%;
  text-align: left;
}
.detailedTable-transactionColumn_type {
  width: 20%;
  text-align: left;
}
.detailedTable-transactionColumn_gross,
.detailedTable-transactionColumn_fee,
.detailedTable-transactionColumn_net,
.detailedTable-transactionColumn_balance {
  width: 12%;
  white-space: nowrap;
  text-align: right;
}
.detailedTable-transactionColumn_desc.with-category {
  width: 25%;
  text-align: left;
}
.detailedTable-transactionColumn_category {
  text-align: left;
}
.detailedTable-transactionColumn_gross.with-category,
.detailedTable-transactionColumn_fee.with-category,
.detailedTable-transactionColumn_net.with-category,
.detailedTable-transactionColumn_balance.with-category {
  width: 11%;
  white-space: nowrap;
  text-align: right;
}
.detailedTable-transactionColumn_desc a {
  color: #2c2e2f;
  text-decoration: none;
  font-weight: 400;
}
.detailedTable-transactionColumn_desc a:focus {
  text-decoration: underline;
}
.detailedTable-transactionColumn_desc a:active {
  text-decoration: none;
}
.detailedTable-transactionColumn_date,
.detailedTable-transactionItem_row td {
  color: #2c2e2f;
  vertical-align: top;
  padding: 0.7em;
}
.detailedTable-transactionItem_row.hasActions th,
.detailedTable-transactionItem_row.hasActions td {
  padding-bottom: 0.2em;
}
.detailedTable-transactionItem_actions td {
  padding: 0 0 0.5em 0.5em;
}
.detailedTable-transactionItem_actions a {
  display: inline-block;
  margin: 0;
  padding: 0 0.82em 0 0.4em;
  border-right: 1px solid #2c2e2f;
  white-space: nowrap;
}
.detailedTable-transactionItem_actions a:first-of-type {
  padding-left: 0.2em;
}
.detailedTable-transactionItem_actions a:last-of-type {
  border-right: none;
}
.detailedTable-transactionItem_actions .icon-small:before {
  font-size: 1.58rem;
}
.detailedTable-transactionItem_details td {
  padding: 0 0 0 2px;
}
.detailedTable-yearTitle th {
  padding-left: 0.7em;
  line-height: 2.66em;
  min-height: 2.66em;
  text-align: left;
}
.activityModule-error .icon-critical-small:before {
  color: #c72b2d;
}
.banner-notification--container + .navbar {
  margin-bottom: 0;
  position: static;
}
.banner-notification--container ~ .contents > .summaryContainer {
  padding-top: 0;
}
.banner-notification--content {
  width: 100%;
  margin: 0 0 9px 0;
  overflow: hidden;
  background-color: #ffd571;
  color: #2c2e2f;
}
.banner-notification--table {
  display: table;
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  padding: 0.72em 2.5em;
}
.banner-notification--table .icon {
  display: table-cell;
  width: 1.5em;
  font-size: 1.5em;
}
.banner-notification--table > p {
  display: table-cell;
  line-height: 1.5em;
}
.goalsModule {
  margin-top: 2em;
  background-color: #ffffff;
  padding: 1.25em 1.5em 1.5em 1.5em;
}
.goalsModule-infoContainer {
  text-align: center;
}
.goalsModule-infoText {
  margin: 0 0 20px;
}
.goalsModule-noGoalsText {
  display: inline-block;
  margin: 0.9em 0 16px;
  color: #2c2e2f;
}
.goalsModule-noMarginsElement {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  margin: 0;
}
.goalsModule-secondaryHelpTextInfoColor {
  color: #6c7378;
}
.goalsModule-table {
  display: table;
  width: 100%;
  height: 0;
  min-height: 5.0em;
  padding-top: 8px;
  margin-bottom: 12px;
  border-bottom: 1px dotted #b7bcbf;
  padding-bottom: 10px;
}
.goalsModule-cell {
  display: table-cell;
}
.goalsModule-cell_icon {
  width: 4.7em;
  position: relative;
  text-align: center;
}
.goalsModule-name {
  font-weight: bolder;
}
.goalsModule-name:hover {
  text-decoration: underline;
}
.goalsModule-cell_icon a:link,
.goalsModule-cell_icon a:visited,
.goalsModule-cell_icon a:hover,
.goalsModule-cell_icon a:active,
.goalsModule-cell_icon a.active {
  text-decoration: none;
}
.goalsModule-autoTransferIcon {
  width: 19px;
  height: 19px;
  display: inline-block;
}
.goalsModule-conciseHeader {
  display: inline-block;
  padding-bottom: 0px;
  border-bottom: none;
  margin-bottom: 26px;
}
.goalsModule-conciseText {
  display: inline-block;
}
.goalsModule-dividerText {
  margin-left: 5px;
  margin-right: 5px;
}
.goalsModule-amountColor {
  color: #000000;
  font-size: 15px;
}
.goalsModule-targetAmountColor {
  color: #6c7378;
  font-size: 15px;
}
.goalsModule-goalLink,
.goalsModule-goalLink:hover {
  text-decoration: none;
}
.goalsModule-floatRightElement {
  float: right;
}
.goalsModule-noBorderElement {
  border-bottom: none;
}
.goalsModule-pausedStatusText {
  color: #6c7378;
  display: inline-block;
}
.goalsModule-statusText {
  position: relative;
  left: 5px;
}
.goalsModule-autoTransferText {
  display: inline;
  position: relative;
  font-size: 11px;
  left: 5px;
  color: #6c7378;
  padding: 4px;
}
.goalsModule-addGoalText {
  font-weight: 500;
}
.goalsModule-piggyIcon {
  width: 60px;
  height: 60px;
  margin: 8px 0 20px;
}
.poolsModule-noPoolsText {
  display: inline-block;
  margin: 0.9em 0 16px;
  color: #2c2e2f;
}
.poolsModule-poolsCountContainer {
  padding: 13px 0 16px;
  width: 100%;
  border-bottom: 1px dotted #b7bcbf;
}
.poolsModule-thumbContainer {
  display: table-cell;
  width: 50px;
  min-width: 50px;
}
.poolsModule-thumb {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  border-radius: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}
.poolsModule-logoIcon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNnB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjAgMCAyNiAxNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJpY29uLzI0L2dyb3VwL2dyb3VwXzI0X2dyZXkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCAtNS4wMDAwMDApIj4gICAgICAgICAgICA8ZyBpZD0iZ3JvdXBfMjRfZ3JleSI+ICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJDb250YWluZXIiIGZpbGw9IiNGRkZGRkYiIG9wYWNpdHk9IjAiIHBvaW50cz0iMCAyNCAyNCAyNCAyNCAwIDAgMCI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNSwxMCBDMTYuNSw4Ljk2NSAxNy4xMjUsNy41IDE5LDcuNSBDMjAuODc1LDcuNSAyMS41LDguOTY1IDIxLjUsMTAgQzIxLjUsMTEuMDM1IDIwLjg3NSwxMy4zMzMgMTksMTMuMzMzIEMxNy4xMjUsMTMuMzMzIDE2LjUsMTEuMDM1IDE2LjUsMTAgWiIgaWQ9IlN0cm9rZS0yIiBzdHJva2U9IiMwMDcwYmEiPjwvcGF0aD4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTE4LjM2NTIsMTcuNSBMMTkuMTg4MiwxNy41IEwxOS4yMTEyLDE3LjUgTDIzLjE5ODIsMTcuNSBDMjMuNDIwMiwxNy41IDIzLjYwMDIsMTcuMzIgMjMuNjAwMiwxNy4wOTkgTDIzLjYwMDIsMTYuNjc1IEMyMy42MDAyLDE2LjA3MSAyMy4yNjEyLDE1LjUyIDIyLjcyNDIsMTUuMjQ1IEwyMC41MDAyLDE0LjA1IEwyMC41MDAyLDEyLjY4IiBpZD0iU3Ryb2tlLTQiIHN0cm9rZT0iIzAwNzBiYSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg+ICAgICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iU3Ryb2tlLTYiIHN0cm9rZT0iIzAwNzBiYSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBwb2ludHM9IjE3LjUgMTIuODIzMiAxNy41IDE0LjA1MDIgMTUuMzkyIDE1LjEzNDIiPjwvcG9seWxpbmU+ICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjYwMDEsMTAgQzcuNjAwMSw4Ljk2NSA2Ljk3NTEsNy41IDUuMTAwMSw3LjUgQzMuMjI1MSw3LjUgMi42MDAxLDguOTY1IDIuNjAwMSwxMCBDMi42MDAxLDExLjAzNSAzLjIyNTEsMTMuMzMzIDUuMTAwMSwxMy4zMzMgQzYuOTc1MSwxMy4zMzMgNy42MDAxLDExLjAzNSA3LjYwMDEsMTAgWiIgaWQ9IlN0cm9rZS04IiBzdHJva2U9IiMwMDcwYmEiPjwvcGF0aD4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTUuNzM0OSwxNy41IEw0LjkxMTksMTcuNSBMNC44ODc5LDE3LjUgTDAuOTAwOSwxNy41IEMwLjY3OTksMTcuNSAwLjQ5OTksMTcuMzIgMC40OTk5LDE3LjA5OSBMMC40OTk5LDE2LjY3NSBDMC40OTk5LDE2LjA3MSAwLjgzODksMTUuNTIgMS4zNzU5LDE1LjI0NSBMMy41OTk5LDE0LjA1IEwzLjU5OTksMTIuNjgiIGlkPSJTdHJva2UtMTAiIHN0cm9rZT0iIzAwNzBiYSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg+ICAgICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iU3Ryb2tlLTEyIiBzdHJva2U9IiMwMDcwYmEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgcG9pbnRzPSI2LjYwMDEgMTIuODIzMiA2LjYwMDEgMTQuMDUwMiA4LjcwNzEgMTUuMTM0MiI+PC9wb2x5bGluZT4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTksOC45NDE0IEM5LDcuNTIxNCA5LjU4OSw1LjUxMjQgMTIsNS41MTI0IEMxNC40MTEsNS41MTI0IDE1LDcuNTIxNCAxNSw4Ljk0MTQgQzE1LDEwLjM2MTQgMTQuNDExLDEzLjUxMjQgMTIsMTMuNTEyNCBDOS41ODksMTMuNTEyNCA5LDEwLjM2MTQgOSw4Ljk0MTQgWiIgaWQ9IlN0cm9rZS0xNCIgc3Ryb2tlPSIjMDA3MGJhIj48L3BhdGg+ICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNCwxMi4yOTk4IEwxNCwxNC40ODE4IEwxNy4xMjYsMTYuMjIwOCBDMTcuOTA4LDE2LjYxODggMTguNCwxNy40MjE4IDE4LjQsMTguMjk5OCBMMTguNCwxOC45MTY4IEMxOC40LDE5LjIzODggMTguMTM5LDE5LjQ5OTggMTcuODE2LDE5LjQ5OTggTDEyLjAxNywxOS40OTk4IEwxMS45ODMsMTkuNDk5OCBMNi4xODMsMTkuNDk5OCBDNS44NjEsMTkuNDk5OCA1LjYsMTkuMjM4OCA1LjYsMTguOTE2OCBMNS42LDE4LjI5OTggQzUuNiwxNy40MjE4IDYuMDkyLDE2LjYxODggNi44NzQsMTYuMjIwOCBMMTAsMTQuNDgxOCBMMTAsMTIuMzQ5OCIgaWQ9IlN0cm9rZS0xNiIgc3Ryb2tlPSIjMDA3MGJhIj48L3BhdGg+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
  background-size: 26px;
}
.poolsModule-poolsInfo {
  padding-left: 12px;
}
.poolsModule-amount {
  margin-top: 2px;
}
.investModule-notInvestingText {
  display: table-cell;
  padding-bottom: 16px;
  color: #2c2e2f;
}
.investModule-contentContainer {
  margin-top: 0.9em;
}
.investModule-thumbContainer {
  display: table-cell;
  width: 50px;
  min-width: 50px;
  padding-right: 12px;
}
.investModule-thumb {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  border-radius: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}
.investModule-logoIcon {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMTggMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3ICg0NTM5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRW50cnktcG9pbnRzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQWNvcm5zLWFjdGl2aXR5LWFjdGl2ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgxLjAwMDAwMCwgLTEwOTUuMDAwMDAwKSIgc3Ryb2tlPSIjNzRDOTQ3IiBzdHJva2Utd2lkdGg9IjAuNzUiPgogICAgICAgICAgICA8ZyBpZD0iR29hbHMtLS1FbXB0eS1Db3B5LTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4LjAwMDAwMCwgMTA0Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJhY29ybnMtaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQuMDAwMDAwLCA0Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuMDAwMDAwLCA3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuMzU4MDAzLDkuNDgwNjMzMDUgQzE2Ljc0NDgyMjcsOS40MjQ3MTIxNyAxNi44OTI2NjM5LDcuOTQwMzE3NzUgMTYuMjM5NjQ3Myw2LjU1MDA5Nzc0IEMxNS4zMDQ1NDM5LDQuNTU5MzM3MTQgMTMuMTc3MTk4NSwzLjE2MDY2Nzk5IDkuODQwODY1MzUsMi44NzI4MjM1MyBMOS42MDU3NTgzMiwyLjg1MjUzOTUxIEw5LjUyMjMyMTYzLDIuNjMxODAxOTMgQzkuNDg5MTgwOTksMi41NDQxMjYwNyA5LjQ1Mjg1NzA2LDIuNDU3MDEzODggOS40MTQ1NDkwMSwyLjM3MjQzMDg0IEM5LjMzMzI3OTAxLDIuMTk3NTIzNjUgOS4yNDcyMzk5MSwyLjAzMzk3Mjg0IDkuMTUwOTc5MzMsMS44NzEwMDA4NiBDOC45NTM5MDQ5MywxLjUzODMwMDY1IDguNzM1MTM5ODEsMS4yNTMxNDAzMiA4LjQ5OTUyMjQ3LDEuMDIwOTczMDggQzguMzA1ODYyNzYsMC44Mjc5NzQzMjEgOC4wOTY1MzczLDAuNjczMTM3ODExIDcuODg3MjgwNTgsMC41NjU2OTYyNTYgQzcuOTc5ODkxOTQsMC44NDY3MTc0NjUgOC4wMjAzNzIyOCwxLjE0NDc5MDI1IDguMDExMjQwMzgsMS40NzA0NTk2IEM4LjAwMjc4MDM3LDEuNzQ4NTgyMzUgNy45NTYwMzUyOCwyLjA0MDcwNjA1IDcuODcwNDUyODYsMi4zNTA4ODc2IEM3Ljc5OTg2MzQ1LDIuNTgyMTgwNTcgNy43MjA5MzkwNSwyLjY4Mzc1OTIgNy41MzE5MDc3NiwyLjc3MTI3MzY4IEw3LjQwMTMxMjc5LDIuODA1MDAzODMgQzMuOTgyNzYwMjYsMy4wNTEzMzMyOSAxLjgwMTc4MjE3LDQuNDUzNzM5MjQgMC44Mzc1ODc1OSw2LjQ4MTUwNTQzIEMwLjE1OTE5MTg3Myw3LjkwODIxNzM0IDAuMzExODQ0MDQ0LDkuNDUxODk5OCAwLjY4MzIyNjY2LDkuNDgyMDUyOTUgTDE2LjM1ODAwMyw5LjQ4MDYzMzA1IFoiIGlkPSJTdHJva2UtMyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUuNjcyOTQ0OCwxMS42NTM3MjIzIEwxLjM3MjMzMjcsMTEuNjUzNzIyMyBDMS4zNzIyMTkzNiwxMS42NTQ5NDc4IDEuMzcyMTA1OTcsMTEuNjU2MTc2MiAxLjM3MTk5MjU2LDExLjY1NzQwNzYgQzEuMjUyNjM4NjEsMTIuOTUzMzQ4IDEuMzY5MzcwMzEsMTQuNDM0MTMzNyAxLjkwMDYxODM4LDE1LjgyNzM4MjggQzIuNzUzNzM4NzgsMTguMDY0NzcyOSA0LjUxNjI0OTg2LDE5LjU4NTE1NDYgNy40NjEzNTg5OSwyMC4wODk5NDcgTDcuNjQxMTQ4OTksMjAuMTc0MDYyMiBDNy43NTMxMDM3OCwyMC4yNjk0MDgzIDcuODE0NzYzODUsMjAuMzI5MzkyNyA4LjA5NTc5MzgsMjAuNjA5NjE0NiBDOC4xMTE4NDk5NSwyMC42MjU2MjAxIDguMTExODQ5OTUsMjAuNjI1NjIwMSA4LjEyNzg1NDc4LDIwLjY0MTU0OSBDOC4zNjEwNjA3NiwyMC44NzM1MzA4IDguNTcxODMwNjgsMjEuMDQ5MTUyIDguNTI5MDQ1NTEsMjEuMDQ5ODczMyBDOC40NzU3MDEzOSwyMS4wNDkxNDU4IDguNjg2NTc5NTQsMjAuODczMzI4MiA4LjkxOTEzOTM0LDIwLjY0MTg2MDkgQzguOTM1MjUxODQsMjAuNjI1ODE1NyA4LjkzNTI1MTg0LDIwLjYyNTgxNTcgOC45NTE0MTYxNiwyMC42MDk2OTMgQzkuMjMzMDA0ODMsMjAuMzI4NzQ3NyA5LjI5Mzg0NjYyLDIwLjI2OTUxMDggOS40MDU1NzQyOCwyMC4xNzQyMjczIEw5LjU3ODIyNTE3LDIwLjA5MTI3OSBDMTIuNDcyMjgsMTkuNTM1ODE5NyAxNC4yMjYxOTExLDE4LjAyODY1ODUgMTUuMDk3MTQyMiwxNS44NDgwOTU5IEMxNS42NTgyNDg1LDE0LjQ0MzI3ODUgMTUuNzg4MjE3NCwxMi45NTI1MDMgMTUuNjcyOTQ0OCwxMS42NTM3MjIzIFoiIGlkPSJTdHJva2UtNSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  background-size: 26px;
}
.investModule-accountText {
  margin-top: 2px;
}
.progressArc-container {
  position: absolute;
  display: block;
  top: 0px;
}
.smallGoals-image_withTarget {
  border-radius: 50%;
  position: relative;
  width: 36px;
  height: 36px;
  top: 0px;
  left: 0px;
}
.smallGoals-image_withoutTarget {
  border-radius: 50%;
  position: relative;
  width: 50px;
  height: 50px;
  top: 0px;
  left: 0px;
}
.bigGoals-image_withTarget {
  border-radius: 50%;
  position: relative;
  width: 72px;
  height: 72px;
  top: 0px;
  left: 0px;
}
.bigGoals-image_withoutTarget {
  border-radius: 50%;
  position: relative;
  width: 100px;
  height: 100px;
  top: 0px;
  left: 0px;
}
.smallGoals-icon_withTargetContainer {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  top: 7px;
  left: 7px;
  -moz-box-shadow: 0px 1px 1px #cccccc;
  -webkit-box-shadow: 0px 1px 1px #cccccc;
  box-shadow: 0px 1px 1px #cccccc;
}
.smallGoals-icon_withoutTargetContainer {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  top: 0px;
  left: 0px;
  -moz-box-shadow: 0px 1px 1px #cccccc;
  -webkit-box-shadow: 0px 1px 1px #cccccc;
  box-shadow: 0px 1px 1px #cccccc;
}
.bigGoals-icon_withTargetContainer {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  top: 14px;
  left: 14px;
  -moz-box-shadow: 0px 2px 2px #cccccc;
  -webkit-box-shadow: 0px 2px 2px #cccccc;
  box-shadow: 0px 2px 2px #cccccc;
}
.bigGoals-icon_withoutTargetContainer {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  top: 0px;
  left: 0px;
  -moz-box-shadow: 0px 2px 2px #cccccc;
  -webkit-box-shadow: 0px 2px 2px #cccccc;
  box-shadow: 0px 2px 2px #cccccc;
}
.smallPiggy-icon_withTarget {
  width: 23px;
  height: 23px;
  position: relative;
  top: 4px;
  left: -1px;
}
.smallPiggy-icon_withoutTarget {
  width: 33px;
  height: 33px;
  position: relative;
  top: 8px;
  left: -1px;
}
.bigPiggy-icon_withTarget {
  width: 34px;
  height: 34px;
  position: relative;
  top: 18px;
  left: -2px;
}
.bigPiggy-icon_withoutTarget {
  width: 44px;
  height: 44px;
  position: relative;
  top: 26px;
  left: -2px;
}
.bigCamera-icon_withTarget {
  width: 72px;
  height: 72px;
}
.bigCamera-icon_withoutTarget {
  width: 100px;
  height: 100px;
}
.goalPercent-text {
  position: absolute;
  top: 75px;
  left: 37px;
}
.bigGoals-icon_withTargetContainer:hover {
  box-shadow: none;
}
.bigGoals-icon_withTargetContainer:hover {
  box-shadow: none;
}
.bigGoals-icon_withTargetContainer:hover .goals-piggyIcon,
.bigGoals-icon_withTargetContainer:active .goals-piggyIcon,
.bigGoals-icon_withTargetContainer:hover .goals-piggyIcon,
.bigGoals-icon_withTargetContainer:active .goals-piggyIcon,
.bigGoals-icon_withTargetContainer:hover .bigGoals-image_withTarget,
.bigGoals-icon_withTargetContainer:active .bigGoals-image_withTarget,
.bigGoals-icon_withTargetContainer:hover .bigGoals-image_withoutTarget,
.bigGoals-icon_withTargetContainer:active .bigGoals-image_withoutTarget {
  display: none;
}
.bigGoals-icon_withTargetContainer .goals-cameraIcon,
.bigGoals-icon_withTargetContainer .goals-cameraIcon {
  display: none;
}
.bigGoals-icon_withTargetContainer:hover .goals-cameraIcon,
.bigGoals-icon_withTargetContainer:active .goals-cameraIcon,
.bigGoals-icon_withTargetContainer:hover .goals-cameraIcon,
.bigGoals-icon_withTargetContainer:active .goals-cameraIcon {
  display: block;
  cursor: pointer;
}
/**
 * @fileOverview Styles for the PPWC Module (summary page)
 * @name ppwcModule
 * Coresponding Dust files are in public/templates/_widgets/ppwcModule
 */
.ppwcModule-container {
  margin-bottom: 8px;
  line-height: 1;
}
.ppwcModule-balanceAmount,
.ppwcModule-balanceLabel {
  line-height: 1;
  display: inline-block;
}
/* walletModule and activityModule extensions, keeps the widget code reusable */
.walletModule {
  margin-top: 2em;
}
.balanceModule,
.creditProductModule {
  padding-bottom: 0;
}
.balanceModule .disclaimer,
.creditProductModule .disclaimer {
  text-indent: -9px;
  margin-top: 10px;
}
.limits-msg_warning,
.txnDelayMessage,
.xoom-transactionHistoryMsg_info {
  margin: 30px 0 -10px;
  border-color: #0070ba;
  color: #0070ba;
}
.txnDelayMessage_mobile {
  display: none;
}
.activityModule.pending.hasCompleted,
.activityModule.none {
  padding-bottom: 14px;
}
.confirmEmail-header {
  margin: 0 0 10px 0;
}
.confirmEmail-text {
  padding: 0 0 0 5px;
}
.confirmEmail-checkmark {
  color: #299976;
}
/**
 * @fileOverview Responsive Styles for the summary page (home page)
 * @name Responsive Summary
 * Defines actions for hiding, expanding, and reducing elements to change the layout as per screen real estate capabilities
 * @author tsullivan
 * @tested Chrome, Firefox, Safari, IE9
 */
/* engagement module styles */
@media (max-width: 900px) {
  .engagementMainBar .engagementActions {
    display: none;
  }
  .engagementMainBar .progressAndWelcome {
    width: 100%;
  }
  .profileStates .accountCreated {
    display: none;
  }
  .profileStates {
    padding-top: 1.5em;
    padding-bottom: 1em;
  }
  .setupStep-state {
    width: 24.5%;
  }
  .emSlideDownContainer .engagementStatusModule {
    height: auto;
    min-height: 0;
  }
  .emModule .emClose {
    top: 8em;
  }
  .emModule .emClose .icon-close-small {
    top: -5.4em;
  }
  .progressAndWelcome .active:after {
    margin-top: 2.2em;
  }
}
/* tablets ---------- */
@media (max-width: 1024px) {
  .transactionAmount,
  .installmentSummary .balance {
    padding-right: 1em;
  }
}
/* tablets - portrait */
@media (max-width: 768px) {
  .engagementMainBar-container {
    padding: 10px 0;
    margin-bottom: -24px;
  }
  .summarySection {
    /* expand the width, making a center-aligned main container with max width of 620px */
    width: auto;
  }
  .summaryModuleContainer,
  .activityModuleContainer {
    padding: 0;
  }
  .engagementMainBar {
    width: 100%;
  }
  .accountStatusModule,
  .fiModule {
    display: none;
  }
  .txnDelayMessage {
    display: none;
  }
  .txnDelayMessage_mobile {
    display: table;
  }
}
/* between tablet and phone */
@media (max-width: 641px) {
  .contents > section:first-child {
    /* overrides a highly specific selector from _layout/template.less */
    padding-top: 0;
  }
  .accountStatusModule {
    display: none;
  }
}
/* smartphones ----------- */
@media (max-width: 640px) {
  .creditProductModule .creditActions li {
    width: auto;
  }
  .creditProductModule .dividedCellLeft {
    padding-right: 10px;
  }
  .creditProductModule .dividedCellRight {
    padding-left: 10px;
    margin-right: -2px;
    border-left: 1px solid #6c7378;
  }
  .summaryContainer .emModule,
  .summaryContainer .progressMeter,
  .summaryContainer .selectModule:after,
  .summaryContainer .toggleProfileStatus,
  .summaryContainer .emSlideDownContainer,
  .summaryContainer .engagementProfileStatus,
  .summaryContainer .engagementSneakPeek-pullTab {
    display: none;
  }
  .summaryContainer .welcomeMessage {
    display: block;
    max-width: 100%;
    padding: 1.25em 0 1.25em 0.1em;
  }
  .summaryContainer .welcomeMessage p {
    overflow-x: hidden;
    text-overflow: ellipsis;
    line-height: 1.2em;
  }
  .creditProduct.cellDivider {
    padding-left: 0;
    border-left: none;
  }
  .creditProductModule {
    margin: 0;
    padding-top: 1em;
    padding-left: 0;
  }
  .balanceNumeral {
    padding-bottom: 0;
  }
  .balanceActions,
  .creditActions {
    border-top: none;
  }
  .balanceActions {
    padding-bottom: 1em;
  }
}
/* phone portrait */
@media (max-width: 479px) {
  .customerModule {
    padding-left: 1em;
    text-align: left;
  }
  .balanceModule.hasCreditProduct {
    margin-right: 0;
  }
  .dateParts {
    min-width: 100%;
  }
  .footerLink {
    text-align: center;
  }
  .moduleHeader.moduleHeader {
    width: auto;
  }
  .accountStatusModule {
    display: none;
  }
}
/* Styles for addFunds modal */
.addFundsModal .modal-body {
  padding: 0;
}
.addFundsModal .btn {
  width: 100%;
}
.addFundsModal .amount-input::-ms-clear {
  margin-right: 2.2em;
}
.topUpInstructions-registrationOption {
  position: relative;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #f7f9fa;
}
.topUpInstructions-registrationOption .banamex {
  background-position: 0 0;
}
.topUpInstructions-registrationOption .bancomer {
  background-position: 0 -126px;
}
.topUpInstructions-registrationOption .santandar {
  background-position: 0 -252px;
}
.topUpInstructions-registrationOption .hsbc {
  background-position: 0 -378px;
}
.topUpInstructions-registrationOption .banorte {
  background-position: 0 -504px;
}
.topUpInstructions-registrationOption .copy {
  font-size: 13px;
}
.topUpInstructions-subHeader,
.topUpDetails-subHeader {
  font-weight: 600;
}
.topUpDetails-subHeader.topUpDetails-subHeader {
  line-height: 21px;
}
.topUpOption-detailsList {
  list-style: none;
}
.topUpOption-detailsList,
.topUpOption-imgContainer {
  vertical-align: middle;
}
.topUpOption-imgContainer {
  margin: 15px 0 0;
}
.topUpOption-img_register {
  background: url(https://www.paypalobjects.com/webstatic/logo/banks/MX-Register-Instruction-Sprite.png) 0 0;
}
.topUpOption-img_transfer {
  background: url(https://www.paypalobjects.com/webstatic/logo/banks/MX-Transfer-Instruction-Sprite.png) 0 0;
}
.topUpOption-img {
  width: 200px;
  height: 125px;
  margin: 0 auto;
  background-size: 100%;
  background-repeat: no-repeat;
}
.topUpBanks .nativeDropdown.enhanced .selectDropdown select,
.purposeCodeDropDown .nativeDropdown.enhanced .selectDropdown select {
  opacity: 1;
  padding-left: 10px;
}
.goalInfo-container {
  height: 100%;
  text-align: center;
  display: block;
  width: 100%;
  margin: 0 auto;
  min-height: 8em;
}
.goalInfo-iconContainer {
  display: inline-block;
  width: 106px;
  height: 106px;
  position: relative;
}
.goalInfo-circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  top: 0px;
  left: 0px;
  -moz-box-shadow: 0px 2px 2px #cccccc;
  -webkit-box-shadow: 0px 2px 2px #cccccc;
  box-shadow: 0px 2px 2px #cccccc;
}
.goalInfo-piggyIcon {
  width: 44px;
  height: 44px;
  position: relative;
  top: 30px;
  left: -2px;
}
.goalInfo-infoText {
  margin-bottom: 22.5px;
}
.upcomingGoalTransfer-container {
  text-align: left;
  margin-bottom: 30px;
}
.upcomingGoalTransfer-heading {
  font-size: 0.6875rem;
  font-weight: 500;
  padding-bottom: 10px;
  border-bottom: 1px solid #E1E7EB;
  margin-bottom: 10px;
}
.upcomingGoalTransfer-item {
  margin-top: 20px;
}
.upcomingGoalTransfer-startDate {
  font-weight: normal;
  margin: 0 0 10px;
  color: #6c7378;
}
.upcomingGoalTransfer-reloadAmount {
  color: #018065;
  margin: 0;
}
.upcomingGoalTransfer-financialInstrumentName {
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.upcomingGoalTransfer-iconContainer {
  width: 36px;
  height: 36px;
}
.upcomingGoalTransfer-icon {
  width: 36px;
  height: 36px;
  background: url('https://www.paypalobjects.com/ui-web/goals-icons/goal_activity_icons.png') 0px -132px;
  background-size: 36px;
}
.upcomingGoalTransfer-amountAndLinkContainer {
  text-align: right;
}
.automaticTransfer-toText {
  color: #6c7378;
  margin: 0;
  display: inline-block;
}
.automaticTransfer-manageLink {
  display: inline-block;
  margin: 0;
}
.upcomingGoalTransfer-pausedStatusContainer {
  margin: 4px 0 0;
}
.upcomingGoalTransfer-pausedStatus {
  padding: 2px;
  font-weight: bold;
  font-size: 11px;
  color: #D64003;
  border: 1px solid #D64003;
}
.goalActivities-pendingContainer {
  text-align: left;
  margin-bottom: 30px;
}
.goalActivities-completedContainer {
  text-align: left;
  padding-bottom: 20px;
  border-bottom: 1px solid #cbd2d6;
  margin-bottom: 30px;
}
.goalActivities-heading {
  font-size: 0.6875rem;
  font-weight: 500;
  padding-bottom: 10px;
  border-bottom: 1px solid #E1E7EB;
  margin-bottom: 10px;
}
.goalActivities-item {
  margin-top: 20px;
  min-height: 60px;
}
.goalActivities-loadingIcon.hasSpinner:before {
  position: absolute;
  left: auto;
  top: auto;
}
.goalActivities-loadingIcon.hasSpinner:after {
  position: absolute;
  width: 0px;
  height: 0px;
}
.goalActivities-viewAllButton {
  margin-bottom: 10px;
}
.goalActivityItem-createdTime {
  font-weight: normal;
  margin: 0 0 10px;
  color: #6c7378;
}
.goalActivityItem-iconContainer {
  width: 36px;
  height: 36px;
}
.goalActivityItem-transferIcon {
  position: relative;
  top: 5px;
}
.goalActivityItem-autoTransferIcon {
  width: 36px;
  height: 36px;
  background: url('https://www.paypalobjects.com/ui-web/goals-icons/goal_activity_icons.png') 0px -132px;
  background-size: 36px;
}
.goalActivityItem-moveMoneyIcon {
  width: 36px;
  height: 36px;
  background: url('https://www.paypalobjects.com/ui-web/goals-icons/goal_activity_icons.png') 0px -66px;
  background-size: 36px;
}
.goalActivityItem-addMoneyIcon {
  width: 36px;
  height: 36px;
  background: url('https://www.paypalobjects.com/ui-web/goals-icons/goal_activity_icons.png') 0px 0px;
  background-size: 36px;
}
.goalActivityItem-transferText {
  color: #6c7378;
  margin: 2px 0;
  display: inline-block;
}
.goalActivityItem-fundingInstrumentName {
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.goalActivityItem-positiveNumber {
  color: #018065;
}
.goalActivityItem-negativeNumber {
  color: #000000;
}
.goalActivityItem-strikedAmountText {
  text-decoration: line-through;
}
.goalActivityItem-amount {
  margin: 0;
  text-align: right;
}
.goalActivityItem-nonPrimaryCurrencyCode {
  margin: 0;
  text-align: right;
}
.goalActivityItem-statusContainer {
  margin: 0;
}
.goalActivityItem-goalReachedIcon {
  width: 20px;
  height: 20px;
}
.goalActivityItem-goalReachedText {
  position: relative;
  left: 3px;
}
.linkBankWarning {
  text-align: center;
}
.linkBankWarning .icon {
  margin: 40px 0 60px;
  display: block;
  color: #999999;
}
.linkBankWarning p {
  margin: 0 auto 25px;
}
.linkBankWarning ul {
  margin: 0 20px 30px 40px;
  text-align: left;
}
.linkBankWarning .betweenLines,
.linkBankWarning .moneyPak {
  margin: 13px auto;
}
.paypalCash {
  margin: 10px 0;
  text-align: left;
}
.paypalCashLogo {
  background: url("https://www.paypalobjects.com/webstatic/logo/ppCash.png") left no-repeat;
  background-size: 120px;
  padding: 18px 65px;
}
.ppApps {
  margin: 0 auto 25px;
}
.ppAppBadge {
  display: inline-block;
  height: 40px;
  width: 120px;
  background: url(https://www.paypalobjects.com/digitalassets/c/website/marketing/global/kui/organisms/app/appstorebadges_dark_2x.png) no-repeat 0 0;
  background-size: 110px 320px;
}
.ppAppBadgeGoogle {
  background-position: 0 -80px;
}
.balanceActionsInfo {
  min-height: 385px;
}
.balanceActionForm {
  margin: 0;
  position: relative;
}
.balanceActionForm .textInput {
  margin: 0;
  z-index: 2;
}
.balanceActionForm p {
  margin: 1em 0;
}
.balanceActionForm > p:first-child {
  margin-bottom: -5px;
}
.balanceActionForm .textInput.lap {
  margin-bottom: 0;
}
.balanceActionForm .amount {
  position: relative;
}
.balanceActionForm .addBankCurrency {
  position: absolute;
  top: 13px;
  right: 44px;
}
.balanceActionForm .hasError + .addBankCurrency {
  right: 80px;
}
.balanceActionForm .withdrawTime,
.balanceActionForm .withdrawToCheck {
  margin: 20px 0;
}
.balanceActionForm .withdrawalFee {
  margin-top: 0;
}
.balanceActionForm .addToBankText {
  margin-top: -5px;
}
.dynamicFeeSchedule-message.dynamicFeeSchedule-message {
  margin-top: 5px;
}
.reviewInfo.reviewInfo {
  margin-bottom: 2em;
}
.reviewInfo.reviewInfo .change {
  margin-right: 0.5em;
}
.reviewInfo.reviewInfo .accountType {
  text-transform: capitalize;
}
.reviewInfo.reviewInfo dt,
.reviewInfo.reviewInfo dd {
  width: 50%;
  display: inline-block;
}
.reviewInfo.reviewInfo dd {
  text-align: right;
}
.reviewInfo.reviewInfo .conversationText {
  color: #6c7378;
  text-align: right;
  line-height: 0;
  margin-bottom: 20px;
}
.processingTime {
  margin-bottom: 2em;
}
.processingTime-legalText.processingTime-legalText {
  display: block;
  margin: 0.5em 0 0;
}
.balanceActionSuccess {
  width: 80%;
  margin: 0 auto 3em;
  text-align: center;
}
.balanceActionSuccess:before {
  margin: 0 auto;
  position: relative;
}
.balanceActionSuccess .successConvert {
  padding-top: 0;
}
.balanceActionSuccess-message {
  padding-top: 1em;
  display: block;
}
.balanceActionSuccess-checkmark {
  padding: 1em;
  text-align: center;
  color: #299976;
}
.balanceActionSuccess-header,
.balanceActionSuccess-btnContainer {
  text-align: center;
}
/*BalalnceWithdrawOffer feature*/
.withdrawVariant .btn {
  min-width: 45%;
}
.balanceWithdraw .icon-info-small {
  margin-top: 5px;
  float: left;
  color: #9da3a6;
}
.balanceWithdraw p {
  margin: 0 0 0 2.0em;
}
#withdrawalOffer {
  background-color: rgba(0, 0, 0, 0.87);
}
#withdrawalOffer h2,
#withdrawalOffer .btn-block {
  text-align: center;
}
#withdrawalOffer .mainContent {
  width: 50%;
  margin: 0 auto 3em;
}
#withdrawalOffer .mainContent .subHeading {
  margin: 40px 0 6px;
  color: #ffffff;
  font-size: 0.8571428571428572em;
  font-size: 0.9375rem;
  line-height: 1.4em;
}
#withdrawalOffer .mainContent ul {
  margin-left: 0;
  padding-left: 15px;
}
#withdrawalOffer .btn-block {
  margin-top: 60px;
}
#withdrawalOffer .btn-block .btn-secondary {
  margin-top: 10px;
  margin-left: 0;
}
#withdrawalOffer .information {
  text-align: center;
}
#withdrawalOffer .information .icon {
  min-height: 100px;
  margin-top: 38px;
  display: inline-block;
}
#withdrawOfferVariant3 {
  background-color: rgba(0, 0, 0, 0.87);
  text-align: center;
}
#withdrawOfferVariant3 .tooltipContent {
  text-align: center;
}
#withdrawOfferVariant3 .continue-withdrawal {
  margin-left: 15px;
}
#withdrawOfferVariant3 .button-group {
  margin-top: 40px;
}
#withdrawOfferVariant3 .btn-block {
  margin-top: 40px;
}
#withdrawOfferVariant3 .btn-block .btn-secondary {
  margin-top: 15px;
  margin-left: 0;
}
#withdrawOfferVariant3 .btn-block .notification {
  width: 48%;
  margin: 15px auto 0;
  font-size: 0.8em;
  font-size: 0.875rem;
  line-height: 1.5em;
}
#withdrawOfferVariant3 ul li {
  width: 100px;
  margin-right: 10px;
  padding-top: 20px;
  list-style-type: none;
  display: inline-block;
}
#withdrawOfferVariant3 ul li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 0.8em;
  font-size: 0.875rem;
  line-height: 1.5em;
}
#withdrawOfferVariant3 ul li a:hover .icon-small {
  opacity: 1;
}
#withdrawOfferVariant3 ul li a .linkContent:hover,
#withdrawOfferVariant3 ul li a .linkContent:active {
  text-decoration: underline;
}
#withdrawOfferVariant3 ul li .icon-small {
  margin-bottom: 20px;
  display: block;
  color: #0079ad;
  opacity: 0.5;
}
#withdrawOfferVariant3 ul li .icon-small:before {
  font-size: 2em;
  font-size: 2.1875rem;
  line-height: 0.6em;
}
#withdrawOfferVariant3 ul li:first-child {
  width: 130px;
}
#withdrawOfferVariant3 .information .icon {
  min-height: 100px;
  margin-top: 38px;
  display: inline-block;
}
/*End BalanceWithdrawOffer feature */
/* Smartphones ----------- */
@media (max-width: 479px) {
  .reviewInfo dt,
  .reviewInfo dd {
    width: 100%;
    display: block;
  }
  .reviewInfo dd,
  .reviewInfo .conversationText {
    text-align: left;
  }
  .balanceActionSuccess {
    width: 100%;
  }
  .paypalCash {
    margin: 10px 0;
    text-align: center;
  }
  .paypalCashLogo {
    background: url("https://www.paypalobjects.com/webstatic/logo/ppCash.png") center no-repeat;
    background-size: 120px;
    padding: 18px 150px;
    display: block;
  }
}
.moneyPak {
  display: table;
}
.moneyPak a {
  display: table-cell;
}
.moneyPakLogo {
  padding: .06em 0 0 5em;
  background: url('https://www.paypalobjects.com/webstatic/sprite/sprite_logos_wallet_2x.png') no-repeat 0 -982px;
}
@media (max-width: 640px) {
  .linkBankWarning {
    padding: 0 15px;
    margin-bottom: 2em;
  }
  .linkBankWarning p,
  .linkBankWarning ul {
    width: 70%;
  }
  #withdrawalOffer .mainContent {
    width: 85%;
  }
  #withdrawalOffer .btn-block .btn {
    min-width: 100%;
  }
  #withdrawOfferVariant3 .continue-withdrawal {
    margin-left: 0;
  }
}
@media (max-width: 479px) {
  .linkBankWarning p,
  .linkBankWarning ul {
    width: 85%;
  }
  /*BalanceWithdrawOffer feature*/
  .balanceActionForm .btn {
    min-width: 100%;
  }
  .balanceActionForm .btn-secondary {
    margin-top: 20px;
    margin-left: 0;
  }
  #withdrawalOffer .mainContent {
    width: 90%;
  }
  #withdrawalOffer .btn-block .btn {
    min-width: 100%;
  }
  #withdrawOfferVariant3 .btn-block .notification {
    width: 85%;
  }
  /*End BalancewithdrawOffer feature*/
}
/* Retina display */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .moneyPakLogo {
    background: url('https://www.paypalobjects.com/webstatic/sprite/sprite_logos_wallet_2x_v2.png') no-repeat 0 -685px;
    background-size: 25%;
    padding-left: 83px;
    float: left;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 479px), (min-resolution: 192dpi) and (max-width: 479px) {
  .moneyPakLogo {
    background: url('https://www.paypalobjects.com/webstatic/sprite/sprite_logos_wallet_2x_v2.png') no-repeat 0 -610px;
    background-size: 25%;
  }
}
.feeSchedule-amount {
  text-align: right;
}
.withdraw-link_addMargin {
  margin-top: 10px;
}
.review-description.review-description {
  color: #2c2e2f;
}
.pendingTransaction-container {
  text-align: center;
}
.pendingTransaction-icon_attention {
  display: block;
  padding-bottom: 2.5em;
  color: #9da3a6;
}
.cardBrandUpdateFail-icon_attention {
  display: block;
  padding-bottom: 2.5em;
  color: #ff9600;
}
@media (min-width: 768px) {
  .cardAttemptFailed-btn_addSpace {
    margin-left: 0.5em;
  }
}
.proActiveMsg-container_blue {
  position: relative;
  border: 1px solid #f1f8fc;
  background-color: #f1f8fc;
  margin-top: 5px;
  padding: 15px 15px 12px 18px;
  color: #2c2e2f;
  font-size: 0.8125rem;
  line-height: 1.84615385;
}
.proActiveMsg-container_blue:after {
  bottom: 100%;
  left: 8%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(241, 248, 252, 0);
  border-bottom-color: #f1f8fc;
  border-width: 10px;
  margin-left: -10px;
}
.zeroBalAlertIcon {
  margin-bottom: 4em;
  color: #c5c5c5;
}
.zeroBalAlertBtn {
  margin-top: 2em;
  max-width: 24em;
  width: 100%;
}
.zeroBalAlert-header,
.zeroBalAlert-body {
  text-align: center;
}
/* Custom radio button */
.radio {
  padding-left: 22px;
}
.radio.inline {
  margin-right: 28px;
  display: inline;
}
.radio input + label {
  position: relative;
}
.radio input + label:after {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  left: -25px;
  border: 1px solid #9da3a6;
  border-radius: 100%;
}
.radio input:checked + label:before {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  top: 1px;
  left: -22px;
  background-color: #009cde;
  border-radius: 100%;
}
.radio input:hover + label:after {
  border-color: #009cde;
}
@media (max-width: 479px) {
  .radio.inline {
    display: block;
  }
}
/* CIP flow */
.cip .name,
.cip .confirmedTaxId {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #d4d4d4;
}
.cip .name label,
.cip .confirmedTaxId label {
  font-weight: 600;
}
.cip .fullName {
  text-align: right;
}
.cip .nativeDropdown.lap {
  margin-top: 0;
}
.cip .addressLabel {
  font-weight: 600;
}
.cip .radio {
  height: 36px;
  display: table;
}
.cip .radio label {
  display: table-cell;
  vertical-align: middle;
}
.cip .docField {
  margin-bottom: 1em;
}
.cip .docField > label {
  font-weight: 600;
}
.cip .docNum {
  width: 150px;
  z-index: 1;
}
.cip .docNum.lap {
  margin: 0 0 0 28px;
}
.cip .back {
  position: absolute;
  top: 15px;
  left: 0;
  line-height: 20px;
  vertical-align: top;
  text-decoration: none;
}
.cip .back:before {
  margin-right: 3px;
  font-size: 0.9714285714285714em;
  font-size: 1.0625rem;
  line-height: 1.2352941176470589em;
}
.cip .info {
  padding: 10px 0;
  border-bottom: 1px solid #d4d4d4;
  font-size: 0.9142857142857143em;
  font-size: 1rem;
  line-height: 1.875em;
}
.cip .info label {
  font-weight: 500;
  color: #333333;
  font-size: 0.9142857142857143em;
  font-size: 1rem;
  line-height: 1.875em;
}
.cip .address {
  margin: 5px 0 6px;
  line-height: 20px;
  text-align: right;
}
.cip .cipReview,
.cip .cipSubmit {
  margin-top: 20px;
}
.cipFailure {
  text-align: center;
}
.cipFailure .icon-info-large,
.cipFailure .icon-attention-large,
.cipFailure .icon-critical-large {
  margin: 40px 0 60px;
  display: block;
}
.cipFailure .icon-info-large {
  color: #999999;
}
.cipFailure .icon-attention-large {
  color: #f79723;
}
.cipFailure .icon-critical-large {
  color: #c72e2e;
}
.cipFailure .resolutionCenter {
  display: block;
}
.cipFailure .btn {
  margin-top: 10px;
}
@media (max-width: 640px) {
  .cip .back {
    left: 15px;
  }
}
.accountStatusModule {
  padding: 2em 1em 2em 1.5em;
}
.accountStatusModule ul {
  margin: 0;
}
.accountStatusModule ul li {
  margin: 0;
  margin-bottom: 0.5em;
  list-style-type: none;
}
.accountStatusModule .icon-action-arrow-half-small:before {
  color: #ff9600;
}
.zeroDataState-container {
  margin: 2em auto 0;
  padding: 40px 0 1px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}
.zeroDataState-container-title {
  margin: 40px auto;
  padding: 0 40px;
}
.zeroDataState-container-linkText {
  font-size: 13px;
  padding-bottom: 1.25rem;
}
.zeroDataState-container-dropDownTitle {
  height: 14px;
}
.zeroDataState-container-dropDown {
  width: 310px;
  margin: 0 auto 10px;
}
.zeroDataState-container-dropDown_blueArrow:before {
  color: #0070ba;
}
.zeroDataState-button {
  min-width: 9rem;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .zeroDataState-container {
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
  .zeroDataState-container-linkText {
    margin-top: .5rem;
    margin-bottom: 1rem;
  }
}
.zeroFI-container {
  margin: 18px auto;
  max-width: 1024px;
  background: #ffffff url("https://www.paypalobjects.com/digitalassets/c/consumer/summary/icons/bubbles.png") no-repeat center top;
  padding: 70px 0 25px;
  -moz-box-shadow: 0 2px 2px #ccc;
  -webkit-box-shadow: 0 2px 2px #ccc;
  box-shadow: 0 2px 2px #ccc;
  border-radius: 6px;
}
.zeroFI-container_expiredCard {
  padding-top: 1px;
  background: #ffffff;
}
.zeroFI-container_inActives {
  margin-top: 2em;
}
.zeroFIState-welcomeMessage {
  margin-bottom: 1px;
  font-weight: 300;
  color: #2c2e2f;
}
.zeroFI-title {
  color: #6c7378;
  text-align: center;
  padding: 0 1.5em 1em;
}
.zeroFIModule-container {
  margin: 15px 0 15px;
}
.zeroFIModule-list {
  margin: 0;
}
.zeroFIModule-list-item {
  border-right: 1px solid #cbd2d6;
  display: table-cell;
  padding: 0 1.5rem;
  color: #6c7378;
}
.zeroFIModule-list-item:last-of-type {
  border-right: 0;
}
.zeroFI-list-item_iconContainer {
  display: block;
  height: 72px;
  line-height: 72px;
  text-align: center;
}
.zeroFIModule-list-item_description {
  text-align: center;
}
.zeroFIState-primaryCta {
  margin: 20px 0 5px;
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}
.zeroFI-video-link {
  display: inline-block;
}
.zeroFI-video-description {
  display: inline-block;
  margin-right: 5px;
}
.featherlight-content {
  min-height: 420px;
  min-width: 720px;
}
@media (max-width: 479px) {
  .zeroFI-container {
    background: #ffffff url("https://www.paypalobjects.com/digitalassets/c/consumer/summary/icons/bubbles_mWeb.png") no-repeat center top;
  }
  .zeroFI-list-item_iconContainer {
    display: block;
    height: 84px;
    line-height: 84px;
    text-align: center;
  }
}
.liftWithdrawLimits-container {
  width: 90%;
  margin: 0 auto;
  min-height: 8em;
}
.liftWithdrawLimits-container_headerIcon {
  display: block;
}
.liftWithdrawLimits-container_info {
  margin-bottom: 22.5px;
}
.liftWithdrawLimits-container_stepsList {
  list-style-type: none;
  display: table;
  width: 100%;
  margin: 0 0 20px;
}
.liftWithdrawLimits-container_step {
  line-height: 44px;
  display: table-row;
  font-weight: 600;
  color: #0070ba;
}
.liftWithdrawLimits-container_stepLink {
  display: table-cell;
}
.liftWithdrawLimits-container_stepIcon {
  display: table-cell;
  text-align: center;
}
.liftWithdrawLimits-container_stepIcon-completed {
  font-weight: normal;
  color: #299976;
}
/**
 * @fileOverview Styles for the transaction detail inline
 * @name Transaction
 * @author tsullivan
 */
.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;
}
/**
 * @fileOverview Shared styles for the transaction detail and summary installment detail
 * @name sharedPanel
 * @author tsullivan hkori
 */
.highlightTransactionRow,
.highlightTransactionPanel,
.highlightInstallmentRow,
.highlightInstallmentPanel {
  border-left: 4px solid #009cde;
  margin-left: -4px;
}
.highlightTransactionPanel,
.highlightInstallmentPanel {
  background-color: #ffffff;
  border-left-color: #50c7f9;
  border-top: 1px solid #cbd2d6;
  border-right: 1px solid #cbd2d6;
  border-bottom: 1px solid #cbd2d6;
  /* animation helper for cool slide-down of the transaction details panel */
}
.highlightTransactionPanel.panel-transition,
.highlightInstallmentPanel.panel-transition {
  -moz-transition: height 0.5s ease;
  -ms-transition: height 0.5s ease;
  -webkit-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease;
  overflow: hidden;
}
.inlineTransactionDetails .icon-close-small.colorDefault,
.installmentPanel-container .icon-close-small.colorDefault {
  color: #2c2e2f;
}
.inlineTransactionDetails .closeIcon-container,
.installmentPanel-container .closeIcon-container {
  float: right;
  margin-right: 1.4em;
  width: 1.5em;
}
.inlineTransactionDetails .closeIcon-container a:hover,
.installmentPanel-container .closeIcon-container a:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  .inlineTransactionDetails .closeIcon-container,
  .installmentPanel-container .closeIcon-container {
    margin-top: 0.5em;
    margin-right: 0.5em;
  }
}
@media (max-width: 768px) {
  .inlineTransactionDetails,
  .installmentPanel-container {
    padding: 1em;
  }
}
.fullpageTransactionDetails,
.inlineTransactionDetails {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
.fullpageTransactionDetails .col-sm-offset-1,
.inlineTransactionDetails .col-sm-offset-1 {
  margin-left: 9%;
}
.fullpageTransactionDetails .col-sm-5,
.inlineTransactionDetails .col-sm-5 {
  width: 41%;
}
.fullpageTransactionDetails.fullpageError,
.inlineTransactionDetails.fullpageError {
  max-width: none;
}
.fullpageTransactionDetails dl,
.inlineTransactionDetails dl {
  margin-top: 0;
  margin-bottom: 15px;
}
.fullpageTransactionDetails dt,
.inlineTransactionDetails dt {
  font-weight: 500;
}
.fullpageTransactionDetails dd,
.inlineTransactionDetails dd {
  word-wrap: break-word;
  margin-left: 0;
}
.fullpageTransactionDetails footer,
.inlineTransactionDetails footer {
  padding-top: 1.5em;
  padding-bottom: 4.5em;
  border-top: 1px solid #eeeeee;
}
.fullpageTransactionDetails footer dl,
.inlineTransactionDetails footer dl {
  margin-bottom: 0;
}
.fullpageTransactionDetails footer ul,
.inlineTransactionDetails footer ul {
  margin-top: 1.4em;
  list-style: none;
}
@media (max-width: 768px) {
  .fullpageTransactionDetails footer,
  .inlineTransactionDetails footer {
    padding-top: 1em;
  }
}
.fullpageTransactionDetails p,
.inlineTransactionDetails p,
.fullpageTransactionDetails .tdStatusInfo,
.inlineTransactionDetails .tdStatusInfo {
  margin-bottom: 25px;
}
.fullpageTransactionDetails .lineBreak,
.inlineTransactionDetails .lineBreak {
  padding-bottom: 1em;
}
.fullpageTransactionDetails .numeral,
.inlineTransactionDetails .numeral {
  /*! @noflip */
  direction: ltr;
  white-space: nowrap;
}
.fullpageTransactionDetails .smallGray,
.inlineTransactionDetails .smallGray {
  color: #2c2e2f;
}
.fullpageTransactionDetails .icon-small,
.inlineTransactionDetails .icon-small {
  color: #cbd2d6;
  background: #ffffff;
}
.fullpageTransactionDetails .small-red,
.inlineTransactionDetails .small-red {
  color: #c72b2d;
  background: #ffffff;
}
.fullpageTransactionDetails .vx_small-text .icon-small:before,
.inlineTransactionDetails .vx_small-text .icon-small:before {
  font-size: 1.4rem;
}
.fullpageTransactionDetails .marginTopContent,
.inlineTransactionDetails .marginTopContent {
  margin-top: 30px;
}
.fullpageTransactionDetails .italic,
.inlineTransactionDetails .italic {
  font-style: italic;
}
.fullpageTransactionDetails {
  padding: 1em;
  background-color: #ffffff;
}
.fullpageTransactionDetails .transactionDate {
  margin-bottom: 0.25em;
  font-weight: bold;
}
.fullpageTransactionDetails .breadcrumb,
.fullpageTransactionDetails .transactionTopLevel {
  padding-top: 1em;
  padding-bottom: 1em;
}
.fullpageTransactionDetails .breadcrumb .icon {
  color: #009cde;
  vertical-align: sub;
}
.fullpageTransactionDetails .transactionTopLevel {
  margin-bottom: 1.5em;
  border-bottom: 1px solid #f5f7fa;
}
.fullpageTransactionDetails a.icon:hover {
  text-decoration: none;
}
.fullpageTransactionDetails .transactionNetAmount {
  float: right;
  position: relative;
  top: -1.25em;
}
.fullpageTransactionDetails .isCurrencyConversion {
  display: inline-block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  height: 11px;
  width: 13px;
  padding-bottom: 1px;
  background-repeat: no-repeat;
  background-clip: content-box;
  background-image: url(https://www.paypalobjects.com/webstatic/i/sprite/sprite_summary.png);
  background-position: -316px 0;
}
.fullpageTransactionDetails .isCanceled {
  text-decoration: line-through;
}
@media (max-width: 768px) {
  .fullpageTransactionDetails .breadcrumb {
    border-bottom: 1px solid #eeeeee;
  }
}
@media print {
  .fullpageTransactionDetails .transactionTopLevel {
    padding-top: 6mm;
    padding-bottom: 7mm;
    border-color: #2c2e2f;
  }
  .fullpageTransactionDetails footer {
    padding-top: 6mm;
    border-color: #2c2e2f;
  }
  .fullpageTransactionDetails .row .halfColForPrint {
    float: left;
    margin-left: 0;
    width: 48.5%;
  }
  .fullpageTransactionDetails .row .thirdOfColForPrint {
    float: left;
    margin-left: 0;
    width: 32.3%;
  }
  .fullpageTransactionDetails .row .fullColForPrint {
    float: none;
    margin-left: 0;
    width: 97%;
  }
}
.inlineTransactionDetails {
  margin-top: 25px;
}
.inlineTransactionDetails .closeIcon-container {
  margin-top: -2px;
}
.inlineTransactionDetails .closeIcon-container:active {
  text-decoration: none;
}
.inlineTransactionDetails-closeIcon {
  display: inline-block;
  padding-top: 4px;
  margin-top: -4px;
  text-decoration: none !important;
}
.tdPurchaseDetails .item {
  margin-bottom: 20px;
}
.tdPurchaseDetails .numeral {
  /*! @noflip */
  text-align: right;
}
.tdPurchaseDetails .primary {
  margin-top: 5px;
  font-weight: 500;
}
.tdPurchaseDetails .purchaseDetailFields {
  padding-top: 1em;
}
.phoneNumberSpace {
  margin-left: 19px;
}
.exchangeRate {
  unicode-bidi: embed;
  direction: rtl;
}
.tdDetailFieldsMain {
  margin-top: 3px;
  padding-top: 0.6em;
  border-top: 1px solid #6c7378;
}
.tdRefundDetails .numeral {
  /*! @noflip */
  text-align: right;
}
.tdRefundDetails .primary {
  margin-top: 5px;
  font-weight: bold;
}
.tdFreeReturnShippingStackedLink {
  margin-top: 4px;
}
.tdResCenterLinks li,
.tdFreeReturnShippingLink li {
  margin-bottom: 10px;
  min-height: 1.4em;
}
.resCenterLinksPad {
  margin-left: 0px;
}
.tdRefundLink .icon,
.tdPrintLink .icon,
.tdResCenterLinks .icon,
.tdFreeReturnShippingLink .icon,
.tdRefundLink .iconifiedText,
.tdPrintLink .iconifiedText,
.tdResCenterLinks .iconifiedText,
.tdFreeReturnShippingLink .iconifiedText,
.tdRefundLink a,
.tdPrintLink a,
.tdResCenterLinks a,
.tdFreeReturnShippingLink a {
  display: inline;
}
.tdRefundLink .icon,
.tdPrintLink .icon,
.tdResCenterLinks .icon,
.tdFreeReturnShippingLink .icon {
  line-height: 0.6em;
}
.tdRefundLink a,
.tdPrintLink a,
.tdResCenterLinks a,
.tdFreeReturnShippingLink a,
.tdRefundLink .iconifiedText,
.tdPrintLink .iconifiedText,
.tdResCenterLinks .iconifiedText,
.tdFreeReturnShippingLink .iconifiedText {
  margin-left: 10px;
}
.tdStatusInfo-icon,
.action_status-info-icon,
.tdStatusInfo-message,
.action_status-info-msg {
  display: table-cell;
}
.tdStatusInfo-icon,
.action_status-info-icon {
  width: 2.8em;
}
.frs_claim-info {
  padding: 0;
}
.frs_claim-info:before {
  padding-right: 5px;
  margin-left: -3px;
}
.tdInlineList {
  margin: 0 0 15px 0;
  padding: 0;
}
.tdInlineList li {
  list-style: none;
  font-size: inherit;
  padding-right: 0.5em;
}
.tdInlineList li:first-child {
  padding-left: 0;
}
.tdInlineList li:after {
  content: '';
  display: inline-block;
  padding-left: 0.5em;
  vertical-align: middle;
  height: 0.9em;
}
.tdInlineList li:last-child:after {
  border: none;
}
.tdInlineList:after {
  content: '';
  display: block;
  clear: left;
}
.tdRequestFRS {
  margin-bottom: 5px;
}
.tdFRSModule {
  margin-bottom: 21px;
}
.tdNoteText {
  word-wrap: break-word;
}
.tdPosReturnPolicy {
  margin-top: 1.5em;
  padding-top: 1.5em;
  border-top: 1px solid #eeeeee;
}
/* Error messages, when transaction could not be loaded */
.tdInlineError .icon-critical-small {
  color: #c72b2d;
}
/* fullScreenDialog customizations, for error scenario */
/* in the smartphone experience, this is a server-side rendered overpanel */
.tdErrorDialog .icon {
  margin-top: 8px;
  font-size: 90px;
}
.tdErrorDialog.notoverpanel {
  margin-top: 80px;
  /* top padding for non-smartphone fullpage */
}
.tdErrorDialog h2 {
  margin-top: 0.7em;
  margin-bottom: 10px;
}
.tdActions .vx_small-text .icon-small:before {
  font-size: 1.4rem;
}
.tdActions .action-content {
  margin-left: -8px;
  margin-top: 0;
  margin-bottom: 20px;
}
.tdActions .action-message_display {
  display: inline;
}
.tdActions .action-notification {
  padding: 10px 15px 5px 44px;
  text-align: left;
  background: url(https://www.paypalobjects.com/images/shared/icon_alert_sprite-2x.png) no-repeat;
  background-size: 20px;
}
.tdActions .action-notification_critical {
  background-position: left 12px top -391px;
}
.tdActions .action-notification_success {
  background-position: left 12px top 11px;
}
.tdActions .add_bank-message {
  padding-left: 45px;
  margin-top: -15px;
}
.tdActions .action-currencyIcon {
  cursor: default;
  display: table-cell;
  width: 42px;
  text-align: center;
  font-weight: bold;
  color: #9da3a6;
  border-radius: 5px 0 0 5px;
  font-family: inherit;
  vertical-align: middle;
}
.tdActions .action-button {
  white-space: nowrap;
  margin-bottom: 5px;
  margin-top: 5px;
  height: 42px;
  min-width: 200px;
}
@media (max-width: 768px) {
  .tdActions .action-button {
    width: 100%;
  }
}
.tdActions .accept-txn_currency {
  color: #0070ba;
  border-color: #0070ba;
}
.tdActions .action-input {
  margin-bottom: 15px;
}
.tdActions .action-separator {
  border: 0;
  height: 1px;
  background: #6c7378;
  margin: 15px 0 20px 0;
}
@media (max-width: 768px) {
  .tdActions .cross-currency-actions .vx_btn + .vx_btn {
    margin-left: 0;
  }
}
.giftIcon {
  color: #0070ba;
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.gift:hover {
  text-decoration: none;
}
.gift .giftTheme-image {
  margin: 15px 0 15px 0;
  display: block;
  width: 80%;
  text-align: center;
  height: 65px;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: none;
  border-radius: 5px;
  color: #ffffff;
  padding: 22px;
  transition: transfrom 200ms ease;
  -webkit-transition: transfrom 200ms ease;
}
.confirmReceiptBtn {
  margin-top: 15px;
}
/* don't show spinner for input type number */
input[type=number] {
  -moz-appearance: textfield;
}
/**
 * @fileOverview Styles for installment activity
 * @name installment
 * @author hkori
 */
/**
 * @fileOverview Common styles for credit plan in credit summary and summary installment
 * @name paypalCredit
 * Coresponding Dust files are in public/templates/credit/creditPlanLayout
 * @author hkori
 */
.paymentPlansDescWrapper {
  min-height: 0;
  overflow: hidden;
  padding: 0;
}
.paymentPlansDescWrapper .paymentPlansDesc .planSummary {
  padding-top: 20px;
  margin-left: 1%;
}
.paymentPlan-paragraph {
  margin-bottom: 0;
  margin-top: 0;
}
.creditPromotion-link {
  color: inherit;
}
.creditPromotion-link:focus {
  text-decoration: none;
}
.creditPromotion-link:hover {
  color: inherit;
  text-decoration: none;
}
.installmentSummary {
  margin: 0;
}
.creditPlanRow-container {
  cursor: pointer;
}
.isInactive .creditPlanRow-container {
  cursor: default;
}
.creditPlan {
  padding: 0 0 0.6em 1em;
}
.creditPlanSummary-container {
  position: relative;
}
.installmentDetailItem {
  margin: 1em 0;
  padding-left: 0;
}
.installmentAction-container {
  padding-top: 2em;
}
.installmentAction-list {
  margin: 0;
  list-style: none;
}
.installmentPanelStack {
  padding-left: 50px;
}
.installmentAction-button {
  margin-bottom: 2em;
  padding-left: 60px;
  padding-right: 60px;
}
.installmentDetail-container {
  padding-bottom: 1.5em;
  border-bottom: 1px solid #6c7378;
}
.installmentPanel-container {
  padding: 38px 0 14px 0;
}
.installmentPanel-container .closeIcon-container {
  margin-top: -1.2em;
}
.installmentDetail-itemLabel {
  color: #6c7378;
  margin-bottom: -3px;
}
.installmentAction-link {
  clear: both;
  margin-bottom: 0.8em;
}
.installmentAction-link .contractDownload-form {
  margin: 0;
}
.installmentAction-link .downloadLink {
  color: #0079ad;
  font-size: inherit;
  background-color: transparent;
  border: none;
  margin-top: -2px;
  text-decoration: none;
}
.installmentAction-link .downloadLink:hover {
  color: #00567a;
}
.installmentAction-link .downloadLink .downloadLabel:hover {
  text-decoration: underline;
}
.installmentAction-link .downloadLink .pdfIcon {
  position: relative;
  top: 3px;
}
@media (min-width: 992px) {
  .installmentDetailItem {
    margin: 0;
  }
  .installmentAction-link {
    float: left;
    clear: none;
  }
  .installmentAction-link.cellDivider {
    border-left: 1px solid #d4d4d4;
    padding-left: 8px;
  }
  .installmentAction-link:first-child,
  .installmentAction-link.cellDivider {
    margin-right: 8px;
  }
}
@media (max-width: 768px) {
  .installmentAction-container {
    padding-top: 1.3em;
  }
  .installmentAction-button {
    width: 100%;
    margin-bottom: 2.3em;
  }
  .installmentPanel-container {
    padding-right: 1.5em;
    padding-top: 3.5em;
  }
  .installmentPanel-container .cellDivider {
    border: none;
    padding-left: 0;
  }
  .installmentPanel-container .closeIcon-container {
    margin-top: -2.1em;
  }
  .installmentDetail-container {
    border-bottom: none;
    padding-bottom: 0;
  }
  .installmentPanelStack {
    padding-left: 1em;
  }
}
@media (max-width: 479px) {
  .creditPlan-subtitle_wide {
    display: none;
  }
  .planMessage {
    margin-left: 3px;
  }
  .installmentPanelStack {
    padding-left: 1.5em;
  }
  .installmentDetail-container,
  .installmentAction-panel {
    padding-top: 0.5em;
  }
}
/* Make payment: One-time & Recurring */
/* commenting out bootstrap/nav since we have hidden the tabs now, will uncomment once we enable the auto payment
@import "_bootstrap/navs";
@import "_bootstrap/navbar";
*/
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #e9f981;
  background: -moz-linear-gradient(center bottom, #f9e181 0%, #f9e181 20%, #e9f981 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #f9e181), color-stop(20%, #f9e181), color-stop(100%, #e9f981));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, #f9e181 0%, #f9e181 20%, #e9f981 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(bottom, #f9e181 0%, #f9e181 20%, #e9f981 100%);
  /* IE10+ */
  background: -o-linear-gradient(bottom, #f9e181 0%, #f9e181 20%, #e9f981 100%);
  /* Opera 11.10+ */
  background: linear-gradient(bottom, #f9e181 0%, #f9e181 20%, #e9f981 100%);
  /* W3C */
  border-color: #0079c1 #00588b #004b77;
  -webkit-box-shadow: 0 1px #4dbeff inset;
  box-shadow: 0 1px #4dbeff inset;
  *background-color: #e9f981;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  color: #ffffff;
  background-color: #e9f981;
  *background-color: #e5f869;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #e1f750;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d5e37c;
  background: -moz-linear-gradient(center bottom, #e3ce7c 0%, #e3ce7c 20%, #d5e37c 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #e3ce7c), color-stop(20%, #e3ce7c), color-stop(100%, #d5e37c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, #e3ce7c 0%, #e3ce7c 20%, #d5e37c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(bottom, #e3ce7c 0%, #e3ce7c 20%, #d5e37c 100%);
  /* IE10+ */
  background: -o-linear-gradient(bottom, #e3ce7c 0%, #e3ce7c 20%, #d5e37c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(bottom, #e3ce7c 0%, #e3ce7c 20%, #d5e37c 100%);
  /* W3C */
  border-color: #0079c1 #00588b #004b77;
  -webkit-box-shadow: 0 1px #4dbeff inset;
  box-shadow: 0 1px #4dbeff inset;
  *background-color: #d5e37c;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  color: #ffffff;
  background-color: #d5e37c;
  *background-color: #cede67;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #c7d952;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #808080;
  background: -moz-linear-gradient(center bottom, #b3b3b3 0%, #b3b3b3 20%, #808080 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #b3b3b3), color-stop(20%, #b3b3b3), color-stop(100%, #808080));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, #b3b3b3 0%, #b3b3b3 20%, #808080 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(bottom, #b3b3b3 0%, #b3b3b3 20%, #808080 100%);
  /* IE10+ */
  background: -o-linear-gradient(bottom, #b3b3b3 0%, #b3b3b3 20%, #808080 100%);
  /* Opera 11.10+ */
  background: linear-gradient(bottom, #b3b3b3 0%, #b3b3b3 20%, #808080 100%);
  /* W3C */
  border-color: #0079c1 #00588b #004b77;
  -webkit-box-shadow: 0 1px #4dbeff inset;
  box-shadow: 0 1px #4dbeff inset;
  *background-color: #808080;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  color: #ffffff;
  background-color: #808080;
  *background-color: #737373;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #062cb3;
  background: -moz-linear-gradient(center bottom, #0666b3 0%, #0666b3 20%, #062cb3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #0666b3), color-stop(20%, #0666b3), color-stop(100%, #062cb3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, #0666b3 0%, #0666b3 20%, #062cb3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(bottom, #0666b3 0%, #0666b3 20%, #062cb3 100%);
  /* IE10+ */
  background: -o-linear-gradient(bottom, #0666b3 0%, #0666b3 20%, #062cb3 100%);
  /* Opera 11.10+ */
  background: linear-gradient(bottom, #0666b3 0%, #0666b3 20%, #062cb3 100%);
  /* W3C */
  border-color: #0079c1 #00588b #004b77;
  -webkit-box-shadow: 0 1px #4dbeff inset;
  box-shadow: 0 1px #4dbeff inset;
  *background-color: #062cb3;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  color: #ffffff;
  background-color: #062cb3;
  *background-color: #05269a;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #042082;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #062cb3;
  background: -moz-linear-gradient(center bottom, #0666b3 0%, #0666b3 20%, #062cb3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #0666b3), color-stop(20%, #0666b3), color-stop(100%, #062cb3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, #0666b3 0%, #0666b3 20%, #062cb3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(bottom, #0666b3 0%, #0666b3 20%, #062cb3 100%);
  /* IE10+ */
  background: -o-linear-gradient(bottom, #0666b3 0%, #0666b3 20%, #062cb3 100%);
  /* Opera 11.10+ */
  background: linear-gradient(bottom, #0666b3 0%, #0666b3 20%, #062cb3 100%);
  /* W3C */
  border-color: #0079c1 #00588b #004b77;
  -webkit-box-shadow: 0 1px #4dbeff inset;
  box-shadow: 0 1px #4dbeff inset;
  *background-color: #062cb3;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  color: #ffffff;
  background-color: #062cb3;
  *background-color: #05269a;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #042082;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
.payment {
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -webkit-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  font-family: "paypal-sans", "HelveticaNeue", "Helvetica Neue", helvetica, Arial, sans-serif;
  color: #333333;
  position: relative;
  padding-bottom: 50px;
}
.payment #amount {
  padding-top: 1px;
  padding-left: 28px;
}
.payment .nav.nav-tabs {
  border-bottom: 0;
}
.payment .line {
  border-top: 1px solid #dddddd;
}
.payment .recurringPayment p.info {
  color: #6c7378;
  font-size: 0.7428571428571429em;
  font-size: 0.8125rem;
}
.payment .recurringPayment .payment_checkmark {
  font-weight: normal;
}
.payment .payByMail {
  display: block;
}
.payment .payByMail_mobileWeb {
  display: none;
}
.payment .payByMail_onlyAdjusted {
  margin-top: 40px;
}
.payment .payByMail-placeholder {
  float: right;
  padding-right: 10px;
}
.payment .paymentOptions {
  list-style-type: none;
  margin: 0;
  padding: 10px 5px 0 5px;
  border: 1px solid #dddddd;
  border-top: 0;
}
.payment .paymentOptions.fixedType {
  border: 0;
  padding: 0;
}
.payment .paymentOptions .payment_checkmark {
  color: #3ea134;
  font-size: 1.68em;
  font-size: 1.58rem;
  font-weight: bold;
}
.payment .paymentOptions .payment_checkmark.mobile {
  display: none;
}
.payment .paymentOptions.modify {
  border-top: 1px solid #dddddd;
}
.payment .paymentOptions li.paymentOption {
  outline: 0;
}
.payment .paymentOptions li.paymentOption label {
  min-height: 35px;
}
.payment .paymentOptions.count4 li.paymentOption {
  width: 24.40%;
}
.payment .paymentOptions.count3 li.paymentOption {
  width: 32.75%;
}
.payment .paymentOptions.count3.recurringPayment .payment_checkmark {
  margin-top: 10px;
}
.payment .paymentOptions.count3.recurringPayment .otherAmount .payment_checkmark {
  margin-top: 25px;
}
.payment .paymentOptions.count2 li {
  width: 49.40%;
}
.payment .paymentOptions.count1 li {
  width: 99.40%;
}
.payment .paymentOptions.count1.fixedType li {
  width: 300px;
}
.payment .paymentOptions .paymentAmount {
  font-size: 1.4em;
  margin-top: 10px;
}
.payment li.paymentOption {
  float: left;
  margin: 0 2px;
  background-color: #f5f5f5;
  text-align: center;
}
.payment li.paymentOption label {
  color: #0666b3;
  line-height: 1.25em;
  font-weight: normal;
}
.payment li.paymentOption label .upper,
.payment li.paymentOption label .lower {
  display: block;
}
.payment li.paymentOption .textInput.hasError label {
  color: #c72e2e;
}
.payment li.paymentOption .textInput.hasError.zeroAmountError .zeroAmountErrorMessage {
  display: inline;
}
.payment li.paymentOption .textInput.hasError:not(.zeroAmountError) .zeroAmountErrorMessage {
  display: none;
}
.payment li.paymentOption .textInput.hasError.outOfBoundsAmountError .outOfBoundsAmountErrorMessage {
  display: inline;
}
.payment li.paymentOption .textInput.hasError:not(.outOfBoundsAmountError) .outOfBoundsAmountErrorMessage {
  display: none;
}
.payment li.paymentOption .textInput label {
  color: #2c2e2f;
  font-weight: bold;
  line-height: 44px;
  text-align: left;
  /* Cancel default label style not to be hidden */
}
.payment li.paymentOption .textInput label.accessAid {
  clip: inherit;
  padding: 0 16px !important;
  width: 100% !important;
}
.payment li.paymentOption .textInput .zeroAmountError {
  display: none;
}
.payment li.paymentOption.hasHover:hover .textInput.hasError label {
  color: #c72e2e;
}
.payment li.paymentOption.selected,
.payment li.paymentOption.hasHover:hover {
  background-color: #e5eede;
}
.payment li.paymentOption.selected label,
.payment li.paymentOption.hasHover:hover label {
  color: #2c2e2f;
  font-weight: bold;
}
.payment li.paymentOption.selected .paymentAmount,
.payment li.paymentOption.hasHover:hover .paymentAmount {
  font-size: 1.6em;
  font-weight: bold;
}
.payment li.paymentOption.selected .highlight,
.payment li.paymentOption.hasHover:hover .highlight {
  background-color: #3ea134;
}
.payment li.paymentOption.selected .payment_checkmark,
.payment li.paymentOption.hasHover:hover .payment_checkmark {
  display: block;
  margin: auto;
  margin-top: 22px;
}
.payment li.paymentOption.selected .payment_checkmark.mobile,
.payment li.paymentOption.hasHover:hover .payment_checkmark.mobile {
  display: none;
}
.payment li.paymentOption.selected.fixedType,
.payment li.paymentOption.hasHover:hover.fixedType {
  background-color: #ffffff;
}
.payment li.paymentOption.hasHover:hover:not(.selected) {
  cursor: pointer;
}
.payment li.paymentOption.hasHover:hover:not(.selected) label {
  cursor: pointer;
}
.payment li.paymentOption.otherAmount.selected .payment_checkmark,
.payment li.paymentOption.otherAmount.hasHover:hover .payment_checkmark {
  position: relative;
  top: -37px;
}
.payment li.paymentOption .payment_checkmark {
  display: none;
}
.payment li.paymentOption.fixedType .icon.icon-tooltip-outline-small {
  display: inline;
  position: relative;
  top: -70px;
  left: 160px;
}
.payment li.paymentOption.fixedType .wrapper {
  margin: 0;
  height: 10px;
}
.payment li.paymentOption.fixedType .fullScreenTooltip {
  display: block;
}
.payment li.paymentOption .wrapper {
  padding: 0;
  height: 109px;
  margin: 20px 10px 0 10px;
}
.payment li.paymentOption .highlight {
  background-color: #ffffff;
  height: 11px;
}
.payment li.paymentOption .fixedType label {
  line-height: 44px;
}
.payment li.otherAmount .paymentAmount {
  position: relative;
  top: -15px;
}
.payment .noPaymentDue,
.payment .onlyAdjustedBalance {
  padding: 20px;
  margin: auto;
  border: 1px solid #dddddd;
  border-top: 0;
}
.payment .noPaymentDue .arrowSprite,
.payment .onlyAdjustedBalance .arrowSprite {
  background: url("https://www.paypalobjects.com/webstatic/i/sprite/sprite_credit_arrows.png") no-repeat;
}
.payment .noPaymentDue .upArrow,
.payment .onlyAdjustedBalance .upArrow {
  width: 80px;
  height: 95px;
  background-position: -22px -4px;
  display: inline;
  margin-left: 0;
  margin-right: 0;
  background-size: 100px;
  position: absolute;
  right: 71px;
  top: 49px;
}
.payment .paymentCalendar {
  z-index: 1060;
  width: 360px;
}
.payment .paymentMethod {
  border: 1px solid #dddddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 12px 15px;
  margin: 0 0 20px 0;
  max-width: 360px;
  height: 46px;
  position: relative;
  top: -10px;
  color: #333333;
  background-color: #ffffff;
  line-height: 20px;
  clear: both;
}
.payment .paymentMethod:hover {
  cursor: pointer;
  border: 1px solid #009cde;
  background-color: #fafdfe;
}
.payment .paymentMethod .paymentSidepanelVertialBar {
  outline: 0;
}
.payment .paymentMethod .paymentMethodLabel {
  position: relative;
}
.payment .paymentMethodError {
  max-width: 360px;
  position: relative;
  top: -73px;
}
.payment .paymentMethodError.hasError:before {
  bottom: -30px;
}
.payment .cal {
  clear: both;
}
.payment .paymentCal-rightCol {
  font-size: 0.6857142857142857em;
  font-size: 0.75rem;
  border-left: 2px solid #eeeeee;
  padding-left: 7px;
  margin-left: 5.9%;
  margin-top: 4px;
  width: 42.42%;
}
.payment .paymentCal-rightCol.recurringPay {
  margin-left: 15px;
}
.payment .paymentCal-rightCol.hasMinPaymentDate {
  margin-top: -7px;
}
.payment .paymentCal-rightCol.hasMinPaymentDate .minPaymentDate {
  font-weight: bold;
  display: block;
}
.payment .paymentInfo {
  border-left: 2px solid #eeeeee;
  border-right: 2px solid #eeeeee;
  padding: 20px;
}
.payment .headline {
  padding: 0 5px 17px 5px;
}
.payment .headline .separator {
  padding: 0 10px;
  color: #cccccc;
}
.payment .headline .iconWrapper {
  display: inline-block;
  width: 2.5em;
  float: left;
}
.payment .headline .icon-lightGray {
  color: #999999;
}
.payment .headline .headlineMessage {
  width: 88%;
  display: inline-block;
}
.payment .headline .icon-arrow-right-half-small {
  font-size: 1.4514285714285715em;
  font-size: 1.5875rem;
  margin-left: 2px;
  color: #0666b3;
  position: relative;
  top: 4px;
}
.payment .recurringPaymentInfo {
  padding: 10px 20px 20px 15px;
  margin-bottom: 15px;
}
.payment .nav {
  margin: 0;
}
.payment .nav li {
  width: 50%;
  text-align: center;
  background-color: #f5f5f5;
}
.payment .nav li.active {
  background-color: #ffffff;
}
.payment .nav li.active a {
  font-weight: bold;
  color: #2c2e2f;
}
.payment .nav li:not(.active) a {
  border-bottom: 1px solid #dddddd;
}
.payment .nav li:not(.active) a:hover {
  background-color: #009cde;
  color: #ffffff;
  font-weight: bold;
}
.payment .nav li a {
  margin: 0;
  padding: 10px;
  font-weight: normal;
  color: #0079c1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.payment .continue {
  min-width: 360px;
  margin-top: 20px;
}
.payment .input-append {
  text-align: left;
}
.payment .input-append .scheduledDate {
  box-shadow: none;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
  width: 348px;
}
.payment .input-append input {
  padding: 0 10px;
  height: 46px;
  border: 1px solid #dddddd;
  color: #333333;
}
.payment .input-append .add-on {
  padding: 25px 5px 15px 5px;
  height: 46px;
  background-color: inherit;
}
.payment .input-append .add-on .icon-calendar {
  font-size: 2em;
  margin-top: -7px;
  float: right;
  color: #999999;
}
.payment .input-append:hover .scheduledDate {
  border-right: none;
}
.payment .input-append:hover input {
  border: 1px solid #009cde;
}
.payment .input-append:hover .add-on {
  border: 1px solid #009cde;
  border-left: none;
}
.payment .payLittleExtra {
  text-align: left;
}
.payment .adjustedBalanceBlock {
  margin-top: 15px;
  margin-bottom: 5px;
}
.payment .adjustedBalanceBlock.onlyAdjustedBalance {
  padding-top: 30px;
}
.payment .adjustedBalance {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f5f5f5;
}
.payment .adjustedBalance .icon {
  position: relative;
  top: 10px;
  display: block;
}
.payment .adjustedBalance .icon-lightGray {
  color: #999999;
}
.payment .adjustedBalance .balance {
  position: relative;
  top: -5px;
  display: block;
  margin-left: 40px;
}
.payment .otherAmountInfo {
  margin: 20px 0 0;
  font-weight: bold;
}
.payment .otherAmountInfo .icon {
  position: relative;
  top: 5px;
  display: block;
}
.payment .otherAmountInfo .balance {
  position: relative;
  top: -5px;
  display: block;
  margin-left: 35px;
}
.payment .sidepanel-header {
  height: 56px;
  padding-left: 10px;
}
.payment .paymentTabWrapper {
  position: relative;
}
.payment .hasError .help-error.open {
  width: auto;
}
.payment-flow .installmentOverpanel-content {
  width: 100%;
}
.payment-flow .installmentOverpanel-content .overpanel-body,
.payment-flow .installmentOverpanel-content .overpanel-header {
  width: 470px;
  margin: 0 auto;
}
.installmentForm .textInput.amount {
  margin-bottom: 5px;
}
.installmentForm .icon-lightGray {
  display: none;
}
.installmentForm .remainingBalance {
  color: #2c2e2f;
  margin-bottom: 30px;
}
.installmentForm .inputFields {
  background-color: #f7f9fa;
  padding: 25px;
}
.installmentForm .inputFields .note.recurringPay {
  margin: 15px 2px 0;
  color: #6c7378;
}
.installmentForm .paymentMethod {
  margin: 0;
  max-width: 98%;
  border-color: #9da3a6;
  top: 0;
}
.installmentForm .btn-primary {
  width: 100%;
}
.installmentForm .paymentMethod_icon {
  color: #9da3a6;
  padding: 9px;
}
.installmentForm .paymentMethodLabel {
  color: #2c2e2f;
}
.installmentForm .paymentMethodPlaceholder {
  margin-left: 8px;
}
.installmentForm .paymentOptions.count1.fixedType {
  position: relative;
  margin-right: 3px;
}
.installmentForm .paymentOptions.count1.fixedType .icon.icon-tooltip-outline-small {
  position: absolute;
  left: inherit;
  right: 0;
  top: 18px;
  margin-top: 0;
}
.installmentForm .paymentOptions.count1.fixedType .otherAmount {
  width: 100%;
  padding-right: 45px;
  background-color: inherit;
}
.installmentForm .continue {
  margin-top: 35px;
}
.installmentForm li.paymentOption.fixedType .wrapper {
  height: auto;
}
.installmentForm .hasError .help-error.open {
  width: auto;
}
/**
 * @fileOverview Payment modal
 * @name Responsive Credit Payment
 */
/*
*	Move this to theoverpanel.less
*/
.theoverpanel {
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -webkit-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  left: 0;
}
.theoverpanel .paymentFI-sidepanel {
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -webkit-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  right: -320px;
}
.theoverpanel.open-side-panel {
  left: -320px;
}
.theoverpanel.open-side-panel .paymentFI-sidepanel {
  right: 0;
}
.overpanelOpen .paymentFI-sidepanel.paymentFI-sidepanel {
  display: block;
}
.fundingSource-container {
  line-height: 1.2em;
}
.fundingSource-list {
  padding: 0;
  margin: 0;
  cursor: default;
}
.fundingSource-row {
  padding: 20px;
  border-bottom: 1px solid #393e40;
  list-style: none;
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  min-height: 80px;
}
.fundingSource_disabled {
  color: #9da3a6;
}
.addBankCard-info_sidepanel {
  font-size: 0.85em;
  display: inline-block;
  color: #9da3a6;
  line-height: 15px;
  margin-top: 5px;
}
.addBankCard-info_sidepanel:hover {
  color: #ffffff;
  font-weight: normal;
}
.fundingSource-icon_head,
.fundingSource-label,
.fundingSource-icon_checkmark {
  display: table-cell;
  vertical-align: middle;
}
.fundingSource-icon_head {
  width: 21%;
  padding-right: 20px;
  font-size: 3em;
  position: relative;
  top: -11px;
}
.fundingSource-label {
  font-size: 0.8571428571428572em;
  font-size: 0.9375rem;
  text-decoration: none;
  position: relative;
  word-wrap: break-word;
  line-height: 17px;
  width: 62%;
}
.fundingSource-icon_checkmark {
  position: relative;
  top: -2px;
  width: 17%;
  padding-left: 20px;
  visibility: hidden;
  font-size: 1.8em;
}
.fundingSource-icon {
  text-align: center;
}
.fundingSource-icon_disabled {
  left: 3px;
}
.fundingSource-icon_addbank {
  top: 0;
  position: relative;
  font-size: 2em;
}
.fundingSource-label_col2 {
  width: 79%;
}
.addBankCard-link.hasNote .fundingSource-icon_head,
.addBankCard-link.hasNote .fundingSource-label {
  vertical-align: top;
}
.addBankCard-link.hasNote .fundingSource-label {
  top: 3px;
}
.fundingSource-row_selectable {
  color: #ffffff;
  cursor: pointer;
}
.fundingSource-row_selectable.isSelected,
.fundingSource-row_selectable:hover {
  background-color: #009cde;
  -webkit-box-shadow: inset 7px 0 5px -5px rgba(0, 0, 0, 0.4);
  box-shadow: inset 7px 0 5px -5px rgba(0, 0, 0, 0.4);
}
.fundingSource-row_selectable.isSelected .fundingSource-label,
.fundingSource-row_selectable:hover .fundingSource-label {
  font-weight: bold;
}
.fundingSource-row_selectable.isSelected .fundingSource-icon_checkmark {
  visibility: visible;
}
.payment .bold {
  font-weight: bold;
}
.payment .payNow {
  margin: 0;
}
.payment .payNow a {
  width: 100%;
}
.payment .changeLink {
  text-align: right;
}
.payment .title {
  text-align: left;
  font-weight: normal;
  padding-left: 20px;
}
.payment .amountAnnotation {
  float: right;
  padding-top: 2px;
  text-align: right;
  font-size: 0.9em;
  min-height: 0;
}
.payment .scheduledDate {
  min-height: 0;
}
.payment .userAgreement {
  font-weight: bold;
  padding: 20px 20px 35px;
}
.payment .recurringOtherAmount,
.payment .paidFullBalance {
  padding: 20px 20px 0 10px;
}
.payment .recurringOtherAmount .icon-orange,
.payment .paidFullBalance .icon-orange {
  color: #d7ae0a;
}
.payment .dataRow {
  padding-bottom: 0;
  border-bottom: 1px dotted #d4d4d4;
}
.payment .dataRow .dataLabel,
.payment .dataRow .dataValue {
  position: relative;
  top: 16px;
  width: auto;
  background-color: #f8f8f8;
  min-height: 30px;
}
.payment .dataRow .dataLabel {
  padding-right: 5px;
}
.payment .dataRow .dataValue {
  float: right;
  padding-left: 5px;
  min-height: 10px;
}
.payment .dataRow.autopaySchedule {
  height: 31px;
}
.payment .dataRow.autopaySchedule .dataValue {
  width: 50%;
  text-align: right;
  padding-bottom: 15px;
}
.payment .dataRow.autopaySchedule .dataValue p {
  padding: 0;
  margin: 0;
}
.payment .payPalBalance {
  margin: 25px 10px 20px 0;
  padding: 0 5px 0 18px;
  border-left: 2px solid #dddddd;
}
.payment .changePaymentLink {
  float: left;
  width: 200px;
  position: absolute;
  top: 16px;
  left: 16px;
  text-decoration: none;
}
.payment .changePaymentLink .icon {
  margin-right: 7px;
  font-size: 1.2em;
}
.payment .sidepanel-header .offset2 {
  margin-left: 0;
}
.payment .sidepanel-header .cellDivider {
  height: 56px;
}
.payment h3 {
  font-size: 0.9714285714285714em;
  font-size: 1.0625rem;
  line-height: 1.3529411764705883em;
  font-weight: normal;
  padding-top: 7px;
}
.payment .agreementWrapper {
  min-height: 40px;
}
.sameDayPayment-wrapper {
  margin: 25px 0 0;
  padding: 10px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f8f8f8;
}
.sameDayPayment-icon {
  min-height: 44px;
  float: left;
  padding: 5px 10px 0 0;
  color: #999999;
}
.paymentModalBody {
  padding: 20px 20px 30px 20px;
  background-color: #f8f8f8;
}
.paymentModalBody_installment {
  padding-top: 10px;
}
.confirmPayment {
  margin: 30px auto;
  font-family: "paypal-sans", "HelveticaNeue", "Helvetica Neue", helvetica, Arial, sans-serif;
  text-align: center;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -webkit-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}
.confirmPayment .title {
  margin: 43px 0 0;
  text-align: center;
}
.confirmPayment p {
  margin: 0;
}
.confirmPayment p.confirmMessage {
  padding: 7px 7px 0 7px;
}
.confirmPayment p.effectiveDate {
  padding-top: 7px;
}
.confirmPayment a.gotoPayPalCredit {
  margin-top: 30px;
}
.payment-btn {
  min-width: 50%;
}
.payment-btn_form {
  width: 100%;
}
.paymentPlanOptions {
  position: relative;
}
.paymentPlanOptions:before {
  content: none;
}
.paymentPlanOptions .help-error.open {
  margin-top: 10px;
  z-index: 3;
}
.help-error.errorPaymentOptions.open {
  margin-top: 120px;
}
.paymentMethodError .help-error.open {
  margin: 10px 0 0 0;
  z-index: 3;
}
.installmentForm .paymentMethodError {
  top: -43px;
}
.installmentForm .paymentMethodError .help-error.open {
  margin-left: 2px;
}
.installmentForm .paymentMethodError.hasError:before {
  right: -5px;
}
.installmentForm .paymentMethod {
  margin-left: 2px;
}
/* Addbank flow css changes */
.addBankWrapper .addModal {
  left: 65%;
}
.addBankWrapper .addModal .addBankCard .dismiss {
  margin-left: 265px;
}
.noFI,
.addBankDone,
.pendingAuth {
  margin: 30px auto;
  font-family: "paypal-sans", "HelveticaNeue", "Helvetica Neue", helvetica, Arial, sans-serif;
  max-width: 800px;
  text-align: center;
}
.noFI a,
.addBankDone a,
.pendingAuth a {
  margin: 20px auto;
  width: 300px;
  font-size: 1.1em;
}
.noFI .title,
.addBankDone .title,
.pendingAuth .title {
  margin: 45px auto 20px;
  font-size: 2.15em;
  text-align: center;
}
.noFI .instruction,
.addBankDone .instruction,
.pendingAuth .instruction {
  font-size: 1.1em;
  line-height: 0.7em;
}
.addBankDone .icon-positive-large,
.confirmPayment .icon-positive-large {
  color: #3ea134;
}
.noFI .icon-attention-large,
.pendingAuth .icon-attention-large {
  color: #e7ad02;
}
.noFI .title,
.pendingAuth .title {
  margin-top: 30px;
}
.payingByMailTooltip_modal {
  text-align: left;
}
.payingByMailTooltip_modal .title {
  text-align: left;
}
.payingByMailTooltip-icon_modal.tooltipClose {
  width: auto;
  margin: 0;
}
.icon-lightGray {
  color: #999999;
}
.overpanel-header .title.offset1 {
  padding-left: 20px;
}
.overpanel-header .installment-title {
  margin-bottom: 0.2em;
  color: #2c2e2f;
}
.overpanel-header .changePaymentLink {
  float: left;
  width: 200px;
  position: absolute;
  top: 16px;
  left: 80px;
  text-decoration: none;
  font-size: 0.9375rem;
}
.overpanel-header .changePaymentLink .changeLink-arrow {
  margin-right: 7px;
  font-size: 1.2em;
  position: relative;
  top: 1px;
}
.activityList .currencyCode {
  display: none;
}
.installmentActivitiesOverpanel-header {
  padding-left: 25px;
}
.installmentActivityBalance {
  margin: -13px 0 15px 25px;
}
.installmentReviewOverpanel-content {
  width: 100%;
}
.installmentReviewOverpanel-body {
  width: 696px;
  margin: auto;
}
.installmentReviewOverpanel-header {
  width: 696px;
  margin: auto;
}
.overpanelOpen.payment-flow .footer {
  display: none;
}
.paymentFI-icon {
  margin: 3px 0 0;
  line-height: 1px;
  position: relative;
}
.paymentFI-icon_bank {
  top: -1px;
  left: -5px;
  font-size: 2.1rem;
  color: #2c2e2f;
}
.paymentFI-icon_ppLogo {
  top: 2px;
  left: -5px;
  font-size: 2.4rem;
  color: #2c2e2f;
}
.paymentFI-icon_rightArrow {
  top: 6px;
  /*! @noflip */
  left: 5px;
  /*! @noflip */
  float: right;
  font-size: 1.58rem;
  color: #2c2e2f;
}
.payment-flow.overpanelOpen .theoverpanel {
  position: relative;
}
.payment-flow .overpanel-body {
  height: auto;
}
.payment-flow .overpanel-logo {
  display: none;
}
.payment-flow .overpanel-content {
  max-width: 100%;
  margin: 0 auto;
}
.payment-flow .overpanel-body {
  width: 696px;
  margin: 0 auto 25px auto;
}
.payment-flow .overpanel-header {
  width: 696px;
  margin: 0 auto;
}
.updateBank {
  border: 1px solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 10px 0;
  padding: 10px;
}
.updateBank_info {
  background: #fffcf7;
  border-color: #ffd571;
}
.updateBank_critical {
  background: #fff7f7;
  border-color: #ff6969;
}
.updateBank_summary {
  margin: 40px 22px 10px 0;
  clear: both;
}
.pendingPayment-message {
  display: block;
  margin-left: 40px;
  position: relative;
  top: -20px;
}
.updateBank-message {
  display: block;
  margin-left: 40px;
}
.updateBank-icon_info,
.otherAmountInfo-icon_info {
  color: #ff9600;
}
.updateBank-icon_critical {
  color: #d20000;
}
.updateBank-icon_info,
.updateBank-icon_critical {
  top: 10px;
  display: block;
  position: relative;
}
.updateBank-message_notInTime {
  margin-bottom: 0;
}
.updateBank-message_closeUp {
  margin: 0;
}
.pendingPayment {
  border: 1px solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: -20px 0 25px;
  padding: 10px 10px 0;
  background: #f5f7fa;
  border-color: #cbd2d6;
}
.pendingPayment-icon {
  color: #9da3a6;
}
.vx_h3-FISidePanel {
  margin-left: 30px;
}
/*
*	CSS for Sidepanel
*/
.whiteOverlayMask.open-side-panel {
  left: -320px;
  right: 320px;
}
.whiteOverlayMask {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  background-color: #ffffff;
  opacity: 0;
  z-index: 1049;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
.whiteOverlayMask.isShown {
  opacity: 0.4;
}
.vx_hasOpenSidepanel .vx_foreground-container > .vx_globalNav-toggleTrigger_overlay {
  display: none;
}
/* Toggle buttons */
.toggleBtnGroup {
  text-align: center;
  margin: 0 auto;
}
.toggleBtnGroup > .toggleBtn {
  display: inline-block;
  padding: 0 0.5em;
  margin: 0;
  background: #ffffff;
  color: #9da3a6;
  border: 1px solid #9da3a6;
  text-align: center;
  font-size: 0.8571428571428572em;
  font-size: 0.9375rem;
  line-height: 2.8em;
  font-weight: 600;
  border-radius: 0;
}
.toggleBtnGroup > .toggleBtn:first-of-type {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  border-right: 0;
}
.toggleBtnGroup > .toggleBtn:last-of-type {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  border-left: 0;
}
.toggleBtnGroup .btnCol4 {
  min-width: 33.3%;
}
.toggleBtnGroup .btnCol6 {
  min-width: 50%;
}
.toggleBtnGroup input[type="radio"]:checked + .toggleBtn {
  color: #ffffff;
  background: #9da3a6;
}
.toggleBtnGroup input[type="radio"]:focus + .btn {
  -webkit-box-shadow: 0 0 3px 2px #0666b3;
  box-shadow: 0 0 3px 2px #0666b3;
}
.addModal .modal-body {
  padding: 0 0 100px 0;
}
.addModal .back {
  position: absolute;
  top: 1em;
  left: 4em;
}
.addModal form {
  width: 100%;
  margin: 0;
  position: relative;
  text-align: center;
}
.addModal fieldset {
  margin-bottom: 1em;
  position: relative;
}
.addModal legend {
  text-align: left;
}
.addModal .save {
  width: 40%;
  margin: 0 auto;
}
.addModal .btns {
  margin: 1em auto;
  clear: both;
  text-align: center;
}
.addModal .btns .btn {
  min-width: 40%;
  vertical-align: middle;
}
/**
 * Styles for 8ball "Add Bank" flow
 */
.confirmSkipDDI {
  width: 420px;
}
.addBankCard.GB .viewDDI dl dt {
  text-align: left;
  margin-bottom: 5px;
}
.addBankCard.GB .submitDDI .skipDDILink {
  padding-top: 10px;
}
.addBankCard.GB .bankName {
  font-weight: bold;
}
.addBankCard p {
  margin: 1em 0;
  text-align: left;
}
.btns .confirmCodeNow {
  margin-bottom: 1em;
}
.accountTypeToggle {
  margin-bottom: 1em;
}
.ownerName-label,
.ownerName-disclaimer,
.confirmCode-label {
  display: block;
}
.alert.confirmSkipDDI {
  width: 420px;
}
.alert.deleteAuthorizationConfirm {
  width: 470px;
}
.accountNumbers,
.ibanField {
  margin: 1em 0;
}
.accountNumbers .sideBySideInput .textInput,
.ibanField .sideBySideInput .textInput,
.accountNumbers.sideBySideInput .textInput,
.ibanField.sideBySideInput .textInput {
  width: 49%;
}
.sideBySideInput_nameFields .textInput {
  width: 49%;
}
.accountNumbers_noTopMargin {
  margin-top: 0;
}
.routingNumberLabel,
.accountNumberLabel {
  display: block;
  margin-bottom: 10px;
}
form[name="deleteBank"] {
  margin: 0;
}
.addBank.table {
  width: 100%;
  padding: 1em;
  margin-bottom: 0.5em;
  display: table;
  color: #2c2e2f;
  background-color: #ffffff;
  border-radius: 3px;
}
.addBank.table table {
  width: 100%;
  margin: auto;
  border: 1px solid #333;
  border-collapse: collapse;
}
.addBank.table table.visible-phone {
  margin-top: 1em;
}
.addBank.table th {
  font-weight: normal;
}
.addBank.table th.recipient {
  max-width: 20em;
}
.addBank.table th.recipient > span {
  word-break: break-all;
}
.addBank.table tr {
  border-bottom: 1px solid #9da3a6;
}
.addBank.table thead th {
  padding: 0.5em;
  border-bottom: 1px solid #9da3a6;
  font-weight: bold;
  text-align: left;
}
.addBank.table tbody td {
  padding: 0.5em;
  text-align: left;
}
.addBank.table tbody tr:nth-child(odd) {
  background: #eeeeee;
}
form[name="bankInfo"] {
  text-align: left;
  margin-right: 20px;
}
form[name="bankInfo"] .ppCheckbox {
  margin-top: 1em;
}
form[name="bankInfo"] .dob + .contextualHelp .help {
  padding: 1px 6px;
  font-size: inherit;
}
form[name="bankInfo"] .textInput {
  margin: 0;
  z-index: 1;
}
form[name="bankInfo"] .textInput.focus {
  z-index: 2;
}
form[name="bankInfo"] .textInput.routingNumsThree {
  width: 10%;
  margin-right: 10px;
  min-width: 55px;
}
form[name="bankInfo"] > div[data-toggle-element] {
  clear: both;
}
form[name="bankInfo"] .accountNumbers + .btns {
  margin-top: 6em;
}
form[name="bankInfo"] p {
  margin-top: 0;
}
form[name="bankInfo"] .creditContent {
  margin-top: 10px;
}
form[name="bankInfo"] .name,
form[name="bankInfo"] .input-row {
  margin-bottom: 1em;
  white-space: pre-line;
}
form[name="bankInfo"] .fieldsContainer {
  padding: 1em 0 0;
}
form[name="bankInfo"] .legalName {
  margin: 1.25em 0;
}
form[name="bankInfo"] .legalName-label {
  margin: 0;
  font-weight: bold;
}
form[name="bankInfo"] .dob {
  width: 44%;
}
form[name="bankInfo"] .contextualHelp {
  display: inline-block;
  width: 30px;
  margin-top: 2em;
  z-index: 3;
}
form[name="bankInfo"] .contextualHelp.GB {
  margin-top: 0;
}
form[name="bankInfo"] .contextualHelp.GB .dropdown-menu {
  text-align: left;
}
form[name="bankInfo"] .contextualHelp .dropdown-menu {
  left: auto;
  right: -20px;
  width: 200px;
}
form[name="bankInfo"] .contextualHelp .dropdown-menu:after {
  left: auto;
  right: 0.5em;
}
form[name="bankInfo"] .contextualHelp .dropdown-menu .dropdown-header .btn {
  min-width: 44px;
  float: right;
  clear: none;
}
form[name="bankInfo"] .bankCountry,
form[name="bankInfo"] .accountType {
  margin: 0 0 20px;
}
form[name="bankInfo"] .bankCountry .nativeDropdown,
form[name="bankInfo"] .accountType .nativeDropdown {
  margin-top: 0;
}
form[name="bankInfo"] .accountType {
  margin: 0 0 20px;
}
form[name="bankInfo"] .bankCountry-label,
form[name="bankInfo"] .accountType-label,
form[name="bankInfo"] .cpf-label {
  margin-bottom: 8px;
  display: block;
}
form[name="bankInfo"] .bankCountry-label.cpf-display,
form[name="bankInfo"] .accountType-label.cpf-display,
form[name="bankInfo"] .cpf-label.cpf-display {
  display: inline-block;
  width: 19%;
}
form[name="bankInfo"] .cpf-info {
  margin-bottom: 0;
}
form[name="bankInfo"] .cpf-helper {
  color: #7e7e7e;
}
form[name="bankInfo"] .bankCountry-link {
  color: #0070ba;
}
form[name="bankInfo"] .bankCountry-link:hover,
form[name="bankInfo"] .bankCountry-link:focus {
  text-decoration: underline;
}
form[name="bankInfo"] .accountNumbers {
  position: relative;
}
form[name="bankInfo"] .bankNameLabel {
  clear: both;
}
form[name="bankInfo"] .continue {
  width: 60%;
  margin: 1.25em auto 0;
  display: block;
}
/**
 * Styles for check images for US & CA
 */
.checkWrapper {
  overflow: hidden;
}
.check {
  width: 500px;
  height: 10.5em;
  margin: 0.6em auto;
  display: block;
  position: relative;
  background: url("https://www.paypalobjects.com/webstatic/scr/scr_check_453x138.png") no-repeat center bottom;
  -webkit-background-size: 101% 100%;
  -moz-background-size: 101% 100%;
  -o-background-size: 101% 100%;
  background-size: 101% 100%;
  -moz-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
.check.CA {
  background-image: url("https://www.paypalobjects.com/webstatic/scr/scr_check_453x138_CA.png");
}
.check.CA.savings {
  background-image: url("https://www.paypalobjects.com/webstatic/scr/scr_check_453x138_CA.png");
}
.check.CA.onroutingNum:before {
  content: "";
  width: 17%;
  height: 20%;
  border: 4px solid #0079c1;
  position: absolute;
  bottom: 10%;
  /* @noflip */
  left: 14%;
}
.check.CA.onroutingNum2:before {
  content: "";
  width: 13%;
  height: 20%;
  border: 4px solid #0079c1;
  position: absolute;
  bottom: 10%;
  /* @noflip */
  left: 32%;
}
.check.CA.onaccountNum:before {
  left: 44.5%;
}
.check.savings {
  background: url("https://www.paypalobjects.com/webstatic/scr/scr_deposit_slip_453x138.png") no-repeat center bottom;
  -webkit-background-size: 101% 100%;
  -moz-background-size: 101% 100%;
  -o-background-size: 101% 100%;
  background-size: 101% 100%;
}
.check.onaccountNum:before,
.check.onroutingNum:before {
  content: "";
  width: 26.5%;
  height: 18%;
  border: 4px solid #0079c1;
  position: absolute;
  bottom: 10%;
}
.check.onroutingNum:before {
  /* @noflip */
  left: 2%;
}
.check.onaccountNum:before {
  /* @noflip */
  left: 29.5%;
}
.accountFields {
  margin: 0;
}
.routingRow {
  width: 100%;
  margin: 0;
  display: table;
}
@media (min-width: 480px) and (max-width: 640px) {
  .check {
    height: 8em;
    width: 400px;
  }
}
@media (max-width: 479px) {
  .check {
    height: 8em;
    width: 290px;
  }
  form[name="bankInfo"] {
    margin-left: 0;
  }
}
.noBankMsg {
  margin-bottom: 1em;
  padding: 0.5em 0.5em 0.4em 3.5em;
  border: 2px solid #0666b3;
  position: relative;
  font-size: 0.8em;
  font-size: 0.875rem;
  line-height: 1.4285714285714286em;
}
.noBankMsg:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  left: 14px;
  top: 5px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxODMzNDY0Mjc2MkUxMUUzOUFFNkZGRTgyRTc2RTdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxODMzNDY0Mzc2MkUxMUUzOUFFNkZGRTgyRTc2RTdDMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE4MzM0NjQwNzYyRTExRTM5QUU2RkZFODJFNzZFN0MxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE4MzM0NjQxNzYyRTExRTM5QUU2RkZFODJFNzZFN0MxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GIEQ6wAAAa9JREFUeNqUlT1LA0EQhi8hRoIi+IGVELBQsbERsTCFaONHY6eFgvgfLDSCmLT6B0TSWAT87ARbLUUURFEJKChamEaUkCNwvqPvhWW53TsHHtjdmX0z2dmbjTmbF47FWsAI6AGNwAX34Bx8mjYlDOv9YA3MUEy3KjgCOXCrO+PaPAZWwRWYNQg6XBf/NchyX6CoOLZBHjQ40SzBbHdUYVV0BSyFiByAZfChrS9yP7P7K1Q3uANJi+AD6AMes8tqfpe1KPmZrocIirWBVtAMxgL8Ser8nkmKVQ4zqfgps0kZYkQnJZlm+OsmewNToAsMgmNLbJPoiWjaEvTOs5vXMrZZWkTbLQGPYAuccC5XbTJEtENEy5aADKu9x/kE6AwRLYvoc0jQLqhwvBChoE8iega+LEEF5UpNg31L7LfoxZmFqaKv4JLjYbDBCptMmkxFvfxuQNCLMr4BozzXIHP9y++Llvjp6TYEiuCQfXTckmWOOvVv3+9SO2wO/7UCm5GndymPDmnOtYhiNcbXBYOatMd+OsC/XbX0gSLj8qqg7TmRJ2JOeaN62e2rUd6oHwEGAOFXWezVEIKkAAAAAElFTkSuQmCC") no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
@media (max-width: 640px) {
  form[name="bankInfo"] {
    margin: 0;
  }
  form[name="bankInfo"] .dob {
    width: 88%;
  }
  form[name="bankInfo"] .textInput.textInput {
    width: 100%;
  }
  form[name="bankInfo"] .contextualHelp {
    display: none;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .noBankMsg:before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 14px;
    top: 5px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxODMzNDYzRTc2MkUxMUUzOUFFNkZGRTgyRTc2RTdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxODMzNDYzRjc2MkUxMUUzOUFFNkZGRTgyRTc2RTdDMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE4MzM0NjNDNzYyRTExRTM5QUU2RkZFODJFNzZFN0MxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE4MzM0NjNENzYyRTExRTM5QUU2RkZFODJFNzZFN0MxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8NOCOwAAA4RJREFUeNrUmU1IVUEUx6/yNLIk6rXI0looWkIRpQVBUEJBIEYIfUpJLbLsixbVIiqoTZS0ybIoibC0RR8EGgUl2CJMo01UWm8hPZO+CSviSR//U2dkus713bkzXujADx7z7j3zv3PnzJw5N8Wp6XT+B4sY3JsKisFiUATywRQwhv//CnpBN6DRaAUd4GdYQrNBNVgHcoa5bhSYAGaCcm57BS6BWhDXHRW/FuUOYmBfEpFelsP3xthX1LbQleA52ArSLUy5dPZFPlfZEEpT4zS4AiaOQIyQzybuIxJUaAa4DqpCCOoq7itDVyg9XSMoDXEFKuU+IzpCT4IyC53TEvUYfPZ5fRn37UsoTe7NFkReAJPAHJDFo+XHqO817sYU184U5Ug0DZynYBb4IbWNB299rt0fwXTwzmtEj1iK7jsukWSfwHef99NGcdjr1U8FmywFxmRF2zwwVsPHRtY0ROgWkGZJaLlrxaB5elnTRxpr+meOkuAe3sdt2jNOQmZobtfCKB+YRj7ExC62KLKHs6Q3IA8s/TMgwSybtbULoSUWBFKk7wEt4JfUvhvUGPilNLJdvI65hiJPgdmg2SXS4bTOxIrkYCowcHQcHAJ3wQnF/6MNhRbIQrMCOqnntZdELgQPFNcsMBSaJQvNDOBgAOwF1ziLp13nhkcua2KZpmcmWudegnHS3p5Q5JvLbCwlYkT7A94vRFIAnVf8v9rCiaBfFtpn6KyVT5tu22BhMPtkoV2Gzs4p2grF0mJoXbLQRwaOPoCrivb1lna6Tlloq4GjRkUQkd8K/k3p3gvDaTUo9KFuQUCyi4q2JVw1oSCrBMcC+o5z3jAolDKchgCOXotX47IKFrkL3AYHAwptECUgOfWqVbzCZNam2NvFUaKS9/kWHl1dS7CmIYlz3CN6h7OYR/tOnk5tBpFfL09HdzJ7gKNYpx6lqglU89wqNFhJ9rudui/YpnG0pXPNE3CfRc/nc1ee4ZK0wz1gqr2eakGLfJ7t070KBgZ2VnW+Sh3miW464Rv1uV2npJPgasWtEEU2c58JHaFk38BycCYEkdTHCu7T0RUqkuMqftL3IyCQfK7lPgb85KPJrInP5nUBNgWvqVXHPn2tMKmaT0+Vi1xw1Pn7xUPXevneXPbl+y2lGHxnEp9vSvi4nc8FA1Ff+sI7SzenkfeckD/fOFIi086MuP0WYADxLLWXOIid0gAAAABJRU5ErkJggg==") no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
  }
}
.bleedingNotification {
  display: inline-block;
  background-color: #d3e7f9;
  padding: 10px;
  border-bottom: 10px solid #00a1ff;
  width: 100%;
  text-align: center;
}
.autoCountryName {
  color: #6c7378;
}
.ppCheckbox .addBank_autowithdraw {
  width: 20px;
  height: 20px;
  margin-left: 0;
  position: relative;
  top: 0;
  left: 14px;
  z-index: 10;
}
.edit {
  margin-left: 10px;
}
.userName-toggleOrderBtn {
  display: block;
}
.secondaryText {
  color: #6c7378;
  font-size: 13px;
  padding-bottom: 10px;
}
.separator {
  position: absolute;
  top: 21%;
  left: -20px;
}
.digitNumber {
  position: relative;
}
.deleteAuthorization {
  margin-left: 20px;
}
@media (min-width: 1200px) {
  .col-lg-offset-1_ltr {
    /* @noflip */
    margin-left: 8.33333%;
  }
}
.fiDetails,
.addFI {
  overflow-x: hidden;
  overflow-y: visible;
}
.fiDetails .modal-header .btn {
  position: absolute;
  left: 0;
}
.fiDetails h3 {
  margin-left: 0;
  margin-top: 0;
  font-size: 1.0285714285714287em;
  font-size: 1.125rem;
  line-height: 1.1666666666666667em;
}
.fiDetails form {
  position: relative;
}
.fiDetails form.uneditable .textInput input {
  color: #999999;
}
.fiDetails form.uneditable .textInput input:hover {
  border-color: #bec0c2 #bec0c2 #dbdfe2;
}
.fiDetails form.uneditable .selectDropdown {
  color: #999999;
  background: #fafafa;
}
.fiDetails form.uneditable .selectDropdown:hover {
  border-color: #ccd0d4;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.fiDetails dd {
  font-weight: 600;
}
.fiDetails dd.status {
  color: #329e47;
}
.fiDetails .authStatusLabel {
  white-space: nowrap;
}
.fiDetails .hasError .selectDropdown,
.fiDetails .hasError .selectDropdown:hover,
.fiDetails .hasError .selectDropdown:focus,
.fiDetails .hasError .selectDropdown.hovered {
  background-position: 85% -2191px, right -1687px, center;
}
.confirmDeposits {
  padding-bottom: 8em;
}
.confirmDeposits .contextualHelp .dropdown-menu {
  left: 0;
}
.confirmDeposits .box-down .dropdown-menu:after {
  left: 5px;
}
.confirmDeposits > p {
  color: #333333;
  text-align: left;
}
.confirmDeposits .newDepositsRequest {
  margin: 1.5em 0;
}
.confirmDeposits .sampleStatement {
  width: 25em;
  height: 10em;
  margin-top: 10px;
  display: inline-block;
  font-size: 1.142857143em;
  color: #5d5c5f;
  background: url("https://www.paypalobjects.com/webstatic/scr/scr_statement_400x80.png") no-repeat center 2em;
  background-size: 100%;
}
.confirmDeposits .sampleStatement table {
  width: 91%;
  margin: 1.2em auto 0;
  text-align: left;
}
.confirmDeposits .sampleStatement tr {
  font-weight: 600;
}
.confirmDeposits .sampleStatement tr:first-child {
  font-size: 0.6875em;
  color: #747470;
}
.confirmDeposits .sampleStatement tr:last-child {
  line-height: 2em;
  font-size: .8em;
  color: #333;
}
.confirmDeposits .sampleStatement tr td:last-child {
  text-align: right;
}
.confirmDeposits .sampleStatement tr td span {
  padding: 3px 4px;
  border: 1px solid #f26522;
  background-color: #fdc689;
  border-radius: 6px;
}
.confirmDeposits .sampleStatement p {
  margin-top: 3em;
  position: relative;
  font-size: 0.8em;
  font-weight: 600;
  color: #717074;
}
.confirmDeposits .sampleStatement p span {
  color: #333;
}
.confirmDeposits .sampleStatement p:before {
  content: "";
  width: 40px;
  height: 1px;
  margin-left: -4.2em;
  position: absolute;
  top: -1.7em;
  left: 50%;
  background: #f26522;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.confirmDeposits .textInput {
  display: inline-block;
  vertical-align: middle;
}
.confirmDeposits .textInput.numericCode {
  display: block;
}
.confirmDeposits .textInput input {
  padding-right: 12px;
}
.confirmDeposits .textInput .BRL {
  padding-left: 35px;
}
.confirmDeposits .contextualHelp {
  display: inline-block;
  top: -22px;
  left: 10px;
}
.confirmDeposits .confirmCodeRequest {
  margin-top: 1em;
}
.confirmDeposits a.cancel {
  margin-left: 20px;
}
.confirmDeposits .btn-block .confirm {
  margin: 1em 0;
}
.cards .menu .banking .bank > span {
  font-size: 1.2571428571428571em;
  font-size: 1.375rem;
  line-height: 0.9545454545454546em;
}
.cards .menu .banking .bank > span.type {
  margin-top: 5px;
  font-size: 0.9714285714285714em;
  font-size: 1.0625rem;
  line-height: 1.2352941176470589em;
}
.cards .menu .banking .bank > span.lastDigits {
  font-size: 1.4285714285714288em;
  font-size: 1.5625rem;
  line-height: 0.84em;
}
.cards .menu .banking .cardName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cards .menu .banking .lastDigits {
  margin-top: 33%;
}
.cards .menu .banking .noBankType {
  margin-top: 3.5em;
}
.disabled.customSelectBtn:after {
  display: none;
}
.entryFlow {
  height: 100%;
  overflow: auto;
}
/* PayPal Payment Card */
.row-fluid .requestCard {
  margin: 0;
}
.row-fluid .ppcardExp {
  margin: 10px 0;
}
/* PayPal Pay Later on/off switch */
.row-fluid .onOff {
  margin-bottom: 1em;
  text-align: left;
}
.row-fluid .onOff .status {
  width: 88%;
  margin: 0 auto;
  font-weight: 500;
  text-align: center;
}
/* bank details */
.fiDetails .hasHelp {
  padding-right: 1.5em;
}
.fiDetails .hasHelp .contextualHelp {
  margin-top: -25px;
  position: absolute;
  right: 3em;
}
.fiDetails .hasHelp span.authStatusText {
  padding-right: 25px;
}
.banking.image .bank > span {
  font-size: 1.2571428571428571em;
  font-size: 1.375rem;
  line-height: 0.9545454545454546em;
  line-height: 1.375em;
}
.banking.image .bank > span.type {
  margin-top: 5px;
  font-size: 0.9714285714285714em;
  font-size: 1.0625rem;
  line-height: 1.2352941176470589em;
}
.banking.image .bank > span.pad {
  color: #999999;
  font-size: 0.9142857142857143em;
  font-size: 1rem;
  line-height: 1.3125em;
}
.banking.image .bank > span.lastDigits {
  font-size: 1.4285714285714288em;
  font-size: 1.5625rem;
  line-height: 0.84em;
}
.banking.image .cardName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.banking.image .lastDigits {
  margin-top: 32%;
}
.banking.image .last4 {
  font-weight: 600;
}
.banking.image .noBankType {
  margin-top: 3.5em;
}
.bankSummary .banking .bank {
  padding: 11px 11px 0 15px;
}
.bankSummary form[name="deleteBank"] {
  margin: 10px 0;
}
@media (max-width: 640px) {
  .banking.image .lastDigits {
    margin-top: 28%;
  }
}
.changeAutoWithdrawal {
  padding-left: 10px;
}
.removeBank-disclaimer {
  color: #9da3a6;
  pointer-events: none;
}
.SE .status,
.NO .status,
.DK .status,
.SE .statusLabel,
.NO .statusLabel,
.DK .statusLabel {
  display: none;
}
.btns .btn,
.btns .btn-secondary {
  margin-right: 1em;
}
form.sepaMandate p {
  text-align: left;
}
form.sepaMandate .btns {
  margin: 1em auto;
}
.mandateText {
  height: 18em;
  /* max height for iframe before scrollbars appear */
  padding: 0 0.357em 0 0.357em;
  color: black;
  border: 1px solid black;
  overflow-y: auto;
}
.mandateText ol {
  margin: 0 25px 10px 25px;
  font-size: 13px;
}
.mandateText ol li {
  margin-bottom: 10px;
}
.mandateText .whitespace-pre {
  white-space: pre-line;
}
.mandateText .whatAuthorizationAllows {
  border-top: 1px solid #999999;
}
form .mandateText h3,
form .mandateText .span4,
form .mandateText .span8 {
  color: black;
  text-align: left;
}
.mandateText dl {
  margin: 0;
}
.spaceRow {
  padding-top: 1.2em;
}
.modalContent .dialogSubheader {
  text-align: center;
  margin-top: 15px;
}
.modalContent .dialogSubheader img {
  height: 40px;
}
.sepaMandate .alert,
.ddiMandate .alert {
  width: 400px;
}
.sepaMandate form,
.ddiMandate form {
  text-align: left;
}
.sepaMandate .details,
.ddiMandate .details {
  background: url("https://www.paypalobjects.com/webstatic/logo/banks/dd.png") top left no-repeat;
  background-size: 20%;
  padding-top: 4em;
}
.sepaMandate .subheader,
.ddiMandate .subheader {
  font-weight: bold;
}
.sepaMandate .subheader .value,
.ddiMandate .subheader .value {
  font-weight: normal;
  display: block;
}
.sepaMandate .btns,
.ddiMandate .btns {
  margin-top: 1.5em;
}
.sepaMandate .skipDDILink,
.ddiMandate .skipDDILink {
  padding-top: 10px;
}
.sepaMandate .ppCheckbox,
.ddiMandate .ppCheckbox {
  padding-left: 10px;
}
.sepaMandate .acceptAuthorizationSubmit,
.ddiMandate .acceptAuthorizationSubmit {
  position: relative;
}
.viewDDI .subheader {
  font-weight: bold;
}
.viewDDI dt {
  font-weight: normal;
  width: 50%;
  float: left;
  margin-bottom: 5px;
}
.viewDDI dd {
  margin: 0 0 5px 0;
  width: 50%;
  height: 20px;
  float: left;
  text-align: right;
}
.viewDDI p {
  margin: 1em 0;
}
.viewDDI .dialogsubheader {
  background: url("https://www.paypalobjects.com/webstatic/logo/banks/dd.png") no-repeat;
  background-position: right center;
  background-size: 20%;
}
.viewDDI .dialogsubheader p {
  width: 79%;
}
.viewDDI .btns {
  text-align: center;
}
.acceptAuthorizationContentDetails .btns {
  text-align: center;
}
.modal.ddi_padLearnMoreTooltip_modal {
  background-color: rgba(0, 0, 0, 0.87);
}
.alert .pad_align-left {
  text-align: left;
}
.alert .pad_topMargin {
  margin-top: 10px;
}
@media (max-width: 640px) {
  .mainModalFlowContainer .modal-body {
    padding-bottom: 100px;
    height: 100%;
    position: fixed;
  }
}
/**
 * @fileOverview tooltip contains default styles for tooltip
 * @name tooltip
 * @author zizuo
 * @tested browsers Chrome 25+, FF 19+
 */
.contextualHelp {
  position: relative;
  display: inline;
  font-size: 0.8em;
  font-size: 0.875rem;
  line-height: 1.5em;
}
.contextualHelp .dropdown-toggle {
  position: absolute;
  left: 0;
}
.contextualHelp .dropdown-menu {
  width: 300px;
  margin: 0;
  padding: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: -270px;
  border: 0 none;
  background: #043c69;
}
.contextualHelp .dropdown-menu .dropdown-header {
  height: 44px;
}
.contextualHelp .dropdown-menu .dropdown-header a {
  padding: 5px 10px;
}
.contextualHelp .dropdown-menu .dropdown-body {
  padding: 0.75em;
  color: #333333;
  line-height: 1.25em;
  font-weight: normal;
  border-radius: 6px;
  background: #fff;
  -moz-box-shadow: inset 0 0 5px #043c69;
  -webkit-box-shadow: inset 0 0 5px #043c69;
  box-shadow: inset 0 0 5px #043c69;
}
.contextualHelp .dropdown-menu .dropdown-body p {
  margin: 0;
}
.contextualHelp .dropdown-menu .dropdown-body a {
  display: inline;
  padding: 0;
  color: #0079c1;
}
.contextualHelp .dropdown-menu .detailsHeader {
  margin: 0;
  padding: 5px;
  max-width: 200px;
  float: left;
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contextualHelp .dropdown-menu .btn {
  margin-top: 0;
  display: inline-block;
  color: #ffffff;
}
.contextualHelp.center .dropdown-menu {
  margin-left: -150px;
  left: 50%;
}
.contextualHelp.center .dropdown-menu:after {
  left: 50%;
}
.help {
  padding: 1px 8px;
  margin: 0 15px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #bbb;
  background: #ffffff;
  color: #666666;
  font-size: 17px;
}
.help:hover,
.help:focus,
.help:active {
  color: #666666;
  background: #ffffff;
  text-decoration: none;
}
.box-up .dropdown-menu {
  top: auto;
  bottom: 100%;
}
.box-up .dropdown-menu:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 285px;
  top: auto;
  bottom: -25px;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 1em solid #043c69;
  border-right: 1em solid transparent;
  border-bottom: 1em solid transparent;
  border-left: 1em solid transparent;
}
.box-down .dropdown-menu:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 270px;
  top: -12px;
  width: 0;
  height: 0;
  vertical-align: top;
  border-bottom: 1em solid #043c69;
  border-right: 1em solid transparent;
  border-left: 1em solid transparent;
}
/**
 * @fileOverview responsive styles for tooltip 
 * @name tooltip
 * @author klkomenda
 * @tested
 */
/* phone portrait */
@media (max-width: 640px) {
  /**
	 * Tooltip positioning adjustments
	 */
  .contextualHelp .dropdown-menu {
    max-width: 233px;
    left: -195px;
  }
  .contextualHelp .dropdown-menu:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 193px;
    top: -12px;
    width: 0;
    height: 0;
    vertical-align: top;
    border-bottom: 1em solid #043c69;
    border-right: 1em solid transparent;
    border-left: 1em solid transparent;
  }
  .availableCredit-tt .dropdown-menu {
    left: -100px;
  }
  .availableCredit-tt .dropdown-menu:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 98px;
    top: -12px;
    width: 0;
    height: 0;
    vertical-align: top;
    border-bottom: 1em solid #043c69;
    border-right: 1em solid transparent;
    border-left: 1em solid transparent;
  }
}
.overpanel-body {
  margin-bottom: 25%;
}
.overpanel-body .image,
.overpanel-body .logo {
  max-width: 24em;
  min-height: 13.5em;
  height: auto;
  padding: 0.5em;
  margin: 0 auto 1em;
  position: relative;
}
.overpanel-body .image.pp,
.overpanel-body .logo.pp {
  border: 1px solid #d4d4d4;
  background: url("https://www.paypalobjects.com/webstatic/logo/logo_paypal_212x56.png") no-repeat center;
}
.overpanel-body .image.ppCredit,
.overpanel-body .logo.ppCredit {
  border: 1px solid #d4d4d4;
  background: url("https://www.paypalobjects.com/webstatic/logo/credit_products/PP_Credit_logo.png") no-repeat center;
}
ul.linkAccount {
  margin-left: 0;
}
.alreadyLinkedSection {
  background-color: aliceblue;
  border-radius: 5px;
  border: 1px solid #ccc;
  text-align: center;
  margin-bottom: 20px;
}
.alreadyLinkedSection span.icon-info-small {
  display: block;
  position: relative;
  top: 20px;
  color: #9da3a6;
  right: 110px;
}
.linkAccount li {
  list-style: none;
  padding-bottom: 10px;
}
.linkAccount .linkBank {
  margin-top: 15px;
}
.ppCheckbox input {
  height: 20px;
}
.oneAccount {
  display: inline-block;
  font-weight: bold;
  margin-top: 10px;
}
form .floatingWidth {
  width: 65%;
}
form .lap.searchBankName {
  margin-bottom: 0;
}
.autowithdraw_removeBanks {
  margin-left: 0;
  margin-bottom: 40px;
  position: relative;
}
.autowithdraw_removeBanks li {
  list-style: none;
  border-top: 1px solid #cbd2d6;
  padding: 20px 20px 20px 50px;
  position: relative;
}
.autowithdraw_removeBanks li .bankLogo {
  background: url("https://www.paypalobjects.com/webstatic/icon/generic-bank.png") no-repeat;
  background-position: 0 0;
  display: block;
  width: 12%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 10px;
}
.autowithdraw_removeBanks li.selected {
  background-color: #f7f9fa;
  padding: 30px 30px 30px 50px;
  border-top: 1px solid #0092d1;
  border-bottom: 1px solid #0092d1;
}
.autowithdraw_removeBanks li.icon-positive-small-after:after {
  content: "\e020";
  position: relative;
  left: 60%;
}
@media (max-width: 479px) {
  .autowithdraw_removeBanks li {
    line-height: 16px;
  }
  .autowithdraw_removeBanks li.icon-positive-small-after:after {
    left: 35%;
  }
  .autowithdraw_removeBanks li.selected {
    padding: 20px 20px 20px 50px;
  }
}
@media (max-width: 640px) {
  .autowithdraw_removeBanks li {
    padding: 30px 30px 30px 70px;
  }
  .autowithdraw_removeBanks li.icon-positive-small-after:after {
    left: 50%;
  }
  .autowithdraw_removeBanks li.selected {
    padding: 40px 30px 40px 70px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .autowithdraw_removeBanks li .bankLogo {
    background: url("https://www.paypalobjects.com/webstatic/icon/generic-bank_2x.png") no-repeat;
    background-size: 50%;
  }
}
.menu .manageCurrencies {
  padding-top: 10px;
}
.helpBalance {
  margin-top: 5px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.helpBalance .dropdown-menu {
  top: 40px;
  left: -135px;
}
.helpBalance .dropdown-menu:after {
  left: 150px;
}
#helpAccepted {
  display: inline-block;
  position: relative;
  top: -20px;
}
#helpAccepted .dropdown-menu {
  width: 300px;
}
.overpanel-body dd.isNegative span {
  margin: 0;
  color: #b32317;
}
@media (max-width: 640px) {
  .helpBalance {
    margin-top: -2px;
  }
}
.topUpErrorIcon {
  color: #ff9600;
}
.infoBox {
  padding: 15px;
  background-color: #f5f7fa;
  border-radius: 5px;
}
.infoBoxItem:not(:last-child) {
  margin-bottom: 10px;
}
.addBankConfirmBank .btns,
.addBankCodeConfirmBank .btns,
.addBankDepositConfirmBank .btns {
  clear: both;
}
.addBankConfirmBank .confirmCode .textInput,
.addBankCodeConfirmBank .confirmCode .textInput,
.addBankDepositConfirmBank .confirmCode .textInput {
  width: 260px;
  margin-top: 0;
}
.addBankConfirmBank .btn-block {
  margin-top: 1em;
}
.addBankConfirmBank .btn-block input[type="submit"] {
  margin-bottom: 1em;
}
.addBankChooseConfirmMethod p {
  font-size: 0.9142857142857143em;
  font-size: 1rem;
  line-height: 1.875em;
}
.addBankChooseConfirmMethod li {
  width: 100%;
  height: 150px;
  margin-top: 2em;
  position: relative;
  cursor: pointer;
  border: 1px solid #cccccc;
  border-radius: 10px;
}
.addBankChooseConfirmMethod li .option1,
.addBankChooseConfirmMethod li .option2 {
  position: absolute;
  left: 1em;
  color: #0666b3;
  font-size: 1.142857142857143em;
  font-size: 1.25rem;
  line-height: 1.5em;
}
.addBankChooseConfirmMethod li .option1 {
  top: 2em;
}
.addBankChooseConfirmMethod li .option2 {
  top: 3em;
}
.addBankChooseConfirmMethod li:after {
  width: 10px;
  height: 10px;
  content: '';
  position: absolute;
  top: 70px;
  right: 1em;
  float: right;
  display: inline-block;
  border-top: 2px solid #c5c5c5;
  border-right: 2px solid #c5c5c5;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.addBankChooseConfirmMethod li .icon {
  position: absolute;
  right: 1em;
  top: 58px;
  font-size: 1.3714285714285714em;
  font-size: 1.5rem;
  line-height: 1.4166666666666667em;
}
.confirmInstantly .btns {
  text-align: center;
}
.confirmInstantly .btns .btn,
.confirmInstantly .btns .btn-block {
  margin-top: 1em;
}
.confirmInstantly .bankLogo {
  position: relative;
}
.confirmInstantly .bankLogo .icon {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.3714285714285714em;
  font-size: 1.5rem;
  line-height: 1.25em;
}
.betweenLines {
  margin-bottom: 10px;
  position: relative;
  text-align: center;
  margin-top: 20px;
}
.betweenLines span:before,
.betweenLines span:after {
  width: 42%;
  position: absolute;
  left: 0;
  top: 10px;
  border-top: 1px solid #d4d4d4;
  content: '';
}
.betweenLines span:after {
  right: 0;
  left: auto;
}
.confirmationHelp {
  color: #999999;
}
.mfatimeout {
  margin-top: -10px;
}
.linkingAndLoading .steps {
  padding: 25px 20px 0;
  background-color: #141f2b;
}
.linkingAndLoading .steps li {
  padding: 0 0 25px 40px;
  position: relative;
  color: #999999;
}
.linkingAndLoading .steps li.progress {
  color: #cccccc;
}
.linkingAndLoading .steps li.progress:before {
  content: "";
  height: 18px;
  width: 18px;
  margin: -15px auto auto -15px;
  position: absolute;
  top: 14px;
  left: 16px;
  z-index: 6;
  border-width: 2px;
  border-style: solid;
  border-color: #2180c0 rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5);
  -webkit-animation: rotation 0.7s infinite linear;
  -moz-animation: rotation 0.7s infinite linear;
  -ms-animation: rotation 0.7s infinite linear;
  animation: rotation 0.7s infinite linear;
  border-radius: 100%;
}
.linkingAndLoading .steps li.done {
  color: #ffffff;
}
.linkingAndLoading .steps li.done:before {
  /*Add another block-level blank space*/
  content: "\00a0";
  display: block;
  /*Make it a small rectangle so the border will create an L-shape*/
  width: 10px;
  height: 20px;
  /*Add a border on the bottom and left, creating that 'L' */
  border: solid #68ff68;
  border-width: 0 3px 3px 0;
  position: absolute;
  left: 7px;
  right: auto;
  top: -7px;
  /*Rotate the L 45 degrees to turn it into a checkmark*/
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.linkingAndLoading .steps li.done:before {
  border-width: 0 2px 2px 0;
}
.linkingAndLoading p {
  font-weight: 600;
}
.cardNumber {
  position: relative;
}
.zipcodeLabel {
  margin-bottom: 10px;
  display: block;
}
.prefix2 {
  margin-right: 2%;
}
.bankNameLogo {
  width: 200px;
  height: 40px;
  background: url("https://www.paypalobjects.com/webstatic/i/sprite/sprite_bank-logos.png");
  background-repeat: no-repeat;
  background-position: 0 100px;
}
.bankOfAmerica {
  background-position: 0 0;
}
.chase {
  background-position: 0 -50px;
}
.wellsFargo {
  background-position: 0 -100px;
}
.etrade {
  background-position: 0 -150px;
}
.usBank {
  background-position: 0 -200px;
}
.tdBank {
  background-position: 0 -250px;
}
.fifthThirdBank {
  background-position: 0 -300px;
}
.huntington {
  background-position: 0 -350px;
}
.keyBank {
  background-position: 0 -400px;
}
.pnc {
  background-position: 0 -450px;
}
.regions {
  background-position: 0 -500px;
}
.usaa {
  background-position: 0 -550px;
}
.ing {
  background-position: 0 -600px;
}
.rbcBank {
  background-position: 0 -650px;
}
.capitalOne {
  background-position: 0 -700px;
}
.bmo {
  background-position: 0 -800px;
}
.cibc {
  background-position: 0 -850px;
}
.nationalBank {
  background-position: 0 -900px;
}
.scotiabank {
  background-position: 0 -950px;
}
.rbcBank {
  background-position: 0 -1000px;
}
.citi {
  background-position: 0 -1050px;
}
.sunTrust {
  background-position: 0 -1100px;
}
.navyFederal {
  background-position: 0 -1150px;
}
.compass {
  background-position: 0 -1200px;
}
.mountainAmerica {
  background-position: 0 -1250px;
}
.mtBank {
  background-position: 0 -1300px;
}
.ally {
  background-position: 0 -1350px;
}
.bbt {
  background-position: 0 -1400px;
}
.citizensBank {
  background-position: 0 -1450px;
}
.listBanks .logo-bigger {
  width: 143px;
  height: 60px;
  padding: 8px;
  margin: auto;
  display: table;
  background: url('https://www.paypalobjects.com/webstatic/sprite/sprite_bank_logos.png') no-repeat 0 54px;
  background-size: cover;
  text-align: center;
  line-height: 20px;
}
.listBanks .ca {
  background: url('https://www.paypalobjects.com/webstatic/sprite/CA-FAB-Logo-Sprite-2x.png') no-repeat 0 54px;
  background-size: cover;
}
.listBanks .bankOfAmerica {
  background-position: 0 0;
}
.listBanks .capitalOne {
  background-position: 0 -60px;
}
.listBanks .capital360 {
  background-position: 0 -120px;
}
.listBanks .chase {
  background-position: 0 -180px;
}
.listBanks .citiBank {
  background-position: 0 -244px;
}
.listBanks .fifthThirdBank {
  background-position: 0 -304px;
}
.listBanks .huntington {
  background-position: 0 -364px;
}
.listBanks .pnc {
  background-position: 0 -424px;
}
.listBanks .regions {
  background-position: 0 -484px;
}
.listBanks .sunTrust {
  background-position: 0 -544px;
}
.listBanks .tdBank {
  background-position: 0 -604px;
}
.listBanks .usBank {
  background-position: 0 -664px;
}
.listBanks .usaa {
  background-position: 0 -724px;
}
.listBanks .wellsFargo {
  background-position: 0 -784px;
}
.listBanks .scotiabank {
  background-position: 0 -784px;
}
.listBanks .rbcRoyal {
  background-position: 0 -964px;
}
.listBanks .bmoFinancial {
  background-position: 0 -1268px;
}
.listBanks .nationalBank {
  background-position: 0 -1568px;
}
.listBanks .desjardins {
  background-position: 0 -1690px;
}
.listBanks .cibc {
  background-position: 0 -1811px;
}
.bankNameText {
  display: table-cell;
  vertical-align: middle;
}
/* Confirm bank – double deposit */
.deposit {
  width: 47%;
  z-index: 0;
  position: relative;
}
.deposit > .textInput {
  font-weight: 600;
  color: #333333;
}
.deposit > .textInput input {
  /*@noflip*/
  text-align: left;
  font-size: 0.9714285714285714em;
  font-size: 1.0625rem;
  line-height: 1.2352941176470589em;
}
.deposit .disabled input {
  color: #cbd2d6;
  cursor: not-allowed;
  pointer-events: auto;
}
.typeahead-wrapper {
  position: relative;
}
.typeahead-wrapper .input-typeahead {
  width: 100%;
  position: absolute;
  top: 43px;
  z-index: 2;
}
.typeahead-wrapper .input-typeahead.showItems {
  height: auto;
}
.autoWithdrawCardLogo:before {
  font-size: 3.5rem;
}
.autoWithdrawBankLogo:before {
  font-size: 4rem;
}
.autoWithdraw-text {
  text-align: left;
}
.set-autowithdraw-error {
  display: inline-block;
}
.creditOrDebit.image .lastDigits {
  padding-top: 28%;
  text-align: center;
}
.creditOrDebit.image .last4 {
  font-weight: 600;
}
.addressEntry {
  margin: 1em 0;
}
.cardSummary .help-information.open,
.cardSummary .hasError .help-error.open {
  top: 60px;
}
.cardSummary .textInput.csc label,
.cardSummary .textInput.issueNum label,
.cardSummary .textInput.dob label,
.cardSummary .textInput.expirationDate label,
.cardSummary .startDate legend,
.cardSummary .billingLabel {
  padding: 0;
  font-size: 0.8571428571428572em;
  font-size: 0.9375rem;
  line-height: 2em;
  width: 100%;
  margin: 0;
  font-size: 0.9142857142857143em;
  font-size: 1rem;
  line-height: 1.875em;
  font-weight: 600;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: none;
}
.cardSummary .expirationDate,
.cardSummary .csc,
.cardSummary .issueNum,
.cardSummary .dob {
  margin: 0;
}
.cardSummary .expirationDate {
  z-index: 3;
}
.cardSummary .csc {
  z-index: 2;
}
.cardSummary .addressModel {
  z-index: 1;
}
.cardSummary .nativeDropdown.billing {
  margin-top: 0;
}
.cardSummary .updateDone {
  margin-top: 25px;
}
.cardSummary-completeConfLink {
  text-align: left;
  margin-bottom: 0;
}
.pendingConfirmCard {
  margin-top: 1em;
}
@media (max-width: 479px) {
  .expiration.span6 {
    width: 100%;
  }
  .cardSecurityCode.span6 {
    width: 100%;
    margin: 0;
  }
}
.addcards.active {
  margin: 10px 0 10px;
}
.addcards.active .debitCard,
.addcards.active .creditCard,
.addcards.active .prePaidGiftCard {
  display: none;
}
.editCard .row-fluid > div,
.editCard .row-fluid > fieldset {
  float: left;
  height: 6em;
}
.editCard form .nativeDropdown.lap {
  margin-top: 0;
}
.editCard .row-fluid > div:nth-child(2n+1),
.editCard .row-fluid > fieldset:nth-child(2n+1) {
  margin-left: 0;
}
.bankLogos-container {
  padding: 1em;
  background-color: #f5f7fa;
}
.bankLogos-content {
  margin: 0;
  color: #2c2e2f;
  font-size: 13px;
}
.bankLogos-imageContainer {
  display: inline-block;
  width: 25%;
  padding: 0 2% 0 0;
  margin-top: 1em;
}
.bankLogos-image {
  width: 100%;
}
.addCardSuccess .text-center {
  text-align: center;
}
.addCardSuccess .subHeading {
  font-weight: bold;
}
.addCardSuccess ul.addList {
  margin: 0 0 10px 190px;
  padding-top: 10px;
}
.addCardSuccess ul.addList li {
  padding-bottom: 12px;
}
.addCardSuccess a {
  width: 280px;
  margin: 0 auto 1em;
  display: block;
}
.addCardSuccess-checkmark {
  padding-bottom: 2em;
  text-align: center;
  color: #299976;
}
.success-icon_positive {
  margin-bottom: 45px;
  text-align: center;
  color: #299976;
}
/* phone portrait */
@media (max-width: 479px) {
  .addCardSuccess a {
    width: auto;
  }
}
.savedOfferDetails .value {
  font-size: 0.9142857142857143em;
  font-size: 1rem;
  line-height: 1em;
}
.savedOfferDetails .hasCents {
  margin-top: 44px;
  font-size: 0.9142857142857143em;
  font-size: 1rem;
  line-height: 1em;
}
a.merchantSite {
  width: auto;
  margin: 10px 0 20px;
  display: inline-block;
}
.savedOfferSummary {
  height: 100%;
}
.savedOfferSummary .terms {
  padding-bottom: 100px;
}
.savedOfferSummary h3 {
  font-weight: 600;
}
.savedOfferSummary .onoffswitch {
  margin-top: 10px;
}
.savedOfferSummary > label {
  padding: 0;
  font-size: 0.8571428571428572em;
  font-size: 0.9375rem;
  line-height: 2em;
  width: 100%;
  margin: 0;
  font-size: 0.9142857142857143em;
  font-size: 1rem;
  line-height: 1.875em;
  font-weight: 600;
  color: #333333;
}
.savedOfferSummary pre {
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
  word-break: normal;
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
}
.activeLabel span {
  margin-top: -16px;
  display: block;
}
.offerDetails {
  height: 100%;
  position: relative;
}
.offerDescription,
.offerTerms {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 640px) {
  .savedOfferDetails .hasCents {
    margin-top: 38px;
  }
}
.listFABBank .overpanel-content {
  width: 796px;
}
.listFABBank ul.listBanks {
  margin-left: 0;
}
.listFABBank .listBanks.loginPage .logo-bigger {
  background-size: 75%;
  width: 200px;
}
.listFABBank .icon-arrow-right-small:before {
  content: "";
}
.listFABBank li {
  margin: 0 20px 20px 0;
  border: 1px solid #e4e4e4;
  list-style: none;
}
.listFABBank li:hover {
  background-color: #fafafa;
}
/* Styles for checkbox widget */
.ppCheckbox {
  width: 100%;
  position: relative;
}
.ppCheckbox.hide {
  display: none;
}
.ppCheckbox input {
  opacity: 0;
}
.ppCheckbox input:focus + label {
  outline: 1px dotted #999999;
}
.ppCheckbox label {
  margin-top: -35px;
  margin-left: -10px;
  margin-bottom: 0;
  padding: 10px 0;
  cursor: pointer;
  line-height: 200%;
}
.ppCheckbox label:hover .icon.icon-checkmark-small:before {
  border: none;
}
.ppCheckbox label:hover .icon:before {
  border: 1px solid #009cde;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ppCheckbox label .icon:before {
  padding: 1px 11px 3px 12px;
  margin-right: 10px;
  border: 1px solid #cccccc;
  content: '';
  font-size: 16px;
  font-weight: bold;
  border-radius: 5px;
  color: #ffffff;
}
.ppCheckbox label .icon-checkmark-small:before {
  content: "\e014";
  padding: 0 5px 6px 6px;
  border: none;
  top: -2px;
  position: relative;
  background-color: #009cde;
}
.ppCheckbox label.hideLabel .icon {
  display: none;
}
.ppCheckbox.radio .icon:before {
  padding: 0;
  border: none;
  position: absolute;
  top: 15px;
  right: 0;
  font-weight: normal;
}
.brChallenge .checkMarkSymbol:before {
  /*Add another block-level blank space*/
  content: "\00a0";
  display: block;
  /*Make it a small rectangle so the border will create an L-shape*/
  width: 6px;
  height: 10px;
  /*Add a border on the bottom and left, creating that 'L' */
  border: solid #008800;
  border-width: 0 3px 3px 0;
  position: absolute;
  left: auto;
  right: 8px;
  top: 0;
  /*Rotate the L 45 degrees to turn it into a checkmark*/
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.brChallenge .checkMarkSymbol:before {
  height: 15px;
  border-width: 0 2px 2px 0;
  margin: 0 auto;
  position: relative;
  right: 3px;
}
.brChallenge .crossMarkSymbol {
  width: 40px;
  height: 40px;
  border-radius: 5;
  font-size: 1.4285714285714288em;
  font-size: 1.5625rem;
  line-height: 0.84em;
  text-align: center;
  color: #b32317;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.brChallenge .table-borderless {
  margin-bottom: 30px;
  padding: 20px 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.brChallenge .table-borderless .tableHead {
  padding-top: 20px;
}
.brChallenge .table-borderless .tableHead:first-child {
  font-size: 0.9142857142857143em;
  font-size: 1rem;
  line-height: 1.3125em;
}
.brChallenge .table-borderless .tableHead:last-child {
  width: 20%;
}
.brChallenge .table-borderless td.cellSpacing {
  font-size: 0.9142857142857143em;
  font-size: 1rem;
  line-height: 1.3125em;
}
.brChallenge .table-borderless .lastRow td {
  padding: 9px 0 10px 0;
}
.brChallenge .btn {
  min-width: 280px;
}
.brChallenge .btn-secondary {
  margin-left: 15px;
}
@media (max-width: 479px) {
  .brChallenge .table-borderless td.cellSpacing {
    padding: 0 0 10px 10px;
  }
  .brChallenge .btn-secondary {
    margin-top: 20px;
    margin-left: 0;
  }
}
@media (max-width: 640px) {
  .brChallenge .table-borderless td.cellSpacing {
    padding: 0 0 10px 10px;
  }
  .brChallenge .btn-secondary {
    margin-top: 20px;
    margin-left: 0;
  }
}
.linkBankSuccess {
  text-align: center;
}
.linkBankSuccess span.icon-positive-large {
  color: #080;
}
.linkBankSuccess h2 {
  margin-top: 30px;
}
.linkBankSuccess .linkedSuccessfully {
  margin-top: 30px;
}
.linkBankSuccess p.warning {
  padding-top: 20px;
}
.linkBankSuccess ul.accountsNotLinked {
  margin: auto auto 30px auto;
  padding-left: 80px;
}
.linkBankSuccess ul.accountsNotLinked li {
  text-align: left;
  margin-left: 0;
}
.linkBankSuccess .fiUnavailable {
  margin-top: 40px;
}
.linkBankSuccess .icon.icon-attention-large {
  display: inline-block;
  font-size: 80px;
  color: #e7ad02;
}
.linkBankSuccess a.gotoStart,
.linkBankSuccess a.gotoCredit {
  width: 200px;
  margin: 0 auto 1em;
  padding-top: 10px;
  display: block;
}
.linkBankSuccess .policiesText {
  font-size: 13px;
}
.linkBankSuccess .padBenefits {
  line-height: 24px;
  margin-bottom: 30px;
}
.linkBankSuccess .padSuccess {
  margin: auto;
  width: 55%;
}
form .textInput.searchSponsor {
  margin-bottom: 0;
}
.sponsorSearchResult ul {
  list-style: none;
  margin-left: 0;
}
.sponsorSearchResult li {
  font-size: 1.2em;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  border-bottom: solid 1px #eeeeee;
}
.sponsorSearchResult li p {
  margin-top: 15px;
}
.sponsorSearchResult li img {
  margin-right: 10px;
  float: left;
  width: 50px;
  height: 50px;
}
.sponsorSearchResult .category {
  font-weight: bold;
  border-bottom: solid 2px #eeeeee;
}
.ui-helper-hidden-accessible {
  display: none;
}
.confirmBankAccount {
  margin-left: 0;
}
.unconfirmedBankItem {
  list-style: none;
  padding-bottom: 10px;
  padding-left: 5px;
}
.unconfirmedBankItem input,
.unconfirmedBankItem label {
  margin-left: 10px;
  vertical-align: middle;
}
.payAfterDelivery-content_info {
  margin-bottom: 20px;
}
.payAfterDelivery-term {
  margin-left: 15px;
}
.padTerms {
  margin-left: 5px;
}
.bank-content_info {
  margin-bottom: 30px;
}
.updatePad {
  margin-bottom: 10px;
}
.arrow-checkmark:before {
  color: #0078c0;
  font-size: 35px;
}
.enrollPad,
.enrollPadOverPanel {
  cursor: pointer;
}
.modal.successpage_padLearnMoreTooltip_modal {
  background-color: rgba(0, 0, 0, 0.87);
}
/* Overpanel */
.theoverpanel {
  width: 100%;
  min-height: 100%;
  top: 0;
  position: fixed;
  z-index: 1050;
  background: #ffffff;
}
.theoverpanel .overpanel-header,
.theoverpanel h2 {
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 400;
  text-transform: none;
  font-family: 'PayPal-Sans-Big', sans-serif;
  -webkit-font-smoothing: antialiased;
}
.overpanel-wrapper {
  margin: 0;
  min-height: 100%;
  background: #ffffff;
}
.overpanelOpen .theoverpanel {
  position: static;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
}
.overpanelOpen .globalNav-main,
.overpanelOpen .globalNav_main,
.overpanelOpen .foreground-container,
.overpanelOpen .sidepanel {
  display: none;
}
.overpanelPrepForClose .globalNav-main,
.overpanelPrepForClose .globalNav_main,
.overpanelPrepForClose .foreground-container,
.overpanelPrepForClose .sidepanel {
  display: none;
}
/* Mobile First, aka Desktop Later */
@media (min-width: 768px) {
  .theoverpanel .overpanel-header,
  .theoverpanel h2 {
    font-size: 1.875rem;
    line-height: 1.4;
    font-weight: 300;
    text-transform: none;
  }
}
/**
 * Overqualifying this for now since it clashes with
 * styles declared in overpanel.less
 *
 * Once we move to a single overpanel solution, we can
 * remove .theoverpanel from this rule
 */
.theoverpanel .dismiss {
  margin-left: 512px;
  top: 0;
  padding: 15px;
  left: 50%;
  z-index: 2;
}
.theoverpanel .dismiss .icon-close-small {
  color: #666666;
}
@media (max-width: 1024px) {
  .theoverpanel .dismiss {
    margin-left: 0;
    left: auto;
    right: 0;
  }
}
.overpanel-content {
  /* Top space in overpanel should be 114px for desktop by Adam Dustan */
  padding-top: 114px;
  font-size: 15px;
  background: #ffffff;
  position: relative;
  overflow: auto;
  min-width: 400px;
}
.maxOverpanelWidth {
  max-width: 696px;
  margin: 0 auto;
}
.menu {
  padding-right: 2em;
  z-index: 1;
  background: #ffffff;
}
.menu .image,
.menu .btn,
.menu a,
.menu .toggle {
  width: 100%;
  margin-bottom: 0.588em;
}
.menu .image {
  max-width: 24em;
  height: 13.5em;
  padding: 0.5em;
  margin: 0 auto 1em;
  position: relative;
  background-size: contain;
  background-position: center;
}
.overpanel-body {
  height: 100%;
  margin-bottom: 68px;
  z-index: 0;
  background: #ffffff;
}
.overpanel-body dl {
  margin: 0 0 1em;
  position: relative;
}
.overpanel-body dt {
  padding: 0;
  font-size: 0.8571428571428572em;
  font-size: 0.9375rem;
  line-height: 2em;
  width: 100%;
  margin: 0;
  font-size: 0.9142857142857143em;
  font-size: 1rem;
  line-height: 1.875em;
  font-weight: 600;
  color: #333333;
}
.overpanel-body dd,
.overpanel-body .overpanel-description {
  margin: 0 0 8px;
  font-size: 0.9142857142857143em;
  font-size: 1rem;
  line-height: 1.3125em;
  font-weight: 300;
  word-wrap: break-word;
}
.overpanel-body dd span,
.overpanel-body .overpanel-description span {
  color: #666666;
  margin-right: 10px;
}
.overpanel-logo {
  width: 100%;
  height: 40px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  /**
	 * not using the v2 sprite image here because the moneypak logo pushes the width of the
	 * image and is not the same size as the others. This makes centering the image difficult
	 */
  background: url("https://www.paypalobjects.com/webstatic/sprite/sprite_logos_wallet_2x.png") no-repeat center 5px;
  background-size: 35px;
}
.overpanel-subheader {
  padding: 0;
  font-size: 0.8571428571428572em;
  font-size: 0.9375rem;
  line-height: 2em;
  width: 100%;
  margin: 0;
  font-size: 0.9142857142857143em;
  font-size: 1rem;
  line-height: 1.875em;
  font-weight: 600;
  color: #333333;
  margin-bottom: -12px;
  font-family: 'PayPal-Sans', sans-serif;
}
@media (max-width: 768px) {
  .overpanel-content {
    padding-top: 3em;
    min-width: 0;
  }
  .overpanel-header {
    padding: 3em 0 0;
  }
}
@media (max-width: 640px) {
  .overpanel-content {
    /* Top space should be 64px on mobile by Adam Dustan */
    padding-top: 64px;
  }
  .theoverpanel h2 {
    font-size: 1.4285714285714288em;
    font-size: 1.5625rem;
    line-height: 0.84em;
    line-height: 1.2em;
    margin-top: 0;
  }
  .overpanel-header {
    padding: 0 15px;
  }
  .overpanel-body {
    padding: 0 15px;
    margin-bottom: 2em;
  }
  .overpanel-logo {
    display: none;
  }
  .overpanel-body.row-fluid > div:not(.btn-block) {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .menu .image {
    width: 20em;
    height: 12em;
  }
}
/**
 * Temporary fixes for modals that should be styled as overpanels
 * This should be removed once these get converted and make use
 * of the actual overpanel module
 */
.paypalBalance .detailsHeader,
.addFundsModal .detailsHeader,
.withdrawFundsModal .detailsHeader,
.paypalCredit .detailsHeader {
  font-size: 1.8285714285714285em;
  font-size: 2rem;
  line-height: 1.09375em;
  margin-bottom: 0.7em;
  font-weight: 300;
}
.paypalBalance .modalContent,
.addFundsModal .modalContent,
.withdrawFundsModal .modalContent,
.paypalCredit .modalContent {
  margin: 0 auto;
  width: 100%;
  max-width: 696px;
  padding: 5em 0;
}
.paypalBalance .modalContent .modal-header,
.addFundsModal .modalContent .modal-header,
.withdrawFundsModal .modalContent .modal-header,
.paypalCredit .modalContent .modal-header {
  margin: 0;
  padding: 0;
}
.paypalBalance.modal .modal-body.body-default,
.addFundsModal.modal .modal-body.body-default,
.withdrawFundsModal.modal .modal-body.body-default,
.paypalCredit.modal .modal-body.body-default {
  width: 100%;
}
@media (max-width: 640px) {
  #paypalBalance .detailsHeader,
  #addFunds .detailsHeader,
  #withdrawFunds .detailsHeader {
    margin-bottom: 0.7em;
    font-size: 1.8285714285714285em;
    font-size: 2rem;
    line-height: 1.09375em;
  }
  #paypalBalance .modalContent,
  #addFunds .modalContent,
  #withdrawFunds .modalContent {
    margin-top: 0;
  }
  #paypalBalance .modalContent .modal-header,
  #addFunds .modalContent .modal-header,
  #withdrawFunds .modalContent .modal-header {
    margin: 0;
    padding: 8px 8px 0;
    background-color: transparent;
    text-align: left;
    border-bottom: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #paypalBalance .modalContent .row-fluid .menu,
  #addFunds .modalContent .row-fluid .menu,
  #withdrawFunds .modalContent .row-fluid .menu {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
.card {
  width: 225px;
  height: 140px;
  padding: 0.5em;
  border: 0 none;
  position: relative;
  color: #444444;
  font-weight: 300;
  text-decoration: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  /* card color diagonal gradients */
}
.card:hover,
.card:focus,
.card:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #444444;
}
.card.creditOrDebit {
  color: #ffffff;
  border-radius: 10px;
}
.card.gray {
  background-color: #7f7f7f;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(135deg, #555555, #898989 50%, #555555);
  background-image: -webkit-linear-gradient(135deg, #555555, #898989 50%, #555555);
  background-image: -o-linear-gradient(135deg, #555555, #898989 50%, #555555);
  background-image: linear-gradient(135deg, #555555, #898989 50%, #555555);
}
.card.black {
  background-color: #474a4c;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(135deg, #2c2e2f, #4e5153 50%, #2c2e2f);
  background-image: -webkit-linear-gradient(135deg, #2c2e2f, #4e5153 50%, #2c2e2f);
  background-image: -o-linear-gradient(135deg, #2c2e2f, #4e5153 50%, #2c2e2f);
  background-image: linear-gradient(135deg, #2c2e2f, #4e5153 50%, #2c2e2f);
}
.card.blue {
  background-color: #306793;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(135deg, #07467a, #3a6f99 50%, #07467a);
  background-image: -webkit-linear-gradient(135deg, #07467a, #3a6f99 50%, #07467a);
  background-image: -o-linear-gradient(135deg, #07467a, #3a6f99 50%, #07467a);
  background-image: linear-gradient(135deg, #07467a, #3a6f99 50%, #07467a);
}
.card.red {
  background-color: #c95151;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(135deg, #ba1717, #cd6060 50%, #ba1717);
  background-image: -webkit-linear-gradient(135deg, #ba1717, #cd6060 50%, #ba1717);
  background-image: -o-linear-gradient(135deg, #ba1717, #cd6060 50%, #ba1717);
  background-image: linear-gradient(135deg, #ba1717, #cd6060 50%, #ba1717);
}
.card.gold {
  background-color: #d0a157;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(135deg, #c88723, #d2a764 50%, #c88723);
  background-image: -webkit-linear-gradient(135deg, #c88723, #d2a764 50%, #c88723);
  background-image: -o-linear-gradient(135deg, #c88723, #d2a764 50%, #c88723);
  background-image: linear-gradient(135deg, #c88723, #d2a764 50%, #c88723);
}
.card.green {
  background-color: #4f9c50;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(135deg, #317b31, #57a458 50%, #317b31);
  background-image: -webkit-linear-gradient(135deg, #317b31, #57a458 50%, #317b31);
  background-image: -o-linear-gradient(135deg, #317b31, #57a458 50%, #317b31);
  background-image: linear-gradient(135deg, #317b31, #57a458 50%, #317b31);
}
.creditOrDebit {
  border-radius: 10px;
}
.creditOrDebit:after {
  content: "";
  width: 25%;
  height: 25%;
  position: absolute;
  right: 5%;
  bottom: 5%;
}
.creditOrDebit:before {
  content: "";
  width: 25%;
  height: 25%;
  position: absolute;
  right: 5%;
  top: 5%;
}
.creditOrDebit.visa:after {
  background: url("https://www.paypalobjects.com/webstatic/logo/cards/visa_2x.png") no-repeat;
  background-size: 100%;
}
.creditOrDebit.visa .cardType {
  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;
}
.creditOrDebit.mastercard:after {
  background: url("https://www.paypalobjects.com/webstatic/logo/cards/mastercard_2x.png") no-repeat;
  background-size: 100%;
}
.creditOrDebit.mastercard .cardType {
  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;
}
.creditOrDebit.amex:after {
  width: 20%;
  height: 35%;
  background: url("https://www.paypalobjects.com/webstatic/logo/cards/amex_2x.png") no-repeat;
  background-size: 100%;
}
.creditOrDebit.amex .cardType {
  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;
}
.creditOrDebit.discover:after {
  background: url("https://www.paypalobjects.com/webstatic/logo/cards/discover_2x.png") no-repeat;
  background-size: 100%;
}
.creditOrDebit.discover .cardType {
  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;
}
.creditOrDebit.maestro:after {
  background: url("https://www.paypalobjects.com/webstatic/logo/cards/maestro_2x.png") no-repeat;
  background-size: 100%;
}
.creditOrDebit.maestro .cardType {
  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;
}
.creditOrDebit.jcb:after {
  background: url("https://www.paypalobjects.com/webstatic/logo/cards/jcbcard_2x.png") no-repeat;
  background-size: 82%;
}
.creditOrDebit.jcb .cardType {
  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;
}
.creditOrDebit.china_union_pay:after {
  background: url("https://www.paypalobjects.com/webstatic/logo/cards/CUP_2x.png") no-repeat;
  background-size: 100%;
}
.creditOrDebit.china_union_pay .cardType {
  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;
}
.creditOrDebit.china_union_pay_dual:before {
  background: url("https://www.paypalobjects.com/webstatic/logo/cards/CUP_2x.png") no-repeat;
  background-size: 100%;
}
.creditOrDebit.china_union_pay_dual .cardType {
  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;
}
.creditOrDebit .ribbon {
  top: 72%;
}
.creditOrDebit .cardName {
  padding-top: 1em;
}
.creditOrDebit .lastDigits {
  width: 100%;
  padding: 26% 0 24%;
  display: inline-block;
  text-align: center;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}
.creditOrDebit .cardType {
  position: absolute;
  bottom: 1em;
  right: 0.5em;
}
.walletPref-cardBankDetails {
  width: 70%;
  margin: 0;
  display: block;
  font-size: 15px;
  line-height: 110%;
}
.walletPref-cardDetails {
  padding: 8px 0;
}
.walletPref-bankDetails {
  padding: 0;
}
.walletPref-header_choiceCFSPreferredTitle {
  margin: 0 0 2px;
  font-size: 18px;
  font-weight: bold;
}
.walletPref-balanceModule {
  margin: 18px 0 32px 15px;
}
.walletPref-checkmark_balance:before {
  margin: 5px;
  padding: 0.5px 3px 2.7px 4px;
  border-radius: 10px;
  color: #ffffff;
  background-color: #3ea134;
  line-height: 1.5;
}
.walletPref-label_balance {
  padding: 0px 0px 8px 0px;
}
.walletPref-addFILink {
  width: 265px;
  margin: 30px auto 0;
  padding: 10px 0 70px;
  border-radius: 10px;
  display: block;
  text-align: center;
  color: #999999;
  background: #eeeeee;
  font-size: 1.142857142857143em;
  font-size: 1.25rem;
  line-height: 1.05em;
}
.walletPref-addFILink > span {
  margin-top: 10%;
  display: block;
  color: #999999;
}
.walletPref-radio {
  width: 100%;
  list-style: none;
  border-top: 1px solid #eeeeee;
  background: url('https://www.paypalobjects.com/webstatic/sprite/sprite_logos_wallet_2x.png');
  background-repeat: no-repeat;
  background-position: 10px -492px;
  position: relative;
}
.walletPref-image_bank {
  background: url("https://www.paypalobjects.com/webstatic/icon/generic-bank_2x.png") no-repeat;
  background-size: 30px;
  background-position: 17px 12px;
}
.walletPref-image_VISA {
  background-position: 10px -84px;
}
.walletPref-image_PPCREDIT {
  background-position: 21px 10px;
  background-size: 47px;
}
.walletPref-image_MCARD {
  background-position: 10px -191px;
}
.walletPref-image_AMEX {
  background-position: 13px -290px;
}
.walletPref-image_DISC {
  background-position: 10px -587px;
}
.walletPref-image_BCVL {
  background: url("https://www.paypalobjects.com/webstatic/logo/credit_products/PayPal_SmartConnect_292x183.png") no-repeat;
  background-size: 30px;
  background-position: 17px 50%;
}
/* eBay MasterCard */
.walletPref-image_DLEBAY {
  background: url("https://www.paypalobjects.com/webstatic/logo/credit_products/eBay_mastercard_292x183.png") no-repeat;
  background-size: 39px;
  background-position: 11px 50%;
}
/* PayPal Extras */
.walletPref-image_DLPLUS {
  background: url("https://www.paypalobjects.com/webstatic/logo/credit_products/PayPal_extras_292x183.png") no-repeat;
  background-size: 39px;
  background-position: 11px 50%;
}
.walletPref-radio:last-child {
  border-bottom: 1px solid #eeeeee;
}
.walletPref_checked:last-child {
  border-bottom: 1px solid #a8d7e9;
}
.walletPref-radio > input {
  position: absolute;
  opacity: 0;
}
.walletPref-label_finInstrument {
  padding: 10px 0 10px 60px;
  margin: 0;
  display: block;
  cursor: pointer;
}
.walletPref-label_finInstrument:hover > .settings-icon:before {
  border: 1px solid #0078c0;
  box-shadow: none;
}
.walletPref-label_finInstrument:hover > :not(.walletPref-checkmark):before {
  content: '';
}
.settings-icon:before {
  position: absolute;
  top: 20px;
  right: 20px;
  border-radius: 5px;
}
.walletPref-label_finInstrument:hover > .walletPref-checkmark:before {
  border: none;
}
.walletPref-instrumentList {
  padding: 18px 0 0;
  margin-left: 0;
  text-align: left;
}
.walletPref-instrumentDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.walletPref-link_unconfirmed {
  margin-left: 16px;
  font-size: 13px;
  display: block;
}
.walletPref_checked {
  border-top: 1px solid #a8d7e9;
  border-bottom: 1px solid #a8d7e9;
  background-color: #fafdfe;
}
.walletPref-checkmark:before {
  position: absolute;
  right: 2%;
  color: #0078c0;
  font-size: 35px;
}
.walletPref-footer_disclaimer {
  margin: 32px 4px 30px 8px;
  padding-left: 0;
  font-size: 14px;
  color: #999;
  line-height: 100%;
}
.walletPref-subheader_disclaimer {
  font-weight: bold;
}
.walletPref_btn-save {
  width: 60%;
}
/**
 * @fileOverview Responsive Styles for the paypal credit payment page
 * @name Responsive Credit Payment
 */
@media (max-width: 1024px) {
  .paypalSourcesContainer {
    width: 275px;
  }
}
/* tablets - portrait */
@media (max-width: 768px) {
  .paypalSources {
    width: 100%;
  }
  .paypalSourcesContainer {
    width: 100%;
    padding: 0;
    position: relative;
  }
  .cards {
    width: 100%;
    padding: 10px 35px;
    margin-left: 0;
  }
  .row-fluid .thumbnails {
    margin-left: 14px;
  }
  .confirmCard-btn_confirm {
    margin-bottom: 20px;
  }
}
/* Smartphones ----------- */
@media (max-width: 640px) {
  .listFABBank .overpanel-content {
    width: 100%;
  }
  .listFABBank .listBanks .icon-arrow-right-small:before {
    content: "";
  }
  .listFABBank .listBanks .icon-arrow-right-small:after {
    content: "\e008";
    position: absolute;
    top: 20px;
    right: 0;
  }
  .listFABBank .listBanks li {
    width: 100%;
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin-bottom: 0;
    position: relative;
  }
  .listFABBank .listBanks .logo-bigger {
    width: 100%;
    background-size: 143px;
    text-align: left;
  }
  .cards {
    padding: 10px 23px;
    overflow-x: visible;
  }
  .row-fluid .thumbnails {
    margin-left: 0;
  }
  .cards .fundingSources .fundingSource {
    margin: 0 0 0 17px;
  }
  .cards .card {
    width: 210px;
    min-height: 125px;
  }
  .cards .thumbnail.banking .cardName {
    padding: 0;
  }
  .cards .thumbnail.banking .noBankType {
    margin-top: 37%;
  }
  form[name="confirmDeposits"] .numericCode {
    width: 100%;
  }
  .cards .savedOffer {
    width: 300px;
    height: 140px;
  }
  .savedOffer .merchant {
    font-size: 0.9142857142857143em;
    font-size: 1rem;
    line-height: 1.3125em;
  }
  .savedOffer .ribbon {
    top: 38%;
  }
  .savedOffer .bottom {
    margin-top: 15.5px;
  }
  .savedOffer.thumbnail .value {
    margin-top: 28px;
    font-size: 1.3714285714285714em;
    font-size: 1.5rem;
    line-height: 1.4166666666666667em;
    font-size: 3.5vw;
  }
  .savedOffer.thumbnail .hasCents {
    margin-top: 36px;
    font-size: 1.2000000000000002em;
    font-size: 1.3125rem;
    line-height: 0.9523809523809523em;
  }
  .savedOffer .percent_discount span:first-child {
    top: -4px;
  }
  .savedOffer .percent_discount span:last-child {
    bottom: -7px;
  }
  .savedOffer .offerSummary {
    padding: 15px 0 0 8px;
  }
  .savedOffer .offer {
    margin-bottom: -5px;
  }
  .savedOffer .expirationDate {
    margin: 0;
  }
  .savedOfferDetails .menu .image {
    width: 100%;
    min-height: 100%;
  }
  .savedOfferDetails .offerSummary {
    padding-left: 15px;
  }
  .savedOfferDetails .terms {
    margin-bottom: 0;
  }
  .findOffers.btn {
    width: 100%;
  }
  .bankInfo .check {
    width: auto;
    margin: 0.5em auto 1em;
  }
  .bankInfo form .textInput {
    width: 100%;
    padding: 0;
  }
  .bankInfo form .textInput.lastName {
    margin-top: 0.5em;
  }
  .check.CA.onroutingNum:before {
    /* @noflip */
    left: 14%;
    bottom: 10%;
  }
  .check.CA.onroutingNum2:before {
    bottom: 10%;
    /* @noflip */
    left: 32%;
  }
  .check.CA.onaccountNum:before {
    bottom: 8%;
    /* @noflip */
    left: 44.5%;
  }
  .bankInfo .routingNum input:not([type=submit]):not([type=radio]):not([type=checkbox]),
  .bankInfo .accountNum input:not([type=submit]):not([type=radio]):not([type=checkbox]) {
    border-width: 1px;
    border-style: solid;
    border-color: #bec0c2 #bec0c2 #dbdfe2;
    border-radius: 5px;
  }
  .fiDetails .hasHelp .onOff .contextualHelp {
    margin-top: 5px;
    right: 27px;
  }
  .wallet .help {
    padding: 0 6px;
    margin: 0 15px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 2px solid #bbb;
    background: #ffffff;
    color: #666666;
    font-size: 14px;
    margin: 0;
  }
  .wallet .help:hover,
  .wallet .help:focus,
  .wallet .help:active {
    color: #666666;
    background: #ffffff;
    text-decoration: none;
  }
  .fiDetails .alert {
    margin-top: -40px;
  }
  .addFI .alert {
    margin-top: -178px;
  }
  /**
	 * https://jira.paypal.com/jira/browse/PPWLLTEXP-1737
	 *
	 * Making sure the amounts wrap onto the next line and are left-aligned
	 * Also adjusting the font-size to match the respective labels
	 */
  .paypalCredit .cs-amount {
    float: none;
    text-align: left;
    font-size: 1.3714285714285714em;
    font-size: 1.5rem;
  }
  .paypalCredit .cs-label {
    line-height: 1.5em;
  }
  .paypalCredit .cs-label span.x-small {
    font-size: 0.5142857142857143em;
    font-size: 0.5625rem;
  }
  .confirmCard-btn_confirm {
    margin-bottom: 20px;
  }
}
/* phone portrait */
@media (max-width: 479px) {
  .paypalSources .paypalCredit,
  .paypalSources .paypalBalance {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .paypalSources .paypalFunds .amount {
    right: 0.5em;
  }
  .cards {
    padding-bottom: 10px;
  }
  .cards .thumbnail,
  .cards .ghost .card {
    width: 145px;
    height: 100px;
    min-height: 87px;
    padding: 0.3em;
  }
  .cards .thumbnail.banking .cardName {
    margin-bottom: -4px;
    font-size: 1em;
  }
  .cards .thumbnail.banking .type {
    font-size: 0.85em;
  }
  .cards .thumbnail.banking .lastDigits {
    margin-top: 21%;
  }
  .cards .thumbnail.banking .noBankType {
    margin-top: 40%;
  }
  .cards .thumbnail .pad ~ .lastDigits {
    margin-top: 7%;
  }
  .cards .thumbnail.creditOrDebit .lastDigits {
    padding-top: 49%;
  }
  .cards .thumbnail > span:not(.ribbon) {
    padding: 0.3em;
    margin: 0;
    font-size: 1em;
  }
  .fundingSource .addFI.card {
    font-size: 0.8571428571428572em;
    font-size: 0.9375rem;
    line-height: 1.4em;
  }
  .fundingSource .addFI.card span {
    margin-top: 8%;
  }
  .creditOrDebit .ribbon {
    top: 46%;
  }
  .bankInfo .check {
    width: 287px;
    height: 7em;
  }
  .bankInfo .check.onaccountNum:before,
  .bankInfo .check.onroutingNum:before {
    width: 26%;
    border-width: 2px;
    bottom: 0.75em;
  }
  .bankInfo .check.onaccountNum:before {
    /* @noflip */
    left: 30%;
  }
  .ebayGiftCards .giftCard span.value {
    padding: 0;
    font-size: 1.5em;
  }
  .ebayGiftCards .giftCard.thumbnail:after {
    height: 28px;
    background-size: 60%;
  }
  .cards .savedOffer.thumbnail {
    width: auto;
  }
  .savedOffer.thumbnail .merchantLogo:before {
    width: 21px;
    bottom: 82px;
    left: 12px;
    top: -3px;
  }
  .savedOffer.thumbnail span.merchantLogo {
    width: 30px;
    height: 30px;
    padding: 1px;
    margin: -0.7em 0 0 0.1em;
  }
  .savedOffer.thumbnail .multiline-ellipsis {
    height: 28px;
    overflow: hidden;
    line-height: 14px;
  }
  .savedOffer.thumbnail .multiline-ellipsis:before {
    content: "";
    width: 5px;
    height: 28px;
    float: left;
  }
  .savedOffer.thumbnail .multiline-ellipsis > .text {
    width: 100%;
    margin-left: -5px;
    float: right;
    word-wrap: break-word;
  }
  .savedOffer.thumbnail .multiline-ellipsis:after {
    content: "\02026";
    width: 18px;
    margin-left: -18px;
    padding-right: 5px;
    float: right;
    position: relative;
    top: -14px;
    left: 100%;
    text-align: right;
    background: #ffffff;
  }
  .savedOffer.thumbnail span.merchant {
    width: 85%;
    padding-top: 0;
  }
  .savedOffer.thumbnail .ribbon {
    top: 35%;
  }
  .savedOffer.thumbnail span.bottom {
    padding: 0;
    margin-top: 0.7em;
  }
  .savedOffer.thumbnail .value {
    margin-top: 1.5em;
  }
  .savedOffer.thumbnail .percent_discount span:first-child {
    top: -3px;
  }
  .savedOffer.thumbnail .percent_discount span:last-child {
    right: -1px;
    bottom: -3px;
  }
  .savedOffer.thumbnail .hasCents {
    margin-top: 1em;
  }
  .savedOffer.thumbnail .offerSummary {
    padding-left: 0.5em;
    font-size: 0.857142857em;
  }
  .savedOffer.thumbnail .offerSummary:before {
    height: 35px;
    margin-top: -14px;
  }
  .savedOffer.thumbnail .offer {
    margin-bottom: -10px;
  }
  .bankInfo .dob .nativeDropdown {
    width: 33.3%;
  }
  form.confirmDeposits .sampleStatement {
    width: 18.5em;
    height: 8em;
  }
  form.confirmDeposits .sampleStatement table {
    margin-top: 1em;
  }
  form.confirmDeposits .sampleStatement tr:last-child {
    line-height: 1.2em;
  }
  form.confirmDeposits .sampleStatement p {
    margin-top: 2.5em;
  }
  form.confirmDeposits .sampleStatement p:before {
    width: 30px;
    margin-left: -2.2em;
    top: -1.2em;
  }
  .span5.balanceNumeral,
  .span5.creditNumeral {
    width: auto;
    float: right;
  }
  .span7.moduleHeader {
    width: auto;
  }
  /**
	 * https://jira.paypal.com/jira/browse/PPWLLTEXP-1276
	 *
	 * Reducing the font size of the ribbon text to accommodate
	 * terms in other languages
	 */
  .ribbonBadge {
    font-size: 0.6em;
  }
  .confirmCard-btn_confirm,
  .addCard-btn_confirm {
    margin-bottom: 20px;
  }
}
/* tablets - portrait */
@media (max-width: 768px) {
  .cardSummary .creditOrDebit .lastDigits {
    padding-top: 28%;
  }
}
/* Smartphones ----------- */
@media (max-width: 479px) {
  .creditOrDebit .lastDigits {
    text-align: left;
  }
}
/* Tablet Portrait ----------- */
@media (max-width: 768px) {
  .addFI.btn.hidden-phone {
    top: 10px;
    right: 10px;
    z-index: 1030;
  }
}
/* Smartphones ----------- */
@media (max-width: 640px) {
  .selectAddType .thumbnails {
    margin: 0;
  }
  .selectAddType .thumbnails li {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
  }
  .selectAddType .thumbnails li.btn {
    border: 0;
    border-bottom: 1px solid #bec0c2;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
  }
  .selectAddType .thumbnails:last-child li:last-child {
    border: 0;
  }
  .selectAddType a {
    padding: 1.2em;
    text-align: left;
    text-indent: 4em;
  }
  .selectAddType a:before {
    height: 42px;
    margin: 0;
    top: 7px;
    left: 0;
    background-size: 70% auto;
  }
  .selectAddType .addBankCardLink:before {
    height: 49px;
    top: 4px;
    background-position: center -42px;
    background-size: 68% auto;
  }
  .selectAddType .addGiftCard:before {
    background-position: center -91px;
  }
  .selectAddType .addLoyaltyCard:before {
    background-position: center -132px;
  }
  .selectAddType .addOffers:before {
    background-position: center -173px;
  }
  .addCreditCard.initiateConfirm .btns .btn,
  .addDebitCard.initiateConfirm .btns .btn {
    width: 80%;
    margin: 0 0.5em 1em;
  }
  .addCreditCard .ccNumber input,
  .addDebitCard .ccNumber input {
    background-position: 85% -492px;
  }
  .addCreditCard .ccNumber input[data-ctype="visa"],
  .addDebitCard .ccNumber input[data-ctype="visa"] {
    background-position: 85% -88px;
  }
  .addCreditCard .ccNumber input[data-ctype="mastercard"],
  .addDebitCard .ccNumber input[data-ctype="mastercard"] {
    background-position: 85% -195px;
  }
  .addCreditCard .ccNumber input[data-ctype="amex"],
  .addDebitCard .ccNumber input[data-ctype="amex"] {
    background-position: 85% -294px;
  }
  .addCreditCard .ccNumber input[data-ctype="discover"],
  .addDebitCard .ccNumber input[data-ctype="discover"] {
    background-position: 85% -591px;
  }
  .addCreditCard .creditCardInput .csc input,
  .addDebitCard .creditCardInput .csc input {
    width: 63%;
  }
  .bankInfo .modal-body {
    padding-bottom: 100px;
    max-height: 100%;
  }
  .bankInfo .dob {
    width: 100%;
    margin: 0;
  }
  .bankInfo .contextualHelp {
    width: 10%;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 22px;
    z-index: 10;
  }
  .bankInfo .contextualHelp.GB {
    width: 30px;
    margin: 0;
    position: relative;
    top: 0;
  }
  .bankInfo .bankCountry {
    width: 100%;
    margin: 0;
  }
  .addModal .btns {
    margin: 0;
  }
  .addModal .btns .btn {
    min-width: 100%;
  }
  .addNewAddress .btns .btn {
    width: 100%;
    margin: 0 0 1em;
  }
}
@media (max-width: 479px) {
  .addBankCard form {
    width: 100%;
  }
  .confirmBank .btn-group {
    width: 100%;
  }
  .confirmBank .btn-group .btn-large {
    padding: 9px 0;
    font-size: 14px;
  }
  .addFI .save,
  .addAddressModal .save,
  .confirmBank .confirm.btn {
    width: 55%;
  }
  .fiDetails .alert,
  .addFI .alert,
  .addAddressModal .alert {
    margin-top: -66px;
  }
}
.datepicker {
  z-index: 1060 !important;
}
/* smartphones ----------- */
@media (max-width: 640px) {
  .payment-btn {
    min-width: 100%;
  }
  .paymentReview-title {
    text-align: left;
    margin-left: -1px;
    width: 100%;
  }
  .container-fluid {
    padding: 0;
  }
  .theoverpanel.open-side-panel .sidepanel {
    right: 0;
    margin: 0;
  }
  .theoverpanel h2 {
    margin-top: -7px;
  }
  .row-fluid .payment {
    width: 100%;
  }
  .payment {
    margin: 0 -15px;
  }
  .payment .payByMail {
    display: none;
  }
  .payment .payByMail_mobileWeb {
    display: block;
  }
  .payment .payByMail-placeholder {
    margin-top: 10px;
    padding-right: 0;
    float: none;
  }
  .payment .payByMail_onlyAdjusted {
    margin-top: 30px;
  }
  .payment .fullScreenTooltip {
    margin-left: 0;
    display: block;
    text-align: center;
  }
  .payment .nav li a {
    min-height: 64px;
  }
  .payment .headline {
    padding-bottom: 0;
  }
  .payment .paymentOptions {
    margin-top: 5px;
    padding: 0;
  }
  .payment .paymentOptions.count4 li.paymentOption,
  .payment .paymentOptions.count3 li.paymentOption,
  .payment .paymentOptions.count2 li.paymentOption {
    width: 100%;
  }
  .payment .paymentOptions .icon.icon-checkmark-small {
    display: none;
  }
  .payment .paymentOptions .icon.icon-checkmark-small.mobile {
    display: none;
  }
  .payment .paymentOptions .otherAmount .textInput.hasError:before {
    bottom: 14px;
  }
  .payment .paymentOptions .otherAmount.fixedType .textInput.hasError:before {
    bottom: 21px;
  }
  .payment .line {
    border-top: 0;
  }
  .payment li.paymentOption {
    width: 100%;
    height: 54px;
    text-align: left;
    margin: 0;
    border-bottom: 1px solid #dddddd;
    border-right: 6px solid #f5f5f5;
  }
  .payment li.paymentOption:first-child {
    border-top: 1px solid #dddddd;
  }
  .payment li.paymentOption .paymentAmount {
    float: right;
    margin-top: 0;
  }
  .payment li.paymentOption .wrapper {
    margin: 0;
    height: 54px;
    line-height: 54px;
    width: 100%;
    padding: 0 10px 0 5px;
  }
  .payment li.paymentOption .wrapper label {
    display: inline;
  }
  .payment li.paymentOption .wrapper label .upper,
  .payment li.paymentOption .wrapper label .lower {
    display: inline;
  }
  .payment li.paymentOption .wrapper .iconBlock {
    width: 35px;
    min-height: 50px;
    display: inline-block;
    float: left;
  }
  .payment li.paymentOption.selected,
  .payment li.paymentOption:hover.hasHover {
    border-right: 6px solid #3ea134;
  }
  .payment li.paymentOption.selected .paymentAmount,
  .payment li.paymentOption:hover.hasHover .paymentAmount {
    font-size: 1.4em;
    font-weight: normal;
  }
  .payment li.paymentOption.selected label,
  .payment li.paymentOption:hover.hasHover label {
    font-weight: bold;
  }
  .payment li.paymentOption.selected .highlight,
  .payment li.paymentOption:hover.hasHover .highlight {
    display: none;
  }
  .payment li.paymentOption.selected .icon,
  .payment li.paymentOption:hover.hasHover .icon {
    margin: auto;
  }
  .payment li.paymentOption.selected .icon.checkmark,
  .payment li.paymentOption:hover.hasHover .icon.checkmark {
    display: none;
  }
  .payment li.paymentOption.selected .icon.checkmark.mobile,
  .payment li.paymentOption:hover.hasHover .icon.checkmark.mobile {
    display: inline;
  }
  .payment li.paymentOption.selected.fixedType,
  .payment li.paymentOption:hover.hasHover.fixedType {
    border: 0;
    width: 100%;
  }
  .payment li.paymentOption.selected .payment_checkmark,
  .payment li.paymentOption:hover.hasHover .payment_checkmark {
    display: none;
  }
  .payment li.paymentOption.selected .payment_checkmark.mobile,
  .payment li.paymentOption:hover.hasHover .payment_checkmark.mobile {
    display: block;
    top: 23px;
    position: relative;
    padding-left: 5px;
    font-weight: normal;
  }
  .payment li.paymentOption .textInput label {
    line-height: 30px;
  }
  .payment li.paymentOption .hasHelp.validate {
    height: 30px;
  }
  .payment li.paymentOption .textInput.lap {
    top: 7px;
  }
  .payment li.paymentOption.fixedType .textInput.lap {
    top: 22px;
  }
  .payment li.paymentOption.fixedType .hasHelp.validate {
    height: 44px;
  }
  .payment li.paymentOption.fixedType .textInput label {
    line-height: 44px;
  }
  .payment li.paymentOption.fixedType .textInput.amount {
    width: 90%;
  }
  .payment li.paymentOption.fixedType .icon.icon-tooltip-outline-small {
    top: 8px;
    left: -6px;
    float: right;
    z-index: 10;
  }
  .payment li.paymentOption.count1 li {
    width: 99.25%;
  }
  .payment li.paymentOption.count1.fixedType li {
    width: 90%;
  }
  .payment li.otherAmount .paymentAmount {
    margin-top: 20px;
    float: right;
    position: relative;
  }
  .payment li.otherAmount .amountWrapper {
    position: absolute;
    left: -100px;
  }
  .payment li.otherAmount.fixedType {
    width: 90%;
  }
  .payment li.otherAmount.fixedType .paymentAmount {
    margin-top: 3px;
    clear: both;
    width: 100%;
  }
  .payment li.otherAmount.fixedType .amountWrapper {
    position: absolute;
    left: 0;
    width: 100%;
  }
  .payment .noPaymentDue .upArrow,
  .payment .adjustedBalanceBlock .upArrow {
    right: 0;
    top: 70px;
  }
  .payment .adjustedBalanceBlock {
    padding: 10px;
  }
  .payment .paymentMethod {
    margin: 30px 10px 10px;
    max-width: 100%;
  }
  .payment .headline .headlineMessage {
    margin-left: 40px;
    position: relative;
    top: -25px;
  }
  .payment .input-append .add-on {
    float: right;
    position: absolute;
    right: -9px;
    top: 0;
  }
  .payment .input-append .scheduledDate {
    width: 100%;
    float: none;
  }
  .payment .paymentCal-leftCol_sm {
    margin-left: 10px;
    padding-bottom: 15px;
    width: 93%;
    padding-right: 10px;
    position: static;
  }
  .payment .paymentCal-rightCol_sm,
  .payment p.note.recurringPay {
    width: 90%;
    margin-left: 20px;
  }
  .payment .overpanel-body.row-fluid > div:not(.btn-block) {
    padding: 15px;
  }
  .payment .btnWrapper {
    padding: 0 10px;
  }
  .payment .btnWrapper .vx_btn.continue {
    min-width: 100%;
  }
  .payment .recurringPaymentInfo {
    padding-top: 15px;
    margin-bottom: 0;
  }
  .payment .dataRow {
    position: relative;
    margin-top: 15px;
    top: 15px;
    border-top: 1px dotted #dddddd;
    border-bottom: none;
  }
  .payment .dataRow .dataLabel {
    width: auto;
    max-width: 47%;
    top: -15px;
    bottom: 0;
    min-height: 0;
  }
  .payment .dataRow .dataValue {
    width: auto;
    max-width: 53%;
    text-align: right;
    top: -15px;
    min-height: 0;
  }
  .payment .dataRow.autopaySchedule .dataValue {
    padding-bottom: 0;
  }
  .payment .paymentCalendar {
    width: 100%;
  }
  .payment .paymentMethodError {
    top: -65px;
    margin-left: 10px;
    max-width: 100%;
  }
  .payment .paymentMethodError.hasError:before {
    right: 45px;
  }
  .payment.installmentForm .remainingBalance {
    margin-left: 17px;
    padding-right: 17px;
  }
  .payment.installmentForm .inputFields {
    padding: 25px 18px;
  }
  .payment.installmentForm .paymentMethod {
    margin: 0;
  }
  .payment.installmentForm li.paymentOption.fixedType {
    margin-bottom: 15px;
  }
  .payment.installmentForm li.paymentOption.fixedType .textInput.amount {
    width: 100%;
  }
  .payment.installmentForm li.paymentOption.fixedType .wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .payment.installmentForm .paymentMethodError {
    top: -42px;
    margin-left: 0;
  }
  .payment.installmentForm .paymentMethodError .help-error.open {
    margin-left: 0;
  }
  .payment.installmentForm .paymentOptions {
    margin-top: 0;
    padding-top: 0;
  }
  .payment.installmentForm .paymentOptions.count1.fixedType {
    margin-right: 0;
  }
  .payment.installmentForm .paymentOptions.count1.fixedType .icon.icon-tooltip-outline-small {
    top: 27px;
    right: -2px;
  }
  .payment.installmentForm .btnWrapper {
    padding: 0 18px;
  }
  .recurringPayment li.paymentOption {
    height: 54px;
  }
  .recurringPayment li.paymentOption .wrapper {
    padding: 6px 10px 0 10px;
    height: 54px;
    line-height: 0;
  }
  .recurringPayment li.paymentOption .wrapper .iconBlock {
    margin-top: 15px;
  }
  .recurringPayment li.paymentOption.selected .payment_checkmark.mobile,
  .recurringPayment li.paymentOption:hover.hasHover .payment_checkmark.mobile {
    top: 0;
  }
  .recurringPayment p.info {
    padding-top: 9px;
  }
  .paymentModal {
    padding: 0;
  }
  .paymentModal .title {
    padding-left: 10px;
  }
  .paymentModal .paymentInfo {
    display: none;
  }
  .paymentModal .reviewAndPay .title {
    padding-left: 10px;
  }
  .paymentModal .reviewAndPay .payNow {
    text-align: center;
  }
  .paymentModal .paymentForm {
    text-align: center;
  }
  .confirmPayment {
    margin: 30px auto;
    padding: 0 7px;
  }
  .confirmPayment .title {
    font-size: 1.8em;
  }
  form .lap.textInput {
    margin: 0;
  }
  form .lap.textInput.tall {
    margin: 0;
  }
  .overpanel-wrapper {
    position: relative;
  }
  .overpanel-content {
    width: 100%;
    overflow: visible;
  }
  .overpanel-content .fullScreenDialog button.btn {
    min-width: 90%;
    width: 0;
  }
  .overpanel-content .overpanel-logo {
    position: relative;
    bottom: 0;
  }
  .overpanel-body {
    width: 100%;
    margin: auto;
    height: auto;
  }
  .overpanel-logo {
    height: 34px;
  }
  .overpanel-header {
    width: 100%;
    margin: auto;
  }
  .overpanel-header .installment-title {
    margin-left: 2px;
  }
  .overpanel-header .changePaymentLink {
    float: left;
    width: 200px;
    position: absolute;
    top: 16px;
    left: 16px;
    text-decoration: none;
  }
  .overpanel-header .changePaymentLink .icon {
    margin-right: 3px;
    font-size: 1.2em;
  }
  .payment .col-xs-8.paymentReview {
    width: 100%;
    margin-left: 0;
  }
  .payment .payNow {
    margin: 15px;
  }
  .payment .paymentModalBody {
    padding: 15px;
    margin-top: 5px;
  }
  .payment .agreementWrapper {
    margin-left: 0;
  }
  .payment .agreementWrapper .userAgreement {
    padding: 15px;
  }
  .noFIPanel-buttonContainer {
    margin-left: 15px;
    margin-right: 15px;
  }
  .sameDayPayment {
    padding: 0 15px;
  }
  .installmentActivityBalance,
  .installmentActivitiesOverpanel-header,
  .activityList {
    margin-left: 5px;
  }
  .installmentOverpanel-content,
  .installmentReviewOverpanel-content,
  .installmentOverpanel-body,
  .installmentReviewOverpanel-body {
    width: 100%;
  }
  .payment-flow .installmentOverpanel-content {
    width: 100%;
  }
  .payment-flow .installmentOverpanel-content .overpanel-body,
  .payment-flow .installmentOverpanel-content .overpanel-header {
    width: 100%;
  }
  .payment-flow .overpanel-body,
  .payment-flow .overpanel-header {
    width: 100%;
  }
  .payment-flow .overpanel-logo {
    display: block;
  }
  .updateBank_summary {
    margin: 10px 0;
  }
}
/* phone portrait */
@media (max-width: 479px) {
  .payment-btn {
    min-width: 100%;
  }
  .paymentReview-title {
    text-align: left;
    margin-left: -1px;
    width: 100%;
  }
  .container-fluid {
    padding: 0;
  }
  .theoverpanel.open-side-panel .sidepanel {
    right: 0;
    margin: 0;
  }
  .theoverpanel h2 {
    margin-top: -7px;
  }
  .row-fluid .payment {
    width: 100%;
  }
  .payment {
    margin: 0 -15px;
  }
  .payment .payByMail {
    display: none;
  }
  .payment .payByMail_mobileWeb {
    display: block;
  }
  .payment .payByMail-placeholder {
    margin-top: 10px;
    padding-right: 0;
    float: none;
  }
  .payment .payByMail_onlyAdjusted {
    margin-top: 30px;
  }
  .payment .fullScreenTooltip {
    margin-left: 0;
    display: block;
    text-align: center;
  }
  .payment .nav li a {
    min-height: 64px;
  }
  .payment .headline {
    padding-bottom: 0;
  }
  .payment .paymentOptions {
    margin-top: 5px;
    padding: 0;
  }
  .payment .paymentOptions.count4 li.paymentOption,
  .payment .paymentOptions.count3 li.paymentOption,
  .payment .paymentOptions.count2 li.paymentOption {
    width: 100%;
  }
  .payment .paymentOptions .icon.icon-checkmark-small {
    display: none;
  }
  .payment .paymentOptions .icon.icon-checkmark-small.mobile {
    display: none;
  }
  .payment .paymentOptions .otherAmount .textInput.hasError:before {
    bottom: 14px;
  }
  .payment .paymentOptions .otherAmount.fixedType .textInput.hasError:before {
    bottom: 21px;
  }
  .payment .line {
    border-top: 0;
  }
  .payment li.paymentOption {
    width: 100%;
    height: 54px;
    text-align: left;
    margin: 0;
    border-bottom: 1px solid #dddddd;
    border-right: 6px solid #f5f5f5;
  }
  .payment li.paymentOption:first-child {
    border-top: 1px solid #dddddd;
  }
  .payment li.paymentOption .paymentAmount {
    float: right;
    margin-top: 0;
  }
  .payment li.paymentOption .wrapper {
    margin: 0;
    height: 54px;
    line-height: 54px;
    width: 100%;
    padding: 0 10px 0 5px;
  }
  .payment li.paymentOption .wrapper label {
    display: inline;
  }
  .payment li.paymentOption .wrapper label .upper,
  .payment li.paymentOption .wrapper label .lower {
    display: inline;
  }
  .payment li.paymentOption .wrapper .iconBlock {
    width: 35px;
    min-height: 50px;
    display: inline-block;
    float: left;
  }
  .payment li.paymentOption.selected,
  .payment li.paymentOption:hover.hasHover {
    border-right: 6px solid #3ea134;
  }
  .payment li.paymentOption.selected .paymentAmount,
  .payment li.paymentOption:hover.hasHover .paymentAmount {
    font-size: 1.4em;
    font-weight: normal;
  }
  .payment li.paymentOption.selected label,
  .payment li.paymentOption:hover.hasHover label {
    font-weight: bold;
  }
  .payment li.paymentOption.selected .highlight,
  .payment li.paymentOption:hover.hasHover .highlight {
    display: none;
  }
  .payment li.paymentOption.selected .icon,
  .payment li.paymentOption:hover.hasHover .icon {
    margin: auto;
  }
  .payment li.paymentOption.selected .icon.checkmark,
  .payment li.paymentOption:hover.hasHover .icon.checkmark {
    display: none;
  }
  .payment li.paymentOption.selected .icon.checkmark.mobile,
  .payment li.paymentOption:hover.hasHover .icon.checkmark.mobile {
    display: inline;
  }
  .payment li.paymentOption.selected.fixedType,
  .payment li.paymentOption:hover.hasHover.fixedType {
    border: 0;
    width: 100%;
  }
  .payment li.paymentOption.selected .payment_checkmark,
  .payment li.paymentOption:hover.hasHover .payment_checkmark {
    display: none;
  }
  .payment li.paymentOption.selected .payment_checkmark.mobile,
  .payment li.paymentOption:hover.hasHover .payment_checkmark.mobile {
    display: block;
    top: 23px;
    position: relative;
    padding-left: 5px;
    font-weight: normal;
  }
  .payment li.paymentOption .textInput label {
    line-height: 30px;
  }
  .payment li.paymentOption .hasHelp.validate {
    height: 30px;
  }
  .payment li.paymentOption .textInput.lap {
    top: 7px;
  }
  .payment li.paymentOption.fixedType .textInput.lap {
    top: 22px;
  }
  .payment li.paymentOption.fixedType .hasHelp.validate {
    height: 44px;
  }
  .payment li.paymentOption.fixedType .textInput label {
    line-height: 44px;
  }
  .payment li.paymentOption.fixedType .textInput.amount {
    width: 90%;
  }
  .payment li.paymentOption.fixedType .icon.icon-tooltip-outline-small {
    top: 8px;
    left: -6px;
    float: right;
    z-index: 10;
  }
  .payment li.paymentOption.count1 li {
    width: 99.25%;
  }
  .payment li.paymentOption.count1.fixedType li {
    width: 90%;
  }
  .payment li.otherAmount .paymentAmount {
    margin-top: 20px;
    float: right;
    position: relative;
  }
  .payment li.otherAmount .amountWrapper {
    position: absolute;
    left: -100px;
  }
  .payment li.otherAmount.fixedType {
    width: 90%;
  }
  .payment li.otherAmount.fixedType .paymentAmount {
    margin-top: 3px;
    clear: both;
    width: 100%;
  }
  .payment li.otherAmount.fixedType .amountWrapper {
    position: absolute;
    left: 0;
    width: 100%;
  }
  .payment .noPaymentDue .upArrow,
  .payment .adjustedBalanceBlock .upArrow {
    right: 0;
    top: 70px;
  }
  .payment .adjustedBalanceBlock {
    padding: 10px;
  }
  .payment .paymentMethod {
    margin: 30px 10px 10px;
    max-width: 100%;
  }
  .payment .headline .headlineMessage {
    margin-left: 40px;
    position: relative;
    top: -25px;
  }
  .payment .input-append .add-on {
    float: right;
    position: absolute;
    right: -9px;
    top: 0;
  }
  .payment .input-append .scheduledDate {
    width: 100%;
    float: none;
  }
  .payment .paymentCal-leftCol_sm {
    margin-left: 10px;
    padding-bottom: 15px;
    width: 93%;
    padding-right: 10px;
    position: static;
  }
  .payment .paymentCal-rightCol_sm,
  .payment p.note.recurringPay {
    width: 90%;
    margin-left: 20px;
  }
  .payment .overpanel-body.row-fluid > div:not(.btn-block) {
    padding: 15px;
  }
  .payment .btnWrapper {
    padding: 0 10px;
  }
  .payment .btnWrapper .vx_btn.continue {
    min-width: 100%;
  }
  .payment .recurringPaymentInfo {
    padding-top: 15px;
    margin-bottom: 0;
  }
  .payment .dataRow {
    position: relative;
    margin-top: 15px;
    top: 15px;
    border-top: 1px dotted #dddddd;
    border-bottom: none;
  }
  .payment .dataRow .dataLabel {
    width: auto;
    max-width: 47%;
    top: -15px;
    bottom: 0;
    min-height: 0;
  }
  .payment .dataRow .dataValue {
    width: auto;
    max-width: 53%;
    text-align: right;
    top: -15px;
    min-height: 0;
  }
  .payment .dataRow.autopaySchedule .dataValue {
    padding-bottom: 0;
  }
  .payment .paymentCalendar {
    width: 100%;
  }
  .payment .paymentMethodError {
    top: -65px;
    margin-left: 10px;
    max-width: 100%;
  }
  .payment .paymentMethodError.hasError:before {
    right: 45px;
  }
  .payment.installmentForm .remainingBalance {
    margin-left: 17px;
    padding-right: 17px;
  }
  .payment.installmentForm .inputFields {
    padding: 25px 18px;
  }
  .payment.installmentForm .paymentMethod {
    margin: 0;
  }
  .payment.installmentForm li.paymentOption.fixedType {
    margin-bottom: 15px;
  }
  .payment.installmentForm li.paymentOption.fixedType .textInput.amount {
    width: 100%;
  }
  .payment.installmentForm li.paymentOption.fixedType .wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .payment.installmentForm .paymentMethodError {
    top: -42px;
    margin-left: 0;
  }
  .payment.installmentForm .paymentMethodError .help-error.open {
    margin-left: 0;
  }
  .payment.installmentForm .paymentOptions {
    margin-top: 0;
    padding-top: 0;
  }
  .payment.installmentForm .paymentOptions.count1.fixedType {
    margin-right: 0;
  }
  .payment.installmentForm .paymentOptions.count1.fixedType .icon.icon-tooltip-outline-small {
    top: 27px;
    right: -2px;
  }
  .payment.installmentForm .btnWrapper {
    padding: 0 18px;
  }
  .recurringPayment li.paymentOption {
    height: 54px;
  }
  .recurringPayment li.paymentOption .wrapper {
    padding: 6px 10px 0 10px;
    height: 54px;
    line-height: 0;
  }
  .recurringPayment li.paymentOption .wrapper .iconBlock {
    margin-top: 15px;
  }
  .recurringPayment li.paymentOption.selected .payment_checkmark.mobile,
  .recurringPayment li.paymentOption:hover.hasHover .payment_checkmark.mobile {
    top: 0;
  }
  .recurringPayment p.info {
    padding-top: 9px;
  }
  .paymentModal {
    padding: 0;
  }
  .paymentModal .title {
    padding-left: 10px;
  }
  .paymentModal .paymentInfo {
    display: none;
  }
  .paymentModal .reviewAndPay .title {
    padding-left: 10px;
  }
  .paymentModal .reviewAndPay .payNow {
    text-align: center;
  }
  .paymentModal .paymentForm {
    text-align: center;
  }
  .confirmPayment {
    margin: 30px auto;
    padding: 0 7px;
  }
  .confirmPayment .title {
    font-size: 1.8em;
  }
  form .lap.textInput {
    margin: 0;
  }
  form .lap.textInput.tall {
    margin: 0;
  }
  .overpanel-wrapper {
    position: relative;
  }
  .overpanel-content {
    width: 100%;
    overflow: visible;
  }
  .overpanel-content .fullScreenDialog button.btn {
    min-width: 90%;
    width: 0;
  }
  .overpanel-content .overpanel-logo {
    position: relative;
    bottom: 0;
  }
  .overpanel-body {
    width: 100%;
    margin: auto;
    height: auto;
  }
  .overpanel-logo {
    height: 34px;
  }
  .overpanel-header {
    width: 100%;
    margin: auto;
  }
  .overpanel-header .installment-title {
    margin-left: 2px;
  }
  .overpanel-header .changePaymentLink {
    float: left;
    width: 200px;
    position: absolute;
    top: 16px;
    left: 16px;
    text-decoration: none;
  }
  .overpanel-header .changePaymentLink .icon {
    margin-right: 3px;
    font-size: 1.2em;
  }
  .payment .col-xs-8.paymentReview {
    width: 100%;
    margin-left: 0;
  }
  .payment .payNow {
    margin: 15px;
  }
  .payment .paymentModalBody {
    padding: 15px;
    margin-top: 5px;
  }
  .payment .agreementWrapper {
    margin-left: 0;
  }
  .payment .agreementWrapper .userAgreement {
    padding: 15px;
  }
  .noFIPanel-buttonContainer {
    margin-left: 15px;
    margin-right: 15px;
  }
  .sameDayPayment {
    padding: 0 15px;
  }
  .installmentActivityBalance,
  .installmentActivitiesOverpanel-header,
  .activityList {
    margin-left: 5px;
  }
  .installmentOverpanel-content,
  .installmentReviewOverpanel-content,
  .installmentOverpanel-body,
  .installmentReviewOverpanel-body {
    width: 100%;
  }
  .payment-flow .installmentOverpanel-content {
    width: 100%;
  }
  .payment-flow .installmentOverpanel-content .overpanel-body,
  .payment-flow .installmentOverpanel-content .overpanel-header {
    width: 100%;
  }
  .payment-flow .overpanel-body,
  .payment-flow .overpanel-header {
    width: 100%;
  }
  .payment-flow .overpanel-logo {
    display: block;
  }
  .updateBank_summary {
    margin: 10px 0;
  }
}
/**
 * @fileOverview modal contains responsive styles for customized modal
 * @name responsive-modal
 * @author Zizuo Liu
 * @tested browsers ios6 iPhone Simulator
 */
/** 	
 * we consolidate the three types of modal into one to give consistent experience for tiny web
 */
@media (max-height: 600px) {
  .modal {
    top: 0;
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .modal-long .modalContent {
    padding: 0;
  }
}
/* Smartphones ----------- */
@media (max-width: 640px) {
  .modal,
  .modal-long.modal,
  .notifications .modal {
    width: 100%;
    height: 100%;
    max-height: inherit;
    padding: 0;
    margin: 0;
    border: 0;
    position: fixed;
    top: 0;
    left: 0;
    overflow: visible;
    background: #f8f8f8;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .modal .modalContent,
  .modal-long.modal .modalContent,
  .notifications .modal .modalContent {
    height: auto;
    padding: 0;
    border: 0;
    background: #f8f8f8;
    border-radius: 0;
  }
  .modal .dismiss,
  .modal-long.modal .dismiss,
  .notifications .modal .dismiss {
    top: 10px;
    right: 10px;
    padding: 0;
  }
  .modal .detailsHeader,
  .modal-long.modal .detailsHeader,
  .notifications .modal .detailsHeader {
    font-size: 1.3em;
  }
  .modal .modal-header,
  .modal-long.modal .modal-header,
  .notifications .modal .modal-header {
    padding: 0.8em 3.5em 0;
    border-bottom: 1px solid #fff;
    background: #f5f5f5;
    -webkit-box-shadow: 0 2px #d7d7d7;
    box-shadow: 0 2px #d7d7d7;
  }
  .modal .modal-body,
  .modal-long.modal .modal-body,
  .notifications .modal .modal-body {
    width: 100%;
    height: auto;
    padding: 3%;
  }
  .modal .modal-body.body-default,
  .modal-long.modal .modal-body.body-default,
  .notifications .modal .modal-body.body-default {
    width: 100%;
  }
  .modal-long.modal .modal-body {
    height: 100%;
    padding-bottom: 100px;
    position: absolute;
  }
  .notifications .modal .modal-body {
    max-height: inherit;
  }
  .notification-open .container-fluid {
    display: none;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .modal .dismiss {
    background: url("https://www.paypalobjects.com/webstatic/sprite/sprite_ia.png") -155px -378px no-repeat;
    -webkit-background-size: 175px 398px;
    -moz-background-size: 175px 398px;
    -o-background-size: 175px 398px;
    background-size: 175px 398px;
  }
}
.goalDetails-container {
  height: 100%;
  text-align: center;
}
.goalReachedDetails-customGradient {
  background: -webkit-linear-gradient(bottom right, #003087, #640487) !important;
  background: -o-linear-gradient(left top, #003087, #640487) !important;
  background: -moz-linear-gradient(left top, #003087, #640487) !important;
  background: linear-gradient(to left top, #003087, #640487) !important;
  color: #ffffff;
}
.removeBackgroundColor {
  background: none !important;
}
.goalsDetails-imageSubContainer {
  display: inline-block;
  width: 106px;
  height: 106px;
  position: relative;
}
.goalDetails-statusText {
  position: relative;
  left: 5px;
}
.goalDetails-pausedStatusText {
  color: #D20000;
}
.goalDetails-skipText {
  color: #ffffff;
}
.goalDetails-targetReachedText {
  font-weight: 300;
  margin: 5px 0 0;
}
.goalDetails-goalNameText {
  font-weight: 300;
  margin: 15px 0 0;
}
.goalDetails-currentBalanceText {
  margin: 10px 0 20px;
}
.goalDetails-targetAmountText {
  font-weight: bold;
}
.goalsDetails-manageCompletedGoalButton {
  margin: 0 0 15px;
}
.goalDetails-autoTransferText {
  display: inline;
  position: relative;
  left: 5px;
  top: 2px;
}
.goalDetails-goalReachedText {
  display: inline;
  position: relative;
  left: 5px;
  top: -1px;
}
.goalReached-formattedTargetAmountText {
  font-weight: bold;
}
.goalDetails-actionContainer {
  margin: 20px 0 0;
  min-height: 4.8em;
}
.goalDetails-transferMoneyButton {
  margin-right: 1.5em;
}
.goalDetails-infoSubContainer {
  border-top: 1px dotted #b7bcbf;
  padding-top: 40px;
}
.goalDetails-noMoneyInfoText {
  font-weight: 300;
  margin: 0 0 10px;
}
.goalDetails-autoTransferIcon {
  width: 24px;
  height: 24px;
}
.goalDetails-goalReachedIcon {
  width: 24px;
  height: 24px;
}
.confetti-animationContainer {
  margin: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  pointer-events: none;
}