/* @trumpf/ux.integration-web-styleguide v1.7.0-feature-master-DEVTHCEXP-12701-Shop-styles-for-lineitem.452610 */ 
/*---------------------------------
-----  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
------------------------------- */
.ux-iws-shop-machine-assignment__checklist__item, .ux-iws-shop-machine-assignment__status {
  display: flex;
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
}
.ux-iws-shop-machine-assignment__checklist__item p, .ux-iws-shop-machine-assignment__status p {
  text-transform: none;
}
.ux-iws-shop-machine-assignment__checklist__item--space-between, .ux-iws-shop-machine-assignment__status--space-between {
  justify-content: space-between;
}
.ux-iws-shop-machine-assignment__layer {
  max-width: 600px;
  text-transform: uppercase;
}
.ux-iws-shop-machine-assignment__layer select {
  width: 100%;
  text-transform: none;
}
.ux-iws-shop-machine-assignment__layer .ux-select {
  margin-left: 40px;
  width: calc(100% - 100px);
}
.ux-iws-shop-machine-assignment__layer .ux-button {
  margin-top: 5px;
  margin-left: 40px;
}
.ux-iws-shop-machine-assignment__layer p {
  margin: 0;
}
@media only screen and (max-width: 567px) {
  .ux-iws-shop-machine-assignment__layer .ux-button {
    display: block;
    width: 100%;
    margin-left: 0;
  }
  .ux-iws-shop-machine-assignment__layer .ux-select {
    margin-left: 0;
    width: 100%;
  }
}
.ux-iws-shop-machine-assignment__checklist__item {
  margin-bottom: 30px;
}
.ux-iws-shop-machine-assignment__checklist__item p {
  margin: 0;
}
@media only screen and (min-width: 568px) {
  .ux-iws-shop-machine-assignment__checklist {
    border-left: 1px solid #a1a1a1;
    position: relative;
    padding-left: 40px;
  }
  .ux-iws-shop-machine-assignment__checklist::before, .ux-iws-shop-machine-assignment__checklist::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    border-left: 20px solid #a1a1a1;
    border-bottom: 0;
    border-top: 20px solid transparent;
  }
  .ux-iws-shop-machine-assignment__checklist::after {
    border-left: 20px solid #fff;
    left: -2px;
    margin-top: -1px;
  }
}

/*# sourceMappingURL=shop-machine-assignment.css.map */