/* Меняем цвет панели */
.gc-account-leftbar,
.gc-account-leftbar .gc-account-user-menu li a,
.gc-account-leftbar .gc-account-user-menu,
.gc-account-leftbar .toggle-link,
.gc-page-nav-items-menu a,
.gc-account-leftbar.expanded .toggle-link 
{
  background-color: #121212;
}
/* Граница панели*/
.gc-account-leftbar,
.gc-account-leftbar .gc-account-user-submenu-bar,
.gc-account-user-menu,
.gc-account-leftbar .gc-account-user-menu li:first-child a {
  border-radius: 0;
}
.gc-account-leftbar .gc-account-user-menu li a {transition: .3s linear;}
.gc-account-leftbar .gc-account-user-menu li:first-child a {
  border-radius: 0 17px 0 0;
}
.gc-account-leftbar .gc-account-user-menu li:not(:first-child) a {
}
/* Меняем цвет меню и пунктов на панели */
.gc-account-leftbar .gc-account-user-menu li a:hover,
.gc-account-leftbar .gc-account-user-menu li.selected:hover a
{
  background-color: #121212;  
}
.gc-account-leftbar .gc-account-user-menu li.active a, 
.gc-account-leftbar .gc-account-user-menu li.selected a {
  background:#EDEDED;
  border-radius: 20px 0px 0px 20px;
}
.gc-account-leftbar .gc-account-user-submenu-bar {
	background: #E5E5E5;
}
.gc-account-leftbar .gc-account-user-menu li.active:first-child a, 
.gc-account-leftbar .gc-account-user-menu li.selected:first-child  a {
  border-radius: 50%;
}

.gc-account-leftbar .gc-account-user-menu li.active,
.gc-account-leftbar .gc-account-user-menu li.selected {
  padding-left: 10px;
}
/**** Иконки на панели *****/

/* Скрывает стандартные иконки, кроме первого пункта */
.gc-account-leftbar .gc-account-user-menu li:not(:first-child) a img {
  display: none;
  position: relative;
  z-index: 1;
}

/* Убираем нижнюю границу у пунктов */
.gc-account-leftbar .gc-account-user-menu li {
  border-bottom: none;
}
/* Добавляем свои иконки */

