/* ========================================
Авто календарь
======================================== */

:root {
    --calendar-main-fon: #fff;/* Фон общей подложки календаря */
    --calendar-border: 1px solid #36302C; /* подчеркивание дней недели */
    --calendar-color-navigation: rgba(237,48,165,0.978); /* Фон кнопок навигации */
    --calendar-color-navigation-arrow:#fff; /*Цвет стрелок навигации*/

    --calendar-header-color: #36302C; /* Цвет заголовков календаря*/
    --calendar-txt-color: #36302C; /* Цвет текста календаря*/

    --calendar-color-day: #36302C; /*цвет даты если нет активностей*/
    --calendar-background-day: rgba(11,181,239,0.975); /* Цвет фона при наличии события или текущего дня */
    --calendar-color-date: #36302C; /* Цвет дней недели, даты и обводка событий */

    --calendar-bg-active:#FFFFFF; /*Фон всплывающей подсказки*/
    --calendar-color-link-lesson:rgba(237,48,165,0.978);/*Цвет ссылки на урок в сплывающей подсказке*/
    --calendar-bg-active-text:#36302C;/*Название тренинга в всплывающей подсказке*/
    --calendar-color-date-active: #fff; /* Цвет активной даты и даты событий */
    --calendar-color-day-active: #fff; /* Цвет дней недели событий */

}


.training-side-block .xdget-lessonSchedule:not(.editable) {
    display: none !important;
}


.training-side-block .timetable td.today:not(td.active)>span{
    color: var(--calendar-color-day-active);
}

.training-side-block .timetable {
    text-align: center;
    width: 100%;
    max-width: 400px;
    margin: 0px auto 15px;
    padding: 35px 10px 25px;
    background: var(--calendar-main-fon);
    border: var(--raduga-border);
    border-radius: var(--raduga-border-radius);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 20px;
    -webkit-box-shadow: var(--raduga-box-shadow);
    box-shadow: var(--raduga-box-shadow);
}
.training-side-block .timetable-heading{
    font-family: var(--raduga-font-header-family)!important;
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    color: var(--calendar-header-color);
    margin-bottom: 40px;
}
.training-side-block .timetable p{
    margin: 0;
}
.training-side-block .timetable-head {
    position: relative;
    padding: 0 10px 25px;
    margin: 0;
    letter-spacing: 0.1rem;
    font-family: var(--raduga-font-family);
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: var(--calendar-txt-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.training-side-block .timetable-head-year {
    font-family: var(--raduga-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
}
.training-side-block .timetable-head-arrow-prev path,
.training-side-block .timetable-head-arrow-next path{
    fill: var(--calendar-color-navigation-arrow);
}
.training-side-block .timetable-head-arrow-prev, 
.training-side-block .timetable-head-arrow-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: var(--calendar-color-navigation);
    border-radius: 50%;
    cursor: pointer;
}
.training-side-block .timetable-body {
    padding: 1rem;
    font-size: 15px;
    font-family: var(--raduga-font-family);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.training-side-block tr:has(th) {
    border-bottom: var(--calendar-border);
}
.training-side-block .timetable-body th {
    text-align: center;
    font-family: var(--raduga-font-header-family);
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 12px;
    text-align: center;
    color: var(--calendar-color-date);
    text-transform: uppercase;
    height: 20px;
    border-spacing: 20px 20px !important;
}
.training-side-block .timetable-whitespase {
    width: 100%;
    height: 20px; 
}
.training-side-block .timetable td {
    font-weight: 500;
    width: 50px;
    height: 40px;
    text-align: center;
    vertical-align: center;
}
.training-side-block .timetable td { 
    color: transparent;
}
.training-side-block .timetable td.current { 
    color: var(--calendar-color-day);
}
.training-side-block .timetable td.active {
    position: relative;
}

.training-side-block .timetable .today::after {
    display:none;
}

.training-side-block .timetable td.active>span,
.training-side-block .timetable td.today>span {
    border-radius: 100%;
    width: calc(100% - 4px);
    padding: 6px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--calendar-color-day-active);
    background: var(--calendar-background-day);
    border-radius: 50px;
    -webkit-box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.15);
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}
.training-side-block .timetable td.active>span{
    border: 1px solid var(--calendar-color-date);
}


.training-side-block .timetable .schedule-records {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    color: #222;
    font-weight: bold;
    margin: 0;
    padding: 0;
    list-strgb:(255,0,0)none;
    background: var(--calendar-bg-active);
    -webkit-box-shadow: 0px 6px 39px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 39px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 8px 10px;
    width: 215px;
    position: absolute;
    bottom: 40px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    z-index: 2;
}
.training-side-block .timetable td.active:hover .schedule-records {
    opacity: 1;
    visibility: visible;
}
.training-side-block .timetable .schedule-records li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: center;
    flex-direction: column;
    gap: 10px;

}
.training-side-block .timetable .schedule-records li:not(:last-child) {
    margin-bottom: 8px;
}

 .training-side-block .timetable .schedule-records .time {
    min-width: 50px;
    color: var(--calendar-bg-active-text) !important;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    font-size: 14px;

}

.training-side-block .timetable .schedule-records a, .timetable .schedule-records a:hover {
    color: var(--calendar-color-link-lesson)!important;
    font-weight: 300!important;

}

.training-side-block .timetable .schedule-records li .event{
    color: #222 !important;
    display: block;
    margin-left: 8px;
    font-weight: normal;
}
.training-side-block .timetable .schedule-records li a {
    font-weight: bold;
}


.timetable .schedule-records li a:hover{
    text-decoration: underline;

}


@media (max-width: 425px){
    .training-side-block .timetable{
        max-width: 100%;
        width: calc(100% - 10px);
        margin: 0 auto 20px;

    }
}