/*-- [ALIOT] Переменные --*/
:root {

    --cm: #051C2C;
    --cmcs: #FFE400;
    --cma: #0082FF;
    --csba: #F6F6F6;
    --csb: #fff;
        
    --iSite: url("https://fs.getcourse.ru/fileservice/file/download/a/60733/sc/237/h/04c3dc3b9b446a68923d23ca9bb4ae76.png");
    --iStudy: url("https://fs.getcourse.ru/fileservice/file/download/a/60733/sc/114/h/2d2f2ddd700014005e81322261debc5d.png");
    --iUsers:  url("https://fs.getcourse.ru/fileservice/file/download/a/60733/sc/192/h/b2ec29b09861cef423da63a1194f6c74.png");
    --iTasks:  url("https://fs.getcourse.ru/fileservice/file/download/a/60733/sc/261/h/67f6c3ed7c5e4ca0d3d587869d58ea31.png");
    --iMessages:  url("https://fs.getcourse.ru/fileservice/file/download/a/60733/sc/327/h/7baff269d5f8c0b1b42832a66eebb10b.png");
    --iSales:  url("https://fs.getcourse.ru/fileservice/file/download/a/60733/sc/300/h/77eac52cccc226e4b5f5f1a7e78499d0.png");
    --iChatium:  url("https://fs.getcourse.ru/fileservice/file/download/a/60733/sc/244/h/6f454f15933acd2924ca3b93dbe8d35c.png");
    
    --iSiteSA: url("https://fs.getcourse.ru/fileservice/file/download/a/60733/sc/237/h/04c3dc3b9b446a68923d23ca9bb4ae76.png");
    --iStudySA: url("https://fs.getcourse.ru/fileservice/file/download/a/60733/sc/114/h/2d2f2ddd700014005e81322261debc5d.png");
    --iUsersSA:  url("https://fs.getcourse.ru/fileservice/file/download/a/60733/sc/192/h/b2ec29b09861cef423da63a1194f6c74.png");
    --iTasksSA:  url("https://fs.getcourse.ru/fileservice/file/download/a/60733/sc/261/h/67f6c3ed7c5e4ca0d3d587869d58ea31.png");
    --iMessagesSA:  url("https://fs.getcourse.ru/fileservice/file/download/a/60733/sc/327/h/7baff269d5f8c0b1b42832a66eebb10b.png");
    --iSalesSA:  url("https://fs.getcourse.ru/fileservice/file/download/a/60733/sc/300/h/77eac52cccc226e4b5f5f1a7e78499d0.png");
    --iChatiumSA:  url("https://fs.getcourse.ru/fileservice/file/download/a/60733/sc/244/h/6f454f15933acd2924ca3b93dbe8d35c.png");
    
    --iSubmenuBG:  url("https://fs.getcourse.ru/fileservice/file/download/a/60733/sc/227/h/14422edd2fd72dc52ff1790214a2deb4.png");
}

/*-- [ALIOT]/[left-panel] боковая панель — начало --*/

.gc-account-leftbar {
    background: var(--cm);

}

.menu-item-profile {
    position: relative;
}

.menu-item-profile .menu-item-icon {
	position: relative;
    margin-top: 4px;
    width: 50px;
    border: 3px solid #fff;
    border-radius: 100px;
}

.gc-account-leftbar .gc-account-user-menu li {
    overflow: hidden;
    border-bottom: none;
}

.gc-account-leftbar .gc-account-user-menu li a {
    position: relative;
    background: transparent;
    display: inline-block;
    margin: 5px !important;
    width: 60px;
    height: 60px;
    border: 1px solid transparent;
    border-radius: 50px;
}

/*.gc-account-leftbar .gc-account-user-menu li a:hover {
    background: rgba(255, 255, 255, 0.5);
}*/

/*.gc-account-leftbar .gc-account-user-menu li.active a,
.gc-account-leftbar .gc-account-user-menu li.selected a {
    background: var(--cma);
    border: 1px solid #fff;
}*/

.gc-account-leftbar .gc-account-user-menu li.active::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translatey(-50%);
    width: 30px;
    height: 60px;
    background: #fff;
}


.gc-account-leftbar .gc-account-user-submenu-bar {
    background: var(--csb);
   /* background-image: var(--iSubmenuBG);*/
    background-repeat: no-repeat !important;
    background-position: bottom !important;
	box-shadow: 10px 0 20px rgba(52,21,69,0.2);
}

