@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400;1,600;1,700&display=swap');

html {height:100%;}
body {height:100% !important;width:100%;padding:0;margin:0;
background-color: rgb(246, 247, 251);
font-family:Nunito, sans-serif;
color:#000;
font-size: 11pt;
font-weight:300;
}  

.center {
text-align:center;
}

#onpay-wrapper {
width:100%;
height:100%;    
box-sizing:border-box;
margin:0;
padding:0;
position:relative;
}

.onpay-card {
background:#fff;
width:500px;
max-width:100%;
padding:20px 40px 40px 40px;
box-sizing:border-box;
box-shadow: 0px 0px 10px #ddd;
text-align:left;
}

.onpay_trust {
margin-top:30px;
margin-bottom:130px;
display:block;
text-align:center;
padding-bottom:30px;
}



.onpay-headline {
font-size: 28px;
font-weight: 700;
text-align: center;
}

.onpay-subtitle {
margin-top: -15px;
color: #555;
text-align: center;
font-weight: 300;
}

.onpay-text {
color:#333;
font-weight: 300;
font-size: 10pt;
}

.onpay-text-big {
color:#333;
font-weight: 300;
font-size: 12pt;
margin-top:-5px;
}


.onpay-text-bold {
color:#000;
font-weight: 600;
font-size: 10pt;
margin-bottom:5px;
}



.onpay-submit {
background:#000;
color:#fff;
border:#000 1px solid;
border-radius:5px;
font-weight:600;
font-size: 11pt;
width:45%;
max-width:45%;
height:40px;
line-height:30px;
padding:5px 10px 5px 10px;
box-sizing:border-box;
cursor:pointer;
 -webkit-appearance: none;
}

.onpay-button {
background:#ddd;
color:#555;
border:#ddd 1px solid;
border-radius:5px;
font-weight:600;
font-size: 11pt;
width:45%;
max-width:45%;
height:40px;
line-height:30px;
padding:5px 10px 5px 10px;
box-sizing:border-box;
cursor:pointer;
 -webkit-appearance: none;
}

.onpay-choice {
border-top:#eee 1px solid;
border-bottom:#eee 1px solid;
padding:10px 0px 10px 0px;
margin:25px 0px 25px 0px;
line-height:150%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


input[type=number] {
  -moz-appearance: textfield;
}

input[type='radio'] {
    transform: scale(1.2);
margin-right:5px;
}



.onpay_input{
background:#fff;
color:#333;
border:#dadadc 1px solid;
border-radius:2px;
font-size: 11pt;
font-weight:200!important;
width:100%;
max-width:100%;
line-height:30px;
padding:5px 10px 5px 10px;
box-sizing:border-box;
}

.onpay_checkbox {
background:#fff;
color:#333;
border:#dadadc 1px solid;
transform: scale(1.2);
display:inline-block;
margin-right:5px;
}








@media only screen and (min-width: 720px) {

.onpay-card {
position:relative;
top:100px;
left:50%;
margin-left:-250px;
}

.onpay_trust {
margin-top:130px;
}
}






@media only screen and (max-width: 720px) {


body {
font-size: 17px;
}  

.onpay-subtitle {
font-size:18px;
}


.onpay-text {
font-size: 17px;
}

.onpay-text-big {
font-weight:300;
font-size: 22px;
}


.onpay-text-bold {
font-size: 17px;
}

.onpay_input {
font-size:18px;
}

.onpay_trustX {display:none;}


}