/* ДЛЯ ОДНОЙ РУБРИКИ */

/* -------------------------------------------------------------------------------------- */
/* ТАБЛИЦА - НАЗВАНИЕ, ОПИСАНИЕ, СТАТУС, ИНДИКАТОРЫ, ТИПЫ КОНТЕНТА, С НОМЕРОМ - 1 КОЛОНКА */
/* -------------------------------------------------------------------------------------- */

/* ДИЗАЙН 1 - ПРОСТОРНЫЙ */
/* --------------------- */

/* БЕЗ НОВОЙ ИКОНКИ СТАТУСА */
/* ------------------------ */

/* ----------------- */
/* ПАНЕЛЬ УПРАВЛЕНИЯ */
/* ----------------- */

:root {

/* Текст вместо иконки «видео» */
/* ВАЖНО! Измените текст только между кавычками '' */
--text-type-video-panel-13: 'видео';

/* Текст вместо иконки «аудио» */
--text-type-audio-panel-13: 'аудио';

/* Текст вместо иконки «текст» */
--text-type-text-panel-13: 'текст';

/* Закругление карточки */
--radius-panel-13: 25px;

/* Закругление рамки обложки */
--border-radius-panel-13: 20px;

/* НАСТРОЙКИ КОНТЕНТА КАРТОЧКИ */
/* --------------------------- */

	/* Количество строк в заголовке материала */
	--title-lines-panel-13: 1;

	/* Цвет заголовка материала */
	--title-color-panel-13: #000000;

	/* Жирность заголовка материала */
	--title-weight-panel-13: 700;

	/* Размер заголовка */
	--title-size-panel-13: 1.9rem;

	/* Количество строк в описании материала */
	--description-lines-panel-13: 1;

	/* Цвет описания материала */
	--description-color-panel-13: #000000;

/* ОТКРЫТЫЙ МАТЕРИАЛ */
/* ----------------- */

	/* Фон ОТКРЫТОГО материала */
	--open-bg-panel-13: #ffffff;

	/* Фон ОТКРЫТОГО материала при наведении */
	--open-bg-hover-panel-13: #ffffff;

	/* Цвет Рамки вокруг ОТКРЫТОГО материала при наведении */
	--open-border-color-hover-panel-13: #389de5;
	
	/* Прозрачность контента при наведении на ОТКРЫТЫЙ материал */
	--content-opacity-open-hover-panel-13: 1;

/* ЗАКРЫТЫЙ МАТЕРИАЛ */
/* ----------------- */

	/* Фон ЗАКРЫТОГО материала */
	--close-bg-panel-13: #ffffff;

	/* Фон ЗАКРЫТОГО материала при наведении */
	--close-bg-hover-panel-13: #FEDFDF;
	
	/* Цвет Рамки вокруг ЗАКРЫТОГО материала при наведении */
	--close-border-color-hover-panel-13: #FF4B3E;
	
	/* Прозрачность контента при наведении на ЗАКРЫТЫЙ материал */
	--content-opacity-closed-hover-panel-13: 1;

/* ЗАКРЫТЫЙ МАТЕРИАЛ АВТОТРЕНИНГА */
/* ------------------------------ */

	/* Фон материала Автотренинга */
	--auto-bg-panel-13: #ffffff;

	/* Фон материала Автотренинга при наведении */
	--auto-bg-hover-panel-13: #D8D8D8;
	
	/* Цвет Рамки вокруг ЗАКРЫТОГО материала Автотренинга при наведении */
	--auto-border-color-hover-panel-13: #D8D8D8;
	
	/* Прозрачность контента при наведении на ЗАКРЫТЫЙ материал АВТОТРЕНИНГА */
	--content-opacity-auto-hover-panel-13: 0.3;

/* НАСТРОЙКИ ПОРЯДКОВОГО НОМЕРА */
/* ---------------------------- */

	/* Жирность порядкового номера */
	--counter-weight-panel-13: 400;
	

	/* Фон порядкового номера ОТКРЫТОЙ карточки */
	--counter-open-bg-panel-13: #fdca40;

	/* Цвет порядкового номера ОТКРЫТОЙ карточки */
	--counter-open-color-panel-13: #ffffff;

	/* Фон порядкового номера при наведении на ОТКРЫТУЮ карточку */
	--counter-open-bg-hover-panel-13: #389de5;

	/* Цвет порядкового номера при наведении на ОТКРЫТУЮ карточку */
	--counter-open-color-hover-panel-13: #ffffff;


	/* Фон порядкового номера ЗАКРЫТОЙ карточки */
	--counter-closed-bg-panel-13: #536785;

	/* Цвет порядкового номера ЗАКРЫТОЙ карточки */
	--counter-closed-color-panel-13: #ffffff;

	/* Фон порядкового номера при наведении на ЗАКРЫТУЮ карточку */
	--counter-closed-bg-hover-panel-13: #FF4B3E;

	/* Цвет порядкового номера при наведении на ЗАКРЫТУЮ карточку */
	--counter-closed-color-hover-panel-13: #ffffff;


	/* Фон порядкового номера ЗАКРЫТОЙ карточки АВТОТРЕНИНГА */
	--counter-auto-bg-panel-13: #959ca0;

	/* Цвет порядкового номера ЗАКРЫТОЙ карточки АВТОТРЕНИНГА */
	--counter-auto-color-panel-13: #ffffff;

	/* Фон порядкового номера при наведении на ЗАКРЫТУЮ карточку АВТОТРЕНИНГА */
	--counter-auto-bg-hover-panel-13: #959ca0;

	/* Цвет порядкового номера при наведении на ЗАКРЫТУЮ карточку АВТОТРЕНИНГА */
	--counter-auto-color-hover-panel-13: #ffffff;

/* НАСТРОЙКИ ИНДИКАТОРОВ */
/* --------------------- */
	
	/* Фон типа контента - видео */
	--type-video-bg-panel-13: rgb(219, 240, 255);
	/* Цвет текста типа контента - видео */
	--type-video-text-panel-13: rgb(0, 149, 255);
	
	/* Фон типа контента - аудио */
	--type-audio-bg-panel-13: rgb(255, 236, 219);
	/* Цвет текста типа контента - аудио */
	--type-audio-text-panel-13: rgb(255, 131, 0);
	
	/* Фон типа контента - текст */
	--type-text-bg-panel-13: rgb(227, 255, 219);
	/* Цвет текста типа контента - текст */
	--type-text-text-panel-13: rgb(79, 185, 95);

	/* Закругление типа контента */
	--type-radius-panel-13: 10px;
	
	/* Закругление замка доступности */
	--lock-icon-radius-panel-13: 10px;
	
	/* Фон замка доступности */
	--lock-icon-bg-panel-13: rgb(255, 255, 255, 0.9); 

	/* Фон нижних индикаторов */
	--icons-bottom-bg-panel-13: rgba(242, 242, 242, 0.95);

	/* Цвет нижних индикаторов */
	--icons-bottom-color-panel-13: #000000;

	/* Закругление фона нижних индикаторов */
	--icons-bottom-radius-panel-13: 15px;

	/* Цвет статуса НЕ НАЧАТ */
	--status-color-panel-13: #000000;

	/* Цвет статуса ПРОВЕРЯЕТСЯ */
	--status-checking-color-panel-13: #389de5;

	/* Цвет статуса ВЫПОЛНЕНО */
	--status-done-color-panel-13: #6dc068;

	/* Цвет статуса НЕ ВЫПОЛНЕНО */
	--status-not-right-color-panel-13: #ff0404;
	
	/* Иконка статуса НЕ НАЧАТ */
	/* "\f110" - загрузка */
	--icon-not-started-panel-13: "\f110";

	/* Иконка статуса ПРОВЕРЯЕТСЯ */
	/* "\f253" - песочные часы */
	--icon-checking-panel-13: "\f253";

	/* Иконка статуса ВЫПОЛНЕНО */
	/* "\f00c" - галочка */
	--icon-done-panel-13: "\f00c";

	/* Иконка статуса НЕ ВЫПОЛНЕНО */
	/* "\f00d" - крестик */
	--icon-not-right-panel-13: "\f00d";

}

