:root {
	--heigth-menu-sapp-dispatch: 4rem;
	--border-table-color: #4f4f4f;
	--pedido-selected: #009de2;
	--alternating-row: #dbebff;
	--disable-control: #e3e3e3;
	--max-table-pedidos-width: 80rem;
	--table-pedidos-width: 60rem;
	--table-pedidos-width-mobile: 30rem;
	--button-show-pedidos: 2.8rem;
	--small-font-cells: 1.2rem;
	--buttons-height: 6rem;
	--header-pedido-height: 15.6rem;
	--header-pedido-height-mobile: 9.6rem;
	--footer-pedidos-height: 9rem;
	--footer-pedidos-height-mobile: 6rem;
	--edit-color: #ffff00;
	--hover-row-color: #7e97b6;
	--color-saldo-rojo: #ff0000;
	--background-abonos: #c5d8e4;
	--header-abonos: #28a745;
	--selected-abono: #81c784;
	--row-odd-abono: #d4efdf;
	--row-even-abono: #ffffff;
	--row-hover-abono: #bafbbf;
	--background-white-soft: #f5f5f5;
	--width-format-print: 28rem;
	--header-abonos-pedidos-color: #2980b9;
	--header-abonos-height: 7.2rem;
	--header-pedidos-espera-color: #ffa500;
	--row-odd-pending: #fff9e6;
	--row-even-pending: #fff3cc;
	--row-hover-pending: #ffe5b3;
	--row-selected-pennding: #ff8c00;
	--button-accept-pending: #28a745;
	--button-accept-hover-pending: #218838;
	--button-cancel-pending: #dc3545;
	--button-cancel-hover: #c82333;
	--border-pending: #ff8c00;
	--header-pedidos-espera-secundary-color: #ffa500;
	--row-odd-pending-secundary: #fff9e6;
	--row-even-pending-secundary: #fff3cc;
	--row-hover-pending-secundary: #ffe5b3;
	--header-document-detail-ini: #ffa500;
	--header-document-detail-end: #fdb965;
	--pedido-pendiente: #ffd966;
	--pedido-aprobado: #28a745;
	--pedido-rechazado: #dc3545;
	--invoice-background: #f5f5dc;
	--invoice-header: #8b4513;
	--invoice-header-text: #ffffff;
	--invoice-table-header: #8b4513;
	--invoice-table-header-text: #fffff;
	--invoice-table-row-odd: #ffffff;
	--invoice-table-row-even: #f5f5dc;
	--invoice-table-row-hover: #d2b48c;
	--invoice-container-background: #ffffff;
	--invoice-container-border: #8b4513;
	--invoice-container-shadow: rgba(139, 69, 19, 0.1);
	--invoice-text: #333333;
	--invoice-hover: #d2b48c;
	--invoice-hover: #e1e1e1;
	--invoice-text-color: #333333;
	--invoice-button-color: #8b4513; /* Color para los botones */
	--invoice-button-hover: #d2b48c;
}

.dispatch-horizontal-tab-container {
	/*height: 100vh;*/
	height: 100%;
}

	.dispatch-horizontal-tab-container .background-spinner {
		top: var(--heigth-menu-sapp-dispatch);
		left: 0;
		width: 100%;
	}

	.dispatch-horizontal-tab-container input[type="number"]::-webkit-outer-spin-button,
	.dispatch-horizontal-tab-container input[type="number"]::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	.dispatch-horizontal-tab-container label {
		margin: 0;
		align-self: center;
	}

.dispatch-menu-horizontal {
	background: var(--color-blue-light);
	color: var(--color-text-light);
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	height: var(--heigth-menu-sapp-dispatch);
}

	.dispatch-menu-horizontal a {
		text-decoration: none;
		color: var(--color-text-light);
		border-radius: 1rem 1rem 0 0;
	}

		.dispatch-menu-horizontal a:hover {
			background: var(--color-unselected-item);
			color: var(--color-text-middle);
			cursor: default;
		}

	.dispatch-menu-horizontal .active {
		color: var(--color-text);
		border-bottom: 1px solid var(--color-background);
		background: white;
	}

	.dispatch-tab-container > div {
		padding: 2.4rem;
		height: 100%;
	}

	.dispatch-tab-container button {
		height: 100%;
		width: 8rem;
		background: var(--color-primary-dark);
		transition: none;
	}

	.dispatch-tab-container .abonos-dispatch-container button {
		background: #34495e;
	}

	.dispatch-tab-container .despacho-botones {
		width: 3.2rem;
		height: 3.2rem;
	}

	.dispatch-tab-container .button-start {
		height: var(--buttons-height);
		width: 12rem;
	}

	.dispatch-tab-container .control-container-dispatch {
		display: flex;
		flex-direction: column;
		gap: 1.2rem;
	}

	.dispatch-tab-container .link-metricas-test {
		cursor: pointer;
	}

.dispatch-tab-container {
	height: calc( 100% - var(--heigth-menu-sapp-dispatch));
}

	.dispatch-tab-container main {
		width: 100%;
		max-width: 120rem;
		height: 100%;
	}

#tab-documents-pending {
	padding: 0;
}

.documents-dispatch-container {
	max-width: 100rem;
	display: flex;
	/*flex-wrap: wrap;*/
	flex-direction: column;
	/*height: calc(100vh - var(--heigth-menu-sapp-dispatch));*/
	/*height: calc(100% - var(--heigth-menu-sapp-dispatch));*/
	height: 100%;
	width: 100%;
}

.buttons-dispatch-container {
	height: var(--buttons-height);
	padding: 0.8rem;
	background: linear-gradient(180deg, var(--color-blue-light), whitesmoke);
	margin-bottom: 0.8rem;
	border: 1px solid var(--border-table-color);
	border-radius: 0.8rem;
	box-shadow: var(--primary-shadow);
	max-width: var(--max-table-pedidos-width);
}

		.buttons-dispatch-container button svg {
			vertical-align: middle;
		}

		.buttons-dispatch-container button:hover {
			background: var(--pedido-selected);
		}

		.buttons-dispatch-container button:active {
			background: var(--color-primary-light);
		}

	.buttons-dispatch-container .despacho-botones {
		width: 3.2rem;
		height: 3.2rem;
	}

	.buttons-dispatch-container .disabled-button {
		background: var(--disable-control);
	}

		.buttons-dispatch-container .disabled-button:hover {
			background: var(--disable-control);
		}

	.pedido-container {
		height: 100%;
		padding: 0.8rem 4rem 0.8rem 0;
		margin-left: 4rem;
		/*z-index: 1;*/
	}

	.pedido-container .paginacion-pedidos {
		max-width: var(--max-table-pedidos-width);
		display: flex;
		justify-content: center;
		margin-top: 1.2rem;
	}

.table-dispatch {
	table-layout: fixed;
	font-size: 1.2rem;
}

.table-dispatch thead {
	position: sticky;
	top: 0;
	background: var(--color-primary-light);
	color: white;
}

.table-dispatch th, .table-dispatch td {
	padding: 0.4rem;
}

.table-pedidos, .detalle-container {
	/*height: calc(100vh - var(--heigth-menu-sapp-dispatch) - 20rem);*/
	height: 100%;
	overflow-y: auto;
	border: 1px solid var(--border-table-color);
	/*border-radius: 0.8rem;*/
	box-shadow: var(--secundary-shadow);
	/*max-width: var(--max-table-pedidos-width);*/
	/*width: var(--table-pedidos-width);*/
}

		.table-dispatch th, .table-dispatch td {
			overflow: hidden;
			text-overflow: ellipsis;
		}

	.table-pedidos tbody tr td {
		vertical-align: middle;		
	}

	.table-pedidos tbody tr * {
		cursor: default;
	}

.table-pedidos tbody tr:hover, .table-pedidos tbody tr:nth-child(2n+1):hover {
	background: var(--hover-row-color);
}

	.table-pedidos tbody td:first-child, .table-pedidos tbody td:last-child, .table-dispatch td:nth-child(2) {
		text-align: end;
	}

	.table-pedidos thead th:first-child {
		width: 7.6rem;
	}

	.table-pedidos thead th:nth-child(2) {
		width: 5.2rem;
	}

	.table-pedidos thead th:nth-child(4) {
		width: 18rem;
	}

	.table-pedidos thead th:last-child {
		width: 11rem;
	}

	.table-pedidos tbody tr:nth-child(2n+1) {
		background: var(--alternating-row);
	}

	.table-pedidos .table-dispatch .selected {
		background: var(--pedido-selected);
	}

