@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

/* Фон */
.gc-account-leftbar , 
.gc-account-leftbar .toggle-link ,
.gc-page-nav-items-menu a,
.gc-account-leftbar .gc-account-user-menu
{
    background: #E64491;;
}

.menu-item.menu-item-marathon {
    display: none;
}
.gc-account-leftbar .gc-account-user-menu li {
    border-bottom: none;
    margin: 10px;
}
.gc-account-leftbar .gc-account-user-menu li a {
    width: 50px;
    height: 50px;
    border-radius: 0px;
    background: #FDFBF4;
    border-radius: 0px;
    transition: .2s ease-in-out;
    border: 2px solid #FDFBF4;
}

.gc-account-leftbar .gc-account-user-menu li:first-child{
    margin-top: 30px;
    margin-bottom: 20px;
}

.gc-account-leftbar .gc-account-user-menu li:first-child a, .gc-account-leftbar li:first-child a img {
    border-radius: 15%;  
}

.gc-account-leftbar .gc-account-user-menu li:first-child a
{
    border: 2px solid #F19DC1;
}
.gc-account-leftbar .gc-account-user-menu li.active a, .gc-account-leftbar .gc-account-user-menu li.selected a,
.gc-account-leftbar .gc-account-user-menu li a:hover {
    background-color: #FDFBF4;
    border: 2px solid #F19DC1;
}
.gc-account-leftbar li:not(:first-child) a img, .gc-account-leftbar .menu-item-label{
    display: none;
}
.gc-account-leftbar li:not(:first-child) a
{
    position: relative;
}

.gc-account-leftbar li:not(:first-child) a:before{
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.gc-account-leftbar .gc-account-user-menu li:hover a:before{
    transition: .5s ease-in-out;
}

/* Уведомления */

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    height: 50px;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:before{
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/689050/sc/192/h/fa7e7769ce97beaae5711123111e381b.svg) 50% 50%/contain no-repeat;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small:hover a:before,
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small.selected:hover a:before,
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small.active:hover a:before{
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/689050/sc/192/h/fa7e7769ce97beaae5711123111e381b.svg) 50% 50%/contain no-repeat;
}


/* Сайт */
.gc-account-leftbar .gc-account-user-menu li.menu-item-cms a:before{
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/689050/sc/456/h/92461c7442b65d3a95b393b26c600241.svg) 50% 50%/contain no-repeat;
}


.gc-account-leftbar .gc-account-user-menu li.menu-item-cms:hover a:before,
.gc-account-leftbar .gc-account-user-menu li.menu-item-cms.active:hover a:before,
.gc-account-leftbar .gc-account-user-menu li.menu-item-cms.selected:hover a:before{
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/689050/sc/456/h/92461c7442b65d3a95b393b26c600241.svg) 50% 50%/contain no-repeat;
}

