/*-- [left-panel] боковая панель — начало --*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

:root {
    --kras: #A70707; 
    --sin: #EED6D5; /*кремовый*/
    --t_ser:#2b2b2b;
    --bel: #fff;
    --rad: 10px; 
}

.gc-account-leftbar {
    background: var(--sin);
    -webkit-box-shadow: 10px 0 20px RGBA(233, 133, 110, 0.1);
            box-shadow: 10px 0 20px RGBA(233, 133, 110, 0.1);
}

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

.menu-item-profile .menu-item-icon {
    position: absolute;
    width: 43px;
    border: 3px solid #fff;
    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: 25px;
}
.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: 'Montserrat', 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-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: 1px dashed var(--t_ser);
    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: rgba(255,255,255,0.3);
    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: #fff;
    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: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #101010;
}

.gc-account-leftbar .gc-account-user-submenu-bar {
    background: var(--bel);
    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(--t_ser);
    background: var(--bel);
    font-family: 'Montserrat', 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;
}
.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(--kras);
    background: var(--bel);
}
.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(--kras);
    -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;
    }

li.menu-item.menu-item-notifications_button_small a::after {
    top: 8px;
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/442004/sc/237/h/cc90bf624423f8c208a9f23e8b3c0e1f.png) !important;
}
.gc-account-leftbar .gc-account-user-menu li .notify-count {
    z-index: 9999;
    background: var(--kras)!important;
}


li.menu-item.menu-item-cms a::after,
li.menu-item.menu-item-cms.selected a::after,
li.menu-item.menu-item-cms.active a::after{
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/642725/sc/503/h/0331500bd99a0b32c8c8089429c2614e.png") !important;
}


li.menu-item.menu-item-teach a::after,
li.menu-item.menu-item-teach.selected a::after, 
li.menu-item.menu-item-teach.active a::after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/642725/sc/361/h/a3bfa6e1cf66956688e9e5b6ed27ecc4.png") !important;
}


li.menu-item.menu-item-user a::after,
li.menu-item.menu-item-user.selected a::after, 
li.menu-item.menu-item-user.active a::after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/642725/sc/380/h/869edaa00ef208c633edd909aabe6e1b.png") !important;
}


li.menu-item.menu-item-tasks a::after,
li.menu-item.menu-item-tasks.selected a::after, 
li.menu-item.menu-item-tasks.active a::after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/642725/sc/50/h/52971815a9b1058985a20afe41ec2f17.png") !important;
}


li.menu-item.menu-item-notifications a::after,
li.menu-item.menu-item-notifications.selected a::after, 
li.menu-item.menu-item-notifications.active a::after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/642725/sc/238/h/3027de89eb41835a9eeb2ae019b7cb33.png") !important;
}


li.menu-item.menu-item-sales a::after,
item-sales.active a::after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/642725/sc/192/h/f2be87f83834a2e200063e49ce08dbd3.png") !important;
}


li.menu-item.menu-item-chatium a::after,
item-chatium.active a::after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/642725/sc/67/h/8dd41933fe07938fce760830f3f06482.png") !important;
}

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

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