<div class="table">
    <div class="tableRow" style="height: 10%">
        <div class="tableCell">
             
             <p class="titlePage"> Reporte </p>
             
        </div>
    </div>
    
    <div class="tableRow" id="principalDiv">
        <div class="tableCell">
            
                <div class=centeredImage style="height: 100%">
                    <div class="headerFilter">
                        
                        <div class="inputsContainer" style="display: table; width: 50%; text-align: right;">
                            
                            <div class="inputContainer tabtext" style="display: table-cell; width: 50%;">
                                <select class="inputElement selectOrderBy" id="informsList" style="border: none; width: 100%;"> 
                                    <option value="0" disabled>Seleccione</option>
                                    <option value="inform1">Fee obtenido en un período de tiempo bajo convenio</option>
                                    <option value="inform2" selected>Expediente digital de usuario</option>
                                </select>
                                <div class="iconContainerArrow">
                                    <i class="fas fa-caret-down" id="arrowOrderBy"></i>
                                </div>
                            </div>
                            
                            <!--
                           <div class="inputContainer" style="display: table-cell; width: 50%;">
                               <label for="search" class="ordered"> Buscar </label>
                                <input class="inputElement searching" type="text" id="search" name="search" style="border: none; width: 50%;"> 
                                <div class="iconContainerSearch">
                                    <i class="fas fa-search" id="iconSearch"></i>
                                </div>
                            </div>-->
                        </div>
                    </div>
                    
                    <div class="tableContainer">
                        <div class="rowContainer" style="height: 80%">
                            <div class="cellCnt">
                                <div class="tableCurrencies">
                                    
                                    <div class="tabtext tabselect bottomTable">
                                        
                                        <div class="inputContainer selectorbox1">
                                            <input class="inputRow inputElement" placeholder="Buscar Usuario" type="text" id="emailUser" autocomplete="off"> 
                                            <div class="iconContainerSearch">
                                                <i class="fas fa-search" id="iconSearch"></i>
                                            </div>
                                            <!--RESULTADOS DE BUSQUEDA-->
                                            <div class="noShow searchResult" id="searchResult">
                                                <ul class="resultsC" id="resultsC">
                                                </ul>
                                            </div>
                                        </div>
                                        
                                        <div class="inputContainer selectorbox1" id="identification">
                                            <input class="inputRow inputElement" placeholder="Identificación..." type="text" id="doc" autocomplete="off"> 
                                            <div class="iconContainerSearch">
                                                <i class="fas fa-search" id="iconSearch"></i>
                                            </div>
                                            <!--RESULTADOS DE BUSQUEDA-->
                                            <div class="noShow searchResult" id="searchResultByDoc">
                                                <ul class="resultsC" id="resultsByDoc">
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="noServiceTable" class="noText">
                                        <p class="noText">Ingrese los datos necesarios para generar el reporte</p>
                                    </div>
                                    
                                    <div id="serviceTable" style="display: none">
                                        <div style="display: table; width: 94%; padding: 0% 3%;margin-top: 5px;">
                                            <div style="display: table-cell; width: calc(100% - 45px); vertical-align: middle; height: 45px;">
                                                <p class="infT" id="infT">
                                                </p>
                                            </div>
                                            <div style="display: table-cell; width: 45px; vertical-align: middle;">
                                                 <div class="circledown" id="downloadData" style="width: 45px;">
                                                    <i class="fa fa-download blue" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="reportImp">
                                            <div class="tableInf">
                                                <div class="tableInfName">
                                                    <!--Name-->
                                                    <p></p>
                                                </div>
                                            </div>
                                        </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>
                </div>
            
        </div>
    </div>
</div>
<input type="hidden" id="txid">