wickes-css2 2.103.0-IC-976-pre-commit-lint.2 → 2.103.0-IC-976-pre-commit-lint.4

package/src/scss/barclays-paypage-desktop.css

@@ -1,1018 +1,1018 @@
 @font-face {
-  font-family: Roboto;
-  src: url(../fonts/Roboto-Regular.woff2) format("woff2"), url(../fonts/Roboto-Regular.woff) format("woff");
-  font-weight: 500;
-  font-style: normal
+    font-family: Roboto;
+    src: url(../fonts/Roboto-Regular.woff2) format("woff2"), url(../fonts/Roboto-Regular.woff) format("woff");
+    font-weight: 500;
+    font-style: normal
 }
 
 body {
-  font-family: Roboto, Helvetica, Arial, sans-serif;
-  color: #626d75;
-  font-size: 100%;
-  margin: 0
+    font-family: Roboto, Helvetica, Arial, sans-serif;
+    color: #626d75;
+    font-size: 100%;
+    margin: 0
 }
 
 a img, body {
-  border: 0
+    border: 0
 }
 
 #acsHeading, #cscHeading, #expiryMonthTooltipText, #paypageHeading, #submitHelp {
-  display: none
+    display: none
 }
 
 #requiredFieldsMessage1 {
-  font-size: 12px
+    font-size: 12px
 }
 
 .description {
-  position: absolute;
-  left: -10000px;
-  top: auto;
-  width: .063em;
-  height: .063em;
-  overflow: hidden
+    position: absolute;
+    left: -10000px;
+    top: auto;
+    width: .063em;
+    height: .063em;
+    overflow: hidden
 }
 
 #cardEntryForm, .formSection, .formSection #cardholderName.formInput, .formSection #cardNumber.formInput, .formSection #cardType.formInput, .formSection #expiryYear.formInput, .submitButton {
-  box-sizing: border-box;
-  width: 99vw
+    box-sizing: border-box;
+    width: 99vw
 }
 
 .formSection {
-  width: 97vw
+    width: 97vw
 }
 
 .formSection #expiryYear.formInput {
-  width: 80px
+    width: 80px
 }
 
 .formSection.inputError .tooltip {
-  display: block !important
+    display: block !important
 }
 
 .formSection.inputError .formInput {
-  border-color: #cf000f
+    border-color: #cf000f
 }
 
 #cardEntryForm {
-  margin: 0 auto;
-  width: 100%;
-  text-align: left
+    margin: 0 auto;
+    width: 100%;
+    text-align: left
 }
 
 .logo {
-  width: 100%;
-  text-align: center;
-  margin: auto
+    width: 100%;
+    text-align: center;
+    margin: auto
 }
 
 .logoImg {
-  width: 12.563em;
-  height: 2.938em;
-  display: none
+    width: 12.563em;
+    height: 2.938em;
+    display: none
 }
 
 #storeName {
-  margin: 2%;
-  text-align: center;
-  font-weight: 700;
-  display: none
+    margin: 2%;
+    text-align: center;
+    font-weight: 700;
+    display: none
 }
 
 #messagePanel {
-  display: block;
-  font-size: medium;
-  font-weight: 400;
-  background-color: #c00;
-  border: .125em solid #c00;
-  padding: 5px 2px;
-  margin: 5px;
-  list-style: none outside none;
-  text-align: center;
-  color: #fff
+    display: block;
+    font-size: medium;
+    font-weight: 400;
+    background-color: #c00;
+    border: .125em solid #c00;
+    padding: 5px 2px;
+    margin: 5px;
+    list-style: none outside none;
+    text-align: center;
+    color: #fff
 }
 
 #messagePanel img {
-  display: none
+    display: none
 }
 
 .inlineText {
-  display: block;
-  font-size: .75em;
-  font-weight: 400;
-  width: 100%;
-  float: left
+    display: block;
+    font-size: .75em;
+    font-weight: 400;
+    width: 100%;
+    float: left
 }
 
 .invisible {
-  display: none
+    display: none
 }
 
 #errorIcon, .noJsErrorIcon {
-  width: 1em;
-  height: 1em
+    width: 1em;
+    height: 1em
 }
 
 #errorIcon {
-  margin-right: 1em
+    margin-right: 1em
 }
 
 .centered {
-  margin: 0 auto
+    margin: 0 auto
 }
 
 #basketPanel, #billingAddressPanel, #customerAddressPanel, #paymentDetailsPanel, #paymentMethodPanel, #purchaseDetailsPanel, #shippingAddressPanel {