.detalle-container .table-dispatch {
	width: 100%;
}

	.detalle-container .table-dispatch input, .detalle-container .table-dispatch select {
		width: 100%;
		height: 2.8rem;
		padding: 0 0.4rem;
		border: 0;
		border-radius: 0.4rem;
		background: inherit;
		/*pointer-events: none;*/
	}

	.detalle-container .table-dispatch input[type=number], .detalle-container .table-dispatch td {
		text-align: end;
		/*border: 1px solid var(--disable-control);*/
		/*pointer-events: none;*/
	}

	.detalle-container .table-dispatch tbody tr:nth-child(2n+1) {
		background: #dbebff;
	}

	.detalle-container .table-dispatch th {
		font-size: small;
		font-weight: normal;
		background: var(--color-blue-light);
		border: 1px solid var(--disable-control);
		color: var(--color-text);
	}

	/*Encabezados*/
	/*Código del producto*/
	.detalle-container .table-dispatch th:first-child {
		width: 4.6rem;
	}

	.detalle-container .table-dispatch td:first-child {

	}

	/*Producto*/
	.detalle-container .table-dispatch th:nth-child(2) {
	}

	.detalle-container .table-dispatch td:nth-child(2) {
	}

	/*Cajas*/
	.detalle-container .table-dispatch th:nth-child(3) {
		width: 4.4rem;
	}

	.detalle-container .table-dispatch td:nth-child(3) {
	}

	/*Cantidad*/
	.detalle-container .table-dispatch th:nth-child(4) {
		width: 4.8rem;
	}

	.detalle-container .table-dispatch td:nth-child(4) {
	}

	/*Precio*/
	.detalle-container .table-dispatch th:nth-child(5) {
		width: 8rem;
	}

	.detalle-container .table-dispatch td:nth-child(5) {
	}

	/*Descuento*/
	.detalle-container .table-dispatch th:nth-child(6) {
		width: 5.2rem;
	}
		.detalle-container .table-dispatch tr td:nth-child(6) {
			display: flex;
			align-items: center;
		}

	.detalle-container .table-dispatch td:nth-child(6) {
		font-size: var(--small-font-cells);
	}

	/*Sub total*/
	.detalle-container .table-dispatch th:nth-child(7) {
		width: 7.2rem;
	}

	.detalle-container .table-dispatch td:nth-child(7) {
		font-size: var(--small-font-cells);
	}

	/*IVA*/
	.detalle-container .table-dispatch th:nth-child(8) {
		width: 6.8rem;
	}

	.detalle-container .table-dispatch td:nth-child(8) {
		font-size: var(--small-font-cells);
	}

	/*Total*/
	.detalle-container .table-dispatch th:nth-child(9) {
		width: 10rem;
	}

	.detalle-container .table-dispatch td:nth-child(9) {
	}

	/*Inventario*/
	.detalle-container .table-dispatch th:last-child {
		width: 4.8rem;
	}

	.detalle-container .table-dispatch td:last-child {
		background: limegreen;
	}

		.detalle-container .table-dispatch td:last-child.no-inventory {
			background: red;
		}

#tabDocuments {
	margin: 0;
	height: 100%;
	padding: 0;
}

.container-pedidos {
	/*width: 100%;*/
	/*height: 100%;*/
	height: calc(90% - var(--heigth-menu-sapp-dispatch) - 5.2rem);
	position: fixed;
	/*margin-top: 0.8rem;*/
	/*max-width: calc(var(--max-table-pedidos-width) + var(--button-show-pedidos));*/
	width: calc(var(--table-pedidos-width) + var(--button-show-pedidos));
	left: calc((var(--table-pedidos-width) * (-1)));
	transition: 0.5s;
}

.left-container-pedidos, .list-documents-pending-drawer {
	display: flex;
	flex-direction: row;
	width: calc(var(--table-pedidos-width) + var(--button-show-pedidos));
	position: absolute;
	background: linear-gradient(280deg, #cdcdcd, white);
	box-shadow: var(--primary-show);
	border-radius: 0 0.8rem 0.8rem 0;
	/*border: 1px solid var(--border-pending);*/
	z-index: 5;
	height: 100%;
}

	.left-container-pedidos > div {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		border: 1px solid var(--border-table-color);
		box-shadow: var(--primary-shadow);
		justify-content: space-between;
	}

	 .left-container-pedidos.active, .container-pedidos.active {
		 left: 0;
	 }

	.left-container-pedidos .btn-table-pedidos {
		width: var(--button-show-pedidos);
		/*height: calc(100vh - var(--heigth-menu-sapp-dispatch) - 12rem);*/
		height: 100%;
		border-radius: 0 0.8rem 0.8rem 0;
		flex-shrink: 0;
		background: var(--color-primary-light);
	}

	 .left-container-pedidos .btn-table-pedidos div {
		 display: none;
		 
	 }

	 .left-container-pedidos .btn-table-pedidos .active {
		 display: block;
	 }

	.left-container-pedidos .paginacion-content {
		margin-bottom: 0.8rem
	}

.detalle-pedido-form {
	/*height: calc(100vh - var(--heigth-menu-sapp-dispatch) - var(--buttons-height) - 8.2rem);*/
	height: calc(100% - var(--heigth-menu-sapp-dispatch) - var(--buttons-height) - 3rem);
	max-width: var(--max-table-pedidos-width);
	display: flex;
	flex-direction: column;
	box-shadow: var(--primary-shadow);
	border-radius: 0.8rem;
}

	.detalle-pedido-form input.editable, .detalle-pedido-form select.editable {
		/*pointer-events: auto;*/
		background: white;
		border: 1px solid var(--border-table-color);
		-webkit-appearance: auto;
	}

	.detalle-pedido-form select, .detalle-pedido-form input {
		opacity: 1;
		background: transparent;
		border: 0;
		text-overflow: ellipsis;
		-webkit-appearance: none;
	}

	.detalle-pedido-form fieldset {
		/*width: var(--max-table-pedidos-width);*/
		position: relative;
	}

	.detalle-pedido-form .encabezado-container {
		border: 1px solid var(--border-table-color);
		border-radius: 0.8rem 0.8rem 0 0;
		padding: 0.8rem;
		background: linear-gradient(359deg, var(--color-blue-light), whitesmoke);
		height: var(--header-pedido-height);
		display: grid;
		grid-template-columns: 12rem 4.8rem 24rem 12rem auto;
		grid-template-rows: repeat(6, 2.8rem);
		width: 100%;
		gap: 0.8rem;
		align-items: center;
	}

		.detalle-pedido-form .encabezado-container.edit-pedido-mode {
			background: linear-gradient(359deg, var(--edit-color), whitesmoke);
		}

	.encabezado-container select {
		/*max-width: 25rem;*/
		white-space: pre-wrap;
		width: 100%;
		height: 100%;
		line-height: 1.6rem;
	}

	.detalle-pedido-form .grid-item-header-despacho {
		overflow: hidden;
		word-wrap: break-word;
	}

	.encabezado-container select option {
	}

	.encabezado-container input {
		text-align: end;
		padding-right: 0.4rem;
	}

	.encabezado-container .label-idpedido{
		grid-column: 1;
		grid-row: 1;
	}

	.encabezado-container .value-idpedido {
		grid-column: 2;
		grid-row: 1;
	}

	.encabezado-container .label-distribuidor {
		grid-column: 1;
		grid-row: 2;
	}

	.encabezado-container .value-iddistribuidor {
		grid-column: 2;
		grid-row: 2;
	}

	.encabezado-container .value-distribuidor {
		grid-column: 3;
		grid-row: 2;
	}

	.encabezado-container .label-fecha {
		grid-column: 1;
		grid-row: 3;
	}

	.encabezado-container .value-fecha {
		grid-column: 3;
		grid-row: 3;
	}

	.encabezado-container .label-cliente {
		grid-column: 1;
		grid-row: 4;
	}

	.encabezado-container .value-idcliente {
		grid-column: 2;
		grid-row: 4
	}

	.encabezado-container .value-cliente {
		grid-column: 3;
		grid-row: 4;
	}

	.encabezado-container .label-computador {
		grid-column: 4;
		grid-row: 4;
	}

	.encabezado-container .value-computador {
		grid-column: 5;
		grid-row: 4;
	}

	.detalle-pedido-form label {
		/*width: 12rem;*/
	}

	.detalle-pedido-form .date-input {
		
	}

	.input-iddistribuidor,
	.select-distribuidor,
	.date-input {
		height: 2.8rem;
		border-radius: 0.4rem;
		background: var(--disable-control);
		/*pointer-events: none;*/
	}

		.detalle-pedido-form .encabezado-container .input-iddistribuidor::-webkit-outer-spin-button,
		.detalle-pedido-form .encabezado-container .input-iddistribuidor::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}

		.detalle-pedido-form .encabezado-container p {
			margin-bottom: 0.8rem;
		}

.detalle-container {
	flex: 1;
	overflow-y: auto;
}

.footer-pedido {
	height: var(--footer-pedidos-height);
	/*display: flex;
	justify-content: space-between;*/
	width: 100%;
	display: grid;
	grid-template-columns: 4.4rem auto 4.4rem 4.8rem 8rem 5.2rem 7.2rem 6.8rem 10rem 4.8rem;
	grid-template-rows: auto auto auto;
	/*gap: 1rem;*/
	padding: 0.8rem 0;
	border: 1px solid var(--border-table-color);
	border-radius: 0 0 0.8rem 0.8rem;
	background: linear-gradient(180deg, var(--color-blue-light), whitesmoke);
	transition: background 1000ms ease-in-out;
}

	.footer-pedido.edit-pedido-mode {
		background: linear-gradient(180deg, var(--edit-color), whitesmoke);
		transition: background-color 1000ms linear;
	}

	.footer-pedido span, .footer-pedido label, .footer-pedido input {
		text-align: end;
		width: 100%;
		margin: 0;
		align-content: center;
	}

	.footer-pedido .label-total-cajas {
		grid-column: 2;
		grid-row: 1;
	}

	.footer-pedido .value-total-cajas {
		grid-column: 3;
		grid-row: 1;
	}

	.footer-pedido .label-sub-total {
		grid-column: 7/9;
		grid-row: 1;
	}

	.footer-pedido .value-sub-total {
		grid-column: 9;
		grid-row: 1;
	}

	.footer-pedido .label-descuento {
		grid-column: 7/9;
		grid-row: 2;
	}

	.footer-pedido .value-descuento {
		/*grid-column: 9;
		grid-row: 2;*/
		width: 5rem;
		justify-self: end;
		/*border: 1px solid var(--border-table-color);*/
		border-radius: 0.4rem;
		padding-right: 0.4rem;
	}

	.footer-pedido .grid-container-descuento-pedido {
		grid-area: 2/9;
		text-align: end;
	}

	.footer-pedido .label-total {
		grid-column: 7/9;
		grid-row: 3;
		text-align: end;
	}

	.footer-pedido .value-total {
		grid-column: 9;
		grid-row: 3;
	}

#popup-message, #popup-message-documentos, 
#popup-message-abonos, #popup-message-documentos-pendientes, 
#popup-message-main-facturacion, #popup-message-historial-facturacion {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: red;
	color: white;
	padding: 10px;
	border-radius: 5px;
	display: none;
	z-index: 5;
	opacity: 70%;
	transition: opacity 0.5s ease-in-out;
}

	#popup-message.show, #popup-message-documentos.show, #popup-message-abonos.show, #popup-message-documentos-pendientes.show {
		display: block;
		opacity: 1;
	}

	#popup-message.hide, #popup-message-documentos.hide, #popup-message-abonos.hide, #popup-message-documentos-pendientes.hide {
		opacity: 0;
	}

