/* Прячем иконку чатиум */
.menu-item.menu-item-chatium
{
  display:none !important;
}

/*Задаем выделение ярлыка*/
.custom-menu .gc-account-leftbar .gc-account-user-menu li.active a, .custom-menu .gc-account-leftbar .gc-account-user-menu li.selected a {
    background-color: #FFF!important;
    border: 1px solid #000000;
}

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

/*  подчеркивание между иконками*/ 
.gc-account-leftbar .gc-account-user-menu li {
  border-bottom: none;
}

/* Скругляем иконки */
.gc-account-leftbar .gc-account-user-menu li a {
	position: relative;
	background: #002E7F;
	border-radius: 5px;
	width: 62px;
	height: 62px;
	transition: background 0.15s ease-in-out;
}
/* Расстояние между иконками */
.gc-account-leftbar .gc-account-user-menu li {
	padding: 4px;
	margin: 0;
}


/* Иконка ВОПРОСЫ */
.gc-account-leftbar .gc-account-user-menu li a {
	height: 62px !important;
}
li.menu-item.menu-item-club a{
    height: 120px !important;
}

li.menu-item.menu-item-profile a, li.menu-item.menu-item-notifications_button_small a {
    
    background: none!important; 
}

/* При наведении */
.gc-account-leftbar .gc-account-user-menu li a:hover {
	background: #ffffff!important;
  border: 1px solid #000000;
}

/* Сублогин */
.menu-item-profile .sub-icon img{
    width: 30px!important;
    height: 30px;
}

/*Скругление профиля*/
.menu-item-profile .menu-item-icon {
    border-radius: 26px;
    width: 52px;
    border: 2px solid #FFFFFF;
    margin-top:5px;
  background-color: #E28045!important;
}

/* notification-count (счетчик сообщений на иконках меню) */

.gc-account-leftbar .notify-count {
	min-width: 37px;
	min-height: 25px;
	width: auto;
	height: auto;
	padding: 7px;
	border-radius: 60px;
	font-size: 12px;
	bottom: calc(100% - 10px)!important;
	right: 10px!important;

}

.gc-account-leftbar .gc-account-user-submenu .notify-count {

	bottom: calc(50% - 14px)!important;
}

/*Позицианируем номерки*/
.gc-account-leftbar li:not(.menu-item-profile):not(.menu-item-notifications_button_small) .notify-count { 
  bottom: unset;
  top: 10%;
  right: 0px!important;
}

/*Настройка суб меню______________*/
.custom-menu .gc-account-leftbar .gc-account-user-submenu-bar {
  background: #FFFFFF!important;
  width: 210px!important;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
   padding-top: 9px;
   padding-bottom: 9px;
   text-transform: lowercase;
   font-family: 'Montserrat', sans-serif !important; 
   font-weight: 500!important;
   font-style: normal;
   color: #000000!important;
   font-size: 20px;
   line-height: 80%;
   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:hover {
   color: #555555;
}

/*Заголовок субменю_*/
.gc-account-user-submenu-bar h3 {
   font-family: 'Montserrat', sans-serif !important; 
   font-weight: 600!important;
   color: #000000!important;
   font-size: 22px;
   line-height: 40px;
   text-decoration: underline;
   text-decoration-color: #F0C439; 
   text-underline-offset: 5px;
   text-decoration-thickness: 7px;
}


.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://fs.getcourse.ru/fileservice/file/download/a/322376/sc/237/h/6fd0ff340764f6403e7001c8cdd8fca1.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 0.5s;
    z-index: 0;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    
    background: #FFF!important;
    color:#E28045!important;
    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: #002E7F;
		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;
	}
}

/* пододвигаем колокольчик */
li.menu-item.menu-item-notifications_button_small a{
    height: 30px !important;
    border-radius: 5px;
}


/* Шайк меню */
.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);
  }
}