/* Стили для боковой панели Getcourse */

@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* Скрыть значки марафона и уведомлений */
.menu-item-marathon, .topNotitication-notice, .gc-account-leftbar .menu-item-label {
    display: none;
}

/* Установить цвет фона для меню */
.gc-account-leftbar, .gc-account-leftbar .gc-account-user-menu, .gc-account-leftbar .toggle-link, .gc-page-nav-items-menu a {
    background: #252525;
    width: 70px;
    opacity:100%;


}

.menu-item {
   margin-left:5px!important;
}

/*Закругление аватарки*/

.gc-account-leftbar a img {
    max-width: 100%;
    border-radius: 7px;
}

/*Тень меню и сабменю*/
.gc-account-leftbar .gc-account-user-submenu-bar {
    box-shadow: 5px 0px 15px 0px  #313131;
}

.gc-account-leftbar {
    box-shadow: 2px 0px 15px 0px  #313131;
}

/*Уведомления*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count {
    background: #d3bb86;
    opacity:90%;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
    bottom: 10px;
    right: 2px;
}

.gc-account-leftbar .notify-count {
    bottom: 10px;
    right: 2px;
    padding: 2px;
    opacity:90%;
    background: #d3bb86;
}

.user-balance {
    color:#ffffff;
    font-family: 'Montserrat Alternates'!important;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .header {
    color: #ffffff;
    font-family: 'Montserrat Alternates'!important;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link {
    color: #ffffff;
    font-family: 'Montserrat Alternates'!important;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link {
    color:#ffffff;
    font-family: 'Montserrat Alternates'!important;
}

/* Стили для меню кнопок */
.gc-account-leftbar .gc-account-user-menu li a {
    width: 59px;
    height: 59px;
    border-radius: 10px;
    border: 1px solid #eed8a7;
    transition: background-color 0.3s, border 0.3s;
    background: transparent;
    padding: 0;

}

/* Стили для наведения курсора на кнопки */
.gc-account-leftbar .gc-account-user-menu li:not(.active):not(.selected) a:hover {
    background: linear-gradient(180deg, #d3bb8621 15%, #d3bb8661 100%)!important;
    border-radius: 10px;
}

/* Скрыть все иконки */
.menu-item-notifications_button_small img.menu-item-icon,
.menu-item-cms img.menu-item-icon,
.menu-item-user img.menu-item-icon,
.menu-item-tasks img.menu-item-icon,
.menu-item-teach 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;
}

/* Удалить разделители между кнопками */
.gc-account-leftbar .gc-account-user-menu li {
    border-bottom: 0;
    margin-top: 10px;


}

/* Стили для виджета в мобильной версии */
/*.talks-widget-button {
    background: #74C0FC;
    transition: background-color 0.3s;
}

.talks-widget-button:hover {
    background-color: #4a9ef0;
}*/

/* Заменить изображение для меню */
li.menu-item.menu-item-cms a:after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/628956/sc/79/h/3192d92887b4092859a8ed949fa4b67a.png");
}

li.menu-item.menu-item-teach a:after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/628956/sc/423/h/6703babec48c3ef377acce7430deb2cb.png");
}

li.menu-item.menu-item-user a:after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/628956/sc/381/h/3f214bc6e875b2b813ecbd2ec9cbb93c.png");
}

li.menu-item.menu-item-tasks a:after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/628956/sc/295/h/c41a5ee45faa40086e6ab94f3389f3ef.png");
}

li.menu-item.menu-item-notifications a:after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/628956/sc/345/h/a92df4098f63c2db132bebfb67c68bf7.png");
}

li.menu-item.menu-item-sales a:after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/628956/sc/262/h/714b337dfa9c252765fd9366fbe9ea9b.png");
}

/*li.menu-item.menu-item-chatium a:after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/628956/sc/142/h/0426092fda0cc97710f71d1a38854ede.png");
}*/

li.menu-item.menu-item-chatium {
  display:none!important;
}

li.menu-item.menu-item-notifications_button_small a:after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/628956/sc/342/h/cd46725d01fcaf646037bffb9d86abb8.png");
}

/* Стили для активного и выделенного состояния кнопок */
.gc-account-leftbar .gc-account-user-menu li.active a {
    background: transparent!important;
 
    
}

.gc-account-leftbar .gc-account-user-menu li.selected a {
    background: linear-gradient(180deg, #d3bb8621 15%, #d3bb8661 100%)!important;
    
}


/* Цвет текста выпадающего меню */
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    color: #D3D3D3;
    text-transform: none;
    font-weight: normal;
    font-family: 'Montserrat Alternates'!important;
    transition: all 0.5s;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    color: #fff!important;
}

/* Стили для заголовка в подменю */
.gc-account-user-submenu-bar h3 {
    background-image: linear-gradient(180deg, #FFEEC7 15%, #ECD192 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Montserrat Alternates'!important;
}



/* Стили при наведении курсора на элементы подменю */
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: #d3bb86!important;
  
    color: #171754;
    font-weight: bold;
      transform: translateX(20px);
}

/* Стили для фона подменю */
.gc-account-leftbar .gc-account-user-submenu-bar {
    background: #252526;
    height: 100%;
    width: 220px;
    margin-left: -10px;
}

/*Уведомление*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    height: 59px;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed {
    background-color: #252526;
    color: #f0f0f0;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .date {
    bottom: 80%;
    color: #f0f0f0;
    
}