<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html dir='ltr' >
<head profile="http://www.w3.org/2005/10/profile"><title>Login - Safe Data</title>
<meta http-equiv='Content-type' content='text/html; charset=utf-8' >
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"><link href='./themes/Saaisaran/css/login.css' rel='stylesheet' type='text/css'> 
<link href='https://apps.safeerp.net/assets/img/apps.safeerp.net/favicon.png' rel='icon' type='image/x-icon'> 
 <!-- Google Font -->
	<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Jost&display=swap"><style> html, body { font-family : Jost;}
 			:root{--primary-color: #03A9F4; } 
 		</style></head>
<style>
*, :after, :before {    box-sizing: border-box;}
html {  height: 100%;}
body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(18,38,63,0);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    margin: 0;
    text-align: var(--bs-body-text-align);
    min-height:100%;
}
.border-top-2 {    border-top-width: 2px!important;}
.bg-auth {    background-color: #fff!important;}
.align-items-center {    align-items: center!important;}
.border-primary {    border-color: #2c7be5!important;}
.border-top {    border-top: 1px solid #e3ebf6!important;}
.d-flex {    display: flex!important;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--bs-gutter-x,.75rem);
    padding-right: var(--bs-gutter-x,.75rem);
    width: 100%;
}
.loginLogo { text-align: center; }
.justify-content-center {    justify-content: center!important;}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x)*-.5);
    margin-right: calc(var(--bs-gutter-x)*-.5);
    margin-top: calc(var(--bs-gutter-y)*-1);
}
.col {    flex: 1 0 0%;}
input, select { box-sizing: border-box;}
.my-5 {    margin-bottom: 2.25rem!important;    margin-top: 2.25rem!important;}
.col-12 {   flex: 0 0 auto;   width: 100%;}
.row>* {   flex-shrink: 0;   margin-top: var(--bs-gutter-y);   max-width: 100%;   padding-left: calc(var(--bs-gutter-x)*.5);    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%;}
.col-auto {    flex: 0 0 auto;    width: auto;}
.display-1, .display-2, .display-3, .display-4, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {    letter-spacing: -.02em;}
.text-center {    text-align: center!important;}
.mb-3 {    margin-bottom: 0.75rem!important;}
.display-4 {    font-size: 2rem;}
.display-3, .display-4 {    font-weight: 600;    line-height: 1.1;}
.text-muted {    --bs-text-opacity: 1;    color: #95aac9!important;}
.form-text {    display: block;    margin-bottom: 0.5rem;    color: #95aac9;    font-size: .8125rem;    margin-top: 0;}
.text-center {    text-align: center!important;}
.mb-5 {    margin-bottom: 2.25rem!important;}
p {    margin-bottom: 1rem;    margin-top: 0;}
.form-group {   margin-bottom: 1.375rem; }
.form-label {    margin-bottom: 0.5rem;}
label {    display: inline-block;}
.form-control:not(.form-select) {    padding-right: 0;}
.form-control {    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    background-clip: padding-box;    background-color: #fff;
    border: 1px solid #d2ddec;    border-radius: 0.375rem;    color: #12263f;    display: block;    font-size: .9375rem;    font-weight: 400;    line-height: 1.5;    padding: 0.5rem 0.75rem;    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;    width: 100%;}

.input-group {    align-items: stretch;    display: flex;    flex-wrap: wrap;    position: relative;    width: 100%;}
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {    border-bottom-right-radius: 0;    border-top-right-radius: 0;}

.input-group-merge>.form-control {    border-right-width: 0;}
.form-control:not(.form-select) {    padding-right: 0;}
.input-group>.form-control, .input-group>.form-select {    flex: 1 1 auto;    min-width: 0;    position: relative;    width: 1%;}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-bottom-left-radius: 0;    border-top-left-radius: 0;    margin-left: -1px;}
.input-group>:not(:first-child):not(.dropdown-menu) {    margin-left: 0;}
.input-group-merge>.input-group-text {    border-left-width: 0;    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.input-group-text {    align-items: center;    background-color: #fff;    border: 1px solid #d2ddec;    border-radius: 0.375rem;    color: #95aac9;
    display: flex;    font-size: .9375rem;    font-weight: 400;    line-height: 1.5;    padding: 0.5rem 0.75rem;    text-align: center;    white-space: nowrap;}
button:not(:disabled) {    cursor: pointer;}
.btn-group-lg>.btn, .btn-lg {    line-height: 1.5;}
.mb-3 {    margin-bottom: 0.75rem!important;}
.w-100 {    width: 100%!important;}
.btn-group-lg>.btn, .btn-lg {    border-radius: 0.5rem;    font-size: .9375rem;    padding: 0.75rem 1.25rem;}

.btn {    background-color: transparent;    border: 1px solid transparent;    border-radius: 0.375rem;
    color: #12263f;    cursor: pointer;    display: inline-block;    font-size: .9375rem;
    font-weight: 400;    line-height: 1.5;    padding: 0.5rem 0.75rem;    text-align: center;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-user-select: none;    -moz-user-select: none;    user-select: none;    vertical-align: middle;
}
[type=button], [type=reset], [type=submit], button {    -webkit-appearance: button;}
.btn-primary {    background-color: #2c7be5;    border-color: #2c7be5;    color: #fff;}
button, select {    text-transform: none;}
button, input, optgroup, select, textarea {    font-family: inherit;    font-size: inherit;    line-height: inherit;    margin: 0;}
.text-center {    text-align: center!important;}
.small, small {    font-size: .8125rem;}
a, a:hover {    text-decoration: none;}
a {    color: #2c7be5;}
div.g-recaptcha div{ margin: 0 auto;    margin-bottom: 5%;}
.alert-success {    background-color: #04ae67;    border-color: #00d97e;    color: #fff;}
.alert-primary {    color: #12315c;}
.alert {    border: 1px solid transparent;    border-radius: 0.375rem;    margin-bottom: 1.5rem;    padding: 0.75rem 1.25rem;    position: relative;}
.alert-danger {    background-color: #e63757;    border-color: #e63757;    color: #fff; }
@media (min-width: 576px){
    .container, .container-sm {   max-width: 540px;  }
}
@media (min-width: 768px){
    .container, .container-md, .container-sm {  max-width: 720px;}
    .col-md-5 {    flex: 0 0 auto;    width: 41.66667%;}
}
@media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm {    max-width: 960px;}
}

@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {   max-width: 1140px;}
    .col-xl-4 {   flex: 0 0 auto;    width: 33.33333%;}
}
</style>
<script>
  window.console = window.console || function(t) {};
  if (document.location.search.match(/type=embed/gi)) {
    window.parent.postMessage("resize", "*");
  }

  function show_password(){
    var x = document.getElementById("password_input");
    if (x.type === "password") {
        x.type = "text";
    } else {
        x.type = "password";
    }
  }
</script>
<link href="https://apps.safeerp.net/assets/css/fontello.css" rel='stylesheet' type='text/css'>
<body class="d-flex align-items-center bg-auth border-top border-top-2 border-primary" style="display: block;">
    <!-- CONTENT
    ================================================== -->
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12 col-md-5 col-xl-4 my-5">
        <div class='loginLogo' ><a style='margin: 0 auto; width:100%; text-align:center; ' target='_blank' href='https://apps.safeerp.net'><img src='https://apps.safeerp.net/assets/img/apps.safeerp.net/logo.png' alt='Safe Data' border='0' style='margin-bottom:10%; max-width: 250px;' class='animation a6'/></a></div>          <!-- Heading -->
                    <h1 class="display-4 text-center mb-3">
          Sign In          </h1>

          <!-- Subheading -->
          <p class="text-muted text-center mb-5">
          Welcome Back to Safe Data          </p>

          <!-- Form -->
          <form  method='post' action='/templates/Abarna/assets/css/vendor/bootstrap.min.css' name='loginform form' class="form login" >
<input type='hidden' id=count name='count' value='0' >
<input type='hidden' id=ui_mode name='ui_mode' value='0' >
<input type="hidden" name="company_login_name" value="0">            <!-- Email address -->
            <div class="form-group">

              <!-- Label -->
              <label class="form-label">  Email Address    </label>

              <!-- Input -->
              <input type="email" class="form-control" name="email" placeholder="E-mail">
            </div>
                        <!-- Password -->
            <div class="form-group">
              <div class="row">
                <div class="col">
                  <!-- Label -->
                  <label class="form-label"> Password  </label>
                </div>
                                <div class="col-auto">
                  <!-- Help text -->
                  <a href="https://apps.safeerp.net/?reset=1" class="form-text small text-muted">   Forgot password?  </a>
                </div>               </div> <!-- / .row -->                
              <!-- Input group -->
              <div class="input-group input-group-merge">

                <!-- Input -->
                <input class="form-control" id="password_input" type="password" name="password" placeholder="Password">

                <!-- Icon -->
                <span class="input-group-text" onclick="show_password()"> <i class="icon-eye"></i> </span>
              </div>
            </div>
                                    <!-- Submit -->
            <input class="btn btn-lg w-100 btn-primary mb-3" type="submit" name="SubmitUser"  onclick='set_fullmode();' 
               value="Sign in">
                        <!-- Link -->
            <div class="text-center">
              <small class="text-muted text-center">
              Don't have an account yet ? <a href="https://safeerp.net">Sign Up</a>.
              </small>
            </div>
          </form>
        </div>
      </div> <!-- / .row -->
    </div> <!-- / .container -->

<div id="draggable-live-region" aria-relevant="additions" aria-atomic="true" aria-live="assertive" role="log" style="position: fixed; width: 1px; height: 1px; top: -1px; overflow: hidden;"></div> 
<script language='JavaScript' type='text/javascript'>
    //<![CDATA[
            <!--
            document.forms[0].email.select();
            document.forms[0].email.focus();
            //-->
    //]]>

	function set_fullmode() {
	document.getElementById('ui_mode').value = 1;
	document.loginform.submit();
	return true;
	}
    </script></div></div></body></html>
