/* SCHEDULE TABLE */
.sched-col {
 padding-right: 0 !important;
}
.sched {
 padding: 10px 0;
}
.schedule-build {
 max-width: 330px;
}
.schedule-build-table {
 font-size: 0.8rem;
 border-collapse: collapse;
}
.schedule-build-table th {
 text-align: left;
 font-weight: 600;
 font-size: 0.8rem;
 border-bottom: 2px solid #ddd;
 padding: 0.4rem 0.5rem;
}
.schedule-build-table td {
 padding: 3px 2px 3px 0;
 font-size: 0.8rem;
 border-bottom: 1px solid #eee;
}
.team-record-wrap {
 text-align: left;
 background: #fff;
 border-bottom: 1px solid #666;
 padding: 0.25rem 0.25rem 0.25rem 0.4rem;
}
.team-record-wrap h5 {
 font-weight: bold;
}
.schedule-build-table .result {
 text-align: right;
}
.schedule-build-table td.tv-schedule {
 padding-left: 3px;
}
@media only screen and (max-width: 600px) {
 .schedule-build-table,
 .schedule-build-table td {
  font-size: 0.95rem;
 }
 .schedule-build-table td {
  padding: 6px 4px 6px 2px;
 }
}
.schedule-build-table tfoot td {
 font-size: 0.8rem;
 color: #333;
 padding-top: 0.5rem;
 line-height: 133%;
 padding-left: 2rem;
 background: #fefefe;
 border-bottom: 1px solid #666;
}
.schedule-build-footnotes {
 font-size: 0.8rem;
 color: #333;
}
.schedule-build tr:hover,
.schedule-build tbody tr:hover td {
 background-color: #f5f5f5;
}
.schedule-tabs {
 list-style: none;
 display: flex;
 gap: 8px;
 margin: 0 0 8px;
}
.schedule-tabs li {
 cursor: pointer;
 padding: 4px 12px;
 background: #eee;
 font-size: 0.8rem;
}
.schedule-tabs li.active {
 background: #ddd;
 font-weight: bold;
}
/* TV ICONS & TOOLTIP */
.tv-schedule {
 position: relative;
}
.tv-schedule i.fa-television {
 position: relative;
 cursor: pointer;
}
.tv-schedule i.fa-television::after {
 content: attr(data-network);
 position: absolute;
 right: 100%;
 margin-right: 8px;
 top: 50%;
 transform: translateY(-50%);
 display: none;
 padding: 4px 6px;
 background: #222;
 color: #fff;
 font-family: Arial, sans-serif;
 font-size: 0.85rem;
 white-space: nowrap;
 border-radius: 3px;
 z-index: 9999;
}
@media (hover: hover) {
 .tv-schedule i.fa-television:hover::after {
  display: inline-block;
 }
}
@media (hover: none) {
 .tv-schedule i.fa-television:active::after,
 .tv-schedule i.fa-television:focus::after {
  display: inline-block;
 }
}