@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');

:root {
	--black: #333333;
	--white: #ffffff;
	--gray: #e2e6ec;
	--accent: rgb(104, 91, 245);
	--shadow-menu: 5px 0px 20px rgba(0, 0, 0, 0.05);
}

.menu-item-label {
	display: none !important;
}

.gc-account-leftbar,
.gc-account-leftbar .gc-account-user-menu li:first-child a {
	width: 80px;
}

.gc-account-leftbar .gc-account-user-submenu-bar {
	left: 80px;
}

.gc-main-content.with-left-menu {
	margin-left: 80px;
}

.gc-account-leftbar,
.gc-account-leftbar .gc-account-user-menu li a,
.gc-account-leftbar .gc-account-user-menu,
.gc-account-leftbar .toggle-link,
.gc-page-nav-items-menu a,
.gc-account-leftbar.expanded .toggle-link {
	background-color: var(--white);
}

.gc-account-leftbar {
	box-shadow: var(--shadow-menu);
	border-right: none !important;
	overflow: visible !important;
	padding-top: 0 !important;
}

.gc-account-leftbar,
.gc-account-leftbar .gc-account-user-submenu-bar,
.gc-account-user-menu,
.gc-account-leftbar .gc-account-user-menu li:first-child a {
	border-radius: 0 20px 20px 0;
}

.gc-account-leftbar .gc-account-user-menu {
	overflow: visible !important;
	display: flex !important;
	flex-direction: column !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.gc-account-leftbar .gc-account-user-menu li a {
	width: 95%;
	height: 58px !important;
	transition: .2s linear;
}

.gc-account-leftbar .gc-account-user-menu li:first-child a {
	border-radius: 0 20px 0 0;
}

.gc-account-leftbar .gc-account-user-menu li:not(:first-child) a {
	margin-left: auto;
	display: block;
	border-radius: 15px 0 0 15px;
}

.gc-account-leftbar .gc-account-user-menu li a:hover,
.gc-account-leftbar .gc-account-user-menu li.selected:hover a {
	background-color: var(--gray);
}

.gc-account-leftbar .gc-account-user-menu li.active a,
.gc-account-leftbar .gc-account-user-menu li.selected a {
	background-color: rgba(104, 91, 245, 0.08);
}

.gc-account-leftbar .gc-account-user-submenu-bar {
	background-color: rgba(255, 255, 255, 0.98);
	border: none;
	box-shadow: var(--shadow-menu);
}

.gc-account-leftbar .gc-account-user-menu li.active:first-child a,
.gc-account-leftbar .gc-account-user-menu li.selected:first-child a {
	border-radius: 0;
}

.gc-account-leftbar .gc-account-user-menu li:not(:first-child) a img {
	display: none;
	position: relative;
	z-index: 1;
}

.gc-account-leftbar .gc-account-user-menu li {
	border-bottom: none;
	height: 58px !important;
	margin: 0 !important;
}

.gc-account-leftbar .gc-account-user-menu li:not(:first-child) a:after {
	content: '';
	position: absolute;
	transition: 0.3s linear;
	filter: brightness(0) invert(0.6);
	top: 12px !important;
}

.gc-account-leftbar .gc-account-user-menu li:not(:first-child):hover a:after,
.gc-account-leftbar .gc-account-user-menu li.active a:after,
.gc-account-leftbar .gc-account-user-menu li.selected a:after {
	filter: brightness(0) saturate(100%) invert(43%) sepia(35%) saturate(3015%) hue-rotate(226deg) brightness(97%) contrast(98%);
}

.gc-account-leftbar .gc-account-user-menu li:not(:first-child) a:before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 10px;
	transition: 0.3s linear;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 10px;
	line-height: 10px;
	z-index: 2;
	color: #999999;
}

