@CHARSET "UTF-8";
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&display=swap'); */

input:focus {outline: none;}

.tabActive:hover {background-color: #d3b589 !important;}
#adeudo_submit0:hover{background-color: #9F2241 !important;color: #fff !important;}
.btnCaptura.btnGen.btnRegresa:hover {background-color: #9F2241 !important;color: white !important;}
.fpagoCheck:hover {background-color: #d3b589 !important;}
.hov{transition: 0.5s;border-radius: 15px 15px 0px 0px;}
.hov:hover {background-color: #ede3d1   ;}
#tipoPago2{padding: 30px 0px;}
.oculto{display: none;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}
input[type=number] { -moz-appearance:textfield;}
.swal2-popup {font-family: 'Open Sans', sans-serif;}
.justified {text-align:justify;}
.captcha {display:flex;justify-content: center;padding: 20px 0px;}

.hidden{display:none;} 
.disabled{background:#f6f6f6!important;border:1px solid #d2d2d2!important;color:#d2d2d2!important;cursor:default!important;}
.contGen{border:none!important;border-radius:4px;padding:0px;width:900px;min-width:260px;margin-bottom:50px;}
main{width:900px;padding:0px;/*background:#fff;*/margin:auto;/*border:1px solid #ccc;*/margin-bottom:25px;} 
.dataInfo{width:900px;}
.titleTable{background:#9F2241;color:#fff;font-weight:initial;font-size: 15px !important;}
.titleTable td{padding:10px 0px;}
.bimW{display:block;}
.bimS{display:none;} 
.lcW{display:block;}
.lcS{display:none;}
.color1{background:#f2f2f2;}
.color2{background:#fafafa;} 
#msjValida{width:100%;font-size:18px;color:#e26d7d;height:25px;margin-top:15px;text-align:center;text-decoration:underline;}
.contenido{width:100%;margin:auto;text-align:center;}
.azul{color:#9F2241;}  
.solo-numero{width:350px;height:50px;font-size:32px;font-weight:bold;color:#9F2241;text-align:center;margin:20px 0px;padding-right:10px;border:none;margin-bottom:-5px;border-bottom:1px solid #999;}
.inputReimpresion{width:350px;height:45px;font-size:24px;font-weight:bold;color:#9F2241;text-align:center;margin:20px 0px;padding-right:10px;margin-bottom:-5px;border:1px solid #ccc;border-radius: 10px;}
.boton_consultar{width:350px;}
.txtInput{font-size:15px;color:#666;margin-top:15px;} 
.txtBottom{padding:25px 0px;font-size:16px!important;} 
a{text-decoration:none;color:#9F2241;}
a:hover{text-decoration:underline;}
.titulo1{float:none;padding:3px 0 3px 25px;} 
.paddingContent{padding:0px 25px;}
::-webkit-input-placeholder{color:#aaa;} 
::-moz-placeholder{color:#aaa;}
:-ms-input-placeholder{color:#aaa;}
:-moz-placeholder{color:#aaa;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
.dGeneral{width:100%;}
.sinAdeudos{margin-top:20px;font-family:"Roboto";font-size:20px;font-weight:bold;color:#9F2241;text-align:center;padding:15px 0px;margin-top:0px;}
.btnRegresa{width:350px;margin-bottom:75px;}
.detalleVig{width:350px;margin:25px auto -25px;display:none;padding:0px;line-height:45px;text-decoration:none!important;}
.detalleVen{width:350px;margin:25px auto -25px;display:none;padding:0px;line-height:45px;text-decoration:none!important;}
.reqTipoII{display:none;}
.lcPago2{display:none;}
.rdcUsua{width:350px;height:50px;font-size:32px;font-weight:bold;color:#9F2241;text-align:center;margin:20px 0px;border:none;margin-bottom:-5px;background:#e2e2e2;margin:auto;margin-bottom:20px;line-height:50px;}

.tarjetaPago{width:49%;float:left;background:#fff;border:1px solid #d2d2d2;text-align:center;}
.chequePago{width:49%;float:right;background:#fff;border:1px solid #d2d2d2;text-align:center;}
.imgPago{width:100%;cursor:pointer;}
.txtPago{width:100%;padding:15px 0px;border-top:1px solid #d2d2d2;text-align:center;cursor:pointer;}
.fpagoCheck{background:#DDc9A3}


/*TABLA DATOS*/
.datosUsua{width:100%;margin:auto;font-weight:bold;background:#fff;}
.tituloTable{background:none;height:50px;color:#9F2241;font-size:22px;font-weight:bold;text-align:center;line-height:55px;}
.tituloTable img,.tituloTable2 img{width:25px;}
.tituloTable2{height:50px;color:#fff;font-size:22px;font-weight:bold;text-align:center;line-height:55px;background:#9F2241;}
.tituloTable2 img,.tituloTable2 img{width:25px;}
.subtitleTable{background:#e1e1e1;}
.tbdg{width:99.9%;float:left;margin-left:0.5px;}
.tbdb{width:99.9%;float:left;margin-left:0.5px;} 
.tbd1{width:49%;height:40px;font-size:15px;float:left;line-height:40px;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.tbd2{width:49%;height:40px;font-size:15px;float:right;line-height:40px;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;border-left:1px solid #ccc;}
.generalAzul{font-family:"Roboto";font-size:20px;color:var(--primary-color);text-align:right;}
.generalGris{font-family:"Roboto";font-size:20px;color:#333;text-align:left;}

.btnCaptura{font-size:18px;font-family:"Roboto";font-weight:bold;width:95%;height:45px;cursor:pointer;border:1px solid #9F2241;background:#fff;padding:5px 2px;color:#9F2241;}
.btnCaptura:hover{background:#e1e1e1;}
.btnGen{transition: 0.3s;}
.btnGen:hover{background:#BC955C;color:#fff;}
#regresaOP-bank{margin-top: 40px;}

.fw{font-weight: 700;}
.subsidiotext{width:100%;padding:5px 0px;text-align:center;/*background:#f7f1d6;*/color:#72693d;font-size:14px;/*margin-top:25px;*/border-radius:3px;/*border:solid 1px #bdb27e;*/}
.fiscatext{width:100%;padding:5px 0px;text-align:center;background:#f7f1d6;color:#72693d;font-size:14px;margin-top:25px;border-radius:3px;border:solid 1px #bdb27e;}
.responsivoText{display:none;width:100%;padding:5px 0px;text-align:center;background:#cfe6f6;color:#2d485b;font-size:14px;margin-top:25px;border-radius:3px;border:solid 1px #788e9d;}
	
.lineaGrisI{background:#e1e1e1;color:#9F2241;font-weight: bold;}
.lineaGrisII{background:#e8e8e8;color:#9F2241;font-weight: bold;}
.lineaGrisIII{background:#efefef;color:#9F2241;font-weight: bold;}
.lineaBlanca{background:#fff;}
.lineaAzul{color:#9F2241;font-weight:600;height:60px;} 
.lineaNegro{color:#333;font-weight:600;height:40px;}
#capchaDiv{width:350px;padding:25px 0px;background:#f6f6f6;border:1px solid #d2d2d2;margin:auto;}
#avisoPago{width:350px;margin-bottom:0px;}
.icoAdeudosTitle{float:left;margin-top:14px;margin-right:10px;} 
.btnDescargaFormKiosko{width:350px;padding-bottom:50px;margin:auto;}
.btnDescargaFormKiosko button{width:100%!important;}
.btnDescargaForm{width:100%;}
.btnDescargaForm button{width:90%!important;}
.mesessinIntereses{background:#fff;padding:25px 0px;border:1px solid #d2d2d2;margin:-20px auto 20px auto;text-align:center;float:left;width:100%;}

/*****TABS******/
#contenidorDatos{width:100%;background:orange;text-align:center;}
.item_content{font-size:19px!important;}
#contVig{background:#fff;}
#contVen{background:#fff;} 
.popVig{background:#9F2241;border-radius:300px;color:#fff;font-size:14px;font-weight:600;height:25px;left:50%;line-height:25px;margin-left:8px;margin-top:-57px;position:absolute;top:50%;width:25px;}
.popVen{background:#cc6464;border-radius:300px;color:#fff;font-size:14px;font-weight:600;height:25px;left:50%;line-height:25px;margin-left:8px;margin-top:-57px;position:absolute;top:50%;width:25px;}
table{width:100%;border:none;margin:auto;}
.btnTabs{border:1px solid #ccc;} 
.vigTab td{padding:5px 0px;border:1px solid #e1e1e1;background:#fff;}
.venTab td{padding:8px 0px;border:1px solid #e1e1e1;background:#fff;height:22px;}
.reqTipoI,.reqTipoII{padding:13px 0px;} 
.btnTab1{width:49.9%;margin-left:0.5px;color:#333;float:left;position:relative;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.btnTab2{width:50%;color:#333;float:right;position:relative;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.tabL{display:inline-block;text-align:center;width:100%;cursor:pointer;font-family:"Roboto";font-size:20px;font-weight:bold;}
.tabL img{line-height:10px;margin-top:15px;}
.tabActive{background-color:#DDc9A3!important;color:#444!important;}
.tabs{width:100%;}
.contShow{display:inline-block;}
.contHide{display:none;}
.bimCheck{min-width:80px;}
.btnInvertir{background:#235B4E;color:#fff;cursor:pointer;height:50px;width:100%;margin-bottom:-6px;}
.imgDescarga{width:250px;margin:29px auto 20px auto;}
.txtDescarga{font-weight:bolder;margin-bottom:25px;color:#777;}
/*****FORMAS DE PAGO RADIO BUTTON******/
.checkIco1, .checkIco2, .checkIco3{position:absolute;width:25px;z-index:100;margin-top:8px;margin-left:270px;}
.radioActiv{cursor:default!important;background:#DDc9A3!important;}
.radioActiv:hover{cursor:default!important;background:#DDc9A3!important;}
.icoShow{display:block;}
.icoHide{display:none;}
#labRadio1{display:inline-block;cursor:pointer;width:100%;text-align:center;position:relative;padding:10px 0px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#labRadio1:hover{background:#e1e1e1;display:inline-block;width:100%;text-align:center;}
#labRadio2{display:inline-block;cursor:pointer;width:100%;text-align:center;position:relative;padding:10px 0px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#labRadio2:hover{background:#e1e1e1;display:inline-block;width:100%;text-align:center;}
#labRadio3{display:inline-block;cursor:pointer;width:100%;text-align:center;position:relative;padding:10px 0px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#labRadio3:hover{background:#e1e1e1;display:inline-block;width:100%;text-align:center;}


/*****RESPONSIVO*****/
@media only screen and (max-width: 768px) {
	#btnSiguiente{
		text-align: center !important;
	}
	.so{
		text-align: center;
	}

	.btnCaptura.btnGen.btnRegresa {
		margin: 8px 0 !important;
	}
}

@media (max-width:485px){ 
	.icoAdeudosTitle{display:inline-block;float:none; } 
	.textAdeudosTitle{display:inline-block;float:none;}
}

.aviso-pago {
    padding: 25px 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

.comisiones {
	display: grid;
	grid-template-columns: repeat(2, 1fr); 
	grid-template-rows: repeat(5, 50px); 
	border: 1px solid #ddd; 
	border-radius: 15px; 
	overflow: hidden; 
	
}

 .comisiones .celda {
	padding: 10px; 
	text-align: center; 
  }
  
  .comisiones .col-gray{
	background: #e1e1e1;
	border: 1px solid #fff; 
	color: gray;
	font-weight: 900;
  }
  
  .comisiones .col-white{
	border: 1px solid #ddd; 
	color: gray;
  }

  .swal2-popup {
    font-family: 'Open Sans', sans-serif !important;
}


/*Reimpresion*/
.wrapper {width: 90%;margin: auto;background-color: white;border-radius: 10px;box-shadow: 0px 5px 15px rgba(0, 0, 0, .1);overflow-y: auto;}
.buttonWrapper {display: flex;justify-content: space-around;}
.buttonWrapper button {letter-spacing: 3px;border: none;padding: 10px;background-color: #fff;color: #232c3d;font-size: 18px;cursor: pointer;transition: 0.5s;width: 100%;}
.buttonWrapper button.active {background: #d5e3ff;}
.wrapper .active {background-color: white;}
.wrapper .content {display: none;padding: 10px 20px;}
.wrapper .content.active {display: block;}
.portal{padding: 1em 0em 2em 0em;}.buttonWrapper img {pointer-events: none;}

.no-service{pointer-events: none;opacity: 0.4;}


/*TARJETAS*/
#tipoPago{
  display: flex;
}

.formato-container{
  width: 25%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.formato-main{
  background: #fff;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.formato-main img{
  cursor: pointer;
}

.pago-container{
  display: flex;
  flex-direction: column;
}

.pago-main{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.tp-item {
  flex: 1 1 50%;
}

.pago-cont{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  margin: 0px 0px 20px 20px;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.5s;
}

.pago-cont:hover {
    box-shadow: 10px 10px 5px -4px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 10px 10px 5px -4px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 10px 10px 5px -4px rgba(0, 0, 0, 0.05);
}

.pago-cont .imgPago {
  padding: 5px 12px;
}

.pago-cont .arrow{
  padding: 5px 15px;
}

.pago-cont:hover .arrow img{
  filter: invert(1);
  transition: 0.8s;
}


@media (max-width: 768px) {
  #tipoPago{
    flex-wrap: wrap;
  }
  .formato-container,
  .pago-container {
    width: 100%;
  }
  .formato-main{
    background: initial; 
  }
  .formato-main img{
    width: 100px;
  }

}

@media (max-width: 612px) {
  .pago-container{
    flex-wrap: wrap;
    margin-top: 15px;
  }

  .pago-main{
   display: initial;
  }
  .tp-item{
    width: 100%;
  }
}

@media (max-width: 612px) {
  .pago-container{
    flex-wrap: wrap;
  }

  .pago-main{
   display: initial;
  }
  .tp-item{
    width: 100%;
  }

  .pago-cont{
    margin: 0px 0px 20px 0px;
  }

  .arrow{
    display: none;
  }

  .aviso-pago{
    padding: 25px 10%;
  }

}