@import url(/pl/cms/layout/css?id=37278&hash=33520d4531a16e7af89a8453c635ecb9&bundle=1);

/* Скругляем аватарку */
.menu-item.menu-item-profile .menu-item-icon {
    border-radius: 60%;
}

/* Задаем аватарке размер и обводку цветом */
.menu-item.menu-item-profile img {
    border: 2px solid #2070ff;
    width: 48px;
    height:48px;
}

.gc-account-leftbar .notify-count {
    background-color: #d93264;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count {
 background: #d93264;
}

/* шрифт */
/* Font Graphik-Regular-Web. Type Today LLC*/
@font-face {
    font-family: 'Graphik-Regular-Web';
    font-style: normal;
    font-weight: 400;
  }
  

/* шрифт боковой панели */
.gc-account-user-submenu-bar h3, .gc-account-user-submenu-bar .gc-account-user-submenu li a, .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link, .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .mark-viewed-all {
    font-family: 'Graphik-Bold-Web' !important;
}

/* кнопка обратной связи правый нижний угол */
.talks-widget-button {
    background: #2070ff !important;
}

.gc-account-leftbar .gc-account-user-menu li a {
  background:inherit;
}

.gc-account-leftbar .gc-account-user-menu li {
  border-bottom: none;
}

/* Фоновое изображение */
.gc-account-leftbar,
.gc-account-leftbar.expanded .toggle-link {
    background: #eeeeee! important;
}

