/*------------------------------------------------------------------
 * Theme Name: WEBPAY UDALBA
 -------------------------------------------------------------------*/
/*------------------------------------------------------------------*/

.webpaypage{background: #041e42;color: #fff;}
.form-body{display: grid;}
.webpaypage > .col-md-4{background-image: url(../img/img-wp.jpg);background-size: cover;}
.webpaypage > .col-md-4 > img{position: absolute;bottom: 20px;width: 90%;left: 5%;
}
.form {padding:2%}
.form label{font-size:12px;}
.form .cuadro-mensaje{text-align:center;font-size:16px; font-weight: 600;}
.form .cuadro-mensaje p{font-size:17px; font-weight: 600;}
.footer p{margin-top:15px;}
.footer p a{color:#fff;}

.btn-pagar button[type=submit]{border-radius:20px; background: #E50044;color:#fff;    box-shadow: none;border: none;padding: 6px 30px;font-weight: 800; margin-top:10px;}
.btn-pagar button[type=submit]:hover{cursor: pointer;background: #0baea5}

.webpaypage .grisbox-cred2{background: #d8d8d8; max-width:600px;width: 80%;margin:0 auto;padding:3%;border-radius:20px;position: relative;overflow: hidden;}
.webpaypage .grisbox-cred2 .linea{width: 100%; position: absolute;bottom: 0px;left:0px;right: 0px;}
.logo-webpay{text-align: center;margin-top:20px}
.logo-webpay img {    width: 70%;
    max-width: 600px;}
@media (max-width: 575px) {
   
}