@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --fon1: #ffffff;
  --akcent1: #A3795D;
  --akcent2: #604D46;
  --akcent3: #D8A37F;  
  --text1: #222222;
  --font-family:"Raleway", sans-serif;  
  --radius: 20px;  
}
/*-- [left-panel] боковая панель — начало --*/

.gc-account-leftbar {
    background: var(--fon1);
    -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
   border-right: 1px solid var(--akcent1);
}

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

.menu-item-profile .menu-item-icon {
    position: absolute;
    width: 43px;
    border: 2px solid var(--akcent1);
    border-radius: 100px;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.gc-account-user-menu li.menu-item-profile a {
    height: 66px;
}

/*уведомления*/
.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 .notify-count {
    bottom: 3px;
    padding: 5px 0px;
    width: 30px;
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small {
    font-family: "Raleway", sans-serif;
    font-size: 16px;
}
.gc-account-leftbar .gc-account-user-submenu .notify-count {
    bottom: 50%;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
}

.gc-account-user-submenu-bar .gc-account-user-submenu li .notify-count {
     background: var(--akcent2);
}

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

.gc-account-leftbar .gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small)::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translatex(-50%) translatey(-50%);
        -ms-transform: translatex(-50%) translatey(-50%);
            transform: translatex(-50%) translatey(-50%);
    width: 70%;
    height: 70%;
    border-radius: 50%;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    z-index: 1;
}

.gc-account-leftbar .gc-account-user-menu li a {
    position: relative;
    background: transparent;
    z-index: 10;
}

.gc-account-leftbar .gc-account-user-menu li.active a,
.gc-account-leftbar .gc-account-user-menu li.selected a{
    background: transparent;
}

.gc-account-leftbar .gc-account-user-menu li a:hover,
.gc-account-leftbar .gc-account-user-menu li a:focus {
    background: transparent;
}

.gc-account-leftbar .gc-account-user-menu li:not(.menu-item-profile):hover::before,
.gc-account-leftbar .gc-account-user-menu li:not(.menu-item-profile):focus::before {
    background: var(--akcent1);
    border: 1px solid #fff;
}
.gc-account-leftbar .gc-account-user-menu li.active:not(.menu-item-profile)::before,
.gc-account-leftbar .gc-account-user-menu li.selected:not(.menu-item-profile)::before {
    background: var(--akcent1);
    border: 1px solid #fff;
}
.gc-account-leftbar .gc-account-user-menu li.selected .qr-link {
    color: #fff;
}
.gc-account-user-submenu-bar h3 {
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--akcent1);
}

