<div class="table">
    <div class="tableRow" style="height: 10%">
        <div class="tableCell">
             
             <p class="titlePage"> Reporte </p>
             
        </div>
    </div>
    
    <div class="tableRow" id="principalDiv" style="visibility: hidden;">
        <div class="tableCell">
            
                <div class=centeredImage style="height: 100%">
                    <div class="headerFilter">
                        
                        <div class="inputsContainer" style="display: table; width: 100%; 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" selected>Fee obtenido en un período de tiempo bajo convenio</option>
                                    <option value="inform2">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="headerTableCurrencies tabtext tabselect bottomTable">
                                        
                                        <div class="inputContainer selectorbox1">
                                            <input class="inputRow inputElement" placeholder="0" type="text" id="feeInput" name="feeInput" autocomplete="off" style="border: none; width: 88%; text-indent: 15px; text-align: right; padding-right: 15px"> 
                                            <p class="feeP">Comisión (%)</p>
                                        </div>
                                        
                                        <!--<div class="inputContainer selectorbox1">
                                            <input class="inputRow inputElement" placeholder="#BancoExterior" type="text" id="feeTag" name="feeTag" autocomplete="off" style="border: none; width: 100%"> 
                                        </div>-->
                                        
                                        <div class="groupTagNatural selectorbox1" id="groupTagNatural" style="contain:none"> 
                                            <input id="feeTag" type="tags" placeholder="#Etiquetas" style="outline: none; border: none; width: 100%" class="inputRow inputElement"> 
                                            
                                            <!--RESULTADOS DE BUSQUEDA-->
                                            <div class="noShow searchResult" id="searchResult">
                                                <ul class="resultsC" id="resultsC">
                                                </ul>
                                            </div>
                                        </div>
                                        
                                        <div class="inputContainer selectorbox1" style="padding-left: 8px">
                                            <input class="inputRow inputElement unstyled" type="date" id="addDate" name="addDate" style="border: none; width: 100%">
                                            <div class="iconContainerArrow" style="right: -3%; bottom: 35%; z-index: 1; display: block">
                                                <i class="fas fa-calendar-alt" id="arrowRegisterFilter1"></i>
                                            </div>
                                        </div>
                                        <div class="inputContainer selectorbox1">
                                            <input class="inputRow inputElement unstyled" type="date" id="addDate1" name="addDate1" style="border: none; width: 100%">
                                            <div class="iconContainerArrow"  style="right: -3%; bottom: 35%; z-index: 1; display: block">
                                                <i class="fas fa-calendar-alt" id="arrowRegisterFilter2"></i>
                                            </div>
                                        </div>
                                        <div class="inputContainer selectorbox1">
                                            <select class="inputElement selectOrderBy" id="cmsFilter" name="cmsFilter" style="border: none; width: 100%"> 
                                                <option value="1" selected style="font-size: 13px">Ascendente</option>
                                                <option value="-1" >Descendente</option>
                                            </select>
                                            <div class="iconContainerArrow">
                                                <i class="fas fa-caret-down" id="arrowRegisterFilter"></i>
                                            </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>
                                                
                                                <!-- Accounts  children[1]-->
                                                <div class="curAc">
                                                    <div class="acInf">
                                                        <!-- Currency -->
                                                        <div class="tableInfCurrency">
                                                            <p> <span class="tableInfNamePrincipal">Bitcoin  - </span>  <span class="spanIcon" style="background-image:url('./img/01 Regular BW/SVG/Bitcoin.svg');"></span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <span>  BTC </span> &nbsp;&nbsp;&nbsp; (Creación del wallet el 15/12/2020) </p>
                                                        </div>
                                                        <!-- Table -->
                                                        <div class="tableTable">
                                                            <div class="headlist">
                                                                <div class="cell1">
                                                                    <span class="colHead"> Fecha  de intercambio </span>
                                                                </div>
                                                                    
                                                                <div class="cell2">
                                                                    <span class="colHead"> Ref. </span>    
                                                                </div>
                                                                
                                                                <div class="cell3">
                                                                    <span class="colHead"> Par </span>    
                                                                </div>
                                                                    
                                                                <div class="cell4">
                                                                    <span class="colHead"> Tipo </span>    
                                                                </div>
                                                                <div class="cell5">
                                                                    <span class="colHead"> # Orden </span>    
                                                                </div>
                                                                
                                                                <div class="cell6">
                                                                    <span class="colHead"> Comisión </span>    
                                                                </div>
                                                                    
                                                                <div class="cell7">
                                                                    <span class="colHead"> Monto Fee con % </span>    
                                                                </div>
                                                            </div>
                                                            <div class="feesTTT">
                                                                <div class="tableLine">
                                                                    <div class="cell1">
                                                                        <div class="divCellCnt">
                                                                            <span class="dateInput">15/12/2020</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="cell2">
                                                                        <div class="divCellCnt">
                                                                            <span id="inputSymbol0">123</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="cell3">
                                                                        <div class="divCellCnt">
                                                                            <span id="inputSymbol0">BTC/VES</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="cell4">
                                                                        <div class="divCellCnt">
                                                                            <span id="inputSymbol0">Compra</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="cell5">
                                                                        <div class="divCellCnt">
                                                                            <span id="inputSymbol0">210134</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="cell6">
                                                                        <div class="divCellCnt">
                                                                            <span id="inputSymbol0">0,01</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="cell7">
                                                                        <div class="divCellCnt">
                                                                            <span id="inputSymbol0">0,0005</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div>
                                                                    <div class="tableLine tableSubtotal">
                                                                        <div class="cellSubtotal1">
                                                                            <div class="divCellCnt">
                                                                                <span>Subtotal Bitcoin</span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="cellSubtotal2">
                                                                            <div class="divCellCnt">
                                                                                <span>0,0105</span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="cellSubtotal3">
                                                                            <div class="divCellCnt">
                                                                                <span>0,00525</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Subtotal  children[2]-->
                                                <div>
                                                    <div>
                                                        <div class="tableLine tableSubtotalPerson">
                                                            <div class="cellSubtotalPerson1">
                                                                <div class="divCellCnt">
                                                                    <div style="display: table-cell; width: 100%">
                                                                        <span class="tagNameSubt" style="text-align: left;margin-left: 16px;width: calc(100% - 20px);"></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="cellSubtotalPerson2 totalsClassS">
                                                                <div style="display:table; width: 100%; height: 38px;">
                                                                    <div class="divCellCnt" style="border-right: 1px solid white !important; vertical-align: middle;">
                                                                        <div style="display: table; width: 100%">
                                                                            <div style="display: table-cell;">
                                                                                <span style="text-align: left;margin-left: 16px;">Petro</span>
                                                                            </div>
                                                                            <div style="display: table-cell;">
                                                                                <span style="display: initial;padding-right: 10px;">0,00525000</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="divCellCnt" style="vertical-align: middle;">
                                                                        <div style="display: table; width: 100%">
                                                                            <div style="display: table-cell;">
                                                                                <span style="text-align: left;margin-left: 16px;">VES</span>
                                                                            </div>
                                                                            <div style="display: table-cell;">
                                                                                <span style="display: initial;padding-right: 10px;">0,00</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>  
                                        <div class="tableInf">
                                            <div>
                                                <div>
                                                    <div class="tableLine tableSubtotalPerson">
                                                        <div class="cellSubtotalPerson1">
                                                            <div class="divCellCnt">
                                                                <div style="display: table-cell; width: 100%">
                                                                    <span id="tagName" style="text-align: left;margin-left: 16px; width: calc(100% - 20px);"></span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="cellSubtotalPerson2" id="totalsClass">
                                                            <div style="display:table; width: 100%; height: 38px;">
                                                                <div class="divCellCnt" style="border-right: 1px solid white !important; vertical-align: middle;">
                                                                    <div style="display: table; width: 100%">
                                                                        <div style="display: table-cell;">
                                                                            <span style="text-align: left;margin-left: 16px;"></span>
                                                                        </div>
                                                                        <div style="display: table-cell;">
                                                                            <span style="display: initial;padding-right: 10px;"></span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="divCellCnt" style="vertical-align: middle;">
                                                                    <div style="display: table; width: 100%">
                                                                        <div style="display: table-cell;">
                                                                            <span style="text-align: left;margin-left: 16px;"></span>
                                                                        </div>
                                                                        <div style="display: table-cell;">
                                                                            <span style="display: initial;padding-right: 10px;"></span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div>
                                                <div>
                                                    <div class="tableLine tableSubtotalPerson" style="border-top: 1px solid white;">
                                                        <div class="cellSubtotalFinal1">
                                                            <div class="divCellCnt">
                                                                <span id="inputName0">Total Bolívares a pagar FEE</span>
                                                            </div>
                                                        </div>
                                                        <div class="cellSubtotalFinal2">
                                                            <div class="divCellCnt">
                                                                <span id="totalVESinffee"></span>
                                                            </div>
                                                        </div>
                                                        <div class="cellSubtotalFinal3">
                                                            <div class="divCellCnt">
                                                                <span id="inputSymbol0">Nota: Considerando tasas de cambio indicadas por usuario en input</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </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">