/* Стили для боковой панели 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/616116/sc/193/h/91e7ccf9a179c11b6e0a6521dd6d9071.png");
}

li.menu-item.menu-item-teach a:after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/616116/sc/119/h/70f733b930994fc6fa79101d4ed8796b.png");
}

li.menu-item.menu-item-user a:after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/616116/sc/254/h/4fba56dd76aa7f86d982811e13dff145.png");
}

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

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

li.menu-item.menu-item-sales a:after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/616116/sc/158/h/4670f4c56b33163bee90c65ef7097ad9.png");
}

li.menu-item.menu-item-chatium a:after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/616116/sc/160/h/3dff67437f9d46eb1597f5b140b55b71.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;
  text-decoration: none!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;
    
}