@import (reference) '../../../Style/App.less';

.ItemListPanel {
  .panel-heading > .panel-title .Search {
    margin-top: @default-padding;
  }

  .panel-heading > .panel-title > .Search {
    margin-top: 0;
    padding: @default-padding;
  }

  .Loading > .progress {
    border-radius: 0;
  }

  .table-responsive {
    border: 0;
  }

  .TablePanel.table-bordered {
    border: 0;

    & > thead,
    & > tbody,
    & > tfoot {
      & > tr {
        & > th:first-child,
        & > td:first-child {
          border-left: 0;
        }

        & > th:last-child,
        & > td:last-child {
          border-right: 0;
        }
      }
    }
  }

  .ListGroupPanel.list-group {
    & > .Panel-Item.list-group-item {
      border-left: 0;
      border-right: 0;
    }
  }

  // the item list panel uses the panel border for the pager border
  // so we can disable the default datagrid pager border styles by setting it to 0px
  // we do require an internal top border, since filled table borders are removed inside of a panel
  .DataGrid > .DataGrid-container > .Pager {
    border: 0 solid @table-border-color;
    border-top-width: 1px;
  }
}