/* Lost Password Form — visually aligned with register form */

* { box-sizing: border-box; }

.sm-lostpassword-form {
  padding: 40px 35px;
  background: #fff;
  border: 1px solid #e3e6ea !important;
  border-radius: 12px;
  margin: 50px 0; /* container centers; form spans container */
  width: 100%;
  max-width: 100%;
}

.sm-lostpassword-form .sm-description { margin-bottom: 12px; color:#495057; font-size:15px; }
.sm-lostpassword-form .sm-field { margin-bottom: 24px; }
.sm-lostpassword-form label { display:block; margin-bottom:10px; color:#495057; font-weight:500; font-size:15px; }
.sm-lostpassword-form .sm-input { display:block; width:100%; max-width:100%; padding:10px 12px; border:1px solid #ced4da; border-radius:4px; font-size:14px; line-height:1.5; color:#495057; background:#fff; }
.sm-lostpassword-form .sm-input:focus { border-color:#80bdff; outline:0; }

.sm-lostpassword-form .sm-submit { text-align:center; margin-top:22px; }
.sm-lostpassword-form .sm-button { display:inline-block; font-weight:500; text-align:center; white-space:nowrap; vertical-align:middle; user-select:none; border:1px solid transparent; padding:12px 20px; font-size:15px; line-height:1.5; border-radius:6px; transition:all .15s ease-in-out; cursor:pointer; color:#fff; background:#066AAF; border-color:#066AAF; }
.sm-lostpassword-form .sm-button:hover:not(:disabled) { background:#055C92; border-color:#055C92; }
.sm-lostpassword-form .sm-button:disabled { opacity:.65; cursor:not-allowed; }

.sm-lostpassword-form .sm-links { text-align:center; margin-top:16px; color:#6c757d; font-size:14px; }
.sm-lostpassword-form .sm-links a { color:#066AAF; text-decoration:none; }
.sm-lostpassword-form .sm-links a:hover { color:#055C92; text-decoration:underline; }

@media (max-width: 767px) {
  .sm-lostpassword-form { padding:20px 15px; margin:30px auto; }
}