:root {

    --radius: 12px;
    --lite: #f9e1b1;
    --lite-filter: #f9e1b120;
    --orange: #F28C31;
    
    --shadow: 2px 2px 3px 1px #00000120;
    --menu-width: 70px;
    --gap: 10px;
}

/* Форма */
.lt-form form,
.lt-form .form-position.selected,
.lt-form .f-input,
.lt-form .f-btn{
  border-radius: var(--radius)!important
}
.lt-form .form-position,
.lt-form .f-btn {
    margin-bottom: 25px;
}

/* Кнопка */
.f-btn {
  background: var(--orange)!important
}
/* Название группы подтренинга */
.gc-user-user .group-name {
  display: none
}



/* ------------- 
content start - Old
------------- */

.logo-text {
    display: none;
}

.page-header h1 {
    color: #693906;
}

.content-menu {
    color: #693906;
    opacity: 1;
}

.stream-table tr td {
    padding-bottom: 10px!important;
    padding-top: 10px!important;
    height: auto!important;
    min-height: 90px!important;
    display: block!important;
    margin: 10px!important;
    border: 1px solid #693906;
    border-radius: 12px!important;
    background-color: rgba(255, 156, 63, 0.85);
    transition: all .3s ease-in-out;
}

/*@keyframes swings { 
    15% {
    transform: translateX(5px);
    }
}*/

@media (hover:hover) {

.stream-table tr td:hover  {
    transform: scale(1.05);
    background-color: rgba(255, 156, 63, 0.75)!important;
}
}

.stream-table .stream-title {
    font-size: 1.8em!important;
    color: #693906;
    font-weight: 900;
}

.stream-table tr a {
    color: #A65B14!important;
    font-size: 14px!important;
    display: block;
    font-weight: 600;
}

