<div class="waitScreen" id="waitScreen">
    <div class="spinChar">
        <i class="fas fa-circle-notch fa-spin"></i>
    </div>
</div>
<!-- HEADER --> 
 
<header>   
    <div class="container-div">
        <div class="bars headerd"> 
            <div class="innerheaderd"> 
                <i class="fas fa-bars innerbars" id="togglebar"></i> 
            </div>  
        </div>
        <div class="logo headerd">
            <div class="innerheaderd">
                <img class="logo-header" src="./img/afx-logo.png"> 
            </div>
        </div>
        <div class="menuLeft headerd ">
             <ul class="innerheaderd">
                <li><a class="poppins-bold" id="home">Inicio</a></li>
                <li><a class="poppins-regular" id="balance">Balance</a></li>
                <li><a class="poppins-regular" id="preferences">Preferencias</a></li>
            </ul> 
        </div>
        <div class="menuRight headerd">
            <ul class="innerheaderd">
                <li class="bar"><a class="rIconRefresh"><i class="fas fa-sync-alt" id="refreshButton"></i></a></li>
                <li class="bar"><a class="poppins-regular rtext" id="name"></a></li>
                <li class="bar"><a class="rIcon"><i class="fas fa-sign-out-alt" id="logouticon"></i></a></li>
                <li><a class="rIcon"><i class="fas fa-envelope"></i></a></li>
                <li><a class="poppins-bold rlanguage"><div id="langIcon"></div></a></li>
            </ul> 
        </div>
    </div>
</header> 

