

/* Start:/local/templates/app/components/bitrix/news/programms/bitrix/news.list/channel/style.css?17162849763538*/
.doc-list-inner__section {
  margin-top: 41px;
}

.doc-list-inner__section-content {
  margin-bottom: 24px;
}
.doc-list-inner__section-title {
  font-size: 1.73333em;
  line-height: calc(1em + 7px);
  color: #333;
  color: var(--white_text_black);
  margin-bottom: 23px;
}
@media (min-width: 601px) {
  .doc-list-inner--view-list .doc-list-inner__content--with-icon .doc-list-inner__bottom,
  .doc-list-inner--view-list .doc-list-inner__content--with-icon .doc-list-inner__top {
    padding-right: 50px;
  }
}
.programm-list-inner__item.current,  .time-programm {font-weight: bold;}

main{
    margin-bottom: 90px;
}

.img{
    width: 60px;
}

.fz-16{
    font-size: 16px;
}

.future_programm{
    margin-bottom: 8px;

}

.future_programm p{
    font-weight: 800;
}

.tv_programm_name_channel, 
.tv_programm_name_show, 
.tv_programm_time_to_end{
    font-weight: 600;
}

.div_back_link{
    margin-top: 25px;
}

.back_link{
    color: #31AEEC !important;
}
.back_link:hover{
    text-decoration: underline;
}

.tv_schedule_container{
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 16px;
    margin: 24px 0;
    border-radius: 8px;
}

.block-container {
    overflow: hidden; /* Чтобы контейнер обтекал картинку */
}

.tv_schedule_description{
    display: block;
    font-weight: 600;
    margin-top: 8px;
    text-align: justify;
}

.rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 0px 0 10px 15px; /* Отступы вокруг картинки */
}



.h3_title{
    margin-bottom: 8px;
}


.turn_on_off__toggle{
    margin-top: 24px;
    margin-bottom: 12px;
    color: #31AEEC;
    cursor: pointer;
    outline: none;
}

.past_programm_containers{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.past_programm_container{
    display: flex;
    gap: 9px;
    margin-bottom: 8px;
}

.past_programm_container div{
    color: rgb(196, 196, 196);
}

.past_programm_container .past_time{
    font-weight: 800;
}

.past_programm_container .past_name_show{
    font-weight: 600;
}

.now_propramm_container{
    margin: 8px 0;
}

.programm_time_and_name_show_and_status{
    display: flex;
    /* flex-wrap: wrap; */
    gap: 8px;
    margin-bottom: 8px;
}

.programm_time_and_name_show_and_status div{
    font-weight: 800;
}

.live_in{
    color: rgb(49, 174, 236);
    font-weight: 600;
}


.tv_programm_visual_time__and__time_to_end_container{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}


.tv_programm_visual_time{
    border-radius: 2px;
    width: 112px;
    height: 4px;
    background: rgb(247, 247, 247);
}


.tv_programm_visual_time_live{
    border-radius: 2px;
    width: 58px;
    height: 4px;
    /* Main linear */
    background: linear-gradient(180.00deg, rgb(49, 174, 236),rgb(37, 162, 224) 100%);
}

.past_programm_containers {
    display: flex; /* Изначально отображаем блок */
    
  }
.past_programm_containers.collapsed {
    display: none; /* При сворачивании блока скрываем его */
}





@media (max-width: 1026px) {
    
}

@media (max-width: 720px) {
    .tv_programm_time_to_end{
        font-size: 12px;
    }

    .tv_schedule_description{
        font-size: 12px;
    }
}

@media (max-width: 700px) {
    
}
@media (max-width: 420px) {
    .programm_time_and_name_show_and_status{
        flex-wrap: wrap;
    }

    .future_programm{
        font-size: 14px;
    }
}

.hidden {display: none;}
/* End */
/* /local/templates/app/components/bitrix/news/programms/bitrix/news.list/channel/style.css?17162849763538 */
