/*

This is a less library contains PayPal common styles and variables,
you may want to import it in your less files if you need to.

*/
body .svg {
  width: 50px;
  height: 50px;
  padding: 10px;
  display: block;
}
body .svg svg {
  width: 100%;
  height: 100%;
  fill: #231f20;
}
body .svg.circled {
  border: 2px solid #231f20;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
body .svg.i-gray,
.i-gray body .svg {
  border-color: #d0d0d0;
}
body .svg.i-gray svg,
.i-gray body .svg svg {
  fill: #d0d0d0;
}
body .svg.i-blue,
.i-blue body .svg {
  border-color: #009cde;
}
body .svg.i-blue svg,
.i-blue body .svg svg {
  fill: #009cde;
}
body .svg.i-black,
.i-black body .svg {
  border-color: #1c1c1c;
}
body .svg.i-black svg,
.i-black body .svg svg {
  fill: #1c1c1c;
}
body .svg.i-white,
.i-white body .svg {
  border-color: #ffffff;
}
body .svg.i-white svg,
.i-white body .svg svg {
  fill: #ffffff;
}

.pal-blue{background-color:#009cde}.pay-blue{background-color:#003087}.pink{background-color:#de0063}.purple{background-color:#640487}.green{background-color:#00cf92}.orange{background-color:#ff9600}.pink,.purple,.green,.orange,.pink *,.purple *,.green *,.orange *,.pay-blue *,.pal-blue *{color:#fff}.hero-bg,.hero-bg.parallax .parallax-bg{background-image:url('https://www.paypalobjects.com/webstatic/mktg/2014design/paypal-here-sdk/pphSDKhero1.jpg')}.hero-bg .contentPara,.hero-bg.parallax .parallax-bg .contentPara{padding-top:20px}pre{overflow:auto;font-size:13px;padding:10px;width:auto;width:650px !ie7;padding-bottom:20px !ie7;max-height:600px;background-color:#eee;margin-bottom:1em;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif}pre code{white-space:inherit;padding:0;color:#1c1c1c}pre span{font-weight:bold}pre .icon-group{background-color:#bfff00}pre .icon-name{background-color:#b5e352}pre .icon-keywords{background-color:#cce8c8}.svgs p{font-size:16px}.svgs .intro{padding:40px 0}.svgs .intro code{color:#444;font-size:13px;text-align:left}.svgs .headline{padding:20px 0;color:#009cde}.svgs .steps-area{padding:30px 0}.svgs .svgs-list{border-bottom:1px solid #777}.svgs .svgs-list .item{width:100%;margin:0;padding:10px 0;border-bottom:1px solid #ccc}.svgs .svgs-list .item:last-child{border-bottom:none}html[data-device-type="portable"] .svgs .svgs-list .item{margin-left:0}html[data-device-type="portable"] .svgs .svgs-list .item .span3{width:24%}html[data-device-type="portable"] .svgs .svgs-list .item .span9{width:74%}.svgs .svgs-list .item span{display:inline-block;height:50px}html[data-device-type="mobile"] .svgs .svgs-list .item span{display:block;margin:0 auto;text-align:center}.svgs .svgs-list .item .details{padding-top:20px}.svgs .svgs-list .item .details p{font-size:22px;line-height:100%;padding:10px 0}.svgs .svgs-list .item .side{height:80px}html[data-device-type="portable"] .svgs .svgs-list .item .side{margin-left:0}.colors-switchers{height:30px;vertical-align:top;width:110px}.colors-switchers .color-switcher{width:20px;height:20px;margin:0;display:inline-block;overflow:hidden;border:1px solid #000000;vertical-align:top}.colors-switchers .color-switcher.c-gray{background-color:#d0d0d0}.colors-switchers .color-switcher.c-blue{background-color:#009cde}.colors-switchers .color-switcher.c-black{background-color:#1c1c1c}.colors-switchers .color-switcher.c-while{background-color:#fff}

html {
    font-size: 100% !important;
}

div[id*="globalnav-header"] button[id*="menu-button"] {
    margin-left: 0% !important;
    min-width: 24px;
    max-width: 24px;
}

div[id*="globalnav-header"] button {
    min-width: auto;
}

div[id*="globalnav-header"]~div[id*=main] section[class*="hero-bg"] div[class*="containerCentered container"],
div[id*="globalnav-header"]~div[id*=main] section[class*="hero-card"] div[class*="containerCentered container"] {
    padding-top: 112px;
}

div[id*="globalnav-header"]~div[id*=main] section[class*="hero-bg"] div[class*="containerCentered container"],
div[id*="globalnav-header"]~div[id*=main] section[class*="hero-card"] div[class*="containerCentered container"] {
    padding-top: 88px;
}