-  padding-top: 2%;
-  margin-bottom: 2%
+    padding-top: 2%;
+    margin-bottom: 2%
 }
 
 .formInput {
-  font-size: .875rem;
-  line-height: 1.57143;
-  background: #fff;
-  border: 1px solid #ccc;
-  border-radius: 3px;
-  color: #3e3e3e;
-  padding: 8px 16px;
-  outline: 0;
-  height: 40px;
-  width: 100%;
-  box-shadow: none;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  margin-bottom: 5px;
-  touch-action: none
+    font-size: .875rem;
+    line-height: 1.57143;
+    background: #fff;
+    border: 1px solid #ccc;
+    border-radius: 3px;
+    color: #3e3e3e;
+    padding: 8px 16px;
+    outline: 0;
+    height: 40px;
+    width: 100%;
+    box-shadow: none;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    margin-bottom: 5px;
+    touch-action: none
 }
 
 .formInput.visa {
-  background: #fff url(../images/icons/visa-icon.png) no-repeat 99%
+    background: #fff url(../images/icons/visa-icon.png) no-repeat 99%
 }
 
 .formInput.mastercard {
-  background: #fff url(../images/icons/mastercard-icon.png) no-repeat 99%
+    background: #fff url(../images/icons/mastercard-icon.png) no-repeat 99%
 }
 
 .formInput.amex {
-  background: #fff url(../images/icons/amex-icon.png) no-repeat 99%
+    background: #fff url(../images/icons/amex-icon.png) no-repeat 99%
 }
 
 .formInput.jcb {
-  background: #fff url(../images/icons/jcb-icon.png) no-repeat 99%
+    background: #fff url(../images/icons/jcb-icon.png) no-repeat 99%
 }
 
 .formInput.dinersclub {
-  background: #fff url(../images/icons/dinersclub-icon.png) no-repeat 99%
+    background: #fff url(../images/icons/dinersclub-icon.png) no-repeat 99%
 }
 
 .formInput.maestro {
-  background: #fff url(../images/icons/maestro-icon.png) no-repeat 99%
+    background: #fff url(../images/icons/maestro-icon.png) no-repeat 99%
 }
 
 label.inputError {
-  color: #800
+    color: #800
 }
 
 input.inputError, select.inputError {
-  background-color: #ffe3e3 !important;
-  color: #800;
-  border: .1em solid #800
+    background-color: #ffe3e3 !important;
+    color: #800;
+    border: .1em solid #800
 }
 
 input.inputValid, select.inputValid {
-  background-color: #dfffdf !important;
-  color: #005f00;
-  border: .1em solid #005f00
+    background-color: #dfffdf !important;
+    color: #005f00;
+    border: .1em solid #005f00
 }
 
 label.labelError {
-  color: #d00 !important
+    color: #d00 !important
 }
 
 .bodyText {
-  font-family: Roboto, Helvetica, Arial, sans-serif;
-  color: #626d75;
-  font-size: medium;
-  text-align: left
+    font-family: Roboto, Helvetica, Arial, sans-serif;
+    color: #626d75;
+    font-size: medium;
+    text-align: left
 }
 
 #purchaseDetailsHeader {
-  padding-top: .5%
+    padding-top: .5%
 }
 
 #paymentDetailsHeader {
-  display: none
+    display: none
 }
 
 #addressLabel, #amountLabel, #goodsLabel, #postCodeLabel {
-  display: inline-block
+    display: inline-block
 }
 
 #address, #amount, #goods, #postCode {
-  width: 48%;
-  display: inline-block
+    width: 48%;
+    display: inline-block
 }
 
 .tooltip, .tooltipBottom {
-  display: none
+    display: none
 }
 
 #cardType {
-  width: 95%
+    width: 95%
 }
 
 #cardholderName, #cardNumber {
-  width: 90%
+    width: 90%
 }
 
 #expiryMonth, #expiryYear, #startMonth, #startYear {
-  width: 80px;
-  padding: 8px
+    width: 80px;
+    padding: 8px
 }
 
 #expiryYear, #startYear {
-  margin-left: 2px
+    margin-left: 2px
 }
 
 #expiryMonth, #startMonth {
-  margin-right: 2px
+    margin-right: 2px
 }
 
 .dateDropDownLabel {
-  position: absolute;
-  left: -10000px;
-  top: auto;
-  width: .063em;
-  height: .063em;
-  overflow: hidden
+    position: absolute;
+    left: -10000px;
+    top: auto;
+    width: .063em;
+    height: .063em;
+    overflow: hidden
 }
 
 #expiryYearLabel {
