<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="regcompany1">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="regcompany2">Datos de Socios</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check check-done check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="regcompany3">Dirección de Empresa</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check check-done check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="regcompany4">Información Profesional</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check check-done check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="regcompany5">Soporte de Información</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check check-done check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="regcompany6">Datos Transaccionales</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check check check-icon"></i>
                    <h6 class="text-timeline poppins-bold" id="regcompany7">Declaración Jurada</h6>
                </div>
                <div class="wsright" ></div>
            </div>
            
            <div class="title">
                <h3 class="poppins-bold" id="regTitle">Declaración Jurada</h3>
            </div>
            
            <div class="statementBox">
                <h5 class="opensans-regular" id="textStatement" style="text-align: justify;">
                </h5>
            </div>
            <div class="toggle">
                <label class="switch">
                  <input type="checkbox" id="checkbox">
                  <span class="slider round"></span>
                </label>
                <p class="poppins-regular error" id="echeckbox"  style="display: block; margin-top: 25px !important; margin-left: 0px;"></p>
            </div>
            <div class="confirmtoggle">
                <p class="poppins-bold" id="confirm">Confirmar</p>
            </div>
            <div class="statementBox" style="display: flex">
                <h5 class="opensans-regular" style="margin-top: 0px; margin-bottom:0px" id="data">Los datos suministrados están sujetos a verificación.
                </h5>
            </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>