div.scroll-util iframe {
min-height:600px !important;
}
.peachCards td, .peachCards th {text-align:center !important;}
.update-card-result {display:inline-block; width:100%;}
.update-card-result .result{text-align:center; width:100%; font-size:12px; line-height:16px; color:#006633; background:rgb(0, 102, 51, 0.3); border:1px solid #006633; padding:20px 10px;}
.peach-add-card-cont {display:inline-block; width:100%; text-align:right;}
.wc_payment_method>label:first-of-type img {
max-height: 24px;
max-width: 200px;
float: none !important;
}
.wpwl-control-expiry.error + .wpwl-hint{color:#FF4000 !important;}
.peachpopcont {cursor:pointer;}
span.peachpop:after {
content: '';
position: absolute;
bottom: 0;
left: 40%;
width: 0;
height: 0;
border:6px solid transparent;
border-top-color: #273B4A;
border-bottom: 0;
margin-left: -6px;
margin-bottom: -6px;
}
.peach-payment-btn {display:none;} .modal {
position: fixed; z-index: 1; padding-top: 100px; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
width: 80%;
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
} @-webkit-keyframes animatetop {
from {top:-300px; opacity:0} 
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
.modal-header {
padding: 2px 16px;
background-color: #FF4000;
color: #fff !important;
}
.modal-header h2{
padding: 10px 0;
font-size: 24px;
text-transform: uppercase;
font-weight:600;
color: #fff !important;
}
.modal-body {padding: 10px 16px; font-size:16px;}
.modal-footer {
padding: 10px 16px;
background-color: #FF4000;
color: white;
} .wpwl-container {margin-top: 40px;}
.wpwl-label {font-size:17px;}
.wpwl-control {border-radius:5px; border:1px solid #ccc !important; padding:4px 8px; font-size:17px !important;}
.wpwl-control:focus, wpwl-control.wpwl-control-iframe.wpwl-control-cvv:focus, .wpwl-control.wpwl-control-iframe.wpwl-control-cardNumber:focus {outline-offset: 0 !important; outline: 0 !important; border:1px solid #FF4000 !important;}
.wpwl-control input, .wpwl-control select {font-size:17px;}
.wpwl-button-pay {
float: none;
width: 100%;
margin-top: 20px;
font-size: 17px;
border-radius:5px;
background-color: #FF4000 !important;
border-color: #FF4000;
}
.wpwl-button-pay:hover {
border-color: #FF4000;
}
.wpwl-has-error~.wpwl-hint {
font-size: 17px;
}
.peach-method, .peachpopcont {
display: inline-block;
position: relative;
}
.peach-method .peach-method-tooltip, .peachpopcont span.peachpop {
visibility: hidden;
background-color: #EC5228;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 10px;
position: absolute;
z-index: 1;
bottom: 100%;
left: 100%;
margin-left: -60px;
font-size: 12px;
min-width: 110px;
}
.peach-method .peach-method-tooltip::after, .peachpopcont span.peachpop::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #EC5228 transparent transparent transparent;
}
.peach-method:hover .peach-method-tooltip, .peachpopcont:hover span.peachpop{
visibility: visible;
}
@media (min-width: 480px){
.wpwl-label {
padding-right: 0;
width: 100%;
}
.wpwl-wrapper {
width: 100%;
}
.wpwl-wrapper-brand {
width: 86%;
}
.wpwl-brand-card {
width: 14%;
}
}