/*
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  /*шрифт*/
  --font-family: "Montserrat", sans-serif;
  --second-family: "Alegreya Sans", sans-serif;
  --third-family: "Alegreya Sans SC", sans-serif;
  /*Фон*/
  --leftbar-width: 70px;
  --leftbar-radius: 0;
  --leftbar-bg: #e4ddce;
  --leftbar-shadow: none;

  --submenu-width: 200px;
  --submenu-radius: 0;
  --submenu-bg: #F6F2E7;

  /*Пункты меню*/
  --leftbar-menu-item-width: 70px;
  --leftbar-menu-item-height: 70px;
  --leftbar-menu-item-radius: 6px;
  --leftbar-menu-item-gap: 0px;

  --leftbar-menu-item-bdr-width: 0;
  --leftbar-menu-item-bdr-style: solid;
  --leftbar-menu-item-bdr-color: transparent;

  --leftbar-menu-item-bg-color-default: rgba(0, 0, 0, 0);
  --leftbar-menu-item-bg-color-hover: #fff;
  --leftbar-menu-item-bg-color-active: #fff;


  /*Уведомления*/
  --notifications-top: 0px;
  --notifications-right: -8px;
  --notifications-radius: 10px;
  --notifications-bg-color: #A3D891;
  --notifications-font-color: #fff;

  /*Аватарка*/
  --avatar-width: 67px;
  --avatar-height: 67px;
  --avatar-top: 0px;
  --avatar-bottom: 4px;
  --avatar-radius: 0px;
  --avatar-bdr-width: 0px;
  --avatar-bdr-style: solid;
  --avatar-bdr-color: #403f3f;

  /*Типографика*/
  --font-family: "Montserrat", sans-serif;
  --second-family: "Alegreya Sans", sans-serif;
  --third-family: "Alegreya Sans SC", sans-serif;
  --leftbar-menu-item-font: "Alegreya Sans", sans-serif;
  --leftbar-menu-item-font-size: 14px;
  /*--leftbar-menu-item-font-size: 12px;*/
  --leftbar-menu-item-font-weight: 600;
  --leftbar-menu-item-text-transform: none;

  --leftbar-menu-item-font-color-default: #ffffff;
  --leftbar-menu-item-font-color-hover: ;
  --leftbar-menu-item-font-color-active: #2c3e50;

  --submenu-title-font: "Alegreya Sans", sans-serif;
  --submenu-title-font-size: 18px;
  --submenu-title-font-weight: 700;
  --submenu-title-font-color: #373535;

  --submenu-menu-font: "Montserrat", sans-serif;
  --submenu-menu-font-size: 16px;
  --submenu-menu-font-weight: 400;
  --submenu-menu-text-transform: none;
  --submenu-menu-font-color-default: #2f2f2f;
  --submenu-menu-bg-color-hover: #E4DDCE;
  --submenu-menu-font-color-hover: #09122B;

  /*Иконки*/
  --pack-icons: inline-block;
  --leftbar-menu-icon-size: 24px;

  --leftbar-menu-icon-notifications: url(https://fs.getcourse.ru/fileservice/file/download/a/162908/sc/251/h/3daddf7c9792c59b961cb45af98a3201.svg);
  --leftbar-menu-icon-cms: url(https://fs.getcourse.ru/fileservice/file/download/a/162908/sc/7/h/07ffe20721fad07929c2d25350786583.svg);
  --leftbar-menu-icon-teach: url(https://fs.getcourse.ru/fileservice/file/download/a/162908/sc/500/h/5aab4550575d2c53430884570eba4170.svg);
  --leftbar-menu-icon-user: url(https://fs.getcourse.ru/fileservice/file/download/a/60915/sc/92/h/f05236ee2043d79316b08de6c019d9b0.svg);
  --leftbar-menu-icon-tasks: url(https://fs.getcourse.ru/fileservice/file/download/a/60915/sc/456/h/3581676c138713d0238de12058acd242.svg);
  --leftbar-menu-icon-mail: url(https://fs.getcourse.ru/fileservice/file/download/a/162908/sc/154/h/be8d55fcb7b97d185120aa5715d59572.svg);
  --leftbar-menu-icon-sales: url(https://fs.getcourse.ru/fileservice/file/download/a/162908/sc/306/h/e7f67d177ed08a2e5c4ed87c8e1c225f.svg);
  --leftbar-menu-icon-chatium: url(https://fs.getcourse.ru/fileservice/file/download/a/162908/sc/415/h/17416d50b4628da30197096b6c284183.svg);

  --leftbar-menu-icon-active-notifications: url(https://fs.getcourse.ru/fileservice/file/download/a/162908/sc/251/h/3daddf7c9792c59b961cb45af98a3201.svg);
  --leftbar-menu-icon-active-cms: url(https://fs.getcourse.ru/fileservice/file/download/a/162908/sc/7/h/07ffe20721fad07929c2d25350786583.svg);
  --leftbar-menu-icon-active-teach: url(https://fs.getcourse.ru/fileservice/file/download/a/162908/sc/500/h/5aab4550575d2c53430884570eba4170.svg);
  --leftbar-menu-icon-active-user: url(https://fs.getcourse.ru/fileservice/file/download/a/60915/sc/92/h/f05236ee2043d79316b08de6c019d9b0.svg);
  --leftbar-menu-icon-active-tasks: url(https://fs.getcourse.ru/fileservice/file/download/a/60915/sc/456/h/3581676c138713d0238de12058acd242.svg);
  --leftbar-menu-icon-active-mail: url(https://fs.getcourse.ru/fileservice/file/download/a/162908/sc/154/h/be8d55fcb7b97d185120aa5715d59572.svg);
  --leftbar-menu-icon-active-sales: url(https://fs.getcourse.ru/fileservice/file/download/a/162908/sc/306/h/e7f67d177ed08a2e5c4ed87c8e1c225f.svg);
  --leftbar-menu-icon-active-chatium: url(https://fs.getcourse.ru/fileservice/file/download/a/162908/sc/415/h/17416d50b4628da30197096b6c284183.svg);

  --leftbar-menu-icon-notifications-img: none;
  --leftbar-menu-icon-cms-img: none;
  --leftbar-menu-icon-teach-img: none;
  --leftbar-menu-icon-user-img: none;
  --leftbar-menu-icon-tasks-img: none;
  --leftbar-menu-icon-mail-img: none;
  --leftbar-menu-icon-sales-img: none;
  --leftbar-menu-icon-chatium-img: none;

  /*Лого*/
  --leftbar-logo-content: none;
  --leftbar-logo: ;
  --leftbar-logo-width: 70px;
  --leftbar-logo-height: 70px;
  --leftbar-logo-top: 0px;
  --leftbar-logo-bottom: 0px;
  --leftbar-logo-padding: 0;
}


.gc-account-leftbar {
  background: var(--leftbar-bg);
  width: var(--leftbar-width);
  left: 0;
  top: 0;
  height: 100%;
  z-index: 10002;
  position: fixed;
  margin: 0;
  padding: 0;
  border-radius: var(--leftbar-radius);
  box-shadow: var(--leftbar-shadow);
}

.gc-main-content.with-left-menu {
  margin-left: var(--leftbar-width);
}

.gc-fade-wrapper .gc-fade {
  left: 0;
}

.gc-account-leftbar .toggle-link {
  background: var(--leftbar-bg);
  padding-top: 5px;
  display: none;
  position: absolute;
  left: 0;
  text-align: left;
  padding-left: 8px;
  height: 100%;
  width: 30px;
  color: white;
}

/*Меню*/
.gc-account-leftbar .gc-account-user-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  background: transparent;
}

.gc-account-leftbar .gc-account-user-menu li {
  padding: 0;
  list-style: none;
  border-bottom: 1px solid transparent;
  text-align: center;
  position: relative;
  margin: 0 auto;
  margin-bottom: var(--leftbar-menu-item-gap);
}

.gc-account-leftbar .gc-account-user-menu li a {
  position: relative;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border-width: var(--leftbar-menu-item-bdr-width);
  border-style: var(--leftbar-menu-item-bdr-style);
  border-color: var(--leftbar-menu-item-bdr-color);
  border-radius: var(--leftbar-menu-item-radius);
  vertical-align: middle;
  color: white;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  width: var(--leftbar-menu-item-width);
  height: var(--leftbar-menu-item-height);
  background: #fff;
  line-height: 12px;
  text-decoration: none;
  transition: .2s linear;
}

/*Свои иконки*/
.gc-account-leftbar .gc-account-user-menu li:not(:first-of-type) a img {
  display: var(--pack-icons) !important;
}

/* Уведомления */
li.menu-item.menu-item-notifications_button_small a img {
  display: var(--leftbar-menu-icon-notifications-img);
}

li.menu-item.menu-item-notifications_button_small a:after {
  content: var(--leftbar-menu-icon-notifications, none);
}

li:not(.active):not(.selected).menu-item.menu-item-notifications_button_small a:hover:after {
  content: var(--leftbar-menu-icon-active-notifications, var(--leftbar-menu-icon-notifications, none));
}

/* Сайт */
li.menu-item.menu-item-cms a img {
  display: var(--leftbar-menu-icon-cms-img);
}

li.menu-item.menu-item-cms a:after {
  content: var(--leftbar-menu-icon-cms, none);
}

li:not(.active):not(.selected).menu-item.menu-item-cms a:hover:after {
  content: var(--leftbar-menu-icon-active-cms, var(--leftbar-menu-icon-cms, none));
}

/* Обучение */
li.menu-item.menu-item-teach a img {
  display: var(--leftbar-menu-icon-teach-img);
}

li.menu-item.menu-item-teach a:after {
  content: var(--leftbar-menu-icon-teach, none);
}

li:not(.active):not(.selected).menu-item.menu-item-teach a:hover:after {
  content: var(--leftbar-menu-icon-active-teach, var(--leftbar-menu-icon-teach, none));
}

/* Пользователи */
li.menu-item.menu-item-user a img {
  display: var(--leftbar-menu-icon-user-img);
}

li.menu-item.menu-item-user a:after {
  content: var(--leftbar-menu-icon-user, none);
}

li:not(.active):not(.selected).menu-item.menu-item-user a:hover:after {
  content: var(--leftbar-menu-icon-active-user, var(--leftbar-menu-icon-user, none));
}

/* Задачи */
li.menu-item.menu-item-tasks a img {
  display: var(--leftbar-menu-icon-tasks-img);
}

li.menu-item.menu-item-tasks a:after {
  content: var(--leftbar-menu-icon-tasks, none);
}

li:not(.active):not(.selected).menu-item.menu-item-tasks a:hover:after {
  content: var(--leftbar-menu-icon-active-tasks, var(--leftbar-menu-icon-tasks, none));
}

/* Сообщения */
li.menu-item.menu-item-notifications a img {
  display: var(--leftbar-menu-icon-mail-img);
}

li.menu-item.menu-item-notifications a:after {
  content: var(--leftbar-menu-icon-mail, none);
}

li:not(.active):not(.selected).menu-item.menu-item-notifications a:hover:after {
  content: var(--leftbar-menu-icon-active-mail, var(--leftbar-menu-icon-mail, none));
}

/* Продажи */
li.menu-item.menu-item-sales a img {
  display: var(--leftbar-menu-icon-sales-img);
}

li.menu-item.menu-item-sales a:after {
  content: var(--leftbar-menu-icon-sales, none);
}

li:not(.active):not(.selected).menu-item.menu-item-sales a:hover:after {
  content: var(--leftbar-menu-icon-active-sales, var(--leftbar-menu-icon-sales, none));
}

/* Приложение*/
li.menu-item.menu-item-chatium a img {
  display: var(--leftbar-menu-icon-chatium-img);
}

.menu-item.menu-item-chatium a:after {
  content: var(--leftbar-menu-icon-chatium, none);

}

li:not(.active):not(.selected).menu-item.menu-item-chatium a:hover:after {
  content: var(--leftbar-menu-icon-active-chatium, var(--leftbar-menu-icon-chatium, none));
}

/*Пак иконок*/
.gc-account-leftbar .gc-account-user-menu li a svg {
  width: var(--leftbar-menu-icon-size);
  height: var(--leftbar-menu-icon-size);
}

.gc-account-leftbar .gc-account-user-menu li a svg path {
  transition: .2s linear;
}

/*Актив, селектед, ховер*/
.gc-account-leftbar .gc-account-user-menu li.active a,
.gc-account-leftbar .gc-account-user-menu li.selected a {
  background: var(--leftbar-menu-item-bg-color-active);
}

.gc-account-leftbar .gc-account-user-menu li:not(.active):not(.selected) a:hover {
  background: var(--leftbar-menu-item-bg-color-hover);
}

/*Пункт меню Уведомления*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
  height: var(--leftbar-menu-item-height, 70px);
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
  bottom: 50px;
  right: var(--notifications-right);
}

/*Уведомления на пунктах меню*/
.gc-account-leftbar .notify-count {
  position: absolute;
  font-family: Gilroy;
  font-weight: 600;
  background: var(--notifications-bg-color) !important;
  padding: 2.5px 0px;
  color: var(--notifications-font-color);
  border-radius: var(--notifications-radius);
  font-size: 11px;
  bottom: 10px;
  right: 10px;
  width: 26px;
  height: 17px;
  text-align: center;
}

.gc-account-leftbar .gc-account-user-menu .notify-count {
  bottom: auto !important;
  left: auto !important;
  right: var(--notifications-right);
  top: var(--notifications-top);
}

/*Аватарка*/
.gc-account-leftbar .gc-account-user-menu li:first-child {
  margin-top: var(--avatar-top);
  margin-bottom: var(--avatar-bottom);
  background-color: #403f3f;
}

.gc-account-leftbar .gc-account-user-menu li:first-child a {
  overflow: hidden;
  padding: 0;
  border-width: var(--avatar-bdr-width);
  border-style: var(--avatar-bdr-style);
  background-color: #403f3f;
  border-radius: var(--avatar-radius);
}

.gc-account-user-menu li.menu-item-cms a:before {
  content: "Сайт";
  top: 53px;
}

.gc-account-user-menu li.menu-item-teach a:before {
  content: "Уроки";
  top: 53px;
}

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

.gc-account-user-menu li.menu-item-tasks a:before {
  content: "Задачи";
  top: 53px;
}

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

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

.gc-account-user-menu li.menu-item-chatium a:before {
  content: "Приложение";
  top: 53px;
}

.gc-account-user-menu li a:before {
  position: absolute;
  bottom: 4px;
  margin: 0px 0px 0px
}

.gc-account-user-menu li a:before {
  font-family: 'Montserrat';
  font-weight: 500;
  font-size: 8px;
/*  font-size: 10px;*/
  color: #373535;
}

/*Подписи на пунктах*/
.gc-account-leftbar .menu-item-label {
  display: block;
  font-family: var(--leftbar-menu-item-font, "Helvetica Neue", Helvetica, Arial, sans-serif);
  font-size: var(--leftbar-menu-item-font-size);
  font-weight: var(--leftbar-menu-item-font-weight);
  color: var(--leftbar-menu-item-font-color-default);
  text-align: center;
  margin-bottom: -3px;
  margin-top: 3px;
  text-transform: var(--leftbar-menu-item-text-transform);
}

.gc-account-leftbar li.active .menu-item-label,
.gc-account-leftbar li.selected .menu-item-label {
  color: var(--leftbar-menu-item-font-color-active, #2c3e50);
  font-size: var(--leftbar-menu-item-font-size);
}

.gc-account-leftbar li:not(.active):not(.selected) a:hover .menu-item-label {
  color: var(--leftbar-menu-item-font-color-hover, #2c3e50);
}

/*под пунктом меню*/
.gc-account-leftbar .item-title_v1 .menu-item-label {
  position: absolute;
  top: calc(100% + 5px);
  margin: 0;
  transition: .2s linear;
}

.gc-account-leftbar .gc-account-user-menu li:not(:first-of-type).item-title_v1 {
  padding-bottom: 20px;
}

.gc-account-leftbar .gc-account-user-menu li.item-title_v1 a {
  justify-content: center;
  flex-direction: row;
}

.gc-account-leftbar .gc-account-user-menu li:first-of-type.item-title_v1 a {
  flex-direction: column;
}

/*Подменю*/
.gc-account-leftbar .gc-account-user-submenu-bar {
  position: absolute;
  top: 0;
  left: var(--leftbar-width, 70px);
  width: var(--submenu-width, 200px);
  height: 100%;
  background: var(--submenu-bg, #F0F0F0);
  border-radius: var(--submenu-radius, 0);
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small {
  width: 340px;
}

.gc-account-user-submenu-bar h3 {
  font-family: var(--second-family, inherit);
  font-size: var(--submenu-title-font-size, 18px);
  font-weight: var(--submenu-title-font-weight, 700);
  color: var(--submenu-title-font-color, #7f8c9a);
  text-transform: uppercase;
  padding-right: 10px;
  margin-top: 20px;
  padding-left: 20px;
  margin-bottom: 20px;
}

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

.gc-account-user-submenu-bar .gc-account-user-submenu li {
  font-family: var(--submenu-menu-font, "proxima-nova", "Lato", Helvetica, Arial, sans-serif);
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
  display: block;
  color: var(--submenu-menu-font-color-default, #34495e);
  padding-left: 20px;
  text-transform: var(--submenu-menu-text-transform, uppercase);
  font-family: var(--second-family, sans-serif);
  font-size: var(--submenu-menu-font-size, 1.1em);
  font-weight: var(--submenu-menu-font-weight, 700);
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
  padding-right: 10px;
  transition: .2s linear;
  text-decoration: none;
  background-color: transparent;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
  background: var(--submenu-menu-bg-color-hover, #E0E0E0);
  color: var(--submenu-menu-font-color-hover, #34495e);
}

/*Лого*/
.gc-account-leftbar .gc-account-user-menu {
  padding-top: calc(var(--leftbar-logo-padding) + var(--leftbar-logo-top) + var(--leftbar-logo-bottom));
}

.gc-account-leftbar .gc-account-user-menu:before {
  content: var(--leftbar-logo-content);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  width: min(var(--leftbar-logo-width), var(--leftbar-width));
  height: var(--leftbar-logo-height);
  margin: 0 auto;
  margin-top: var(--leftbar-logo-top);
  margin-bottom: var(--leftbar-logo-bottom);
  background: var(--leftbar-logo) 50%/contain no-repeat;
}

.common-banner-wrapper {
  left: calc(var(--leftbar-width) + 5px) !important;
}

@media (max-width: 768px) {
  .gc-account-leftbar {
    bottom: 0;
    top: auto;
    z-index: 1000;
  }

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

  .gc-account-leftbar:not(.expanded) {
    width: 100%;
    cursor: pointer;
    height: 45px;
    bottom: 0;
  }

  .gc-account-leftbar .toggle-link {
    background: var(--leftbar-bg);
    display: block;
    width: 100%;
    bottom: 0;
    height: 45px;
    z-index: 100;
  }

  .gc-account-leftbar.expanded .toggle-link {
    display: block;
    width: 100%;
    position: fixed;
  }

  .gc-account-leftbar .gc-account-user-menu {
    margin-bottom: 45px;
    background: transparent;
    width: 100%;
    height: 100%;
  }

  .gc-account-leftbar.expanded {
    height: 100%;
    background: var(--leftbar-bg);
  }

  .gc-fade-wrapper .gc-fade {
    opacity: 0.5;
  }
}

.gc-account-leftbar .gc-account-user-menu li:not(:first-of-type) a img {
  display: none !important;
}


.gc-account-leftbar .gc-account-user-menu li:not(:first-child) a {
  margin: 14px 9px 14px 9px;
  width: 50px;
  height: 50px !important;
  background: var(--leftbar-menu-item-bg-color-active) !important;

}

.gc-account-leftbar .gc-account-user-menu li.active a {
  border-radius: 6px;
  background: var(--leftbar-menu-item-bg-color-active) !important;
}

.gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-notifications_button_small a {
  margin: 0px 9px 0px 9px;
  width: 50px;
  height: 50px !important;
  background: none !important;

}

.gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-cms a {
  margin: 0px 9px 14px 9px;

}

.talks-widget-button {
  background: #403f3f;
  content: url(https://fs.getcourse.ru/fileservice/file/download/a/162908/sc/334/h/5405301aef86efffc025c4acb27ee59c.svg);
  padding: 0 !important;
  width: 55px;
  height: 55px;
}
.fa-comments::before {
  content: "";

}

.gc-account-leftbar a.toggle-link::before {
  content: "";
  position: absolute !important;
  top: 5px;
  left: 6px;
  width: 35px !important;
  height: 35px !important;
  background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/162908/sc/489/h/0c79478560a9f516f6342ec87c783362.svg) !important;
  background-size: cover !important;
}

@media (max-width: 768px) {
 .gc-page-nav-items-menu a {
    background:var(--leftbar-bg);
    color:#403F3F!important;
  }
}

img.menu-item-icon[src="/public/img/default_profile_50.png"] {
  display: none;
}

.gc-account-user-menu .menu-item-profile a {
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/162908/sc/294/h/1f2f6955ff30e6feaa925bea2c4186f1.svg) 50% !important;
  background-size: cover !important;
  height: 67px !important;
  display: block !important;
}