@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital@1&display=swap');

.gc-account-user-submenu-bar h3 {
font-family:'Roboto', serif;
font-size:20px!important;
color:#e8308a;
  font-weight:bold;
}
a.subitem-link {
font-family:'Roboto', serif;
font-size:14px!important;
  color:#fff!important;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li {
position: relative;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
position: relative !important;
z-index: 9999;
transition: all .3s;
}

.menu-item-profile img {
    border-radius:100px;
border:4px solid #95c11f;
}
/* Прячем старую иконку чатиума полностью*/
li.menu-item-chatium {
  display:none;
}
.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-leftbar .gc-account-user-menu li a {
background:inherit;
}
.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:#28367b;
border-right:2px solid #ffffff!important;
}
.gc-account-leftbar{
    background: #28367b!important;
background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/571859/sc/488/h/4d49ad2ddfcea4cdce3659c2b5ebb679.png)!important;
    background-repeat: no-repeat!important;
    background-position: bottom!important;
    background-size: contain!important;
    box-shadow: 10px 0 20px RGBA(233, 133, 110, 0.1)!important;
}
.gc-account-leftbar,
.gc-account-leftbar.expanded .toggle-link {
background: #28367b	;
}
.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{
display:none !important;
}
li.menu-item-notifications_button_small a:after { content:url("https://img.icons8.com/ios/20/ffffff/push-notifications.png") !important;}
li.menu-item-cms a:after { content:url("https://img.icons8.com/material-rounded/32/ffffff/domain--v2.png") !important; }
li.menu-item-teach a:after { content:url("https://img.icons8.com/ios/32/ffffff/training.png") !important; }
li.menu-item-user a:after { content:url("https://img.icons8.com/ios/32/ffffff/student-male--v1.png") !important; }
li.menu-item-tasks a:after { content:url("https://img.icons8.com/pastel-glyph/32/ffffff/intelligent-website--v2.png") !important; }
li.menu-item-notifications a:after { content:url("https://img.icons8.com/ios-filled/32/ffffff/chat--v1.png") !important; }
li.menu-item-sales a:after { content:url("https://img.icons8.com/ios/32/ffffff/cash-receipt.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-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: 0%;
right:0;
}
.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: #ffffff!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: 2px -10px 0; 
color:#ffffff;
font-size:11px;
font-weight:bold;
}
.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: "Getcourse";
}

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