@extends('adminlte::page')

@section('plugins.Sweetalert2', true)
@section('plugins.Datatables', true)
@section('plugins.Select1', true)

@section('title', 'Intranet | Estado de Resultados')

@section('content_header')
    <div class="container-fluid">
    </div>
@stop

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-11">
                <div class="card card-primary card-tabs">
                    <div class="card-header p-0 pt-1">
                        <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill"
                                    href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home"
                                    aria-selected="true">Asignación de Periodo</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill"
                                    href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile"
                                    aria-selected="false">Detalle</a>
                            </li>
                        </ul>
                    </div>
                    <div class="card-body">
                        <div class="tab-content" id="custom-tabs-one-tabContent">
                            <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel"
                                aria-labelledby="custom-tabs-one-home-tab">
                                <div class="card-body">
                                    <div class="row justify-content-center">
                                        <div class="col-md-2 mb-2">
                                            <div class="form-group">
                                                <label>CENTRO DE COSTO</label>
                                                <select class="form-control listaDespegableConBuscador"
                                                    id="campoCentroDeCostoPresupuesto" name="id_centro_costo"
                                                    data-live-search="true" onchange="actualizarTotalIngreso()">
                                                    <option value="">--Seleccionar Centro De Costo--</option>
                                                    @foreach ($centrosDeCostos as $centroDeCosto)
                                                        @if (old('id_centro_costo') == $centroDeCosto->id)
                                                            <option selected value="{{ $centroDeCosto->id }}">
                                                                {{ $centroDeCosto->centro_costo }}</option>
                                                        @else
                                                            <option value="{{ $centroDeCosto->id }}">
                                                                {{ $centroDeCosto->centro_costo }}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-2 mb-2">
                                            <div class="form-group">
                                                <label>MES DESDE</label>
                                                <select class="form-control smaller-input listaDespegableConBuscador" id="campoMesDesde"
                                                    name="mes_desde" data-live-search="true"
                                                    onchange="actualizarTotalIngreso()">
                                                    <option value="">--Seleccionar Mes--</option>
                                                    <option value="Enero">Enero</option>
                                                    <option value="Febrero">Febrero</option>
                                                    <option value="Marzo">Marzo</option>
                                                    <option value="Abril">Abril</option>
                                                    <option value="Mayo">Mayo</option>
                                                    <option value="Junio">Junio</option>
                                                    <option value="Julio">Julio</option>
                                                    <option value="Agosto">Agosto</option>
                                                    <option value="Septiembre">Septiembre</option>
                                                    <option value="Octubre">Octubre</option>
                                                    <option value="Noviembre">Noviembre</option>
                                                    <option value="Diciembre">Diciembre</option>
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoAnoPresupuesto">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-2 mb-2">
                                            <div class="form-group">
                                                <label>AÑO DESDE</label>
                                                <select class="form-control smaller-input listaDespegableConBuscador" id="campoAnoDesde"
                                                    name="ano_desde" data-live-search="true"
                                                    onchange="actualizarTotalIngreso()">
                                                    <option value="">--Seleccionar Año --</option>
                                                    @for ($ano = 2022; $ano <= 2040; $ano++)
                                                        <option value="{{ $ano }}">
                                                            {{ $ano }}</option>
                                                    @endfor
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoAnoPresupuesto">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2 mb-2">
                                            <div class="form-group">
                                                <label>MES HASTA</label>
                                                <select class="form-control smaller-input listaDespegableConBuscador" id="campoMesHasta"
                                                    name="mes_hasta" data-live-search="true"
                                                    onchange="actualizarTotalIngreso()">
                                                    <option value="">--Seleccionar Mes--</option>
                                                    <option value="Enero">Enero</option>
                                                    <option value="Febrero">Febrero</option>
                                                    <option value="Marzo">Marzo</option>
                                                    <option value="Abril">Abril</option>
                                                    <option value="Mayo">Mayo</option>
                                                    <option value="Junio">Junio</option>
                                                    <option value="Julio">Julio</option>
                                                    <option value="Agosto">Agosto</option>
                                                    <option value="Septiembre">Septiembre</option>
                                                    <option value="Octubre">Octubre</option>
                                                    <option value="Noviembre">Noviembre</option>
                                                    <option value="Diciembre">Diciembre</option>
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoAnoPresupuesto">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2 mb-2">
                                            <div class="form-group">
                                                <label>AÑO HASTA</label>
                                                <select class="form-control smaller-input listaDespegableConBuscador" id="campoAnoHasta"
                                                    name="ano_hasta" data-live-search="true"
                                                    onchange="actualizarTotalIngreso()">
                                                    <option value="">--Seleccionar Año --</option>
                                                    @for ($ano = 2022; $ano <= 2040; $ano++)
                                                        <option value="{{ $ano }}">
                                                            {{ $ano }}</option>
                                                    @endfor
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoAnoPresupuesto">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center">
                                        <div class="col-md-10">
                                            <button type="button" class="btn btn-info btn-block"
                                                id="btnLimpiarInformacion" name="btnLimpiarInformacion">
                                                <i class="fas fa-redo"></i> Limpiar
                                            </button>
                                        </div>
                                    </div>
                                    <br>
                                    <div class="row" style="display:none">
                                        <div class="col-md-6">
                                            <div class="dt-responsive table-responsive">
                                                <table id="tablaConExportacionConFiltrado2"
                                                    class="table table-striped table-bordered" role="grid"
                                                    aria-describedby="base-style_info">
                                                    <thead>
                                                        <tr>
                                                            <th style="text-align: center;" colspan="2">Presupuesto/OPEX</th>
                                                        </tr>
                                                        <tr>
                                                            <th style="text-align: center;">Ingresos del
                                                                Servicio de ADC
                                                            </th>
                                                            <th>Año Seleccionado: <span
                                                                    id="anoSeleccionadoDesdeDos"></span>-<span
                                                                    id="anoSeleccionadoHastaDos"></span>
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="tablaBodyConExportacionConFiltradoDos">
                                                        <tr>
                                                            <td>Ingreso de Servicio</td>
                                                            <td class="tabla-ingreso-servicio" contenteditable="false"
                                                                onblur="validarNumeroTd(this)"
                                                                onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                                name="ingreso_edp" id="campoIngreso"
                                                                style="text-align: right;">
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>Gastos Reembolsables</td>
                                                            <td class="tabla-ingreso-gasto-reembolsable"
                                                                contenteditable="false" onblur="validarNumeroTd(this)"
                                                                onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                                name="ingreso_gasto_reembolsable"
                                                                id="campoGastoReembolsable" style="text-align: right;">
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>Otros Ingresos (No Considerar Bono Mandante)</td>
                                                            <td class="tabla-otros-ingresos" contenteditable="false"
                                                                onblur="validarNumeroTd(this)"
                                                                onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                                name="ingreso_otros_ingresos" id="campoOtrosIngresos"
                                                                style="text-align: right;">
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>Total Ingreso $ (Suma De Ingreso De Servicio y Gastos
                                                                Reembolsable)</td>
                                                            <td class="tabla-total-ingresos"
                                                                onblur="validarNumeroTd(this)"
                                                                onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                                name="ingreso_total_ingreso" id="campoTotalIngresos"
                                                                style="text-align: right;"></td>
                                                        </tr>
                                                        <tr>
                                                            <th colspan="2" class="tabla-meses">Meses: <span
                                                                    id="mesObtenidoAdc"></span>
                                                            </th>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="dt-responsive table-responsive">
                                                <table id="tablaConExportacionConFiltrado1"
                                                    class="table table-striped table-bordered" role="grid"
                                                    aria-describedby="base-style_info">
                                                    <thead>
                                                         <tr>
                                                            <th style="text-align: center;" colspan="2">OC/Contable</th>
                                                        </tr>
                                                        <tr>
                                                            <th style="text-align: center;">Ingresos del
                                                                Servicio de Finanzas
                                                            </th>
                                                            <th>Año Seleccionado: <span
                                                                    id="anoSeleccionadoDesdeUno"></span>-<span
                                                                    id="anoSeleccionadoHastaUno"></span>
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="tablaBodyConExportacionConFiltrado">
                                                        <tr>
                                                            <td>Ingreso de Servicio</td>
                                                            <td class="tabla-ingreso-servicio" contenteditable="false"
                                                                onblur="validarNumeroTd(this)"
                                                                onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                                name="ingreso_edp_finanzas" id="campoIngresoFinanzas"
                                                                style="text-align: right;">
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>Gastos Reembolsables</td>
                                                            <td class="tabla-ingreso-gasto-reembolsable"
                                                                contenteditable="false" onblur="validarNumeroTd(this)"
                                                                onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                                name="ingreso_gasto_reembolsable_finanzas"
                                                                id="campoGastoReembolsableFinanzas"
                                                                style="text-align: right;"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Otros Ingresos (No Considerar Bono Mandante)</td>
                                                            <td class="tabla-otros-ingresos" contenteditable="false"
                                                                onblur="validarNumeroTd(this)"
                                                                onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                                name="ingreso_otros_ingresos_finanzas"
                                                                id="campoOtrosIngresosFinanzas"
                                                                style="text-align: right;">
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>Total Ingreso $ (Suma De Ingreso De Servicio y Gastos
                                                                Reembolsable)</td>
                                                            <td class="tabla-total-ingresos"
                                                                onblur="validarNumeroTd(this)"
                                                                onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                                name="ingreso_total_ingreso_finanzas"
                                                                id="campoTotalIngresosFinanzas"
                                                                style="text-align: right;">
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <th colspan="2" class="tabla-meses">Meses: <span
                                                                    id="mesObtenidoCf"></span>
                                                            </th>
                                                        </tr>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel"
                                aria-labelledby="custom-tabs-one-profile-tab">
                                <div class="card-body">
                                    <div class="dt-responsive table-responsive">
                                        <table id="tablaConExportacionConFiltrado" class="table table-bordered nowrap"
                                            role="grid" aria-describedby="base-style_info">
                                            <thead>
                                                <tr>
                                                    <th rowspan="2">Año Seleccionado: <span
                                                            id="anoSeleccionadoDesdeTres"></span>-<span
                                                            id="anoSeleccionadoHastaTres"></span>
                                                    </th>
                                                    <th colspan="2" style="text-align: center;">
                                                    </th>
                                                    <th colspan="2" style="text-align: center;">DIFERENCIA / DESVIACIÓN
                                                    </th>
                                                    <th colspan="2" style="text-align: center; vertical-align: middle;"
                                                        rowspan="2">% CUMPLIMIENTO PRESUPUESTO / OPEX</th>
                                                </tr>
                                                <tr role="row">
                                                    <th>Presupuesto / OPEX. ($)</th>
                                                    <th>OC / Contable ($)</th>
                                                    <th>Monto ($)</th>
                                                    <th>% △</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>Total Ingreso</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="ingreso_total_ingreso" id="campoTotalIngresosDos"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="ingreso_total_ingreso_finanzas"
                                                        id="campoTotalIngresosFinanzasDos" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoTotalIngresosFinanzaMonto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoTotalIngresosPorcentaje" style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoTotalIngresosCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Total Costos Directos Del Servicio</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="total_presupuesto" id="campoTotalPresupuesto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoTotalPresupuestoContable" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoTotalPresupuestoContableMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoTotalPresupuestoContablePorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoTotalPresupuestoCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr style="display:none;">
                                                    <td>Resultado (Antes De Provisiones)</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoResultadoAnteDeProvisiones" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoResultadoAnteDeProvisionesContable"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoResultadoAnteDeProvisionesMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoResultadoAnteDeProvisionesPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoResultadoAnteDeProvisionesCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr style="display:none;">
                                                    <td>Provisión IAS Y Vacaciones</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoProvisionIasYVacaciones" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoProvisionIasYVacacionesContable"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoProvisionIasYVacacionesMonto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoProvisionIasYVacacionesPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoProvisionIasYVacacionesCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Resultado Operacional Antes Impuesto</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="camporeRultadoOperacionalAntesImpuesto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="camporeRultadoOperacionalAntesImpuestoContable"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="camporeRultadoOperacionalAntesImpuestoMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="camporeRultadoOperacionalAntesImpuestoPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="camporeRultadoOperacionalAntesImpuestoCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr style="display:none;">
                                                    <td>Provisión Impuesto</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoProvisionImpuesto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoProvisionImpuestoContable" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" oonblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoProvisionImpuestoMonto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoProvisionImpuestoPorcentaje" style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoProvisionImpuestoCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr style="display:none;">
                                                    <td>Resultado Neto</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoResultadoNeto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoResultadoNetoContable" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoResultadoNetoMonto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoResultadoNetoPorcentaje" style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoResultadoNetoCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Margen Operacional</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoResultadoMargenOperacional" style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoResultadoMargenOperacionalContable"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta" id="campoCumplimientoOferta">
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <br>
                                    <div class="dt-responsive table-responsive">
                                        <table id="tablaConExportacionConFiltrado" class="table table-bordered nowrap"
                                            role="grid" aria-describedby="base-style_info">
                                            <thead>
                                                <tr>
                                                    <th rowspan="2">Año Seleccionado: <span
                                                            id="anoSeleccionadoDesdeCuatro"></span>-<span
                                                            id="anoSeleccionadoHastaCuatro"></span>
                                                    </th>
                                                    <th colspan="2" style="text-align: center;">
                                                    </th>
                                                    </th>
                                                    <th colspan="2" style="text-align: center;">DIFERENCIA / DESVIACIÓN
                                                    </th>
                                                    <th colspan="2" style="text-align: center; vertical-align: middle;"
                                                        rowspan="2">% CUMPLIMIENTO PRESUPUESTO / OPEX.</th>
                                                </tr>
                                                <tr role="row">
                                                    <th>Presupuesto / OPEX. ($)</th>
                                                    <th>OC / Contable ($)</th>
                                                    <th>Monto ($)</th>
                                                    <th>% △</th>
                                                </tr>
                                            </thead>
                                            <tbody id="tablaBodyConExportacionConFiltrado">
                                                <tr>
                                                    <td>Ingresos Del Servicio Por EDP</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="ingreso_edp" id="campoIngresoDos"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="ingreso_edp_finanzas" id="campoIngresoFinanzasDos"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoIngresoMonto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoIngresoPorcentaje" style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoIngresoCumplimientoOferta" style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Otros Ingresos (No Considera Bono Mandante)</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="ingreso_otros_ingresos" id="campoOtrosIngresosDos"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="ingreso_otros_ingresos_finanzas"
                                                        id="campoOtrosIngresosFinanzasDos" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoOtrosIngresosMonto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" nblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoOtrosIngresosPorcentaje" style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoOtrosIngresosCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Remuneración</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="remuneracion" id="campoRemuneracion"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="remuneracion_finanzas" id="campoRemuneracionFinanzas"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoRemuneracionMonto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        id="campoRemuneracionPorcentaje" style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoRemuneracionCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Alimentación</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="alimentacion_costos" id="campoAlimentancion"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="alimentacion_costos" id="campoAlimentancionOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="alimentacion_costos" id="campoAlimentancionMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="alimentacion_costos" id="campoAlimentancionPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoAlimentancionCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Alojamiento (Hotel)</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="alojamiento_costos" id="campoAlojamiento"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="alojamiento_costos" id="campoAlojamientoOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="alojamiento_costos_" id="campoAlojamientoMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="alojamiento_costos_" id="campoAlojamientoPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoAlojamientoCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Arriendo de Equipos</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="arriendo_equipos_costos" id="campoArriendoEquipos"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="arriendo_equipos_costos" id="campoArriendoEquiposOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="arriendo_equipos_costos" id="campoArriendoEquiposMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="arriendo_equipos_costos" id="campoArriendoEquiposPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoArriendoEquiposCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Arriendo de Inmueble</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="arriendo_inmuebles_costos" id="campoArriendoInmueble"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="arriendo_inmuebles_costos" id="campoArriendoInmuebleOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="arriendo_inmuebles_costos" id="campoArriendoInmuebleMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="arriendo_vehiculos_equipos"
                                                        id="campoArriendoInmueblePorcentaje" style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoArriendoInmuebleCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Arriendo de Vehículos</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="arriendo_vehiculos_costos" id="campoArriendoVehiculos"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="arriendo_vehiculos_costos" id="campoArriendoVehiculosOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="arriendo_vehiculos_costos" id="campoArriendoVehiculosMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="arriendo_vehiculos_costos"
                                                        id="campoArriendoVehiculosPorcentaje" style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoArriendoVehiculosCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Artículos de Oficina</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="articulos_oficina_costos" id="campoArticulosOficinas"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="articulos_oficina_costos" id="campoArticulosOficinasOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="articulos_oficina_costos" id="campoArticulosOficinasMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="articulos_oficina_costos"
                                                        id="campoArticulosOficinasPorcentaje" style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoArticulosOficinasCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Capacitación</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="capacitacion_costos" id="campoCapacitacion"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="capacitacion_costos" id="campoCapacitacionOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="capacitacion_costos" id="campoCapacitacionMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="capacitacion_costos" id="campoCapacitacionPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoCapacitacionCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Combustible</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="combustible_costos" id="campoCombustible"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="combustible_costos" id="campoCombustibleOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="combustible_costos" id="campoCombustibleMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="combustible_costos" id="campoCombustiblePorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoCombustibleCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Consumos Básicos</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="consumos_basicos_costos" id="campoComsumoBasicos"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="consumos_basicos_costos" id="campoComsumoBasicosOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="consumos_basicos_costos" id="campoComsumoBasicosMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="consumos_basicos_costos" id="campoComsumoBasicosPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoComsumoBasicosCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Correspondencia</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="correspondencia_costos" id="campoCorrespondencia"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="examenes_pre_ocupacionales" id="campoCorrespondenciaOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="examenes_pre_ocupacionales" id="campoCorrespondenciaMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="examenes_pre_ocupacionales"
                                                        id="campoCorrespondenciaPorcentaje" style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoCorrespondenciaCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>EPP</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="epp_costos" id="campoEpp" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="epp_costos" id="campoEppOc" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="epp_costos" id="campoEppMonto" style="text-align: right;">
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="epp_costos" id="campoEppPorcentaje"
                                                        style="text-align: center;">
                                                    <td class="tabla-cumplimiento-oferta" id="campoEppCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Equipos y Herramientas</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="equipo_herramientas_costos" id="campoEquiposHerramientas"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="equipo_herramientas_costos" id="campoEquiposHerramientasOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="equipo_herramientas_costos"
                                                        id="campoEquiposHerramientasMonto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="equipo_herramientas_costos"
                                                        id="campoEquiposHerramientasPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoEquiposHerramientasCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Exámenes Pre y Ocupacionales</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="examenes_preocupacionales_costos"
                                                        id="campoExamenesPreOcupacionales" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="examenes_preocupacionales_costos"
                                                        id="campoExamenesPreOcupacionalesOc" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="examenes_preocupacionales_costos"
                                                        id="campoExamenesPreOcupacionalesMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="examenes_preocupacionales_costos"
                                                        id="campoExamenesPreOcupacionalesPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoExamenesPreOcupacionalesCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Fletes</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="flete_costos" id="campoFletes" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="flete_costos" id="campoFletesOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="flete_costos" id="campoFletesMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="flete_costos" id="campoFletesPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoFletesCumplimientoOferta" style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Gasto Evento Empresa</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="gasto_evento_empresa_costos" id="campoGastoEventoEmpresa"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="gasto_evento_empresa_costos" id="campoGastoEventoEmpresaOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="gasto_evento_empresa_costos"
                                                        id="campoGastoEventoEmpresaMonto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="gasto_evento_empresa_costos"
                                                        id="campoGastoEventoEmpresaPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoGastoEventoEmpresaCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Gastos Reembolsables</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="gasto_reembolsables_costos" id="campoGastoReembolsables"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="gasto_reembolsables_costos" id="campoGastoReembolsablesOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="gasto_reembolsables_costos"
                                                        id="campoGastoReembolsablesMonto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="gasto_reembolsables_costos"
                                                        id="campoGastoReembolsablesPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoGastoReembolsablesCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Gastos Varios Menores</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="gastos_varios_menores_costos" id="campoGastoVariosMenores"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="gastos_varios_menores_costos" id="campoGastoVariosMenoresOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="gastos_varios_menores_costos"
                                                        id="campoGastoVariosMenoresMonto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="gastos_varios_menores_costos"
                                                        id="campoGastoVariosMenoresPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoGastoVariosMenoresCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Honorarios Profesionales</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="honorarios_profesionales_costos"
                                                        id="campoHonorariosProfesionales" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="honorarios_profesionales_costos"
                                                        id="campoHonorariosProfesionalesOc" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="honorarios_profesionales_costos"
                                                        id="campoHonorariosProfesionalesMonto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="honorarios_profesionales_costos"
                                                        id="campoHonorariosProfesionalesPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoHonorariosProfesionalesCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Insumos Computacionales</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="insumos_computacionales_costos"
                                                        id="campoInsumosComputacionales" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="insumos_computacionales_costos"
                                                        id="campoInsumosComputacionalesOc" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="insumos_computacionales_costos"
                                                        id="campoInsumosComputacionalesMonto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="insumos_computacionales_costos"
                                                        id="campoInsumosComputacionalesPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoInsumosComputacionalesCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Mantención y Reparación de Equipos</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="mantencion_y_reparacion_de_equipos_costos"
                                                        id="campoMantencionReparacionEquipos"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="mantencion_y_reparacion_de_equipos_costos"
                                                        id="campoMantencionReparacionEquiposOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="mantencion_y_reparacion_de_equipos_costos"
                                                        id="campoMantencionReparacionEquiposMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="mantencion_y_reparacion_de_equipos_costos"
                                                        id="campoMantencionReparacionEquiposPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoMantencionReparacionEquiposCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Mantención y Reparación de Vehículos</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="mantencion_y_reparacion_de_vehiculos_costos"
                                                        id="campoMantencionReparacionVehiculos"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="mantencion_y_reparacion_de_vehiculos_costos"
                                                        id="campoMantencionReparacionVehiculosOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="mantencion_y_reparacion_de_vehiculos_costos"
                                                        id="campoMantencionReparacionVehiculosMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="mantencion_y_reparacion_de_vehiculos_costos"
                                                        id="campoMantencionReparacionVehiculosPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoMantencionReparacionVehiculosCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Mantenciones Varias (Inmuebles)</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="mantenciones_varias_inmuebles_costos"
                                                        id="campoMantencionVarias" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="mantenciones_varias_inmuebles_costos"
                                                        id="campoMantencionVariasOc" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="mantenciones_varias_inmuebles_costos"
                                                        id="campoMantencionVariasMonto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="mantenciones_varias_inmuebles_costos"
                                                        id="campoMantencionVariasPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoMantencionVariasCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Mantención y Reparación Faena</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="mantencion_y_reparacion_faena_costos"
                                                        id="campoMantencionReparacionFaena" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="mantencion_y_reparacion_faena_costos"
                                                        id="campoMantencionReparacionFaenaOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="mantencion_y_reparacion_faena_costos"
                                                        id="campoMantencionReparacionFaenaMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="mantencion_y_reparacion_faena_costos"
                                                        id="campoMantencionReparacionFaenaPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoMantencionReparacionFaenaCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Materiales Utilizados en Faena</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="materiales_utilizados_en_faena_costos"
                                                        id="campoMaterialesUtilizadosFaena" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="materiales_utilizados_en_faena_costos"
                                                        id="campoMaterialesUtilizadosFaenaOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="materiales_utilizados_en_faena_costos"
                                                        id="campoMaterialesUtilizadosFaenaMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="materiales_utilizados_en_faena_costos"
                                                        id="campoMaterialesUtilizadosFaenaPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoMaterialesUtilizadosFaenaCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Pasaje Aéreo Personal</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="pasaje_aereo_personal_costos"
                                                        id="campoPasajeAereoPersonal" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="pasaje_aereo_personal_costos"
                                                        id="campoPasajeAereoPersonalOc" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="pasaje_aereo_personal_costos"
                                                        id="campoPasajeAereoPersonalMonto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="pasaje_aereo_personal_costos"
                                                        id="campoPasajeAereoPersonalPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoPasajeAereoPersonalCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Peajes y Tag</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="peajes_y_tag_costos" id="campoPeajesTag"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="peajes_y_tag_costos" id="campoPeajesTagOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="peajes_y_tag_costos" id="campoPeajesTagMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="peajes_y_tag_costos" id="campoPeajesTagPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoPeajesTagCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Red Fija e Internet</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="red_fija_e_internet_costos" id="campoRedFijaInternet"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="red_fija_e_internet_costos" id="campoRedFijaInternetOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="red_fija_e_internet_costos" id="campoRedFijaInternetMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="red_fija_e_internet_costos"
                                                        id="campoRedFijaInternetPorcentaje" style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoRedFijaInternetCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Red Móvil</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="red_movil_costos" id="campoRedMovil"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="red_movil_costos" id="campoRedMovilOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="red_movil_costos" id="campoRedMovilMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="red_movil_costos" id="campoRedMovilPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoRedMovilCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Seguros Activos</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_activos_costos" id="campoSegurosActivos"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_activos_costos" id="campoSegurosActivosOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_activos_costos" id="campoSegurosActivosMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_activos_costos" id="campoSegurosActivosPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoSegurosActivosCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Seguros AP</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_ap_costos" id="campoSegurosAp"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_ap_costos" id="campoSegurosApOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_ap_costos" id="campoSegurosApMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_ap_costos" id="campoSegurosApPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoSegurosApCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Seguro Asiento Pasajero</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_asiento_pasajero_costos"
                                                        id="campoSeguroAsientoPasajero" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_asiento_pasajero_costos"
                                                        id="campoSeguroAsientoPasajeroOc" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_asiento_pasajero_costos"
                                                        id="campoSeguroAsientoPasajeroMonto" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_asiento_pasajero_costos"
                                                        id="campoSeguroAsientoPasajeroPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoSeguroAsientoPasajeroCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Seguros de Vida</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_de_vida_costos" id="campoSeguroVida"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_de_vida_costos" id="campoSeguroVidaOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_de_vida_costos" id="campoSeguroVidaMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_de_vida_costos" id="campoSeguroVidaPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoSeguroVidaCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Seguros Resp. Civil Empresa</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_rc_empresa_costos"
                                                        id="campoSegurosRespCivilEmpresa" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_rc_empresa_costos"
                                                        id="campoSegurosRespCivilEmpresaOc" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_rc_empresa_costos"
                                                        id="campoSegurosRespCivilEmpresaMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_rc_empresa_costos"
                                                        id="campoSegurosRespCivilEmpresaPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoSegurosRespCivilEmpresaCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Seguros Resp. Civil Vehículos</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_rc_vehiculos_costos"
                                                        id="campoSegurosRespCivilVehiculos" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_rc_vehiculos_costos"
                                                        id="campoSegurosRespCivilVehiculosOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_rc_vehiculos_costos"
                                                        id="campoSegurosRespCivilVehiculosMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="seguro_rc_vehiculos_costos"
                                                        id="campoSegurosRespCivilVehiculosPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoSegurosRespCivilVehiculosCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Servicios por Terceros</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="servicio_terceros_costos" id="campoServiciosTerceros"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="servicio_terceros_costos" id="campoServiciosTercerosOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="servicio_terceros_costos" id="campoServiciosTercerosMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="servicio_terceros_costos"
                                                        id="campoServiciosTercerosPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoServiciosTercerosCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Servicio Radio Portátiles</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="servicio_radio_portatiles_costos"
                                                        id="campoServicioRadioPortatiles" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="servicio_radio_portatiles_costos"
                                                        id="campoServicioRadioPortatilesOc" style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="servicio_radio_portatiles_costos"
                                                        id="campoServicioRadioPortatilesMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="servicio_radio_portatiles_costos"
                                                        id="campoServicioRadioPortatilesPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoServicioRadioPortatilesCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Traslado Personal</td>
                                                    <td class="tabla-oferta-econ" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="traslado_personal_costos" id="campoTrasladoPersonal"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-contable" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="traslado_personal_costos" id="campoTrasladoPersonalOc"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-monto" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="traslado_personal_costos" id="campoTrasladoPersonalMonto"
                                                        style="text-align: right;">
                                                    </td>
                                                    <td class="tabla-porcentaje" onblur="validarNumeroTd(this)"
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        name="traslado_personal_costos"
                                                        id="campoTrasladoPersonalPorcentaje"
                                                        style="text-align: center;">
                                                    </td>
                                                    <td class="tabla-cumplimiento-oferta"
                                                        id="campoTrasladoPersonalCumplimientoOferta"
                                                        style="text-align: center;">
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@stop

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 2021 <a href="http://guinezingenieria.cl/">GuiñezIngeniería.cl</a>.</strong>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">

    <style>
        .color-borrador {
            background-color: #ffffff
        }
    </style>

