/* @trumpf/ux.integration-web-styleguide v1.7.0-feature-master-DEVTHCEXP-12701-Shop-styles-for-lineitem.453222 */ 
/*---------------------------------
-----  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
------------------------------- */
/**
* mobile first breakpoints based on design specification 
* designs are delivered in 3 sizes mobile(375px -> default), tablet(768px -> tablet), desktop(1440px -> desktop-l)
*/
/* Personal Data */
.ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-button {
  background-color: transparent;
  color: #bbd03a;
  border-style: none;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
.ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-button .ux-icon {
  margin: 0 0 0 5px;
}
.ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-button.ux-button--toggle-active {
  display: none;
}
.ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-button:hover {
  color: #131313;
  background-color: transparent;
}
.ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-box-wrapper {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-box-wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
.ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-box {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  padding: 30px;
  box-shadow: 0 0 22px rgba(19, 19, 19, 0.08);
}
.ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-box:first-child {
  margin-bottom: 30px;
}
.ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-box p {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-box {
    flex-flow: row wrap;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1024px) {
  .ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-box {
    padding: 30px;
    width: 48%;
    flex-flow: column nowrap;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 1024px) {
  .ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-box:first-child {
    margin: 0;
  }
}
.ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-box-item {
  margin-bottom: 25px;
  width: 100%;
}
.ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-box-item:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-box-item {
    width: 48%;
    margin-bottom: 25px;
  }
  .ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-box-item:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-box-item {
    margin-bottom: 25px;
    width: 100%;
  }
  .ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-box-item:nth-last-child(-n+2) {
    margin-bottom: 25px;
  }
  .ux-iws-user-profile--personal-data .ux-iws-user-profile__edit-box-item:last-child {
    margin-bottom: 0;
  }
}
.ux-iws-user-profile--personal-data .ux-iws-user-profile__user-data p {
  margin: 0;
}
.ux-iws-user-profile--personal-data .ux-iws-user-profile__empty-label .label-errorMsg {
  padding: 0 0 20px;
}
@media only screen and (min-width: 568px) {
  .ux-iws-user-profile--personal-data .ux-iws-user-profile__button-wrapper {
    display: flex;
    justify-content: space-between;
  }
}
.ux-iws-user-profile--personal-data .ux-iws-user-profile__button-wrapper .ux-iws-user-profile__button-cancel,
.ux-iws-user-profile--personal-data .ux-iws-user-profile__button-wrapper .ux-iws-user-profile__button-submit {
  width: 100%;
  margin: 0;
}
.ux-iws-user-profile--personal-data .ux-iws-user-profile__button-wrapper .ux-iws-user-profile__button-cancel {
  color: #131313;
  border-color: #131313;
  margin-bottom: 20px;
}
.ux-iws-user-profile--personal-data .ux-iws-user-profile__button-wrapper .ux-iws-user-profile__button-cancel:hover {
  color: #fff;
}
@media only screen and (min-width: 568px) {
  .ux-iws-user-profile--personal-data .ux-iws-user-profile__button-wrapper .ux-iws-user-profile__button-cancel,
.ux-iws-user-profile--personal-data .ux-iws-user-profile__button-wrapper .ux-iws-user-profile__button-submit {
    width: auto;
  }
  .ux-iws-user-profile--personal-data .ux-iws-user-profile__button-wrapper .ux-iws-user-profile__button-cancel {
    margin-bottom: 0;
  }
}

/* Company Data */
.ux-iws-user-profile--company-data .ux-iws-user-profile__info-box-wrapper {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .ux-iws-user-profile--company-data .ux-iws-user-profile__info-box-wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
.ux-iws-user-profile--company-data .ux-iws-user-profile__info-box {
  width: 100%;
  padding: 30px;
  box-shadow: 0 0 22px rgba(19, 19, 19, 0.08);
}
@media only screen and (min-width: 1024px) {
  .ux-iws-user-profile--company-data .ux-iws-user-profile__info-box {
    width: 48%;
  }
}
.ux-iws-user-profile--company-data .ux-iws-user-profile__info-box:first-child {
  margin-bottom: 30px;
}
.ux-iws-user-profile--company-data .ux-iws-user-profile__info-box p {
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  .ux-iws-user-profile--company-data .ux-iws-user-profile__info-box:first-child {
    margin: 0;
  }
}
.ux-iws-user-profile--company-data .ux-iws-user-profile__info-box-headline {
  margin-bottom: 20px;
}
.ux-iws-user-profile--company-data .ux-iws-user-profile__info-box-inner {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
}
@media only screen and (min-width: 768px) {
  .ux-iws-user-profile--company-data .ux-iws-user-profile__info-box-inner {
    flex-flow: row wrap;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1024px) {
  .ux-iws-user-profile--company-data .ux-iws-user-profile__info-box-inner {
    flex-flow: column nowrap;
    justify-content: flex-start;
  }
}
.ux-iws-user-profile--company-data .ux-iws-user-profile__info-box-item {
  margin-bottom: 25px;
  width: 100%;
}
.ux-iws-user-profile--company-data .ux-iws-user-profile__info-box-item:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .ux-iws-user-profile--company-data .ux-iws-user-profile__info-box-item {
    width: 48%;
    margin-bottom: 25px;
  }
  .ux-iws-user-profile--company-data .ux-iws-user-profile__info-box-item:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .ux-iws-user-profile--company-data .ux-iws-user-profile__info-box-item {
    margin-bottom: 25px;
    width: 100%;
  }
  .ux-iws-user-profile--company-data .ux-iws-user-profile__info-box-item:nth-last-child(-n+2) {
    margin-bottom: 25px;
  }
  .ux-iws-user-profile--company-data .ux-iws-user-profile__info-box-item:last-child {
    margin-bottom: 0;
  }
}

/* Company Admin */
.user-profile-tab--company-admin tr > td:first-child {
  font-family: "Frutiger-Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-weight: 400;
  font-size: 1rem;
}

/* Permissions */
.ux-iws-user-profile--permissions .ux-collapsible-button__label {
  color: #bbd03a;
}
.ux-iws-user-profile--permissions .ux-iws-user-profile__new-role-form .ux-iws-user-profile__flex-buttons {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.ux-iws-user-profile--permissions .ux-iws-user-profile__flex-name {
  display: flex;
}
.ux-iws-user-profile--permissions .ux-iws-user-profile__list-item {
  display: flex;
  align-items: center;
}
.ux-iws-user-profile--permissions .ux-iws-user-profile__list-item .ux-icon[name=checkmark] {
  margin: 0 10px 0 0;
  font-size: 12px;
  background: #bbd03a;
  border-radius: 100%;
  padding: 4px;
  position: relative;
}
.ux-iws-user-profile--permissions .ux-iws-user-profile__list-item .ux-iws-user-profile__list-item-name {
  margin: 0 10px 0 0;
}
.ux-iws-user-profile--permissions .ux-iws-user-profile__list-item .ux-icon[name=info] {
  cursor: pointer;
}
.ux-iws-user-profile--permissions .ux-iws-user-profile__permissions-crossed {
  margin: 0 10px 0 0;
  font-size: 12px;
  background: #aaacaf;
  border-radius: 100%;
  padding: 4px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}
.ux-iws-user-profile--permissions .ux-iws-user-profile__permissions-crossed .ux-icon__inner {
  width: 80%;
  height: 80%;
}
.ux-iws-user-profile--permissions .ux-iws-user-profile__permissions-filter-icons {
  position: relative;
}
.ux-iws-user-profile--permissions .ux-iws-user-profile__permissions-filter-icons .ux-icon[name=checkmark] {
  position: absolute;
  top: 0;
  left: 0;
}
.ux-iws-user-profile--permissions .ux-iws-user-profile__permissions-filter-icons .ux-icon[name=checkmark]:only-child {
  position: relative;
}
.ux-iws-user-profile--permissions .ux-iws-user-profile__info-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ux-iws-user-profile--permissions .ux-iws-user-profile__permission-details__inner {
  padding: 50px 15px;
}
.ux-iws-user-profile--permissions .ux-text-normal > p {
  margin-top: 0;
  margin-bottom: 0;
}
.ux-iws-user-profile--permissions .ux-iws-user-profile__permissions-modal .ux-modal-content {
  padding: 0;
}

/* Change password */
@media (min-width: 768px) {
  .ux-iws-user-profile--change-password .password-check__popup {
    left: 0;
    right: 0;
    width: 255px;
    top: 110px;
    margin: auto;
  }
}
@media (min-width: 1025px) {
  .ux-iws-user-profile--change-password .password-check__popup {
    width: 230px;
    top: 10px;
    left: calc(100% + 35px);
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .ux-iws-user-profile--change-password .password-check__popup::after {
    transform: rotate(135deg) translateX(0) translateY(20px);
    top: 0;
    left: 50%;
  }
}
@media (min-width: 1025px) {
  .ux-iws-user-profile--change-password .password-check__popup::after {
    transform: rotate(45deg);
    left: -15px;
    top: 35px;
  }
}
@media only screen and (min-width: 568px) {
  .ux-iws-user-profile--change-password .ux-iws-user-profile__button-wrapper {
    display: flex;
    justify-content: space-between;
  }
}
.ux-iws-user-profile--change-password .ux-iws-user-profile__button-wrapper .ux-iws-user-profile__button-cancel,
.ux-iws-user-profile--change-password .ux-iws-user-profile__button-wrapper .ux-iws-user-profile__button-submit {
  width: 100%;
  margin: 0;
}
.ux-iws-user-profile--change-password .ux-iws-user-profile__button-wrapper .ux-iws-user-profile__button-cancel {
  margin-bottom: 20px;
}
@media only screen and (min-width: 568px) {
  .ux-iws-user-profile--change-password .ux-iws-user-profile__button-wrapper .ux-iws-user-profile__button-cancel,
.ux-iws-user-profile--change-password .ux-iws-user-profile__button-wrapper .ux-iws-user-profile__button-submit {
    width: auto;
  }
  .ux-iws-user-profile--change-password .ux-iws-user-profile__button-wrapper .ux-iws-user-profile__button-cancel {
    margin-bottom: 0;
  }
}

/*# sourceMappingURL=user-profile.css.map */