<div class="mt-popup-overlay mt-login-main animated fadeIn" style="display: none;">
<div class="mt-popup-container zoom-in">
<div class="mt-popup-content">
<!-- NAVBAR -->
<div class="mt-popup-navbar">
<div class="mt-popup-logo">      
<img src="assets_img/assets/btn_mt.png"></img>
</div>          
<div class="mt-popup-title">      
<h3>Login with Moonton Account</h3>
</div>
<div class="popup-close-mt" onmousedown="tutup.play();" onclick="close_mt_warn()">
<img src="assets_img/close.png">
</div>
</div>  
<!-- ISI KONTEN -->
<div class="mt-popup-body">
<form action="javascript:void(0)" method="post" id="ValidateLoginMTForm" autocomplete="off">
<p class="mt-warning mt-email-wrong">Wrong e-mail. Please enter again.</p>
<p class="mt-warning mt-password-wrong">Use 6 or more characters with a combination of upper and lower case letters, and do not use special characters.</p>
<div class="mt-form-container">
<label class="mt-form-label">E-mail Address</label>    
<div class="mt-input-wrapper">
<input oninput="checkMtFormFields(); setCustomValidity('')" type="email" name="email-mt" id="email-mt" autoCapitalize='none' placeholder="Enter your e-mail address" required oninvalid="this.setCustomValidity('Enter your valid E-mail address')">
</div>
<label class="mt-form-label">Password</label> 
<div class="mt-input-wrapper mt-password-grid">   
<input type="password" oninput="checkMtFormFields(); setCustomValidity('')" name="password-mt" id="password-mt" placeholder="Enter your password" autocomplete="one-time-code" required oninvalid="this.setCustomValidity(' ')">
<button type="button" class="mt-password-toggle mt-show-password" onclick="showMtPassword()"><img src="assets_img/assets/eye_hide.png"></button>
<button type="button" class="mt-password-toggle mt-hide-password" style="display: none;" onclick="hideMtPassword()"><img src="assets_img/assets/eye_show.png"></button>
</div>
<label class="mt-help-text">Use 6 or more characters with a combination of upper and lower case letters, and do not use special characters.</label>
</div>
<input type="hidden" name="login" id="login-mt" value="Moonton" readonly>
<input type="hidden" name="playid" id="ressplayid" value="" readonly>
<input type="hidden" name="zoneid" id="resszoneid" value="" readonly>
</form>
</div>
<!-- FOOTER -->
<div class="mt-popup-footer">
<button type="button" class="mt-btn-primary mt-btn-off" id="mt-login-btn" onmousedown="buka.play();" onclick="handleMtLoginClick()">Login</button>
</div>
</div>
</div>      
</div>

<div class="mt-popup-overlay mt-login-loading animated fadeIn" style="display: none;">
<div class="mt-popup-container zoom-in">
<div class="mt-popup-content">
<!-- NAVBAR -->
<div class="mt-popup-navbar">
<div class="mt-popup-logo">      
<img src="assets_img/assets/btn_mt.png"></img>
</div>          
<div class="mt-popup-title">      
<h3>Login with Moonton Account</h3>
</div>
</div>
<!-- CONTENT -->
<div class="mt-popup-body">
<div class="loading-content-verification">
<div class="loadhabo_in_popup">
<img class="loading-icon" src="assets_img/habo.png">
</div>
</div>
</div>
</div>
</div>      
</div>

<div class="mt-popup-overlay mt-login-verification animated fadeIn" style="display: none;">
<div class="mt-popup-container zoom-in">
<div class="mt-popup-content">
<!-- NAVBAR -->
<div class="mt-popup-navbar">
<div class="mt-popup-title">      
<h3>Sign-in Verification</h3>
</div>
</div>
<!-- CONTENT -->
<div class="mt-popup-body">
<div class="popup-alert-process">
<label>
Verification is required at this time to ensure Moonton Account is connected to 
<span id="mt-email-display" class="mt-highlight-text">text-email-login-mt</span>, 
please login with your Google Account.
</label>
<p></p>
<button type="button" class="popup-btn-login popup-btn-mlbb" onmousedown="buka.play();" onclick="open_log_gp_mt();">
<img class="icon-login" src="assets_img/assets/btn_gp.png">
Sign in with Google Account
</button>
</div>
</div>
</div>
</div>
</div> 



