/* Палитра */
:root {
    --color-white: #F5F5F5;  /* цвет фона страницы */
    --color-green: #687055; /* зеленый цвет */
    --color-beige: #D2C4B1; /* бежевый цвет */
    --color-darkbeige: #BDB09F; /* темно-бежевый цвет (плашки тренингов) */
    --color-black: #2D2D2D; /* цвет текста */
    --color-btn: #D2C4B1;  /* цвет кнопок и ссылок */
    --color-btn-status: #BDB09F; /* цвет кнопок при наведении курсора */
    --color-darkgreen: #535A44; /* темно-зеленый цвет для кнопок при наведении курсора */
}
   
/* Установка шрифта на всю страницу */
@font-face {
    font-family: 'Gilroy';
    src: url('/fileservice/file/download/h/8a08cb7e7a6d265a7a342a037e2fd67f.otf/a/357985/sc/242') format('opentype');
    src: url('/fileservice/file/download/h/ba138b30d4ef948dc6cd594bdb3b5a42.woff/a/357985/sc/331') format('woff');
    src: url('/fileservice/file/download/h/9318ed1fd8a6a45f4418e89e39edca26.woff2/a/357985/sc/261') format('woff2');
    font-style: normal;
    font-weight: 300;
}

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

/*Крошки*/
.breadcrumbs,
.breadcrumb {
    font-family: 'Gilroy',sans-serif !important;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: var(--color-black);
}
.breadcrumbs a,
.breadcrumb a {
    font-family: 'Gilroy',sans-serif !important;
    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-green);
}
.gc-tags span, .gc-tags a {
    color: var(--color-black);
}
.page-menu li.active {
    background: var(--color-green);
    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-green) !important;
    border: 1px solid var(--color-green) !important;
    color: #FFFFFF !important;
}
.page-header .btn-group:nth-child(2) button:hover {
    background: var(--color-darkgreen) !important;
    border: 1px solid var(--color-darkgreen) !important;
    color: #FFFFFF !important;
}
.global-controls .btn,
.page-actions .btn {
    border-radius: 5px;
    background: var(--color-btn);
}
.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);
    color: #FFFFFF;
}

/*Боковое меню*/
.gc-account-leftbar {
    background: var(--color-green) !important;
    background-color: var(--color-green) !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-green); 
}

/* Круглый аватар */
.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):nth-child(-n+8) 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;
}
/* Уведомления */
.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/357985/sc/257/h/c59318edb6913aa2a8d9b884e657c5fa.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/357985/sc/310/h/debafef549f8ae40b625b92973ef0777.svg') no-repeat 50% 50%/contain;
}
/*Сайт*/
.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/357985/sc/70/h/88f39360c840725d7554d5e41fa759db.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/357985/sc/252/h/1fc8a731ea62a924c8b5f79d64b92ca9.svg') no-repeat 50% 50%/contain;
}
/*Обучение*/
.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/357985/sc/399/h/53f35ea9cfd7febff49e2b4d908e0b25.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/357985/sc/229/h/f2bbbe5763633b3ad006ab2d36d6592e.svg') no-repeat 50% 50%/contain;
}
/*Ученики*/
.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/357985/sc/375/h/a8396366957560b0488c26344142be21.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/357985/sc/118/h/8c2b769439d639891a8067fe7aa1f4d0.svg') no-repeat 50% 50%/contain;
}
/*Задачи*/
.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/357985/sc/19/h/5487cf326727f5f5c61f43825c429c15.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/357985/sc/148/h/3a4a90d13838ec91d199ad7845a6d3c0.svg') no-repeat 50% 50%/contain;
}
/*Сообщения*/
.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/357985/sc/374/h/5cd5f1cd6462d4772b2612fb2badcdfb.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/357985/sc/223/h/3e5ef82aa376af80ca415a201eaf5081.svg') no-repeat 50% 50%/contain;
}
/*Продажи*/
.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/357985/sc/270/h/e5666246b785bf967caa56b6fd9e9cc3.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/357985/sc/67/h/bd2813e436eb6a19d4742876e626c939.svg') no-repeat 50% 50%/contain;
}
/*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('') 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('') 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-green);
    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-green) !important;
    }
    .gc-account-leftbar .toggle-link, 
    .gc-page-nav-items-menu a, 
    .gc-account-leftbar .gc-account-user-menu {
        background: var(--color-green) !important;
    }
}
/*----*/
/* Боковое меню (2 уровень) */
.gc-account-leftbar .gc-account-user-submenu-bar {
    background: var(--color-green);
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a{
    font-family: 'Gilroy', 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: 'Gilroy', 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-beige);
}
.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-beige);
}
/*----*/

/* Виджет */
.talks-widget-button {
    background: var(--color-green);
    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-green) !important;
    border: none !important;
}
.talks-widget-window .talks-widget-header {
    color: #FFFFFF;
}
.conversation-list-footer button {
    border-radius: 10px;
    background: var(--color-btn);
}
.conversation-list-footer button:hover {
    background: var(--color-black);
    color: #FFF;
}

.fa, .fa a {
    font-family: 'FontAwesome' !important;
}