.modal-popup.recurring-order-next-run-date-modal .modal-inner-wrap,
.modal-popup.recurring-order-skip-next-delivery-modal .modal-inner-wrap,
.modal-popup.recurring-order-delete-modal .modal-inner-wrap,
.modal-popup.recurring-order-modal .modal-inner-wrap,
.modal-slide.recurring-order-next-run-date-modal .modal-inner-wrap,
.modal-slide.recurring-order-skip-next-delivery-modal .modal-inner-wrap,
.modal-slide.recurring-order-delete-modal .modal-inner-wrap,
.modal-slide.recurring-order-modal .modal-inner-wrap {
  width: calc(100% - 40px);
  max-width: 640px;
}

.modal-popup.recurring-order-next-run-date-modal .modal-content,
.modal-popup.recurring-order-skip-next-delivery-modal .modal-content,
.modal-popup.recurring-order-delete-modal .modal-content,
.modal-popup.recurring-order-modal .modal-content,
.modal-slide.recurring-order-next-run-date-modal .modal-content,
.modal-slide.recurring-order-skip-next-delivery-modal .modal-content,
.modal-slide.recurring-order-delete-modal .modal-content,
.modal-slide.recurring-order-modal .modal-content {
  padding-left: 24px;
  padding-right: 24px;
}

@media (max-width: 768px) {
  .modal-popup.recurring-order-next-run-date-modal .modal-inner-wrap,
  .modal-popup.recurring-order-skip-next-delivery-modal .modal-inner-wrap,
  .modal-popup.recurring-order-delete-modal .modal-inner-wrap,
  .modal-popup.recurring-order-modal .modal-inner-wrap,
  .modal-slide.recurring-order-next-run-date-modal .modal-inner-wrap,
  .modal-slide.recurring-order-skip-next-delivery-modal .modal-inner-wrap,
  .modal-slide.recurring-order-delete-modal .modal-inner-wrap,
  .modal-slide.recurring-order-modal .modal-inner-wrap {
    width: calc(100% - 24px);
    max-width: 560px;
  }

  .modal-popup.recurring-order-next-run-date-modal .modal-content,
  .modal-popup.recurring-order-skip-next-delivery-modal .modal-content,
  .modal-popup.recurring-order-delete-modal .modal-content,
  .modal-popup.recurring-order-modal .modal-content,
  .modal-slide.recurring-order-next-run-date-modal .modal-content,
  .modal-slide.recurring-order-skip-next-delivery-modal .modal-content,
  .modal-slide.recurring-order-delete-modal .modal-content,
  .modal-slide.recurring-order-modal .modal-content {
    padding-left: 16px;
    padding-right: 16px;
  }
}

#add-product-id {
  display: none;
}

.recurring-order-view-page .ui-autocomplete {
  max-width: 700px;
}