/* Nested edit dialogs must not inherit table action text colors. */
#root .customer-main .customer-orders-table .custom-order-edit .custom-modal.create-order-modal > header > button:not(.outline-button),
#root .customer-main .customer-orders-table .custom-order-edit .custom-modal.create-order-modal > footer > .coffee-button {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}
#root .create-order-modal .custom-note-row {
  align-items: start;
  text-align: left;
}
#root .create-order-modal .custom-note-row > label,
#root .create-order-modal .custom-note-image-field {
  align-self: start;
  align-content: start;
}
#root .create-order-modal .custom-note-row > label > span {
  min-height: 21px;
}
#root .create-order-modal .custom-note-thumbnails {
  justify-content: flex-start !important;
  align-items: flex-start;
  max-height: 180px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
#root .create-order-modal .custom-note-thumbnails > div {
  flex: 0 0 64px;
  min-width: 0;
  justify-items: center;
}
#root .split-orders-workbench .wh-panel > footer.split-load-status {
  justify-content: center;
  text-align: center;
  min-height: 0;
  padding: 14px;
  color: #947f6a;
  font-size: 14px;
  font-weight: 400;
}