#bseu-schedule {
    font-family: Arial, sans-serif;
}

#bseu-schedule form {
    margin-bottom: 20px;
}

#bseu-schedule label {
    display: block;
    margin: 5px 0;
}

#bseu-schedule select, #bseu-schedule button {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
}

#tname {
    width: 100%;  /* Устанавливаем ширину на 100% */
    padding: 8px; /* Дополнительный отступ */
    margin-bottom: 10px; /* Отступ снизу */
}

#inpweek {
    margin-bottom: 10px; /* Устанавливает отступ снизу в 10px */
}



#schedule-result {
    color: #333333;
    width: 100%; 
    overflow-x: auto; /* Добавляет горизонтальный скроллинг */
    -webkit-text-size-adjust: 100%; 
    font-family: Arial, Helvetica, sans-serif; 
    line-height: 20px;
    display: block;
}

#sched { 
    width: 100%; 
    max-width: 100%; 
    table-layout: auto; 
    border-collapse: collapse; /* Убирает двойные границы */ 
} th, td {
    border: 1px solid #ddd;
    padding: 8px; 
} th {
    background-color: #b5b7bf; /* #f2f2f2  */
}

#sched > tbody:nth-child(1) {
    display: none;
}

/* Стили для кнопок */

#bseu-schedule .radio-group {
    display: flex; /* Располагает элементы в строку */
    gap: 10px; /* Расстояние между элементами */
    align-items: center; /* Выравнивание кнопок и текста по вертикали */
    flex-wrap: wrap; /* Позволяет перенос элементов на следующую строку на маленьких экранах */
}

#bseu-schedule .radio-group label {
    margin-right: 5px; /* Отступ между радио-кнопкой и текстом */
    display: inline-block; /* Для корректного выравнивания */
}

#bseu-schedule .radio-group input[type="radio"] {
    margin-right: 5px; /* Добавляет отступ между кнопкой и текстом метки */
}


/* Основной стиль для ячеек */
#sched td {
    background-color: white; /* Исходный цвет фона ячеек */
}

/* Изменение фона для ячеек с colspan, охватывающих всю ширину таблицы */
#sched td[colspan="5"] {
    background-color: #f2f2f2; /* Цвет фона для ячеек, охватывающих всю ширину таблицы #f2f2f2 */
    text-align: center; /* Центрирование содержимого */
    text-transform: capitalize; /* Первая буква заглавная */
}

/* Изменение фона ячеек при наведении курсора */
#sched td:hover {
    background-color: #f2f2f2; /* Цвет фона при наведении курсора #e0e0e0 */
}

/* Убираем лишнее */

.actns, .orng.cntr {
    display: none;
}


/* Адаптация для мобильного просмотра */

/* Основной размер шрифта для таблицы */
#sched {
    font-size: 16px;
}

/* Уменьшение размера шрифта на устройствах с шириной экрана до 600 пикселей */
@media (max-width: 600px) {
    #sched {
        font-size: 10px; /* Установите нужный размер шрифта для узких экранов */
    }
}

@media (max-width: 600px) {
    #bseu-schedule .radio-group label {
        font-size: 10px; /* Уменьшаем шрифт для совсем маленьких экранов */
    }

    #bseu-schedule .radio-group input[type="radio"] {
        transform: scale(0.9); /* Еще сильнее уменьшаем размер радио-кнопок */
    }
}

/* Уменьшение межстрочного интервала в таблице */
#sched td, #sched th {
    line-height: 1.2;
    padding: 5px;
}

@media (max-width: 600px) {
    #sched td, #sched th {
        line-height: 1.1;
    }
}

@media (max-width: 600px) {
    #inpweek {
        width: 48px; /* Меньше для телефонов */
        font-size: 12px; /* Меньше размер текста */
    }
}