<div class="palm-scene palm-dark login-scene small-notification">

  <div class="glass-background"></div>
  <div class="glass-fade-top" x-mojo-scroll-fade="top" style="display:none"></div>
  <div class="glass-fade-bottom" x-mojo-scroll-fade="bottom" style="display:none"></div>
  
  <div id="firstuse-main">
    <div class="glass-card small-notification">
      <div class="glass-margin">
        <div class="scene-title">
          <span>Iniciar sesión</span>
        </div>
        <div class="glass-div">
          <div id="account-login">
            <!-- <form id="loginForm" name="loginForm"> -->
            <p>
              Usa la dirección de correo electrónico y la contraseña que elegiste al crear tu perfil.
            </p>
            <div class="palm-group">
              <div class="palm-group-title">
                <span>Dirección de correo electrónico</span>
              </div>
              <div class="palm-list">
                <div class="palm-row single">
                  <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
                    <div class="title">
                      <div id="emailAddress" name="emailAddress" x-mojo-element="TextField"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="palm-group">
              <div class="palm-group-title">
                <span>Contraseña</span>
              </div>
              <div class="palm-list">
                <div class="palm-row single">
                  <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
                    <div class="title">
                      <div id="password" name="password" x-mojo-element="PasswordField"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div id="emailSyntaxError" style="display:none">
              <div class="error-container">
                <div class="error-icon">
                  <img src="images/warning-small.png">
                </div>
                <div class="error-message">
                  La dirección de correo electrónico no es válida
                </div>
              </div>
            </div>
            <div id="passwordError" style="display:none">
              <div class="error-container">
                <div class="error-icon">
                  <img src="images/warning-small.png">
                </div>
                <div class="error-message">
                  La contraseña es incorrecta
                </div>
              </div>
            </div>
            <div id="passwordLengthError" style="display:none">
              <div class="error-container">
                <div class="error-icon">
                  <img src="images/warning-small.png">
                </div>
                <div class="error-message">
                  Debes usar de 6 a 20 caracteres
                </div>
              </div>
            </div>
            <div id="acctPasswordSpaceError" style="display:none">
              <div class="error-container">
                <div class="error-icon">
                  <img src="images/warning-small.png">
                </div>
                <div class="error-message">
                  La contraseña no puede contener espacios
                </div>
              </div>
              </div>
              <div id="forgotPasswordDiv" style="display:none">
                <div x-mojo-element="Button" id="getMeSecQuestion"></div>
              </div>
              <div x-mojo-element="Button" id="logMeIn"></div>
            <!-- </form> -->

          </div>
        </div>
      </div>
    </div>
  </div>

  <div id="target"></div>

</div>
