\<main class="main-content">
	<div class="container px-lg-0 rapp-container mb-5">

		<div class="row mb-4">
			<div class="col">
				<h4><a href="acsis-inicio.html" class="text-dark">Inicio</a> > <a href="acsis-ventas.html" class="text-dark">Ventas</a>
				 > <a class="text-dark"></a>
				</h4>
			</div>
		</div>

		<div class="row">

			<div class="col-lg-3 pl-lg-0">
				<div class="sidebar-stikySSSS">
					<div class="card border-0">
						<div class="pt-3 px-2">
							<h5 class="px-2">Resumen de la venta</h5>
							<table class="table text-dark lh-1-3em mb-0">
								<tbody>
									<tr>
										<td class="border-0 py-2">ESTADO</td>
										<td class="border-0 py-2"><span class="text-"></span></td>
									</tr>
									<tr>
										<td class="border-0 py-2">FECHA DE CREACIÓN</td>
										<td class="border-0 py-2"></td>
									</tr>
									<tr>
										<td class="border-0 py-2">TOTAL</td>
										<td class="border-0 py-2">$0.00</td>
									</tr>
									<tr>
										<td class="border-0 py-2">SALDO</td>
										<td class="border-0 py-2"><span class="text- saldo-resto">$0.00</span></td>
									</tr>

									<tr>
										<td class="border-0 py-2">AGENTE</td>
										<td class="border-0 py-2">
																			</td>
									</tr>

									<tr>
										<td class="border-0 py-2">NOTA DE VENTA</td>
										<td class="border-0 py-2">
											<img id="open-pdf" src="imgs/admin/paper-clip-active.svg" width="30" data-target="#modal-pdf" data-toggle="modal">
										</td>
									</tr>

									<tr>
										<td colspan="2">
																					<div class="bg-danger text-center p-3">
												<h5 class="mb-0 text-white">Pedido cancelado</h5>
											</div>
																				</td>
									</tr>

								</tbody>
							</table>
						</div>
					</div>

					<div class="card border-0 mt-3">
						<div class="p-3">
							<h5>Dirección de entrega</h5>
							<div class="lh-1-3em text-dark">
															</div>
													</div>
					</div>
				</div>
			</div>

			<div class="col-lg-8 pl-lg-0 mt-3 mt-lg-0">
				<div class="card border-0">
					<div class="py-3 px-2">
						<h5 class="px-2">Cliente</h5>
						<table class="table text-dark lh-1-3em">
							<tbody>
								<tr>
									<td class="border-0 py-1">NOMBRE</td>
									<td class="border-0 py-1"></td>
								</tr>
								<tr>
									<td class="border-0 py-1">CORREO</td>
									<td class="border-0 py-1"></td>
								</tr>
								<tr>
									<td class="border-0 py-1">TELÉFONO</td>
									<td class="border-0 py-1"></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>

				<div class="card border-0 mt-3">
					<div class="p-3">
						<style>
	.argolla-detalle p{
		font-size: 16px;
		margin-bottom: 0px;
		color: #6C7C8D;		
		line-height: 1.6rem;
	}
	@media (max-width: 767px){
		.argolla-detalle p{
			font-size: 18px;
		}

		td.for-img{
			width: 145px !important;
		}
	}
	.prec-total
	{
		background-color: #fafafa;
		padding: 1.5rem;
		color:#46495c;
		font-size: 18px;
	}

	.btn-mt-gray{
		background-color: #6C7C8D !important;
		color: #FFFFFF !important;
		border:none;
	}

	.detail-prod [class^='col-']{
		padding: 0px !important;
	}

	.btn-whatsapp {
	    background-color: #25D366;
	    color: #fff;
	}

	.text-color-info{
		color: #6c7c8d;
	}
</style>
<table class="table">
</table>

						<div class="mt-3">
							<div class="text-right lh-1-3em text-dark">
								<div><b>Total: </b></div>
								<div>Ó 12 pagos de: </div>
							</div>
						</div>
					</div>
				</div>

				<!-- balance -->
				<div class="card border-0 mt-3">

					<div class="row justify-content-center align-items-center p-3">
						<div class="col-6 col-lg-7">
							<h4 class="mb-0"><b>Balance</b></h4>
						</div>

						<div class="col-6 col-lg-5">
							<div class="d-flex">
															</div>
						</div>
					</div>

					<div id="table-operation" class="p-3">
											</div>
				</div>