<div class="content" id="content">
    <div class="table">
        <div class="tableRow" style="height: 10%">
            <div class="tableCell">
                 
                 <p class="titlePage"> Seguridad </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;"> Auditoría </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" > Más reciente </option>
                                        <option value="2" > Fecha </option>
                                        <option value="4" > Módulo </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 selectorbox1" style="padding-left: 8px">
                                                <input class="inputRow inputElement" type="date" id="addDate" name="addDate" style="border: none; width: 100%">
                                            </div>

                                            <div class="inputContainer selectorbox1">
                                                <input class="inputRow inputElement" type="date" id="addDate1" name="addDate1" style="border: none; width: 100%">
                                            </div>
                                            
                                            <div class="inputContainer selectorbox1">
                                                <input class="inputRow inputElement" placeholder="Buscar Usuario" type="text" id="searchUser" name="searchUser" autocomplete="off" style="border: none; width: 100%"> 
                                                <div class="iconContainerSearch left1">
                                                    <i class="fas fa-search" id="iconSearch"></i>
                                                </div>
                                                <!--RESULTADOS DE BUSQUEDA-->
                                                <div class="noShow searchResult" id="searchResult">
                                                    <ul class="resultsC" id="resultsC">
                                                    </ul>
                                                </div>
                                            </div>
                                            
                                            <div class="inputContainer selectorbox">
                                                <select class="inputElement selectOrderBy" id="cmsFilter" style="border: none; width: 100%"> 
                                                    <option value="1" selected style="font-size: 13px">CMS</option>
                                                    <option value="2" >APP</option>
                                                </select>
                                                <div class="iconContainerArrow">
                                                    <i class="fas fa-caret-down" id="arrowRegisterFilter"></i>
                                                </div>
                                            </div>
                                            
                                            <div class="inputContainer selectorbox">
                                                <select class="inputElement selectOrderBy" id="modulFilter" style="border: none; width: 100%"> 
                                                    <option value='' selected style="font-size: 13px">Módulos</option>
                                                </select>
                                                <div class="iconContainerArrow">
                                                    <i class="fas fa-caret-down" id="arrowRegisterFilter"></i>
                                                </div>
                                            </div>
                                            
                                            <div class="circledown" id="downloadData">
                                                <i class="fa fa-download blue" aria-hidden="true"></i>
                                            </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">
                                            <div class="cell1">
                                                <span class="colHead"> Fecha </span>
                                            </div>
                                                
                                            <div class="cell2">
                                                <span class="colHead"> Usuario </span>    
                                            </div>
                                            
                                            <div class="cell3">
                                                <span class="colHead"> Módulo </span>    
                                            </div>
                                                
                                            <div class="cell4">
                                                <span class="colHead"> Descripción </span>    
                                            </div>
                                            
                                        </div>
                                        
                                        <p id="messageApi" ></p>
                                        <div class="bodyTableCurrencies" id="bodyTableCurrencies">
                                            <!--<div class="tableLine rowImpar">
                                                <div class="cell1">
                                                    <div class="divCellCnt">
                                                        <span id="inputName0">10/09/2020 14:06:44</span>
                                                    </div>
                                                </div>
                                                <div class="cell2">
                                                    <div class="divCellCnt">
                                                        <span id="inputSymbol0">martinez-daniel@mail.com</span>
                                                    </div>
                                                </div>
                                                <div class="cell3">
                                                    <div class="divCellCnt">
                                                        <span id="inputSymbol0">Transacciones</span>
                                                    </div>
                                                </div>
                                                <div class="cell4">
                                                    <div class="divCellCnt">
                                                        <span id="inputSymbol0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel commodo arcu efficitur dignissim ex. Suspendisse ut mauris massa.</span>
                                                    </div>
                                                </div>
    
                                            </div>
                                            <div class="tableLine">
                                                <div class="cell1">
                                                    <div class="divCellCnt">
                                                        <span id="inputName0">10/09/2020 14:06:44</span>
                                                    </div>
                                                </div>
                                                <div class="cell2">
                                                    <div class="divCellCnt">
                                                        <span id="inputSymbol0">martinez-daniel@mail.com</span>
                                                    </div>
                                                </div>
                                                <div class="cell3">
                                                    <div class="divCellCnt">
                                                        <span id="inputSymbol0">Transacciones</span>
                                                    </div>
                                                </div>
                                                <div class="cell4">
                                                    <div class="divCellCnt">
                                                        <span id="inputSymbol0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel commodo arcu efficitur dignissim ex. Suspendisse ut mauris massa.</span>
                                                    </div>
                                                </div>
                                                
                                            </div>
                                            <div class="tableLine rowImpar">
                                                <div class="cell1">
                                                    <div class="divCellCnt">
                                                        <span id="inputName0">10/09/2020 14:06:44</span>
                                                    </div>
                                                </div>
                                                <div class="cell2">
                                                    <div class="divCellCnt">
                                                        <span id="inputSymbol0">martinez-daniel@mail.com</span>
                                                    </div>
                                                </div>
                                                <div class="cell3">
                                                    <div class="divCellCnt">
                                                        <span id="inputSymbol0">Transacciones</span>
                                                    </div>
                                                </div>
                                                <div class="cell4">
                                                    <div class="divCellCnt">
                                                        <span id="inputSymbol0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel commodo arcu efficitur dignissim ex. Suspendisse ut mauris massa.</span>
                                                    </div>
                                                </div>
                                            </div>-->

                                            <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 class="tableRowFooter" style="height: 10%">
            <div class="tableCell">
                <div class="copyright">
                    <p style="margin-top: 20px; margin-bottom: 20px">&copy; 2020. Totalsoftware de Venezuela - Todos los derechos reservados </p>
                </div>
            </div>
        </div>
    </div>
</div>

<input type="hidden" id="txid">