

 /* Прячем старые иконки */
  .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-chatium {
  display:none;
}

/* Фоновое изображение */
.gc-account-leftbar,
.gc-account-leftbar.expanded .toggle-link {
background: rgb(54,41,29);
background: linear-gradient(117deg, rgba(54,41,29,1) 0%, rgba(11,0,0,1) 35%)!important;

}

/* Закончилось меню */
.gc-account-leftbar .gc-account-user-menu li a {
  background:inherit;
}
.gc-account-leftbar .gc-account-user-menu li {
  border-bottom: none;
}

/* Уведомления */
li.menu-item-notifications_button_small a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/84887/sc/236/h/19e6631dc5ccfeddc304e79500165da3.png) !important;}

/* Сайт */
li.menu-item-cms a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/84887/sc/143/h/2125bf858b242d375321b5d8edebf309.png) !important; }

/* Обучение */
li.menu-item-teach a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/84887/sc/444/h/6bef75cf0becbf23b57f83f828d1fb7b.png) !important; }

/* Пользователи */
li.menu-item.menu-item-user a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/84887/sc/149/h/bab07563613ffd3f44f3f298427c0c92.png) !important; }

/* Задачи */
li.menu-item-tasks a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/84887/sc/40/h/dc3eea041c092d125761677c40e09445.png) !important; }

/* Сообщения */
li.menu-item-notifications a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/84887/sc/268/h/50eaa30c30e7fe44d418b2eadc11c269.png) !important; }

/* Продажи */
li.menu-item-sales a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/84887/sc/43/h/1c4b0947890e513557449be52b400eab.png) !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:#f0f0f0;
  }
 
/* Фон панели на мобильной версии */
@media (max-width: 768px) {
  .gc-account-leftbar .gc-account-user-menu,
  .gc-account-leftbar .toggle-link {
background: rgb(54,41,29);
background: linear-gradient(117deg, rgba(54,41,29,1) 0%, rgba(11,0,0,1) 35%)!important;

    }
}
 
  /* Подписи к кнопкам */  
  .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: 70px;
}

.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: black!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: absolute;
  margin: 5px -10px 0;
  bottom: 0px;
  left: 0;
  color: white;
  
}

.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: "Chatium";
}

<!--  Настройка суб меню -->
.gc-account-leftbar .gc-account-user-submenu-bar {
    width: 320px;
}
.custom-menu .gc-account-user-submenu-bar .gc-account-user-submenu a {
   padding-top: 19px;
   padding-bottom: 19px;
   text-transform: lowercase;
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 500;
   font-size: 20px;
   line-height: 108.5%;
   padding-left: 35px;
}
.custom-menu .gc-account-user-submenu-bar .gc-account-user-submenu a:first-letter {
   text-transform: uppercase;
}

.custom-menu .gc-account-user-submenu-bar .gc-account-user-submenu a:hover {
   color: #555555;

}

.gc-account-user-submenu-bar h3 {
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 600;
   font-size: 28px;
   line-height: 49px;
   padding-left: 35px;
}
.gc-account-leftbar .gc-account-user-submenu-bar {
   display: flex;
   flex-direction: column;
}
.gc-account-leftbar .gc-account-user-submenu-bar:after {
   content: "";
   display: block;
   height: 48px;
   background: url("https://fs.getcourse.ru/fileservice/file/download/a/84887/sc/388/h/a1cfe1c297f14c7e7c8ee7f017beba45.png") center / contain no-repeat;
   margin-top: auto;
   margin-bottom: 20px;
}

/* Анимация выбора меню */
.gc-account-user-submenu-bar .gc-account-user-submenu li {
    position: realtive;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    position: relative !important;
    z-index: 9999;
    transition: all 1.3s;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li::after {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    background:  silver;
    top:0;
    left:0;
    transition: all .5s;
    z-index: 0;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: transparent;
    color:#fff;
    z-index: 1;
    text-decoration: none;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li:hover::after {
    width: 100%;
}

/* Шайк меню */
.gc-account-user-menu .menu-item a:hover img

{
	-webkit-animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

 .gc-account-user-menu .menu-item a:hover:after, 
.menu-item-prolongation a:hover img,
.menu-item.new-chatium-icon a:hover img
{
	-webkit-animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
} 
  


.notify-count {
  z-index:1;
}

@-webkit-keyframes shake-top {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}
@keyframes shake-top {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}

