.cart-bonuspoints-picker {
   $font-weight-bold: 700 !default;
   $border-color: #eee !default;
   $text-dark: null !default;
   $lightbox_close: null !default;

   border: 1px solid $border-color;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   padding: 10px;

   p {
      margin: 0;

      &:first-child {
         color: $text-dark;
         font-weight: $font-weight-bold;
         letter-spacing: .12em;
         text-transform: uppercase;
      }
   }

   strong {
      color: $text-dark;
   }

   > div {
      flex-grow: 1;
      padding: 10px
   }

   .submit-group {
      display: flex;

      &.active {
         justify-content: space-between;
      }
   }

   .form-control {
      border-right: 0;
      flex-grow: 1;
      max-width: 100px;
      text-align: center;
   }

   .btn {
      flex-grow: 1;
      max-width: 170px;
   }

   .delete {
      background: transparent;
      border: none;
      cursor: pointer;
      line-height: 1;
      padding: 0 20px;
      position: relative;

      &:after {
         @include fonticon;

         content: $lightbox_close;
         font-size: 12px;
         margin-top: -.5em;
         position: absolute;
         top: 50%;
         right: 0;
         text-decoration: none;
      }

      &:hover,
      &:active,
      &:focus {
         text-decoration: underline;
      }
   }
}
