/*Сайдбар*/
#mlsm-sidebar-menu .mlsm-menu-link:hover {
    border-radius: 8px !important;
}

#mlsm-materials-menu .mlsm-menu-link:hover {
  border-radius: 8px !important;
}

/*Фон*/
body {
  background: #f6f7f8 !important;
}

/*Цвет по умолчанию у уроков*/
.materials-row .material-item .thumbnail-wrap, .search-result-row .material-item .thumbnail-wrap {
    background-color: #fff;
}

/* ДИЗАЙН ВКЛАДКИ "ЗАДАНИЕ" */

/* Круглое превью аватара ученика */
.content-wrap .discussion-form-wrap .discussion-form .author img {
	border-radius: 100%;
}

/* Круглое превью аватара админа */
.discussion-list .comment-item .comment .comment-meta-wrap .comment-avatar img {
    border-radius: 100%;
}

/* Убираем полоску */
.lesson-tabs.white-tabs .discussion-form-wrap {
    border-top: none;
}

/* Цвет и округление панели статуса задания */
.content-wrap .question-answer-row .answer .answer-meta {
    border-radius: 8px;
	background: #f1f5fe;
}

/* -------------------------------- */

/* КНОПКИ СЛЕДУЮЩИЙ И ПРЕДЫДУЩИЙ УРОК */

/* Кнопка "Следующий урок" */
.reading-status-row .next {
    margin-top: -5px;
    background-color: #0077ff;
    padding: 10px 10px;
    color: #fff;
    border-radius: 8px;
	transition: none;
}

.reading-status-row .next:hover {
    background-color: #0066ff;
	color: #fff;
	transition: none;
} 

/* Кнопка "Следующий урок" на мобильных */
@media (max-width: 767px) {
.reading-status-row .next {
	padding: 8px 10px;
	border: none;
}
}

/* Кнопка "Предыдущий урок" */
.reading-status-row .prev {
    margin-top: -5px;
    background-color: #0077ff;
    padding: 10px 10px;
    color: #fff;
    border-radius: 8px;
	transition: none;
}

.reading-status-row .prev:hover {
    background-color: #0066ff;
	color: #fff;
	transition: none;
}

/* Кнопка "Предыдущий урок" на мобильных */
@media (max-width: 767px) {
.reading-status-row .prev {
	padding: 8px 10px;
	border: none;
}
}

/* -------------------------------- */

/* КНОПКА "Подробнее" в Материалах */
.page-title-row .page-description-content.visible .mbr-btn.btn-bordered.btn-gray.active {
background-color: #dde8f8;
}

.mbr-btn.btn-rounded {
    border-radius: 8px;
}

/* -------------------------------- */

/* ИНДИКАТОР ПРОХОЖДЕНИЯ УРОКОВ */

/* Цвет тумблера */
.ui-icon-wrap .icon-toggle-off {
color: #333;
}
.ui-icon-wrap .icon-toggle-on {
    color: #0077ff;
}

/* -------------------------------- */

/* МАТЕРИАЛ */

/* Поле поиска на выдаче */
.big-search .search-hint-input {
	border: none;
	box-shadow: 0px 10px 20px 0px rgba(5, 0, 56, 0.05);
}

/* Округление поле поиска */
form input[type=text], form input[type=email], form input[type=password], form textarea {
    border-radius: 8px;
}

/* Округление материала */
.material-item {
    border-radius: 16px;
}

/* Цвет иконок на материалах */
.materials-row.one-in-line .material-item .thumbnail-wrap .icons-top .m-icon.count, .materials-row.one-in-line .material-item .thumbnail-wrap .icons-top .m-icon, .materials-row .material-item .thumbnail-wrap .icons-top .m-icon.count, .materials-row .material-item .thumbnail-wrap .icons-top .m-icon, .material-item .thumbnail-wrap .icons-top .m-icon.count, .material-item .thumbnail-wrap .icons-top .m-icon {
    background: rgba(203, 225, 250, 0.6);
    color: #0077ff;
}

/* Цвет плашек автотренинга */
.material-item .thumbnail-wrap .icons-bottom {
    background: rgba(203, 225, 250, 0%);
}

.material-item .thumbnail-wrap .icons-bottom .icons .status {
    display: inline-block;
    margin-right: 5px;
    font-size: 1.3rem;
    line-height: 1.3rem;
    float: left;
    color: #0077ff;
}

/* -------------------------------- */

/* КОНТЕНТ МАТЕРИАЛА */

