$actions-row-height: 86px;

@import '~@od/global-resources/scss/settings/index';
@import '../../global_components/progress_bar/progress_bar';
@import 'order_details_sidebar';
@import 'related_orders';
@import 'order_details';
@import 'order_list';
@import 'order_list_item';
@import 'order_details_line_items';
@import 'advanced_search_modal';
@import 'filter_sidebar';
@import './filters_top';
@import '../../global_components/expandable_list/expandable_list';
@import 'actions_modal';
@import 'addtolist_reorder';
@import 'order_details_print';
@import '~@od/budget-indicator/src/scss/index';

.order-history {
  &-list,
  &-detail {
    h1 {
      @include font-size(26px);
      font-weight: 300;
    }

    .section-header {
      @include padding(12px 16px);
      @include font-size(18px);
      background-color: $gray-light;
      border: 1px solid $gray-medium;
      border-bottom: 0;
      font-weight: 400;
    }

    .order-list-display-table {
      table {
        margin-bottom: 0;
        width: 100%;

        th, td {
          font-size: .875rem;
        }
      }
    }

    .order-header {
      .details-header {
        color: $gray;
        @include font-size(10px);
      }
      .checkbox-container {
        padding-left: .75rem;
        img {
          width: 1.5rem;
        }
        @include breakpoint(xs) {
          padding-left: 0;
        }
      }
      p {
        @include font-size(12px);
      }
    }
  }
}

html {
  @include breakpoint(md) {
    font-size: .75rem;
  }
}

@media (min-width: $screen-md-min) {
  .order-history-list {
    //  TODO quick fix
    .form-field-group input[type=date],
    .form-field-group input,
    .select .select-wrapper select {
      padding-top: 6px;
      padding-bottom: 6px;
    }

    .tabs-md-container {
      border-bottom: 1px solid $gray-light;
      margin-bottom: 12px;
    }
  }
}

@media(max-width: $screen-sm-max) {
  .tabs-sm-container {
    border-bottom: 1px solid $gray-light;
    margin-bottom: 12px;
  }
}

@media (min-width: $screen-md-min) {
  .order-list-actions-column {
    min-height: $actions-row-height;
  }
}

@include breakpoint(xs) {
  .is-fluid {
    .order-list-section .table {
      border-top: 1px solid $gray-medium;
    }

    .no-padding-xs {
      padding: 0;
    }

    .col-margin-bottom {
      margin-bottom: .75rem;
    }

    .col-xs-margin-top {
      margin-top: .75rem;
    }
  }
}