body {
	background-color: #FAFAFA;
}
/* UTILIDADES */
.limpia-padding, 
table.limpia-padding tr, 
table.limpia-padding tr td{
	padding: 0 !important;
}
.b{
	font-weight: bold;
}
.uppercase{
	text-transform: uppercase;
}

.opacity{
	opacity: 0.2;
    filter: alpha(opacity=20); 
    /* For IE8 and earlier */
	cursor: not-allowed;
}

.divider{
	width: 100%;
	height: 2px;
	background-color: #D2D2D2;
	margin: 5px 0 5px auto;
}

.divider.medium{
	height: 4px;
}

.divider.big{
	height: 6px;
}

.margin{
	margin: 20px 0;
}

.border-left{
	border-left: none;
}

@media screen and (min-width: 40em) {
	.border-left{
		border-left: 4px solid #D2D2D2;
	}
}

@media screen and (max-width: 785px) {
	.border-left{
		border-left: none;
	}
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;  
  border-left: 10px solid #474747;
  display: inline-block;
  
}

.webpay-only{
	width: 100px;
	
}

/* PANEL */
/* HEADER */
.panel .header{
	text-align: center;
}
.panel .header .titulo-bienvenida{
	width: 100%;
	background-color: #DFDFDF;
	font-size: 10pt;
	font-weight: bold;
	color: #4E4E4E;
	padding: 3px 0;
}
.panel .header .nombre-empresa{
	width: 100%;
	background-color: #FFFFFF;
	color: #4D4D4D;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 0;
}

@media screen and (min-width: 40em) {
	.panel .header .nombre-empresa{
		font-size: 2rem;
		color: #A0A0A0;
		height: 120px;
		overflow:hidden;
	}
	.panel .header .nombre-empresa table{
		height: 100px;
	}
	.panel .header .nombre-empresa img{
		max-width: 100%;
		height: auto;
		min-height: 70px;
		max-height: 100px;
	}
	
	.panel .nombre-empresa .contenedor-logo{
		display: inline-block;
		width: 240px;
		padding: 0 10px;
	}
}


/* DATOS EMPRESAS */
.panel .datos{
	text-align: center;
	display: block;
}
.panel .datos div.titulo{
	background-color: #282828;
	color: #FBFBFB;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 0;
	position: relative;
}

.cerrar{
	position: absolute;
	right: 0;
	top: -22px;
	text-transform: uppercase;
	color: #000;
}
.cerrar.top{
	position: inherit !important;
	right: 0 !important;
	bottom:0 !important;
	display: block;
	text-align: right;
}

.cerrar a{
	color: #000;
}

.cerrar a span{
	padding: 0 5px;
	color: #fff;
	background-color: red;
}

/* TABLA EMISOR */
.panel .datos table{
	border: 0 !important;
	text-align: left;
	margin-bottom: 0;
	background-color: #D8F4FD;
	color: #000;
	width: 100%;
}

.panel .datos table td{
	background-color: #D8F4FD;
	color: #000;
}

.panel .datos table thead th{
	padding: 1px;
	height: 20px;
	font-size: 11pt;
	text-transform: uppercase;
	text-align: center;
	font-weight: 510;
}

.panel .datos table.emisor thead th{
	background-color: #006DE3;
	color: #EDFCFF;
}

.panel .datos table.receptor thead th{
	background-color: #71B8FA;
	color: #000;
}

.panel .datos table tbody td{
	text-align: center;
	text-transform: uppercase;
	font-size: 9pt;
	text-align: left;
	padding: 1px 1px 1px 1px;
}
.panel .datos table tbody td.titulo{
	padding: 1px 1px 1px 20px;
}

@media screen and (min-width: 40em) {
	.panel .datos table.emisor{
		width: 99.5%;
		margin: 3px 2.5px 3px 5px;
	}

	.panel .datos table.receptor{
		width: 99.5%;
		margin: 3px 5px 3px 2.5px;
	}
}

/* ACORDION */
.accordion .filtro-busqueda a.accordion-title{
	background-color: #282828;
	color: #FBFBFB;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 13px 0;
	font-size: inherit;
	border: none;
}


.accordion{
	margin-bottom: 0px;
}

.accordion-item.filtro-busqueda {
	border-top: 15px solid #ffffff;
	border-bottom: 8px solid #ffffff;
}

.accordion-item.filtro-busqueda.is-active {
	border-bottom: 0px;
}

