.feedback-activate-button{position:fixed;right:0;top:calc(50% - 58px);transition-duration:0.4s;color:#fff;cursor:pointer;width:36px;height:122px;background-color:#0070ba;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:99}@media only screen and (max-width: 480px){.feedback-activate-button{display:none}}.feedback-activate-button:focus{background-color:#003087;outline:none}.feedback-activate-button:focus p{text-decoration:underline}.feedback-activate-button:hover{background-color:#003087}@media screen and (max-height: 740px) and (min-width: 480px){.feedback-activate-button{bottom:313px}}.feedback-activate-button p{font-size:15px;font-weight:500;transform:rotate(-90deg)}.feedback-activate-button span{margin:20px 0 0 3px} .feedback-widget{position:fixed;transition-duration:0.4s;right:-450px;top:calc(50% - 58px);padding:24px;width:355px;height:435px;background-color:#fff;border:1px solid #ebebeb;box-shadow:0 2px 2px 0 rgba(0,0,0,0.15);border-radius:0 0 4px 4px;z-index:2;overflow-x:hidden;overflow-y:auto;transform-origin:bottom right}@media only screen and (max-width: 480px){.feedback-widget{display:none}}@media screen and (max-height: 740px) and (min-width: 480px){.feedback-widget{top:auto;bottom:0}}.feedback-widget.appear{opacity:1}@media screen and (min-width: 480px){.feedback-widget.appear{right:36px}}.feedback-widget .vx_icon-close-small{display:none;position:absolute;top:20px;right:10px}.feedback-widget .vx_icon-close-small::before{cursor:pointer}@media only screen and (max-width: 480px){.feedback-widget .vx_icon-close-small{display:inherit}} .FormField.feedback-scale-form{margin-bottom:1em}.FormField.feedback-scale-form .scale-container{height:50px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:5px}.FormField.feedback-scale-form .scale-container span{font-size:13px}.FormField.feedback-scale-form .scale-container .scale-choices{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:justify;justify-content:space-between;width:100%;-ms-flex-align:center;align-items:center;margin:0 12px;position:relative;top:-12px}.FormField.feedback-scale-form .scale-container .scale-choices .scale-choice{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;height:50px;position:relative}.FormField.feedback-scale-form .scale-container .scale-choices .scale-choice .Radio{position:relative;width:18px}.FormField.feedback-scale-form .scale-container .scale-choices .scale-choice span{text-align:center} .feedback-alert{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row}.feedback-alert img{height:18px;width:18px}.feedback-alert p{margin:0 0 0 6px;color:#d20000} .feedback-form .heading{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.feedback-form .heading .title{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:24px}.feedback-form .heading .title h2{font-size:15px;margin:0;font-weight:500}.feedback-form .heading p{margin:0;font-size:15px}.feedback-form .feedback-error{min-height:20px;margin-top:4px;margin-bottom:-8px}.feedback-form .feedback-error .alert-container{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row}.feedback-form .feedback-error .alert-container img{height:18px;width:18px}.feedback-form .feedback-error .alert-container p{margin:0 0 0 6px;color:#d20000}.feedback-form .FormField{margin-bottom:1em}.feedback-form .Form .FormField{margin-bottom:18px}.feedback-form .Form .FormField .Input-parent textarea{height:156px}.feedback-form .Form .FormField .Input-parent .ComponentLabel-blur{white-space:pre-wrap;height:55px}.feedback-form .Form .FormNote{text-align:right}.feedback-form .submit-container{width:170px;margin:0 auto !important}.feedback-form .submit-container .Button{font-size:13px !important}.feedback-form .labels{margin-top:10px;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:justify;justify-content:space-between}.feedback-form .labels span{color:#71787e}.feedback-form .char-count{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:end;justify-content:flex-end} .feedback-success{height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.feedback-success .GlyphIcon{margin-bottom:36px}.feedback-success h3{width:236px;font-size:24px;font-weight:300;margin-bottom:36px;text-align:center}.feedback-success button{width:114px;font-size:13px} .feedback .feedback-alert{display:flex;flex-flow:row}.feedback .feedback-alert img{height:18px;width:18px}.feedback .feedback-alert p{margin:0 0 0 6px;color:#d20000}.feedback .feedback-form .heading{display:flex;flex-flow:column}.feedback .feedback-form .heading .title{display:flex;flex-flow:row;justify-content:space-between;margin-bottom:24px}.feedback .feedback-form .heading .title h2{font-size:15px;margin:0;font-weight:500}.feedback .feedback-form .heading p{margin:0;font-size:15px}.feedback .feedback-form .feedback-error{min-height:20px;margin-top:4px;margin-bottom:-8px}.feedback .feedback-form .feedback-error .alert-container{display:flex;flex-flow:row}.feedback .feedback-form .feedback-error .alert-container img{height:18px;width:18px}.feedback .feedback-form .feedback-error .alert-container p{margin:0 0 0 6px;color:#d20000}.feedback .feedback-form .FormField{margin-bottom:1em}.feedback .feedback-form .Form .FormField{margin-bottom:18px}.feedback .feedback-form .Form .FormField .Input-parent textarea{height:156px}.feedback .feedback-form .Form .FormField .Input-parent .ComponentLabel-blur{white-space:pre-wrap;height:55px}.feedback .feedback-form .Form .FormNote{text-align:right}.feedback .feedback-form .submit-container{width:170px;margin:0 auto !important}.feedback .feedback-form .submit-container .Button{font-size:13px !important}.feedback .feedback-form .labels{margin-top:10px;display:flex;flex-flow:row;justify-content:space-between}.feedback .feedback-form .labels span{color:#71787e}.feedback .feedback-form .char-count{display:flex;flex-flow:row;justify-content:flex-end}.feedback .FormField.feedback-scale-form{margin-bottom:1em}.feedback .FormField.feedback-scale-form .scale-container{height:50px;width:100%;display:flex;flex-flow:row;justify-content:space-between;align-items:center;margin-bottom:5px}.feedback .FormField.feedback-scale-form .scale-container span{font-size:13px}.feedback .FormField.feedback-scale-form .scale-container .scale-choices{display:flex;flex-flow:row;justify-content:space-between;width:100%;align-items:center;margin:0 12px;position:relative;top:-12px}.feedback .FormField.feedback-scale-form .scale-container .scale-choices .scale-choice{display:flex;flex-flow:column;height:50px;position:relative}.feedback .FormField.feedback-scale-form .scale-container .scale-choices .scale-choice .Radio{position:relative;width:18px}.feedback .FormField.feedback-scale-form .scale-container .scale-choices .scale-choice span{text-align:center}.feedback .feedback-success{height:100%;display:flex;flex-flow:column;justify-content:center;align-items:center}.feedback .feedback-success .GlyphIcon{margin-bottom:36px}.feedback .feedback-success h3{width:236px;font-size:24px;font-weight:300;margin-bottom:36px;text-align:center}.feedback .feedback-success button{width:114px;font-size:13px} /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 0.9375rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #6E6D71; } body { background-color: #fafafa; color: #2C2E2F; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.6; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } input::-ms-clear { display: none; } a, .a { color: #0070BA; cursor: pointer; text-decoration: none; } a:hover, .a:hover, a:focus, .a:focus { color: #005EA6; text-decoration: underline; } img { vertical-align: middle; } hr { border: 0; border-top: 1px solid rgba(44, 46, 47, 0.1); margin-bottom: 2em; margin-top: 2em; } ul, ol { padding: 0; margin: 0; list-style-type: none; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 1.6; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } ul.inline, ol.inline { margin-left: 0; list-style: none; } ul.inline > li, ol.inline > li { display: inline-block; padding-left: 10px; padding-right: 10px; } /*html[lang^=da], html[lang^=de], html[lang^=en], html[lang^=es], html[lang^=fr], html[lang^=id], html[lang^=it], html[lang^=no], html[lang^=pl], html[lang^=pt], html[lang^=sv] { }*/ @font-face { font-family: PayPal-Sans; font-style: normal; font-weight: 400; src: url('https://www.paypalobjects.com/ui-web/paypal-sans-small/1-0-0/PayPalSansSmall-Regular.eot'); /* IE9 Compat Modes */ src: url('https://www.paypalobjects.com/ui-web/paypal-sans-small/1-0-0/PayPalSansSmall-Regular.woff2') format('woff2'), /* Moderner Browsers */ url('https://www.paypalobjects.com/ui-web/paypal-sans-small/1-0-0/PayPalSansSmall-Regular.woff') format('woff'), /* Modern Browsers */ url('https://www.paypalobjects.com/ui-web/paypal-sans-small/1-0-0/PayPalSansSmall-Regular.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg'); /* Legacy iOS */ } @font-face { font-family: PayPal-Sans; font-style: normal; font-weight: 500; src: url('https://www.paypalobjects.com/ui-web/paypal-sans-small/1-0-0/PayPalSansSmall-Medium.eot'); /* IE9 Compat Modes */ src: url('https://www.paypalobjects.com/ui-web/paypal-sans-small/1-0-0/PayPalSansSmall-Medium.woff2') format('woff2'), /* Moderner Browsers */ url('https://www.paypalobjects.com/ui-web/paypal-sans-small/1-0-0/PayPalSansSmall-Medium.woff') format('woff'), /* Modern Browsers */ url('https://www.paypalobjects.com/ui-web/paypal-sans-small/1-0-0/PayPalSansSmall-Medium.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg'); /* Legacy iOS */ } /* ---------------------------------------------------------------------------------------- */ @font-face { font-family: PayPal-Sans-Big; font-style: normal; font-weight: 300; src: url('https://www.paypalobjects.com/ui-web/paypal-sans-big/1-0-0/PayPalSansBig-Light.eot'); /* IE9 Compat Modes */ src: url('https://www.paypalobjects.com/ui-web/paypal-sans-big/1-0-0/PayPalSansBig-Light.woff2') format('woff2'), /* Moderner Browsers */ url('https://www.paypalobjects.com/ui-web/paypal-sans-big/1-0-0/PayPalSansBig-Light.woff') format('woff'), /* Modern Browsers */ url('https://www.paypalobjects.com/ui-web/paypal-sans-big/1-0-0/PayPalSansBig-Light.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg'); /* Legacy iOS */ } @font-face { font-family: PayPal-Sans-Big; font-style: normal; font-weight: 400; src: url('https://www.paypalobjects.com/ui-web/paypal-sans-big/1-0-0/PayPalSansBig-Regular.eot'); /* IE9 Compat Modes */ src: url('https://www.paypalobjects.com/ui-web/paypal-sans-big/1-0-0/PayPalSansBig-Regular.woff2') format('woff2'), /* Moderner Browsers */ url('https://www.paypalobjects.com/ui-web/paypal-sans-big/1-0-0/PayPalSansBig-Regular.woff') format('woff'), /* Modern Browsers */ url('https://www.paypalobjects.com/ui-web/paypal-sans-big/1-0-0/PayPalSansBig-Regular.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg'); /* Legacy iOS */ } /** * @fileOverview Contains type treatment for PayPal's new VX Patterns * @name type-vxPtrn * @author jlowery * @notes The below styles are mobile first */ body { font-size: inherit !important; font-family: 'PayPal-Sans', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } .vx_text-xl { font-size: 3.75rem; line-height: 1.1; font-weight: 300; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; } h1, .vx_text-1 { font-size: 2.5rem; line-height: 1.2; font-weight: 300; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; } h2, .vx_text-2 { font-size: 1.875rem; line-height: 1.4; font-weight: 300; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; } h3, .vx_text-3 { font-size: 1.25rem; line-height: 1.5; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; } .vx_text-3_lighter { font-size: 1.25rem; line-height: 1.5; font-weight: 300; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; } h4, .vx_text-4 { font-size: 1.125rem; line-height: 1.33333; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } h5, .vx_text-5 { font-size: 0.9375rem; line-height: 1.6; font-weight: 500; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_text-5_lighter { font-size: 0.9375rem; line-height: 1.6; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } h6, .vx_text-6 { font-size: 0.8125rem; line-height: 1.84615385; font-weight: 500; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_text-6_lighter { font-size: 0.8125rem; line-height: 1.84615385; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_text-body, p, li, dd, dt, label, input, textarea, pre, code { font-size: 0.9375rem; line-height: 1.6; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_text-body_secondary { font-size: 0.8125rem; line-height: 1.84615385; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_text-legal { font-size: 0.8125rem; line-height: 1.38461538; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; color: #6C7378; } .vx_h1, .vx_h2, .vx_h3, .vx_h4 { -webkit-font-smoothing: antialiased; } .vx_h1 { font-size: 2.5rem; line-height: 1.2; font-weight: 300; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; } .vx_h2 { /* Yes, the below H3 vars are intended * this is the mobile sizing, so it's this first. * Desktop is below. */ font-size: 1.25rem; line-height: 1.5; font-weight: 300; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; /* Mobile First, aka Desktop Later */ } @media (min-width: 768px) { .vx_h2 { font-size: 1.875rem; line-height: 1.4; font-weight: 300; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; } } .vx_h3 { font-size: 1.25rem; line-height: 1.5; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; } .vx_h4 { font-size: 1.125rem; line-height: 1.33333; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_h5 { font-size: 0.9375rem; line-height: 1.6; font-weight: 500; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_h6 { font-size: 0.8125rem; line-height: 1.84615385; font-weight: 500; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_h7 { font-size: 0.8125rem; line-height: 1.84615385; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_base-text { font-size: 0.9375rem; line-height: 1.6; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_small-text { font-size: 0.8125rem; line-height: 1.84615385; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_legal-text { font-size: 0.8125rem; line-height: 1.38461538; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; color: #6C7378; } .vx_secondary-text { color: #9DA3A6; } .vx_text-block { padding: 1.6em 1.6em 0.8em; } .vx_reverse-contrast { background: #2c2e2f; color: #FFFFFF; } .vx_reverse-contrast .vx_secondary-text { color: #CBD2D6; } .vx_reverse-contrast .small-text { font-weight: 500; } ul, ol { padding: 0; margin: 0 0 0.8rem 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 1.6; } dl { margin-bottom: 1.6rem; } dt, dd { line-height: 1.6; } dt { font-weight: 500; } dd { margin-left: 0.8rem; } .vx_unstyled-list { list-style: none; padding: 0; } a, a:visited { color: #0070BA; text-decoration: none; font-weight: 500; font-family: 'PayPal-Sans', sans-serif; } a:active, a:focus, a:hover { color: #005EA6; text-decoration: underline; } p > a, li > a { font-weight: 500; font-family: 'PayPal-Sans', sans-serif; } input, textarea { font-size: 1em; } /*ul, ol { padding: 0; margin: 0 0 (@line-height-base / 2rem) 0; }*/ .display-flex { display: -webkit-flex; display: -ms-flexbox; display: flex; } .display-inline-flex { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .center-block { margin: 0 auto; } /** * Vertical alignment utilities * Depends on an appropriate `display` value. */ .u-align-baseline { vertical-align: baseline !important; } .u-align-bottom { vertical-align: bottom !important; } .u-align-middle { vertical-align: middle !important; } .u-align-top { vertical-align: top !important; } /** * Display-type utilities */ .u-block { display: block !important; } .u-hidden { display: none !important; } /** * Completely remove from the flow but leave available to screen readers. */ .u-hidden-visually { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; padding: 0 !important; border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; } .u-inline { display: inline !important; } /** * 1. Fix for Firefox bug: an image styled `max-width:100%` within an * inline-block will display at its default size, and not limit its width to * 100% of an ancestral container. */ .u-inline-block { display: inline-block !important; max-width: 100%; /* 1 */ } .u-table { display: table !important; } .u-table-cell { display: table-cell !important; } .u-table-row { display: table-row !important; } /** * Contain floats * see ../mixins/clearfix for more information */ .u-clearfix:before, .u-clearfix:after { content: " "; display: table; } .u-clearfix:after { clear: both; } /** * Floats */ .u-float-left { float: left !important; } .u-float-right { float: right !important; } /** * Pins to all corners by default. But when a width and/or height are * provided, the element will be centered in its nearest relatively-positioned * ancestor. */ .u-pos-absolute-center { bottom: 0 !important; left: 0 !important; margin: auto !important; position: absolute !important; right: 0 !important; top: 0 !important; } /** * 1. Make sure fixed elements are promoted into a new layer, for performance * reasons. */ .u-pos-fixed { position: fixed !important; backface-visibility: hidden; /* 1 */ } .u-pos-absolute { position: absolute !important; } .u-pos-relative { position: relative !important; } .u-pos-static { position: static !important; } /** * Word breaking * * Break strings when their length exceeds the width of their container. */ .u-text-break { word-wrap: break-word !important; } /** * Horizontal text alignment */ .u-text-center { text-align: center !important; } .u-text-left { text-align: left !important; } .u-text-right { text-align: right !important; } /** * Assign basic colours */ .u-text-muted { color: #CBD2D6 !important; } .u-text-default { color: #2C2E2F !important; } .u-text-primary { color: #0070BA !important; } .u-text-info { color: #009CDE !important; } .u-text-warning { color: #FF9600 !important; } .u-text-success { color: #00CF92 !important; } .u-text-danger { color: #D20000 !important; } /** * Inherit the ancestor's text color. */ .u-text-inherit-color { color: inherit !important; } /** * Capitalize the text */ .u-text-caps { text-transform: uppercase !important; } /** * Enables font kerning in all browsers. * http://blog.typekit.com/2014/02/05/kerning-on-the-web/ * * 1. Chrome (not Windows), Firefox, Safari 6+, iOS, Android * 2. Chrome (not Windows), Firefox, IE 10+ * 3. Safari 7 and future browsers */ .u-text-kern { text-rendering: optimizeLegibility; /* 1 */ font-feature-settings: "kern" 1; /* 2 */ font-kerning: normal; /* 3 */ } /** * Prevent whitespace wrapping */ .u-text-no-wrap { white-space: nowrap !important; } /** * Text truncation * * Prevent text from wrapping onto multiple lines, and truncate with an * ellipsis. * * 1. Ensure that the node has a maximum width after which truncation can * occur. * 2. Fix for IE 8/9 if `word-wrap: break-word` is in effect on ancestor * nodes. */ .u-text-truncate { max-width: 100%; /* 1 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; /* 2 */ } /* * @name buttons * @description All defined button styles and states belong here, including any helper class button style options, like `vx_btn-secondary` or `vx_btn-medium` etc. * * @group elements */ @font-face { font-family: 'paypal-vx-icons'; src: url('https://www.paypalobjects.com/ui-web/vx-icons/2-0-1/PayPalVXIcons-Regular.eot'); /* IE9 Compat Modes */ src: url('https://www.paypalobjects.com/ui-web/vx-icons/2-0-1/PayPalVXIcons-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.paypalobjects.com/ui-web/vx-icons/2-0-1/PayPalVXIcons-Regular.woff') format('woff'), /* Modern Browsers */ url('https://www.paypalobjects.com/ui-web/vx-icons/2-0-1/PayPalVXIcons-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.paypalobjects.com/ui-web/vx-icons/2-0-1/PayPalVXIcons-Regular.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } .vx_btn, .vx_btn-small, .vx_btn-medium { display: inline-block; min-width: 6rem; padding: 0.75rem 1.5rem; margin-bottom: 1.5rem; border: 1px solid #0070BA; border-radius: 1.5rem; font-size: 0.9375rem; line-height: 1.6; font-family: 'PayPal-Sans', sans-serif; font-weight: 500; text-align: center; text-decoration: none; cursor: pointer; color: #fff; background-color: #0070BA; transition: all 250ms ease; -webkit-font-smoothing: antialiased; } .vx_btn:visited, .vx_btn-small:visited, .vx_btn-medium:visited, .vx_btn:active, .vx_btn-small:active, .vx_btn-medium:active, .vx_btn:hover, .vx_btn-small:hover, .vx_btn-medium:hover, .vx_btn:focus, .vx_btn-small:focus, .vx_btn-medium:focus { color: #fff; } .vx_btn:visited, .vx_btn-small:visited, .vx_btn-medium:visited { text-decoration: none; } .vx_btn:hover, .vx_btn-small:hover, .vx_btn-medium:hover, .vx_btn:focus, .vx_btn-small:focus, .vx_btn-medium:focus { background-color: #003087; border: 1px solid #003087; box-shadow: none; text-decoration: none; } .vx_btn:focus, .vx_btn-small:focus, .vx_btn-medium:focus { outline: none; text-decoration: underline; } .vx_btn[disabled], .vx_btn-small[disabled], .vx_btn-medium[disabled], .vx_btn[disabled]:hover, .vx_btn-small[disabled]:hover, .vx_btn-medium[disabled]:hover, .vx_btn[disabled]:active, .vx_btn-small[disabled]:active, .vx_btn-medium[disabled]:active, .vx_btn.vx_is-disabled, .vx_btn-small.vx_is-disabled, .vx_btn-medium.vx_is-disabled, .vx_btn.vx_is-disabled:hover, .vx_btn-small.vx_is-disabled:hover, .vx_btn-medium.vx_is-disabled:hover, .vx_btn.vx_is-disabled:active, .vx_btn-small.vx_is-disabled:active, .vx_btn-medium.vx_is-disabled:active { color: #CBD2D6; background: #F5F6F8; box-shadow: none; border: 1px solid #CBD2D6; text-decoration: none; cursor: not-allowed; outline: none; -ms-transform: none; -webkit-transform: none; transform: none; } .vx_btn + .vx_btn, .vx_btn + .vx_btn-small, .vx_btn + .vx_btn-medium, .vx_btn-small + .vx_btn, .vx_btn-small + .vx_btn-small, .vx_btn-small + .vx_btn-medium, .vx_btn-medium + .vx_btn, .vx_btn-medium + .vx_btn-small, .vx_btn-medium + .vx_btn-medium { margin-left: 0.75rem; } .vx_btn.vx_btn-block, .vx_btn-small.vx_btn-block, .vx_btn-medium.vx_btn-block { margin-right: 0; margin-left: 0; width: 100%; } .vx_btn-secondary { background-color: transparent; border-color: #0070BA; color: #0070BA; } .vx_btn-secondary:hover, .vx_btn-secondary:focus { color: #003087; background-color: rgba(255, 255, 255, 0.2); border-color: #003087; box-shadow: 0 0 0 1px #003087 inset; } .vx_btn-secondary:visited { text-decoration: none; color: #0070BA; } .vx_btn_reversed { border-color: #fff; background-color: #fff; color: #0070BA; } .vx_btn_reversed:hover, .vx_btn_reversed:focus { background-color: #f0f0f0; border-color: #f0f0f0; color: #003087; } .vx_btn_reversed:visited { color: #0070BA; } .vx_btn_reversed:visited:hover { color: #003087; } .vx_btn-secondary_reversed { background-color: transparent; color: #fff; border-color: #fff; } .vx_btn-secondary_reversed:hover, .vx_btn-secondary_reversed:focus { background-color: rgba(0, 0, 0, 0.1); color: #fff; border-color: #fff; box-shadow: 0 0 0 1px #fff inset; } .vx_btn-medium { font-size: 0.8125rem; line-height: 1.38461538; min-width: 4.5rem; padding: 0.5625rem 1.125rem; } .vx_btn-small { font-size: 0.8125rem; line-height: 1.36363636; min-width: 3.75rem; padding: 0.46875rem 0.9375rem; } .vx_btn-icon { display: inline-block; width: 1.5rem; position: relative; margin-right: 0.625rem; } .vx_btn-icon svg { width: 1.5rem; height: 1.5rem; position: absolute; top: -1.125rem; left: 0; } .vx_btn-icon .svg-stroke { stroke: #fff; } .vx_btn-icon .svg-fill { fill: #fff; } .vx_btn-secondary .vx_btn-icon .svg-stroke { stroke: #0070BA; } .vx_btn-secondary .vx_btn-icon .svg-fill { fill: #0070BA; } .vx_btn-secondary:hover .vx_btn-icon .svg-stroke, .vx_btn-secondary:focus .vx_btn-icon .svg-stroke { stroke: #003087; } .vx_btn-secondary:hover .vx_btn-icon .svg-fill, .vx_btn-secondary:focus .vx_btn-icon .svg-fill { fill: #003087; } [disabled] .vx_btn-icon .svg-stroke, [disabled]:hover .vx_btn-icon .svg-stroke, [disabled]:active .vx_btn-icon .svg-stroke, .vx_is-disabled .vx_btn-icon .svg-stroke, .vx_is-disabled:hover .vx_btn-icon .svg-stroke, .vx_is-disabled:active .vx_btn-icon .svg-stroke { stroke: #CBD2D6; } [disabled] .vx_btn-icon .svg-fill, [disabled]:hover .vx_btn-icon .svg-fill, [disabled]:active .vx_btn-icon .svg-fill, .vx_is-disabled .vx_btn-icon .svg-fill, .vx_is-disabled:hover .vx_btn-icon .svg-fill, .vx_is-disabled:active .vx_btn-icon .svg-fill { fill: #CBD2D6; } .vx_btn-medium .vx_btn-icon { width: 1.125rem; margin-right: 0.5rem; } .vx_btn-medium .vx_btn-icon svg { width: 1.125rem; height: 1.125rem; top: -0.8125rem; } .vx_btn-small .vx_btn-icon { width: 1.10795454rem; margin-right: 0.375rem; } .vx_btn-small .vx_btn-icon svg { width: 1.10795454rem; height: 1.10795454rem; top: -0.75rem; } .vx_btn-group, .vx_btn-group_stacked { text-align: center; } .vx_btn-group_stacked .vx_btn, .vx_btn-group_stacked .vx_btn-small, .vx_btn-group_stacked .vx_btn-medium { display: table; margin-left: auto; margin-right: auto; } .vx_addBtn-primary, .vx_addBtn-secondary { font-weight: 500; font-size: 0.9375rem; line-height: 1.5rem; background: none; border: none; color: #0070BA; padding-left: 0.125rem; } .vx_addBtn-primary:before, .vx_addBtn-secondary:before { content: "\002B"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'paypal-vx-icons'; line-height: 0; font-size: 1.25rem; } .vx_addBtn-primary:hover, .vx_addBtn-secondary:hover { color: #005EA6; text-decoration: none; } .vx_addBtn-primary:before { color: #FFFFFF; background: #0070BA; border-radius: 100%; padding: 0 5px 3px; box-shadow: 0 1px 2px #2C2E2F; margin-right: 12px; } .vx_addBtn-secondary:before { margin-right: 5px; } .vx_backBtn { background: none; border: none; color: #0070BA; font-weight: normal; padding: 0; } .vx_backBtn:focus, .vx_backBtn:active, .vx_backBtn:hover { color: #005EA6; text-decoration: none; } .vx_backBtn:focus span, .vx_backBtn:active span, .vx_backBtn:hover span { text-decoration: underline; } .vx_backBtn:before { font-family: 'paypal-vx-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\2190'; display: inline; font-size: 1.5em; vertical-align: -0.1em; padding-right: 0.1em; } .vx_btn-twoUp .vx_btn { display: inline-block; width: 48%; margin-left: 0; margin-right: 0; } .vx_btn-twoUp .vx_btn:first-of-type { margin-right: 1.5%; } .vx_btn-twoUp .vx_btn:last-of-type { margin-left: 1.5%; } @media (max-width: 768px) { .vx_blocks-for-mobile .vx_btn { display: block; width: 100%; } .vx_blocks-for-mobile .vx_btn + .vx_btn { margin: 5px 0 0; } } .vx_btn-link { background: none; border: none; color: #0070BA; font-weight: 500; padding: 0; } .vx_btn-link:hover { color: #005EA6; text-decoration: underline; } /* Site */ /* Site */ /* used on inputs and buttons */ /* Alert Background colors - TODO:: Check if background color is necessary as the new designs doesn't have background colors. */ @-webkit-keyframes slideIn { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0px); transform: translate3d(0, 100%, 0px); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0px); transform: translate3d(0, 0, 0px); } } @keyframes slideIn { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0px); transform: translate3d(0, 100%, 0px); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0px); transform: translate3d(0, 0, 0px); } } @-webkit-keyframes slideOut { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0px); transform: translate3d(0, 0, 0px); } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0px); transform: translate3d(0, 100%, 0px); } } @keyframes slideOut { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0px); transform: translate3d(0, 0, 0px); } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0px); transform: translate3d(0, 100%, 0px); } } @-webkit-keyframes revealIn { from { max-height: 0px; } to { max-height: 100vh; } } @keyframes revealIn { from { max-height: 0px; } to { max-height: 100vh; } } @-webkit-keyframes revealOut { from { max-height: 100vh; } to { max-height: 0px; } } @keyframes revealOut { from { max-height: 100vh; } to { max-height: 0px; } } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale(0.7); } to { opacity: 1; -webkit-transform: scale(1); } } @keyframes zoomIn { from { opacity: 0; transform: scale(0.7); } to { opacity: 1; transform: scale(1); } } @-webkit-keyframes zoomOut { from { opacity: 1; -webkit-transform: scale(1); } to { opacity: 0; -webkit-transform: scale(0.7); } } @keyframes zoomOut { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.7); } } @-webkit-keyframes dropdownMenuEnter { from { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @keyframes dropdownMenuEnter { from { opacity: 0; transform: translate3d(0, -10%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes dropdownMenuLeave { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); } } @keyframes dropdownMenuLeave { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(0, -10%, 0); } } @-webkit-keyframes popoutEnter { from { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @keyframes popoutEnter { from { opacity: 0; transform: translate3d(0, 10px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes popoutLeave { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); } } @keyframes popoutLeave { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(0, 20px, 0); } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes slideInFromTop { from { opacity: 0; transform: translate3d(0, 0%, 0); } to { opacity: 1; transform: translate3d(0, 100%, 0); } } @keyframes slideInFromTop { from { opacity: 0; transform: translate3d(0, 0%, 0); } to { opacity: 1; transform: translate3d(0, 100%, 0); } } @-webkit-keyframes slideOutFromBottom { from { opacity: 1; transform: translate3d(0, 100%, 0); } to { opacity: 0; transform: translate3d(0, 0%, 0); } } @keyframes slideOutFromBottom { from { opacity: 1; transform: translate3d(0, 100%, 0); } to { opacity: 0; transform: translate3d(0, 0%, 0); } } @-webkit-keyframes slideInFromLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes slideInFromLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } @-webkit-keyframes slideInFromRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes slideInFromRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } @-webkit-keyframes slideOutToLeft { from { opacity: 1; -webkit-transform: none; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); } } @keyframes slideOutToLeft { from { opacity: 1; transform: none; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes slideOutToRight { from { opacity: 1; -webkit-transform: none; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); } } @keyframes slideOutToRight { from { opacity: 1; transform: none; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } @-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); } } @keyframes spin { to { transform: rotate(360deg); } } @-webkit-keyframes pulse { 0%, 80%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes pulse { 0%, 80%, 100% { opacity: 0; } 40% { opacity: 1; } } .disclosure-arrow { border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em dashed; display: inline-block; height: 0; margin-top: -0.1em; vertical-align: middle; width: 0; } .disclosure-arrow:first-child { margin-right: 0.5em; } .disclosure-arrow:last-child { margin-left: 0.5em; } .octicon + .disclosure-arrow { margin-left: 0; } @font-face { font-family: 'paypal-vx-icons'; src: url('https://www.paypalobjects.com/ui-web/vx-icons/2-0-1/PayPalVXIcons-Regular.eot'); /* IE9 Compat Modes */ src: url('https://www.paypalobjects.com/ui-web/vx-icons/2-0-1/PayPalVXIcons-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.paypalobjects.com/ui-web/vx-icons/2-0-1/PayPalVXIcons-Regular.woff') format('woff'), /* Modern Browsers */ url('https://www.paypalobjects.com/ui-web/vx-icons/2-0-1/PayPalVXIcons-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.paypalobjects.com/ui-web/vx-icons/2-0-1/PayPalVXIcons-Regular.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } /** * DO NOT EDIT THIS FILE AS IT'S GENERATED CODE. * UED: cgrigson, adustin, nvandewater * UIE: jlowery * Note: If modifications are needed, don't modify this file! Either override or make a PR to: * https://github.paypal.com/jlowery/paypal-vxpattern-lib */ .vx_icon { font-family: 'paypal-vx-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .vx_icon-small:before { font-size: 1.58rem; } .vx_icon-medium:before { font-size: 2.6rem; } .vx_icon-large:before { font-size: 7.8rem; } .vx_icon-slider-small:before { content: "\205D"; } .vx_icon-slider-half-small:before { content: "\205E"; } .vx_icon-close-small:before { content: "\274E"; } .vx_icon-add-small:before { content: "\002B"; } .vx_icon-arrow-down-small:before { content: "\2193"; } .vx_icon-arrow-up-small:before { content: "\2191"; } .vx_icon-arrow-left-small:before { content: "\2190"; } .vx_icon-arrow-right-small:before { content: "\2192"; } .vx_icon-arrow-down-half-small:before { content: "\21E3"; } .vx_icon-arrow-up-half-small:before { content: "\21E1"; } .vx_icon-arrow-left-half-small:before { content: "\21E0"; } .vx_icon-arrow-right-half-small:before { content: "\21E2"; } .vx_icon-arrow-back-small:before { content: "\21E6"; } .vx_icon-clear-half-small:before { content: "\2716"; } .vx_icon-checkmark-small:before { content: "\2705"; } .vx_icon-checkmark-small-bold:before { content: "\2611"; } .vx_icon-circled-checkmark-small:before { content: "\2714"; } .vx_icon-circled-checkmark-large:before { content: "\2713"; } .vx_icon-action-arrow-half-small:before { content: "\25BA"; } .vx_icon-action-arrow-right-half-small:before { content: "\25BA"; } .vx_icon-action-arrow-down-half-small:before { content: "\25BC"; } .vx_icon-action-arrow-up-half-small:before { content: "\25B2"; } .vx_icon-tooltip-small:before { content: "\2753"; } .vx_icon-info-small:before { content: "\2139"; } .vx_icon-positive-small:before { content: "\002B"; } .vx_icon-attention-small:before { content: "\2755"; } .vx_icon-critical-small:before { content: "\26A0"; } .vx_icon-info-large:before { content: "\24D8"; } .vx_icon-positive-large:before { content: "\002B"; } .vx_icon-attention-large:before { content: "\2762"; } .vx_icon-critical-large:before { content: "\2757"; } .vx_icon-pp-logo:before { content: "\E498"; } .vx_icon-pp-logo-half:before { content: "\E499"; } .vx_icon-gear:before { content: "\2699"; } .vx_icon-magnifying-glass:before { content: "\1F50D"; } .vx_icon-bell:before { content: "\1F514"; } .vx_icon-chain-link:before { content: "\1F517"; } .vx_icon-calendar:before { content: "\1F4C5"; } .vx_icon-camera-add:before { content: "\1F4F7"; } .vx_icon-avatar:before { content: "\1F471"; } .Form { margin-top: 10px; } .Form .ComponentLabel { display: none !important; } .FormLabel { -webkit-transition: color 280ms; -o-transition: color 280ms; transition: color 280ms; color: #6C7378; /* font-size: @form-label-size;*/ display: inline-block; margin-bottom: 0.429em; font-weight: normal; } .FormField { margin-bottom: 2em; position: relative; } .FormField > .FormField { margin-top: 1em; margin-bottom: 1em; } @media (min-width: 641px) { .FormRow { margin: 0 -0.5em 2em; min-width: 100%; } .FormRow > .FormField { display: block; float: left; padding: 0 0.5em; } .FormRow > .FormField.one-half, .FormRow > .FormField.two-quarters, .FormRow > .FormField.three-sixths { width: 50%; } .FormRow > .FormField.one-quarter { width: 25%; } .FormRow > .FormField.three-quarters { width: 75%; } .FormRow > .FormField.one-third, .FormRow > .FormField.two-sixths { width: 33.333%; } .FormRow > .FormField.two-thirds, .FormRow > .FormField.four-sixths { width: 66.666%; } .FormRow > .FormField.one-fifth { width: 20%; } .FormRow > .FormField.two-fifths { width: 40%; } .FormRow > .FormField.three-fifths { width: 60%; } .FormRow > .FormField.four-fifths { width: 80%; } .FormRow > .FormField.one-sixth { width: 16.666%; } .FormRow > .FormField.five-sixths { width: 83.333%; } .FormField .FormRow { margin-bottom: 0; } .Formlabel { margin-bottom: 1em; } } .FormField.error .FormLabel { color: #D20000; } .Checkbox, .Radio { line-height: 3.143em; position: relative; } .Radio { display: block; } .Checkbox__input { -webkit-appearance: none; -moz-appearance: window; position: absolute; top: 0px; left: 0px; opacity: 0; } .Checkbox__input:hover + .Checkbox__label:after { border-color: #0070BA; } .Checkbox__input:focus + .Checkbox__label:after { border-color: #0070BA; } .Checkbox__input:checked + .Checkbox__label:before { content: "\2611"; } .Checkbox__input:checked + .Checkbox__label:after { border-color: #0070BA; background-color: #0070BA; } .Checkbox__input:disabled + .Checkbox__label:after { border-color: #CBD2D6; } .Checkbox__label { position: relative; } .Checkbox__label:after { position: absolute; border: 1px solid #B7BCBF; background-color: #FFFFFF; border-radius: 4px; content: ''; width: 18px; height: 18px; left: 0px; top: 0px; } .Checkbox__label:before { position: absolute; font-family: 'paypal-vx-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; content: ''; top: 7px; left: 3px; z-index: 1; } .Checkbox__label-lg:after { width: 25px; height: 25px; left: 0px; top: -5px; } .Checkbox__label-lg:before { font-size: 20px; top: 5px; left: 3px; z-index: 1; } .Radio__input { -webkit-appearance: none; -moz-appearance: window; position: absolute; top: 0px; left: 0px; opacity: 0; } .Radio__input:hover + .Radio__label:after { border-color: #0070BA; } .Radio__input:focus + .Radio__label:after { border-color: #0070BA; } .Radio__input:checked + .Radio__label:before { background-color: #0070BA; } .Radio__input:disabled + .Radio__label:after { border-color: #CBD2D6; } .Radio__label { position: relative; } .Radio__label:after { position: absolute; background-color: #FFFFFF; border: 1px solid #B7BCBF; border-radius: 100%; content: ''; width: 18px; height: 18px; left: 0px; top: 0px; } .Radio__label:before { position: absolute; background-color: none; border-radius: 100%; content: ''; width: 10px; height: 10px; top: 4px; left: 4px; z-index: 1; } .Radio__label-lg:before { width: 15px; height: 15px; top: 1px; left: 5px; } .Radio__label-lg:after { width: 25px; height: 25px; left: 0px; top: -4px; } .Checkbox__label, .Radio__label { padding-left: 27px; font-weight: normal; line-height: 1.4; display: inline-block; } .Checkbox__label-lg, .Radio__label-lg { padding-left: 35px; } .Checkbox__children, .Radio__children { margin-left: 2em; } .inline-controls > .Checkbox, .inline-controls > .Radio, .Checkbox--inline, .Radio--inline { display: inline-block; margin-right: 2em; } .Checkbox--disabled, .Radio--disabled { color: #CBD2D6; } .Checkbox.error .Checkbox__label, .Radio.error .Checkbox__label, .Checkbox.error .Radio__label, .Radio.error .Radio__label { color: #D20000; } .Checkbox.error .Checkbox__input:checked + .Checkbox__label:after, .Radio.error .Checkbox__input:checked + .Checkbox__label:after, .Checkbox.error .Radio__input:checked + .Checkbox__label:after, .Radio.error .Radio__input:checked + .Checkbox__label:after { border-color: #D20000; /* background-color: @app-danger;*/ } .Checkbox.error .Checkbox__input:hover + .Checkbox__label:after, .Radio.error .Checkbox__input:hover + .Checkbox__label:after, .Checkbox.error .Radio__input:hover + .Checkbox__label:after, .Radio.error .Radio__input:hover + .Checkbox__label:after, .Checkbox.error .Checkbox__input:hover + .Radio__label:after, .Radio.error .Checkbox__input:hover + .Radio__label:after, .Checkbox.error .Radio__input:hover + .Radio__label:after, .Radio.error .Radio__input:hover + .Radio__label:after { border-color: #D20000; } .Checkbox.error .Checkbox__input:checked + .Radio__label:after, .Radio.error .Checkbox__input:checked + .Radio__label:after, .Checkbox.error .Radio__input:checked + .Radio__label:after, .Radio.error .Radio__input:checked + .Radio__label:after { border-color: #D20000; } .Checkbox.error .Checkbox__input:checked + .Radio__label:before, .Radio.error .Checkbox__input:checked + .Radio__label:before, .Checkbox.error .Radio__input:checked + .Radio__label:before, .Radio.error .Radio__input:checked + .Radio__label:before { /*background-color: @app-danger;*/ } .Form--horizontal .FormLabel { display: block; } .Form--horizontal .FormLabel:not(:first-child) { margin-top: 2em; } @media (min-width: 641px) { .Form--horizontal .FormField { display: table; table-layout: fixed; width: 100%; } .Form--horizontal .FormField.offset-absent-label { padding-left: 32%; } .Form--horizontal .FormLabel { display: table-cell; line-height: 2em; margin-bottom: 0; vertical-align: top; width: 32%; } .Form--horizontal .FormLabel:not(:first-child) { padding-left: 20px; } .Form--horizontal .FormRow > .FormField { display: block; margin-bottom: 0; min-width: 0; } .Form--horizontal .FormRow > .FormField > .FormLabel { display: block; } .Form--horizontal .FormRow > .FormField .Input-parent { margin: 0; width: 100%; } } @media (max-width: 640px) { .Form--horizontal .FormField .Input-parent, .Form--horizontal .FormField .Select { width: 100%; } .Form--inline .ComponentLabel { display: block !important; /*color: @form-label-color;*/ font-weight: 500; margin-bottom: 0.429em; } .Form--inline .Input-parent, .Form--inline .InputGroup_section, .Form--inline .Select, .Form--inline .Button { width: 100%; } .Form--inline .FormLabel { display: none !important; } } @media (min-width: 641px) { .Form--inline { /* .Checkbox, .Radio, .FormField { //&:first-child { padding-left: 0; } &:last-child { padding-right: 0; } }*/ /* .Checkbox, .Radio { line-height: 2.4em; padding-left: 0.4em; margin: 0 @input-padding-horizontal; }*/ } .Form--inline .ComponentLabel { display: block !important; /*color: @form-label-color;*/ font-weight: 500; margin-bottom: 0.429em; } .Form--inline .FormLabel { display: none !important; /*position: absolute;*/ } .Form--inline .Input-parent, .Form--inline .InputGroup_section, .Form--inline .Select, .Form--inline .Button { width: 100%; } .Form--inline .InputGroup .ComponentLabel, .Form--inline .RadioGroup .ComponentLabel { display: block !important; } } .img-responsive { display: block; height: auto; max-width: 100%; } .img-thumbnail { background-color: #FFFFFF; border-radius: 0.357rem; border: 1px solid #9DA3A6; display: inline-block; height: auto; line-height: 1; max-width: 100%; padding: 4px; position: relative; } .img-thumbnail > img { height: auto; max-width: 100%; } a.img-thumbnail:hover, a.img-thumbnail:focus { background-color: #FFFFFF; border-color: #0070BA; outline: none; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 640px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 640px) { .visible-xs-block { display: block !important; } } @media (max-width: 640px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 640px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 641px) and (max-width: 895px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 641px) and (max-width: 895px) { .visible-sm-block { display: block !important; } } @media (min-width: 641px) and (max-width: 895px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 641px) and (max-width: 895px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 896px) and (max-width: 1023px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 896px) and (max-width: 1023px) { .visible-md-block { display: block !important; } } @media (min-width: 896px) and (max-width: 1023px) { .visible-md-inline { display: inline !important; } } @media (min-width: 896px) and (max-width: 1023px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1024px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1024px) { .visible-lg-block { display: block !important; } } @media (min-width: 1024px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1024px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 640px) { .hidden-xs { display: none !important; } } @media (min-width: 641px) and (max-width: 895px) { .hidden-sm { display: none !important; } } @media (min-width: 896px) and (max-width: 1023px) { .hidden-md { display: none !important; } } @media (min-width: 1024px) { .hidden-lg { display: none !important; } } .Alert { position: relative; padding: 0.75em 0.6em; margin: 1em 0em; border: 1px solid transparent; border-radius: 0.357rem; } .Alert h4 { margin-top: 0; color: inherit; } .Alert > p, .Alert > ul { margin-bottom: 0; } .Alert > p + p { margin-top: 5px; } .Alert .vx_icon { display: table-cell; vertical-align: text-top; } .Alert .msg { display: table-cell; padding-left: 0.714em; } .Alert .close { position: absolute; top: 24px; right: 10px; cursor: pointer; } .Alert .close:before { font-size: 1.20rem; } .Alert--dismissable { padding-right: 2em; } .Alert--dismissable .close { position: relative; top: -2px; right: -21px; color: inherit; } .Alert--help { border-color: #009CDE; font-size: 15px; color: #2c2e2f; } .Alert--help .close { color: #009CDE; } .Alert--success { border-color: #00CF92; font-size: 15px; color: #2c2e2f; } .Alert--success .close { color: #00CF92; } .Alert--info { border-color: #9DA3A6; font-size: 15px; color: #2c2e2f; } .Alert--info .close { color: #9DA3A6; } .Alert--warning { border-color: #FF9600; font-size: 15px; color: #2c2e2f; } .Alert--warning .close { color: #FF9600; } .Alert--error { border-color: #D20000; font-size: 15px; color: #2c2e2f; } .Alert--error .close { color: #D20000; } .BlankState { background-color: #f0f0f0; border-radius: 0.357rem; color: #CBD2D6; padding: 10em 4em; text-align: center; } .BlankState__heading { color: inherit; } .BlankState__heading:last-child { margin-bottom: 0; } .Button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; border: 1px solid transparent; border-radius: 1.5rem; cursor: pointer; display: inline-block; font-weight: 500; font-size: 0.9375rem; line-height: 1.6; min-width: 6rem; overflow: hidden; padding: 0.75rem 1.5rem; text-align: center; touch-action: manipulation; white-space: nowrap; -webkit-appearance: none; -webkit-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } .Button:hover, .Button:focus, .Button.focus { color: #fff; text-decoration: none; } .Button:focus, .Button.focus { text-decoration: underline; } .Button:active, .Button.active { background-image: none; outline: 0; } .Button.disabled, .Button[disabled] { opacity: .4; pointer-events: none; } .Button--primary { background-color: #0070BA; border-color: #0070BA; color: #fff; } .Button--primary:hover, .Button--primary:active, .Button--primary.active .Button--primary:focus, .Button--primary.focus { background-color: #003087; border-color: #003087; outline: none; } .Button--primary.disabled, .Button--primary[disabled] { background-color: #F5F6F8; border-color: #F5F6F8; color: #CBD2D6; cursor: not-allowed; } .Button--secondary { background-color: transparent; border-color: #0070BA; color: #0070BA; } .Button--secondary:hover, .Button--secondary:active, .Button--secondary.active, .Button--secondary:focus, .Button--secondary.focus { color: #003087; background-color: rgba(255, 255, 255, 0.2); border-color: #003087; box-shadow: 0 0 0 1px #003087 inset; outline: none; } .Button--secondary.disabled, .Button--secondary[disabled] { background-color: #F5F6F8; border-color: #F5F6F8; color: #CBD2D6; cursor: not-allowed; } .Button[type=submit] { margin-top: 1.3em; margin-bottom: 0.875em; width: 100%; } .Button--link { color: #0070BA; font-weight: normal; } .Button--link, .Button--link:active, .Button--link.active, .Button--link[disabled], fieldset[disabled] .Button--link { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .Button--link, .Button--link:hover, .Button--link:focus, .Button--link.focus, .Button--link:active, .Button--link.active { border-color: transparent; outline: none; } .Button--link:hover, .Button--link:focus, .Button--link.focus { background-color: transparent; color: #005EA6; text-decoration: underline; } .Button--link-text { font-weight: normal; color: #0070BA; } .Button--link-text, .Button--link-text:active, .Button--link-text.active, .Button--link-text[disabled], fieldset[disabled] .Button--link-text { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .Button--link-text, .Button--link-text:hover, .Button--link-text:focus, .Button--link-text.focus, .Button--link-text:active, .Button--link-text.active { border-color: transparent; outline: none; } .Button--link-text:hover, .Button--link-text:focus, .Button--link-text.focus { background-color: transparent; color: #005EA6; text-decoration: underline; } .Button--link-text:hover, .Button--link-text:focus, .Button--link-text.focus { color: #0070BA; outline: none; } .Button--link-cancel { font-weight: normal; color: #0070BA; } .Button--link-cancel, .Button--link-cancel:active, .Button--link-cancel.active, .Button--link-cancel[disabled], fieldset[disabled] .Button--link-cancel { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .Button--link-cancel, .Button--link-cancel:hover, .Button--link-cancel:focus, .Button--link-cancel.focus, .Button--link-cancel:active, .Button--link-cancel.active { border-color: transparent; outline: none; } .Button--link-cancel:hover, .Button--link-cancel:focus, .Button--link-cancel.focus { background-color: transparent; color: #005EA6; text-decoration: underline; } .Button--link-cancel:hover, .Button--link-cancel:focus, .Button--link-cancel.focus { color: #D20000; outline: none; } .Button--link-success { color: #0070BA; font-weight: normal; color: #00CF92; } .Button--link-success, .Button--link-success:active, .Button--link-success.active, .Button--link-success[disabled], fieldset[disabled] .Button--link-success { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .Button--link-success, .Button--link-success:hover, .Button--link-success:focus, .Button--link-success.focus, .Button--link-success:active, .Button--link-success.active { border-color: transparent; outline: none; } .Button--link-success:hover, .Button--link-success:focus, .Button--link-success.focus { background-color: transparent; color: #005EA6; text-decoration: underline; } .Button--link-success:hover, .Button--link-success:focus, .Button--link-success.focus { color: #00CF92; outline: none; } .Button--link-delete { font-weight: normal; color: #0070BA; } .Button--link-delete, .Button--link-delete:active, .Button--link-delete.active, .Button--link-delete[disabled], fieldset[disabled] .Button--link-delete { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .Button--link-delete, .Button--link-delete:hover, .Button--link-delete:focus, .Button--link-delete.focus, .Button--link-delete:active, .Button--link-delete.active { border-color: transparent; outline: none; } .Button--link-delete:hover, .Button--link-delete:focus, .Button--link-delete.focus { background-color: transparent; color: #005EA6; text-decoration: underline; } .Button--link-delete:hover, .Button--link-delete:focus, .Button--link-delete.focus { background-color: #D20000; color: white; text-decoration: none; } .Button--link-delete:focus, .Button--link-delete.focus { outline: none; } .Button--link-delete:active, .Button--link-delete.active { background-color: #be0000; background-image: none !important; color: white; } .Button--md { font-size: 0.8125rem; line-height: 1.38461538; min-width: 4.5rem; padding: 0.5625rem 1.125rem; } .Button--sm { font-size: 0.8125rem; line-height: 1.36363636; min-width: 3.75rem; padding: 0.46875rem 0.9375rem; } .Button--block { display: block; padding-left: 0; padding-right: 0; width: 100%; } .ButtonGroup { display: inline-block; position: relative; vertical-align: middle; } .ButtonGroup > .Button { border-radius: 0; float: left; margin-left: -1px; } .ButtonGroup > .Button:first-child { border-bottom-left-radius: 0.357rem; border-top-left-radius: 0.357rem; margin-left: 0; } .ButtonGroup > .Button:last-child { border-bottom-right-radius: 0.357rem; border-top-right-radius: 0.357rem; } .ButtonGroup > .Button:hover, .ButtonGroup > .Button:active, .ButtonGroup > .Button.active, .ButtonGroup > .Button:focus, .ButtonGroup > .Button.focus { position: relative; } .ButtonGroup > .Button:focus, .ButtonGroup > .Button.focus { z-index: 1; } .Button > .octicon:first-child { margin-right: 0.5em; } .Button > .octicon:last-child { margin-left: 0.5em; } .Button > .octicon:only-child { margin-left: 0; margin-right: 0; } .Calendar { background-color: #fff; border-radius: 0.357rem; } .Calendar table { border-collapse: separate; border-spacing: 0px 10px; margin: auto; } .Calendar caption { padding-top: 0; padding-bottom: 17px; } .Calendar caption .prev { padding-top: 17px; float: left; cursor: pointer; } .Calendar caption .next { padding-top: 17px; float: right; cursor: pointer; } .Calendar h3 { display: inline-block; padding: 7px 10px 0px 10px; margin-top: 0; margin-bottom: 0; font-weight: 200; color: #999; } .Calendar th { font-weight: 500; color: #999; padding: 0px 3px; } .Calendar td { text-align: center; color: #2C2E2F; padding: 8px; font-weight: 500; } .Calendar a { text-decoration: none; color: #6c7378; font-weight: 200; } .Calendar h3 { margin: 0; } .Calendar td.selected { font-weight: 300; } .Calendar td.selected.start { background-color: #05c7f9; border-bottom-left-radius: 50%; border-top-left-radius: 50%; } .Calendar td a { margin: auto; } .Calendar td.selected.end { background-color: #05c7f9; border-top-right-radius: 50%; border-bottom-right-radius: 50%; position: relative; } .Calendar td.selected.end:before { content: "\200B"; } .Calendar td.selected.end:first-child { border-bottom-left-radius: 50%; border-top-left-radius: 50%; } .Calendar td.selected.end a { position: absolute; top: 0; right: 0; background-color: #009CDE; border-radius: 50%; color: #ffffff; padding: 8px; width: 100%; height: 100%; } .Calendar td.range { background-color: #05c7f9; } .Calendar td.range:first-child { border-bottom-left-radius: 50%; border-top-left-radius: 50%; } .Calendar td.range:last-child { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } .Calendar td.selected.start.end { border-radius: 50%; background-color: #009CDE; } .Calendar td.selected.start.end a { color: #ffffff; } .Calendar td.selected.first, .Calendar td.range.first { border-bottom-left-radius: 50%; border-top-left-radius: 50%; } .Calendar thead { padding-bottom: 3px; padding-top: 3px; } .CalendarInput input { cursor: pointer; } .CalendarInput .Popover-bottom { border-bottom-color: #009cde; } .CalendarInput .Popover-top { border-top-color: #009cde; } .CalendarInput .Popover-right { border-right-color: #009cde; } .CalendarInput .Popover { border: solid 1px #009cde; } .CalendarInput .PopoverLabel { width: 100%; } .DateInput { position: relative; } .Dropdown { display: block; width: 100%; position: relative; } .Dropdown-menu { -webkit-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); background-color: #FFFFFF; border-radius: 0.357rem; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.175), 0 3px 8px rgba(0, 0, 0, 0.175); font-size: 0.9375rem; left: 0; list-style: none; margin: 4px 0 0; min-width: 160px; padding: 5px 0; position: absolute; text-align: left; top: 100%; z-index: 1000; width: 100%; max-height: 360px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .align-right .Dropdown-menu { left: auto; right: 0; } .Dropdown-menu-enter { -webkit-animation-name: slideIn; animation-name: slideIn; } .Dropdown-menu-leave { -webkit-animation-name: slideOut; animation-name: slideOut; } .Dropdown-menu__item, .Dropdown-menu__header { white-space: nowrap; } .Dropdown-menu__action { clear: both; color: #2C2E2F; cursor: pointer; display: block; font-weight: normal; line-height: 1.6; padding: 3px 20px; } .Dropdown-menu__action:hover, .Dropdown-menu__action:focus { background-color: #e6f1f8; color: #125682; text-decoration: none; } .Dropdown-menu__action.active, .Dropdown-menu__action.active:hover, .Dropdown-menu__action.active:focus { background-color: #0070BA; color: #FFFFFF; outline: 0; text-decoration: none; } .Dropdown-menu__action_focused { background-color: #e6f1f8; color: #125682; text-decoration: none; } .Dropdown-menu__info { clear: both; color: #2C2E2F; display: block; font-weight: normal; line-height: 1.6; padding: 3px 20px; } .Dropdown-menu__divider { background-color: #e5e5e5; height: 1px; margin-bottom: .25em; margin-top: .25em; overflow: hidden; } .Dropdown-menu__header { color: #CBD2D6; display: block; font-size: 0.9rem; font-weight: 500; line-height: 1.6; margin-top: 1em; padding: 3px 20px; white-space: nowrap; } .Dropdown-menu__divider + .Dropdown-menu__header { margin-top: 0; } .blockout, .Dropdown-menu-backdrop { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; } .FileDragAndDrop { -webkit-transition: border 120ms; -o-transition: border 120ms; transition: border 120ms; background: none; border: 1px dashed #c8d9e1; border-radius: 0.357rem; color: #697074; cursor: pointer; height: 235px; line-height: 235px; padding: 0 1em; text-align: center; width: 100%; } .FileDragAndDrop:focus, .FileDragAndDrop.active { border-color: #45c8ff; border-style: solid; color: #009CDE; outline: none; -webkit-appearance: none; } .FileDragAndDrop__label { display: inline-block; font-weight: 500; line-height: 1.2; vertical-align: middle; } .FileUpload { overflow: hidden; } .FileUpload__image { border-radius: 0.357rem; border: 1px solid #9DA3A6; float: left; margin-right: 20px; padding: 5px; width: 120px; } .FileUpload__image-src { height: auto; max-width: 100%; } .FileUpload__message { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #9DA3A6; display: inline-block; margin-bottom: 2em; } .Input-parent { width: 100%; -webkit-appearance: none; -moz-appearance: none; position: relative; } .Input-parent .Input-error-icon { position: absolute; top: 1em; right: 0; padding: 5px 1em; } .Input-parent .ComponentLabel { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-transition-timing-function: linear; transition-timing-function: linear; position: absolute; color: #6C7378; font-weight: normal; padding: 5px calc(1.45em); font-size: 0.714em; line-height: 1.214em; height: 3.143em; vertical-align: middle; pointer-events: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; left: 0; right: 0; } .Input-parent .ComponentLabel-focus { color: #0070BA; } .Input-parent .ComponentLabel-blur { font-size: inherit; padding-top: 1em; padding-left: 1em; color: #6C7378; } .Input-parent .ComponentLabel-error { color: #D20000; padding-right: 4.35em; } .Input-parent .ComponentLabel-error.ComponentLabel-blur { padding-right: 3em; } .Input-parent .ComponentLabel-readOnly { position: relative; padding: 0px; height: 1.5em; font-size: 1em; color: #6C7378; margin-bottom: 0px; } .Input-parent .ComponentLabel-disabled { color: #9DA3A6; } .Input { background-color: #FFFFFF; background-image: none; border-radius: 0.357rem; border: 1px solid #9DA3A6; color: #2C2E2F; display: block; line-height: 2em; height: 3.143em; padding: 5px 1em; width: 100%; -webkit-appearance: none; -moz-appearance: none; } .Input:hover { border-color: #009CDE; outline: 0; } .Input.focus, .Input.is-focused, .Input:focus { border-color: #009CDE; outline: 0; box-shadow: inset 0 0 0 0.0625rem #009CDE; } .Input.disabled, .Input[disabled] { background-color: #F5F7FA; pointer-events: none; color: #9DA3A6; } .Input::-moz-focus-inner { border: 0; outline: 0; } .Input.error { border: 1px solid #D20000; outline: 0; box-shadow: inset 0 0 0 0.0625rem #D20000; } .Input:focus.error, .Input:focus.info, .Input:focus.help { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .Form--inline .Input { padding-top: 1em; } .Input--lg { font-size: 1.071rem; } .Input--sm { font-size: 0.9rem; } .Input--xs { font-size: 0.8rem; line-height: 1.9; padding-left: .66em; padding-right: .66em; } .Input-readOnly { max-width: 100%; /* 1 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; /* 2 */ border-radius: 0.357rem; color: #2C2E2F; display: inline-block; line-height: inherit; height: inherit; min-width: auto; vertical-align: middle; width: auto; } a.Input-readOnly { color: #0070BA; margin-right: 5px; min-width: 0; font-size: 0.9375rem; text-decoration: none; } a.Input-readOnly:hover, a.Input-readOnly:focus { color: #0070BA; outline: none; text-decoration: none; } .Input-readOnly .FormLabel { font-weight: normal; } .Input-readOnly--multiline { line-height: 1.3; height: auto; white-space: normal; } textarea.Input { overflow: auto; resize: vertical; height: auto; line-height: 1.4em; min-height: 6.75em; padding: 5px 1em 3px; } .Form--inline textarea.Input { padding-top: 1.4em; } .Input-error { -webkit-animation: formValidationMessage 280ms cubic-bezier(0.66, 0, 0.47, 1); -o-animation: formValidationMessage 280ms cubic-bezier(0.66, 0, 0.47, 1); animation: formValidationMessage 280ms cubic-bezier(0.66, 0, 0.47, 1); font-size: 1em; overflow: hidden; position: absolute; z-index: 1; width: 100%; padding: 3px 1em; background-color: #FEFAFA; border: 1px solid #D20000; border-top-color: transparent; border-bottom-left-radius: 0.357rem; border-bottom-right-radius: 0.357rem; } .Input-error ul { margin: 5px 0px 5px 0px; list-style: none; } .Input-info { -webkit-animation: formValidationMessage 280ms cubic-bezier(0.66, 0, 0.47, 1); -o-animation: formValidationMessage 280ms cubic-bezier(0.66, 0, 0.47, 1); animation: formValidationMessage 280ms cubic-bezier(0.66, 0, 0.47, 1); font-size: 1em; overflow: hidden; position: absolute; z-index: 1; width: 100%; padding: 3px 1em; background-color: #FDFEFF; border: 1px solid #009CDE; border-top: none; border-bottom-left-radius: 0.357rem; border-bottom-right-radius: 0.357rem; } .Input-info ul { margin: 5px 0px 5px 0px; list-style: none; } @-webkit-keyframes formValidationMessage { from { max-height: 0; } to { max-height: 400px; } } @keyframes formValidationMessage { from { max-height: 0; } to { max-height: 400px; } } .FormNote { font-size: 0.9rem; } .FormNote--default { color: #6C7378; } .FormNote--primary { color: #0070BA; } .FormNote--success { color: #00CF92; } .FormNote--info { color: #009CDE; } .FormNote--warning { color: #FF9600; } .FormNote--danger { color: #D20000; } /** Make consumer-icons as !important, so that paypal-icons from bizcomponents/header-footer cannot override **/ .GlyphIcon { font-family: 'paypal-vx-icons' !important; } .GlyphIcon__color--default { color: #9DA3A6; } .GlyphIcon__color--error { color: #D20000; } .GlyphIcon__color--danger { color: #D20000; } .GlyphIcon__color--primary { color: #009cde; } .GlyphIcon__color--success { color: #00CF92; } .GlyphIcon__color--warning { color: #FF9600; } .FormFieldAddOn { position: relative; } .leadingNodes { position: absolute; text-decoration: none; right: 0; bottom: 0; } .leadingNode { display: inline-block; padding: 7px; height: 3.143em; } .leadingNode > * { position: relative; vertical-align: middle; vertical-align: -webkit-baseline-middle; vertical-align: -moz-middle-with-baseline; } .trailingNode { display: inline-block; padding: 7px; height: 3.143em; } .trailingNode > * { position: relative; vertical-align: middle; vertical-align: -webkit-baseline-middle; vertical-align: -moz-middle-with-baseline; } .separator-right { border-right: 1px solid #9DA3A6; } .separator-left { border-left: 1px solid #9DA3A6; } .trailingNodes { position: absolute; text-decoration: none; top: 0; } .label-error { color: #D20000 !important; } .InputGroup { margin-bottom: 2em; } .FormField .InputGroup { margin-bottom: 0; } .InputGroup > * { margin-bottom: 1em; } .InputGroup > *:last-child { margin-bottom: 0; } .InputGroup_section { display: -webkit-flex; display: -ms-flexbox; display: flex; } .InputGroup_section + .InputGroup_section { padding-left: 1em; } .InputGroup_section > * { margin-right: 1em; } .InputGroup_section > *:last-child { margin-right: 0; } .InputGroup--contiguous .InputGroup_section { padding-left: 0; } .InputGroup--contiguous .InputGroup_section > * { margin-right: 0; } .InputGroup--contiguous .InputGroup_section .FormField { margin-bottom: 0px; } /* stretch the appropriate element - 1 per input group .InputGroup_section--grow { .flex(1,1,auto); // display: inline-block; }*/ .InputGroup--contiguous > * { margin-bottom: 0; } .InputGroup--contiguous .Input-parent, .InputGroup--contiguous .Button, .InputGroup--contiguous .Select, .InputGroup--contiguous .FormField .Input-parent { position: relative; } .InputGroup--contiguous .Input-parent:hover, .InputGroup--contiguous .Button:hover, .InputGroup--contiguous .Select:hover, .InputGroup--contiguous .FormField .Input-parent:hover { z-index: 1; } .InputGroup--contiguous .Button, .InputGroup--contiguous .Select { /*width: auto;*/ } .InputGroup--contiguous .Button .Select-menu, .InputGroup--contiguous .Select .Select-menu { min-width: 100%; width: auto; } .InputGroup--contiguous .Input-parent-focus, .InputGroup--contiguous .Select-focus { z-index: 1; } .InputGroup--contiguous .Input, .InputGroup--contiguous .Button, .InputGroup--contiguous .Select-label, .InputGroup--contiguous .FormField .Input { margin-top: -1px; border-radius: 0; } .InputGroup--contiguous .InputGroup_section .Input-parent, .InputGroup--contiguous .InputGroup_section .Button, .InputGroup--contiguous .InputGroup_section .Select, .InputGroup--contiguous .InputGroup_section .FormField .Input-parent { margin-left: -1px; } .InputGroup--contiguous .InputGroup_section .Input-parent:first-child, .InputGroup--contiguous .InputGroup_section .Button:first-child, .InputGroup--contiguous .InputGroup_section .Select:first-child, .InputGroup--contiguous .InputGroup_section .FormField:first-child .Input-parent { margin-left: 0px; } .InputGroup--contiguous .InputGroup_section .Select:last-child .Select-menu { right: 0px; } .InputGroup--contiguous .InputGroup_section:first-child > .Input-parent:first-child .Input, .InputGroup--contiguous .InputGroup_section:first-child > .Button:first-child, .InputGroup--contiguous .InputGroup_section:first-child > .Select:first-child .Select-label, .InputGroup--contiguous .InputGroup_section:first-child > .FormField:first-child .Input-parent .Input { border-top-left-radius: 0.357rem; } .InputGroup--contiguous .InputGroup_section:first-child > .Input-parent:last-child .Input, .InputGroup--contiguous .InputGroup_section:first-child > .Button:last-child, .InputGroup--contiguous .InputGroup_section:first-child > .Select:last-child .Select-label, .InputGroup--contiguous .InputGroup_section:first-child > .FormField:last-child .Input-parent .Input { border-top-right-radius: 0.357rem; } .InputGroup--contiguous .InputGroup_section:last-child > .Input-parent:first-child .Input, .InputGroup--contiguous .InputGroup_section:last-child > .Button:first-child, .InputGroup--contiguous .InputGroup_section:last-child > .Select:first-child .Select-label, .InputGroup--contiguous .InputGroup_section:last-child > .FormField:first-child .Input-parent .Input { border-bottom-left-radius: 0.357rem; } .InputGroup--contiguous .InputGroup_section:last-child > .Input-parent:last-child .Input, .InputGroup--contiguous .InputGroup_section:last-child > .Button:last-child, .InputGroup--contiguous .InputGroup_section:last-child > .Select:last-child .Select-label, .InputGroup--contiguous .InputGroup_section:last-child > .FormField:last-child .Input-parent .Input { border-bottom-right-radius: 0.357rem; } .InputGroup--contiguous > .Input-parent:first-child .Input, .InputGroup--contiguous > .Button:first-child, .InputGroup--contiguous > .Select:first-child .Select-label, .InputGroup--contiguous > .FormField:first-child .Input-parent .Input { border-top-left-radius: 0.357rem; border-top-right-radius: 0.357rem; } .InputGroup--contiguous > .Input-parent:last-child .Input, .InputGroup--contiguous > .Button:last-child, .InputGroup--contiguous > .Select:last-child .Select-label, .InputGroup--contiguous > .FormField:last-child .Input-parent .Input { border-bottom-left-radius: 0.357rem; border-bottom-right-radius: 0.357rem; } /* IE10 and below */ .InputGroup_section { display: inline\9; *display: inline-block; } .Loader__message { display: table-cell; width: 100%; vertical-align: middle; } .Loader__icon { margin-bottom: 2.563em; } .Modal { -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; bottom: 0; left: 0; outline: 0; position: fixed; right: 0; top: 0px; visibility: hidden; z-index: 1050; background-color: rgba(244, 246, 249, 0.85); } .Modal.is-open { visibility: visible; } .Modal.is-opaque { background-color: #f4f6f9; } .Modal-default { max-width: 100%; height: 100vh; position: relative; width: auto; z-index: 2; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .Modal-default-enter { -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .Modal-default-leave { -webkit-animation-name: slideOut; animation-name: slideOut; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .Modal-dialog { max-width: 100%; height: 100vh; position: relative; width: auto; z-index: 2; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; text-align: center; } .Modal-dialog:before { content: ''; height: 100%; vertical-align: middle; display: inline-block; } .Modal-dialog-enter { -webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .Modal-dialog-leave { -webkit-animation-name: zoomOut; animation-name: zoomOut; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .Modal-content-default { background-color: #FFFFFF; outline: none; position: relative; min-height: 100%; text-align: left; } .Modal-content-dialog { background-color: #FFFFFF; outline: none; display: inline-block; text-align: left; width: 100%; position: relative; vertical-align: middle; vertical-align: -webkit-baseline-middle; vertical-align: -moz-middle-with-baseline; } @media (min-width: 641px) { .Modal-content-default { margin: 0px auto; } .Modal-content--default--small { width: 620px; } .Modal-content--default--medium { width: 620px; } .Modal-content--default--large { width: 960px; } .Modal-content-default { padding: 120px; } .Modal-content--dialog--small { width: 320px; padding: 24px 36px; } .Modal-content--dialog--medium { width: 620px; padding: 40px 80px; } .Modal-content--dialog--large { width: 960px; padding: 60px 120px; } .Modal-content-dialog { padding: 60px; } } @media (max-width: 641px) { .Modal-content-default { padding: 80px 20px; } .Modal-content-dialog { padding: 80px 20px; } } .Modal__body, .Modal__footer { padding-bottom: 20px; padding-top: 20px; position: relative; } .Modal__header { position: relative; z-index: 1; } .Modal__header__text { color: inherit; } .Modal__body { margin: 0; padding-top: 0px; -webkit-overflow-scrolling: touch; word-wrap: break-word; } .Modal__footer { position: absolute; z-index: 0; width: 100%; height: 40px; left: 0; bottom: 1em; background: url("https://www.paypalobjects.com/webstatic/sprite/sprite_logos_wallet_2x.png") no-repeat center 5px; background-size: 35px; } .Modal__close { font-family: 'paypal-vx-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: none; border: none; cursor: pointer; line-height: 1ex; margin: 25px 95px; opacity: .5; font-size: 30px; font-weight: 100; position: absolute; right: -80px; top: 0; z-index: 21; } .Modal__close::after { content: "\274E"; } .Modal__close:hover, .Modal__close:focus { opacity: 1; outline: 0; } .Modal__back { background: none; border: none; margin: 25px 0px 0px 25px; color: #0070BA; position: absolute; left: 0; top: 0; z-index: 21; } .Modal__back:hover, .Modal__back:focus { color: #005EA6; outline: 0; } .Pagination { color: #CBD2D6; display: block; font-size: 0.9375rem; line-height: 4rem; margin-bottom: 2em; } .Pagination__count { display: inline-block; margin-right: 1em; vertical-align: middle; } .Pagination__list { display: inline-block; vertical-align: middle; } .Pagination__list__item { background: none; border: 1px solid transparent; border-radius: 3px; color: #9DA3A6; cursor: pointer; display: inline-block; float: left; margin-right: .25em; padding: 0 .7em; position: relative; text-decoration: none; -webkit-appearance: none; } .Pagination__list__item:hover, .Pagination__list__item:focus { background-color: #FFFFFF; border-color: rgba(0, 0, 0, 0.1); color: #9DA3A6; outline: none; } .Pagination__list__item.is-selected, .Pagination__list__item.is-selected:hover, .Pagination__list__item.is-selected:focus { background-color: rgba(0, 0, 0, 0.05); border-color: transparent; color: #9DA3A6; cursor: default; z-index: 2; } .Pagination__list__item[disabled], .Pagination__list__item.is-disabled { background-color: transparent; border-color: transparent; color: #CBD2D6; cursor: default; } .Pill { display: inline-block; font-size: .85em; margin-right: .5em; overflow: hidden; line-height: 2.2em; } .Pill__label, .Pill__clear { background: none; border: none; cursor: pointer; display: block; float: left; padding: 0 0.9em; -webkit-appearance: none; } .Pill__label:first-child, .Pill__clear:first-child { border-bottom-left-radius: 3em; border-top-left-radius: 3em; } .Pill__label:last-child, .Pill__clear:last-child { border-bottom-right-radius: 3em; border-top-right-radius: 3em; } .Pill__label { margin-right: 1px; } .Pill__clear { margin-left: 1px; padding-right: 0.5em; padding-left: 0.3em; } .Pill--default > .Pill__label, .Pill--default > .Pill__clear { background-color: #e7eaec; } .Pill--default > .Pill__label:hover, .Pill--default > .Pill__clear:hover, .Pill--default > .Pill__label:focus, .Pill--default > .Pill__clear:focus { background-color: #dce0e2; outline: none; } .Pill--default > .Pill__label:active, .Pill--default > .Pill__clear:active { background-color: #d1d6d9; } .Pill--primary > .Pill__label, .Pill--primary > .Pill__clear { background-color: #e1ecf4; } .Pill--primary > .Pill__label:hover, .Pill--primary > .Pill__clear:hover, .Pill--primary > .Pill__label:focus, .Pill--primary > .Pill__clear:focus { background-color: #d2e3ee; outline: none; } .Pill--primary > .Pill__label:active, .Pill--primary > .Pill__clear:active { background-color: #c3dae8; } .Pill--info > .Pill__label, .Pill--info > .Pill__clear { background-color: #e1f1f7; } .Pill--info > .Pill__label:hover, .Pill--info > .Pill__clear:hover, .Pill--info > .Pill__label:focus, .Pill--info > .Pill__clear:focus { background-color: #d1e9f3; outline: none; } .Pill--info > .Pill__label:active, .Pill--info > .Pill__clear:active { background-color: #c1e1ef; } .Pill--success > .Pill__label, .Pill--success > .Pill__clear { background-color: #e1f6f0; } .Pill--success > .Pill__label:hover, .Pill--success > .Pill__clear:hover, .Pill--success > .Pill__label:focus, .Pill--success > .Pill__clear:focus { background-color: #d1f1e8; outline: none; } .Pill--success > .Pill__label:active, .Pill--success > .Pill__clear:active { background-color: #c2ece0; } .Pill--warning > .Pill__label, .Pill--warning > .Pill__clear { background-color: #fbf0e1; } .Pill--warning > .Pill__label:hover, .Pill--warning > .Pill__clear:hover, .Pill--warning > .Pill__label:focus, .Pill--warning > .Pill__clear:focus { background-color: #f8e7cf; outline: none; } .Pill--warning > .Pill__label:active, .Pill--warning > .Pill__clear:active { background-color: #f5debe; } .Pill--error > .Pill__label, .Pill--error > .Pill__clear { background-color: #f6e1e1; } .Pill--error > .Pill__label:hover, .Pill--error > .Pill__clear:hover, .Pill--error > .Pill__label:focus, .Pill--error > .Pill__clear:focus { background-color: #f1d1d1; outline: none; } .Pill--error > .Pill__label:active, .Pill--error > .Pill__clear:active { background-color: #edc2c2; } .Pill--default-inverted > .Pill__label, .Pill--default-inverted > .Pill__clear { background-color: #CBD2D6; color: white; } .Pill--default-inverted > .Pill__label:hover, .Pill--default-inverted > .Pill__clear:hover, .Pill--default-inverted > .Pill__label:focus, .Pill--default-inverted > .Pill__clear:focus { background-color: #d9dee1; outline: none; } .Pill--default-inverted > .Pill__label:active, .Pill--default-inverted > .Pill__clear:active { background-color: #bdc6cb; } .Pill--primary-inverted > .Pill__label, .Pill--primary-inverted > .Pill__clear { background-color: #0070BA; color: white; } .Pill--primary-inverted > .Pill__label:hover, .Pill--primary-inverted > .Pill__clear:hover, .Pill--primary-inverted > .Pill__label:focus, .Pill--primary-inverted > .Pill__clear:focus { background-color: #007fd3; outline: none; } .Pill--primary-inverted > .Pill__label:active, .Pill--primary-inverted > .Pill__clear:active { background-color: #0061a1; } .Pill--info-inverted > .Pill__label, .Pill--info-inverted > .Pill__clear { background-color: #009CDE; color: white; } .Pill--info-inverted > .Pill__label:hover, .Pill--info-inverted > .Pill__clear:hover, .Pill--info-inverted > .Pill__label:focus, .Pill--info-inverted > .Pill__clear:focus { background-color: #00aef8; outline: none; } .Pill--info-inverted > .Pill__label:active, .Pill--info-inverted > .Pill__clear:active { background-color: #008ac5; } .Pill--success-inverted > .Pill__label, .Pill--success-inverted > .Pill__clear { background-color: #00CF92; color: white; } .Pill--success-inverted > .Pill__label:hover, .Pill--success-inverted > .Pill__clear:hover, .Pill--success-inverted > .Pill__label:focus, .Pill--success-inverted > .Pill__clear:focus { background-color: #00e9a4; outline: none; } .Pill--success-inverted > .Pill__label:active, .Pill--success-inverted > .Pill__clear:active { background-color: #00b680; } .Pill--warning-inverted > .Pill__label, .Pill--warning-inverted > .Pill__clear { background-color: #FF9600; color: white; } .Pill--warning-inverted > .Pill__label:hover, .Pill--warning-inverted > .Pill__clear:hover, .Pill--warning-inverted > .Pill__label:focus, .Pill--warning-inverted > .Pill__clear:focus { background-color: #ffa11a; outline: none; } .Pill--warning-inverted > .Pill__label:active, .Pill--warning-inverted > .Pill__clear:active { background-color: #e68700; } .Pill--error-inverted > .Pill__label, .Pill--error-inverted > .Pill__clear { background-color: #D20000; color: white; } .Pill--error-inverted > .Pill__label:hover, .Pill--error-inverted > .Pill__clear:hover, .Pill--error-inverted > .Pill__label:focus, .Pill--error-inverted > .Pill__clear:focus { background-color: #eb0000; outline: none; } .Pill--error-inverted > .Pill__label:active, .Pill--error-inverted > .Pill__clear:active { background-color: #b90000; } .ProgressBar { line-height: 0; text-align: center; } .ProgressBar progress { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; position: relative; top: 5px; width: 100%; height: 6px; color: #00CF92; background-color: #CBD2D6; border-radius: 3px; } .ProgressBar progress::-webkit-progress-bar { background-color: #CBD2D6; border-radius: 3px; } .ProgressBar progress::-webkit-progress-value { background-color: #00CF92; border-radius: 3px 0 0 3px; transition: 0.5s width; } .ProgressBar progress::-moz-progress-bar { background-color: #00CF92; border-radius: 3px 0 0 3px; transition: 0.5s width; } .ProgressBar ol { display: table; border-collapse: collapse; table-layout: fixed; position: relative; top: -6px; width: 100%; margin: 0; } .ProgressBar li { display: table-cell; padding: 0 5px; hyphens: auto; } .ProgressBar li::before { content: ""; position: relative; left: -8px; display: block; width: 16px; height: 16px; margin: 0 0 5px 50%; border-radius: 8px; background-color: #CBD2D6; font-size: 10.66666667px; font-weight: bold; line-height: 15px; } .ProgressBar li.complete::before, .ProgressBar li.active::before { background-color: #00CF92; } .ProgressBar li.active { font-weight: bold; } /** Section styles **/ .Section { width: 100%; background-color: #FFFFFF; margin: 0px; margin-bottom: 15px; padding: 10px 15px; border-radius: 0.357rem; border: solid 1px #e0e0e0; } .Section .SectionBody { position: relative; padding: 0px 0px 0px 31px; display: none; } .Section-alwaysOpen .SectionBody { padding: 0px; display: block; } .Section-open .SectionBody { display: block; } @media (min-width: 641px) { .Section { padding: 10px 24px 10px 24px; } } /** SectionHeader styles**/ .SectionHeader { color: #0079ad; padding: 10px 0px 5px 0px; display: table; white-space: nowrap; width: 100%; } .SectionHeader .SectionAction { display: table-cell; padding-left: 15px; } .SectionHeader .SectionAction-alignRight { text-align: right; padding-right: 0px; } .SectionHeader .SectionCollapseIcon { display: inline-block; vertical-align: middle; background: url('https://www.paypalobjects.com/webstatic/i/ex_me2/sprite/Activity_Sprite_2x.png') no-repeat; background-position: 0 -280px; border: none; width: 40px; height: 40px; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); margin: 0px 0px 5px -10px; } .SectionHeader .SectionCollapseIcon:hover { background-position: 0 -420px; } .SectionHeader .SectionCollapseIcon-open { background-position: 0 0px; } .SectionHeader .SectionCollapseIcon-open:hover { background-position: 0 -140px; } .SectionHeader .SectionTitle { display: table-cell; width: 1%; font-size: 1.6em; text-decoration: none; color: #0079ad; } .SectionHeader .SectionTitle:hover { color: #0079ad; } .SectionHeader .SectionTitle-alwaysOpen { color: #2C2E2F; cursor: default; } .SectionHeader .SectionTitle-alwaysOpen:hover { cursor: default; color: #2C2E2F; } .SegmentedControl { border: 1px solid #9DA3A6; border-radius: 5px; display: table; font-size: 0.9rem; width: 100%; } .SegmentedControl--equal-widths { table-layout: fixed; } .SegmentedControl__item { display: table-cell; padding: 2px 1px; } .SegmentedControl__item:first-child { padding-left: 2px; } .SegmentedControl__item:last-child { padding-right: 2px; } /*button*/ .SegmentedControl__button { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: none; border: none; border-radius: 3px; display: block; padding-left: 0; padding-right: 0; width: 100%; -webkit-appearance: none; } .SegmentedControl__button:hover, .SegmentedControl__button:focus { background-color: rgba(0, 0, 0, 0.05); outline: none; } .SegmentedControl--default .SegmentedControl__button { color: #2C2E2F; } .SegmentedControl--default .SegmentedControl__button.is-selected { background-color: #2C2E2F; color: white; } .SegmentedControl--muted .SegmentedControl__button { color: #9DA3A6; } .SegmentedControl--muted .SegmentedControl__button.is-selected { background-color: #9DA3A6; color: white; } .SegmentedControl--danger .SegmentedControl__button { color: #D20000; } .SegmentedControl--danger .SegmentedControl__button.is-selected { background-color: #D20000; color: white; } .SegmentedControl--info .SegmentedControl__button { color: #009CDE; } .SegmentedControl--info .SegmentedControl__button.is-selected { background-color: #009CDE; color: white; } .SegmentedControl--primary .SegmentedControl__button { color: #0070BA; } .SegmentedControl--primary .SegmentedControl__button.is-selected { background-color: #0070BA; color: white; } .SegmentedControl--success .SegmentedControl__button { color: #00CF92; } .SegmentedControl--success .SegmentedControl__button.is-selected { background-color: #00CF92; color: white; } .SegmentedControl--warning .SegmentedControl__button { color: #FF9600; } .SegmentedControl--warning .SegmentedControl__button.is-selected { background-color: #FF9600; color: white; } .Select { width: 100%; background-color: #FFFFFF; position: relative; } .Select:focus { border-color: #009CDE; outline: none; } .Select:focus .Select-label { border-color: #009CDE; outline: 0; box-shadow: inset 0 0 0 0.0625rem #009CDE; } .Select:focus .Select-label-focused { border-bottom-color: #9DA3A6; } .Select:focus .Select-label-disabled { border-color: #9DA3A6; } .Select:focus .ComponentLabel { color: #0070BA; } .Select .ComponentLabel { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-transition-timing-function: linear; transition-timing-function: linear; position: absolute; color: #6C7378; font-weight: normal; font-size: 0.714em; padding: 5px calc(1.45em); line-height: 1.214em; height: 3.143em; min-width: auto; vertical-align: middle; pointer-events: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; left: 0; right: 0; cursor: pointer; } .Select .ComponentLabel-blur { font-size: 1em; padding-top: 1em; padding-left: 1em; color: #6C7378; } .Select .ComponentLabel-error { color: #D20000; padding-right: 4.35em; } .Select .ComponentLabel-error.ComponentLabel-blur { padding-right: 3em; } .Select .ComponentLabel-readOnly { display: none !important; margin-bottom: 0px; } .Select.error .Select-label { border: 1px solid #D20000; box-shadow: inset 0 0 0 0.0625rem #D20000; } .Select.error .Select-label:hover { border: 1px solid #D20000; } .Select.error .Select-label-focused { border-color: #D20000; border-bottom-color: #D20000; } .Select.error .Select-label-focused:hover { border-bottom-color: #D20000; } .Select.error .Select-menu { border: 1px solid #D20000; } .Select-label { border: 1px solid #9DA3A6; border-radius: 0.357rem; color: #2C2E2F; height: 3.143em; padding: 7px 1em 5px 1em; line-height: 2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .Select-label .Pill { margin-top: 0.3em; } .Select-label .Select-arrow-icon { position: absolute; top: 1.2em; right: 0; padding: 5px 1em; font-weight: 600; } .Select-label .Select-arrow-icon:before { font-size: 1.1rem; } .Select-label .Select-error-icon { position: absolute; top: 1em; right: 0; padding: 5px 1em; } .Select-label:hover { border-color: #009CDE; } .Form--inline .Select-label { padding-top: 1em; } .Select-label-text { padding-right: 1em; } .Select-label-focused, .InputGroup--contiguous .InputGroup_section:last-child > .Select:first-child .Select-label-focused { border-color: #009CDE; border-bottom-color: #9DA3A6; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .Select-label-focused:hover, .InputGroup--contiguous .InputGroup_section:last-child > .Select:first-child .Select-label-focused:hover { border-bottom-color: #9DA3A6; } .Select-label-disabled { color: #9DA3A6; pointer-events: none; cursor: default; background-color: #F5F7FA; } .Select-label-disabled .Select-label-text { pointer-events: none; } .Select-label-readOnly { border: none; padding: 0px; pointer-events: none; cursor: default; line-height: inherit; height: inherit; } .Select-label-default .Select-label-text { pointer-events: none; } .Select-label-multiple { height: auto; min-height: 3.143em; white-space: normal; } .Select-label-lg { font-size: 1.071rem; } .Select-label-sm { font-size: 0.9rem; } .Select-label-xs { font-size: 0.8rem; line-height: 1.9; padding-left: .66em; padding-right: .66em; } .Select-menu { list-style-type: none; border: 1px solid #009CDE; border-top: 1px solid #9DA3A6; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 100%; margin: -1px 0px 0px 0px; padding: 0px; max-height: 227px; overflow-y: auto; background-color: white; position: absolute; z-index: 10; } ul.Select-menu { padding: 0; margin: -1px 0px 0px 0px; } .Select-menu-options { margin: 0px; padding: 12px 10px; color: #2C2E2F; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; } .Select-menu-options:hover, .Select-menu-options:focus, .Select-menu-options:active { background-color: #f1f8fc; color: #2C2E2F; } .Select-menu-options-parent { padding: 5px 10px; font-weight: bold; } .Select-menu-options-focused { background-color: #009CDE; color: white; } .Select-menu-show { display: inline-block; } .Select-menu-hide { display: none; } .Select-info { -webkit-animation: formValidationMessage 280ms cubic-bezier(0.66, 0, 0.47, 1); -o-animation: formValidationMessage 280ms cubic-bezier(0.66, 0, 0.47, 1); animation: formValidationMessage 280ms cubic-bezier(0.66, 0, 0.47, 1); font-size: 1em; overflow: hidden; position: absolute; z-index: 1; width: 100%; padding: 3px 1em; background-color: #FDFEFF; border: 1px solid #009CDE; border-top-color: transparent; border-bottom-left-radius: 0.357rem; border-bottom-right-radius: 0.357rem; } .Select-info ul { margin: 5px 0px 5px 0px; list-style: none; } @keyframes vx_spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes vx_fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes vx_fade-out { from { opacity: 1; } to { opacity: 0; } } .vx_spinner-small, .vx_has-spinner-small:after { height: 18px; opacity: 0.56; width: 18px; animation: vx_spin 620ms infinite linear; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%2038%2038'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D'gradient'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%0A%09%09%09%3Cstop%20offset%3D'0'%20stop-color%3D'%23000000'%20stop-opacity%3D'0'%2F%3E%0A%09%09%09%3Cstop%20offset%3D'1'%20stop-color%3D'%23000000'%20stop-opacity%3D'1'%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%09%3Cpath%20stroke%3D'url(%23gradient)'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'1px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C1%2034%2C0'%3E%3C%2Fpath%3E%0A%09%3Cpath%20stroke%3D'%23000000'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'1px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C0%2034%2C0'%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A"); content: ''; display: block; } .vx_spinner-medium, .vx_has-spinner-medium:after { height: 24px; opacity: 0.56; width: 24px; animation: vx_spin 620ms infinite linear; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%2038%2038'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D'gradient'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%0A%09%09%09%3Cstop%20offset%3D'0'%20stop-color%3D'%23000000'%20stop-opacity%3D'0'%2F%3E%0A%09%09%09%3Cstop%20offset%3D'1'%20stop-color%3D'%23000000'%20stop-opacity%3D'1'%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%09%3Cpath%20stroke%3D'url(%23gradient)'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C1%2034%2C0'%3E%3C%2Fpath%3E%0A%09%3Cpath%20stroke%3D'%23000000'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C0%2034%2C0'%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A"); content: ''; display: block; } .vx_spinner-large, .vx_has-spinner-large:after { height: 128px; opacity: 0.56; width: 128px; animation: vx_spin 620ms infinite linear; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%2038%2038'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D'gradient'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%0A%09%09%09%3Cstop%20offset%3D'0'%20stop-color%3D'%2300CF92'%20stop-opacity%3D'0'%2F%3E%0A%09%09%09%3Cstop%20offset%3D'1'%20stop-color%3D'%2300CF92'%20stop-opacity%3D'1'%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%09%3Cpath%20stroke%3D'url(%23gradient)'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C1%2034%2C0'%3E%3C%2Fpath%3E%0A%09%3Cpath%20stroke%3D'%2300CF92'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C0%2034%2C0'%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A"); content: ''; display: block; } .vx_has-spinner-small, .vx_has-spinner-medium, .vx_has-spinner-large { position: relative; } .vx_has-spinner-small:before, .vx_has-spinner-medium:before, .vx_has-spinner-large:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(255, 255, 255, 0.6); z-index: 1000; animation: vx_fade-in 0.3s ease-out 0s both; } .vx_has-spinner-small:after, .vx_has-spinner-medium:after, .vx_has-spinner-large:after { margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1001; } .Spinner { margin: 0 auto; } .Spinner-sm-primary { height: 18px; opacity: 0.56; width: 18px; animation: vx_spin 620ms infinite linear; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%2038%2038'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D'gradient'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%0A%09%09%09%3Cstop%20offset%3D'0'%20stop-color%3D'%23000000'%20stop-opacity%3D'0'%2F%3E%0A%09%09%09%3Cstop%20offset%3D'1'%20stop-color%3D'%23000000'%20stop-opacity%3D'1'%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%09%3Cpath%20stroke%3D'url(%23gradient)'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'1px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C1%2034%2C0'%3E%3C%2Fpath%3E%0A%09%3Cpath%20stroke%3D'%23000000'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'1px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C0%2034%2C0'%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A"); content: ''; display: block; } .Spinner-md-primary { height: 24px; opacity: 0.56; width: 24px; animation: vx_spin 620ms infinite linear; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%2038%2038'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D'gradient'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%0A%09%09%09%3Cstop%20offset%3D'0'%20stop-color%3D'%23000000'%20stop-opacity%3D'0'%2F%3E%0A%09%09%09%3Cstop%20offset%3D'1'%20stop-color%3D'%23000000'%20stop-opacity%3D'1'%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%09%3Cpath%20stroke%3D'url(%23gradient)'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C1%2034%2C0'%3E%3C%2Fpath%3E%0A%09%3Cpath%20stroke%3D'%23000000'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C0%2034%2C0'%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A"); content: ''; display: block; } .Spinner-lg-primary { height: 128px; opacity: 0.56; width: 128px; animation: vx_spin 620ms infinite linear; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%2038%2038'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D'gradient'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%0A%09%09%09%3Cstop%20offset%3D'0'%20stop-color%3D'%2300CF92'%20stop-opacity%3D'0'%2F%3E%0A%09%09%09%3Cstop%20offset%3D'1'%20stop-color%3D'%2300CF92'%20stop-opacity%3D'1'%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%09%3Cpath%20stroke%3D'url(%23gradient)'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C1%2034%2C0'%3E%3C%2Fpath%3E%0A%09%3Cpath%20stroke%3D'%2300CF92'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C0%2034%2C0'%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A"); content: ''; display: block; } .Spinner-sm-inverted { height: 18px; opacity: 0.56; width: 18px; animation: vx_spin 620ms infinite linear; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%2038%2038'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D'gradient'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%0A%09%09%09%3Cstop%20offset%3D'0'%20stop-color%3D'%23FFFFFF'%20stop-opacity%3D'0'%2F%3E%0A%09%09%09%3Cstop%20offset%3D'1'%20stop-color%3D'%23FFFFFF'%20stop-opacity%3D'1'%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%09%3Cpath%20stroke%3D'url(%23gradient)'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'1px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C1%2034%2C0'%3E%3C%2Fpath%3E%0A%09%3Cpath%20stroke%3D'%23FFFFFF'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'1px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C0%2034%2C0'%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A"); content: ''; display: block; } .Spinner-md-inverted { height: 24px; opacity: 0.56; width: 24px; animation: vx_spin 620ms infinite linear; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%2038%2038'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D'gradient'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%0A%09%09%09%3Cstop%20offset%3D'0'%20stop-color%3D'%23FFFFFF'%20stop-opacity%3D'0'%2F%3E%0A%09%09%09%3Cstop%20offset%3D'1'%20stop-color%3D'%23FFFFFF'%20stop-opacity%3D'1'%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%09%3Cpath%20stroke%3D'url(%23gradient)'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'1px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C1%2034%2C0'%3E%3C%2Fpath%3E%0A%09%3Cpath%20stroke%3D'%23FFFFFF'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'1px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C0%2034%2C0'%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A"); content: ''; display: block; } .Spinner-lg-inverted { height: 128px; opacity: 0.56; width: 128px; animation: vx_spin 620ms infinite linear; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%2038%2038'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D'gradient'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%0A%09%09%09%3Cstop%20offset%3D'0'%20stop-color%3D'%2300CF92'%20stop-opacity%3D'0'%2F%3E%0A%09%09%09%3Cstop%20offset%3D'1'%20stop-color%3D'%2300CF92'%20stop-opacity%3D'1'%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%09%3Cpath%20stroke%3D'url(%23gradient)'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C1%2034%2C0'%3E%3C%2Fpath%3E%0A%09%3Cpath%20stroke%3D'%2300CF92'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C0%2034%2C0'%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A"); content: ''; display: block; } .Table { border-collapse: unset; color: #6C7378; font-size: 1em; line-height: 1.4em; width: 100%; background-color: #FFFFFF; } .Table .Checkbox, .Table .Checkbox__label, .Table .Radio, .Table .Radio__label { line-height: inherit; display: inline; } .Table th { position: relative; vertical-align: top; text-align: left; background-color: #F5F7FA; color: #2C2E2F; font-weight: normal; padding: 14px 10px 10px 19px; border-top: 1px solid #d4d9dc; border-bottom: 1px solid #d4d9dc; } .Table th:after { position: absolute; top: 16%; left: 0px; content: ''; height: 70%; border-left: 1px solid #d4d9dc; } .Table th:first-child:after { border: none; } .Table td { padding: 24px 10px 22px 20px; vertical-align: top; border-bottom: 1px solid #d4d9dc; } .Tabs { box-sizing: border-box; position: relative; overflow: hidden; } .Tabs-bar, .Tabs-nav-container { box-sizing: border-box; overflow: hidden; position: relative; white-space: nowrap; outline: none; zoom: 1; transition: padding .45s; } .Tabs-ink-bar { z-index: 1; position: absolute; box-sizing: border-box; background-color: #009CDE; transform-origin: 0 0; } .Tabs-tab-prev, .Tabs-tab-next { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1; line-height: 2.4em; cursor: pointer; border: none; background-color: transparent; position: absolute; } .Tabs-tab-prev-icon, .Tabs-tab-next-icon { font-family: 'paypal-vx-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; line-height: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; display: inline-block; line-height: inherit; vertical-align: baseline; text-align: center; text-transform: none; padding-top: 5px; } .Tabs-tab-next-icon:before { content: "\2192"; } .Tabs-tab-prev-icon:before { content: "\2190"; } .Tabs-tab-btn-disabled { cursor: default; color: #fafafa; } .Tabs-nav-wrap { overflow: hidden; } .Tabs-nav { box-sizing: border-box; padding-left: 0; position: relative; margin: 0; float: left; list-style: none; display: inline-block; transform-origin: 0 0; } .Tabs-nav:before, .Tabs-nav:after { display: table; content: " "; } .Tabs-nav:after { clear: both; } .Tabs-tab { box-sizing: border-box; position: relative; display: block; transition: color 0.3s cubic-bezier(0.35, 0, 0.25, 1); cursor: pointer; color: #2C2E2F; line-height: 1.6em; padding: 13px 24px 13px 24px; height: 4em; } .Tabs-tab-active:hover { border-bottom: solid 3px #009CDE !important; color: #009CDE !important; } .Tabs-tab-active { color: #009CDE; font-weight: normal; line-height: 1.6em; border-bottom: solid 3px #009CDE; padding: 13px 24px 11px 24px; } .Tabs-tab:hover { color: #2C2E2F; line-height: 24px; padding: 13px 24px 13px 24px; border-bottom: solid 1px #2C2E2F; } .Tabs-tab-disabled { cursor: default; color: #fafafa; } .Tabs-tab-disabled:hover { color: #fafafa; } .Tabs-content { zoom: 1; } .Tabs-content .Tabs-tabpane { overflow: auto; } .Tabs-content-animated { display: -ms-flexbox; display: flex; will-change: transform; } .Tabs-content-animated .Tabs-tabpane { -ms-flex-negative: 0; flex-shrink: 0; } .no-flexbox .Tabs-content { transform: none !important; overflow: auto; } .no-csstransitions .Tabs-tabpane-inactive, .no-flexbox .Tabs-tabpane-inactive, .Tabs-content-no-animated .Tabs-tabpane-inactive { display: none; } .Tabs-left { border-right: 2px solid #fafafa; } .Tabs-left .Tabs-bar { float: left; height: 100%; margin-right: 0.67px; border-right: 1px solid #fafafa; } .Tabs-left .Tabs-tab-active, .Tabs-left .Tabs-tab-active:hover { border: none !important; border-right: solid 3px #009CDE !important; } .Tabs-left .Tabs-tab:hover { border: none; border-right: solid 1px #2C2E2F; } .Tabs-left .Tabs-nav-container { height: 100%; } .Tabs-left .Tabs-nav-container-scrolling { padding-top: 2.13em; padding-bottom: 2.13px; } .Tabs-left .Tabs-nav-wrap { height: 100%; } .Tabs-left .Tabs-content-animated { -ms-flex-direction: column; flex-direction: column; } .Tabs-left .Tabs-content-animated .Tabs-tabpane { height: 100%; } .Tabs-left .Tabs-nav-swipe { position: relative; top: 0; } .Tabs-left .Tabs-nav-swipe .Tabs-nav { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; -ms-flex-direction: column; flex-direction: column; height: 100%; } .Tabs-left .Tabs-nav-swipe .Tabs-nav .Tabs-tab { display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-pack: center; justify-content: center; } .Tabs-left .Tabs-tab-prev, .Tabs-left .Tabs-tab-next { margin-top: -0.13em; height: 0; line-height: 2.13em; width: 0; display: block; text-align: center; opacity: 0; transition: width .3s, height .3s, opacity .3s; } .Tabs-top .Tabs-tab-arrow-show, .Tabs-left .Tabs-tab-arrow-show, .Tabs-bottom .Tabs-tab-arrow-show, .Tabs-right .Tabs-tab-arrow-show { opacity: 1; width: 100%; height: 2.13em; } .Tabs-left .Tabs-tab-next { bottom: 0; } .Tabs-left .Tabs-tab-next-icon { transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .Tabs-left .Tabs-tab-prev { top: 2px; } .Tabs-left .Tabs-tab-prev-icon { transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .Tabs-left .Tabs-ink-bar { width: 2px; right: 0; } .Tabs-left .Tabs-tab { padding: 16px 24px; } .Tabs-right { border-left: 2px solid #fafafa; } .Tabs-right .Tabs-bar { float: right; height: 100%; margin-left: 10px; border-left: 1px solid #fafafa; } .Tabs-right .Tabs-tab-active, .Tabs-right .Tabs-tab-active:hover { border: none !important; border-left: solid 3px #009CDE !important; } .Tabs-right .Tabs-tab:hover { border: none; border-left: solid 1px #2C2E2F; } .Tabs-right .Tabs-nav-container { height: 100%; } .Tabs-right .Tabs-nav-container-scrolling { padding-top: 32px; padding-bottom: 32px; } .Tabs-right .Tabs-nav-wrap { height: 100%; } .Tabs-right .Tabs-nav-swipe { position: relative; } .Tabs-right .Tabs-nav-swipe .Tabs-nav { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; -ms-flex-direction: column; flex-direction: column; height: 100%; } .Tabs-right .Tabs-nav-swipe .Tabs-nav .Tabs-tab { display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-pack: center; justify-content: center; } .Tabs-right .Tabs-tab-prev, .Tabs-right .Tabs-tab-next { margin-top: -2px; height: 0; width: 0; display: block; text-align: center; line-height: 32px; opacity: 0; transition: width .3s, height .3s, opacity .3s; } .Tabs-top .Tabs-tab-arrow-show { opacity: 1; width: 100%; height: 32px; } .Tabs-right .Tabs-tab-next { bottom: 0; } .Tabs-right .Tabs-tab-next-icon { transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .Tabs-right .Tabs-tab-next-icon:before { content: ">"; } .Tabs-right .Tabs-tab-prev { top: 2px; } .Tabs-right .Tabs-tab-prev-icon { transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .Tabs-right .Tabs-tab-prev-icon:before { content: ">"; } .Tabs-right { -ms-flex-direction: column; flex-direction: column; } .Tabs-right .Tabs-tabpane { height: 100%; } .Tabs-right .Tabs-ink-bar { width: 2px; left: 0; } .Tabs-right .Tabs-tab { padding: 16px 24px; } .Tabs-bottom { border-top: 2px solid #fafafa; } .Tabs-bottom .Tabs-content { width: 100%; } .Tabs-bottom .Tabs-bar { border-top: 1px solid #fafafa; } .Tabs-bottom .Tabs-nav-container-scrolling { padding-left: 32px; padding-right: 32px; } .Tabs-bottom .Tabs-nav-scroll { width: 99999px; } .Tabs-bottom .Tabs-nav-swipe { position: relative; left: 0; } .Tabs-bottom .Tabs-nav-swipe .Tabs-nav { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; width: 100%; } .Tabs-bottom .Tabs-nav-swipe .Tabs-nav .Tabs-tab { display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0; padding: 8px 0; -ms-flex-pack: center; justify-content: center; } .Tabs-bottom .Tabs-nav-wrap { width: 100%; } .Tabs-bottom .Tabs-tab-active, .Tabs-bottom .Tabs-tab-active:hover { border: none !important; border-top: solid 3px #009CDE !important; } .Tabs-bottom .Tabs-tab:hover { border: none; border-top: solid 1px #2C2E2F; } .Tabs-bottom { -ms-flex-direction: row; flex-direction: row; } .Tabs-bottom .Tabs-tabpane { width: 100%; } .Tabs-bottom .Tabs-tab-next { right: 2px; } .Tabs-bottom .Tabs-tab-prev { left: 0; } .Tabs-bottom .Tabs-tab-prev, .Tabs-bottom .Tabs-tab-next { margin-right: -2px; width: 32px; height: 100%; top: 0; text-align: center; } .Tabs-bottom .Tabs-ink-bar { height: 2px; top: 3px; left: 0; } .Tabs-bottom .Tabs-tab { float: left; height: 100%; } .Tabs-bottom .Tabs-tabpane-inactive { height: 0; overflow: visible; } .Tabs-top { border-bottom: 2px solid #fafafa; padding-top: 5px; } .Tabs-top .Tabs-content { width: 100%; } .Tabs-top .Tabs-bar { border-bottom: 1px solid #fafafa; } .Tabs-top .Tabs-nav-container-scrolling { padding-left: 32px; padding-right: 32px; } .Tabs-top .Tabs-nav-scroll { width: 99999px; } .Tabs-top .Tabs-nav-swipe { position: relative; left: 0; } .Tabs-top .Tabs-nav-swipe .Tabs-nav { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; width: 100%; } .Tabs-top .Tabs-nav-swipe .Tabs-nav .Tabs-tab { display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0; padding: 8px 0; -ms-flex-pack: center; justify-content: center; } .Tabs-top .Tabs-nav-wrap { width: 100%; } .Tabs-top { -ms-flex-direction: row; flex-direction: row; } .Tabs-top .Tabs-tabpane { width: 100%; } .Tabs-top .Tabs-tab-next { right: 2px; } .Tabs-top .Tabs-tab-prev { left: 0; } .Tabs-top .Tabs-tab-prev, .Tabs-top .Tabs-tab-next { margin-right: -2px; width: 0; height: 0; top: 0; text-align: center; opacity: 0; transition: width .3s, height .3s, opacity .3s; } .Tabs-top .Tabs-tab-arrow-show { opacity: 1; width: 32px; height: 100%; } .Tabs-top .Tabs-tab { float: left; } .Tabs-top .Tabs-tabpane-inactive { height: 0; overflow: visible; } .PopoverLabel { display: inline-block; position: relative; outline: none; } .Popover { visibility: hidden; border-radius: 5px; background-color: #fff; border: solid 1px #d5d5d5; position: absolute; z-index: 10000; width: auto; } .Popover-show { visibility: visible; } .Popover-title { background-color: #f6f6f6; padding: 12px 20px; height: 39px; white-space: nowrap; } .Popover-content { margin: 20px 20px; font-size: 13px; } .Popover-arrow { position: absolute; display: block; border: 8px solid transparent; } .Popover-arrow:after { position: absolute; content: ''; border: 8px solid transparent; } .Popover-top { left: 50%; top: 100%; margin-left: -8px; border-top-color: #d5d5d5; border-bottom-width: 0px; } .Popover-top:after { top: -9px; left: -8px; border-top-color: #fff; border-bottom-width: 0px; } .Popover-bottom { left: 50%; bottom: 100%; margin-left: -8px; border-bottom-color: #d5d5d5; border-top-width: 0px; } .Popover-bottom:after { top: 1px; left: -8px; border-bottom-color: #fff; border-top-width: 0px; } .Popover-left { left: 100%; top: 50%; margin-top: -8px; border-left-color: #d5d5d5; border-right-width: 0px; } .Popover-left:after { top: -8px; left: -9px; border-left-color: #fff; border-right-width: 0px; } .Popover-right { right: 100%; top: 50%; margin-top: -8px; border-right-color: #d5d5d5; border-left-width: 0px; } .Popover-right:after { top: -8px; left: 1px; border-right-color: #fff; border-left-width: 0px; } .Panel-collapsible { max-width: 100%; position: relative; width: auto; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .Panel-collapsible .PanelBody-collapsible-enter { -webkit-animation-name: revealIn; animation-name: revealIn; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .Panel-collapsible .PanelBody-collapsible-leave { -webkit-animation-name: revealOut; animation-name: revealOut; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .Panel-collapsible .PanelHeader { position: relative; z-index: 2; } .Panel-collapsible .PanelHeader .PanelHeader-icon { position: absolute; right: 0; top: 50%; } .display-flex { display: -webkit-flex; display: -ms-flexbox; display: flex; } .display-inline-flex { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .center-block { margin: 0 auto; } /** * Vertical alignment utilities * Depends on an appropriate `display` value. */ .u-align-baseline { vertical-align: baseline !important; } .u-align-bottom { vertical-align: bottom !important; } .u-align-middle { vertical-align: middle !important; } .u-align-top { vertical-align: top !important; } /** * Display-type utilities */ .u-block { display: block !important; } .u-hidden { display: none !important; } /** * Completely remove from the flow but leave available to screen readers. */ .u-hidden-visually { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; padding: 0 !important; border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; } .u-inline { display: inline !important; } /** * 1. Fix for Firefox bug: an image styled `max-width:100%` within an * inline-block will display at its default size, and not limit its width to * 100% of an ancestral container. */ .u-inline-block { display: inline-block !important; max-width: 100%; /* 1 */ } .u-table { display: table !important; } .u-table-cell { display: table-cell !important; } .u-table-row { display: table-row !important; } /** * Contain floats * see ../mixins/clearfix for more information */ .u-clearfix:before, .u-clearfix:after, .FormRow:before, .FormRow:after, .FileUpload__content:before, .FileUpload__content:after { content: " "; display: table; } .u-clearfix:after, .FormRow:after, .FileUpload__content:after { clear: both; } /** * Floats */ .u-float-left { float: left !important; } .u-float-right { float: right !important; } /** * Pins to all corners by default. But when a width and/or height are * provided, the element will be centered in its nearest relatively-positioned * ancestor. */ .u-pos-absolute-center { bottom: 0 !important; left: 0 !important; margin: auto !important; position: absolute !important; right: 0 !important; top: 0 !important; } /** * 1. Make sure fixed elements are promoted into a new layer, for performance * reasons. */ .u-pos-fixed { position: fixed !important; backface-visibility: hidden; /* 1 */ } .u-pos-absolute { position: absolute !important; } .u-pos-relative { position: relative !important; } .u-pos-static { position: static !important; } /** * Word breaking * * Break strings when their length exceeds the width of their container. */ .u-text-break { word-wrap: break-word !important; } /** * Horizontal text alignment */ .u-text-center { text-align: center !important; } .u-text-left { text-align: left !important; } .u-text-right { text-align: right !important; } /** * Assign basic colours */ .u-text-muted { color: #CBD2D6 !important; } .u-text-default { color: #2C2E2F !important; } .u-text-primary { color: #0070BA !important; } .u-text-info { color: #009CDE !important; } .u-text-warning { color: #FF9600 !important; } .u-text-success { color: #00CF92 !important; } .u-text-danger { color: #D20000 !important; } /** * Inherit the ancestor's text color. */ .u-text-inherit-color { color: inherit !important; } /** * Capitalize the text */ .u-text-caps { text-transform: uppercase !important; } /** * Enables font kerning in all browsers. * http://blog.typekit.com/2014/02/05/kerning-on-the-web/ * * 1. Chrome (not Windows), Firefox, Safari 6+, iOS, Android * 2. Chrome (not Windows), Firefox, IE 10+ * 3. Safari 7 and future browsers */ .u-text-kern { text-rendering: optimizeLegibility; /* 1 */ font-feature-settings: "kern" 1; /* 2 */ font-kerning: normal; /* 3 */ } /** * Prevent whitespace wrapping */ .u-text-no-wrap { white-space: nowrap !important; } /** * Text truncation * * Prevent text from wrapping onto multiple lines, and truncate with an * ellipsis. * * 1. Ensure that the node has a maximum width after which truncation can * occur. * 2. Fix for IE 8/9 if `word-wrap: break-word` is in effect on ancestor * nodes. */ .u-text-truncate { max-width: 100%; /* 1 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; /* 2 */ } /* * @name buttons * @description All defined button styles and states belong here, including any helper class button style options, like `vx_btn-secondary` or `vx_btn-medium` etc. * * @group elements */ .vx_btn, .vx_btn-small, .vx_btn-medium { display: inline-block; min-width: 6rem; padding: 0.75rem 1.5rem; margin-bottom: 1.5rem; border: 1px solid #0070BA; border-radius: 1.5rem; font-size: 0.9375rem; line-height: 1.6; font-family: 'PayPal-Sans', sans-serif; font-weight: 500; text-align: center; text-decoration: none; cursor: pointer; color: #fff; background-color: #0070BA; transition: all 250ms ease; -webkit-font-smoothing: antialiased; } .vx_btn:visited, .vx_btn-small:visited, .vx_btn-medium:visited, .vx_btn:active, .vx_btn-small:active, .vx_btn-medium:active, .vx_btn:hover, .vx_btn-small:hover, .vx_btn-medium:hover, .vx_btn:focus, .vx_btn-small:focus, .vx_btn-medium:focus { color: #fff; } .vx_btn:visited, .vx_btn-small:visited, .vx_btn-medium:visited { text-decoration: none; } .vx_btn:hover, .vx_btn-small:hover, .vx_btn-medium:hover, .vx_btn:focus, .vx_btn-small:focus, .vx_btn-medium:focus { background-color: #003087; border: 1px solid #003087; box-shadow: none; text-decoration: none; } .vx_btn:focus, .vx_btn-small:focus, .vx_btn-medium:focus { outline: none; text-decoration: underline; } .vx_btn[disabled], .vx_btn-small[disabled], .vx_btn-medium[disabled], .vx_btn[disabled]:hover, .vx_btn-small[disabled]:hover, .vx_btn-medium[disabled]:hover, .vx_btn[disabled]:active, .vx_btn-small[disabled]:active, .vx_btn-medium[disabled]:active, .vx_btn.vx_is-disabled, .vx_btn-small.vx_is-disabled, .vx_btn-medium.vx_is-disabled, .vx_btn.vx_is-disabled:hover, .vx_btn-small.vx_is-disabled:hover, .vx_btn-medium.vx_is-disabled:hover, .vx_btn.vx_is-disabled:active, .vx_btn-small.vx_is-disabled:active, .vx_btn-medium.vx_is-disabled:active { color: #CBD2D6; background: #F5F6F8; box-shadow: none; border: 1px solid #CBD2D6; text-decoration: none; cursor: not-allowed; outline: none; -ms-transform: none; -webkit-transform: none; transform: none; } .vx_btn + .vx_btn, .vx_btn + .vx_btn-small, .vx_btn + .vx_btn-medium, .vx_btn-small + .vx_btn, .vx_btn-small + .vx_btn-small, .vx_btn-small + .vx_btn-medium, .vx_btn-medium + .vx_btn, .vx_btn-medium + .vx_btn-small, .vx_btn-medium + .vx_btn-medium { margin-left: 0.75rem; } .vx_btn.vx_btn-block, .vx_btn-small.vx_btn-block, .vx_btn-medium.vx_btn-block { margin-right: 0; margin-left: 0; width: 100%; } .vx_btn-secondary { background-color: transparent; border-color: #0070BA; color: #0070BA; } .vx_btn-secondary:hover, .vx_btn-secondary:focus { color: #003087; background-color: rgba(255, 255, 255, 0.2); border-color: #003087; box-shadow: 0 0 0 1px #003087 inset; } .vx_btn-secondary:visited { text-decoration: none; color: #0070BA; } .vx_btn_reversed { border-color: #fff; background-color: #fff; color: #0070BA; } .vx_btn_reversed:hover, .vx_btn_reversed:focus { background-color: #f0f0f0; border-color: #f0f0f0; color: #003087; } .vx_btn_reversed:visited { color: #0070BA; } .vx_btn_reversed:visited:hover { color: #003087; } .vx_btn-secondary_reversed { background-color: transparent; color: #fff; border-color: #fff; } .vx_btn-secondary_reversed:hover, .vx_btn-secondary_reversed:focus { background-color: rgba(0, 0, 0, 0.1); color: #fff; border-color: #fff; box-shadow: 0 0 0 1px #fff inset; } .vx_btn-medium { font-size: 0.8125rem; line-height: 1.38461538; min-width: 4.5rem; padding: 0.5625rem 1.125rem; } .vx_btn-small { font-size: 0.8125rem; line-height: 1.36363636; min-width: 3.75rem; padding: 0.46875rem 0.9375rem; } .vx_btn-icon { display: inline-block; width: 1.5rem; position: relative; margin-right: 0.625rem; } .vx_btn-icon svg { width: 1.5rem; height: 1.5rem; position: absolute; top: -1.125rem; left: 0; } .vx_btn-icon .svg-stroke { stroke: #fff; } .vx_btn-icon .svg-fill { fill: #fff; } .vx_btn-secondary .vx_btn-icon .svg-stroke { stroke: #0070BA; } .vx_btn-secondary .vx_btn-icon .svg-fill { fill: #0070BA; } .vx_btn-secondary:hover .vx_btn-icon .svg-stroke, .vx_btn-secondary:focus .vx_btn-icon .svg-stroke { stroke: #003087; } .vx_btn-secondary:hover .vx_btn-icon .svg-fill, .vx_btn-secondary:focus .vx_btn-icon .svg-fill { fill: #003087; } [disabled] .vx_btn-icon .svg-stroke, [disabled]:hover .vx_btn-icon .svg-stroke, [disabled]:active .vx_btn-icon .svg-stroke, .vx_is-disabled .vx_btn-icon .svg-stroke, .vx_is-disabled:hover .vx_btn-icon .svg-stroke, .vx_is-disabled:active .vx_btn-icon .svg-stroke { stroke: #CBD2D6; } [disabled] .vx_btn-icon .svg-fill, [disabled]:hover .vx_btn-icon .svg-fill, [disabled]:active .vx_btn-icon .svg-fill, .vx_is-disabled .vx_btn-icon .svg-fill, .vx_is-disabled:hover .vx_btn-icon .svg-fill, .vx_is-disabled:active .vx_btn-icon .svg-fill { fill: #CBD2D6; } .vx_btn-medium .vx_btn-icon { width: 1.125rem; margin-right: 0.5rem; } .vx_btn-medium .vx_btn-icon svg { width: 1.125rem; height: 1.125rem; top: -0.8125rem; } .vx_btn-small .vx_btn-icon { width: 1.10795454rem; margin-right: 0.375rem; } .vx_btn-small .vx_btn-icon svg { width: 1.10795454rem; height: 1.10795454rem; top: -0.75rem; } .vx_btn-group, .vx_btn-group_stacked { text-align: center; } .vx_btn-group_stacked .vx_btn, .vx_btn-group_stacked .vx_btn-small, .vx_btn-group_stacked .vx_btn-medium { display: table; margin-left: auto; margin-right: auto; } .vx_addBtn-primary, .vx_addBtn-secondary { font-weight: 500; font-size: 0.9375rem; line-height: 1.5rem; background: none; border: none; color: #0070BA; padding-left: 0.125rem; } .vx_addBtn-primary:before, .vx_addBtn-secondary:before { content: "\002B"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'paypal-vx-icons'; line-height: 0; font-size: 1.25rem; } .vx_addBtn-primary:hover, .vx_addBtn-secondary:hover { color: #005EA6; text-decoration: none; } .vx_addBtn-primary:before { color: #FFFFFF; background: #0070BA; border-radius: 100%; padding: 0 5px 3px; box-shadow: 0 1px 2px #2C2E2F; margin-right: 12px; } .vx_addBtn-secondary:before { margin-right: 5px; } .vx_backBtn { background: none; border: none; color: #0070BA; font-weight: normal; padding: 0; } .vx_backBtn:focus, .vx_backBtn:active, .vx_backBtn:hover { color: #005EA6; text-decoration: none; } .vx_backBtn:focus span, .vx_backBtn:active span, .vx_backBtn:hover span { text-decoration: underline; } .vx_backBtn:before { font-family: 'paypal-vx-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\2190'; display: inline; font-size: 1.5em; vertical-align: -0.1em; padding-right: 0.1em; } .vx_btn-twoUp .vx_btn { display: inline-block; width: 48%; margin-left: 0; margin-right: 0; } .vx_btn-twoUp .vx_btn:first-of-type { margin-right: 1.5%; } .vx_btn-twoUp .vx_btn:last-of-type { margin-left: 1.5%; } @media (max-width: 768px) { .vx_blocks-for-mobile .vx_btn { display: block; width: 100%; } .vx_blocks-for-mobile .vx_btn + .vx_btn { margin: 5px 0 0; } } .vx_btn-link { background: none; border: none; color: #0070BA; font-weight: 500; padding: 0; } .vx_btn-link:hover { color: #005EA6; text-decoration: underline; } /* Site */ /* Site */ /* used on inputs and buttons */ /* Alert Background colors - TODO:: Check if background color is necessary as the new designs doesn't have background colors. */ @font-face { font-family: PayPal-Sans; font-style: normal; font-weight: 400; src: url('https://www.paypalobjects.com/ui-web/paypal-sans-small/1-0-0/PayPalSansSmall-Regular.eot'); /* IE9 Compat Modes */ src: url('https://www.paypalobjects.com/ui-web/paypal-sans-small/1-0-0/PayPalSansSmall-Regular.woff2') format('woff2'), /* Moderner Browsers */ url('https://www.paypalobjects.com/ui-web/paypal-sans-small/1-0-0/PayPalSansSmall-Regular.woff') format('woff'), /* Modern Browsers */ url('https://www.paypalobjects.com/ui-web/paypal-sans-small/1-0-0/PayPalSansSmall-Regular.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg'); /* Legacy iOS */ } @font-face { font-family: PayPal-Sans; font-style: normal; font-weight: 500; src: url('https://www.paypalobjects.com/ui-web/paypal-sans-small/1-0-0/PayPalSansSmall-Medium.eot'); /* IE9 Compat Modes */ src: url('https://www.paypalobjects.com/ui-web/paypal-sans-small/1-0-0/PayPalSansSmall-Medium.woff2') format('woff2'), /* Moderner Browsers */ url('https://www.paypalobjects.com/ui-web/paypal-sans-small/1-0-0/PayPalSansSmall-Medium.woff') format('woff'), /* Modern Browsers */ url('https://www.paypalobjects.com/ui-web/paypal-sans-small/1-0-0/PayPalSansSmall-Medium.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg'); /* Legacy iOS */ } /* ---------------------------------------------------------------------------------------- */ @font-face { font-family: PayPal-Sans-Big; font-style: normal; font-weight: 300; src: url('https://www.paypalobjects.com/ui-web/paypal-sans-big/1-0-0/PayPalSansBig-Light.eot'); /* IE9 Compat Modes */ src: url('https://www.paypalobjects.com/ui-web/paypal-sans-big/1-0-0/PayPalSansBig-Light.woff2') format('woff2'), /* Moderner Browsers */ url('https://www.paypalobjects.com/ui-web/paypal-sans-big/1-0-0/PayPalSansBig-Light.woff') format('woff'), /* Modern Browsers */ url('https://www.paypalobjects.com/ui-web/paypal-sans-big/1-0-0/PayPalSansBig-Light.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg'); /* Legacy iOS */ } @font-face { font-family: PayPal-Sans-Big; font-style: normal; font-weight: 400; src: url('https://www.paypalobjects.com/ui-web/paypal-sans-big/1-0-0/PayPalSansBig-Regular.eot'); /* IE9 Compat Modes */ src: url('https://www.paypalobjects.com/ui-web/paypal-sans-big/1-0-0/PayPalSansBig-Regular.woff2') format('woff2'), /* Moderner Browsers */ url('https://www.paypalobjects.com/ui-web/paypal-sans-big/1-0-0/PayPalSansBig-Regular.woff') format('woff'), /* Modern Browsers */ url('https://www.paypalobjects.com/ui-web/paypal-sans-big/1-0-0/PayPalSansBig-Regular.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg'); /* Legacy iOS */ } @charset "UTF-8"; /*! vxpattern-lib-paypal | Version: 2.7.4 | Built from github.paypal.com/ConsumerWeb-UI/vxpattern-lib-paypal */ /** * DO NOT EDIT THIS FILE AS IT'S GENERATED CODE. * UED: cgrigson, adustin, nvandewater * UIE: jlowery * Note: If modifications are needed, don't modify this file! Either override or make a PR to: * https://github.paypal.com/jlowery/paypal-vxpattern-lib */ /* Icons */ /* Z-index list */ /* user for a bird's eye view of components based on z-axis */ /* for example, if you want to put a button in header, just assign z-index of that button to @zindexHeader */ /* these will overwrite the bootstrap pre defined variables */ /* TODO: check the clean the non-needed modal styles in bootstrap */ /* the same as bootstrap one, just overwrite */ /* Setting for Sidepanel */ /* This is not used by all side panels, only for the default one */ /* what about larger phones like gs3? what about phablets like the note? /* responsive breakpoints */ /* Navigation */ /* Spinner */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* Setting these elements to height of 100% ensures that * .vx_foreground-container fully covers the whole viewport */ html, body { height: 100%; } /* This wraps the foreground or main part of the app. * It's purpose is to provide the "front" layer of the app and * allow the "back" layer to exist behind it. */ .vx_foreground-container { position: relative; min-height: 100%; width: 100%; margin: 0 auto; left: 0; right: 0; top: 0; z-index: 800; background: #f5f7fa; -webkit-transition: left 250ms, right 250ms; -o-transition: left 250ms, right 250ms; transition: left 250ms, right 250ms; } .vx_mainContent { max-width: 1024px; margin: 0 auto; padding: 72px 0 9rem; position: relative; } .vx_a11yText, .screenreader-only { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } @media (max-width: 768px) { .vx_hidden-phone { display: none !important; } .vx_foreground-container { width: 100%; min-height: 100%; } .vx_mainContent { padding-top: 0; } } /** * DO NOT EDIT THIS FILE AS IT'S GENERATED CODE. * UED: cgrigson, adustin, nvandewater * UIE: jlowery * Note: If modifications are needed, don't modify this file! Either override or make a PR to: * https://github.paypal.com/jlowery/paypal-vxpattern-lib */ @keyframes vx_spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes vx_fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes vx_fade-out { from { opacity: 1; } to { opacity: 0; } } .vx_addFlowTransition { opacity: 1; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; -ms-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; } .vx_hasFadeTransition { opacity: 0; } .vx_invisiblyRender { position: fixed; z-index: -1000; } .vx_steppedFlow-container { display: block; position: relative; transition: height 0.2s; overflow-x: auto; } .vx_prepForAnimation { overflow-x: hidden; } .vx_steppedFlow-slides { position: relative; white-space: nowrap; font-size: 0; } .vx_prepToSlide { position: relative; transition: left 0.25s; } .vx_slide-right_start { left: 0; } .vx_slide-right_end { left: -100%; } .vx_slide-left_start { left: -100%; } .vx_slide-left_end { left: 0; } .vx_steppedFlow-slide { display: none; vertical-align: top; width: 100%; white-space: normal; font-size: 16px; } .vx_activeSlide { display: inline-block; } /** * @fileOverview Contains type treatment for PayPal's new VX Patterns * @name type-vxPtrn * @author jlowery * @notes The below styles are mobile first */ body { font-size: inherit !important; font-family: 'PayPal-Sans', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } .vx_text-xl { font-size: 3.75rem; line-height: 1.1; font-weight: 300; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; } h1, .vx_text-1 { font-size: 2.5rem; line-height: 1.2; font-weight: 300; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; } h2, .vx_text-2 { font-size: 1.875rem; line-height: 1.4; font-weight: 300; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; } h3, .vx_text-3 { font-size: 1.25rem; line-height: 1.5; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; } .vx_text-3_lighter { font-size: 1.25rem; line-height: 1.5; font-weight: 300; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; } h4, .vx_text-4 { font-size: 1.125rem; line-height: 1.33333; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } h5, .vx_text-5 { font-size: 0.9375rem; line-height: 1.6; font-weight: 500; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_text-5_lighter { font-size: 0.9375rem; line-height: 1.6; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } h6, .vx_text-6 { font-size: 0.8125rem; line-height: 1.84615385; font-weight: 500; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_text-6_lighter { font-size: 0.8125rem; line-height: 1.84615385; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_text-body, p, li, dd, dt, label, input, textarea, pre, code { font-size: 0.9375rem; line-height: 1.6; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_text-body_secondary { font-size: 0.8125rem; line-height: 1.84615385; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_text-legal { font-size: 0.8125rem; line-height: 1.38461538; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; color: #6c7378; } .vx_h1, .vx_h2, .vx_h3, .vx_h4 { -webkit-font-smoothing: antialiased; } .vx_h1 { font-size: 2.5rem; line-height: 1.2; font-weight: 300; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; } .vx_h2 { /* Yes, the below H3 vars are intended * this is the mobile sizing, so it's this first. * Desktop is below. */ font-size: 1.25rem; line-height: 1.5; font-weight: 300; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; /* Mobile First, aka Desktop Later */ } @media (min-width: 768px) { .vx_h2 { font-size: 1.875rem; line-height: 1.4; font-weight: 300; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; } } .vx_h3 { font-size: 1.25rem; line-height: 1.5; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans-Big', sans-serif; } .vx_h4 { font-size: 1.125rem; line-height: 1.33333; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_h5 { font-size: 0.9375rem; line-height: 1.6; font-weight: 500; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_h6 { font-size: 0.8125rem; line-height: 1.84615385; font-weight: 500; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_h7 { font-size: 0.8125rem; line-height: 1.84615385; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_base-text { font-size: 0.9375rem; line-height: 1.6; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_small-text { font-size: 0.8125rem; line-height: 1.84615385; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; } .vx_legal-text { font-size: 0.8125rem; line-height: 1.38461538; font-weight: 400; text-transform: none; font-family: 'PayPal-Sans', sans-serif; color: #6c7378; } .vx_secondary-text { color: #9da3a6; } .vx_text-block { padding: 1.6em 1.6em 0.8em; } .vx_reverse-contrast { background: #2c2e2f; color: #ffffff; } .vx_reverse-contrast .vx_secondary-text { color: #cbd2d6; } .vx_reverse-contrast .small-text { font-weight: 500; } ul, ol { padding: 0; margin: 0 0 0.8rem 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 1.6; } dl { margin-bottom: 1.6rem; } dt, dd { line-height: 1.6; } dt { font-weight: 500; } dd { margin-left: 0.8rem; } .vx_unstyled-list { list-style: none; padding: 0; } a, a:visited { color: #0070ba; text-decoration: none; font-weight: 500; font-family: 'PayPal-Sans', sans-serif; } a:active, a:focus, a:hover { color: #005ea6; text-decoration: underline; } p > a, li > a { font-weight: 500; font-family: 'PayPal-Sans', sans-serif; } @font-face { font-family: 'paypal-vx-icons'; src: url('https://www.paypalobjects.com/ui-web/vx-icons/2-0-1/PayPalVXIcons-Regular.eot'); src: url('https://www.paypalobjects.com/ui-web/vx-icons/2-0-1/PayPalVXIcons-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.paypalobjects.com/ui-web/vx-icons/2-0-1/PayPalVXIcons-Regular.woff') format('woff'), /* Modern Browsers */ url('https://www.paypalobjects.com/ui-web/vx-icons/2-0-1/PayPalVXIcons-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.paypalobjects.com/ui-web/vx-icons/2-0-1/PayPalVXIcons-Regular.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg'); font-style: normal; font-weight: 400; /* IE9 Compat Modes */ /* Legacy iOS */ } .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; } .vx_alert-help:before, .vx_alert-success:before, .vx_alert-warning:before, .vx_alert-critical:before { display: inline; width: 3em; padding-right: 12px; font-size: 1.58rem; line-height: 0; font-family: 'paypal-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: "\2755"; -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; width: 3em; padding-right: 12px; } .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; border-radius: 5px; } } /* * @name buttons * @description All defined button styles and states belong here, including any helper class button style options, like `vx_btn-secondary` or `vx_btn-medium` etc. * * @group elements */ .vx_btn, .vx_btn-small, .vx_btn-medium { display: inline-block; min-width: 6rem; padding: 0.75rem 1.5rem; margin-bottom: 1.5rem; border: 1px solid #0070ba; border-radius: 1.5rem; font-size: 0.9375rem; line-height: 1.6; font-family: 'PayPal-Sans', sans-serif; font-weight: 500; text-align: center; text-decoration: none; cursor: pointer; color: #ffffff; background-color: #0070ba; transition: all 250ms ease; -webkit-font-smoothing: antialiased; } .vx_btn:visited, .vx_btn-small:visited, .vx_btn-medium:visited, .vx_btn:active, .vx_btn-small:active, .vx_btn-medium:active, .vx_btn:hover, .vx_btn-small:hover, .vx_btn-medium:hover, .vx_btn:focus, .vx_btn-small:focus, .vx_btn-medium:focus { color: #ffffff; } .vx_btn:visited, .vx_btn-small:visited, .vx_btn-medium:visited { text-decoration: none; } .vx_btn:hover, .vx_btn-small:hover, .vx_btn-medium:hover, .vx_btn:focus, .vx_btn-small:focus, .vx_btn-medium:focus { background-color: #003087; border: 1px solid #003087; box-shadow: none; text-decoration: none; } .vx_btn:focus, .vx_btn-small:focus, .vx_btn-medium:focus { outline: none; text-decoration: underline; } .vx_btn[disabled], .vx_btn-small[disabled], .vx_btn-medium[disabled], .vx_btn[disabled]:hover, .vx_btn-small[disabled]:hover, .vx_btn-medium[disabled]:hover, .vx_btn[disabled]:active, .vx_btn-small[disabled]:active, .vx_btn-medium[disabled]:active, .vx_btn.vx_is-disabled, .vx_btn-small.vx_is-disabled, .vx_btn-medium.vx_is-disabled, .vx_btn.vx_is-disabled:hover, .vx_btn-small.vx_is-disabled:hover, .vx_btn-medium.vx_is-disabled:hover, .vx_btn.vx_is-disabled:active, .vx_btn-small.vx_is-disabled:active, .vx_btn-medium.vx_is-disabled:active { color: #cbd2d6; background: #f5f6f8; box-shadow: none; border: 1px solid #cbd2d6; text-decoration: none; cursor: not-allowed; outline: none; -ms-transform: none; -webkit-transform: none; transform: none; } .vx_btn + .vx_btn, .vx_btn + .vx_btn-small, .vx_btn + .vx_btn-medium, .vx_btn-small + .vx_btn, .vx_btn-small + .vx_btn-small, .vx_btn-small + .vx_btn-medium, .vx_btn-medium + .vx_btn, .vx_btn-medium + .vx_btn-small, .vx_btn-medium + .vx_btn-medium { margin-left: 0.75rem; } .vx_btn.vx_btn-block, .vx_btn-small.vx_btn-block, .vx_btn-medium.vx_btn-block { margin-right: 0; margin-left: 0; width: 100%; } .vx_btn-secondary { background-color: transparent; border-color: #0070ba; color: #0070ba; } .vx_btn-secondary:hover, .vx_btn-secondary:focus { color: #003087; background-color: rgba(255, 255, 255, 0.2); border-color: #003087; box-shadow: 0 0 0 1px #003087 inset; } .vx_btn-secondary:visited { text-decoration: none; color: #0070ba; } .vx_btn_reversed { border-color: #ffffff; background-color: #ffffff; color: #0070ba; } .vx_btn_reversed:hover, .vx_btn_reversed:focus { background-color: #f0f0f0; border-color: #f0f0f0; color: #003087; } .vx_btn_reversed:visited { color: #0070ba; } .vx_btn_reversed:visited:hover { color: #003087; } .vx_btn-secondary_reversed { background-color: transparent; color: #ffffff; border-color: #ffffff; } .vx_btn-secondary_reversed:hover, .vx_btn-secondary_reversed:focus { background-color: rgba(0, 0, 0, 0.1); color: #ffffff; border-color: #ffffff; box-shadow: 0 0 0 1px #ffffff inset; } .vx_btn-medium { font-size: 0.8125rem; line-height: 1.38461538; min-width: 4.5rem; padding: 0.5625rem 1.125rem; } .vx_btn-small { font-size: 0.8125rem; line-height: 1.36363636; min-width: 3.75rem; padding: 0.46875rem 0.9375rem; } .vx_btn-icon { display: inline-block; width: 1.5rem; position: relative; margin-right: 0.625rem; } .vx_btn-icon svg { width: 1.5rem; height: 1.5rem; position: absolute; top: -1.125rem; left: 0; } .vx_btn-icon .svg-stroke { stroke: #ffffff; } .vx_btn-icon .svg-fill { fill: #ffffff; } .vx_btn-secondary .vx_btn-icon .svg-stroke { stroke: #0070ba; } .vx_btn-secondary .vx_btn-icon .svg-fill { fill: #0070ba; } .vx_btn-secondary:hover .vx_btn-icon .svg-stroke, .vx_btn-secondary:focus .vx_btn-icon .svg-stroke { stroke: #003087; } .vx_btn-secondary:hover .vx_btn-icon .svg-fill, .vx_btn-secondary:focus .vx_btn-icon .svg-fill { fill: #003087; } [disabled] .vx_btn-icon .svg-stroke, [disabled]:hover .vx_btn-icon .svg-stroke, [disabled]:active .vx_btn-icon .svg-stroke, .vx_is-disabled .vx_btn-icon .svg-stroke, .vx_is-disabled:hover .vx_btn-icon .svg-stroke, .vx_is-disabled:active .vx_btn-icon .svg-stroke { stroke: #cbd2d6; } [disabled] .vx_btn-icon .svg-fill, [disabled]:hover .vx_btn-icon .svg-fill, [disabled]:active .vx_btn-icon .svg-fill, .vx_is-disabled .vx_btn-icon .svg-fill, .vx_is-disabled:hover .vx_btn-icon .svg-fill, .vx_is-disabled:active .vx_btn-icon .svg-fill { fill: #cbd2d6; } .vx_btn-medium .vx_btn-icon { width: 1.125rem; margin-right: 0.5rem; } .vx_btn-medium .vx_btn-icon svg { width: 1.125rem; height: 1.125rem; top: -0.8125rem; } .vx_btn-small .vx_btn-icon { width: 1.10795454rem; margin-right: 0.375rem; } .vx_btn-small .vx_btn-icon svg { width: 1.10795454rem; height: 1.10795454rem; top: -0.75rem; } .vx_btn-group, .vx_btn-group_stacked { text-align: center; } .vx_btn-group_stacked .vx_btn, .vx_btn-group_stacked .vx_btn-small, .vx_btn-group_stacked .vx_btn-medium { display: table; margin-left: auto; margin-right: auto; } .vx_addBtn-primary, .vx_addBtn-secondary { font-weight: 500; font-size: 0.9375rem; line-height: 1.5rem; background: none; border: none; color: #0070ba; padding-left: 0.125rem; } .vx_addBtn-primary:before, .vx_addBtn-secondary:before { content: "\002B"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'paypal-vx-icons'; line-height: 0; font-size: 1.25rem; } .vx_addBtn-primary:hover, .vx_addBtn-secondary:hover { color: #005ea6; text-decoration: none; } .vx_addBtn-primary:before { color: #ffffff; background: #0070ba; border-radius: 100%; padding: 0 5px 3px; box-shadow: 0 1px 2px #2c2e2f; margin-right: 12px; } .vx_addBtn-secondary:before { margin-right: 5px; } .vx_backBtn { background: none; border: none; color: #0070ba; font-weight: normal; padding: 0; } .vx_backBtn:focus, .vx_backBtn:active, .vx_backBtn:hover { color: #005ea6; text-decoration: none; } .vx_backBtn:focus span, .vx_backBtn:active span, .vx_backBtn:hover span { text-decoration: underline; } .vx_backBtn:before { font-family: 'paypal-vx-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\2190'; display: inline; font-size: 1.5em; vertical-align: -0.1em; padding-right: 0.1em; } .vx_btn-twoUp .vx_btn { display: inline-block; width: 48%; margin-left: 0; margin-right: 0; } .vx_btn-twoUp .vx_btn:first-of-type { margin-right: 1.5%; } .vx_btn-twoUp .vx_btn:last-of-type { margin-left: 1.5%; } @media (max-width: 768px) { .vx_blocks-for-mobile .vx_btn { display: block; width: 100%; } .vx_blocks-for-mobile .vx_btn + .vx_btn { margin: 5px 0 0; } } .vx_btn-link { background: none; border: none; color: #0070ba; font-weight: 500; padding: 0; } .vx_btn-link:hover { color: #005ea6; text-decoration: underline; } /* Mixin for placeholder */ .vx_form-control { width: 100%; height: 50px; padding: 12.5px; border: 1px solid #9da3a6; border-radius: 5px; background: #ffffff; -webkit-transition: border-color 0.15s; -o-transition: border-color 0.15s; transition: border-color 0.15s; } .vx_form-control:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .vx_form-control:hover, .vx_form-control:focus, .vx_form-control:active, .vx_form-control.vx_is-active { border-color: #009cde; } .vx_form-control[disabled], .vx_form-control[disabled]:hover, .vx_form-control[disabled]:active, .vx_form-control.vx_is-disabled, .vx_form-control.vx_is-disabled:hover, .vx_form-control.vx_is-disabled:active { border-color: #cbd2d6; background: #f5f7fa; color: #6c7378; cursor: default; } .vx_form-group, .vx_form-group_hiddenLabel { padding-top: 1em; text-align: left; } .vx_form-group label, .vx_form-group_hiddenLabel label { font-weight: 500; } .vx_form-group_hiddenLabel label, .vx_form-group-nolabel label { position: absolute; left: -999em; } input.vx_has-error { background: #ffffff; border-color: #d20000; } .vx_has-error, .vx_has-error input, .vx_has-error label, input.vx_has-error, label.vx_has-error { color: #d20000; } .vx_has-error input, .vx_has-error select, .vx_has-error input:hover, .vx_has-error input:active, input:focus input.vx_has-error, input.vx_has-error:hover, input.vx_has-error:active, input.vx_has-error:focus { background: #ffffff; border-color: #d20000; } .vx_has-error .vx_form-control_complex { border-color: #d20000; } .vx_has-error .vx_form-control-icon { color: #d20000; } .vx_has-error .vx_selectIcon_error { position: relative; display: block; text-align: right; height: 0; font-family: 'paypal-vx-icons'; font-style: normal; font-weight: normal; text-transform: none; line-height: 0; -webkit-font-smoothing: antialiased; } .vx_has-error .vx_selectIcon_error:before { content: "\26A0"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.58rem; position: absolute; right: 1.25em; top: -1.25em; } .vx_selectIcon_error { display: none; } .vx_form-control_complex { padding: 0; display: table; table-layout: fixed; height: auto; } .vx_form-control_complex input { background: none; border: none; display: table-cell; width: 100%; padding: 12px; height: 48px; } .vx_form-control_complex input:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .vx_form-control_complex input:hover { background: none; } .vx_form-control-icon, .vx_form-control-error-icon { display: table-cell; width: 2.5em; min-width: 2.5em; color: #9da3a6; text-align: right; vertical-align: middle; position: relative; top: -2px; } .vx_form-control-error-icon { width: 1px; min-width: 1px; visibility: hidden; } .vx_form-control-icon + input { padding-left: 0.5em; } label.vx_has-error-with-message, input.vx_has-error-with-message, .vx_form-control_complex.vx_has-error-with-message { color: #d20000; } input.vx_has-error-with-message, .vx_form-control_complex.vx_has-error-with-message { background: #ffffff; border-color: #d20000; margin-bottom: 0 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .vx_has-message > input, .vx_has-error-with-message > input, .vx_has-message > .vx_form-control_complex, .vx_has-error-with-message > .vx_form-control_complex { margin-bottom: 0 !important; border: 1px solid #0092d1; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .vx_has-message.hasFocus:after, .vx_has-error-with-message.hasFocus:after { color: #d20000; } .vx_has-error-with-message > label, .vx_has-error-with-message > .vx_form-control_complex { color: #d20000; } .vx_has-error-with-message > input, .vx_has-error-with-message > .vx_form-control_complex { background: #ffffff; border-color: #d20000; margin-bottom: 0 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .vx_has-error-with-message .vx_form-control-message { background: #fefafa; border: 1px solid #d20000; border-top-width: 0; } .vx_has-error-with-message .vx_form-control-icon { color: #d20000; } .vx_has-error-with-message.hasFocus:after { color: #d20000; } .vx_has-error .vx_form-control_complex .vx_form-control-error-icon, .vx_has-error-with-message .vx_form-control_complex .vx_form-control-error-icon { display: table-cell; visibility: visible; width: 2.25em; color: #d20000; text-align: left; } .vx_form-control-message { display: block; background: #fdfeff; padding: 0.5em 1em; border: 1px solid #0092d1; border-top-width: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } /********************************* * FLOATING LABEL * *********************************/ .vx_floatingLabel, .vx_floatingLabel_complex, .vx_floatingLabel_active { position: relative; padding: 0; margin-top: 15px; background: white; border-radius: 5px; text-align: left; } .vx_floatingLabel.vx_floatingLabel_complex > .vx_form-control, .vx_floatingLabel_complex.vx_floatingLabel_complex > .vx_form-control, .vx_floatingLabel_active.vx_floatingLabel_complex > .vx_form-control { position: relative; display: table-cell; height: 48px; } .vx_floatingLabel.vx_floatingLabel_complex > .vx_form-control input, .vx_floatingLabel_complex.vx_floatingLabel_complex > .vx_form-control input, .vx_floatingLabel_active.vx_floatingLabel_complex > .vx_form-control input { height: 48px; } .vx_floatingLabel:before, .vx_floatingLabel_complex:before, .vx_floatingLabel_active:before, .vx_floatingLabel:after, .vx_floatingLabel_complex:after, .vx_floatingLabel_active:after, .vx_floatingLabel.vx_floatingLabel_complex > .vx_form-control:before, .vx_floatingLabel_complex.vx_floatingLabel_complex > .vx_form-control:before, .vx_floatingLabel_active.vx_floatingLabel_complex > .vx_form-control:before, .vx_floatingLabel.vx_floatingLabel_complex > .vx_form-control:after, .vx_floatingLabel_complex.vx_floatingLabel_complex > .vx_form-control:after, .vx_floatingLabel_active.vx_floatingLabel_complex > .vx_form-control:after { content: attr(data-label-content); position: absolute; padding: 0 15px; line-height: 48px; margin: 1px; transition: opacity 0.25s ease-out; z-index: 0; white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; color: #6c7378; } .vx_floatingLabel.vx_floatingLabel > .vx_form-control:before, .vx_floatingLabel_complex.vx_floatingLabel > .vx_form-control:before, .vx_floatingLabel_active.vx_floatingLabel > .vx_form-control:before { line-height: 50px; } .vx_floatingLabel:after, .vx_floatingLabel_complex:after, .vx_floatingLabel_active:after, .vx_floatingLabel.vx_floatingLabel_complex > .vx_form-control:after, .vx_floatingLabel_complex.vx_floatingLabel_complex > .vx_form-control:after, .vx_floatingLabel_active.vx_floatingLabel_complex > .vx_form-control:after { top: -10px; left: 0; font-size: 12px; color: #6c7378; font-weight: 500; transition: opacity 0.4s ease-in-out, top 0.3s ease-out; } .vx_floatingLabel.hasFocus:after, .vx_floatingLabel_complex.hasFocus:after, .vx_floatingLabel_active.hasFocus:after, .vx_floatingLabel.hasFocus.vx_floatingLabel_complex > .vx_form-control:after, .vx_floatingLabel_complex.hasFocus.vx_floatingLabel_complex > .vx_form-control:after, .vx_floatingLabel_active.hasFocus.vx_floatingLabel_complex > .vx_form-control:after { color: #0070ba; } .vx_floatingLabel label, .vx_floatingLabel_complex label, .vx_floatingLabel_active label { position: absolute; left: -999em; } .vx_floatingLabel input, .vx_floatingLabel_complex input, .vx_floatingLabel_active input { position: relative; z-index: 2; padding: 18px 15px 0; background: transparent; color: #2c2e2f; } .vx_floatingLabel input.vx_form-control, .vx_floatingLabel_complex input.vx_form-control, .vx_floatingLabel_active input.vx_form-control { height: 50px; } .vx_floatingLabel .vx_form-control-icon, .vx_floatingLabel_complex .vx_form-control-icon, .vx_floatingLabel_active .vx_form-control-icon, .vx_floatingLabel .vx_form-control-error-icon, .vx_floatingLabel_complex .vx_form-control-error-icon, .vx_floatingLabel_active .vx_form-control-error-icon { vertical-align: middle; position: relative; top: -2px; } .vx_floatingLabel .vx_form-control-error-icon, .vx_floatingLabel_complex .vx_form-control-error-icon, .vx_floatingLabel_active .vx_form-control-error-icon { top: -3px; } .vx_floatingLabel .vx_form-control-error-icon:before, .vx_floatingLabel_complex .vx_form-control-error-icon:before, .vx_floatingLabel_active .vx_form-control-error-icon:before { display: none; } .vx_floatingLabel .vx_form-control-icon, .vx_floatingLabel_complex .vx_form-control-icon, .vx_floatingLabel_active .vx_form-control-icon { vertical-align: middle; } .vx_floatingLabel.vx_has-error .vx_form-control-error-icon:before, .vx_floatingLabel_complex.vx_has-error .vx_form-control-error-icon:before, .vx_floatingLabel_active.vx_has-error .vx_form-control-error-icon:before, .vx_floatingLabel.vx_has-error-with-message .vx_form-control-error-icon:before, .vx_floatingLabel_complex.vx_has-error-with-message .vx_form-control-error-icon:before, .vx_floatingLabel_active.vx_has-error-with-message .vx_form-control-error-icon:before { display: inline; } .vx_floatingLabel.vx_has-error, .vx_floatingLabel_complex.vx_has-error, .vx_floatingLabel_active.vx_has-error, .vx_floatingLabel.vx_has-error-with-message, .vx_floatingLabel_complex.vx_has-error-with-message, .vx_floatingLabel_active.vx_has-error-with-message { border-color: #d20000; } .vx_floatingLabel.vx_has-error .vx_form-control, .vx_floatingLabel_complex.vx_has-error .vx_form-control, .vx_floatingLabel_active.vx_has-error .vx_form-control, .vx_floatingLabel.vx_has-error-with-message .vx_form-control, .vx_floatingLabel_complex.vx_has-error-with-message .vx_form-control, .vx_floatingLabel_active.vx_has-error-with-message .vx_form-control { border-color: #d20000; } .vx_floatingLabel.vx_has-error .vx_form-control:hover, .vx_floatingLabel_complex.vx_has-error .vx_form-control:hover, .vx_floatingLabel_active.vx_has-error .vx_form-control:hover, .vx_floatingLabel.vx_has-error-with-message .vx_form-control:hover, .vx_floatingLabel_complex.vx_has-error-with-message .vx_form-control:hover, .vx_floatingLabel_active.vx_has-error-with-message .vx_form-control:hover { background: transparent; } .vx_floatingLabel.vx_has-error.hasFocus:after, .vx_floatingLabel_complex.vx_has-error.hasFocus:after, .vx_floatingLabel_active.vx_has-error.hasFocus:after, .vx_floatingLabel.vx_has-error-with-message.hasFocus:after, .vx_floatingLabel_complex.vx_has-error-with-message.hasFocus:after, .vx_floatingLabel_active.vx_has-error-with-message.hasFocus:after, .vx_floatingLabel.vx_has-error.hasFocus.vx_floatingLabel_complex > .vx_form-control:after, .vx_floatingLabel_complex.vx_has-error.hasFocus.vx_floatingLabel_complex > .vx_form-control:after, .vx_floatingLabel_active.vx_has-error.hasFocus.vx_floatingLabel_complex > .vx_form-control:after, .vx_floatingLabel.vx_has-error-with-message.hasFocus.vx_floatingLabel_complex > .vx_form-control:after, .vx_floatingLabel_complex.vx_has-error-with-message.hasFocus.vx_floatingLabel_complex > .vx_form-control:after, .vx_floatingLabel_active.vx_has-error-with-message.hasFocus.vx_floatingLabel_complex > .vx_form-control:after { color: #d20000; } .vx_floatingLabel.vx_has-error .vx_form-control-error-icon, .vx_floatingLabel_complex.vx_has-error .vx_form-control-error-icon, .vx_floatingLabel_active.vx_has-error .vx_form-control-error-icon, .vx_floatingLabel.vx_has-error-with-message .vx_form-control-error-icon, .vx_floatingLabel_complex.vx_has-error-with-message .vx_form-control-error-icon, .vx_floatingLabel_active.vx_has-error-with-message .vx_form-control-error-icon { display: table-cell; visibility: visible; width: inherit; min-width: 2.25em; color: #d20000; text-align: left; } .vx_floatingLabel.vx_has-error:before, .vx_floatingLabel_complex.vx_has-error:before, .vx_floatingLabel_active.vx_has-error:before, .vx_floatingLabel.vx_has-error-with-message:before, .vx_floatingLabel_complex.vx_has-error-with-message:before, .vx_floatingLabel_active.vx_has-error-with-message:before, .vx_floatingLabel.vx_has-error:after, .vx_floatingLabel_complex.vx_has-error:after, .vx_floatingLabel_active.vx_has-error:after, .vx_floatingLabel.vx_has-error-with-message:after, .vx_floatingLabel_complex.vx_has-error-with-message:after, .vx_floatingLabel_active.vx_has-error-with-message:after { color: #d20000; } .vx_floatingLabel.vx_has-error.hasValue input, .vx_floatingLabel_complex.vx_has-error.hasValue input, .vx_floatingLabel_active.vx_has-error.hasValue input, .vx_floatingLabel.vx_has-error-with-message.hasValue input, .vx_floatingLabel_complex.vx_has-error-with-message.hasValue input, .vx_floatingLabel_active.vx_has-error-with-message.hasValue input, .vx_floatingLabel.vx_has-error.hasFocus input, .vx_floatingLabel_complex.vx_has-error.hasFocus input, .vx_floatingLabel_active.vx_has-error.hasFocus input, .vx_floatingLabel.vx_has-error-with-message.hasFocus input, .vx_floatingLabel_complex.vx_has-error-with-message.hasFocus input, .vx_floatingLabel_active.vx_has-error-with-message.hasFocus input { color: #2c2e2f; } .vx_floatingLabel_complex { display: block; padding: 0; height: auto; border: 1px solid #9da3a6; border-radius: 5px; text-align: left; -webkit-transition: border-color 0.15s; -o-transition: border-color 0.15s; transition: border-color 0.15s; } .vx_floatingLabel_complex .vx_form-control { display: table; table-layout: fixed; padding: 0; border: none; border-radius: 0; background: transparent; } .vx_floatingLabel_complex .vx_form-control input { display: block; width: 100%; border: none; background: none; } .vx_floatingLabel_complex .vx_form-control-icon + .vx_form-control input, .vx_floatingLabel_complex .vx_form-control-icon + .vx_form-control:before, .vx_floatingLabel_complex .vx_form-control-icon + .vx_form-control:after { padding-left: 8px; padding-right: 8px; } .vx_floatingLabel_complex label { max-width: 1px; } .vx_floatingLabel_complex:before, .vx_floatingLabel_complex:after { content: ''; display: none; } .vx_floatingLabel_complex.vx_has-message { border-color: #0092d1; } .vx_floatingLabel_complex.vx_has-error .vx_form-control:before, .vx_floatingLabel_complex.vx_has-error-with-message .vx_form-control:before, .vx_floatingLabel_complex.vx_has-error .vx_form-control:after, .vx_floatingLabel_complex.vx_has-error-with-message .vx_form-control:after { color: #d20000; } .vx_floatingLabel_complex .vx_form-control-message { border-width: 0; border-top-width: 1px; } .vx_floatingLabel:before { color: #2c2e2f; opacity: 0; } .vx_floatingLabel input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: 1; } .vx_floatingLabel input:-moz-placeholder { /* FF 4-18 */ opacity: 1; } .vx_floatingLabel input::-moz-placeholder { /* FF 19+ */ opacity: 1; } .vx_floatingLabel input:-ms-input-placeholder { /* IE 10+ */ opacity: 1; } .vx_floatingLabel input:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: 1; } .vx_floatingLabel input:focus:-moz-placeholder { /* FF 4-18 */ opacity: 1; } .vx_floatingLabel input:focus::-moz-placeholder { /* FF 19+ */ opacity: 1; } .vx_floatingLabel input:focus:-ms-input-placeholder { /* IE 10+ */ opacity: 1; } .vx_floatingLabel.hasFocus:before, .vx_floatingLabel.hasValue:before { opacity: 0; } .vx_floatingLabel.hasFocus:before input, .vx_floatingLabel.hasValue:before input { color: inherit; } .vx_floatingLabel.hasFocus:after, .vx_floatingLabel.hasValue:after { opacity: 1; top: -10px; } .vx_floatingLabel.hasValue:after { color: #2c2e2f; } .vx_floatingLabel_active input { color: transparent; } .vx_floatingLabel_active input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: 0; } .vx_floatingLabel_active input:-moz-placeholder { /* FF 4-18 */ opacity: 0; } .vx_floatingLabel_active input::-moz-placeholder { /* FF 19+ */ opacity: 0; } .vx_floatingLabel_active input:-ms-input-placeholder { /* IE 10+ */ opacity: 0; } .vx_floatingLabel_active input:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: 1; } .vx_floatingLabel_active input:focus:-moz-placeholder { /* FF 4-18 */ opacity: 1; } .vx_floatingLabel_active input:focus::-moz-placeholder { /* FF 19+ */ opacity: 1; } .vx_floatingLabel_active input:focus:-ms-input-placeholder { /* IE 10+ */ opacity: 1; } .vx_floatingLabel_active:before, .vx_floatingLabel_active.vx_floatingLabel_complex > .vx_form-control:before { opacity: 1; } .vx_floatingLabel_active:after, .vx_floatingLabel_active.vx_floatingLabel_complex > .vx_form-control:after { opacity: 0; } .vx_floatingLabel_active.hasFocus input, .vx_floatingLabel_active.hasValue input { color: inherit; } .vx_floatingLabel_active.hasFocus:before, .vx_floatingLabel_active.hasFocus.vx_floatingLabel_complex > .vx_form-control:before, .vx_floatingLabel_active.hasValue:before, .vx_floatingLabel_active.hasValue.vx_floatingLabel_complex > .vx_form-control:before { opacity: 0; } .vx_floatingLabel_active.hasFocus:after, .vx_floatingLabel_active.hasFocus.vx_floatingLabel_complex > .vx_form-control:after, .vx_floatingLabel_active.hasValue:after, .vx_floatingLabel_active.hasValue.vx_floatingLabel_complex > .vx_form-control:after { opacity: 1; } .vx_floatingLabel_active.hasFocus:after, .vx_floatingLabel_active.hasFocus.vx_floatingLabel_complex > .vx_form-control:after { color: #0070ba; } .vx_floatingLabel_active.vx_is-disabled { background: #f5f7fa; } .vx_floatingLabel_active.vx_is-disabled.hasFocus:after, .vx_floatingLabel_active.vx_is-disabled.hasFocus.vx_floatingLabel_complex > .vx_form-control:after { color: #6c7378; } .vx_floatingLabel_active.vx_is-disabled input[disabled], .vx_floatingLabel_active.vx_is-disabled input[disabled]:hover, .vx_floatingLabel_active.vx_is-disabled input[disabled]:active, .vx_floatingLabel_active.vx_is-disabled input.vx_is-disabled, .vx_floatingLabel_active.vx_is-disabled input.vx_is-disabled:hover, .vx_floatingLabel_active.vx_is-disabled input.vx_is-disabled:active { background: transparent; color: #6c7378; } /* Container used for styling the custom select */ .vx_select { position: relative; display: block; } /* This is the native select, we're making everything but the text invisible so * we can see the button styles in the wrapper */ .vx_select select { width: 100%; margin: 0; } .vx_select select:focus { outline: none; } /* Custom arrow sits on top of the select - could be an image, SVG, icon font, * etc. or the arrow could just baked into the bg image on the select. */ .vx_select:after { font-family: 'paypal-vx-icons'; speak: none; font-size: 1.875rem; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 0; /* Better Font Rendering =========== */ content: "\21E3"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 12.5px; z-index: 2; /* These hacks make the select behind the arrow clickable in some browsers */ pointer-events: none; display: none; } @supports ( -webkit-appearance: none ) or ( appearance: none ) /* Firefox <= 34 has a false positive on @supports( -moz-appearance: none ) * @supports ( mask-type: alpha ) is Firefox 35+ */ or ( ( -moz-appearance: none ) and ( mask-type: alpha ) ) { /* Show custom arrow */ .vx_select:after { display: block; } /* Remove select styling */ .vx_select select { padding-right: 2.75rem; /* inside @supports so that iOS <= 8 display the native arrow */ background: #ffffff; /* inside @supports so that Android <= 4.3 display the native arrow */ border: 1px solid #9da3a6; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vx_select select:focus { border-color: #009cde; } .vx_has-error .vx_selectIcon_error:before { right: 2.2rem; } .vx_has-error select { padding-right: 4.5rem; } /********************************* * FLOATING LABEL * *********************************/ .vx_floatingLabel select { position: relative; z-index: 1; height: 50px; padding: 18px 15px 0; background: transparent; color: #2c2e2f; } .vx_floatingLabel .vx_select:before { position: absolute; top: -10px; left: 0; font-size: 12px; font-weight: 500; content: attr(data-label-content); padding: 0 15px; line-height: 50px; margin: 1px; z-index: 0; white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; color: #6c7378; } .vx_floatingLabel.vx_has-error .vx_select:before { color: #d20000; } .vx_floatingLabel.hasFocus .vx_select:before, .vx_floatingLabel.hasFocus .vx_select:after { color: #0070ba; } } /** * Hacks to adjust alignment for Firefox and Edge */ @supports ( ( -moz-appearance: none ) and ( mask-type: alpha ) ) or (-ms-ime-align: auto) { .vx_floatingLabel select { padding-left: 11px; } } /* Styles for checkbox widget */ .vx_checkbox, .vx_radio { width: 100%; position: relative; } .vx_checkbox input, .vx_radio input { opacity: 0; position: absolute; cursor: pointer; } .vx_checkbox input:focus + label:before, .vx_radio input:focus + label:before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .vx_checkbox input:checked + label:before, .vx_radio input:checked + label:before { content: "\2611"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-color: #0092d1; color: #ffffff; background-color: #0092d1; } .vx_checkbox label, .vx_radio label { cursor: pointer; display: inline-block; vertical-align: top; line-height: 2em; } .vx_checkbox label:before, .vx_radio label:before { font-family: 'paypal-vx-icons'; display: inline-block; vertical-align: top; height: 1.2em; width: 1.2em; margin: 0 12px 0 0; padding: 0.4em 0.1em; border: 1px solid #2c2e2f; content: ''; font-size: 25px; line-height: 0; border-radius: 2px; overflow: hidden; } .vx_checkbox.vx_has-error input:checked + label:before, .vx_radio.vx_has-error input:checked + label:before { border-color: #d20000; background: #d20000; } .vx_checkbox.vx_has-error label:before, .vx_radio.vx_has-error label:before { border-color: #d20000; } .vx_checkbox.vx_has-error:after, .vx_radio.vx_has-error:after { font-family: 'paypal-vx-icons'; display: inline-block; vertical-align: middle; content: "\26A0"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.75em; line-height: 0; position: relative; top: -3px; padding-left: 5px; } .vx_checkbox.vx_is-disabled, .vx_radio.vx_is-disabled { cursor: not-allowed; } .vx_checkbox.vx_is-disabled input:checked + label:before, .vx_radio.vx_is-disabled input:checked + label:before { border-color: #6c7378; background: #6c7378; } .vx_checkbox.vx_is-disabled label:before, .vx_radio.vx_is-disabled label:before { border-color: #6c7378; cursor: not-allowed; } .vx_checkbox.vx_is-disabled label, .vx_radio.vx_is-disabled label { color: #6c7378; cursor: not-allowed; } .vx_radio input:checked + label:before { content: ''; border-color: #0092d1; background-color: #0092d1; box-shadow: inset 0 0 0 5px #ffffff; } .vx_radio label:before { border-radius: 100%; } .vx_hr { border: none; border-top: 1px solid #b7bcbf; margin: 0.75rem 0; } .vx_hr-alt { border: none; border-top: 1px dotted #cbd2d6; margin: 0.75rem 0; } /** * DO NOT EDIT THIS FILE AS IT'S GENERATED CODE. * UED: cgrigson, adustin, nvandewater * UIE: jlowery * Note: If modifications are needed, don't modify this file! Either override or make a PR to: * https://github.paypal.com/jlowery/paypal-vxpattern-lib */ .vx_icon { font-family: 'paypal-vx-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .vx_icon-small:before { font-size: 1.58rem; } .vx_icon-medium:before { font-size: 2.6rem; } .vx_icon-large:before { font-size: 7.8rem; } .vx_icon-slider-small:before { content: "\205D"; } .vx_icon-slider-half-small:before { content: "\205E"; } .vx_icon-close-small:before { content: "\274E"; } .vx_icon-add-small:before { content: "\002B"; } .vx_icon-arrow-down-small:before { content: "\2193"; } .vx_icon-arrow-up-small:before { content: "\2191"; } .vx_icon-arrow-left-small:before { content: "\2190"; } .vx_icon-arrow-right-small:before { content: "\2192"; } .vx_icon-arrow-down-half-small:before { content: "\21E3"; } .vx_icon-arrow-up-half-small:before { content: "\21E1"; } .vx_icon-arrow-left-half-small:before { content: "\21E0"; } .vx_icon-arrow-right-half-small:before { content: "\21E2"; } .vx_icon-arrow-back-small:before { content: "\21E6"; } .vx_icon-clear-half-small:before { content: "\2716"; } .vx_icon-checkmark-small:before { content: "\2705"; } .vx_icon-checkmark-small-bold:before { content: "\2611"; } .vx_icon-circled-checkmark-small:before { content: "\2714"; } .vx_icon-circled-checkmark-large:before { content: "\2713"; } .vx_icon-action-arrow-half-small:before { content: "\25BA"; } .vx_icon-action-arrow-right-half-small:before { content: "\25BA"; } .vx_icon-action-arrow-down-half-small:before { content: "\25BC"; } .vx_icon-action-arrow-up-half-small:before { content: "\25B2"; } .vx_icon-tooltip-small:before { content: "\2753"; } .vx_icon-info-small:before { content: "\2139"; } .vx_icon-positive-small:before { content: "\002B"; } .vx_icon-attention-small:before { content: "\2755"; } .vx_icon-critical-small:before { content: "\26A0"; } .vx_icon-info-large:before { content: "\24D8"; } .vx_icon-positive-large:before { content: "\002B"; } .vx_icon-attention-large:before { content: "\2762"; } .vx_icon-critical-large:before { content: "\2757"; } .vx_icon-pp-logo:before { content: "\E498"; } .vx_icon-pp-logo-half:before { content: "\E499"; } .vx_icon-gear:before { content: "\2699"; } .vx_icon-magnifying-glass:before { content: "\1F50D"; } .vx_icon-bell:before { content: "\1F514"; } .vx_icon-chain-link:before { content: "\1F517"; } .vx_icon-calendar:before { content: "\1F4C5"; } .vx_icon-camera-add:before { content: "\1F4F7"; } .vx_icon-avatar:before { content: "\1F471"; } .vx_spinner-small, .vx_has-spinner-small:after { height: 18px; opacity: 0.56; width: 18px; animation: vx_spin 620ms infinite linear; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%2038%2038'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D'gradient'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%0A%09%09%09%3Cstop%20offset%3D'0'%20stop-color%3D'%23000000'%20stop-opacity%3D'0'%2F%3E%0A%09%09%09%3Cstop%20offset%3D'1'%20stop-color%3D'%23000000'%20stop-opacity%3D'1'%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%09%3Cpath%20stroke%3D'url(%23gradient)'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'1px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C1%2034%2C0'%3E%3C%2Fpath%3E%0A%09%3Cpath%20stroke%3D'%23000000'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'1px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C0%2034%2C0'%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A"); content: ''; display: block; } .vx_spinner-medium, .vx_has-spinner-medium:after { height: 24px; opacity: 0.56; width: 24px; animation: vx_spin 620ms infinite linear; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%2038%2038'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D'gradient'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%0A%09%09%09%3Cstop%20offset%3D'0'%20stop-color%3D'%23000000'%20stop-opacity%3D'0'%2F%3E%0A%09%09%09%3Cstop%20offset%3D'1'%20stop-color%3D'%23000000'%20stop-opacity%3D'1'%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%09%3Cpath%20stroke%3D'url(%23gradient)'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C1%2034%2C0'%3E%3C%2Fpath%3E%0A%09%3Cpath%20stroke%3D'%23000000'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C0%2034%2C0'%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A"); content: ''; display: block; } .vx_spinner-large, .vx_has-spinner-large:after { height: 128px; opacity: 0.56; width: 128px; animation: vx_spin 620ms infinite linear; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%2038%2038'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D'gradient'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%0A%09%09%09%3Cstop%20offset%3D'0'%20stop-color%3D'%2300cf92'%20stop-opacity%3D'0'%2F%3E%0A%09%09%09%3Cstop%20offset%3D'1'%20stop-color%3D'%2300cf92'%20stop-opacity%3D'1'%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%09%3Cpath%20stroke%3D'url(%23gradient)'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C1%2034%2C0'%3E%3C%2Fpath%3E%0A%09%3Cpath%20stroke%3D'%2300cf92'%20vector-effect%3D'non-scaling-stroke'%20stroke-width%3D'2px'%20fill%3D'none'%20fill-rule%3D'evenodd'%20d%3D'M2%2C19a17%2C17%200%201%2C0%2034%2C0'%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A"); content: ''; display: block; } .vx_has-spinner-small, .vx_has-spinner-medium, .vx_has-spinner-large { position: relative; } .vx_has-spinner-small:before, .vx_has-spinner-medium:before, .vx_has-spinner-large:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(255, 255, 255, 0.6); z-index: 1000; animation: vx_fade-in 0.3s ease-out 0s both; } .vx_has-spinner-small:after, .vx_has-spinner-medium:after, .vx_has-spinner-large:after { margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1001; } .vx_tag, .vx_tag-pending, .vx_tag-warning, .vx_tag-critical, .vx_tag-success { display: inline-block; height: 0.8125rem; line-height: 0.625rem; padding: 0 0.1875rem 0.0625rem 0.1875rem; border-radius: 3px; font-size: 0.625rem; font-weight: 500; text-transform: uppercase; border: 1px solid #2c2e2f; color: #2c2e2f; } .vx_tag-pending { border: 1px solid #640487; color: #640487; } .vx_tag-warning { border: 1px solid #d64003; color: #d64003; } .vx_tag-critical { border: 1px solid #d20000; color: #d20000; } .vx_tag-success { border: 1px solid #018065; color: #018065; } /* * CSS for Panel with optional Action */ .vx_panel, .vx_panel-tile, .vx_panel-well { min-height: 1.5rem; padding: 0.75rem 1.5rem; margin-bottom: 1.5rem; border-radius: 6px; } .vx_panel, .vx_panel-well { display: table; width: 100%; } .vx_panel-tile { background-color: #ffffff; border: 1px solid #cbd2d6; } .vx_panel-well { background-color: #f5f7fa; } .vx_panel-info { display: table-cell; color: #2c2e2f; } .vx_panel-header, .vx_panel-text, .vx_panel-action { color: #2c2e2f; margin: 0; font-family: 'PayPal-Sans', sans-serif; line-height: 1.5rem; font-size: 0.8125rem; font-weight: 600; } .vx_panel-action { display: table-cell; max-width: 7em; color: #0070ba; text-align: right; } .vx_panel-text { font-weight: 400; font-size: 0.9375rem; } /** * DO NOT EDIT THIS FILE AS IT'S GENERATED CODE. * PLEASE NOTE: If you have specific icon needs, place them in your project's own Less file. */ /* * Use this for local testing * @font-face { font-family: 'consumer-icons'; src: url('fonts/ConsumerIcons-Regular.eot'); src: url('fonts/ConsumerIcons-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/ConsumerIcons-Regular.woff') format('woff'), url('fonts/ConsumerIcons-Regular.ttf') format('truetype'), url('fonts/ConsumerIcons-Regular.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg'); font-style: normal; font-weight: 400; } */ /* * Use this for production * */ @font-face { font-family: 'consumer-icons'; src: url('https://www.paypalobjects.com/ui-web/iconfont-consumer/3-4-0/fonts/ConsumerIcons-Regular.eot'); src: url('https://www.paypalobjects.com/ui-web/iconfont-consumer/3-4-0/fonts/ConsumerIcons-Regular.eot?#iefix') format('embedded-opentype'), url('https://www.paypalobjects.com/ui-web/iconfont-consumer/3-4-0/fonts/ConsumerIcons-Regular.woff') format('woff'), url('https://www.paypalobjects.com/ui-web/iconfont-consumer/3-4-0/fonts/ConsumerIcons-Regular.ttf') format('truetype'), url('https://www.paypalobjects.com/ui-web/iconfont-consumer/3-4-0/fonts/ConsumerIcons-Regular.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg'); font-style: normal; font-weight: 400; } .icon { font-family: 'consumer-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-small:before { font-size: 1.58rem; } .icon-medium:before { font-size: 2.6rem; } .icon-large:before { font-size: 7.8rem; } .icon-burger-small:before { content: "\e000"; } .icon-slider-small:before { content: "\e001"; } .icon-slider-half-small:before { content: "\e002"; } .icon-close-small:before { content: "\e003"; } .icon-add-small:before { content: "\e004"; } .icon-arrow-down-small:before { content: "\e005"; } .icon-arrow-up-small:before { content: "\e006"; } .icon-arrow-left-small:before { content: "\e007"; } .icon-arrow-right-small:before { content: "\e008"; } .icon-arrow-down-half-small:before { content: "\e009"; } .icon-arrow-up-half-small:before { content: "\e010"; } .icon-arrow-left-half-small:before { content: "\e011"; } .icon-arrow-right-half-small:before { content: "\e012"; } .icon-clear-half-small:before { content: "\e013"; } .icon-checkmark-small:before { content: "\e014"; } .icon-checkmark-small-bold:before { content: "\e015"; } .icon-action-arrow-half-small:before { content: "\e016"; } .icon-tooltip-outline-small:before { content: "\e017"; } .icon-tooltip-small:before { content: "\e018"; } .icon-info-small:before { content: "\e019"; } .icon-positive-small:before { content: "\e020"; } .icon-attention-small:before { content: "\e021"; } .icon-critical-small:before { content: "\e022"; } .icon-info-large:before { content: "\e023"; } .icon-positive-large:before { content: "\e024"; } .icon-attention-large:before { content: "\e025"; } .icon-critical-large:before { content: "\e026"; } .icon-pp-logo:before { content: "\e029"; } .icon-visa-logo:before { content: "\e030"; } .icon-mastercard-logo:before { content: "\e031"; } .icon-maestro-logo:before { content: "\e032"; } .icon-amex-logo:before { content: "\e033"; } .icon-discover-logo:before { content: "\e034"; } .icon-card-half-solid:before { content: "\e035"; } .icon-bank-half-solid:before { content: "\e036"; } .icon-profile-large:before { content: "\e037"; } .icon-profile-add-large:before { content: "\e038"; } .icon-notification-small:before { content: "\e039"; } .icon-settings-small:before { content: "\e040"; } .icon-profile-small:before { content: "\e041"; } .icon-funnel-small:before { content: "\e042"; } .icon-delete-small:before { content: "\e043"; } .icon-edit-small:before { content: "\e044"; } .icon-lock-small:before { content: "\e045"; } .icon-pdf-small:before { content: "\e046"; } .icon-contact-small:before { content: "\e047"; } .icon-undo-small:before { content: "\e048"; } .icon-cancel-small:before { content: "\e049"; } .icon-simple-list-small:before { content: "\e050"; } .icon-detailed-list-small:before { content: "\e051"; } .icon-print-small:before { content: "\e052"; } .icon-camera-small:before { content: "\e053"; } .icon-info-outline-small:before { content: "\e054"; } .icon-us-dollar-outline-small:before { content: "\e055"; } .icon-calendar-half-small:before { content: "\e056"; } .icon-hiper-logo:before { content: "\e057"; } .icon-hipercard-logo:before { content: "\e058"; } .icon-elo-logo:before { content: "\e059"; } .icon-star-small:before { content: "\e060"; } .icon-jcb-logo:before { content: "\e061"; } .icon-attention-outline-small:before { content: "\e062"; } .icon-unionpay-logo:before { content: "\e063"; } .icon-search-small:before { content: "\e064"; } .icon-desktop-small:before { content: "\e065"; } .icon-mobile-small:before { content: "\e066"; } .icon-laptop-small:before { content: "\e067"; } .icon-tablet-small:before { content: "\e068"; } .icon-send-money:before { content: "\e500"; } .icon-request-money:before { content: "\e501"; } .icon-photo:before { content: "\e502"; } .icon-gift-cards:before { content: "\e503"; } .icon-credit-card:before { content: "\e504"; } .icon-truck:before { content: "\e505"; } .icon-email:before { content: "\e506"; } .icon-email-solid:before { content: "\e507"; } .icon-bank-check:before { content: "\e508"; } .icon-calendar:before { content: "\e509"; } .icon-holiday:before { content: "\e510"; } .icon-gift:before { content: "\e511"; } .icon-wallet:before { content: "\e512"; } .icon-play-video:before { content: "\e513"; } .icon-heart:before { content: "\e514"; } .icon-shield:before { content: "\e515"; } .icon-tunes:before { content: "\e516"; } .icon-invoice:before { content: "\e517"; } .icon-shopping-bag:before { content: "\e518"; } .icon-phone:before { content: "\e519"; } .icon-phone-solid:before { content: "\e520"; } .icon-tag:before { content: "\e521"; } .icon-delivery:before { content: "\e522"; } .icon-questionmark:before { content: "\e523"; } .icon-cut-coupons:before { content: "\e524"; } .icon-register:before { content: "\e525"; } .icon-house:before { content: "\e526"; } .icon-gift-card:before { content: "\e527"; } .icon-messages:before { content: "\e528"; } .icon-add-money:before { content: "\e529"; } .icon-send-check:before { content: "\e530"; } .icon-paypal-me:before { content: "\e531"; } .icon-pp-logo-outline:before { content: "\e532"; } .icon-money-bag:before { content: "\e533"; } .icon-chip-pin:before { content: "\e534"; } .icon-boleto-ready:before { content: "\e535"; } .icon-boleto-topup:before { content: "\e536"; } .icon-clock-pay:before { content: "\e537"; } .icon-speeding-cart:before { content: "\e538"; } .icon-international-transfer:before { content: "\e539"; } .icon-link-small:before { content: "\e540"; } /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=c492f45c2dbb207ad29825a0c9b7518d) * Config saved to config.json and https://gist.github.com/c492f45c2dbb207ad29825a0c9b7518d */ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ body { margin: 0; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after { content: " "; display: table; } .clearfix::after, .container::after, .container-fluid::after, .row::after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } .Section{padding:0}@media screen and (max-width: 480px){.Section{border-radius:0}}.Section .site-section{min-height:650px;padding:5% 15%}@media screen and (max-width: 767px){.Section .site-section{padding:0 10% !important}}@media screen and (max-width: 480px){.Section .site-section{padding-left:7px !important;padding-right:7px !important}}.Section .site-section h2:first-child{padding-bottom:1em;border-bottom:solid 1px #cbd2d6;width:100%}.Section .site-section .Button.Button--secondary{display:table;margin:20px auto}.instructions{padding-top:20px}.instructions .instructions-heading{text-align:left}.instructions .instructions-heading div{border-bottom:1px solid black;display:inline-block}.instructions .instructions-heading div h4{display:inline-block}.instructions .instructions-heading div a{display:inline-block}.instructions .instructions-heading div .change-link{margin-left:10px}.instructions .copy-btn{display:block}.instructions .copy-btn .copy-to-clipboard{margin:-2px 5px 0 0;display:inline-block;height:23px;box-shadow:none;width:auto}.instructions .copy-btn h4{font-size:13px;display:inline-block;margin-top:9px;font-weight:500;margin-bottom:10px;line-height:0;margin-left:5px}.instructions ol{list-style-type:decimal;margin-left:0}.instructions ol li{margin:30px 0;list-style-position:inside}.instructions ol li img{width:100%;height:auto;box-shadow:5px 0 20px #bbb;margin:30px 0}.instructions pre{font-size:14px}.instructions .code-section{margin-top:30px !important}.instructions .code-section .vx_panel-tile{margin-bottom:5px}.Section{padding:0}.Section .back-button{position:relative;top:24px;left:24px;z-index:250}@media screen and (max-width: 767px){.Section .back-button{left:6px;top:12px}}.Section .header-title{text-align:center;font-size:24px;max-width:500px;font-weight:300;font-style:normal;font-stretch:normal;font-family:PayPal-Sans-Big;line-height:1.4;color:#2c2e2f}@media screen and (max-width: 767px){.Section .header-title{font-size:21px}}.Section .header-title.create-tag-title{display:table;margin:0 auto;padding:20px 0 0}.Section .header-title.install-tag-title{display:table;margin:auto}.Section .header-title.install-tag-title strong{margin-right:-6px !important}.Section .header-title.install-tag-title.select-shopping{width:100%;max-width:700px;left:0;right:0;margin:auto}.Section .header-title.email-dev-title{padding:20px;margin:auto}.Section .header-title.continue-title{font-size:18px;font-family:PayPal-Sans;width:432px;margin-top:36px}.Section .sub-header-title{text-align:center;font-size:15px;font-weight:300;font-style:normal;font-stretch:normal;line-height:5.4;color:#2c2e2f}.Section .sub-header-title.vx-panel-sub-header{padding-bottom:25px}.Section .sub-header-title.create-sub-header{display:table;margin:auto;line-height:1.6;padding:20px 0 15px;color:#596065;max-width:359px}.Section .sub-header-title.created-tag-sub-header{display:table;margin:auto;line-height:2;padding:20px 0}.Section .sub-header-title.install-subheader{width:46%;display:table;margin:auto;line-height:1.2;padding:3% 0;padding-bottom:10%}.Section .Form--inline{margin:auto;padding-top:2%}@media screen and (max-width: 767px){.Section .Form--inline .FormField.create-input{width:75%}}.Section .Form--inline .FormField .tooltip-icon{float:right;margin-top:-7px;font-size:21px;color:#0070ba}.Section .Form--inline .FormField .PopoverLabel{display:block;position:absolute;right:-30px;bottom:18px}@media screen and (max-width: 767px){.Section .Form--inline .FormField .PopoverLabel{right:-25px}}.Section .Form--inline .FormField .PopoverLabel .SectionBody{margin:auto}.Section .Form--inline .FormField .PopoverLabel .SectionBody .header-title{text-align:center;font-size:24px;max-width:500px;font-weight:300;font-style:normal;font-stretch:normal;font-family:PayPal-Sans-Big;line-height:1.4;color:#2c2e2f}@media screen and (max-width: 767px){.Section .Form--inline .FormField .PopoverLabel .SectionBody .header-title{font-size:21px}}.Section .Form--inline .FormField .PopoverLabel .SectionBody .header-title.create-tag-title{display:table;margin:0 auto}.Section .Form--inline .FormField .PopoverLabel .SectionBody .header-title.install-tag-title{width:60%;display:table;margin:auto}.Section .Form--inline .FormField .PopoverLabel .SectionBody .header-title.install-tag-title strong{margin-right:-6px !important}.Section .Form--inline .FormField .PopoverLabel .SectionBody .header-title.install-tag-title.select-shopping{width:100%;max-width:700px;left:0;right:0;margin:auto}.Section .Form--inline .FormField .PopoverLabel .SectionBody .header-title.email-dev-title{padding:20px;margin:auto}.Section .Form--inline .FormField .PopoverLabel .SectionBody .sub-header-title{text-align:center;font-size:14px;font-weight:300;font-style:normal;font-stretch:normal;line-height:5.4;color:#6c7378}.Section .Form--inline .FormField .PopoverLabel .SectionBody .sub-header-title.vx-panel-sub-header{padding-bottom:25px}.Section .Form--inline .FormField .PopoverLabel .SectionBody .sub-header-title.create-sub-header{display:table;margin:auto;line-height:1.6;padding:20px 0}.Section .Form--inline .FormField .PopoverLabel .SectionBody .sub-header-title.created-tag-sub-header{display:table;margin:auto;line-height:2;padding:20px 0}.Section .Form--inline .FormField .PopoverLabel .SectionBody .sub-header-title.install-subheader{width:46%;display:table;margin:auto;line-height:1.2;padding:3% 0;padding-bottom:10%}.Section .Form--inline .FormField .PopoverLabel p{color:#6c7378;line-height:1.4}.Section .Form--inline .FormField .vx_alert,.Section .Form--inline .FormField .vx_alert_inline{padding:11px}.Section .Form--inline .FormField .vx_alert{border-left-width:1px;border-right-width:1px;border-radius:5px;width:100%}.Section .Form--inline .FormField .vx_alert-text{margin-left:-30px;color:#2c2e2f;overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;word-break:break-all}.Section .Form--inline .FormField .vx_alert-critical::before{padding-top:7px;padding-right:7px}.Section .Form--inline .Button{font-size:15px;font-family:PayPal-Sans;margin-top:25px}.Section .continue-btns{margin:0 auto;width:36%;display:flex;display:-ms-flexbox;flex-direction:column;text-align:center}.Section .continue-btns a{padding-top:5%;text-align:center}.Section.installForm{width:100%}.Section.installForm .SectionBody{width:100%;display:inline-flex}.Section.installForm .SectionBody h3{font-weight:300}.Section.installForm .SectionBody .inner{padding:0 15%}@media screen and (max-width: 767px){.Section.installForm .SectionBody .inner{padding:0 1% !important}}.Section.installForm .SectionBody .inner .next-content{font-size:15px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:normal;text-align:center;color:#2c2e2f;display:table;margin:auto}@media screen and (max-width: 767px){.Section.installForm .SectionBody .inner .next-content{width:auto}}.Section.installForm .SectionBody .inner .next-content.space{margin-bottom:20px}.Section.installForm .SectionBody .inner .Form--inline .next-go-to-settings{width:80%;display:table;margin:auto;padding-bottom:50px}.Section.installForm .SectionBody .inner .Form--inline .next-go-to-settings button{font-size:15px}.created-tag-glyph{text-align:center;padding-bottom:5%;margin:80px auto 20px;color:#6c7378}.shopping-section{margin-top:40px}.shopping-section .select-shopping-container{margin-top:1em}.shopping-section .select-shopping-container .Section{height:55px;width:100%;position:relative;left:0;right:0;margin-left:auto;margin-right:auto;text-align:left}.shopping-section .select-shopping-container .Section.first-section{height:auto;border:none}@media screen and (max-width: 415px){.shopping-section .select-shopping-container .Section.first-section{width:100%;height:320px}}.shopping-section .select-shopping-container .Section .select-shopping-link{display:block;height:100%;width:100%}.shopping-section .select-shopping-container .Section .select-shopping-link>span{line-height:initial;position:absolute;width:100%;padding:15px 15px 15px 10px;color:#ccc}.shopping-section .select-shopping-container .Section .select-shopping-link>span.option-one .website-arrow{position:absolute;top:45%;left:96%;color:#6c7378}.shopping-section .select-shopping-container .Section .select-shopping-link>span.option-one a:hover{color:#0070ba}@media screen and (max-width: 320px){.shopping-section .select-shopping-container .Section .select-shopping-link>span.option-one{padding:35px 20px}}.shopping-section .select-shopping-container .Section .select-shopping-link>span .custom-web{padding-right:20px}.shopping-section .select-shopping-container .Section .select-shopping-link>span .icon-small::before{font-size:1.2rem}.shopping-section .select-shopping-container .Section .select-shopping-link>span .GlyphIcon{position:absolute;top:50%;right:10px}@media screen and (max-width: 767px){.shopping-section .select-shopping-container .Section .select-shopping-link>span .GlyphIcon{top:55% !important;right:20px !important}}@media screen and (max-width: 320px){.shopping-section .select-shopping-container .Section .select-shopping-link>span .GlyphIcon{top:50% !important;right:20px !important}}.shopping-section .select-shopping-container .Section .select-shopping-link>span.option-two{padding:15px 15px 25px 25px}.shopping-section .select-shopping-container .Section .select-shopping-link>span.option-two .GlyphIcon{top:45%}@media screen and (max-width: 767px){.shopping-section .select-shopping-container .Section .select-shopping-link>span.option-two .GlyphIcon{top:50%}}@media screen and (max-width: 320px){.shopping-section .select-shopping-container .Section .select-shopping-link>span.option-two .GlyphIcon{top:50% !important}}@media screen and (max-width: 767px){.shopping-section .select-shopping-container .Section .select-shopping-link>span.option-two{padding:25px 15px 25px 25px}}@media screen and (max-width: 320px){.shopping-section .select-shopping-container .Section .select-shopping-link>span.option-two{padding:25px 20px}}.shopping-section .select-shopping-container .Section .select-shopping-link>span h3{display:inline;font-size:15px;font-weight:500;color:#2c2e2f}.shopping-section .select-shopping-container .Section .select-shopping-link>span h4{font-weight:100;margin:0;font-size:13px}.shopping-section .select-shopping-container .copy{text-align:center;max-width:400px;margin-top:30px;font-size:15px;margin-left:auto;margin-right:auto}.shopping-section .select-shopping-container .settings-shopping{width:100%;max-width:350px;margin:35px auto;font-size:15px !important}.shopping-section .select-shopping-container .Section:hover{border-color:#0070ba}.shopping-section .select-shopping-container .Section:hover .GlyphIcon{color:#0070ba}.copy{text-align:center;max-width:400px;margin-top:30px;font-size:15px;margin-left:auto;margin-right:auto}.settings-shopping{width:100%;max-width:350px;margin:35px auto;font-size:15px !important}.select-shopping-container .Section:hover{border-color:#0070ba}.select-shopping-container .Section:hover .GlyphIcon{color:#0070ba}.ecommerce-platform .icon-tooltip-outline-small{margin-left:15px;color:#0070ba;font-size:18px}.platform-list{width:100%;margin:auto;text-align:center;margin-bottom:-1em}.platform-list .change-provider{margin-top:4em}.platform-list .change-provider h3{display:inline-block;padding-bottom:1em;border-bottom:solid 1px #ccc}.platform-list .change-provider a{margin-left:4em}.platform-list .header-title{margin-top:40px;font-weight:300}.platform-list ol{margin-bottom:2em;text-align:center;margin-left:0}.platform-list ol li{display:inline-block;border:solid 1px #ccc;border-radius:0.357rem;padding:0;width:120px;height:50px;margin:0.3em}.platform-list ol li.other-platform{cursor:pointer;background:rgba(225,231,235,0.62)}.platform-list ol li.other-platform span{position:relative;top:30%}.platform-list ol li>a{display:block;height:100%;width:100%;text-align:left}.platform-list ol li>a img{position:relative;left:5px;top:25%;width:77%}.platform-list ol li>a .logo-arrow{position:relative;top:32%;left:10%;color:#6c7378}.platform-list ol li>a a:hover{color:#0070ba}.platform-list ol li>a .GlyphIcon{float:right;position:relative;top:50%;right:1px;color:#2c2e2f}.platform-list ol li>a .icon-small::before{font-size:1.2rem}.platform-list ol li:hover{border-color:#0070ba}.platform-list ol li:hover .GlyphIcon{color:#0070ba}.platform-list .line{border:1px solid #ebeaea;margin:50px}.vx_panel-well{margin:0;padding:0}.vx_panel-info{padding:30px 60px}.instruction .instruction-snippet{width:50%;font-size:15px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:normal;text-align:center;color:#2c2e2f;display:table;margin:auto;padding-bottom:5%}.instruction .dev-link{text-align:left;width:100%;max-width:600px;overflow:scroll;border:solid 1px #e0e0e0;background-color:#fff;padding:0 13px;border-radius:0.357rem;color:#999;font-family:Courier New, Courier, monospace}.instruction .dev-link p{line-height:0.6;white-space:nowrap}.instruction .dev-link.instruction-devlink{margin:auto;margin-bottom:2%}.instruction .dev-link.instruction-devlink p{width:574px;border-radius:7px;background-color:#fff;overflow:hidden;line-height:1.2}.instruction .copy-btn{margin-right:6%}.mini-footer{padding:0;border:none}.mini-footer .mer-nav-wrapper{display:none}.mini-footer .mer-legal-nav-wrapper{float:none;text-align:center;width:100%}.select-platform .page-container{display:flex;align-items:center;flex-direction:column;padding:20px}.plugins-platforms-container{max-width:570px}.plugins-platforms-container .create-tag-title{font-size:21px;color:#2c2e2f;font-family:PayPal-Sans;margin:10px;text-align:center}.plugins-platforms-container .create-sub-header{font-size:15px;color:#6c7378;margin:10px;text-align:center}.plugins-platforms-container .email-container{margin:40px 10px;padding:20px 5px;border-top:solid 1px #eaeced;border-bottom:solid 1px #eaeced;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}.plugins-platforms-container .email-container .text{font-family:PayPal-Sans;font-size:13px;line-height:1.23;color:#2c2e2f;font-weight:bold}.plugins-platforms-container .email-container .text span{display:inline-block;font-family:PayPal-Sans;font-size:13px;line-height:1.54;color:#6c7378;width:316px;font-weight:normal;margin-top:5px}.plugins-platforms-container .email-container .Button{height:36px;border-radius:18px;padding-top:0.4rem;margin:9px 0;font-size:13px}.plugins-platforms-container .platform-list{display:flex;flex-flow:row wrap}.plugins-platforms-container .platform-section{width:250px;height:158px;padding:17px 0 0;border-radius:5px;background-color:#fff;border:solid 1px #eaeced;overflow:hidden;margin:10px;transition-duration:.2s;flex:0 1 calc(50% - 20px)}.plugins-platforms-container .platform-section a{display:flex;flex-direction:column;justify-content:space-between;height:100%;align-items:center;width:100%}.plugins-platforms-container .platform-section .platform-img{height:74px;width:149px;margin:0}.plugins-platforms-container .platform-section .platform-badge{margin-left:12px;color:#640487;font-size:11px;align-self:flex-start;border:solid 1.2px #640487;border-radius:2px;padding:2px 5px}.plugins-platforms-container .platform-section .title-container{width:100%;background-color:rgba(235,241,246,0.35);border-top:solid 1px #eaeced;height:auto;font-size:15px;font-weight:500;text-align:center;color:#2c2e2f;padding:12px 0}.plugins-platforms-container .platform-section:hover{box-shadow:0 4px 8px 0 rgba(225,231,235,0.75);border:solid 1px #cbd2d6}.plugins-platforms-container .platform-section:hover .title-container{border-top:solid 1px #cbd2d6}.switch-section{display:flex;align-items:center}.switch-section .label{font-size:13px;line-height:1.38;color:#0070ba;margin-right:12px}.switch-section .switch{position:relative;display:inline-block;width:48px;height:24px}.switch-section .switch.switch-disabled .label{color:#b1b1b1}.switch-section .switch.switch-disabled .slider{background-color:#e1e1e1}.switch-section .switch.switch-disabled.switch-checked .slider{background-color:#7eb3d6}.switch-section .switch input{top:-10px;position:relative;z-index:-100;opacity:0}.switch-section .switch input:checked+.slider{background-color:#0070ba}.switch-section .switch input:focus+.slider{box-shadow:0 0 5px #0073c3}.switch-section .switch input:checked+.slider::before{transform:translateX(22px)}.switch-section .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#a1a1a1;transition:0.4s;border-radius:34px}.switch-section .switch .slider::before{border-radius:50%;position:absolute;content:'';height:20px;width:20px;left:3px;top:2px;background-color:#fff;transition:0.4s}.switch-section .switch .slider::after{display:none}.tag-flow{display:flex;display:-ms-flexbox;justify-content:center;flex-wrap:wrap}.tag-flow .Section{float:left}.tag-flow .Section .mobile-view{padding:0}@media only screen and (max-width: 767px){.tag-flow .Section{width:100%}.tag-flow .Section .select-shopping-container .Section .first-section{height:300px;width:100%;position:relative;left:0;right:0;margin-left:auto;text-align:left}.tag-flow .Section .select-shopping-container .Section .select-shopping-link>span .GlyphIcon{position:absolute;top:50%;right:5px}}.tag-flow.select-shopping .side-bar,.tag-flow.select-promotions .side-bar{width:100%}.tag-flow.select-platform .side-bar{width:100%}.tag-flow .install-tag-new .side-bar{width:100%;padding:0 !important}.tag-flow .side-bar{height:auto}@media only screen and (max-width: 767px){.tag-flow .side-bar{width:100%}}.tag-flow .side-bar a{height:auto;font-size:13px;font-weight:500;font-style:normal;font-stretch:normal;text-align:left;color:#0070ba;display:block;margin:15px 0;line-height:18px}.tag-flow .side-bar .paypal-credit{height:auto;font-family:PayPalSansBig-Light;font-size:16px;font-weight:500;font-style:normal;font-stretch:normal;line-height:1.73;letter-spacing:normal;text-align:left;color:#2c2e2f}.tag-flow .side-bar .faq-paypal-credit,.tag-flow .side-bar .preview-sidebar-header{height:auto;font-family:PayPalSansBig-Light;font-size:16px;font-weight:500;font-style:normal;font-stretch:normal;line-height:1.73;letter-spacing:normal;text-align:left;color:#2c2e2f}.tag-flow .side-bar .faq-paypal-credit span,.tag-flow .side-bar .preview-sidebar-header span{float:right;margin-top:9px}.tag-flow .side-bar .line{border-bottom:solid 1px #cbd2d6;padding-bottom:30px;margin-bottom:30px}.tag-flow .side-bar .marketing-logo{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:117px;background:#fff;border-radius:6px 6px 0 0;border-top:solid 1px #e0e0e0;border-right:solid 1px #e0e0e0;border-left:solid 1px #e0e0e0}.tag-flow .side-bar .marketing-logo .ppms-logo{width:auto;height:110px;background:transparent center center no-repeat;background-size:contain;margin-left:-60px}.tag-flow .side-bar .marketing-logo .text{max-width:100px;margin:9px 0 0 -35px;color:#003087;font-size:24px;font-weight:900;font-style:italic;line-height:26px}.tag-flow .side-bar .marketing{border:solid 1px #e0e0e0;background:#fff;padding:12px 24px;border-radius:0 0 6px 6px;margin-bottom:20px}.tag-flow .side-bar .marketing .shopper{font-size:13px;font-weight:bold;color:#2c2e2f;margin-bottom:-8px}.tag-flow .side-bar .marketing .marketing-content{font-size:13px;line-height:1.73;color:#6c7378;padding-bottom:13px}.tag-flow .side-bar .marketing .Form.button-form{width:50%;margin:0 auto}.tag-flow .side-bar .marketing .learnMore{width:100%;margin:0 !important;font-size:13px;text-align:center;line-height:24px;font-family:PayPal-Sans;background-color:transparent;color:#0070ba;min-width:3.75rem;padding:0.46875rem 0.9375rem;border:1px solid #0070ba;border-radius:1.5rem;display:inline-block;overflow:hidden}.tag-flow .side-bar .marketing{border:solid 1px #e0e0e0;background:#fff;padding:12px 24px}.tag-flow .side-bar .marketing .Form.button-form{width:50%;margin:0 auto}.tag-flow .side-bar .marketing .Form.button-form .button-font{font-size:13px}.tag-flow .side-bar .easy-to-implement{width:213px;height:auto;font-size:13px;font-weight:300;font-style:normal;font-stretch:normal;line-height:2.73;letter-spacing:normal;text-align:left}.tag-flow .side-bar .list-to-implement{font-size:13px;font-weight:300;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:normal;text-align:left;color:#6c7378}.tag-flow .side-bar .input-field{height:35px;border-radius:5px;background-color:#fff;border:solid 1px #b7bcbf;overflow:hidden}.tag-flow .side-bar .input-field .share-url{margin:3px;font-size:13px;color:#6c7378;line-height:2;overflow-wrap:break-word}.tag-flow .side-bar .copy-btn{display:block;float:right;text-decoration:none;cursor:pointer;color:#0070ba;padding-top:3%}.tag-flow .side-bar .copy-btn h4{font-size:11px;margin-left:5px;display:inline-block}.tag-flow .side-bar .copy-to-clipboard{height:23px;font-family:'PayPal-Sans-Small';font-size:10px;font-weight:500;font-style:normal;font-stretch:normal;line-height:2.1;letter-spacing:normal;text-align:left;color:#0070ba;margin:auto;margin-top:-2px}.tag-flow .side-bar .Form.button-form{width:70%;margin:0 auto;padding-top:15px}.tag-flow .side-bar .Form.button-form .button-font{font-size:13px}.tag-flow .side-bar .icon-size{font-size:20px}.tag-flow .side-bar .plus-icon{margin-top:-23px;margin-bottom:45px;margin-right:-10px}@media only screen and (max-width: 1000px){.tag-flow .side-bar .plus-icon{margin-right:-16px}}.tag-flow .side-bar .questions{width:100%;transition:all 0.3s}.tag-flow .side-bar .questions.collapse{height:0;overflow:hidden}.tag-flow .side-bar .questions.expand{height:auto}.tag-flow .side-bar .email-side-bar{border-radius:6px}.tag-flow .side-bar .email-side-bar div{display:flex;justify-content:center;margin-bottom:20px}.tag-flow .side-bar .email-side-bar div button{white-space:normal;padding:0.5625rem 2.2rem}.tag-flow .side-bar .platform-marketing{width:100%;border:1px solid #ebebeb;background:#fff;padding:16px;border-radius:6px;display:flex;flex-direction:column}.tag-flow .side-bar .platform-marketing .platform-title{width:98%;padding-bottom:20px;border-bottom:1px solid #ebebeb;font-size:15px;font-weight:500;color:#212323}.tag-flow .side-bar .platform-marketing .platform-link{width:98%;padding:2%;float:left;border-bottom:1px solid #eaeced;color:#000;cursor:pointer;height:65px;margin:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;transition-duration:0.2s}.tag-flow .side-bar .platform-marketing .platform-link:hover{background-color:rgba(234,236,237,0.24)}.tag-flow .side-bar .platform-marketing .platform-link:hover .platform-img-name span{font-weight:500}.tag-flow .side-bar .platform-marketing .platform-link:hover .icon{color:#0070ba}.tag-flow .side-bar .platform-marketing .platform-link img{height:auto;width:80px}.tag-flow .side-bar .platform-marketing .platform-link .platform-img-name{display:flex;flex-direction:row;align-items:center}.tag-flow .side-bar .platform-marketing .platform-link .platform-img-name span{color:#000;font-size:15px;font-weight:normal}.tag-flow .side-bar .platform-marketing .platform-link .icon-arrow-right-small::before{content:'\E008';font-size:16px}.tag-flow .side-bar .platform-marketing .platform-link .icon{float:right;margin-top:-8px}.tag-flow .side-bar .platform-marketing .view-platform{text-align:center;margin:25px 0 5px}.copy-btn{display:block;float:right;text-decoration:none;cursor:pointer;color:#0070ba}.copy-btn .copy-to-clipboard{height:23px;box-shadow:none;width:auto;margin:0;display:inline-block}.copy-btn h4{margin-top:9px;font-size:13px;font-weight:500;margin-bottom:10px;line-height:0;display:inline-block;margin-left:5px}.loader-container{display:inline-block;vertical-align:middle;height:25px}.loader-container .spin-container{margin-left:15px}.loader-container .spin-container .spin{display:inline-block;vertical-align:middle;position:relative;width:20px;height:20px;margin-right:5px}.loader-container .spin-container .spin .Loader__loading{border-width:3px;width:18px;height:18px}.loader-container .alert-text{margin-left:15px}.loader-container .vx_icon{margin-right:5px;font-size:18px}.loader-container .vx_icon.vx_icon-critical-small{margin-top:2px;color:#d20000}.loader-container .vx_icon.vx_icon-circled-checkmark-small{color:#00cf92}.shoppers-demo{padding-left:15px}.message .alert{display:inline-flex;border:solid 1px #0070ba;border-radius:5px;margin-bottom:1rem;width:100%}.message .alert .vx_icon{position:relative;top:19px;left:11px;font-size:2rem}.message .alert .main{padding:11.2px}.message .alert .main p{margin:0;margin-left:9px;color:#2c2e2f}.message .alert.success{border-color:#00cf92}.message .alert.success .vx_icon{color:#00cf92}.message .alert.critical{border-color:#d20000}.message .alert.critical .vx_icon{top:17px;color:#d20000}.one-touch .Modal-content-default{padding:0}.one-touch .modal-gradient{background:linear-gradient(100deg, #0070ba, #1446a0)}.one-touch .Modal__close{color:#fff}.one-touch .Modal-content{padding:0 !important}.one-touch .Modal__header{padding:50px 120px 0;text-align:center}.one-touch .Modal__header__text{color:#fff}.one-touch .Modal__body{text-align:center;padding-left:80px;padding-right:80px;padding-bottom:20px}.one-touch .Modal__body .sub-content{padding-right:85px;padding-left:85px}.one-touch .Modal__body p{font-size:15px;color:#fff}.one-touch .Row{padding:90px 80px 280px;background:#fff;margin-left:0 !important;margin-right:0 !important}.one-touch .Row .shoppers{font-family:PayPalSansBig-Light;font-size:18px;color:#2c2e2f;padding-right:10px;line-height:23px}.one-touch .Row .shoppers-details{font-size:11px;color:#2c2e2f;line-height:21px}.one-touch .Col img{margin-top:-20px}.plugin-info-modal-background{position:fixed;width:100%;height:100%;top:0;left:0;z-index:3000;background-color:rgba(0,0,0,0.75);display:flex;flex-direction:column;align-items:center;justify-content:center}.plugin-info-modal-background .plugin-info-modal{position:relative;height:auto;width:auto;background-color:whitesmoke;padding:60px;box-shadow:0 9px 46px 8px rgba(0,0,0,0.14),0 11px 15px -7px rgba(0,0,0,0.12),0 24px 38px 3px rgba(0,0,0,0.2);transition-duration:.25s}.plugin-info-modal-background .plugin-info-modal .content{max-width:500px;display:flex;flex-direction:column;align-items:center;justify-content:center}.plugin-info-modal-background .plugin-info-modal .content .header{text-align:center;font-family:'PayPal-Sans-Big', sans-serif;font-size:36px;font-weight:300;color:#2c2e2f;margin-bottom:9px;line-height:1.4}.plugin-info-modal-background .plugin-info-modal .content .info{font-family:'PayPal-Sans', sans-serif;font-size:15px;line-height:1.67;text-align:center;color:#596065;margin-bottom:35px;max-width:400px}.plugin-info-modal-background .plugin-info-modal .content .plugin-info-modal-success-icon{color:#00cf92;margin:20px 0}.plugin-info-modal-background .plugin-info-modal .content button{padding:0.75rem 3.5rem}.plugin-info-modal-background .plugin-info-modal .plugin-info-modal-close-icon{position:absolute;top:50px;right:40px;cursor:pointer}.plugin-info-modal-background .plugin-info-modal .plugin-info-modal-close-icon::before{font-size:2.05rem;color:#3d3f3f}.splash-modal-container{width:100%;border-radius:6px;background-color:#fff;border:solid 1px #ebebeb;padding:0 !important}.splash-modal-container.Modal .demo-link{width:100%;font-size:15px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.56;letter-spacing:normal;text-align:center;margin:0 auto;padding-top:3%}@media only screen and (max-width: 767px){.splash-modal-container.Modal .demo-link{margin-bottom:-15%}}.splash-modal-container.Modal .demo-link .credit-link{border-right:1px solid #0070ba;padding-right:15px}.splash-modal-container.Modal .prev-arrow{position:absolute;margin:0 !important;cursor:pointer;top:60%;left:-6.5%;width:2.5%}@media only screen and (max-width: 640px){.splash-modal-container.Modal .prev-arrow{top:60%;left:10.5%;width:1.5%}}@media only screen and (max-width: 560px){.splash-modal-container.Modal .prev-arrow{top:60%;left:7.5%;width:1.5%}}@media screen and (max-width: 560px) and (min-width: 477px){.splash-modal-container.Modal .prev-arrow{top:60%;left:6.5%;width:1.5%}}@media screen and (max-width: 476px) and (min-width: 400px){.splash-modal-container.Modal .prev-arrow{left:3.5%;top:60%;width:2.5%}}.splash-modal-container.Modal .next-arrow{position:absolute;margin:0 !important;cursor:pointer;right:-6.5%;top:60%;width:2.5%}@media only screen and (max-width: 640px){.splash-modal-container.Modal .next-arrow{right:13.5%;top:60%;width:1.5%}}@media only screen and (max-width: 600px){.splash-modal-container.Modal .next-arrow{right:10.5%;top:60%;width:1.5%}}@media screen and (max-width: 560px) and (min-width: 477px){.splash-modal-container.Modal .next-arrow{top:60%;right:6.5%;width:1.5%}}@media screen and (max-width: 476px) and (min-width: 400px){.splash-modal-container.Modal .next-arrow{right:3.5%;top:60%;width:2.5%}}.splash-modal-container.Modal .ovals-main{position:relative}.splash-modal-container.Modal .ovals-main .ovals{position:absolute;bottom:-10%;left:40%}.splash-modal-container.Modal .ovals-main .ovals li{list-style-type:none;display:inline-block;margin-right:7px;width:6px;height:6px;background-color:#dedede;border-radius:50%}.splash-modal-container.Modal .ovals-main .ovals li.active{background-color:#0070ba}.splash-modal-container.Modal .slider-images{height:auto;position:relative;margin:7% auto;overflow:hidden}.splash-modal-container.Modal .slider-images ul li{width:385px}@media screen and (max-width: 480px) and (min-width: 449px){.splash-modal-container.Modal .slider-images ul li{width:340px}}@media only screen and (max-width: 400px){.splash-modal-container.Modal .slider-images ul li{width:300px}}.splash-modal-container.Modal .slider-images ul{width:770px;margin:0;padding:0;left:0;position:relative;height:250px;transition:left 1s}.splash-modal-container.Modal .slider-images ul .slide-to-one{left:0}.splash-modal-container.Modal .slider-images li{list-style-type:none;height:auto;float:left;margin:0}.splash-modal-container.Modal .slider-images li img{width:100%;padding:0;height:100%}.splash-modal-container.Modal .slider-images ul.slide-to-two{left:-385px}.splash-modal-container.Modal .disabled{opacity:0.2;pointer-events:none;cursor:not-allowed}.splash-modal-container.Modal .splash-benefits{padding-top:10%}@media only screen and (max-width: 767px){.splash-modal-container.Modal .splash-benefits{padding-top:10%}}@media only screen and (max-width: 619px){.splash-modal-container.Modal .splash-benefits{padding-top:20%}}@media only screen and (max-width: 400px){.splash-modal-container.Modal .splash-benefits{padding-top:30%}}.splash-modal-container.Modal .splash-benefits .benefits-list img{width:50%;margin-top:-11px}.splash-modal-container.Modal .splash-benefits .benefits-list img.icon-one{width:30%}.splash-modal-container.Modal .splash-benefits .benefits-list .list-images-col{padding-left:0 !important;padding-right:0 !important}.splash-modal-container.Modal .splash-benefits .benefits-list .list-first{padding-right:5px !important;padding-bottom:10px;font-size:10px;line-height:1.5;color:#2c2e2f}.splash-modal-container.Modal .splash-benefits .benefits-list .customer-list-first{padding-right:11px !important;padding-bottom:10px;font-size:10px;line-height:1.5;color:#2c2e2f}.splash-modal-container.Modal .splash-benefits .benefits-details{border:1px solid #d7d7d7;height:100%;line-height:2}@media only screen and (max-width: 767px){.splash-modal-container.Modal .splash-benefits .benefits-details{width:100%;margin-top:0 !important}}.splash-modal-container.Modal .splash-benefits .benefits-details .benefits-header{font-size:12px;font-weight:500;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:#2c2e2f;padding-left:3%;padding-bottom:5px}.splash-modal-container.Modal .splash-benefits .benefits-details .Row{margin-left:5px !important}@media only screen and (max-width: 400px){.splash-modal-container.Modal .splash-benefits .benefits-details .Col.list-images-col{width:10% !important}}@media only screen and (max-width: 767px){.splash-modal-container.Modal .splash-benefits .benefits-details .Col.list-images-col{width:10% !important}}.splash-modal-container.Modal .header-top{padding-top:15%}.splash-modal-container.Modal .seprator{border-bottom:1px solid #b7bcbf;margin:0 auto;width:100%;padding-top:15%}.splash-modal-container.Modal .footnote-span{padding-top:7%;padding-bottom:5%;font-size:11px;font-weight:300;line-height:1.8;color:#4a4a4a;font-family:PayPal-Sans}.venmo-modal .Modal-content-default{padding:0}.venmo-modal .modal-gradient{background:linear-gradient(100deg, #0070ba, #1446a0) !important}.venmo-modal .Modal__close{color:#fff}.venmo-modal .Modal-content{padding:0 !important}.venmo-modal .Modal__header{padding:50px 120px 0;text-align:center}.venmo-modal .Modal__header__text{color:#fff}.venmo-modal .Modal__body{text-align:center;padding-left:80px;padding-right:80px;padding-bottom:20px}.venmo-modal .sub-content{white-space:nowrap}@media only screen and (max-width: 619px){.venmo-modal .sub-content{white-space:normal}}.venmo-modal .Modal__body p{line-height:24px;font-size:15px;color:#fff}.venmo-modal .Row{padding:30px 75px 0;background:#fff;margin-left:0 !important;margin-right:0 !important}.venmo-modal .Row .shoppers{font-family:PayPalSansBig-Light;font-size:18px;color:#2c2e2f;line-height:25px}.venmo-modal .Row .shoppers-details{font-size:13px;color:#2c2e2f;line-height:23px}.venmo-modal .Row .shoppers-details-one{font-size:15px;color:#2c2e2f;line-height:24px}.venmo-modal .venmo-modal__venmo-link{font-size:13px;line-height:20px}.venmo-modal .Col img{margin-top:-20px}.venmo-modal .venmo-modal__accept-column{padding-left:0 !important}@media only screen and (max-width: 619px){.venmo-modal .venmo-modal__accept-column{padding-bottom:20px}}.venmo-modal .venmo-modal__customers-column{bottom:130px;position:relative;padding-left:0 !important}@media only screen and (max-width: 619px){.venmo-modal .venmo-modal__customers-column{bottom:0;padding-bottom:60px}}.venmo-modal .venmo-modal__legal-text{bottom:130px;position:relative;padding-left:0 !important;font-size:13px;color:#71787e;line-height:23px}@media only screen and (max-width: 619px){.venmo-modal .venmo-modal__legal-text{bottom:0;padding-bottom:60px}}.tag-flow .create-container{max-width:580px;padding:2% 10% 5%;min-height:auto}@media only screen and (max-width: 500px){.tag-flow .create-container{padding:2% 5% 5%}}@media only screen and (max-width: 767px){.tag-flow .create-container{max-width:100%}}.tag-flow .create-form{margin:0}.tag-flow .create-form .header-title{text-align:center;font-size:24px;max-width:500px;font-weight:300;font-style:normal;font-stretch:normal;font-family:PayPal-Sans-Big;line-height:1.4;color:#2c2e2f}@media only screen and (max-width: 767px){.tag-flow .create-form .header-title{font-size:21px}}.tag-flow .create-form .header-title.create-tag-title{display:table;margin:0 auto;padding:20px 0 0}.tag-flow .create-form .sub-header-title{text-align:center;font-size:15px;font-weight:300;font-style:normal;font-stretch:normal;line-height:5.4;color:#2c2e2f}.tag-flow .create-form .sub-header-title.create-sub-header{display:table;margin:auto;line-height:1.6;padding:20px 0 15px;color:#596065;max-width:359px}.tag-flow .create-form .sub-header-title.created-tag-sub-header{display:table;margin:auto;line-height:2;padding:20px 0}.Form--inline{margin:auto;padding-top:2%}@media only screen and (max-width: 767px){.Form--inline .FormField.create-input{width:75%}}.Form--inline .FormField .tooltip-icon{float:right;margin-top:-4px;font-size:18px;color:#0070ba}.Form--inline .FormField .PopoverLabel{display:block;position:absolute;right:-30px;bottom:18px}@media only screen and (max-width: 767px){.Form--inline .FormField .PopoverLabel{right:-25px}}.Form--inline .FormField .Popover-content{width:150px;margin:5px 10px !important}.Form--inline .FormField .Popover-show{margin-bottom:25px !important}.Form--inline .FormField .create-tag-terms{padding-bottom:10px;font-size:13px}.Form--inline .FormField .create-tag-terms p{color:#6c7378;line-height:1.4}.Form--inline .FormField .create-tag-terms .vx_alert,.Form--inline .FormField .create-tag-terms .vx_alert_inline{padding:11px}.Form--inline .FormField .create-tag-terms .vx_alert{border-left-width:1px;border-right-width:1px;border-radius:5px;width:100%}.Form--inline .FormField .create-tag-terms .vx_alert-text{margin-left:-30px;color:#2c2e2f;overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;word-break:break-all}.Form--inline .FormField .create-tag-terms .vx_alert-critical::before{padding-top:7px;padding-right:7px}.Form--inline .FormField .Button{font-size:15px;font-family:PayPal-Sans}.Form--inline .FormField .Input.error{padding-top:1em;padding-right:4em}.created-tag-glyph{text-align:center;padding-bottom:5%;margin:80px auto 20px;color:#6c7378}.Form--inline{margin:auto;padding-top:2%}.Form--inline .FormField.continue-btns{margin:0 auto;width:36%;display:flex;display:-ms-flexbox;flex-direction:column;text-align:center}.Form--inline .FormField.continue-btns a{padding-top:5%;text-align:center}.tag-flow{display:flex;display:-ms-flexbox}.tag-flow.error .tabs{position:relative;padding-top:90px;padding-bottom:90px;width:100%;max-width:660px;margin:auto}.tag-flow.error .tabs .right-container{padding-top:4rem;text-align:center}.tag-flow.error .tabs .right-container h1{margin-top:80px;margin-bottom:30px}.tag-flow.error .tabs .right-container h3{text-align:center;padding-bottom:2rem;font-weight:normal;width:100%;margin:auto;font-size:15px;color:#6c7378}.tag-flow.error .tabs .right-container .vx_icon-critical-large::before{font-size:9rem;color:#d20000}.tag-flow.error .tabs .right-container .Button{width:131px;padding:.65rem 1.7rem;font-size:15px}.install-tag{margin-top:40px;display:flex;flex-direction:column;align-items:center}.install-tag .install-tag-container{width:100%;max-width:1000px;padding:0 10% 6%}.install-tag .install-tag-container .instructions-label{display:flex;display:-ms-flexbox;flex-direction:column;justify-content:initial;align-items:center}.install-tag .install-tag-container .instructions-label .platform-line{border-top:2px solid #cbd2d6;width:90%}.install-tag .install-tag-container .instructions-label span{display:block;background-color:#fff;padding:0 20px;margin-top:-12px}.install-tag .install-tag-container .vx_alert-help{margin-bottom:20px}.install-tag .header-title{text-align:center;font-size:24px;font-weight:300;font-style:normal;font-stretch:normal;font-family:PayPal-Sans-Big;line-height:1.4;padding-bottom:13px;color:#2c2e2f}@media only screen and (max-width: 767px){.install-tag .header-title{padding:0;font-size:21px}}.install-tag .header-subtitle{text-align:center;font-size:15px;font-style:normal;font-stretch:normal;font-family:PayPal-Sans;line-height:1.4;color:#6c7378}@media only screen and (max-width: 767px){.install-tag .header-subtitle{padding:0;font-size:21px}}.install-tag h4{text-align:center}.install-tag .header-title.install-tag-title strong{margin-right:-7px}.install-tag .header-title.install-tag-title .platform-name{font-weight:bold}.install-tag .icon-arrow-left-small{display:inline-block}.install-tag .install-form{margin-top:30px !important;margin-bottom:30px !important}.install-tag .install-form .Button{font-size:15px}.install-tag .install-form .vx_btn{margin-bottom:0}.install-tag .settings-shopping{margin:40px auto;font-size:13px !important;color:#6c7378;text-align:center;width:67%}.circle-checkmark-icon{color:#00cf92;font-size:150px;text-align:center;padding-bottom:35%}.confirm-content{text-align:center;width:75%;margin:0 auto}.confirm-content .confirm-sub-content{padding-bottom:25px;margin-top:-25px}.confirm-content .font-resize{font-size:15px}.benefits{height:auto;width:100%;padding:0 10%;bottom:0;display:flex}.benefits h3{font-weight:300}.benefits .header-title.continue-title{width:auto}.benefits .inner{padding:0 15%}@media only screen and (max-width: 767px){.benefits .inner{padding:0 1% !important}}.benefits .inner .next-content{font-size:15px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:normal;text-align:center;color:#2c2e2f;display:table;margin:auto}@media only screen and (max-width: 767px){.benefits .inner .next-content{width:auto}}.benefits .inner .next-content.space{margin-bottom:20px}.benefits .inner .Form--inline .next-go-to-settings,.benefits .inner .Form--inline .next-continue{width:80%;display:table;margin:auto}.benefits .inner .Form--inline .next-go-to-settings button,.benefits .inner .Form--inline .next-continue button{font-size:15px;margin-top:0}.benefits .inner .Form--inline .next-go-to-settings{padding-top:35px;padding-bottom:50px}.benefits .inner .Form--inline .next-continue{padding-bottom:36px;display:flex;justify-content:center}.benefits .inner .Form--inline .next-continue button{width:168px}.code-section{width:100%;word-wrap:break-word;margin-top:50px;margin-bottom:15%}.code-section .vx_panel-tile{margin-bottom:5px;color:#6c7378;font-size:14px !important}.code-section .code-container{overflow-x:scroll}.code-section pre{white-space:inherit;word-break:break-all;width:1160px}.platform-modal .Modal-content-default{padding:60px 120px 120px}.platform-modal .platform-header .Modal__header__text{font-size:24px;font-family:PayPal-Sans-Big;color:#2c2e2f}.platform-modal .platform-sub-header .Modal__header__text{font-size:15px;font-family:PayPal-Sans;color:#6c7378}.promotions-settings .Section{padding:0}.promotions-settings .Section .manage-promotions .profile-settings-link{text-align:left;font-weight:500;font-family:PayPal-Sans;font-size:15px;margin-left:15px}.promotions-settings .Section .manage-promotions .profile-settings-link .profile-settings-glyph{padding-right:1%}.promotions-settings .Section .manage-promotions.site-section{min-height:650px;padding:5% !important}.promotions-settings .Section .manage-promotions.site-section .Section{border:none}.promotions-settings .Section .manage-promotions .promotions-header{font-weight:500;color:#2c2e2f;font-size:14px;font-family:PayPal-Sans-Big;padding-bottom:16px;border-bottom:1px solid #dedede;margin-bottom:0;margin-left:15px}.container-settings .Table td{border:none}.credit-settings .header{font-weight:500;color:#2c2e2f}.credit-settings .tag-header-preview{display:inline-block;margin:0 15px 15px 0}.credit-settings .arrow-img{padding-left:5px}.data-is-disabled{text-align:center}.data-is-disabled h3:first-child{color:#2c2e2f;font-weight:600;margin-top:40px}.data-is-disabled h3{font-size:15px;color:#596065;font-weight:400}.data-is-disabled h3:nth-child(2){padding-bottom:1rem}.data-is-disabled a{padding-top:6px;padding-bottom:2rem;display:block}.data-is-disabled .Button{width:100%;max-width:246.6px;font-size:15px}.credit-tag-row .promotions__rule-row{min-height:66px;border-bottom:1px solid #cbd2d6}@media only screen and (max-width: 1000px){.credit-tag-row .promotions__rule-row{height:auto}}.credit-tag-row .promotions__rule-row:last-child{border-bottom:none}.credit-tag-row.promotion-row{margin-top:10px}.credit-tag-row.promotion-row .promotion-tag-alert{position:relative;border:1px solid #0070ba;border-radius:5px;padding:0 10px 0 52px;width:100%;margin-top:20px;margin-bottom:30px}.credit-tag-row.promotion-row .promotion-tag-alert .vx_icon-info-small{position:absolute;top:15px;left:15px;font-size:2rem;color:#0070ba}.credit-tag-row.promotion-row .promotion-tag-alert .vx_icon-info-small::before{color:#0070ba}.credit-tag-row.promotion-row .zero-padding{padding:0 !important}.credit-tag-row.promotion-row .zero-padding .check-div{padding:10px}.credit-tag-row.promotion-row .zero-padding .check-div .check-font{font-size:15px;color:#2c2e2f}.credit-tag-row.promotion-row .zero-padding .check-div .check-font .Checkbox__input:checked+.Checkbox__label::before{font-size:13px}.credit-tag-row.promotion-row .zero-padding .promotions-text{display:table;width:53%;padding:10px}@media only screen and (max-width: 790px){.credit-tag-row.promotion-row .zero-padding .promotions-text{width:100%}}@media only screen and (max-width: 600px){.credit-tag-row.promotion-row .zero-padding .promotions-text{width:94%;padding:10px}}.promotions__rule-row--venmo--disabled{opacity:0.5;font-size:15px;text-align:left;color:#6c7378}.promotions__link--disabled{pointer-events:none;cursor:default}.promotions__checkbox-subtext{font-size:13px;line-height:1.08;color:#6c7378;margin-left:28px;padding-top:3px}.display-settings .header{font-weight:500;color:#2c2e2f}.device-options .FormField{margin-bottom:0;position:relative}.device-options .FormField .label{color:#6c7378;padding-bottom:10px;display:inline-block;font-size:15px}.device-options .zero-padding{padding:0 !important}.device-options .zero-padding .Radio.device-control{width:33%;padding:15px 0 15px 15px;display:inline-block}@media only screen and (max-width: 790px){.device-options .zero-padding .Radio.device-control{min-height:68px}}@media only screen and (max-width: 600px){.device-options .zero-padding .Radio.device-control{width:100%;padding:15px;border:none;border-bottom:1px solid #dedede}.device-options .zero-padding .Radio.device-control:last-child{border-bottom:0}}.device-options .zero-padding .Radio.device-control .Radio__label{font-size:15px}.device-options .zero-padding .Radio.device-control .Radio__input[value=on]:checked+span{color:#005ea6}.device-options .zero-padding .Radio.device-control label{line-height:1.3}.device-options .zero-padding .right-divider{border-right:1px solid #dedede}@media only screen and (max-width: 600px){.device-options .zero-padding .right-divider{border-right:none}}.device-options__radio--disabled{opacity:0.5;font-family:PayPal-Sans-Small;font-size:15px;line-height:1.6;color:#2c2e2f}.placement-options .Radio{display:inherit}.placement-options .Radio .Radio__label{display:inherit}.placement-options .FormField{margin-bottom:0;position:relative}.placement-options .FormField .label{color:#6c7378;padding-bottom:10px;display:inline-block;font-size:15px}.placement-options .zero-padding{padding:0 !important}.placement-options .zero-padding .preview-box{padding-top:10px;padding-bottom:10px;display:flex}@media screen and (max-width: 600px){.placement-options .zero-padding .preview-box{border-bottom:1px solid #dedede}.placement-options .zero-padding .preview-box:last-child{border-bottom:0}}.placement-options .zero-padding .preview-box.right-divider{border-right:1px solid #dedede}@media screen and (max-width: 600px){.placement-options .zero-padding .preview-box.right-divider{border-right:none}}.placement-options .zero-padding .preview-box .placement-img{width:45%;height:100px;margin-right:15px}@media screen and (max-width: 600px){.placement-options .zero-padding .preview-box .placement-img{display:none}}.placement-options .zero-padding .preview-box .Radio__input[value='on']:checked+span{color:#005ea6}.placement-options .zero-padding .preview-box .Radio__label{font-size:15px}.placement-options .zero-padding .preview-box .check-font{font-size:15px;color:#2c2e2f}.placement-options .zero-padding .preview-box .check-font label{line-height:1.3}.homepage-trigger{position:relative}.homepage-trigger .label{color:#6c7378;padding-bottom:10px;display:inline-block;font-size:15px}.homepage-trigger .zero-padding{padding:0 !important}.homepage-trigger .zero-padding .buttons.with-border{border-bottom:1px solid #dedede;margin-bottom:16px}.homepage-trigger .zero-padding .buttons .Radio{width:50%;display:inline-block;padding:15px 0 15px 15px}@media only screen and (max-width: 768px){.homepage-trigger .zero-padding .buttons .Radio{width:100%;padding:15px;border:none;border-bottom:1px solid #dedede}.homepage-trigger .zero-padding .buttons .Radio:last-child{border-bottom:0}}.homepage-trigger .zero-padding .buttons .Radio .Radio__label{font-size:15px}.homepage-trigger .zero-padding .buttons .Radio .Radio__input[value='on']:checked+span{color:#005ea6}.homepage-trigger .zero-padding .buttons .Radio label{line-height:1.3}.homepage-trigger .zero-padding .buttons .right-divider{border-right:1px solid #dedede}@media only screen and (max-width: 600px){.homepage-trigger .zero-padding .buttons .right-divider{border-right:none}}.homepage-trigger .zero-padding .url-form{padding:0 19px}.homepage-trigger .zero-padding .url-form h3{margin-bottom:18px;font-size:15px}.homepage-trigger .zero-padding .url-form .url-tags{display:flex;flex-flow:column;align-items:flex-start}.homepage-trigger .zero-padding .url-form .url-tags .url-tag{display:inline-flex;align-items:center;height:34px;margin-bottom:6px;background-color:#f8f9f9;font-size:13px;border-radius:4px;max-width:580px}.homepage-trigger .zero-padding .url-form .url-tags .url-tag:last-child{margin-bottom:26px}.homepage-trigger .zero-padding .url-form .url-tags .url-tag span{margin:10px}.homepage-trigger .zero-padding .url-form .url-tags .url-tag span.prefix{font-size:11px}.homepage-trigger .zero-padding .url-form .url-tags .url-tag span.value{color:#2c2e2f;max-width:100ch;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@media only screen and (max-width: 768px){.homepage-trigger .zero-padding .url-form .url-tags .url-tag span.value{max-width:20ch}}.homepage-trigger .zero-padding .url-form .url-tags .url-tag .clear-icon{height:100%;pointer-events:none}.homepage-trigger .zero-padding .url-form .url-tags .url-tag .clear-icon .GlyphIcon{cursor:pointer;pointer-events:auto;position:relative;top:6px}.homepage-trigger .zero-padding .url-form .url-tags .url-tag .clear-icon:hover{background-color:#eaefef}.homepage-trigger .zero-padding .url-form .InputGroup{max-width:520px;display:flex}@media only screen and (max-width: 768px){.homepage-trigger .zero-padding .url-form .InputGroup{flex-flow:column}}.homepage-trigger .zero-padding .url-form .InputGroup .input{display:flex;flex-flow:row;width:100%;max-width:450px}.homepage-trigger .zero-padding .url-form .InputGroup .input .Select{max-width:130px}@media only screen and (max-width: 768px){.homepage-trigger .zero-padding .url-form .InputGroup .input .Select{max-width:110px}}.homepage-trigger .zero-padding .url-form .InputGroup .input .Select .Select-label{margin-top:0}.homepage-trigger .zero-padding .url-form .InputGroup .input .Select .Select-label span.Select-label-text{position:relative;top:-6px}.homepage-trigger .zero-padding .url-form .InputGroup .input .Input-parent input{margin-top:0;height:100%}.homepage-trigger .zero-padding .url-form .InputGroup .Button{max-width:min-content;margin:0 0 0 21px;border-radius:100px !important}@media only screen and (max-width: 768px){.homepage-trigger .zero-padding .url-form .InputGroup .Button{width:100%;margin:12px 0 0}}.dropdown-list .Select-menu-show li[id='-0']{display:none}.select-banner-color{position:relative}.select-banner-color .label{color:#6c7378;padding-bottom:10px;display:inline-block;font-size:15px}.select-banner-color .subLabel{position:relative;top:-10px;color:#6c7378;font-size:12px}.select-banner-color .subLabel span{vertical-align:text-top}.select-banner-color .zero-padding{padding:0}.select-banner-color .color-option{flex-flow:row;width:33%;padding:12px 0 12px 12px;display:inline-flex}.select-banner-color .color-option.disabled{opacity:0.4}.select-banner-color .color-option.right-divider{border-right:1px solid #dedede}@media only screen and (max-width: 600px){.select-banner-color .color-option.right-divider{border-right:none}}.select-banner-color .color-option .circle{border-radius:50%;height:41px;width:41px;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-right:12px}.select-banner-color .color-option .circle.disabled{cursor:auto}.select-banner-color .color-option .circle.selected{border:2px solid #0070ba}.select-banner-color .color-option .circle .option{height:31px;width:31px;border-radius:50%}.select-banner-color .color-option .circle .option.blue-option{background-color:#0070ba}.select-banner-color .color-option .circle .option.venmo-option{position:relative;z-index:9;background:#0070ba;transform:rotate(-45deg)}.select-banner-color .color-option .circle .option.venmo-option::before{content:'';position:absolute;z-index:-1;border-top-left-radius:31px;border-top-right-radius:31px;top:0;right:0;bottom:50%;left:0;background:#489ed6}.select-banner-color .color-option .circle .option.black-option{background-color:#000}.select-banner-color .color-option .circle .option.white-option{background-color:#fff;border:solid 0.8px #b4b4b4}@media only screen and (max-width: 790px){.select-banner-color .color-option{min-height:68px}}@media only screen and (max-width: 600px){.select-banner-color .color-option{width:100%;padding:15px;border:none;border-bottom:1px solid #dedede}.select-banner-color .color-option:last-child{border-bottom:0}}.select-banner-color .color-option .color-label{display:inline-flex;flex-flow:column;justify-content:center}.select-banner-color .color-option .color-label span.title{font-size:16px}.select-banner-color .color-option .color-label span.title.selected{font-weight:500;color:#2c2e2f}.select-banner-color .color-option .color-label span.subtitle{font-size:12px}.select-platform .page-container{display:flex;align-items:center;flex-direction:column}.select-promotions{max-width:760px}.select-promotions .promotions-container{margin:12px 0;padding:0 24px 48px}.select-promotions .promotions-container .header-title{text-align:center;font-size:24px;max-width:400px;font-weight:300;font-style:normal;font-stretch:normal;font-family:PayPal-Sans-Big;line-height:1.4;color:#2c2e2f}@media only screen and (max-width: 767px){.select-promotions .promotions-container .header-title{font-size:21px}}.select-promotions .promotions-container .header-title.create-tag-title{display:table;margin:0 auto;padding:20px 0 0}.select-promotions .promotions-container .sub-header-title{text-align:center;font-size:15px;font-weight:300;font-style:normal;font-stretch:normal;line-height:5.4;color:#2c2e2f}.select-promotions .promotions-container .sub-header-title.create-sub-header{display:table;margin:auto;line-height:1.6;padding:20px 0 15px;color:#596065;max-width:400px}.select-promotions .promotions-container .text-link{text-align:center}.select-promotions .promotions-container .text-link .arrow-img{padding-left:5px}.select-promotions .promotions-container .select-promotions-container{margin-top:36px}.promotion-item{position:relative;border-top:solid 1px #ebebeb;padding:17px;width:100%;cursor:pointer}.promotion-item:first-child{border:0}.promotion-item .check-col{width:9%;display:inline-block;vertical-align:middle}@media only screen and (max-width: 767px){.promotion-item .check-col{vertical-align:top;margin-right:12px}}.promotion-item .check-col .check-square{position:relative;width:22px;height:22px;background:#fff;border:solid 1px #cbd2d6;border-radius:4px}.promotion-item .check-col .check-square.active{background:#0070ba;border:solid 1px #0070ba}.promotion-item .check-col .check-square:hover{border:solid 1px #0070ba}.promotion-item .check-col .check-square.active::before{position:absolute;top:-8px;left:2px;content:'\e014';font-family:'consumer-icons';font-size:19px;font-weight:bold;color:#fff;text-align:center}.promotion-item .icon-col{width:14%;display:inline-block;vertical-align:middle}.promotion-item .icon-col .promotion-icon{text-align:right;width:60px;height:41px}@media only screen and (max-width: 767px){.promotion-item .icon-col{display:none}}.promotion-item .content-col{width:74%;display:inline-block;vertical-align:middle}.promotion-item .content-col h4{margin:0;font-weight:500;font-size:15px;color:#2c2e2f}.promotion-item .content-col p{margin:4px 0 0;font-size:15px;color:#6c7378}.promotion-tag-alert{position:relative;border:1px solid #0070ba;border-radius:5px;padding:0 10px 0 52px;width:100%;margin-top:20px;margin-bottom:30px}.promotion-tag-alert .vx_icon-info-small{position:absolute;top:11px;left:15px;font-size:3rem;color:#0070ba}.promotion-tag-alert .vx_icon-info-small::before{color:#0070ba}.promotion-list{padding:0;border-radius:6px;border:solid 1px #ebebeb}.promotion-list h3{display:inline;font-size:15px;font-weight:500}.promotion-list h4{font-weight:100;margin:0;font-size:13px}.Form--inline{margin:auto;padding-top:2%}.Form--inline .FormField.continue-btns{margin:0 auto;width:45%;display:flex;display:-ms-flexbox;flex-direction:column;text-align:center}.Form--inline .FormField.continue-btns button{width:70%;margin:15px auto}.Form--inline .FormField.continue-btns a{padding-top:5%;text-align:center}.empty-link-div{height:36px;padding-top:5%}@media screen and (max-width: 600px){.empty-link-div{height:44px}}@media screen and (max-width: 480px){.promotions-list__button{width:90% !important}}.marketing-settings .Section{padding:0}.marketing-settings .Section.site-section{min-height:650px;padding:5% !important}@media only screen and (max-width: 767px){.marketing-settings .Section.site-section{padding:0 10% !important}}@media only screen and (max-width: 480px){.marketing-settings .Section.site-section{padding-left:7px !important;padding-right:7px !important}}.marketing-settings .Section.site-section .Section{border:none}.marketing-settings .Section .profile-settings-link{text-align:left;font-weight:500;font-family:PayPal-Sans;font-size:15px;color:#2c2e2f}.marketing-settings .Section .profile-settings-link a{text-decoration:none !important}.marketing-settings .Section .profile-settings-link .profile-settings-glyph{padding-right:1%}.marketing-settings .Section h2{color:#2c2e2f;font-size:29px;font-family:PayPal-Sans-Big}.marketing-settings .Section .settings-subheader{margin-bottom:26px}.marketing-settings .Section .websites-header{font-size:18px;color:#2c2e2f;text-align:left;margin:16px 0}.marketing-settings .Section .websites-header a{margin-left:16px;font-size:15px}.promotional-message{position:relative;margin:0 6px}.promotional-message .header{display:inline-block;padding-bottom:10px;margin-top:0}.promotional-message .sub-header{margin-top:0}.promotional-message .sub-header.setting-size{max-width:70%;font-size:15px}.promotional-message h4{font-size:15px;margin-bottom:0;font-weight:500;color:#2c2e2f}.promotional-message h4:nth-child(2){margin-top:.5rem;margin-bottom:1rem;font-weight:normal;color:#6c7378;padding-right:10%;line-height:1.5}.promotional-message h4:nth-child(2).promotion-link{line-height:0}@media only screen and (max-width: 480px){.promotional-message h4:nth-child(2){padding-right:0}}.promotional-message .settings-control{position:absolute;top:22px;right:30px}.promotional-message.disabled{opacity:0.17}.cr-message{position:relative;margin:0 6px}.cr-message .header{display:inline-block;padding-bottom:10px;margin-top:0}.cr-message .sub-header{margin-top:0}.cr-message .sub-header.setting-size{max-width:70%;font-size:15px}.cr-message h4{font-size:15px;margin-bottom:0;font-weight:500;color:#2c2e2f}.cr-message h4:nth-child(2){margin-top:0.5rem;margin-bottom:1rem;font-weight:normal;color:#6c7378;padding-right:10%;line-height:1.5}.cr-message h4:nth-child(2).cr-link{line-height:0}@media only screen and (max-width: 480px){.cr-message h4:nth-child(2){padding-right:0}}.cr-message .settings-control{position:absolute;top:22px;right:30px}.cr-message.disabled{opacity:0.17}.cr-message .arrow-img{padding-left:5px}.collect-visitor-data{padding-bottom:1px;position:relative;margin:0 6px}.collect-visitor-data .header{display:inline-block;padding-bottom:10px;margin-top:0}.collect-visitor-data .sub-header{margin-top:0}.collect-visitor-data .sub-header.setting-size{max-width:70%;font-size:15px}.collect-visitor-data h4{font-size:15px;margin-bottom:0;font-weight:500;color:#2c2e2f}.collect-visitor-data h4:nth-child(2){font-size:15px;margin-top:.5rem;margin-bottom:1rem;font-weight:normal;color:#6c7378;padding-right:10%;line-height:1.5}.collect-visitor-data h4:nth-child(2).promotion-link{line-height:0}@media only screen and (max-width: 480px){.collect-visitor-data h4:nth-child(2){padding-right:0}}.collect-visitor-data .settings-control{position:absolute;top:22px;right:30px}.disabled-visitor-alert{margin-top:35px}.disabled-visitor-alert .install-tag-alert{position:relative;border:solid 1px #0070ba;border-radius:5px;padding:0 10px 0 52px}.disabled-visitor-alert .install-tag-alert .vx_icon{margin-right:5px;font-size:18px}.disabled-visitor-alert .install-tag-alert .vx_icon-info-small{position:absolute;top:18px;left:15px;font-size:2rem;color:#0070ba}.disabled-visitor-alert .install-tag-alert .vx_icon-info-small::before{color:#0070ba}.disabled-visitor-alert .install-tag-alert .main{padding:11.2px}.disabled-visitor-alert .install-tag-alert .main p{margin:0;color:#2c2e2f;font-size:15px}.status-message{position:relative}.status-message .install-tag-alert{position:relative;border:solid 1px #0070ba;border-radius:5px;margin-bottom:8px;padding:0 10px 0 52px;font-size:13px}.status-message .install-tag-alert .vx_icon-info-small{position:absolute;top:23px;left:15px;font-size:2rem;color:#0070ba}.status-message .install-tag-alert .vx_icon-info-small::before{color:#0070ba}.status-message .install-tag-alert .vi-status{font-size:13px !important}.status-message .install-tag-alert .vi-status .message{margin-right:10px}.status-message .install-tag-alert .vi-status .space{margin-right:10px;white-space:nowrap}.status-message .vi-status-message{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.status-message .vi-status-message .status{color:#2c2e2f}.status-message .vi-status-message .code-link h4{font-size:15px;margin:0}.switch-on-off-settings .Section{padding:0}@media only screen and (max-width: 480px){.switch-on-off-settings .Section{border-radius:0}}.switch-on-off-settings .Section.section-collapsed:hover{border:solid 1px #b0bbc3}.switch-on-off-settings .Section .panel{width:100%}.switch-on-off-settings .Section .panel .panel-header{position:relative;padding:15px 20px;cursor:pointer;border-bottom:1px solid #ddd;border-radius:4px 4px 0 0;background-color:#f9f9fb;transition:all 0.5s ease}.switch-on-off-settings .Section .panel .panel-header.collapsed{background-color:#fff;border-bottom:none;border-radius:4px}.switch-on-off-settings .Section .panel .panel-header a{float:right;margin:-20px 35px -17px -17px}.switch-on-off-settings .Section .panel .panel-header .xo-container-label{position:absolute;right:120px;bottom:8px;padding:6px 16px;border-radius:17px;background-color:#fff;border:solid 1px #e8e8e8;font-size:11px;text-align:center;color:#71787e}.switch-on-off-settings .Section .panel .panel-header .input-url{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;margin:0}.switch-on-off-settings .Section .panel .panel-header .panel-arrow-glyph{float:right;cursor:pointer;color:#0070ba;margin-top:-10px}.switch-on-off-settings .Section .panel-content-settings{width:100%;max-height:1020px;overflow:hidden;opacity:1;transition:all 0.5s ease}.switch-on-off-settings .Section .panel-content-settings.collapsed{max-height:0;opacity:0}.switch-on-off-settings .Section .panel-content-settings .Table{border-radius:0 0 4px 4px}.switch-on-off-settings .Section .panel-content-settings .Table tr td{margin:0 24px;padding:22px 0 18px;display:block;border-bottom:none}.switch-on-off-settings .Section .panel-content-settings .Table tr:not(:last-child) td{border-bottom:1px dotted #d4d9dc}.edit-details-modal .Modal__header{margin-bottom:0}.edit-details-modal .modal-message{border-radius:5px;background-color:rgba(0,112,186,0.04);padding:12px 22px}.edit-details-modal .modal-message .vi-status{font-size:13px !important}.edit-details-modal .modal-message .vi-status .space{margin-left:10px}.edit-details-modal .Modal__body .Button{font-size:15px;margin-top:2em}.edit-details-modal .message-placeholder{height:50px;padding:30px}.update-complete{text-align:center}.update-complete .vx_icon{color:#34c240;font-size:10rem;padding-bottom:5rem}.update-complete h1{padding-top:2rem;padding-bottom:2rem}.update-complete .Button{width:100%;font-size:15px}.limited-promotions-message{position:relative;font-size:13px;border-radius:5px;border:solid 1px #0070ba;padding:13px 10px 13px 52px}.limited-promotions-message .vx_icon-info-small{position:absolute;top:16px;left:15px;color:#0070ba}.limited-promotions-message .vx_icon-info-small::before{color:#0070ba}.get-in-touch-header{float:right;bottom:25px;font-size:13px;color:#6c7378;left:12px}.get-in-touch-header .get-in-touch-content{float:right}.main-container.mini-px-container{max-width:600px !important}.mini{min-height:100%;padding:27px;margin-bottom:-3.929em;background-color:#fff}.mini p{font-size:13px;color:#596065}.mini p a{font-weight:900;color:#0070ba}.mini button{border-radius:50px;color:#fff;width:100%;height:55px;background-color:#0070ba;border:none;font-size:1rem}.mini button:hover{background-color:#003087}.mini h1{font-size:15px;line-height:1.6;text-align:center;color:#2c2e2f;letter-spacing:0.04rem}.mini h2{font-size:15px;font-weight:bold;line-height:2.3;text-align:left;color:#2c2e2f}.mini hr{margin-bottom:10px;clear:both}.mini.agree-continue{padding-bottom:78px}.mini.agree-continue .paypal-img-logo{width:120px;display:block;margin:auto}.mini.agree-continue .FormField{margin-top:2rem;font-weight:bold}.mini.agree-continue .FormField>label{font-weight:bold}.mini.agree-continue input{margin-top:1rem;width:100%;border-radius:5px;height:55px;box-shadow:none;border:solid 1px #cbd2d6}.mini.agree-continue input[type="text"]{font-size:1.1rem;color:#596065}.mini.agree-continue button{margin-top:1.7rem}.complete-notice{position:fixed;top:0;left:0;right:0;width:100%;z-index:9999;height:80px;min-width:490px;background-color:#0ca40c}.complete-notice .vx_icon-circled-checkmark-large{width:80px;height:80px;float:left;color:#fff;font-size:5rem;font-weight:bold;text-align:center;vertical-align:middle;display:inline-block;margin-right:7px;line-height:51px}.complete-notice-content{color:#fff;display:inline-block;width:70%}.complete-notice-content h4{margin:17px 0 0;font-size:15px;font-weight:500}.complete-notice-content p{margin:0;line-height:1.2;font-size:15px}.complete-notice .vx_icon-close-small{border:none;background:none;min-width:40px;height:40px;float:right;color:#fff;font-size:2rem;padding:0;margin:20px 20px 0 0}.complete-notice .vx_icon-close-small:focus{box-shadow:0 0 5px #fff;text-decoration:none}.mini.error .tabs{position:relative;padding-top:90px;padding-bottom:90px;width:100%;max-width:660px;margin:auto}.mini.error .tabs .right-container{padding-top:4rem;text-align:center}.mini.error .tabs .right-container h1{margin-top:80px;margin-bottom:30px}.mini.error .tabs .right-container h3{text-align:center;padding-bottom:2rem;font-weight:normal;width:100%;margin:auto;font-size:15px;color:#6c7378}.mini.error .tabs .right-container .vx_icon-critical-large::before{font-size:9rem;color:#d20000}.mini.error .tabs .right-container .Button{width:131px;padding:.65rem 1.7rem;font-size:15px}.mini.settings{padding-top:10px;padding-bottom:60px}.mini.settings h1{text-align:left;font-size:21px;font-weight:500;line-height:1.1;margin:11px 0 0;color:#2c2e2f}.mini.settings h1+p{font-size:15px;margin-top:7px}.mini.settings h2{margin:0;display:inline-block}.mini.settings form{display:flex;display:-ms-flexbox}.mini.settings input{margin-top:1rem;width:100%;border-radius:1px;height:15px;box-shadow:none;border:solid 1px #cbd2d6;display:inline}.mini.settings input[type='text']{font-size:25px;color:#596065;font-weight:100}.mini.settings .FormField p{margin:0 0 3px}.mini.settings .FormField .setting-controls{float:right;width:auto;min-height:76px;text-align:right;padding:5px 10px 0 0}.mini.settings button{margin-top:1.7rem}.mini.settings button+p{text-align:center}.terms-conditions{width:100%;max-width:850px}.terms-conditions body{background:transparent !important}.terms-conditions .terms-conditions__legal-link{font-size:15px;margin-left:7px}.terms-conditions .container-centered{margin-right:auto;margin-left:auto;-moz-box-sizing:content-box;box-sizing:content-box;margin-top:45px}.terms-conditions .agreement-container{margin-right:auto;margin-left:auto;-moz-box-sizing:content-box;box-sizing:content-box;margin-top:15px}.terms-conditions .agreement-container ul li{line-height:1.6;padding-bottom:2%;padding-right:2%;list-style-type:disc;font-size:15px}.terms-conditions .container-centered ul li{line-height:1.6;padding-bottom:2%;padding-right:2%;list-style-type:disc;font-size:15px}.terms-conditions .advertising-terms{padding-bottom:7px;font-size:15px;line-height:1.6;margin-top:24px;color:#596065;padding-left:7px}.terms-conditions .description{font-size:15px;padding-left:7px}.terms-conditions .effective-date{font-size:15px;line-height:1.6;text-align:left;color:#2c2e2f;padding-left:7px}.terms-conditions .permissions-related{font-family:PayPal-Sans-Big;font-size:30px;font-weight:300;line-height:1.27;text-align:left;color:#2c2e2f;padding-left:7px}.terms-conditions .container-centered:nth-child(2){padding-bottom:3%}.terms-conditions .container-centered:nth-child(2) h3{padding-top:5%}.terms-conditions .container-centered:nth-child(2) .align-right{margin-top:5%}.terms-conditions .container-centered:nth-child(2) h1{width:60%;float:left;color:#2c2e2f;font-size:30px}.terms-conditions .container-centered:nth-child(2) p{clear:both}.terms-conditions .merchant-footer .mer-footer .mer-nav-main li a{font-weight:700}.terms-conditions .merchant-footer .mer-footer ul li{display:inline-block;list-style-type:none;vertical-align:inherit;font-family:PayPal-Sans}.terms-conditions .merchant-footer{margin-top:8%}.terms-conditions .container-centered:nth-child(3) h3,.terms-conditions .container-centered:nth-child(4) h3{width:60%}@media only screen and (max-width: 767px){.terms-conditions .container-centered:nth-child(3) h3,.terms-conditions .container-centered:nth-child(4) h3,.terms-conditions .container-centered:nth-child(2) h1{width:100%}}.terms-conditions .pp-header::before{content:'';display:block;height:1px;width:100%;background-color:rgba(255,255,255,0.3);position:absolute;top:71px}.terms-conditions .pp-header::after{content:'';display:block;height:300px;width:120%;background-color:transparent;z-index:-1;position:absolute;top:-300px;box-shadow:0 0 230px 55px rgba(0,0,0,0.48);left:-20%}.terms-conditions .align-right{float:right;margin-right:10px}.terms-conditions a{cursor:pointer}.terms-conditions .icon{font-family:'consumer-icons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.terms-conditions .icon-print-small::before{content:'\E052'}.terms-conditions .pp-logo{width:136px;height:43px;margin-top:-10px;padding-top:15px}.sc-heading-list{list-style-type:auto}.sc-heading-list .sc-heading{font-weight:bold;font-size:18px}.sc-description{font-size:15px;padding-right:15px}.sc-terms-content{padding-left:7px}.terms-conditions ol.counter{margin-left:0;counter-reset:item}.terms-conditions ol.counter>li{display:block}.terms-conditions ol.counter>li::before{content:counters(item, ".") ".";counter-increment:item}.sc-campaign-terms{list-style-type:auto}.sc-campaign-terms.lower-roman{list-style-type:lower-roman}.sc-campaign-terms.space-out li{padding-bottom:0.8rem}.sc-campaign-terms .sc-term-bullet{font-size:15px}.terms-template-error-container{margin-top:100px;text-align:center}.terms-template-error-header{margin-top:40px}.terms-table{width:100%;max-width:850px;margin-left:7px}.terms-table *{box-sizing:border-box}.terms-table__content{display:flex;flex-wrap:wrap}.terms-table__header{height:55px;background-color:#cbd2d6;border:solid 1px #bac6cc;font-family:'PayPal-Sans', sans-serif;font-size:15px;font-weight:500;color:#2c2e2f;padding:16px;text-align:center}.terms-table__section{width:50%;padding:21px 46px 21px 21px;background-color:#fff;border:solid 1px #eaeced;font-family:'PayPal-Sans', sans-serif;line-height:1.6}.terms-table__section--header{width:50%;padding:16px 21px;height:55px;background-color:#e1e7eb;border:solid 1px #cbd2d6;font-family:'PayPal-Sans', sans-serif;font-weight:500}.dotted-border{border-top:1px dotted transparent;background-image:linear-gradient(to right, #9da3a6 33%, white 0%);background-position:bottom;background-size:4px 1px;background-repeat:repeat-x;margin-top:24px;margin-bottom:18px}.success-card{border-radius:6px;background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,0.08);padding:18px 36px 24px;margin-top:12px}.success-header{padding-bottom:18px;display:flex;align-items:center}.success-header .icon{margin-right:12px}.success-header .title{font-family:PayPal-Sans;font-size:18px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:normal;color:#2c2e2f}.success-description .description{padding:0}.success-description ul{list-style-type:none;padding-top:18px;margin:0}.success-description ul li{font-size:15px;background:url(../star.svg) no-repeat left center;padding-left:32px;margin-bottom:10px}.data-message{font-size:15px;color:#4a4a4a;margin:0}.vx_btn-medium{font-size:13px;margin:0}@media screen and (max-width: 768px){.success-card{margin-top:18px;padding:24px}.success-header{padding-bottom:10px}.dotted-border{margin-bottom:18px;margin-top:25px}.success-description ul li{font-size:15px;background:url(../star.svg) no-repeat left 5px;padding-left:24px;margin-bottom:12px}}.success-page{width:682px;margin:0 12px}.success-page h1{font-size:30px;margin-bottom:24px;margin-top:0}.success-page h2{font-size:24px;margin:60px 0 5px;color:#4a4a4a}.success-page .add-website{width:167px;text-align:center;margin:24px auto}@media screen and (max-width: 768px){.success-page{width:auto;margin:0 25px}.success-page h1{font-size:24px;margin-bottom:34px;margin-top:0}.success-page h2{font-size:18px;margin:36px 0 4px;color:#4a4a4a}.success-page .add-website{width:167px;text-align:center;margin:24px auto}}.merchant-header .mer-header{z-index:1021}.main-container{padding-top:2.25em;margin-bottom:3.929em;min-height:80%;width:100%;display:flex;display:-ms-flexbox;-ms-flex-pack:center;justify-content:center;margin-left:0 !important;margin-right:0 !important}@media screen and (max-width: 480px){.main-container{padding-left:0 !important;padding-right:0 !important}}@media screen and (max-width: 767px){.main-container{padding-top:0;padding-left:0 !important;padding-right:0 !important}}.main-container>div{width:100%}html{background-color:#f5f7fa !important}body{background-color:#f5f7fa;overflow:visible !important}.merchant-header a{font-weight:normal;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif}.merchant-footer a{font-weight:normal;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif}.merchant-footer .mer-footer .mer-nav-main li a{font-weight:700}.merchant-footer .mer-footer ul li{display:inline-block;list-style-type:none;vertical-align:inherit;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif}.merchant-footer{width:100%}@media only screen and (max-width: 767px){.main-container{max-width:420px !important}}#app-container{min-height:80%;margin-bottom:50px;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.change-link{text-decoration:none !important}.change-link span.text{font-weight:normal;vertical-align:text-top;margin-left:5px;line-height:14px}.select-link{text-decoration:none !important}.select-link span.text{font-weight:500;vertical-align:text-top}.dot{color:#005ea6;margin:0 10px}.error.edit .Section{width:100%}.error.edit .side-bar{display:none}.header-title{font-size:24px;max-width:500px;text-align:center;margin-top:20px;font-family:PayPal-Sans-Big}@media screen and (max-width: 767px){.header-title{font-size:21px}}.logged-out-header{width:100%;height:72px;background-image:linear-gradient(274deg, #1347a0, #0070ba);margin-bottom:30px}.loggeed-out-header-container{max-width:1200px;margin:0 auto}.looged-out-footer{width:100%;height:72px;background-color:#fff;position:absolute}.paypal-logo{width:150px;height:auto;padding:20px}.paypal-button{float:right;padding:20px}.log-in{background-color:transparent;border:1px solid #fff}.log-in:hover{background-color:transparent;border:1px solid #fff}.log-in a{color:#fff}.sign-up{background-color:#fff;color:#4a4a4a}.sign-up:hover{background-color:#fff;color:#4a4a4a}@media screen and (max-width: 767px){.inner{padding:0 20px !important}}@media screen and (max-width: 767px){.SectionBody .inner{padding:0 10% !important}}.header-title{font-size:24px;max-width:500px;text-align:center;margin-top:20px;font-family:PayPal-Sans-Big}@media screen and (max-width: 767px){.header-title{font-size:21px}}a:hover,a:active,button:hover,button:active{text-decoration:none !important}.icon-arrow-left-small::before{content:'\E007';font-size:16px}b,strong{font-weight:500}.link-right{margin-left:5px}.vx_text-body,p,li,dd,dt,label,input,textarea,code{font-size:13px}