@font-face {
  font-family: "Geometria LF Heavy"; 
  src: url('/fileservice/file/download/h/90dc4da66d9c42d51cdd7de28f3e56cf.otf/a/636439/sc/396') format('opentype'),
       url('/fileservice/file/download/h/648b58ca5672854b27eb05abb4218943.woff/a/636439/sc/53') format('woff');
}
@font-face {
  font-family: "Geometria LF Heavy"; 
  src: url('/fileservice/file/download/h/90dc4da66d9c42d51cdd7de28f3e56cf.otf/a/636439/sc/396') format('opentype'),
       url('/fileservice/file/download/h/648b58ca5672854b27eb05abb4218943.woff/a/636439/sc/53') format('woff');
}

@font-face {
  font-family: "Geometria-Bold"; 
  src: url('/fileservice/file/download/h/44a087bd3e6e2cf8e726ecfaa3022125.otf/a/69600/sc/231') format('opentype'),
       url('/fileservice/file/download/h/9576cb7b24a9b43dfabb0baa985c9a2c.woff/a/69600/sc/381') format('woff');
}

@font-face {
  font-family: "Geometria-Medium"; 
  src: url('/fileservice/file/download/h/a30df1a24eb0158ee648d4e2322a9bfe.otf/a/69600/sc/276') format('opentype'),
       url('/fileservice/file/download/h/241f9df42990497b423dd98f82900740.woff/a/69600/sc/484') format('woff');
}

@font-face {
  font-family: "Geometria-Regular"; 
  src: url('/fileservice/file/download/h/c08b34c7ac75c6ab89f5c1fdfde9b4fe.otf/a/69600/sc/493') format('opentype'),
       url('/fileservice/file/download/h/0e62272870268723a66fb551a9217b15.woff/a/69600/sc/415') format('woff');
}

@font-face {
  font-family: "Geometria-Light"; 
  src: url('/fileservice/file/download/h/eaba26d9fab78050a2dda94dd37d8064.otf/a/69600/sc/332') format('opentype'),
       url('/fileservice/file/download/h/45bc50b7daf70c3fc16f6da881633077.woff/a/69600/sc/192') format('woff');
}


:root{
    --r: 4px;
    --b: #353535;
    --w: #fff;
    --blue: #3A5DAE;
    --orange: #F96714;
    --sr: 'Geometria', sans-serif;;
    --sb: 'Geometria LF Heavy', sans-serif;
    --transform: translatey(-3px) scale(1.02);
        /* обычный урок - нет дз */ 
    --StatusText1: 'Доступен';
    /* обычный урок - есть дз, либо ответ не принят */   
    --StatusText2: 'Есть задание'; 
   /* стоп, важный урок - есть дз */
    --StatusText3: 'Стоп-урок';   
    /* ответ отправлен - не проверен */ 
    --StatusText4: 'На проверке';  
   /* ответ отправлен - принят */ 
    --StatusText5: 'Принят'; /* есть дз - ответ отправлен - задание принято */ 
    /* урок недоступен - расписание или после стоп-урока */ 
    --StatusText6: 'Закрыт'; 
      --imgwidth:clamp(120px, 30vw , 300px);
}

/*подключаем шрифты 
@font-face {
	font-family: 'Helvetica regular';
	src: url('/fileservice/file/download/h/1b86d884c6f06b0ed0b86cdd78ddbdd9.otf/a/586141/sc/398') format('opentype');
}*/

/*КАЛЕНДАРЬ НАЧАЛО */
.current-page-events {
  display:none!important;
}

.calcen{
    background: #fff;
    padding: 20px;
    border-radius: 16px;
    margin-bottom: 24px;
}

.calcen .rightblock_header {
    color: var(--blue);
}

/* плашка календаря*/
#calendar {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     font-family: var(--sr)!important;   
     color: var(--b);
     background: #fff;
     border: none;
  
     
}
/* отступ внтури календаря*/
#full_calender {
   padding: 0px 30px;
    
  
}

/* ВЕРХНЯЯ ЧАСТЬ - НАЧАЛО ⬇️  */
/* расположение элементов */
#calTitle_month {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

/* Весь календарь */
#calTitle{
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    font-size: 1em;
    text-align: center;
    padding: 0.4em 1em;
    padding-top: 0.8em;
    margin-bottom: 20px;
    font-family: 'Geometria-Medium'!important; 
    font-weight: 500!important; 
}

/* короткое написание месяца */
#monthYear > span.current-month {
    display: none;
}
/* короткое написание месяца */
#monthYear > span.current-month,
#monthYear > span.todayDay,
#monthYear > span.current-day,
#calTFooter_today > span.current-year {
    display: none;
}
#monthYear > span.fullMonths_names,
#calTFooter_today span.todayDay{
    text-transform: capitalize;
    padding-right: 10px;
}
#monthYear{
    font-size: 20px;
      font-family: 'Geometria-Medium'!important; 
     font-weight: 500!important; 
    color: var(--b);
    text-align: left;
    padding-right: 10px;
}