<div class="pageCnt">
    
    <!-- TOGGLE MOBILE -->
    
    <div id="addView2">
        <input id="example-element-toggle2" type="checkbox"/>
        <div id="example-toggled-element2">
            <div class="ete2div">
                <div class="ete2divName">
                    <li class="bar"><a class="poppins-regular rtext" id="name2"></a></li>
                </div>
                <div class="ete2divLogout">
                    <li class="bar"><a class="rIcon"><i class="fas fa-sign-out-alt" id="logouticon2"></i></a></li>
                </div>
            </div>
            <div>
                <li class="liR"><a class="poppins-bold rtext" id="homeR">Inicio</a></li>
            </div>
            <div>
                <li class="liR"><a class="poppins-regular rtext" id="balanceR">Balance</a></li>
            </div>
            <div>
                <li class="liR"><a class="poppins-regular rtext" id="preferencesR">Preferencias</a></li>
            </div>
        </div>
    </div>
    
    <!-- DASHBOARD --> 
    
    <div class="topCell"> 
        <div class="card">
            <div class="tableForm">
                
                <!-- FIRST COLUMN -->
                
                <div class="cellForm cellForm34 ccolumnOne" id="columnOne" >
                    
                    <!-- PRINCIPAL CARD -->
                    
                    <div class="miniCard principalMiniCard card1">
                        <div class="table100">
                            <div class="card1IconDiv">
                                <!--<img id="detailIcon">-->
                                <div class="icon"id="detailIcon"></div>
                            </div>
                            <div class="card1Inf">
                                <div class="card1NameDiv">
                                    <p class="roboto-bold" id="pairName"></p>
                                </div>
                                <div class="card1AmountDiv">
                                    <p class="roboto-regular" id="pairAmount"></p>
                                </div>
                            </div>
                        </div>
                        <div class="table100">
                            <hr class="card1hr">
                        </div>
                        <div class="card1info">
                            <div class="card1InfoLeft">
                                <p class="roboto-regular" id="pairVol"></p>
                            </div>
                            <div class="card1infoRight">
                                <p class="roboto-regular" id="pairPct"></p>
                            </div>
                        </div>
                        <div class="card1info">
                            <div class="card1InfoLeft">
                                <p class="roboto-regular" id="pairLow"></p>
                            </div>
                            <div class="card1infoRight">
                                <p class="roboto-regular" id="pairHigh" style="color: #D5DCE5;"></p>
                            </div>
                        </div>
                    </div>
                    
                    <!-- MARKERS -->
                    <div id="divCard2">
                        <div class="miniCard principalMiniCard card2" id="card2">
                            <div class="iconRightCard">
                                <i class="fas fa-minus-circle" id="iconRightCard2"></i>
                            </div>
                            <div class="table100">
                                <div class="MarkersTitleDiv">
                                    <p class="titleCardP poppins-bold" id="MARKERSTITLE">PARES DE INTERCAMBIO</p>
                                </div>
                            </div>
                            <div class="MarkersTableH">
                                <div class="MarkersTableHName">
                                    <p class="poppins-medium" id="mark1">Pares</p>
                                </div>
                                <div class="MarkersTableHULT">
                                    <p class="poppins-medium" id="mark2">Último Precio</p>
                                </div>
                                <div class="MarkersTableHH">
                                    <p class="poppins-medium" id="mark3">24H Variación</p>
                                </div>
                                <div class="MarkersTableHVol">
                                    <p class="poppins-medium" id="mark4">24H Volumen</p>
                                </div>
                            </div>
                            <div class="tableMarksCnt" id="tableMarksCnt">
                                <div class="MarkersTable parNoSelected">
                                    <!--<div class="MarkersTableImg">
                                        <img>
                                    </div>-->
                                    <div class="MarkersTableName">
                                        <p class="roboto-regular"></p>
                                    </div>
                                    <div class="MarkersTableULT">
                                        <p class="roboto-regular"></p>
                                    </div>
                                    <div Class="MarkersTableHHH">
                                        <p class="roboto-regular"></p>
                                    </div>
                                    <div class="MarkersTableVol">
                                        <p class="roboto-regular"></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    
                    <!-- PORTFOLIO -->
                    
                    <div class="miniCard principalMiniCard card3" id="card3">
                        <div class="iconRightCard">
                            <i class="fas fa-minus-circle" id="iconRightCard3"></i>
                        </div>
                        <div class="titleCardDivF mb10">
                            <div>
                                <p class="titleCardP poppins-bold" id="PORTFOLIO">PORTAFOLIO</p>
                            </div>
                        </div>
                        <div id='PortfolioName'>
                            <div class="cellFormStatic cellForm32 PortfolioName">
                                <p class="poppins-medium" id="portfolio1">Nombre</p>
                            </div>
                            <div class="cellFormStatic cellForm24 PortfolioName">
                                <p class="poppins-medium text-right" id="portfolio2">Cantidad</p>
                            </div>
                            <div class="cellFormStatic cellForm44 PortfolioName">
                                <p class="poppins-medium mr10 text-right" id="portfolio3">PCT</p>
                            </div>
                        </div>
                        <div class="scroll-box" id='PortfolioScroll'>
                            <div id="tablePortfolio" class="tablePortfolio">
                                <div class="tablePortfolioImg">
                                    <div class="icon-portfolio"></div>
                                </div>
                                <div class="tablePortfolioName">
                                    <p class="poppins-regular"></p>
                                </div>
                                <div class="tablePortfolioAmount">
                                    <p class="roboto-regular"></p>
                                </div>
                                <div class="tablePortfolioPTC">
                                    <p class="roboto-regular"></p>
                                </div>
                            </div>
                        </div>
                        <div id="totalPortfolio">
                            <div class="totalPortfolioP">
                                <p class="roboto-regular" id="totalIn">Total en</p>
                            </div>
                            <div class="totalPortfolioSelect">
                                <select name="select" id="totalPortfolioSel" class="roboto-regular">
                                </select>
                            </div>
                            <div class="totalPortfolioAmountT">
                                <p class="roboto-bold" id="totalPortfolioAmountTotal"></p>
                            </div>
                        </div>
                        <div id='PortfolioHr'>
                            <hr>
                        </div>
                        
                        <!-- CRYPTO -->
                        
                        <div id="BTCPortfolio">
                            <div class="TypePortfolioDiv">
                                <div class="TypePortfolioClose">
                                    <i class="fas fa-times-circle"></i>
                                </div>
                                <div class="TypePortfolioButton">
                                    <div class="button-submit">
                                        <button type="button" class="submit poppins-medium blueButton" id="addressBTC">DEPOSITAR <span>BTC</span></button>
                                     </div>
                                </div>
                                <div class="TypePortfolioButton">
                                    <div class="button-submit">
                                        <button type="button" class="submit poppins-medium blueButton" id="withdrawBTC">RETIRAR <span>BTC</span></button>
                                     </div>
                                </div>
                                <div class="TypePortfolioButton">
                                    <div class="button-submit">
                                        <button type="button" class="submit poppins-medium blueButton" id="transferBTC">TRANSFERIR <span>BTC</span> - AFX</button>
                                     </div>
                                </div>
                                <div class="TypePortfolioButton">
                                    <div class="button-submit">
                                        <button id="movButtonBTC" type="button" class="submit poppins-medium blueButton">MOVIMIENTOS <span>BTC</span></button>
                                     </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- FIAT -->
                        
                        <div id="FiatPortfolio">
                            <div class="TypePortfolioDiv">
                                <div class="TypePortfolioClose">
                                    <i class="fas fa-times-circle"></i>
                                </div>
                                <div class="TypePortfolioButton">
                                    <div class="button-submit">
                                        <button type="button" class="submit poppins-medium blueButton" id="depFiat">DEPOSITAR <span></span></button>
                                     </div>
                                </div>
                                <div class="TypePortfolioButton">
                                    <div class="button-submit">
                                        <button type="button" class="submit poppins-medium blueButton" id="withdrawFiat">RETIRAR <span></span></button>
                                     </div>
                                </div>
                                <div class="TypePortfolioButton">
                                    <div class="button-submit">
                                        <button id="movButtonVES" type="button" class="submit poppins-medium blueButton">MOVIMIENTOS <span></span></button>
                                     </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- DISABLED -->
                        
                        <div id="disabledPortfolio">
                            <div class="TypePortfolioDiv">
                                <div class="TypePortfolioClose">
                                    <i class="fas fa-times-circle"></i>
                                </div>
                                <div class="TypePortfolioButton">
                                    <div class="button-submit">
                                        <button id="movButtonDisabled" type="button" class="submit poppins-medium blueButton">MOVIMIENTOS <span></span></button>
                                     </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                    
                    <!-- EXCHANGE -->
                    
                    <div id="divCard7">
                        <div class="miniCard principalMiniCard card7" id="card7">
                            <div class="iconRightCard">
                                <i class="fas fa-minus-circle" id="iconRightCard7"></i>
                            </div>
                            <div class="titleCardDivF">
                                <div>
                                    <p class="titleCardP poppins-bold" id="EXCHANGESTitle">INTERCAMBIOS</p>
                                </div>
                            </div>
                            <div class="MarkersTitleDiv seeButtons">
                                <div class="tab">
                                    <button class="tablinks poppins-regular tablinksActive" id="exchangeSeeAll">Ver todas</button>
                                    <button class="tablinks poppins-regular" id="exchangeSeeMine">Ver propias</button>
                                </div>
                            </div>
                            
                            <div class="divTableExchange">
                                <div id="tableExchange">
                                    <table class="w100">
                                        <thead class="theadExchange"> 
                                            <tr>
                                                <th class="poppins-medium w10 textCenter tableH"></th>
                                                <th class="poppins-medium w30 textCenter tableH" id="exD">Fecha</th>
                                                <th class="poppins-medium w30 textRight tableH" >Total</th>
                                                <th class="poppins-medium w30 textRight tableH" id="exPr" >Precio</th>
                                            </tr>
                                        </thead> 
                                        <tbody class="tbodyExchange scroll-boxExchange">
                                            <tr>
                                                <td class="roboto-regular w10 textCenter tableC"></td>
                                                <td class="roboto-regular w30 textCenter tableC"></td>
                                                <td class="roboto-regular w30 textRight tableC"></td>
                                                <td class="roboto-regular w30 textRight tableC"></td>
                                            </tr>
                                        </tbody>
                                    </table> 
                                </div>
                            </div>
                            
                        </div>
                    </div>
                    
                </div>
                
                <!-- SECOND COLUMN -->
                
                <div class="cellForm cellForm66 columnTwo topCell" id="columnTwo">
                    
                    
                    <!-- MARKERS -->
                
                    <div class="miniCard principalMiniCard card5" id="card5">
                        <div class="iconRightCard">
                            <i class="fas fa-minus-circle" id="iconRightCard5"></i>
                        </div>
                        <div class="titleCardDivF">
                            <div>
                                <p class="titleCardP poppins-bold" id="CHARTtitle">GRÁFICA</p>
                            </div>
                        </div>
                        <div class="optionsMarkersDiv">
                            <div class="optionsMarkersT">
                                <p class="roboto-bold" id="charPair"></p>
                            </div>
                            <div class="MarkersTitleDiv">
                                <div class="tab">
                                  <button class="tablinks poppins-regular tablinksActive" id="chartSeeOne">1 Hr</button>
                                  <button class="tablinks poppins-regular" id="chartSeeTwo">4 Hrs</button>
                                  <button class="tablinks poppins-regular" id="chartSeeThree">24 Hrs</button>
                                </div>
                            </div>
                        </div>
                        
                        <div id="divCanva" style="width: 100%; display: table; height: 255px">
                            <!-- OLD -->
                            <canvas id="canvasId"></canvas>
                            <!--<canvas id ="chart"></canvas>-->
                        </div>
                    </div>
                    
                    <!-- BUY AND SELL -->
                    
                    <div id="divCard4">
                        <div class="miniCard principalMiniCard card4" id="card4">
                            <div class="iconRightCard">
                                <i class="fas fa-minus-circle" id="iconRightCard4"></i>
                            </div>
                            <div class="titleCardDivF">
                                <div>
                                    <p class="titleCardP poppins-bold" id="card4TItle">COMPRA Y VENTA</p>
                                </div>
                            </div>
                            <div class="titleCardDivFBuyAndSell">
                                <div class="tableLimit">
                                    <div class="tableLimitDiv">
                                        <div class="tableLimitDivSelect">
                                            <select id="BuyAndSellSelect" name="select" class="poppins-regular BuyAndSellSelect">
                                                <option value="1" selected>Limit</option> 
                                                <option value="2" id="mc">Market - Compra</option>
                                                <option value="3" id="mv">Market - Venta</option>
                                            </select>
                                        </div>
                                        <div class="tableLimitDivBuyAndSell">
                                            <div class="tableLimitDivBuyAndSellL">
                                                <p class="poppins-regular" id="buyBidT">COMPRA (BID)</p>
                                            </div>
                                            <div class="tableLimitDivBuyAndSellR">
                                                <p class="roboto-bold textGreen" id="cardBuyAndSellBuy">
                                                    <i class="fas fa-caret-up"></i>
                                                    <strong></strong>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="tableLimitDivBuyAndSell">
                                            <div class="tableLimitDivBuyAndSellL">
                                                <p class="poppins-regular" id="sellBidT">VENTA (ASK)</p>
                                            </div>
                                            <div class="tableLimitDivBuyAndSellR"> 
                                                <p class="roboto-bold textRed" id="cardBuyAndSellSell">
                                                    <i class="fas fa-caret-down"></i>
                                                    <strong></strong>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="tableLimitDivNote">
                                            <div>
                                                <p class="roboto-regular BuyAndSellNote" id="BuyAndSellNote">Nota</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tableButtonsTwo">
                                    <div class="tableButtonsTwoDiv">
                                        <div class="BuyAndSellDiv">
                                            <div class="inputnumber textInInput">
                                                <div class="BuyAndSellTextLeft" id="BuyAndSellTextLeftPrice">
                                                    <p class="poppins-medium" id="priceTableP">Precio</p> 
                                                </div>
                                                <div class="BuyAndSellTextRight">
                                                    <p class="poppins-medium" id="cardBuyAndSellPriceText" >USD</p>
                                                </div>
                                                <input id="BuyAndSellPrice" type="number" class="roboto-bold BuyAndSellDivInput" onfocus="this.value = this.value">
                                            </div>
                                        </div>
                                        <div class="BuyAndSellDiv">
                                            <div class="inputnumber textInInput">
                                                <div class="BuyAndSellTextLeft" >
                                                    <p class="poppins-medium" id="amountTableP">Cantidad</p>
                                                </div>
                                                <div class="BuyAndSellTextRight" >
                                                    <p class="poppins-medium" id="cardBuyAndSellAmountText">BTC</p>
                                                </div>
                                                <input id="BuyAndSellAmount" type="number" class="roboto-bold BuyAndSellDivInput">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tableButtonsTwoDiv">
                                        <div class="BuyAndSellDiv">
                                            <div class="inputnumber totalInputCard4">
                                                <div class="BuyAndSellTextLeft" >
                                                    <p class="poppins-regular">TOTAL</p>
                                                </div>
                                                <div class="BuyAndSellTextRight" >
                                                    <p class="poppins-medium" id="cardBuyAndSellTotalText">USD</p>
                                                </div>
                                                <input id="BuyAndSellTotal" type="number" class="roboto-bold BuyAndSellDivInput">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tableButtonsTwoDiv mt-10">
                                        <div class="BuyAndSellDiv">
                                            <div class="button-submit">
                                                <button type="button" class="submit poppins-medium greenButton buyButton" id="orderBuy">COMPRAR</button>
                                             </div>
                                        </div>
                                        <div class="BuyAndSellDiv">
                                            <div class="button-submit">
                                                <button type="button" class="submit poppins-medium redButton sellButton" id="orderSell">VENDER</button>
                                             </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- ORDER BOOK -->
                    
                    <div id="divCard6">
                        <div class="miniCard card6 principalMiniCard" id="card6">
                            <div class="iconRightCard">
                                <i class="fas fa-minus-circle" id="iconRightCard6"></i>
                            </div>
                            <div class="titleCardDivF">
                                <div>
                                    <p class="titleCardP poppins-bold" id="car6TtitleF">LIBRO DE ÓRDENES</p>
                                </div>
                            </div>
                            <div class="MarkersTitleDiv seeButtons">
                                <div class="tab">
                                    <button class="tablinks poppins-regular tablinksActive" id="markersSeeAll">Ver todas</button>
                                    <button class="tablinks poppins-regular" id="markersSeeMine">Ver propias</button>
                                </div>
                            </div>
                            <div class="tableSellBuyDiv">
                                <div id="tableOrderBuy" class="tableOrderBuy">
                                    <p class="poppins-regular" id="orderBuyT">ÓRDENES DE COMPRA</p>
                                    <table class="w100">
                                        <thead class="theadExchange"> 
                                            <tr>
                                                <th class="poppins-medium tableH textRight w3"></th>
                                                <th class="poppins-medium tableH textRight w7">#</th>
                                                <th class="poppins-medium tableH textRight w30" id="amount6">Cantidad</th>
                                                <th class="poppins-medium tableH textRight w30">Total</th>
                                                <th class="poppins-medium tableH textRight w30" id="price6">Precio</th>
                                            </tr>
                                        </thead> 
                                        <tbody class="tbodyOrders scroll-boxExchange">
                                            <tr class="infOrderBuy">
                                                <td class="roboto-regular tableC textRight w3"></td>
                                                <td class="roboto-regular tableC textRight w7"></td>
                                                <td class="roboto-regular tableC textRight w30"></td>
                                                <td class="roboto-regular tableC textRight w30"></td>
                                                <td class="roboto-regular tableCG textRight w30"></td>
                                            </tr>
                                        </tbody>
                                    </table> 
                                
                                </div>
                                <div id="tableOrderSell" class="tableOrderSell">
                                    <p class="poppins-regular">ÓRDENES DE VENTA</p>
                                    <table class="w100">
                                        <thead class="theadExchange"> 
                                            <tr>
                                                <th class="poppins-medium tableH textRight w30" id="price61">Precio</th>
                                                <th class="poppins-medium tableH textRight w30">Total</th>
                                                <th class="poppins-medium tableH textRight w30" id="amoun61">Cantidad</th>
                                                <th class="poppins-medium tableH textRight w7 pr2">#</th>
                                                <th class="poppins-medium tableH textRight w3"></th>
                                            </tr>
                                        </thead> 
                                        <tbody class="tbodyOrders scroll-boxExchange">
                                            <tr class="infOrderSell">
                                                <td class="roboto-regular tableCR textRight w30"></td>
                                                <td class="roboto-regular tableC textRight w30"></td>
                                                <td class="roboto-regular tableC textRight w30"></td>
                                                <td class="roboto-regular tableC textRight w7 pr2"></td>
                                                <td class="roboto-regular tableC textRight w3"></td>
                                            </tr>
                                        </tbody>
                                    </table> 
                                </div>
                            </div>
                        </div>
                    </div>
                
                </div>
            </div>
        </div>
    </div>
    <div class="float blueButton" id="floatButton">
        <i class="fa fa-lightbulb my-float"><button class="submit popuptext poppins-medium blueButton" id="floatCloseI">MODO BÁSICO<i class="fas fa-times-circle floatClose" id="floatClose"></i></button></i>
    </div>
