input#cliente_cedula, input#cliente_nombre, input#cliente_correo, input#cliente_direccion, input#cliente_telefono, input#venta_concepto, input#cliente_total {
	border-radius: 16px;
    background-color: #ffffff;
    border: 1px solid #e2e2e2bd;
    padding: 12px;
	font-size: 15px;
    color: #8c8c8c;
}

select#pago_metodo, input#pago_referencia, input#pago_fecha, input#pago_tasa, .monto-input {
	border-radius: 16px;
    background-color: #ffffff;
    border: 1px solid #e2e2e2bd;
    padding: 12px;
	font-size: 15px;
    color: #8c8c8c;
}

select#pago_moneda, input#pago_monto{
	padding: 0px;
    background: transparent;
    border: 0px;
}

.inputs-grid2 {
    gap: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


div#recibos-container {
    padding: 20px;
    background: #f9f9f9;
    border-radius: 16px;
}

form#filtros-recibos {
    margin-bottom: 20px;
    gap: 10px;
    display: flex;
    flex-direction: row;
}

table.min-w-full.text-sm {
    margin-bottom: 40px;
}

thead.bg-gray-100.text-gray-700 {
    background: #f3f3f3;
}

input.tx-fecha1 {
    border: 1px solid #f1f1f1;
    border-radius: 16px;
    padding: 10px;
}

.pagination-content {
    gap: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.\32 tex-pagt {
    display: flex;
    gap: 5px;
}

button.btn-filtrar, button#btn-limpiar-filtros {
    background: #03012d;
}

button.btn-anterior.opacity-50.cursor-not-allowed, button.btn-siguiente.opacity-50.cursor-not-allowed {
    background-color: #03012d;
}


#modal-comprobantes {
  display: none;
}
#modal-comprobantes.flex {
  display: flex;
}
.btn-ver-comprobantes {
  background: #2563eb;
  color: white;
  padding: 4px 10px;
  border-radius: 6px;
  cursor: pointer;
}
.btn-ver-comprobantes:hover {
  background: #1d4ed8;
}

td.text-concep-recibs, td.text-obs-recibs {
    max-width: 280px;
}
