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

span.menu-item-label  {
  display: none !important;
}

.gc-account-user-submenu-bar h3 {
  font-family: 'Montserrat', sans-serif;
  font-size:20px!important;  
  color: #243D56;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px !important;
  border-bottom: 1px solid #DEC5AE;
  padding-bottom: 20px;
}

a.subitem-link {
  font-family: 'Montserrat', sans-serif;
  font-size:15px!important;
  color: #243D56;
  font-style: normal;
  font-weight: 600  !important;
  text-transform: uppercase !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: #fff;
}

/* Прячем старые иконки */
.menu-item-notifications_button_small img.menu-item-icon,
.menu-item a img, .sub-icon img,
.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-profile a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/663731/sc/149/h/0412a665d091b7cecfd459653bf5d357.svg) !important; }

/* Профиль при наведениии */
 li.menu-item-profile a:hover:after,
 li.menu-item-profile.selected a::after, 
 li.menu-item-profile.active a::after{
content:url(https://fs.getcourse.ru/fileservice/file/download/a/663731/sc/207/h/dbd2ec2894ecbf93528de99335c27043.svg) !important; }



/* Уведомления */
li.menu-item-notifications_button_small a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/663731/sc/6/h/9405dbd83fbacfc3cae31cacd364afe6.svg) !important;}

/* Уведомления при наведениии */
 li.menu-item-notifications_button_small a:hover:after,
 li.menu-item-notifications_button_small.selected a::after, 
 li.menu-item-notifications_button_small.active a::after{
content:url(https://fs.getcourse.ru/fileservice/file/download/a/663731/sc/499/h/5f4119d1b97bd841141d2060520bf491.svg) !important; }

/* Увеличиваем высоту ячейки под иконку Уведомления */
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    height: 50px;
}



/* Сайт */
li.menu-item-cms a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/663731/sc/419/h/cbed5afa0c8bc87e7b33b2d505d91ad0.svg) !important; }