.hidden-message {
	display: none;
}

#tabAbonos {
	height: 100%;
}

.abonos-dispatch-container { 
	width: 100%;
	max-width: 70rem;
	height: 100%;
}

.abonos-dispatch-container label, .abonos-dispatch-container span {
	color: var(--color-text);
}

	.abonos-dispatch-container .buttons-abonos-container {
		background: var(--background-abonos);
		margin-bottom: 0.8rem;
		border: 1px solid var(--border-table-color);
		border-radius: 0.8rem;
		padding: 0.8rem;
		box-shadow: var(--primary-shadow);
	}

.abonos-cuadro {
	display: flex;
	flex-direction:column;
	height: 100%;
}

.header-abonos-container {
	height: var(--header-abonos-height);
	display: grid;
	grid-template-columns: 10.8rem auto;
	grid-template-rows: auto auto;
	gap: 0.8rem;
	padding: 0.8rem;
	background: var(--background-abonos);
	border: 1px solid var(--border-table-color);
	border-radius: 0.8rem 0.8rem 0 0;
	box-shadow: var(--primary-shadow);
}

	.header-abonos-container .label-distribuidor {
		grid-column: 1;
		grid-row: 1;
	}

	.header-abonos-container .value-distribuidor {
		grid-column: 2;
		grid-row: 1;
	}

		.header-abonos-container .value-distribuidor select {
			width: 100%;
		}

	.header-abonos-container .label-cliente {
		grid-column: 1;
		grid-row: 2;
	}

	.header-abonos-container .value-cliente {
		grid-column: 2;
		grid-row: 2;
		line-height: 1.6rem;
	}

.detalle-abono-distribuidor {
	border: 1px solid var(--border-table-color);
	box-shadow: var(--primary-shadow);
	max-height: calc(100vh - 50rem);
	overflow-y: auto;
	flex: 1;
}

	.detalle-abono-distribuidor table {
		table-layout: fixed;
		width: 100%;
	}

	.detalle-abono-distribuidor thead tr {
		background: var(--header-abonos-pedidos-color);
		color: white;
		top: 0;
		position: sticky;
	}

	.detalle-abono-distribuidor th {
		padding: 0.4rem;
		font-weight: normal;
	}

	.detalle-abono-distribuidor td {
		padding: 0 0.4rem;
		border: 1px solid var(--border-table-color);
		cursor: default;
	}

	.detalle-abono-distribuidor thead th:first-child {
		width: 8rem;
	}

	.detalle-abono-distribuidor thead th:nth-child(2) {
		width: 16rem;
	}

	.detalle-abono-distribuidor tbody td:nth-child(2) {
		text-align: start;
	}

	.detalle-abono-distribuidor thead th:nth-child(3) {
		width: 8rem;
	}

	.detalle-abono-distribuidor thead th:nth-child(4) {
		width: 8rem;
	}

	.detalle-abono-distribuidor thead th:nth-child(5) {
		width: 8rem;
	}

	.detalle-abono-distribuidor td:nth-child(5):hover {
		background: var(--hover-row-color);
	}

	.detalle-abono-distribuidor td:nth-child(5):active {
		background: var(--color-selected-item);
	}

	.detalle-abono-distribuidor tbody .sin-saldar {
		color: var(--color-saldo-rojo);
	}

	.detalle-abono-distribuidor td {
		text-align: end;
	}

	.detalle-abono-distribuidor tbody .abono-sinref {
		background: var(--color-selected-item);
	}

	.detalle-abono-distribuidor tbody .selected-abono {
		background: var(--color-blue-light);
	}

	.detalle-abono-distribuidor tfoot tr {
		position: sticky;
		bottom: 0;
	}

	.detalle-abono-distribuidor tfoot td {
		background: var(--header-abonos-pedidos-color);
		color: white;
	}

.color-lime {
	background: #00FF7F; /* Spring Green */
}

.color-greenyellow {
	background: #ADFF2F; /* Green Yellow */
}

.color-yellow {
	background: #FFD700; /* Gold */
}

.color-orange {
	background: #FF8C00; /* Dark Orange */
}

.color-orangered {
	background: #FF4500; /* Orange Red */
}

.color-red {
	background: #DC143C; /* Crimson */
	color: orange;
}

.summary-abono {
	display: grid;
	grid-template-columns: auto 10rem;
	grid-template-rows: auto auto auto auto;
	gap: 0.8rem;
	padding: 0.8rem;
	background: var(--background-abonos);
	border: 1px solid var(--border-table-color);
	border-radius: 0 0 0.8rem 0.8rem;
	box-shadow: var(--primary-shadow);
}

	.summary-abono label, .summary-abono input {
		text-align: end;
		padding-right: 0.4rem;
	}

	.summary-abono .label-total-select {
		grid-column: 1;
		grid-row: 1;
	}

	.summary-abono .value-total-select {
		grid-column: 2;
		grid-row: 1;
	}

	.summary-abono .label-cantidad-abono {
		grid-column: 1;
		grid-row: 2;
	}

	.summary-abono .value-cantidad-abono {
		grid-column: 2;
		grid-row: 2;
	}

	.summary-abono .label-saldo-final-abono {
		grid-column: 1;
		grid-row: 3;
	}

	.summary-abono .value-saldo-final-abono {
		grid-column: 2;
		grid-row: 3;
	}

	.summary-abono .button-generar-abonos {
		grid-column: 2;
		grid-row: 4;
		width: 100%;
		height: 4.8rem;
	}

.last-abonos-container .last-abonos-background {
	position: absolute;
	height: calc(100vh - var(--heigth-menu-sapp-dispatch));
	top: var(--heigth-menu-sapp-dispatch);
	left: 0;
	width: 100%;
	background: var(--color-background);
	opacity: 60%;
}

.last-abonos-container .info-container {
	background: var(--background-white-soft);
	position: absolute;
	top: var(--heigth-menu-sapp-dispatch);
	left: 0;
	padding: 0.8rem;
	margin: 6rem;
	border: 3px solid var(--border-table-color);
	border-radius: 1.2rem;
	box-shadow: var(--primary-shadow);
	max-height: calc(100vh - var(--heigth-menu-sapp-dispatch) - 10rem);
}

	.last-abonos-container .last-abonos-table {
		max-height: calc(100vh - 32rem);
		max-width: 50rem;
		overflow-y: auto;
		border-radius: 1.2rem;
		border: 2px solid var(--border-table-color);
		clip-path: inset(0 round 1.2rem); /* Recorta los bordes con radio */
	}

	.last-abonos-container .last-abonos-table table {
		width: 100%;
		border-collapse: collapse;
		border-radius: 1.2rem;
		/*overflow: hidden;*/
		font-size: smaller;
	}

		.last-abonos-container .last-abonos-table thead tr {
		}

		.last-abonos-container .last-abonos-table th {
			background: var(--header-abonos);
			color: white;
			padding: 0.8rem;
			text-align: left;
			border: 1px solid #ddd;
			font-weight: bold;
			position: sticky;
			top: 0;
		}

		.last-abonos-container .last-abonos-table td {
			padding: 0.4rem;
			text-align: right;
			border: 1px solid #ddd;
		}

			.last-abonos-container .last-abonos-table tbody tr:nth-child(odd) {
				background: var(--row-odd-abono);
			}

			.last-abonos-container .last-abonos-table tbody tr:nth-child(even) {
				background: var(--row-even-abono);
			}

		.last-abonos-container .last-abonos-table th, .last-abonos-container .last-abonos-table td {
			/*padding: 0.4rem;
		border: 1px solid var(--border-table-color);*/
		}

	/*Id abono*/
	.last-abonos-container .last-abonos-table th:nth-child(1) {
	}

	/*id Distribuidor*/
	.last-abonos-container .last-abonos-table td:nth-child(2) {
	}
	/*Distribuidor*/
	.last-abonos-container .last-abonos-table td:nth-child(3) {
		text-align: left;
	}

	/*Fecha*/
	.last-abonos-container .last-abonos-table td:nth-child(4) {
		text-align: left;
	}

	/*Id. pedido*/
	.last-abonos-container .last-abonos-table th:nth-child(5) {
	}

	/*Valor*/
	.last-abonos-container .last-abonos-table td:nth-child(6):hover {
		background: var(--row-hover-abono);
		cursor: default;
	}

		.last-abonos-container .last-abonos-table td:nth-child(6).selected-abono {
			background: var(--selected-abono);;
			cursor: default;
		}

	.last-abonos-container .info-container {
		display: flex;
		flex-direction: column;
		gap: 1.2rem;
	}

		.last-abonos-container .info-container p{
			margin: 0;
			text-align: end;
			display: block;
		}

		.last-abonos-container .info-container p span {
			width: 12rem;
			display: inline-block;
			padding-right: 2rem;
		}


		.last-abonos-container .info-container button {
			place-self: self-end;
			width: 12.4rem;
			padding: 0.8rem;
			margin-right: 0.4rem;
			background: var(--header-abonos);
			border: 1px solid var(--border-table-color);
		}

		.last-abonos-container .info-container button:hover {			
			background: var(--row-hover-abono);
			color: var(--header-abonos);
		}

		.last-abonos-container .info-container .paginacion-content {
			align-self: center;
		}

		.last-abonos-container .info-container .container-tittle {
			display: flex;
			place-content: space-between;
			align-items: center;
		}

			.last-abonos-container .info-container .container-tittle h3 {
				flex: 1;
				text-align: center;
				margin: 1rem 0;
				color: #1b5e20;
			}

			.last-abonos-container .info-container .container-tittle span {
				display: flex;
				background: var(--header-abonos);
				color: white;
			}

				.last-abonos-container .info-container .container-tittle span:hover {
					background: var(--row-hover-abono);
					color: var(--header-abonos);
				}

