/* PE-Class v1.15.73 · 반별 진도표 날짜·요일 한 줄 표시 */
@media (min-width:769px){
  #progressTableBox table.pe87ClassProgress .progressColDate{width:22%!important}
  #progressTableBox table.pe87ClassProgress .progressColActivity{width:24%!important}

  #progressTableBox .dateLine.dateLineInline{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 60px!important;
    grid-template-rows:42px!important;
    align-items:stretch!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  #progressTableBox .dateLine.dateLineInline .progressDatePicker{
    grid-column:auto!important;
    grid-row:auto!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:42px!important;
    box-sizing:border-box!important;
  }
  #progressTableBox .dateLine.dateLineInline .progressDateDisplay{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding:6px 8px!important;
    border:1px solid #cfdfea!important;
    border-radius:9px!important;
    background:#f8fbfe!important;
    color:#233f55!important;
    font-size:12px!important;
    font-weight:500!important;
    line-height:1.2!important;
    letter-spacing:-.25px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    box-sizing:border-box!important;
  }
  #progressTableBox .dateLine.dateLineInline .rowReset{
    grid-column:auto!important;
    grid-row:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:60px!important;
    min-width:0!important;
    max-width:60px!important;
    height:42px!important;
    min-height:42px!important;
    padding:4px 5px!important;
    border:1px solid #f6b8b0!important;
    border-radius:9px!important;
    background:#fff3f1!important;
    color:#ef4d43!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }
}
@media (min-width:769px) and (max-width:1440px){
  #progressTableBox .dateLine.dateLineInline{
    grid-template-columns:minmax(0,1fr) 52px!important;
    gap:5px!important;
  }
  #progressTableBox .dateLine.dateLineInline .progressDateDisplay{
    padding-left:3px!important;
    padding-right:3px!important;
    font-size:10.5px!important;
    letter-spacing:-.55px!important;
  }
  #progressTableBox .dateLine.dateLineInline .rowReset{
    width:52px!important;
    max-width:52px!important;
    padding-left:2px!important;
    padding-right:2px!important;
    font-size:10px!important;
  }
}