@charset "UTF-8";
/* -------------------------------------------

    LOGIN and REGISTRATION PAGES

-------------------------------------------- */
.login-page .main, .register-page .main {
  padding-top: 20px;
}
.large-mobile-and-up .login-page .main, .large-mobile-and-up .register-page .main {
  max-width: 600px;
  position: relative;
  padding-bottom: 50px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.login-page h1, .register-page h1 {
  font: bold 26px Manrope, sans-serif;
  padding: 20px 0;
}
.login-page .login-form, .login-page .register-form, .register-page .login-form, .register-page .register-form {
  padding-top: 20px;
}
.large-mobile-and-up .login-page .login-form, .large-mobile-and-up .login-page .register-form, .large-mobile-and-up .register-page .login-form, .large-mobile-and-up .register-page .register-form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.large-mobile-and-up .login-page .login-form .input-block, .large-mobile-and-up .login-page .login-form .soc-logins, .large-mobile-and-up .login-page .register-form .input-block, .large-mobile-and-up .login-page .register-form .soc-logins, .large-mobile-and-up .register-page .login-form .input-block, .large-mobile-and-up .register-page .login-form .soc-logins, .large-mobile-and-up .register-page .register-form .input-block, .large-mobile-and-up .register-page .register-form .soc-logins {
  width: 45%;
}
.login-page .login-form .email-box,
.login-page .login-form .password-box, .login-page .register-form .email-box,
.login-page .register-form .password-box, .register-page .login-form .email-box,
.register-page .login-form .password-box, .register-page .register-form .email-box,
.register-page .register-form .password-box {
  position: relative;
  height: fit-content;
  padding: 10px 0 20px 0;
}
.login-page .login-form .email-box span,
.login-page .login-form .password-box span, .login-page .register-form .email-box span,
.login-page .register-form .password-box span, .register-page .login-form .email-box span,
.register-page .login-form .password-box span, .register-page .register-form .email-box span,
.register-page .register-form .password-box span {
  position: absolute;
  font-size: 14px;
  top: 0;
  left: 30px;
  padding: 0 4px;
  background: #FFFFFF;
}
.login-page .login-form .email-box input,
.login-page .login-form .password-box input, .login-page .register-form .email-box input,
.login-page .register-form .password-box input, .register-page .login-form .email-box input,
.register-page .login-form .password-box input, .register-page .register-form .email-box input,
.register-page .register-form .password-box input {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #D5D5D5;
  font: bold 13px Manrope, sans-serif;
  overflow-x: scroll;
  white-space: nowrap;
}
.login-page .login-form .email-box input.invalid-value,
.login-page .login-form .password-box input.invalid-value, .login-page .register-form .email-box input.invalid-value,
.login-page .register-form .password-box input.invalid-value, .register-page .login-form .email-box input.invalid-value,
.register-page .login-form .password-box input.invalid-value, .register-page .register-form .email-box input.invalid-value,
.register-page .register-form .password-box input.invalid-value {
  padding-right: 41px;
  border-color: #EC3131;
}
.login-page .login-form .email-box input.valid-value,
.login-page .login-form .password-box input.valid-value, .login-page .register-form .email-box input.valid-value,
.login-page .register-form .password-box input.valid-value, .register-page .login-form .email-box input.valid-value,
.register-page .login-form .password-box input.valid-value, .register-page .register-form .email-box input.valid-value,
.register-page .register-form .password-box input.valid-value {
  padding-right: 41px;
  border-color: #8DB723;
}
.login-page .login-form .email-box img,
.login-page .login-form .password-box img, .login-page .register-form .email-box img,
.login-page .register-form .password-box img, .register-page .login-form .email-box img,
.register-page .login-form .password-box img, .register-page .register-form .email-box img,
.register-page .register-form .password-box img {
  display: none;
  position: absolute;
  right: 27px;
  top: 25px;
}
.login-page .login-form .email-box img.valid,
.login-page .login-form .password-box img.valid, .login-page .register-form .email-box img.valid,
.login-page .register-form .password-box img.valid, .register-page .login-form .email-box img.valid,
.register-page .login-form .password-box img.valid, .register-page .register-form .email-box img.valid,
.register-page .register-form .password-box img.valid {
  top: 28px;
}
.login-page .login-form .email-box .errorlist,
.login-page .login-form .password-box .errorlist, .login-page .register-form .email-box .errorlist,
.login-page .register-form .password-box .errorlist, .register-page .login-form .email-box .errorlist,
.register-page .login-form .password-box .errorlist, .register-page .register-form .email-box .errorlist,
.register-page .register-form .password-box .errorlist {
  color: #EC3131;
}
.login-page .login-form .agreement-checkbox.invalid-value input, .login-page .register-form .agreement-checkbox.invalid-value input, .register-page .login-form .agreement-checkbox.invalid-value input, .register-page .register-form .agreement-checkbox.invalid-value input {
  border-color: red;
}
.login-page .login-form .remind-pass-trigger, .login-page .register-form .remind-pass-trigger, .register-page .login-form .remind-pass-trigger, .register-page .register-form .remind-pass-trigger {
  display: block;
  font: 500 13px Manrope, sans-serif;
  color: #027EA6;
  padding: 10px 0;
}
.login-page .login-form .register-link, .login-page .register-form .register-link, .register-page .login-form .register-link, .register-page .register-form .register-link {
  display: block;
  padding-top: 10px;
  font: 500 13px Manrope, sans-serif;
  text-align: center;
}
.login-page .login-form .register-link a, .login-page .register-form .register-link a, .register-page .login-form .register-link a, .register-page .register-form .register-link a {
  color: #027EA6;
}
.login-page .login-form .agreement-checkbox, .login-page .register-form .agreement-checkbox, .register-page .login-form .agreement-checkbox, .register-page .register-form .agreement-checkbox {
  display: flex;
  padding-bottom: 20px;
  position: relative;
  font: normal 13px Manrope, sans-serif;
}
.login-page .login-form .agreement-checkbox input, .login-page .register-form .agreement-checkbox input, .register-page .login-form .agreement-checkbox input, .register-page .register-form .agreement-checkbox input {
  -webkit-appearance: none;
  width: 17px;
  height: 17px;
  padding: 7px;
  background: #FFFFFF;
  border: 2px solid #8DB723;
  border-radius: 4px;
  cursor: pointer;
}
.login-page .login-form .agreement-checkbox input:checked:after, .login-page .register-form .agreement-checkbox input:checked:after, .register-page .login-form .agreement-checkbox input:checked:after, .register-page .register-form .agreement-checkbox input:checked:after {
  content: "✔";
  width: 17px;
  height: 17px;
  padding-left: 3px;
  position: absolute;
  top: 3px;
  left: 5px;
  color: #FFFFFF;
  background: #8DB723;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
}
.login-page .login-form .agreement-checkbox label, .login-page .register-form .agreement-checkbox label, .register-page .login-form .agreement-checkbox label, .register-page .register-form .agreement-checkbox label {
  display: inline-block;
  padding-left: 10px;
  cursor: pointer;
}
.login-page .login-form .agreement-checkbox a, .login-page .register-form .agreement-checkbox a, .register-page .login-form .agreement-checkbox a, .register-page .register-form .agreement-checkbox a {
  color: #027EA6;
}
.login-page .login-form .primary-button, .login-page .register-form .primary-button, .register-page .login-form .primary-button, .register-page .register-form .primary-button {
  height: 50px;
  position: relative;
  font-size: 14px;
}
.login-page .login-form .soc-logins, .login-page .register-form .soc-logins, .register-page .login-form .soc-logins, .register-page .register-form .soc-logins {
  padding: 30px 0;
}
.large-mobile-and-up .login-page .login-form .soc-logins, .large-mobile-and-up .login-page .register-form .soc-logins, .large-mobile-and-up .register-page .login-form .soc-logins, .large-mobile-and-up .register-page .register-form .soc-logins {
  padding: 0;
}
.login-page .login-form .soc-logins .login-fb, .login-page .register-form .soc-logins .login-fb, .register-page .login-form .soc-logins .login-fb, .register-page .register-form .soc-logins .login-fb {
  margin-top: 10px;
  background-color: #4968b4;
  border: 1px solid #4968b4;
}
.login-page .login-form .soc-logins .login-fb:active, .login-page .register-form .soc-logins .login-fb:active, .register-page .login-form .soc-logins .login-fb:active, .register-page .register-form .soc-logins .login-fb:active {
  box-shadow: inset 1px 2px 3px 0px #2e4479;
}
.login-page .login-form .soc-logins .login-google, .login-page .register-form .soc-logins .login-google, .register-page .login-form .soc-logins .login-google, .register-page .register-form .soc-logins .login-google {
  margin-top: 10px;
  color: #4a4a4a;
  background-color: #FFFFFF;
  border: 1px solid #D5D5D5;
}
.login-page .login-form .soc-logins .login-google:active, .login-page .register-form .soc-logins .login-google:active, .register-page .login-form .soc-logins .login-google:active, .register-page .register-form .soc-logins .login-google:active {
  box-shadow: inset 1px 2px 3px 0px #cbcfd6;
}
.large-mobile-and-up .login-page .login-form .soc-logins .login-google, .large-mobile-and-up .login-page .register-form .soc-logins .login-google, .large-mobile-and-up .register-page .login-form .soc-logins .login-google, .large-mobile-and-up .register-page .register-form .soc-logins .login-google {
  margin-top: 30px;
}
.login-page .login-form .soc-logins img, .login-page .register-form .soc-logins img, .register-page .login-form .soc-logins img, .register-page .register-form .soc-logins img {
  position: absolute;
  top: 11px;
  left: 15px;
}

.remind-pass-popup .input-row {
  padding-top: 20px;
}
.tablet-and-up .remind-pass-popup .input-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.remind-pass-popup .input-row .email-box {
  position: relative;
  height: 50px;
  padding: 10px 0 20px 0;
}
.tablet-and-up .remind-pass-popup .input-row .email-box {
  width: 60%;
  padding-bottom: 0;
}
.remind-pass-popup .input-row .primary-button {
  width: 100%;
}
.tablet-and-up .remind-pass-popup .input-row .primary-button {
  width: 25%;
}

/* -------------------------------------------

    CONFIRM EMAIL, PASSWORD CHANGE PAGES, SOCIALACCOUNT TEMPLATES

-------------------------------------------- */
.confirm-email,
.password-change,
.socialaccount-block {
  padding-top: 20px;
}
.large-mobile-and-up .confirm-email,
.large-mobile-and-up .password-change,
.large-mobile-and-up .socialaccount-block {
  max-width: 600px;
  position: relative;
  padding-bottom: 50px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.confirm-email h1,
.password-change h1,
.socialaccount-block h1 {
  font: bold 22px Manrope, sans-serif;
  padding: 20px 0;
}
.tablet-and-up .confirm-email h1,
.tablet-and-up .password-change h1,
.tablet-and-up .socialaccount-block h1 {
  font-size: 26px;
}
.confirm-email .content-text,
.password-change .content-text,
.socialaccount-block .content-text {
  font: normal 16px/24px Manrope, sans-serif;
  padding-bottom: 20px;
}
.confirm-email form .errorlist,
.password-change form .errorlist,
.socialaccount-block form .errorlist {
  padding-bottom: 10px;
  color: #EC3131;
}
.confirm-email form label,
.password-change form label,
.socialaccount-block form label {
  padding: 6px;
  font-size: 14px;
}
.confirm-email form input,
.password-change form input,
.socialaccount-block form input {
  height: 40px;
  margin-bottom: 15px;
}
.confirm-email form .primary-button,
.password-change form .primary-button,
.socialaccount-block form .primary-button {
  height: 40px;
  padding: 0;
}
.confirm-email .contact-link, .confirm-email .reset-pass-link,
.password-change .contact-link,
.password-change .reset-pass-link,
.socialaccount-block .contact-link,
.socialaccount-block .reset-pass-link {
  font-weight: bold;
  color: #027ea6;
}

.socialaccount-block {
  padding: 0 0 20px 0;
}
.socialaccount-block button {
  margin-top: 20px;
}
.socialaccount-block .email-box {
  position: relative;
  height: fit-content;
  padding: 10px 0 20px 0;
}
.socialaccount-block .email-box span {
  position: absolute;
  font-size: 14px;
  top: 0;
  left: 30px;
  padding: 0 4px;
  background: #FFFFFF;
}
.socialaccount-block .email-box input {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #D5D5D5;
  font: bold 13px Manrope, sans-serif;
  overflow-x: scroll;
  white-space: nowrap;
}
.socialaccount-block .email-box input.invalid-value {
  padding-right: 41px;
  border-color: #EC3131;
}
.socialaccount-block .email-box input.valid-value {
  padding-right: 41px;
  border-color: #8DB723;
}
.socialaccount-block .email-box img {
  display: none;
  position: absolute;
  right: 15px;
  top: 21px;
}
.socialaccount-block .email-box img.valid {
  top: 25px;
}
.socialaccount-block .email-box .errorlist {
  color: #EC3131;
}

/*# sourceMappingURL=auth.css.map */