.channelBox{width:200px}.channelBoxName{align-items:center}.channelBoxImage{width:50px;height:50px;margin-left:10px;object-fit:contain;float:left}.pinned-channel-box{position:sticky;left:0;z-index:1000;background-color:#000;margin-left:0;width:200px}.pinned-timeline{z-index:1000;background-color:#000;display:flex;flex-direction:column;justify-content:space-between;outline:2px solid #FFF;!important}.start-time{font-weight:700;display:block;text-align:left}.program-title{display:block;text-align:left}.table{display:flex;flex-direction:column;color:#FFF;background-color:#282c34;position:absolute}.thead{position:sticky;top:0;z-index:1000}.row{display:flex}.cell{outline:1px solid #ddd;text-align:center;padding:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px}.timelineDay,.timelineTime{text-align:left}#vertical-red-line-container{position:relative;width:100%;overflow:visible;z-index:5}#vertical-red-line{position:absolute;left:50px;top:0;width:2px;height:calc(100vh);background-color:red;z-index:5}#close-button{position:fixed;top:20px;right:20px;background-color:red;color:#fff;border:none;border-radius:5px;padding:10px 15px;cursor:pointer;z-index:1000}#close-button:hover{background-color:darkred}.program{background-color:#282c34;color:#fff;border:1px solid #ccc;padding:10px;width:98%;display:flex;opacity:.97}.program img{width:360px;height:200px;margin-right:10px;align-self:center}.program-details{margin:10px;margin-top:0;display:flex;width:70%;flex-direction:column}.program-details h3{margin:0}#startTime{position:relative;float:right;margin-right:0;white-space:nowrap}