$bundle-background-color:#F5F8FC;
$yellow: #d38003;

.cart-item-bundle{
  background-color:$bundle-background-color;
}
.cart-bundle-nickname-title {
  text-transform: uppercase;
  font-weight: bold;
  display:block;
}

.cart-bundle-item-nickname-display {
  display:block;
  padding: 12px;
  .form-field-group input {
    border-radius: 4px;
  }
}

.cart-item-warning {
  border: 1px solid $yellow !important;
  border-bottom-width: 2px !important;

  .svg_fill_yellow {
    fill: #ffb600;
  }
  .svg_28x28 svg {
    width: 28px;
    height: 28px;
  }
  .cart-item-block {
    padding: 1rem .75rem;

    .cart-item-warning-text {
      top: -6px;
      position: relative;
    }
  }
  &.background-header {
    background-color: #fdf9f2;
  }

  &.no-border-top {
     border-top: none !important;
   }

  &.no-border-bottom {
    border-bottom: none !important;
  }
}

.bundle-cart-form-comment-input{
  width: 100%;
  padding: 0;
  display: inline;
  .form-field-group{
    border-radius: 4px;
  }
}
.bundle-cart-form-comment-action{
  display: inline;
  margin-left: 12px;
  .bundle-action-cost-center{
    line-height: 46px;
    margin-left: 20px;
    display:inline-block;
  }
}



.line-item-bundle-edit-row {
  border-radius: 4px;
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  padding-right: 0;
  .cart-bundle-form-comment-input {
    width: 80%;
    padding: 0;
    display: inline-block;
    .form-field-group {
      border-radius: 4px;
    }
    label.error{
      padding: 0;
      margin: 0;
      background: transparent;
      font-size: 12px;
      top: 2px;
      left: 0;
      color: #b30000;
    }
    input.error{
      border-color: #b30000;
    }
  }
  .bundle-cart-form-comment-action{
    line-height: 47px;
  }
}


@media (min-width: $screen-sm-min) {
  .bundle-cart-form-comment-action {
    display: block;
    .line-item-bundle-edit{
      display: flex;
    }
  }
}