/*
  External colors
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
/*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
******************/
/* line 8, ../../../scss/includes/pages/login-register-lock.scss */
.login-register {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
  padding: 10% 0;
  position: fixed;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/* line 22, ../../../scss/includes/pages/login-register-lock.scss */
.reset-password .recoverform.login-box {
  width: 700px;
  padding: 20px;
}
/* line 25, ../../../scss/includes/pages/login-register-lock.scss */
.reset-password .recoverform.login-box .form-outer {
  max-width: 70%;
  margin: 0 auto;
}
/* line 28, ../../../scss/includes/pages/login-register-lock.scss */
.reset-password .recoverform.login-box .form-outer .form-control,
.reset-password .recoverform.login-box .form-outer button {
  max-width: 275px;
}
/* line 33, ../../../scss/includes/pages/login-register-lock.scss */
.reset-password .recoverform.login-box .form-outer label.error {
  line-height: 18px;
  font-size: 12px;
  display: block;
}
@media only screen and (max-width: 768px) {
  /* line 22, ../../../scss/includes/pages/login-register-lock.scss */
  .reset-password .recoverform.login-box {
    width: 95%;
    max-width: 95%;
  }
}

/* line 48, ../../../scss/includes/pages/login-register-lock.scss */
.login-box {
  width: 400px;
  margin: 0 auto;
}
/* line 52, ../../../scss/includes/pages/login-register-lock.scss */
.login-box .footer {
  width: 100%;
  left: 0px;
  right: 0px;
}
/* line 57, ../../../scss/includes/pages/login-register-lock.scss */
.login-box .social {
  display: block;
  margin-bottom: 30px;
}

/* line 65, ../../../scss/includes/pages/login-register-lock.scss */
.login-sidebar {
  padding: 0px;
  margin-top: 0px;
}
/* line 69, ../../../scss/includes/pages/login-register-lock.scss */
.login-sidebar .login-box {
  right: 0px;
  position: absolute;
  height: 100%;
}

/* line 82, ../../../scss/includes/pages/login-register-lock.scss */
.ss-blue .login-register .form-material .form-control:focus,
.ss-blue .reset-password .form-material .form-control:focus {
  background-image: linear-gradient(#f9385b, #f9385b), linear-gradient(#e9ecef, #e9ecef);
}
/* line 88, ../../../scss/includes/pages/login-register-lock.scss */
.ss-blue .login-register .brand-logo,
.ss-blue .reset-password .brand-logo {
  max-width: 250px;
  margin: 0 auto 20px;
}
/* line 94, ../../../scss/includes/pages/login-register-lock.scss */
.ss-blue .login-register button.btn.btn-info,
.ss-blue .reset-password button.btn.btn-info {
  background-color: #f9385b;
  border-color: #f9385b;
}