@media (max-width: 768px) {
  .Mob_Img_takeda {
    width: 33%;
    margin: 10px auto 0;
  }
}

.login_container form#user-login-form {
  margin: 20px 0 0 0;
}

.content-body .login_container input,
.content-body .registration_page input {
  width: 100%;
  height: 30px;
  color: #53585A;
  border-radius: 0!important;
  max-width: 300px;
  background: white;
  padding: 0px 10px;
  caret-color: #53585A;
  border: 1.8px solid #979797;
  margin: 0;
}

.content-body .registration_page input {
  max-width: none;
}

.content-body .login_container .text-left {
   justify-content: flex-start;
}

.content-body .registration_page input[type='checkbox'] {
  height: 20px!important;
  width: 19px!important;
  padding: 0;
}

.EPiServerForms .FormChoice.ValidationFail input.FormChoice__Input {
  border: 2px solid #f00!important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


.content-body .login_container .login-label, .login_container .password-label {
  font-size: 11px;
  color: #4a4a4a;
  font-weight: 700;
  margin-bottom: 0;
  padding-left: 11px;
}

.content-body .login_container .register-text {
  color: #ef1000;
  font-size: 14px;
}

.content-body .login_container .forgot-password-link {
  color: #ef1000;
  font-size: 14px;
  display: block;
  margin: 0;
}

.content-body .login_container button[type="submit"],
.content-body .js-accounts-forgot-password .login-panel-tl .inner-login-panel .form-group-button .btn-primary,
.active-account .button,
.content-body .registration_page button[type="submit"] {
  text-align: center;
  display: inline-block;
  background: #ef1000;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  letter-spacing: normal;
  line-height: 1.2em;
  cursor: pointer;
  margin: 1em 0;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
  outline: none;
  white-space: normal;
  word-break: break-word;
  border: 2px solid rgba(173,9,9,255);
  -webkit-box-shadow: -1px 0px 8px 2px #dfe3e7;
  box-shadow: -1px 0px 8px 2px #dfe3e7;
  border-radius: 0px!important;
  max-width: none;
  padding: 13px 35px;
}

.content-body .login_container button[type="submit"]:hover,
.content-body .registration_page button[type="submit"]:hover {
  background: #ef1000;
}

#edit-name--description,
#edit-pass--description {
  display: none;
}

.user-form .js-password-confirm-message,
.user-register-form .password-confirm-message {
  display: none;
}


.content-body .registration_page .EPiServerForms .Form__Element__Caption.form__label {
  font-weight: 700;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .content-body .registration_page .EPiServerForms .FormChoice > div input {
    margin-top: 12px;
  }
}

.form-item {
  margin-bottom: 1rem;
}

.form-item:last-of-type {
  margin-bottom: 0;
}

.content-body .login_container div[role^='contentinfo'] {
  margin-top: 1em;
  margin-left: 0;
}

.login_container .field-validation-valid {
  display: none;
}

.Forgot_Password {
  margin-top: 60px;
  padding-bottom: 60px;
  padding-top: 10px;
}

.da-registration.grid-1-1 .mainContent {
  width: 50%;
}

@media screen and (max-width: 769px) {
  .da-registration.grid-1-1 .mainContent {
    width: 100%;
  }
}

@media only screen and (max-width: 1200px) {
  .da-registration .takedaid-reg-form {
    min-width: unset;
    padding-right: 30px;
  }
}


.da-registration.grid-1-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.gridWrapper .triangle {
  width: 75px;
  background-color: white;
  clip-path: polygon(0% 100%, 100% -3%, 100% 100%);
  transform: translateX(0.5px);
}
.gridWrapper.registration_page .triangle {
  width: 130px;
}

@media (max-width: 768px) {
  .gridWrapper .triangle {
    display: none;
  }

  .login_container h1 {
    font-size: 22px;
  }
  .content-body .login_container {
    margin: 48px 0 80px;
    padding: 0 30px;
  }

  .login_container form#user-login-form {
     padding: 0;
  }
  .login_container p {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 15px;
  }

  .page-reset form[id^='user-form'] {
    padding: 0;
  }
}

@media only screen and (max-width: 1200px) {
  main .takedaid-reg-form .Form__Element.FormStep.Form__Element--NonData.form__fieldset > .Form__Element {
    width: 100%;
    padding-left: 0;
  }
}

.page-reset #edit-pass {
  padding: 0;
  display: flex;
  flex-direction: column;
  max-width: 33em;
}

.page-reset .form-item{
  padding: 0!important;
}

.user-form.EPiServerForms #password-policy-status, .user-register-form #password-policy-status {
  display: none!important;
}

.duplicate-account .login-panel-tl-header h3 {
  text-transform: uppercase;
}

.duplicate-account .js-accounts-forgot-password .login-panel-tl .login-panel-tl-description {
  margin-bottom: 25px;
  padding-left: 70px;
}

.duplicate-account .login-panel-tl-description p {
  color: rgba(0,0,0,255);
}