.accordion .filtro-busqueda a.accordion-title::before {
	content: none;
}

.accordion-item.is-active a.accordion-title img.mas{
	display: none;
}

.accordion-item.is-active a.accordion-title img.menos{
	display: block !important;
}

.accordion-title::before {
    content: 'url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKRJREFUeNpi/P//PwOpgHHtEQUglYAmfOB/sM0BUs1iYSAPgBxQj0WcZAcwMQwwGHXAqANGHTDqgFEHMDKsOZyApWIhBASAWB9N7CEQPyDRnAUs0IrFngqekYdiUsCB0TQwKBKhAjQdkAIMgLgfTWwhKFGRaM4DFmAz6gGpqRfYJMNqGDlNstE0MOqAUQeMOmDUAQPuAHJ7x6C6o5HSnjEIAAQYACBbHmxGrRyMAAAAAElFTkSuQmCC')';
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -0.5rem; }
  .is-active > .accordion-title::before {
    content: 'url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFtJREFUeNrs1kENACAIhWFxBLGJVYxmATt4MIhNEFO8y8+GHPk23kGLiKKsWsQFAAAAAADkALd1Rs4h2j89n5bdRYBNBvQh/EH4txDtv8aXDAAAAAAAqAFPgAEA1zoMcNPRGogAAAAASUVORK5CYII=')'; }

.accordion .filtro-busqueda .accordion-content{
	background-color: #FFFFFF;
	border: none;
}

.accordion .filtro-busqueda .accordion-content .botonera{
	margin-top: 20px;
	text-align: center;
}

.accordion .filtro-busqueda .accordion-content .detalle-pago{
	font-size: 10pt;
}
.accordion .filtro-busqueda .accordion-content .detalle-pago .monto-total{
	width: 116px;
	height: 38px;
	font-size: 18px;
	background-color: #ffffff;
	border: 1px solid #717171;
	display: inline-block;
	padding: 5px 20px;
	margin-bottom: 6px;
	margin-top: 10px;
}

.titulo-seccion {
	height: 48px;
	display: flex;
	align-items: center;
	/* centrado vertical */
	justify-content: center;
	/* centrado horizontal */
	position: relative;
}

.accordion-title {
	height: 48px;
	display: flex;
	align-items: center;
	/* centrado vertical */
	justify-content: center;
	/* centrado horizontal */
	position: relative;
}

/* Compactar tablas Emisor y Receptor */
table.emisor,
table.receptor {
	border-collapse: collapse;
}

/* Reducir altura de filas */
table.emisor tbody tr,
table.receptor tbody tr {
	line-height: 1.2;
}

/* Reducir padding de celdas */
table.emisor tbody td,
table.receptor tbody td {
	padding: 2px 6px;
	vertical-align: top;
}

/* Columna título con ancho fijo */
table.emisor tbody td.titulo,
table.receptor tbody td.titulo {
	width: 180px;
	white-space: nowrap;
}

/* Columna valor */
table.emisor tbody td:not(.titulo),
table.receptor tbody td:not(.titulo) {
	position: relative;
	padding-left: 10px;
	/* espacio entre : y texto */
	white-space: normal;
	overflow-wrap: break-word;
	word-break: break-word;
}

/* Insertar ":" correctamente alineado */
table.emisor tbody td:not(.titulo)::before,
table.receptor tbody td:not(.titulo)::before {
	content: ":";
	position: absolute;
	left: 0;
}

table.emisor tbody,
table.receptor tbody {
	display: table-row-group;
}

table.emisor tbody::before,
table.receptor tbody::before,
table.emisor tbody::after,
table.receptor tbody::after {
	content: "";
	display: table-row;
	height: 14px;
}

table.emisor thead,
table.receptor thead,
table.emisor tbody tr,
table.receptor tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.datos {
	display: flex;
	/* align-items: stretch; */
}

.datos>.columns {
	display: flex;
}

.datos table {
	height: 100%;
}

.row-filtro {
	margin-top: 0px;
}

table.emisor td.titulo,
table.receptor td.titulo {
	width: 180px;
	white-space: nowrap;
}

/* Eliminando las franjas de color celeste que aparecen 
cuando una tabla (emisor o receptor) es más grande que la otra. */
table.emisor,
table.receptor {
	background-color: transparent !important;
}

.datos .responsivo {
	background-color: #fff;
}


