| Server IP : 162.0.232.140 / Your IP : 3.14.4.171 Web Server : LiteSpeed System : Linux premium139.web-hosting.com 4.18.0-513.24.1.lve.2.el8.x86_64 #1 SMP Fri May 24 12:42:50 UTC 2024 x86_64 User : micrcvoy ( 740) PHP Version : 8.1.32 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/micrcvoy/public_html/uploads/slider/py/lib/css/ |
Upload File : |
@font-face {
font-family: xysx-vx-icons;
src: url(../fonts/xysx-Regular.eot);
src: url(../fonts/xysx-Regular.eot#iefix) format("embedded-opentype"), url(../fonts/xysx-Regular.woff2) format("woff2"), url(../fonts/xysx-Regular.woff) format("woff"), url(../fonts/xysx-Regular.ttf) format("truetype"), url(../fonts/xysx-Regular.svg#69ac2c9fc1e0803e59e06e93859bed03) format("svg");
font-style: normal;
font-weight: 400
}
.xysredborderx {
border-color: #d20000;
color: #d20000;
}
.cookiedProfile {
text-align: left;
margin-bottom: 10px;
height: 44px;
width: 100%;
padding: 12px 10px 12px 5px;
border: 1px solid #9da3a6;
background: #fff;
background-color: rgb(255, 255, 255);
text-overflow: ellipsis;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #6c7378;
font-size: 1em;
font-family: Helvetica,Arial,sans-serif;
font-weight: 400;
direction: ltr;
background-color: #f7f9fa;
}
.vx_alert,
.vx_alert_inline {
display: table;
width: 100%;
margin-bottom: 5px;
padding: 1rem;
border: 1px solid #9da3a6;
border-left-width: 0;
border-right-width: 0;
color: #9da3a6
}
.vx_alert_inline {
border: none;
padding-left: 0;
padding-right: 0
}
.vx_alert-critical:before,
.vx_alert-help:before,
.vx_alert-success:before,
.vx_alert-warning:before {
display: inline-block;
vertical-align: top;
width: 1.5em;
padding: .6rem 0 0;
margin-left: -.1em;
font-size: 1.8rem;
line-height: 0;
font-family: xysx-vx-icons
}
.vx_alert-help {
border-color: #009cde;
color: #009cde
}
.vx_alert-help:before {
content: "\2139";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.vx_alert-success {
border-color: #00cf92;
color: #00cf92
}
.vx_alert-success:before {
content: "\2714";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.vx_alert-warning {
border-color: #ff9600;
color: #ff9600
}
.vx_alert-warning:before {
content: "\FE15";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.vx_alert-critical {
border-color: #d20000;
color: #d20000
}
.vx_alert-critical:before {
content: "\26A0";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.vx_alert-icon {
display: inline-block;
vertical-align: top;
width: 1.5em;
padding: .6rem 0 0;
margin-top: -2px;
padding: 0;
font-size: 1.6rem;
line-height: 0
}
.vx_alert-text {
margin: 0 0 0 2.5em;
color: #2c2e2f;
display: table-cell;
width: 100%
}
@media (min-width:768px) {
.vx_alert {
border-left-width: 1px;
border-right-width: 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
}
.vx_btn {
background-color: #0070ba;
-webkit-border-radius: 1.5rem;
-moz-border-radius: 1.5rem;
border-radius: 1.5rem;
border: .0625rem solid #0070ba;
cursor: pointer;
display: inline-block;
font-family: PayPal-Sans, Helvetica Neue, Arial, sans-serif;
font-size: .9375rem;
line-height: 1.5rem;
margin-bottom: 1.5rem;
min-width: 6rem;
padding: .6875rem 1.4375rem;
text-align: center;
text-decoration: none;
-webkit-transition: color .24s ease, background-color .24s ease, border-color .24s ease, -webkit-box-shadow .24s ease;
transition: color .24s ease, background-color .24s ease, border-color .24s ease, -webkit-box-shadow .24s ease;
-o-transition: color .24s ease, background-color .24s ease, border-color .24s ease, box-shadow .24s ease;
-moz-transition: color .24s ease, background-color .24s ease, border-color .24s ease, box-shadow .24s ease, -moz-box-shadow .24s ease;
transition: color .24s ease, background-color .24s ease, border-color .24s ease, box-shadow .24s ease;
transition: color .24s ease, background-color .24s ease, border-color .24s ease, box-shadow .24s ease, -webkit-box-shadow .24s ease, -moz-box-shadow .24s ease;
font-weight: 500;
-webkit-font-smoothing: antialiased
}
.vx_btn,
.vx_btn:active,
.vx_btn:focus,
.vx_btn:hover,
.vx_btn:visited {
color: #fff
}
.vx_btn:active,
.vx_btn:focus,
.vx_btn:hover {
background-color: #003087;
border-color: #003087
}
.vx_btn:hover {
text-decoration: none
}
.vx_btn:active,
.vx_btn:focus {
outline: none;
text-decoration: underline
}
.vx_btn+.vx_btn {
margin-left: .75rem
}
.vx_btn.vx_btn-block {
margin-right: 0;
margin-left: 0;
width: 100%
}
.vx_btn_reversed {
background-color: #fff;
color: #0070ba;
border-color: #fff
}
.vx_btn_reversed:visited {
color: #0070ba
}
.vx_btn_reversed:active,
.vx_btn_reversed:focus,
.vx_btn_reversed:hover {
background-color: #f5f7fa;
border-color: #f5f7fa;
color: #003087
}
.vx_btn-secondary {
background: none;
color: #0070ba;
border-color: #0070ba
}
.vx_btn-secondary:visited {
color: #0070ba
}
.vx_btn-secondary:active,
.vx_btn-secondary:focus,
.vx_btn-secondary:hover {
background: none;
border-color: #003087;
-webkit-box-shadow: 0 0 0 .0625rem #003087 inset;
-moz-box-shadow: 0 0 0 .0625rem #003087 inset;
box-shadow: inset 0 0 0 .0625rem #003087;
color: #003087
}
.vx_btn-secondary_reversed {
background: none;
color: #fff;
border-color: #fff
}
.vx_btn-secondary_reversed:visited {
color: #fff
}
.vx_btn-secondary_reversed:active,
.vx_btn-secondary_reversed:focus,
.vx_btn-secondary_reversed:hover {
background: none;
border-color: #fff;
-webkit-box-shadow: 0 0 0 .0625rem #fff inset;
-moz-box-shadow: 0 0 0 .0625rem #fff inset;
box-shadow: inset 0 0 0 .0625rem #fff;
color: #fff
}
.vx_btn-medium {
min-width: 4.5rem;
padding: .5rem 1.0625rem
}
.vx_btn-medium,
.vx_btn-small {
font-size: .8125rem;
line-height: 1.125rem
}
.vx_btn-small {
min-width: 3.75rem;
padding: .3125rem .875rem
}
.vx_btn-icon {
background: none;
border-color: #0070ba;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: .5rem
}
.vx_btn-icon,
.vx_btn-icon:visited {
color: #0070ba
}
.vx_btn-icon:active,
.vx_btn-icon:focus,
.vx_btn-icon:hover {
background: none;
border-color: #003087;
-webkit-box-shadow: 0 0 0 .0625rem #003087 inset;
-moz-box-shadow: 0 0 0 .0625rem #003087 inset;
box-shadow: inset 0 0 0 .0625rem #003087;
color: #003087
}
.vx_btn-icon>span {
display: inline-table;
vertical-align: middle
}
.vx_btn-icon .vx_icon {
margin-right: .5625rem
}
.vx_btn-icon.vx_btn-medium {
padding-top: .3125rem;
padding-bottom: .3125rem;
padding-left: .3125rem
}
.vx_btn-icon.vx_btn-medium .vx_icon {
margin-right: .375rem
}
.vx_btn-icon.vx_btn-small {
padding-top: .3125rem;
padding-bottom: .3125rem;
padding-left: .3125rem;
top: 1.875rem;
left: 1.125rem
}
.vx_btn-icon.vx_btn-small .vx_icon {
margin-right: .375rem
}
.vx_btn-icon.vx_btn-small>span {
vertical-align: bottom
}
.vx_btn-icon.vx_btn_reversed {
background: none;
color: #fff;
border-color: #fff
}
.vx_btn-icon.vx_btn_reversed:visited {
color: #fff
}
.vx_btn-icon.vx_btn_reversed:active,
.vx_btn-icon.vx_btn_reversed:focus,
.vx_btn-icon.vx_btn_reversed:hover {
background: none;
border-color: #fff;
-webkit-box-shadow: 0 0 0 .0625rem #fff inset;
-moz-box-shadow: 0 0 0 .0625rem #fff inset;
box-shadow: inset 0 0 0 .0625rem #fff;
color: #fff
}
.vx_btn-group,
.vx_btn-group_stacked {
text-align: center
}
.vx_btn-group_stacked .vx_btn,
.vx_btn-group_stacked .vx_btn-medium,
.vx_btn-group_stacked .vx_btn-small {
display: table;
margin-left: auto;
margin-right: auto
}
.vx_addBtn-primary,
.vx_addBtn-secondary {
font-weight: 500;
font-size: .9375rem;
line-height: 1.5rem;
background: none;
border: none;
color: #0070ba;
padding-left: .125rem;
cursor: pointer
}
.vx_addBtn-primary:before,
.vx_addBtn-secondary:before {
content: "+";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: xysx-vx-icons;
line-height: 0;
font-size: 1.1rem;
font-weight: bolder
}
.vx_addBtn-primary:hover,
.vx_addBtn-secondary:hover {
color: #005ea6;
text-decoration: none
}
.vx_addBtn-primary:before {
color: #fff;
background: #0070ba;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
padding: 0 4px 3px;
-webkit-box-shadow: 0 1px 2px #cbd2d6;
-moz-box-shadow: 0 1px 2px #cbd2d6;
box-shadow: 0 1px 2px #cbd2d6;
margin-right: 12px
}
.vx_addBtn-secondary:before {
margin-right: 5px
}
.vx_backBtn {
background: none;
border: none;
color: #0070ba;
font-weight: 400;
padding: 0
}
.vx_backBtn:active,
.vx_backBtn:focus,
.vx_backBtn:hover {
color: #005ea6;
text-decoration: none
}
.vx_backBtn:active span,
.vx_backBtn:focus span,
.vx_backBtn:hover span {
text-decoration: underline
}
.vx_backBtn:before {
font-family: xysx-vx-icons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\21E6";
display: inline;
font-size: 1.5em;
vertical-align: -.1em;
padding-right: .1em
}
.vx_btn-link {
background: none;
border: none;
color: #0070ba;
font-family: PayPal-Sans, Helvetica Neue, Arial, sans-serif;
font-size: .9375rem;
font-weight: 500;
line-height: 1.5rem;
text-align: center;
text-decoration: none;
padding: 0;
cursor: pointer
}
.vx_btn-link:active,
.vx_btn-link:focus,
.vx_btn-link:hover {
color: #003087;
text-decoration: underline
}
.vx_hr {
border: none;
border-top: .0625rem solid #cbd2d6;
margin: .75rem 0
}
.vx_hr_reverse {
border: none;
border-top: .0625rem solid #fff;
margin: .75rem 0
}
.vx_hr-alt {
background-image: -webkit-gradient(linear, left top, right top, from(#9da3a6), color-stop(33%, #9da3a6), color-stop(34%, transparent));
background-image: -webkit-linear-gradient(left, #9da3a6, #9da3a6 33%, transparent 34%);
background-image: -moz-linear-gradient(left, #9da3a6, #9da3a6 33%, transparent 34%);
background-image: -o-linear-gradient(left, #9da3a6, #9da3a6 33%, transparent 34%);
background-image: linear-gradient(90deg, #9da3a6, #9da3a6 33%, transparent 34%)
}
.vx_hr-alt,
.vx_hr-alt_reverse {
background-position: top;
-moz-background-size: .1875rem .0625rem;
background-size: .1875rem .0625rem;
background-repeat: repeat-x;
height: .0625rem;
border: none;
margin: .75rem 0
}
.vx_hr-alt_reverse {
background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(33%, #fff), color-stop(34%, transparent));
background-image: -webkit-linear-gradient(left, #fff, #fff 33%, transparent 34%);
background-image: -moz-linear-gradient(left, #fff, #fff 33%, transparent 34%);
background-image: -o-linear-gradient(left, #fff, #fff 33%, transparent 34%);
background-image: linear-gradient(90deg, #fff, #fff 33%, transparent 34%)
}
.vx_btn.vx_btn-disabled {
border: 0;
background-color: #94c4d9
}
.visuallyhidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
@font-face {
font-family: pp-sans-big-bold;
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Bold.eot);
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Bold.eot#iefix) format("embedded-opentype"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Bold.woff) format("woff"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Bold.svg) format("svg")
}
@font-face {
font-family: pp-sans-big-light;
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Light.eot);
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Light.eot#iefix) format("embedded-opentype"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Light.woff) format("woff"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Light.svg) format("svg")
}
@font-face {
font-family: pp-sans-big-medium;
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Medium.eot);
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Medium.eot#iefix) format("embedded-opentype"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Medium.woff) format("woff"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Medium.svg) format("svg")
}
@font-face {
font-family: pp-sans-big-regular;
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Regular.eot);
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Regular.eot#iefix) format("embedded-opentype"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Regular.woff) format("woff"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Regular.svg) format("svg")
}
@font-face {
font-family: pp-sans-big-thin;
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Thin.eot);
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Thin.eot#iefix) format("embedded-opentype"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Thin.woff) format("woff"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Thin.svg) format("svg")
}
@font-face {
font-family: pp-sans-small-bold;
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Bold.eot);
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Bold#iefix) format("embedded-opentype"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Bold.woff) format("woff"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Bold.svg) format("svg")
}
@font-face {
font-family: pp-sans-small-light;
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Light.eot);
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Light.eot#iefix) format("embedded-opentype"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Light.woff) format("woff"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Light.svg) format("svg")
}
@font-face {
font-family: pp-sans-small-medium;
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Medium.eot);
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Medium.eot#iefix) format("embedded-opentype"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Medium.woff) format("woff"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Medium.svg) format("svg")
}
@font-face {
font-family: pp-sans-small-regular;
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Regular.eot);
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Regular.eot#iefix) format("embedded-opentype"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Regular.woff) format("woff"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Regular.svg) format("svg")
}
@font-face {
font-family: pp-sans-small-thin;
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Thin.eot);
src: url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Thin.eot#iefix) format("embedded-opentype"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Thin.woff) format("woff"), url(https://www.paypalobjects.com/webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Thin.svg) format("svg")
}
.pp-sans-big-bold {
font-family: pp-sans-big-bold, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
.pp-sans-big-light {
font-family: pp-sans-big-light, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
.pp-sans-big-medium {
font-family: pp-sans-big-medium, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
.pp-sans-big-regular {
font-family: pp-sans-big-regular, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
.pp-sans-small-bold {
font-family: pp-sans-small-bold, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
.pp-sans-small-light {
font-family: pp-sans-small-light, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
.pp-sans-small-medium {
font-family: pp-sans-small-medium, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
.pp-sans-small-regular {
font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
.pp-sans-small-thin {
font-family: pp-sans-small-thin, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
html {
background-color: #fff;
position: relative
}
body,
html {
min-height: 100%
}
body {
margin: 0 0 119px;
padding: 0;
color: #2c2e2f;
font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal;
font-size: 93.75%;
-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
li,
ol,
ul {
margin: 0;
padding: 0
}
p {
font-family: pp-sans-small-light, Helvetica Neue, Arial, sans-serif
}
h1,
p {
font-weight: 400;
font-variant: normal;
color: #2c2e2f
}
h1 {
margin-bottom: 10px;
font-family: pp-sans-big-light, Helvetica Neue, Arial, sans-serif;
font-size: 2em;
line-height: 33px
}
h2 {
padding: 0;
font-family: pp-sans-small-light, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal;
font-size: 1.6em;
color: #2c2e2f
}
h2,
h4 {
margin: 0
}
img {
border: 0
}
a,
a:link,
a:visited {
color: #0070ba;
font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal;
text-decoration: none;
-webkit-transition: color .2s ease-out;
-moz-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out
}
a:active,
a:focus,
a:hover {
color: #005ea6;
outline: none;
text-decoration: underline
}
.dusk,
.dusk:link,
.dusk:visited {
color: #0079ad
}
header {
padding: 15px
}
.no-js body {
display: block!important
}
.nonjsAlert {
margin: 0;
padding: .5em;
border-top: 1px solid #900;
border-bottom: 1px solid #900;
background-color: #ff9;
color: #900;
text-align: center
}
.imageLink:focus {
-webkit-box-shadow: 0 0 1px 1px #666;
-moz-box-shadow: 0 0 1px 1px #666;
box-shadow: 0 0 1px 1px #666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.accessAid {
position: absolute!important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0!important;
border: 0!important;
height: 1px!important;
width: 1px!important;
overflow: hidden
}
.clearfix {
zoom: 1
}
.clearfix:after,
.clearfix:before {
display: table;
content: ""
}
.clearfix:after {
clear: both
}
.hide {
display: none
}
.underlay {
content: "";
height: 100%;
width: 100%;
margin: 0;
padding: 0;
position: fixed;
top: 0;
left: 0;
background: #999;
opacity: .6;
z-index: 5
}
input::-ms-clear,
input::-ms-reveal {
display: none;
width: 0;
height: 0
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.xysx-logo {
margin: 0 auto;
background: transparent url(https://www.paypalobjects.com/images/shared/monogram@2x.png) top no-repeat;
-moz-background-size: 30px 37px;
background-size: 30px 37px;
width: 30px;
height: 37px;
display: block;
text-indent: -999em
}
.contentContainer {
position: relative;
width: 400px;
margin: 135px auto 0;
padding: 0;
background-color: #fff
}
.contentContainer .modal-overlay {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 16;
-moz-opacity: .9;
-khtml-opacity: .9;
-webkit-opacity: .9;
opacity: .9;
-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
filter: alpha(opacity=90);
background-color: #fff
}
.contentContainer header {
padding: 0 0 20px
}
footer {
left: 0;
height: 119px
}
footer,
footer ul {
position: absolute;
bottom: 0;
width: 100%
}
footer ul {
list-style-type: none;
height: 42px;
text-align: center;
background-color: #f7f9fa
}
footer ul li {
display: inline-block;
margin: 0;
padding: 15px 0 15px .4em;
font-size: .73333333em
}
footer ul li:first-child {
background: none
}
footer ul li:last-child {
border-right: 0
}
footer ul li a,
footer ul li a:focus,
footer ul li a:hover,
footer ul li a:link,
footer ul li a:visited {
color: #666;
margin-right: .5em;
white-space: nowrap;
font-family: pp-sans-small-light, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
footer .xysx-logo {
background: transparent url(https://www.paypalobjects.com/images/shared/monogram-small@2x.png) top no-repeat;
-moz-background-size: 20px 24px;
background-size: 20px 24px;
width: 20px;
height: 24px
}
.response500 {
text-align: center
}
.response500 .headerText {
line-height: normal
}
.left {
text-align: left
}
.bold {
font-weight: 700;
margin-bottom: 0
}
.largetext {
font-size: 30px;
margin-top: 0
}
.countdown {
font-size: 38px;
margin-top: 0
}
.spacer {
border: 1px solid #e5e8ea
}
@media (max-width:767px) {
header {
padding-bottom: 15px
}
.contentContainer {
margin-top: 30px
}
}
@media (max-width:414px) {
.contentContainer {
margin-top: 30px;
padding: 0 10% 30px;
width: 100%;
background-color: transparent
}
}
.tryDifferentWaySection {
margin-top: 20px;
text-align: center
}
.action {
margin-top: 30px
}
.infoSection {
margin: 20px 0
}
.textCenter {
text-align: center
}
.top40 {
margin-top: 40px
}
.top20 {
margin-top: 20px
}
.top15 {
margin-top: 15px
}
.errorIcon {
background: transparent url(https://www.paypalobjects.com/images/shared/lg-attention-critical.png) top no-repeat;
-moz-background-size: 108px 105px;
background-size: 108px 105px
}
.errorIcon,
.warningIcon {
width: 108px;
height: 105px;
display: block;
text-indent: -999em;
margin: 0 auto
}
.warningIcon {
background: transparent url(https://www.paypalobjects.com/images/shared/lg-attention-warning.png) top no-repeat;
-moz-background-size: 108px 105px;
background-size: 108px 105px
}
.closeIconSection {
cursor: pointer;
float: right;
padding: 15px
}
.lightbox {
margin: 0 0 60px
}
.lightbox header {
display: none
}
.successAnimation {
background: transparent url(https://www.paypalobjects.com/images/shared/successAnimation-@2x.gif) no-repeat;
height: 105px;
margin: 0 auto;
width: 105px;
-moz-background-size: 100% 100%;
background-size: 100% 100%
}
.modal-animate {
z-index: 17;
position: absolute;
width: 100%;
top: 0;
left: 0;
min-height: 100%;
overflow: hidden
}
.rotate {
background: transparent url(https://www.paypalobjects.com/images/shared/animation-oval.png) top no-repeat;
-moz-background-size: 100px 100px;
background-size: 100px 100px;
width: 100px;
height: 100px;
border: 0;
left: 50%;
top: 50%;
z-index: 6
}
.rotate,
.rotate:before {
content: "";
position: absolute
}
.rotate:before {
left: -2px;
top: -2px;
width: 104px;
height: 104px;
border-top: 7px solid #fff;
border-right: 7px solid #fff;
border-bottom: 7px solid #fff;
border-left: 7px solid transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-animation: rotation 1s linear infinite;
-moz-animation: rotation 1s linear infinite;
-o-animation: rotation 1s linear infinite;
animation: rotation 1s linear infinite
}
.processing,
.rotate {
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.processing {
top: 130px;
height: 17px;
z-index: 17;
font-size: 15px;
font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
.loaderOverlayAdditionalElements,
.processing {
width: 100%;
text-align: center;
position: absolute
}
.loaderOverlayAdditionalElements {
top: 68%
}
.loaderOverlayAdditionalElements .spacer {
margin: 1em
}
.loadingContainer {
width: 100%;
height: 60px;
padding: 15px;
text-align: left;
background: #f7f9fa
}
.loadingContainer .text {
color: #393f44;
font-size: 15px;
font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal;
margin-left: 15px
}
.loadingContainer .loading {
background: transparent url(https://www.paypalobjects.com/images/shared/animation-oval.png) top no-repeat;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
width: 30px;
height: 30px;
border: 0;
display: inline-block;
vertical-align: middle;
position: relative
}
.loadingContainer .loading:before {
left: -2px;
top: -2px;
position: absolute;
content: "";
width: 34px;
height: 34px;
border-top: 7px solid #f7f9fa;
border-right: 7px solid #f7f9fa;
border-bottom: 7px solid #f7f9fa;
border-left: 7px solid transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-animation: rotation 1s linear infinite;
-moz-animation: rotation 1s linear infinite;
-o-animation: rotation 1s linear infinite;
animation: rotation 1s linear infinite
}
@-webkit-keyframes bounce {
50% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
}
@-moz-keyframes bounce {
50% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
}
@-o-keyframes bounce {
50% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
}
@keyframes bounce {
50% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.notifications.animatable {
display: none
}
.notifications .notification {
margin-top: 0;
padding: 15px 15px 15px 44px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-width: 1px;
border-style: solid;
text-align: left;
font-size: 1em;
background: url(https://www.paypalobjects.com/images/shared/icon_alert_sprite-2x.png) no-repeat;
-moz-background-size: 20px;
background-size: 20px
}
.notifications .notification.default {
background-color: #f7f9fa;
background-position: left 12px top -788px;
border-color: #afabae
}
.lower-than-ie9 .notifications .notification.default {
background-position: 1% 81.5%
}
.notifications .notification.critical {
background-color: #fff7f7;
background-position: left 12px top -387px;
border-color: #c72e2e
}
.lower-than-ie9 .notifications .notification.critical {
background-position: 1% 41%
}
.notifications .notification.help {
background-color: #f7fdff;
background-position: left 12px top -588px;
border-color: #009cde
}
.lower-than-ie9 .notifications .notification.help {
background-position: 1% 61%
}
.notifications .notification.success {
background-color: #f7fff7;
background-position: left 12px top 12px;
border-color: #1b9e1b
}
.lower-than-ie9 .notifications .notification.success {
background-position: 1% 0
}
.notifications .notification.warning {
background-color: #fffcf7;
background-position: left 12px top -188px;
border-color: #f8981f
}
.lower-than-ie9 .notifications .notification.warning {
background-position: 1% 20.5%
}
.selectDropdown {
display: block;
width: 100%;
margin: 18px 0 0;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #f7f9fa
}
.selectDropdown .select {
border: 1px solid #9da3a6;
color: #6c7378;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
margin: 0;
padding: 14px 15px;
height: 44px;
background: none;
position: relative;
font-size: 1em;
font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal;
line-height: 15px;
z-index: 1;
text-align: left
}
.selectDropdown .select:focus,
.selectDropdown .select:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-color: #0070ba
}
.selectDropdown .select .dropdown-arrow {
display: inline-block;
float: right;
width: 15px;
height: 15px;
background: #f7f9fa url(https://www.paypalobjects.com/webstatic/i/consumer/onboarding/onboarding_form.png) no-repeat scroll 54% 46%
}
.selectDropdown .options-list {
position: absolute;
width: 100%;
height: auto;
z-index: 5;
top: 44px;
border-left: 1px solid #0070ba;
border-right: 1px solid #0070ba;
border-bottom: 1px solid #0070ba;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.selectDropdown input[type=radio] {
opacity: 0;
position: absolute
}
.selectDropdown label {
display: inline-block;
width: 100%;
background-color: #fff;
color: #2c2e2f;
padding: 6px 10px;
font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal;
text-align: left
}
.selectDropdown label:last-child {
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px
}
.selectDropdown label.selected,
.selectDropdown label.selected:focus,
.selectDropdown label.selected:hover {
background-color: #0070ba;
color: #fff;
-webkit-box-shadow: 0 0 3px 1px #006fba;
-moz-box-shadow: 0 0 3px 1px #006fba;
box-shadow: 0 0 3px 1px #006fba
}
.selectDropdown label:focus,
.selectDropdown label:hover {
background-color: #f1f8fc;
-webkit-box-shadow: 0 0 3px 1px #006fba;
-moz-box-shadow: 0 0 3px 1px #006fba;
box-shadow: 0 0 3px 1px #006fba
}
.selectDropdown.open .select {
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-color: #0070ba
}
.selectDropdown.open .select .dropdown-arrow {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
@media only screen and (min-device-width:320px) and (max-device-width:768px) {
.dropdown-arrow,
.select {
cursor: pointer
}
}
button {
font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif!important;
font-weight: 400!important;
font-variant: normal!important
}
.button,
a.button,
a.button:link,
a.button:visited {
width: 93.75%;
height: 50px;
padding: 16px;
border: 0;
display: block;
background: #0070ba;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
-webkit-tap-highlight-color: transparent;
color: #fff;
font-size: 1em;
text-align: center;
font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal;
text-shadow: none;
text-decoration: none;
-webkit-transition: background-color .4s ease-out;
-moz-transition: background-color .4s ease-out;
-o-transition: background-color .4s ease-out;
transition: background-color .4s ease-out;
-webkit-font-smoothing: antialiased;
font-weight: 700;
margin: 30px auto 0
}
.button.active,
.button:active,
.button:focus,
.button:hover,
a.button.active,
a.button:active,
a.button:focus,
a.button:hover,
a.button:link.active,
a.button:link:active,
a.button:link:focus,
a.button:link:hover,
a.button:visited.active,
a.button:visited:active,
a.button:visited:focus,
a.button:visited:hover {
background: #005ea6;
outline: none
}
.button:focus,
a.button:focus,
a.button:link:focus,
a.button:visited:focus {
text-decoration: underline
}
.button.secondary,
a.button.secondary,
a.button:link.secondary,
a.button:visited.secondary {
background: #fff;
border: 1px solid #0070ba;
color: #0070ba
}
.button.disabled,
a.button.disabled,
a.button:link.disabled,
a.button:visited.disabled {
background-color: #94c4d9
}
a.button,
a.button:link,
a.button:visited {
padding-top: 14px
}
.buttonLessAccessible:focus,
.buttonLessAccessible:hover {
text-decoration: none
}
::-webkit-input-placeholder {
font-family: pp-sans-small-light, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
:-moz-placeholder,
::-moz-placeholder {
font-family: pp-sans-small-light, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
:-ms-input-placeholder {
font-family: pp-sans-small-light, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
.fieldWrapper {
position: relative;
z-index: 2;
width: 100%
}
.fieldWrapper .hasError {
padding-right: 40px
}
.errorMessage {
position: absolute;
top: 1px;
opacity: 0;
z-index: 1;
width: 100%;
padding: 20px 14.7px 13px;
text-align: left;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-transition: top .3s ease-out;
-moz-transition: top .3s ease-out;
-o-transition: top .3s ease-out;
transition: top .3s ease-out;
-webkit-transition-property: max-height, opacity, top, padding-top, background;
-o-transition-property: max-height, opacity, top, padding-top, background;
-moz-transition-property: max-height, opacity, top, padding-top, background;
transition-property: max-height, opacity, top, padding-top, background
}
.errorMessage.show {
opacity: 1;
top: 36px;
height: auto;
background: #fff7f7;
border: 1px solid #e00200;
border-top: hidden
}
.errorMessage p {
margin: 0;
color: #2c2e2f
}
.z100 {
z-index: 100
}
.textInput {
margin: 10px 0
}
.textInput .fieldWrapper:before {
content: "";
display: block;
z-index: -1;
position: absolute;
top: 0;
width: 100%;
height: 44px;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.textInput.hasError input {
border: 1px solid #e00200;
background: url(https://www.paypalobjects.com/webstatic/i/consumer/onboarding/sprite_form.png) no-repeat top -409.9px right 10px;
-moz-background-size: 25px;
background-size: 25px
}
@media only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
.textInput.hasError input {
background: url(https://www.paypalobjects.com/webstatic/i/consumer/onboarding/sprite_form_2x.png) no-repeat top -409.9px right 10px;
-moz-background-size: 25px;
background-size: 25px
}
}
.textInput.hasError input:-moz-placeholder,
.textInput.hasError input::-moz-placeholder {
color: #9d2c36
}
.textInput.hasError input:-ms-input-placeholder {
color: #9d2c36
}
.textInput.hasError input::-webkit-input-placeholder {
color: #9d2c36
}
.textInput.hasError input:active,
.textInput.hasError input:focus {
border: 1px solid #e00200
}
.textInput.hasError input:active:-moz-placeholder,
.textInput.hasError input:active::-moz-placeholder,
.textInput.hasError input:focus:-moz-placeholder,
.textInput.hasError input:focus::-moz-placeholder {
color: #9b989b
}
.textInput.hasError input:active:-ms-input-placeholder,
.textInput.hasError input:focus:-ms-input-placeholder {
color: #9b989b
}
.textInput.hasError input:active::-webkit-input-placeholder,
.textInput.hasError input:focus::-webkit-input-placeholder {
color: #9b989b
}
.textInput .fieldLabel {
width: 100%;
position: absolute
}
.textInput .fieldLabel span {
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
display: none
}
.textInput .fieldLabel .errorMessage {
width: inherit;
z-index: -1;
top: 40px
}
.textInput input,
.textInput textarea {
height: 44px;
width: 100%;
padding: 0 10px;
border: 1px solid #aaa;
background: #fff;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #2c2e2f;
font-size: 1em;
font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
.textInput input:focus,
.textInput textarea:focus {
border: 1px solid #0070ba;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #fff
}
.textInput textarea {
padding-top: 12px;
padding-right: 0;
height: 100%;
overflow: auto
}
.textInput input:not([type=submit]):not([type=radio]):not([type=checkbox]) {
-moz-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: border .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: border .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: border .2s ease-in-out, background-color .2s ease-in-out;
transition: border .2s ease-in-out, background-color .2s ease-in-out
}
.textInput .tickmark {
background: url(sprite_form.png) 25px
}
@media only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
.textInput .tickmark {
background: url(_lib/sprite_form_2x.png) 25px;
-moz-background-size: 25px;
background-size: 25px
}
}
.textInput .tickmark {
width: 35px;
height: 35px;
margin-top: 2px;
right: 5px;
float: right;
position: absolute;
z-index: 3;
text-align: center;
cursor: pointer;
background-position: 0 69%
}
.js .lap .textInput,
.js div.lap.textInput {
padding: 0;
position: relative
}
.js .lap .textInput label,
.js div.lap.textInput label {
position: absolute;
left: 12px;
z-index: 1;
color: #6c7378;
cursor: text
}
.js .lap .textInput label.focus,
.js .lap .textInput label.focus span.optional,
.js div.lap.textInput label.focus,
.js div.lap.textInput label.focus span.optional {
color: #b3b3b3
}
.combinedFields .textInput {
width: 70%;
float: left
}
.combinedFields .selectDropdown {
width: 30%;
float: left
}
.combinedFields .selectDropdown .select {
border-left: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0
}
.combinedFields .textInput input {
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0
}
.textInput {
position: relative
}
.textInput .inputAction {
position: absolute;
z-index: 2;
color: #0070ba;
font-size: 13px;
top: 15px;
right: 15px
}
.textInput.hasError .inputAction {
position: absolute;
right: 40px
}
@media (max-width:767px) {
.combinedFields .textInput {
width: 65%
}
.combinedFields .selectDropdown {
width: 35%
}
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch
}
.modal.fade .modal-dialog {
-webkit-transform: translateY(-25%);
-moz-transform: translateY(-25%);
-o-transform: translateY(-25%);
-ms-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out
}
.modal.in .modal-dialog {
-webkit-transform: translate(0);
-moz-transform: translate(0);
-o-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0)
}
.modal-open {
overflow: hidden
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: 0;
height: 100%
}
.modal-content {
position: relative;
background-color: #fff;
-moz-background-clip: padding-box;
background-clip: padding-box;
min-height: 100%
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #cbd2d6
}
.modal-backdrop.fade,
.modal-backdrop.in {
opacity: .89;
filter: alpha(opacity=89)
}
.modal-header {
height: 45px
}
.modal-header .close {
margin-top: -2px
}
.modal-title {
margin: 0;
line-height: 1.42857143
}
.modal-body {
position: relative;
padding: 15px 15px 100px
}
.modal-footer {
padding: 15px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px
}
.modal-footer .xysx-logo {
background: transparent url(https://www.paypalobjects.com/images/shared/monogram-small@2x.png) top no-repeat;
-moz-background-size: 20px 24px;
background-size: 20px 24px;
width: 20px;
height: 24px
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width:768px) {
.modal-dialog {
width: 620px;
margin: 0 auto
}
.modal-body {
padding: 89px 140px 100px
}
}
.modal-footer:after,
.modal-footer:before {
content: " ";
display: table
}
.modal-footer:after {
clear: both
}
.panel-overlay {
width: 508px;
height: 100%;
margin-left: -54px;
margin-top: -54px;
padding: 54px 0;
border: 1px solid #e3e3e3;
border-right: none;
background-color: rgba(247, 249, 250, .7);
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
opacity: 0
}
@media (min-width:1240px) {
.panel-overlay {
-webkit-animation: fadeIn ease-in 1;
-moz-animation: fadeIn ease-in 1;
-o-animation: fadeIn ease-in 1;
animation: fadeIn ease-in 1;
-webkit-animation-duration: .2s;
-moz-animation-duration: .2s;
-o-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
}
.sidePanel {
width: 345px;
height: 100%;
margin-top: -54px;
padding-bottom: 108px;
background: #fff;
border: 1px solid #e3e3e3;
overflow: hidden;
position: absolute;
top: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: -10
}
.sidePanel .header {
padding: 20px 20px 25px;
border-bottom: 1px solid #e3e3e3
}
.sidePanel ul {
list-style: none
}
.sidePanel ul li {
font-size: 1em;
font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal;
font-weight: 700;
border-bottom: 1px solid #e3e3e3;
color: #2c2e2f
}
.sidePanel ul li a,
.sidePanel ul li label {
cursor: pointer;
display: inline-block;
width: 100%;
height: 68px;
padding: 25px 85px 25px 20px
}
.sidePanel ul li a input[type=radio],
.sidePanel ul li label input[type=radio] {
position: absolute;
clip: rect(0, 0, 0, 0);
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
padding: 0;
margin: 0;
overflow: hidden
}
.sidePanel ul li:hover {
background: #0070ba;
color: #fff
}
.sidePanel ul li.actionLink {
color: #0070ba;
font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
.sidePanel ul li.actionLink:hover a {
color: #fff;
text-decoration: none
}
@media (max-width:1239px) {
.sidePanel {
-webkit-animation: fadeIn ease-in 1;
-moz-animation: fadeIn ease-in 1;
-o-animation: fadeIn ease-in 1;
animation: fadeIn ease-in 1;
-webkit-animation-duration: .15s;
-moz-animation-duration: .15s;
-o-animation-duration: .15s;
animation-duration: .15s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
width: 400px
}
}
@media (min-width:1240px) {
.sidePanel {
-webkit-animation: slideIn ease-in 1;
-moz-animation: slideIn ease-in 1;
-o-animation: slideIn ease-in 1;
animation: slideIn ease-in 1;
-webkit-animation-delay: 0;
-moz-animation-delay: 0;
-o-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: .25s;
-moz-animation-duration: .25s;
-o-animation-duration: .25s;
animation-duration: .25s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
}
@media screen and (min-width:0\0) {
.sidePanel {
z-index: 10
}
}
button.prev {
margin-right: 5px;
width: 11px;
height: 22px;
background: url(https://www.paypalobjects.com/images/shared/arrow-left-light.png) no-repeat;
vertical-align: text-bottom
}
button.close,
button.prev {
cursor: pointer;
margin-top: 5px;
border: none
}
button.close {
width: 15px;
height: 16px;
float: right;
background: url(https://www.paypalobjects.com/images/shared/close.png) no-repeat
}
li.active span.tick {
right: 10px;
position: absolute;
cursor: pointer;
width: 24px;
height: 18px;
background: url(https://www.paypalobjects.com/images/shared/selected.png) no-repeat
}
li.active:hover span.tick {
background: url(https://www.paypalobjects.com/images/shared/selected_white.png) no-repeat
}
li.actionLink span.plus {
width: 14px;
height: 14px;
display: inline-block;
background: url(https://www.paypalobjects.com/images/shared/plus-icon-blue.png) no-repeat;
vertical-align: middle
}
li.actionLink:hover span.plus {
background: url(https://www.paypalobjects.com/images/shared/plus-icon-white.png) no-repeat
}
@media (max-width:414px) {
.panel-overlay {
width: 100%;
border: 0;
top: 0;
background-color: #fff
}
.sidePanel {
width: 100vw;
border: 0;
top: 30px;
left: -13%;
z-index: 10;
margin-left: 41px
}
}
@media (min-width:1240px) {
:root .sidePanel,
_:-ms-fullscreen {
margin-left: 454px
}
}
.progress-overlay {
width: 100%;
min-height: 100%;
border: 0;
opacity: .8;
position: absolute;
top: 0;
left: 0;
background-color: rgba(247, 249, 250, .7);
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
z-index: 5
}
.progress-overlay .processing,
.progress-overlay .rotate {
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.progress-overlay .processing {
top: 25%;
height: 17px;
width: 100%;
text-align: center
}
fieldset {
border: none
}
#challenges h1,
#challenges p.challenge-header,
#challenges p.description {
text-align: center
}
.phoneVerificationCode {
width: 100%;
margin: 22.8px 0 40.4px;
padding: 26px 0 38px;
letter-spacing: 10px;
font-size: 3.2em;
line-height: 48px;
color: #2c2e2f;
font-family: pp-sans-big-light, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
.sendAgainLink {
padding-left: 5px
}
.description,
.nextStep {
font-family: pp-sans-small-light, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal;
font-size: 1em;
line-height: 1.5em;
color: #2c2e2f
}
.nextStep {
margin-bottom: 20px
}
.sent {
color: #1b9e1b
}
.doneSection,
.errorSection,
.timeoutSection,
.verificationFailedSection {
text-align: center
}
.contactUsSection p {
margin-top: 5px
}
.contactUsSection .contactUs {
cursor: pointer
}
.redirecting {
margin-top: 31.4px;
text-align: center;
color: #4a4a4a;
font-size: 1em;
font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
.answerSection.smsPin .textInput {
z-index: 1
}
.answerSection.smsPin .textInput .resend-link {
top: -30px;
float: right;
padding-right: 15px
}
.answerSection.smsPin .textInput.hasError .resend-link {
padding-right: 50px
}
.hiddenChallengesSection {
display: none
}
.infoSection,
.legalDescription {
font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal;
font-size: .86666667em;
color: #6c7378
}
.legalDescription {
margin-top: 20px;
margin-bottom: 21.5px;
text-align: center
}
.headLabel {
font-family: pp-sans-small-light, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal;
font-size: 1em;
color: #2c2e2f;
margin-bottom: 10px
}
.addPhoneSection {
padding: 16px
}
.phoneNumberLabel .type {
margin-right: 5px
}
div.errorSection .error-icon {
height: 105px;
background-image: url(https://www.paypalobjects.com/images/shared/lg-attention-warning@2x.png);
-moz-background-size: contain;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
margin-bottom: 30px
}
.pushNotification {
text-align: center
}
.pushNotification h1 {
margin-bottom: 20px
}
.pushNotification .phoneNotificationIcon {
height: 132px;
width: 120px;
margin: 0 auto;
background-image: url(https://www.paypalobjects.com/images/shared/icon-PN-check.png);
background-repeat: no-repeat
}
@media only screen and (-o-min-device-pixel-ratio:~"2/1"),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
.pushNotification .phoneNotificationIcon {
background-image: url(https://www.paypalobjects.com/images/shared/icon-PN-check-2x.png);
-moz-background-size: 120px 132px;
background-size: 120px 132px
}
}
.pushNotification .resendLinkContainer {
margin-top: 30px
}
.pushNotification .bottomDivider {
border-bottom: 1px solid #e5e8ea;
padding-bottom: 30px;
margin-top: 10px
}
.challengesForm fieldset {
margin: 0;
padding: 0
}
.challenge-list {
text-align: left;
border-top: 1px solid #e5e8ea;
margin-top: 7px
}
.challenge-list li {
list-style-type: none
}
.domainChallenges {
text-align: left
}
.domainChallenges li {
list-style-type: none
}
.domainChallenges .change-challenge-option button {
font-size: 13px;
font-weight: 400
}
.challenge-option {
line-height: 1.5;
padding: 5px 10px 6px;
-webkit-transition-property: background-color;
-o-transition-property: background-color;
-moz-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
-moz-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
-o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.challenge-option label {
display: block;
cursor: pointer
}
.challenge-option input[type=radio] {
opacity: 0;
position: absolute
}
.challenge-option input[type=radio]:focus+.styled-radio-button-border {
-webkit-box-shadow: 0 0 3px 1px #006fba;
-moz-box-shadow: 0 0 3px 1px #006fba;
box-shadow: 0 0 3px 1px #006fba
}
.challenge-option .change-button,
.challenge-option .updated {
visibility: hidden;
float: right;
font-size: .86666667em
}
.challenge-option .updated {
color: #1b9e1b
}
.challenge-option .error {
color: #c72e2e;
-webkit-animation: bounce .2s ease-out;
-moz-animation: bounce .2s ease-out;
-o-animation: bounce .2s ease-out;
animation: bounce .2s ease-out;
float: right;
font-size: .86666667em
}
.challenge-option .help-text {
display: none
}
.challenge-option .verification-method {
display: none;
font-family: pp-sans-small-medium, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
.challenge-option .styled-radio-button-border {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
float: left;
width: 25px;
height: 25px;
border: 1px solid #9da3a6;
padding: 4px
}
.challenge-option .styled-radio-button-border .styled-radio-button {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
width: 15px;
height: 15px
}
.challenge-option .challenge-information {
margin-left: 40px
}
.challenge-option.single-element {
padding-right: 23px;
border: none
}
.challenge-option.single-element .styled-radio-button-border {
display: none
}
.challenge-option.single-element .challenge-information {
margin-left: 22px
}
.challenge-option.single-element.selected {
background: none
}
.challenge-option:first-child {
border-bottom: none
}
.domainChallenges li:first-child {
border-top: none
}
.domainChallenges li:last-child.single-element {
border-bottom: none
}
.selected {
line-height: 1;
padding: 18px 10px 23px
}
.selected.no-option {
padding-bottom: 10px
}
.selected .change-button,
.selected .help-text,
.selected .verification-method {
visibility: visible
}
.selected .verification-method {
display: inline-block;
width: 270px;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto
}
@media screen and (max-width:414px) {
.selected .verification-method {
width: 190px
}
}
@media screen and (max-width:360px) {
.selected .verification-method {
width: 150px
}
}
.selected .help-text {
display: block;
font-size: .86666667em;
color: #6c7378;
margin-top: -10px
}
.selected .change-button,
.selected .updated {
visibility: visible
}
.selected .challenge-information .label {
padding-top: 4px;
margin-top: 0
}
.resend-link {
position: relative;
z-index: 2;
font-size: 13px;
color: #0070ba
}
.resend-link .resend {
cursor: pointer;
-webkit-animation: fadeIn .2s ease-out;
-moz-animation: fadeIn .2s ease-out;
-o-animation: fadeIn .2s ease-out;
animation: fadeIn .2s ease-out
}
.resend-link .resend.disabled {
color: #cbd2d6
}
.resend-link .resend:focus:not(.disabled),
.resend-link .resend:hover:not(.disabled) {
color: #005ea6;
text-decoration: underline
}
.resend-link .sent {
color: #1b9e1b
}
.resend-link .error,
.resend-link .sent {
-webkit-animation: bounce .2s ease-out;
-moz-animation: bounce .2s ease-out;
-o-animation: bounce .2s ease-out;
animation: bounce .2s ease-out
}
.resend-link .error {
color: #c72e2e
}
.resend-link.inside-input {
top: -27px;
padding-right: 15px;
float: right
}
.hasError .resend-link.inside-input {
padding-right: 50px
}
#challenges .challengeOptions,
#challenges .challengeOptions>h2 {
text-align: left
}
#content>form {
position: relative
}
#challenges {
background-color: #fff
}
@media (max-width:414px) {
.contentContainer .challengeOptionsPanel {
width: 100vw;
left: -9%;
top: -30px;
border: 0
}
}
.challengeOptions {
position: absolute;
top: 0;
height: 100%
}
.challengeOptionsOverlay {
width: 508px;
margin-left: -54px;
height: 100%;
background-color: rgba(247, 249, 250, .7);
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding: 54px 0;
margin-top: -54px;
border: 1px solid #e3e3e3;
border-right: none;
opacity: 0
}
@media (min-width:1240px) {
.challengeOptionsOverlay {
-webkit-animation: fadeIn ease-in 1;
-moz-animation: fadeIn ease-in 1;
-o-animation: fadeIn ease-in 1;
animation: fadeIn ease-in 1;
-webkit-animation-duration: .2s;
-moz-animation-duration: .2s;
-o-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
}
.challengeOptionsPanel {
position: absolute;
top: 0;
width: 345px;
background-color: #fff;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding-top: 0;
padding-bottom: 108px;
margin-top: -54px;
height: 100%;
border: 1px solid #e3e3e3;
overflow: hidden;
margin-left: 0;
z-index: -10
}
@media (max-width:1239px) {
.challengeOptionsPanel {
-webkit-animation: fadeIn ease-in 1;
-moz-animation: fadeIn ease-in 1;
-o-animation: fadeIn ease-in 1;
animation: fadeIn ease-in 1;
-webkit-animation-duration: .15s;
-moz-animation-duration: .15s;
-o-animation-duration: .15s;
animation-duration: .15s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
margin-top: inherit;
width: 400px
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
z-index: -1
}
to {
opacity: 1;
z-index: 2
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
z-index: -1
}
to {
opacity: 1;
z-index: 2
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
z-index: -1
}
to {
opacity: 1;
z-index: 2
}
}
@keyframes fadeIn {
0% {
opacity: 0;
z-index: -1
}
to {
opacity: 1;
z-index: 2
}
}
}
@media (min-width:1240px) {
.challengeOptionsPanel {
-webkit-animation: slideIn ease-in 1;
-moz-animation: slideIn ease-in 1;
-o-animation: slideIn ease-in 1;
animation: slideIn ease-in 1;
-webkit-animation-delay: 0;
-moz-animation-delay: 0;
-o-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: .25s;
-moz-animation-duration: .25s;
-o-animation-duration: .25s;
animation-duration: .25s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
@-webkit-keyframes slideIn {
0% {
margin-left: 0;
z-index: -10
}
99% {
margin-left: 449.46px;
z-index: -10
}
to {
margin-left: 454px;
z-index: 2
}
}
@-moz-keyframes slideIn {
0% {
margin-left: 0;
z-index: -10
}
99% {
margin-left: 449.46px;
z-index: -10
}
to {
margin-left: 454px;
z-index: 2
}
}
@-o-keyframes slideIn {
0% {
margin-left: 0;
z-index: -10
}
99% {
margin-left: 449.46px;
z-index: -10
}
to {
margin-left: 454px;
z-index: 2
}
}
@keyframes slideIn {
0% {
margin-left: 0;
z-index: -10
}
99% {
margin-left: 449.46px;
z-index: -10
}
to {
margin-left: 454px;
z-index: 2
}
}
}
@media all and (max-width:414px),
screen and (min-width:0\0) {
.challengeOptionsPanel {
z-index: 2
}
}
.challengeOptionsPanel .panelHeading {
margin-top: 20px
}
.challengeOptionsPanel .panelHeading h2 {
padding-left: 20px;
padding-bottom: 25px;
padding-right: 41px;
border-bottom: 1px solid #e3e3e3
}
.challengeOptionsPanel .panelHeading .closeButton {
position: absolute;
top: 28px;
right: 20px;
height: 16px;
width: 16px;
border: none;
background-color: #fff;
background-image: url(https://www.paypalobjects.com/images/shared/close.png);
background-repeat: no-repeat;
cursor: pointer
}
.challengeOptionsPanel .panelHeading .closeButton span {
display: none
}
.challengeOptions .challengeOption {
border-bottom: 1px solid #e3e3e3
}
.challengeOptions .challengeOption.selectedChallengeOption {
background-image: url(https://www.paypalobjects.com/images/shared/selected.png);
background-position: bottom 30px right 20px;
background-repeat: no-repeat;
-moz-background-size: 20px;
background-size: 20px
}
.challengeOptions .challengeOption:hover {
background-color: #0070ba
}
.challengeOptions .challengeOption:hover label {
color: #fff
}
.challengeOptions .challengeOption:hover.selectedChallengeOption {
background-image: url(https://www.paypalobjects.com/images/shared/selected_white.png)
}
.challengeOptions .challengeOption input[type=radio] {
opacity: 0;
position: absolute
}
.challengeOptions .challengeOption input[type=radio]:focus+label {
-webkit-box-shadow: 0 0 3px 1px #006fba;
-moz-box-shadow: 0 0 3px 1px #006fba;
box-shadow: 0 0 3px 1px #006fba
}
.challengeOptions .challengeOption label {
display: inline-block;
padding: 25px 20px;
width: 100%;
font-weight: 700;
font-size: 15px;
color: #2c2e2f;
cursor: pointer
}
.challengeOptions .challengeOption.emailChallengeOption label {
width: 300px;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto
}
@media (min-width:1240px) {
:root .challengeOptionsPanel,
_:-ms-fullscreen {
margin-left: 454px
}
}
.addPhoneOption {
display: block;
width: 100%;
color: #0070ba;
padding: 25px 20px 25px 40px;
font-size: 15px;
font-weight: 400;
text-align: left;
background-image: url(https://www.paypalobjects.com/images/shared/plus-icon-blue.png);
background-position: 20px;
background-repeat: no-repeat;
-moz-background-size: 14px;
background-size: 14px;
border-top: none;
border-right: none;
border-bottom: 1px solid #e3e3e3;
border-left: none;
cursor: pointer
}
.addPhoneOption label {
cursor: pointer
}
.addPhoneOption:hover {
background-image: url(https://www.paypalobjects.com/images/shared/plus-icon-white.png);
background-color: #0070ba;
color: #fff
}
.pageErrorMessage {
position: relative;
display: table;
text-align: left;
margin-bottom: 10px;
width: 100%;
padding: 10px 10px 10px 15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #e00200;
background: #fff7f7
}
.pageErrorMessage .icon {
width: 20px;
vertical-align: middle;
background-position: -10px -995px;
background-position-x: -10px;
display: table-cell
}
.pageErrorMessage p {
font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal;
font-size: 15px;
padding-left: 15px;
margin: 3px;
color: #2c2e2f
}
.securityQuestionsForm {
margin-top: 20px
}
.securityQuestionsForm .action {
margin-top: 30px
}
.kbaForm {
margin-top: 20px;
text-align: left
}
.kbaForm .action {
margin-top: 30px
}
.fileUploader ul {
padding: 7px 35px 25px
}
.fileUploader .description {
padding: 25px 50px
}
.fileUploader canvas {
display: block;
margin: auto;
max-width: 394px;
max-height: 394px
}
.fileUploader .spacer {
margin-top: 30px
}
.fileUploaderPreview {
display: block;
margin: auto;
max-width: 100%;
max-height: 394px
}
.fileUploaderPreviewLinks {
margin: 5px 0;
font-size: 12px;
text-align: right
}
.fileUploaderPreviewLinks a {
cursor: pointer
}
.fileUploaderWebcam {
display: block;
margin: auto;
min-height: 225px;
width: 100%;
height: 100%
}
.fileUploaderDropzone {
display: inline-block;
margin: auto;
max-width: 400px;
max-height: 400px;
width: 100%;
border: 1px dashed #9da3a6;
background-color: #f7f9fa
}
.fileUploaderDropzone.hidden {
display: none
}
.fileUploaderDropzoneIcon {
background: url(https://www.paypalobjects.com/images/shared/icon-document.svg) no-repeat;
height: 26px;
width: 19px;
margin: 25px auto 10px
}
.fileUploaderDropzoneDescription {
font-size: 20px;
font-weight: 300;
line-height: 1.5;
color: #9da3a6;
font-family: pp-sans-big-light, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal;
margin: 2px 0
}
.fileUploaderDropzoneSubDescription {
font-size: 12px;
font-weight: 500;
line-height: 1.5;
color: #9da3a6;
font-family: pp-sans-small-bold, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal;
text-decoration: underline;
color: #0070ba;
margin: 0 0 25px;
cursor: pointer
}
.passwordForm .description {
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 6px
}
.challenge-option.selected .change-challenge-option {
display: block
}
.challenge-option.selected-without-details-section {
background-color: #f7f9fa
}
.challenge-option.selected-without-details-section .styled-radio-button {
background-color: #0070ba
}
.challenge-option.selected-without-details-section .styled-radio-button-border {
padding: 2px 4px 4px
}
.challenge-option .change-challenge-option {
display: none;
float: right;
font-size: 13px
}
.radio-input {
line-height: 1.5;
padding: 5px 10px 6px;
list-style-type: none;
-webkit-transition-property: background-color;
-o-transition-property: background-color;
-moz-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
-moz-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
-o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.radio-input label {
display: block;
cursor: pointer
}
.radio-input input[type=radio] {
display: none
}
.radio-input .styled-radio-button-border {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
float: left;
width: 25px;
height: 25px;
border: 1px solid #9da3a6;
padding: 4px;
position: relative
}
.radio-input .styled-radio-button-border .styled-radio-button {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
width: 15px;
height: 15px;
top: 4px;
left: 4px;
position: absolute
}
.radio-input .radio-input-information {
margin-left: 40px
}
.radio-input.single-element {
padding-right: 23px;
border: none
}
.radio-input.single-element .styled-radio-button-border {
display: none
}
.radio-input.single-element .radio-input-information {
margin-left: 22px
}
.radio-input.single-element.selected {
background: none
}
.radio-input:first-child {
border-bottom: none
}
.selected {
background-color: #f7f9fa
}
.selected .styled-radio-button {
background-color: #0070ba
}
.input {
margin: 18px 0
}
.input .fieldLabelVisible {
text-align: left;
display: block;
position: static;
padding-bottom: 10px
}
.input.success input {
background-image: url(https://www.paypalobjects.com/webstatic/i/consumer/onboarding/sprite_form.png);
background-repeat: no-repeat;
background-position: top -442.9px right 10px
}
@media only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
.input.success input {
background-image: url(https://www.paypalobjects.com/webstatic/i/consumer/onboarding/sprite_form_2x.png);
-moz-background-size: 24px;
background-size: 24px
}
}
.input.success .inputAction {
right: 40px
}
.input.activeInput {
z-index: 5
}
.input.activeInput .inputAction {
z-index: 4
}
.input.activeInput .fieldWrapper {
z-index: 3
}
.input .errorMessage {
top: 0;
-webkit-transition-property: max-height, opacity, top, padding-top, background, margin-top;
-o-transition-property: max-height, opacity, top, padding-top, background, margin-top;
-moz-transition-property: max-height, opacity, top, padding-top, background, margin-top;
transition-property: max-height, opacity, top, padding-top, background, margin-top;
padding: 0 15px 13px
}
.input .errorMessage.show {
left: 0;
top: auto;
padding: 15px 10px 10px;
margin-top: -5px;
position: absolute;
z-index: auto
}
.icon {
width: 25px;
height: 25px;
overflow: hidden;
display: inline-block
}
.icon-error {
background: url(https://www.paypalobjects.com/images/shared/sprite_forms_1x.png) no-repeat top -995px left 0
}
.sms-icon {
background: transparent url(https://www.paypalobjects.com/images/shared/icText60.svg) no-repeat
}
.email-icon,
.sms-icon {
margin: 0 auto;
width: 50px;
height: 50px
}
.email-icon {
background: url(https://www.paypalobjects.com/images/shared/icEmail60.svg) no-repeat
}
.loginUrlLink {
cursor: pointer;
text-align: center
}
.inputTooltip.errorMessage.infoMessage {
background: #f7fdff;
border-color: #009cde
}
.inputTooltip.errorMessage.infoMessage ul li {
list-style-type: none;
display: list-item;
margin-left: 9px;
text-indent: -9px
}
.inputTooltip.errorMessage.infoMessage ul li+li {
margin-top: 10px
}
.inputTooltip.errorMessage.infoMessage ul li:before {
content: "\2022";
color: #009cde;
margin-right: 3px
}
.cardChallenge,
.emailChallenge {
text-align: center
}
.cardChallenge .description {
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 6px
}
.forgotPasswordPage {
text-align: center
}
.forgotPasswordPage .forgotEmailLink {
cursor: pointer
}
.forgotPasswordPage .forgotEmail {
padding-top: 20px
}
.forgotPasswordPage .textInput .inputAction {
top: 13px
}
.createPasswordPage {
text-align: center
}
.createPasswordPage .input {
margin: 0 0 10px
}
.createPasswordPage .disclaimerMessage {
font-size: 13px;
line-height: 1.4;
color: #6c7378
}
.createPasswordPage .errorMessage.show {
position: absolute;
z-index: auto
}
.createPasswordDone {
text-align: center;
padding-top: 52px
}
.createPasswordDone h1 {
margin-top: 30px
}
.createPasswordDone .action {
display: none
}
.createPasswordDone .redirecting:after {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
-webkit-animation: dot steps(4) .9s infinite;
-moz-animation: dot steps(4) .9s infinite;
-o-animation: dot steps(4) .9s infinite;
animation: dot steps(4) .9s infinite;
content: "\2026";
width: 0
}
@-webkit-keyframes dot {
to {
width: 1.15em;
margin-right: -1.15em
}
}
@-moz-keyframes dot {
to {
width: 1.15em;
margin-right: -1.15em
}
}
@-o-keyframes dot {
to {
width: 1.15em;
margin-right: -1.15em
}
}
@keyframes dot {
to {
width: 1.15em;
margin-right: -1.15em
}
}
.lightbox .createPasswordDone .action {
display: block
}
.forgotEmailPage {
text-align: center
}
.forgotEmailPage .textInput .inputAction {
top: 11px
}
.forgotEmailPage .input {
margin-bottom: 10px
}
.forgotEmailPage .errorMessage.show {
position: absolute;
z-index: auto
}
.forgotEmailDonePage {
text-align: center
}
.forgotEmailDonePage .headerText {
font-size: 30px;
margin-top: 0;
border-bottom-color: #e5e8ea;
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 20px;
font-family: pp-sans-big-light, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal
}
.forgotEmailDonePage .recoveredEmail {
font-size: 20px
}
.forgotEmailDonePage .createPasswordLink {
cursor: pointer
}
.securityQuestionsChallenge {
text-align: center
}
.securityQuestionsChallenge h1 {
border-bottom: 1px solid #e5e8ea;
margin-bottom: 20px;
padding-bottom: 20px
}
.ivrChallenge,
.pinLessIvrChallenge,
.sms2Challenge,
.smsChallenge,
.ssnChallenge {
text-align: center
}
.ssnChallenge h1 {
font-size: 24px
}
.ssnChallenge .description {
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 6px
}
.kbaChallenge {
text-align: center
}
.kbaChallenge .description {
border-bottom: 1px solid #e5e8ea;
margin-bottom: 20px;
padding-bottom: 20px
}
.facebookChallenge {
text-align: center
}
.identityDocumentChallenge {
text-align: center;
min-height: 500px
}
.identityDocumentChallenge ul {
text-align: left;
display: inline-block;
line-height: 1.4em
}
.identityDocumentChallengeProcessingDescription {
padding-bottom: 15px
}
.safeComponent {
text-align: center
}
.safeActivityReport {
background-position: 11px 43px;
background-repeat: no-repeat;
-moz-background-size: 48px auto;
background-size: 48px auto
}
@media screen and (max-width:414px) {
.safeActivityReport {
background-position: 6px 43px
}
}
.safeActivityReport.desktop {
background-image: url(https://www.paypalobjects.com/images/shared/img_laptop48.svg)
}
.safeActivityReport.mobile {
background-image: url(https://www.paypalobjects.com/images/shared/img_mobile48.svg)
}
.safeActivityReport dl.safeActivityReportData {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin: 22px 0 0;
padding: 1.4em 0;
border-top: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
text-align: left
}
@media screen and (max-width:414px) {
.safeActivityReport dl.safeActivityReportData {
margin: 22px 0;
padding: 21px 0 1.5em
}
}
.safeActivityReport dl.safeActivityReportData dd,
.safeActivityReport dl.safeActivityReportData dt {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: .4em
}
.safeActivityReport dl.safeActivityReportData dt {
width: 32%;
text-align: right
}
.safeActivityReport dl.safeActivityReportData dd {
font-family: pp-sans-small-medium, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-variant: normal;
width: 60%
}
@media screen and (max-width:414px) {
.safeActivityReport dl.safeActivityReportData dd {
width: 45%;
padding: .4em 0 .4em .4em
}
}
.safeActivityReport .safeActivityReportMessage {
width: 60%;
margin: auto;
font-size: 22px;
font-weight: 400
}
.safeActivityReport .processing {
width: 60%;
margin: auto;
font-size: 22px
}
.safeActivityReport .safeActivityReportButtons {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 23px 0;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.safeActivityReport .safeActivityReportButtons button {
display: inline-block;
margin: 0;
width: 194px;
text-align: center
}
@media screen and (max-width:414px) {
.safeActivityReport .safeActivityReportButtons {
margin: 0
}
.safeActivityReport .safeActivityReportButtons button {
width: 48%
}
}
.unsupportedBrowserPage {
text-align: center
}
.unsupportedBrowserPage p {
margin-top: 20px
}
.unsupportedBrowserPage h1 {
font-size: 1.9em
}
.block {
display: block
}
.browserText {
font-family: pp-sans-small-medium;
font-weight: 500
}
.safari {
background: url(https://www.paypalobjects.com/images/shared/sprite-browsers.png) no-repeat -1140px -185px;
width: 68px
}
.firefox,
.safari {
height: 74px;
margin: 0 auto
}
.firefox {
background: url(https://www.paypalobjects.com/images/shared/sprite-browsers.png) no-repeat -1040px -185px;
width: 66px
}
.edge {
background: url(https://www.paypalobjects.com/images/shared/sprite-browsers.png) no-repeat -1040px -100px;
width: 68px
}
.chrome,
.edge {
height: 74px;
margin: 0 auto
}
.chrome {
background: url(https://www.paypalobjects.com/images/shared/sprite-browsers.png) no-repeat -1140px -100px;
width: 67px
}
.browserIcon {
width: 25%;
float: left
}
.twofactorPage {
text-align: center
}
.twofactorPage button[type=submit] {
font-weight: 400;
font-weight: 700
}
.twofactorPage .tryAnotherWay,
.twofactorPage button[type=submit] {
font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif;
font-variant: normal
}
.twofactorPage .tryAnotherWay {
font-weight: 400
}
.twofactorPage .vx_hr-alt {
margin: 5% 0
}
.twofactorPage .vx_alert {
margin-top: 24px
}
.twofactorPage .vx_alert-text {
text-align: left;
padding-left: 3%
}
.twofactorPage .vx_alert-warning {
color: #d64003;
background-color: #fffbf5
}
.twofactorPage .vx_alert-critical {
color: #d20000;
background-color: #fff7f7
}
.twofactorPage .input.textInput {
margin-top: 12px
}
.twofactorPage .vx_radio {
width: 100%;
position: relative
}
.twofactorPage .vx_radio input {
opacity: 0;
position: absolute;
cursor: pointer
}
.twofactorPage .vx_radio input:focus+label:before {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.twofactorPage .vx_radio input:checked+label:before {
content: "\2611";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff
}
.twofactorPage .vx_radio label {
cursor: pointer;
display: inline-block;
vertical-align: top;
line-height: 1.5em;
width: 100%;
text-align: left;
padding-left: 5%
}
.twofactorPage .vx_radio label:before {
font-family: xysx-vx-icons;
display: inline-block;
vertical-align: top;
height: 1em;
width: 1em;
margin: 0 .5em 1.25em 0;
padding: 0;
border: 1px solid #b7bcbf;
content: "";
font-size: 23px;
font-weight: bolder;
line-height: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
overflow: hidden
}
.twofactorPage .vx_radio label span {
vertical-align: middle
}
.twofactorPage .vx_radio input:checked+label:before {
content: "";
border-color: #005ea6;
background-color: #005ea6;
-webkit-box-shadow: inset 0 0 0 5px #fff;
-moz-box-shadow: inset 0 0 0 5px #fff;
box-shadow: inset 0 0 0 5px #fff
}
.twofactorPage .vx_radio label:before {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.no-js .captcha-container .captcha-inputs .refresh.small.light {
display: none
}
.captcha-overlay {
visibility: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background-color: rgba(0, 0, 0, .6)
}
.captcha-container {
width: 100%;
margin: 0
}
.captcha-container .container {
width: 95%;
background-image: none;
background-color: transparent
}
.captcha-container .corral {
margin: 0 auto;
width: 460px
}
.captcha-container .contentContainer {
position: relative;
margin: 50px auto 0;
padding: 5% 10%;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.captcha-container .contentContainer .modal-overlay {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: #fafafa;
z-index: 16;
opacity: 1
}
.captcha-container .contentContainer .modal-animate {
z-index: 17;
position: absolute;
width: 100px;
margin: 0 auto;
top: 120px;
left: 38%;
min-height: 100px;
overflow: hidden
}
.captcha-container .contentContainer .rotate {
content: "";
height: 30px;
width: 30px;
position: absolute;
left: 50%;
top: 50%;
z-index: 6;
margin: -15px auto auto -15px;
-webkit-animation: rotation .7s infinite linear;
-moz-animation: rotation .7s infinite linear;
-o-animation: rotation .7s infinite linear;
animation: rotation .7s infinite linear;
border-left: 8px solid rgba(0, 0, 0, .2);
border-right: 8px solid rgba(0, 0, 0, .2);
border-bottom: 8px solid rgba(0, 0, 0, .2);
border-top: 8px solid #2180c0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.captcha-container .contentContainer .xysx-logo {
margin: 0 auto;
background: transparent url(https://www.paypalobjects.com/images/shared/monogram@2x.png) top no-repeat;
-moz-background-size: 30px 37px;
background-size: 30px 37px;
width: 30px;
height: 37px;
display: block;
text-indent: -999em
}
@-webkit-keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@-moz-keyframes rotation {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-moz-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@-o-keyframes rotation {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-o-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.captcha-container .headerText {
text-align: center;
margin: 0 10px 0 0;
border-bottom: 1px solid #c1c1c1;
padding-bottom: 5px;
font-size: 30px;
font-weight: 400
}
.captcha-container .headerText .notYou {
color: #6c7378;
font-size: 15px;
padding-bottom: 10px
}
.captcha-container .captcha-xysx-logo {
margin: 0 auto 30px;
background: transparent url(https://www.paypalobjects.com/images/shared/xysx-logo-129x32.svg) top no-repeat;
-moz-background-size: 129px 32px;
background-size: 129px 32px;
width: 129px;
height: 32px;
display: block;
text-indent: -999em
}
.lower-than-ie9 .captcha-container .captcha-xysx-logo {
background: transparent url(https://www.paypalobjects.com/images/shared/xysx-logo-129x32.png) top no-repeat
}
.captcha-container .captcha-image {
height: 85px;
width: 100%;
text-align: center;
border: 1px solid #e6e6e6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 0 0 5px
}
.captcha-container .captcha-image img {
width: 100%;
height: 81px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.captcha-container .captcha-inputs {
display: table;
width: 100%;
height: 50px
}
.captcha-container .captcha-inputs .textInput {
display: table-cell;
min-width: 100px
}
.captcha-container .captcha-inputs .audio,
.captcha-container .captcha-inputs .refresh {
display: table-cell;
vertical-align: middle;
width: 36px
}
.lower-than-ie9 .captcha-container .captcha-inputs .audio,
.lower-than-ie9 .captcha-container .captcha-inputs .refresh,
.lower-than-ie10 .captcha-container .captcha-inputs .audio,
.lower-than-ie10 .captcha-container .captcha-inputs .refresh {
vertical-align: bottom
}
.captcha-container .captcha-inputs .refresh {
padding: 0 8px
}
.captcha-container .captcha-inputs .captchaPlay,
.captcha-container .captcha-inputs .captchaRefresh {
display: block;
width: 36px;
height: 36px
}
.captcha-container .captcha-inputs .captchaPlay:after,
.captcha-container .captcha-inputs .captchaRefresh:after {
width: 36px;
height: 36px
}
.captcha-container .captcha-inputs .captchaPlay:after {
background-position: -32px -3489px
}
.captcha-container .captcha-inputs .captchaRefresh:after {
background-position: -33px -3389px
}
.captcha-container .captcha-inputs .audio a {
background-position: -32px -3489px
}
.captcha-container .captcha-inputs .refresh a {
background-position: -33px -3389px
}
.captcha-container .captcha-inputs .buttonLight {
border: 1px solid;
border-color: #ddd #d9d9d9 #bdbdbd;
background-color: #dedede;
text-shadow: 0 1px #efefef;
color: #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px #fff inset, 0 1px 0 hsla(0, 0%, 100%, .2);
-moz-box-shadow: 0 1px #fff inset, 0 1px 0 hsla(0, 0%, 100%, .2);
box-shadow: inset 0 1px #fff, 0 1px 0 hsla(0, 0%, 100%, .2)
}
.captcha-container .captcha-inputs .buttonLight:hover {
background-color: #d1d1d1;
text-decoration: none;
-webkit-box-shadow: 0 1px #f5f5f5 inset, 0 1px hsla(0, 0%, 100%, .2);
-moz-box-shadow: 0 1px #f5f5f5 inset, 0 1px hsla(0, 0%, 100%, .2);
box-shadow: inset 0 1px #f5f5f5, 0 1px hsla(0, 0%, 100%, .2)
}
.captcha-container .captcha-inputs .buttonLight:active {
background-color: #c8c8c8;
border-color: #c2c2c2 #bcbcbc #adadad;
-webkit-box-shadow: 0 2px 4px #999 inset, 0 1px 0 hsla(0, 0%, 100%, .2);
-moz-box-shadow: 0 2px 4px #999 inset, 0 1px 0 hsla(0, 0%, 100%, .2);
box-shadow: inset 0 2px 4px #999, 0 1px 0 hsla(0, 0%, 100%, .2)
}
.captcha-container .captcha-inputs .onboardingSpritePseudo:after {
content: "";
display: block;
background-image: url(https://www.paypalobjects.com/webstatic/mktg/consumer/onboarding/ui-sprite.png);
background-repeat: no-repeat
}
.captcha-container .light,
.captcha-container .light:link,
.captcha-container .light:visited {
border-color: #ddd #d9d9d9 #bdbdbd;
background-color: #dedede;
background: -moz-linear-gradient(center bottom, #dedede 0, #dedede 20%, #f5f5f5 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dedede), color-stop(20%, #dedede), color-stop(100%, #f5f5f5));
background: -webkit-linear-gradient(bottom, #dedede, #dedede 20%, #f5f5f5);
background: -o-linear-gradient(bottom, #dedede 0, #dedede 20%, #f5f5f5 100%);
background: -webkit-gradient(linear, left bottom, left top, from(#dedede), color-stop(20%, #dedede), to(#f5f5f5));
background: -moz-linear-gradient(bottom, #dedede 0, #dedede 20%, #f5f5f5 100%);
background: linear-gradient(bottom, #dedede, #dedede 20%, #f5f5f5);
-webkit-box-shadow: 0 1px #fff inset, 0 1px 0 hsla(0, 0%, 100%, .2);
-moz-box-shadow: 0 1px #fff inset, 0 1px 0 hsla(0, 0%, 100%, .2);
box-shadow: inset 0 1px #fff, 0 1px 0 hsla(0, 0%, 100%, .2);
text-shadow: 0 1px #efefef;
color: #333
}
.captcha-container .light:hover {
background-color: #d1d1d1;
background: -moz-linear-gradient(center bottom, #d1d1d1 0, #d1d1d1 20%, #ebebeb 100%);
background: -webkit-linear-gradient(bottom, #d1d1d1, #d1d1d1 20%, #ebebeb);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d1d1d1), color-stop(20%, #d1d1d1), color-stop(100%, #ebebeb));
background: -o-linear-gradient(bottom, #d1d1d1 0, #d1d1d1 20%, #ebebeb 100%);
background: -webkit-gradient(linear, left bottom, left top, from(#d1d1d1), color-stop(20%, #d1d1d1), to(#ebebeb));
background: -moz-linear-gradient(bottom, #d1d1d1 0, #d1d1d1 20%, #ebebeb 100%);
background: linear-gradient(bottom, #d1d1d1, #d1d1d1 20%, #ebebeb);
-webkit-box-shadow: 0 1px #f5f5f5 inset, 0 1px hsla(0, 0%, 100%, .2);
-moz-box-shadow: 0 1px #f5f5f5 inset, 0 1px hsla(0, 0%, 100%, .2);
box-shadow: inset 0 1px #f5f5f5, 0 1px hsla(0, 0%, 100%, .2);
text-decoration: none
}
.captcha-container .light:active {
background-color: #c8c8c8;
border-color: #c2c2c2 #bcbcbc #adadad;
background: -moz-linear-gradient(center bottom, #d1d1d1 0, #d1d1d1 20%, #dedede 100%);
background: -webkit-linear-gradient(bottom, #d1d1d1, #d1d1d1 20%, #dedede);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d1d1d1), color-stop(20%, #d1d1d1), color-stop(100%, #dedede));
background: -o-linear-gradient(bottom, #d1d1d1 0, #d1d1d1 20%, #dedede 100%);
background: -webkit-gradient(linear, left bottom, left top, from(#d1d1d1), color-stop(20%, #d1d1d1), to(#dedede));
background: -moz-linear-gradient(bottom, #d1d1d1 0, #d1d1d1 20%, #dedede 100%);
background: linear-gradient(bottom, #d1d1d1, #d1d1d1 20%, #dedede);
-moz-box-shadow: 0 2px 4px #999 inset, 0 1px 0 hsla(0, 0%, 100%, .2);
-webkit-box-shadow: 0 2px 4px #999 inset, 0 1px 0 hsla(0, 0%, 100%, .2);
box-shadow: inset 0 2px 4px #999, 0 1px 0 hsla(0, 0%, 100%, .2)
}
.captcha-container .button,
.captcha-container a.button,
.captcha-container a.button:link,
.captcha-container a.button:visited,
.captcha-container button {
width: 100%;
height: 45px;
padding-top: 4px;
border: 0;
display: block;
background: #009cde;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
-webkit-appearance: none;
-moz-webkit-appearance: none;
-ms-webkit-appearance: none;
-o-webkit-appearance: none;
webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
color: #fff;
background: #0070a7;
-webkit-border-radius: 5px;
font-size: 1em;
text-align: center;
font-weight: 700;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
text-shadow: none;
text-decoration: none;
-webkit-transition: background-color .4s ease-out;
-moz-transition: background-color .4s ease-out;
-o-transition: background-color .4s ease-out;
transition: background-color .4s ease-out
}
.captcha-container .button:focus,
.captcha-container .button:hover,
.captcha-container a.button:focus,
.captcha-container a.button:hover,
.captcha-container a.button:link:focus,
.captcha-container a.button:link:hover,
.captcha-container a.button:visited:focus,
.captcha-container a.button:visited:hover,
.captcha-container button:focus,
.captcha-container button:hover {
background: #008ac5
}
.captcha-container .button.active,
.captcha-container .button:active,
.captcha-container a.button.active,
.captcha-container a.button:active,
.captcha-container a.button:link.active,
.captcha-container a.button:link:active,
.captcha-container a.button:visited.active,
.captcha-container a.button:visited:active,
.captcha-container button.active,
.captcha-container button:active {
background: #00598e
}
.captcha-container .button.secondary,
.captcha-container a.button.secondary,
.captcha-container a.button:link.secondary,
.captcha-container a.button:visited.secondary,
.captcha-container button.secondary {
background: #e1e7eb;
color: #2c2e2f
}
.captcha-container .button.secondary:focus,
.captcha-container .button.secondary:hover,
.captcha-container a.button.secondary:focus,
.captcha-container a.button.secondary:hover,
.captcha-container a.button:link.secondary:focus,
.captcha-container a.button:link.secondary:hover,
.captcha-container a.button:visited.secondary:focus,
.captcha-container a.button:visited.secondary:hover,
.captcha-container button.secondary:focus,
.captcha-container button.secondary:hover {
background: #d2dbe1
}
.captcha-container a.button,
.captcha-container a.button:link,
.captcha-container a.button:visited {
padding-top: 14px
}
.captcha-container button.asLink {
display: inline;
width: auto;
padding: 0;
background: none;
color: #0079c1;
font-weight: 400
}
.captcha-container .fieldWrapper {
position: relative;
z-index: 2;
width: 100%
}
.captcha-container .errorMessage {
position: absolute;
top: 1px;
opacity: 0;
z-index: 1;
width: 100%;
text-align: left;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-transition: top .3s ease-out;
-moz-transition: top .3s ease-out;
-o-transition: top .3s ease-out;
transition: top .3s ease-out;
-webkit-transition-property: max-height, opacity, top, padding-top, background;
-o-transition-property: max-height, opacity, top, padding-top, background;
-moz-transition-property: max-height, opacity, top, padding-top, background;
transition-property: max-height, opacity, top, padding-top, background
}
.captcha-container .errorMessage.show {
opacity: 1;
top: 36px;
height: auto;
background: #fff7f7;
border: 1px solid #e00200;
border-top: hidden
}
.captcha-container .errorMessage p {
margin: 0;
color: #2c2e2f
}
.captcha-container .z100 {
z-index: 100
}
.captcha-container .textInput {
margin: 0 0 10px
}
.captcha-container .textInput .fieldWrapper:before {
content: "";
display: block;
z-index: -1;
position: absolute;
top: 0;
width: 100%;
height: 44px;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.captcha-container .textInput.hasError input {
border: 1px solid #e00200;
background: url(https://www.paypalobjects.com/webstatic/i/consumer/onboarding/sprite_form.png) no-repeat top -409.9px right 10px;
-moz-background-size: 25px;
background-size: 25px
}
@media only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
.captcha-container .textInput.hasError input {
background: url(https://www.paypalobjects.com/webstatic/i/consumer/onboarding/sprite_form_2x.png) no-repeat top -409.9px right 10px;
-moz-background-size: 25px;
background-size: 25px
}
}
.captcha-container .textInput.hasError input:-moz-placeholder,
.captcha-container .textInput.hasError input::-moz-placeholder {
color: #9d2c36
}
.captcha-container .textInput.hasError input:-ms-input-placeholder {
color: #9d2c36
}
.captcha-container .textInput.hasError input::-webkit-input-placeholder {
color: #9d2c36
}
.captcha-container .textInput.hasError input:active,
.captcha-container .textInput.hasError input:focus {
border: 1px solid #e00200
}
.captcha-container .textInput.hasError input:active:-moz-placeholder,
.captcha-container .textInput.hasError input:active::-moz-placeholder,
.captcha-container .textInput.hasError input:focus:-moz-placeholder,
.captcha-container .textInput.hasError input:focus::-moz-placeholder {
color: #9b989b
}
.captcha-container .textInput.hasError input:active:-ms-input-placeholder,
.captcha-container .textInput.hasError input:focus:-ms-input-placeholder {
color: #9b989b
}
.captcha-container .textInput.hasError input:active::-webkit-input-placeholder,
.captcha-container .textInput.hasError input:focus::-webkit-input-placeholder {
color: #9b989b
}
.captcha-container .textInput .fieldLabel {
width: 100%;
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
display: none
}
.captcha-container .textInput .fieldLabel .errorMessage {
width: inherit;
z-index: -1;
top: 40px
}
.captcha-container .textInput input {
height: 44px;
width: 100%;
padding: 0 10px;
border: 1px solid #aaa;
background: #fff;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #2c2e2f;
font-size: 1em
}
.captcha-container .textInput input:focus {
outline: 0;
border: 1px solid #009cde;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #fff
}
.captcha-container .textInput input:not([type=submit]):not([type=radio]):not([type=checkbox]) {
-moz-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: border .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: border .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: border .2s ease-in-out, background-color .2s ease-in-out;
transition: border .2s ease-in-out, background-color .2s ease-in-out
}
.captcha-container .combinedFields .textInput {
width: 70%;
float: left
}
.captcha-container .combinedFields .textInput input {
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0
}
.captcha-container .textInput {
position: relative
}
.captcha-container .textInput .inputAction {
position: absolute;
z-index: 2;
color: #0070ba;
font-size: 13px;
top: 16px;
right: 15px
}
.captcha-container .textInput.hasError .inputAction {
position: absolute;
top: 16px;
right: 50px
}
.captcha-container .accessAid {
position: absolute!important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0!important;
border: 0!important;
height: 1px!important;
width: 1px!important;
overflow: hidden
}
.captcha-container footer {
display: none
}
@media (max-width:440px) {
.captcha-container .corral {
width: 100%
}
}
@media (max-width:767px) {
.captcha-container .combinedFields .textInput {
width: 65%
}
}
@media (max-width:767px) and (orientation:landscape) {
.captcha-container .contentContainer {
margin: 5px auto 0;
padding: 0 10% 1%
}
}