.menu-item-notifications_button_small img.menu-item-icon,
.menu-item-cms img.menu-item-icon,
.menu-item-user img.menu-item-icon,
.menu-item-tasks img.menu-item-icon,
.menu-item-teach 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-notifications_button_small a:after { content:url(https://img.icons8.com/quill/40/2070ff/speaker.png) !important;}


/*Сайт*/
li.menu-item-cms a:after { content:url(https://img.icons8.com/quill/40/2070ff/wifi.png) !important; }

li.menu-item.menu-item-cms.selected a:after { content:url(https://img.icons8.com/quill/40/1d1d1d/wifi.png) !important; }

li.menu-item.menu-item-cms.active a:after { content:url(https://img.icons8.com/quill/40/1d1d1d/wifi.png) !important; }


/*Обучение*/
li.menu-item-teach a:after { content:url(https://img.icons8.com/quill/40/2070ff/performance-macbook.png) !important; }

li.menu-item-teach.selected a:after { content:url(https://img.icons8.com/quill/40/1d1d1d/performance-macbook.png) !important; }

li.menu-item-teach.active a:after { content:url(https://img.icons8.com/quill/40/1d1d1d/performance-macbook.png) !important; }

/*Пользователи*/
li.menu-item-user a:after { content:url(https://img.icons8.com/quill/40/2070ff/myspace-squared.png) !important; }

li.menu-item.menu-item-user.selected a:after { content:url(https://img.icons8.com/quill/40/1d1d1d/myspace-squared.png) !important; }

li.menu-item.menu-item-user.active a:after { content:url(https://img.icons8.com/quill/40/1d1d1d/myspace-squared.png) !important; }

/*Задачи*/
li.menu-item-tasks a:after { content:url(https://img.icons8.com/quill/40/2070ff/test.png) !important; }

li.menu-item-tasks.selected a:after { content:url(https://img.icons8.com/quill/40/1d1d1d/test.png) !important; }

li.menu-item-tasks.active a:after { content:url(https://img.icons8.com/quill/40/1d1d1d/test.png) !important; }

/*Сообщения*/
li.menu-item-notifications a:after { content:url(https://img.icons8.com/quill/40/2070ff/sms.png) !important; }

li.menu-item-notifications.selected a:after { content:url(https://img.icons8.com/quill/40/1d1d1d/sms.png) !important; }

li.menu-item-notifications.active a:after { content:url(https://img.icons8.com/quill/40/1d1d1d/sms.png) !important; }

/*Продажи*/
li.menu-item-sales a:after { content:url(https://img.icons8.com/quill/40/2070ff/card-in-use.png) !important; }

li.menu-item-sales.selected a:after { content:url(https://img.icons8.com/quill/40/1d1d1d/card-in-use.png) !important; }

li.menu-item-sales.active a:after { content:url(https://img.icons8.com/quill/40/1d1d1d/card-in-use.png) !important; }

/* Прячем старую иконку чатиума полностью
li.menu-item-chatium a:after { content:url(https://img.icons8.com/pastel-glyph/40/ffffff/medical-mobile-app.png) !important; }*/

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

a.subitem-link:after {
  display:none;
}

.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:none!important;
}


/* Цвет фона подменю */
.gc-account-leftbar .gc-account-user-menu li a:hover,
.gc-account-leftbar .gc-account-user-submenu-bar,
.gc-account-leftbar .gc-account-user-menu li.selected a,
.gc-account-leftbar .gc-account-user-menu li.active a  {
  color: #d93264;
  font-family: 'Graphik-Regular-Web' !important;
}


/* Фон панели на мобильной версии */
@media (max-width: 768px) {
  .gc-account-leftbar .gc-account-user-menu,
  .gc-account-leftbar .toggle-link {
    background: #eeeeee!important;
    }
}

.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small) a,
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small).active a, 
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small).selected a {
  background-position: 50% 30%!important;
  display: flex!important;
  flex-direction: column-reverse!important;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-decoration:none;
}

.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small) a {
  min-height: 70px;
}

.gc-account-leftbar li:not(.menu-item-profile):not(.menu-item-notifications_button_small) .notify-count { 
  bottom: unset;
  top: 40%;
}

.gc-account-user-menu li.active a:before, 
.gc-account-user-menu li.selected a:before {
  color: #eeeeee!important;
}

.gc-account-user-menu li a:before {
  display: block;
  text-align: center;
  max-width: calc(100% + 20px);
  min-height: 1em;
  width: calc(100% + 20px);
  overflow: hidden;
  position: relative;
  margin: 5px -10px 0; 
  color: #2070ff!important;
  font-family: 'Graphik-Semibold-Web' !important;
  font-size: 10px;

}

item.menu-item-tasks a:hover, li.menu-item.menu-item-notifications a:hover, li.menu-item.menu-item-sales a:hover, li.menu-item.menu-item-chatium a:hover {
    background: #eeeeee;
    border-radius: 10px 10px 10px 10px; 
}

.gc-account-leftbar .gc-account-user-menu li {
    overflow: hidden;
}

.gc-account-leftbar .gc-account-user-menu li.active a, .gc-account-leftbar .gc-account-user-menu li.selected a {
	  background: #eeeeee;
    border-radius: 10px 10px 10px 10px;
   	border: 5px #eeeeee solid !important;
}

.menu-item.active {
	background: #eeeeee !important;
}

.menu-item.selected {
	background: #eeeeee !important;
}

.menu-item-profile .menu-item-icon {
    border-radius: 5px;
    width: 80px;
    border: 0px solid;
	margin-left: 5px;
}

.gc-account-user-submenu-bar {
	margin-left: 10px;
}

li.menu-item.menu-item-notifications_button_small a:after {
    padding-left: 5px;
}

li.menu-item.menu-item-notifications_button_small.selected a:after {
    padding-left: 5px;
}
}

/* mobile */
@media (max-width: 767px) {

li.menu-item.menu-item-notifications_button_small a:after {
    padding-left: 0px;
}

li.menu-item.menu-item-notifications_button_small.selected a:after {
    padding-left: 0px;
}

.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;
}

.gc-account-leftbar a.toggle-link::before {
    content: "";
    position: absolute !important;
    top: 5px;
    left: 5px;
    width: 35px !important;
    height: 35px !important;
    background: url("data:image/svg+xml,<svg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='16.5' cy='16.5' r='16.5' fill='white'/><path d='M7.5625 12.1875L24.75 12.1875' stroke='%232070ff' stroke-width='2'/><path d='M7.5625 21.8125L24.75 21.8125' stroke='%232070ff' stroke-width='2'/><path d='M7.5625 17L24.75 17' stroke='%232070ff' stroke-width='2'/></svg>%0A") no-repeat;
    background-position: left center;
    background-size: auto 100%;
}

.gc-page-nav-items-menu a, .gc-account-leftbar .toggle-link, .gc-account-leftbar .gc-account-user-menu li a, .gc-account-leftbar .gc-account-user-menu {
    background: #eeeeee !important;
}

.gc-account-user-submenu-bar {
	margin-left: 0px;
}

.gc-account-leftbar .gc-account-user-menu li a:hover {
	background: #eeeeee !important;
}

.gc-account-leftbar .gc-account-user-menu li.active a, .gc-account-leftbar .gc-account-user-menu li.selected a {
	background: #eeeeee!important;
}
}

/*@media (max-height: 550px) {
.gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) .menu-item-icon {
    max-height: 55px;
}
}*/

.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small) a,
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small).active a, 
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small).selected a {
  background-position: 50% 30%!important;
  display: flex!important;
  flex-direction: column-reverse!important;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-decoration:none;
}

.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small) a {
  min-height: 70px;
}

.gc-account-leftbar li:not(.menu-item-profile):not(.menu-item-notifications_button_small) .notify-count { 
  bottom: unset;
  top: 40%;
}

.gc-account-user-menu li.active a:before, 
.gc-account-user-menu li.selected a:before {
  color: #1d1d1d!important;
}

.gc-account-user-menu li a:before {
  display: block;
  text-align: center;
  max-width: calc(100% + 20px);
  min-height: 1em;
  width: calc(100% + 20px);
  overflow: hidden;
  position: relative;
  margin: 5px -10px 0; 
  color: #1d1d1d;
  font-family: 'Graphik-Regular-Web'!important;
  position: absolute;
  bottom: 5px; 
  left: -5px;
}

.gc-account-user-menu li.active a:before, .gc-account-user-menu li.selected a:before {
    color: #950a33!important;
}

.gc-account-user-menu li.menu-item-cms a:before {
  content: "Сайт";
  font-family: 'Graphik-Regular-Web' !important;
}
.gc-account-user-menu li.menu-item-teach a:before {
  content: "Уроки";
  font-family: 'Graphik-Regular-Web' !important;
}

.gc-account-user-menu li.menu-item-user a:before {
  content: "Ученики";
  font-family: 'Graphik-Regular-Web' !important;
}

.gc-account-user-menu li.menu-item-tasks a:before {
  content: "Заметки";
  font-family: 'Graphik-Regular-Web' !important;
}

.gc-account-user-menu li.menu-item-notifications a:before {
  content: "Связь";
  font-family: 'Graphik-Regular-Web' !important;
}

.gc-account-user-menu li.menu-item-sales a:before {
  content: "Покупки";
    font-family: 'Graphik-Regular-Web', sans-serif !important;
}
.gc-account-user-menu li.menu-item-chatium a:before {
  content: "Chatium";
    font-family: 'Graphik-Regular-Web' !important;
}


/* субменю */
.gc-account-leftbar .gc-account-user-submenu-bar {
    background: #fff !important;
}

.gc-account-user-submenu-bar h3 {
    color: #1D1D1D;
    font-size: 25px;
	  font-weight: semi-bold;
	  padding-left: 18px;
}

.gc-account-user-submenu-bar a {
    border-radius: 6px !important;
    background-color: #ffffff !important;
    margin: 2px 12px 2px 6px !important;
	  padding: 10px !important;
}
    
.gc-account-user-submenu-bar a:hover{
    background-color: #2070ff !important;
    border-radius: 6px !important; 
	margin: 2px 12px 2px 6px !important;
	padding: 10px !important;	
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    color: #1D1D1D;
    position: relative !important;
    z-index: 9999;
    transition: all 0.3s ease;
	font-weight: lighter ;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    color: #fff;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link {
    color: #1D1D1D;
    position: relative !important;
    z-index: 9999;
    transition: all 0.3s ease;
	  font-weight: lighter ;
    font-family: 'Graphik-Regular-Web' !important;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link:hover {
    color: #d93264;
    font-family: 'Graphik-Regular-Web' !important;
}

.gc-account-leftbar .gc-account-user-submenu-bar {
    background: #fff;
    box-shadow: 5px 0px 5px RGBA(240,240,240,0.4);
   }

.all-notifications-header-link-wrapper {
	padding: 5px !important;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .mark-viewed-all {
    float: right;
    margin-top: 8px;
    font-size: 0.75em;
    cursor: pointer;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link {
    background: #d93264;
}

/* desktop */
@media (min-width: 768px) {
  
.gc-account-leftbar {
    background: #eeeeee;	
    width: 75px;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 10002;
    position: fixed;
    padding: 0;
    font-size: 14px;
    margin: 0;
}

.gc-account-leftbar .gc-account-user-menu li a {
    transition: all 0.3s;
    border-bottom: 0px solid !important;
    border: 5px #eeeeee solid !important;
    border-radius: 10px 10px 10px 10px;
}

.menu-item.menu-item-profile.selected {
	border-radius: 0px 10px 10px 0px;
}

li.menu-item-notifications_button_small a, li.menu-item.menu-item-profile a {
	background: #eeeeee !important;
}

li.menu-item.menu-item-notifications_button_small a, li.menu-item.menu-item-profile a {
	background: #eeeeee !important;
}

li.menu-item.menu-item-notifications_button_small a:hover, li.menu-item.menu-item-profile a:hover {
	background: #eeeeee !important;
} 

li.menu-item.menu-item-cms a, li.menu-item.menu-item-teach a, li.menu-item.menu-item-user a, li.menu-item.menu-item-tasks a, li.menu-item.menu-item-notifications a, li.menu-item.menu-item-sales a, li.menu-item.menu-item-chatium a {
	background: #eeeeee;
}

li.menu-item.menu-item-cms a:hover, li.menu-item.menu-item-teach a:hover, li.menu-item.menu-item-user a:hover, li.menu-item.menu-item-tasks a:hover, li.menu-item.menu-item-notifications a:hover, li.menu-item.menu-item-sales a:hover, li.menu-item.menu-item-chatium a:hover {
    background: #eeeeee;
    border-radius: 10px 10px 10px 10px; 
}

.gc-account-leftbar .gc-account-user-menu li {
    overflow: hidden;
}

.gc-account-leftbar .gc-account-user-menu li.active a, .gc-account-leftbar .gc-account-user-menu li.selected a {
	  background: #eeeeee;
    border-radius: 10px 10px 10px 10px;
   	border: 5px #eeeeee solid !important;
}

.menu-item.active {
	background: #eeeeee !important;
}

.menu-item.selected {
	background: #eeeeee !important;
}
    
    .gc-account-leftbar .gc-account-user-menu li a:hover {
    background-color: #eeeeee !important;
}

.menu-item-profile .menu-item-icon {
    border-radius: 5px;
    width: 80px;
    border: 0px solid;
	margin-left: 5px;
}

.gc-account-user-submenu-bar {
	margin-left: 10px;
}

li.menu-item.menu-item-notifications_button_small a:after {
    padding-left: 5px;
}

li.menu-item.menu-item-notifications_button_small.selected a:after {
    padding-left: 5px;
}
}

/* mobile */
@media (max-width: 767px) {

li.menu-item.menu-item-notifications_button_small a:after {
    padding-left: 0px;
}

li.menu-item.menu-item-notifications_button_small.selected a:after {
    padding-left: 0px;
}

.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;
}

.gc-account-leftbar a.toggle-link::before {
    content: "";
    position: absolute !important;
    top: 5px;
    left: 5px;
    width: 35px !important;
    height: 35px !important;
    background: url("data:image/svg+xml,<svg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='16.5' cy='16.5' r='16.5' fill='white'/><path d='M7.5625 12.1875L24.75 12.1875' stroke='%232070ff' stroke-width='2'/><path d='M7.5625 21.8125L24.75 21.8125' stroke='%232070ff' stroke-width='2'/><path d='M7.5625 17L24.75 17' stroke='%232070ff' stroke-width='2'/></svg>%0A") no-repeat;
    background-position: left center;
    background-size: auto 100%;
}

.gc-page-nav-items-menu a, .gc-account-leftbar .toggle-link, .gc-account-leftbar .gc-account-user-menu li a, .gc-account-leftbar .gc-account-user-menu {
    background: #eeeeee !important;
}

.gc-account-user-submenu-bar {
	margin-left: 0px;
}

.gc-account-leftbar .gc-account-user-menu li a:hover {
	background: #eeeeee !important;
}

.gc-account-leftbar .gc-account-user-menu li.active a, .gc-account-leftbar .gc-account-user-menu li.selected a {
	background: #eeeeee!important;
}

.gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) .menu-item-icon {
    max-height: 55px;
}
}

.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small) a,
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small).active a, 
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small).selected a {
  background-position: 50% 30%!important;
  display: flex!important;
  flex-direction: column-reverse!important;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-decoration:none;
}

.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small) a {
  min-height: 70px;
}

.gc-account-leftbar li:not(.menu-item-profile):not(.menu-item-notifications_button_small) .notify-count { 
  bottom: unset;
  top: 40%;
}

.gc-account-user-menu li.active a:before, 
.gc-account-user-menu li.selected a:before {
  color: #1d1d1d!important;
}

.gc-account-user-menu li.active a:before, .gc-account-user-menu li.selected a:before {
    color: #1d1d1d!important;
}


.builder-item.part-manyPositions {
    display: flex;
    flex-direction: column;
}

.gc-account-leftbar .gc-account-user-submenu-bar {
   display: flex;
   flex-direction: column;
   position: absolute;
    top: 0;
    left: 65px;
    width: 200px;
    height: 100%;
    background: #F0F0F0; 
}

.gc-account-leftbar .gc-account-user-submenu-bar:after {
    content: "";
    display: block;
    height: 68px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/738302/sc/139/h/baa825e0be22d904966b7f930415ec50.png) center / contain no-repeat;
    margin-top: auto;
    margin-bottom: 10px;
}