/* TODO: Solución con height auto. */
table.emisor tbody,
table.receptor tbody {
	display: table-row-group;
	height: auto;
}
table.detalle{
	margin-bottom: 0;
}

table.detalle thead th{
	background-color: #282828;
	color: #fff;
	max-height: 30px;
	text-align: center;
	font-weight: 200;
	padding: 0 5px;
	font-size: 10pt;
}

table.detalle thead th [type=checkbox]{
	margin: 5px 0;
}

table.detalle tbody td{
	border-left: 1px solid #282828;
	background-color: #EEF3F4;
	padding: 2px 2px;
	font-size: 10pt;
}

table.detalle tbody td [type=checkbox]{
	margin: 5px 0 3px 0;
}

.row-inputs>.row:nth-child(2) {
	margin-top: 40px;
}

.panelentrega .row-inputs>.row:nth-child(2)>.columns:nth-child(2) {
	padding-right: 19px;
}

.panelentrega .row-inputs>.row:nth-child(2)>.columns:nth-child(3) {
	padding-right: 9px;
}

/* BOTÓN WEBPAY - DESKTOP */
a.btn-webpay {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 163px !important;
	height: 43px;
	background-color: #f4f4f4;
	border: 1px solid #717171 !important;
	border-radius: 5px !important;
	text-decoration: none;
}

/* IMAGEN DENTRO */
a.btn-webpay img.webpay {
	width: 120px !important;
}

.botonera {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* centra verticalmente */
	align-items: stretch;
	/* mantiene botones al ancho completo */
	gap: 15px;
	/* separación entre botones */
	height: 100%;
	/* importante para que el centrado funcione */
}

.botonera .button {
	position: relative;
	text-align: center;
	/* mantiene el texto centrado */
	padding-left: 40px !important;
	}

.botonera .button img {
	position: absolute;
	left: 10px;
	/* pegado a la izquierda */
	top: 50%;
	transform: translateY(-50%);
	/* centrado vertical */
}

table.detalle > tbody > tr > td:nth-child(1){
	border-left: none;
	text-align: center;
}

table.detalle tbody tr:hover td, table.detalle tbody tr:nth-child(even):hover td{
	background-color: #BBC4C6;
}

table.detalle tbody tr.select td, table.detalle tbody tr:nth-child(even).select td{
	background-color: #D0D3D4;
}

table.detalle tbody tr:nth-child(even) td{
	background-color: #E0E6E7;
}

table.detalle tfoot td{
	background-color: #282828;
	color: #fff;
	text-align: right;
	font-weight: 200;
	padding: 10px 2px;
	font-size: 8pt;
	text-transform: none;
}

table.detalle tfoot td img{
	height: 30px;
	margin-right: 20px;
	
}

.botonblanco {
	background-color: #0868b2;
	color: #ffffff;
	border-radius: 8px;
	font-family: 'Arial';
	box-shadow: 0px 10px 14px -7px #b9c5c7;
	font-weight: bold;
	font-size: 14px;
	padding: 13px 32px;
	border: 0px;
	display: inline-block;
	cursor: pointer;
	text-shadow: 0px 1px 0px #02518e;
	text-decoration: none;
	margin-right: 24px;
	margin-top: 26px;
	left: -19px;
}

/* FORMULARIO */
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: inherit;
	padding: 0.2rem 0.5rem 0.2rem 0.5rem;
	margin: 1px;
	border: 1px solid #DCDCDC;
	font-family: 'Verdana';
	font-size: 10pt;
	color: #000;
	background-color: #DCDCDC;
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	border-radius: 0px;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none; 
}
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    border: 1px solid #DCDCDC;
    background-color: #DCDCDC;
    outline: none;
	box-shadow: 0 0 5px #DCDCDC;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	}

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #000; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #000; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #00; }