/*Цвет открытых замочков на уроках*/
.materials-row .material-item .thumbnail-wrap .icons-top .status-icon .icon-unlock, .search-result-row .material-item .thumbnail-wrap .icons-top .status-icon .icon-unlock {
    color: #7cbb00 !important;
}

/*Цвет открытых замочков на папках*/
.folder-wrap .folder-content .bottom-icons .status .icon-unlock {
    color: #7cbb00 !important;
}

/*Цвет закрытых замочков на уроках*/
.materials-row .material-item .thumbnail-wrap .icons-top .status-icon .icon-lock, .search-result-row .material-item .thumbnail-wrap .icons-top .status-icon .icon-lock {
    color: #f65314 !important;
}

/*Цвет закрытых замочков на папках*/
.folder-wrap .folder-content .bottom-icons .status .icon-lock {
    color: #f65314 !important;
}

/*Цвет оранжевых полузакрытых замочков на папках*/
.folder-wrap .folder-content .bottom-icons .status .icon-unlock-alt {
    color: #ffcc00 !important;
}

/* -------------------------------- */

/*Цвет и размер шрифта заголовка в превью уроков*/
.materials-row .material-item .content-wrap .title, .search-result-row .material-item .content-wrap .title {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 500;
}

/*Цвет и размер шрифта краткого описания уроков*/
.materials-row .material-item .content-wrap .description, .search-result-row .material-item .content-wrap .description {
    color: #999 !important;
    font-size: 16px;
}

/* ---------------------------------- */

/* Кнопка "Доступ открыт" */
.material-item .content-overlay .doc-label {
    display: inline-block;
    font-size: 16px;
	font-weight: normal;
    padding: 9px 16px;
    border-radius: 8px;
    margin: 15px;
    color: #fff !important;
}

/* Округляем края видео без рамки */
.plyr { 
	border-radius: 0px; 
}

/* Цвет линии прогресса */
.progress {
    background-color: #dfe3ea !important;
    box-shadow: none !important;
}

/* Цвет процентов */
.folder-content .course-progress-wrap .progress-count {
    color: #4c4d4f;
}

/*Кнопка в окне домашнего задания*/
.question-answer-row button.btn-green {
    font-weight: 500 !important;
    border-radius: 8px !important;
}

/* -------------------------------- */

/*Стилизация кнопок при наведении на уроки*/
.material-item .content-overlay .doc-label, .materials-row .material-item .content-overlay .doc-label, .materials-row.one-in-line .material-item .content-overlay .doc-label {
    border-radius: 8px;
    font-weight: 500;
}

/*Скрыть кнопку Доступ открыт на открытых уроках*/
.material-opened:hover .content-overlay {
  display:none;
}

/* -------------------------------- */

/*Скругление плашек индикаторов номера урока и типа контента на уроках*/

/*Номер урока*/
.materials-row .material-item .thumbnail-wrap .icons-top .m-icon.count, .search-result-row .material-item .thumbnail-wrap .icons-top .m-icon.count {
  border-radius: 8px;
}

/*Тип контента*/
.materials-row .material-item .thumbnail-wrap .icons-top .m-icon, .search-result-row .material-item .thumbnail-wrap .icons-top .m-icon {
  border-radius: 8px;
}

/* -------------------------------- */

/*Текст в заголовках домашнего задания и теста*/
.content-wrap .question-answer-row .title {
    color: #2c2d2e;
}
/*Текст в заголовках домашнего задания и теста*/
.content-wrap .discussion-row .title {
	color: #2c2d2e;
}
.content-wrap .discussion-row .title .note {
    color: #2c2d2e;
}

/*Иконки в заголовках домашнего задания и теста*/
.content-wrap .question-answer-row .title .iconmoon {
    color: #2c2d2e;
    margin-right: 10px;
}

/* -------------------------------- */

/* КОММЕТАРИИ */

/* Круглые Аватары в комментариях */
.comments-list .comment .comment-meta-wrap .comment-avatar img {
	border-radius: 100%;
}

/* Округляем комментарий тренера */
.comments-list .comment.comment-admin {
	border-radius: 16px;
	background: #f1f5fe;
}

/* Цвет ссылки имени комментатора */
.pseudo-clearfy-link {
    color: #005ffd;
}

/* Цвет ссылки имени в обсуждении ответа */
.discussion-list .comment-item .comment .comment-meta-wrap .comment-author-name {
    color: #005ffd;
    font-weight: bold;
}

