<div class="content" id="content">
    <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> Monedas </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="4" selected> Más reciente </option>
                                        <option value="3" > Estatus </option>
                                        <option value="1" > Nombre </option>
                                        <option value="2" > Símbolo </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"> Asc </option>
                                        <option value="desc" selected> 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="cellContainer" style="width: 80%;min-width: 480px;">
                                    <div class="tableCurrencies">
                                        <div class="headerTableCurrencies">
                                            <div class="tableCell" style="width:50px">
                                                <div class="switchCell">
                                                    <div class="switchCont">
                                                        <div class="switch active" id="swichUserAdd">
                                                            <div class="switchBal balActive"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tableCell" style="width:auto">
                                                <input class="inputRow" placeholder="Nombre" id="addCurrencieName" name="addCurrencieName">
                                            </div>
                                            <div class="tableCell" style="width:15%">
                                                <input class="inputRow" placeholder="Símbolo" id="addCurrencieSymbol" name="addCurrencieSymbol">
                                            </div>
                                            <div class="tableCell" style="width:20%">
                                                <div class="selectCnt">
                                                    <select class="inputRow placehColor selectDecimals selectOrderBy" max=10 type="number" style="width:100%" id="addInterface" name="addCurrencieDecim">
                                                        <option value="">Interfaz</option>
                                                        <option value="1">Bs.</option>
                                                        <option value="2">Internacional</option>
                                                        <option value="3">Saldos</option>
                                                        <option value="4">BTC</option>
                                                        <option value="5">PTR</option>
                                                    </select>
                                                    <div class="iconContainerArrow" id="boxCurrencyDecimals">
                                                        <i class="fas fa-caret-down" id="arrowCurrencyDecimals"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tableCell" style="width:15%">
                                                <div class="selectCnt">
                                                    <select class="inputRow placehColor selectDecimals selectOrderBy" max=10 type="number" style="width:100%" placeholder="Decimales" id="addCurrencieDecim" name="addCurrencieDecim">
                                                        <option value="">Decimales</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="iconContainerArrow" id="boxCurrencyDecimals">
                                                        <i class="fas fa-caret-down" id="arrowCurrencyDecimals"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tableCell" style="width:15%">
                                                <div class="inputRow selectOrderBy placehColor" id="addCurrencieIc" name="addCurrencieIc">
                                                    <span class="spanIcon">Icon</span> 
                                                    <div class="privList" id="iconListAdd">
                                                        <div class="privArrow"></div>
                                                        <div class="privListCnt">
                                                            <div class="privTbl" style="padding-left:3px" id="tblAddPriv">
                                                                <div class="iconCnt">
                                                                    <div class="icon">
                                                                        
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tableCell" style="width:60px">
                                                <p class="icAddCnt">
                                                    <i class="fas fa-plus-circle iconAdd" id="iconAddCurrencie"></i>
                                                </p>
                                            </div>
                                        </div>
                                        <p id="messageApi" ></p>
                                        <div class="bodyTableCurrencies" id="bodyTableCurrencies">
                                            <!--<div class="rowCurrencie" id="liCurrencie" style="display: none">
                                                 <input disabled="true" class="inputRow">
                                                
                                                <input disabled="true" class="inputRow">
                                                
                                                <input disabled="true" class="inputRow">
                                                
                                                <p style='display: inherit;'>
                                                    <i class='fas fa-edit editCurrencie'></i>
                                                    <i class='fas fa-trash-alt deleteCurrencie'></i>
                                                </p> 
                                            </div>-->
                                            
                                            <div class="rowCurrencieNoDefine rowImpar" style="display: none" id="noCurrencieDefine">
                                                <p id="msgInTable"> msg Error </p>
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div>
                                
                                <div class="cellContainer" style="width:30%">
                                    <div class=contentSectionAdd id="addCurrencie">
                                        <div class="triangle-left"></div>
                                        <div class="contentAdd">
                                            <div class="divTitleAdd">
                                                <p class="titleAdd"> Agregar Moneda </p>
                        -
                                                <span id="closeSectionAdd">&times;</span>
                                            </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>-->
                                            
                                            <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>
                                            <!--
                                            <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>
    
<!-- 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>