/* Шрифты в подменю */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500&display=swap');

.gc-account-user-submenu-bar h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size:29px!important;
}

a.subitem-link {
  font-family: 'Cormorant Garamond', serif;
  font-size:17px!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: rgb(37,59,34);
background: linear-gradient(0deg, rgba(37,59,34,1) 0%, rgba(37,59,34,1) 0%, rgba(47,68,43,0.9967297260701156) 100%, rgba(216,207,182,0.9983263647255778) 100%);
 no-repeat!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.menu-item-notifications_button_small a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/297220/sc/247/h/4fcdf4133fd074dc4465e60b36a7c8f7.png) !important;
}

/* Сайт */
li.menu-item.menu-item-cms a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/297220/sc/38/h/44a84965b0cd1780d2a61582705c3a2b.png) !important;
}

/* Обучение */
li.menu-item.menu-item-teach a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/297220/sc/349/h/d6bbd57799ce3c3953928e1bfbac1c6c.png) !important; }

/* Пользователи */
li.menu-item.menu-item-user a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/297220/sc/294/h/fbc37f54836a3b4fbde6610b45f758bb.png) !important; }

/* Задачи */
li.menu-item.menu-item-tasks a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/297220/sc/70/h/8be6a15a66c9986f460604770c79cc18.png) !important; }

/* Сообщения */
li.menu-item.menu-item-notifications a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/297220/sc/202/h/fda2995fa30cd2998014f50db01ff958.png) !important; }

/* Продажи */
li.menu-item.menu-item-sales a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/297220/sc/236/h/27a6ed32d5ed7bb2c12909fe8502b08c.png) !important; }

/* Прячем старую иконку чатиума полностью*/
li.menu-item.menu-item-chatium {
  display:none;
}

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: rgb(47,68,43);
background: linear-gradient(0deg, rgba(47,68,43,1) 0%, rgba(37,59,34,1) 0%, rgba(37,59,34,1) 0%, rgba(216,207,182,0.9783263647255778) 0%);
}

/* Фон панели на мобильной версии */
@media (max-width: 768px) {
  .gc-account-leftbar .gc-account-user-menu,
  .gc-account-leftbar .toggle-link {
background: rgb(37,59,34);
background: linear-gradient(0deg, rgba(37,59,34,1) 0%, rgba(37,59,34,1) 0%, rgba(47,68,43,0.9967297260701156) 100%, rgba(216,207,182,0.9983263647255778) 100%);
 no-repeat!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;
  font-family: 'Cormorant Garamond';
  font-size: 14px;
}

.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: relative;
  margin: 1px -10px 0; 
  color: white;
  /* 
  Если вы заменяете иконки через фон ссылки, 
  а не через :after, то используйте эти свойства: */
  /*
  position: absolute;
  bottom: 8px; 
  left: 0; 
  */
}

.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.new-chatium-icon a:before {
  content: "Chatium";
}
.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;
}

/* shake*/

@-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);
  }
}

.notify-count {
  z-index:1;
}