
    <div class="table">
        <div class="tableRow" style="height: 10%">
            <div class="tableCell">
                 <p class="titlePage"> Mantenimiento </p>
            </div>
        </div>
        <div class="tableRow">
            <div class="tableCell">
                <div class=centeredImage style="height: 100%">
                    <div class="headerFilter">
                            <div class="subTitlePage">
                                <p style="font-weight: 400;"> Lista Negativa </p>
                            </div>
                            <div class="inputsContainer">
                               <div class="inputContainer">
                                   <label for="search" class="ordered"> 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 class="inputContainer tabtext">
                                   <label for="orderBy" class="ordered"> Ordenar por </label>
                                    <select class="inputElement selectOrderBy" id="orderBy" name="orderBy" placeholder="Nombre" style="border: none"> 
                                        <option value="1" selected> Más reciente </option>
                                        <option value="2" > Nombre </option>
                                        <option value="3" > Correo </option>
                                        <option value="4" > Cuenta </option>
                                        <option value="5" > Organismo </option>
                                        <option value="6" > Fecha </option>
                                    </select>
                                    <div class="iconContainerArrow">
                                        <i class="fas fa-caret-down" id="arrowOrderBy"></i>
                                    </div>
                                </div>
                                <div class="inputContainer tabtext">
                                    <select class="inputElement selectOrderBy" id="orderDirect" name="orderBy" placeholder="Nombre" style="border:none;width:70px" > 
                                        <option value="asc" selected > Asc </option>
                                        <option value="desc" > Desc </option>
                                    </select>
                                    <div class="iconContainerArrow" style="width: 15px;text-align: center;">
                                        <i class="fas fa-caret-down" style="width:auto" id="arrowOrderDir"></i>
                                    </div>
                                </div>
                            </div>
                    </div>
                        
                        <div class="tableContainer">
                            <div class="rowContainer" style="height: 80%">
                                <div class="cellCnt">
                                    <div class="tableCurrencies">
                                        <div class="headerTableCurrencies tabtext tabselect">
                                            <div class="inputContainer selectorbox" style="width:185px;">
                                                <select class="inputElement selectOrderBy" id="registerFilter" style="border: none; width: 100%"> 
                                                    <option value='10' selected style="font-size: 13px"> Ver 10 Registros </option>
                                                    <option value='25' style="font-size: 13px"> Ver 25 Registros </option>
                                                    <option value="50" style="font-size: 13px"> Ver 50 Registros </option>
                                                    <option value="100" style="font-size: 13px"> Ver 100 Registros </option>
                                                </select>
                                                <div class="iconContainerArrow">
                                                    <i class="fas fa-caret-down" id="arrowRegisterFilter"></i>
                                                </div>
                                            </div>
                                            <div class="inputContainer selectorbox" style="width:185px;">
                                                <select class="inputElement selectOrderBy" id="afxuserFilt" style="border: none; width: 100%;padding-right:18px;"> 
                                                    <option value='' selected style="font-size: 13px"> Todos </option>
                                                    <option value='0' style="font-size: 13px"> Usuarios en afx </option>
                                                    <option value="1" style="font-size: 13px"> Usuarios no encontrados </option>
                                                </select>
                                                <div class="iconContainerArrow">
                                                    <i class="fas fa-caret-down" id="arrowRegisterFilter"></i>
                                                </div>
                                            </div>
                                            <div class="inputContainer selectorbox" style="vertical-align:top;width:auto;">
                                                <div class="circledown" id="uploadData">
                                                    <input type="file" id="fileUpload" class="fileUpload">
                                                    <i class="fa fa-upload blue" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                            <div class="inputContainer selectorbox" style="vertical-align:top;width:45px;">
                                                <div class="circledown" id="downloadData">
                                                    <i class="fa fa-download blue" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                            <div class="inputContainer selectorbox" style="vertical-align:top;width:45px;">
                                                <div class="circledown" id="addData">
                                                    <i class="fa fa-plus blue" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                            
                                        </div>
                                        
                                        <div class="headerTableCurrencies" style="border: none; padding-top: 0px">
                                            <div class="inputContainer">
                                                <p style="font-size: 70%"> </p>
                                            </div>
                                            
                                            <div class="inputContainer">
                                               <p id="msgErrorLevelFilter" class="msgError" style="font-size: 70%; display: none"> Error al cargar los niveles </p>
                                            </div>
                                            
                                            
                                            <div class="inputContainer">
                                                <p style="font-size: 70%">  </p>
                                            </div>
                                        </div>

                                        <div class="rowCurrencie headtop headlist" style="margin-bottom: 15px;">
                                            <div class="cell1">
                                                <span class="colHead"> Tipo </span>
                                            </div>
                                            <div class="cell2">
                                                <span class="colHead"> # Documento </span>    
                                            </div>
                                            <div class="cell3">
                                                <span class="colHead"> Nombre o Razón Social </span>    
                                            </div>
                                            <div class="cell4">
                                                <span class="colHead"> Wallet o Cuenta FIAT </span>    
                                            </div>
                                            <div class="cell5">
                                                <span class="colHead"> Correo </span>    
                                            </div>
                                            <div class="cell6">
                                                <span class="colHead"> Organismo </span>    
                                            </div>
                                            <div class="cell7">
                                                <span class="colHead"> Fecha </span>    
                                            </div>
                                            
                                            <div class="cell8">
                                                
                                            </div>
                                            
                                        </div>
                                        
                                        <p id="messageApi" ></p>
                                        <div class="bodyTableCurrencies" id="bodyTableCurrencies">

                                            <div class="rowCurrencieNoDefine rowImpar" style="display: none" id="noCurrencieDefine">
                                                <p id="msgInTable"> msg Error </p>
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div>
                                
                            </div>
                            
                            <div class="rowContainer" style="height: 20%;">
                                <div class="cellContainer"  >
                                    <div class="rowContainer paginator" id="paginator">
                                        <div class="pageCntBox" align="center">

                                            <p>
                                                <i class='fas fa-angle-left editCurrencie'></i>
                                            </p>
                                            
                                            <div arrowsEvent="false" id="numbersPaginator">
                                                   
                                            </div>
                                            
                                            
                                            <p>
                                                <i class='fas fa-angle-right editCurrencie'></i>
                                            </p>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                
            </div>
        </div>
    </div>

