/* БОКОВОЕ МЕНЮ - начало */

@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Manrope:wght@200..800&display=swap');

:root {
    /* Основные цвета */
    /* обводка аватара в профиле (тем же цветом - иконки в разделах) */
    --Mcolor1: #fff;
    /* фон уведомлений в подменю */
    --Mcolor2: #B4443C;
    /* белый */
    --Mwhite: #ffffff;
    /* черный */
    --Mblack: #0F0807;
    /*черный */
    --Mblack2: #4D4D4D;
    /* фон меню */
    --Mbackground: #540A01;
    /* фон под иконки в состоянии покоя */
    --Mbackground2: transparent;
    /* фон под иконки в состоянии наведения */
    --Mbackground3: #FFFFFF30;
    /* фон всего субменю */
    --Mbackground4: #F9F4F2;
    /* шрифт заголовки */
    --Mfont: "Manrope", sans-serif!important; 
    --Mfont2: "Cormorant", serif!important; 
    
    /* Иконки меню в спокойном состоянии */
    /* рупор-уведомления */
    --button-small: url('https://fs.getcourse.ru/fileservice/file/download/a/933911/sc/134/h/e2ad7b914716324920ad69ef1ca0190c.png');
   /* лупа */
    --item-search: url('https://fs.getcourse.ru/fileservice/file/download/a/933911/sc/320/h/4b81e82f2b4a4b41ab9b24a235cece3f.png');
    
    /* сайт */
    --item-cms: url('https://fs.getcourse.ru/fileservice/file/download/a/933911/sc/176/h/9dba810607b2b22de5a14ad814c2f294.png');
    /* обучение */
    --item-teach: url('https://fs.getcourse.ru/fileservice/file/download/a/933911/sc/380/h/5dd138ecff06c35a90f3c2daa56d9c4a.png');
    /* пользователи */
    --item-user: url('https://fs.getcourse.ru/fileservice/file/download/a/933911/sc/176/h/0dab1f8272e250148b3e56fe2d153be0.png');
    /* задачи */
    --item-tasks: url('https://fs.getcourse.ru/fileservice/file/download/a/933911/sc/300/h/d873a4cddcf36d216ab6919f7932ed2e.png');
    /* сообщения */
    --item-notif: url('https://fs.getcourse.ru/fileservice/file/download/a/933911/sc/356/h/44fff5268bd8db8eb455f793cead26d2.png');
    /* продажи */
    --item-sales: url('https://fs.getcourse.ru/fileservice/file/download/a/933911/sc/273/h/15bd8a243fcca9264e6c601b0fa1d73d.png');
    /* приложение */
    --item-chatium: url('https://fs.getcourse.ru/fileservice/file/download/a/933911/sc/317/h/9e45ef8e86ff367b89dc4fc6ae60b081.png');
}

.gc-account-leftbar, 
.gc-account-leftbar .gc-account-user-menu {
    background-color: var(--Mbackground)!important;
}

/*  Левая панель - Разделы с иконками (ссылки) */

li.menu-item.menu-item-notifications_button_small a,
li.menu-item.menu-item-search a,
li.menu-item.menu-item-cms a,
li.menu-item.menu-item-teach a,
li.menu-item.menu-item-user a,
li.menu-item.menu-item-tasks a,
li.menu-item.menu-item-notifications a,
li.menu-item.menu-item-sales a,
li.menu-item.menu-item-chatium a {
    display: block;
    background: var(--Mbackground2)!important;
    margin: 12px auto 20px;
    width: 58px;
    height: 58px;
    border-radius: 10px;
    transition: all 0.3s;
}

li.menu-item-marathon {
    display: none;
}
.fz-left-menu-profile .menu-user-name,
.fz-left-menu-profile .menu-user-email {
        display: none;
}

.gc-account-leftbar .gc-account-user-menu li {
    border-bottom: none;
}


.gc-account-leftbar .gc-account-user-menu li:hover a,
.gc-account-leftbar .gc-account-user-menu li.active a, 
.gc-account-leftbar .gc-account-user-menu li.selected a {
    background: var(--Mbackground3)!important;
}

li.menu-item-profile .menu-item-icon {
    border-radius: 100px;
    width: 52px;
    height: 52px;
    border: 2px solid var(--Mcolor1);
}

li.menu-item.menu-item-profile a {
    background: transparent!important;
    transition: all 0.3s;
}


