/*
 Some style rules need to apply even outside any element, e.g. dragula dragged element. Global style rule is the only way.
*/
body > .ean .close,
prod-variations .ean .close  {
  display: none;
}

.grp-pdt {
  cursor: move;
}

.grp-pdt .img {
  width: 4em;
}

.grp-pdt .img img{
  display: block;
  height: 3em;
  margin: auto;
  padding: 0.1em 0;
}

.grp-pdt .ean {
  width: 14em;
}
.grp-pdt .ean span {
  color: white;
  font-weight: bold;
  background: #3883fa;
  border-radius: 4px;
  padding: 0.2em 0.4em;
}
.grp-pdt .containing {
  text-align: center;
}

.grp-pdt td {
  border: 1px solid black;
  border-left: none;
  border-right: none;
  text-align: center;
}

.gu-mirror.grp-pdt {
  background: lightgray;
}


/* drag style for app-triggers */
.gu-mirror.swn-app-triggers,
.gu-mirror.swn-app-actions,
.gu-mirror.app-trigger{
  background: #f7f7f7;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  color: #777;
}
.gu-mirror.swn-app-triggers .handle,
.gu-mirror.swn-app-actions .handle,
.gu-mirror.app-trigger .handle{
  width: 18px;
  color: black;
  cursor: move;
}
.gu-mirror.swn-app-triggers .actions,
.gu-mirror.swn-app-actions .actions,
.gu-mirror.app-trigger .actions{
  color: #ddd;
}

.gu-mirror.swn-app-actions .value {
  max-width: 35em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}