#calTitle span.current-day {
    font-size: 16px;
    font-weight: 100;
}

/* кнопки ВПЕРЕД - НАЗАД  НАЧАЛО ⬇️*/
#calTitle button{
    outline: none;
    display: block;
    border: 0px;
    border-radius: 0px;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: relative;
    background: #fff;
}
#calTitle button svg:not(:root){
  display: none;
}
/* кнопки стрелки при наведение */
#calTitle button:hover{
   
}
/* кнопка назад */
#calTitle button.month-mover.next {
    margin-left: 10px;
}

/* иконки в кнопке назад */
#calTitle button.month-mover.prev:before {
    content: "\f104";
    position: absolute;
    top: 50%;
    left: 46%;
    transform: translate(-50%, -50%);
    font-family: 'FontAwesome';
    color: var(--b);
    font-size: 16px;
}

/* иконки в кнопке вперед */
#calTitle button.month-mover.next:before {
    content: "\f105";
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    font-family: 'FontAwesome';
     color: var(--b);
    font-size: 16px;
}

/* кнопки ВПЕРЕД - НАЗАД  конец ⬆️ */


/* отступ дня недели  */
#monthYear > span.fullMonths_names,
#calTFooter_today span.todayDay{
    text-transform: capitalize;
    padding-right:10px;
}


/* ВЕРХНЯЯ ЧАСТЬ - КОНЕЦ ⬆️  */


/* САМ КАЛЕНДАРЬ - НАЧАЛО ⬇️  */
#calThead, #calTbody{
    display: flex;
    flex-wrap: wrap;
    padding: 0.1em;
}

/* Дни недели  */
#calThead{   
    align-items: center;
    text-align: center;
    font-size: 20px;
    padding-bottom: 10px;
  font-family: 'Geometria-Medium'!important; 
    font-weight: 500!important;
}

/* Дни недели - заголовки */
#calThead > div{
    font-size: 16px;
    padding: 0.2em 0.2em;
}

/* Дни месяца  */
#calThead > div, #calTbody .a-date{
    box-sizing: border-box;
    flex: 1;
    min-width: calc(100% / 7);
    max-width: calc(100% / 7);
    width: calc(100% / 7);
    text-align: center;
    padding: 0;    
}

/* Дни месяца - сама цифра */
#calTbody .a-date > span{
    display: block;
   font-family: 'Geometria-Medium'!important; 
    font-weight: 500!important;
    color: var(--b);
    font-size: 14px;
    padding: 0.28em 0em;
}
/* Дни месяца - плашка под цифрой */
#calTbody .a-date{
    cursor: default;
    padding: 0;
    position: relative;
    background-color: transparent;
    border: 0.1em solid transparent; 
    outline: none;
    font-size: 14px;
    padding: 8px;
}
/* даты прошлого и будующего месяца */
#calTbody .a-date.blurred {
    pointer-events: none;
    height: 0;
    position: relative;
    opacity: 0.4;
}

/* СЕГОДНЯ - начало */
#calTbody .a-date.current{
    outline: none;
    outline: 0;
    border-radius: 300px;
}
/* сегодняшний день - фон */
#calTbody .a-date.current{  
    opacity: 1;
    background: var(--blue);
  
}
/* сегодняшний день - цифра */
  #calTbody .a-date.current > span{
      color: #fff;
     font-family: 'Geometria-Bold'!important; 
    font-weight: 700!important;
}

#calTbody .a-date.current.event{
    border: 1px solid var(--blue);
    opacity: 1;    
}
/* СЕГОДНЯ - конец */


/* Выбраная дата */
#calTbody .a-date:focus,
#calTbody .a-date:active{
    border: 1px solid var(--blue);
    border-radius: 100px;
    
}
/*#calTbody .a-date > span:active {
  color:var(--white)!important;
}
#calTbody .a-date > span:focus {
  color:var(--white)!important;
}*/


#calTbody .a-date.event:before{
    content: '';
    position: absolute;
    top: 0.5em;
    right: 0;
    left: 0;
    margin: auto;
    width: 0.7em;
    height: 0.3em;
}

/* Заголовок с отдельной страницы */


#calTbody .a-date:focus,
#calTbody .a-date:active{
    border: 1px solid var(--blue);
}

#calTbody .a-date.event:before{
    content: '';
    position: absolute;
    top: 0.5em;
    right: 0;
    left: 0;
    margin: auto;
    width: 0.7em;
    height: 0.7em;
}

#calTbody .a-date.other-page:focus, #calTbody .a-date.other-page:active {
    border: 1px solid var(--blue);
}

/* стилизация user-events */
#calTbody .a-date.user-events:before {
    background: var(--blue);
}

#calTFooter .user-events h3.eventTitle {
    border-left:none;

}
#calTFooter .user-events .eventTimes {
    color: var(--blue);
}

#calTbody .a-date.user-events:focus, 
#calTbody .a-date.user-events:active {
    border: 1px solid var(--blue);
}