-  font-size: 0;
-  position: static
+    font-size: 0;
+    position: static
 }
 
 #cardType::-ms-expand, #expiryMonth::-ms-expand, #expiryYear::-ms-expand {
-  display: none
+    display: none
 }
 
 #expiryYearLabel:after {
-  font-size: 16px;
-  content: "/"
+    font-size: 16px;
+    content: "/"
 }
 
 #issue {
-  width: 15%
+    width: 15%
 }
 
 #ifAvailable {
-  font-style: italic;
-  font-weight: 400;
-  font-size: medium;
-  margin-left: .625em
+    font-style: italic;
+    font-weight: 400;
+    font-size: medium;
+    margin-left: .625em
 }
 
 #confirmCsc, #csc {
-  box-sizing: border-box
+    box-sizing: border-box
 }
 
 #cscSection {
-  position: relative
+    position: relative
 }
 
 #cscSection:after {
-  content: "";
-  width: 38%;
-  height: 51px;
-  display: block;
-  position: absolute;
-  bottom: -15px;
-  right: 125px
+    content: "";
+    width: 38%;
+    height: 51px;
+    display: block;
+    position: absolute;
+    bottom: -15px;
+    right: 125px
 }
 
 #newCardLink {
-  float: right
+    float: right
 }
 
 .linkText {
-  font-family: Roboto, Helvetica, Arial, sans-serif !important;
-  font-size: medium;
-  font-weight: 700;
-  margin: 1% 2% 1% 8%;
-  padding: 1.5% 5%;
-  border: thin solid;
-  border-color: #626d75;
-  background-color: #eee !important;
-  background-image: linear-gradient(bottom, #f5a30d, #ffd786 82%) !important;
-  background-image: -ms-linear-gradient(bottom, #f5a30d 0, #ffd786 82%) !important;
-  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f5a30d), color-stop(.82, #ffd786)) !important;
-  color: #036 !important;
-  border-radius: .313em;
-  -moz-border-radius: .313em;
-  -webkit-border-radius: .313em;
-  box-shadow: .188em .188em .188em #ccc;
-  -moz-box-shadow: .188em .188em .188em #ccc;
-  -webkit-box-shadow: .188em .188em .188em #ccc
+    font-family: Roboto, Helvetica, Arial, sans-serif !important;
+    font-size: medium;
+    font-weight: 700;
+    margin: 1% 2% 1% 8%;
+    padding: 1.5% 5%;
+    border: thin solid;
+    border-color: #626d75;
+    background-color: #eee !important;
+    background-image: linear-gradient(bottom, #f5a30d, #ffd786 82%) !important;
+    background-image: -ms-linear-gradient(bottom, #f5a30d 0, #ffd786 82%) !important;
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f5a30d), color-stop(.82, #ffd786)) !important;
+    color: #036 !important;
+    border-radius: .313em;
+    -moz-border-radius: .313em;
+    -webkit-border-radius: .313em;
+    box-shadow: .188em .188em .188em #ccc;
+    -moz-box-shadow: .188em .188em .188em #ccc;
+    -webkit-box-shadow: .188em .188em .188em #ccc
 }
 
 a, a:hover, a:visited {
-  text-decoration: none;
-  color: #626d75 !important
+    text-decoration: none;
+    color: #626d75 !important
 }
 
 #closeCSCLink {
-  display: block;
-  padding: 2%;
-  margin: 1% 2% 1% 1%
+    display: block;
+    padding: 2%;
+    margin: 1% 2% 1% 1%
 }
 
 #cscDialog {
-  display: none;
-  margin: 0;
-  position: fixed;
-  top: 25%;
-  text-align: center;
-  width: 95%;
-  z-index: 6000
+    display: none;
+    margin: 0;
+    position: fixed;
+    top: 25%;
+    text-align: center;
+    width: 95%;
+    z-index: 6000
 }
 
 #cscDialogContent, #payerAuthDialogContent {
-  box-shadow: .313em .313em .313em #ccc;
-  -moz-box-shadow: .313em .313em .313em #ccc;
-  -webkit-box-shadow: .313em .313em .313em #ccc;
-  display: block;
-  margin: 0 auto;
-  background: #fff;
-  border: #636b70;
-  border-width: .063em;
-  border-style: solid;
-  text-align: center
+    box-shadow: .313em .313em .313em #ccc;
+    -moz-box-shadow: .313em .313em .313em #ccc;
+    -webkit-box-shadow: .313em .313em .313em #ccc;
+    display: block;
+    margin: 0 auto;
+    background: #fff;
+    border: #636b70;
+    border-width: .063em;
+    border-style: solid;
+    text-align: center
 }
 
 #cscDialogContent {
-  width: 95%
+    width: 95%
 }
 
 .closeDialogIcon {
-  display: none
+    display: none
 }
 
 #cscDialogTitle {
