/* Order list readability and viewport fit. Scoped to the order page only. */
.order-page .compact-toolbar .el-button--primary.is-plain {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  background: #1f7a57 !important;
  border-color: #1f7a57 !important;
  font-weight: 600;
}

.order-page .compact-toolbar .el-button--primary.is-plain span,
.order-page .compact-toolbar .el-button--primary.is-plain i {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  opacity: 1 !important;
  visibility: visible !important;
}

.order-page .compact-toolbar .el-button--primary.is-plain:hover,
.order-page .compact-toolbar .el-button--primary.is-plain:focus,
.order-page .compact-toolbar .el-button--primary.is-plain:active {
  color: #fff !important;
  background: #145c42 !important;
  border-color: #145c42 !important;
}

.order-page .custom-table {
  height: auto !important;
  max-height: none !important;
}

/* Element UI copies max-height to this inner wrapper as an inline style. */
.order-page .custom-table .el-table__body-wrapper {
  height: auto !important;
  max-height: none !important;
  overflow-y: visible !important;
}

.order-page .pagination-container {
  margin-top: 8px !important;
  padding-bottom: 12px !important;
}

.order-page {
  padding-bottom: 24px !important;
}