</div>

<!-- DIRECCION AFX- BTC -->

<div class="addressBTCInf cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content maxW-520">
            <div class="marginX33">
                <div class="titleDiv">
                    <div class="title">
                        <p class="poppins-bold titCripto" id="depositWithSpan">Depositar <span>BTC</span></p>
                    </div>
                    <div class="divBalance">
                        <div class="inputnumber divBalanceIn">
                            <div class="divBalanceText">
                                <p class="poppins-regular" id="depositMyBalance">SU SALDO</p>
                            </div>
                            <div class="divBalanceNumber">
                                <p class="roboto-bold" id="addressBTCInfBalance"></p>
                            </div>
                            <input disabled type="number" class="poppins-bold divBalanceInInput">
                        </div>
                    </div>
                </div>
                <div class="addressBTCInfCardInf">
                    <div>
                        <p class="label-input poppins-bold addressBTCInfTextAddress" id="depBTCDir">Dirección</p>
                        <div class="inputnumber addressCrInfo">
                            <div class="addressCrInfoText">
                                <p class="opensans-regular" id="copyInfAFX"></p>
                            </div>
                            <div class="addressCrInfoIcon">
                                <i class="far fa-copy" id="copyIconBtc"></i>
                            </div>
                            <input disabled type="text" class="poppins-bold addressInfoInput" id="copyBtc">
                        </div>
                    </div>
                    <div class="addressBTCInfCardExp">
                        <div class="addressBTCInfCardExpText">
                            <p class="poppins-regular" id="depVen">Vencimiento</p>
                        </div>
                        <div class="addressBTCInfCardExpDate">
                            <p class="poppins-bold" id="addressBTCInfDate"></p>
                        </div>
                    </div>
                    <div>
                        <div class="inputnumber cardAmountRounded">
                            <div class="cardAmountRoundedText">
                                <p class="poppins-regular" id="depFesLab">COMISIÓN</p>
                            </div>
                            <div class="cardAmountRoundedValue">
                                <p class="roboto-bold" id="depositCriptoFee">N/A</p>
                            </div>
                            <input disabled type="number" class="poppins-bold cardAmountRoundedInput">
                        </div>
                    </div>
                    <div>
                        <div class="divQrCode" id="qrcode"></div>
                    </div>
                </div>
                <div class="goBack">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="addressBTCInfBack">VOLVER</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
   <input type="text" class="hiddenInput" id="copyDepBTC" style="text-transform: none !important;">
