/* line 1, ../sass/general/_default.scss */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #333333;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

/* line 10, ../sass/general/_default.scss */
html {
  -webkit-tap-highlight-color: transparent;
}

/* line 14, ../sass/general/_default.scss */
body {
  width: 100%;
  height: 100%;
  font-size: 16px;
  background-color: #F2F6F9;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 23, ../sass/general/_default.scss */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 27, ../sass/general/_default.scss */
h1, h2, h3, h4 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  margin: 0;
}

/* line 32, ../sass/general/_default.scss */
h1 {
  font-size: 1.65em;
  line-height: 1.0em;
}

/* line 37, ../sass/general/_default.scss */
h2 {
  font-size: 1.15em;
  line-height: 1.0em;
}

/* line 42, ../sass/general/_default.scss */
h3 {
  font-size: 1.0em;
  line-height: 1.0em;
}

/* line 47, ../sass/general/_default.scss */
h4 {
  font-size: 0.9em;
  line-height: 1.0em;
}

/* line 52, ../sass/general/_default.scss */
p {
  line-height: 1.5em;
}
/* line 55, ../sass/general/_default.scss */
p.first {
  margin-top: 0;
}
/* line 60, ../sass/general/_default.scss */
p.last {
  margin-bottom: 0;
}

/* line 65, ../sass/general/_default.scss */
input, textarea {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  caret-color: #333333;
  border-radius: 0;
}
/* line 70, ../sass/general/_default.scss */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #C2C2C2;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #C2C2C2;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #C2C2C2;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #C2C2C2;
}
input::placeholder, textarea::placeholder {
  color: #C2C2C2;
}