/* стилизация точка в датах*/
#calTbody .a-date.sublesson:before, #calTbody .a-date.other-page:before {
    background: var(--orange);
    top: 30px;
    border-radius: 100px;
    width: 6px;
    height: 6px;
}

#calTbody .a-date.sublesson:focus, 
#calTbody .a-date.sublesson:active {
    border: 1px solid var(--blue);
}


#calTbody .a-date.main-lesson:before {
    background: var(--blue);
}

#calTbody .a-date.main-lesson:focus, 
#calTbody .a-date.main-lesson:active {
    border: 1px solid var(--blue);
}

/* НИЖНИЙ БЛОК - НАЧАЛО ⬇️  */

/* Отступы у всего блока*/
#calTFooter_event {
    padding: 1em 1em;
}
/* Фраза события в этот день*/
#calTFooter_event #eventTitle_today {
  font-family:'Geometria-Bold'!important; 
   font-size: 1.2em;
    font-weight: 600!important;
     color: var(--blue);
}

/* блок с событием в этот день время и название */
#calTFooter{
    padding: 0;
   align-content: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    font-size: 1em;
   
  

}
/* Заголовок весь */
#calTFooter h3.eventTitle,
.other-page h3.eventTitle {
    margin: 0;
    margin-right: 0.1em;
    font-family:  'Geometria-Regular'!important;
      font-weight: 400!important;
    font-size: 16px;
    white-space: normal;
    overflow: hidden;
    color: var(--b);

}
/* Заголовок - название урока */
#calTFooter_event .eventTitle {
    color: var(--b);
    padding-top: 10px;
    font-weight: 400!important;
     font-family:  'Geometria-Regular'!important;
    padding-left: 10px;  
}

/* описание событий в этот день - ссылка */
#calTFooter #calLink{
    font-size: 0.1em;
    display: inline-block;
    padding: 0.6em 0.8em;
    flex-shrink: 0;
    text-decoration: none;
    border-bottom: 1px solid var(--blue);
}

/* */
#calTFooter a.day-event-item {
    color: var(--b);
    margin-top: 0.5em;
   
}

/* Отступы у всего блока*/
#calTFooter_event {
    padding: 1.4em 1em;
}

/* */
#calTFooter .other-page .eventTimes {
    color: var(--b);
}
/* */
#calTFooter .user-events h3.eventTitle {
    border-left: 2px solid var(--b);
    padding-left: 0.8em;
}
/* */
#calTFooter .user-events .eventTimes {
    color: var(--b);
}
/* */
#calTFooter .sublesson h3.eventTitle {
    border-left: 1px solid var(--b);
    padding-left: 0.8em;
}

/* время уроков - из тренингов*/
#calTFooter .sublesson .eventTimes {
   color: var(--b);
}
/* */
#calTFooter .main-lesson .eventTimes {
    color: var(--b);
}
/* */
#calTFooter_event .eventTitle .event_Title {
    font-weight: bold;
    padding-top: 0.4em;
}

/* */
#calTFooter .main-lesson h3.eventTitle, 
.other-page h3.eventTitle {
    border-left: 1px solid var(--b);
    padding-left: 0.8em;
}
/* разделитель + название дня недели*/
#calTFooter_today {
    border-top: 2px solid var(--b);
    font-size: 16px;
    padding-top: 0.3em;
    font-weight: bold;
    color: var(--b);
}
#calTFooter a.day-event-item:hover {
    text-decoration: none;
}

/* НИЖНИЙ БЛОК - КОНЕЦ ⬆️  */
/*КАЛЕНДАРЬ КОНЕЦ */

/*@media(max-width: 1400px){
  #calTbody .a-date{
    font-size: 0px;
    padding: 10px;
  }
  #calendar{
    padding: 10px;
  }
  #calTbody .a-date > span{
    font-size: 12px;
    padding: 0px;
  }
  #monthYear{
    font-size: 18px;
  }
  #calTFooter h3.eventTitle, .other-page h3.eventTitle{
    font-size: 14px;
  }
}*/

@media(max-width: 1300px){
    #full_calender {
        padding: 0px 0px;
    }
}


@media(max-width: 991px){
  #calTbody .a-date{
    font-size: 0px;
    padding: 15px;
  }
    #calTbody .a-date.sublesson:before, #calTbody .a-date.other-page:before{
        top: 36px;
    }
}
@media(max-width: 750px){
 
}
@media(max-width: 498px){
  #calTbody .a-date{
    padding: 10px;
  }
  #calendar{
    padding: 10px;
  }
   #calTbody .a-date{
    font-size: 0px;
    padding: 10px;
  }
  #calendar{
    padding: 10px;
  }
  #calTbody .a-date > span{
    font-size: 12px;
    padding: 0px;
  }
  #monthYear{
    font-size: 16px;
  }
  #calTFooter h3.eventTitle, .other-page h3.eventTitle{
    font-size: 12px;
  }
  #calTbody .a-date.sublesson:before, #calTbody .a-date.other-page:before{
    top: 30px;
  }
}