</div>

<!-- RETIRAR BTC -->

<div class="withdrawBTC cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content maxW-800">
            <div class="marginX33">
                <div class="titleDiv">
                    <div class="title">
                        <p class="poppins-bold titCripto" id="withdrawTitLab">Retirar <span>BTC</span></p>
                    </div>
                    <div class="divBalance">
                        <div class="inputnumber divBalanceIn">
                            <div class="divBalanceText">
                                <p class="poppins-regular" id="withdrawBtcAm">SU SALDO</p>
                            </div>
                            <div class="divBalanceNumber">
                                <p class="roboto-bold" id="withdrawBTCBalance"></p>
                            </div>
                            <input disabled type="number" class="poppins-bold divBalanceInInput">
                        </div>
                    </div>
                </div>
                <div class="pt20">
                    <div class="withdrawBTCT">
                        <div>
                            <p class="label-input poppins-bold label-input-ml10" id="amountWithBTC">Cantidad a Retirar</p>
                            <input type="number" placeholder="0" class="input-wdFiat roboto-regular inputNumberOrdersWidth withdrawBTCAmount" id="withdrawBTCAmount">
                            <p class="poppins-regular error" id="ewithdrawBTCAmount"></p>
                        </div>
                        <div>
                            <p class="label-input poppins-bold label-input-ml10" id="walletDest">Billetera Destino</p>
                             <input type="text" placeholder="" class="input-wdFiat poppins-regular inputNumberOrdersWidth withdrawBTCWallet" id="withdrawBTCWallet" pattern="[A-Za-z0-9]+" onkeypress="return noSpecialChar(event)">
                             <p class="poppins-regular error" id="ewithdrawBTCWallet"></p>
                        </div>
                    </div>
                    <div class="withdrawBTCTL">
                        <div class="inputnumber withdrawBTCTLDiv">
                            <div class="FeeAndTotalDivText">
                                <p class="poppins-regular" id="withBTCFees">COMISIÓN</p>
                            </div>
                            <div class="FeeAndTotalDivValue">
                                <p class="roboto-bold" id="withdrawBTCFee"></p>
                            </div>
                            <input disabled type="number" class="poppins-bold FeeAndTotalDivInput">
                        </div>
                        <div class="inputnumber withdrawBTCTLDiv withdrawBTCTLDivSecond">
                            <div class="FeeAndTotalDivText">
                                <p class="poppins-regular" id="netTotalWithd">TOTAL NETO</p>
                            </div>
                            <div class="FeeAndTotalDivValue">
                                <p class="roboto-bold" id="withdrawBTCTotal"></p>
                            </div>
                            <input disabled type="number" class="poppins-bold FeeAndTotalDivInput">
                        </div>
                    </div>
                </div>
                <div class="buttonAction">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="wdBTCbutton">RETIRAR</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
</div>

<!-- RETIRAR BTC 2 -->

<div class="withdrawBTCConfirm cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="marginX33">
                <div class="title">
                    <p class="poppins-bold titCripto" id="withdrawLabel2">Retirar <span>BTC</span></p>
                </div>
                <div class="mb15">
                    <div class="inputnumber cardAmountRounded">
                        <div class="cardAmountRoundedText">
                            <p class="poppins-regular" id="amountWithdraw2">CANTIDAD A RETIRAR</p>
                        </div>
                        <div class="cardAmountRoundedValue">
                            <p class="roboto-bold" id="withdrawBTCConfirmAmount"></p>
                        </div>
                        <input disabled type="number" class="poppins-bold cardAmountRoundedInput">
                    </div>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="withdrawBTC2LabelFee">Comisión</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="withdrawBTCConfirmFee"></p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="withdrawBTC2LabelNetTotal">Total Neto</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="withdrawBTCConfirmTotalN"></p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id='withdrawBTC2LabelNetAd'>Dirección</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="poppins-bold textInCardResumeDivValue" id="withdrawBTCConfirmWallet"></p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="pr15">
                    <p class="label-input poppins-bold CrConfirmTextEmail" id="withdrawBTCConfirmEmail">Se envió un código de validación a su correo pe***@**il.com</p>
                </div>
                <div>
                    <input type="number" name="number" placeholder="* * * * *" class="formInput roboto-bold inputConfirmCode" id="withdrawBTCConfirmCode" onkeypress="return onlyNumber(event)">
                    <p class="poppins-regular error" id="ewithdrawBTCConfirmCode"></p>
                    <div>
                        <h6 class="poppins-regular resend resendCodeOp" id="withdrawBTCConfirmResend">Reenviar Código</h6>
                    </div>
                </div>
                <div class="buttonOpValid">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="wdBTCbuttonV">VALIDAR</button>
                    </div>
                </div>
                <div class="buttonOpCancel">
                    <div class="button-submit">
                        <button type="button" class="submitW poppins-medium whiteButton" id="wdBTCbuttonA">ANULAR</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
</div>

<!-- TRANSACCION EXITOSA -->

<div class="success cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="TrImage">
                <img src="./img/check.svg">
            </div>
            <div class="TrImageTitle">
                <p class="poppins-bold" id="TransactionSuccessful">Transacción </br> Exitosa</p>
            </div>
            <div class="TrImageButton">
                <div class="button-submit">
                    <button type="button" class="submit poppins-medium blueButton" id="wdFiatbuttonF">FINALIZAR</button>
                </div>
            </div>
       </div>
   </div>
</div>

<!-- TRANSACCION EXITOSA AMARILLA-->

<div class="success cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="TrImage">
                <img src="./img/check-yellow.svg">
            </div>
            <div class="TrImageTitle">
                <p class="poppins-bold" id="PartiallyCompletedTransaction">Transacción Completada</br> Parcialmente</p>
            </div>
            <div>
                <p class="poppins-regular messageInfAttention" id="failureMsgYellow"></p>
            </div>
            <div class="TrImageButton">
                <div class="button-submit">
                    <button type="button" class="submit poppins-medium blueButton" id="wdFiatbuttonFYellow">FINALIZAR</button>
                </div>
            </div>
       </div>
   </div>
</div>

<!-- TRANSACCION FALLIDA -->

<div class="failure cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="TrImage">
                <img src="./img/cancel.svg">
            </div>
            <div class="TrImageTitle">
                <p class="poppins-bold" id="failureTitle">Transacción </br> Fallida</p>
            </div>
            <div>
                <p class="poppins-regular messageInfAttention" id="failureMsg"></p>
            </div>
            <div class="TrImageButton">
                <div class="button-submit">
                    <button type="button" class="submit poppins-medium blueButton" id="wdFiatbuttonI">INTENTE DE NUEVO</button>
                </div>
            </div>
       </div>
   </div>
</div>

<!-- TRASNFERIR BTC -->

