@import "@css/base/variables.b2b";

.variations-b2b-table-wrapper {
   width: 100%;
   overflow-x: auto;
}

.variations-b2b-table {
   width: 100%;
   margin-bottom: 10px;

   th,
   td {
      border-bottom: 1px solid $border-color;
      padding: 10px;
   }

   th {
      background: $body-bg-alt;
      text-align: left;
      font-weight: normal;
      font-size: $font-size-smaller;
      white-space: nowrap;
   }

   td {
      line-height: $line-height-sm;

      small {
         display: block;
      }
   }

   .submit-block {
      margin: 0;
   }

   .buy-count-wrapper {
      width: 80px;

      .form-control {
         width: 45px;
         height: 45px;
         min-height: 45px;
      }
   }

   .form-control {
      width: 45px;
      height: 45px;
      min-height: 45px;
      padding: 8px 0;
   }

   .buy_count {
      font-size: 10px;
   }
}

.submit-wrapper-b2b {
   padding-bottom: 20px;

   p {
      text-align: right;
      margin-bottom: 10px;
   }
}

