

/* Прячем старые иконки */
  .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;
}

/* При наведении */
.gc-account-leftbar .gc-account-user-menu li a:hover {
	background: #FFF;
   transition: all 1.0s;
}


/* Фоновое изображение */
.gc-account-leftbar, .gc-account-leftbar.expanded  {
    background: #17B4CA!important;
}

/* Скругленная иконка пользователя */
.menu-item-profile img {
    border-radius: 100px;
    width: 52px!important;
    border: 2px solid #FFF;
    padding: 0px;
    background: #FFF;
    box-sizing: content-box;
}

/* Кружок Hover */
.menu-item-profile img:hover {
    border: 2px solid #FF2A19;
}


/* Иконка сублогин */
.menu-item-profile .sub-icon img{
    width: 30px!important;
    height: 30px;
}

/* Делает прозрачными места иконок + шрифт */
.gc-account-leftbar .gc-account-user-menu li a {
  background:inherit;
  font-family: "Futura PT", sans-serif!important;
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
}

/* Фон панели на мобильной версии   */
@media (max-width: 768px) {
.gc-account-leftbar .gc-account-user-menu, .gc-account-leftbar .toggle-link {
     background: #17B4CA!important;
z-index: 0;
}   
}

/*  подчеркивание между иконками*/ 
.gc-account-leftbar .gc-account-user-menu li {
  border-bottom: none;
}

/*убиваем глюк раздвоения иконки*/
a.subitem-link:after {display:none;}
a.subitem-link:before {display:none;}