<div class="transferBTC cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content maxW-630">
            <div class="marginX33">
                <div class="titleDiv">
                    <div class="title">
                        <p class="poppins-bold titCripto" id="transferBTCLabelTit">Transferir <span>BTC</span></p>
                    </div>
                    <div class="divBalance">
                        <div class="inputnumber divBalanceIn">
                            <div class="divBalanceText">
                                <p class="poppins-regular" id="yourBalanceTransfer">SU SALDO</p>
                            </div>
                            <div class="divBalanceNumber">
                                <p class="poppins-bold" id="transferBTCBalance"></p>
                            </div>
                            <input disabled type="number" class="poppins-bold divBalanceInInput">
                        </div>
                    </div>
                </div>
                <div class="pt20">
                    <div class="withdrawBTCT">
                        <div>
                            <p class="label-input poppins-bold label-input-ml10" id="AmountToTransfer">Cantidad a Transferir</p>
                            <input type="number" placeholder="0" class="input-wdFiat roboto-regular inputNumberOrdersWidth" id="transferBTCAmount">
                            <p class="poppins-regular error" id="etransferBTCAmount"></p>
                        </div>
                        <div>
                            <p class="label-input poppins-bold label-input-ml10" id="emailToTransfer">Email de Usuario Destino</p>
                             <input type="email" placeholder="" class="input-wdFiat poppins-regular inputNumberOrdersWidth withdrawBTCWallet" id="transferBTCEmail">
                            <p class="poppins-regular error" id="etransferBTCEmail"></p> 
                        </div>
                    </div>
                    <div class="withdrawBTCTL">
                        <div class="inputnumber withdrawBTCTLDiv">
                            <div class="FeeAndTotalDivText">
                                <p class="poppins-regular" id="feesTransfer1">COMISIÓN</p>
                            </div>
                            <div class="FeeAndTotalDivValue">
                                <p class="roboto-bold" id="transferBTCFee"></p>
                            </div>
                            <input disabled type="number" class="poppins-bold FeeAndTotalDivInput">
                        </div>
                        <div class="inputnumber withdrawBTCTLDiv withdrawBTCTLDivSecond">
                            <div class="FeeAndTotalDivText">
                                <p class="poppins-regular" id="netTotalTransfer1">TOTAL NETO</p>
                            </div>
                            <div class="FeeAndTotalDivValue">
                                <p class="roboto-bold" id="transferBTCTotal"></p>
                            </div>
                            <input disabled type="number" class="poppins-bold FeeAndTotalDivInput">
                        </div>
                    </div>
                </div>
                <div class="buttonAction">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="trBTCbutton">TRANSFERIR</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
</div>

<!-- TRANSFERIR BTC 2 -->

<div class="transferBTCConfirm cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="marginX33">
                <div class="title">
                    <p class="poppins-bold titCripto" id="transferTitle2">Transferir <span>BTC</span></p>
                </div>
                <div class="mb15">
                    <div class="inputnumber cardAmountRounded">
                        <div class="cardAmountRoundedText">
                            <p class="poppins-regular" id="transferAm2">CANTIDAD A TRANSFERIR</p>
                        </div>
                        <div class="cardAmountRoundedValue">
                            <p class="roboto-bold" id="transferBTCConfirmAmount">34.567</p>
                        </div>
                        <input disabled type="number" class="poppins-bold cardAmountRoundedInput">
                    </div>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="transferBTCFees2">Comisión</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="transferBTCConfirmFee">0,01</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="transferTNBTC2">Total Neto</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id='transferBTCConfirmTotalN'></p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="userTransfer2">Usuario</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="poppins-bold textInCardResumeDivValue" id='transferBTCConfirmEmail'>nombre@correo.com</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="destTransfer2BTC">Destinatario</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="poppins-bold textInCardResumeDivValue" id="transferBTCConfirmNameDest">Eva ****</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="pr15">
                    <p class="label-input poppins-bold CrConfirmTextEmail" id="transferBTCConfirmEmailConfirm">Se envió un código de validación a su correo pe***@**il.com</p>
                </div>
                <div>
                    <input type="number" name="number" placeholder="* * * * *" class=" formInput roboto-bold inputConfirmCode" id="transferBTCConfirmCode" onkeypress="return onlyNumber(event)">
                    <p class="poppins-regular error" id="etransferBTCConfirmCode"></p>
                    <h6 class="poppins-regular resend resendCodeOp" id="transferBTCConfirmResend" >Reenviar Código</h6>
                </div>
                <div class="buttonOpValid">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="trBTCbuttonV">VALIDAR</button>
                    </div>
                </div>
                <div class="buttonOpCancel">
                    <div class="button-submit">
                        <button type="button" class="submitW poppins-medium whiteButton" id="trBTCbuttonA">ANULAR</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
</div>

<!-- MOVIMIENTOS BTC -->

<div class="movBTC cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content maxW-800">
            <div class="marginX23">
                <div class="title">
                    <p class="poppins-bold titCripto" id="movTitleBTC1">Movimientos <span>BTC</span> </p>
                </div>
                <div class="movBTCHeaderTable">
                    <div class="movBTCHeaderTableFirst">
                        <div class="tblCnt datas"> 
                            <div class="table100">
                                <div class="divTable w14">
                                    <p class="movBTCHeaderTable1 poppins-medium" id="movStatusBTC">Estatus</p>
                                </div>
                                <div class="divTable w24">
                                    <p class="movBTCHeaderTable2 poppins-medium" id="datBTC">Fecha</p>
                                </div>
                                <div class="divTable w14">
                                    <p class="movBTCHeaderTable3 poppins-medium" id="idBTC">TXID</p>
                                </div>
                                <div class="divTable w24">
                                    <p class="movBTCHeaderTable4 poppins-medium" id="desBTC">Descripción</p>
                                </div>
                                <div class="divTable w19">
                                    <p class="movBTCHeaderTable5 poppins-medium" class="poppins-medium" id="canBTC">Cantidad</p>
                                </div>
                                <div class="divTable w5">
                                    <p class="movBTCHeaderTable6 poppins-medium"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="imovBTC" class="scroll-boxMov">
                    <div class="scroll-boxMovDiv">
                        <div class="tblCnt datas" id="movBTCid">
                            <div class="table100 divTableMov" id="tableMarks">
                                <div class="divTable w14">
                                </div>
                                <div class="divTable w24">
                                    <p class="poppins-regular movBTCBodyTable2"></p>
                                </div>
                                <div class="divTable w14" id="divIdBTC">
                                    <p class="roboto-regular movBTCBodyTable3"></p>
                                </div>
                                <div class="divTable w24" id="divBank">
                                    <p class="poppins-regular movBTCBodyTable4" style="word-break: break-word !important;"></p>
                                </div>
                                <div class="divTable w19" id="divNumberBTC">
                                    <p class="roboto-regular movBTCBodyTable5"></p>
                                </div>
                                <div class="divTable w5"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="imovBTCR" class="scroll-boxMov imovBTCRD">
                    <div class="scroll-boxMovDiv">
                        <div class="tblCnt datas" id="movBTCidR">
                            <div class="table100 divTableMov" id="tableMarksR">
                                <div class="divTable w10">
                                </div>
                                <div class="divTable w45 pX5">
                                    <p class="poppins-regular movBTCBodyTableR2"></p>
                                </div>
                                <div class="divTable w35">
                                    <p class="poppins-roboto movBTCBodyTableR3"></p>
                                </div>
                                <div class="divTable w10"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="divNumberMov">
                        <div class="tblCnt datas">
                            <div class="table100 divTableMovInf">
                                <div class="divTable">
                                </div>
                                <div class="divTable movBTCTotalFinal">
                                    <p class="divTableMovInfText poppins-regular" id="R1BTC">DISPONIBLE</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movBTCBalance">1.000,00</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="divNumberMov" >
                        <div class="tblCnt datas">
                            <div class="table100 divTableMovInf">
                                <div class="divTable">
                                </div>
                                <div class="divTable movBTCTotalFinal">
                                    <p class="poppins-regular divTableMovInfText" id="R2BTC">DIFERIDO</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movBTCDeferred">1.000,00</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="divNumberMov">
                        <div class="tblCnt datas">
                            <div class="table100 divTableMovInf">
                                <div class="divTable">
                                </div>
                                <div class="divTable movBTCTotalFinal">
                                    <p class="poppins-regular divTableMovInfText" id="R3BTC">COMPROMETIDO</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movBTCCommitted">1.000,00</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="divNumberMov">
                        <div class="tblCnt datas">
                            <div class="table100 divTableMovInf">
                                <div class="divTable">
                                </div>
                                <div class="divTable movBTCTotalFinal">
                                    <p class="poppins-regular divTableMovInfText">TOTAL</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movBTCTotal">1.000,00</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="goBack">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="movBTCBack">VOLVER</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