/*----------------------Pedidos en espera--------------------------*/



.documents-pending-admin-container {
	height: 100%;
}

.documents-pending-admin-container .pedido-pendiente {
	background: var(--pedido-pendiente);
}

.documents-pending-admin-container .pedido-aprobado {
	background: var(--pedido-aprobado);
}

.documents-pending-admin-container .pedido-rechazado {
	background: var(--pedido-rechazado);
}

.list-documents-pending-container {
	height: calc(100% - 10rem);
	overflow-y: auto;
}

.list-documents-pending-drawer {
	/*Los estilo básicos son los mismos del de pedidos (el de uso interno)*/
	width: calc(var(--table-pedidos-width) + var(--button-show-pedidos));
	left: calc((var(--table-pedidos-width) * (-1)));
	transition: 0.5s;
	height: calc(70% - var(--heigth-menu-sapp-dispatch) - 5.2rem);
}

	.list-documents-pending-drawer div:first-child{
		flex: 1;
	}

	.list-documents-pending-drawer.active {
		left: 0;
	}

	.list-documents-pending-drawer button {
		/*height: calc(100vh - var(--heigth-menu-sapp-dispatch) - 12rem);*/
		/*height: 100%;*/
		border-radius: 0.8rem;
		flex-shrink: 0;
		background: var(--button-accept-pending);
		height: 6rem;
		width: 6rem;
	}

		.list-documents-pending-drawer .btn-refresh {
			margin: 0.8rem;
		}

		.list-documents-pending-drawer .btn-table-pedidos-pending{
			height: 100%;
			width: var(--button-show-pedidos);
		border-radius: 0 0.8rem 0.8rem 0;
		}

		.list-documents-pending-drawer button:hover {
			background: var(--button-accept-hover-pending);
		}

		.list-documents-pending-drawer button div {
			display: none;
		}

		.list-documents-pending-drawer button div.active {
			display: block;
		}

.list-pending-background {
	height: 0;
	width: 0;
	position: absolute;
	top: var(--heigth-menu-sapp-dispatch);
	left: 0;
	z-index: 4;
}

.list-documents-background {
	height: 0;
	width: 0;
	position: absolute;
	/*top: var(--heigth-menu-sapp-dispatch);
	left: 0;*/
	z-index: 4;
}

.list-pending-background.active, .list-documents-background.active {
	height: 100%;
	width: 100%;
	position: fixed;
}

.table-documents-pending {
	table-layout: fixed;
	width: 100%;
	border: 1px solid var(--border-pending);
}

.table-documents-pending thead {
	position: sticky;
	top: 0;
	background: var(--header-pedidos-espera-color);
	color: white;
}

	.table-documents-pending th, .table-document-pending-selected th {
		font-weight: 300;
	}

	.table-documents-pending thead th:first-child {
		width: 8rem;
	}

	.table-documents-pending thead th:nth-child(2) {
		
	}

	.table-documents-pending thead th:nth-child(3) {
		width: 20rem;
	}

	.table-documents-pending thead th:last-child {
		width: 10rem;
	}

	.table-documents-pending tbody tr:nth-child(2n) {
		background: var(--row-even-pending);
	}

	.table-documents-pending tbody tr:nth-child(2n+1) {
		background: var(--row-odd-pending);
	}

	.table-documents-pending tbody td:last-child {
		text-align: end;
	}

	.table-documents-pending th, .table-documents-pending td {
		padding: 0.4rem 0.8rem;
	}

	.table-documents-pending tbody tr:hover {
		background: var(--row-hover-pending);
	}

	.table-documents-pending tbody tr.selected {
		background: var(--row-selected-pennding);
		color: white;
	}

.document-pending-detail-container {
	height: 100%;
	padding: 0.8rem 4rem;
}

.document-pending-selected-container {
	height: 100%;
	display: flex;
	flex-direction: column;
}

	.document-pending-selected-container .header-document-pending {
		border: 1px solid var(--border-pending);
		border-radius: 0.8rem 0.8rem 0 0;
		padding: 0.8rem;
		background: linear-gradient(359deg, var(--header-document-detail-ini), var(--header-document-detail-end));
		height: var(--header-pedido-height);
		display: grid;
		grid-template-columns: 16rem auto;
		grid-template-rows: repeat(4, 2.8rem);
		width: 100%;
		gap: 0.8rem;
		align-items: center;
	}

	.document-pending-selected-container .header-document-pending * {
		color: white;
	}

	.document-pending-selected-container .document-status {
		padding: 0.4rem;
	}

.document-pending-container-table {
	/*flex: 1;*/
	height: calc(100% - var(--header-pedido-height) -6.8rem);
	overflow-y: auto;
}

.table-document-pending-selected {
	border: 1px solid var(--border-pending);
}

	.table-document-pending-selected {
		border-radius: 0 0 0.8rem 0.8rem;
		width: 100%;
		table-layout: fixed;
	}

	.table-document-pending-selected thead {
		position: sticky;
		top: 0;
	}

	.table-document-pending-selected thead tr {
		background: var(--header-pedidos-espera-secundary-color);
	}

	.table-document-pending-selected tbody tr:nth-child(2n) {
		background: var(--row-even-pending-secundary);
	}

	.table-document-pending-selected tbody tr:nth-child(2n+1) {
		background: var(--row-odd-pending-secundary);
	}

	.table-document-pending-selected td {
		text-align: end;
	}

	.table-document-pending-selected th {
		color: white;
		/*border: 1px solid var(--border-pending);*/
		
	}

	.table-document-pending-selected td, .table-document-pending-selected th {
		padding: 0.8rem;
	}

	.table-document-pending-selected .inventario-positivo {
		background: var(--pedido-aprobado);
	}

	.table-document-pending-selected .inventario-negativo {
		background: var(--pedido-rechazado);
	}

	.table-document-pending-selected tfoot tr {
		background: linear-gradient(359deg, var(--header-document-detail-end), var(--header-document-detail-ini));
			
	}

	.table-document-pending-selected th:nth-child(1) {
		width: 10rem;
	}

	.table-document-pending-selected th:nth-child(2) {
		text-overflow: ellipsis;
		overflow: hidden;
		/*display: block;*/
	}

	.table-document-pending-selected tbody td:nth-child(2) {
		text-align: left;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.table-document-pending-selected th:nth-child(3) {
		width: 6rem;
	}

	.table-document-pending-selected th:nth-child(4) {
		width: 8rem;
		text-overflow: ellipsis;
		overflow: hidden;
		/*display: block;*/
	}

	.table-document-pending-selected th:nth-child(5) {
		width: 8rem;
	}

	.table-document-pending-selected th:nth-child(6) {
		width: 12rem;
	}

	.table-document-pending-selected th:nth-child(7) {
		width: 6rem;
	}

	.table-document-pending-selected tfoot {
		position: sticky;
		bottom: 0;
	}

	.table-document-pending-selected tfoot tr {
		color: white;
		font-size: large;
	}

.document-pending-selected-container .buttons-document-approve {
	margin-top: 2rem;
	display: flex;
	justify-content: end;
	gap: 2.8rem;
}

.document-pending-selected-container .buttons-document-approve button {
	width: 12rem;
	height: 6rem;
	padding: 0.8rem;
}

.document-pending-selected-container .buttons-document-approve .decline-button{
	background: var(--pedido-rechazado);
}

.document-pending-selected-container .buttons-document-approve .approve-button {
	background: var(--pedido-aprobado);
}

/*----------------------------------FACTURACION---------------------------------*/

#tabFacturacion {
	padding: 0;
}

.main-facturacion-hka {
	display: flex;
	flex-direction: row;
}