/* Обучение */
.gc-account-leftbar .gc-account-user-menu li.menu-item-teach a:before{
    background: url('https://fs.getcourse.ru/fileservice/file/download/a/689050/sc/41/h/dc6630eaa29982f685975966656e55f5.svg') 50% 50%/contain no-repeat;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-teach:hover a:before,
.gc-account-leftbar .gc-account-user-menu li.menu-item-teach.active:hover a:before,
.gc-account-leftbar .gc-account-user-menu li.menu-item-teach.selected:hover a:before{
    background: url('https://fs.getcourse.ru/fileservice/file/download/a/689050/sc/41/h/dc6630eaa29982f685975966656e55f5.svg') 50% 50%/contain no-repeat;
}

/* Ученики */
.gc-account-leftbar .gc-account-user-menu li.menu-item-user a:before{
    background: url('https://fs.getcourse.ru/fileservice/file/download/a/689050/sc/268/h/2887c01cadd5ddbc0c595240ba51b3b5.svg') 50% 50%/contain no-repeat;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-user:hover a:before,
.gc-account-leftbar .gc-account-user-menu li.menu-item-user.active:hover a:before,
.gc-account-leftbar .gc-account-user-menu li.menu-item-user.selected:hover a:before{
    background: url('https://fs.getcourse.ru/fileservice/file/download/a/689050/sc/268/h/2887c01cadd5ddbc0c595240ba51b3b5.svg') 50% 50%/contain no-repeat;
}

/* Задачи */
.gc-account-leftbar .gc-account-user-menu li.menu-item-tasks a:before{
    background: url('https://fs.getcourse.ru/fileservice/file/download/a/689050/sc/319/h/122ae148d2d0dac46de519bc24ec3ef2.svg') 50% 50%/contain no-repeat;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-tasks:hover a:before,
.gc-account-leftbar .gc-account-user-menu li.menu-item-tasks.active:hover a:before,
.gc-account-leftbar .gc-account-user-menu li.menu-item-tasks.selected:hover a:before{
    background: url('https://fs.getcourse.ru/fileservice/file/download/a/689050/sc/319/h/122ae148d2d0dac46de519bc24ec3ef2.svg') 50% 50%/contain no-repeat;
}


/* Сообщения */
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications a:before{
    background: url('https://fs.getcourse.ru/fileservice/file/download/a/689050/sc/159/h/4d725f5a3da7002d307a00a4c0ea0f09.svg') 50% 50%/contain no-repeat;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications:hover a:before,
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications.active:hover a:before,
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications.selected:hover a:before{
    background: url('https://fs.getcourse.ru/fileservice/file/download/a/689050/sc/159/h/4d725f5a3da7002d307a00a4c0ea0f09.svg') 50% 50%/contain no-repeat;
}

/* Продажи */
.gc-account-leftbar .gc-account-user-menu li.menu-item-sales a:before{
    background: url('https://fs.getcourse.ru/fileservice/file/download/a/689050/sc/95/h/932622b88fb3892b216bf6cc911a173a.svg') 50% 50%/contain no-repeat;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-sales:hover a:before,
.gc-account-leftbar .gc-account-user-menu li.menu-item-sales.active:hover a:before,
.gc-account-leftbar .gc-account-user-menu li.menu-item-sales.selected:hover a:before{
    background: url('https://fs.getcourse.ru/fileservice/file/download/a/689050/sc/95/h/932622b88fb3892b216bf6cc911a173a.svg') 50% 50%/contain no-repeat;
}

/* Приложение */
.gc-account-leftbar .gc-account-user-menu li.menu-item-chatium a:before{
    background: url('https://fs.getcourse.ru/fileservice/file/download/a/689050/sc/123/h/64835261d3977c1543d72a8cc98dfdf9.svg') 50% 50%/contain no-repeat;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-chatium:hover a:before,
.gc-account-leftbar .gc-account-user-menu li.menu-item-chatium.active:hover a:before,
.gc-account-leftbar .gc-account-user-menu li.menu-item-chatium.selected:hover a:before{
    background: url('https://fs.getcourse.ru/fileservice/file/download/a/689050/sc/123/h/64835261d3977c1543d72a8cc98dfdf9.svg') 50% 50%/contain no-repeat;
}



/*Notifications */
.gc-account-leftbar .notify-count {    
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 17px;
    color: #030303;
    right: -10px!important;
    top: 50%!important;
    bottom: auto!important; 
    padding: 2px 0 0 0!important;
    background: #fff!important;
    left: auto!important;
    border: 1px solid #E64491;
    width: 22px;
}

.gc-account-leftbar .gc-account-user-submenu-bar .notify-count {
    right: 10px!important;
    top: auto!important;
    bottom: auto!important; 
}
/* Подменю */
.gc-account-leftbar .gc-account-user-submenu-bar {
    background: #FDFBF4;
    width: 230px;
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small {
    width: 340px;
}

.gc-account-user-submenu-bar h3 {
    font-family: "JetBrains Mono", sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 113.5%;
    color: #030303;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    font-family: 'JetBrains Mono', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 115%;
    color: #000000;
    text-transform: none;
    padding: 13px 10px 13px 20px;
    transition: .3s ease-in-out;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: #FFFFFF;
    border-radius: 10px;
}

@media (max-width: 768px){
    .gc-account-user-submenu-bar .gc-account-user-submenu-bar-notifications_button_small {
        width: auto;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link-wrapper {
        font-size:12px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group {
        font-size:0.8em;
    }
}