.bank_button_wrap  {
width: 100%;
height: auto;
border: 1px solid #ccc;
margin: 20px 0;
padding: 3px;
display: none;
}
.bank_button_inner_wrap {
display: table;
}
.bank_to_select {
display: none;
}
.bank-button {
width: 120px;
height: 80px;
padding: 5px;
border: 1px solid #ccc;
display: block;
float: left;
margin: 2px;
background: #fff;
opacity: 1;
}
.bank-button:hover { 
opacity: .8;
cursor: pointer;
outline: 1px solid #0079c1;
}
.bank-button-border {
width: 120px;
height: 80px;
padding: 5px;
display: block;
float: left;
margin: 2px;
background: #fff;
opacity: 1;
outline: 1px solid #0079c1;
}
.paytrail-loader-img {
width: 16px;
height: 16px;
display: inline-block;
margin-left: 5px;
background: url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/ajax-loader.gif);
}
#Nordea {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/nordea.png);
background-size: 70px;
background-repeat: no-repeat;
background-position: center center;
}
#Osuuspankki {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/osuuspankki.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Danskebank {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/danskebank.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Alandsbanken {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/alandsbanken.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Handelsbanken {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/handelsbanken.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#S-Pankki {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/spankki.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Paypal {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/paypal.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Klarna_lasku {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/klarna_lasku.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Klarna_osamaksu {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/klarna_tili.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Jousto {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/jousto.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Collector {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/collector.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Visa {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/visa.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Mastercard {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/mastercard.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Dinersclub {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/dinersclub.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Jcb {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/jcb.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Paytrail-tili {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/paytrail.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Aktia {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/aktia.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Pop {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/pop_pankki.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Saastopankki {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/saastopankki.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#OmaSaastopankki {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/oma_sp.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Visa-Nets {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/visa.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Mastercard-Nets {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/mastercard.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Dinersclub-Nets {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/dinersclub.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Amex-Nets {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/amex.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#Maestro-Nets {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/maestro.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
}
#MobilePay {
background: #fff url(//www.antropos.fi/wp-content/plugins/wb-paytrail-maksutavat/includes/../assets/img/mobile_pay.png);
background-size: 70px; 	
background-repeat: no-repeat; 	
background-position: center center;
} #applepay {
display: none;
} .paytrail_collector_price_paragraph {
padding: 20px 0px;
display: block;
} @media(max-width: 800px) {
.bank-button-border,
.bank-button {
display: block;
float: none;
margin: 2px auto;
}
.bank_button_inner_wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
@media(max-width: 468px) {
.bank-button-border,
.bank-button {
width: 100%;
}
.bank_button_inner_wrap {
width: 100%;
padding: 5px;
}
} .paytrail_kassa_payment_button_wrapper {
display: inline-block;
margin-bottom: 20px;
}
.paytrail_maksutavan_otsikko {
font-size: 16px;
}
.bank_button_wrap_checkout  {
width: 100%;
padding: 10px;
display: none;
}
.bank_button_inner_wrap_checkout {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.bank_to_select {
display: none;
}
.checkout_provider_button {
width: 120px;
height: 80px;
padding: 5px;
display: block;
float: left;
margin: 2px;
background: #fff;
opacity: 1;
position: relative;
cursor: pointer;
}
.checkout_provider_button-border {
width: 120px;
height: 80px;
padding: 5px;
display: block;
float: left;
margin: 2px;
background: #fff;
opacity: 1;
position: relative;
} #paytrail_maksutavat_card_buttons_wrapper {
display: flex;
width: 100%;
}
#paytrail_kassa_payment_button_wrapper_saved_cards {
width: 100%;
}
.wb-paytrail-maksutavat-tokenized-payment-method-links {
margin-right: 5px !important;
}
.wb-paytrail-maksutavat-tokenized-payment-add-card-button {
display: block;
float: left;
}
.wb-paytrail-maksutavat-tokenized-payment-methods-saved-payment-methods-title {
margin: 20px 0px 5px 0px;
}
.wb-paytrail-maksutavat-tokenized-payment-method-input {
display: none;
}
ul.wb-paytrail-saved-methods-wrap {
display: block;
list-style-type: none;
width: 100%;
}
.wb-paytrail-maksutavat-tokenized-payment-method-title {
outline: 2px solid #919090;
padding: 20px;
text-align: center;
display: inline-block;
margin: 0 10px 10px 0;
cursor: pointer;
border-radius: 5px;
background: #fff;
}
.paytrail_card_selected,
.wb-paytrail-maksutavat-tokenized-payment-method-title:hover {
outline: 2px solid #3c43b1;
}
li.wb-paytrail-maksutavat-tokenized-payment-method {
float: left;
margin: 0px;
padding: 0px;
} @media(max-width: 800px) {
.bank_button_inner_wrap_checkout {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
@media(max-width: 468px) {
.paytrail_maksutavan_otsikko {
text-align: center;
}
.checkout_provider_button-border,
.checkout_provider_button {
width: 100%;
}
.bank_button_inner_wrap_checkout {
width: 100%;
padding: 5px;
}
}
.wb-paytrail-blocks-wrapper {
width: 100%;
}
.wb-paytrail-blocks-card-error {
background: #fcc;
border: 1px solid #e88;
color: #a00;
padding: 10px 14px;
margin-bottom: 15px;
border-radius: 4px;
font-size: 14px;
}
.wb-paytrail-blocks-saved-cards-section {
margin-bottom: 15px;
}
.wb-paytrail-blocks-saved-cards-section .provider-group-title {
font-weight: 600;
margin-bottom: 8px;
font-size: 14px;
}
.wb-paytrail-blocks-card-buttons {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.wb-paytrail-blocks-card-btn {
display: inline-block;
padding: 8px 16px;
background: #fff;
border: 1px solid #ccc;
border-radius: 4px;
text-decoration: none;
font-size: 14px;
color: #333;
cursor: pointer;
transition: border-color 0.2s, background 0.2s;
}
.wb-paytrail-blocks-card-btn:hover {
border-color: #0079c1;
background: #f5f5f5;
color: #0079c1;
}
.wb-paytrail-blocks-separator {
text-align: center;
margin: 15px 0;
color: #999;
font-size: 14px;
position: relative;
}
.wb-paytrail-blocks-separator::before,
.wb-paytrail-blocks-separator::after {
content: "";
display: inline-block;
width: 40%;
border-top: 1px solid #ddd;
vertical-align: middle;
}
.wb-paytrail-blocks-separator::before {
margin-right: 10px;
}
.wb-paytrail-blocks-separator::after {
margin-left: 10px;
}
@media (max-width: 468px) {
.wb-paytrail-blocks-card-buttons {
flex-direction: column;
}
.wb-paytrail-blocks-card-btn {
text-align: center;
}
}