From 8fc52c2e0c5d03e1921fc7ea639ad73c39ac0922 Mon Sep 17 00:00:00 2001 From: Natalia Date: Fri, 31 May 2019 10:47:32 +0200 Subject: [PATCH] refs #18704 - Add autoprefixer configuration --- postcss.config.js | 4 ++-- views/css/braintree.css | 7 +++++++ views/css/braintree.css.map | 2 +- views/css/paypal-bo.css | 9 ++++++--- views/css/paypal-bo.css.map | 2 +- 5 files changed, 17 insertions(+), 7 deletions(-) diff --git a/postcss.config.js b/postcss.config.js index a47ef4f95..ab472e0ca 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -1,5 +1,5 @@ module.exports = { plugins: { - autoprefixer: {}, + autoprefixer: {browsers: ['last 2 versions', 'iOS >= 8', '> 1%', 'Firefox ESR']} }, -}; +}; \ No newline at end of file diff --git a/views/css/braintree.css b/views/css/braintree.css index 3de5f2385..6d0bef817 100755 --- a/views/css/braintree.css +++ b/views/css/braintree.css @@ -23,13 +23,19 @@ padding: 6px 12px 6px 12px; border: 1px solid #cccccc; border-radius: 4px; + -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; + -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; float: left; } .braintree-row-payment .braintree-hosted-fields-focused { border-color: #66afe9; outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .braintree-row-payment #braintree_submit { @@ -44,6 +50,7 @@ text-align: center; white-space: nowrap; vertical-align: middle; + -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; diff --git a/views/css/braintree.css.map b/views/css/braintree.css.map index e1b73bd9d..4994e789d 100644 --- a/views/css/braintree.css.map +++ b/views/css/braintree.css.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///./_dev/scss/braintree.scss"],"names":[],"mappings":"AAAA;AACA;AACA;AACA,qBAAqB;;AAErB;AACA;AACA;AACA;AACA;AACA,cAAc;;AAEd;AACA;AACA,mBAAmB;;AAEnB;AACA,cAAc;;AAEd;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,cAAc;;AAEd;AACA;AACA;AACA,qFAAqF;;AAErF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc;;AAEd;AACA,cAAc;;AAEd;AACA,yBAAyB;;AAEzB;AACA,cAAc;;AAEd;AACA;AACA;AACA;AACA;AACA,wBAAwB;;AAExB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;;AAErB;AACA,wBAAwB;;AAExB;AACA,gBAAgB;;AAEhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;;AAErB;AACA,gCAAgC;;AAEhC;AACA,gCAAgC;;AAEhC;AACA,gCAAgC;;AAEhC;AACA,gCAAgC;;AAEhC;AACA,gCAAgC;;AAEhC;AACA,gCAAgC;;AAEhC;AACA,gCAAgC;;AAEhC;AACA,qBAAqB;;AAErB;AACA;AACA,sBAAsB;;AAEtB;AACA;AACA,mBAAmB;;AAEnB;AACA,sBAAsB;;AAEtB;AACA,mBAAmB;;AAEnB;AACA;AACA;AACA,sBAAsB;;AAEtB;AACA;AACA;AACA;AACA;AACA,uBAAuB;;AAEvB;AACA;AACA,sBAAsB;;AAEtB;AACA;AACA;AACA,2BAA2B;;AAE3B;AACA;AACA,eAAe;AACf;AACA;AACA,qBAAqB,EAAE","file":"css/braintree.css","sourcesContent":[".braintree-row-payment {\n padding: 5px 5px 5px 10px;\n border-radius: 4px;\n margin: 0 0 10px 0; }\n\n.braintree-row-payment .block_field {\n width: 46%;\n display: block;\n margin-top: 10px;\n margin-right: 1%;\n float: left; }\n\n.braintree-row-payment .block_field.half_block_field {\n width: 20%;\n margin-right: 1%; }\n\n.braintree-row-payment .half_block_field .hosted_field {\n width: 100%; }\n\n.braintree-row-payment .hosted_field {\n /*width: 250px;*/\n height: 34px;\n padding: 6px 12px 6px 12px;\n border: 1px solid #cccccc;\n border-radius: 4px;\n box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;\n transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n float: left; }\n\n.braintree-row-payment .braintree-hosted-fields-focused {\n border-color: #66afe9;\n outline: 0;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }\n\n.braintree-row-payment #braintree_submit {\n margin-top: 20px;\n color: #fff;\n background-color: #337ab7;\n padding: 6px 12px;\n margin-bottom: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.42857143;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n touch-action: manipulation;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-image: none;\n border: 1px solid #2e6da4;\n border-radius: 4px;\n width: 250px;\n clear: both; }\n\n.paypal_clear {\n clear: both; }\n\n.braintree_logo {\n vertical-align: bottom; }\n\n.braintree_title_bo {\n color: #000; }\n\n.braintree_error {\n background-color: #F11;\n color: white;\n padding: 5px;\n opacity: 0.5;\n border: solid 3px red; }\n\n#paypal-wrapper .bo_paypal_help {\n border-radius: 50%;\n border: 2px solid #036;\n width: 21px;\n display: inline-block;\n height: 21px;\n font-size: 17px;\n text-decoration: none;\n text-align: center; }\n\n#paypal-wrapper .braintree_link {\n text-decoration: none; }\n\n.braintree-error {\n display: none; }\n\n.braintree-card #card-image {\n position: absolute;\n top: 0em;\n right: 1em;\n width: 44px;\n height: 28px;\n background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/346994/card_sprite.png);\n background-size: 86px 458px;\n background-position: -100px 0;\n background-repeat: no-repeat;\n margin-bottom: 1em; }\n\n.braintree-card #card-image.visa {\n background-position: 0 -398px; }\n\n.braintree-card #card-image.master-card {\n background-position: 0 -281px; }\n\n.braintree-card #card-image.american-express {\n background-position: 0 -370px; }\n\n.braintree-card #card-image.discover {\n background-position: 0 -163px; }\n\n.braintree-card #card-image.maestro {\n background-position: 0 -251px; }\n\n.braintree-card #card-image.jcb {\n background-position: 0 -221px; }\n\n.braintree-card #card-image.diners-club {\n background-position: 0 -133px; }\n\n.braintree-row-payment #card-number {\n position: relative; }\n\n#paypal-vault-info {\n display: none;\n margin-bottom: 20px; }\n\n#bt-card-error-msg, #bt-paypal-error-msg {\n display: none;\n margin-top: 10px; }\n\n#bt-paypal-error-msg {\n margin-bottom: 10px; }\n\n#logo_braintree_by_paypal {\n margin-top: 15px; }\n\n/*------------------VAULT-------------*/\n#bt-vault-form {\n margin-top: 10px;\n margin-bottom: 15px; }\n\n#bt-vault-form .form-control {\n background: #ffffff;\n border-radius: 5px;\n color: #7a7a7a;\n border: 1px solid rgba(0, 0, 0, 0.25);\n padding: 0.4rem 1rem; }\n\n.save-in-vault {\n margin-top: 10px;\n margin-bottom: 10px; }\n\nlabel[for=\"save_card_in_vault\"], label[for=\"save_account_in_vault\"] {\n display: inline-block !important;\n padding-left: 5px;\n vertical-align: text-top; }\n\n@media only screen and (max-width: 500px) {\n .braintree-row-payment .block_field {\n width: 81%; }\n .braintree-row-payment .block_field.half_block_field {\n width: 40%;\n margin-right: 1%; } }\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///./_dev/scss/braintree.scss"],"names":[],"mappings":"AAAA;AACA;AACA;AACA,qBAAqB;;AAErB;AACA;AACA;AACA;AACA;AACA,cAAc;;AAEd;AACA;AACA,mBAAmB;;AAEnB;AACA,cAAc;;AAEd;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc;;AAEd;AACA;AACA;AACA;AACA,qFAAqF;;AAErF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc;;AAEd;AACA,cAAc;;AAEd;AACA,yBAAyB;;AAEzB;AACA,cAAc;;AAEd;AACA;AACA;AACA;AACA;AACA,wBAAwB;;AAExB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;;AAErB;AACA,wBAAwB;;AAExB;AACA,gBAAgB;;AAEhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;;AAErB;AACA,gCAAgC;;AAEhC;AACA,gCAAgC;;AAEhC;AACA,gCAAgC;;AAEhC;AACA,gCAAgC;;AAEhC;AACA,gCAAgC;;AAEhC;AACA,gCAAgC;;AAEhC;AACA,gCAAgC;;AAEhC;AACA,qBAAqB;;AAErB;AACA;AACA,sBAAsB;;AAEtB;AACA;AACA,mBAAmB;;AAEnB;AACA,sBAAsB;;AAEtB;AACA,mBAAmB;;AAEnB;AACA;AACA;AACA,sBAAsB;;AAEtB;AACA;AACA;AACA;AACA;AACA,uBAAuB;;AAEvB;AACA;AACA,sBAAsB;;AAEtB;AACA;AACA;AACA,2BAA2B;;AAE3B;AACA;AACA,eAAe;AACf;AACA;AACA,qBAAqB,EAAE","file":"css/braintree.css","sourcesContent":[".braintree-row-payment {\n padding: 5px 5px 5px 10px;\n border-radius: 4px;\n margin: 0 0 10px 0; }\n\n.braintree-row-payment .block_field {\n width: 46%;\n display: block;\n margin-top: 10px;\n margin-right: 1%;\n float: left; }\n\n.braintree-row-payment .block_field.half_block_field {\n width: 20%;\n margin-right: 1%; }\n\n.braintree-row-payment .half_block_field .hosted_field {\n width: 100%; }\n\n.braintree-row-payment .hosted_field {\n /*width: 250px;*/\n height: 34px;\n padding: 6px 12px 6px 12px;\n border: 1px solid #cccccc;\n border-radius: 4px;\n -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;\n box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;\n -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;\n transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;\n transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;\n float: left; }\n\n.braintree-row-payment .braintree-hosted-fields-focused {\n border-color: #66afe9;\n outline: 0;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }\n\n.braintree-row-payment #braintree_submit {\n margin-top: 20px;\n color: #fff;\n background-color: #337ab7;\n padding: 6px 12px;\n margin-bottom: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.42857143;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-image: none;\n border: 1px solid #2e6da4;\n border-radius: 4px;\n width: 250px;\n clear: both; }\n\n.paypal_clear {\n clear: both; }\n\n.braintree_logo {\n vertical-align: bottom; }\n\n.braintree_title_bo {\n color: #000; }\n\n.braintree_error {\n background-color: #F11;\n color: white;\n padding: 5px;\n opacity: 0.5;\n border: solid 3px red; }\n\n#paypal-wrapper .bo_paypal_help {\n border-radius: 50%;\n border: 2px solid #036;\n width: 21px;\n display: inline-block;\n height: 21px;\n font-size: 17px;\n text-decoration: none;\n text-align: center; }\n\n#paypal-wrapper .braintree_link {\n text-decoration: none; }\n\n.braintree-error {\n display: none; }\n\n.braintree-card #card-image {\n position: absolute;\n top: 0em;\n right: 1em;\n width: 44px;\n height: 28px;\n background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/346994/card_sprite.png);\n background-size: 86px 458px;\n background-position: -100px 0;\n background-repeat: no-repeat;\n margin-bottom: 1em; }\n\n.braintree-card #card-image.visa {\n background-position: 0 -398px; }\n\n.braintree-card #card-image.master-card {\n background-position: 0 -281px; }\n\n.braintree-card #card-image.american-express {\n background-position: 0 -370px; }\n\n.braintree-card #card-image.discover {\n background-position: 0 -163px; }\n\n.braintree-card #card-image.maestro {\n background-position: 0 -251px; }\n\n.braintree-card #card-image.jcb {\n background-position: 0 -221px; }\n\n.braintree-card #card-image.diners-club {\n background-position: 0 -133px; }\n\n.braintree-row-payment #card-number {\n position: relative; }\n\n#paypal-vault-info {\n display: none;\n margin-bottom: 20px; }\n\n#bt-card-error-msg, #bt-paypal-error-msg {\n display: none;\n margin-top: 10px; }\n\n#bt-paypal-error-msg {\n margin-bottom: 10px; }\n\n#logo_braintree_by_paypal {\n margin-top: 15px; }\n\n/*------------------VAULT-------------*/\n#bt-vault-form {\n margin-top: 10px;\n margin-bottom: 15px; }\n\n#bt-vault-form .form-control {\n background: #ffffff;\n border-radius: 5px;\n color: #7a7a7a;\n border: 1px solid rgba(0, 0, 0, 0.25);\n padding: 0.4rem 1rem; }\n\n.save-in-vault {\n margin-top: 10px;\n margin-bottom: 10px; }\n\nlabel[for=\"save_card_in_vault\"], label[for=\"save_account_in_vault\"] {\n display: inline-block !important;\n padding-left: 5px;\n vertical-align: text-top; }\n\n@media only screen and (max-width: 500px) {\n .braintree-row-payment .block_field {\n width: 81%; }\n .braintree-row-payment .block_field.half_block_field {\n width: 40%;\n margin-right: 1%; } }\n"],"sourceRoot":""} \ No newline at end of file diff --git a/views/css/paypal-bo.css b/views/css/paypal-bo.css index 052fa9ed2..d1f3fb0a7 100755 --- a/views/css/paypal-bo.css +++ b/views/css/paypal-bo.css @@ -159,7 +159,8 @@ .containerCentered { margin-right: auto; margin-left: auto; - box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; max-width: 1150px; padding-left: 3%; padding-right: 3%; } @@ -172,7 +173,8 @@ transform: translate(0, 0); padding: 15px 0; width: 100%; - box-sizing: border-box; } + -webkit-box-sizing: border-box; + box-sizing: border-box; } #rtb1.row-fluid, #rtb2.row-fluid { background: none; } @@ -201,7 +203,8 @@ html[data-device-type="dedicated"] .sticky-nav-panel .btn, html[data-device-type float: left; margin-left: 2%; min-height: 1px; - box-sizing: border-box; } + -webkit-box-sizing: border-box; + box-sizing: border-box; } p.contentPara { font-size: 14px; } diff --git a/views/css/paypal-bo.css.map b/views/css/paypal-bo.css.map index 656bce078..67b06a281 100644 --- a/views/css/paypal-bo.css.map +++ b/views/css/paypal-bo.css.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///./_dev/scss/paypal-bo.scss"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,qCAAqC;;AAErC;AACA,qBAAqB;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB;;AAEtB;AACA;AACA,sBAAsB;;AAEtB;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB;;AAElB;AACA,eAAe;;AAEf;AACA;AACA,qBAAqB;;AAErB;AACA,oBAAoB;;AAEpB;AACA;AACA;AACA,kBAAkB;;AAElB;AACA,mBAAmB;;AAEnB;AACA;AACA;AACA,oBAAoB;;AAEpB;AACA;AACA;AACA;AACA,oBAAoB;;AAEpB;AACA,uCAAuC;;AAEvC;AACA,wBAAwB;;AAExB;AACA,cAAc;;AAEd;AACA;AACA,mBAAmB;;AAEnB;AACA,kCAAkC;;AAElC;AACA,mBAAmB;;AAEnB;AACA;AACA,oBAAoB;;AAEpB;AACA,eAAe;;AAEf;AACA,aAAa;;AAEb;AACA,aAAa;;AAEb;AACA;AACA,mBAAmB;;AAEnB;AACA;AACA;AACA;AACA,aAAa;;AAEb;AACA,cAAc;;AAEd;AACA;AACA,eAAe;AACf,eAAe;;AAEf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;;AAErB;AACA;AACA,aAAa;;AAEb;AACA,qBAAqB;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;;AAEf;AACA;AACA,iBAAiB;;AAEjB;AACA;AACA,uCAAuC;;AAEvC;AACA,oBAAoB;;AAEpB;AACA,2BAA2B;;AAE3B;AACA;AACA,kBAAkB;;AAElB;AACA;AACA;AACA;AACA,kGAAkG;;AAElG;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB;;AAEpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;;AAEzB;AACA,mBAAmB;;AAEnB;AACA,qBAAqB;;AAErB;AACA;AACA;AACA,cAAc;;AAEd;AACA,oBAAoB;;AAEpB;AACA,mBAAmB;;AAEnB;AACA,iBAAiB;;AAEjB;AACA,aAAa;;AAEb;AACA;AACA;AACA;AACA,yBAAyB;;AAEzB;AACA,kBAAkB;;AAElB;AACA;AACA;AACA,sBAAsB;;AAEtB;AACA,wBAAwB;;AAExB;AACA;AACA;AACA;AACA,+BAA+B;;AAE/B;AACA,cAAc;;AAEd;AACA;AACA;AACA;AACA;AACA,6BAA6B;;AAE7B;AACA,cAAc;;AAEd;AACA,mBAAmB;;AAEnB;AACA,mBAAmB;;AAEnB;AACA,mBAAmB;;AAEnB;AACA;AACA,eAAe,EAAE;;AAEjB;AACA;AACA;AACA,gBAAgB;AAChB;AACA;AACA;AACA,eAAe;AACf;AACA,eAAe;AACf;AACA,eAAe;AACf;AACA;AACA,gBAAgB,EAAE;;AAElB;AACA;AACA,eAAe,EAAE","file":"css/paypal-bo.css","sourcesContent":[".paypal-nav .nav {\n margin-bottom: 20px;\n margin-left: 8px;\n padding-bottom: 2px;\n border-bottom: 1px solid lightgrey; }\n\n.paypal-nav .nav > li > a {\n margin-right: 30px; }\n\n.paypal-nav .nav > li > a, .paypal-nav .nav > li > a:hover, .paypal-nav .nav > li > a:focus,\n.paypal-nav .nav > li > a:hover > span, .paypal-nav .nav > li > a:focus > span {\n color: #2095f2;\n background-color: transparent;\n font-size: 16px;\n text-decoration: none;\n padding-left: 0;\n padding-bottom: 4px; }\n\n.paypal-nav .nav > li > a:active > span, .paypal-nav .nav > li.active > a:active > span, .paypal-nav .nav > li.active > a > span {\n border-bottom: 3px solid #4277bb;\n padding-bottom: 4px; }\n\n.paypal-nav .nav > li > a:active > span,\n.paypal-nav .nav > li.active > a:active > span, .paypal-nav .nav > li.active > a:active, .paypal-nav .nav > li > a:active, .paypal-nav .nav > li.active > a > span, .paypal-nav .nav > li.active > a:focus, .paypal-nav .nav > li.active > a:hover, .paypal-nav .nav > li.active > a:hover > span, .paypal-nav .nav > li.active > a, .paypal-nav .nav > li.active > a:focus > span {\n color: #4277bb;\n background-color: transparent;\n font-size: 16px;\n font-weight: bold;\n padding-left: 0; }\n\n.active-products img.paypal-products, .parametres .paypal-products {\n width: 135px; }\n\n.active-products img.product-img {\n height: 20px;\n padding-right: 1px; }\n\n.active-products .panel span {\n font-weight: bold; }\n\n.active-products .panel a {\n font-weight: bold;\n text-decoration: none;\n cursor: pointer; }\n\n.active-products .panel div.bottom {\n margin-top: 25px; }\n\n.active-products .panel .btn.btn-default {\n color: #87b1d6;\n border-color: #87b1d6;\n border: 2px solid; }\n\n.active-products .panel .btn.btn-default:hover {\n color: white;\n background-color: #87b1d6;\n border-color: #87b1d6;\n border: 2px solid; }\n\n.active-products .panel.active-panel {\n background-color: #F0F8FF !important; }\n\n.paypal-signup .btn.btn-info {\n padding: 0px 15px 0 0; }\n\n#paypal_params .parametres {\n float: none; }\n\n#paypal_params .help-right {\n padding-left: 20px;\n margin-top: 57px; }\n\n#paypal_params .help-left {\n border-right: 1px solid #25b9d7; }\n\n.paypal-bold {\n font-weight: 700; }\n\n.box ul.tick li {\n background: url(\"$img_dir/blue_tick.png\") no-repeat left 3px;\n padding: 4px 26px; }\n\n#paypal_conf .right, .box ul.tick {\n float: right; }\n\n#paypal_conf .left {\n width: 79%; }\n\n#paypal_conf .right {\n width: 17%; }\n\n#paypal_conf .box {\n margin: 6px 1%;\n text-align: left; }\n\n#paypal_conf .box ul {\n list-style: none;\n margin: 0;\n padding: 0;\n width: 66%; }\n\n#paypal_conf .left {\n float: left; }\n\n#paypal_conf .left img {\n margin-bottom: -5px;\n /*float:left; */\n width: 100px; }\n\n#paypal_conf .left .logo {\n float: left;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n padding: 15px;\n background: #fff;\n margin: 0 auto;\n text-align: center; }\n\n#paypal_conf .left .info {\n float: right;\n width: 65%; }\n\n.active-products > p {\n padding-left: 15px; }\n\n#ConfirmLive .btn {\n border: 1px solid #666;\n padding: 8px;\n border-radius: 4px;\n text-decoration: none;\n cursor: pointer;\n margin: 10px; }\n\n#ConfirmLive .btn-info {\n background-color: #25b9d7;\n color: #ffffff; }\n\n.paypal_block_info {\n border-color: #A1C4E6 !important;\n background-color: #DDEAF6 !important; }\n\n#paypal_conf .active-products .col-sm-6 .panel {\n min-height: 240px; }\n\n#credential-configuration ul li {\n list-style-type: decimal; }\n\n#paypal_conf .left .logo > div {\n margin-top: 11px;\n font-size: 16px; }\n\n/*section marketing*/\n.blue {\n color: #fff;\n background-color: #009cde;\n background-image: radial-gradient(circle farthest-side at center bottom, #009cde, #003087 125%); }\n\n.containerCentered {\n margin-right: auto;\n margin-left: auto;\n box-sizing: content-box;\n max-width: 1150px;\n padding-left: 3%;\n padding-right: 3%; }\n\n.row-fluid {\n background: #fff;\n position: relative;\n z-index: 2;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate(0, 0);\n padding: 15px 0;\n width: 100%;\n box-sizing: border-box; }\n\n#rtb1.row-fluid, #rtb2.row-fluid {\n background: none; }\n\n.center-text {\n text-align: center; }\n\n.containerCentered:after {\n content: \"\";\n display: table;\n clear: both; }\n\n.row-fluid [class*=span]:not(.btn) {\n padding-right: 2%; }\n\nhtml[data-device-type=\"dedicated\"] .sticky-nav-panel .btn, html[data-device-type=\"portable\"] .sticky-nav-panel .btn, html[data-device-type=\"dedicated\"] .row-fluid .span4, html[data-device-type=\"portable\"] .row-fluid .span4 {\n min-width: 205px; }\n\n.row-fluid [class*=span]:first-child {\n margin-left: 0; }\n\n.row-fluid .span4 {\n width: 32%; }\n\n.row-fluid [class*=span] {\n float: left;\n margin-left: 2%;\n min-height: 1px;\n box-sizing: border-box; }\n\np.contentPara {\n font-size: 14px; }\n\n.large, h3, html[data-device-type=mobile] .x-large, html[data-device-type=mobile] h2 {\n font-size: 28px;\n font-size: 2rem;\n line-height: 1.25em; }\n\n.large, .medium, .small, h3, h4, h5, h6 {\n letter-spacing: .01em; }\n\n.blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6 {\n font-family: pp-sans-big-light,Helvetica Neue,Arial,sans-serif !important;\n font-weight: 400 !important;\n font-variant: normal !important;\n line-height: 1.25 !important; }\n\n.blue p {\n color: #fff; }\n\n.blue a, .dark a {\n font-family: pp-sans-small-bold,Helvetica Neue,Arial,sans-serif;\n font-weight: bold;\n font-variant: normal;\n color: #fff;\n text-decoration: underline; }\n\n.blue a:hover, .dark a:hover {\n color: #fff; }\n\ndiv#config_logo-images-thumbnails img {\n max-height: 90px; }\n\n#paypal_help .btn-padding {\n margin-top: 12px; }\n\n#paypal_help .li-padding {\n margin-top: 20px; }\n\n@media only screen and (max-width: 1240px) {\n #paypal_conf .box ul {\n width: 55%; } }\n\n@media only screen and (max-width: 900px) {\n #paypal_conf .left .logo {\n float: none;\n margin: 0px; }\n #paypal_conf .left .info {\n float: none;\n margin-top: 15px;\n width: 90%; }\n #paypal_conf .left {\n width: 97%; }\n #paypal_conf .right {\n width: 94%; }\n #paypal_conf .box ul {\n width: 100%;\n float: none; } }\n\n@media only screen and (max-width: 570px) {\n #paypal_conf .left .logo {\n width: 85%; } }\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///./_dev/scss/paypal-bo.scss"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,qCAAqC;;AAErC;AACA,qBAAqB;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB;;AAEtB;AACA;AACA,sBAAsB;;AAEtB;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB;;AAElB;AACA,eAAe;;AAEf;AACA;AACA,qBAAqB;;AAErB;AACA,oBAAoB;;AAEpB;AACA;AACA;AACA,kBAAkB;;AAElB;AACA,mBAAmB;;AAEnB;AACA;AACA;AACA,oBAAoB;;AAEpB;AACA;AACA;AACA;AACA,oBAAoB;;AAEpB;AACA,uCAAuC;;AAEvC;AACA,wBAAwB;;AAExB;AACA,cAAc;;AAEd;AACA;AACA,mBAAmB;;AAEnB;AACA,kCAAkC;;AAElC;AACA,mBAAmB;;AAEnB;AACA;AACA,oBAAoB;;AAEpB;AACA,eAAe;;AAEf;AACA,aAAa;;AAEb;AACA,aAAa;;AAEb;AACA;AACA,mBAAmB;;AAEnB;AACA;AACA;AACA;AACA,aAAa;;AAEb;AACA,cAAc;;AAEd;AACA;AACA,eAAe;AACf,eAAe;;AAEf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;;AAErB;AACA;AACA,aAAa;;AAEb;AACA,qBAAqB;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;;AAEf;AACA;AACA,iBAAiB;;AAEjB;AACA;AACA,uCAAuC;;AAEvC;AACA,oBAAoB;;AAEpB;AACA,2BAA2B;;AAE3B;AACA;AACA,kBAAkB;;AAElB;AACA;AACA;AACA;AACA,kGAAkG;;AAElG;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB;;AAEpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;;AAEjC;AACA,mBAAmB;;AAEnB;AACA,qBAAqB;;AAErB;AACA;AACA;AACA,cAAc;;AAEd;AACA,oBAAoB;;AAEpB;AACA,mBAAmB;;AAEnB;AACA,iBAAiB;;AAEjB;AACA,aAAa;;AAEb;AACA;AACA;AACA;AACA;AACA,iCAAiC;;AAEjC;AACA,kBAAkB;;AAElB;AACA;AACA;AACA,sBAAsB;;AAEtB;AACA,wBAAwB;;AAExB;AACA;AACA;AACA;AACA,+BAA+B;;AAE/B;AACA,cAAc;;AAEd;AACA;AACA;AACA;AACA;AACA,6BAA6B;;AAE7B;AACA,cAAc;;AAEd;AACA,mBAAmB;;AAEnB;AACA,mBAAmB;;AAEnB;AACA,mBAAmB;;AAEnB;AACA;AACA,eAAe,EAAE;;AAEjB;AACA;AACA;AACA,gBAAgB;AAChB;AACA;AACA;AACA,eAAe;AACf;AACA,eAAe;AACf;AACA,eAAe;AACf;AACA;AACA,gBAAgB,EAAE;;AAElB;AACA;AACA,eAAe,EAAE","file":"css/paypal-bo.css","sourcesContent":[".paypal-nav .nav {\n margin-bottom: 20px;\n margin-left: 8px;\n padding-bottom: 2px;\n border-bottom: 1px solid lightgrey; }\n\n.paypal-nav .nav > li > a {\n margin-right: 30px; }\n\n.paypal-nav .nav > li > a, .paypal-nav .nav > li > a:hover, .paypal-nav .nav > li > a:focus,\n.paypal-nav .nav > li > a:hover > span, .paypal-nav .nav > li > a:focus > span {\n color: #2095f2;\n background-color: transparent;\n font-size: 16px;\n text-decoration: none;\n padding-left: 0;\n padding-bottom: 4px; }\n\n.paypal-nav .nav > li > a:active > span, .paypal-nav .nav > li.active > a:active > span, .paypal-nav .nav > li.active > a > span {\n border-bottom: 3px solid #4277bb;\n padding-bottom: 4px; }\n\n.paypal-nav .nav > li > a:active > span,\n.paypal-nav .nav > li.active > a:active > span, .paypal-nav .nav > li.active > a:active, .paypal-nav .nav > li > a:active, .paypal-nav .nav > li.active > a > span, .paypal-nav .nav > li.active > a:focus, .paypal-nav .nav > li.active > a:hover, .paypal-nav .nav > li.active > a:hover > span, .paypal-nav .nav > li.active > a, .paypal-nav .nav > li.active > a:focus > span {\n color: #4277bb;\n background-color: transparent;\n font-size: 16px;\n font-weight: bold;\n padding-left: 0; }\n\n.active-products img.paypal-products, .parametres .paypal-products {\n width: 135px; }\n\n.active-products img.product-img {\n height: 20px;\n padding-right: 1px; }\n\n.active-products .panel span {\n font-weight: bold; }\n\n.active-products .panel a {\n font-weight: bold;\n text-decoration: none;\n cursor: pointer; }\n\n.active-products .panel div.bottom {\n margin-top: 25px; }\n\n.active-products .panel .btn.btn-default {\n color: #87b1d6;\n border-color: #87b1d6;\n border: 2px solid; }\n\n.active-products .panel .btn.btn-default:hover {\n color: white;\n background-color: #87b1d6;\n border-color: #87b1d6;\n border: 2px solid; }\n\n.active-products .panel.active-panel {\n background-color: #F0F8FF !important; }\n\n.paypal-signup .btn.btn-info {\n padding: 0px 15px 0 0; }\n\n#paypal_params .parametres {\n float: none; }\n\n#paypal_params .help-right {\n padding-left: 20px;\n margin-top: 57px; }\n\n#paypal_params .help-left {\n border-right: 1px solid #25b9d7; }\n\n.paypal-bold {\n font-weight: 700; }\n\n.box ul.tick li {\n background: url(\"$img_dir/blue_tick.png\") no-repeat left 3px;\n padding: 4px 26px; }\n\n#paypal_conf .right, .box ul.tick {\n float: right; }\n\n#paypal_conf .left {\n width: 79%; }\n\n#paypal_conf .right {\n width: 17%; }\n\n#paypal_conf .box {\n margin: 6px 1%;\n text-align: left; }\n\n#paypal_conf .box ul {\n list-style: none;\n margin: 0;\n padding: 0;\n width: 66%; }\n\n#paypal_conf .left {\n float: left; }\n\n#paypal_conf .left img {\n margin-bottom: -5px;\n /*float:left; */\n width: 100px; }\n\n#paypal_conf .left .logo {\n float: left;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n padding: 15px;\n background: #fff;\n margin: 0 auto;\n text-align: center; }\n\n#paypal_conf .left .info {\n float: right;\n width: 65%; }\n\n.active-products > p {\n padding-left: 15px; }\n\n#ConfirmLive .btn {\n border: 1px solid #666;\n padding: 8px;\n border-radius: 4px;\n text-decoration: none;\n cursor: pointer;\n margin: 10px; }\n\n#ConfirmLive .btn-info {\n background-color: #25b9d7;\n color: #ffffff; }\n\n.paypal_block_info {\n border-color: #A1C4E6 !important;\n background-color: #DDEAF6 !important; }\n\n#paypal_conf .active-products .col-sm-6 .panel {\n min-height: 240px; }\n\n#credential-configuration ul li {\n list-style-type: decimal; }\n\n#paypal_conf .left .logo > div {\n margin-top: 11px;\n font-size: 16px; }\n\n/*section marketing*/\n.blue {\n color: #fff;\n background-color: #009cde;\n background-image: radial-gradient(circle farthest-side at center bottom, #009cde, #003087 125%); }\n\n.containerCentered {\n margin-right: auto;\n margin-left: auto;\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n max-width: 1150px;\n padding-left: 3%;\n padding-right: 3%; }\n\n.row-fluid {\n background: #fff;\n position: relative;\n z-index: 2;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate(0, 0);\n padding: 15px 0;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\n#rtb1.row-fluid, #rtb2.row-fluid {\n background: none; }\n\n.center-text {\n text-align: center; }\n\n.containerCentered:after {\n content: \"\";\n display: table;\n clear: both; }\n\n.row-fluid [class*=span]:not(.btn) {\n padding-right: 2%; }\n\nhtml[data-device-type=\"dedicated\"] .sticky-nav-panel .btn, html[data-device-type=\"portable\"] .sticky-nav-panel .btn, html[data-device-type=\"dedicated\"] .row-fluid .span4, html[data-device-type=\"portable\"] .row-fluid .span4 {\n min-width: 205px; }\n\n.row-fluid [class*=span]:first-child {\n margin-left: 0; }\n\n.row-fluid .span4 {\n width: 32%; }\n\n.row-fluid [class*=span] {\n float: left;\n margin-left: 2%;\n min-height: 1px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\np.contentPara {\n font-size: 14px; }\n\n.large, h3, html[data-device-type=mobile] .x-large, html[data-device-type=mobile] h2 {\n font-size: 28px;\n font-size: 2rem;\n line-height: 1.25em; }\n\n.large, .medium, .small, h3, h4, h5, h6 {\n letter-spacing: .01em; }\n\n.blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6 {\n font-family: pp-sans-big-light,Helvetica Neue,Arial,sans-serif !important;\n font-weight: 400 !important;\n font-variant: normal !important;\n line-height: 1.25 !important; }\n\n.blue p {\n color: #fff; }\n\n.blue a, .dark a {\n font-family: pp-sans-small-bold,Helvetica Neue,Arial,sans-serif;\n font-weight: bold;\n font-variant: normal;\n color: #fff;\n text-decoration: underline; }\n\n.blue a:hover, .dark a:hover {\n color: #fff; }\n\ndiv#config_logo-images-thumbnails img {\n max-height: 90px; }\n\n#paypal_help .btn-padding {\n margin-top: 12px; }\n\n#paypal_help .li-padding {\n margin-top: 20px; }\n\n@media only screen and (max-width: 1240px) {\n #paypal_conf .box ul {\n width: 55%; } }\n\n@media only screen and (max-width: 900px) {\n #paypal_conf .left .logo {\n float: none;\n margin: 0px; }\n #paypal_conf .left .info {\n float: none;\n margin-top: 15px;\n width: 90%; }\n #paypal_conf .left {\n width: 97%; }\n #paypal_conf .right {\n width: 94%; }\n #paypal_conf .box ul {\n width: 100%;\n float: none; } }\n\n@media only screen and (max-width: 570px) {\n #paypal_conf .left .logo {\n width: 85%; } }\n"],"sourceRoot":""} \ No newline at end of file