.tv_channel_container{
    display: flex;
    width:100%;
    margin:auto;
    overflow:hidden;
    align-items: stretch;
    flex-direction: row;
    flex-grow: 1;
    flex-shrink: 0;

    // width: calc(100% - 10px);
    height: calc(100% / 11);

    // margin-bottom: 4px;
    border-radius: 0.75vh;
    //  border-radius: 8px;
    border: solid 1px rgba(40,40,40,1);
    background-color: rgba(13,13,13,1);
    cursor: pointer;
    cursor: hand;

    //padding:10px;

    box-sizing: border-box;
    padding:0.1vh;
    //keep sizing


}
.tv_channel_container.hover{
    //padding:0px;

    /*margin-left:2.1vw;

    margin-top: -3px;
    margin-bottom: 1px;
    margin-left: -3px;*/
    // background-color: rgba(70,140,210,0.3);
    /* background-color: rgba(80,140,140,0.3); */
    //border: solid 4px rgba(80,140,140,1);
}

.tv_channel_desc_content{
    width:0;
    flex:1 ;
    flex-grow: 1;
    padding:2px 10px 0px 5px;
    //min-width:100%; 
    /* width: calc(18vw - 6px); */
}

.tv_channel_desc_div{
    display: flex;
    width:100%;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: space-between;
    //box-sizing: border-box;     
    //  flex-flow: row
    //justify-content:space-between;
    //flex-wrap:nowrap;
    //width: calc(100% - 12px);    
}



.tv_channel_name{
    width: 100%;
   
    white-space: nowrap; 
    overflow:hidden; 
    text-overflow: ellipsis;

  
     flex-grow: 1;
     flex-shrink: 1;
     box-sizing: border-box;

  
    vertical-align: top;
    font-size: 2.5vh;
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(0,0,0,1);
    // text-overflow: ellipsis;
  
}



.tv_channel_lcn{

    //flex-grow: 1;
    //flex-shrink: 1;
    //display: table-cell;


    // position: sticky;
    // right:0px;

    //width: calc(30% - 12px);

    // width: calc(30% - 12px);
   // padding: 4px;
    padding-bottom: 0px;
    padding-right: 0px;
    vertical-align: top;
    text-align: right;
    font-size: 2.7vh;
    font-weight: bold;
    color: var(--color_matelko-lcn);
    text-shadow: 2px 2px 2px rgba(0,0,0,1);
    white-space: nowrap;
    /* border: solid 1px blue; */
}

.tv_channel_title{
    //display: inline-block;
    //width: calc(17vw - 12px);
    //display:block;
    //width:20px;
    flex:0 0 auto;
    width:99%;


    margin-right: 8px;
    padding: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size:1.81vh;
    //text-shadow: 2px 2px 2px rgba(0,0,0,1);
    color: rgba(255,255,255,0.8);
    font-weight: bold;
    /* border: solid 1px blue; */
}


.tv_channel_progress_div{
    width:100%;
    background-color: var(--progress_background);
    margin-left: 3px;

}

.tv_channel_progress{
    /* position: relative; */
    /* display: flex; */
    width: calc(50% - 6px);
    height: calc(0.8vh);
    background-color: var(--progress_foreground);

    //  margin-top: 4px;
    /* border: solid 1px red; */
}


.tv_channel_logo{
    display:flex;

  //  width:10vh;
    width:calc((100vh / 11) * 1.33 );
    
    
    
    padding:0.1vh;
    
    //width:auto;
   // background-color: red;
   // vertical-align: top;
   // height:inherit;
   // height:calc(100% - 4px);
   
    //height: calc(100vh / 11 - 8px);
    /* width: 5vw; */

    /* border: solid 1px blue; */
}

img.tv_channel_logo{
    background-color: #FFFFFF;
   // width: 100%;

    /* max-width: 50px; */
   // padding-right: 0px;
   //  width:inherit;
   //  height:auto;
}





/*.tv_channel_container{

    display: flex;
    width:100%;
    margin:auto;
    overflow:hidden;
    align-items: stretch;
    flex-direction: row;
    flex-grow: 1;
    flex-shrink: 0;

    // width: calc(100% - 10px);
    height: calc(100vh / 11);

    // margin-bottom: 4px;
    border-radius: 1.0vh; 
   //  border-radius: 8px;
    border: solid 1px rgba(40,40,40,1);
    background-color: rgba(13,13,13,1);
    cursor: pointer;
    cursor: hand;

    //padding:10px;

    box-sizing: border-box;
    //keep sizing


}
.tv_channel_container.hover{
    //padding:0px;

    /*margin-left:2.1vw;

    margin-top: -3px;
    margin-bottom: 1px;
    margin-left: -3px;*/
    // background-color: rgba(70,140,210,0.3);
    /* background-color: rgba(80,140,140,0.3); */
    //border: solid 4px rgba(80,140,140,1);
/*}*/



/*.tv_channel_hover{
    margin-top: -3px;
    margin-bottom: 1px;
    margin-left: -3px;
    background-color: rgba(70,140,210,0.3);
    /* background-color: rgba(80,140,140,0.3); */
    border: solid 4px rgba(80,140,140,1);
}*/