.tv_now_channel_name{
    display: table-cell;
    vertical-align: middle;
    font-size: calc((3vh + 3vw)/2);
  //    font-size: 4.0vh;
    font-weight: bold;
    white-space: nowrap;
    color: var(--color_matelko-lcn);
    /* border: solid 1px red; */
}


.tv_nowplaying_view {
    display:flex;
    flex-direction:column;
    flex-grow: 1;
    flex-shrink: 0;
    
    width:auto;
    background-color: #000000;
    padding:1vh;
    padding-bottom: 0.6vh;
    
    
}

.tv_nowplaying_channel_info{
    display: flex;
    width:100%;
 
    height:fit-content;
 
    // width: calc(100% - 0px);
    //height: calc(15vh - 0px);
    /* padding: 6px; */
    vertical-align: top;
    /* border: solid 1px yellow; */
       // display: table;
}

.tv_nowplaying_channel_info_detail{
 
    width: calc(75% - 24px);
   // padding: 12px;
    vertical-align: top;
      flex-grow: 0;
      // display: table-cell;
    /* border: solid 1px blue; */
}

.tv_nowplaying_channel_info_time{
    display: table-cell;
    width: calc(25%);
    //padding: 12px;
   // padding-left: 4px;
    text-align: right;
    /* border: solid 1px red; */
}



.tv_nowplaying_info_container{
    display: table;
}



.tv_channel_now_playing_container{
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
    /* border: solid 1px green; */
}

.tv_channel_now_playing{
    display: block;
    font-size: 2.4vh;
     font-size: calc((2vh + 2vw)/2);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: rgba(180,210,210,1);
    /* border: solid 1px purple; */
}

.tv_channel_now_playing_description{
    display: block;
    //width: calc(60vw - 40px);
    vertical-align: middle;
    font-size: 2.2vh;
     font-size: calc((1.8vh + 1.8vw)/2);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 20px;
    color: rgba(255,255,255,0.6);
    
    /* border: solid 1px green; */
}

.tv_time{
    width: calc(10vw - 40px);
    font-size: 3.0vh;
    font-size: calc((2vh + 2vw)/2);
    font-weight: bold;
    color: var(--c_time);
}

.tv_nowplaying_lcn{
    font-size: 5vh;
      font-size: calc((3vh + 3vw)/2);
    font-weight: bold;
    color: var(--color_matelko-lcn);
}

.tv_channel_now_progress_div{
     width:100%;
     background-color: var(--progress_background);
}
.tv_channel_now_progress{
    width: calc(30% - 0px);
    /*margin-left: 6px;
    margin-top: 4px;*/

    //height: calc(1.2vh - 4px);
    height:1vh;
    background-color: rgba(70,140,210,1);

    flex-shrink: 0;
    flex-grow: 0;
    /* border: solid 1px red; */
}