/*
 * PE-Class wide waiting states v11991
 *
 * PC, MacBook, iPad landscape and Fold7 unfolded keep the waiting card but
 * show only its guidance copy.  The table DOM stays intact for the existing
 * render enhancers and for the compact/mobile layouts.
 */
@media (min-width:769px){
  body.subjectPlanApp #app > .subjectPlanWaitingPanel,
  body.classProgressApp #app > .classProgressWaitingPanel{
    display:flex!important;
    flex-direction:column!important;
    height:202px!important;
    min-height:202px!important;
    box-sizing:border-box!important;
  }

  body.subjectPlanApp #app > .subjectPlanWaitingPanel > .subjectPlanWaitingTable,
  body.classProgressApp #app > .classProgressWaitingPanel > .classProgressWaitingTable{
    display:flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }

  body.subjectPlanApp #subjectPlanBox.subjectPlanWaitingTable > table.pe87SubjectPlan.dataTable,
  body.classProgressApp #progressTableBox.classProgressWaitingTable > table.progressWaitingTable.dataTable{
    display:none!important;
  }

  body.subjectPlanApp #app > .subjectPlanWaitingPanel > .subjectPlanWaitingTable > .empty,
  body.classProgressApp #app > .classProgressWaitingPanel > .classProgressWaitingTable > .empty{
    display:flex!important;
    flex:1 1 auto!important;
    align-self:stretch!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:20px!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }
}

@media (min-width:769px) and (max-width:1366px){
  html:is(.pe87Ipad,.pe87IpadRuntime,[data-pe-device="tablet"],[data-pe-ipados="true"])
  body.subjectPlanApp #app > .subjectPlanWaitingPanel,
  html:is(.pe87Ipad,.pe87IpadRuntime,[data-pe-device="tablet"],[data-pe-ipados="true"])
  body.classProgressApp #app > .classProgressWaitingPanel{
    height:196px!important;
    min-height:196px!important;
  }
}

@media (min-width:769px){
  html.pe87FoldWide body.subjectPlanApp #app > .subjectPlanWaitingPanel{
    height:190px!important;
    min-height:190px!important;
  }

  html.pe87FoldWide body.classProgressApp #app > .classProgressWaitingPanel{
    height:187px!important;
    min-height:187px!important;
  }
}