-  margin: .75em 0 .563em .6em
+    margin: .75em 0 .563em .6em
 }
 
 #cscDialogTitle, .dialogTitle {
-  display: block;
-  font-weight: 700
+    display: block;
+    font-weight: 700
 }
 
 .dialogTitle {
-  margin-bottom: 1.15em
+    margin-bottom: 1.15em
 }
 
 #cscDescriptionBody {
-  height: 10.938em;
-  width: 100%
+    height: 10.938em;
+    width: 100%
 }
 
 #cscText {
-  width: 100%;
-  text-align: left
+    width: 100%;
+    text-align: left
 }
 
 #cscRightImage {
-  display: none
+    display: none
 }
 
 #cscBottomImage {
-  height: 6em;
-  width: 100%;
-  margin: .625em 0 .5em;
-  text-align: center
+    height: 6em;
+    width: 100%;
+    margin: .625em 0 .5em;
+    text-align: center
 }
 
 .cancelButton {
-  width: 30%;
-  float: left;
-  background: #9fc2c1;
-  border: 1px solid #8daf9c;
-  font-weight: 700;
-  font-family: Roboto, Helvetica, Arial, sans-serif;
-  color: #000;
-  font-size: 16px;
-  padding: 3%;
-  text-align: center;
-  border-radius: 6px;
-  display: none
+    width: 30%;
+    float: left;
+    background: #9fc2c1;
+    border: 1px solid #8daf9c;
+    font-weight: 700;
+    font-family: Roboto, Helvetica, Arial, sans-serif;
+    color: #000;
+    font-size: 16px;
+    padding: 3%;
+    text-align: center;
+    border-radius: 6px;
+    display: none
 }
 
 #footer {
-  margin-top: 30px
+    margin-top: 30px
 }
 
 #footer, #payerAuthDialog {
-  text-align: center;
-  width: 100%
+    text-align: center;
+    width: 100%
 }
 
 #payerAuthDialog {
-  display: block;
-  margin: 0 auto;
-  position: absolute;
-  top: 6.25em
+    display: block;
+    margin: 0 auto;
+    position: absolute;
+    top: 6.25em
 }
 
 #payerAuthDialogContent {
-  width: 25em;
-  height: 31.25em
+    width: 25em;
+    height: 31.25em
 }
 
 #payerAuthIframe {
-  width: 100%;
-  border: 0;
-  padding: 0;
-  height: 30em
+    width: 100%;
+    border: 0;
+    padding: 0;
+    height: 30em
 }
 
 .bodyStyle {
-  display: block;
-  margin: 4%;
-  width: 90%;
-  text-align: center
+    display: block;
+    margin: 4%;
+    width: 90%;
+    text-align: center
 }
 
 .noJsReturnPanel {
-  display: block;
-  margin-top: .938em;
-  border: thin solid #d00;
-  padding: .625em .625em .625em 2.5em;
-  color: #cc292b;
-  font-size: medium
+    display: block;
+    margin-top: .938em;
+    border: thin solid #d00;
+    padding: .625em .625em .625em 2.5em;
+    color: #cc292b;
+    font-size: medium
 }
 
 .noJsContinueButton {
-  display: block;
-  margin: 0 auto;
-  text-align: center;
-  padding: .313em
+    display: block;
+    margin: 0 auto;
+    text-align: center;
+    padding: .313em
 }
 
 .wait {
-  top: 50%;
-  left: 50%;
-  margin-top: -7em;
-  margin-left: -7em;
-  text-align: center;
-  z-index: 6000;
-  overflow: auto;
-  border: #636b70;
-  border-width: .063em;
-  border-style: solid;
-  width: 14.5em;
-  height: 4em;
-  background-color: #fff;
-  padding-top: 1em
+    top: 50%;
+    left: 50%;
+    margin-top: -7em;
+    margin-left: -7em;
+    text-align: center;
+    z-index: 6000;
+    overflow: auto;
+    border: #636b70;
+    border-width: .063em;
+    border-style: solid;
+    width: 14.5em;
+    height: 4em;
+    background-color: #fff;
+    padding-top: 1em
 }
 
 #overlay, .wait {