</div>

<!-- RETIRAR VES -->

<div class="withdrawFiat cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content maxW-630">
            <div class="marginX33">
                <div class="titleDiv">
                    <div class="title">
                        <p class="poppins-bold titFiat" id="fiatWithdraw1">Retirar <span>BsS</span></p>
                    </div>
                    <div class="divBalance">
                        <div class="inputnumber divBalanceIn">
                            <div class="divBalanceText">
                                <p class="poppins-regular" id="yourAmountFiat">SU SALDO</p>
                            </div>
                            <div class="divBalanceNumber">
                                <p class="roboto-bold" id="withdrawFiatBalance">1.234.567,00</p>
                            </div>
                            <input disabled type="number" class="poppins-bold divBalanceInInput">
                        </div>
                    </div>
                </div>
                <div class="pt20">
                    <div class="withdrawBTCT">
                        <div>
                            <p class="label-input poppins-bold label-input-ml10" id="amountWithFiat1">Cantidad a Retirar</p>
                            <input type="number" placeholder="0" class="input-wdFiat roboto-regular inputNumberOrdersWidth" id="withdrawFiatAmount">
                            <p class="poppins-regular error" id="ewithdrawFiatAmount"></p>
                        </div>
                        <div>
                            <p class="label-input poppins-bold label-input-ml10" id="acDestWithdraw1">Cuenta destino</p>
                            <select class="selectwdFiat opensans-regular w91" id="withdrawFiatAccount">
                                <option value="0" class="opensans-regular" disabled selected>Selecciona</option>
                             </select>
                            <p class="poppins-regular error" id="ewithdrawFiatAccount"></p>
                        </div>
                    </div>
                    <div class="withdrawBTCTL">
                        <div class="inputnumber withdrawBTCTLDiv">
                            <div class="FeeAndTotalDivText">
                                <p class="poppins-regular" id="fiatWithdrawFees">COMISIÓN</p>
                            </div>
                            <div class="FeeAndTotalDivValue">
                                <p class="roboto-bold" id="withdrawFiatFee">0,01</p>
                            </div>
                            <input disabled type="number" class="poppins-bold FeeAndTotalDivInput">
                        </div>
                        <div class="inputnumber withdrawBTCTLDiv withdrawBTCTLDivSecond">
                            <div class="FeeAndTotalDivText">
                                <p class="poppins-regular" id="withdrawNetTotal">TOTAL NETO</p>
                            </div>
                            <div class="FeeAndTotalDivValue">
                                <p class="roboto-bold" id="withdrawFiatTotal">99.999,99</p>
                            </div>
                            <input disabled type="number" class="poppins-bold FeeAndTotalDivInput">
                        </div>
                    </div>
                </div>
                <div class="buttonAction">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="wdFiatbutton">RETIRAR</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
</div>

<!-- RETIRAR VES 2-->

<div class="withdrawFiatConfirm cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="marginX33">
                <div class="title">
                    <p class="poppins-bold titFiat" id="fiatWithdraw2">Retirar <span>BsS</span></p>
                </div>
                <div class="mb15">
                    <div class="inputnumber cardAmountRounded">
                        <div class="cardAmountRoundedText">
                            <p class="poppins-regular" id="withdrawFIat2AmR">CANTIDAD A RETIRAR</p>
                        </div>
                        <div class="cardAmountRoundedValue">
                            <p class="roboto-bold" id="withdrawFiatConfirmAmount">34.567</p>
                        </div>
                        <input disabled type="text" class="poppins-bold cardAmountRoundedInput">
                    </div>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv" >
                        <p class="poppins-regular textInCardResumeDivText" id="with2FiatFees">Comisión</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="withdrawFiatConfirmFee">0,01</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regula textInCardResumeDivText" id="withFiatNT2">Total Neto</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="withdrawFiatConfirmTotalN">0,01</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="with2FiatCD">Cuenta Destino</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="poppins-bold textInCardResumeDivValue" id="withdrawFiatConfirmAccount">Mercantil ( **** 32659)</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="pr15">
                    <p class="label-input poppins-bold CrConfirmTextEmail" id="withdrawFiatConfirmEmail">Se envió un código de validación a su correo pe***@**il.com</p>
                </div>
                <div>
                    <input type="text" name="number" placeholder="* * * * *" class=" formInput roboto-bold inputConfirmCode" onkeypress="return onlyNumber(event)" id="withdrawFiatConfirmCode">
                    <p class="poppins-regular error" id="ewithdrawFiatConfirmCode"></p>
                    <h6 class="poppins-regular resend resendCodeOp" id="withdrawFiatConfirmResend" >Reenviar Código</h6>
                </div>
                <div class="buttonOpValid">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="wdFiatbuttonV">VALIDAR</button>
                    </div>
                </div>
                <div class="buttonOpCancel">
                    <div class="button-submit">
                        <button type="button" class="submitW poppins-medium whiteButton" id="wdFiatbuttonA">ANULAR</button>
                    </div>
                </div>
                
            </div>
       </div>
   </div>
</div>

<!-- DEPOSITAR VES -->