/* Уведомления */
li.menu-item-notifications_button_small a:after { content:url(https://fs02.getcourse.ru/fileservice/file/download/a/636183/sc/158/h/267819b52f8c840d7ffb3d115d81a85e.svg) !important;}

li.menu-item-notifications_button_small a:hover:after { content:url(https://fs24.getcourse.ru/fileservice/file/download/a/636183/sc/350/h/4c8a674d77bb4b3aec076d84e5ce3f9d.svg) !important;}

li.menu-item-notifications_button_small a:focus:after { content:url(https://fs24.getcourse.ru/fileservice/file/download/a/636183/sc/350/h/4c8a674d77bb4b3aec076d84e5ce3f9d.svg) !important;}

/* Сайт */
li.menu-item-cms a:after { content:url(https://fs02.getcourse.ru/fileservice/file/download/a/636183/sc/288/h/a7da7f1e1ff755903b1fc5a01d656cf5.svg) !important; }
li.menu-item-cms a:hover:after { content:url(https://fs24.getcourse.ru/fileservice/file/download/a/636183/sc/295/h/e0d9db19ab02cd6d4cf96028c5dd4759.svg) !important; }
li.menu-item-cms a:focus:after { content:url(https://fs24.getcourse.ru/fileservice/file/download/a/636183/sc/295/h/e0d9db19ab02cd6d4cf96028c5dd4759.svg) !important; }
li.menu-item.menu-item-cms.active a:after { content:url(https://fs24.getcourse.ru/fileservice/file/download/a/636183/sc/295/h/e0d9db19ab02cd6d4cf96028c5dd4759.svg) !important; }
li.menu-item.menu-item-cms.selected a:after { content:url(https://fs24.getcourse.ru/fileservice/file/download/a/636183/sc/295/h/e0d9db19ab02cd6d4cf96028c5dd4759.svg) !important; }

/* Обучение */
li.menu-item-teach a:after { content:url(https://fs21.getcourse.ru/fileservice/file/download/a/636183/sc/247/h/13bf7bf1fb7ca67082f950dd2b647b77.svg) !important; }
li.menu-item-teach a:hover:after { content:url(https://fs01.getcourse.ru/fileservice/file/download/a/636183/sc/334/h/ae47b17cac0dfbae93e4e95068b472c2.svg) !important; }
li.menu-item-teach a:focus:after { content:url(https://fs01.getcourse.ru/fileservice/file/download/a/636183/sc/334/h/ae47b17cac0dfbae93e4e95068b472c2.svg) !important; }
li.menu-item.menu-item-teach.active a:after { content:url(https://fs01.getcourse.ru/fileservice/file/download/a/636183/sc/334/h/ae47b17cac0dfbae93e4e95068b472c2.svg) !important; }
li.menu-item.menu-item-teach.selected a:after { content:url(https://fs01.getcourse.ru/fileservice/file/download/a/636183/sc/334/h/ae47b17cac0dfbae93e4e95068b472c2.svg) !important; }

/* Пользователи */
li.menu-item.menu-item-user a:after { content:url(https://fs19.getcourse.ru/fileservice/file/download/a/636183/sc/369/h/4401c06d525892e8b5b5064571659006.svg) !important; }
li.menu-item.menu-item-user a:hover:after { content:url(https://fs01.getcourse.ru/fileservice/file/download/a/636183/sc/5/h/e9d4617903765a417cc1cd3e91840532.svg) !important; }
li.menu-item.menu-item-user a:focus:after { content:url(https://fs01.getcourse.ru/fileservice/file/download/a/636183/sc/5/h/e9d4617903765a417cc1cd3e91840532.svg) !important; }
li.menu-item.menu-item-user.active a:after { content:url(https://fs01.getcourse.ru/fileservice/file/download/a/636183/sc/5/h/e9d4617903765a417cc1cd3e91840532.svg) !important; }
li.menu-item.menu-item-user.selected a:after { content:url(https://fs01.getcourse.ru/fileservice/file/download/a/636183/sc/5/h/e9d4617903765a417cc1cd3e91840532.svg) !important; }

/* Задачи */
li.menu-item-tasks a:after { content:url(https://fs22.getcourse.ru/fileservice/file/download/a/636183/sc/286/h/72848b04db1406b62c4fbca5ce99de0e.svg) !important; }
li.menu-item-tasks a:hover:after { content:url(https://fs23.getcourse.ru/fileservice/file/download/a/636183/sc/10/h/b2ca9985002179b869b8b7a993340d03.svg) !important; }
li.menu-item-tasks a:focus:after { content:url(https://fs23.getcourse.ru/fileservice/file/download/a/636183/sc/10/h/b2ca9985002179b869b8b7a993340d03.svg) !important; }
li.menu-item.menu-item-tasks.active a:after { content:url(https://fs23.getcourse.ru/fileservice/file/download/a/636183/sc/10/h/b2ca9985002179b869b8b7a993340d03.svg) !important; }
li.menu-item.menu-item-tasks.selected a:after { content:url(https://fs23.getcourse.ru/fileservice/file/download/a/636183/sc/10/h/b2ca9985002179b869b8b7a993340d03.svg) !important; }

/* Сообщения */
li.menu-item.menu-item-notifications a:after { content:url(https://fs02.getcourse.ru/fileservice/file/download/a/636183/sc/394/h/c1fb4f48b6d4f43ce9b7d7da0e3567dc.svg) !important; }
li.menu-item.menu-item-notifications a:hover:after { content:url(https://fs01.getcourse.ru/fileservice/file/download/a/636183/sc/102/h/91e3453a4b538925f2177ee11c7a5ef3.svg) !important; }
li.menu-item.menu-item-notifications a:focus:after { content:url(https://fs01.getcourse.ru/fileservice/file/download/a/636183/sc/102/h/91e3453a4b538925f2177ee11c7a5ef3.svg) !important; }
li.menu-item.menu-item-notifications.active a:after { content:url(https://fs01.getcourse.ru/fileservice/file/download/a/636183/sc/102/h/91e3453a4b538925f2177ee11c7a5ef3.svg) !important; }
li.menu-item.menu-item-notifications.selected a:after { content:url(https://fs01.getcourse.ru/fileservice/file/download/a/636183/sc/102/h/91e3453a4b538925f2177ee11c7a5ef3.svg) !important; }


/* Продажи */
li.menu-item-sales a:after { content:url(https://fs01.getcourse.ru/fileservice/file/download/a/636183/sc/285/h/9b28a52dc27a972a14fb41f47eca3be6.svg) !important; }
li.menu-item-sales a:focus:after { content:url(https://fs22.getcourse.ru/fileservice/file/download/a/636183/sc/246/h/2c32eeed9df25e5d5d27182a4d513c87.svg) !important; }
li.menu-item-sales a:hover:after { content:url(https://fs22.getcourse.ru/fileservice/file/download/a/636183/sc/246/h/2c32eeed9df25e5d5d27182a4d513c87.svg) !important; }
li.menu-item.menu-item-sales.active a:after { content:url(https://fs22.getcourse.ru/fileservice/file/download/a/636183/sc/246/h/2c32eeed9df25e5d5d27182a4d513c87.svg) !important; }
li.menu-item.menu-item-sales.selected a:after { content:url(https://fs22.getcourse.ru/fileservice/file/download/a/636183/sc/246/h/2c32eeed9df25e5d5d27182a4d513c87.svg) !important; }


/*Чатиум для юзеров*/
li.new-chatium-icon a:after { content:url(https://fs18.getcourse.ru/fileservice/file/download/a/636183/sc/135/h/14367f7355da5b807bf2e06b15f00a6c.svg) !important; }
li.new-chatium-icon a:focus:after  { content:url(https://fs16.getcourse.ru/fileservice/file/download/a/636183/sc/250/h/ea601dc5b17a5f7054e039c6687efd9d.svg) !important; }
li.new-chatium-icon a:hover:after  { content:url(https://fs16.getcourse.ru/fileservice/file/download/a/636183/sc/250/h/ea601dc5b17a5f7054e039c6687efd9d.svg) !important; }
li.new-chatium-icon.active a:after { content:url(https://fs16.getcourse.ru/fileservice/file/download/a/636183/sc/250/h/ea601dc5b17a5f7054e039c6687efd9d.svg) !important; }
li.new-chatium-icon.selected a:after { content:url(https://fs16.getcourse.ru/fileservice/file/download/a/636183/sc/250/h/ea601dc5b17a5f7054e039c6687efd9d.svg) !important; }

/*Чатиум для админов*/
li.menu-item.menu-item-chatium a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/636183/sc/112/h/18fc0969bb75c4e1e873b374378b01d9.svg) !important; }
li.menu-item.menu-item-chatium a:focus:after  { content:url(https://fs.getcourse.ru/fileservice/file/download/a/636183/sc/64/h/937b8b8b89881ec24384577d020bdb07.svg) !important; }
li.menu-item.menu-item-chatium a:hover:after  { content:url(https://fs.getcourse.ru/fileservice/file/download/a/636183/sc/64/h/937b8b8b89881ec24384577d020bdb07.svg) !important; }
li.menu-item.menu-item-chatium.active a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/636183/sc/64/h/937b8b8b89881ec24384577d020bdb07.svg) !important; }
li.menu-item.menu-item-chatium.selected a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/636183/sc/64/h/937b8b8b89881ec24384577d020bdb07.svg) !important; }



.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: #121212 !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: #FFF;
font-size:11px;
}

.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-club 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.new-chatium-icon a:before{
  content: "Mobile";
}

.gc-account-user-menu li.menu-item.menu-item-chatium a:before{
  content: "Apps";
}




  /* переносим подпись вниз элемента */
 .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;
}

/* notification-count (счетчик сообщений на иконках меню) */

.gc-account-leftbar .notify-count {
  background: #FF2A19!important;
	min-width: 30px;
	min-height: 20px;
	width: auto;
	height: auto;
	padding: 8px;
	line-height: 1;
	color: white;
	border-radius: 60px;
	font-size: 12px;
  font-weight: 500!important;
	bottom: calc(100% - 27px) !important;
	right: -15px !important;
   z-index: 1;
}

.gc-account-leftbar .gc-account-user-submenu .notify-count {
	right: 5px !important;
	bottom: calc(50% - 15px) !important;
}

/* Скругляем иконки */
.gc-account-leftbar .gc-account-user-menu li a {
	position: relative;
	border-radius: 5px;
	width: 60px !important;
	height: 60px !important;
	transition: background 0.15s ease-in-out;
}
/* Расстояние между иконками */
.gc-account-leftbar .gc-account-user-menu li {
	padding: 5px;
	margin: 0;
}
/* пододвигаем колокольчик */
li.menu-item.menu-item-notifications_button_small a {
    height: 30px !important;
    border-radius: 5px;
}

/*Настройка суб меню*/

.gc-account-leftbar .gc-account-user-submenu-bar {
    width: 220px!important;
 
}

.gc-account-leftbar .gc-account-user-submenu-bar {
    position: absolute;
    top: 0;
    left: 70px;
    width: 200px!important;
    height: 100%;
    background: #FFF;
}

/*Прокрутка, глюк GetFusion*/
.gc-account-user-submenu-bar.gc-account-user-submenu-bar-profile{
  overflow-x: hidden!important;
}



.gc-account-user-submenu-bar .gc-account-user-submenu li a {
   padding-top: 9px;
   padding-bottom: 9px;
   text-transform: lowercase;
   font-family: "Futura PT", sans-serif!important;
   font-weight: 400!important;
   font-style: normal;
   font-size: 22px;
   line-height: 95%;
   padding-left: 20px;
 
}
/*Суб меню с заглавной*/
.gc-account-user-submenu-bar .gc-account-user-submenu li a::first-letter {
  text-transform: uppercase;
}
.custom-menu .gc-account-user-submenu-bar .gc-account-user-submenu a:first-letter {
   text-transform: uppercase;
}



.gc-account-user-submenu-bar h3 {
   font-family: "Futura PT", sans-serif!important;
   font-style: bold;
   font-weight: 600;
   font-size: 26px;
   line-height: 40px;
   color: #FF2A19;
  margin-bottom: 20px;
}
.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: 50px;
   background: url("https://fs02.getcourse.ru/fileservice/file/download/a/636183/sc/335/h/bff80dac1325e3217ac9d3bde4ea8964.svg") center / contain no-repeat;
   margin-top: auto;
   margin-bottom: 30px;
}

/* Анимация выбора меню */
.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%;
}

@media (max-width: 768px) {
	.gc-account-leftbar .gc-account-user-menu {
		margin-bottom: 45px;
		background: #000;
		width: 70px;
		height: 100%;
	}
	.gc-main-content.with-left-menu {
		margin-left: 0;
	}
}

@media (max-width: 576px) {
	.gc-account-leftbar
		.gc-account-user-submenu-bar-notifications_button_small {
		width: calc(100vw - 70px);
		overflow: auto;
	}
}

@media (max-width: 768px) {
	.gc-account-leftbar .gc-account-user-menu li {
		border-bottom: none;
	}
}

/* Шайк меню */
.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,
.gc-account-user-menu .menu-item a:hover:before, 
.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);
  }
}
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
