/* Version 3.97288: keep the Customer Service control columns compact and adjacent. */
@media (min-width: 721px) {
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .table-scroll {
    overflow-x: auto !important;
  }

  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table {
    width: 1580px !important;
    min-width: 1580px !important;
    max-width: none !important;
    table-layout: fixed !important;
  }

  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table {
    border-spacing: 0 !important;
  }

  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table col.customer-service-tms-pull-col,
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(th, td):nth-child(1) {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
  }

  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table col.customer-service-quick-edit-col,
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(th, td):nth-child(2) {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
  }

  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table col.customer-service-select-col,
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(th, td):nth-child(3),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel #customerServiceRows td.customer-service-select-col {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table col.customer-service-alert-col,
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(th, td):nth-child(4),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel #customerServiceRows td.customer-service-alert-col {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(col, th, td):nth-child(5) { width: 100px !important; min-width: 100px !important; max-width: 100px !important; }
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(col, th, td):nth-child(6) { width: 110px !important; min-width: 110px !important; max-width: 110px !important; }
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(col, th, td):nth-child(7),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(col, th, td):nth-child(8) { width: 95px !important; min-width: 95px !important; max-width: 95px !important; }
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(col, th, td):nth-child(9),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(col, th, td):nth-child(10) { width: 105px !important; min-width: 105px !important; max-width: 105px !important; }
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(col, th, td):nth-child(11) { width: 185px !important; min-width: 185px !important; max-width: 185px !important; }
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(col, th, td):nth-child(12) { width: 150px !important; min-width: 150px !important; max-width: 150px !important; }
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(col, th, td):nth-child(13) { width: 180px !important; min-width: 180px !important; max-width: 180px !important; }
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(col, th, td):nth-child(14) { width: 180px !important; min-width: 180px !important; max-width: 180px !important; }
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(col, th, td):nth-child(15) { width: 64px !important; min-width: 64px !important; max-width: 64px !important; text-align: center !important; overflow: visible !important; }

  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(th, td):nth-child(1),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(th, td):nth-child(2),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(th, td):nth-child(3),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel .customer-service-load-table :is(th, td):nth-child(4) {
    text-align: center !important;
    vertical-align: middle !important;
  }
}

/* Version 3.97325: Customer Service order is Select, TMS Pull, Edit, Alert. */
@media (min-width: 721px) {
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > colgroup > col:nth-child(1),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > thead > tr > th:nth-child(1),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > tbody > tr > td:nth-child(1) {
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > colgroup > col:nth-child(2),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > thead > tr > th:nth-child(2),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > tbody > tr > td:nth-child(2),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > colgroup > col:nth-child(3),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > thead > tr > th:nth-child(3),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > tbody > tr > td:nth-child(3),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > colgroup > col:nth-child(4),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > thead > tr > th:nth-child(4),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > tbody > tr > td:nth-child(4) {
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    text-align: center !important;
    vertical-align: middle !important;
  }

  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > thead > tr > th:nth-child(1) {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

/* Version 3.97289: final desktop override for the four leading controls.
   The legacy stylesheet contains several older 13/14-column maps. */
@media (min-width: 721px) {
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table {
    width: 1571px !important;
    min-width: 1571px !important;
    max-width: none !important;
    table-layout: fixed !important;
    border-spacing: 0 !important;
  }

  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > colgroup > col:nth-child(1),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > thead > tr > th:nth-child(1),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > tbody > tr > td:nth-child(1) {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > colgroup > col:nth-child(2),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > thead > tr > th:nth-child(2),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > tbody > tr > td:nth-child(2) {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > colgroup > col:nth-child(3),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > thead > tr > th:nth-child(3),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > tbody > tr > td:nth-child(3) {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > colgroup > col:nth-child(4),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > thead > tr > th:nth-child(4),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > tbody > tr > td:nth-child(4) {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > thead > tr > th:nth-child(-n+4),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > tbody > tr > td:nth-child(-n+4) {
    text-align: center !important;
    vertical-align: middle !important;
  }
}

/* Final order override: Select, TMS Pull, Edit, Alert. */
@media (min-width: 721px) {
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > colgroup > col:nth-child(1),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > thead > tr > th:nth-child(1),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > tbody > tr > td:nth-child(1) { width: 104px !important; min-width: 104px !important; max-width: 104px !important; padding-left: 10px !important; padding-right: 10px !important; }
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > colgroup > col:nth-child(2),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > thead > tr > th:nth-child(2),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > tbody > tr > td:nth-child(2),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > colgroup > col:nth-child(3),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > thead > tr > th:nth-child(3),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > tbody > tr > td:nth-child(3),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > colgroup > col:nth-child(4),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > thead > tr > th:nth-child(4),
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > tbody > tr > td:nth-child(4) { width: 64px !important; min-width: 64px !important; max-width: 64px !important; padding-left: 6px !important; padding-right: 6px !important; text-align: center !important; vertical-align: middle !important; }
  html body[data-page="customer-service"] #customerServiceView #customerServiceLoadsPanel table.customer-service-load-table > thead > tr > th:nth-child(1) { white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; }
}