.gc-account-leftbar .gc-account-user-menu li:not(:first-child):hover a:before,
.gc-account-leftbar .gc-account-user-menu li.active a:before,
.gc-account-leftbar .gc-account-user-menu li.selected a:before {
	color: var(--accent);
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a,
.gc-account-leftbar .gc-account-user-menu li.menu-item-marathon a,
.gc-account-leftbar .gc-account-user-menu li.menu-item-search a {
	height: 58px !important;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:after {
	width: 20px; height: 20px;
	right: calc(50% - 10px);
	top: calc(50% - 10px);
	background: url('https://fs.getcourse.ru/fileservice/file/download/a/709582/sc/64/h/74984022387908a6c7ee8c3810e62cbe.png') no-repeat 50% 50%/contain;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-cms a:after {
	width: 20px; height: 20px; right: calc(50% - 10px); top: calc(50% - 10px);
	background: url('https://fs.getcourse.ru/fileservice/file/download/a/709582/sc/206/h/440268ae84df1cbbcf40cb5c09889679.png') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-cms a:before { content: 'Сайт'; }

.gc-account-leftbar .gc-account-user-menu li.menu-item-teach a:after {
	width: 20px; height: 20px; right: calc(50% - 10px); top: calc(50% - 10px);
	background: url('https://fs.getcourse.ru/fileservice/file/download/a/709582/sc/135/h/1b687c6e408b7b041730a037af5fc09b.png') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-teach a:before { content: 'Обучение'; }

.gc-account-leftbar .gc-account-user-menu li.menu-item-user a:after {
	width: 20px; height: 20px; right: calc(50% - 10px); top: calc(50% - 10px);
	background: url('https://fs.getcourse.ru/fileservice/file/download/a/709582/sc/252/h/fa0bef3130e7d8d96697ea29418f2c5b.png') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-user a:before { content: 'Ученики'; }

.gc-account-leftbar .gc-account-user-menu li.menu-item-tasks a:after {
	width: 20px; height: 20px; right: calc(50% - 10px); top: calc(50% - 10px);
	background: url('https://fs.getcourse.ru/fileservice/file/download/a/709582/sc/151/h/a8551f1a35796597f722bc04fe54aad4.png') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-tasks a:before { content: 'CRM'; }

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications a:after {
	width: 20px; height: 20px; right: calc(50% - 10px); top: calc(50% - 10px);
	background: url('https://fs.getcourse.ru/fileservice/file/download/a/709582/sc/290/h/b124b0a7cb4de2d00513b41aa19fca0a.png') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications a:before { content: 'Сообщения'; }

.gc-account-leftbar .gc-account-user-menu li.menu-item-sales a:after {
	width: 20px; height: 20px; right: calc(50% - 10px); top: calc(50% - 10px);
	background: url('https://fs.getcourse.ru/fileservice/file/download/a/709582/sc/435/h/ef5dcb9debb058e91f138d0f5ac06ed4.png') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-sales a:before { content: 'Продажи'; }

.gc-account-leftbar .gc-account-user-menu li.menu-item-chatium a:after {
	width: 20px; height: 20px; right: calc(50% - 10px); top: calc(50% - 10px);
	background: url('https://fs.getcourse.ru/fileservice/file/download/a/709582/sc/275/h/5b408c16a9416b3cbc30be0f472fdc7c.png') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-chatium a:before { content: 'Apps'; }

.gc-account-leftbar .qr-link { display: none; }

.gc-account-leftbar .gc-account-user-menu li.menu-item-profile {
	order: -10 !important;
	height: 58px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
	height: 58px !important;
	padding: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: visible !important;
	border-radius: 0 20px 0 0 !important;
}

.menu-item-profile img {
	border-radius: 100px !important;
	width: 36px !important;
	height: 36px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 2px solid transparent;
	transition: all 0.3s;
}

.menu-item-profile:hover img {
	border-color: var(--accent);
}

.gc-account-user-submenu-bar .notify-count { display:none; }

/* Уведомления — теперь только красный текст, без красного круга-фона */
.gc-account-leftbar .notify-count,
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
	background: none !important;
	border-radius: 0 !important;
	z-index: 2;
	color: #E61919 !important;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 10px;
	padding: 0;
	top: 6px;
	left: 45px;
	box-shadow: none !important;
	border: none !important;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:hover .notify-count,
.gc-account-leftbar .gc-account-user-menu li.active .notify-count,
.gc-account-leftbar .gc-account-user-menu li.selected .notify-count {
	color: #E61919 !important;
}

.gc-account-user-submenu-bar h3 {
	font-family: 'TTNorms Medium', 'Open Sans', sans-serif;
	color: var(--black);
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 15px;
}

.gc-account-user-submenu,
.user-balance,
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .no-notifications-message {
	font-family: 'Open Sans', sans-serif;
	color: #999999;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
	color: var(--black);
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
	transition: .3s linear;
	padding: 8px 15px;
	border-radius: 10px;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
	font-weight: 600;
	color: var(--accent);
	background-color: var(--gray);
}

@media (max-width: 768px) {
	.gc-account-leftbar .gc-account-user-menu { width: 80px; }
	.gc-main-content.with-left-menu { margin-left: 0; }
	.main-page-block .container { padding-top: 20px; }
}

.row { margin-right: 0px; margin-left: 0px; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-right: 0;
	padding-left: 0;
}

.xdget-row.row { margin-right: -15px; margin-left: -15px; }

@media (max-width: 990px){
	.stream-table tbody tr { margin: 0; margin-bottom: 20px; }
}