/* ------------- 
content start - my-menu
------------- */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap');
:root {
--primary: #fd9830;
--secondary: #fd5030;
--tertiary: #12d7bb;
--grey: #ebebeb;
--white: #ffffff;
--dark: #3a3a3a;
--background: #2A587A;
--radius: 15px;
--padding: 3px 5px;
--font: 'Montserrat';
}

/* Шрифты */
/*html .gc-account-leftbar {
font-family: var(--font), Roboto, sans-serif !important;
font-weight: 300;
}
html .gc-account-leftbar h1, html .gc-account-leftbar h2, html .gc-account-leftbar h3 {
font-family: var(--font), Roboto, sans-serif;
font-weight: 700;
}
*/

/*цвет бокового меню Фоновое изображение */

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

html .gc-account-leftbar {
 /*	  background:url(https://fs.getcourse.ru/fileservice/file/download/a/503833/sc/266/h/1fadd6c043eb5c0a505e4d6ab243808a.jpg) no-repeat !important;*/
   background:var(--background)!important;
   width: 85px;
    background-size: cover;
}

html .gc-account-leftbar .gc-account-user-menu li a {
    background:inherit;
    width: 85px;
    padding: 0;
}

/*при наведении*/
html .gc-account-leftbar .gc-account-user-menu li a:hover{
    background:rgba(255,255,255,0.3)!important;
        width: 85px;
    /*width: max-content;*/
}

/*выделенная
html .menu-item.active{
    background:rgba(255,255,255,0.9)!important;
}*/
html .menu-item.active{
    background:#F5EEDC!important;
}
/*html .menu-item.selected{
    background:rgba(255,255,255,0.7)!important;
}*/
html .menu-item.selected{
   /* background:#DCDCDC!important;*/
     background:#F5EEDC!important;
}

/*скругление аватарки*/
html .menu-item-profile img{
 	border-radius:50px;   
}

/* Вылезающее подменю */
html .gc-account-leftbar .gc-account-user-submenu-bar{
    background:#F5EEDC !important;
        left: 85px;
}

html .gc-account-leftbar .gc-account-user-submenu-bar .menu-item-trainings{
    display: none;
}
/*
html .gc-account-leftbar .gc-account-user-submenu-bar .menu-item-trainings a::after{
    content: "Курсы";
}
*/
/*скрываем подписи под иконками*/
html .gc-account-leftbar .menu-item-label {
    display: none;

}

/*оставить подпись для пункта меню Сообщение/служба поддержки*/
html .gc-account-leftbar .menu-item-notifications .menu-item-label{
 display: block;
     font-weight:normal;
}

/*свои подписи под иконками*/
html .gc-account-user-menu li.menu-item-cms a::after {
  content: "Страницы";   
        display: block;
    padding-top: 5px;
     color:#E3AE1E;
}

html .gc-account-user-menu li.menu-item-site a::after {
  content: "Сайт";    
        display: block;
    padding-top: 5px;
    color:#E3AE1E;
}

html .gc-account-user-menu li.menu-item-teach a::after {
  content: "Курсы";    
        display: block;
    padding-top: 5px;
    color:#E3AE1E;
}

html .gc-account-user-menu li.menu-item-user a::after {
  content: "Пользователи";    
        display: block;
    padding-top: 5px;
    color:#E3AE1E;    
}

html .gc-account-user-menu li.menu-item-tasks a::after {
  content: "Процессы";    
        display: block;
    padding-top: 5px;
    color:#E3AE1E;
}

/*
html .gc-account-user-menu li.menu-item-notifications a::after {
  content: "Служба поддержки"; 
        display: block;
padding-top: 5px;
}
*/
html .gc-account-user-menu li.menu-item-sales a::after {
  content: "Покупки";    
        display: block;
    padding-top: 5px;
    color:#E3AE1E;
}

/*подпись для новой иконки Приложение*/
html .gc-account-user-menu li.new-chatium-icon a::after {
  content: "Приложение";    
        display: block; 
    padding-top: 5px;
    color:#E3AE1E;
}



/*скрываем системную иконку приложения*/
html .gc-account-user-menu li.menu-item-chatium {  
        display: none;     
}

/*цвет подписей под иконками при выделении*/
html .gc-account-user-menu li.menu-item-cms.active a::after {
        color: black !important; 
}
/*цвет подписей под иконками при выделении*/
html .gc-account-user-menu li.menu-item-cms.selected a::after {
        color: black !important; 
}

/*темная иконка Приложение при выделении*/
html .gc-account-user-menu li.new-chatium-icon.active img{
    content:url(/public/img/service/chatium_active.png) !important;
}

/*светлая иконка Сайт*/
html .gc-account-user-menu li.menu-item-cms img{
    content:url(/public/img/service/cms.png) !important;
}
/*темная иконка Сайт при выделении*/
html .gc-account-user-menu li.menu-item-cms.active img{
    content:url(/public/img/service/cms_active.png) !important;
}
html .gc-account-user-menu li.menu-item-teach.active a::after {
        color: black !important;
}

html .gc-account-user-menu li.menu-item-teach.selected a::after {
        color: black !important;
}

html .gc-account-user-menu li.menu-item-user.active a::after {
        color: black !important;
}

html .gc-account-user-menu li.menu-item-user.selected a::after {
        color: black !important;
}

html .gc-account-user-menu li.menu-item-tasks.active a::after {
        color: black !important;
}

html .gc-account-user-menu li.menu-item-tasks.selected a::after {
        color: black !important;
}

html .gc-account-user-menu li.menu-item-notifications.active a::after {
        color: black !important;
}

html .gc-account-user-menu li.menu-item-notifications.selected a::after {
        color: black !important;
}

html .gc-account-user-menu li.menu-item-sales.active a::after {
        color: black !important;
}

html .gc-account-user-menu li.menu-item-sales.selected a::after {
        color: black !important;
}

html .gc-account-user-menu li.new-chatium-icon.active a::after {
        color: black !important;
}

html .gc-account-user-menu li.new-chatium-icon.selected a::after {
        color: black !important;
}


/* Адаптивность */
@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); /* фон раскрытого меню на мобильном */
    width: 85px;
}
html .gc-account-leftbar .gc-account-user-menu li {
border-bottom: 0;
    width: 85px;
}
html .gc-page-nav-items-menu {
left: 85px;
}
}

/* ------------- 
content finish - my-menu
------------- */