:root {
    --color-01: #F6CF4B;
    --color-02: #EC8746;
    --color-03: #F64B4B;
    --color-04: #D8B4F0;
    --color-05: #3641DA;
    --color-06: #65D774;
    --white: #ffffff;
    --black: #181822;
    --grey: #595B77;
    --border: 2px solid var(--black);
    --br-sm: 8px;
    --br-md: calc(2 * var(--br-sm));
    --br-lg: calc(3 * var(--br-sm));
}
@media (min-width: 769px) {
    .gc-account-leftbar {
        width: 80px;
    }
    .gc-main-content.with-left-menu {
        margin-left: 80px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar {
        left: 80px;
    }
    html .gc-account-leftbar .gc-account-user-menu li a {
        width: 80px;
    }
    .with-left-menu .gc-into-main-content {
        left: 80px;
    }
    .resp-screen.resp-full-window.full-window-size {
        left: 80px !important;
    }
    .gc-user-logined .talks-widget-window {
        left: 80px;
        width: calc( 100% - 80px);
    }
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
.gc-account-leftbar {
    --menu-font: 			Montserrat;
    --menu-color-bg: 		#3641DA;
    --menu-color-active: 	#F64B4B;
    --menu-color-hover: 	#636CEE;
    --menu-color-profile: 	#3641DA;
    --menu-link-profile: 		url('../../../../fileservice/file/download/a/25572/sc/160/h/a917484735f219db8e4ed0ad925f790b.png');
    --menu-link-notifications: 	url('../../../../fileservice/file/download/a/25572/sc/15/h/4fe6450554e577692b9223f14d652f0f.png');
    --menu-link-cms: 			url('../../../../fileservice/file/download/a/25572/sc/130/h/cd415b59380001bfdf2c4fe0c4825423.png');
    --menu-link-teach: 			url('../../../../fileservice/file/download/a/25572/sc/250/h/0b27838f1e5c06a8eb14934ce8d29ffb.png');
    --menu-link-user: 			url('../../../../fileservice/file/download/a/25572/sc/90/h/ba0920d80d2211e38f5012788cd097fd.png');
    --menu-link-tasks: 			url('../../../../fileservice/file/download/a/25572/sc/7/h/a77ae1e5fcbe9b57c58facb3d3ccac00.png');
    --menu-link-messages: 		url('../../../../fileservice/file/download/a/25572/sc/169/h/637f671b34ab8f9749ab76c95cb30d98.png');
    --menu-link-sales: 			url('../../../../fileservice/file/download/a/25572/sc/243/h/ccbafe2785eb568b424615377ca4df31.png');
    --menu-link-chatium: 		url('../../../../fileservice/file/download/a/25572/sc/390/h/a39b89cce281d6d21bfb70d19acdd8e7.png');
    --menu-icon-height: 	76px;
    --menu-padding-y: 		0;
    --menu-padding-x: 		0;
    --menu-icon-radius: 	var(--br-sm) 0 0 var(--br-sm);
    

    /* Подписи под иконками */
    --menu-titles: attr(title);
    --menu-titles-color: 	#F0EFEF;
    --menu-titles-size: 9px;
    --menu-titles-bottom: 5px;
    --menu-titles-icon: 10px;

    /* Счетчики уведомлений */
    --menu-color-count: #EC8746;
    --menu-color-count-m: #20c135;
    --menu-count-radius: 2px;

    /* Подменю */
    --submenu-color-bg: #242dab;
    --submenu-color-hover: #EC8746;
    --submenu-color-link: #FFFFFF;
    --submenu-color-head: #222123;
    --submenu-color-head-bg: #F8F7FC;
    --submenu-color-balance: #A1A1A3;
    --submenu-font-size: 15px;
    --submenu-font-weight: 500;
    --submenu-text-transform: none;

    /* Подменю Уведомления */
    --notify-color-new: #ffffff;
    --notify-color-viewed: #f0f0f0;
    --notify-color-hover: #D8B4F0;
    --notify-color-text: #393a3e;
    --notify-color-link: #F6CF4B;
    --notify-color-link-hover: #D8B4F0;
}
@media (min-width: 769px) and (max-height: 750px) {
    .gc-account-leftbar {
        --menu-icon-height: 	70px;
    }
}
@media (min-width: 769px) and (max-height: 650px) {
    .gc-account-leftbar {
        --menu-icon-height: 	60px;
    }
}
html .gc-account-leftbar {
    font-family: var(--menu-font), Roboto, sans-serif !important;
    font-weight: 400;
    transition: all 0.3s;
    background-color: var(--menu-color-bg);
    box-shadow: 4px 0px 20px rgba(0, 0, 0, 0.1);
}
html .gc-account-leftbar .gc-account-user-menu li {
    padding: 3px 0 2px 5px;
    transition: all 0.3s;
}
html .gc-account-leftbar .gc-account-user-menu li a {
    position: relative;
    transition: all 0.3s;
    background-color: var(--menu-color-bg);
    border-radius: var(--menu-icon-radius);
    height: var(--menu-icon-height);
}
html .gc-account-leftbar .gc-account-user-menu li.selected a,
html .gc-account-leftbar .gc-account-user-menu li a:hover {
    background-color: var(--submenu-color-bg);
}
html .gc-account-leftbar .gc-account-user-menu li.active a,
html .gc-account-leftbar .gc-account-user-menu li.active a:hover {
    background-color: var(--menu-color-active);
}
html .menu-item a img,
html .gc-account-leftbar .gc-account-user-submenu-bar .user-balance {
    display: none;
}
html .menu-item a::before,
html .sub-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: calc(var(--menu-titles-icon) * -1);
    transform: translate(-50%, -50%);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 60px;
    height: 42px;
}
@media (min-width: 769px) and (max-height: 720px) {
    html .menu-item a::before,
    html .sub-icon::before {
        height: 36px;
    }
}
@media (min-width: 769px) and (max-height: 650px) {
    html .menu-item a::before,
    html .sub-icon::before {
        height: 32px;
    }
}
html .menu-item-profile a::before {
    background-image: var(--menu-link-profile);
    height: 61px;
    width: 60px;
    margin-top: 0;
}
html .menu-item-notifications_button_small a::before {
    background-image: var(--menu-link-notifications);
    width: 30px;
    height: 30px;
    margin-top: 0;
}
html .menu-item-cms a::before {
    background-image: var(--menu-link-cms);
}
html .menu-item-teach a::before {
    background-image: var(--menu-link-teach);
}
html .menu-item-user a::before,
html .menu-item-chatium .sub-icon::before {
    background-image: var(--menu-link-user);
}
html .menu-item-tasks a::before {
    background-image: var(--menu-link-tasks);
}
html .menu-item-notifications a::before {
    background-image: var(--menu-link-messages);
}
html .menu-item-sales a::before {
    background-image: var(--menu-link-sales);
}
html .menu-item-chatium a::before {
    background-image: var(--menu-link-chatium);
}
.menu-item a::after {
    content: var(--menu-titles);
    font-size: var(--menu-titles-size);
    letter-spacing: -0.02em;
    color: var(--menu-titles-color);
    text-transform: uppercase;
    display: block;
    position: absolute;
    bottom: var(--menu-titles-bottom);
    left: 50%;
    transform: translateX(-30%);
    opacity: 0;
    transition: all 0.3s;
}
html .gc-account-leftbar .gc-account-user-menu li.active a::after,
html .gc-account-leftbar .gc-account-user-menu li.selected a::after,
html .gc-account-leftbar .gc-account-user-menu li:hover a::after {
    transform: translateX(-50%);
    opacity: 1;
}
html .menu-item-profile.menu-item a::after,
html .menu-item-notifications_button_small.menu-item a::after {
    display: none;
}
html .gc-account-user-menu li.menu-item.menu-item-profile {
    background: var(--menu-color-profile);
    border: 0;
    padding: 0;
}
html .gc-account-user-menu li.menu-item.menu-item-profile a {
    background: var(--menu-color-profile);
}
html .gc-account-user-menu li.menu-item.menu-item-profile:hover,
html .gc-account-user-menu li.menu-item.menu-item-profile a:hover {
    background: var(--menu-color-bg);
}
html .gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
    display: block;
    overflow: hidden;
    border-radius: 0;
    height: 80px;
}
html .gc-account-leftbar .gc-account-user-submenu-bar {
}
html .gc-account-leftbar .gc-account-user-submenu-bar div.user-balance {
    color: var(--menu-color-balance);
}
html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small {
    padding: 0;
}
html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    background-color: var(--menu-color-bg);
    border-radius: 0;
    transition: all 0.3s;
    height: 44px;
}
html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:hover,
html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small.selected a {
    background-color: var(--menu-color-hover);
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group {
    border-top-color: var(--notify-color-viewed);
    background-color: var(--notify-color-new);
    color: var(--notify-color-text);
    transition: all 0.3s;
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed {
    background-color: var(--notify-color-viewed);
    color: var(--menu-dark);
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group:hover,
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed:hover {
    background-color: var(--notify-color-hover);
    color: var(--notify-color-text);
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .mark-viewed {
    color: #5e5f72;
    font-size: 26px;
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link {
    border-bottom-color: var(--notify-color-viewed);
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link,
html .gc-account-leftbar .mark-viewed-all {
    color: var(--notify-color-link);
    transition: all 0.3s;
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link:hover,
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link,
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link:hover,
html .gc-account-leftbar .mark-viewed-all:hover {
    color: var(--notify-color-link-hover);
    transition: all 0.3s;
}
html .gc-account-leftbar .notify-count {
    background-color: var(--menu-color-count);
    padding: 1px 0;
    border-radius: var(--menu-count-radius);
    bottom: 20px;
    font-size: 9px;
    line-height: 1.1;
    font-weight: 600;
}
html .gc-account-leftbar .subitem-link .notify-count {
    bottom: 10px;
}
html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count {
    background-color: var(--menu-color-count-m);
}
html .gc-account-leftbar .gc-account-user-menu li.selected .notify-count,
html .gc-account-leftbar .gc-account-user-menu li.selected span.sub-icon,
html .gc-account-leftbar .gc-account-user-menu li.active .notify-count {
    background-color: var(--menu-color-count);
    z-index: 5;
}
html .gc-account-leftbar .gc-account-user-submenu-bar {
    background-color: var(--submenu-color-bg);
}
html .gc-account-user-submenu-bar .gc-account-user-submenu li a {
    transition: all 0.3s;
    border-color: var(--menu-color-bg) !important;
    text-transform: var(--submenu-text-transform);
    font-weight: var(--submenu-font-weight);
    font-size: var(--submenu-font-size);
    color: var(--submenu-color-link);
}
html .gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background-color: var(--submenu-color-hover);
    color: var(--submenu-color-link);
}
html .gc-account-user-submenu-bar h3 {
    color: var(--submenu-color-head);
    background-color: var(--submenu-color-head-bg);
    margin: 0;
    padding: 24px 15px;
    font-weight: 700;
    letter-spacing: -0.5px;
    min-height: 70px;
    font-size: 20px;
}
html .gc-account-leftbar span.sub-icon {
    background-color: var(--menu-color-profile);
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
html .menu-item.menu-item-profile a img:not([src='/public/img/default_profile_50.png']) {
    display: block;
    position: relative;
    z-index: 0;
    width: 80px;
}
html .sub-icon::before {
    width: 16px;
    height: 16px;
}
html.menu-item-chatium .sub-icon, html .sub-icon .fa, html .sub-icon img { display: none; }
html .talks-widget-button {
    background: var(--color-02);
    box-shadow: none;
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .no-notifications-message {
    font-size: 11px;
    color: white;
}
@media (max-width: 768px) {
    html .gc-account-leftbar .toggle-link,
    html .gc-account-leftbar.expanded .toggle-link {
        background-color: var(--menu-color-bg);
    }
    html .gc-account-leftbar > a > img {
        filter: hue-rotate(15deg) brightness(1.5) saturate(5.5);
    }
    html .gc-account-leftbar .gc-account-user-menu {
        background: var(--menu-color-bg);
    }
    html .gc-account-leftbar .gc-account-user-menu li {
        border-bottom: 0;
    }
    html .gc-page-nav-items-menu {
        left: 70px;
    }
    html .gc-page-nav-items-menu a.toggler-item {
        background: #242dab;
    }
    html .gc-account-leftbar .gc-account-user-submenu-bar {
        width: calc(100vw - 80px);
    }
    html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small {
        width: calc(100vw - 80px);
    }
}