-  display: none;
-  position: absolute
+    display: none;
+    position: absolute
 }
 
 #overlay {
-  opacity: .4;
-  top: 0;
-  left: 0;
-  background-color: #dcdcdc;
-  width: 100%;
-  z-index: 5000
+    opacity: .4;
+    top: 0;
+    left: 0;
+    background-color: #dcdcdc;
+    width: 100%;
+    z-index: 5000
 }
 
 .opaque {
-  opacity: .4;
-  zoom: 1
+    opacity: .4;
+    zoom: 1
 }
 
 tbody tr td {
-  margin: 0 auto;
-  height: auto !important;
-  background: #fff
+    margin: 0 auto;
+    height: auto !important;
+    background: #fff
 }
 
 .progressSpinner, tbody tr td {
-  text-align: center
+    text-align: center
 }
 
 #progressSpinnerImage {
-  margin: 0 auto;
-  margin-bottom: .6em;
-  width: 2em;
-  height: 2em;
-  display: block
+    margin: 0 auto;
+    margin-bottom: .6em;
+    width: 2em;
+    height: 2em;
+    display: block
 }
 
 #progressText {
-  text-align: center;
-  font-family: Roboto, Helvetica, Arial, sans-serif;
-  color: #e4141d;
-  font-size: medium
+    text-align: center;
+    font-family: Roboto, Helvetica, Arial, sans-serif;
+    color: #e4141d;
+    font-size: medium
 }
 
 #mainDccDiv {
-  font: 700 sans-serif;
-  width: 95%;
-  margin-left: auto;
-  margin-right: auto;
-  text-align: center
+    font: 700 sans-serif;
+    width: 95%;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center
 }
 
 #subHeaderText {
-  font-size: medium;
-  font-weight: 700;
-  margin-bottom: 2%;
-  text-align: center
+    font-size: medium;
+    font-weight: 700;
+    margin-bottom: 2%;
+    text-align: center
 }
 
 #dccEntryForm {
-  text-align: center;
-  margin: 0 auto
+    text-align: center;
+    margin: 0 auto
 }
 
 #selectionPanel {
-  text-align: left
+    text-align: left
 }
 
 #cardHolderText, #merchantText {
-  font-family: Roboto, Helvetica, Arial, sans-serif;
-  color: #626d75;
-  margin-top: 3%;
-  font-size: large;
-  font-weight: 700
+    font-family: Roboto, Helvetica, Arial, sans-serif;
+    color: #626d75;
+    margin-top: 3%;
+    font-size: large;
+    font-weight: 700
 }
 
 #dccCommands {
-  margin: 0 auto;
-  margin-top: 2%
+    margin: 0 auto;
+    margin-top: 2%
 }
 
 #dccCancel, #dccSubmit {
-  font-size: medium
+    font-size: medium
 }
 
 #dccSubmit {
-  float: right
+    float: right
 }
 
 #dccCancel {
-  float: left
+    float: left
 }
 
 #basketTable {
-  width: 100%
+    width: 100%
 }
 
 .basketHeader {
-  font-weight: 700;
-  font-size: .625em;
-  padding-left: .625em
+    font-weight: 700;
+    font-size: .625em;
+    padding-left: .625em
 }
 
 .basketItemQty, .basketQtyHeader, .quantityCol {
-  text-align: center
+    text-align: center
 }
 
 .basketFooter, .basketSubTotalHeader, .subTotalCol {
-  text-align: right
+    text-align: right
 }
 
 .basketPriceHeader, .priceCol {
-  display: none
+    display: none
 }
 
 .basketFooter {
-  font-weight: 700;
-  width: 100%
+    font-weight: 700;
+    width: 100%
 }
 
 .basketItemFooter {
-  padding-right: 1em;
-  width: 80%
+    padding-right: 1em;
+    width: 80%
 }
 
 .basketItemFooter, .basketItemPriceFooter {
-  display: inline-block
+    display: inline-block
 }
 
 .billingAddress, .shippingAddress {
-  display: block;
-  padding-left: .625em;
-  text-align: left;
-  clear: left
+    display: block;
+    padding-left: .625em;
+    text-align: left;
+    clear: left
 }
 
 #paymentMethodHeader {
