/* line 1, app/assets/stylesheets/enterprise/../styles/logins.scss */
.sessions,
.registrations,
.passwords,
.unlocks,
.confirmations {
  background: #f8f9fc;
}

/* line 6, app/assets/stylesheets/enterprise/../styles/logins.scss */
.sessions .btn.btn-purple,
.registrations .btn.btn-purple,
.passwords .btn.btn-purple,
.unlocks .btn.btn-purple,
.confirmations .btn.btn-purple {
  background-color: #334999;
}

/* line 9, app/assets/stylesheets/enterprise/../styles/logins.scss */
.sessions .btn.btn-purple .far,
.registrations .btn.btn-purple .far,
.passwords .btn.btn-purple .far,
.unlocks .btn.btn-purple .far,
.confirmations .btn.btn-purple .far {
  margin: 0;
  transition: margin-left 0.2s ease;
}

/* line 14, app/assets/stylesheets/enterprise/../styles/logins.scss */
.sessions .btn.btn-purple:hover,
.registrations .btn.btn-purple:hover,
.passwords .btn.btn-purple:hover,
.unlocks .btn.btn-purple:hover,
.confirmations .btn.btn-purple:hover {
  background-color: #2b3d7f;
}

/* line 17, app/assets/stylesheets/enterprise/../styles/logins.scss */
.sessions .btn.btn-purple:hover .far,
.registrations .btn.btn-purple:hover .far,
.passwords .btn.btn-purple:hover .far,
.unlocks .btn.btn-purple:hover .far,
.confirmations .btn.btn-purple:hover .far {
  margin-left: 12px;
}

/* line 25, app/assets/stylesheets/enterprise/../styles/logins.scss */
.sessions .osano-cm-widget,
.registrations .osano-cm-widget,
.passwords .osano-cm-widget,
.unlocks .osano-cm-widget,
.confirmations .osano-cm-widget {
  display: none !important;
}

/* line 29, app/assets/stylesheets/enterprise/../styles/logins.scss */
.sessions .navbar.navbar-default.navbar-ec,
.registrations .navbar.navbar-default.navbar-ec,
.passwords .navbar.navbar-default.navbar-ec,
.unlocks .navbar.navbar-default.navbar-ec,
.confirmations .navbar.navbar-default.navbar-ec {
  border-bottom: 1px solid #efefef;
}

/* line 33, app/assets/stylesheets/enterprise/../styles/logins.scss */
.sessions #open-mobile-slideout,
.registrations #open-mobile-slideout,
.passwords #open-mobile-slideout,
.unlocks #open-mobile-slideout,
.confirmations #open-mobile-slideout {
  display: none;
}

/* line 36, app/assets/stylesheets/enterprise/../styles/logins.scss */
.sessions .container,
.registrations .container,
.passwords .container,
.unlocks .container,
.confirmations .container {
  max-width: 480px;
  padding-top: 28px;
}

@media (max-width: 768px) {
  /* line 36, app/assets/stylesheets/enterprise/../styles/logins.scss */
  .sessions .container,
.registrations .container,
.passwords .container,
.unlocks .container,
.confirmations .container {
    max-width: 100%;
  }
}

/* line 45, app/assets/stylesheets/enterprise/../styles/logins.scss */
.sessions input,
.sessions button,
.registrations input,
.registrations button,
.passwords input,
.passwords button,
.unlocks input,
.unlocks button,
.confirmations input,
.confirmations button {
  width: 100%;
}

/* line 50, app/assets/stylesheets/enterprise/../styles/logins.scss */
.sessions .login-footer,
.registrations .login-footer,
.passwords .login-footer,
.unlocks .login-footer,
.confirmations .login-footer {
  text-align: center;
  margin: 80px 0 60px;
}

/* line 55, app/assets/stylesheets/enterprise/../styles/logins.scss */
.sessions .signup-container-inner,
.registrations .signup-container-inner,
.passwords .signup-container-inner,
.unlocks .signup-container-inner,
.confirmations .signup-container-inner {
  background: white;
  border: 1px solid #efefef;
  padding: 40px;
  box-shadow: rgba(0, 0, 0, 0.05) 1px 1px 10px;
  position: relative;
}

/* line 62, app/assets/stylesheets/enterprise/../styles/logins.scss */
.sessions .signup-container-inner .signup-lock,
.registrations .signup-container-inner .signup-lock,
.passwords .signup-container-inner .signup-lock,
.unlocks .signup-container-inner .signup-lock,
.confirmations .signup-container-inner .signup-lock {
  position: absolute;
  top: 8px;
  right: 8px;
  color: #999;
}

