<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-regular" id="home">Inicio</a></li>
                  <li><a class="poppins-bold" 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="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>ES</div></a></li>
            </ul> 
        </div>
    </div>
</header> 
<div class="pageCnt" style="display: none">
    
    <div style="height: 150px; width: 100%; background-color: transparent; z-index: 50; width: 100%; position: fixed;" id="addView2">
        <input id="example-element-toggle2" type="checkbox" />
        <div id="example-toggled-element2">
            <div style="display: table; border-bottom: 1px solid rgba(180, 180, 180, 0.5); padding-bottom: 8px; width: 85%; margin-left: auto;margin-right: auto;">
                <div style="display: table-cell; width: 90%">
                    <li class="bar" style="display: block; color: #D5DCE5;"><a class="poppins-regular rtext" id="name2"></a></li>
                </div>
                <div style="display: table-cell; width: 10%">
                    <li class="bar" style="display: block"><a class="rIcon"><i class="fas fa-sign-out-alt" id="logouticon2"></i></a></li>
                </div>
            </div>
            <div>
                <li  style="display: block; color: #D5DCE5; margin-left: 8%;"><a class="poppins-regular rtext" id="homeR">Inicio</a></li>
            </div>
            <div>
                <li  style="display: block; color: #D5DCE5; margin-left: 8%;"><a class="poppins-bold rtext" id="balanceR">Balance</a></li>
            </div>
            <div>
                <li  style="display: block; color: #D5DCE5; margin-left: 8%;"><a class="poppins-regular rtext" id="preferencesR">Preferencias</a></li>
            </div>
        </div>
    </div>
    
    <div class="centerCell">
        <div class="card">
            <div class="tableRow">
                <div class="tableCell">
                    <div class="centeredImage">
        
                        <div class="headerFilter" id="headerFilter">
                            <div class="subTitlePage">
                                <p class="poppins-regular">Balance General</p>
                            </div>
                        </div>
                        
                        <div class="subHeaderFilter" id="subHeaderFilter">
                            <div class="inputsContainer">
                               <div class="inputContainer">
                                   <label for="search" class="ordered poppins-bold" id="labelSearch">Buscar</label>
                                    <input class="inputElement searching" type="text" id="search" name="search" style="border: none"> 
                                    <div class="iconContainerSearch">
                                        <i class="fas fa-search" id="iconSearch"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                            
                        <div class="tableContainer" id="tableContainer">
                            <div class="rowContainer">
                                <div class="cellCnt">
                                    <div class="tableCurrencies" id="tableCurrencies">
                                        <div class="rowCurrencie headtop">
                                            <div class="cell8 text-left">
                                                <span class="colHead poppins-medium">Moneda</span>
                                            </div>
                                                    
                                            <div class="cell15 text-right">
                                                <span class="colHead poppins-medium">Saldo</span>    
                                            </div>
                                                
                                            <div class="cell20 text-center">
                                                <span class="colHead poppins-medium">Última Operación</span>    
                                            </div>
                                                    
                                            <div class="cell10 text-right">
                                                <span class="colHead poppins-medium">Porcentajes</span>    
                                            </div>
                                                
                                            <div class="cell23 text-right">
                                                <span class="colHead poppins-medium">Expresado en <select name="select" id="totalPortfolioSel" class="roboto-regular"></select></span>    
                                            </div>
                                                
                                            <div class="cell8 text-center">
                                                <span class="colHead poppins-medium">Transferir</span>    
                                            </div>
                                                
                                            <div class="cell8 text-center">
                                                <span class="colHead poppins-medium">Depositar</span>  
                                            </div>
                                                
                                            <div class="cell8 text-center">
                                                <span class="colHead poppins-medium">Retirar</span>  
                                            </div>
                                        </div>
                                        <p id="messageApi" style="margin:0px"></p>
                                        
                                        <div class="bodyTableCurrencies" id="bodyTableCurrencies">
                                            <div style="display: none;" id="noCurrencieDefine">
                                                <p id="msgInTable" class="poppins-medium" style="margin: 0px; font-size: 50%;"> msg Error </p>
                                            </div>
                                            <div class="rowCurrencie" style="display: table; width: 100%;">
                                                <div class="cell8">
                                                    <div class="divCellCnt roboto-regular" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                </div>
                                                <div class="cell15">
                                                    <div class="divCellCnt roboto-regular text-right" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                </div>
                                                <div class="cell20">
                                                    <div class="divCellCnt roboto-regular text-center" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                </div>
                                                <div class="cell10">
                                                    <div class="divCellCnt roboto-regular text-right" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                </div>
                                                <div class="cell23">
                                                    <div class="divCellCnt roboto-regular text-right" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                </div>
                                                <div class="cell8">
                                                    <div class="divCellCnt roboto-regular text-center">
                                                        <p>
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="cell8">
                                                    <div class="divCellCnt roboto-regular text-center">
                                                        <p>
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="cell8">
                                                    <div class="divCellCnt roboto-regular text-center">
                                                        <p>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                            
                                        <div class="table75 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="movVESBalance"></p>
                                            </div>
                                        </div>
                                        
                                    </div>
                                    
                                    <div class="tableCurrencies" id="tableCurrenciesR" style="display: none">
                                        <p id="messageApiR" style="margin:0px"></p>
                                        <span class="colHeadR poppins-medium">Expresado en <select name="select" id="totalPortfolioSelR" class="roboto-regular"></select></span> 
                                        <div class="bodyTableCurrencies scroll-boxMov" id="bodyTableCurrenciesR">
                                            <div style="display: none;" id="noCurrencieDefineR">
                                                <p id="msgInTableR" class="poppins-medium" style="margin: 0px; font-size: 50%;"> msg Error </p>
                                            </div>
                                            <div class="rowCurrencieR" style="display: table; width: 100%;">
                                                <div class="cell40">
                                                    <div class="divCellCnt roboto-regular text-right">
                                                        <span class="headerRes">Moneda</span>
                                                    </div>
                                                    <div class="divCellCnt roboto-regular text-right">
                                                        <span class="headerRes">Saldo</span>
                                                    </div>
                                                    <div class="divCellCnt roboto-regular text-right">
                                                        <span class="headerRes">Última Operación</span>
                                                    </div>
                                                    <div class="divCellCnt roboto-regular text-right">
                                                        <span class="headerRes">Porcentaje</span>
                                                    </div>
                                                    <div class="divCellCnt roboto-regular text-right">
                                                        <span class="headerRes">Expresado en </span> <span class="currencySpan">USD</span>
                                                    </div>
                                                </div>

                                                <div class="cell50">
                                                    <div class="divCellCnt roboto-regular text-left" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                    <div class="divCellCnt roboto-bold text-left" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                    <div class="divCellCnt roboto-regular text-left" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                    <div class="divCellCnt roboto-regular text-left" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                    <div class="divCellCnt roboto-regular text-left" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                </div>
                                                <div class="cell10">
                                                    <div class="divCellCnt roboto-regular text-center">
                                                        <p class="centerP">
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                    </div>
                                    
                                </div>
                            </div>
                                
                            <div class="rowContainer">
                                <div class="cellContainer"  >
                                    <div class="rowContainer paginator" id="paginator">
                                        <div class="pageCntBox" align="center">
                                            <p>
                                                <i class='fas fa-angle-left editCurrencie' style="cursor: pointer"></i>
                                            </p>
                                            
                                            <div arrowsEvent="false" id="numbersPaginator">
                                                       
                                            </div>
                                                
                                                
                                            <p>
                                                <i class='fas fa-angle-right editCurrencie' style="cursor: pointer"></i>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </div>