/* Сайт при наведениии */
 li.menu-item-cms a:hover:after,
 li.menu-item-cms.selected a::after, 
 li.menu-item-cms.active a::after{
content:url(https://fs.getcourse.ru/fileservice/file/download/a/663731/sc/115/h/af3c87fe5ee8e5a53722c63926059129.svg) !important; }


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

/* Обучение при наведениии */
 li.menu-item-teach a:hover:after,
 li.menu-item-teach.selected a::after, 
 li.menu-item-teach.active a::after{
content:url(https://fs.getcourse.ru/fileservice/file/download/a/663731/sc/152/h/aad19e4458e36fa43a353b0f9429f574.svg) !important; }



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

/* Пользователи при наведениии */
 li.menu-item-user a:hover:after,
 li.menu-item-user.selected a::after, 
 li.menu-item-user.active a::after{
content:url(https://fs.getcourse.ru/fileservice/file/download/a/663731/sc/262/h/0e4e7a580c96e99c379d81d8f1b5dcf0.svg) !important; }



/* Задачи */
li.menu-item-tasks a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/663731/sc/241/h/aaf61c5f01c2beb5877d3691ab378e27.svg) !important; }

/* Задачи при наведениии */
 li.menu-item-tasks a:hover:after,
 li.menu-item-tasks.selected a::after, 
 li.menu-item-tasks.active a::after{
content:url(https://fs.getcourse.ru/fileservice/file/download/a/663731/sc/334/h/d4b3afae7be4635af118e672165f0feb.svg) !important; }



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

/* Сообщения при наведениии */
 li.menu-item-notifications a:hover:after,
 li.menu-item-notifications.selected a::after, 
 li.menu-item-notifications.active a::after{
content:url(https://fs.getcourse.ru/fileservice/file/download/a/663731/sc/275/h/20e73b4ce3f437b044daa4fc35c2e80f.svg) !important; }



/* Продажи */
li.menu-item-sales a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/663731/sc/80/h/3b182a94964d7f7f868cc6d65620e982.svg) !important; }

/* Продажи при наведениии */
 li.menu-item-sales a:hover:after,
 li.menu-item-sales.selected a::after, 
 li.menu-item-sales.active a::after{
content:url(https://fs.getcourse.ru/fileservice/file/download/a/663731/sc/297/h/a1f4503fd44abceb68c3f97f27b38c67.svg) !important; }


/* Приложение */
li.menu-item-chatium a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/663731/sc/169/h/6e9c4d6628948b2b93a06ac2a18f9f98.svg) !important; }

/* Приложение при наведениии */
 li.menu-item-chatium a:hover:after,
 li.menu-item-chatium.selected a::after, 
 li.menu-item-chatium.active a::after{
content:url(https://fs.getcourse.ru/fileservice/file/download/a/663731/sc/265/h/d66c1bfee8915589c53ee1dd9973d40d.svg) !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: linear-gradient(180deg, #EEE0D3 0%, #EEE0D3 100%);
}


.gc-account-user-menu li a,
.gc-account-user-menu li.active a, 
.gc-account-user-menu li.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 */
.gc-account-user-menu li a{
  min-height: 70px;
}

/*.gc-account-leftbar li:not(.menu-item-profile):not(.menu-item-notifications_button_small) .notify-count*/ 
.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: #243D56 !important;
}

.gc-account-leftbar .gc-account-user-menu li a {
    font-size: 10px !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: 5px -10px 0; 
  color: white;
  font-weight:500;
  /* 
  Если вы заменяете иконки через фон ссылки, 
  а не через :after, то используйте эти свойства: */
  /*
  position: absolute;
  bottom: 8px; 
  left: 0; 
  */
}

.gc-account-user-menu li.menu-item-profile a:before {
  content: "Профиль";
}

.gc-account-user-menu li.menu-item-notifications_button_small a:before {
  content: "Уведомления";
}

.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: "CRM";
}
.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: "APPS";
}


/* Вид (фон) ячейки по умолчанию */
.gc-account-leftbar .gc-account-user-menu li a {
  background: linear-gradient(180deg, #243D56 0%, #0F1E2F 100%);
  transition: all .15s;
  position: relative;
  border-radius: 10px;
  width: 70px;
  height: 70px;
  margin-bottom: 5px;
}

/* Вид (фон) ячейки при наведениии */
.gc-account-leftbar .gc-account-user-menu li a:hover {
  background: linear-gradient(180deg, #EEE0D3 0%, #DEC5AE 100%);
  box-shadow: 0 5px 15px rgb(77 100 158 / 20%);
}

/* Меняем ширину меню */
.gc-account-leftbar {
    width: 75px;
      left: 6px;
}

/* Отодвигаем подменю */
.gc-account-leftbar .gc-account-user-submenu-bar {
    left: 76px;
}

/* Отодвигаем индикатор на Сообщениях */
.gc-account-leftbar .notify-count,
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count{
  right: 6px;
  bottom: unset;
  top: 40%;
}

/* Отодвигаем Профиль сверху */
.gc-account-leftbar .gc-account-user-menu {
  margin-top: 5px
}


/* цвет текста разделов подменю при наведении */
html .gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: transparent;
    color: #243D56;
    z-index: 99;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a{
  position: relative;
}

/* псевдоэлемент (яркая заливка в движении слева направо) - опишем элемент */
html .gc-account-user-submenu-bar .gc-account-user-submenu li::after {
    content: '';
    width: 0%;
    height: 100%;
    position: absolute;
    background: #DEC5AE;
    top:0;
    left:0;
    z-index: 0;
    transition: all .5s;
  border-top-right-radius:6px;
  border-bottom-right-radius:6px;
}

/* задаем фон псевдоэлементом (яркая заливка в движении слева направо) 
для разделов подменю при наведении */
html .gc-account-user-submenu-bar .gc-account-user-submenu li:hover::after {
    width: 100%;
}

li.menu-item.new-chatium-icon {
    display: none;
}


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