@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 .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: 24px!important;
  width: 24px!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;
}

.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;
  border-radius: 10px;
  border: 1px solid #FD0008;
  background: #FD0008;
  width: 50%;
  color: #FFF;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}

.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);
  }
}

@media (max-width: 767px) {
  .active-account .mainContent,
  .gridWrapper.Forgot_Password.duplicate-account .js-accounts-forgot-password {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .duplicate-account .js-accounts-forgot-password .login-panel-tl .login-panel-tl-description {
    padding-left: 0;
  }
  .container .Forgot_Password {
    margin-bottom: 0;
  }
}

.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 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.user-login-page,
main.forgot-password-user,
main.reset-password-user {
  min-height: unset;
}

main.reset-password-user form {
  padding-bottom: 0;
  margin: 0 auto;
  max-width: 500px;
}

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

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

.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"] {
    width: 21%;
    display: inline-block;
    margin-right: 30px;
  }

}
.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: row;
  gap: 30px;
}

a.btn.link-already-account {
  font-family: "Open Sans", sans-serif;
  display: inline-block;
  letter-spacing: normal;
  cursor: pointer;
  margin: 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;
  padding: 13px 35px;
  width: 50%;
  border-radius: 10px;
  border: 1px solid #FD0008;
  background: #FFF;
  color: #FD0008;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.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: 50%;
  transform: translateY(-35%);
}


.password-icon.icon-eye-closed {
  background-image: url(../images/icons/icon-eye.svg) !important;
  top: 50%;
  transform: translateY(-35%);
}

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

.carousel-banner-description h1 {
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media screen and (min-width: 992px) and (max-width: 1500px) {
  .carousel-item .carousel-banner-description {
    margin-top: 0;
    top: 50% !important;
    transform: translateY(-50%);
  }
}

.select2-container--default .select2-selection--multiple {
  height: auto;
  min-height: 38px;
}

.modal .modal-title {
  color: #1E1E23;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Gotham, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.modal-dialog {
  max-width: 600px !important;
}

.modal .modal-footer .btn.btn-white {
  background-color: #fff;
  border: 1px solid #E1242A;
  color: #E1242A;
  border-radius: 10px !important;
  padding: 8px 15px;
}

.btn.color-dark {
  color: #333333 !important;
}

.modal .modal-footer .btn.btn-red {
  background-color: #E1242A;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 10px !important;
  padding: 8px 15px;
}

.btn-deactivate-close,
.btn-deactivate-confirm {
  font-family: Gotham, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.btn-white.color-dark:hover {
  background-color: #E1242A !important;
  color: #fff !important;
}

@media (max-width: 600px) {
  .modal .modal-footer {
    flex-direction: column-reverse;
  }

  .modal .modal-footer .btn {
    width: 100%;
    margin: 5px 0;
  }
}

.checkbox-list {
  display: flex;
  flex-direction: column;
  max-height: 397px;
  overflow: auto;
}

.resource-checkbox-option-all span,
.resource-checkbox-option span {
  color: var(--alias-text-text-default, #333);
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Gotham, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 325;
  line-height: 20px;
}

.resource-checkbox-option-all span {
  font-weight: 400;
  font-size: 16px;
}

.resource-checkbox-option-all {
  padding: 10px 10px 0 !important;
  width: 100% !important;
}

.resource-checkbox-option {
  padding: 10px;
  border-bottom: 1px solid #CDD1D6;
  font-size: 14px;
}

.resource-checkbox-option input,
.resource-checkbox-option span{
  display: inline-block;
  vertical-align: middle;
}

.resource-checkbox-option input,
.resource-checkbox-option-all input {
  margin-right: 5px !important;
  margin-top: 6px !important;
  width: 20px !important;
}

.resource-checkbox-option span,
.resource-checkbox-option-all span {
  width: 86% !important;
}

.modal input[type="checkbox"] {
  accent-color: #E1242A !important;
}

.wrapper-select2 textarea {
  height: 28px !important;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 5px !important;
  border: 1px solid #333 !important;
  background: #FFF !important;
  min-height: 42px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 100px !important;
  border: none !important;
  background-color: #E0EBFF !important;
  padding: 8px 26px 8px 8px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  right: 3px;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%);
  border: none !important;
  font-size: 26px !important;
}

.select2-selection__clear {
  display: none !important;
}

.field--name-field-what-brings-you-to-takeda {
  display: none;
}

@media screen and (max-width: 768px) {
  .content-body .registration_page button[type="submit"] {
    width: 100%;
    font-size: 18px;
  }

  a.btn.link-already-account {
    font-size: 18px;
  }
}