/* боковая панель меню-начало @laro4kafr */
.gc-account-leftbar {
   width: 100px;
}
.gc-account-leftbar .gc-account-user-menu li a {
  background:inherit;
}

.gc-account-leftbar .gc-account-user-menu li {
  border-bottom: none;
  padding: 0 5px;
}


/* Единый цвет */
.gc-account-leftbar,
.gc-account-leftbar.expanded .toggle-link {
background: #EEEEEE;
}

/* Цвет фона под иконками */

.gc-account-leftbar .gc-account-user-menu li:not(.menu-item-profile).active a, 
.gc-account-leftbar .gc-account-user-menu li:not(.menu-item-profile) a:hover, 
.gc-account-leftbar .gc-account-user-menu li:not(.menu-item-profile).selected a {
    background: #ffffff;
    border-radius: 10px;
}

.gc-account-leftbar .gc-account-user-menu li a {
     margin-top: 0px!important;
    position: relative;
    background: transparent;
    z-index: 10;
}

.gc-account-leftbar .sub-icon {
    position: absolute;
    bottom: 13px;
    left: 0;
    width: 100%;
}

.menu-item-profile .menu-item-icon {
    position: relative;
    top: 2px;
    width: 60px;
    border-radius: 100px;
}
.gc-account-leftbar .gc-account-user-menu li a:hover,
.gc-account-leftbar .gc-account-user-menu li a:focus{
        background-color: transparent;
        outline: none;
}

/*сдвинула весь ряд иконок вниз*/
li.menu-item {
 top:5px;
}

.menu-item.menu-item-marathon,
.menu-item-notifications_button_small img.menu-item-icon,
.menu-item-cms img.menu-item-icon,
.menu-item-teach img.menu-item-icon,
.menu-item-user img.menu-item-icon,
.menu-item-tasks 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-notifications_button_small a:after { 
content:url(https://fs16.getcourse.ru/fileservice/file/download/a/347658/sc/183/h/ffb11c241de1835592723c741bb5dde2.svg) !important;
  }

/* Сайт */
li.menu-item-cms a:after { 
content:url(https://fs23.getcourse.ru/fileservice/file/download/a/347658/sc/283/h/683a13ef2a99bbd2ac6fa3e5ac031498.svg) !important; }

/* Обучение */
li.menu-item-teach a:after { 
content:url(https://fs01.getcourse.ru/fileservice/file/download/a/347658/sc/269/h/98f8898be1c6735b280ee9bfeb0b1f86.svg) !important; }

/* Пользователи */
.gc-account-user-menu li.menu-item-user a:after { 
content:url(https://fs22.getcourse.ru/fileservice/file/download/a/347658/sc/240/h/6ef6cb6dda401f1c67ed281066e0c773.svg) !important; }

/* Задачи */
li.menu-item-tasks a:after { 
content:url(https://fs02.getcourse.ru/fileservice/file/download/a/347658/sc/205/h/7352ab5482ca73efff3b9455f7fe5062.svg) !important; }

/* Сообщения */
.gc-account-user-menu  li.menu-item-notifications a:after { 
    content:url(https://fs16.getcourse.ru/fileservice/file/download/a/347658/sc/272/h/3cebac8eff47238e28f845d8b636896d.svg) !important; }

/* Покупки */
li.menu-item-sales a:after { content:url(https://fs17.getcourse.ru/fileservice/file/download/a/347658/sc/220/h/804c2fc777e045a8c78eed6e65ce9438.svg) !important; }

/* Чатиум */
li.menu-item-chatium a:after { content:url(https://fs21.getcourse.ru/fileservice/file/download/a/347658/sc/471/h/879bb410e81226486c66232959e032bc.svg)!important; }

/* Профиль - подмена иконки */
.menu-item-profile .menu-item-icon[src="/public/img/default_profile_50.png"] {
    content: url("https://fs23.getcourse.ru/fileservice/file/download/a/347658/sc/104/h/bcf36725ccf8c6631c529b2e46665215.png");
}

/*Подписи*/

.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;
  width: 100%;
}

.gc-account-user-menu li:not(.menu-item-profile).menu-item-notifications_button_small 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;
  width: 100%;
  min-height: 70px;
}


.gc-account-user-menu li.menu-item-profile 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;
    width: 100%;
    min-height: 70px;
}
.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 {
  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: 5px -10px 0; 
  color: var(--black);
  /* 
  Если вы заменяете иконки через фон ссылки, 
  а не через :after, то используйте эти свойства: */
  /*
  position: absolute;
  bottom: 8px; 
  left: 0; 
  */
}
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: "Задачи";
}
.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 {
  content: "Приложение";
}

/*подменю*/
.gc-account-leftbar .gc-account-user-submenu-bar {
    position: absolute;
    top: 0;
    left: 100px;
    width: 200px;
    height: 100%;
    background: #f6f6f6;
}

/*заголовок подменю*/
.gc-account-user-submenu-bar h3 {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 600;
  font-size: 21px;
  padding-right: 10px;
  margin-top: 20px;
  padding-left: 20px;
  margin-bottom: 0px;
  line-height: 49px;
  text-transform: uppercase;
  color: var(--black);
}
/*пункты подменю*/
.gc-account-user-submenu-bar .gc-account-user-submenu li {
    list-style: none;
    margin: 0;
    padding: 6px 0px;
    position: relative;
    }

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
  
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: var(--black);
    width:170px;
    display: block;
    padding-left: 20px;
    text-transform: inherit;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
    padding-right: 10px;
    }

.gc-account-user-submenu-bar .gc-account-user-submenu li a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0%;
    height: 65%;
    background: var(--green);
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover::before, .gc-account-user-submenu-bar .gc-account-user-submenu li a:focus::before {
    width: 3px;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover, 
.gc-account-user-submenu-bar .gc-account-user-submenu li a:focus {
    padding-left: 23px;
    font-weight: 400;
    color: var(--green);
    background: var(--white);
    width:100%;
}

/* иконка связи */
.talks-widget-button {
  background: var(--black)!important;
    border:1px solid #ffffff!important;
   }

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

/* боковая панель меню-конец @laro4kafr */