

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600;700&display=swap');

/*установливаем фон*/
.gc-account-leftbar,
.gc-account-leftbar.expanded .toggle-link {
	background:#fff;
    *box-shadow: 10px 0 20px RGBA(233, 133, 110, 0.1);
}
.gc-account-user-submenu-bar h3 {
    color:#3C9DBD !important;
    font-family: 'Montserrat' !important;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    display: block;
    color:#3C9DBD !important;
    font-family: 'Montserrat' !important;
}

/* разделители */
.gc-account-leftbar .gc-account-user-menu .menu-item {
    border-bottom: 0.5px solid #004A30;
}

/* Обозначение иконок фон подменю*/
.gc-account-user-submenu-bar {
    background: #E6E6E6 !important;
}

/* Заголовок подменю */
.gc-account-user-submenu-bar h3 {
    font-family: 'Montserrat' !important;
    font-style: normal;
    font-weight: 700;
    font-size: 20px !important;
    line-height: 130%;
    text-align: justify;
    text-transform: uppercase;
    background:#004A30;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/* Пункты подменю */
a.subitem-link {
    font-family: 'Montserrat' !important;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0.1em;
    color: #004A30;
}
.gc-account-leftbar .gc-account-user-menu li a {
    background:inherit;
}
.gc-account-leftbar .gc-account-user-menu li {
    border-bottom: none;
}
/* Фон при наведении */
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: #fff!important;
}
/* Балансы пользователя */
.user-balance, .no-notifications-message {
    color: #A8ADC3!important;
}
/* Скрываем основные иконки */
.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 {
    display:none !important;
}
/* Уведомление */
li.menu-item-notifications_button_small a:after {
    content:url(https://fs.getcourse.ru/fileservice/file/download/a/472383/sc/299/h/379b61fb0e45093ef9bcd7dd91a8b73b.svg) !important;
}
li.menu-item-notifications_button_small:hover a:after, li.menu-item-notifications_button_small:active a:after {
    content:url(https://fs.getcourse.ru/fileservice/file/download/a/472383/sc/339/h/4de23cf3eff41b85278af4b12d4fb6d5.png) !important;
 /* background:red!important;*/
}

/* Cайт */
li.menu-item-cms a:after {
    content:url(https://fs.getcourse.ru/fileservice/file/download/a/472383/sc/152/h/16ebfb5d78071276c3840aea9b288d09.svg) !important;
}
li.menu-item-cms:hover a:after{
    content:url(https://fs.getcourse.ru/fileservice/file/download/a/472383/sc/494/h/5796a5524af5981756415e5f25fd2948.png) !important;
}

/* тренинги */
li.menu-item-teach a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/472383/sc/145/h/14f1c0621d9bdd2646e9df2d31e15478.svg) !important; }

li.menu-item-teach:hover a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/472383/sc/23/h/7f3c038a8e97093933e8880137a81f6b.png) !important; }

/* Ученики */
li.menu-item.menu-item-user a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/472383/sc/321/h/a19b6337b0c72da1e14bdeff5a7e33b2.svg) !important; }

li.menu-item.menu-item-user:hover a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/472383/sc/177/h/f5638af56d59c0f8170378729f7cbdf8.png) !important; }

/* задачи */
li.menu-item-tasks a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/472383/sc/185/h/a6c836baf4aab49cc234271dd2088850.svg) !important; }

li.menu-item-tasks:hover a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/472383/sc/28/h/102057438e92c58b1ab4213f2e0a2a94.png) !important; }

/* сообщения */
li.menu-item.menu-item-notifications a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/472383/sc/290/h/796e8d0f202fb60dee633c52f1f2d3ed.svg) !important; }

li.menu-item.menu-item-notifications:hover a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/472383/sc/35/h/af58022c0a65858e4b1c1613071f32b8.png) !important; }

/*покупки */
li.menu-item-sales a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/472383/sc/357/h/c09ad4b0dcb2c90873abad42fcb31d04.svg) !important; }

li.menu-item-sales:hover a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/472383/sc/119/h/b3075689a713b32786f57f8cfe73a1f7.png) !important; }


/*Скрываем пункт меню Приложение */

