

/* Цвет фона */
.gc-account-leftbar,
.gc-account-leftbar.expanded,
.gc-account-leftbar .toggle-link,
.gc-page-nav-items-menu a.toggler-item,
.gc-account-leftbar .gc-account-user-menu{
  background: linear-gradient(137deg, #84AC76 0%, #425F2C 100%);
}

/* Делаем цвет ссылок прозрачным и стили к бордюрам иконок*/
.gc-account-leftbar .gc-account-user-menu li a {
  background: transparent;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background:background: rgb(246,249,251);
background: linear-gradient(90deg, rgba(246,249,251,1) 0%, rgba(251,248,246,1) 100%);
  transition: 0.2s ease-in-out;
}
.gc-account-leftbar .gc-account-user-menu li{
  border-bottom: none;
  margin: 10px;
}
.gc-account-leftbar .gc-account-user-menu li a:hover,
.gc-account-leftbar .gc-account-user-menu li.active a,
.gc-account-leftbar .gc-account-user-menu li.selected a{
  /*background: linear-gradient(137deg, #84AC76 0%, #425F2C 1%);*/
box-shadow: 0px 6px 36px 3px rgba(132,172,118, 0.28), inset 2px 4px 21px rgba(132,172,118, 0.8);
} 
/* Закругление иконки с фото */
.gc-account-leftbar .gc-account-user-menu li:first-child a {
  border-radius: 50%;
}
.gc-account-leftbar .gc-account-user-menu li:first-child a img{
  border-radius: 50%;
}
.gc-account-leftbar .gc-account-user-menu li:first-child{
  margin-top: 30px;
  margin-bottom: 30px;
}

/* Смена иконок */
/* Скрываем все иконки, кроме первой */
.gc-account-leftbar li:not(:first-child) a img{
  display:none;
}
/*Добавляем иконки через псевдоэлемент*/
.gc-account-leftbar li:not(:first-child) a{
  position: relative;
}
.gc-account-leftbar li:not(:first-child) a:before{
  content:'';
  position: absolute;
  width: 24px;
  height: 24px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
/*Уведомления*/
.gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-notifications_button_small a{
  height: 50px;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-notifications_button_small a:before{
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/664701/sc/253/h/a2ecd9c642177f950bc9458c9c0bce29.png) 50% 50%/contain no-repeat;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-notifications_button_small:hover a:before{
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/154966/sc/253/h/4772dfb37a73f00259bd69ca3499eecc.svg) 50% 50%/contain no-repeat;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}


/*Сайты*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-cms a:before{
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/664701/sc/156/h/fa40ddba64da281912e8868e1679e291.png) 50% 50%/contain no-repeat;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-cms:hover a:before{
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/154966/sc/51/h/f4a5706f6176bf71d387a36419dc1051.svg) 50% 50%/contain no-repeat;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

/*Обучение*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-teach a:before{
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/664701/sc/106/h/ae5a3163f99872926af7f722aab72164.png) 50% 50%/contain no-repeat;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-teach:hover a:before{
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/154966/sc/183/h/199fe3e9e498f90f55d22e742c8a97d5.svg) 50% 50%/contain no-repeat;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
/*Ученики*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-user a:before{
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/664701/sc/290/h/3b42aedb9daa79199f0087a6eb6332ec.png) 50% 50%/contain no-repeat;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-user:hover a:before{
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/154966/sc/37/h/a51ceb112ef2481d5291d4830768d023.svg) 50% 50%/contain no-repeat;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
/*Задачи*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-tasks a:before{
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/664701/sc/349/h/12ae5d9f35de5c9f46c6f8951ba3bce4.png) 50% 50%/contain no-repeat;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-tasks:hover a:before{
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/154966/sc/197/h/457dcccf3825250dc9f91c6f427134bc.svg) 50% 50%/contain no-repeat;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
/*Сообщения*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications a:before{
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/664701/sc/180/h/e3c1fbed2260461bd301e569811e4df2.png) 50% 50%/contain no-repeat;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications:hover a:before{
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/154966/sc/288/h/95a6dccbd1d3894a8643632d3ade15ae.svg) 50% 50%/contain no-repeat;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
/*Продажи*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-sales a:before{
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/664701/sc/72/h/331749c8a33c09b0ac20f51620c2b60f.svg) 50% 50%/contain no-repeat;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-sales:hover a:before{
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/664701/sc/423/h/2badf8ebadab2643e24594c33f5fab4d.svg) 50% 50%/contain no-repeat;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
/*Приложение*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-chatium a:before{
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/664701/sc/155/h/78cf0ee8770b1b7c1857607d5fe0d406.png) 50% 50%/contain no-repeat;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-chatium:hover a:before{
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/154966/sc/383/h/2ee9be21d44bfd9f3d9a1ad4945ecd00.svg) 50% 50%/contain no-repeat;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

/* Уведомления о количестве */
.gc-account-leftbar .notify-count{
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 17px;
  color: #474747;
  border: 1px solid #425f2c;
  background: linear-gradient(90deg, rgba(246,249,251,1) 0%, rgba(251,248,246,1) 100%) !Important;
  /* Прижимаем к правому углу */
  right: -9px !Important;
  top: -9px;
  bottom: auto !Important;
  padding: 3px;
}
/* Исключаем подменю*/
.gc-account-leftbar .gc-account-user-submenu-bar .notify-count{
  right: 10px !Important;
  top: auto;
  bottom: auto !Important;
}

/* Рaскрывающееся меню */
.gc-account-leftbar .gc-account-user-submenu-bar{
  background: linear-gradient(90deg, rgba(246,249,251,1) 0%, rgba(251,248,246,1) 100%);
  color: #84ac76;
}
/*Заголовок*/
.gc-account-leftbar .gc-account-user-submenu-bar h3{
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #425f2c;
  line-height: 113.5%;
}
/* Пункты подменю */
.gc-account-user-submenu-bar .gc-account-user-submenu li a{
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 17px;
  color: #474747;
  text-transform: none;
  /* Увеличиваем расстояние между элементами подменю*/
  padding: 13px 10px 13px 20px;
  transition: 0.3s ease-in-out;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li:hover a{
  background:linear-gradient(137deg, #84AC76 0%, #425F2C 100%);
  color:#fff;
}



/*Стилезация подменю уведомлений*/
/* Новые*/
.notification-group-link{
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #474747;
}
.notification-group.notification-click-area.notification-status-new:hover{
  background: linear-gradient(132.44deg, #FFFEDC -0.22%, #FAC07D 100.12%);
}
/* Открытые */
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed{
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #474747;
  background:linear-gradient(180deg, rgba(238, 235, 252, 1) 0%, rgba(217, 213, 250, 1) 100%) !Important;
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed:hover{
  background: linear-gradient(132.44deg, rgba(255, 254, 220, 0.6) -0.22%, rgba(250, 192, 125, 0.6) 100.12%) !Important;
}
/*Скругляем иконку */
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group img.user-profile-image {
  border-radius: 50%;
}
/*Шриты заголовка*/
a.all-notifications-header-link{
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.mark-viewed-all{
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size:8pt!Important;
}
/* Подменю профиля (меняем шрифты) */
.user-balance{
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  padding-top:10px; 
}
.user-balance b{ 
  font-family: 'Roboto', sans-serif;
  font-style: bold;
  font-weight: 700;
}