.gc-account-user-submenu-bar h3 {
    font-size: 14px;
    color: #383838;
    font-weight: bold;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li {
    position: realtive;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li::before{
    content: "";
	position: absolute;
	z-index: 0;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: var(--csba);
    transition: all 0.3s;
}

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


/*.gc-account-user-submenu-bar .gc-account-user-submenu li::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/60733/sc/240/h/58131ea37cab91ed2f7f0273b7d9bc54.png);
    background-repeat: no-repeat;
    background-position:  left;
    background-position-x: 5%;
    background-position-y: 45%;
    transition: all 0.3s;
}
*/
.gc-account-user-submenu-bar .gc-account-user-submenu li:hover::after {
    width: 100%;
} 
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    position: relative !important;
    z-index: 9999;
    color: #383838;
    font-weight: normal;
    text-transform: capitalize;
    transition: all 0.3s;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    z-index: 1; 
    color: #000000;
    background: transparent;
}



.gc-account-leftbar a.toggle-link::before {
	content: "";
    position: absolute !important;
    top: 5px;
    left: 5px;
    width: 35px !important;
    height: 35px !important;
	background-image: url(https://img.icons8.com/ios-filled/35/ffffff/xbox-menu.png) !important;
    background-size: cover !important;
}

.gc-account-leftbar .notify-count {
    z-index: 10;
}


.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;
}

li.menu-item.menu-item-notifications_button_small a,
li.menu-item.menu-item-cms a,
li.menu-item.menu-item-teach a,
li.menu-item.menu-item-user a,
li.menu-item.menu-item-tasks a,
li.menu-item.menu-item-notifications a,
li.menu-item.menu-item-sales a,
li.menu-item.menu-item-chatium a {
    transition: all 0.3s;
}

  
li.menu-item.menu-item-cart img {
    margin-top: 12px;
}

li.menu-item.menu-item-notifications_button_small a::after {
    content: url("https://img.icons8.com/ios-glyphs/18/ffffff/bell.png") !important;
    top: 8px;
}


/* Сайт */
 li.menu-item.menu-item-cms a {
    background: var(--iSite) no-repeat center;
}
li.menu-item.menu-item-cms a:hover {
    background: 
        var(--iSite) no-repeat center,
        rgba(255, 255, 255, 0.5);
}
li.menu-item.menu-item-cms.selected a,
li.menu-item.menu-item-cms.active a {
    background: 
        var(--iSiteSA) no-repeat center,
        var(--cma);
    border: 1px solid #fff;
}

/* Обучение */
 li.menu-item.menu-item-teach a {
    background: var(--iStudy) no-repeat center;
}
li.menu-item.menu-item-teach a:hover {
    background: 
        var(--iStudy) no-repeat center,
        rgba(255, 255, 255, 0.5);
}
li.menu-item.menu-item-teach.selected a,
li.menu-item.menu-item-teach.active a {
    background: 
        var(--iStudySA) no-repeat center,
        var(--cma);
    border: 1px solid #fff;
}

/* Пользователи */
li.menu-item.menu-item-user a {
    background: var(--iUsers) no-repeat center;
}
li.menu-item.menu-item-user a:hover {
    background: 
        var(--iUsers) no-repeat center,
        rgba(255, 255, 255, 0.5);
}
li.menu-item.menu-item-user.selected a,
li.menu-item.menu-item-user.active a {
    background: 
        var(--iUsersSA) no-repeat center,
        var(--cma);
    border: 1px solid #fff;
}

/* Задачи */
 li.menu-item.menu-item-tasks a {
    background: var(--iTasks) no-repeat center;
}
li.menu-item.menu-item-tasks a:hover {
    background: 
        var(--iTasks) no-repeat center,
        rgba(255, 255, 255, 0.5);
}
li.menu-item.menu-item-tasks.selected a,
li.menu-item.menu-item-tasks.active a {
    background: 
        var(--iTasksSA) no-repeat center,
        var(--cma);
    border: 1px solid #fff;
}

/* Сообщения */
 li.menu-item.menu-item-notifications a {
    background: var(--iMessages) no-repeat center;
}
li.menu-item.menu-item-notifications a:hover {
    background: 
        var(--iMessages) no-repeat center,
        rgba(255, 255, 255, 0.5);
}
li.menu-item.menu-item-notifications.selected a,
li.menu-item.menu-item-notifications.active a {
    background: 
        var(--iMessagesSA) no-repeat center,
        var(--cma);
    border: 1px solid #fff;
}

/* Продажи */
 li.menu-item.menu-item-sales a {
    background: var(--iSales) no-repeat center;
}
li.menu-item.menu-item-sales a:hover {
    background: 
        var(--iSales) no-repeat center,
        rgba(255, 255, 255, 0.5);
}
li.menu-item.menu-item-sales.selected a,
li.menu-item.menu-item-sales.active a {
    background: 
        var(--iSalesSA) no-repeat center,
        var(--cma);
    border: 1px solid #fff;
}

/* Приложение */
 li.menu-item.menu-item-chatium a {
    background: var(--iChatium) no-repeat center;
}
li.menu-item.menu-item-chatium a:hover {
    background: 
        var(--iChatium) no-repeat center,
        rgba(255, 255, 255, 0.5);
}
li.menu-item.menu-item-chatium.selected a,
li.menu-item.menu-item-chatium.active a {
    background: 
        var(--iChatiumSA) no-repeat center,
        var(--cma);
    border: 1px solid #fff;
}


@media (max-width: 768px) {
    .gc-account-leftbar .gc-account-user-menu {
        background: var(--cm);
    }

    .gc-account-leftbar .toggle-link {
        background: var(--cm) !important;
    }

    .gc-account-leftbar .without-icon img {
        display: none;
    }

    .gc-account-leftbar a.toggle-link {
        position: relative;   
    }

    .gc-account-leftbar a.toggle-link::before {
        position: relative;
        left: 10px;
    }

    a.toggler-item {
        display: none !important;
    }

}

/*-- [ALIOT]/[left-panel] боковая панель — конец --*/