/*добавляем кнопку чатиум*/
li.menu-item.menu-item-chatium a::after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/472383/sc/38/h/304d9188d1d1a0c07b18521f69a653e0.svg") !important;
}
li.menu-item.menu-item-chatium:hover a::after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/472383/sc/101/h/152d3734e70891fbca05e98b6ce50365.png") !important;
}


li.menu-item.new-chatium-icon 
{
display:none !important;
}
a.subitem-link:after {
    display:none;
}

.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-accountSettings a,
.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-help a {
  border-top:none!important;
}


/* цвет при наведении на иконки */
.gc-account-leftbar .gc-account-user-menu li a:hover,
.gc-account-leftbar .gc-account-user-submenu-bar,
.gc-account-leftbar .gc-account-user-menu li.selected a,
.gc-account-leftbar .gc-account-user-menu li.active a {
    background:#3C9DBD;
 /* border-radius:50px;*/
}


/* Фон боковушки для мобилки */

@media (max-width: 768px) {
  .gc-account-leftbar .gc-account-user-menu,
  .gc-account-leftbar .toggle-link {
background: #fff!important; 
}
.gc-page-nav-items-menu, .gc-account-leftbar.expanded .toggle-link, a.toggler-item {
    background: #fff!important; 
}

}
</style>
<!--  ������� ������ ���� Chatium -->
<script>
$(function() {
  setTimeout(function(){
    $(".menu-item-sales").after(
       '<li class="menu-item new-chatium-icon">'+
        '<a href="/chatium" title="Chatium">'+
          '<img class="menu-item-icon" src="https://fs.getcourse.ru/fileservice/file/download/a/472383/sc/38/h/304d9188d1d1a0c07b18521f69a653e0.svg">'+
        '</a>'+
      '</li>'
    ); 
  },0);
});
</script>
<!--  END ������� ������ �� chatium -->

<!--  ������� ������ �� ������� � ����� ������ -->
<script>
$(document).ajaxSuccess(function(event, xhr, settings) {
  if ( settings.url == "/cms/counters/menu" ) {
    var target = $('.gc-account-user-submenu-bar')[0];
    var observer = new MutationObserver(function(mutations) {
      $(".gc-account-user-submenu-bar li.menu-item-profile a").attr("href", "/user/my/profile");
      $(".gc-account-user-submenu-bar li.menu-item-change_password a").attr("href", "/user/my/changePassword");
    }).observe(target, { attributes: false, childList: true, characterData: false, subtree: true });
  }
});
</script>
<!--  End ������� ������ �� ������� � ����� ������ -->


<style>
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small) a,
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small).active a, 
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small).selected a {
  background-position: 50% 30%!important;
  display: flex!important;
  flex-direction: column-reverse!important;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-decoration:none;
}

.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small) a {
  min-height: 80px;
}

.gc-account-leftbar li:not(.menu-item-profile):not(.menu-item-notifications_button_small) .notify-count { 
  bottom: unset;
  top: 40%;
}

.gc-account-user-menu li.active a:before, 
.gc-account-user-menu li.selected a:before,
.gc-account-user-menu li:hover a:before  {
  color: #fff!important;
}

.gc-account-user-menu li a:before {
  display: block;
  text-align: center;
  max-width: calc(100% + 20px);
  min-height: 1em;
  width: calc(100% + 20px);
  overflow: hidden;
  position: relative;
  margin: 5px 1px 0px; 
  color: #A8ADC3 !important;
}

{
  position: absolute;
  bottom: 5px; 
  left: 5px; 
} 
  

.gc-account-user-menu li.menu-item-cms a:before {
  content: "Сайт";
}
.gc-account-user-menu li.menu-item-teach a:before {
  content: "Уроки";
}
.gc-account-user-menu li.menu-item-user a:before {
  content: "Ученики";
}
.gc-account-user-menu li.menu-item-tasks a:before {
  content: "Задачи";
}
.gc-account-user-menu li.menu-item-notifications a:before {
  content: "Сообщения";
}
.gc-account-user-menu li.menu-item-sales a:before {
  content: "Покупки";
}
.gc-account-user-menu li.menu-item-chatium a:before,
.gc-account-user-menu li.menu-item.new-chatium-icon a:before {
  content: "Приложение";
}

</style>
