body{
color: #2F2F2F;
}

.kr-embedded .kr-payment-button {
	/*background-color: rgb(0, 87, 111) !important;*/
	border-radius:8px;
	
	background: linear-gradient(180deg,rgba(206, 174, 65, 1) 0%, rgba(239, 207, 86, 1) 50%, rgba(185, 133, 31, 1) 81%);
    background-color: rgba(0, 0, 0, 0);
	  border: solid 1px #fff;
	  border-color:#FFF;
	  text-shadow: black 1px 1px 3px;
}

.kr-embedded .kr-payment-button span {
	  text-shadow: black 1px 1px 3px;
}


.kr-embedded > .kr-field-wrapper{
	border-radius:5px !important;
}

.kr-embedded {
  width: 450px;
  margin: auto;
}

.kr-embedded.kr-help-button-inner-field .kr-payment-button, .kr-embedded.kr-help-button-inner-field .kr-form-error {
  width: 100%;
}

button.kr-payment-button span{
	color:#FFF!important;
}


#frm_riel.pasarela p{
	margin:0px;
}

#frm_riel.pasarela label:not(.super){
	display:none;
}

#frm_riel.pasarela label.botonopcion {
font-size: 22pt;
  background-color: #FFF;
  border: solid 1px #eab12a;
  padding: 25px;
  text-align: center;
  border-radius: 10px;
  transition: all 0.3s ease;
  margin: auto;
  cursor:pointer;
  display: block !important;
}

#frm_riel.pasarela label.botonopcion.selected {
background: linear-gradient(65deg, rgb(160, 137, 55) 0%, rgb(224, 192, 77) 100%);
  color: #FFF;
  font-size: 36pt;
}


#frm_riel.pasarela label.botonopcion input[type=radio]{
  visibility: hidden;
  width: 0px;
}


#frm_riel.pasarela p.largo {
  grid-column: 1/3;
  text-align: left;
}


.pasarela h3 {
  grid-column: 1/3;
  /*border-bottom: 1px solid #a57a55;
  padding-bottom: 10px;
  margin-bottom: 20px;*/
}

.led_paso {
  background-color: #b89e3f;
  color: #FFF;
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 13px;
  line-height: 18pt;
  margin-right: 6px;
  text-align: center;
}

#tabPago p.largo{
	margin-bottom:20px;
}

/*
.none {
  display: none !important;
}
*/

/*
#paymentForm.none{
	display:block !important;
}*/

#loading_formulario_de_pago {
  min-height: 250px;
  background-image: url(../img/cargando_formulario2.gif);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 100%;
  top: 0px;
}

.loading_sending p {
  height: auto;
  line-height: 398pt;
}

.loading_sending {
  min-height: 261px;
  bottom: auto;
}

#pasarela_pagos{
  min-height: 250px;
}

#frm_riel.pasarela p.continuar{
	text-align:center;
}

#pasarela_pagos {
  min-height: 362px;
  padding: 10px;
  background-color: #FFF;
  background: linear-gradient(180deg, rgb(236, 236, 236) 0%, rgb(255, 255, 255) 100%);
}

#frm_riel.pasarela p.continuar input[type=submit]{
		width: auto !important;
		  padding: 10px 50px;
		  margin: auto;
		  background-color: #009cdd !important;
		  border-radius: 8px;
		  border: none;
		  color: #FFF;
}

#frm_riel p input[type="text"], #frm_riel p input[type="number"], #frm_riel p input[type="tel"], #frm_riel p input[type="email"], #frm_riel p input[type="submit"], #frm_riel p select, #frm_login p input[type="text"], #frm_login p input[type="tel"], #frm_login p input[type="mail"], #frm_login p input[type="submit"], #frm_login p select {
  display: block;
  font-size: 16px;
  line-height: 1.4;
  padding: 5px 8px;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: solid 1px #dedede;
  padding: 10px;
  min-width: auto;
}

form .wrapper {
  grid-template-columns: repeat(2, 1fr);
  width: auto;
  display: grid;
  grid-gap: 20px;
  margin-bottom: 20px;
}

#pasarela_pagos h1 {
  text-align: center;
}

#frm_riel {
  width: 100%;
}

#pasarela_pagos .maxwidth {
  padding: 0px 40px;
}

.box_response h3 {
  font-family: Mirai;
  font-size: 15pt;
  color: #7a7a87;
  margin: 100px 5px 5px 5px;
}

@media only screen and (max-width: 450px){ 
	.kr-embedded {
	  width: 100%;
	  margin: auto;
	}	
	
	form .wrapper {
	  grid-template-columns: repeat(1, 1fr);
	  width: auto;
	  display: grid;
	  grid-gap: 20px;
	  margin-bottom: 20px;
	}
	
	#pasarela_pagos {
	  margin-top: 44px;
	}
	
	.pasarela h3 {
		grid-column: 1;
	}
	
	#frm_riel.pasarela p.largo {
	  grid-column: 1;
	  text-align: left;
	}