/* Установка шрифтов на всю страницу */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
@font-face {
    font-family: 'Unbounded';
    src: url('/fileservice/file/download/h/80e1ed23398af066e6f7c8cc7ae71b02.otf/a/722755/sc/245') format('opentype');
    src: url('/fileservice/file/download/h/c17525136f5158d069b1b3cf2d700bef.woff/a/722755/sc/136') format('woff');
    src: url('/fileservice/file/download/h/9791a6c95c10921d5f89eae272813f3a.woff2/a/722755/sc/110') format('woff2');
    font-style: normal;
    font-weight: 400;
}

/* Палитра и шрифты*/
:root {
    --color-bg: #FFFFFF;  /* цвет фона страницы */
    --color-main: #CE2C01; /* основной цвет */
    --color-black: #343434; /* цвет текста */
    --color-white: #FFFFFF; /* белый цвет */
    --color-btn: #CE2C01;  /* цвет кнопок и ссылок */
    --color-btn-status: #FFBA08; /* цвет кнопок при наведении курсора */

    --font-main: 'Unbounded';
    --font-second: 'Inter';
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .f-header, .f-text, a {
    font-family: var(--font-main), sans-serif;
}
body {
    background: var(--color-bg);
    font-family: 'Inter', sans-serif;
    color: var(--color-black);
}
a {
    color: var(--color-btn);
}
/*----*/

/*Крошки*/
.breadcrumbs,
.breadcrumb {
    font-family: var(--font-second),sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: var(--color-black);
}
.breadcrumbs a,
.breadcrumb a {
    font-family: var(--font-second),sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 98.5%;
    border-bottom: 1px solid var(--color-black);
    color: var(--color-black);
}
.breadcrumbs a:hover,
.breadcrumb a:hover {
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
a {
    text-decoration: none;
    color: var(--color-main);
}
.gc-tags span, .gc-tags a {
    color: var(--color-black);
}
.page-menu li.active {
    background: var(--color-main);
    color: #FFF;
    border-radius: 5px;
}
.page-menu li.active a {
    color: #FFF;
}

/*Навигация (системная-кнопки)*/
.page-header .btn-group button{
    border-radius: 5px;
}
.page-header .btn-group:first-child button {
    background: var(--color-btn) !important;
    border: 1px solid var(--color-btn) !important;
    color: #FFFFFF !important;
}
.page-header .btn-group:first-child button:hover {
    background: var(--color-btn-status) !important;
    border: 1px solid var(--color-btn-status) !important;
    color: #FFFFFF !important;
}
.page-header .btn-group:nth-child(2) button {
    background: var(--color-main) !important;
    border: 1px solid var(--color-main) !important;
    color: #FFFFFF !important;
}
.page-header .btn-group:nth-child(2) button:hover {
    background: var(--color-btn-status) !important;
    border: 1px solid var(--color-btn-status) !important;
    color: #FFFFFF !important;
}
.global-controls .btn,
.page-actions .btn {
    border-radius: 5px;
    background: var(--color-btn);
    color: #FFFFFF;
}
.global-controls .btn-success,
.btn.global-edit-btn  {
    border-color: var(--color-btn);
}
.global-controls .btn:hover,
.page-actions .btn:hover {
    background: var(--color-btn-status);
    color: #FFFFFF;
}

/*Боковое меню*/
.gc-account-leftbar {
    background: var(--color-main) !important;
    background-color: var(--color-main) !important;
}
.gc-account-leftbar .gc-account-user-menu li a {
    background: none !important;
    border-radius: 10px;
    height: 60px;
}
.gc-account-leftbar .gc-account-user-menu li a:hover {
    background: rgba(255, 255, 255, 0.3) !important;
}
.gc-account-leftbar .gc-account-user-menu li.active a, .gc-account-leftbar .gc-account-user-menu li.selected a {
    background: #FFF !important;
}
.gc-account-leftbar .toggle-link,
.gc-page-nav-items-menu a,
.gc-account-leftbar .gc-account-user-menu {
    background: var(--color-main); 
}

/* Круглый аватар */
.gc-account-leftbar .gc-account-user-menu li:nth-child(1) a img, 
.menu-item-profile a{
    border-radius: 999px !important; 
}

/* Скрывает стандартные иконки, кроме первого и двух последних пунктов */
.gc-account-leftbar .gc-account-user-menu li:nth-child(n+2) a img {
    display: none !important;
    position: relative;
    z-index: 1;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-marathon a img {
    display: block !important;
}

/* Убираем нижнюю границу у пунктов и добавляем отступы слева и справа*/
.gc-account-leftbar .gc-account-user-menu li {
    border-bottom: none;
    padding-inline: 5px;
    margin-top: 5px;
}
/* Убираем текст */
.menu-item-label {
    display: none !important;
}
/* Прячем пункт меню чатиума
li.menu-item-chatium {
    display: none !important;
}*/
/* Добавляем свои иконки */
.gc-account-leftbar .gc-account-user-menu li:not(:first-child) a:after {
    content: '';
    position: absolute;
}

.gc-account-leftbar .gc-account-user-menu li:not(:first-child):hover a:before,
.gc-account-leftbar .gc-account-user-menu li.active a:before, 
.gc-account-leftbar .gc-account-user-menu li.selected a:before {
    color: black;
}
/*1.Уведомления*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
height: 50px;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:after {
width: 30px;
height: 30px;
right: calc(50% - 15px);
top: calc(50% - 15px);
background: url('https://fs.getcourse.ru/fileservice/file/download/a/722755/sc/412/h/3bd28ccf14d1ad9daf3e14bc56aa351b.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-notifications_button_small a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-notifications_button_small a:after {
background: url('https://fs.getcourse.ru/fileservice/file/download/a/722755/sc/332/h/e45774d08019c945291c478650072614.svg') no-repeat 50% 50%/contain;
}
/*2.Сайт*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-cms a:after {
width: 30px;
height: 30px;
right: calc(50% - 15px);
top: calc(50% - 15px);
background: url('https://fs.getcourse.ru/fileservice/file/download/a/722755/sc/302/h/802fbe6deb34ccfb961598a089ce5f33.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-cms a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-cms a:after {
background: url('https://fs.getcourse.ru/fileservice/file/download/a/722755/sc/67/h/4b88d59591318b0519485a083eef5c5e.svg') no-repeat 50% 50%/contain;
}
/*3.Обучение*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-teach a:after {
width: 30px;
height: 30px;
right: calc(50% - 15px);
top: calc(50% - 15px);
background: url('https://fs.getcourse.ru/fileservice/file/download/a/722755/sc/336/h/76de02b604ae55a129d3eea7f5e6aeb8.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-teach a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-teach a:after {
background: url('https://fs.getcourse.ru/fileservice/file/download/a/722755/sc/296/h/8a54746d1f026c8e88ed4ce7abe1fb05.svg') no-repeat 50% 50%/contain;
}
/*4.Ученики*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-user a:after {
width: 30px;
height: 30px;
right: calc(50% - 15px);
top: calc(50% - 15px);
background: url('https://fs.getcourse.ru/fileservice/file/download/a/722755/sc/211/h/8b417cdc7514e46d47cb6f81f4796a7b.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-user a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-user a:after {
background: url('https://fs.getcourse.ru/fileservice/file/download/a/722755/sc/246/h/6829449f39c0bbfdb3ee90083c63c0be.svg') no-repeat 50% 50%/contain;
}
/*5.Задачи*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-tasks a:after {
width: 30px;
height: 30px;
right: calc(50% - 15px);
top: calc(50% - 15px);
background: url('https://fs.getcourse.ru/fileservice/file/download/a/722755/sc/147/h/ba90832990794bae1bff15d5d4f17170.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-tasks a:after,
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-tasks a:after {
background: url('https://fs.getcourse.ru/fileservice/file/download/a/722755/sc/414/h/fdb87b68b46a79ccce7651e4feec5d79.svg') no-repeat 50% 50%/contain;
}
/*6.Сообщения*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications a:after {
width: 30px;
height: 30px;
right: calc(50% - 15px);
top: calc(50% - 15px);
background: url('https://fs.getcourse.ru/fileservice/file/download/a/722755/sc/109/h/59d72270fd47d1e90a959a11f8205ff5.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-notifications a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-notifications a:after {
background: url('https://fs.getcourse.ru/fileservice/file/download/a/722755/sc/327/h/e4f991b0eeecac302e5e2ae220e37c47.svg') no-repeat 50% 50%/contain;
}
/*7.Продажи*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-sales a:after {
width: 30px;
height: 30px;
right: calc(50% - 15px);
top: calc(50% - 15px);
background: url('https://fs.getcourse.ru/fileservice/file/download/a/722755/sc/414/h/3cf21c90b806dfcfc8add01f1450afca.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-sales a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-sales a:after {
background: url('https://fs.getcourse.ru/fileservice/file/download/a/722755/sc/47/h/3bc74d39b702c0c87078938b1bb55224.svg') no-repeat 50% 50%/contain;
}
/*8.Mobile*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-chatium a:after {
width: 30px;
height: 30px;
right: calc(50% - 15px);
top: calc(50% - 15px);
background: url('https://fs.getcourse.ru/fileservice/file/download/a/722755/sc/145/h/92449dd7e1a0ee83980931e0b30ebb72.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-chatium a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-chatium a:after {
background: url('https://fs.getcourse.ru/fileservice/file/download/a/722755/sc/390/h/c77cd239feccff4ee314efa6a570273b.svg') no-repeat 50% 50%/contain;
}
/*.gc-account-leftbar .qr-link {
display: none;
}
.gc-account-leftbar .menu-item-chatium_qr a img {
    border-radius: 0 !important;
}*/

/* Стилизуем уведомления */
/*счетчик уведомлений*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
    bottom: 23px;
    right: 15px;
    padding: 3px 6px !important;
    z-index: 1;
    width: auto;
    height: auto;
    color: var(--color-black);
}
.gc-account-leftbar .notify-count {
    background: #FFF;
    width: 9px;
    height: 9px;
    color: var(--color-black);
    border-radius: 50px;
    bottom: 22px;
    right: 18px;
    color: transparent;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count, 
.gc-account-leftbar .notify-count, 
.gc-account-user-submenu-bar .gc-account-user-submenu li .notify-count {
    background: #FFF;
    bottom: 35px;
    right: 15px;
    padding: 3px 6px !important;
    z-index: 1;
    width: auto;
    height: auto;
    color: var(--color-black);
    top:auto;
    left: auto;
}
.gc-account-leftbar .gc-account-user-menu li.active .notify-count,
.gc-account-leftbar .gc-account-user-menu li.selected .notify-count {
    border: 1px solid #FFF;
    background: var(--color-main);
    color: #FFF;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li .notify-count { 
    bottom: auto !important;
}
.custom-menu .gc-account-leftbar .menu-item-notifications_button_small a img {
    display: initial!important;
}
/* Цвет меню в мобильной версии */
@media (max-width: 768px) {
    .gc-account-leftbar.expanded {
        background: var(--color-main) !important;
    }
    .gc-account-leftbar .toggle-link, 
    .gc-page-nav-items-menu a, 
    .gc-account-leftbar .gc-account-user-menu {
        background: var(--color-main) !important;
    }
}
/*----*/
/* Боковое меню (2 уровень) */
.gc-account-leftbar .gc-account-user-submenu-bar {
    background: var(--color-main);
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a{
    font-family: var(--font-second), sans-serif !important;
    color: #FFFFFF !important;
    opacity: 0.8;
    text-decoration: none;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    border-radius: 10px 0 0 10px;
}
.gc-account-user-submenu-bar h3 {
    font-family: var(--font-second), sans-serif !important;
    color: #FFFFFF !important;
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link {
    color: #FFFFFF;
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .mark-viewed-all {
    color: var(--color-btn-status);
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group {
    background-color: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.47) 100%);
    border: 1px solid #FFF !important;
    border-radius: 10px;
    border: none;
    margin: 5px;
    color: var(--color-black);
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group:hover {
    background-color: #FFF;
}
.gc-account-leftbar .gc-account-user-submenu-bar div.user-balance {
    color: var(--color-btn-status);
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .no-notifications-message {
    color: var(--color-white) !important;
}
/*----*/

/* Виджет */
.talks-widget-button {
    background: var(--color-main);
    border: 1px solid #FFF;
    color: #FFF;
    transition: 0.3s;
}
.talks-widget-button:hover {
    transform: scale(1.2);
}
.talks-widget-window {
    border: 1px solid var(--color-black);
}
.talks-widget-header,
.conversation-list-footer {
    background: var(--color-main) !important;
    border: none !important;
}
.talks-widget-window .talks-widget-header {
    color: #FFFFFF;
}
.conversation-list-footer button {
    border-radius: 10px;
    background: var(--color-white);
    transition: 0.2s linear;
    color: var(--color-black);
    border: none;
}
.conversation-list-footer button:hover,
.conversation-list-footer button:active,
.conversation-list-footer button:focus,
.conversation-list-footer button:focus-visible {
    background: var(--color-btn-status);
    border: none !important;
}