body.login {
  background-color: #fff;
}

.loginFlexWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: center;
  height: 100%;
  overflow-y: auto;
}

.loginFlexContent {
  width: 100%;
  max-width: 400px;
  margin: auto;
}

.loginFlexContent > .loginLogo {
  width: 100px;
  margin: 20px auto 0;
  display: block;
}
.loginFlexContent > .well {
  max-width: 400px;
  text-align: left;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: none;
  padding: 25px;
  border: 0;
  border-radius: 0;
  margin: 40px 30px;
}
.loginFlexContent > #loginFormWrap input[type=text],
.loginFlexContent > #loginFormWrap input[type=email],
.loginFlexContent > #loginFormWrap input[type=password] {
  font-size: 16px;
  padding: 14px 15px;
  border: 1px solid #ccc;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  height: auto;
}
.loginFlexContent > label {
  font-weight: bold;
}
.loginFlexContent > #login_forgot {
  color: var(--login-forgot-password-color);
}

@media only screen and (min-width: 1000px) {
  body.login {
    background-image: var(--login-background-image);
    background-position: -200px center;
    background-repeat: no-repeat;
    background-size: auto 100%;
  }
}
@media only screen and (min-width: 1200px) {
  body.login {
    background-position: -100px center;
  }
}
@media only screen and (min-width: 1400px) {
  body.login {
    background-position: left center;
  }
}
@media only screen and (orientation: landscape) and (max-height: 800px) and (min-width: 1200px) {
  body.login {
    background-position: left center;
  }
}
@media only screen and (max-width: 375px) {
  .well {
    margin: 40px 10px;
  }
}
#fbeLogin button.instagram_configure {
  width: 100%;
}

/*# sourceMappingURL=chunk.styles~login.111.538a426d194d6c77cbba.css.map*/