.factura-hka {
	color: var(--invoice-text);
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 1.2rem 1.2rem 1.2rem 2.4rem;
}

	.factura-hka .buttons-invoice-container {
		max-width: 100%;
		border: 2px solid var(--invoice-container-border);
		box-shadow: none;
		background: linear-gradient(180deg, var(--invoice-background), whitesmoke);
		display: flex;
		gap: 1.2rem;
	}

	.main-facturacion-hka .buttons-invoice-container svg {
		height: 100%;
		width: 100%;
	}

	.main-facturacion-hka button {
		background: var(--invoice-button-color);
		width: fit-content;
		padding: 0.4rem 2rem;
	}

		.main-facturacion-hka button:hover {
			background: var(--invoice-button-hover);
		}

	.factura-hka button svg {
		height: 100%;
		width: 100%;
	}

	.factura-hka header {
		display: flex;
		overflow-x: auto;
		gap: 1.2rem;
		border: 2px solid var(--invoice-container-border);
		box-shadow: var(--invoice-container-shadow);
		background: var(--invoice-container-background);
		padding: 0.8rem;
		border-radius: 0.8rem 0.8rem 0 0;
		/* max-width: 120rem; */
		height: 23rem;
	}

	.main-facturacion-hka table {
		table-layout: fixed;
		cursor: default;
		font-size: small;
	}

		.main-facturacion-hka thead tr {
			background: var(--invoice-header);
			color: var(--invoice-header-text);
			border: 1px solid var(--invoice-container-border);
			position: sticky;
			top: 0;
			font-size: smaller;
		}

		.main-facturacion-hka table th {
			padding: 0.4rem;
			font-weight: normal;
		}

		.main-facturacion-hka tbody tr {
			border: 1px solid var(--invoice-container-border);
		}

		.main-facturacion-hka tbody td {
			padding: 0.4rem;
		}

		.main-facturacion-hka table tbody tr:nth-child(even) {
			background: var(--invoice-table-row-even);
		}

		.main-facturacion-hka table tbody tr:nth-child(odd) {
			background: var(--invoice-table-row-odd);
		}

	.factura-hka .datos-cliente-hka {
		display: grid;
		/*grid-template-columns: repeat(2, 12rem 1fr);*/
		grid-template-columns: 12rem auto 12rem 12rem;
		grid-template-rows: repeat(8, 1.8rem);
		gap: 0.6rem;
		font-size: small;
		border: 1px solid var(--invoice-container-border);
		box-shadow: var(--invoice-container-shadow);
		background: var(--invoice-container-background);
		padding: 0.8rem;
		border-radius: 0.4rem;
		color: var(--invoice-text);
	}

	.datos-cliente-hka select, .datos-factura-hka select {
		width: 100%;
		box-sizing: border-box;
	}
	
	.datos-cliente-hka select option, .datos-factura-hka select option {
		min-width: 200px; /* Ajusta este valor según tus necesidades */
	}

	.datos-cliente-hka input, 
	.datos-cliente-hka select,
	.datos-factura-hka input,
	.datos-factura-hka select {
		border-radius: 0.4rem;
		padding: 0 0.4rem;
		border: 1px solid var(--border-table-color);
	}

	#datos-cliente-hka-identificacion-label {
		grid-column: 1;
		grid-row: 1;
	}

	#datos-cliente-hka-identificacion {
		grid-column: 2;
		grid-row: 1;
	}

	#datos-cliente-hka-tipo-idenficiacion-label {
		grid-column: 1;
		grid-row: 2;
	}

	#datos-cliente-hka-tipo-idenficiacion {
		grid-column: 2;
		grid-row: 2;
	}

	#datos-cliente-hka-tipo-persona-label {
		grid-column: 1;
		grid-row: 3;
	}

	#datos-cliente-hka-tipo-persona {
		grid-column: 2;
		grid-row: 3;
	}

	#datos-cliente-hka-regimen-label {
		grid-column: 1;
		grid-row: 4;
	}

	#datos-cliente-hka-regimen {
		grid-column: 2;
		grid-row: 4;
	}

	#datos-cliente-hka-codigo-label {
		grid-column: 1;
		grid-row: 5;
	}

	#datos-cliente-hka-codigo {
		grid-column: 2;
		grid-row: 5;
	}

	#datos-cliente-hka-nombre-label {
		grid-column: 1;
		grid-row: 6;
	}

	#datos-cliente-hka-nombre {
		grid-column: 2;
		grid-row: 6;
	}

	#datos-cliente-hka-segundo-nombre-label {
		grid-column: 1;
		grid-row: 7;
	}

	#datos-cliente-hka-segundo-nombre {
		grid-column: 2;
		grid-row: 7;
	}

	#datos-cliente-hka-apellidos-label {
		grid-column: 1;
		grid-row: 8;
	}

	#datos-cliente-hka-apellidos {
		grid-column: 2;
		grid-row: 8;
	}

	#datos-cliente-hka-pais-label {
		grid-column: 3;
		grid-row: 1;
	}

	#datos-cliente-hka-pais {
		grid-column: 4;
		grid-row: 1;
	}

	#datos-cliente-hka-departamento-label {
		grid-column: 3;
		grid-row: 2;
	}

	#datos-cliente-hka-departamento {
		grid-column: 4;
		grid-row: 2;
	}

	#datos-cliente-hka-ciudad-label {
		grid-column: 3;
		grid-row: 3;
	}

	#datos-cliente-hka-ciudad {
		grid-column: 4;
		grid-row: 3;
	}

	#datos-cliente-hka-direccion-label {
		grid-column: 3;
		grid-row: 4;
	}

	#datos-cliente-hka-direccion {
		grid-column: 4;
		grid-row: 4;
	}

	#datos-cliente-hka-telefono-label {
		grid-column: 3;
		grid-row: 6;
	}

	#datos-cliente-hka-telefono {
		grid-column: 4;
		grid-row: 6;
	}

	#datos-cliente-hka-email-label {
		grid-column: 3;
		grid-row: 7;
	}

	#datos-cliente-hka-email {
		grid-column: 4;
		grid-row: 7;
	}

	#datos-cliente-hka-notificar-label {
		grid-column: 3;
		grid-row: 8;
	}

	#datos-cliente-hka-notificar {
		grid-column: 4;
		grid-row: 8;
	}

	.datos-factura-hka {
		display: grid;
		/*grid-template-columns: 16rem 1fr 1fr;*/
		grid-template-columns: 16rem 8rem auto;
		grid-template-rows: repeat(8, 1.8rem);
		gap: 0.6rem;
		font-size: small;
		border: 1px solid var(--invoice-container-border);
		box-shadow: var(--invoice-container-shadow);
		background: var(--invoice-container-background);
		padding: 0.8rem;
		border-radius: 0.4rem;
		color: var(--invoice-text);
	}

	#factura-hka-fecha-emision {
		grid-column: 1;
		grid-row: 1;
	}

	#factura-hka-fecha-emision-input {
		grid-column: 2 / 4;
		grid-row: 1;
	}

	#factura-hka-fecha-vencimiento {
		grid-column: 1;
		grid-row: 2;
	}

	#factura-hka-fecha-vencimiento-input {
		grid-column: 2 / 4;
		grid-row: 2;
	}

	#factura-hka-numero-doc {
		grid-column: 1;
		grid-row: 3;
	}

	#factura-hka-numero-doc-prefijo {
		grid-column: 2;
		grid-row: 3;
	}

	#factura-hka-numero-doc-consecutivo {
		grid-column: 3;
		grid-row: 3;
	}

	#factura-hka-modo-edicion-pago {
		grid-column: 1;
		grid-row: 4;
	}

	#factura-hka-modo-edicion-pago-select {
		grid-column: 2 / 4;
		grid-row: 4;
	}

	#factura-hka-referencia-pago {
		grid-column: 1;
		grid-row: 5;
	}

	#factura-hka-referencia-pago-input {
		grid-column: 2 / 4;
		grid-row: 5;
	}

	#factura-hka-moneda {
		grid-column: 1;
		grid-row: 6;
	}

	#factura-hka-moneda-input {
		grid-column: 2 / 4;
		grid-row: 6;
	}

	#factura-hka-rango-numeracion {
		grid-column: 1;
		grid-row: 7;
	}

	#factura-hka-rango-numeracion-input {
		grid-column: 2 / 4;
		grid-row: 7;
	}

	#factura-hka-tipo-documento {
		grid-column: 1;
		grid-row: 8;
	}

	#factura-hka-tipo-documento-01 {
		grid-column: 2 / 4;
		grid-row: 8;
	}

.factura-hka-detalle {
	flex: 1;	
	font-size: small;
	width: 100%;
	border: 2px solid var(--invoice-container-border);
	overflow: auto;
	height: 28rem;
}
	.factura-hka-detalle table {
		/*table-layout: fixed;
		cursor: default;*/
	}

	.factura-hka-detalle thead tr {
		/*background: var(--invoice-header);
		color: var(--invoice-header-text);
		border: 1px solid var(--invoice-container-border);
		position: sticky;
		top: 0;*/
	}

	.factura-hka-detalle th {
		/*padding: 0.4rem;
		font-weight: normal;*/
	}

	.factura-hka-detalle tbody td {
		text-align: end;
		padding: 0.4rem;
		border: 1px solid var(--invoice-container-border);
		font-size: smaller;
	}

	.factura-hka-detalle tbody tr:nth-child(2n) {
		background: var(--invoice-table-row-even);
	}

	.factura-hka-detalle tbody tr:nth-child(2n+1) {
		background: var(--invoice-table-row-odd);
	}

	.factura-hka-detalle tbody tr:hover {
		background: var(--invoice-table-row-hover);
	}

	.factura-hka-detalle th:nth-child(1) {
		width: 4rem; /* Ajusta este valor según tus necesidades */
	}

	.factura-hka-detalle th:nth-child(2) {
		width: 16rem; /* Ajusta este valor según tus necesidades */
	}

	.factura-hka-detalle tbody td:nth-child(2) {
		text-align: start;
	}

	.factura-hka-detalle th:nth-child(3) {
		width: 4rem; /* Ajusta este valor según tus necesidades */
	}

	.factura-hka-detalle th:nth-child(4) {
		width: 6rem; /* Ajusta este valor según tus necesidades */
	}

	.factura-hka-detalle tbody td:nth-child(4) {
		text-align: start;
	}

	.factura-hka-detalle th:nth-child(5) {
		width: 6rem; /* Ajusta este valor según tus necesidades */
	}

	.factura-hka-detalle th:nth-child(6) {
		width: 6rem; /* Ajusta este valor según tus necesidades */
	}

	.factura-hka-detalle th:nth-child(7) {
		width: 6rem; /* Ajusta este valor según tus necesidades */
	}

	.factura-hka-detalle th:nth-child(8) {
		width: 6rem; /* Ajusta este valor según tus necesidades */
	}

	.factura-hka-detalle th:nth-child(9) {
		width: 6rem; /* Ajusta este valor según tus necesidades */
	}

	.factura-hka-detalle th:nth-child(10) {
		width: 6rem; /* Ajusta este valor según tus necesidades */
	}

	.factura-hka-detalle th:nth-child(11) {
		width: 6rem; /* Ajusta este valor según tus necesidades */
	}

.factura-hka-retenciones-impuestos {
	display: flex;
	flex-direction: row;
	gap: 1.2rem;
	padding: 0.8rem;
	border: 2px solid var(--invoice-container-border);
	overflow: auto;
	height: 16rem;
}

	.factura-hka-retenciones-impuestos .factura-hka-retenciones {
		min-width: 32rem;
		border: 1px solid var(--invoice-container-border);
		display: flex;
		flex-direction: column;
		gap: 0.8rem;
	}

	.factura-hka-retenciones-impuestos .factura-hka-impuestos {
		border: 1px solid var(--invoice-container-border);
		font-size: small;
		/*width: 32rem;*/
		min-width: 32rem;
	}

	.factura-hka-retenciones-impuestos .factura-hka-impuestos table {
		/*height: 100%;*/
		width: 100%;
	}

	.factura-hka-retenciones-impuestos .factura-hka-impuestos thead tr {
		/*background: var(--invoice-header);
		color: white;
		border: 1px solid var(--invoice-container-border);
		position: sticky;
		top: 0;*/
	}

	.factura-hka-retenciones-impuestos .factura-hka-impuestos thead th {
		/*padding: 0.4rem;
		font-weight: normal;*/
	}

	.factura-hka-retenciones-impuestos .factura-hka-impuestos td {
		text-align: end;
		padding: 0.4rem;
		//border: 1px solid var(--invoice-container-border);
	}

	.factura-hka-retenciones-impuestos .factura-hka-impuestos th:nth-child(1) {
		width: auto;
	}

	.factura-hka-retenciones-impuestos .factura-hka-impuestos th:nth-child(2) {
		width: 6rem;
	}

	.factura-hka-retenciones-impuestos .factura-hka-impuestos tbody td:nth-child(2) {
		text-align: start;
	}

	.factura-hka-retenciones-impuestos .factura-hka-impuestos th:nth-child(3) {
		width: 6rem;
	}

	.factura-hka-retenciones-impuestos .factura-hka-impuestos th:nth-child(4) {
		width: auto;
	}

