@charset "utf-8";

/* Mobile web and app WebViews share these schedule templates. */
#container_title.wbs-mobile-schedule-title {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:6px 16px; height:auto; min-height:0; padding-bottom:12px;
}
#container_title.wbs-mobile-schedule-title p {
  position:static; float:none; width:auto; height:auto; margin:0;
  line-height:1.5; white-space:normal;
}
#container_title.wbs-mobile-schedule-title .title_tv {font-size:18px;}
#container_title.wbs-mobile-schedule-title .title_day {font-size:14px; font-weight:500;}
#sch .sch_date.wbs-mobile-schedule-date {
  display:flex; gap:0; width:100%; margin:0; padding:0;
  overflow-x:auto; overflow-y:hidden; white-space:normal;
  background:#e4ecef; border-top:1px solid #c4d2d7; border-bottom:1px solid #c4d2d7;
  scroll-snap-type:x proximity; scrollbar-width:none;
}
#sch .sch_date.wbs-mobile-schedule-date::-webkit-scrollbar {display:none; width:0; height:0;}
#sch .wbs-mobile-schedule-date a.sch-day,
#sch .wbs-mobile-schedule-date span.sch-day {
  position:relative; flex:0 0 120px; width:120px; min-width:120px; min-height:72px;
  box-sizing:border-box; display:flex; align-items:center; justify-content:center;
  flex-direction:column; gap:4px; margin:0; padding:10px 8px;
  border:0; border-right:1px solid #b7c9d0; background:#e4ecef;
  color:#435d68; scroll-snap-align:start;
}
#sch .wbs-mobile-schedule-date .sch-day:last-child {border-right:0;}
#sch .wbs-mobile-schedule-date .sch-day-date,
#sch .wbs-mobile-schedule-date .sch-day-week {
  display:block; width:auto; max-width:none; margin:0; padding:0;
  font-family:inherit; font-size:15px; line-height:21px;
  letter-spacing:0; text-align:center; white-space:nowrap;
}
#sch .wbs-mobile-schedule-date .sch-day-date {font-weight:650;}
#sch .wbs-mobile-schedule-date .sch-day-week {font-size:14px; font-weight:500; color:#596f79;}
#sch .wbs-mobile-schedule-date .sch-day.is-active {
  background:#c7dbdf; color:#294f5b; border-right:1px solid #b7c9d0;
}
#sch .wbs-mobile-schedule-date .sch-day.is-active::after {
  content:""; position:absolute; bottom:3px; left:50%; width:28px; height:3px;
  transform:translateX(-50%); background:#547b85;
}
#sch .wbs-mobile-schedule-date .sch-day-today {color:#A3264B; font-size:13px; font-weight:700;}
#sch .sch_tbl .wbs-schedule-program {
  display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px;
}
#sch .wbs-schedule-program > a {flex:1 1 140px; min-width:0; overflow-wrap:anywhere;}
#sch .wbs-schedule-program .schedule-replay-btn {
  flex:0 0 auto; float:none; margin:0 0 0 auto; font-size:13px;
}