<!-- Content area -->
<div class="content">

    <!-- Advanced login -->
    <input type="hidden" id="aux">
    <form action="#" onsubmit="return false" autocomplete="off">
        <div class="some-class text-center">
            <div class="dyclock-digital dyclock-container"></div>
        </div>
        <div class="absolute-center-singing singing-form containerMe panel-zoom">
            <div class="translucentMe"></div>
            <div class="contentMe">
                <div class="text-center">
                    <p class="content-group text-white text-title">REGISTRO DE ASISTENCIAS</p>
                </div>
            </div>
            <div class="contentMe" style="   width: 50%;    margin-left: 25%;">
                <div class="userError">
                    <input type="text" id="dniUsuario" name="dniUsuario" class="form-control so-input-login"
                        placeholder="INGRESE SU DNI" autofocus="">
                </div>
            </div>
        </div>
    </form>
    <br>

    <!--MESSAGE ERROR-->
    <div id="dataUserError" style="display: none" class="absolute-center-singing singing-form containerMe panel-zoom">
        <div class="msgTranslucent card-3" style="background-color: #821c25"></div>
        <div class="contentMe text-center">
            <div class="row titleFont">
                <span class="text-white">ADVERTENCIA!</span>
            </div>
            <div class="row messageFont">
                <label class="text-white" id="errorMessage"></label>
            </div>
        </div>
    </div>
    <!--MESSAGE ERROR-->

    <!--MESSAGE SUCCESS-->
    <div id="dataUserSuccess" style="display: none" class="absolute-center-singing singing-form containerMe panel-zoom">
        <div class="msgTranslucent card-3" style="background-color: #4adb58"></div>
        <div class="contentMe">
            <div class="row text-center titleFont">
                <label class="text-white">¡REGISTRO EXITOSO!</label>
            </div>
            <div class="row text-center messageFont">
                <label class="text-white" id="successMessage"></label>
            </div>
        </div>
        <div class="row" style="padding-top: 15px">
            <div class="col-md-6 text-center messageFont">
                <span>&nbsp;ALUMNO: <label class="text-white" id="dataUser"></label></span>
            </div>
            <div class="col-md-6 text-center messageFont">
                <span>&nbsp;CICLO: <label class="text-white" id="dataCiclo"></label></span>
            </div>
        </div>
    </div>
    <!--MESSAGE SUCCESS-->

</div>


<!-- Footer -->
<div class="footer text-muted text-center footerText" style="font-size: 20px">
    <label id="footerDate">&copy; </label><a href="#">&nbsp; REGISTRO DE ASISTENCIAS</a> POR <a href="#">ÁREA DE
        SISTEMAS
        TIC</a>
</div>
<!-- /footer -->