.factura-hka-resumen {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: repeat(6, 1.8rem);
	font-size: small;
	padding: 0.8rem;
	gap: 0.4rem;
	border: 2px solid var(--invoice-container-border);
	//width: 28rem;
	min-width: 28rem;
	height: 100%;
	/*align-self: end;*/
	align-content: center;

}

	.factura-hka-resumen span {
		font-size: small;
		text-align: end;
		align-content: center;
	}

.json-container {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	place-content: center;
	place-items: center;
}

.background-json {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 5;
	display: flex;
	place-content: center;
	background: var(--invoice-background);
	opacity: 50%;
	
}

.factura-hka-json-container {
	position: fixed;
	top: 6rem;
	z-index: 6;
	width: 50%;
	height: 90%;
	overflow: auto;
	background: var(--invoice-background);
	padding: 1.6rem;
	border: 3px solid var(--invoice-container-border);
	border-radius: 1.2rem;
	display: flex;
	flex-direction: column;
	max-width: 60rem;
	min-width: 48rem;
	max-width: 60rem;
}

	.factura-hka-json-container pre {
		overflow: auto;
		flex: 1;
		border: 1px solid var(--invoice-container-border);
	}

	.factura-hka-json-container h3 {
		color: var(--invoice-table-header);
	}

.factura-hka-retenciones {
	/*padding: 0.8rem;*/
}

	.factura-hka-retenciones h3 {
		margin: 0;
		color: var(--invoice-header);
		font-size: 1.6rem;
	}
	

	.factura-hka .factura-hka-retenciones .buttons-invoice-container {
		border: none;
		background: inherit;
		justify-content: end;
		padding: 0 0.8rem 0.8rem 0;
	}

	.main-facturacion-hka .factura-hka .factura-hka-retenciones .buttons-invoice-container button {
		/*width: 20rem;*/
	}

	.factura-hka-retenciones .retenciones-hka-table {
		flex: 1;
		border: 1px solid var(--invoice-container-border);		
		overflow: auto;
	}

	.factura-hka-retenciones .retenciones-hka-table table {
		width: 100%;
	}

.generador-retenciones-hka-container {
}

	.generador-retenciones-hka {
		display: flex;
		flex-direction: column;
		background: var(--invoice-background);
		border: 4px solid var(--invoice-container-border);
		padding: 1.6rem;
		border-radius: 0.8rem;
		gap: 1.6rem;
		max-width: 60%;
		z-index: 6;
	}
	
	
	.generador-retenciones-hka-encabezado {
		/*position: fixed;*/
		/*max-width: 60rem;*/
		display: grid;
		grid-template-columns: 2fr 4fr 4rem 1fr 2fr 4rem;		
		background: var(--invoice-background);
		border: 1px solid var(--invoice-container-border);
		padding: 0.8rem;
		border-radius: 0.8rem;
		gap: 0.8rem;
		font-size: small;
	}

	.generador-retenciones-hka-encabezado input {
		text-align: end;
		padding-right: 0.8rem;
	}

    #gen-ret-base-imponible-label {
        grid-column: 1;
        grid-row: 1;
    }

    #gen-ret-base-imponible-value {
        grid-column: 2/4;
        grid-row: 1;	
    }

    #gen-ret-total-impuestos-label {
        grid-column: 1;
        grid-row: 2;
    }

    #gen-ret-total-impuestos-value {
        grid-column: 2/4;
        grid-row: 2;
    }

    #gen-ret-retencion-label {
        grid-column: 1;
        grid-row: 3;
    }

    #gen-ret-retencion-value {
        grid-column: 2;
        grid-row: 3;
    }

    #gen-ret-tipo-calculo-label {
        grid-column: 3;
        grid-row: 3;
    }

    #gen-ret-tipo-calculo-value {
        grid-column: 4;
        grid-row: 3;
    }

    #gen-ret-valor-label {
        grid-column: 1;
        grid-row: 4;
    }

    #gen-ret-valor-value {
        grid-column: 2;
        grid-row: 4;
    }

    #gen-ret-porcentaje-button {
        grid-column: 3;
        grid-row: 4;
		width: 100%;
    }

    #gen-ret-importe-label {
        grid-column: 4;
        grid-row: 4;
    }

    #gen-ret-importe-value {
        grid-column: 5;
        grid-row: 4;
    }

	.main-facturacion-hka .generador-retenciones-hka-encabezado .gen-ret-btn-agregar {
		grid-column: 6;
		grid-row: 4;
		width: 4rem;
		display: flex;
		padding: 0.4rem;
	}
	
.generador-retenciones-hka-table {
	height: 20rem;
	overflow: auto;
	border: 1px solid var(--invoice-container-border);
}

	.generador-retenciones-hka-table table {
		/*height: 100%;*/
		width: 100%;
		table-layout: fixed;
	}

	.generador-retenciones-hka-table thead tr {
		background: var(--invoice-header);
		color: var(--invoice-header-text);
		position: sticky;
		top: 0;
	}

	.generador-retenciones-hka-table tbody tr:nth-child(even) {
		background: var(--invoice-table-row-even);
	}

	.generador-retenciones-hka-table tbody tr:nth-child(odd) {
		background: var(--invoice-table-row-odd);
	}

	.generador-retenciones-hka-table thead th {
		padding: 0.8rem;
		font-weight: normal;
	}

	.generador-retenciones-hka-table tbody td {
		padding: 0.8rem;
		border: 1px solid var(--invoice-container-border);
		font-size: smaller;
	}

	.generador-retenciones-hka-table thead th:nth-child(1) {
		width: auto;
	}

	.generador-retenciones-hka-table thead th:nth-child(2) {
		width: 12rem;
	}

	.generador-retenciones-hka-table tbody td:nth-child(2) {
		text-align: end;
	}

	.generador-retenciones-hka-table thead th:nth-child(3) {
		width: 8rem;
	}

	.generador-retenciones-hka-table tbody td:nth-child(3) {
		text-align: end;
	}

	.generador-retenciones-hka-table thead th:nth-child(4) {
		width: 4rem;
	}

	.generador-retenciones-hka-table tbody td:nth-child(4) {
		justify-items: center;
		padding:0;
	}

		.generador-retenciones-hka-table tbody td:nth-child(4) button {
			display: flex;
			width: 2.8rem;
			height: 2.8rem;
		}

	.generador-retenciones-hka-container .btn-container {
		display: flex;
		gap: 1.6rem;
		justify-content: end;
	}

		.generador-retenciones-hka-container .btn-container button {
			width: 10rem;
		}
		
		.generador-retenciones-hka-container .btn-container .accept-btn {
			background: var(--button-accept-pending);
		}

		.generador-retenciones-hka-container .btn-container .accept-btn:hover {
			background: var(--button-accept-hover-pending);
		}

		.generador-retenciones-hka-container .btn-container .cancel-btn {
			background: var(--button-cancel-pending);
		}

		.generador-retenciones-hka-container .btn-container .cancel-btn:hover {
			background: var(--button-cancel-hover);
		}

		.main-facturacion-hka .factura-hka .enviar-factura-btn {
			height: 4rem;
			width: 16rem;
			margin-top: 1.2rem;
			place-self: end;
			background: var(--pedido-aprobado);
			font-weight: bold;
			font-size: large;
			display: flex;
			gap: 1.6rem;
			align-items: center;
			place-content: center;
		}

			.main-facturacion-hka .factura-hka .enviar-factura-btn svg {
				height: 1.6rem;
				width: 1.6rem;
			}

			.main-facturacion-hka .factura-hka .enviar-factura-btn span {
				color: var(--invoice-header-text);
			}

		.main-facturacion-hka svg {
			height: 2rem;
			width: 2rem;
		}

