/* Новая иконка поиск */
.gc-account-leftbar 
.gc-account-user-menu 
li.menu-item-search a {
    height: 30px !important;
    min-height: 30px !important;
   
    padding: 0 !important;
}

/* УВЕЛИЧИВАЕМ ВРЕМЯ ПЕРЕХОДА ТОЛЬКО ДЛЯ ФОНА */
.gc-account-leftbar .gc-account-user-menu li a {
    transition: background 0.5s ease !important;
}

/* Центрируем содержимое по вертикали */
.gc-account-leftbar 
.gc-account-user-menu 
li.menu-item-search a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
li.menu-item-search img.menu-item-icon {
    height: 20px !important;
    width: auto;
}
li.menu-item-search a:hover img.menu-item-icon {
    filter: brightness(0) saturate(100%) invert(27%) sepia(61%) saturate(606%)
            hue-rotate(202deg) brightness(91%) contrast(94%);
}

/* Прячем старые иконки */
.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 !important;
}

/* При наведении */
.gc-account-leftbar .gc-account-user-menu li a:hover {
    background: #FFF;
}

/* Фон */
.gc-account-leftbar, .gc-account-leftbar.expanded  {
    background: linear-gradient(180deg, #02D0FF 12.11%, #63E2FF 100%)!important;
}

/* Скругленная иконка пользователя */
.menu-item-profile img {
    border-radius: 100px;
    width: 52px!important;
    border: 2px solid #FFF;
    padding: 0px;
    background: #FFF;
    box-sizing: content-box;
}

/* Кружок Hover */
.menu-item-profile img:hover {
    border: 2px solid #FFF;
}

/* Иконка сублогин */
.menu-item-profile .sub-icon img{
    width: 30px!important;
    height: 30px;
}

/* Делает прозрачными места иконок + шрифт */
.gc-account-leftbar .gc-account-user-menu li a {
    background:inherit;
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-style: normal; 
    font-weight: 700;
    font-size: 11px;
}

/* Фон панели на мобильной версии   */
@media (max-width: 768px) {
    .gc-account-leftbar .gc-account-user-menu, .gc-account-leftbar .toggle-link {
        background: linear-gradient(180deg, #02D0FF 12.11%, #63E2FF 100%)!important;
        z-index: 0;
    }
    .gc-page-nav-items-menu a {
        background: linear-gradient(180deg, #02D0FF 12.11%, #63E2FF 100%)!important;
        font-size: 16px;
        font-family: "Raleway", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
    }
}

/*  подчеркивание между иконками*/ 
.gc-account-leftbar .gc-account-user-menu li {
    border-bottom: none;
}

/*убиваем глюк раздвоения иконки*/
a.subitem-link:after {display:none;}
a.subitem-link:before {display:none;}

/*1 Уведомления */
li.menu-item-notifications_button_small a:after { content:url(/fileservice/file/download/a/512456/sc/336/h/c00b85941edd19f328bb0fafbd9c48d3.svg) !important;}
li.menu-item-notifications_button_small a:hover:after { content:url(/fileservice/file/download/a/512456/sc/66/h/68d80046ca84f882677146ff07eac281.svg) !important;}
li.menu-item-notifications_button_small a:focus:after { content:url(/fileservice/file/download/a/512456/sc/66/h/68d80046ca84f882677146ff07eac281.svg) !important;}
li.menu-item-notifications_button_small.selected a:after { content:url(/fileservice/file/download/a/512456/sc/66/h/68d80046ca84f882677146ff07eac281.svg) !important; }

/*2 Сайт */
li.menu-item-cms a:after { content:url(/fileservice/file/download/a/512456/sc/341/h/e3afc6f714ce7711cab8b8eeb96617a1.svg) !important; }
li.menu-item-cms a:hover:after { content:url(/fileservice/file/download/a/512456/sc/4/h/40a4556787cd96ca65019736221e3c0f.svg) !important; }
li.menu-item-cms a:focus:after { content:url(/fileservice/file/download/a/512456/sc/4/h/40a4556787cd96ca65019736221e3c0f.svg) !important; }
li.menu-item.menu-item-cms.active a:after { content:url(/fileservice/file/download/a/512456/sc/4/h/40a4556787cd96ca65019736221e3c0f.svg) !important; }
li.menu-item.menu-item-cms.selected a:after { content:url(/fileservice/file/download/a/512456/sc/4/h/40a4556787cd96ca65019736221e3c0f.svg) !important; }

/*3 Ответы Куратора */
li.menu-item-kurator a:after { content:url(/fileservice/file/download/a/512456/sc/220/h/4fee3010a2644d14e7d7023cbc52bc5e.svg) !important; }
li.menu-item-kurator a:hover:after { content:url(/fileservice/file/download/a/512456/sc/255/h/11eb48df077fa68ec45d05d4ec4848f5.svg) !important; }
li.menu-item-kurator a:focus:after { content:url(/fileservice/file/download/a/512456/sc/255/h/11eb48df077fa68ec45d05d4ec4848f5.svg) !important; }
li.menu-item.menu-item-kurator.active a:after { content:url(/fileservice/file/download/a/512456/sc/255/h/11eb48df077fa68ec45d05d4ec4848f5.svg) !important; }
li.menu-item.menu-item-kurator.selected a:after { content:url(/fileservice/file/download/a/512456/sc/255/h/11eb48df077fa68ec45d05d4ec4848f5.svg) !important; }

/* Обучение - переименован в Главная*/
li.menu-item-teach a:after { content:url(/fileservice/file/download/a/512456/sc/97/h/38c833f4ad72b232ffe2551239a803e7.svg) !important; }
li.menu-item-teach a:hover:after { content:url(/fileservice/file/download/a/512456/sc/315/h/2c86acc628266899919fab7cd4cc8aff.svg) !important; }
li.menu-item-teach a:focus:after { content:url(/fileservice/file/download/a/512456/sc/315/h/2c86acc628266899919fab7cd4cc8aff.svg) !important; }
li.menu-item.menu-item-teach.active a:after { content:url(/fileservice/file/download/a/512456/sc/315/h/2c86acc628266899919fab7cd4cc8aff.svg) !important; }
li.menu-item.menu-item-teach.selected a:after { content:url(/fileservice/file/download/a/512456/sc/315/h/2c86acc628266899919fab7cd4cc8aff.svg) !important; }

/*5 Мои курсы - дополнителная иконка*/
li.menu-item-course a:after { content:url(/fileservice/file/download/a/512456/sc/249/h/e4cca9a7a574f5093c4b6fb336fc5708.svg) !important; }
li.menu-item-course a:hover:after { content:url(/fileservice/file/download/a/512456/sc/273/h/00e20bc0bc1f56408fe83b3f347acb8e.svg) !important; }
li.menu-item-course a:focus:after { content:url(/fileservice/file/download/a/512456/sc/273/h/00e20bc0bc1f56408fe83b3f347acb8e.svg) !important; }
li.menu-item.menu-item-course.active a:after { content:url(/fileservice/file/download/a/512456/sc/273/h/00e20bc0bc1f56408fe83b3f347acb8e.svg) !important; }
li.menu-item.menu-item-course.selected a:after { content:url(/fileservice/file/download/a/512456/sc/273/h/00e20bc0bc1f56408fe83b3f347acb8e.svg) !important; }

/*6 Пользователи */
li.menu-item.menu-item-user a:after { content:url(/fileservice/file/download/a/512456/sc/379/h/8774db34faa14cbe2f152765abeace5e.svg) !important; }
li.menu-item.menu-item-user a:hover:after { content:url(/fileservice/file/download/a/512456/sc/198/h/5a8e9f4aeaec90e8d75206140f8381a3.svg) !important; }
li.menu-item.menu-item-user a:focus:after { content:url(/fileservice/file/download/a/512456/sc/198/h/5a8e9f4aeaec90e8d75206140f8381a3.svg) !important; }
li.menu-item.menu-item-user.active a:after { content:url(/fileservice/file/download/a/512456/sc/198/h/5a8e9f4aeaec90e8d75206140f8381a3.svg) !important; }
li.menu-item.menu-item-user.selected a:after { content:url(/fileservice/file/download/a/512456/sc/198/h/5a8e9f4aeaec90e8d75206140f8381a3.svg) !important; }

/*7 Задачи */
li.menu-item-tasks a:after { content:url(/fileservice/file/download/a/512456/sc/185/h/2f0306a2715facd099e9dc0ad273e715.svg) !important; }
li.menu-item-tasks a:hover:after { content:url(/fileservice/file/download/a/512456/sc/389/h/9ac89b4cf2ecb78e40dcd046b919fbb0.svg) !important; }
li.menu-item-tasks a:focus:after { content:url(/fileservice/file/download/a/512456/sc/389/h/9ac89b4cf2ecb78e40dcd046b919fbb0.svg) !important; }
li.menu-item.menu-item-tasks.active a:after { content:url(/fileservice/file/download/a/512456/sc/389/h/9ac89b4cf2ecb78e40dcd046b919fbb0.svg) !important; }
li.menu-item.menu-item-tasks.selected a:after { content:url(/fileservice/file/download/a/512456/sc/389/h/9ac89b4cf2ecb78e40dcd046b919fbb0.svg) !important; }

/*8 Сообщения */
li.menu-item.menu-item-notifications a:after { content:url(/fileservice/file/download/a/512456/sc/140/h/091a29f21f7cc30aa3b3d9849e10177f.svg) !important; }
li.menu-item.menu-item-notifications a:hover:after { content:url(/fileservice/file/download/a/512456/sc/495/h/377556015e0627b4e6a0158aac13106d.svg) !important; }
li.menu-item.menu-item-notifications a:focus:after { content:url(/fileservice/file/download/a/512456/sc/495/h/377556015e0627b4e6a0158aac13106d.svg) !important; }
li.menu-item.menu-item-notifications.active a:after { content:url(/fileservice/file/download/a/512456/sc/495/h/377556015e0627b4e6a0158aac13106d.svg) !important; }
li.menu-item.menu-item-notifications.selected a:after { content:url(/fileservice/file/download/a/512456/sc/495/h/377556015e0627b4e6a0158aac13106d.svg) !important; }

/*9 Продажи */
li.menu-item-sales a:after { content:url(/fileservice/file/download/a/512456/sc/313/h/4feb43aae1751d12bd64bfb1e4c0512f.svg) !important; }
li.menu-item-sales a:focus:after { content:url(/fileservice/file/download/a/512456/sc/301/h/efa368911e9707e11b6b97fa1ceef8e0.svg) !important; }
li.menu-item-sales a:hover:after { content:url(/fileservice/file/download/a/512456/sc/301/h/efa368911e9707e11b6b97fa1ceef8e0.svg) !important; }
li.menu-item.menu-item-sales.active a:after { content:url(/fileservice/file/download/a/512456/sc/301/h/efa368911e9707e11b6b97fa1ceef8e0.svg) !important; }
li.menu-item.menu-item-sales.selected a:after { content:url(/fileservice/file/download/a/512456/sc/301/h/efa368911e9707e11b6b97fa1ceef8e0.svg) !important; }

/*10 Чатиум */
li.menu-item-chatium a:after { content:url(/fileservice/file/download/a/512456/sc/354/h/bbe4df187cc5821fbef12285e8fe87c6.svg) !important; }
li.menu-item-chatium a:focus:after  { content:url(/fileservice/file/download/a/512456/sc/30/h/1582ed49cd6b22363a233069bb007b40.svg) !important; }
li.menu-item-chatium a:hover:after  { content:url(/fileservice/file/download/a/512456/sc/30/h/1582ed49cd6b22363a233069bb007b40.svg) !important; }
li.menu-item-chatium.active a:after { content:url(/fileservice/file/download/a/512456/sc/30/h/1582ed49cd6b22363a233069bb007b40.svg) !important; }
li.menu-item-chatium.selected a:after { content:url(/fileservice/file/download/a/512456/sc/30/h/1582ed49cd6b22363a233069bb007b40.svg) !important; }


.gc-account-user-menu li.active a:before, 
.gc-account-user-menu li.selected a:before,
.gc-account-user-menu li:hover a:before  {
    color: #121212 !important;
}

.gc-account-user-menu li a:before {
    display: block;
    text-align: center;
    max-width: calc(100% + 20px);
    min-height: 1em;
    width: calc(100% + 20px);
    overflow: hidden;
    font-weight: 600;
    position: relative;
    margin: -1px -10px 0; 
    color: #000;
    font-size:10px;
}

.gc-account-user-menu li.menu-item-cms a:before {
    content: "Site-ul";
}

.gc-account-user-menu li.menu-item-kurator a:before {
    content: "Curator";
}

.gc-account-user-menu li.menu-item-teach a:before {
    content: "Acasă";
}
.gc-account-user-menu li.menu-item-course a:before {
    content: "Cursuri";
}
.gc-account-user-menu li.menu-item-user a:before {
    content: "Elevi";
}
.gc-account-user-menu li.menu-item-tasks a:before {
    content: "Sarcini";
}
.gc-account-user-menu li.menu-item-notifications a:before {
    content: "Mesaje";
}
.gc-account-user-menu li.menu-item-sales a:before {
    content: "Cumpărături";
}
.gc-account-user-menu li.menu-item-chatium a:before{
    content: "Aplicația";
}

/* переносим подпись вниз элемента */
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small) a,
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small).active a, 
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small).selected a {
    background-position: 50% 30%!important;
    display: flex!important;
    flex-direction: column-reverse!important;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-decoration:none;
}

