@import '~@od/global-resources/scss/settings/index';
@import '~@od/global-resources/scss/components/forms';
@import '~@od/global-resources/scss/helpers/index';
@import '~@od/global-resources/scss/base/index';
@import '~@od/global-resources/scss/components/spinner';
@import '~@od/global-resources/scss/components/messaging';

.depot-dollars {
  &-checkout-flow {
    line-height: 1.4em;
  }

  &-eligible-items {
    table {
      thead {
        background: $gray-light;
        th {
          @include padding(5px 10px);
          font-weight: normal;
          width: 25%;
          text-align: left;
        }
      }
      td {
        @include padding(5px 10px);
        width: 25%;

      }
      .not-applicable-line-item {
        cursor : not-allowed;
      }
    }
  }
}

@media only screen and (max-width: 420px) {
  .depot-dollars-eligible-items, .dd-apply-btn, .dd-remove-btn {
    font-size: 12px !important;
  }
}