.pedidos-hka-container {
	position: fixed;
	height: calc(100% - var(--heigth-menu-sapp-dispatch));
	width: fit-content;
	background: var(--invoice-container-background);
	z-index: 6;
}	

	.pedidos-hka-container.details-open {
		border: 2px solid var(--invoice-container-border);
		width: 60rem;
	}

	#background-pedidos-hka {
		z-index: 4;
	}

	#background-pedidos-hka.details-closed {
		width: 0;
		height: 0;
	}

	#background-pedidos-hka.details-open {
		width: 100%;
		height: calc(100% - var(--heigth-menu-sapp-dispatch));
		position: fixed;
		background: var(--invoice-background);
		opacity: 50%;
	}

	#details-pedidos {
		z-index: 6;
		overflow: auto;
	}

		#details-pedidos select {
			width: 100%;
		}

	#summary-pedidos-hka-container.details-closed {
		height: 100%;
		display: flex;
		align-items: center;
	}

	#summary-pedidos-hka-container:hover {
		background: var(--pedido-aprobado);
	}

	.pedidos-hka-container summary {
		background: var(--pedido-pendiente);
		border: 1px solid var(--invoice-container-border);
	}
	
	.filtro-pedidos-distribuidores, .facturacion-pedidos-table {
		display: flex;
		flex-direction: column;
	}

	.filtro-pedidos-distribuidores, .facturacion-pedidos-table {
		height: 32rem;
		overflow: auto;
		border: 1px solid var(--invoice-container-border);
	}

	.main-facturacion-hka table {
		width: 100%;
		text-align: end;
		height: fit-content;
	}

	.main-facturacion-hka .tablas-pedidos-hka table button {
		height: 4rem;
		width: 4rem;
		padding: 0.4rem;
		background: var(--invoice-table-row-hover);
		display: flex;
		place-content: center;
		align-items: center;
	}

	.main-facturacion-hka .tablas-pedidos-hka tfoot {
		position: sticky;
		bottom: 0;
		background: var(--invoice-table-header);
		border: 1px solid var(--invoice-container-border);
	}

		.main-facturacion-hka .tablas-pedidos-hka tfoot td {
			color: var(--invoice-header-text);
		}

	.main-facturacion-hka .filtro-pedidos-distribuidores table button.selected-row {
		background: var(--pedido-aprobado);
	}

	.filtro-pedidos-distribuidores tbody tr, .facturacion-pedidos-table tbody tr {
		height: 4rem;
	}

	.filtro-pedidos-distribuidores tbody td, .facturacion-pedidos-table tbody td {
		border: 1px solid var(--invoice-container-border);
	}

		.filtro-pedidos-distribuidores table tbody tr.selected-row, 
		.facturacion-pedidos-table table tbody tr.selected-row {
			background: var(--invoice-hover);
		}

		.filtro-pedidos-distribuidores thead th:nth-child(1),
		.facturacion-pedidos-table thead th:nth-child(1) {
			width: 6rem;
		}

		.filtro-pedidos-distribuidores thead th:nth-child(2),
		.facturacion-pedidos-table thead th:nth-child(2){
			width: auto;
		}

		.filtro-pedidos-distribuidores tbody td:nth-child(2),
		.facturacion-pedidos-table thead td:nth-child(2) {
			text-align: left;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.filtro-pedidos-distribuidores thead th:nth-child(3),
		.facturacion-pedidos-table thead th:nth-child(3) {
			width: 16rem;
		}

		.filtro-pedidos-distribuidores tbody td:nth-child(3),
		.facturacion-pedidos-table thead td:nth-child(3) {
			text-align: left;
		}

		.filtro-pedidos-distribuidores thead th:nth-child(4),
		.facturacion-pedidos-table thead th:nth-child(4) {
			width: 10rem;
		}

		.filtro-pedidos-distribuidores tbody td:nth-child(4),
		.facturacion-pedidos-table thead td:nth-child(4) {
			
		}

		.filtro-pedidos-distribuidores thead th:nth-child(5),
		.facturacion-pedidos-table thead th:nth-child(5) {
			width: 6rem;
		}

		.filtro-pedidos-distribuidores tbody td:nth-child(5),
		.facturacion-pedidos-table thead td:nth-child(5) {
			text-align: center;
			place-items: center;
		}

	.main-facturacion-hka .tablas-pedidos-hka {
		display: flex;
		flex-direction: column;
		gap: 1.2rem;
		align-items: center;
		margin-bottom: 2rem;
	}

	.main-facturacion-hka .cambio-cliente {
		width: 100%;
		text-align: center;
		font-weight: bold;
		padding: 0.8rem;
		border: 1px solid var(--invoice-container-border);
	}

		.main-facturacion-hka .cambio-cliente-container {
			display: flex;
			flex-direction: row;
			gap: 1.2rem
		}

			.main-facturacion-hka .cambio-cliente-container select {
				flex: 1;
			}

			.main-facturacion-hka .cambio-cliente-container button {
				width: 20rem;
				font-weight:normal;
			}

		.main-facturacion-hka .cambio-cliente summary {
			border-radius: 0.4rem;
		}

		.main-facturacion-hka .cambio-cliente summary:hover {
			background: var(--invoice-hover);
		}

	.main-facturacion-hka .tablas-pedidos-hka .add-pedido-facturacion,
	.main-facturacion-hka .tablas-pedidos-hka .send-pedidos-sel{
		width: 20rem;
		height: 6rem;
		background: var(--pedido-aprobado);
	}

	.main-facturacion-hka .respuesta-envio-factura-container {
		height: fit-content;
	}

	.main-facturacion-hka .respuesta-envio-factura-container h3 {
		padding: 0;
		margin: 0;
		align-self: center;
	}

	.main-facturacion-hka .respuesta-envio-factura {
		display: grid;
		grid-template-columns: 1fr 1fr;
		height: fit-content;
		align-items: center;
		gap: 1.2rem;
		margin-top: 2rem;
		overflow: auto;
	}

	.main-facturacion-hka .respuesta-envio-factura label {
		position: sticky;
		left: 0;
		background: var(--invoice-background);
	}

.main-facturacion-hka .instructions-container h3 {
	margin-bottom: 1.6rem;
}

.main-facturacion-hka .instructions-container ol {
	margin: 0 2rem;
}

.main-facturacion-hka .instructions-container ol li {
	margin-left: 1rem;
}

.main-facturacion-hka .instructions-container ol li::marker {

}

.historial-facturas-main.main-facturacion-hka {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	max-width: 72rem;
	align-items: center;
}

.historial-facturas-main .tabla-historial-facturacion {
	overflow: auto;
	flex: 1;
	border: 1px solid var(--invoice-container-border);
	box-shadow: var(--primary-shadow);
}

		.historial-facturas-main .tabla-historial-facturacion thead th:nth-child(1) {
			width: 8rem;
		}

		.historial-facturas-main .tabla-historial-facturacion tbody td:nth-child(1) {
			text-align: start;
		}

		.historial-facturas-main .tabla-historial-facturacion thead th:nth-child(2) {
			width: 10rem;
		}

		.historial-facturas-main .tabla-historial-facturacion tbody td:nth-child(2) {
			text-align: start;
		}

		.historial-facturas-main .tabla-historial-facturacion thead th:nth-child(3) {
			width: 6rem;
		}

		.historial-facturas-main .tabla-historial-facturacion thead th:nth-child(4) {
			width: auto;
		}

		.historial-facturas-main .tabla-historial-facturacion tbody td:nth-child(4) {
			text-align: start;
		}

		.historial-facturas-main .tabla-historial-facturacion thead th:nth-child(5) {
			width: 10rem;
		}

		.historial-facturas-main .tabla-historial-facturacion thead th:nth-child(6) {
			width: 8rem;
		}

		.historial-facturas-main .tabla-historial-facturacion tbody td:nth-child(1) {
			text-align: center;
		}

/*-------------Impresion--------------*/
.printer-container {
	background: var(--color-background);
	position: fixed;
	top: 10%;
	left: 10%;
	padding: 1.2rem;
	z-index: 30;
	border: 0.2rem solid black;
}

.printer-container {
	display: none;
}

#print-pedido-area, #print-abonos-area, #print-abonos-pedidos-area {
	width: var(--width-format-print);
}

	#print-pedido-area label, #print-abonos-area label, #print-abonos-pedidos-area label {
		margin: 0;
	}

	#print-pedido-area span, #print-abonos-area span, #print-abonos-pedidos-area span {
		font-size: 1.2rem;
		flex: 1;
		margin-left: 0.8rem;
		font-weight: bold;
	}

	#print-pedido-area .header-pedido-print label {
		width: 10rem;
		margin-bottom: 0.8rem;
	}

	#print-pedido-area .header-pedido-print > div, #print-pedido-area .footer-pedido-print > div {
		display: flex;
	}

	#print-pedido-area table, #print-abonos-area table, #print-abonos-pedidos-area table {
		width: 100%;
		/*table-layout: fixed;*/
	}

	#print-pedido-area th, 
	#print-abonos-area th, 
	#print-abonos-pedidos-area th {
		font-size: smaller;
		background: black;
		color: white;
		border: 1px solid white;
		padding: 0.2rem
	}

		#print-pedido-area th:last-child, 
		#print-abonos-area th:last-child, 
		#print-abonos-pedidos-area th:last-child {
			width: 8rem;
		}

	#print-pedido-area tbody tr,
	#print-abonos-area tbody tr, 
	#print-abonos-pedidos-area tbody tr {
		border-bottom: 1px solid black;
		height: fit-content;
	}

	#print-pedido-area td, 
	#print-abonos-area td, 
	#print-abonos-pedidos-area td {
		text-align: end;
		padding: 0 0.4rem;
		font-size: 14px;
		text-overflow: ellipsis;
		overflow: hidden;
		/*font-weight: bold;*/
		/*white-space: nowrap;*/
		line-height: 1.3rem;
	}

		#print-pedido-area td > div, #print-abonos-area td > div {
			max-height: 4rem;
		}

		#print-pedido-area td:nth-child(2), 
		#print-abonos-area td:nth-child(1), 
		#print-abonos-pedidos-area tbody td:nth-child(1) {
			text-align: start;
		}

		#print-abonos-pedidos-area tfoot td:last-child {
			border: 1px solid black;
			font-size: medium;
			padding: 0.2rem;
		}

	#print-pedido-area .footer-pedido-print, #print-abonos-pedidos-area .footer-abono-print {
		display: flex;
		margin-top: 0.8rem;
		align-items: center;
		height: 4rem;
		justify-content: space-between;
	}

	#print-abonos-pedidos-area .footer-abono-print {
		justify-content: end;
	}

	#print-abonos-pedidos-area .footer-abono-print span {
		border: 1px solid black;
		padding: 0.2rem;
		font-size: medium;
	}

	#print-pedido-area .footer-cajas-print,
	#print-pedido-area .footer-total-print {
		/*width: 50%;*/
		align-items: center;
	}

		#print-pedido-area .footer-cajas-print label:first-child {
			margin: 0 0.8rem;
		}

		#print-pedido-area .footer-total-print span {
			background: black;
			color: white;
			padding: 0.8rem;
			text-align: end;
			font-size: medium;
		}