</div>


<div class="footCopy">
   <h6 >©  2020. Totalsoftware de Venezuela -  Todos los derechos Reservados</h6>
</div>
<div class="waitScreen" id="waitScreen">
    <div class="spinChar">
        <i class="fas fa-circle-notch fa-spin"></i>
    </div>
</div>

<!-- SESION EXPIRADA -->

<div class="expired cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="expSessionT">
                <p class="poppins-bold">Su sesión está próxima a expirar</p>
            </div>
            <div class="expSessionB">
                <p class="poppins-regular">Presione Continuar si desea permanecer activo por 15 minutos más.</p>
            </div>
            <div class="buttonOpValid">
                <div class="button-submit-expired">
                    <button type="button" class="submit-expired poppins-medium blueButton" id="expSessionButton">CONTINUAR</button>
                </div>
            </div>
       </div>
   </div>
</div>

<!-- MOVIMIENTOS BTC -->

<div class="movBTC cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content maxW-680">
            <div class="marginX23">
                <div class="titleM">
                    <p class="poppins-bold titCripto">Movimientos <span></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">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" 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-boxMovM">
                    <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"></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-boxMovM 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">DISPONIBLE</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movBTCBalance"></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">DIFERIDO</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movBTCDeferred"></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">COMPROMETIDO</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movBTCCommitted"></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"></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>

<!-- MOVIMIENTOS VES -->

<div class="movVES cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content maxW-630">
            <div class="marginX23">
                <div class="titleM">
                    <p class="poppins-bold titFiat">Movimientos <span></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">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">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">DISPONIBLE</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movVESBalancee"></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">DIFERIDO</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movVESDeferred"></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">COMPROMETIDO</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movVESCommitted"></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="movVESTotal"></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="titleM">
                    <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">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">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">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">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>

<!-- NO ACCOUNT -->

<div class="accountAttention cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="marginX33">
                <div class="titleM">
                    <p class="poppins-bold">Atención</p>
                </div>
                <div> 
                    <p class="poppins-regular messageInfAttention" id="amountValidationText">
                        No posee cuenta creada en esta moneda.
                    </p>
                </div>
                <div class="buttonOpValid">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="acceptNoAccount">ACEPTAR</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
</div>