input::placeholder,
textarea::placeholder {
  color: #000; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed; }


/* BOTONES */
.button.clasico{
	background-color: #D9D6D7;
	color: #5A5859;
	min-width: 130px;
	padding: 7px 15px;
	margin: 5px 0px;
	text-transform: uppercase;
}

.button.clasico2{
	width: 163px !important;
	height: 55px !important;
	padding: 7px 15px;
	margin: 5px 0px;
	background-color:white;
	border: 1px solid #717171;
	border-radius: 5px;
}
@media screen and (min-width: 40em) {
	.button.clasico2.medium-screen{
		position: relative;
		left: -15px;
		margin: 5px 10px;
	}
}
@media screen and (min-width: 40em) {
	.button.clasico.medium-screen{
		position: relative;
		left: -15px;
		margin: 5px 10px;
	}
}

.container-login{
	width: 395px;
    height: 400px;
    box-sizing: content-box !important;
}

.divbntcontinuar {
	margin-top: 28px;
	margin-bottom: 21px;
}

.login{
	width: 100%;
	height: 343px;
    background-color:white;    
    border: 0px solid #000000;
    box-shadow: 0px 0px 6px 1px #C8C8C8;
    border-radius: 10px 10px 10px 10px;
	}
.login .nombrefantasia{
	background-color:#e7e7e7;
    height:65px;
	padding: 10px;
    font-size:21px;
    color:#515151;
    font-weight:700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
	border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    font-family: 'Montserrat', sans-serif;
}
#div_rut{

}
.marcofoto img {
	content: url('../../img/login/iconofacturacion147x128.png');
	width: 55px;
	object-fit: contain;

}

.cuerpoform {
	margin: 20px 23px 10px 23px;
}
.titulo-login{
	
}

.login .subtitulo{
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	line-height: 28px;
	font-size: 14px;
	color: black;
	margin-bottom: 6px;
}
.marcofoto{

}
.login [type=text]{
	text-align: center;
	color: #191919;
    padding: 15px 15px 15px 15px;
    border: 2px solid #9a9a9a;
	border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    width:75%;
    background-color:#ffffff;
    font-family: 'Montserrat', sans-serif;

}
.login [type=text]:focus{
	outline: none !important;
	border: 3px solid #969393;
}

.login button.continuar{
	width: 100px;
	height: 17px;
	background-color: #A6D344;
	color: #fff;
	font-weight: bold;
	font-size: 7pt;
	position: relative;
	top: 43px;
	left: 207px;
	text-transform: uppercase;
}

.login .error{
    margin: 0 25px;
	font-size: 14px;
    font-weight:500;
	background-color: #F3E658;
    font-family: 'Montserrat', sans-serif;
}
.formfooter{
    margin-top: -25px;
	border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    background-color:#e7e7e7;
    color:#019501;
	font-size: 14px;
    font-weight:600;
	line-height: 25px;
    font-family: 'Montserrat', sans-serif;
}
@media screen  and (max-width: 430px)  { /* menor */
    .container-login{
		width:340px;
		height: 345px;
    }
    .titulo-login{
        font-size:18px !important; 
	}
	.login .error{
		font-size: 12px;
	}
	.marcofoto{
		margin: 7px 0px 0px -5px;
	}
	.botonblanco {
		margin-right: 17px;
	}
}

body.is-reveal-open {
  overflow: hidden; }

html.is-reveal-open,
html.is-reveal-open body {
  min-height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: #fff;
  overflow-y: scroll; }