<div class="depFiatInf cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content maxW-630">
            <div class="marginX33">
                <div class="titleDiv">
                    <div class="title">
                        <p class="poppins-bold titFiat" id="depFiat1T">Depositar <span>BsS</span></p>
                    </div>
                    <div class="divBalance">
                        <div class="inputnumber divBalanceIn">
                            <div class="divBalanceText">
                                <p class="poppins-regular" id="depFiat1SS">SU SALDO</p>
                            </div>
                            <div class="divBalanceNumber">
                                <p class="roboto-bold" id="depFiatInfBalance">1.234.567,00</p>
                            </div>
                            <input disabled type="number" class="poppins-bold divBalanceInInput">
                        </div>
                    </div>
                </div>
                <div class="tabDepFiat">
                  <div class="tabDepFiatD">
                    <button class="tablinksDepFiat poppins-regular" id="reportDTFiat">Reportar Depósito o </br>Transferencia</button>
                  </div>
                  <div class="tabDepFiatD">
                    <button class="tablinksDepFiat poppins-regular" id="p2cfiat">Depositar </br> Mediante P2C</button>
                  </div>
                </div>
                
                <div id="depTr" class="tabDepFiatContent">
                  <div class="depTrDInp">
                      <div class="depTrDInpD">
                            <p class="label-input poppins-bold label-input-ml10" id="DestinationBankDepFiatT">Banco Destino</p>
                            <select class="opensans-regular selectDepFiat" id="depFiatInfDestinationBank1">
                            </select>
                            <p class="poppins-regular error" id="edepFiatInfDestinationBank1"></p>
                        </div>
                       <div class="depTrDInpD vaTop">
                           <p class="label-input poppins-bold labeltransparent" >.</p>
                            <div class="inputnumber depCopyDiv">
                                <div class="depCopyDivFiatText">
                                    <p class="roboto-bold" id="depFiatInfDetailRsp1"></p>
                                </div>
                                <div class="depCopyDivFiatIcon">
                                    <i class="far fa-copy" id="copyIconFiat"></i>
                                </div>
                                <input type="text" disabled class="poppins-bold addressInfoInput">
                            </div>
                        </div>
                    </div>
                    <div class="infDivDepFiat">
                        <div class="infDivDepFiatRow">
                            <div class="depFiatInfDetailText">
                                <p class="poppins-regular" id="depFiatInfDetail2"></p>
                            </div>
                            <div class="depFiatInfDetailValue">
                                <p class="opensans-regular" id="depFiatInfDetailRsp2"></p>
                            </div>
                        </div>
                        <div class="infDivDepFiatRow">
                            <div class="depFiatInfDetailText">
                                <p class="poppins-regular" id="depFiatInfDetail3"></p>
                            </div>
                            <div class="depFiatInfDetailValue" >
                                <p class="opensans-regular" id="depFiatInfDetailRsp3" ></p>
                            </div>
                        </div>
                        <div class="infDivDepFiatRow">
                            <div class="depFiatInfDetailText">
                                <p class="poppins-regular" id="depFiatInfDetail4"></p>
                            </div>
                            <div class="depFiatInfDetailValue" >
                                <p class="opensans-regular" id="depFiatInfDetailRsp4"></p>
                            </div>
                        </div>
                    </div>
                    <div class="textInCardHrDiv">
                        <hr>
                    </div>
                    <div class="depTrDInp">
                        <div class="depTrDInpD">
                            <p class="label-input poppins-bold label-input-ml10" id="depFiatAmDe">Cantidad Depositada</p>
                            <input type="number" placeholder="0" class="input-wdFiat roboto-regular inputNumberOrdersWidth" id="depFiatInfAmount">
                            <p class="poppins-regular error" id="edepFiatInfAmount"></p>
                       </div>
                       <div class="depTrDInpD">
                            <p class="label-input poppins-bold label-input-ml10" id="depFiatDate">Fecha</p>
                            <input type="date" class="formInput poppins-regular depTrDInpDDate" placeholder="DD/MM/YYYY" id="depFiatInfDate">
                            <p class="poppins-regular error" id="edepFiatInfDate"></p>
                       </div>
                    </div>
                    <div class="depTrDInp">
                        <div class="depTrDInpD">
                            <p class="label-input poppins-bold label-input-ml10" id="refFiatDep1">Referencia</p>
                            <input type="number" placeholder="0" class="input-wdFiat roboto-regular inputNumberOrdersWidth depTrDInpDrEF" maxlength = "5"
                            onkeypress="return depFiatRefLength(event)" id="depFiatInfRef">
                            <p class="poppins-regular error" id="edepFiatInfRef"></p>
                       </div>
                       <div class="depTrDInpD">
                            <div class="depTrDInpDRec">
                                    <p class="poppins-bold label-input label-input-ml10" id="depFiatVoucherReceipt">Comprobante o Recibo </p>
                                    <div class="h65">
                                        <div class="depTrDInpDRecSelect" id ="depFiatInfRec">
                                            <p class="poppins-regular" id="selDepFiat1">Seleccione</p>
                                        </div>
                                        <div class="depTrDInpDRecInput">
                                            <input type="file" class="file" id="depFiatInfId">
                                            <button type="submit" id="depFiatInfIdButton" class=" poppins-medium blueButton">
                                                Buscar
                                            </button>
                                        </div>
                                        <p class="poppins-regular error" id="edepFiatInfRec" class="edepFiatInfRec" style="position: absolute; top: 50px;"></p>
                                </div>
                            </div>
                       </div>
                    </div>
                    <div class="withdrawBTCTL">
                        <div class="inputnumber withdrawBTCTLDiv">
                            <div class="FeeAndTotalDivText">
                                <p class="poppins-regular" id="fiatFees1Dep">COMISIÓN</p>
                            </div>
                            <div class="FeeAndTotalDivValue">
                                <p class="roboto-bold" id="depFiatInFee">0,00</p>
                            </div>
                            <input disabled type="number" class="poppins-bold FeeAndTotalDivInput">
                        </div>
                        <div class="inputnumber withdrawBTCTLDiv withdrawBTCTLDivSecond">
                            <div class="FeeAndTotalDivText">
                                <p class="poppins-regular" id="netTotalDepFiat1">TOTAL NETO</p>
                            </div>
                            <div class="FeeAndTotalDivValue">
                                <p class="roboto-bold" id="depFiatInNeTotal">0,00</p>
                            </div>
                            <input disabled type="number" class="poppins-bold FeeAndTotalDivInput">
                        </div>
                    </div>
                    <div class="textInCardResume">
                        <div class="buttonAction">
                            <div class="button-submit">
                                <button type="button" class="submit poppins-medium blueButton" id="depFiatAccept">ACEPTAR</button>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div id="p2c" class="tabDepFiatContent">
                  <div style="display: table; width: 100%">
                      <div style="display: table-cell; width: 48%; text-align: center;">
                            <p class="label-input poppins-bold label-input-ml10" id="bankDest2Fiat">Banco Destino</p>
                            <select class="selectwdFiat opensans-regular" style="width: 95% !important" id="depFiatInfDestinationBank2">
                                <option value="0" class="opensans-regular" disabled selected>Selecciona</option>
                            </select>
                        </div>
                        <div style="display: table-cell; width: 48%; text-align: center;">
                            <p class="label-input poppins-bold label-input-ml10" id="Am2Fiat">Cantidad</p>
                            <input type="number" placeholder="0" class="input-wdFiat poppins-regular inputNumberOrdersWidth">
                        </div>
                    </div>
                    <div style="display: table; width: 100%">
                        <div style="display: table-cell; width: 48%; text-align: center;">
                            <p class="label-input poppins-bold label-input-ml10" id="id2Fiat">Cédula</p>
                            <input type="text" placeholder="0" class="input-wdFiat poppins-regular inputNumberOrdersWidth" style="text-align: left;">
                        </div>
                       <div style="display: table-cell; width: 48%; text-align: center;">
                            <p class="label-input poppins-bold label-input-ml10" id="phone2Fiat">Celular</p>
                            <input type="number" placeholder="0" class="input-wdFiat poppins-regular inputNumberOrdersWidth" style="text-align: left;">
                        </div>
                    </div>
                    <div style="display: table; width: 100%">
                        <div style="width: 55%; margin-left: auto; margin-right: auto; margin-bottom: 6px; margin-top: 20px;">
                            <div class="button-submit">
                                <button type="button" class="submit poppins-medium blueButton" disabled id="depFiatDep">DEPOSITAR</button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
       </div>
   </div>
   <input type="text" class="hiddenInput" id="copyDepFiat">
</div>

<!-- MOVIMIENTOS VES -->