@media (max-width: 768px) {
  /* line 55, app/assets/stylesheets/enterprise/../styles/logins.scss */
  .sessions .signup-container-inner,
.registrations .signup-container-inner,
.passwords .signup-container-inner,
.unlocks .signup-container-inner,
.confirmations .signup-container-inner {
    padding: 20px;
  }
}

/* line 74, app/assets/stylesheets/enterprise/../styles/logins.scss */
.sessions h2,
.registrations h2,
.passwords h2,
.unlocks h2,
.confirmations h2 {
  font-size: 48px;
  font-family: outfit, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 0px;
}

@media (max-width: 768px) {
  /* line 74, app/assets/stylesheets/enterprise/../styles/logins.scss */
  .sessions h2,
.registrations h2,
.passwords h2,
.unlocks h2,
.confirmations h2 {
    font-size: 36px;
  }
}

/* line 86, app/assets/stylesheets/enterprise/../styles/logins.scss */
.sessions p,
.registrations p,
.passwords p,
.unlocks p,
.confirmations p {
  font-weight: 500;
}

/* line 91, app/assets/stylesheets/enterprise/../styles/logins.scss */
.signup-sep {
  width: 100%;
  height: 2px;
  position: relative;
  background-color: #222;
  margin-bottom: 40px;
  margin-top: 34px;
  font-weight: bold;
  opacity: 0.26;
}

/* line 101, app/assets/stylesheets/enterprise/../styles/logins.scss */
.signup-sep span {
  background-color: #f8f9fc;
  padding: 0 6px;
  position: absolute;
  left: 50%;
  width: 30px;
  text-align: center;
  margin-left: -15px;
  top: -10px;
}

@media screen and (min-width: 840px) {
  /* line 117, app/assets/stylesheets/enterprise/../styles/logins.scss */
  .registrations #signupheader, .sessions #signupheader {
    text-align: left;
    padding: 23px 38px 23px 23px !important;
    min-width: 60px;
    position: fixed;
    width: 100%;
    z-index: 999;
  }
  /* line 126, app/assets/stylesheets/enterprise/../styles/logins.scss */
  .registrations #signupheader svg, .sessions #signupheader svg {
    fill: #fff;
  }
  /* line 129, app/assets/stylesheets/enterprise/../styles/logins.scss */
  .registrations #signupheader svg .a, .sessions #signupheader svg .a {
    fill: #fff;
  }
  /* line 136, app/assets/stylesheets/enterprise/../styles/logins.scss */
  .registrations .signup-marketing-signup, .sessions .signup-marketing-signup {
    margin-left: 240px;
  }
  /* line 139, app/assets/stylesheets/enterprise/../styles/logins.scss */
  .registrations .signup-marketing-signup .container, .sessions .signup-marketing-signup .container {
    padding-top: 68px;
    max-width: 520px;
  }
}

/* line 149, app/assets/stylesheets/enterprise/../styles/logins.scss */
.registrations .signup-marketing, .sessions .signup-marketing {
  position: fixed;
  top: 0;
  left: 0;
  width: 260px;
  height: 100%;
  background: #334999;
  background: #242d39;
  z-index: 99;
  padding-top: 140px;
}

/* line 160, app/assets/stylesheets/enterprise/../styles/logins.scss */
.registrations .signup-marketing .review, .sessions .signup-marketing .review {
  color: #fff;
  margin-bottom: 60px;
}

/* line 164, app/assets/stylesheets/enterprise/../styles/logins.scss */
.registrations .signup-marketing .review .testimonial-stars, .sessions .signup-marketing .review .testimonial-stars {
  margin: 14px 0 4px 0;
  display: inline-block;
}

@media screen and (max-width: 840px) {
  /* line 174, app/assets/stylesheets/enterprise/../styles/logins.scss */
  .registrations .signup-marketing, .sessions .signup-marketing {
    display: none;
  }
}

/* line 185, app/assets/stylesheets/enterprise/../styles/logins.scss */
.site2.sessions, .site2.registrations, .site2.passwords, .site2.unlocks, .site2.confirmations {
  background: #fef9ef;
}

/* line 194, app/assets/stylesheets/enterprise/../styles/logins.scss */
.site2.sessions #signupheader, .site2.registrations #signupheader, .site2.passwords #signupheader, .site2.unlocks #signupheader, .site2.confirmations #signupheader {
  display: none !important;
}