@media print {

	html {
		font-size: 62.5%;
	}

	body {
		font-family: 'Open Sans', sans-serif;
		font-size: small;
		color: black;
		background-color: white;
	}

	.pedido-area, .abonos-area {
		width: var(--width-format-print);
	}

		.pedido-area label, .abonos-area label {
			margin: 0;
			font-size: small;
		}

		.pedido-area .header-pedido-print div:first-child span {
			font-size: small;
			font-weight: bold;
		}

		.pedido-area span, .abonos-area span {
			font-size: smaller;
			flex: 1;
			margin-left: 0.8rem;
		}

		.abonos-area .header-abono-print div:nth-child(n+1) span {
			margin: 0;
		}

		.pedido-area .header-pedido-print label {
			width: 8rem;
			margin-bottom: 0.8rem;
			font-weight: bold;
		}

		.pedido-area .header-pedido-print > div, .pedido-area .footer-pedido-print > div {
			display: flex;
		}

		.pedido-area table, .abonos-area table {
			width: 100%;
		}

		.pedido-area .table-detalle-pedido-print th, .abonos-area .table-detalle-abonos-print th {
			font-size: smaller;
			background-color: black;
			color: white;
			border: 1px solid white;
			padding: 0.2rem;
			border: 1px solid black;
		}

		.pedido-area th:last-child, .abonos-area th:last-child {
			width: 8rem;
		}

		.pedido-area tbody tr, .abonos-area tbody tr {
			border-bottom: 1px solid black;
		}

		.pedido-area td, .abonos-area tbody td {
			border-bottom: 1px solid black;
			text-align: end;
			padding: 0.2rem;
			font-size: 1rem;
			text-overflow: ellipsis;
			overflow: hidden;
		}

		.abonos-area td {
			text-align: end;
			padding: 0.2rem;
			font-size: 1rem;
			text-overflow: ellipsis;
			overflow: hidden;
		}

			.pedido-area td > div {
				max-height: 2.4rem;
				display: flex;
				align-content: center;
				text-align: start;
				place-items: center;
			}

			.pedido-area td:nth-child(2) {
				padding: 0 0.2rem;
			}

			.abonos-area tbody td:nth-child(1) {
				text-align: start;
			}

		.abonos-area tfoot td:last-child {
			border: 1px solid black;
			font-size: medium;
			padding: 0.2rem;
		}

		.pedido-area .footer-pedido-print, .abonos-area .footer-abono-print {
			display: flex;
			margin-top: 0.2rem;
			align-items: center;
			height: 4rem;
		}

		.pedido-area .footer-cajas-print {
			width: 30%;
			align-items: center;
		}

		.pedido-area .footer-total-print {
			width: 70%;
			align-items: center;
			margin-right: 0.1rem;
		}

		.pedido-area .footer-cajas-print label:first-child {
			/*margin: 0 0.2rem;*/
		}

		.pedido-area .footer-pedido-print label {
			font-size: 1.4rem;
			font-weight: bold;
			margin: 0 0.4rem;
		}

		.pedido-area .footer-total-print span {
			background: black;
			color: white;
			padding: 0.8rem;
			border: 1px solid black;
			text-align: end;
			font-size: 1.4rem;
		}

		.abonos-area .footer-abono-print {
			justify-content: end;
		}

		.abonos-area .footer-abono-print span {
			border: 1px solid black;
			padding: 0.2rem;
			font-size: medium;
			margin-right: 0.1rem;
		}
}

@media (max-width: 768px) {

	#tabDocuments {
		padding: 0;
	}

	.pedido-container {
		padding: 0.8rem 0.2rem 0 3rem;
		margin: 0 0 6rem 0;
	}

	.buttons-dispatch-container {
		overflow-x: auto;
		display: flex;
		gap: 0.8rem;
	}

	.buttons-dispatch-container button {
		flex: 0 0 auto;
		width: 6rem;
	}

	.detalle-pedido-form {
		max-width: none;
		display: flex;
		flex-direction: column;
	}

	.detalle-pedido-form .encabezado-container {
		height: var(--header-pedido-height-mobile);
		grid-template-columns: 10rem 3.2rem auto;
		grid-template-rows: repeat(4, 1.6rem);
		gap: 0.4rem;
	}

		.detalle-pedido-form .grid-item-header-despacho {
			max-width: 18rem;
		}

		.encabezado-container select {
			line-height: 1.2rem;
		}

		.dispatch-horizontal-tab-container label, .dispatch-tab-container span {
			font-size: small;
		}

		.encabezado-container .label-computador {
			grid-column: 1;
			grid-row: 5;
			display: none;
		}

	.encabezado-container .value-computador {
		grid-column: 2;
		grid-row: 5;
		display: none;
	}

	.encabezado-container input {
		text-align: start;
		height: 1.8rem;
		max-width: 18rem;
		padding-left: 0.4rem;
	}

	.dispatch-horizontal-tab-container {
		font-size: 1.2rem;
	}

	.list-documents-pending-container {
		height: 70%;
		overflow-y: auto;
		border: 1px solid var(--border-pending);
	}

	.container-pedidos {
		left: calc(var(--table-pedidos-width-mobile) * (-1));
		width: calc(var(--table-pedidos-width-mobile) + var(--button-show-pedidos));
	}

	.left-container-pedidos {
		/*width: calc(var(--table-pedidos-width-mobile) + var(--button-show-pedidos));*/
		/*left: calc(var(--table-pedidos-width-mobile) * (-1) + 3rem);*/
		width: 100%;
	}

	.table-pedidos .table-dispatch th, .table-pedidos .table-dispatch td {
		padding: 0.4rem;
		/*white-space: nowrap;*/
	}

	.table-pedidos thead th:first-child {
		width: 5rem;
	}

	.table-pedidos thead th:nth-child(2) {
		width: 3.2rem;
	}

	.table-pedidos thead th:nth-child(3) {
		/*width: 35%;*/
	}

	.table-pedidos thead th:nth-child(4) {
		width: 5.6rem;
	}

	.table-pedidos thead th:last-child {
		width: 7.6rem;
	}

	.paginacion2-content {
		width: 26rem;
	}

	.detalle-container .table-dispatch th:nth-child(5),
	.detalle-container .table-dispatch th:nth-child(6),
	.detalle-container .table-dispatch th:nth-child(7),
	.detalle-container .table-dispatch th:nth-child(8),
	.detalle-container .table-dispatch td:nth-child(5),
	.detalle-container .table-dispatch tr td:nth-child(6),
	.detalle-container .table-dispatch td:nth-child(7),
	.detalle-container .table-dispatch td:nth-child(8) {
		display: none;
	}

	/*Codigo*/
	.detalle-container .table-dispatch th:nth-child(1) {
		width: 4rem;
	}

	/*Cajas*/
	.detalle-container .table-dispatch th:nth-child(3) {
		width: 4rem;
	}

	/*Cantidad*/
	.detalle-container .table-dispatch th:nth-child(4) {
		width: 4rem;
	}

	/*Total*/
	.detalle-container .table-dispatch th:nth-child(9) {
		width: 6.8rem;
	}

	/*Inventario*/
	.detalle-container .table-dispatch th:nth-child(10) {
		width: 4rem;
	}

	.footer-pedido {
		height: calc (var(--footer-pedidos-height) - 22rem);
		grid-template-columns: 0.4rem 8rem 3rem 0rem 0rem 0rem 4rem 6.8rem 10rem 4.8rem;
		grid-template-rows: auto auto auto;
	}

	.summary-abono {
		gap: 0.2rem;
	}

	.summary-abono .button-generar-abonos {
		height: 4rem;
	}

	#tabAbonos {
		margin: 0;
		padding: 0;
	}

	.abonos-dispatch-container .detalle-abono-distribuidor table th:nth-child(1) {
		width: 6rem;
	}

	.abonos-dispatch-container .detalle-abono-distribuidor table th:nth-child(2) {
		width: auto;
	}

	.abonos-dispatch-container .detalle-abono-distribuidor table th:nth-child(3) {
		width: 7.6rem;
	}

	.abonos-dispatch-container .detalle-abono-distribuidor table th:nth-child(4) {
		width: 7.6rem;
	}

	.abonos-dispatch-container .detalle-abono-distribuidor table th:nth-child(5) {
		width: 7.6rem;
	}

	#tab-documents-pending {
		/*padding: 0;*/
	}

	.list-documents-pending-drawer {
		width: 100%;
		left: calc(3rem - 100%);
		transition: 0.5s;
		/*height: calc(70% - var(--heigth-menu-sapp-dispatch) - 5.2rem);*/
	}

	.document-pending-selected-container {
		/*margin: 0 0 8rem 0;*/
	}

	.document-pending-detail-container {
		padding: 0 0 6rem 3rem;
		/*margin: 0 0 6rem 0;*/
	}

	.table-documents-pending thead th:first-child {
		width: 5rem;
	}

	.table-documents-pending thead th:nth-child(2) {
	}

	.table-documents-pending thead th:nth-child(3) {
		width: 8rem;
	}

	.table-documents-pending thead th:last-child {
		width: 9rem;
	}

	.table-documents-pending th, .table-documents-pending td {
		padding: 0.4rem 0.8rem;
	}

	.table-documents-pending tbody tr {
		line-height: normal;
	}

	.table-document-pending-selected th:nth-child(1) {
		width: 4rem;
	}

	.table-document-pending-selected th:nth-child(2) {
		text-overflow: ellipsis;
		overflow: hidden;
		/*display: block;*/
	}

	.table-document-pending-selected tbody td:nth-child(2) {
		text-align: left;
	}

	.table-document-pending-selected th:nth-child(3) {
		width: 4rem;
	}

	.table-document-pending-selected th:nth-child(4), .table-document-pending-selected td:nth-child(4) {
		width: 4rem;
	}

	.table-document-pending-selected th:nth-child(5) {
		width: 4rem;
	}

	.table-document-pending-selected th:nth-child(6) {
		width: 8rem;
	}

	.table-document-pending-selected th:nth-child(7) {
		width: 3rem;
	}

	.table-document-pending-selected td, .table-document-pending-selected th {
		padding: 0.4rem 0.2rem;
	}

}