.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: none;
  padding: 0;
  border: 0;
  border-radius: none;
  background-color: #fefefe;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      min-height: 0; } }
  .reveal .column, .reveal .columns,
  .reveal .columns {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      width: 600px;
      max-width: 62.5rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal .reveal {
      right: auto;
      left: auto;
      margin: 0 auto; } }
  .reveal.collapse {
    padding: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal.tiny {
      width: 30%;
      max-width: 62.5rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.small {
      width: 50%;
      max-width: 62.5rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.large {
      width: 90%;
      max-width: 62.5rem; } }
  .reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
  @media screen and (max-width: 39.9375em) {
    .reveal {
      top: 0;
      left: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      height: 100vh;
      min-height: 100vh;
      margin-left: 0;
      border: 0;
      border-radius: 0; } }
  .reveal.without-overlay {
    position: fixed; }

	.reveal .header-reveal{
	height: 40px;
	color: #fff;
	background-color: #000;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 40px;
}

.reveal .header-reveal span{
	position: absolute;
	right: 10px;
	font-size: 10px;
	cursor: pointer;
}

.reveal iframe{
	border: none;
}

.reveal .footer-reveal{
	position: absolute;
	height: 6px; 
	background-color: #000;
	bottom: 0;
	width: 100%;
}

.reveal-overlay{
	overflow: hidden;
}

.black-text{
	color: #fff;
}


/*RESULTADOS*/
.border{
	border: 0px solid black;
}

.respuesta{
	margin: 0;
}

.respuesta td{
	font-size: 12px;
	padding: 0 5px;
	height: 20px;
	border: 1px solid #000;
	background-color: #fff;
}

.gris{
	background-color: #99A5B4 !important;
	color: #fff !important;
	font-weight: bold;
}

.tborder-top{
	border-top: 1px solid #fff !important;
}

.tborder-right{
	border-right: 1px solid #fff !important;
}

.tborder-bottom{
	border-bottom: 1px solid #fff !important;
}

.tborder-left{
	border-left: 1px solid #fff !important;
}


.bg-webpay{
	background-image: url(../img/background.gif);
}


.panel-transicion{
	padding: 10px;
	margin-top: 10%;
	background-color: #fff;
}

.panel-transicion p{
	margin-top: 20px;
}

.txt_editables 
{
	background-color: #FFFFFF;
	font-family: inherit;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #717171;
	text-decoration: none;
}

.custom-select {
	position: relative;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
}

.custom-select input {
	width: 100%;
	cursor: pointer;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	height: 38px;
	font-size: 18px;
	box-sizing: border-box;
	padding: 0 32px 0 12px !important; 
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #717171 !important;
	
}

.custom-select .options {
	display: none;
	position: absolute;
	width: 100%;
	background: #fff;
	border: 1px solid #717171;
	border-radius: 5px;
	max-height: 200px;
	overflow-y: auto;
	z-index: 10;
}

.custom-select.active .options {
	display: block;
}

.custom-select .options div {
	padding: 8px 12px;
	cursor: pointer;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	color: #717171;
	font-size: 18px;
}

.custom-select .options div:hover {
	background-color: #e7e7e7;
}
.custom-select {
	width: 100%;
	display: block;
}
.custom-select .options {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
}
.custom-select {
	position: relative;
}

.custom-select::after {
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #717171;
	pointer-events: none;
}

.custom-select input::placeholder {
	color: #717171;
	opacity: 1;
}



select,
select option {
	font-family: 'Montserrat' !important;
	/* font-weight: 500; */
}

.panelentrega {
	max-width: 1567px;
	margin: 0 auto;
	padding: 0 5%;
	box-sizing: border-box;
}

.panelentrega .row {
	max-width: 1567px;
}

.panelentrega .monto-total {
	border-radius: 5px;
}

.panelentrega .header .titulo-bienvenida {
	font-family: 'Montserrat';
	text-transform: uppercase;
	color: #019501;
	font-size: 35px;
	font-weight: 800 !important;
	;
	font-style: normal !important;
	;
	background-color: #FAFAFA;
	padding: 20px;
	font-variation-settings: normal;
}

.panelentrega .accordion .filtro-busqueda a.accordion-title,
.panel .datos div.titulo {
	background-color: #019501;
	font-size: 25px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
}

.panelentrega .header .nombre-empresa {
	position: relative;
}

.panelentrega .cerrar {
	top: 0;
	font-size: 0 !important;
	top: 6px;
	right: 6px;
	font-size: 0 !important;
	cursor: pointer;
}

.panelentrega .datos table.emisor thead th,
.panelentrega .datos table.receptor thead th {
	height: 33px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 32px !important;
	background-color: #e7e7e7;
	color: #717171;
	font-size: 23px;
	font-family: 'Montserrat';
	font-weight: 600;
	text-transform: none;
	border: 1px solid #c6c6c6 !important;
}

.panelentrega .datos table {
	border: 1px solid #c6c6c6 !important;
}

.panelentrega .datos table tbody td {
	background: #ffffff;
	color: #717171;
	font-size: 17px;
	font-weight: 500;
	font-family: 'Montserrat';
}

.panelentrega .cerrar a span {
	text-transform: none;
}

.panelentrega .contenedor-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.panelentrega .vertical-flex {
	display: flex;
	gap: 24px;
}

.panelentrega .item-flex {
	width: 50%;

}

.panelentrega .row-inputs input,
.panelentrega .row-inputs select {
	margin: 0;
	height: 38px;
	border-radius: 5px;
	font-size: 18px;
	border: 1px solid #717171 !important;
	color: #717171;
	padding: 0 0 0 12px;
	font-family: 'Montserrat';
	font-weight: 500;
}

.panelentrega .field_folio {
	border: 1px solid #717171;
	border-radius: 5px;
	padding: 0 0 0 14px;
	margin-top: -11px;
	height: 49px;
}

.panelentrega .field_folio legend {
	margin-bottom: -2px;
	color: #717171;
	font-size: 14px;
	font-family: 'Montserrat';
	font-weight: 500;
}

.panelentrega .vertical-flex-responsive {
	margin-top: 22px;
}

.panelentrega .accordion .filtro-busqueda .accordion-content .botonera {
	margin-top: 0;
	width: min-content;
}

.panelentrega .accordion .filtro-busqueda .accordion-content .botonera button {
	height: 50px;
	font-size: 20px;
	font-weight: 600;
	color: #717171;
	font-family: 'Montserrat';
	min-width: 150px;
}

.panelentrega table.detalle thead th {
	background-color: #e7e7e7;
	font-weight: 500;
	color: #717171;
	font-family: 'Montserrat';
	font-size: 20px;
	height: 33px;
	max-height: 33px;
}

.panelentrega table.detalle tbody td,
.panelentrega table.detalle tbody td label {
	font-weight: 500;
	color: #717171;
	font-family: 'Montserrat';
	border-left: unset;
	font-size: 20px;
}

.panelentrega table.detalle tbody td a {
	color: #4e4e4e;
	font-weight: bold;
	border: 10px solid transparent;
	border-radius: 10px;
}

.panelentrega table.detalle tbody td a:hover {
	background: #e7e7e7;
	border: 10px solid #e7e7e7;
	border-radius: 10px;
}

.panelentrega .accordion .filtro-busqueda .accordion-content .detalle-pago {
	font-size: 18px;
	font-weight: 500;
	color: #717171;
	font-family: 'Montserrat';
}

.panelentrega #PANEL_detalle tr td {
	text-align: center;
	padding: 4px 2px;
	background: #ffffff;
	height: 56px !important;
}

.panelentrega #PANEL_detalle tr td img {
	width: 22px;
}