.gc-account-leftbar .gc-account-user-submenu-bar {
    background: var(--fon1);
    background-image: url("");
    background-repeat: no-repeat !important;
    background-position: bottom 25px right 0px !important;
	-webkit-box-shadow: 10px 0 20px rgba(52,21,69,0.2);
	        box-shadow: 10px 0 20px rgba(52,21,69,0.2);
}

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

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    position: relative !important;
    padding: 20px;
    color: var(--akcent1);
    background: var(--fon1);
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.33;
    text-transform: none;
    -webkit-transition: color 0.2s, padding-left 0.2s, font-weight 0.2s, background-color 0.2s;
    -o-transition: color 0.2s, padding-left 0.2s, font-weight 0.2s, background-color 0.2s;
    transition: color 0.2s, padding-left 0.2s, font-weight 0.2s, background-color 0.2s;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li.menu-item-chatium_qr a {
    line-height: inherit;
    transition:all 0.35s;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover,
.gc-account-user-submenu-bar .gc-account-user-submenu li a:focus {
    padding-left: 23px;
    font-weight: 300;
    color: var(--akcent1);
    background: var(--fon1);
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0%;
    height: 65%;
    background: var(--akcent1);
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    pointer-events: none;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover::before,
.gc-account-user-submenu-bar .gc-account-user-submenu li a:focus::before {
    width: 3px;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li:not(:last-child) a::after {
    position: absolute;
    content: "";
    left: 20px;
    bottom: 0;
    height: 1px;
    width: 75%;
    background: #E5E4E4;
}

.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-accountSettings a,
.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-help a {
    border-top: 1px solid #E5E4E4;
    margin-top: -1px;
}
/*меню в мобильном*/
.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://fs.getcourse.ru/fileservice/file/download/a/442004/sc/141/h/23a5893709cb54d564ce038d0c3bd90a.png) !important;
    background-size: cover !important;
}


.menu-item-notifications_button_small img.menu-item-icon,
.menu-item-cms img.menu-item-icon,
.menu-item-teach img.menu-item-icon,
.menu-item-user img.menu-item-icon,
.menu-item-tasks 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:after, 
li.menu-item.menu-item-cms a:after, 
li.menu-item.menu-item-teach a:after, 
li.menu-item.menu-item-user a:after, 
li.menu-item.menu-item-tasks a:after, 
li.menu-item.menu-item-notifications a:after, li.menu-item.menu-item-sales a:after, 
li.menu-item.menu-item-chatium a:after {
    position: relative;
    transition:all 0.35s;
    }

/*уведомления*/
li.menu-item.menu-item-notifications_button_small a::after {
    top: 8px;
    
    
    content: url(https://fs18.getcourse.ru/fileservice/file/download/a/817644/sc/102/h/37e82f48cded4e0f2a4470213616b696.png) !important;
}
.gc-account-leftbar .gc-account-user-menu li .notify-count {
    z-index: 9999;
    background: var(--akcent2)!important;
}

/*сайт*/
li.menu-item.menu-item-cms a::after {
    content: url("https://fs22.getcourse.ru/fileservice/file/download/a/817644/sc/374/h/d1ced2cb8dfb099d05d16434cb9a04cc.png") !important;
}
li.menu-item.menu-item-cms:hover a::after,
li.menu-item.menu-item-cms.selected a::after,
li.menu-item.menu-item-cms.active a::after{
    content: url("https://fs16.getcourse.ru/fileservice/file/download/a/817644/sc/32/h/d919a8067998a441c41f6f8383567dc6.png") !important;
}

/*обучение*/
li.menu-item.menu-item-teach a::after {
    content: url("https://fs16.getcourse.ru/fileservice/file/download/a/817644/sc/240/h/4f0929147b88ace373a308dddbb95a2a.png") !important;
}

li.menu-item.menu-item-teach:hover a::after,
li.menu-item.menu-item-teach.selected a::after, 
li.menu-item.menu-item-teach.active a::after {
    content: url("https://fs20.getcourse.ru/fileservice/file/download/a/817644/sc/186/h/6f0b36ef22ea053abd69148c7e27432b.png") !important;
}
/*ученики*/
li.menu-item.menu-item-user a::after {
    content: url("https://fs01.getcourse.ru/fileservice/file/download/a/817644/sc/328/h/f1bc5e47bcacabd43b43231e5782e69b.png") !important;
    
}
li.menu-item.menu-item-user:hover a::after,
li.menu-item.menu-item-user.selected a::after, 
li.menu-item.menu-item-user.active a::after {
    content: url("https://fs17.getcourse.ru/fileservice/file/download/a/817644/sc/278/h/12293bec3edb2577cf4bb953141dea4b.png") !important;
}

/*задачи*/
li.menu-item.menu-item-tasks a::after {
    content: url("https://fs16.getcourse.ru/fileservice/file/download/a/817644/sc/134/h/d9b79e07d9672f386e03948cffb90980.png") !important;
    top: 1px !important;
}

li.menu-item.menu-item-tasks:hover a::after,
li.menu-item.menu-item-tasks.selected a::after, 
li.menu-item.menu-item-tasks.active a::after {
    content: url("https://fs18.getcourse.ru/fileservice/file/download/a/817644/sc/168/h/e3db5e20972257e0b8557ff3ffa67786.png") !important;
}
/*сообщения*/
li.menu-item.menu-item-notifications a::after {
    content: url("https://fs20.getcourse.ru/fileservice/file/download/a/817644/sc/294/h/e20a9c168f6b2ac88f50d720bd4fff29.png") !important;
    top: 1px !important;
}

li.menu-item.menu-item-notifications:hover a::after, 
li.menu-item.menu-item-notifications.selected a::after, 
li.menu-item.menu-item-notifications.active a::after {
    content: url("https://fs22.getcourse.ru/fileservice/file/download/a/817644/sc/463/h/8ac6badc5fbbac53c0180cd30b3f6e7e.png") !important;
}
/*Продажи/Покупки*/
li.menu-item.menu-item-sales a::after {
    content: url("https://fs19.getcourse.ru/fileservice/file/download/a/817644/sc/128/h/3d5fa3a6251b42fc1532c94c00ab8908.png") !important;
}

li.menu-item.menu-item-sales:hover a::after,
li.menu-item.menu-item-sales.selected a::after,
li.menu-item.menu-item-sales.active a::after {
    content: url("https://fs16.getcourse.ru/fileservice/file/download/a/817644/sc/96/h/8e8c4bd11edcc1172a795093680229b3.png") !important;
}
/*Приложение*/
li.menu-item.menu-item-chatium a::after {
    content: url("https://fs24.getcourse.ru/fileservice/file/download/a/817644/sc/391/h/41cf8eb845cffeaf2248efac0e25347e.png") !important;
    top: 1px !important;
}
item-chatium.active a::after {
    content: url("https://fs18.getcourse.ru/fileservice/file/download/a/817644/sc/171/h/2446a055c58f1eba12fac40062583adc.png") !important;
}

@media (max-width: 768px) {
    .gc-account-leftbar .gc-account-user-menu {
        background: var(--fon1);
    }
    
    .gc-account-user-submenu-bar .gc-account-user-submenu li a {
        padding: 15px 20px;
    }

    .gc-account-leftbar .toggle-link {
        background: var(--akcent1) !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;
    }
}

@media (max-height: 650px) {
    .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) .menu-item-icon {
        max-height: 42px;
    }
    .gc-account-user-submenu-bar .gc-account-user-submenu li a {
        padding: 8px 20px;
    }
}
@media (max-height: 550px) {
    .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) .menu-item-icon {
        max-height: 35px;
    }
}
@media (max-width: 410px) {
    .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small {
        width: calc(100vw - 70px);
    }
}

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

.talks-widget-button {
    background: var(--akcent1);
    }
/* боковая панель меню-конец @laro4kafr */