@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
html .gc-account-leftbar, html .gc-account-leftbar h3 {
    font-family: Montserrat, Roboto, sans-serif;
}

html .gc-account-leftbar {
    background: #1d1d1d; /* задаём фон всего меню */
}
html .gc-account-leftbar .gc-account-user-menu li a {
    background: #1d1d1d; /* задаём фон ссылок внутри меню */
    transition: all 0.3s;
    position: relative;
}
html .gc-account-leftbar .gc-account-user-menu li a:hover {
    background-color: #c70000; /* фон ссылки при наведении */
}
html .gc-account-leftbar .gc-account-user-menu li.active a,
html .gc-account-leftbar .gc-account-user-menu li.selected a,
html .gc-account-leftbar .gc-account-user-submenu-bar {
    background: #ffffff; /* фон ссылки в выделенном состоянии + фон подменю */
}

html .gc-account-leftbar .gc-account-user-menu .menu-item-notifications_button_small a:hover {
    background-color: #ffe184; /* фон при наведении для уведомлений */
}
html .gc-account-leftbar .gc-account-user-menu .menu-item-notifications_button_small img {
    filter: brightness(1.2); /* поярче иконка уведомлений */
}
html .gc-account-leftbar .gc-account-user-menu .menu-item-notifications_button_small a:hover img {
    filter: brightness(0.4); /* потемнее иконка уведомлений при наведении */
}

html .gc-account-user-submenu-bar .gc-account-user-submenu li a {
    transition: all 0.3s;
    color: #2c2c2c; /* цвет ссылки в подменю */
    padding-bottom: 6px;
}
html .gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: #c70000; /* фон ссылки в подменю при наведении */
    color: #ffffff; /* цвет ссылки в подменю при наведении */
}
html .gc-account-user-submenu-bar h3 {
    font-weight: 700; /* жирный заголовок в подменю */
    color: #c70000; /* цвет заголовка в подменю */
}

html .gc-account-leftbar .notify-count {
    background-color: #e45034; /* цвет для счётчика уведомлений */
    border-radius: 5px;
}
html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count {
    background: #039be5; /* цвет уведомления в Сообщениях */
}

@media screen and (max-width: 768px) {
    html .gc-account-leftbar .toggle-link,
    html .gc-account-leftbar.expanded .toggle-link,
    html .gc-account-leftbar .gc-account-user-menu {
        background: #1d1d1d; /* повторяем цвет фона меню и ссылок */
    }
    html .gc-account-leftbar .gc-account-user-menu li {
        border-bottom: 0; /* избавляемся от черточки-разделителя ссылок в меню */
    }
} 

.top-notification-wrapper  {
    display: none; /* скрываем ЕЩЁ РАЗ марафон для админов чтоб не мешал */
}

.menu-item-marathon {
    display: none; /* скрываем марафон для админов чтоб не мешал */
}

.menu-item-questionary {
    display: none; /* скрываем тестирования чтоб не мешали, пока они адекватно не работают */
}

.menu-item-cms a img {
    visibility: hidden;
}
.menu-item-cms a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 34px;
    height: 34px;
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/367601/sc/175/h/51972a4e580415450afbeb05edab27a2.png'); /* иконка в обычном состоянии */
    background-size: contain;
    display: block;
}

.menu-item-cms.active a::before,
.menu-item-cms.selected a::before {
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/367601/sc/286/h/f9cae8332dca408c0731f84ad744ca4f.png'); /* иконка при нажатии */
}

.menu-item-teach a img {
    visibility: hidden;
}
.menu-item-teach a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/367601/sc/142/h/229621290914ccbe9a0f25fdf12fa890.png'); /* иконка в обычном состоянии */
    background-size: contain;
    display: block;
}

.menu-item-teach.active a::before,
.menu-item-teach.selected a::before {
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/367601/sc/319/h/1c5feb14537ce7b31d12bacd5a8751ca.png'); /* иконка при нажатии */
}



.menu-item-user a img {
    visibility: hidden;
}
.menu-item-user a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 38px;
    height: 38px;
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/367601/sc/188/h/e45d6dd0c7d12d43428e3637a20ddd83.png'); /* иконка в обычном состоянии */
    background-size: contain;
    display: block;
}

.menu-item-user.active a::before,
.menu-item-user.selected a::before {
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/367601/sc/245/h/28404b6db70b8e6645bc5f12597ecdea.png'); /* иконка при нажатии */
}

.menu-item-tasks a img {
    visibility: hidden;
}
.menu-item-tasks a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/367601/sc/229/h/afcb11dc9d4c5c509fa8a9002b732940.png'); /* иконка в обычном состоянии */
    background-size: contain;
    display: block;
}

.menu-item-tasks.active a::before,
.menu-item-tasks.selected a::before {
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/367601/sc/84/h/a9e943c09f8e12e174a211d23e3401c4.png'); /* иконка при нажатии */
}


.menu-item-notifications a img {
    visibility: hidden;
}
.menu-item-notifications a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/367601/sc/176/h/5d440ce5b8a3c3920f948c2bf4ba1102.png'); /* иконка в обычном состоянии */
    background-size: contain;
    display: block;
}

.menu-item-notifications.active a::before,
.menu-item-notifications.selected a::before {
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/367601/sc/152/h/f34ce7b0c8370310af968fc353376d6e.png'); /* иконка при нажатии */
}

.menu-item-sales a img {
    visibility: hidden;
}
.menu-item-sales a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/367601/sc/201/h/6e74b86e37864831d7bcb6ca71174acb.png'); /* иконка в обычном состоянии */
    background-size: contain;
    display: block;
}

.menu-item-sales.active a::before,
.menu-item-sales.selected a::before {
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/367601/sc/255/h/7860f97913c7ac8ebdf05014b9cb4df8.png'); /* иконка при нажатии */
}


.menu-item-chatium a img {
    visibility: hidden;
}
.menu-item-chatium a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 34px;
    height: 34px;
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/367601/sc/379/h/5b3a5e72f2853af2f3c0bebada67e29d.png'); /* иконка в обычном состоянии */
    background-size: contain;
    display: block;
}

.menu-item-chatium.active a::before,
.menu-item-chatium.selected a::before {
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/367601/sc/181/h/8359edc0a9ba26dbda122f543565b151.png'); /* иконка при нажатии */
}

.menu-item-notifications_button_small a img {
    visibility: hidden;
}
.menu-item-notifications_button_small a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/367601/sc/2/h/cae49c051fc6ca1cbc6fabe0a87acc48.png'); /* иконка в обычном состоянии */
    background-size: contain;
    display: block;
}

.menu-item-notifications_button_small.active a::before,
.menu-item-notifications_button_small.selected a::before {
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/367601/sc/67/h/d0bf29283991708c75257c37a64d58eb.png'); /* иконка при нажатии */
}

.menu-item-label {
    visibility: hidden;
    display: block;
}