-  padding-top: .313em
+    padding-top: .313em
 }
 
 button {
-  width: auto;
-  overflow: visible
+    width: auto;
+    overflow: visible
 }
 
 .paymentMethodCARD, .paymentMethodGIRO_PAY, .paymentMethodIDEAL, .paymentMethodMASTER_PASS, .paymentMethodMISTER_CASH, .paymentMethodPAY_PAL, .paymentMethodSOFORT {
-  display: block;
-  margin: .625em
+    display: block;
+    margin: .625em
 }
 
 .paymentMethodCARD {
-  width: 12.125em;
-  border: .063em solid #ccc;
-  border-radius: .625em
+    width: 12.125em;
+    border: .063em solid #ccc;
+    border-radius: .625em
 }
 
 .paymentMethodPAY_PAL {
-  width: 12.188em
+    width: 12.188em
 }
 
 .paymentMethodMASTER_PASS {
-  width: 9.063em
+    width: 9.063em
 }
 
 .paymentMethodIDEAL {
-  width: 2.313em
+    width: 2.313em
 }
 
 .paymentMethodGIRO_PAY {
-  width: 4.5em
+    width: 4.5em
 }
 
 .paymentMethodSOFORT {
-  width: 6.25em
+    width: 6.25em
 }
 
 .paymentMethodMISTER_CASH {
-  width: 3.313em
+    width: 3.313em
 }
 
 .paymentMethodOption {
-  display: inline-block;
-  vertical-align: middle !important;
-  height: 2.125em;
-  font-size: 0;
-  position: absolute;
-  left: -9000px
+    display: inline-block;
+    vertical-align: middle !important;
+    height: 2.125em;
+    font-size: 0;
+    position: absolute;
+    left: -9000px
 }
 
 legend {
-  display: block;
-  color: #000;
-  font-weight: 700;
-  text-align: left;
-  border-style: none
+    display: block;
+    color: #000;
+    font-weight: 700;
+    text-align: left;
+    border-style: none
 }
 
 fieldset {
-  display: block;
-  border: 0;
-  background-color: transparent;
-  padding-top: 1%;
-  padding-bottom: 2%
+    display: block;
+    border: 0;
+    background-color: transparent;
+    padding-top: 1%;
+    padding-bottom: 2%
 }
 
 #confirmCheck1, #confirmCheck2 {
-  float: left;
-  margin: 1% 0 1% 2%
+    float: left;
+    margin: 1% 0 1% 2%
 }
 
 #confirmCheck1LabelPanel, #confirmCheck2LabelPanel {
-  display: inline-block;
-  width: 82%;
-  font-weight: 400
+    display: inline-block;
+    width: 82%;
+    font-weight: 400
 }
 
 #checkBoxSection, #checkBoxSection2 {
-  margin-top: .5em
+    margin-top: .5em
 }
 
 .basketItemImage {
-  width: 2.5em;
-  height: 2.5em;
-  float: left;
-  margin-right: .5em
+    width: 2.5em;
+    height: 2.5em;
+    float: left;
+    margin-right: .5em
 }
 
 #amexAcceptanceMarkLink, #jcbAcceptanceMarkLink, #mcAcceptanceMarkLink, #paypalAcceptanceMarkLink, #vbvAcceptanceMarkLink {
-  text-decoration: none
+    text-decoration: none
 }
 
 #amexAcceptanceMarkImg, #jcbAcceptanceMarkImg, #mcAcceptanceMarkImg, #paypalAcceptanceMarkImg, #vbvAcceptanceMarkImg {
-  height: 2em !important;
-  display: inline-block !important;
-  overflow: hidden
+    height: 2em !important;
+    display: inline-block !important;
+    overflow: hidden
 }
 
 #vbvAcceptanceMarkImg {
-  width: 3.55em !important
+    width: 3.55em !important
 }
 
 #mcAcceptanceMarkImg {
-  width: 4.35em !important
+    width: 4.35em !important
 }
 
 #amexAcceptanceMarkImg, #jcbAcceptanceMarkImg {
-  width: 4.4em !important
+    width: 4.4em !important
 }
 
 #paypalAcceptanceMarkImg {
-  width: 3.125em !important
+    width: 3.125em !important
 }
 
 .cardType {
-  display: block !important;
-  background-repeat: no-repeat;
-  padding: .125em
+    display: block !important;
+    background-repeat: no-repeat;
+    padding: .125em
 }
 
 #confirmCardLabel {
-  display: block !important;
-  font-size: .75em;
-  font-weight: 700
+    display: block !important;
+    font-size: .75em;
+    font-weight: 700
 }
 
 #confirmCardExpiryLabel {
