/* @trumpf/ux.integration-web-styleguide v1.8.1-feat-DEVTHCEXP-16161-add-loading-spinner.643729 */ 
/*---------------------------------
-----  dimension variables --------
----------------------------------*/
/*------  standard elements padding & margin  -------*/
/**
* mobile first breakpoints based on design specification 
* designs are delivered in 3 sizes mobile(375px -> default), tablet(768px -> tablet), desktop(1440px -> desktop-l)
*/
/**
**  Official Font sizes
------------------------------- */
/* stylelint-disable max-nesting-depth, selector-max-compound-selectors */
.ux-iws-registration {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  .ux-iws-registration {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .ux-iws-registration {
    margin-top: 60px;
  }
}
.ux-iws-registration form {
  margin-bottom: 0;
}
.ux-iws-registration--new .ux-iws-registration__modal-cta > button {
  width: 100%;
}
@media only screen and (min-width: 450px) {
  .ux-iws-registration--new .ux-iws-registration__modal-cta > button {
    width: auto;
  }
}
.ux-iws-registration__company-box {
  text-align: left;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  margin-top: 30px;
  max-width: 550px;
}
.ux-iws-registration__company-box > div {
  margin-bottom: 20px;
}
.ux-iws-registration__company-box > div:last-child {
  margin-bottom: 0;
}
.ux-iws-registration__company-box p {
  margin: 0;
}
.ux-iws-registration__company-box--head {
  text-transform: uppercase;
  color: black;
}
@media only screen and (min-width: 768px) {
  .ux-iws-registration__company-box {
    flex-direction: row;
    justify-content: space-between;
  }
}
.ux-iws-registration--expired .ux-iws-registration__modal-cta, .ux-iws-registration--decline-invitation .ux-iws-registration__modal-cta {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .ux-iws-registration--expired .ux-iws-registration__modal-cta, .ux-iws-registration--decline-invitation .ux-iws-registration__modal-cta {
    flex-direction: row;
    justify-content: center;
  }
}
.ux-iws-registration--expired .ux-iws-registration__modal-cta > button:first-child, .ux-iws-registration--decline-invitation .ux-iws-registration__modal-cta > button:first-child {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .ux-iws-registration--expired .ux-iws-registration__modal-cta > button:first-child, .ux-iws-registration--decline-invitation .ux-iws-registration__modal-cta > button:first-child {
    margin-bottom: 0;
    margin-right: 20px;
  }
}
.ux-iws-registration--step-1 .ux-iws-registration__form-row {
  max-width: 480px;
}
.ux-iws-registration--step-4 .ux-password-input__input-wrapper {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .ux-iws-registration--step-4 .ux-password-input + .ux-password-input {
    margin-top: 25px;
  }
}

.ux-iws-registration__header,
.ux-iws-registration__steps-container {
  margin-bottom: 40px;
}
@media only screen and (min-width: 1024px) {
  .ux-iws-registration__header,
.ux-iws-registration__steps-container {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) {
  .ux-iws-registration__success-container ux-icon {
    margin-bottom: 10px;
  }
}

.ux-iws-registration__form-row {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ux-iws-registration__form-row + .ux-iws-registration__form-row {
  margin-top: 25px;
}
@media (min-width: 768px) {
  .ux-iws-registration__form-row {
    flex-direction: row;
  }
  .ux-iws-registration__form-row--single-column {
    max-width: 50%;
    padding-right: 15px;
  }
  .ux-iws-registration__form-row--single-column > * {
    width: 100% !important;
  }
}
.ux-iws-registration__form-row > * {
  width: 100%;
}
@media (min-width: 768px) {
  .ux-iws-registration__form-row > * {
    margin: 0 15px;
  }
  .ux-iws-registration__form-row > *:first-child {
    margin-left: 0;
  }
  .ux-iws-registration__form-row > *:last-child {
    margin-right: 0;
  }
}

.ux-iws-registration__form-row-radio-group .ux-iws-registration__radio-group {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .ux-iws-registration__form-row-radio-group .ux-iws-registration__radio-group {
    flex-direction: row;
  }
}
.ux-iws-registration__form-row-radio-group .ux-iws-registration__radio-group > * {
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .ux-iws-registration__form-row-radio-group .ux-iws-registration__radio-group > *:last-child {
    margin-left: 40px;
  }
}
.ux-iws-registration__form-row-radio-group .ux-iws-registration__radio-group .ux-radio-button-field {
  margin-left: 0;
}
@media (min-width: 1024px) {
  .ux-iws-registration__form-row-radio-group .ux-iws-registration__radio-group .ux-radio-button-field:last-of-type {
    margin-left: 20px;
  }
}
.ux-iws-registration__form-row-radio-group .ux-iws-registration__radio-group .ux-radio-button-field .ux-icon {
  transform: translateY(-1px);
  margin-left: 5px;
}

.ux-iws-registration__button-row {
  display: flex;
  flex-direction: column;
}
.ux-iws-registration__button-row .ux-button:first-child {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .ux-iws-registration__button-row .ux-button {
    width: 100%;
    margin-bottom: 20px;
  }
  .ux-iws-registration__button-row .ux-button:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .ux-iws-registration__button-row .ux-button:last-child {
    margin-left: 25px;
  }
}
.ux-iws-registration__button-row > a:first-child {
  margin-right: auto;
}
@media (min-width: 768px) {
  .ux-iws-registration__button-row {
    justify-content: flex-end;
    flex-direction: row;
  }
  .ux-iws-registration__button-row .ux-button:first-child {
    margin-bottom: 0;
  }
  .ux-iws-registration__button-row .ux-button:only-child {
    margin: 0 0 0 auto;
  }
}

.ux-iws-registration__banner {
  width: 100%;
  margin-top: 60px;
  padding: 50px 0 !important;
  background: #f6f6f6;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .ux-iws-registration__banner {
    margin-top: 70px;
    text-align: left;
  }
}
@media only screen and (min-width: 1280px) {
  .ux-iws-registration__banner {
    margin-top: 80px;
  }
}
.ux-iws-registration__banner .ux-iws-registration__banner-content {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .ux-iws-registration__banner .ux-iws-registration__banner-content {
    flex-direction: row;
  }
}
.ux-iws-registration__banner .ux-iws-registration__banner-icon {
  margin: 0 0 15px;
}
@media only screen and (min-width: 768px) {
  .ux-iws-registration__banner .ux-iws-registration__banner-icon {
    margin-bottom: 0;
    transform: translate(0, 5px);
  }
}
.ux-iws-registration__banner .ux-iws-registration__banner-icon .ux-icon {
  font-size: 90px;
}
@media only screen and (min-width: 768px) {
  .ux-iws-registration__banner .ux-iws-registration__banner-icon .ux-icon {
    font-size: 120px;
  }
}
.ux-iws-registration__banner .ux-iws-registration__banner-icon .ux-icon__inner {
  height: auto;
}
@media only screen and (min-width: 768px) {
  .ux-iws-registration__banner .ux-iws-registration__banner-info {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .ux-iws-registration__banner .ux-iws-registration__banner-info {
    margin-left: 50px;
    display: flex;
  }
}
.ux-iws-registration__banner .ux-iws-registration__banner-text .ux-iws-registration__banner-headline {
  margin: 0 0 15px;
}
.ux-iws-registration__banner .ux-iws-registration__banner-text .ux-iws-registration__banner-text {
  color: #131313;
  margin: 0 0 30px;
}
@media only screen and (min-width: 1280px) {
  .ux-iws-registration__banner .ux-iws-registration__banner-text .ux-iws-registration__banner-text {
    margin-bottom: 0;
    margin-right: 50px;
  }
}
.ux-iws-registration__banner .ux-iws-registration__banner-button .ux-button {
  white-space: nowrap;
}
@media only screen and (min-width: 1280px) {
  .ux-iws-registration__banner .ux-iws-registration__banner-button {
    align-self: flex-end;
  }
}

/* stylelint-enable max-nesting-depth, selector-max-compound-selectors */

/*# sourceMappingURL=registration.css.map */