wickes-css2 2.103.0-IC-976-pre-commit-lint.1 → 2.103.0-IC-976-pre-commit-lint.3

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

@@ -1,1086 +1,1086 @@
 @font-face {
-  font-family: Roboto;
-  src: url(../fonts/Roboto-Regular.woff2) format("woff2"), url(../fonts/Roboto-Regular.woff) format("woff");
-  font-weight: 400;
-  font-style: normal;
+    font-family: Roboto;
+    src: url(../fonts/Roboto-Regular.woff2) format("woff2"), url(../fonts/Roboto-Regular.woff) format("woff");
+    font-weight: 400;
+    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;
+    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;
 }
 
 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;
 }
 
 #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: 170px;
-  white-space: nowrap;
-  margin-right: 16px
+    width: 170px;
+    white-space: nowrap;
+    margin-right: 16px
 }
 
 #cscSection {
-  width: 112px
+    width: 112px
 }
 
 #paymentDetailsPanel {
-  display: flex;
-  width: 100%;
-  flex-flow: wrap
+    display: flex;
+    width: 100%;
+    flex-flow: wrap
 }
 
 .errorText {
-  text-align: left;
+    text-align: left;
 }
 
 #cardholderName,
 #cardNumber {
-  width: 99vw;
-  box-sizing: border-box;
+    width: 99vw;
+    box-sizing: border-box;
 }
 
 #expiryDateMessagePanel {
-  display: block;
-  margin-top: 5px;
-  margin-left: 0;
-  position: relative;
-  order: 6;
-  width: 300px;
+    display: block;
+    margin-top: 5px;
+    margin-left: 0;
+    position: relative;
+    order: 6;
+    width: 300px;
 }
 
 .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;
-  width: 80%;
+    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;
+    width: 80%;
 }
 
 #cscSection {
-  position: relative;
-  order: 5;
+    position: relative;
+    order: 5;
 }
 
 #cscMessagePanel {
-  white-space: normal;
-  width: max-content;
-  max-width: 100vw;
-  right: 186px;
-  position: relative;
+    white-space: normal;
+    width: max-content;
+    max-width: 100vw;
+    right: 186px;
+    position: relative;
 }
 
 #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;
 }
 
 #cardNumberSection,
 #cardholderNameSection {
-  display: block;
-  width: 100%;
+    display: block;
+    width: 100%;
 }
 
 #messagePanel {
-  display: none !important;
+    display: none !important;
 }
 
 /*desktop styles only*/
 @media (min-width: 490px) {
-  @font-face {
-    font-weight: 500;
-  }
-  
-  .formInput {
-    touch-action: none;
-  }
-  
-  .formInput.visa {
-    background: #fff url(../images/icons/visa-icon.png) no-repeat 99%
-  }
-  
-  .formInput.mastercard {
-    background: #fff url(../images/icons/mastercard-icon.png) no-repeat 99%
-  }
-  
-  .formInput.amex {
-    background: #fff url(../images/icons/amex-icon.png) no-repeat 99%
-  }
-  
-  .formInput.jcb {
-    background: #fff url(../images/icons/jcb-icon.png) no-repeat 99%
-  }
-  
-  .formInput.dinersclub {
-    background: #fff url(../images/icons/dinersclub-icon.png) no-repeat 99%
-  }
-  
-  .formInput.maestro {
-    background: #fff url(../images/icons/maestro-icon.png) no-repeat 99%
-  }
-  
-  #expiryMonth, #expiryYear, #startMonth, #startYear {
-    width: 80px;
-  }
-  
-  #expirySection {
-    width: 200px;
-  }
-  
-  #cscSection {
-    width: 110px
-  }
-  
-  #cscSection label {
-    white-space: nowrap
-  }
-  
-  #cardNumberSection {
-    order: -1
-  }
-  
-  #cardTypeSection {
-    order: -2
-  }
-  
-  #expiryDateMessagePanel {
-    width: 100%;
-  }
-  
-  .formInputForError {
-    box-sizing: border-box;
-  }
-  
-  #cscMessagePanel {
-    right: 216px;
-  }
-  
+    @font-face {
+        font-weight: 500;
+    }
+
+    .formInput {
+        touch-action: none;
+    }
+
+    .formInput.visa {
+        background: #fff url(../images/icons/visa-icon.png) no-repeat 99%
+    }
+
+    .formInput.mastercard {
+        background: #fff url(../images/icons/mastercard-icon.png) no-repeat 99%
+    }
+
+    .formInput.amex {
+        background: #fff url(../images/icons/amex-icon.png) no-repeat 99%
+    }
+
+    .formInput.jcb {
+        background: #fff url(../images/icons/jcb-icon.png) no-repeat 99%
+    }
+
+    .formInput.dinersclub {
+        background: #fff url(../images/icons/dinersclub-icon.png) no-repeat 99%
+    }
+
+    .formInput.maestro {
+        background: #fff url(../images/icons/maestro-icon.png) no-repeat 99%
+    }
+
+    #expiryMonth, #expiryYear, #startMonth, #startYear {
+        width: 80px;
+    }
+
+    #expirySection {
+        width: 200px;
+    }
+
+    #cscSection {
+        width: 110px
+    }
+
+    #cscSection label {
+        white-space: nowrap
+    }
+
+    #cardNumberSection {
+        order: -1
+    }
+
+    #cardTypeSection {
+        order: -2
+    }
+
+    #expiryDateMessagePanel {
+        width: 100%;
+    }
+
+    .formInputForError {
+        box-sizing: border-box;
+    }
+
+    #cscMessagePanel {
+        right: 216px;
+    }
+
 }
 
 /*for mobile only*/
 @media (max-width: 489px) {
-  #paymentDetailsTitle {
-    display: none;
-  }
-  
-  #cardNumberSection {
-    order: -1
-  }
-  
-  #cardTypeSection {
-    order: -2
-  }
-  
-  .hidden {
-    margin: 0;
-  }
-  
-  #commands {
-    margin-top: 0;
-  }
-  
-  #errorIconDiv,
-  #errorIconDiv:has(#cscErrorIcon) {
-    display: flex;
-    align-items: flex-start;
-    position: relative;
-    top: 3px;
-  }
-  
-  .submitButton {
-    margin-top: 20px;
-  }
+    #paymentDetailsTitle {
+        display: none;
+    }
+
+    #cardNumberSection {
+        order: -1
+    }
+
+    #cardTypeSection {
+        order: -2
+    }
+
+    .hidden {
+        margin: 0;
+    }
+
+    #commands {
+        margin-top: 0;
+    }
+
+    #errorIconDiv,
+    #errorIconDiv:has(#cscErrorIcon) {
+        display: flex;
+        align-items: flex-start;
+        position: relative;
+        top: 3px;
+    }
+
+    .submitButton {
+        margin-top: 20px;
+    }
 }
 
 @media (max-width: 265px) {
-  #cscMessagePanel {
-    right: 0;
-  }
-  
-  #expiryDateMessagePanel {
-    order: 5;
-  }
+    #cscMessagePanel {
+        right: 0;
+    }
+
+    #expiryDateMessagePanel {
+        order: 5;
+    }
 }