/* notification-count (счетчик сообщений на иконках меню) */
.gc-account-leftbar .notify-count {
    background: #FF4A43!important;
    min-width: 30px;
    min-height: 20px;
    width: auto;
    height: auto;
    padding: 8px;
    line-height: 1;
    color: #FFF;
    border-radius: 60px;
    font-size: 12px;
    border: 1px solid #FFF;
    font-weight: 500!important;
    bottom: calc(100% - 20px) !important;
    right: -20px !important;
    z-index: 1;
}

.gc-account-leftbar .gc-account-user-submenu .notify-count {
    right: 5px !important;
    bottom: calc(50% - 15px) !important;
}

/* Скругляем иконки */
.gc-account-leftbar .gc-account-user-menu li a {
    position: relative;
    border-radius: 5px;
    width: 60px !important;
    height: 60px !important;
    transition: background 0.15s ease-in-out;
}
/* Расстояние между иконками */
.gc-account-leftbar .gc-account-user-menu li {
    padding: 5px;
    margin: 0;
}
/* пододвигаем колокольчик */
li.menu-item.menu-item-notifications_button_small a {
    height: 30px !important;
    border-radius: 5px;
}

/*Настройка суб меню*/
.gc-account-leftbar .gc-account-user-submenu-bar {
    position: absolute;
    top: 0;
    left: 70px;
    width: 210px!important;
    height: 100%;
    background: #FFF;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small {
    width: 340px!important;
}



