/*
* TV Program styles.
*/

#tv {
margin: 1em auto;
color: #30336b;
}

.tv-list {
margin: 1em auto 3em auto;
}

.tv-program {
margin: 1em auto 1em auto;
padding: 0.92em 0.6em;
border-bottom: 1px solid #f1f2f6;
max-width: 520px;
}

.tv-img {
display: inline-block;
}

.tv-img img {
width: 120px;
height: 48px;
padding: 0.3em;
border: 1px solid #f1f2f6;
}

.tv-game {
display: inline-block;
vertical-align: 0.2em;
max-width: 360px;
margin-left: 20px;
line-height: 1.48em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.tv-live {
font-size: 0.88em;
padding-left: 1.2em;
padding-right: 0.6em;
}


.tv-program a {
color: #0057a0;
text-decoration: none;
}

.tv-program a:hover {
text-decoration: underline;
}

.tv-program a:visited {
color: #0057a0;
}


@media screen and (max-width: 580px) {
.tv-program {
text-align: center;
}
.tv-img {
display: block;
}
.tv-game {
display: block;
vertical-align: unset;
max-width: 360px;
margin-left: auto;
margin-right: auto;
margin-top: 0.6em;
}
.tv-live {
padding-left: 0.6em;
}
}


.result {
padding-right: 0.6em;
}

.postponed {
color: #7f8fa6;
padding-right: 0.6em;
}

.play {
color: #d63031;
padding-right: 0.6em;
}

.status {
font-size: 0.88em;
}