-  display: block !important;
-  font-size: .6em;
-  font-style: italic
+    display: block !important;
+    font-size: .6em;
+    font-style: italic
 }
 
 #cscImage {
-  width: 16em
+    width: 16em
 }
 
 #addressPanel, #amexAcceptanceMark, #purchaseDetailsGoods, #purchaseDetailsHeader, #shippingAddressPanel {
-  display: none
+    display: none
 }
 
 div#purchaseDetailsAmount {
-  text-align: center
+    text-align: center
 }
 
 span#amountLabel {
-  font-size: 20px;
-  color: #616161
+    font-size: 20px;
+    color: #616161
 }
 
 span#amount {
-  font-size: 18px;
-  text-align: center
+    font-size: 18px;
+    text-align: center
 }
 
 #confirmCheck2Label:after {
-  content: "";
-  width: 15px;
-  height: 15px;
-  position: relative;
-  top: 1px;
-  margin-left: 5px;
-  display: inline-block;
-  background-image: url(../lock.png);
-  background-size: contain;
-  background-repeat: no-repeat
+    content: "";
+    width: 15px;
+    height: 15px;
+    position: relative;
+    top: 1px;
+    margin-left: 5px;
+    display: inline-block;
+    background-image: url(../lock.png);
+    background-size: contain;
+    background-repeat: no-repeat
 }
 
 input, textarea {
-  -webkit-appearance: none;
-  -webkit-border-radius: 0
+    -webkit-appearance: none;
+    -webkit-border-radius: 0
 }
 
 .formLabel {
-  text-align: left;
-  display: block;
-  margin: 20px 0 5px;
-  color: #3e3e3e;
-  font-family: Roboto, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  font-weight: 700;
-  letter-spacing: 0;
-  line-height: 22px
+    text-align: left;
+    display: block;
+    margin: 20px 0 5px;
+    color: #3e3e3e;
+    font-family: Roboto, Helvetica, Arial, sans-serif;
+    font-size: 16px;
+    font-weight: 700;
+    letter-spacing: 0;
+    line-height: 22px
 }
 
 .formLabelDescr {
-  font-size: 12px;
-  line-height: 20px;
-  font-weight: 500
+    font-size: 12px;
+    line-height: 20px;
+    font-weight: 500
 }
 
 #cardNumberHelpPanel {
-  display: none
+    display: none
 }
 
 #cardNumberHelpPanel:before {
-  content: "*";
-  display: block
+    content: "*";
+    display: block
 }
 
 #addressPanel, #btnCancel, #footer, #paymentDetailsLegend, #ppLogo, #purchaseDetailsPanel, #storeName, .labelHelpImg {
-  display: none
+    display: none
 }
 
 #cardNumberSection, #cscSection, #expirySection {
-  position: relative
+    position: relative
 }
 
 input[type=radio] {
-  margin: 1em .25em
+    margin: 1em .25em
 }
 
 input.inputError {
-  background-color: #fff !important;
-  border-color: #c00;
-  color: #c00
+    background-color: #fff !important;
+    border-color: #c00;
+    color: #c00
 }
 
 .tooltip {
-  padding: 0;
-  display: none !important
+    padding: 0;
+    display: none !important
 }
 
 .tooltipBottom {
-  display: none
+    display: none
 }
 
 .tooltipText {
-  position: relative;
-  width: 100%;
-  min-height: 1px;
-  color: #cf000f;
-  margin-top: 8px;
-  font-size: 14px;
-  letter-spacing: 0;
-  line-height: 22px
+    position: relative;
+    width: 100%;
+    min-height: 1px;
+    color: #cf000f;
+    margin-top: 8px;
+    font-size: 14px;
+    letter-spacing: 0;
+    line-height: 22px
 }
 
 #cscDescLink {
-  display: none;
-  background-image: url(../images/hybrid_cvv.png);
-  width: 37px;
-  height: 25px;
-  background-size: cover;
-  margin: -39px 0 15px 100px
+    display: none;
+    background-image: url(../images/hybrid_cvv.png);
+    width: 37px;
+    height: 25px;
+    background-size: cover;
+    margin: -39px 0 15px 100px
 }
 
 #cscDescLink .linkText {
