<div class="table">
    <div class="tableRow" style="height: 10%">
        <div class="tableCell">
            <p class="titlePage">Integración Contable</p>
        </div>
    </div>
    
    <div class="tableRow" id="principalDiv">
        <div class="tableCell">
                <div class=centeredImage style="height: 100%">
                    <div class="headerFilter">
                        <div class="blockSubTit">
                            <div class="inputsContainer">
                                <p class="subtitlePage">Reporte</p>
                            </div>
                        </div>
                        <div class="headerTableCurrencies datesTblCnt">
                            <div class="inputContainer selectorbox1" style="padding-left: 10px;padding-right:10px;">
                                <input class="inputRow inputElement unstyled" type="date" id="addDate" name="addDate" style="border: none;width: calc(100% - 15px);display: block;">
                                <div class="iconContainerArrow" style="right: 25px;bottom: 35%;z-index: 1;display: block;">
                                    <i class="fas fa-calendar-alt" id="arrowRegisterFilter1"></i>
                                </div>
                            </div>
                            <div class="inputContainer selectorbox1" style="padding-left: 10px;padding-right:10px;">
                                <input class="inputRow inputElement unstyled" type="date" id="addDate1" name="addDate1" style="border: none;width: calc(100% - 15px);display: block;">
                                <div class="iconContainerArrow"  style="right: 25px;bottom: 35%;z-index: 1;display: block;">
                                    <i class="fas fa-calendar-alt" id="arrowRegisterFilter2"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="tableContainer">
                        <div class="rowContainer" style="height: 80%">
                            <div class="cellCnt">
                                <div class="tableCurrencies">
                                    <div id="noServiceTable" class="noText">
                                        <p class="noText">Ingrese los datos necesarios para generar el reporte</p>
                                    </div>
                                    <div id="serviceTable" style="position:relative;display:none">
                                        <div class="downCnt">
                                            <div style="display: table-cell; width: calc(100% - 45px); vertical-align: middle;">
                                                <p class="infT" id="infT">
                                                </p>
                                            </div>
                                            <div style="display: table-cell; width: 45px; vertical-align: middle;">
                                                 <div class="circledown" id="downloadData" >
                                                    <i class="fa fa-download" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="cntCurr"></div>
                                    </div>
                                    
                                    <p id="messageApi" ></p>
                                    <div class="bodyTableCurrencies" id="bodyTableCurrencies" style="display: none;">
                                        <div class="rowCurrencieNoDefine" style="display: none" id="noCurrencieDefine">
                                            <p id="msgInTable"> msg Error </p>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                            
                        </div>
                    </div>
                    <!-- The Modal -->
                    <div id="myModal" class="modal delete">
                    
                      <!-- Modal content -->
                      <div class="modal-content delete">
                          <div class="headerModal" > 
                            <span></span>
                            <span id="closeModal">&times;</span>
                            
                          </div>
                        <div class="bodyModal">
                            
                            <p style="margin-bottom:10px"><b style="font-size:190%">Descargar Reporte <span id="countryDelete"></span></b></p>
                            <p>Seleccione el formato en que desea descargar el reporte generado</p>
                        </div>
                        <div class="footerModal" align="center">
                            <button id="downloadExcel"  align="center" class="aligndelete buttonAceptModal"> DOCUMENTO EXCEL </button>
                            <button id="downloadXml"  align="center" class="aligndelete buttonAceptModal"> DOCUMENTO XML </button>
                        </div>
                        
                      </div>
                    
                    </div>
                </div>
            
        </div>
    </div>
</div>
<input type="hidden" id="txid">