.panelentrega .cerrar>img {
	width: 22px;
	height: 22px !important;
	border: 1px solid #e7e7e7;
	min-height: unset !important;
	max-height: unset !important;
	font-size: 0 !important;
}

.footer-outside {
	background: #fafafa;
	text-align: right;
	padding: 60px 2.5% 36px 0;
}

.footer-outside a {
	color: #a0a0a0 !important;
	font-size: 22px;
	font-family: 'Montserrat';
	font-weight: bold;
}

.footer-outside img {
	width: 226px;
	height: 33px;
}

.panelentrega .accordion-title img,
#btn_acordeon_movil {
	filter: brightness(0) invert(1);
}

.panelentrega .contenedor_logo_empresa {
	display: flex;
	align-items: center;
	height: 112px;
	padding: 14px 0;
	position: relative;
	background: #ffffff;
	border-radius: 10px 10px 0 0;
}

.panelentrega .contenedor_logo {
	width: 240px;
}

.panelentrega .contenedor_empresa {
	color: #a0a0a0;
	font-size: 45px;
	font-family: 'Montserrat';
	font-weight: 800;
	width: 100%;
}

#btn_acordeon_movil {
	display: none;
	position: absolute;
	left: 20px;
	top: 6px;
}

.panelentrega #PANEL_filtro {
	display: flex;
	align-items: center;
}

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

	.panelentrega table.detalle thead th,
	.panelentrega table.detalle tbody td,
	.panelentrega table.detalle tbody td label {
		font-size: 16px;
	}
}