/* Цвет ссылок в комментариях */
.comments-list .comment a, .comments-list .comment .comment-write {
    color: #2c2d2e;
}

/* Цвет ссылки "Выбрать файлы" */
.file-attachment-button .help-link {
    color: #0077ff !important;
    border-bottom: none !important;
}

.file-attachment-button:hover .help-link {
    color: #2c2d2e !important;
    border-bottom: 1px solid #2c2d2e !important;
}

/* Убираем даты и время публикации комментариев */
.comment-meta { display: none!important; }

/*Цвет кнопки Отменить в комментариях*/
#cancel-comment-reply-link{
    color: #000 !important;
    background: #f0f1f4 !important;
	text-transform: uppercase;
	border-radius: 8px;
	font-size: 15px;
    line-height: normal;
}

/*Цвет кнопки Отменить в комментариях при наведении*/
#cancel-comment-reply-link:hover {
    color: #000 !important;
    background: #e5e7eb !important;
}

/*Стилизация кнопки Отправить в комментариях*/
.mbr-btn.btn-solid.btn-green:disabled {
    background: #DFE3EA;
    color: #999;
	border-radius: 8px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    line-height: normal;
}

/* Цвет активной кнопки Отправить в комментариях */
.cart-collaterals .wc-proceed-to-checkout .mbr-btn, .mbr-btn.btn-solid.btn-green, .checkout-tab.order-details-tab [type=submit] {
    border-radius: 8px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    line-height: normal;
}

/* -------------------------------- */

/* Обсуждение ответа */
.discussion-list .comment-item {  
    background: #f1f5fe;
    border-radius: 16px;
    margin-top: 10px;
}

/* Ссылка "Перейти к обсуждению */
.mbl_test_rev_link i {
    color: #5395bc;
}



/*ТЕНИ У КАРТОЧЕК НА ВСЕМ САЙТЕ*/

/*Тень у карточек товаров*/
.shop-row .shop-single-product {
    border: none;
    border-radius: 16px;
    box-shadow: 0px 10px 20px 0px rgba(5, 0, 56, 0.05);
}

/*Тень у карточек уроков*/
.materials-row .material-item, .search-result-row .material-item {
    border: none;
    border-radius: 16px;
    box-shadow: 0px 10px 20px 0px rgba(5, 0, 56, 0.05);
}

/*Убрать рамку у вкладок контента*/
.bordered-tabs .tab-content:before, .bordered-tabs .tab-content:after, .bordered-tabs .nav-tabs > li.active > a, .bordered-tabs .tab-content {
    border: none;
}

/*Убрать лишние контуры у вкладок контента*/
.nav-tabs > li > a {
    margin-right: 0px;
    border: 0px solid transparent;
    border-radius: 8px 8px 0 0;
}

/*Тень у блоков контента с обводкой*/
.bordered-tabs .tab-content {
    border: none;
    border-radius: 24px;
    box-shadow: 0px 10px 20px 0px rgba(5, 0, 56, 0.05);
}

/*Скругление у блоков контента с обводкой*/
.bordered-tabs .tab-content .tab-pane {
    border-radius: 24px;
}

/*Тень у табов — уменьшить ее размер и прозрачность вдвое относительно остальных теней и сделать сдвиг вверх на половину величины блюра*/
.bordered-tabs .nav-tabs li {
    box-shadow: 0px -5px 10px 0px rgb(5 0 56 / 3%);
    border-radius: 8px 8px 0 0;
}

/*Фон задних вкладок*/
.bordered-tabs .tab-content:before, .bordered-tabs .tab-content:after, .lesson-tabs.bordered-tabs .tab-content:before, .lesson-tabs.bordered-tabs .tab-content:after {
    background: #e0e4eb !important;
    border-radius: 24px;
}

.bordered-tabs .nav-tabs li a {
    background: #e0e4eb;
}

/*Тень у раскрытого описания в рубрике*/
.page-title-row .page-description-content.visible {
    border: none;
    border-radius: 16px;
    box-shadow: 0px 10px 20px 0px rgba(5, 0, 56, 0.05);
}

/*Убрать контур у раскрытого описания к рубрике + цвет фона*/
.page-title-row .page-description-content.visible {
    background: #fff;
    border: none;
}

/*Убрать контур у карточек материалов + цвет фона*/
.material-item .col-content, .materials-row .material-item .col-content, .materials-row.one-in-line .material-item .col-content {
    border: none;
    background: #fff;
}





