/*-- Стилизация вида уроков в тренинге - начало --*/
:root{
    --cDark: #242424;
    --cSecondary: #3F3F3F;
    --cYellow: #F7E259;
    --cAccent: #cb272c;
    --main-font-color: #272727; /* Цвет основного шрифта */
	--first-color: #FF5454; /* Цвет обводки полей, значков (emoji, микрофон, скрепка и др.) */
	--second-color: #EF3232; /* Второй цвет (цвет некоторых кнопок и элементов (в основном при наведении), должен быть темнее первого) */
	--send-btn-color: #F7E259 ; /* Цвет некоторых кнопок (Отправить ответ и др.) */ 
	--send-btn-color-hover: #F0D317; /* Цвет некоторых кнопок при наведении (Отправить ответ и др.) */ 
}

.xdget-block hr {
  display: none;
}
.page-header  h1{
   color: var(--cYellow);
}
/* хлебные крошки */
.breadcrumbs a, .breadcrumb li a {
   color: #FF5454!important;
    text-decoration: none;
}
/* хлебные крошки при наведении */
.breadcrumbs a:hover, .breadcrumb li a:hover{
   color: #EF3232!important;
   text-decoration: none;
}
/* Оформление уроков в плитки */
.lesson-list {
    display: flex;
    /*flex-flow: row wrap;*/
    flex-wrap: wrap;
    gap: 10px;
    padding: 0!important;
    margin: 0!important;
    background: none!important;
}
.lesson-list li {
      margin: 0px!important;
    flex: 0 0 calc((100% - 20px) / 3)!important;
    position: relative;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 5%);
    border-radius: 10px;
    border: 2px solid var(--cYellow);
  background: #373737;
    transition: all 0.3s;
}
  .lesson-list li .info table {
    min-width:100%;
}
.lesson-list li:hover {
  box-shadow: 0px 0px 15px rgb(247 226 89 / 20%);
}
/* фон урока */
.lesson-list li .item-main-td {
  background: #373737;
}
/* отключение иконки статуса */
.lesson-list li .state-icon-block {
  display: none;
}
/* отключение разделителя стоп-урока */
.lesson-list li.divider {
 display:none;
  box-shadow:none!important;
}
.lesson-list li table, .lesson-list li tbody {
display:block!important;
}
.lesson-list li.first-unreached {
  margin-top: none!important;
}
.lesson-list li.user-state-not_reached .info, .lesson-list li.user-state-reached .info {
    border-left: none!important;
}
/* название урока */
.lesson-list li .title {
  font-size: 18px!important;
  line-height: 1.1!important;
    margin-right: 0!important;
  margin:0 0 8px 0!important;
  color: #fff;
  font-weight: 600!important;
  text-align: center;
}
/* цвет заголовка, когда урок недоступен */
.lesson-list li.user-state-not_reached .link {
    color: #9f9f9f!important;
}
/* цвет ссылки внутри урока */
.f-text h2 a {
  color: #cb272c;
}
.lt-block-wrapper .f-text p a {
    color: #cb272c;
    text-decoration: none;
}
.lt-block-wrapper .f-text p a:hover, .f-text a:hover {
    color: #ff5556;
    text-decoration: underline;
  text-decoration-style: dotted;
}
/* описание урока */
.lesson-list .description {
    display: block!important;
    font-size: 14px!important;
    color: #fff!important;
    width: 100%!important;
    text-align: center;
    line-height: 1;
}
/* изменение позиции статуса */
.lesson-list .user-state-label {
  position: absolute;
  text-align: center;
  color: var(--cYellow);
  font-size: 13px;
  left: calc(50% - 40px);
  top: 185px;
}
/* изменение позиции даты */ 
.lesson-list .user-state-label.has-start-at.lesson-date{
    width: 100%;
    top: 10px;
    left: 0;
}
/*смена имени статусов*/
.user-state-label.user-state-label-ex.is-stop-lesson {
  font-size: 0;
}
.user-state-label.user-state-label-ex.is-stop-lesson:before {
  content: "Стоп-урок";
  font-size: 13px;
}
.user-state-label.user-state-label-ex {
  font-size: 0;
}
.user-state-label.user-state-label-ex:before {
  content: "Є завдання";
  font-size: 13px;
}
/* отключение левой колонки в уроке*/
.lesson-list li .info, .lesson-list li tbody tr {
    display: flex;
    flex-flow:column nowrap;
    margin-left:0!important;
}
/* отключение картинки */
.lesson-list li .info .item-image {
    display:none!important;
}
/* отступы внутри плитки */
.lesson-list li .info .vmiddle {
margin-left: 0px!important;
  padding-right: 0px!important;
  padding: 20px 15px 60px!important;
}
.lesson-list li .item-main-td {
padding-left:0!important;
}
/* высота плитки */
.lesson-list li{
min-height: 285px!important;
}
/* кнопка смотреть урок*/
.lesson-list li .info:after {
  content: "Дивитися урок";
  font-family: 'Gilroy';
  font-size: 15px;
  color: #fff;
  position: absolute;
  background: var(--cAccent);
  padding: 5px 20px;
  border-radius: 8px;
  top: 210px;
  left: calc(50% - 71px);
  transition: all 0.4s;
}
.lesson-list li .info:hover:after {
  background: #fff;
  color: #242424;
}
/* кнопка смотреть урок*/
.lesson-list li .info.user-state-not_reached:after {
  content: "Дивитися урок";
  font-family: 'Gilroy';
  font-size: 15px;
  color: #fff;
  position: absolute;
  background: #A5A5A5;
  padding: 5px 20px;
  border-radius: 8px;
  top: 210px;
  left: calc(50% - 71px);
  transition: all 0.4s;
}
/* статус просмотрено */
.lesson-list_watched .lesson-list__video-watched {
    display: none;
}
/* иконка необходимо выполнить задание */
.user-state-need_accomplish .vmiddle:after {
  content: "";
  background-image: url(https://fs.gcfiles.net/fileservice/file/download/a/37524/sc/44/h/b58c4dd445f115f24d0d4c9740618420.png) ;
  position: absolute;
  background-size: no-repeat;
  background-position: center;
 background-size: cover;
  width: 40px;
  height: 40px;
  top: 135px;
  left: calc(50% - 20px);
}
/* урок доступен */
.user-state-reached .vmiddle:after {
  content: "";
  background-image: url(https://fs.gcfiles.net/fileservice/file/download/a/37524/sc/283/h/0ccfe1bcfc7a4336749ad42ed0185f61.png) ;
  position: absolute;
  background-size: no-repeat;
  background-position: center;
 background-size: cover;
  width: 40px;
  height: 40px;
  top: 135px;
  left: calc(50% - 20px);
}
/* иконка на проверке */
.user-state-answered .vmiddle:after {
  content: "";
  background-image: url(https://fs.gcfiles.net/fileservice/file/download/a/37524/sc/341/h/28bcb8ba7b0e4766bac6e960cd8b2c86.png);
  position: absolute;
  background-size: no-repeat;
  background-position: center;
 background-size: cover;
  width: 40px;
  height: 40px;
  top: 135px;
  left: calc(50% - 20px);
}
/* иконка не доступен и виден */
.user-state-not_reached .vmiddle:after {
  content: "";
  background-image: url(https://fs.gcfiles.net/fileservice/file/download/a/37524/sc/72/h/6d1e26812759a4b3f6dd5697677910de.png);
  position: absolute;
  background-size: no-repeat;
  background-position: center;
 background-size: cover;
  width: 40px;
  height: 40px;
  top: 135px;
  left: calc(50% - 20px);
}
/* иконка есть задание */
.user-state-has_mission .vmiddle:after {
  content: "";
  background-image: url(https://fs.gcfiles.net/fileservice/file/download/a/37524/sc/215/h/fee922d60db52494bc4fce965394584f.png);
  position: absolute;
  background-size: no-repeat;
  background-position: center;
 background-size: cover;
  width: 40px;
  height: 40px;
  top: 135px;
  left: calc(50% - 20px);
}
/* иконка задание принято */
.user-state-accomplished .vmiddle:after {
  content: "";
  background-image: url(https://fs.gcfiles.net/fileservice/file/download/a/37524/sc/506/h/c06efde077dfbcd9f62ee8f476d5ee5d.png);
  position: absolute;
  background-size: no-repeat;
  background-position: center;
 background-size: cover;
  width: 40px;
  height: 40px;
  top: 135px;
  left: calc(50% - 20px);
}
/* блок баланса */
.user_info__header {
  background: var(--cSecondary);
  border-radius: 8px;
  border: 1px solid var(--cYellow);
  margin-top: 10px;
    padding-right: 10px;
  position: relative; 
}
.user_info__header1 {
  display: flex;
}
.money_block {
  width: 75px;
  padding: 0 10px 0;
  margin: auto;
}
.user_balance {
  color: white;
  line-height: 1;
}
.user_info__text {
    font-size: 18px;
    font-weight: 700;
    padding-top: 15px;
    color: white;
    padding-right: 20px;
}
.cur-balance {
  color: var(--cYellow);
  font-weight: 600;
}
/* info for user*/
.block_info_user {
   border: 2px solid var(--cYellow)!important;
    color: #fff!important;
   background: var(--cSecondary);
  border-radius: 8px;
  transition: all 0.5s;
    padding: 20px!important;
}

@media (max-width:1145px) {
  .lesson-list li {
    flex: 0 0 calc((100% - 20px) / 2)!important;
}
}
@media (max-width:1024px) {
  .lesson-list li .info .vmiddle {
      padding: 10px 10px 60px!important;
    }
   	.lesson-list li .info:after {
 		top: 240px;
	}
	.lesson-list .user-state-label {
  		top: 215px;
	}
	.user-state-need_accomplish .vmiddle:after, .user-state-has_mission .vmiddle:after, 
	.user-state-reached .vmiddle:after, .user-state-answered .vmiddle:after,
	.user-state-not_reached .vmiddle:after, .user-state-accomplished .vmiddle:after {
  		top: 165px;
}
}
@media (max-width:960px) {
  .lesson-list li {
   		min-height: 265px!important;
   	}
    .lesson-list li .info:after {
 		top: 220px;
	}
	.lesson-list .user-state-label {
		top: 200px;
	}
	.user-state-need_accomplish .vmiddle:after, .user-state-has_mission .vmiddle:after, 
	.user-state-reached .vmiddle:after, .user-state-answered .vmiddle:after,
	.user-state-not_reached .vmiddle:after, .user-state-accomplished .vmiddle:after {
		top: 150px;
	}
}
@media (max-width:640px) {
  .lesson-list li {
      flex: 0 0 100%!important;
      min-height: 230px!important;
    }
    .lesson-list li .info:after {
  top: 185px;
}
.lesson-list .user-state-label {
  top: 160px;
}
.user-state-need_accomplish .vmiddle:after, .user-state-has_mission .vmiddle:after, 
	.user-state-reached .vmiddle:after, .user-state-answered .vmiddle:after,
	.user-state-not_reached .vmiddle:after, .user-state-accomplished .vmiddle:after {
  top: 110px;
}
    .lesson-list .user-state-label.has-start-at.lesson-date{
    top: 85px;
    left: 0;
}
   .lesson-list li .vmiddle {
        margin: 0px;
        padding: 0px;
    }
}

@media (max-width:520px) {
  .lesson-list li .title {
      font-size: 15px;
    }
}
/*@media (max-width:480px) {
    .lesson-list li {
    min-height: 230px!important;
}
.lesson-list li .info:after {
  top: 185px;
}
.lesson-list .user-state-label {
  top: 160px;
}
.user-state-need_accomplish .vmiddle:after, .user-state-has_mission .vmiddle:after, 
	.user-state-reached .vmiddle:after, .user-state-answered .vmiddle:after,
	.user-state-not_reached .vmiddle:after, .user-state-accomplished .vmiddle:after {
  top: 110px;
}
    .lesson-list .user-state-label.has-start-at.lesson-date{
    top: 85px;
    left: 0;
}
}*/
/*-- Стилизация вида уроков в тренинге - конец --*/

    /* подписаться */
.b-notifications-subscribe .button{
    color: #272727;
    cursor: pointer;
    border-bottom: none!Important;
    letter-spacing: 0.02em;
	color: var(--main-font-color)!Important;
}
.b-notifications-subscribe .button:before {
	content:"";
	display: inline-block;
	vertical-align: text-top;
	width: 14px;
	height: 14px;
	margin: 0 6px 0 0;
	background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/335627/sc/48/h/01c642c9c4206746c306a554dc2d9e86.svg");
    color: #FF5454; 
}

.b-like-and-subscribe-notifications .positive-count {
display: none;
}
    .answer-status .answer-status-label {
    float: right;
}
@media screen and (max-width: 767px) {
    .answer-form input[type="checkbox"][id="user_hide_answer"]:before {
		left: 1035px !Important;
		top: 10px;
	}
	.answer-form label[for="user_hide_answer"] {
		margin-bottom: 0px !Important;
	}
	.user-answer .main, .user-answer .answer-status, .other-answers .answer-status, .uploadifive-queue, .user-answer .comments-tree .level-1 .comment-wrapper, .comments-tree {
		margin-right: 0px !Important;
	}
	.other-answers .new-comment .textarea-block {
		padding: 0px;
	}
	.user-answer .comment-form-wrapper {
		padding-left: 0px;
	}
	.comment-form-wrapper {
		padding-right: 0px;
	}
	.user-answer .answer-status {
		text-align: right!impotant;
		display: inline-block;
   	 	width: 100%!Important;
	}
	a[href*="/pl/../teach/control/answers/edit"] {
		margin-right: 12px;
	}
	.b-like-and-subscribe-notifications {
		display: block;
    }
	.user-answer {
		padding: 10px!Important;
	}
	.text-muted {
		display: block;
	}
	.type-free_comment .answer-status {
		margin-right: -10px !Important
	}
	.simple-answer.user-answer {
		padding-left: 10px;
		padding-right: 10px;
	}
	.type-mission_answer .answer-status {
		float: right;
	}
	.type-mission_answer .change-public-level-link {
		display: inline-block;
	}
	.type-mission_answer a[href*="/pl/../teach/control/answers/edit"] {
		margin-right: 0px !Important;
    }
	.type-mission_answer .public-level-block {
		margin-bottom: -5px !Important;
	}
	.type-mission_answer .new-comment .textarea-block {
		padding: 0px;
	}
	.lesson-answers-title > h3 {
		font-size: 16px;
		margin-bottom: 0px !Important;
	}
	.lesson-answers-title {
		display: flex;
		flex-direction: column-reverse
	}
	.lesson-answers-title .pull-right {
		margin-bottom: 20px;
	}
	.other-answers .answer-content .title .text {
		display: inline-block;
	}
    .audio-comment, .audio-skill {
		right: 55px!Important;
		top: 5px!Important;
	}
	.attach-file-button-container {
		right: 30px!Important;
		top: 5px!Important;
	}
	.lesson-answer-comment {
    	padding: 10px!Important;
	}
    .answer-form .btn-save-draft {
    	margin-left: 10px!Important;
	}
    .b-like-and-subscribe-notifications {
		display: block;
    	padding: 20px!Important;
	}
}

/* ------------- 
content start - PartnersPage
------------- */

.isPartnersPage {
  background-image: var(--imgSysBG);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.isPartnersPage .gc-tags span {
  color:#eee;
}
.isPartnersPage .gc-tags-cloud {
    background-color: #222;
 border: 1px solid #ddd;
}
.isPartnersPage .tag-editor {
    border: 1px solid #eee;
    color: #eee;
    background: #222;
}
.isPartnersPage .page-menu li:not(.active) a,.isPartnersPage h3 {
  color:var(--cYellow);
}
.isPartnersPage .page-menu li.active {
border-radius: 6px 6px 0 0;
}

.isPartnersPage .panel-default>.panel-heading,.isPartnersPage th,.isPartnersPage #participantForm td,.isPartnersPage .panel-body textarea,.isPartnersPage .panel-body .form-control {
    color: white;
    background-color: #222;
    border-color: #ddd;
}
.isPartnersPage .panel-body a,.isPartnersPage .panel-heading a {
    color:var(--cYellow);
   text-decoration:underline;
}
.isPartnersPage .source-code-to-link {
   background-color: #222;
    border-color: #ddd;
  border-style:solid;
  border-radius:6px;
}
.isPartnersPage .panel-body textarea {
  border-radius:3px;
}
.isPartnersPage td a {
    color: white;
 text-decoration:underline;
}
.isPartnersPage th small {
  color: white;
}
.isPartnersPage .panel {
    background-color: #222;
  color: #eee;
}
.isPartnersPage .col-md-12>a,.isPartnersPage th a {
  color:var(--cYellow);
   text-decoration:underline;
}
.isPartnersPage #postbacks .help-block {
    background: #222;
}
.isPartnersPage #postbacks .help-block td {
border: 1px solid #ddd;
}
/* ------------- 
content finish - PartnersPage
------------- */