/* 1. БЛОК ВСЕХ БЛОКОВ */
/* ------------------- */

/* Корректируем сетку и порядок карточек */

.site-content .materials-row .container .row,
.site-content .materials-row.one-in-line .container .row {
    display: flex;
    flex-wrap: wrap;
}

/* Убираем влияние опции «Материалы в 1 колонку» */

.site-content .materials-row.one-in-line .container {
    max-width: none;
}

@media (min-width: 1400px) {

.site-content .materials-row .container,
.site-content .materials-row.one-in-line .container {
    width: 1370px;
}
}

@media (min-width: 1200px) and (max-width: 1399px) {

.site-content .materials-row .container,
.site-content .materials-row.one-in-line .container {
    width: 1170px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {

.site-content .materials-row .container,
.site-content .materials-row.one-in-line .container {
    width: 970px;
}
}

@media (min-width: 768px) and (max-width: 991px) {

.site-content .materials-row .container,
.site-content .materials-row.one-in-line .container {
    width: 750px;
}
}

@media (max-width: 767px) {

.site-content .materials-row .container,
.site-content .materials-row.one-in-line .container {
    /* max-width: 370px; */
	max-width: 100%;
}
}

/* СОЗДАЁМ СЧЁТЧИК УРОКОВ */
/* ---------------------- */

.site-content .materials-row .container .row,
.site-content .materials-row.one-in-line .container .row {
	counter-reset: material-counter 0;
}

.site-content .materials-row .container .col-md-6,
.site-content .materials-row.one-in-line .container .row .col-md-12 {
	counter-increment: material-counter 1;
}

/* СЧЁТЧИК уроков на больших экранах */

@media (min-width: 992px) {

.site-content .materials-row .container .col-md-6 .material-item .flex-wrap:after,
.site-content .materials-row.one-in-line .container .row .col-md-12 .material-item .flex-wrap:after {
    display: flex;
	content: counter(material-counter);
	align-items: center;
	justify-content: center;
	align-self: normal;

	font-size: 2rem;
	width: 75px;

	border-radius: var(--radius-panel-13) 0 0 var(--radius-panel-13);
	background: var(--counter-open-bg-panel-13);
	color: var(--counter-open-color-panel-13);
	font-weight: var(--counter-weight-panel-13);

	transition: all 0.05s ease-out !important;
}
}

/* СЧЁТЧИК уроков на малых экранах */

@media (min-width: 320px) and (max-width: 991px) {

/* Корректировка ширины Карточки урока */

.site-content .materials-row .material-item {
	width: 100%;
}

.site-content .materials-row .container .col-md-6,
.site-content .materials-row.one-in-line .container .row .col-md-12 {
	display: flex;
	flex-flow: row;
	gap: 0px;
}

.site-content .materials-row .container .col-md-6:before,
.site-content .materials-row.one-in-line .container .row .col-md-12:before {
	content: counter(material-counter);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	width: 60px;
	height: 60px;
	border-radius: var(--radius-panel-13) 0 0 var(--radius-panel-13);
	background: var(--counter-open-bg-panel-13);
	color: var(--counter-open-color-panel-13);
	font-weight: var(--counter-weight-panel-13);
	
	transition: all 0.05s ease-out !important;
}
}

/* Фон и цвет счётчика ПРИ НАВЕДЕНИИ на ОТКРЫТУЮ карточку */

.site-content .materials-row .container .col-md-6 .material-item:hover .flex-wrap:after,
.site-content .materials-row.one-in-line .container .row .col-md-12 .material-item:hover .flex-wrap:after,

.site-content .materials-row .container .col-md-6:hover:before,
.site-content .materials-row.one-in-line .container .row .col-md-12:hover:before {
	background: var(--counter-open-bg-hover-panel-13);
	color: var(--counter-open-color-hover-panel-13);
}

/* Фон и цвет счётчика на ЗАКРЫТОЙ карточке */

.site-content .materials-row .container .col-md-6 .material-closed .flex-wrap:after,
.site-content .materials-row.one-in-line .container .row .col-md-12 .material-closed .flex-wrap:after,

.site-content .materials-row .container .col-md-6:has([class*="material-closed"]):before,
.site-content .materials-row.one-in-line .container .row .col-md-12:has([class*="material-closed"]):before {
	background: var(--counter-closed-bg-panel-13);
	color: var(--counter-closed-color-panel-13);
}

/* Фон и цвет счётчика ПРИ НАВЕДЕНИИ на ЗАКРЫТУЮ карточку */

.site-content .materials-row .container .col-md-6 .material-closed:hover .flex-wrap:after,
.site-content .materials-row.one-in-line .container .row .col-md-12 .material-closed:hover .flex-wrap:after,

.site-content .materials-row .container .col-md-6:has([class*="material-closed"]):hover:before,
.site-content .materials-row.one-in-line .container .row .col-md-12:has([class*="material-closed"]):hover:before {
	background: var(--counter-closed-bg-hover-panel-13);
	color: var(--counter-closed-color-hover-panel-13);
}

/* Фон и цвет счётчика на ЗАКРЫТОЙ карточке АВТОТРЕНИНГА */

.site-content .materials-row .container .col-md-6 .material-inaccessible .flex-wrap:after,
.site-content .materials-row.one-in-line .container .row .col-md-12 .material-inaccessible .flex-wrap:after,

.site-content .materials-row .container .col-md-6:has([class*="material-inaccessible"]):before,
.site-content .materials-row.one-in-line .container .row .col-md-12:has([class*="material-inaccessible"]):before {
	background: var(--counter-auto-bg-panel-13);
	color: var(--counter-auto-color-panel-13);
}

/* Фон и цвет счётчика ПРИ НАВЕДЕНИИ на ЗАКРЫТУЮ карточку АВТОТРЕНИНГА */

.site-content .materials-row .container .col-md-6 .material-inaccessible:hover .flex-wrap:after,
.site-content .materials-row.one-in-line .container .row .col-md-12 .material-inaccessible:hover .flex-wrap:after,

.site-content .materials-row .container .col-md-6:has([class*="material-inaccessible"]):hover:before,
.site-content .materials-row.one-in-line .container .row .col-md-12:has([class*="material-inaccessible"]):hover:before {
	background: var(--counter-auto-bg-hover-panel-13);
	color: var(--counter-auto-color-hover-panel-13);
}

/* 2. БЛОК ВСЕЙ КАРТОЧКИ */
/* --------------------- */

/* Общие настройки */

.site-content .materials-row .col-md-6,
.site-content .materials-row.one-in-line .col-md-12 {
    float: left;
}

/* Количество карточек в ряду на разных экранах */

@media (min-width: 1400px) {
	
.site-content .materials-row .col-md-6,
.site-content .materials-row.one-in-line .col-md-12 {
    width: 100%;
}
}

@media (min-width: 1200px) and (max-width: 1399px) {

.site-content .materials-row .col-md-6,
.site-content .materials-row.one-in-line .col-md-12 {
    width: 100%;
}
}

@media (min-width: 992px) and (max-width: 1199px) {

.site-content .materials-row .col-md-6,
.site-content .materials-row.one-in-line .col-md-12 {
    width: 100%;
}
}

@media (min-width: 768px) and (max-width: 991px) {

.site-content .materials-row .col-md-6,
.site-content .materials-row.one-in-line .col-md-12 {
    width: 100%;
}
}

@media (min-width: 460px) and (max-width: 767px) {

.site-content .materials-row .col-md-6,
.site-content .materials-row.one-in-line .col-md-12 {
    width: 100%;
}
}	

@media (min-width: 320px) and (max-width: 459px) {

.site-content .materials-row .col-md-6,
.site-content .materials-row.one-in-line .col-md-12 {
    width: 100%;
}
}

/* Карточка материала */
/* Закругление карточки */

.site-content .materials-row .material-item {
	border-radius: var(--radius-panel-13);
	padding: 0px;
	transition: all 0.1s ease-out !important;
	/* Убираем перекрытие карточки, чтобы видно было галочку ДЗ */
    overflow: visible;
}

/* Закругление карточки на малых экранах */

@media (min-width: 320px) and (max-width: 991px) {
	
.site-content .materials-row .material-item {
	border-radius: 0 var(--radius-panel-13) var(--radius-panel-13) var(--radius-panel-13);
}
}

/* ОТКРЫТЫЙ МАТЕРИАЛ */
/* ----------------- */

/* Фон ОТКРЫТОГО материала */

.site-content .materials-row .material-opened {
    background: var(--open-bg-panel-13);
}

/* Фон ОТКРЫТОГО материала при наведении */

.site-content .materials-row .material-opened:hover {
    background: var(--open-bg-hover-panel-13);
}
 
/* ЗАКРЫТЫЙ МАТЕРИАЛ */
/* ----------------- */

/* Фон ЗАКРЫТОГО материала */

.site-content .materials-row .material-closed {
    background: var(--close-bg-panel-13);
}

/* Фон ЗАКРЫТОГО материала при наведении */

.site-content .materials-row .material-closed:hover {
    background: var(--close-bg-hover-panel-13);
}

/* РАМКА ВОКРУГ МАТЕРИАЛА ПРИ НАВЕДЕНИИ на средних и больших экранах */
/* ----------------------------------------------------------------- */

/* Рамка вокруг ОТКРЫТОЙ карточки */

@media (min-width: 992px) {

.site-content .materials-row .material-item:hover {
	box-shadow: inset 0px 0px 0px 4px var(--open-border-color-hover-panel-13);
}

/* Рамка вокруг ЗАКРЫТОЙ карточки */

.site-content .materials-row .material-closed:hover {
	box-shadow: inset 0px 0px 0px 4px var(--close-border-color-hover-panel-13);
}

/* Рамка вокруг ЗАКРЫТОЙ карточки АВТОТРЕНИНГА */

.site-content .materials-row .material-inaccessible:hover {
	box-shadow: inset 0px 0px 0px 4px var(--auto-border-color-hover-panel-13);
}
}

/* 3. БЛОК - ССЫЛКА */
/* ---------------- */

.site-content .materials-row .col-md-6 .material-item a,
.site-content .materials-row.one-in-line .col-md-12 .material-item a {
	display: flex;
	flex-flow: row-reverse;
    /* height: auto; */
	height: 70px;
	align-items: center;
}

/* Высота, Отступы и Ориентация содержания блока ссылка на малых экранах */

@media (min-width: 320px) and (max-width: 991px) {
	
.site-content .materials-row .col-md-6 .material-item a,
.site-content .materials-row.one-in-line .col-md-12 .material-item a {
	flex-flow: column-reverse;
	gap: 10px;
	height: auto;
	padding: 15px 15px 10px 15px;
}
}

/* 4. БЛОК - ОБЛОЖКА */
/* ----------------- */

.site-content .materials-row .material-item .flex-wrap .col-thumb,
.site-content .materials-row.one-in-line .material-item .flex-wrap .col-thumb {
	/* width: auto; */
	width: 50%;
	/* В Firefox корректно работает только height: 100% */
	/* height: 100%; */
	height: auto;
	border-radius: 0;
	background: none;
	overflow: visible;
	transition: all 0.25s ease-out;
}

/* Ширина блока обложка на малых экранах */

@media (min-width: 320px) and (max-width: 991px) {

.site-content .materials-row .material-item .flex-wrap .col-thumb,
.site-content .materials-row.one-in-line .material-item .flex-wrap .col-thumb {
	width: 100%;
}
}

/* Соотношение обложки */

.site-content .materials-row .material-item .thumbnail-wrap {
	/* меняем ориентацию блоков с верхними и нижними индикаторами */
	display: flex;
	flex-flow: row-reverse;
	min-height: max-content;
	height: max-content;
	gap: 10px;
	align-items: center;

	/* Убираем обложку */
	background-image: none !important;
	background: none;

	min-height: auto;
}

/* Блок обложки на малых экранах */

@media (min-width: 320px) and (max-width: 991px) {

.site-content .materials-row .material-item .thumbnail-wrap {
	flex-flow: column-reverse;
	gap: 10px;
}
}

/* Убираем старую прозрачность блока обложки при наведении */

.site-content .materials-row .material-item:hover .col-thumb:before {
	opacity: 0;
}

/* Прозрачность блока обложки при наведении на ОТКРЫТУЮ карточку */

.site-content .materials-row .material-opened:hover .thumbnail-wrap {
    opacity: var(--content-opacity-open-hover-panel-13);
}

/* Прозрачность блока обложки при наведении на ЗАКРЫТУЮ карточку */

.site-content .materials-row .material-closed:hover .thumbnail-wrap {
    opacity: var(--content-opacity-closed-hover-panel-13);
}

/* Прозрачность блока обложки при наведении на ЗАКРЫТУЮ карточку АВТОТРЕНИНГА */

.site-content .materials-row .material-inaccessible:hover .thumbnail-wrap {
    opacity: var(--content-opacity-auto-hover-panel-13);
}

/* 5. БЛОК - ОПИСАНИЕ */
/* ------------------ */

/* Убираем кнопки при наведении на карточку */

.site-content .materials-row .material-item:hover .content-overlay {
	display: none;
}

/* Корректировка для открытой и закрытой карточки при наведении */
/* Иначе смещается название материала при наведении */

.site-content .materials-row .material-item.material-opened:hover .col-content,
.site-content .materials-row .material-item.material-closed:hover .col-content {
	display: block;
}

.site-content .materials-row .material-item .flex-wrap .col-content,
.site-content .materials-row.one-in-line .material-item .flex-wrap .col-content {
	width: 50%;
	/* width: auto; */
	height: auto;
	border: none;
	border-radius: 0;
	background: none;
}

/* Ширина блока описания на малых экранах */

@media (min-width: 320px) and (max-width: 991px) {

.site-content .materials-row .material-item .flex-wrap .col-content,
.site-content .materials-row.one-in-line .material-item .flex-wrap .col-content {
	width: 100%;
}
}

/* Убираем фон описания при наведении. Вместо него общий фон карточки */

.site-content .materials-row .material-item:hover .flex-wrap .col-content,
.site-content .materials-row.one-in-line .material-item:hover .flex-wrap .col-content {
	background: none;
}

/* Прозрачность блока с описанием при наведении на ОТКРЫТУЮ карточку */

.site-content .materials-row .material-opened:hover .content-wrap {
    opacity: var(--content-opacity-open-hover-panel-13)!important;
}

/* Прозрачность блока с описанием при наведении на ЗАКРЫТУЮ карточку */

.site-content .materials-row .material-closed:hover .content-wrap {
    opacity: var(--content-opacity-closed-hover-panel-13)!important;
}

/* Прозрачность блока с описанием при наведении на ЗАКРЫТУЮ карточку АВТОТРЕНИНГА */

.site-content .materials-row .material-inaccessible:hover .content-wrap {
    opacity: var(--content-opacity-auto-hover-panel-13)!important;
}

/* Блок описания на больших экранах */

.site-content .materials-row .material-item .flex-wrap .col-content .content-wrap,
.site-content .materials-row.one-in-line .material-item .flex-wrap .col-content .content-wrap {
	border: none;
	padding: 0px 20px 0px 20px;
	display: flex;
	flex-flow: row;
	gap: 20px;
	align-items: center;
}

/* Блок описания на средних и малых экранах */

@media (min-width: 320px) and (max-width: 1199px) {

.site-content .materials-row .material-item .flex-wrap .col-content .content-wrap,
.site-content .materials-row.one-in-line .material-item .flex-wrap .col-content .content-wrap {
	flex-flow: column;
	gap: 5px;
}
}

/* Отступы Блока описания на малых экранах */

@media (min-width: 320px) and (max-width: 991px) {
	
.site-content .materials-row .material-item .flex-wrap .col-content .content-wrap,
.site-content .materials-row.one-in-line .material-item .flex-wrap .col-content .content-wrap {
	padding: 0;
	gap: 10px;
}
}

/* Заголовок материала */

.site-content .materials-row .material-item .content-wrap .title,
.site-content .materials-row.one-in-line .material-item .content-wrap .title {
	color: var(--title-color-panel-13)!important;
	font-weight: var(--title-weight-panel-13);
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: var(--title-size-panel-13);
	width: 60%;
}

/* Заголовок материала на средних и малых экранах */

@media (min-width: 320px) and (max-width: 1199px) {

.site-content .materials-row .material-item .content-wrap .title,
.site-content .materials-row.one-in-line .material-item .content-wrap .title {
	width: 100%;
	/* перенос текста */
    hyphens: auto;
}
}

/* Количество строк в заголовке материала на средних и больших экранах */

@media (min-width: 991px) {

.site-content .materials-row .material-item .flex-wrap .content-wrap .title {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: var(--title-lines-panel-13);
    line-clamp: var(--title-lines-panel-13);
    -webkit-box-orient: vertical;
}
}

/* Описание материала */

.site-content .materials-row .material-item .content-wrap .description {
	color: var(--description-color-panel-13)!important;
	margin: 0;
	width: 40%;
}

.site-content .materials-row .material-item .flex-wrap .content-wrap .description p {
	margin: 0;
}

/* Описание материала на средних и малых экранах */

@media (min-width: 320px) and (max-width: 1199px) {

.site-content .materials-row .material-item .content-wrap .description {
	width: 100%;
	/* перенос текста */
    hyphens: auto;
}
}

/* Количество строк в описании урока на средних и больших экранах */

@media (min-width: 991px) {

.site-content .materials-row .material-item .flex-wrap .content-wrap .description p {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: var(--description-lines-panel-13);
    line-clamp: var(--description-lines-panel-13);
    -webkit-box-orient: vertical;
}
}

/* 6. НАЛОЖЕНИЕ АВТОТРЕНИНГА */
/* ------------------------- */

/* НЕ ПРОЙДЕННЫЙ УРОК АВТОТРЕНИНГА ПРИ НАВЕДЕНИИ */
/* --------------------------------------------- */

.site-content .materials-row .material-item.material-inaccessible:before {
	border-radius: var(--radius-panel-13);
	/* коррекция положения наложения */
	left: 0px;
    top: 0;
}

/* Рамка наложения НЕ пройденного материала Автотренинга на малых экранах */

@media (min-width: 320px) and (max-width: 991px) {
	
.site-content .materials-row .material-item.material-inaccessible:before {
	border-radius: 0 var(--radius-panel-13) var(--radius-panel-13) var(--radius-panel-13);
}
}

/* Фон материала Автотренинга */

.site-content .materials-row .material-inaccessible {
    background: var(--auto-bg-panel-13);
}

/* Фон материала Автотренинга при наведении */

.site-content .materials-row .material-inaccessible:hover {
    background: var(--auto-bg-hover-panel-13);
}

/* 7. ИНДИКАТОРЫ МАТЕРИАЛА */
/* ----------------------- */

/* ВЕРХНИЕ ИНДИКАТОРЫ */
/* ------------------ */

/* Общие настройки */

.site-content .material-item .thumbnail-wrap .icons-top,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-top {
	top: 0;
	left: 0;
	width: 50%;
	background: none;
	position: relative;
	padding: 0;
}

/* Ширина блока верхних индикаторов на средних экранах */

@media (min-width: 992px) and (max-width: 1199px) {

.site-content .material-item .thumbnail-wrap .icons-top,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-top {
	width: 70%;
}
}

/* Ширина блока верхних индикаторов на малых экранах */

@media (min-width: 320px) and (max-width: 991px) {
	
.site-content .material-item .thumbnail-wrap .icons-top,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-top {
	width: 100%;
}
}

.site-content .material-item .thumbnail-wrap .icons-top .icons,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-top .icons {
	margin: 0;
}

/* Убираем старый Порядковый номер */

.site-content .materials-row .material-item .thumbnail-wrap .icons-top .m-icon.count,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-top .m-icon.count {
	display: none;
}

/* Блок всех Типов контента */

.site-content .materials-row .material-item .thumbnail-wrap .icons-top .m-icon,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-top .m-icon {
	background: none;
	display: flex;
	align-items: center;
	padding: 0px;
	font-size: 1.4rem;
	float: left;
}

/* Общие настройки для всех новых типов контента */

.site-content .materials-row .material-item .thumbnail-wrap .icons-top .m-icon span[class^="icon-"]:before {
	font-family: tahoma, arial, helvetica, sans-serif;
	border-radius: var(--type-radius-panel-13);
	padding: 5px 12px 5px 12px;
	margin: 0 5px 0px 0px;
}

/* Видео */

.site-content .materials-row .material-item .thumbnail-wrap .icons-top .icons .icon-video-camera:before {
	content: var(--text-type-video-panel-13);
	background: var(--type-video-bg-panel-13);
	color: var(--type-video-text-panel-13);
	font-family: tahoma, arial, helvetica, sans-serif;
}

/* Аудио */

.site-content .materials-row .material-item .thumbnail-wrap .icons-top .icons .icon-volume-up:before {
	content: var(--text-type-audio-panel-13);
	background: var(--type-audio-bg-panel-13);
	color: var(--type-audio-text-panel-13);
	font-family: tahoma, arial, helvetica, sans-serif;
}

/* Текст */

.site-content .materials-row .material-item .thumbnail-wrap .icons-top .icons .icon-file-text:before {
	content: var(--text-type-text-panel-13);
	background: var(--type-text-bg-panel-13);
	color: var(--type-text-text-panel-13);
	font-family: tahoma, arial, helvetica, sans-serif;
}

/* Иконка доступности материала */

.site-content .materials-row .material-item .thumbnail-wrap .icons-top .icons .status-icon {
	background: var(--lock-icon-bg-panel-13);
    padding: 0px;
    border-radius: var(--lock-icon-radius-panel-13);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-right: 12px;
}

/* НИЖНИЕ ИНДИКАТОРЫ */
/* ----------------- */

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-bottom {
	color: var(--icons-bottom-color-panel-13)!important;
	background: none;
	position: relative;
	/* width: auto; */
	width: 50%;
	border-radius: var(--icons-bottom-radius-panel-13);
	margin: 0;
}

/* Ширина и Фон блока нижних индикаторов на малых экранах */

@media (min-width: 320px) and (max-width: 991px) {
	
.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-bottom {
	width: 100%;
	background: var(--icons-bottom-bg-panel-13);
}
}

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons {
	display: flex;
    flex-flow: wrap;
	padding: 0;
	gap: 10px;
}

/* Нижние иконки на малых экранах */

@media (min-width: 320px) and (max-width: 991px) {

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons {
	padding: 10px 10px;
}
}

/* Меняем порядок нижних индикаторов */

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .right-icons {
	display: flex;
}

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .comments {
	order: 1;
}

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .views {
	order: 2;
}

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .date {
	order: 3;
}

/* Дата публикации */

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icon-calendar:before {
	/* Иконка Календарь */
    content: "\f073";
    font-size: 1.1rem;
}

/* СТАТУСЫ ДЗ - домашнего задания в Автотренинге */
/* --------------------------------------------- */

/* ОБЩИЕ НАСТРОЙКИ СТАТУСОВ ДЗ */

/* Отступы статуса */
/* Фиксируем ширину статуса, чтобы не съезжал при разных текстах */

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .status {
	margin: 0;
	width: 110px;
}

/* Возвращаем стандартную ширину статуса на малых экранах */

@media (min-width: 320px) and (max-width: 991px) {

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .status {
	width: auto;
}
}

/* Отступы нижних индикаторов */

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .comments,
.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .date,
.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .views,

.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-bottom .icons .comments,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-bottom .icons .date,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-bottom .icons .views {
    margin: 1px 10px 1px 0px;
}

/* Корректировка положения блока с нижними индикаторами для опции «Одна колонка» */

@media (min-width: 992px) and (max-width: 1399px) {
	
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-bottom .icons .comments,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-bottom .icons .date,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-bottom .icons .views {
    float: none;	
}
}

/* Корректировка положения иконки всех статусов ДЗ */

.site-content .materials-row .material-item .thumbnail-wrap .status .icon-file-text-o:before {
	vertical-align: bottom;
}

/* СТАТУС - НЕ НАЧАТ */
/* ----------------- */

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .status {
    color: var(--status-color-panel-13);	
}

/* Иконка неначатого статуса ДЗ */

.site-content .materials-row .material-item .thumbnail-wrap .status .icon-file-text-o:before {
	content: var(--icon-not-started-panel-13);
}

/* СТАТУС - ПРОВЕРЯЕТСЯ */
/* -------------------- */

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .status.checking {
	color: var(--status-checking-color-panel-13);	
}

/* Иконка проверяемого статуса ДЗ */

.site-content .materials-row .material-item .thumbnail-wrap .status.checking .icon-file-text-o:before {
	content: var(--icon-checking-panel-13);
}

/* СТАТУС - ВЫПОЛНЕНО */
/* ------------------ */

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .status.done {
    color: var(--status-done-color-panel-13);
}

/* Иконка выполненного статуса ДЗ */

.site-content .materials-row .material-item .thumbnail-wrap .status.done .icon-file-text-o:before {
	content: var(--icon-done-panel-13);
}

/* СТАТУС - НЕ ВЫПОЛНЕНО */
/* --------------------- */

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .status.not-right {
	color: var(--status-not-right-color-panel-13);	
}

/* Иконка невыполненного статуса ДЗ */

.site-content .materials-row .material-item .thumbnail-wrap .status.not-right .icon-file-text-o:before {
	content: var(--icon-not-right-panel-13);
}

/* ГАЛОЧКА ПРОЙДЕННОГО МАТЕРИАЛА НА ОБЛОЖКЕ */
/* ---------------------------------------- */

/* Убираем большую галочку пройденного материала */

.site-content .materials-row .material-item .col-thumb.done:after {
	display: none;
}

/* ПЛАШКИ НА МАТЕРИАЛЕ */
/* ------------------- */

/* ПЛАШКА «ДЗ ПРОВЕРЯЕТСЯ» */
/* ----------------------- */

/* Убираем плашку «ДЗ проверяется» у материала, следующего за реально проверяемым материалом */

.site-content .materials-row .material-inaccessible .mbl-material-checking-holder {
    display: none;
}

/* ПЛАШКА С ТАЙМЕРОМ НА МАТЕРИАЛЕ */
/* ------------------------------ */

/* Блок Заголовка и Таймера */

.site-content .materials-row .material-item .mbl-material-countdown-holder {
	/* убираем плашку с таймером */
	display: none;
}