/* код до облегчения*/ 

/* Шрифты в подменю */
@font-face {
    font-family: 'GTPressuraPro';
    src: url('/fileservice/file/download/h/7a999a8d03f0e1f39c76b0f07963dbe2.woff2/a/534138/sc/207') format('woff2'),
         url('/fileservice/file/download/h/40145250982cac5f98852dcb575ee093.woff/a/534138/sc/58') format('woff'),
         url('/fileservice/file/download/h/7661854f332d399e62fa599012402f7a.ttf/a/534138/sc/478') format('truetype'),
         url('/fileservice/file/download/h/06c67580ec84d47102e27ba3bf956c5a.otf/a/534138/sc/146') format('opentype'),
         url('/fileservice/file/download/h/3badeaa78348edc0e982ef41504d3e90.otf/a/534138/sc/289') format('svg');
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

@font-face {
    font-family: 'GTPressuraProMono';
    src: url('/fileservice/file/download/h/3cd662d889f6edc2fffc03ddbb3db1a1.woff2/a/534138/sc/479') format('woff2'),
         url('/fileservice/file/download/h/2940d09815f1f1da1857357884475857.woff/a/534138/sc/393') format('woff'),
         url('/fileservice/file/download/h/3a8d64ebc040775cc5c3b6c7621fad16.ttf/a/534138/sc/233') format('truetype'),
         url('/fileservice/file/download/h/b20316ba8f52d1feb2056aa3dc592d46.otf/a/534138/sc/223') format('opentype'),
         url('/fileservice/file/download/h/a766b4e55b66605d1ae34390cc001e0b.eot/a/534138/sc/126') format('embedded-opentype'),
         url('/fileservice/file/download/h/f3f9f7f8b5f1b769afbbc5fb889aee08.svg/a/534138/sc/464') format('svg');
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

/* Сохраняем активный класс и розовый цвет при выборе подменю */
.gc-account-leftbar .gc-account-user-menu li.selected a,
.gc-account-leftbar .gc-account-user-menu li.active a {
    background: #FF7BD9; /* Применяем розовый цвет */
    color: #ffffff; /* Дополнительно можно добавить белый текст, если необходимо */
}

.gc-account-leftbar .gc-account-user-menu li a:hover {
    background: #FF7BD9;
}

/*баланс*/ 
.user-balance {
  display: none;
}

/****уведомления*****/

li.menu-item-notifications .notify-count {
    background: #FF7BD9;
}

.gc-account-user-submenu-bar h3 {
  
  font-size:22px!important;
  color:#1b1b1b;
  font-family: 'GTPressuraProMono',Arial,sans-serif!important;
}

a.subitem-link {
  font-family:"GTPressuraProMono"!important;
  font-size:16px!important;
  color:#a7a7a7!important;
  font-weight: 300!important;
}


.gc-account-leftbar .gc-account-user-menu li a {
  background:inherit;
}

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

/* Фоновое изображение */
.gc-account-leftbar,
.gc-account-leftbar.expanded .toggle-link {
background: #1c1c1c ;
}

/******убираем иконки*******/
.menu-item-notifications_button_small img.menu-item-icon,
.menu-item-cms img.menu-item-icon,
.menu-item-user img.menu-item-icon,
.menu-item-tasks img.menu-item-icon,
.menu-item-teach img.menu-item-icon,
.menu-item-notifications img.menu-item-icon,
.menu-item-sales img.menu-item-icon,
.menu-item-chatium img.menu-item-icon,
.menu-item-label
 {
  display:none !important;
}


/* Уведомления */
li.menu-item.menu-item-notifications_button_small a:after {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url(https://img.icons8.com/?size=28&id=bsz34AX7E1RW&format=png&color=fafafa);
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease-in-out;
}

/* Hover для уведомлений */
li.menu-item.menu-item-notifications_button_small:hover a:after {
    background-image: url(https://img.icons8.com/?size=28&id=bsz34AX7E1RW&format=png&color=FF7BD9);
}

/* Selected для уведомлений */
li.menu-item.menu-item-notifications_button_small.selected a:after,
li.menu-item.menu-item-notifications_button_small.active a:after {
    background-image: url(https://img.icons8.com/?size=28&id=bsz34AX7E1RW&format=png&color=FF7BD9) !important;
}

/* Сайт */
li.menu-item.menu-item-cms a:after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(https://img.icons8.com/?size=100&id=ppFTKAtArcNO&format=png&color=fafafa);
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease-in-out;
}

/* Hover для сайта */
li.menu-item.menu-item-cms:hover a:after {
    background-image: url(https://img.icons8.com/?size=100&id=ppFTKAtArcNO&format=png&color=FF7BD9);
}

/* Selected для сайта */
li.menu-item.menu-item-cms.selected a:after,
li.menu-item.menu-item-cms.active a:after {
    background-image: url(https://img.icons8.com/?size=100&id=ppFTKAtArcNO&format=png&color=FF7BD9) !important;
}



/* Основное состояние иконки для "Обучение" */
li.menu-item.menu-item-teach a:after { 
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(https://img.icons8.com/?size=40&id=4TvpjGq1YxO5&format=png&color=fafafa);
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease-in-out;
}

/* Эффект при наведении */
li.menu-item.menu-item-teach:hover a:after {
    background-image: url(https://img.icons8.com/?size=40&id=4TvpjGq1YxO5&format=png&color=FF7BD9);
}

/* Для выбранного элемента (когда элемент имеет класс selected) */
li.menu-item.menu-item-teach.selected a:after,
li.menu-item.menu-item-teach.active a:after {
    background-image: url(https://img.icons8.com/?size=40&id=4TvpjGq1YxO5&format=png&color=FF7BD9) !important;
}


/* Пользователи */
li.menu-item.menu-item-user a:after { 
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(https://img.icons8.com/?size=40&id=cykh8BZMTKkb&format=png&color=fafafa);
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease-in-out;
}

/* Hover для пользователей */
li.menu-item.menu-item-user:hover a:after {
    background-image: url(https://img.icons8.com/?size=40&id=cykh8BZMTKkb&format=png&color=FF7BD9);
}

/* Selected для пользователей */
li.menu-item.menu-item-user.selected a:after,
li.menu-item.menu-item-user.active a:after {
    background-image: url(https://img.icons8.com/?size=40&id=cykh8BZMTKkb&format=png&color=FF7BD9) !important;
}

/* Задачи */
li.menu-item.menu-item-tasks a:after { 
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(https://img.icons8.com/?size=40&id=m0koHGeD9vth&format=png&color=fafafa);
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease-in-out;
}

/* Hover для задач */
li.menu-item.menu-item-tasks:hover a:after {
    background-image: url(https://img.icons8.com/?size=40&id=m0koHGeD9vth&format=png&color=FF7BD9);
}

/* Selected для задач */
li.menu-item.menu-item-tasks.selected a:after,
li.menu-item.menu-item-tasks.active a:after {
    background-image: url(https://img.icons8.com/?size=40&id=m0koHGeD9vth&format=png&color=FF7BD9) !important;
}

/* Сообщения */
li.menu-item.menu-item-notifications a:after { 
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(https://img.icons8.com/?size=40&id=NuuGQCcn31b0&format=png&color=fafafa);
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease-in-out;
}

/* Hover для сообщений */
li.menu-item.menu-item-notifications:hover a:after {
    background-image: url(https://img.icons8.com/?size=40&id=NuuGQCcn31b0&format=png&color=FF7BD9);
}

/* Selected для сообщений */
li.menu-item.menu-item-notifications.selected a:after,
li.menu-item.menu-item-notifications.active a:after {
    background-image: url(https://img.icons8.com/?size=40&id=NuuGQCcn31b0&format=png&color=FF7BD9) !important;
}

/* Продажи */
li.menu-item.menu-item-sales a:after { 
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(https://img.icons8.com/?size=40&id=U7lL3DGWsi9U&format=png&color=fafafa);
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease-in-out;
}

/* Hover для продаж */
li.menu-item.menu-item-sales:hover a:after {
    background-image: url(https://img.icons8.com/?size=40&id=U7lL3DGWsi9U&format=png&color=FF7BD9);
}

/* Selected для продаж */
li.menu-item.menu-item-sales.selected a:after,
li.menu-item.menu-item-sales.active a:after {
    background-image: url(https://img.icons8.com/?size=40&id=U7lL3DGWsi9U&format=png&color=FF7BD9) !important;
}

/* -----Чатиум----- */
/* Основной стиль для новой иконки Chatium */
li.menu-item.new-chatium-icon a img.menu-item-icon {
    width: 40px;
    height: 40px;
    transition: filter 0.3s ease-in-out;
    display: inline-block;
}

/* Hover для новой иконки Chatium */
li.menu-item.new-chatium-icon:hover a img.menu-item-icon {
    filter: brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(2853%) hue-rotate(292deg) brightness(99%) contrast(100%);
}

/* Selected для новой иконки Chatium */
li.menu-item.new-chatium-icon.selected a img.menu-item-icon,
li.menu-item.new-chatium-icon.active a img.menu-item-icon {
    filter: brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(2853%) hue-rotate(292deg) brightness(99%) contrast(100%);
}

/* Убираем все стандартные стили для ссылки, в том числе синий цвет при наведении и фокусе */
li.menu-item.new-chatium-icon a {
    outline: none; /* Убираем стандартную обводку */
    text-decoration: none; /* Убираем подчеркивание */
    color: inherit; /* Наследуем цвет */
    background: none; /* Убираем фоновый цвет */
    border: none; /* Убираем возможную рамку */
}

/* Убираем синий цвет на всех состояниях */
li.menu-item.new-chatium-icon a:focus,
li.menu-item.new-chatium-icon a:active,
li.menu-item.new-chatium-icon a:hover {
    outline: none;
    text-decoration: none;
    background: none;
    border: none;
    color: inherit; /* Наследуем цвет */
}

/* Переопределяем цвет при hover, если необходимо */
li.menu-item.new-chatium-icon:hover a img.menu-item-icon {
    filter: brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(2853%) hue-rotate(292deg) brightness(99%) contrast(100%);
}





/* Цвет фона подменю */

.gc-account-leftbar .gc-account-user-submenu-bar {background:#fafafa;
}
.gc-account-leftbar .gc-account-user-menu li.selected a, 
.gc-account-leftbar .gc-account-user-menu li.active a, .gc-account-leftbar .gc-account-user-menu li a:hover {
  background:#1b1b1b;
}

/* Фон панели на мобильной версии */
@media (max-width: 768px) {
  .gc-account-leftbar .gc-account-user-menu,
  .gc-account-leftbar .toggle-link {
background: #1b1b1b!important;
    }
}

/*уведомления: сообщения, колокольчик*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count, 
.gc-account-leftbar .notify-count
{
  background: rgba(255, 123, 217, 0.7);
}