@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');
:root {
--primary: #fd9830;
--secondary: #fd5030;
--tertiary: #F8D189;
--grey: #ebebeb;
--white: #ffffff;
--dark: #3a3a3a;
--background: #121212;
--radius: 10px;
--padding: 3px 5px;
--font: 'Unbounded';
}
/* Шрифты */
html .gc-account-leftbar {
font-family: 'Unbounded', sans-serif !important;
font-weight: 400;
}
html .gc-account-leftbar h1, html .gc-account-leftbar h2, html .gc-account-leftbar h3 {
font-family: 'Unbounded', sans-serif;
font-weight: 700;
}
/* Основные элементы */
html .gc-account-leftbar {
transition: all 0.3s;
background: #000000; /* общий фон меню */
}
html .gc-account-leftbar .gc-account-user-menu li {
transition: all 0.3s;
padding: var(--padding);
margin-bottom: 0;
}
html .gc-account-leftbar .gc-account-user-menu li a {
transition: all 0.3s;
background-color: transparent; /* фон иконки */
position: relative;
border-radius: var(--radius);
height: 60px; /* высота иконки */
}
html .gc-account-leftbar .gc-account-user-menu li.selected a,
html .gc-account-leftbar .gc-account-user-menu li a:hover {
background-color: transparent; /* фон иконки при наведении и нажатии*/
}
html .menu-item a img {
display: none; /* скрываем исходные иконки */
}
html .menu-item a::before,
html .sub-icon::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-size: contain;
background-repeat: no-repeat;
display: block;
width: 32px; /* задаём размеры для собственных иконок */
height: 32px;
}
/* Если нужно обратить цвет иконки у активного элемента меню, раскомментируйте свойство filter*/
html li.menu-item.active a::before {
/* filter: invert(1); */
}
html .gc-account-leftbar .gc-account-user-menu li.active a,
html .gc-account-leftbar .gc-account-user-menu li.active a:hover {
background-color: transparent; /* фон активной иконки */
}
/* Ссылки на картинки */
html .menu-item-profile a::before {
background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/777003/sc/358/h/5fdb28ffa8f2d9c9b34d91e60e9228cf.svg'); /* профиль */
}
html .menu-item-notifications_button_small a::before {
background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/777003/sc/37/h/1c53533b014d7326d2657b1a915be6c6.svg'); /* уведомления */
width: 18px;
height: 16px;
}
html .menu-item-cms a::before {
background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/777003/sc/70/h/f8c11f6f82f2352094618d9c7d6479a3.svg'); /* сайт */
}
html .menu-item-teach a::before {
background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/777003/sc/360/h/1e7b4866c87cdbe4f9eadc4c23559e9d.svg'); /* обучение */
}
html .menu-item-user a::before,
html .menu-item-chatium .sub-icon::before {
background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/777003/sc/91/h/967d808219db3e6d7a99aa8977f83377.svg'); /* пользователи */
}
html .menu-item-tasks a::before {
background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/777003/sc/488/h/92ccd985de7a2b37ebbd0b7d9c71ffac.svg'); /* задачи */
}
html .menu-item-notifications a::before {
background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/777003/sc/94/h/014316954ee0edc943140b86be093e7c.svg'); /* сообщения */
}
html .menu-item-sales a::before {
background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/777003/sc/400/h/76b9deafd7a8bcde8229e4561c6aef70.svg'); /* продажи */
}
html .menu-item-chatium a::before {
background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/777003/sc/365/h/fc69efaaf597ed6d8e8845090b170ffe.svg'); /* чатиум */
}
/* 1 Профиль */
html .gc-account-user-menu li.menu-item.menu-item-profile {
background: none; /* фон профиля (когда без фото) */
border: 0;
padding: 0;
}
html .gc-account-user-menu li.menu-item.menu-item-profile:hover,
html .gc-account-user-menu li.menu-item.menu-item-profile a:hover {
background: none; /* фон профиля (без фото) при наведении */
}
html .gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
display: block;
overflow: hidden;
border-radius: 30px;
height: 80px;
}
html .gc-account-leftbar .gc-account-user-submenu-bar div.user-balance {
color: var(--white); /* Цвет текста про монеты */
}
/* 2 Уведомления small */
html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small {
padding: 0;
}
html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
background-color: transparent; /* фон иконки уведомлений */
border-radius: 0;
transition: all 0.3s;
height: 18px; /* высота маленькой иконки уведомлений */
}
html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:hover,
html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small.selected a {
background-color: transparent; /* цвет уведомлении при наведении и выделении */
}
/* 2A Окно уведомлений (непрочитанные) */
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group {
border-top-color: #F8D189; /* цвет границы между уведомлениями */
background-color: #141414; /* цвет фона непрочитанных */
color: #fff; /* цвет текста непрочитанных */
transition: all 0.3s;
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group:hover {
background-color: var(--grey); /* фон непрочитанных при наведении */
color: var(--dark); /* текст непрочитанных при наведении */
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed {
background-color: transparent; /* фон прочитанных уведомлений */
color: var(--dark); /* текст прочитанных уведомлений*/
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed:hover {
background-color: var(--grey); /* фон наведения на прочитанные */
color: var(--dark); /* цвет при наведении на прочитанное*/
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link {
border-bottom-color: var(--grey); /* цвет границы под кнопкой Все уведомления */
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link,
html .gc-account-leftbar .mark-viewed-all {
color: #F8D189; /* цвет текста на кнопке Все уведомления */
transition: all 0.3s;
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link,
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link:hover,
html .gc-account-leftbar .mark-viewed-all:hover {
color: var(--white); /* цвет ссылки Уведомления(С) наверху, цвет при наведении на другие текстовые ссылки */
transition: all 0.3s;
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link:hover {
color: #F8D189; /* Цвет при наведении на ссылку Уведомления(С) наверху */
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .user-image {
overflow: hidden;
border-radius: var(--radius); /* закругляем углы */
background-color: rgb(0 0 0 / 5%); /* прозрачная подложка для аватаров пользователей */
}
/* 3 Счётчики уведомлений */
html .gc-account-leftbar .notify-count {
background-color: var(--tertiary); /* фон всех счётчиков */
padding: 2px 0;
}
html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count {
background-color: #F8D189; /* фон счётчика в Сообщениях */
}
html .gc-account-leftbar .gc-account-user-menu li.selected .notify-count,
html .gc-account-leftbar .gc-account-user-menu li.selected span.sub-icon,
html .gc-account-leftbar .gc-account-user-menu li.active .notify-count {
background-color: var(--tertiary); /* фон активных-нажатых счётчиков */
}
/* Вылезающее подменю */
html .gc-account-leftbar .gc-account-user-submenu-bar {
background-color: #141414; /* фон подменю */
}
html .gc-account-user-submenu-bar .gc-account-user-submenu li a {
transition: all 0.3s;
color: var(--white); /* цвет ссылки подменю */
}
html .gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
background-color: #F8D189; /* фон ссылки подменю при наведении */
color: var(--white); /* цвет ссылки подменю при наведении */
}
html .gc-account-user-submenu-bar h3 {
color: #F8D189; /* Цвет заголовка подменю */
}
/* 4 Маленькие иконки (чатиум и тд) */
html .gc-account-leftbar span.sub-icon {
background-color: transparent; /* Фон иконки чатиума */
display: none;

}
html .menu-item.menu-item-profile a img:not([src="/public/img/default_profile_50.png"]) {
display: block;
position: relative;
z-index: 0;
border-radius: 30px;
width: 80%;
margin: 5px 5px 5px 5px;
}
html .sub-icon::before {
width: 16px;
height: 16px;
}
html .sub-icon .fa, html .sub-icon img { display: none; }
/* Адаптивность */
@media (max-width: 768px) {
html .gc-account-leftbar .toggle-link,
html .gc-account-leftbar.expanded .toggle-link {
background-color: var(--background); /* фон скукоженного меню на мобильном */
}
html .gc-account-leftbar .gc-account-user-menu {
background: var(--background); /* фон раскрытого меню на мобильном */
}
html .gc-account-leftbar .gc-account-user-menu li {
border-bottom: 0;
}
html .gc-page-nav-items-menu {
left: 70px;
}
}

/* Внутрянка курса */

html .lesson-header-block {
	background: linear-gradient(90deg, #F8D189 -6.7%, #FAE0B1 76.34%, #F8D189 119.39%) !important;
    border-radius: 10px 10px 0px 0px;

}

html .lesson-title-value {
	color: #fff;
}

html .text-center {
	color: #000000;
}

html .hidden-xs {
	color: #fff;
}

.modal-block-content {
	padding-right: 0px !important;
    padding-left: 0px !important;

}

.lesson-list {
	background: rgb(255, 255, 255, 10%);
    border-radius: 15px;
}

.lesson-list li .info {
	background: #313131;
}

.user-state-bg {
    background: #F8D189;
    border: 3px solid #F8D189;
    border-radius: 5px;
}

.lesson-list li.user-state-reached .info {
	border-left: none;
}

.lesson-list .item-main-td {
	color: #fff;
}

.lesson-title-value {
	color: #000 !important;
    font-family: 'Unbounded', sans-serif !important;
	font-weight: 400 !important;
}

html .hidden-xs {
	color: black;
}

.lesson-list .description {
	color: white;
    font-family: 'Unbounded', sans-serif !important;
	font-weight: 100 !important;
}

@media screen and (max-width: 700px) {
    h2 {
    	font-size: 22px;
    }
}


html .lt-block-wrapper {
	border-radius: 0px 0px 20px 20px;
}

@media screen and (max-width: 700px) {
    html .image-box img {
    max-width: 50%;
}

}

.gc-account-leftbar .menu-item-label {
	display: none;
}