.ogone table, .ogone .paymentZone {width: 100%;}
.ogone table table { border: none; margin: 0; padding: 0; border-radius: 0; width: auto; }
.ogone table table td { padding: 0; }
.ogone table tr:nth-of-type(even) { background: none; }

.ogone small { font-size: 100%; }
.ogone b small { font-size: 110%; }
.ogone img {margin-bottom:0;}
.ogone label {display:inline;}
        
.ogone form p { padding: 0; }
.ogone form label { float: none; display: inline-block; margin: 3px 0 0; }
.ogone form small label {font-size:inherit;}
.ogone form select { width: 45%;}
.ogone form #Ecom_Payment_Card_ExpDate_Month {margin-right:1rem}
.ogone form #Ecom_Payment_Card_ExpDate_Year {margin-left:1rem}

.ogone form input[type="text"],
.ogone form input[type="email"],
.ogone form input[type="password"] { margin: 0; width: 100%; display: block; }

.ogone input[type="submit"] { border: none; cursor: pointer; background: #522e91; border-radius: 0 0 10px; color: white; display: inline-block; font-family: ProximusRegular, Verdana, Helvetica, sans-serif; font-size: 1.3rem; line-height: 1.5rem; padding: 1rem 2rem; text-align: center; vertical-align: middle; margin:0 1rem; }
.ogone input[type="submit"]:hover { background: #0077c0; }
.ogone input[type="image"]:hover {padding: 0 10px; cursor: pointer;}

.ogone .cvc_dob_row .midncol {margin-left:1rem}

.ogone table.ncoltable1, .ogone table.ncoltable3 { min-width: 0 !important; } /* Fix asked by IT Defect #173997 */
.ogone table.ncoltable1 .ncoltxtr {font-family: ProximusBold, Verdana, Helvetica, sans-serif;}
.ogone table.ncoltable3 img {margin-bottom:2rem;}

@media only screen and (max-width: 40em) {

.ogone table.ncoltable2 tr, .ogone table.ncoltable3 tr:first-child {display:flex; flex-direction:column; width:100%}
.ogone table.ncoltable2 td, .ogone table.ncoltable2 td small, .ogone table.ncoltable3 tr:first-child td {width: 100%;}
.ogone table.ncoltable2 td {display:flex;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.ogone table.ncoltable2 .ncoltxtl2 {padding-bottom:0; text-align:left;}
.midncol {display:inline-block;margin-left:1rem;}

}

@media only screen and (min-width: 40.0625em) {
    .ogone table, .ogone .paymentZone { background: none; border: 1px solid #B0B9BF; padding: 10px; border-radius: 0 0 20px;}
    .ogone table th,
    .ogone table td { font-size: 16px;}     
    .ogone form select { width: 18%; }       
    .ogone form input[type="text"],
    .ogone form input[type="email"],
    .ogone form input[type="password"] { margin: 0; width: auto; display: inline-block; }
    .ogone input[type="submit"] {font-size:1.6rem; line-height:1.8rem;}
}

/* Bancontact */

.ogone .paymentZoneHeader {color:#5C2D91;font-family: ProximusBold, Verdana, Helvetica, sans-serif;}
.ogone .defaultpaybutton {height:auto;font-weight:normal;box-shadow:none;text-shadow:none;}
.ogone .PayMethodTitle {background:none;margin:0;}
.ogone .PayMethodTitle label {padding:0;margin:0;color:#5C2D91;}
.ogone .panBox input {margin-left:0;}
.ogone .selectBox {height: 4rem;background: #f1f3f8 url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjE1cHgiIHk9IjAiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDEyIDgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMjgzNDUxO2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48dGl0bGU+YXJyb3c8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYsNC41OCw5LjkyLjMyYTEsMSwwLDAsMSwxLjQzLDBsLjM2LjM5YTEuMTYsMS4xNiwwLDAsMSwwLDEuNTVsLTQuNjIsNSwwLDAtLjM2LjM5YTEsMSwwLDAsMS0xLjQzLDBsLS4zNi0uMzksMCwwTC4zLDIuMjZBMS4xNiwxLjE2LDAsMCwxLC4zLjcxTC42NS4zMmExLDEsMCwwLDEsMS40MywwWiIvPjwvc3ZnPg==");background-position: 100% center;background-repeat: no-repeat;width:30%;border-radius:0;}
.ogone .ContainerMobileZone, .ogone .ContainerCardZone {width:100%;padding-left:0;}
.ogone .panBox ul li .note {text-align:left;}
.paymentZoneMain.dottedLine {background: none;}

@media only screen and (max-width: 40em) {
.ogone .paymentZone {border:none; text-align:center;}
.ogone .panBox input {width:100%;}
.ogone .js-qrZone, .PayMethodTitle {text-align:center;}
}

/* Bancontact Mobile */
.ogone .OpenTheApp {margin-top:2rem;}
.ogone .OpenTheApp, .ogone .PayBanContactCard {height:auto; padding:1rem 0;}
.ogone a.OpenAppBtn, .ogone a.PayBtn {color:#fff; text-decoration: none; font-family: ProximusBold, Verdana, Helvetica, sans-serif;padding:5px 13px 5px 60px;min-height:64px;display:flex;align-items:center;}