li.menu-item.menu-item-profile a:hover,
li.menu-item.menu-item-profile.active a,
li.menu-item.menu-item-profile.selected a {
    background: none!important;
}

li.menu-item.menu-item-notifications_button_small a img,
li.menu-item.menu-item-search a img,
li.menu-item.menu-item-cms a img,
li.menu-item.menu-item-teach a img,
li.menu-item.menu-item-user a img,
li.menu-item.menu-item-tasks a img,
li.menu-item.menu-item-notifications a img,
li.menu-item.menu-item-sales a img,
li.menu-item.menu-item-chatium a img {
    display: none;
}

li.menu-item.menu-item-search a::after,
li.menu-item.menu-item-cms a::after,
li.menu-item.menu-item-teach a::after,
li.menu-item.menu-item-user a::after,
li.menu-item.menu-item-tasks a::after,
li.menu-item.menu-item-notifications a::after,
li.menu-item.menu-item-sales a::after,
li.menu-item.menu-item-chatium a::after {  
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 28px;
    height: 28px;
}

li.menu-item.menu-item-cms a::after {background-image: var(--item-cms);}
li.menu-item.menu-item-teach a::after {background-image: var(--item-teach);}
li.menu-item.menu-item-user a::after {background-image: var(--item-user);}
li.menu-item.menu-item-tasks a::after {background-image: var(--item-tasks);}
li.menu-item.menu-item-notifications a::after {background-image: var(--item-notif);}
li.menu-item.menu-item-sales a::after {background-image: var(--item-sales);}
li.menu-item.menu-item-chatium a::after {background-image: var(--item-chatium);}
li.menu-item.menu-item-search a::after {background-image: var(--item-search);}


li.menu-item.menu-item-notifications_button_small a::after {
    content: ''; 
    position: absolute; 
    background-image: var(--button-small);
    top: 50%; 
    left: 50%;  
    transform: translate(-50%, -50%); 
    background-size: contain; 
    background-repeat: no-repeat; 
    display: block;
    width: 24px;
    height: 24px;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
    z-index: 2;
    font-family: var(--Mfont)!important; 
    font-size: 0.8em!important;
    font-weight: 700;
    text-align: center;
    color: var(--Mwhite);
    background: var(--Mcolor2);
    border-radius: 50px;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count,
.gc-account-leftbar .gc-account-user-menu li.menu-item-teach .notify-count,
.gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-tasks .notify-count, 
.gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-sales .notify-count {
    z-index: 2;
    font-family: var(--Mfont)!important; 
    font-size: 0.8em!important;
    font-weight: 700;
    text-align: center;
    color: var(--Mwhite);
    background: var(--Mcolor2);
    border-radius: 50px;
    position: absolute;
    bottom: 8px;
    right: 4px;
    padding: 10px;
}

.gc-account-leftbar .gc-account-user-submenu-bar {
    background: var(--Mbackground4)!important;
}


.gc-account-user-submenu-bar H3 {
    font-family: var(--Mfont);
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 500;
    color: var(--Mcolor2)!important;
    border-bottom: 1px solid var(--Mcolor2);
    padding-bottom: 20px;
    padding-left: 20px;
    margin-top: 30px;
    margin-bottom: 10px;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    font-family: var(--Mfont); 
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--Mblack);
    padding-left: 20px;
    transition: all 0.3s;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background-color: var(--Mbackground)!important;
    color: var(--Mcolor1);
}


.gc-account-leftbar .gc-account-user-submenu li .notify-count {
    font-family: var(--Mfont)!important; 
    color: var(--Mwhite);
    background: var(--Mcolor2);
    border-radius: 50px;
}

.user-balance {
    margin-top: 20px!important;
    margin-bottom: 10px;
    font-family: var(--Mfont);     
    color: var(--Mblack2);
}

.menu-item-marathon {
    display: none;
}


@media (max-width: 768px) {
    .gc-account-leftbar .toggle-link {
        background: var(--Mcolor2);
    }    
    .gc-page-nav-items-menu a {
        font-family: var(--Mfont);
        color: var(--Mwhite);
        background: var(--Mcolor2);
    }
}

@media (max-width: 460px) {
    .gc-account-user-submenu-bar h3 {
        font-size: 20px!important;
    }
    .gc-account-user-submenu-bar .gc-account-user-submenu li a {
         font-size: 14px!important;
    }
}

/* БОКОВОЕ МЕНЮ - конец */