.duplicate-account .login-panel-tl-description small {
  color: rgba(106,106,106,255);
}

@media screen and (min-width: 768px) {
  .Forgot_Password .js-accounts-forgot-password .login-panel-tl .login-panel-tl-description {
    padding-left: 70px;
  }
}

.Forgot_Password .js-accounts-forgot-password .login-panel-tl .inner-login-panel {
  padding-top: 0;
}

.active-account h3 {
  color: #000;
  margin-bottom: 50px;
  text-align: center;
}

.active-account .login-panel-tl-description {
  text-align: center;
}

.active-account .login-panel-tl-description p {
  margin-bottom: 15px;
}

.duplicate-account.login_container,
.active-account.login_container {
  margin-bottom: 75px;
  margin-top: 65px;
  padding-top: 90px;
}

.container .Forgot_Password {
  margin-bottom: 40px;
  margin-top: 40px;
  padding-top: 0;
  padding-bottom: 0;
}
.active-account .mainContent,
.gridWrapper.Forgot_Password.duplicate-account .js-accounts-forgot-password {
  padding-bottom: 130px;
  padding-top: 110px;
}

.gridWrapper.Forgot_Password .js-accounts-forgot-password {
  padding-bottom: 35px;
}

.gridWrapper {
  background-size: 50% 100% !important;
}

@media (min-width: 768px) {
  .gridWrapper.registration_page,
  .gridWrapper.reset_page,
  .gridWrapper.Forgot_Password {
    border: 2px solid rgba(151,151,151,255);
  }
}

.content-body .registration_page .takedaid-reg-form {
  max-width: 400px;
}

.registration_page .EPiServerForms label[for^='edit-field-term-value'] {
  font-size: 0.8rem;
}

.Forgot_Password {
  color: black;
}

#user-register-form .wrapper_element_field {
  display: flex;
  flex-wrap: wrap;
}

#user-register-form div[class*=field--type-string],
#user-register-form div[class*=field--type-list-string],
#user-register-form div[class*=field--type-entity-reference] {
  width: 100%;
}

main.forgot-password-user,
main.reset-password-user {
  min-height: unset;
}

main.reset-password-user form {
  padding-bottom: 0;
  margin-bottom: 2em;
}

main.reset-password-user .page-reset {
  margin-bottom: 0;
}

.page-reset .form-item-pass-pass2 {
  margin-top: 10px;
}

.page-reset [id^=edit-submit],
.page-reset [id^=edit-actions] {
  margin: 0!important;
}

@media (max-width: 768px) {
  .wrapper_element_field {
    flex-direction: column;
  }

  .registration_page .EPiServerForms div.Form__Element {
    padding-right: 0;
  }

  .content-body .registration_page .takedaid-reg-form {
    margin-top: 60px;
  }

  main.reset-password-user .carousel-item {
    min-height: auto;
  }

  .gridWrapper.Forgot_Password .js-accounts-forgot-password {
    padding-top: 0;
    padding-bottom: 0;
  }
}

body .global-footer {
  margin-top: 0;
}

@media screen and (min-width: 1200px) {
  #user-register-form div[id^="edit-field-title-wrapper"] {
    display: inline-block;
  }

  #user-register-form div[id^="edit-field-first-name-wrapper"] {
    margin-right: 30px;
  }

  #user-register-form div[id^="edit-field-first-name-wrapper"],
  #user-register-form div[id^="edit-field-last-name-wrapper"] {
    width: 33.5%;
    display: inline-block;
  }
}
.description-text-login a {
  color: #212529;
  text-decoration: underline;
  font-size: 17px;
}
.description-text-login a:hover {
  color: #ff0000;
}

.user-register-form .action-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

a.btn.link-already-account {
  font-family: "Open Sans", sans-serif;
  width: 100%;
  text-align: center;
  display: inline-block;
  color: #ffffff;
  background-color: #68b631;
  font-size: 1em;
  letter-spacing: normal;
  line-height: 1.2em;
  cursor: pointer;
  margin: 0;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
  -webkit-box-shadow: -1px 0px 8px 2px #dfe3e7;
  box-shadow: -1px 0px 8px 2px #dfe3e7;
  outline: none;
  white-space: normal;
  word-break: break-word;
  border: 2px solid #68b631;
  padding: 13px 35px;
}

.form-item .password-icon {
  display: block;
  background-repeat: no-repeat;
  width: 45px;
  height: 30px;
  cursor: pointer;
  right: 0;
  background-position: center;
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  z-index: 0;
}

.password-icon.icon-eye {
  background-image: url(../images/icons/icon-eye-closed.svg);
  top: -6px;
}


.password-icon.icon-eye-closed {
  background-image: url(../images/icons/icon-eye.svg) !important;
  top: -6px;
}

.login-wrapper .section-background-img {
  min-height: 650px;
  background-repeat: no-repeat;
  margin: 20px 0;
  background-size: contain;
}