<header style="z-index: 10"> 
    <div class="container-div">
        <div class="logo headerd">
            <div class="innerheaderd">
                <img class="logo-header" src="./img/afx-logo.png">
            </div>
        </div>
    </div>
</header> 

<div class="waitScreen" id="waitScreen">
    <div class="spinChar">
        <i class="fas fa-circle-notch fa-spin"></i>
    </div>
</div>
<div class="pageCnt" style="margin-top: 100px; visibility: hidden;">
    <div class="centerCell">
        <div class="card">
            <div class="space"></div>
            <div class="timeline">
                <div class="wsleft"></div>
                <div class="dtimeline">
                    <i class="fas fa-check check-done check-icon" ></i>
                    <h6 class="text-timeline poppins-medium" id="regperson1">Datos Básicos</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check check-done check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="regperson2">Datos de Residencia</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check check check-icon"></i>
                    <h6 class="text-timeline poppins-bold" id="regperson3">Información Profesional</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check no-check check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="regperson4">Soporte de Información</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check no-check check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="regperson5">Datos Transaccionales</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check no-check check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="regperson6">Declaración Jurada</h6>
                </div>
                <div class="wsright" ></div>
            </div>
            
            <div class="title">
                <h3 class="poppins-bold" id="regTitle">Información Profesional</h3>
            </div>
            
            <div class="regForm">
                <div class="tableForm" id="form">
                    <div class="tableForm">
                        <div class="cellForm cellForm50">
                            <div class="divForm" id="dProfession">
                                <div class="divIcon inputNormal">
                                    <i class="iconStatus" id="professionIcon"></i>
                                </div>
                                <p class="poppins-bold" id="professionLabel">Profesión</p>
                                <input type="text" name="profession" placeholder="Profesión" class="form-input poppins-regular" id="profession">
                                <p class="poppins-regular error" id="eprofession"></p>
                            </div>
                        </div>
                        <div class="cellForm cellForm50">
                            <div id="dEconomic" class="divForm" >
                                <div class="divIcon inputSelect">
                                    <i class="iconStatus" id="economicIcon"></i>
                                </div>
                                <p class="poppins-bold" id="economicLabel">Actividad Económica</p>
                                <select id="economic" name="economic" class="form-input poppins-regular">
                                 </select>
                                 <p class="poppins-regular error" id="eeconomic"></p>
                            </div>
                        </div>
                    </div>
                    <div class="tableForm">
                        <div class="cellForm cellForm50">
                            <div class="divForm" id="dIndependent">
                                <div class="divIcon inputSelect">
                                    <i class="iconStatus" id="independentIcon"></i>
                                </div>
                                <p class="poppins-bold" id="independentLabel">¿Comerciante Independiente?</p>
                                <select id="independent" name="independent" class="form-input poppins-regular">
                                    <option value="" class="poppins-medium" disabled selected id="independentSelectsSel">Seleccione</option>
                                    <option class="poppins-medium" value="1" id="independentYes">Si</option>
                                    <option class="poppins-medium" value="0" if="independentNo">No</option>
                                 </select>
                                 <p class="poppins-regular error" id="eindependent"></p>
                            </div>
                        </div>
                        <div class="cellForm cellForm50">
                            <div id="dOccupation" class="divForm" >
                                <!--<div class="divIcon inputOptionalSelect">
                                    <i class="iconStatus" id="occupationIcon"></i>
                                </div>-->
                                <div class="divIcon inputSelect">
                                    <i class="iconStatus" id="occupationIcon"></i>
                                </div>
                                <p class="poppins-bold" id="occupationLabel">Ocupación</p>
                                <select id="occupation" name="occupation" class="form-input poppins-regular">
                                </select>
                                <p class="poppins-regular error" id="eoccupation"></p>
                            </div>
                        </div>
                    </div>
                    <div class="tableForm">
                        <div class="cellForm cellForm50">
                            <div class="divForm" id="dCompany">
                                <div class="divIcon inputOptional">
                                    <i class="iconStatus" id="companyIcon"></i>
                                </div>
                                <p class="poppins-bold" id="companyLabel">Empresa</p>
                                <div class="doptional">
                                    <p class="poppins-italic" id="companyLabelOptional">Opcional</p>
                                </div>
                                <input type="text" name="company" placeholder="Empresa" class="form-input poppins-regular" id="company">
                            </div>
                        </div>
                        <div class="cellForm cellForm50">
                            <div id="dIncome" class="divForm">
                                <!--<div class="divIcon inputOptional">
                                    <i class="iconStatus" id="incomeIcon"></i>
                                </div>-->
                                <div class="divIcon inputNormal">
                                    <i class="iconStatus" id="incomeIcon"></i>
                                </div>
                                <p class="poppins-bold" id="incomeLabel">Ingreso Anual ($)</p>
                                <input type="text" name="income" step="0.01" placeholder="0,00" class="form-input poppins-regular" id="income">
                                <p class="poppins-regular error" id="eincome"></p>
                            </div>
                        </div>
                    </div>
                    <div class="tableForm">
                        <div class="cellForm cellForm50">
                            <div class="divForm" id="dHeritage">
                                <!--<div class="divIcon inputOptional">
                                    <i class="iconStatus" id="heritageIcon"></i>
                                </div>-->
                                <div class="divIcon inputNormal">
                                    <i class="iconStatus" id="heritageIcon"></i>
                                </div>
                                <p class="poppins-bold" id="heritageLabel">Patrimonio ($)</p>
                                <input type="text" name="heritage" step="0.01" placeholder="0,00" class="form-input poppins-regular" id="heritage">
                                <p class="poppins-regular error" id="eheritage"></p>
                            </div>
                        </div>
                        <div class="cellForm cellForm50">
                            <div class="divForm" id="dPolitician">
                                <div class="divIcon inputSelect">
                                    <i class="iconStatus" id="politicianIcon"></i>
                                </div>
                                <p class="poppins-bold" id="politicalPerson">Persona Políticamente Expuesta</p>
                                <select id="politician" name="politician" class="form-input poppins-regular">
                                    <option value="" class="poppins-medium" disabled selected id="politicalPersonSelectSel">Seleccione</option>
                                    <option class="poppins-medium" value="1" id="politicalPersonSelectYes">Si</option>
                                    <option class="poppins-medium" value="0" id="politicalPersonSelectNo">No</option>
                                 </select>
                                 <p class="poppins-regular error" id="epolitician"></p>
                            </div>
                        </div>
                    </div>
                    <div style="display:none" id="politicianForm">
                        <div class="tableForm">
                            <div class="cellForm cellForm50">
                                <div class="divForm" id="dPolName">
                                    <div class="divIcon inputNormal">
                                        <i class="iconStatus" id="polNameIcon"></i>
                                    </div>
                                    <p class="poppins-bold" id="polNameLabel">Nombre del ente de adscripción <span style="font-size: 90%; color: #7D8B9E;" class="roboto-bold"> (1) </span></p>
                                    <input type="text" name="polName" placeholder="Nombre" class="form-input poppins-regular" id="polName">
                                    <p class="poppins-regular error" id="epolName"></p>
                                </div>
                            </div>
                            <div class="cellForm cellForm50">
                                <div class="divForm" id="dPolPosition">
                                    <div class="divIcon inputNormal">
                                        <i class="iconStatus" id="polPositionIcon"></i>
                                    </div>
                                    <p class="poppins-bold" id="polPositionLabel">Cargo que desempeña <span style="font-size: 90%; color: #7D8B9E;" class="roboto-bold"> (1) </span></p>
                                    <input type="text" name="polPosition" placeholder="Cargo" class="form-input poppins-regular" id="polPosition">
                                    <p class="poppins-regular error" id="epolPosition"></p>
                                </div>
                            </div>
                        </div>
                        <div class="tableForm">
                            <div class="cellForm cellForm50">
                                <div class="divForm" id="dPolCountry">
                                    <div class="divIcon inputSelect">
                                        <i class="iconStatus" id="polCountryIcon"></i>
                                    </div>
                                    <p class="poppins-bold" id="polCountryLabel">País <span style="font-size: 90%; color: #7D8B9E;" class="roboto-bold"> (1) </span></p>
                                    <select id="polCountry" name="polCountry" class="form-input poppins-regular">
                                    </select>
                                    <p class="poppins-regular error" id="epolCountry"></p>
                                </div>
                            </div>
                            <div class="cellForm cellForm50">
                                <div class="divForm" id="dPolDocument">
                                    <div class="divIcon inputNormal">
                                        <i class="iconStatus" id="polDocumentIcon"></i>
                                    </div>
                                    <p class="poppins-bold" id="polDocumentLabel">Identificación del relacionado <span style="font-size: 90%; color: #7D8B9E;" class="roboto-bold"> (1) </span></p>
                                    <input type="text" name="polDocument" placeholder="Identificación" class="form-input poppins-regular" id="polDocument">
                                    <p class="poppins-regular error" id="epolDocument"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="tableForm infReq">
                <div class="cellForm cellForm33">
                    <p class="poppins-regular"><span style="font-size: 100%; color: #7D8B9E;" class="roboto-bold">(1) </span><span id="requiredLevel1"> Requerido Nivel 1</span></p>
                </div>
                <div class="cellForm cellForm33">
                    <p class="poppins-regular"><span style="font-size: 100%; color: #4287CE;" class="roboto-bold" >(2) </span><span id="requiredLevel2"> Requerido Nivel 2</span></p>
                </div>
                <div class="cellForm cellForm33">
                    <p class="poppins-regular"><span style="font-size: 100%; color: rgb(1, 42, 63);" class="roboto-bold" >(3) </span><span id="requiredLevel3"> Requerido Nivel 3</span></p>
                </div>
            </div>
            <hr>
            <div class="buttons">
                <div id="previous"><button type="submit" id="previous-button" class="cancel-button poppins-medium whiteButton">REGRESAR</button></div>
                <div id="later"><button type="submit" id="later-button" class="cancel-button poppins-medium whiteButton">COMPLETAR LUEGO</button></div>
                <div id="next"><button type="submit" id="next-button" class="accept-button poppins-medium blueButton">CONTINUAR</button></div>
            </div>
        </div>
    </div>
</div>

<!-- CONFIRMAR LUEGO -->

<div class="completeLater" style="display: none;">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div style="margin: 0px 33px;">
                <div>
                    <p class="poppins-regular messageInfAttention" id="completeLater">
                        Es posible que alguno de los datos suministrados se pierda al completar el registro en otro momento
                        <br><br>
                        ¿Está seguro que desea continuar luego?
                    </p>
                </div>
                <div class="buttonAcceptCompleteLater">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="completeLaterAccept">SI, COMPLETAR LUEGO</button>
                    </div>
                </div>
                <div class="buttonCancelCompleteLater">
                    <div class="button-submit">
                        <button type="button" class="submitW poppins-medium whiteButton" id="completeLaterCancel">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" id="expired2">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>

<div class="footCopy">
   <h6 style="margin:0" id="ts">©  2020. Totalsoftware de Venezuela -  Todos los derechos Reservados</h6>
</div>