/* line 75, ../sass/general/_default.scss */
input[type=text], input[type=email], input[type=password], select, textarea {
  border: 1px solid #E9E9E9;
  font-size: inherit;
  padding: 2px 15px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* line 82, ../sass/general/_default.scss */
input[type=text], input[type=email], input[type=password], select {
  height: 48px;
}

/* line 86, ../sass/general/_default.scss */
input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* line 90, ../sass/general/_default.scss */
select {
  outline: none;
}

/* line 94, ../sass/general/_default.scss */
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 100, ../sass/general/_default.scss */
img.alignright {
  display: block;
  margin-left: auto;
}

/* line 105, ../sass/general/_default.scss */
a {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
/* line 108, ../sass/general/_default.scss */
a:focus {
  outline: none;
}
/* line 112, ../sass/general/_default.scss */
a:link, a:visited, a:hover, a:active {
  color: #009FE3;
  text-decoration: underline;
}

/* line 121, ../sass/general/_default.scss */
b {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

/* Small Screen Mobile */
@media only screen and (max-width: 480px) {
  /* line 127, ../sass/general/_default.scss */
  h1 {
    font-size: 1.25em;
  }
}
@media only screen and (max-height: 420px) and (min-device-aspect-ratio: 1 / 1) and (orientation: landscape) {
  /* line 133, ../sass/general/_default.scss */
  html, body {
    margin: 0;
    height: 100%;
    overflow: hidden;
  }
}
/* line 1, ../sass/general/_form.scss */
fieldset {
  border: none;
  padding: 0px;
  min-width: 0px;
}

/* line 7, ../sass/general/_form.scss */
textarea {
  resize: none;
}

/* line 11, ../sass/general/_form.scss */
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

/* Medium Screen/Large Tablets */
/* Tablets */
/* Mobile wide/Smaller Tablets */
/* Small Screen Mobile */
/* line 3, ../sass/login.scss */
div.main {
  width: 100%;
  min-height: 100%;
}
/* line 8, ../sass/login.scss */
div.main form,
div.main #MemberLoginForm_LoginForm,
div.main #ChangePasswordForm_ChangePasswordForm,
div.main #LostPasswordForm_lostPasswordForm, div.main #IMPELLostPasswordForm_lostPasswordForm,
div.main #password-sent {
  background-color: white;
  padding: 180px 50px 30px;
}
/* line 18, ../sass/login.scss */
div.main form:before,
div.main #MemberLoginForm_LoginForm:before,
div.main #ChangePasswordForm_ChangePasswordForm:before,
div.main #LostPasswordForm_lostPasswordForm:before, div.main #IMPELLostPasswordForm_lostPasswordForm:before,
div.main #password-sent:before {
  content: "";
  background-image: url("../images/loi-logo.png");
  position: absolute;
  width: 100%;
  height: 120px;
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
  top: 30px;
}
/* line 32, ../sass/login.scss */
div.main form div.field,
div.main #MemberLoginForm_LoginForm div.field,
div.main #ChangePasswordForm_ChangePasswordForm div.field,
div.main #LostPasswordForm_lostPasswordForm div.field, div.main #IMPELLostPasswordForm_lostPasswordForm div.field,
div.main #password-sent div.field {
  margin-bottom: 20px;
}
/* line 35, ../sass/login.scss */
div.main form div.field input[type=text], div.main form div.field input[type=email], div.main form div.field input[type=password],
div.main #MemberLoginForm_LoginForm div.field input[type=text],
div.main #MemberLoginForm_LoginForm div.field input[type=email],
div.main #MemberLoginForm_LoginForm div.field input[type=password],
div.main #ChangePasswordForm_ChangePasswordForm div.field input[type=text],
div.main #ChangePasswordForm_ChangePasswordForm div.field input[type=email],
div.main #ChangePasswordForm_ChangePasswordForm div.field input[type=password],
div.main #LostPasswordForm_lostPasswordForm div.field input[type=text],
div.main #LostPasswordForm_lostPasswordForm div.field input[type=email],
div.main #LostPasswordForm_lostPasswordForm div.field input[type=password], div.main #IMPELLostPasswordForm_lostPasswordForm div.field input[type=text], div.main #IMPELLostPasswordForm_lostPasswordForm div.field input[type=email], div.main #IMPELLostPasswordForm_lostPasswordForm div.field input[type=password],
div.main #password-sent div.field input[type=text],
div.main #password-sent div.field input[type=email],
div.main #password-sent div.field input[type=password] {
  width: 90%;
  margin-top: 10px;
}
/* line 41, ../sass/login.scss */
div.main form div.Actions,
div.main #MemberLoginForm_LoginForm div.Actions,
div.main #ChangePasswordForm_ChangePasswordForm div.Actions,
div.main #LostPasswordForm_lostPasswordForm div.Actions, div.main #IMPELLostPasswordForm_lostPasswordForm div.Actions,
div.main #password-sent div.Actions {
  margin-top: 10px;
}
/* line 44, ../sass/login.scss */
div.main form div.Actions input[type=submit],
div.main #MemberLoginForm_LoginForm div.Actions input[type=submit],
div.main #ChangePasswordForm_ChangePasswordForm div.Actions input[type=submit],
div.main #LostPasswordForm_lostPasswordForm div.Actions input[type=submit], div.main #IMPELLostPasswordForm_lostPasswordForm div.Actions input[type=submit],
div.main #password-sent div.Actions input[type=submit] {
  font-size: 1em;
  float: right;
}
/* line 49, ../sass/login.scss */
div.main form div.Actions #ForgotPassword,
div.main #MemberLoginForm_LoginForm div.Actions #ForgotPassword,
div.main #ChangePasswordForm_ChangePasswordForm div.Actions #ForgotPassword,
div.main #LostPasswordForm_lostPasswordForm div.Actions #ForgotPassword, div.main #IMPELLostPasswordForm_lostPasswordForm div.Actions #ForgotPassword,
div.main #password-sent div.Actions #ForgotPassword {
  margin: 0;
  min-height: 2.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 10px;
}
/* line 58, ../sass/login.scss */
div.main form input[type="submit"],
div.main #MemberLoginForm_LoginForm input[type="submit"],
div.main #ChangePasswordForm_ChangePasswordForm input[type="submit"],
div.main #LostPasswordForm_lostPasswordForm input[type="submit"], div.main #IMPELLostPasswordForm_lostPasswordForm input[type="submit"],
div.main #password-sent input[type="submit"] {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  text-decoration: none;
  font-size: 1em;
  padding: 0.9em 1.5em 0.8em 1.5em;
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
  line-height: 1em;
  background-color: #009FE3;
  color: #FFFFFF;
  border: none;
}
/* line 72, ../sass/login.scss */
div.main form #IMPELLostPasswordForm_lostPasswordForm_error,
div.main form #MemberLoginForm_LoginForm_error,
div.main form #ChangePasswordForm_ChangePasswordForm_error,
div.main #MemberLoginForm_LoginForm #IMPELLostPasswordForm_lostPasswordForm_error,
div.main #MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_error,
div.main #MemberLoginForm_LoginForm #ChangePasswordForm_ChangePasswordForm_error,
div.main #ChangePasswordForm_ChangePasswordForm #IMPELLostPasswordForm_lostPasswordForm_error,
div.main #ChangePasswordForm_ChangePasswordForm #MemberLoginForm_LoginForm_error,
div.main #ChangePasswordForm_ChangePasswordForm #ChangePasswordForm_ChangePasswordForm_error,
div.main #LostPasswordForm_lostPasswordForm #IMPELLostPasswordForm_lostPasswordForm_error,
div.main #LostPasswordForm_lostPasswordForm #MemberLoginForm_LoginForm_error,
div.main #LostPasswordForm_lostPasswordForm #ChangePasswordForm_ChangePasswordForm_error, div.main #IMPELLostPasswordForm_lostPasswordForm #IMPELLostPasswordForm_lostPasswordForm_error,
div.main #IMPELLostPasswordForm_lostPasswordForm #MemberLoginForm_LoginForm_error,
div.main #IMPELLostPasswordForm_lostPasswordForm #ChangePasswordForm_ChangePasswordForm_error,
div.main #password-sent #IMPELLostPasswordForm_lostPasswordForm_error,
div.main #password-sent #MemberLoginForm_LoginForm_error,
div.main #password-sent #ChangePasswordForm_ChangePasswordForm_error {
  color: red;
}

