/*
Template Name: Admin Template
Author: Wrappixel

File: scss
*/
@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");
/*Theme Colors*/
/**
 * Table Of Content
 *
 * 	1. Color system
 *	2. Options
 *	3. Body
 *	4. Typography
 *	5. Breadcrumbs
 *	6. Cards
 *	7. Dropdowns
 *	8. Buttons
 *	9. Typography
 *	10. Progress bars
 *	11. Tables
 *	12. Forms
 *	14. Component
 */
/*******************
Login register and recover password Page
******************/
.account-login-outer {
  overflow: hidden;
  height: 100vh;
}
@media (max-width: 767px) {
  .account-login-outer {
    height: 100%;
  }
}
.account-login-outer .left-img-block {
  width: 60%;
  height: 100vh;
  position: relative;
  background-color: #f3f1f7;
}
@media (max-width: 767px) {
  .account-login-outer .left-img-block {
    width: 100%;
    height: 100%;
  }
}
.account-login-outer .left-img-block .loginBox {
  min-width: 260px;
  max-width: 450px;
  margin: auto;
  margin-top: 4vw;
}
.account-login-outer .left-img-block .loginBox .panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.account-login-outer .left-img-block .loginBox .panel .panel-body {
  padding: 2rem;
}
.account-login-outer .left-img-block .loginBox .panel .panel-body .app-logo-wrapper img {
  padding: 0.5rem;
  border: 2px solid #f9f9f9;
  border-radius: 50%;
  margin: auto;
  width: 68px;
  height: 68px;
  display: block;
}
.account-login-outer .left-img-block .loginBox .panel .panel-body .app-logotype-wrapper img {
  margin: 1rem auto 2rem auto;
  width: 150px;
  display: block;
}
.account-login-outer .left-img-block .loginBox .panel .panel-body .h4,
.account-login-outer .left-img-block .loginBox .panel .panel-body h4 {
  font-size: 18px;
  color: #254f4f;
}
.account-login-outer .right-form-block {
  width: 40%;
  height: 100vh;
  background: linear-gradient(45deg, rgb(181, 242, 243) 0%, rgb(58, 165, 168) 100%);
  overflow: auto;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 80px;
  padding-bottom: 40px;
  position: relative;
}
@media (max-width: 767px) {
  .account-login-outer .right-form-block {
    width: 100%;
    height: 100%;
  }
}
.account-login-outer .loginArs {
  max-width: 450px;
  margin: 0px auto;
  text-align: center;
}
.account-login-outer .loginArs h1 {
  text-shadow: 0px 0.5px 3px rgba(20, 70, 99, 0.63);
  color: white;
  margin-top: 8px;
  margin-bottom: 25px;
  font-size: 32px;
  line-height: 1.08;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  .account-login-outer .loginArs h1 {
    font-size: 24px;
  }
}
.account-login-outer .loginArs h1 span {
  margin-bottom: 4px;
  line-height: 1.2;
  font-size: 19px;
  letter-spacing: 2.25px;
  word-spacing: 1.5px;
  display: block;
}
.account-login-outer .loginArs .getthebook {
  margin-bottom: 5vh;
  letter-spacing: 2px;
  position: relative;
  padding: 6px 25px;
  background: #F85A98;
  color: white;
  font-size: 15px;
  border-radius: 4px;
  font-weight: bold !important;
  box-shadow: 0 0 0 1px rgba(89, 105, 129, 0.1), 0 1px 3px 0 rgba(89, 105, 129, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.account-login-outer .media {
  margin-top: 15px;
  display: inherit;
}

/*# sourceMappingURL=login-register-lock.css.map */