:root {
  --bg:#030303;
    --color:#fff;
}
 
/*****Скрываем лишние элементы*****/
.gc-account-user-submenu-bar:not(.gc-account-user-submenu-bar-notifications_button_small), 
.gc-fade-wrapper,
.menu-item-chatium {
  display:none!important;
}

.menu-item:not(.menu-item-profile) > a img {
    display:none;
}

/*****Основное меню*****/
.new-chatium-icon .menu-item-icon {
  display:block!important;
  width: 23px;
   
  position:absolute;
  left:22px;
  top:19px;
}

.gc-account-leftbar {
  background:var(--bg)!important;
  transition:all .3s;
   font-family: "Roboto Mono", serif!important; 
}

.gc-account-leftbar:hover {
  width:250px;
   
}

.gc-account-leftbar li {
  width:inherit!important;
    
}

.gc-account-leftbar li.disclosed > a {
  background:#881122!important;
   
}

.gc-account-leftbar li.disclosed:not(.menu-item-notifications_button_small) .arrow {
  position:absolute;
  right:10px;
  top:59px;
  height:15px;
  width:0px;
  z-index:13;
  border:10px solid;
  border-color:#881122 #881122 transparent transparent;
  transform:rotate(135deg);
}

.gc-account-leftbar li > a {
  background:transparent!important;
  transition:all .3s;
}

.gc-account-leftbar:hover li > a:after {
  content:attr(title);
  position:absolute;
  color:var(--color);
  top:30px;
  left:75px;
}

.gc-account-leftbar:hover li.menu-item-notifications_button_small > a:after {
  content:'Уведомления';
  position:absolute;
  top:12px;
  left:75px;
}

.gc-account-leftbar:hover li a {
  width:250px;
}

/*****Счетчик уведомлений*****/
.menu-item-notifications_button_small .notify-count {
  background:#ffffff!important;
  position:absolute;
  bottom:0;
  left:20px!important;
}

.gc-account-leftbar .notify-count {
  background:#881122!important;
  position:absolute;
  bottom:10px;
  color:#ffffff;
  left:30px;
}

.disclosed .notify-count {
  background:var(--bg)!important;
}

/*****Вставляем свои иконки*****/
li.menu-item:not(.menu-item-profile) > a::before {
    content: '';
}

li.menu-item:not(.menu-item-profile) > a::before {
    width: 20px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center!important;
    display: block!important;
    transition: all 0.3s;
    margin-left: 15px
   }

li.menu-item-notifications_button_small a:before {
  height: 20px!important;
}

.menu-item-profile a img {
  border-radius:50%;
  margin:5px;
  width:45px;
    border:1px solid #ffffff
}

.gc-account-leftbar .menu-item-profile a img {
  position:absolute;
  top:2px;
  left:7px;
}

.menu-item-notifications_button_small > a::before {
    background-image: url('https://danilovschool.ru/pl/fileservice/user/file/download/h/6c21c33f6a1bee730f95ad9583ee5281.svg');
}

.menu-item.menu-item-cms > a::before {
    background-image: url('https://danilovschool.ru/pl/fileservice/user/file/download/h/9696dab5667385342d9245794294208e.svg');
}
.menu-item.menu-item-teach > a::before {
    background-image: url('https://danilovschool.ru/pl/fileservice/user/file/download/h/2f944bca7edc0b126ca97b9c7775b0b6.svg');
}
.menu-item.menu-item-user > a::before {
    background-image: url('https://danilovschool.ru/pl/fileservice/user/file/download/h/d8755773a29946a9000885fe2ca9450f.svg');
}
.menu-item.menu-item-tasks > a::before {
    background-image: url('https://danilovschool.ru/pl/fileservice/user/file/download/h/be7d674cc3c8c88823d88c676bcf72d0.svg');
}
.menu-item.menu-item-notifications > a::before {
    background-image: url('https://danilovschool.ru/pl/fileservice/user/file/download/h/d464a5034e0d51432ac1d265d435a3a5.svg');
}
.menu-item.menu-item-sales > a::before {
    background-image: url('https://danilovschool.ru/pl/fileservice/user/file/download/h/78d76b7f7eea22565338e86d16689a52.svg');
}
.menu-item.menu-item-chatium > a::before {
    background-image: url('');
}

/*****Подменю*****/
.gc-account-user-submenu-bar-notifications_button_small {
  transition:all .3s;
}

.gc-account-leftbar:hover .gc-account-user-submenu-bar-notifications_button_small {
  transform:translatex(180px);
}

.submenu {
  display:flex;
  flex-wrap:wrap;
}

.submenu-item {
  position:relative;
  background:var(--bg)!important;
}

.submenu a p {
  text-align:left;
  z-index:12;
    font-family: "Roboto Mono", serif!important; 
  color:var(--color);
  transform:translate(10px, 30px);
}


.menu-item-profile .submenu a p {
  transform:translate(20px, 30px);
}
.submenu a:hover p {
color:#ddbfc5;
}
.gc-account-leftbar:hover .submenu-item {
  width:250px!important;
}

/*****Адаптация*****/
@media(max-width:769px) {
  .gc-account-user-menu {
    width:100%!important;
  }
  
  .gc-account-leftbar:not(.expanded):hover {
  width:100%;
  }
  
  .toggle-link, .toggler-item, .gc-account-user-menu {
    background:var(--bg)!important;
  }
}

.menu-item-marathon > a {
    Display:none!important;
}