:root {
 --color-fon-main: #282828;
 --color-dark: #161616;
 --color-white: #ffff;
 --color-accent: #E366D2;
 --color-grey: #D9D9D9;
 --font-family: 'Lato', sans-serif!important;
 --font-header: 'Impact', serif; 
}

/*Заливка фона*/
.gc-account-leftbar,
.gc-account-leftbar .gc-account-user-menu, .gc-account-leftbar.expanded,
.gc-account-leftbar .toggle-link {
  background: var(--color-fon-main) !important;
}

.gc-account-leftbar .gc-account-user-menu li a {
  border-radius: 6px;
background: var(--color-dark)!important; 
  border-radius: 6px;
  width: 58px!important; 
  height: 60px!important; 
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
.gc-account-leftbar .gc-account-user-menu li:not(.menu-item-profile) {
    border-radius: 6px;
    margin: 6px;
    width: 58px!important;
    height: 60px!important; 
}
.custom-menu .gc-account-leftbar .menu-item:not(.menu-item-profile) a img {
    max-height: 24px!important;
}

/*Стилизация профиля*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile {
  margin: 16px 5px;
  border-bottom: none;
  width: 60px!important;
  height: 60px!important;
  background: var(--color-dark);
  border-radius: 50%!important;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
  border-radius: 50%!important;
  border: 1px solid var(--color-accent)!important;
  width: 60px!important;
  height: 60px!important;
}
.gc-account-leftbar li:first-child a img {
  border-radius: 50%;
}

/*Стили при наведении на пункты меню*/
.gc-account-leftbar .gc-account-user-menu li a:hover, .gc-account-leftbar .gc-account-user-menu li.selected a,
.gc-account-leftbar .gc-account-user-menu li.active a
{
  background: var(--color-accent)!important;
}

/*Подключаем свою иконку Оповещения*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a img {
  display: block!important;
  margin:0 auto;
  top: 0!important;
}

/*Подписи*/
.gc-account-leftbar .menu-item-label {
  font-family: var(--font-family)!important;  
  font-size: 8px!important; 
  font-weight: 600;
  line-height: normal;
  color: var(--color-white)!important;
  margin-top: 2px!important;
}

/*Уведомления*/
.gc-account-leftbar .notify-count {
  font-family: var(--font-family)!important; 
  font-size: 10px;
  color: var(--color-white)!important;
   background: var(--color-accent)!important;
  padding: 3px;
  width: 22px;
  right: 10px!important;
  top: 25px!important;
  bottom: auto!important;
}
.gc-account-user-submenu-bar .gc-account-user-submenu .notify-count {
  right: 15px!important;
  top: auto!important;
  bottom: auto!important;
  background: var(--color-accent)!important;
  color: var(--color-white)!important;
}
.gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
  top: 30px!important;
}

/*Подменю*/
.gc-account-leftbar .gc-account-user-submenu-bar {
 background: var(--color-fon-main)!important;
  color: var(--color-white)!important;
}  
.gc-account-user-submenu-bar h3 {
  font-family: var(--font-header)!important; 
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: normal;
  letter-spacing: 1px;
  color: var(--color-gold)!important;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
  font-family: var(--font-family)!important; 
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--color-white)!important;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: var(--color-accent)!important;
    font-weight: 500;
    color: var(--color-white)!important;
    z-index: 1;
    text-decoration: none;
}

/*Меню-бургер*/
.gc-account-leftbar>a.toggle-link.without-icon>img {  
content:url('https://fs.getcourse.ru/fileservice/file/download/a/865435/sc/31/h/2a2b2539636c4532251fbd90b0124ae9.svg');
}