@media screen and (max-width: 837px) {
	.panelentrega {
		padding: 2%;
	}

	.panelentrega,
	.panelentrega * {
		box-sizing: border-box;
	}

	.panelentrega table.emisor,
	.panelentrega table.receptor {
		table-layout: fixed !important;
		width: 100% !important;
	}

	.panelentrega .datos .responsivo {
		overflow-x: hidden;
	}

	.row-inputs>.row:nth-child(2) {
		margin-top: 20px;
	}

	.accordion-item.filtro-busqueda .accordion-content {
		height: auto;
	}

	a.btn-webpay:not(.fijo) {
		width: 45px !important;
		height: 22px;
	}

	a.btn-webpay:not(.fijo) img.webpay {
		width: 40px !important;
	}

	.panelentrega .contenedor-flex {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.panelentrega table.detalle thead th,
	.panelentrega table.detalle tbody td,
	.panelentrega table.detalle tbody td label {
		font-size: 10px;
	}

	/* Fila Tipo de Documento y Folio. */
	.panelentrega .row-inputs>.row:first-child>.column {
		padding-left: 10px;
		padding-right: 10px;
	}

	.panelentrega .row-inputs>.row:first-child {
		margin-left: -24px;
		margin-right: -24px;
	}

	.panelentrega .row-inputs>.row:first-child select,
	.panelentrega .row-inputs>.row:first-child input {
		width: 100%;
	}

	/* Fila Mes, Año, Entrgado y Pagado. */
	.panelentrega .row-inputs .vertical-flex-responsive {
		display: flex;
		margin-left: -18px;
		margin-right: -18px;
	}

	.panelentrega .row-inputs .vertical-flex-responsive>.column {
		padding-left: 4px;
		padding-right: 4px;
	}

	/* Grupo Mes / Año (más angosto) */
	.panelentrega .row-inputs .vertical-flex-responsive>.column:first-child {
		flex: 0 0 40%;
		max-width: 40%;
		display: flex;
		gap: 8px;
	}

	.panelentrega .row-inputs .vertical-flex-responsive>.column:first-child .item-flex {
		flex: 1;
	}

	/* Grupo Entregado / Pagado (más ancho) */
	.panelentrega .row-inputs .vertical-flex-responsive>.column:last-child {
		flex: 0 0 60%;
		max-width: 60%;
		display: flex;
		gap: 8px;
	}

	.panelentrega .row-inputs .vertical-flex-responsive>.column:last-child .item-flex {
		flex: 1;
	}

	.panelentrega .row-inputs .vertical-flex-responsive select {
		width: 100%;
	}

	.panelentrega .accordion .filtro-busqueda .accordion-content .botonera {
		display: flex;
		flex-direction: row;
		gap: 8px;
		justify-content: center;
	}

	.panelentrega .titulo-bienvenida {
		font-size: 22px !important;
		line-height: 1;
	}

	.panelentrega .contenedor_logo_empresa {
		flex-direction: column;
		height: auto;
	}

	.panelentrega .contenedor_logo {
		height: 70px;
		width: auto;
		margin: 0 0 12px 0;
	}

	.panelentrega .datos table {
		margin: 5px 5px 0px 5px !important;
		width: 100% !important;
	}

	.panelentrega .contenedor_logo img {
		height: 100%;
	}

	.panelentrega .contenedor_empresa {
		padding-right: 0 !important;
	}

	.panelentrega .contenedor_empresa,
	.panelentrega .accordion .filtro-busqueda a.accordion-title,
	.panelentrega .datos div.titulo {
		font-size: 18px;
	}

	.panelentrega a.accordion-title>div {
		top: 6px !important;
	}

	.custom-select .options div {
		font-size: 14px;
	}

	.footer-outside {
		text-align: center;
		padding: 35px 4px;
	}

	.footer-outside a {
		font-size: 14px;
	}

	.footer-outside img {
		width: 150px;
		height: auto;
	}

	.panelentrega .ocultar_movil {
		display: none;
	}

	td a span.ocultar_movil {
		display: none !important;
	}

	#btn_acordeon_movil {
		display: block;
	}

	.panelentrega table.detalle tbody td a {
		text-decoration: none;
		border: 0;
	}

	.panelentrega table.detalle tbody td a:hover {
		background: unset;
		border: 0;
		border-radius: 0;
	}

	.panelentrega .datos table tbody td {
		font-size: 14px;
	}

	.panelentrega .datos table tbody td.titulo {
		width: 140px !important;
	}

	.panelentrega .row-inputs input,
	.panelentrega .row-inputs select {
		font-size: 14px;
	}

	.panelentrega .field_folio {
		padding: 0 0 0 12px;
	}

	.panelentrega .row-inputs {
		margin-bottom: 16px;
	}

	.panelentrega .responsivo,
	.small-12 {
		width: 100%;
	}

	.panelentrega .border-left {
		border-left: none;
	}

	.panelentrega .show-for-small-only {
		display: block !important;
	}

	.panelentrega .medium-offset-1 {
		margin-left: 0;
	}

	.panelentrega #PANEL_filtro {
		flex-direction: column;
	}

	.panelentrega .accordion .filtro-busqueda .accordion-content .detalle-pago {
		line-height: 1.2;
		font-size: 14px;
	}

	.panelentrega .accordion .filtro-busqueda .accordion-content .botonera button {
		min-width: 120px;
		font-size: 14px;
	}

	.panelentrega .datos table.emisor thead th,
	.panel .datos table.receptor thead th {
		font-size: 18px;
	}
}