<div class="movVES cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content maxW-630">
            <div class="marginX23">
                <div class="title">
                    <p class="poppins-bold titFiat" id="movVesFiat1">Movimientos <span>BsS</span></p>
                </div>
                <div class="movBTCHeaderTable">
                    <div class="movBTCHeaderTableFirst">
                        <div class="tblCnt datas">
                            <div class="table100">
                                <div class="divTable w18">
                                    <p class="poppins-medium movFiatHeaderTable1" id="movFiat1S">Estatus</p>
                                </div>
                                <div class="divTable w30">
                                    <p class="poppins-medium movFiatHeaderTable2" id="datVES">Fecha</p>
                                </div>
                                <div class="divTable w28">
                                    <p class="poppins-medium movFiatHeaderTable3" id="movFiat1D">Descripción</p>
                                </div>
                                <div class="divTable w20">
                                    <p class="poppins-medium movFiatHeaderTable4" id="amountVES">Cantidad</p>
                                </div>
                                <div class="divTable w4 depTrDInpDrEF">
                                    <p></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="imovVES" class="scroll-boxMov">
                    <div class="scroll-boxMovDiv">
                        <div class="tblCnt datas" id="movVESid">
                            <div class="table100 divTableMov" id="tableMarks">
                                <div class="divTable w18">
                                </div>
                                <div class="divTable w30">
                                    <p class="poppins-regular movFiatBodyTable2"></p>
                                </div>
                                <div class="divTable w28" id="divBank">
                                    <p class="poppins-regular movFiatBodyTable3"></p>
                                </div>
                                <div class="divTable w19" id="divNumberFiat">
                                    <p class="roboto-regular movFiatBodyTable4"></p>
                                </div>
                                <div class="divTable w5">
                                    <i class="fas fa-eye"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="imovVESR" class="scroll-boxMov imovBTCRD">
                    <div class="scroll-boxMovDiv">
                        <div class="tblCnt datas" id="movVESidR">
                            <div class="table100 divTableMov" id="tableMarksR">
                                <div class="divTable w10">
                                </div>
                                <div class="divTable w45 pY5">
                                    <p class="poppins-regular movFiatBodyTableR2"></p>
                                </div>
                                <div class="divTable w35">
                                    <p class="roboto-regular movFiatBodyTableR3"></p>
                                </div>
                                <div class="divTable w10"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="divNumberMov">
                        <div class="tblCnt datas">
                            <div class="table100 divTableMovInf">
                                <div class="divTable">
                                </div>
                                <div class="divTable movBTCTotalFinal">
                                    <p class="poppins-regular divTableMovInfText" id="dataFiatMov1">DISPONIBLE</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movVESBalance">1.000,00</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="divNumberMov">
                        <div class="tblCnt datas">
                            <div class="table100 divTableMovInf">
                                <div class="divTable">
                                </div>
                                <div class="divTable movBTCTotalFinal">
                                    <p class="poppins-regular divTableMovInfText" id="dataFiatMov2">DIFERIDO</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movVESDeferred">1.000,00</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="divNumberMov">
                        <div class="tblCnt datas">
                            <div class="table100 divTableMovInf">
                                <div class="divTable">
                                </div>
                                <div class="divTable movBTCTotalFinal">
                                    <p class="poppins-regular divTableMovInfText" id="dataFiatMov3">COMPROMETIDO</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movVESCommitted">1.000,00</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="divNumberMov">
                        <div class="tblCnt datas">
                            <div class="table100 divTableMovInf">
                                <div class="divTable">
                                </div>
                                <div class="divTable movBTCTotalFinal">
                                    <p class="poppins-regular divTableMovInfText" id="dataFiatMov4">TOTAL</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movVESTotal">1.000,00</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="goBack">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="movVESBack">VOLVER</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
</div>

<!-- DETALLE DE MOVIMIENTO -->

<div class="movDetailFiat cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="marginX33">
                <div class="title">
                    <p class="poppins-bold" id="movDetailTit">Retirar <span>BTC</span></p>
                </div>
                <div class="mb15">
                    <div class="inputnumber cardAmountRounded">
                        <div class="cardAmountRoundedText">
                            <p class="poppins-regular" id="movDetailLblAmount"></p>
                        </div>
                        <div class="cardAmountRoundedValue" >
                            <p class="roboto-bold" id="movDetailFiatAmountRet">34.567</p>
                        </div>
                        <input disabled type="number" class="poppins-bold cardAmountRoundedInput">
                    </div>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="detailFees">Comisión</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="comisionFiatDetails">0,01</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="detailNetT">Total Neto</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="movDetailFiatAmount"></p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume" id="movDetailFiatAddress">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="detailAc">Cuenta Destino</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id='movDetailFiatAccount'>Mercantil ( **** 32659)</p>
                    </div>
                </div>
                <div class="textInCardHrDiv" id="movDetailFiatAddressHr">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="detailDate">Fecha</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="movDetailFiatDate">20/05/2020</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="divSeeRecText">
                        <h6 class="poppins-regular resend" id="resend">Ver Comprobante</h6>
                    </div>
                    <div class="divSeeRecIcon">
                        <i class="fas fa-eye" id="movDetailFiatSeeComprobant"></i>
                    </div>
                </div>
                <div class="buttonOpValid">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="detailFiatButton">ACEPTAR</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
</div>

<!-- CONFIRMAR ORDEN -->

<div class="confirmOrder cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="marginX33">
                <div class="title mb15">
                    <p class="poppins-bold" id="confirmT">Confirmación de Orden</p>
                </div>
                <div class="textInCardResume mt15">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="confirmLabelP">Par</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="poppins-bold textInCardResumeDivValue" id="confirmOrderPair">0,01</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="confirmLabelTypeOrder">Tipo de Orden</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="poppins-bold textInCardResumeDivValue" id="confirmOrderTypeOrder">0,01</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="confirmLabelTypeAc">Tipo de Acción</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="poppins-bold textInCardResumeDivValue" id="confirmOrderTypeAction">0,01</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="confirmAmLabel">Cantidad</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="confirmOrderAmount">0,01</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="confirmLabelFees">Comisión</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="confirmOrderFees"></p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="textInCardResumeDivTextPrice"></p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="confirmOrderEstimatedPrice">0,01</p>
                    </div>
                </div>
                <div class="textInCardHrDiv" id="efectPriceHr">
                    <hr>
                </div>
                <div class="textInCardResume" id="efectPriceDiv">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="confirmLabelPriceEf">Precio Efectivo</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="efectPrice">???</p>
                    </div>
                </div>
                <div>
                    <div class="inputnumber cardAmountRoundedLast">
                        <div class="cardAmountRoundedTextLast">
                            <p class="poppins-regular" id="cardAmountRoundedTextLastText">TOTAL NETO A OBTENER</p>
                        </div>
                        <div class="cardAmountRoundedValueLast">
                            <p class="roboto-bold" id="confirmOrderFinal">34.567</p>
                        </div>
                        <input disabled type="text" class="poppins-bold cardAmountRoundedInput">
                    </div>
                </div>
                <div>
                    <p class="poppins-regular messageInf" id="confirmLabelMess1">
                        Para las órdenes market cuya cantidad sea satisfecha en distintos niveles de precio, el precio final será el promedio ponderado de los niveles de precio que correspondan al volumen necesario
                    </p>
                    <p class="poppins-regular messageInf" id="messageInfCountdown">
                        El botón para continuar se deshabilitará en <span>15</span> segundos.
                    </p>
                </div>
                <div class="buttonOpValid">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="confirmOrderContinue">CONTINUAR</button>
                    </div>
                </div>
                <div class="buttonOpCancel">
                    <div class="button-submit">
                        <button type="button" class="submitW poppins-medium whiteButton" id="confirmOrderCancel">CANCELAR</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
</div>

<!-- ATENCION -->

<div class="orderAttention cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="marginX33">
                <div class="title">
                    <p class="poppins-bold" id="attLabel" >Atención</p>
                </div>
                <div> 
                    <p class="poppins-regular messageInfAttention" id="amountValidationText">
                        ¿Está seguro que desea ejecutar una orden de <span></span> a un precio <span></span> del disponible en el mercado?
                        <br><br>
                        Si presiona continuar, su orden se ejecutará al mejor precio disponible y la comisión aplicable será la de una orden de tipo "Mercado".
                    </p>
                </div>
                <div class="buttonOpValid">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="orderAttentionContinue">CONTINUAR</button>
                    </div>
                </div>
                <div class="buttonOpCancel">
                    <div class="button-submit">
                        <button type="button" class="submitW poppins-medium whiteButton" id="orderAttentionCancel">CANCELAR</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
</div>

<!-- SESION EXPIRADA -->

<div class="expired cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="expSessionT">
                <p class="poppins-bold" id="expired1">Su sesión está próxima a expirar</p>
            </div>
            <!--<div class="expSessionB">
                <p class="poppins-regular">Vuelva a iniciar sesión para continuar.</p>
                <p class="poppins-regular">Será redirigido en <span id="expiredp">10 segundos</span>.</p>
            </div>-->
            <div class="expSessionB">
                <p class="poppins-regular" id="expired2">Presione Continuar si desea permanecer activo por 15 minutos más.</p>
            </div>
            <div class="buttonOpValid">
                <div class="button-submit">
                    <button type="button" class="submit poppins-medium blueButton" id="expSessionButton">CONTINUAR</button>
                </div>
            </div>
       </div>
   </div>
</div>


<!-- FOOTER -->

<div class="footCopy">
   <h6>©  2020. Totalsoftware de Venezuela -  Todos los derechos Reservados</h6>
</div>