-  display: none
+    display: none
 }
 
 .submitButton {
-  font-family: Roboto, Helvetica, Arial, sans-serif;
-  float: none;
-  box-shadow: none;
-  display: inline-block;
-  cursor: pointer;
-  background-color: #0277bd;
-  color: #fff;
-  text-decoration: none;
-  font-weight: 500;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: middle;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border: 1px solid transparent;
-  padding: 8px 0;
-  width: 100%;
-  font-size: 16px;
-  line-height: 24px;
-  border-radius: 3px;
-  transition: none;
-  height: 40px
+    font-family: Roboto, Helvetica, Arial, sans-serif;
+    float: none;
+    box-shadow: none;
+    display: inline-block;
+    cursor: pointer;
+    background-color: #0277bd;
+    color: #fff;
+    text-decoration: none;
+    font-weight: 500;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    border: 1px solid transparent;
+    padding: 8px 0;
+    width: 100%;
+    font-size: 16px;
+    line-height: 24px;
+    border-radius: 3px;
+    transition: none;
+    height: 40px
 }
 
 #commands {
-  position: relative;
-  width: 100%;
-  margin-top: 30px
+    position: relative;
+    width: 100%;
+    margin-top: 30px
 }
 
 #commands:before {
-  height: 32px;
-  width: 33px;
-  box-sizing: border-box
+    height: 32px;
+    width: 33px;
+    box-sizing: border-box
 }
 
 #paymentDetailsPanel #paymentDetailsFieldset {
-  padding: 0;
-  margin: 0
+    padding: 0;
+    margin: 0
 }
 
 #paymentDetailsTitle, #visaCheckoutPaymentDetailsPanel, #visaCheckoutPaymentSummaryPanel {
-  display: none
+    display: none
 }
 
 #cscSection, #expirySection {
-  display: inline-block;
-  vertical-align: top
+    display: inline-block;
+    vertical-align: top
 }
 
 #expirySection {
-  width: 200px;
-  white-space: nowrap;
-  margin-right: 16px
+    width: 200px;
+    white-space: nowrap;
+    margin-right: 16px
 }
 
 #cscSection {
-  width: 110px
+    width: 110px
 }
 
 #cscSection label {
-  white-space: nowrap
+    white-space: nowrap
 }
 
 #paymentDetailsPanel {
-  display: flex;
-  width: 100%;
-  flex-flow: wrap
+    display: flex;
+    width: 100%;
+    flex-flow: wrap
 }
 
 #cardNumberSection {
-  order: -1
+    order: -1
 }
 
 #cardTypeSection {
-  order: -2
+    order: -2
 }
 
 /*# sourceMappingURL=../maps/pages/iframe-paypage.css.map */
 
 .errorText {
-  text-align: left;
+    text-align: left;
 }
 
 #expiryDateMessagePanel {
-  display: block;
-  margin-top: 5px;
-  margin-left: 0;
-  position: relative;
-  width: 70%;
-  order: 6;
+    display: block;
+    margin-top: 5px;
+    margin-left: 0;
+    position: relative;
+    width: 70%;
+    order: 6;
 }
 
 .formInputForError {
-  font-size: .875rem;
-  line-height: 1.57143;
-  background: #fff;
-  border: 1px solid #FF0000;
-  border-radius: 3px;
-  color: #3e3e3e;
-  padding: 8px 16px;
-  outline: 0;
-  height: 40px;
-  box-shadow: none;
-  margin-bottom: 5px;
-  box-sizing: border-box;
-  width: 90%;
+    font-size: .875rem;
+    line-height: 1.57143;
+    background: #fff;
+    border: 1px solid #FF0000;
+    border-radius: 3px;
+    color: #3e3e3e;
+    padding: 8px 16px;
+    outline: 0;
+    height: 40px;
+    box-shadow: none;
+    margin-bottom: 5px;
+    box-sizing: border-box;
+    width: 90%;
 }
 
 #cscSection {
-  position: relative;
-  order: 5;
+    position: relative;
+    order: 5;
 }
 
 #cardNumberSection,
 #cardholderNameSection {
-  display: block;
-  width: 100%;
+    display: block;
+    width: 100%;
 }
 
 #cardholderName,
 #cardNumber {
-  width: 99vw;
-  box-sizing: border-box;
+    width: 99vw;
+    box-sizing: border-box;
 }
 
 #messagePanel {
-  display: none !important;
+    display: none !important;
 }
 
 #cscMessagePanel {
-  white-space: normal;
-  width: 425px;
-  position: relative;
-  right: 216px;
+    white-space: normal;
+    width: 425px;
+    position: relative;
+    right: 216px;
 }
 
 #errorIconDiv {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
 .inlineErrorIcon {
-  width: 15px;
-  height: auto;
+    width: 15px;
+    height: auto;
 }
 
 .errorMessagePanel {
-  gap: 3px;
+    gap: 3px;
 }