.wc-paytrail-methods-container .wc-paytrail-methods-select {
  display: none;
}

.wc-paytrail-methods-container .wc-paytrail-method {
  background: #ffffff;
  border: 1px solid #d5dfe0;
  background-repeat: no-repeat;
  background-position: center 10px;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 140px;
  height: 101px;
  vertical-align: top;
  text-align: center;
}

.wc-paytrail-methods-container .wc-paytrail-method.selected,
.wc-paytrail-methods-container .wc-paytrail-method:hover {
  border-color: #7b9fa3;
}

.wc-paytrail-methods-container .wc-paytrail-method label {
  display: none;
}

.wc-paytrail-methods-container .wc-paytrail-method input[type="radio"] {
  margin: 75px 0 0 !important;
}

.wc-paytrail-methods-container #wc-paytrail-method-1 {
  background-image: url(../images/1.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-2 {
  background-image: url(../images/2.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-3 {
  background-image: url(../images/3.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-5 {
  background-image: url(../images/5.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-6 {
  background-image: url(../images/6.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-9 {
  background-image: url(../images/9.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-10 {
  background-image: url(../images/10.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-11 {
  background-image: url(../images/11.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-12 {
  background-image: url(../images/12.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-18 {
  background-image: url(../images/18.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-19 {
  background-image: url(../images/19.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-30 {
  background-image: url(../images/30.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-31 {
  background-image: url(../images/31.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-34 {
  background-image: url(../images/34.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-35 {
  background-image: url(../images/35.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-36 {
  background-image: url(../images/36.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-50 {
  background-image: url(../images/50.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-51 {
  background-image: url(../images/51.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-52 {
  background-image: url(../images/52.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-53 {
  background-image: url(../images/53.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-54 {
  background-image: url(../images/54.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-55 {
  background-image: url(../images/55.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-56 {
  background-image: url(../images/56.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-57 {
  background-image: url(../images/57.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-58 {
  background-image: url(../images/58.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-60 {
  background-image: url(../images/60.png);
}

.wc-paytrail-methods-container #wc-paytrail-method-61 {
  background-image: url(../images/61.png);
}

/**
 * Mobile dropdown display style
 */
@media (max-width: 575.98px) {
  .wc-paytrail-methods-container.mobile-style-dropdown .wc-paytrail-methods-select {
    display: block;
    width: 100%;
    text-align: center;
    background: #ffffff;
    border: 1px solid #d5dfe0;
    padding: 10px 5px;
  }
  .wc-paytrail-methods-container.mobile-style-dropdown .wc-paytrail-methods {
    display: none !important;
  }
}

/**
 * Payment methods for new API
 */
.wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method-group {
  margin-bottom: 10px;
}

.wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method-group-title {
  font-weight: bold;
  margin-bottom: 5px;
}

.wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method {
  background: #ffffff;
  border: 1px solid #d5dfe0;
  background-repeat: no-repeat;
  background-position: center 10px;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 120px;
  vertical-align: top;
  text-align: center;
}

.wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method input[type="radio"] {
  margin: 0 !important;
}

.wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method.selected, .wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method:hover {
  border-color: #7b9fa3;
}

.wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method .wc-paytrail-ppa-method-icon-container {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method .wc-paytrail-ppa-method-icon-container .wc-paytrail-ppa-method-icon {
  flex: none;
  display: block !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 0 5px !important;
  margin: 0 !important;
}

/**
 * Tokens
 */
form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box .wc-paytrail-ppa-token-add-new a,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box .wc-paytrail-ppa-token-add-new a {
  text-decoration: none;
  padding: 8px;
  line-height: 20px;
  font-size: small;
}

form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box .wc-paytrail-ppa-token-add-new a span.dashicons,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box .wc-paytrail-ppa-token-add-new a span.dashicons {
  font-size: small;
  line-height: 20px;
}

form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box .wc-paytrail-change-token-notice,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box .wc-paytrail-change-token-notice {
  margin-top: 10px;
  font-size: small;
}

form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
}

form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li {
  margin-left: 0;
  padding: 0;
  background: #ffffff;
  border: 1px solid #d5dfe0;
  padding: 5px 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  cursor: pointer;
  max-width: 300px;
}

form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li.selected, form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li:hover,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li.selected,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li:hover {
  border-color: #7b9fa3;
}

form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li input[type="radio"],
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li input[type="radio"] {
  flex: none;
  display: block;
}

form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li input[type="radio"]:focus,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li input[type="radio"]:focus {
  outline: none;
}

form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li img,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li img {
  float: none;
  display: block;
  flex: none;
}

form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li .wc-paytrail_ppa-payment-token-digits,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li .wc-paytrail_ppa-payment-token-digits {
  flex: auto;
  display: block;
  line-height: 26px;
}

form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li .wc-paytrail_ppa-payment-token-digits .wc-paytrail_ppa-payment-token-bullets,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li .wc-paytrail_ppa-payment-token-digits .wc-paytrail_ppa-payment-token-bullets {
  font-size: 18px;
  letter-spacing: 0.1rem;
}

form#add_payment_method #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li .wc-paytrail_ppa-payment-token-expiry,
.woocommerce-checkout #payment .payment_methods .payment_method_paytrail_ppa .payment_box ul.woocommerce-SavedPaymentMethods li .wc-paytrail_ppa-payment-token-expiry {
  line-height: 26px;
  flex: none;
  display: block;
}