@import "cards";
@import "colors";
@import "variables";


.item-panel {
  padding-top: 50px;
  margin-bottom: 40px;

  @media screen and (max-width: map-get($screen-widths, 'sm')) {
    padding: 40px 0;
  }
}

.item-panel-group {
  @extend .card-1-static;

  background: white;
  padding: 50px 50px 20px 50px;
  margin-bottom: 30px;
  border-left: solid 4px $blue-color;

  @media screen and (max-width: map-get($screen-widths, 'sm')) {
    padding: 20px;
  }
}

.info-button {
  float: right;
  padding: 5px 8px !important;
  right: 13px;
  position: absolute;
  top: 20px;
}

.no-items-panel {
  padding-top: 60px;
}

.item-form-buttons {
  height: 80px;
  position: relative;
}

.item-form-submit-skip {
  float: left;
}

.item-form-submit {
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}