@media only screen and (max-width: 768px) {
  /* line 82, ../sass/login.scss */
  div.main .download-app-page {
    width: 100%;
  }
  /* line 86, ../sass/login.scss */
  div.main .download-app-page .image-logo img {
    width: 25%;
  }
  /* line 92, ../sass/login.scss */
  div.main .download-app-page .text-logo img {
    width: 60%;
  }
  /* line 97, ../sass/login.scss */
  div.main .download-app-page p {
    width: 80%;
  }
  /* line 102, ../sass/login.scss */
  div.main .download-app-page .store-icons img {
    width: 40vw;
  }
}
@media only screen and (min-width: 651px) {
  /* line 113, ../sass/login.scss */
  div.main form,
  div.main #password-sent {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 550px;
  }
  /* line 123, ../sass/login.scss */
  div.main form div.Actions:after,
  div.main #password-sent div.Actions:after {
    content: "";
    clear: both;
    display: block;
  }
}
@media only screen and (max-width: 650px) {
  /* line 135, ../sass/login.scss */
  div.main form,
  div.main #password-sent {
    position: relative;
    width: 100%;
  }
  /* line 140, ../sass/login.scss */
  div.main form div.field,
  div.main #password-sent div.field {
    margin-bottom: 20px;
  }
  /* line 143, ../sass/login.scss */
  div.main form div.field input[type=text], div.main form div.field input[type=email], div.main form div.field input[type=password],
  div.main #password-sent div.field input[type=text],
  div.main #password-sent div.field input[type=email],
  div.main #password-sent div.field input[type=password] {
    width: 100%;
  }
  /* line 148, ../sass/login.scss */
  div.main form div.Actions,
  div.main #password-sent div.Actions {
    margin-top: 10px;
  }
}