/* ------------- 
content start - colorMenu
------------- */

/* Custom color menu */ 
.gc-account-leftbar, 
.gc-account-leftbar .gc-account-user-menu li a {
    background-color: #ee0778; /* Основной цвет */
} 
.gc-account-leftbar .gc-account-user-menu li a:hover {
    background-color: #c41567; /* Цвет при наведении */ 
}
.gc-account-leftbar .gc-account-user-menu li.active a, 
.gc-account-leftbar .gc-account-user-menu li.selected a {
    background-color: #c41567; /* Цвет активного пункта меню */
}
.gc-account-leftbar .gc-account-user-submenu-bar {
    background-color: #c41567; /* Цвет фона выпадающего меню */
}
.gc-account-leftbar .gc-account-user-menu li.active img,
.gc-account-leftbar .gc-account-user-menu li.selected img {
    filter: brightness(10); /* Сделать иконку светлой */
}
.gc-account-user-submenu-bar h3,
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    color: #ffffff; /* Цвет пунктов меню выпадающего меню */
}


.menu-item-profile img {
border-radius:100px;
}


/* ------------- 
content finish - colorMenu
------------- */

/* ------------- 
content start - leftbar
------------- */

/* Общие настройки */
.gc-account-leftbar *,
.gc-account-leftbar::after,
.gc-account-leftbar::before {
	font-family: 'Nunito', "Helvetica Neue", 'Roboto', 'proxima-nova', 'arial', sans-serif !important;
	outline: none;
}

/* Настройки у ячеек иконок */
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small) a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	        flex-direction: column;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	        align-items: center;
	-ms-flex-line-pack: center;
	-webkit-align-content: center;
	        align-content: center;
	min-height: 80px;
	text-decoration: none;
}

/* Настройки значков уведомлений у иконок */
.gc-account-leftbar li.menu-item:not(.menu-item-profile):not(.menu-item-notifications_button_small) .notify-count {
	bottom: unset;
	top: 40%;
}

/* Меняем текст на черный при активной иконке */
.gc-account-user-menu li.active a::after,
.gc-account-user-menu li.selected a::after {
	color: #fff;
}

/* Убираем иконку у приложения с qr-кодом */
.gc-account-user-menu>.menu-item-chatium>.sub-icon {
	display: none;
}

/* Настройки надписей у иконок */
.gc-account-user-menu li a::after {
	display: block;
	text-align: center;
	max-width: -webkit-calc(100% + 20px);
	max-width: -moz-calc(100% + 20px);
	max-width: calc(100% + 20px);
	min-height: 1em;
	width: -webkit-calc(100% + 20px);
	width: -moz-calc(100% + 20px);
	width: calc(100% + 20px);
	overflow: hidden;
	position: relative;
	margin: 10px -10px 0;
	color: white;
}

/* Надписи у иконок */
.gc-account-user-menu li.menu-item-cms a::after {
	content: "Сайт";
}

.gc-account-user-menu li.menu-item-teach a::after {
	content: "Обучение";
}

.gc-account-user-menu li.menu-item-prolongation a::after {
	content: "Продление";
}

.gc-account-user-menu li.menu-item-user a::after {
	content: "Ученики";
}

.gc-account-user-menu li.menu-item-tasks a::after {
	content: "Процессы";
}

.gc-account-user-menu li.menu-item-notifications a::after {
	content: "Сообщения";
}

.gc-account-user-menu li.menu-item-sales a::after {
	content: "Покупки";
}

.gc-account-user-menu li.menu-item-chatium a::after {
	content: "Mobile";
}
/* ------------- 
content finish - leftbar
------------- */