.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    padding-top: 9px;
    padding-bottom: 9px;
    text-transform: lowercase;
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400!important;
    font-style: normal;
    font-size: 20px;
    line-height: 95%;
    padding-left: 20px;
}

/*Суб меню с заглавной*/
.gc-account-user-submenu-bar .gc-account-user-submenu li a::first-letter {
    text-transform: uppercase;
}
.custom-menu .gc-account-user-submenu-bar .gc-account-user-submenu a:first-letter {
    text-transform: uppercase;
}

.gc-account-user-submenu-bar h3 {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-style: bold;
    font-weight: 700;
    font-size: 26px;
    line-height: 40px;
    color: #FF4A43;
    margin-bottom: 20px;
}
.gc-account-leftbar .gc-account-user-submenu-bar {
    display: flex;
    flex-direction: column;
}

/* Анимация логотип в субменю */
.gc-account-leftbar .gc-account-user-submenu-bar:after {
    content: "";
    display: block;
    height: 80px;
    background: url("/fileservice/file/download/a/512456/sc/325/h/29ab9c2c1a41c84e48f21ffe0d8a2da1.svg") center / contain no-repeat;
    margin-top: auto;
    margin-bottom: 20px;
    opacity: 0;
    animation: fadeIn 2s ease-in forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Анимация выбора меню */
.gc-account-user-submenu-bar .gc-account-user-submenu li {
    position: realtive;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    position: relative !important;
    z-index: 9999;
    transition: all 1.3s;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li::after {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    background:  silver;
    top:0;
    left:0;
    transition: all .5s;
    z-index: 0;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: transparent;
    color:#fff;
    z-index: 1;
    text-decoration: none;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li:hover::after {
    width: 100%;
}

@media (max-width: 768px) {
    .gc-account-leftbar .gc-account-user-menu {
        margin-bottom: 45px;
        background: #000;
        width: 70px;
        height: 100%;
    }
    .gc-main-content.with-left-menu {
        margin-left: 0;
    }
}

@media (max-width: 576px) {
    .gc-account-leftbar
    .gc-account-user-submenu-bar-notifications_button_small {
        width: calc(100vw - 70px);
        overflow: auto;
    }
}

@media (max-width: 768px) {
    .gc-account-leftbar .gc-account-user-menu li {
        border-bottom: none;
    }
}

/* Шайк меню */
.gc-account-user-menu .menu-item a:hover img

{
    -webkit-animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

.gc-account-user-menu .menu-item a:hover:after,
.gc-account-user-menu .menu-item a:hover:before, 
.menu-item-prolongation a:hover img,
.menu-item.menu-item-chatium a:hover img
{
    -webkit-animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
} 

.notify-count {
    z-index:1;
}

@-webkit-keyframes shake-top {
    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    20%,
    40%,
    60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    30%,
    50%,
    70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }}

@keyframes shake-top {
    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    20%,
    40%,
    60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    30%,
    50%,
    70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }}


@media (max-width: 767px) {
    .gc_admin .gc-account-leftbar .gc-account-user-menu{
        overflow: scroll;
    } }