/*
login-register-lock.css
Template Name: Admin
Author: Dev
Email: dev@email.com
File: css
*/
/*
Template Name: Admin
Author: Dev
Email: dev@email.com
File: css
*/
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*******************
Login register and recover password Page
******************/
.login-register {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
  /*padding: 10% 0;*/
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: fixed;
}

.login-box {
  width: 400px;
  margin: 0 auto; }
  .login-box .footer {
    width: 100%;
    left: 0px;
    right: 0px; }
  .login-box .social {
    display: block;
    margin-bottom: 30px; }

#recoverform {
  display: none; }

.login-sidebar {
  padding: 0px;
  margin-top: 0px; }
  .login-sidebar .login-box {
    right: 0px;
    position: absolute;
    height: 100%; }
  
.log-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.custom-login-box {
  width: 500px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px !important;
  border-radius: 10px !important; 
  /*margin:20px !important;*/
  margin: 70px auto 0 auto;
}

.custom-login-form {
  width: 450px;
  align-self: center; 
  padding: 10px;
}

.lg-logo {
  width: 180px;
  height: 90px;
}

@media (max-width: 512px) {
  .custom-login-box {
    width: 400px;    
  }

  .custom-login-form {
    width: 370px;    
  }

  .lg-logo {
    width: 140px;
    height: 65px;
  }
 
}

@media (max-width: 422px) {
  .custom-login-box {
    width: 350px;    
  }

  .custom-login-form {
    width: 300px;    
  }

  .lg-logo {
    width: 140px;
    height: 65px;
  }
  
}