.login-page {
  background-image: none !important;
  background-color: #FFF2E7 !important;
}

.login-page .fs-20 {
  font-size: 20px;
}

.login-page .fs-32 {
  font-size: 32px;
}

.login-page .mb-34 {
  margin-bottom: 34px;
}

.login-page .mb-14 {
  margin-bottom: 14px;
}

.login-page,
.login-page .dialog-off-canvas-main-canvas,
.login-page #page-wrapper,
.login-page #page-wrapper #page {
  height: 100% !important;
}

.login-page .page #block-logintextblock p {
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
}

.login-page .page #block-logintextblock h2 {
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.login-page .side-left {
  margin-right: 0;
  padding-left: 18%;
  padding-right: 7%;
  max-width: 100%;
  background-color: #FFF2E7;
}

.login-page .side-left #block-logintextblock {
  margin-top: 0;
}

.login-page .side-right-wrapper {
  background-color: #FFF2E7;
}

.login-page input#edit-pass,
.login-page input#edit-name {
  padding: 14px 16px 14px 44px;
  font-size: 14px;
  line-height: 24px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  background: #fff;
}

.login-page input#edit-pass::-webkit-input-placeholder,
.login-page input#edit-name::-webkit-input-placeholder {
  color: #a3a6a7;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: -0.14px;
}

.login-page input#edit-pass::-moz-placeholder,
.login-page input#edit-name::-moz-placeholder {
  color: #a3a6a7;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: -0.14px;
}

.login-page input#edit-pass::-ms-input-placeholder,
.login-page input#edit-name::-ms-input-placeholder {
  color: #a3a6a7;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: -0.14px;
}

.login-page input#edit-pass::placeholder,
.login-page input#edit-name::placeholder {
  color: #a3a6a7;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: -0.14px;
}

.login-page input#edit-pass:focus,
.login-page input#edit-name:focus {
  border: 1px solid #34373f;
}

.login-page .js-form-type-email {
  margin-top: 0;
}

.login-page .js-form-type-email,
.login-page .js-form-type-password {
  margin-bottom: 8px;
  position: relative;
}

.login-page .js-form-type-email:after,
.login-page .js-form-type-password:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: calc(50% - 0.7px);
  transform: translateY(-50%);
  left: 16px;
}

.login-page .js-form-type-email:after {
  background: url(/themes/custom/bsh_theme/assets/images/icons/email_login.svg);
  background-size: 100%;
}

.login-page .js-form-type-password:after {
  background: url(/themes/custom/bsh_theme/assets/images/icons/pass_login.svg);
  background-size: 100%;
}

.login-page #edit-forgot-password {
  color: #0084ff;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}

.login-page #edit-actions {
  margin: 24px 0;
}

.login-page #edit-actions input#edit-submit,
.login-page .user-signup {
  padding: 14px 24px;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  letter-spacing: -0.32px;
  border-radius: 4px;
}

.login-page #edit-actions input#edit-submit {
  margin-top: 0 !important;
  background-color: #F58026;
  color: #fefefe;
  font-weight: 700;
}

.login-page #edit-actions input#edit-submit:hover {
  background-color: #F17E0F;
}

.login-page .user-signup {
  font-weight: 300 !important;
  background: #fff;
  font-size: 16px !important;
  font-style: normal;
  line-height: 24px;
  letter-spacing: -0.32px;
}

.login-page .takeda-logo {
  margin-top: 40px !important;
}

.login-page .login-title {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.login-page .login-subtitle {
  font-size: 19px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (max-width: 1600px) {
  .login-page .side-right-wrapper .main-wrapper {
    max-width: 678px;
    padding: 110px 90px 80px 90px !important;
    width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  .login-page .side-right-wrapper .main-wrapper {
    max-width: 616px;
    padding: 80px 70px 50px 70px !important;
    width: 100%;
  }

  .login-page .side-left {
    margin-right: 48px;
    margin-left: auto;
    padding-left: 32px;
  }
}

@media screen and (max-width: 992px) {
  .login-page {
    background-color: #FFF2E7;
  }

  .bg-white {
    background-color: transparent !important;
  }
  .login-page .page {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }

  .login-page .page #block-logintextblock h2 {
    font-size: 32px;
  }

  .login-page .page #block-logintextblock p {
    font-size: 18px;
  }

  .login-page .side-left-wrapper,
  .login-page .side-right-wrapper {
    background: none !important;
  }

  .login-page .side-right-wrapper .main-wrapper {
    max-width: 100%;
    padding: 32px 32px 32px 32px !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .login-page .side-left-wrapper {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
  }

  .login-page .side-left {
    margin-right: 0;
    margin-left: 0;
    padding-left: 9px;
  }
}

@media screen and (max-width: 452px) {
  .login-page .g-recaptcha {
    transform: scale(0.8);
    margin-left: -34px;
  }
}

@media screen and (max-width: 420px) {
  .login-page .g-recaptcha {
    transform: scale(0.8);
    margin-left: -29px;
  }
}

@media screen and (max-width: 400px) {
  .login-page .g-recaptcha {
    transform: scale(0.7);
    margin-left: -42px;
  }
}

@media screen and (max-width: 375px) {
  .login-page .g-recaptcha {
    transform: scale(0.7);
    margin-left: -40px;
  }
}

@media screen and (max-width: 370px) {
  .login-page .g-recaptcha {
    transform: scale(0.68);
    margin-left: -41px;
  }
}