@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>
    <script>
        $('#campoCentroDeCostoPresupuesto').selectpicker({
            dropupAuto: false,
        });
        $('#campoAnoDesde').selectpicker({
            dropupAuto: false,
        });
        $('#campoAnoHasta').selectpicker({
            dropupAuto: false,
        });
        $('#campoMesDesde').selectpicker({
            dropupAuto: false,
        });
        $('#campoMesHasta').selectpicker({
            dropupAuto: false,
        });
    </script>
    <script>
        function formatoNumero(numero) {
            if (numero === null || numero === undefined || numero === '') {
                return '0';
            }
            return new Intl.NumberFormat('es-CL').format(numero);
        }

        function convertirANumero(valorFormateado) {
            return valorFormateado.trim() === '' ? 0 : Number(valorFormateado.replace(/[^\d.-]/g, '').replace(/\./g, '')
                .replace(',', '.'));
        }

        function validarNumeroTd(td) {
            var valor = td.textContent.trim() === '' ? 0 : convertirANumero(td.textContent);
            td.textContent = formatoNumero(valor);
        }

        $(document).ready(function() {
            $('#btnLimpiarInformacion').click(function() {
                $('#campoCentroDeCostoPresupuesto').val('').trigger('change');
                $('#campoMesDesde').val('').trigger('change');
                $('#campoMesHasta').val('').trigger('change');
                $('#campoAnoDesde').val('').trigger('change');
                $('#campoAnoHasta').val('').trigger('change');
                $('#mesObtenidoAdc').text('');
                $('#mesObtenidoCf').text('');


                $('.tabla-ingreso-servicio, .tabla-ingreso-gasto-reembolsable, .tabla-otros-ingresos, .tabla-total-ingresos')
                    .text('');
                $('.tabla-oferta-econ, .tabla-contable, .tabla-monto, .tabla-porcentaje, .tabla-cumplimiento-oferta')
                    .text('').css('background-color', '').css('color', '');

            });
        });

        function mostrarAnoSeleccionado() {
            var selectAnoDesde = document.getElementById("campoAnoDesde");
            var selectAnoHasta = document.getElementById("campoAnoHasta");

            var anoDesdeSeleccionado = selectAnoDesde.options[selectAnoDesde.selectedIndex].text;
            var anoHastaSeleccionado = selectAnoHasta.options[selectAnoHasta.selectedIndex].text;

            document.getElementById("anoSeleccionadoDesdeUno").textContent = anoDesdeSeleccionado;
            document.getElementById("anoSeleccionadoDesdeDos").textContent = anoDesdeSeleccionado;
            document.getElementById("anoSeleccionadoDesdeTres").textContent = anoDesdeSeleccionado;
            document.getElementById("anoSeleccionadoDesdeCuatro").textContent = anoDesdeSeleccionado;
            document.getElementById("anoSeleccionadoHastaUno").textContent = anoHastaSeleccionado;
            document.getElementById("anoSeleccionadoHastaDos").textContent = anoHastaSeleccionado;
            document.getElementById("anoSeleccionadoHastaTres").textContent = anoHastaSeleccionado;
            document.getElementById("anoSeleccionadoHastaCuatro").textContent = anoHastaSeleccionado;
        }

        function obtenerMesesConDatosAdc() {
            var centroCosto = $('#campoCentroDeCostoPresupuesto').val();
            var mesDesde = $('#campoMesDesde').val();
            var anoDesde = $('#campoAnoDesde').val();
            var mesHasta = $('#campoMesHasta').val();
            var anoHasta = $('#campoAnoHasta').val();

            if (!centroCosto || !mesDesde || !anoDesde || !mesHasta || !anoHasta) {
                console.log('Todos los campos son requeridos');
                return;
            }

            $.ajax({
                url: '{{ route('presupuesto.obtenerMesesConDatosAdc') }}',
                method: 'GET',
                data: {
                    id_centro_costo: centroCosto,
                    mes_desde: mesDesde,
                    ano_desde: anoDesde,
                    mes_hasta: mesHasta,
                    ano_hasta: anoHasta
                },
                success: function(data) {
                    var mesesConDatos = data.meses_con_datos.map(function(mes) {
                        return mes.mes + '-' + mes.ano;
                    }).join(' | ');

                    $('#mesObtenidoAdc').text(mesesConDatos);
                },
                error: function(xhr, status, error) {
                    console.error("Error al obtener meses con datos: ", error);
                }
            });
        }


        function obtenerMesesConDatosCf() {
            var centroCosto = $('#campoCentroDeCostoPresupuesto').val();
            var mesDesde = $('#campoMesDesde').val();
            var anoDesde = $('#campoAnoDesde').val();
            var mesHasta = $('#campoMesHasta').val();
            var anoHasta = $('#campoAnoHasta').val();

            if (!centroCosto || !mesDesde || !anoDesde || !mesHasta || !anoHasta) {
                console.log('Todos los campos son requeridos');
                return;
            }

            $.ajax({
                url: '{{ route('presupuesto.obtenerMesesConDatosCf') }}',
                method: 'GET',
                data: {
                    id_centro_costo: centroCosto,
                    mes_desde: mesDesde,
                    ano_desde: anoDesde,
                    mes_hasta: mesHasta,
                    ano_hasta: anoHasta
                },
                success: function(data) {

                    var mesesConDatos = data.meses_con_datos.map(function(mes) {
                        return mes.mes + '-' + mes.ano;
                    }).join(' | ');

                    $('#mesObtenidoCf').text(mesesConDatos);
                },
                error: function(xhr, status, error) {
                    console.error("Error al obtener meses con datos: ", error);
                }
            });
        }

        function actualizarTotalIngreso() {
            mostrarAnoSeleccionado();
            actualizarIngresosDeServicios();
            var centroCosto = $('#campoCentroDeCostoPresupuesto').val();
            var mesDesde = $('#campoMesDesde').val();
            var anoDesde = $('#campoAnoDesde').val();
            var mesHasta = $('#campoMesHasta').val();
            var anoHasta = $('#campoAnoHasta').val();

            if (!centroCosto || !mesDesde || !anoDesde || !mesHasta || !anoHasta) {
                console.log('Todos los campos son requeridos');
                return;
            }

            $.ajax({
                url: '{{ route('presupuesto.obtenerRegistrosTotalAdc') }}',
                method: 'GET',
                data: {
                    id_centro_costo: centroCosto,
                    mes_desde: mesDesde,
                    ano_desde: anoDesde,
                    mes_hasta: mesHasta,
                    ano_hasta: anoHasta
                },
                success: function(data) {
                    console.log("Datos recibidos Presupuesto:", data);

                    $('#campoIngreso').text(formatoNumero(data.total_ingreso_edp));
                    $('#campoIngresoDos').text(formatoNumero(data.total_ingreso_edp));

                    $('#campoGastoReembolsable').text(formatoNumero(data.total_ingreso_gasto_reembolsable));

                    $('#campoOtrosIngresos').text(formatoNumero(data.total_ingreso_otros_ingresos));
                    $('#campoOtrosIngresosDos').text(formatoNumero(data.total_ingreso_otros_ingresos));

                    $('#campoTotalIngresos').text(formatoNumero(data.total_ingreso_total_ingreso));
                    $('#campoTotalIngresosDos').text(formatoNumero(data.total_ingreso_total_ingreso));

                    $('#campoRemuneracion').text(formatoNumero(data.total_remuneracion));
                    $('#campoAlimentancion').text(formatoNumero(data.total_alimentacion_costos));
                    $('#campoAlojamiento').text(formatoNumero(data.total_alojamiento_costos));
                    $('#campoArriendoEquipos').text(formatoNumero(data.total_arriendo_equipos_costos));
                    $('#campoArriendoInmueble').text(formatoNumero(data.total_arriendo_inmuebles_costos));
                    $('#campoArriendoVehiculos').text(formatoNumero(data.total_arriendo_vehiculos_costos));
                    $('#campoArticulosOficinas').text(formatoNumero(data.total_articulos_oficina_costos));
                    $('#campoCapacitacion').text(formatoNumero(data.total_capacitacion_costos));
                    $('#campoCombustible').text(formatoNumero(data.total_combustible_costos));
                    $('#campoComsumoBasicos').text(formatoNumero(data.total_consumos_basicos_costos));
                    $('#campoCorrespondencia').text(formatoNumero(data.total_correspondencia_costos));
                    $('#campoEpp').text(formatoNumero(data.total_epp_costos));
                    $('#campoEquiposHerramientas').text(formatoNumero(data.total_equipo_herramientas_costos));
                    $('#campoExamenesPreOcupacionales').text(formatoNumero(data
                        .total_examenes_preocupacionales_costos));
                    $('#campoFletes').text(formatoNumero(data.total_flete_costos));
                    $('#campoGastoEventoEmpresa').text(formatoNumero(data.total_gasto_evento_empresa_costos));
                    $('#campoGastoReembolsables').text(formatoNumero(data.total_gasto_reembolsables_costos));
                    $('#campoGastoVariosMenores').text(formatoNumero(data.total_gastos_varios_menores_costos));
                    $('#campoHonorariosProfesionales').text(formatoNumero(data
                        .total_honorarios_profesionales_costos));
                    $('#campoInsumosComputacionales').text(formatoNumero(data
                        .total_insumos_computacionales_costos));
                    $('#campoMantencionReparacionEquipos').text(formatoNumero(data
                        .total_mantencion_y_reparacion_de_equipos_costos));
                    $('#campoMantencionReparacionVehiculos').text(formatoNumero(data
                        .total_mantencion_y_reparacion_de_vehiculos_costos));
                    $('#campoMantencionVarias').text(formatoNumero(data
                        .total_mantenciones_varias_inmuebles_costos));
                    $('#campoMantencionReparacionFaena').text(formatoNumero(data
                        .total_mantencion_y_reparacion_faena_costos));
                    $('#campoMaterialesUtilizadosFaena').text(formatoNumero(data
                        .total_materiales_utilizados_en_faena_costos));
                    $('#campoPasajeAereoPersonal').text(formatoNumero(data.total_pasaje_aereo_personal_costos));
                    $('#campoPeajesTag').text(formatoNumero(data.total_peajes_y_tag_costos));
                    $('#campoRedFijaInternet').text(formatoNumero(data.total_red_fija_e_internet_costos));
                    $('#campoRedMovil').text(formatoNumero(data.total_red_movil_costos));
                    $('#campoSegurosActivos').text(formatoNumero(data.total_seguro_activos_costos));
                    $('#campoSegurosAp').text(formatoNumero(data.total_seguro_ap_costos));
                    $('#campoSeguroAsientoPasajero').text(formatoNumero(data
                        .total_seguro_asiento_pasajero_costos));
                    $('#campoSeguroVida').text(formatoNumero(data.total_seguro_de_vida_costos));
                    $('#campoSegurosRespCivilEmpresa').text(formatoNumero(data.total_seguro_rc_empresa_costos));
                    $('#campoSegurosRespCivilVehiculos').text(formatoNumero(data
                        .total_seguro_rc_vehiculos_costos));
                    $('#campoServiciosTerceros').text(formatoNumero(data.total_servicio_terceros_costos));
                    $('#campoServicioRadioPortatiles').text(formatoNumero(data
                        .total_servicio_radio_portatiles_costos));
                    $('#campoTrasladoPersonal').text(formatoNumero(data.total_traslado_personal_costos));
                    $('#campoTotalPresupuesto').text(formatoNumero(data.total_total_presupuesto));

                    $('#campoRemuneracionFinanzas').text(formatoNumero(data.total_remuneracion_finanzas));
                    $('#campoIngresoFinanzas').text(formatoNumero(data.total_ingreso_edp_finanzas));
                    $('#campoGastoReembolsableFinanzas').text(formatoNumero(data
                        .total_ingreso_gasto_reembolsable_finanzas));
                    $('#campoOtrosIngresosFinanzas').text(formatoNumero(data
                        .total_ingreso_otros_ingresos_finanzas));
                    $('#campoTotalIngresosFinanzas').text(formatoNumero(data
                        .total_ingreso_total_ingreso_finanzas));

                    $('#campoIngresoFinanzasDos').text(formatoNumero(data.total_ingreso_edp_finanzas));
                    $('#campoTotalIngresosFinanzasDos').text(formatoNumero(data
                        .total_ingreso_total_ingreso_finanzas));
                    $('#campoOtrosIngresosFinanzasDos').text(formatoNumero(data
                        .total_ingreso_otros_ingresos_finanzas));

                    obtenerMesesConDatosAdc();
                    obtenerMesesConDatosCf();
                    obtenerSumaTotal();
                    calcularDiferencia();
                    CalcularPorcentaje();

                },
                error: function(xhr, status, error) {
                    console.error("Error al obtener datos: ", error);
                }
            });
        }

        function actualizarIngresosDeServicios() {
            mostrarAnoSeleccionado();
            var centroCosto = $('#campoCentroDeCostoPresupuesto').val();
            var mesDesde = $('#campoMesDesde').val();
            var anoDesde = $('#campoAnoDesde').val();
            var mesHasta = $('#campoMesHasta').val();
            var anoHasta = $('#campoAnoHasta').val();

            if (!centroCosto || !mesDesde || !anoDesde || !mesHasta || !anoHasta) {
                console.log('Todos los campos son requeridos');
                return;
            }

            $.ajax({
                url: '{{ route('presupuesto.obtenerCuentasDeGasto') }}',
                method: 'GET',
                data: {
                    id_centro_costo: centroCosto,
                    mes_desde: mesDesde,
                    ano_desde: anoDesde,
                    mes_hasta: mesHasta,
                    ano_hasta: anoHasta
                },
                success: function(data) {
                    console.log("Datos recibidos OC:", data);
                    $('#campoAlimentancionOc').text(obtenerTotalPorCuenta(data, 'Alimentación'));
                    $('#campoAlojamientoOc').text(obtenerTotalPorCuenta(data, 'Alojamiento'));
                    $('#campoArriendoEquiposOc').text(obtenerTotalPorCuenta(data, 'Arriendo Equipos'));
                    $('#campoArriendoInmuebleOc').text(obtenerTotalPorCuenta(data, 'Arriendo Inmuebles'));
                    $('#campoArriendoVehiculosOc').text(obtenerTotalPorCuenta(data, 'Arriendo Vehículos'));
                    $('#campoArticulosOficinasOc').text(obtenerTotalPorCuenta(data, 'Artículos de Oficina'));
                    $('#campoCapacitacionOc').text(obtenerTotalPorCuenta(data, 'Capacitación'));
                    $('#campoCombustibleOc').text(obtenerTotalPorCuenta(data, 'Combustible'));
                    $('#campoComsumoBasicosOc').text(obtenerTotalPorCuenta(data, 'Consumos Básicos'));
                    $('#campoCorrespondenciaOc').text(obtenerTotalPorCuenta(data, 'Correspondencia'));
                    $('#campoEppOc').text(obtenerTotalPorCuenta(data, 'EPP'));
                    $('#campoEquiposHerramientasOc').text(obtenerTotalPorCuenta(data,
                        'Equipos y Herramientas'));
                    $('#campoExamenesPreOcupacionalesOc').text(obtenerTotalPorCuenta(data,
                        'Exámenes Preocupacionales'));
                    $('#campoFletesOc').text(obtenerTotalPorCuenta(data, 'Flete'));
                    $('#campoGastoEventoEmpresaOc').text(obtenerTotalPorCuenta(data, 'Gastos Evento Empresa'));
                    $('#campoGastoReembolsablesOc').text(obtenerTotalPorCuenta(data, 'Gastos Reembolsables'));
                    $('#campoGastoVariosMenoresOc').text(obtenerTotalPorCuenta(data, 'Gastos Varios Menores'));
                    $('#campoHonorariosProfesionalesOc').text(obtenerTotalPorCuenta(data,
                        'Honorarios Profesionales'));
                    $('#campoInsumosComputacionalesOc').text(obtenerTotalPorCuenta(data,
                        'Insumos Computacionales'));
                    $('#campoMantencionReparacionEquiposOc').text(obtenerTotalPorCuenta(data,
                        'Mantención y Reparación de Equipos'));
                    $('#campoMantencionReparacionVehiculosOc').text(obtenerTotalPorCuenta(data,
                        'Mantención y Reparación de Vehículos'));
                    $('#campoMantencionVariasOc').text(obtenerTotalPorCuenta(data,
                        'Mantenciones Varias (Inmuebles)'));
                    $('#campoMantencionReparacionFaenaOc').text(obtenerTotalPorCuenta(data,
                        'Mantención y Reparación Faena'));
                    $('#campoMaterialesUtilizadosFaenaOc').text(obtenerTotalPorCuenta(data,
                        'Materiales Utilizados en Faena'));
                    $('#campoPasajeAereoPersonalOc').text(obtenerTotalPorCuenta(data, 'Pasaje Aéreo Personal'));
                    $('#campoPeajesTagOc').text(obtenerTotalPorCuenta(data, 'Peajes y Tag'));
                    $('#campoRedFijaInternetOc').text(obtenerTotalPorCuenta(data, 'Red Fija e Internet'));
                    $('#campoRedMovilOc').text(obtenerTotalPorCuenta(data, 'Red Móvil'));
                    $('#campoSegurosActivosOc').text(obtenerTotalPorCuenta(data, 'Seguros Activos'));
                    $('#campoSegurosApOc').text(obtenerTotalPorCuenta(data, 'Seguros AP'));
                    $('#campoSeguroAsientoPasajeroOc').text(obtenerTotalPorCuenta(data,
                        'Seguro Asiento Pasajero'));
                    $('#campoSeguroVidaOc').text(obtenerTotalPorCuenta(data, 'Seguros de Vida'));
                    $('#campoSegurosRespCivilEmpresaOc').text(obtenerTotalPorCuenta(data,
                        'Seguros Resp. Civil Empresa'));
                    $('#campoSegurosRespCivilVehiculosOc').text(obtenerTotalPorCuenta(data,
                        'Seguros Resp. Civil Vehículos'));
                    $('#campoServiciosTercerosOc').text(obtenerTotalPorCuenta(data, 'Servicios por Terceros'));
                    $('#campoServicioRadioPortatilesOc').text(obtenerTotalPorCuenta(data,
                        'Servicio Radio Portátiles'));
                    $('#campoTrasladoPersonalOc').text(obtenerTotalPorCuenta(data, 'Traslado Personal'));

                    obtenerMesesConDatosAdc();
                    obtenerMesesConDatosCf();
                    obtenerSumaTotal();
                    calcularDiferencia();
                    CalcularPorcentaje();
                },
                error: function(xhr, status, error) {
                    console.error("Error al obtener datos: ", error);
                }
            });
        }

        function obtenerTotalPorCuenta(data, cuenta) {
            var item = data.find(item => item.cuenta_gasto === cuenta);
            return item ? formatoNumero(item.TOTAL_MONEDA_A_CLP) : '0';
        }

        function obtenerSumaTotal() {
            var suma = 0;

            suma += convertirANumero($('#campoRemuneracionFinanzas').text());
            suma += convertirANumero($('#campoAlimentancionOc').text());
            suma += convertirANumero($('#campoAlojamientoOc').text());
            suma += convertirANumero($('#campoArriendoEquiposOc').text());
            suma += convertirANumero($('#campoArriendoInmuebleOc').text());
            suma += convertirANumero($('#campoArriendoVehiculosOc').text());
            suma += convertirANumero($('#campoArticulosOficinasOc').text());
            suma += convertirANumero($('#campoCapacitacionOc').text());
            suma += convertirANumero($('#campoCombustibleOc').text());
            suma += convertirANumero($('#campoComsumoBasicosOc').text());
            suma += convertirANumero($('#campoCorrespondenciaOc').text());
            suma += convertirANumero($('#campoEppOc').text());
            suma += convertirANumero($('#campoEquiposHerramientasOc').text());
            suma += convertirANumero($('#campoExamenesPreOcupacionalesOc').text());
            suma += convertirANumero($('#campoFletesOc').text());
            suma += convertirANumero($('#campoGastoEventoEmpresaOc').text());
            suma += convertirANumero($('#campoGastoReembolsablesOc').text());
            suma += convertirANumero($('#campoGastoVariosMenoresOc').text());
            suma += convertirANumero($('#campoHonorariosProfesionalesOc').text());
            suma += convertirANumero($('#campoInsumosComputacionalesOc').text());
            suma += convertirANumero($('#campoMantencionReparacionEquiposOc').text());
            suma += convertirANumero($('#campoMantencionReparacionVehiculosOc').text());
            suma += convertirANumero($('#campoMantencionVariasOc').text());
            suma += convertirANumero($('#campoMantencionReparacionFaenaOc').text());
            suma += convertirANumero($('#campoMaterialesUtilizadosFaenaOc').text());
            suma += convertirANumero($('#campoPasajeAereoPersonalOc').text());
            suma += convertirANumero($('#campoPeajesTagOc').text());
            suma += convertirANumero($('#campoRedFijaInternetOc').text());
            suma += convertirANumero($('#campoRedMovilOc').text());
            suma += convertirANumero($('#campoSegurosActivosOc').text());
            suma += convertirANumero($('#campoSegurosApOc').text());
            suma += convertirANumero($('#campoSeguroAsientoPasajeroOc').text());
            suma += convertirANumero($('#campoSeguroVidaOc').text());
            suma += convertirANumero($('#campoSegurosRespCivilEmpresaOc').text());
            suma += convertirANumero($('#campoSegurosRespCivilVehiculosOc').text());
            suma += convertirANumero($('#campoServiciosTercerosOc').text());
            suma += convertirANumero($('#campoServicioRadioPortatilesOc').text());
            suma += convertirANumero($('#campoTrasladoPersonalOc').text());


            $('#campoTotalPresupuestoContable').text(formatoNumero(suma));

            var ingresosOfertaEconomica = convertirANumero($('#campoTotalIngresosDos').text());
            var presupuestoOfertaEconomica = convertirANumero($('#campoTotalPresupuesto').text());

            var restaOfertaEconomica = ingresosOfertaEconomica - presupuestoOfertaEconomica;

            $('#campoResultadoAnteDeProvisiones').text(formatoNumero(restaOfertaEconomica));

            var ingresosContable = convertirANumero($('#campoTotalIngresosFinanzasDos').text());
            var presupuestoContable = convertirANumero($('#campoTotalPresupuestoContable').text());
            var restaContable = ingresosContable - presupuestoContable;

            $('#campoResultadoAnteDeProvisionesContable').text(formatoNumero(restaContable));

            mostrarDiferencia($('#campoResultadoAnteDeProvisiones').text(), $('#campoResultadoAnteDeProvisionesContable')
                .text(),
                '#campoResultadoAnteDeProvisionesMonto');

            mostrarPorcentaje(
                $('#campoResultadoAnteDeProvisiones').text(),
                $('#campoResultadoAnteDeProvisionesMonto').text(),
                $('#campoResultadoAnteDeProvisionesContable').text(),
                '#campoResultadoAnteDeProvisionesPorcentaje',
                '#campoResultadoAnteDeProvisionesCumplimientoOferta');

            var remuneracionOfertaEconomica = convertirANumero($('#campoRemuneracion').text());
            var remuneracionContable = convertirANumero($('#campoRemuneracionFinanzas').text());
            var provisionIasYVacacionesOferta = remuneracionOfertaEconomica * 0.12;
            var provisionIasYVacacionesContable = remuneracionContable * 0.12;

            $('#campoProvisionIasYVacaciones').text(formatoNumero(provisionIasYVacacionesOferta));
            $('#campoProvisionIasYVacacionesContable').text(formatoNumero(provisionIasYVacacionesContable));

            mostrarDiferencia($('#campoProvisionIasYVacaciones').text(), $('#campoProvisionIasYVacacionesContable')
                .text(),
                '#campoProvisionIasYVacacionesMonto');

            mostrarPorcentaje(
                $('#campoProvisionIasYVacaciones').text(),
                $('#campoProvisionIasYVacacionesMonto').text(),
                $('#campoProvisionIasYVacacionesContable').text(),
                '#campoProvisionIasYVacacionesPorcentaje',
                '#campoProvisionIasYVacacionesCumplimientoOferta');


            var resultadoAnteDeProvisiones = convertirANumero($('#campoResultadoAnteDeProvisiones').text());
            var provisionIasYVacaciones = convertirANumero($('#campoProvisionIasYVacaciones').text());
            //var resultadoOperacionalAntesImpuesto = resultadoAnteDeProvisiones + provisionIasYVacaciones;
            var resultadoOperacionalAntesImpuesto =convertirANumero($('#campoTotalIngresosDos').text())-
            convertirANumero($('#campoTotalPresupuesto').text());

            $('#camporeRultadoOperacionalAntesImpuesto').text(formatoNumero(resultadoOperacionalAntesImpuesto));

            var resultadoAnteDeProvisionesContable = convertirANumero($('#campoResultadoAnteDeProvisionesContable').text());
            var provisionIasYVacacionesContable = convertirANumero($('#campoProvisionIasYVacacionesContable').text());
            /*var resultadoOperacionalAntesImpuestoContable = resultadoAnteDeProvisionesContable +
                provisionIasYVacacionesContable;*/
            var resultadoOperacionalAntesImpuestoContable = convertirANumero($('#campoTotalIngresosFinanzasDos').text())-
            convertirANumero($('#campoTotalPresupuestoContable').text());

            $('#camporeRultadoOperacionalAntesImpuestoContable').text(formatoNumero(
                resultadoOperacionalAntesImpuestoContable));

            mostrarDiferencia($('#camporeRultadoOperacionalAntesImpuesto').text(), $(
                    '#camporeRultadoOperacionalAntesImpuestoContable')
                .text(),
                '#camporeRultadoOperacionalAntesImpuestoMonto');

            mostrarPorcentaje(
                $('#camporeRultadoOperacionalAntesImpuesto').text(),
                $('#camporeRultadoOperacionalAntesImpuestoMonto').text(),
                $('#camporeRultadoOperacionalAntesImpuestoContable').text(),
                '#camporeRultadoOperacionalAntesImpuestoPorcentaje',
                '#camporeRultadoOperacionalAntesImpuestoCumplimientoOferta');


            var rultadoOperacionalAntesImpuestoEconomica = convertirANumero($('#camporeRultadoOperacionalAntesImpuesto')
                .text());
            var rultadoOperacionalAntesImpuestoContable = convertirANumero($(
                '#camporeRultadoOperacionalAntesImpuestoContable').text());
            var provisionImpuestoEconomica = Math.round(rultadoOperacionalAntesImpuestoEconomica * 0.27);
            var provisionImpuestoContable = Math.round(rultadoOperacionalAntesImpuestoContable * 0.27);

            $('#campoProvisionImpuesto').text(formatoNumero(provisionImpuestoEconomica));
            $('#campoProvisionImpuestoContable').text(formatoNumero(provisionImpuestoContable));

            mostrarDiferencia($('#campoProvisionImpuesto').text(), $(
                    '#campoProvisionImpuestoContable')
                .text(),
                '#campoProvisionImpuestoMonto');

            mostrarPorcentaje(
                $('#campoProvisionImpuesto').text(),
                $('#campoProvisionImpuestoMonto').text(),
                $('#campoProvisionImpuestoContable').text(),
                '#campoProvisionImpuestoPorcentaje',
                '#campoProvisionImpuestoCumplimientoOferta');


            var resultadoOperacionalAntesImpuesto = convertirANumero($('#camporeRultadoOperacionalAntesImpuesto').text());
            var provisionImpuesto = convertirANumero($('#campoProvisionImpuesto').text());
            var resultadoNeto = resultadoOperacionalAntesImpuesto + provisionImpuesto;

            $('#campoResultadoNeto').text(formatoNumero(resultadoNeto));

            var resultadoOperacionalAntesImpuestoContable = convertirANumero($(
                '#camporeRultadoOperacionalAntesImpuestoContable').text());
            var provisionImpuestoContable = convertirANumero($('#campoProvisionImpuestoContable').text());
            var resultadoNetoContable = resultadoOperacionalAntesImpuestoContable + provisionImpuestoContable;

            $('#campoResultadoNetoContable').text(formatoNumero(resultadoNetoContable));

            mostrarDiferencia($('#campoResultadoNeto').text(), $(
                    '#campoResultadoNetoContable')
                .text(),
                '#campoResultadoNetoMonto');

            mostrarPorcentaje($('#campoResultadoNeto').text(),
                $('#campoResultadoNetoMonto').text(),
                $('#campoResultadoNetoContable').text(),
                '#campoResultadoNetoPorcentaje',
                '#campoResultadoNetoCumplimientoOferta');

            var resultadoOperacionalAntesImpuestoMargenOperacional = convertirANumero($(
                '#camporeRultadoOperacionalAntesImpuesto').text());
            var totalIngresoMargenOperacional = convertirANumero($('#campoTotalIngresosDos').text());
            var resultadoOperacionalAntesImpuestoMargenOperacionalContable = convertirANumero($(
                '#camporeRultadoOperacionalAntesImpuestoContable').text());
            var totalIngresoMargenOperacionalContable = convertirANumero($('#campoTotalIngresosFinanzasDos').text());

            if (resultadoOperacionalAntesImpuestoMargenOperacional === 0 || totalIngresoMargenOperacional === 0 ||
                resultadoOperacionalAntesImpuestoMargenOperacionalContable === 0 ||
                totalIngresoMargenOperacionalContable === 0) {
                $('#campoResultadoMargenOperacional').text('');
                $('#campoResultadoMargenOperacionalContable').text('');
                return;
            }

            var resultadoMargenOperacional = (resultadoOperacionalAntesImpuestoMargenOperacional /
                totalIngresoMargenOperacional) * 100;
            //var resultadoMargenOperacionalRedondeado = Math.round(resultadoMargenOperacional);
            var resultadoMargenOperacionalRedondeado = Math.round(resultadoMargenOperacional * 10) / 10;
            $('#campoResultadoMargenOperacional').text(resultadoMargenOperacionalRedondeado + '%');

            var resultadoMargenOperacionalContable = (resultadoOperacionalAntesImpuestoMargenOperacionalContable /
                totalIngresoMargenOperacionalContable) * 100;
            //var resultadoMargenOperacionalContableRedondeado = Math.round(resultadoMargenOperacionalContable);
            var resultadoMargenOperacionalContableRedondeado = Math.round(resultadoMargenOperacionalContable * 10) / 10;
            $('#campoResultadoMargenOperacionalContable').text(resultadoMargenOperacionalContableRedondeado + '%');
        }

        function calcularDiferencia() {
            mostrarDiferencia($('#campoTotalIngresosDos').text(), $('#campoTotalIngresosFinanzasDos').text(),
                '#campoTotalIngresosFinanzaMonto');

            mostrarDiferencia($('#campoTotalPresupuesto').text(), $('#campoTotalPresupuestoContable').text(),
                '#campoTotalPresupuestoContableMonto');

            mostrarDiferencia($('#campoIngresoDos').text(), $('#campoIngresoFinanzasDos').text(),
                '#campoIngresoMonto');

            mostrarDiferencia($('#campoOtrosIngresosDos').text(), $('#campoOtrosIngresosFinanzasDos').text(),
                '#campoOtrosIngresosMonto');

            mostrarDiferencia($('#campoRemuneracion').text(), $('#campoRemuneracionFinanzas').text(),
                '#campoRemuneracionMonto');

            mostrarDiferencia($('#campoAlimentancion').text(), $('#campoAlimentancionOc').text(),
                '#campoAlimentancionMonto');

            mostrarDiferencia($('#campoAlojamiento').text(), $('#campoAlojamientoOc').text(), '#campoAlojamientoMonto');

            mostrarDiferencia($('#campoArriendoEquipos').text(), $('#campoArriendoEquiposOc').text(),
                '#campoArriendoEquiposMonto');

            mostrarDiferencia($('#campoArriendoInmueble').text(), $('#campoArriendoInmuebleOc').text(),
                '#campoArriendoInmuebleMonto');

            mostrarDiferencia($('#campoArriendoVehiculos').text(), $('#campoArriendoVehiculosOc').text(),
                '#campoArriendoVehiculosMonto');

            mostrarDiferencia($('#campoArticulosOficinas').text(), $('#campoArticulosOficinasOc').text(),
                '#campoArticulosOficinasMonto');

            mostrarDiferencia($('#campoCapacitacion').text(), $('#campoCapacitacionOc').text(), '#campoCapacitacionMonto');

            mostrarDiferencia($('#campoCombustible').text(), $('#campoCombustibleOc').text(), '#campoCombustibleMonto');

            mostrarDiferencia($('#campoComsumoBasicos').text(), $('#campoComsumoBasicosOc').text(),
                '#campoComsumoBasicosMonto');

            mostrarDiferencia($('#campoCorrespondencia').text(), $('#campoCorrespondenciaOc').text(),
                '#campoCorrespondenciaMonto');

            mostrarDiferencia($('#campoEpp').text(), $('#campoEppOc').text(), '#campoEppMonto');

            mostrarDiferencia($('#campoEquiposHerramientas').text(), $('#campoEquiposHerramientasOc').text(),
                '#campoEquiposHerramientasMonto');

            mostrarDiferencia($('#campoExamenesPreOcupacionales').text(), $('#campoExamenesPreOcupacionalesOc').text(),
                '#campoExamenesPreOcupacionalesMonto');

            mostrarDiferencia($('#campoFletes').text(), $('#campoFletesOc').text(), '#campoFletesMonto');

            mostrarDiferencia($('#campoGastoEventoEmpresa').text(), $('#campoGastoEventoEmpresaOc').text(),
                '#campoGastoEventoEmpresaMonto');

            mostrarDiferencia($('#campoGastoReembolsables').text(), $('#campoGastoReembolsablesOc').text(),
                '#campoGastoReembolsablesMonto');

            mostrarDiferencia($('#campoGastoVariosMenores').text(), $('#campoGastoVariosMenoresOc').text(),
                '#campoGastoVariosMenoresMonto');

            mostrarDiferencia($('#campoHonorariosProfesionales').text(), $('#campoHonorariosProfesionalesOc').text(),
                '#campoHonorariosProfesionalesMonto');

            mostrarDiferencia($('#campoInsumosComputacionales').text(), $('#campoInsumosComputacionalesOc').text(),
                '#campoInsumosComputacionalesMonto');

            mostrarDiferencia($('#campoMantencionReparacionEquipos').text(), $('#campoMantencionReparacionEquiposOc')
                .text(), '#campoMantencionReparacionEquiposMonto');

            mostrarDiferencia($('#campoMantencionReparacionVehiculos').text(), $('#campoMantencionReparacionVehiculosOc')
                .text(), '#campoMantencionReparacionVehiculosMonto');

            mostrarDiferencia($('#campoMantencionVarias').text(), $('#campoMantencionVariasOc').text(),
                '#campoMantencionVariasMonto');

            mostrarDiferencia($('#campoMantencionReparacionFaena').text(), $('#campoMantencionReparacionFaenaOc').text(),
                '#campoMantencionReparacionFaenaMonto');

            mostrarDiferencia($('#campoMaterialesUtilizadosFaena').text(), $('#campoMaterialesUtilizadosFaenaOc').text(),
                '#campoMaterialesUtilizadosFaenaMonto');

            mostrarDiferencia($('#campoPasajeAereoPersonal').text(), $('#campoPasajeAereoPersonalOc').text(),
                '#campoPasajeAereoPersonalMonto');

            mostrarDiferencia($('#campoPeajesTag').text(), $('#campoPeajesTagOc').text(), '#campoPeajesTagMonto');

            mostrarDiferencia($('#campoRedFijaInternet').text(), $('#campoRedFijaInternetOc').text(),
                '#campoRedFijaInternetMonto');

            mostrarDiferencia($('#campoRedMovil').text(), $('#campoRedMovilOc').text(), '#campoRedMovilMonto');

            mostrarDiferencia($('#campoSegurosActivos').text(), $('#campoSegurosActivosOc').text(),
                '#campoSegurosActivosMonto');

            mostrarDiferencia($('#campoSegurosAp').text(), $('#campoSegurosApOc').text(), '#campoSegurosApMonto');

            mostrarDiferencia($('#campoSeguroAsientoPasajero').text(), $('#campoSeguroAsientoPasajeroOc').text(),
                '#campoSeguroAsientoPasajeroMonto');

            mostrarDiferencia($('#campoSeguroVida').text(), $('#campoSeguroVidaOc').text(), '#campoSeguroVidaMonto');

            mostrarDiferencia($('#campoSegurosRespCivilEmpresa').text(), $('#campoSegurosRespCivilEmpresaOc').text(),
                '#campoSegurosRespCivilEmpresaMonto');

            mostrarDiferencia($('#campoSegurosRespCivilVehiculos').text(), $('#campoSegurosRespCivilVehiculosOc').text(),
                '#campoSegurosRespCivilVehiculosMonto');

            mostrarDiferencia($('#campoServiciosTerceros').text(), $('#campoServiciosTercerosOc').text(),
                '#campoServiciosTercerosMonto');

            mostrarDiferencia($('#campoServicioRadioPortatiles').text(), $('#campoServicioRadioPortatilesOc').text(),
                '#campoServicioRadioPortatilesMonto');

            mostrarDiferencia($('#campoTrasladoPersonal').text(), $('#campoTrasladoPersonalOc').text(),
                '#campoTrasladoPersonalMonto');
        }

        function mostrarDiferencia(ofertaEcon, contable, elementoDiferencia) {
            var numContable = convertirANumero(contable.trim() === '' ? '0' : contable);
            var numOfertaEcon = convertirANumero(ofertaEcon.trim() === '' ? '0' : ofertaEcon);

            var diferencia = numContable - numOfertaEcon;

            $(elementoDiferencia).text(formatoNumero(diferencia));
        }

        function CalcularPorcentaje() {
            mostrarPorcentaje(
                $('#campoTotalIngresosDos').text(),
                $('#campoTotalIngresosFinanzaMonto').text(),
                $('#campoTotalIngresosFinanzasDos').text(),
                '#campoTotalIngresosPorcentaje',
                '#campoTotalIngresosCumplimientoOferta'
            );

            mostrarPorcentaje(
                $('#campoTotalPresupuesto').text(),
                $('#campoTotalPresupuestoContableMonto').text(),
                $('#campoTotalPresupuestoContable').text(),
                '#campoTotalPresupuestoContablePorcentaje',
                '#campoTotalPresupuestoCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoIngresoDos').text(),
                $('#campoIngresoMonto').text(),
                $('#campoIngresoFinanzasDos').text(),
                '#campoIngresoPorcentaje',
                '#campoIngresoCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoOtrosIngresosDos').text(),
                $('#campoOtrosIngresosMonto').text(),
                $('#campoOtrosIngresosFinanzasDos').text(),
                '#campoOtrosIngresosPorcentaje',
                '#campoOtrosIngresosCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoRemuneracion').text(),
                $('#campoRemuneracionMonto').text(),
                $('#campoRemuneracionFinanzas').text(),
                '#campoRemuneracionPorcentaje',
                '#campoRemuneracionCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoAlimentancion').text(),
                $('#campoAlimentancionMonto').text(),
                $('#campoAlimentancionOc').text(),
                '#campoAlimentancionPorcentaje',
                '#campoAlimentancionCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoAlojamiento').text(),
                $('#campoAlojamientoMonto').text(),
                $('#campoAlojamientoOc').text(),
                '#campoAlojamientoPorcentaje',
                '#campoAlojamientoCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoArriendoEquipos').text(),
                $('#campoArriendoEquiposMonto').text(),
                $('#campoArriendoEquiposOc').text(),
                '#campoArriendoEquiposPorcentaje',
                '#campoArriendoEquiposCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoArriendoInmueble').text(),
                $('#campoArriendoInmuebleMonto').text(),
                $('#campoArriendoInmuebleOc').text(),
                '#campoArriendoInmueblePorcentaje',
                '#campoArriendoInmuebleCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoArriendoVehiculos').text(),
                $('#campoArriendoVehiculosMonto').text(),
                $('#campoArriendoVehiculosOc').text(),
                '#campoArriendoVehiculosPorcentaje',
                '#campoArriendoVehiculosCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoArticulosOficinas').text(),
                $('#campoArticulosOficinasMonto').text(),
                $('#campoArticulosOficinasOc').text(),
                '#campoArticulosOficinasPorcentaje',
                '#campoArticulosOficinasCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoCapacitacion').text(),
                $('#campoCapacitacionMonto').text(),
                $('#campoCapacitacionOc').text(),
                '#campoCapacitacionPorcentaje',
                '#campoCapacitacionCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoCombustible').text(),
                $('#campoCombustibleMonto').text(),
                $('#campoCombustibleOc').text(),
                '#campoCombustiblePorcentaje',
                '#campoCombustibleCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoComsumoBasicos').text(),
                $('#campoComsumoBasicosMonto').text(),
                $('#campoComsumoBasicosOc').text(),
                '#campoComsumoBasicosPorcentaje',
                '#campoComsumoBasicosCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoCorrespondencia').text(),
                $('#campoCorrespondenciaMonto').text(),
                $('#campoCorrespondenciaOc').text(),
                '#campoCorrespondenciaPorcentaje',
                '#campoCorrespondenciaCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoEpp').text(),
                $('#campoEppMonto').text(),
                $('#campoEppOc').text(),
                '#campoEppPorcentaje',
                '#campoEppCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoEquiposHerramientas').text(),
                $('#campoEquiposHerramientasMonto').text(),
                $('#campoEquiposHerramientasOc').text(),
                '#campoEquiposHerramientasPorcentaje',
                '#campoEquiposHerramientasCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoExamenesPreOcupacionales').text(),
                $('#campoExamenesPreOcupacionalesMonto').text(),
                $('#campoExamenesPreOcupacionalesOc').text(),
                '#campoExamenesPreOcupacionalesPorcentaje',
                '#campoExamenesPreOcupacionalesCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoFletes').text(),
                $('#campoFletesMonto').text(),
                $('#campoFletesOc').text(),
                '#campoFletesPorcentaje',
                '#campoFletesCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoGastoEventoEmpresa').text(),
                $('#campoGastoEventoEmpresaMonto').text(),
                $('#campoGastoEventoEmpresaOc').text(),
                '#campoGastoEventoEmpresaPorcentaje',
                '#campoGastoEventoEmpresaCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoGastoReembolsables').text(),
                $('#campoGastoReembolsablesMonto').text(),
                $('#campoGastoReembolsablesOc').text(),
                '#campoGastoReembolsablesPorcentaje',
                '#campoGastoReembolsablesCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoGastoVariosMenores').text(),
                $('#campoGastoVariosMenoresMonto').text(),
                $('#campoGastoVariosMenoresOc').text(),
                '#campoGastoVariosMenoresPorcentaje',
                '#campoGastoVariosMenoresCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoHonorariosProfesionales').text(),
                $('#campoHonorariosProfesionalesMonto').text(),
                $('#campoHonorariosProfesionalesOc').text(),
                '#campoHonorariosProfesionalesPorcentaje',
                '#campoHonorariosProfesionalesCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoInsumosComputacionales').text(),
                $('#campoInsumosComputacionalesMonto').text(),
                $('#campoInsumosComputacionalesOc').text(),
                '#campoInsumosComputacionalesPorcentaje',
                '#campoInsumosComputacionalesCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoMantencionReparacionEquipos').text(),
                $('#campoMantencionReparacionEquiposMonto').text(),
                $('#campoMantencionReparacionEquiposOc').text(),
                '#campoMantencionReparacionEquiposPorcentaje',
                '#campoMantencionReparacionEquiposCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoMantencionReparacionVehiculos').text(),
                $('#campoMantencionReparacionVehiculosMonto').text(),
                $('#campoMantencionReparacionVehiculosOc').text(),
                '#campoMantencionReparacionVehiculosPorcentaje',
                '#campoMantencionReparacionVehiculosCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoMantencionVarias').text(),
                $('#campoMantencionVariasMonto').text(),
                $('#campoMantencionVariasOc').text(),
                '#campoMantencionVariasPorcentaje',
                '#campoMantencionVariasCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoMantencionReparacionFaena').text(),
                $('#campoMantencionReparacionFaenaMonto').text(),
                $('#campoMantencionReparacionFaenaOc').text(),
                '#campoMantencionReparacionFaenaPorcentaje',
                '#campoMantencionReparacionFaenaCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoMaterialesUtilizadosFaena').text(),
                $('#campoMaterialesUtilizadosFaenaMonto').text(),
                $('#campoMaterialesUtilizadosFaenaOc').text(),
                '#campoMaterialesUtilizadosFaenaPorcentaje',
                '#campoMaterialesUtilizadosFaenaCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoPasajeAereoPersonal').text(),
                $('#campoPasajeAereoPersonalMonto').text(),
                $('#campoPasajeAereoPersonalOc').text(),
                '#campoPasajeAereoPersonalPorcentaje',
                '#campoPasajeAereoPersonalCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoPeajesTag').text(),
                $('#campoPeajesTagMonto').text(),
                $('#campoPeajesTagOc').text(),
                '#campoPeajesTagPorcentaje',
                '#campoPeajesTagCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoRedFijaInternet').text(),
                $('#campoRedFijaInternetMonto').text(),
                $('#campoRedFijaInternetOc').text(),
                '#campoRedFijaInternetPorcentaje',
                '#campoRedFijaInternetCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoRedMovil').text(),
                $('#campoRedMovilMonto').text(),
                $('#campoRedMovilOc').text(),
                '#campoRedMovilPorcentaje',
                '#campoRedMovilCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoSegurosActivos').text(),
                $('#campoSegurosActivosMonto').text(),
                $('#campoSegurosActivosOc').text(),
                '#campoSegurosActivosPorcentaje',
                '#campoSegurosActivosCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoSegurosAp').text(),
                $('#campoSegurosApMonto').text(),
                $('#campoSegurosApOc').text(),
                '#campoSegurosApPorcentaje',
                '#campoSegurosApCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoSeguroAsientoPasajero').text(),
                $('#campoSeguroAsientoPasajeroMonto').text(),
                $('#campoSeguroAsientoPasajeroOc').text(),
                '#campoSeguroAsientoPasajeroPorcentaje',
                '#campoSeguroAsientoPasajeroCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoSeguroVida').text(),
                $('#campoSeguroVidaMonto').text(),
                $('#campoSeguroVidaOc').text(),
                '#campoSeguroVidaPorcentaje',
                '#campoSeguroVidaCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoSegurosRespCivilEmpresa').text(),
                $('#campoSegurosRespCivilEmpresaMonto').text(),
                $('#campoSegurosRespCivilEmpresaOc').text(),
                '#campoSegurosRespCivilEmpresaPorcentaje',
                '#campoSegurosRespCivilEmpresaCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoSegurosRespCivilVehiculos').text(),
                $('#campoSegurosRespCivilVehiculosMonto').text(),
                $('#campoSegurosRespCivilVehiculosOc').text(),
                '#campoSegurosRespCivilVehiculosPorcentaje',
                '#campoSegurosRespCivilVehiculosCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoServiciosTerceros').text(),
                $('#campoServiciosTercerosMonto').text(),
                $('#campoServiciosTercerosOc').text(),
                '#campoServiciosTercerosPorcentaje',
                '#campoServiciosTercerosCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoServicioRadioPortatiles').text(),
                $('#campoServicioRadioPortatilesMonto').text(),
                $('#campoServicioRadioPortatilesOc').text(),
                '#campoServicioRadioPortatilesPorcentaje',
                '#campoServicioRadioPortatilesCumplimientoOferta');

            mostrarPorcentaje(
                $('#campoTrasladoPersonal').text(),
                $('#campoTrasladoPersonalMonto').text(),
                $('#campoTrasladoPersonalOc').text(),
                '#campoTrasladoPersonalPorcentaje',
                '#campoTrasladoPersonalCumplimientoOferta');

        }

        function mostrarPorcentaje(valorOpex, valorMonto, valorContable, elementoPorcentaje, elementoCumplimiento) {
            $(elementoPorcentaje).text('');
            $(elementoCumplimiento).text('').css('background-color', '').css('color', '');

            var numOpex = convertirANumero(valorOpex.trim() === '' ? '0' : valorOpex);
            var numContable = convertirANumero(valorContable.trim() === '' ? '0' : valorContable);
            var numMonto = convertirANumero(valorMonto.trim() === '' ? '0' : valorMonto);

            var idElemento = $(elementoCumplimiento).attr('id');

            var camposCostos = [
                'campoRemuneracionCumplimientoOferta',
                'campoAlojamientoCumplimientoOferta',
                'campoAlimentancionCumplimientoOferta',
                'campoArriendoEquiposCumplimientoOferta',
                'campoArriendoInmuebleCumplimientoOferta',
                'campoArriendoVehiculosCumplimientoOferta',
                'campoArticulosOficinasCumplimientoOferta',
                'campoCapacitacionCumplimientoOferta',
                'campoCombustibleCumplimientoOferta',
                'campoComsumoBasicosCumplimientoOferta',
                'campoCorrespondenciaCumplimientoOferta',
                'campoEppCumplimientoOferta',
                'campoEquiposHerramientasCumplimientoOferta',
                'campoExamenesPreOcupacionalesCumplimientoOferta',
                'campoFletesCumplimientoOferta',
                'campoGastoEventoEmpresaCumplimientoOferta',
                'campoGastoReembolsablesCumplimientoOferta',
                'campoGastoVariosMenoresCumplimientoOferta',
                'campoHonorariosProfesionalesCumplimientoOferta',
                'campoInsumosComputacionalesCumplimientoOferta',
                'campoMantencionReparacionEquiposCumplimientoOferta',
                'campoMantencionReparacionVehiculosCumplimientoOferta',
                'campoMantencionVariasCumplimientoOferta',
                'campoMantencionReparacionFaenaCumplimientoOferta',
                'campoMaterialesUtilizadosFaenaCumplimientoOferta',
                'campoPasajeAereoPersonalCumplimientoOferta',
                'campoPeajesTagCumplimientoOferta',
                'campoRedFijaInternetCumplimientoOferta',
                'campoRedMovilCumplimientoOferta',
                'campoSegurosActivosCumplimientoOferta',
                'campoSegurosApCumplimientoOferta',
                'campoSeguroAsientoPasajeroCumplimientoOferta',
                'campoSeguroVidaCumplimientoOferta',
                'campoSegurosRespCivilEmpresaCumplimientoOferta',
                'campoSegurosRespCivilVehiculosCumplimientoOferta',
                'campoServiciosTercerosCumplimientoOferta',
                'campoServicioRadioPortatilesCumplimientoOferta',
                'campoTrasladoPersonalCumplimientoOferta'
            ];

            var camposIngresos = [
                'campoIngresoCumplimientoOferta',
                'campoOtrosIngresosCumplimientoOferta'
            ];

            var campoTotalIngresos = [
                'campoTotalIngresosCumplimientoOferta'
            ];

            var campoTotalPresupuesto = [
                'campoTotalPresupuestoCumplimientoOferta'
            ];

            var campoResultadoAnteDeProvisiones = [
                'campoResultadoAnteDeProvisionesCumplimientoOferta'
            ];

            var campoProvisionIasYVacaciones = [
                'campoProvisionIasYVacacionesCumplimientoOferta'
            ];

            var camporeRultadoOperacionalAntesImpuesto = [
                'camporeRultadoOperacionalAntesImpuestoCumplimientoOferta'
            ];

            var campoProvisionImpuesto = [
                'campoProvisionImpuestoCumplimientoOferta'
            ];

            var campoResultadoNeto = [
                'campoResultadoNetoCumplimientoOferta'
            ];

            if (numOpex === 0 || numContable === 0) {
                var mensajeNaN = 'NaN%';
                var mensajeTipo = 'NO APLICA';
                var colorFondo = '#c7c7c7c9';

                if (camposCostos.includes(idElemento)) {
                    if (numOpex === 0 && numContable !== 0) {
                        mensajeTipo = 'Costos mayores al ppto.';
                        colorFondo = '#ea9999';
                    } else if (numOpex !== 0 && numContable === 0) {
                        mensajeTipo = 'Costos menores al ppto.';
                        colorFondo = '#b6d7a8';
                    }
                } else if (camposIngresos.includes(idElemento)) {
                    if (numOpex === 0 && numContable !== 0) {
                        mensajeTipo = 'Ingresos mayores al ppto.';
                        colorFondo = '#ea9999';
                    } else if (numOpex !== 0 && numContable === 0) {
                        mensajeTipo = 'Ingresos menores al ppto.';
                        colorFondo = '#b6d7a8';
                    }
                } else if (campoTotalIngresos.includes(idElemento)) {
                    if (numOpex === 0 && numContable !== 0) {
                        mensajeTipo = 'Ingresos mayores al ppto.';
                        colorFondo = '#ea9999';
                    } else if (numOpex !== 0 && numContable === 0) {
                        mensajeTipo = 'Ingresos menores al ppto.';
                        colorFondo = '#b6d7a8';
                    }
                } else if (campoTotalPresupuesto.includes(idElemento)) {
                    if (numOpex === 0 && numContable !== 0) {
                        mensajeTipo = 'Presupuesto mayor al ppto.';
                        colorFondo = '#ea9999';
                    } else if (numOpex !== 0 && numContable === 0) {
                        mensajeTipo = 'Presupuesto menor al ppto.';
                        colorFondo = '#b6d7a8';
                    }
                } else if (campoResultadoAnteDeProvisiones.includes(idElemento)) {
                    if (numOpex === 0 && numContable !== 0) {
                        mensajeTipo = 'Resultado antes de provisiones mayor al ppto.';
                        colorFondo = '#ea9999';
                    } else if (numOpex !== 0 && numContable === 0) {
                        mensajeTipo = 'Resultado antes de provisiones menor al ppto.';
                        colorFondo = '#b6d7a8';
                    }
                } else if (campoProvisionIasYVacaciones.includes(idElemento)) {
                    if (numOpex === 0 && numContable !== 0) {
                        mensajeTipo = 'Provisión ias y vacaciones mayor al ppto.';
                        colorFondo = '#ea9999';
                    } else if (numOpex !== 0 && numContable === 0) {
                        mensajeTipo = 'Provisión ias y vacaciones menor al ppto.';
                        colorFondo = '#b6d7a8';
                    }
                } else if (camporeRultadoOperacionalAntesImpuesto.includes(idElemento)) {
                    if (numOpex === 0 && numContable !== 0) {
                        mensajeTipo = 'Resultado operacional antes de impuesto mayor al ppto.';
                        colorFondo = '#ea9999';
                    } else if (numOpex !== 0 && numContable === 0) {
                        mensajeTipo = 'Resultado operacional antes de impuesto menor al ppto.';
                        colorFondo = '#b6d7a8';
                    }
                } else if (campoProvisionImpuesto.includes(idElemento)) {
                    if (numOpex === 0 && numContable !== 0) {
                        mensajeTipo = 'Provisión impuesto mayor al ppto.';
                        colorFondo = '#ea9999';
                    } else if (numOpex !== 0 && numContable === 0) {
                        mensajeTipo = 'Provisión impuesto menor al ppto.';
                        colorFondo = '#b6d7a8';
                    }
                } else if (campoResultadoNeto.includes(idElemento)) {
                    if (numOpex === 0 && numContable !== 0) {
                        mensajeTipo = 'Resultado neto mayor al ppto.';
                        colorFondo = '#ea9999';
                    } else if (numOpex !== 0 && numContable === 0) {
                        mensajeTipo = 'Resultado neto menor al ppto.';
                        colorFondo = '#b6d7a8';
                    }
                }

                $(elementoPorcentaje).text(mensajeNaN);
                $(elementoCumplimiento).css('background-color', colorFondo).css('color', '#000').text(mensajeTipo);
                return;
            }

            var porcentaje = (numMonto / numOpex) * 100;
            porcentaje = Math.round(porcentaje);

            $(elementoPorcentaje).text(porcentaje + '%');

            var mensaje = '';
            var colorFondo = '';

            if ($(elementoCumplimiento).attr('id') === 'campoTotalIngresosCumplimientoOferta') {
                if (porcentaje > 0) {
                    mensaje = 'Total ingreso mayores al ppto.';
                    colorFondo = '#b6d7a8';
                } else if (porcentaje < 0) {
                    mensaje = 'Total ingreso menores al ppto.';
                    colorFondo = '#ea9999';
                } else {
                    mensaje = 'Total ingreso igual al ppto.';
                    colorFondo = '#ffe599';
                }
            } else if ($(elementoCumplimiento).attr('id') === 'campoTotalPresupuestoCumplimientoOferta') {
                if (porcentaje > 0) {
                    mensaje = 'Total costos directos del servicio mayores al ppto.';
                    colorFondo = '#b6d7a8';
                } else if (porcentaje < 0) {
                    mensaje = 'Total costos directos del servicio menores al ppto.';
                    colorFondo = '#ea9999';
                } else {
                    mensaje = 'Total costos directos del servicio igual al ppto.';
                    colorFondo = '#ffe599';
                }
            } else if ($(elementoCumplimiento).attr('id') === 'campoResultadoAnteDeProvisionesCumplimientoOferta') {
                if (porcentaje > 0) {
                    mensaje = 'Resultado (antes de provisiones) mayores al ppto.';
                    colorFondo = '#b6d7a8';
                } else if (porcentaje < 0) {
                    mensaje = 'Resultado (antes de provisiones) menores al ppto.';
                    colorFondo = '#ea9999';
                } else {
                    mensaje = 'Resultado (antes de provisiones) igual al ppto.';
                    colorFondo = '#ffe599';
                }
            } else if ($(elementoCumplimiento).attr('id') === 'campoProvisionIasYVacacionesCumplimientoOferta') {
                if (porcentaje > 0) {
                    mensaje = 'Provisión ias y vacaciones mayores al ppto.';
                    colorFondo = '#b6d7a8';
                } else if (porcentaje < 0) {
                    mensaje = 'Provisión ias y vacaciones menores al ppto.';
                    colorFondo = '#ea9999';
                } else {
                    mensaje = 'Provisión ias y vacaciones igual al ppto.';
                    colorFondo = '#ffe599';
                }
            } else if ($(elementoCumplimiento).attr('id') === 'camporeRultadoOperacionalAntesImpuestoCumplimientoOferta') {
                if (porcentaje > 0) {
                    mensaje = 'Resultado operacional antes impuesto mayores al ppto.';
                    colorFondo = '#b6d7a8';
                } else if (porcentaje < 0) {
                    mensaje = 'Resultado operacional antes impuesto menores al ppto.';
                    colorFondo = '#ea9999';
                } else {
                    mensaje = 'Resultado operacional antes impuesto igual al ppto.';
                    colorFondo = '#ffe599';
                }
            } else if ($(elementoCumplimiento).attr('id') === 'campoProvisionImpuestoCumplimientoOferta') {
                if (porcentaje > 0) {
                    mensaje = 'Provisión impuesto mayores al ppto.';
                    colorFondo = '#b6d7a8';
                } else if (porcentaje < 0) {
                    mensaje = 'Provisión impuesto menores al ppto.';
                    colorFondo = '#ea9999';
                } else {
                    mensaje = 'Provisión impuesto igual al ppto.';
                    colorFondo = '#ffe599';
                }
            } else if ($(elementoCumplimiento).attr('id') === 'campoResultadoNetoCumplimientoOferta') {
                if (porcentaje > 0) {
                    mensaje = 'Resultado neto mayores al ppto.';
                    colorFondo = '#b6d7a8';
                } else if (porcentaje < 0) {
                    mensaje = 'Resultado neto menores al ppto.';
                    colorFondo = '#ea9999';
                } else {
                    mensaje = 'Resultado neto igual al ppto.';
                    colorFondo = '#ffe599';
                }
            } else if ($(elementoCumplimiento).attr('id') === 'campoIngresoCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoOtrosIngresosCumplimientoOferta') {
                if (porcentaje > 0) {
                    mensaje = 'Ingreso mayores al ppto.';
                    colorFondo = '#b6d7a8';
                } else if (porcentaje < 0) {
                    mensaje = 'Ingreso menores al ppto.';
                    colorFondo = '#ea9999';
                } else {
                    mensaje = 'Ingreso igual al ppto.';
                    colorFondo = '#ffe599';
                }
            } else if ($(elementoCumplimiento).attr('id') === 'campoRemuneracionCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoAlojamientoCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoAlimentancionCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoArriendoEquiposCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoArriendoInmuebleCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoArriendoVehiculosCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoArticulosOficinasCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoCapacitacionCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoCombustibleCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoComsumoBasicosCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoCorrespondenciaCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoCorrespondenciaCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoEppCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoEquiposHerramientasCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoExamenesPreOcupacionalesCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoFletesCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoGastoEventoEmpresaCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoGastoReembolsablesCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoGastoVariosMenoresCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoHonorariosProfesionalesCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoInsumosComputacionalesCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoMantencionReparacionEquiposCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoMantencionReparacionVehiculosCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoMantencionVariasCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoMantencionReparacionFaenaCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoMaterialesUtilizadosFaenaCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoPasajeAereoPersonalCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoPeajesTagCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoRedFijaInternetCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoRedMovilCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoSegurosActivosCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoSegurosApCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoSeguroAsientoPasajeroCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoSeguroVidaCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoSegurosRespCivilEmpresaCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoSegurosRespCivilVehiculosCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoServiciosTercerosCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoServicioRadioPortatilesCumplimientoOferta' ||
                $(elementoCumplimiento).attr('id') === 'campoTrasladoPersonalCumplimientoOferta') {
                if (porcentaje > 0) {
                    mensaje = 'Costos mayores al ppto.';
                    colorFondo = '#ea9999';
                } else if (porcentaje < 0) {
                    mensaje = 'Costos menores al ppto.';
                    colorFondo = '#b6d7a8';
                } else {
                    mensaje = 'Costos igual al ppto.';
                    colorFondo = '#ffe599';
                }
            }

            $(elementoCumplimiento).css('background-color', colorFondo).css('color', '#000').text(mensaje);
        }
    </script>
@stop