cntry {
    text-wrap-mode: nowrap;
    text-wrap-style: pretty;
    text-wrap: auto;
    min-width: 99%;
    display: block;
}
.epgguidePage {
    text-align: center;
    width: 34vw;
    max-width: 99vw;
    display: inline-block;
}
.f400 {
    font-weight: 400;
    margin: 0px;
}
    .f400 > span {
        float: left;
        color: var(--fresh);
        margin-left: 10px;
        border-radius: 4px;
    }
.f600 {
    font-weight: 600;
    margin: 0px;
}
    .f600 > lbl {
        float: left;
        margin: 0px 5px;
        font-size: medium;
    }
    .f600 > span {
        float: right;
    }
    .f600 > a, .f400 > a {
        float: left;
        margin: 0px 5px;
        font-size: medium;
    }
.LstContainer {
    overflow: auto;
    height: -webkit-fill-available;
    height: -moz-available;
    height: fill-available;
}
.img-cell {
    flex: 1;
    padding: 4px 1px 1px 1px;
    border: var(--borders);
    text-align: center;
    max-width: 9em;
}
    .img-cell img {
        width: 80px;
        height: auto;
        box-shadow: 3px 6px 6px var(--shadow);
        border-radius: 3px;
    }
.text-cell {
    flex: 1;
    padding: 8px;
    border: 1px solid #ccc;
    text-align: left;
}
.table-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.table-header,
.table-body {
    display: flex;
    flex-direction: column;
}
.table-row {
    display: flex;
    width: 100%;
}
.table-header-cell,
.table-cell {
    flex: 1;
    padding: 8px;
    border: 1px solid #ccc;
    text-align: left;
}
.table-header-cell {
    font-weight: bold;
    background-color: var(--header);
}
@media screen and (orientation: portrait), screen and (height < 460px), screen and (width < 401px) {
    .epgguidePage {
        width: 99vw;
    }
}