/*
 * BOLEPIX_REMINDER_FORM_CENTER_REAL_V5703Z179REMCENTER2C1
 *
 * O formulário possui max-width próprio.
 * O erro anterior era margin-left/right = 0.
 *
 * Centraliza EXATAMENTE #pwaReminderForm.
 *
 * Somente desktop.
 */

@media (min-width: 901px) {

  /*
   * Renderer direto usado pelo menu Lembretes do BOLEPIX.
   */
  html body
  #view
  .m3d-reminders-direct-v16y2
  .m3d-reminders-panel
  #pwaReminderForm.m3d-reminder-form {

    width: 100% !important;

    max-width: 900px !important;

    margin-top: 20px !important;
    margin-bottom: 20px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    justify-self: center !important;

    box-sizing: border-box !important;
  }


  /*
   * Fallback do renderer PWA.
   * Mantém o mesmo alinhamento caso essa implementação seja usada.
   */
  html body
  #pwaMenuContent
  .m3d-reminders-panel
  #pwaReminderForm.m3d-reminder-form {

    width: 100% !important;

    max-width: 900px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    justify-self: center !important;

    box-sizing: border-box !important;
  }

}


/*
 * <= 900px:
 * nenhuma regra deste arquivo é aplicada.
 * O comportamento mobile existente é preservado.
 */