.xdget-lessonList {
	background-color: rgba(255, 156, 63, 0);
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.lesson-list {
    background-color: rgba(248, 221, 166, 0.8);
    border-radius: 20px!important;
    border: 1px solid #693906;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.lesson-list li a {
    background-color: #ffb168;
    border-radius: 12px!important;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.lesson-list li .info {
    background-color: #ffb168;
    border-left: 1px solid #ffb168!important;
    color: #693906;
    font-size: 16px!importand;
    font-weight: 800;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.lesson-list .item-main-td {
    font-size: 16px;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.lesson-list li .title {
    font-size: 16px!importand;
    font-weight: 800;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.lesson-list li .state-icon-block {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/550812/sc/142/h/d656c092434aa178db1c76e5392ae1a7.png);
    background-color: #ffb168
    object-fit: cover;
    padding: 5px;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.lesson-header-block {
    background: rgba(255, 156, 63, 0.85);
    border-radius: 12px!important;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.lesson-header-block.row-section {
	background: #ffb168;
    background-color: #ffb168;
    color: #693906;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.lesson-list li.user-state-reached .user-state-label.has-start-at {
    color: #A65B14;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.user-state-need_accomplish .user-state-label {
    color: #A65B14!important;
}

.user-state-has_mission .user-state-label {
    color: #A65B14!important;
}

.user-state-need_accomplish .user-state-bg {
    background-color: #ffb168;
}

.user-state-has_mission .user-state-bg {
    background: #ffb168;
}
/* ------------- 
content finish - Old
------------- */

/* ------------- 
content start - lesson
------------- */

/* Видео и картинки */
.photo, .video {
  margin: 2% auto
}

.video .vhi-iframe {
  border-radius: var(--radius)!important;
  margin: auto;
  
}

.photo .image-wrapper {
  justify-content: center;
    display: flex;
}

.photo img {
  border-radius: var(--radius);
  width: 70%;
  box-shadow: var(--shadow);
}

.gallery {
  margin: 2% auto;
  
}
.gallery .thumbnails-list {
  display: flex;
  flex-wrap: wrap;
}
.gallery .thumbnails-list a img{
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.gallery .thumbnails-list a {
  margin: 1%;
  flex: 25%;
  
}

/* Текст с левым бордером */
.attention {
  margin-left: 5%;
  border-left: 3px solid var(--orange);
  padding-left: 2%
}

/* Интерактивные задания */
.interactives .f-text {
  font-size: 16px;
  font-weight: 600;
}

/* Материалы к уроку */
.materials {
  margin: 2%;
  border: 2px solid var(--orange);
  border-radius: var(--radius);
  padding: 2%;
}

.materials .f-subheader {
  font-size: 18px;
}

.materials .f-text {
  font-size: 16px
}

/* Аудио */
.audio .container {
  padding: 0 5%;
  margin: auto !important;
  
}

/* Файлы */
.lt-lesson-files tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  border-top: 1px dashed var(--orange);
    gap: var(--gap);
}

.lt-lesson-files td {
  border-top: none!important;
    flex: calc(100%/3 - var(--gap));
    text-wrap: balance;
    max-width: fit-content;
}
.lt-lesson-files td:nth-child(2) {
  font-size: 0;
  width: 150px!important
}
.lt-lesson-files td:nth-child(2):after {
  content: "Скачать файл \279E";
  font-size: 16px;
    
}

.lt-lesson-files td:nth-child(3) div {
  border: 1px solid var(--orange);
   padding: 3%;
    border-radius: var(--radius);
  width: -webkit-fill-available;
  transition: all .3s ease-in-out;
  color: var(--orange)
}

.lt-lesson-files td:nth-child(3) a {
  margin: auto;
    border-radius: var(--radius);
    text-decoration: none !important;
    transition: all .3s ease-in-out;
   width: -webkit-fill-available;
  display: flex;
    color: var(--orange)!important
}

.lt-lesson-files td:nth-child(3) a:after {
  content: "\f019";
  font-family: "FontAwesome";
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

@media (hover:hover) {
  .lt-lesson-files td:nth-child(3) div:hover {
    color: #fff!important;
        background: var(--orange);
  }
    .lt-lesson-files td:nth-child(3) div:hover a,
    .lt-lesson-files td:nth-child(3) a:hover {
    color: #fff!important;
    
  }
}

/* Комментарии */
.lt-lesson-comment-block {
    margin-top: 2%;
}
/* ------------- 
content finish - lesson
------------- */

/* ------------- 
content start - testing-block
------------- */

.testing-widget:before {
  content: "\1F393  Пройдите тест, чтобы закрепить полученные знания \1F447";
  text-align: center;
  width: 100%;
  display: block;
  font-size: 16px;
}
/*.lesson-mission-text.has-test  {
  display: none;
}*/

/* Кнопки */
/* Старт */
.testing-widget .before-start-block .start-btn {
    background: var(--orange)!important;
    border-radius: var(--radius)!important;
}

/* Кнопки внутри теста */
.testing-widget .btn-send-variant, .testing-widget .btn-mark-variant, .testing-widget .btn-next-question, .testing-widget .btn-restart {
  border-radius: var(--radius)
}
/* Выбранный вариант */
.testing-widget .btn-mark-variant[data-marked="1"]:before {
  color: var(--orange)
}

/* Видео и картинки */
.testing-content .vhi-root, .testing-content .vhi-root iframe, .testing-content img  {
  border-radius: var(--radius);
  box-shadow: var(--shadow)
}
/* ------------- 
content finish - testing-block
------------- */

/* ------------- 
content start - Mission
------------- */

.lesson-mission-wrapper,
.answer-form textarea,
.uploadifive-button,
.btn-send-answer,
.simple-answer.user-answer,
.simple-answer .new-comment-textarea{
  border-radius: var(--radius)!important
}
.answer-form {
 border-radius: 0 0 var(--radius) var(--radius);
    background: var(--lite-filter);
}

.lt-lesson-mission-block h3 {
    margin: 1.5% !important;
}
/* ------------- 
content finish - Mission
------------- */