<div id="modalconfir" class="modal modalTbl">
    <div class="modalCell">
        <div class="bodyModal confirbox">
            <p class="tittlemodal"> Nuevo elemento de Lista Negativa </p>
            <div class="frmStatus">
                <div class="frmMidCell">
                    <div class="inputContainer">
                        <select class="inputRow inputElement inputModal" id="doctypeAdd">
                            <option value="">Tipo de Documento</option>
                            <option value="1">Cédula</option>
                            <option value="4">RIF</option>
                            <option value="2">Pasaporte</option>
                            <!--<option value="3">Licencia</option>-->
                        </select>
                    </div>
                </div>
                <div class="frmMidCell">
                    <div class="inputContainer">
                        <input class="inputRow inputElement inputModal" placeholder="Número de documento" type="text" id="docAdd">
                    </div>
                </div>
            </div>
            <div class="frmStatus">
                <div class="frmFullCell">
                    <div class="inputContainer">
                        <input class="inputRow inputElement inputModal" placeholder="Nombre o Razón social" type="text" id="nameAdd">
                    </div>
                </div>
            </div>
            <div class="frmStatus">
                <div class="frmFullCell">
                    <div class="inputContainer">
                        <input class="inputRow inputElement inputModal" placeholder="Correo Electrónico" type="text" id="emailAdd">
                    </div>
                </div>
            </div>
            <div class="frmStatus">
                <div class="frmFullCell">
                    <div class="inputContainer">
                        <input class="inputRow inputElement inputModal" placeholder="Wallet o Cuenta" type="text" id="walletAdd">
                    </div>
                </div>
            </div>
            <div class="frmStatus">
                <div class="frmMidCell">
                    <div class="inputContainer">
                        <input class="inputRow inputElement inputModal" placeholder="Organismo de Investigación" type="text" id="organismAdd">
                    </div>
                </div>
                <div class="frmMidCell">
                    <div class="inputContainer">
                        <input class="inputRow inputElement inputModal" placeholder="Fecha de notificación" type="date" id="dateAdd">
                    </div>
                </div>
            </div>
            <div class="frmStatus">
                <div class="frmFullCell">
                    <div class="inputContainer">
                        <input class="inputRow inputElement inputModal" placeholder="Comentario, enlance noticia o expediente" type="text" id="linkAdd">
                    </div>
                </div>
            </div>
            <div class="rowCurrencie headtop headlist" style="min-height: 0;margin-bottom:15px;"></div>
            <div class="frmStatus">
                <div class="frmMidCell">
                    <div class="inputContainer">
                        <input class="inputRow inputElement inputModal" id="emailAFx" disabled placeholder="Usuario AFX" type="text">
                    </div>
                </div>
                <div class="frmMidCell">
                    <div class="inputContainer">
                        <input class="inputRow inputElement inputModal" placeholder="" style="display:none">
                    </div>
                </div>
            </div>
            <div class="frmStatus">
                <div class="frmMidCell">
                    <div class="inputContainer">
                        <input class="inputRow inputElement inputModal" placeholder="ID en AFX" disabled type="number" id="useridAfx">
                    </div>
                </div>
                <div class="frmMidCell">
                    <div class="inputContainer">
                        <input class="inputRow inputElement inputModal" placeholder="Nivel KYC" disabled type="text" id="userlvlAfx">
                    </div>
                </div>
            </div>
            <div class=""><span class="msgError" id="msgErrorUpd">Error</span></div>
            <div class="buttonsBox" id="buttonsCreate">
                <div class="subCells">
                    <div class="buttondelete buttonsPop" id="cancelM">
                        CANCELAR
                    </div>
                </div>
                <div class="subCells1">
                    <div class="buttonacept buttonsPop" id="aceptM">
                        GUARDAR
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- The Modal -->
<div id="myModal" class="modal">

  <!-- Modal content -->
  <div class="modal-content">
      <div class="headerModal" > 
        <span></span>
        <span id="closeModal">&times;</span>
        
      </div>
    <div class="bodyModal">
        <p>¿Está seguro que desea eliminar esta información?</p>   
        
        <ul id="dataDelete" class="removedata">
            
        </ul>
    </div>
    <div class="footerModal" align="center">
        <button id="buttonAceptModal" align="center" class="aligndelete"> Aceptar </button>
        <button id="buttonCancelModal" align="center" class="aligndelete"> Cancelar </button>
    </div>
    
  </div>

</div>
