<!DOCTYPE html>
<html lang="en">
<head>
  <title>SVSE :: Login</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	
	<script language="javascript" src="../scripts/generalutility.js"></script>
   <script language="javascript" src="../scripts/jquery-1.5.0.min.js"></script>
    
    <script language='javascript' src="../scripts/jquery.numeric.js"></script>
    <script language="javascript" src="../scripts/formutility.js?v=1"></script>
    <script type="text/javascript" src="../scripts/crypto-js.min.js"></script>
</head>
<style>

.hero-image {
  background-image: url("/images/svse/bg5.jpg");
  background-color: #cccccc;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
body {
  margin: 0;
  padding: 30px;
  display: flex;
  height: 100vh;
  align-items: flex-start;
  justify-content: center;
  background-color: var(--grey-100);
  font-family: "Poppins", sans-serif;
  color: var(--grey-700);
}

.container {
      position: relative;
    display: flex;
    flex-direction: column;
    width: 760px;
    height: 640px;
    border-radius: 24px;
    padding: 0px;
    background-color: #fffffff7;
    overflow: hidden;
    background: linear-gradient( 
90deg, rgb(255 255 255 / 90%) 0%, rgb(255 255 255 / 49%) 100%);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
    backdrop-filter: blur(8px);
}

.header {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color:white;
      margin-bottom: 40px;
}

.header-title {
  font-size: 30px;
    font-weight: 600;
    <!-- text-shadow: 2px 2px #b9b9b9; -->
    margin-top: 0;
    color:#144566;
    margin-bottom: 0px;
}

.header-image {
 width: 125px;
  <!-- height: 80px; -->
 
  <!-- margin: 20px 40px 60px 40px; -->
}

.header-image svg {
  position: relative;
  fill: var(--purple-600);
}

.header-image-particle {
  position: absolute;
  border-radius: 50%;
  background-color: var(--pink-200);
  opacity: 0.8;
}

.header-image-particle-1 {
  height: 22px;
  width: 22px;
  -webkit-animation: particle-1 1.2s ease-in-out alternate infinite;
          animation: particle-1 1.2s ease-in-out alternate infinite;
}

@-webkit-keyframes particle-1 {
  0% {
    transform: translate3d(80px, 65px, 0);
  }
  100% {
    transform: translate3d(88px, 73px, 0);
  }
}

@keyframes particle-1 {
  0% {
    transform: translate3d(80px, 65px, 0);
  }
  100% {
    transform: translate3d(88px, 73px, 0);
  }
}
.header-image-particle-2 {
  height: 18px;
  width: 18px;
  -webkit-animation: particle-2 1.4s ease-in-out alternate infinite;
          animation: particle-2 1.4s ease-in-out alternate infinite;
}

@-webkit-keyframes particle-2 {
  0% {
    transform: translate3d(-50px, 40px, 0);
  }
  100% {
    transform: translate3d(-30px, 40px, 0);
  }
}

@keyframes particle-2 {
  0% {
    transform: translate3d(-50px, 40px, 0);
  }
  100% {
    transform: translate3d(-30px, 40px, 0);
  }
}
.header-image-particle-3 {
  height: 12px;
  width: 12px;
  -webkit-animation: particle-3 1.8s ease-in-out alternate infinite;
          animation: particle-3 1.8s ease-in-out alternate infinite;
}

@-webkit-keyframes particle-3 {
  0% {
    transform: translate3d(90px, 10px, 0);
  }
  100% {
    transform: translate3d(105px, -5px, 0);
  }
}

@keyframes particle-3 {
  0% {
    transform: translate3d(90px, 10px, 0);
  }
  100% {
    transform: translate3d(105px, -5px, 0);
  }
}
.button {
  width: 60%;
  padding: 16px 16px;
  margin: 0px 20%;
  border-radius: 8px;
  border: none;
  font-weight: 500;
  font-size: 16px;
  color: white;
  background-color: #144566;
  -webkit-appearance: none;
  cursor: pointer;
  font-family: inherit;
  transition: background-color 200ms, color 200ms;
}

.button:active {
  background-color: var(--purple-800);
}

.link {
  color: var(--purple-600);
  font-weight: 500;
  text-decoration: none;
}

.link:hover {
  text-decoration: underline;
}

.text {
  font-size: 14px;
  line-height: 22px;
  margin-top: 0;
  margin-bottom: 16px;
}

.text:not(.link) {
  color: var(--grey-500);
}

.text-center {
  text-align: center;
}

.settings-buttons {
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.settings-button {
  min-width: 72px;
  padding: 10px 16px;
  margin: 16px 0;
  border-radius: 16px;
  border: none;
  font-weight: 700;
  font-size: 12px;
  color: var(--grey-500);
  background-color: var(--grey-100);
  -webkit-appearance: none;
  cursor: pointer;
  font-family: inherit;
  transition: background-color 200ms, color 200ms;
}

.settings-button-active {
  background-color: var(--pink-100);
  color: var(--purple-600);
}

.settings-button-icon {
  font-size: 40px;
  text-align: center;
  color: var(--grey-300);
  transform: translate3d(0, 0, 0);
  transition: color 200ms;
}

.settings-button-icon-active {
  color: var(--purple-600);
  transform-origin: center center;
  -webkit-animation: bounce 500ms ease-in-out;
          animation: bounce 500ms ease-in-out;
}

@-webkit-keyframes bounce {
  0% {
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  10% {
    transform: scale3d(1, 0.8, 1) translate3d(0, 0, 0);
  }
  40% {
    transform: scale3d(1, 1, 1) translate3d(0, -12px, 0);
  }
  70% {
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  100% {
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}

@keyframes bounce {
  0% {
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  10% {
    transform: scale3d(1, 0.8, 1) translate3d(0, 0, 0);
  }
  40% {
    transform: scale3d(1, 1, 1) translate3d(0, -12px, 0);
  }
  70% {
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  100% {
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}
.input {
  position: relative;
  margin: 16px 0;
  font-size: 16px;
}

.input label {
  position: absolute;
  top: 16px;
  left: 20px;
  font-weight: 500;
  color: var(--grey-400);
  pointer-events: none;
  transform-origin: top left;
  transition: transform 200ms;
}
.VAlign{
width:100%!important;
margin-bottom:10px;
}

.VAlign input {
  padding: 20px 20px 14px 20px;
  width: 100%!important;
  outline: none;
  border: none;
  font-size: 16px;
  border-bottom:1.5px solid black;
  background: var(--grey-100);
  transition: background-color 160ms;
}

.VAlign input:focus {
  background: var(--grey-200);
}

.input-active label {
  transform: scale(0.7, 0.7) translate(0, -10px);
}

.footer {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-grow: 1;
}

.footer .text {
  margin: 0;
}
.displayBlock{
	z-index:99;
	display:block;
	border: none;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 9px 9px 18px #b8b8b8, -9px -9px 18px #ffffff;
	margin-top:10%;
}
.displayNone{
	z-index:-1;
	display:none;
}

.closebtn{
	background-color: #e22525;
    color: white;
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 50%;
    font-weight: 700;
    padding: 0%;
    text-align: center;
    box-shadow: 1px 2px 5px #cdcccc;
}
.Alertboxbtn{
    background: #caced1!important;
    color: white;
    margin: 10px 5px;
    border-radius: 5px;
    border: none!important;
    padding: 6px 20px!important;
}
.ys{
    background: #1e7e34!important;
}
.no{
    background: #bd2130!important;
}


</style>
<body class="hero-image" style="font-size: 12pt" bottommargin="0" leftmargin="0" topmargin="0" rightmargin="0">




<div class="container">
    <div class="header">
	
        <div class="header-image">
		<img style="width:100%" src="/images/svse/svs_logo.png">
            <div class="header-image-particle header-image-particle-1"></div>
            <div class="header-image-particle header-image-particle-2"></div>
            <div class="header-image-particle header-image-particle-3"></div>
          </div>

        <h1 class="header-title text-center">
            Welcome to SVS Entreprises
        </h1>

        <p class="text text-center">
            
        </p> 
    </div>

    <form autocomplete="off">
       <div type="form" formid="1" style="width: 60%;margin: 0px 20%;" id="ctrl_frm1" lmdiid="ctrl_frm1"><div class="SparkText">
  <table class="SparkText VAlign" cellpadding="0" cellspacing="0">
    <td align="right" valign="middle" style="width: 100px; white-space: nowrap;"><span id="lbl_1_1" class="SparkLbl">User name</span></td>
    <td>:</td>
    <td><INPUT pval="" p="1" class="SparkTextbox" dt="2" type="text" fld="1" Formid="1" SparkCtrl="true" id="ctrl_1_1" style="WIDTH: 182px;&#xA;          font-size:11px;&#xA;        " value="" utype="uname"></td>
    <tr>
      <td style="height:5px"></td>
    </tr>
  </table>
</div>
<div class="SparkText">
  <table class="SparkText VAlign" cellpadding="0" cellspacing="0">
    <td align="right" valign="middle" style="width: 100px; white-space: nowrap;"><span id="lbl_2_1" class="SparkLbl">Password</span></td>
    <td>:</td>
    <td><INPUT pval="" p="1" class="SparkTextbox" dt="20" type="password" fld="2" Formid="1" SparkCtrl="true" id="ctrl_1_2" style="WIDTH: 182px;&#xA;          font-size:11px;&#xA;        " value="" utype="upwd" onkeyup="loginclick(event)"></td>
    <tr>
      <td style="height:5px"></td>
    </tr>
  </table>
</div>
<div class="SparkText">
  <table class="SparkText VAlign" cellpadding="0" cellspacing="0">
    <td align="right" valign="middle" style="width: 100px; white-space: nowrap;" colspan="3"><span id="lbl_3_1" class="SparkLbl" utype="uinfo"></span></td>
    <tr>
      <td style="height:5px"></td>
    </tr>
  </table>
</div></div>
	   
        <button type="button" id="BtnLogin" value="Login" formid="1" onclick="Login(this)" utype="login" class="button app-login-button" lmdiid="BtnLogin">
            Login
        </button>
    </form> 


   <!--  <div class="modal fade" id="sessionBoxModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
               <div class="modal-content">
                  <div class="modal-header">
                     <h5 class="modal-title" id="exampleModalLabel">Modal Header</h5>
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                     </button>
                  </div>
                  <div class="modal-body">
				    <h5 class="modal-title" id="SessionBox">Confirmation !</h5>
                     <button type="button" class="close" style="display: block;position: absolute;top: 0px;right: 0px;color: #da0619;padding: 0px 10px;background-color: white;border: none;font-size: 24px;font-weight: 700;" data-bs-dismiss="modal" aria-label="Close" onclick="CloseModal()"><span aria-hidden="true">&times;</span></button>

                  </div>
                  <div class="modal-footer">
                     <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                     <button type="button" class="btn btn-success">Save</button>
                  </div>
               </div>
            </div>
         </div> -->




    <div class="text-center">
	<marquee width="90%" direction="up" height="160px" scrollamount="2">
		<h3 style="color:RED;"><span>Warning!</span></h3>
		<p style="color:#555555;font-size:11px;font-family:sans-serif;margin-bottom: 2px;"><span style="font-size:14px;color:#fe1010;"></span><span>On login you accept the Terms and Conditions of use of this system</span></p>
		
		<!-- <p style="color:#555555;font-size:11px;font-family:sans-serif;margin-bottom: 2px;"><span style="font-size:14px;color:#fe1010;"></span><span>Disclosure of  information obtained through this system without authority of  Vodafone Idea LTD obligate to counter legally </span></p> -->
		<!-- <p style="color:#555555;font-size:11px;font-family:sans-serif;margin-bottom: 2px;"><span style="font-size:14px;color:#fe1010;"></span><span>For any login related issues or help, Please contact Galaxy Support Team  @ galaxy.support@letmedoit.in / +91-94006 42990 </span></p> -->
	
		<h3 style="color:Green;"><span>Login Tips!</span></h3>
		<p style="color:#555555;font-size:11px;font-family:sans-serif;margin-bottom: 2px;"><span style="font-size:14px;color:green;"></span><span>Username is not case sensitive </span></p>
		<p style="color:#555555;font-size:11px;font-family:sans-serif;margin-bottom: 2px;"><span style="font-size:14px;color:green;"></span><span>Password is case sensitive </span></p>
		
		<p style="color:#555555;font-size:11px;font-family:sans-serif;margin-bottom: 2px;"><span style="font-size:14px;color:green;"></span><span>Logging in with incorrect username and password for 3 times will disable your user account </span></p>
		
		<!-- <p style="color:#555555;font-size:11px;font-family:sans-serif;margin-bottom: 2px;"><span style="font-size:14px;color:green;"></span><span>In case forgot login password use “Forgot Password” option to reset with the Email ID </span></p> -->
	</marquee>
	
       <div style="text-center">
          <a href="javascript:Navigate('#');" onclick="HandleForgotPassword()" class="text link">Forgot password?</a>
       </div> 
       
    </div>

    <div class="footer">
        <p class="text text-center">
            © Copyright 2022 <a href="https://www.letmedoit.in/">LetMeDoit Technologies</a>. All rights reserved - 
            <!-- <a href="#" class="text link">Register!</a> -->
        </p>
    </div>

   
</div>










  
  <!-- Button to Open the Modal -->
 

 <!-- Modal -->
		
		<div class="modal fade" id="sessionBoxModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" lmdiid="sessionBoxModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel" lmdiid="exampleModalLabel">Confirmation !</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
	 <h5 class="modal-title" id="SessionBox" lmdiid="SessionBox">Confirmation !</h5>
       </div>
      </div>
      
    </div>
  </div>
  
	
  
 



		
		
		
				
		<!-- Modal -->
<div class="modal fade" id="myDialog" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" lmdiid="myDialog">
< <div class="modal-dialog"> 
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
	 <div id="DivContent" lmdiid="DivContent"> </div>
       </div>
      </div>
      
 </div> 
 </div>
		
  
<script type="text/javascript" src="/ajaxpro/prototype.ashx"></script>
<script type="text/javascript" src="/ajaxpro/core.ashx"></script>
<script type="text/javascript" src="/ajaxpro/converter.ashx"></script>
<script type="text/javascript" src="/ajaxpro/SparkAjax,LetMeDoIt.SparkFramework.Web.ashx"></script>
<script type="text/javascript" src="scripts/ajax.js"></script>

</body>
</html>
<script> $(document).ready(function() {});   </script><!-- AJAX CONTENT -->