.gc-account-leftbar .gc-account-user-menu li:not(:first-child) a:after {
  content: '';
  position: absolute;
  -webkit-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
}
/* Добавляем надписи пунктам меню */
.gc-account-leftbar .gc-account-user-menu li:not(:first-child) a:before {
  position: absolute;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  left: 12px;
  bottom: 12px;
  /* transform:translate(-50%); */
  -webkit-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  z-index: 2;
  /* color: var(--white); */
  background: #2D2D2D;
  border-radius: 50%;
}
.gc-account-leftbar .gc-account-user-menu li:not(:first-child) a:hover:before {
  background: #8A8370;
}
.gc-account-leftbar .gc-account-user-menu li:not(:first-child):hover a:before,
.gc-account-leftbar .gc-account-user-menu li.active a:before, 
.gc-account-leftbar .gc-account-user-menu li.selected a:before {
  color: var(--white);
}
.gc-account-leftbar .gc-account-user-menu li a:after {
  z-index: 4 !important;
}
/* Уведомления */
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
  height: 70px;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:after {
  z-index: 4 !important;
  width: 22px;
  height: 24px;
  right: calc(50% - 11px);
  top: calc(50% - 12px);
  background: url('https://fs.getcourse.ru/fileservice/file/download/a/18503/sc/138/h/62f092723c56dee5c9a21438f00d1af3.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:hover:after,
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-notifications_button_small a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-notifications_button_small a:after {
  /* background: url('') no-repeat 50% 50%/contain; */
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:before {content: '';}

/*Сайт*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-cms a:after {
  width: 24px;
  height: 24px;
  right: calc(50% - 12px);
  top: calc(50% - 12px);
  background: url('https://fs.getcourse.ru/fileservice/file/download/a/18503/sc/226/h/b1a4be083e1bda32e2ec756751271fa7.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-cms:hover a:after,
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-cms a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-cms a:after {
 /*  background: url('') no-repeat 50% 50%/contain; */
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-cms a:before {
  content: '';
}
/*Обучение*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-teach a:after {
  width: 29px;
  height: 17px;
  right: calc(50% - 14.5px);
  top: calc(50% - 8.5px);
  background: url('https://fs.getcourse.ru/fileservice/file/download/a/18503/sc/490/h/4064a26800bc9d545d7c133a01061e80.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-teach:hover a:after,
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-teach a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-teach a:after {
  /* background: url('') no-repeat 50% 50%/contain; */
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-teach a:before {content: '';}
/*Пользователи*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-user a:after {
  width: 24px;
  height: 24px;
  right: calc(50% - 12px);
  top: calc(50% - 12px);
  background: url('https://fs.getcourse.ru/fileservice/file/download/a/18503/sc/233/h/6e5160f5cd5ad3805fc13c15db5f3d71.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-user:hover a:after,
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-user a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-user a:after {
 /*  background: url('') no-repeat 50% 50%/contain; */
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-user a:before {content: '';}
/*Задачи*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-tasks a:after {
  width: 24px;
  height: 24px;
  right: calc(50% - 12px);
  top: calc(50% - 12px);
  background: url('https://fs.getcourse.ru/fileservice/file/download/a/18503/sc/196/h/326ccc2fd3a41d1390a3eea58d595977.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-tasks:hover a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-tasks a:after,
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-tasks a:after {
  /* background: url('') no-repeat 50% 50%/contain; */
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-tasks a:before {
  content: '';
}
/*Сообщения*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications a:after {
  width: 24px;
  height: 24px;
  right: calc(50% - 12px);
  top: calc(50% - 12px);
  background: url('https://fs.getcourse.ru/fileservice/file/download/a/18503/sc/494/h/f379842bd583e6d28d83539d24744852.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications:hover a:after,
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-notifications a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-notifications a:after {
  /* background: url('') no-repeat 50% 50%/contain; */
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications a:before {content: '';}
/*Продажи*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-sales a:after {
  width: 24px;
  height: 24px;
  right: calc(50% - 12px);
  top: calc(50% - 12px);
  background: url('https://fs.getcourse.ru/fileservice/file/download/a/18503/sc/149/h/fb3559002e33644b346d63cfd86cd66b.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-sales:hover a:after,
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-sales a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-sales a:after {
  /* background: url('') no-repeat 50% 50%/contain; */
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-sales a:before {content: '';}
/*Чатиум*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-chatium a:after {
  width: 16px;
  height: 22px;
  right: calc(50% - 8px);
  top: calc(50% - 11px);
  background: url('https://fs.getcourse.ru/fileservice/file/download/a/18503/sc/107/h/f4f7a68b2443040daff455b97295f047.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-chatium:hover a:after,
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-chatium a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-chatium a:after {
 /*  background: url('') no-repeat 50% 50%/contain; */
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-chatium a:before {content: '';}
.gc-account-leftbar .qr-link {display: none;}
/* Стилизуем уведомления */
.gc-account-leftbar .notify-count {
  /*background:none !important;*/
  background: #FFBE41 !important;
  z-index: 2;
  bottom: 45px;
  right: 5px;
  /*color: var(--white);*/
  color: #402600;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 500;
  padding: 2px 4px;  
  border-radius: 8px;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count {
  width: fit-content;
  bottom: calc(50% + 14px);
  right: calc(50% - 27.5px);
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
  /* width: 55px; */
  width: fit-content;
  bottom: calc(50% + 12px);
  right: calc(50% - 34.5px);
}
.subitem-link .notify-count {
  bottom: 7px;
  right: 5px;
  width: fit-content;
}
.gc-account-user-submenu .notify-count {
  padding: 5px;
}

/* Задаем свой шрифт */
.gc-account-user-submenu-bar h3 {
  font-family: 'Montserrat', sans-serif;
  color: #31262C;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 36px;
}

.gc-account-user-submenu, 
.user-balance,
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .no-notifications-message {
  font-family: 'Montserrat', sans-serif;
  color: #402600;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
  color: #402600;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  text-transform: none;
  transition: .3s linear;
  
}
/* Добавляем стили для подменю при наведении */
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #FFF;
  transition: 0.5s all;
  background-color: transparent;
  background: #555555;
}