@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');

@font-face {
  font-family: 'Gotham Pro';
  src: url('/fileservice/file/download/h/daf13e2e73f403443b54276f8f73dbde.ttf/a/7775/sc/244') format('truetype'),
    url('/fileservice/file/download/h/73cf240d79f5a0147acbd50003379745.woff/a/7775/sc/42') format('woff'),
    url('/fileservice/file/download/h/75e4665a011f9aabe89783839c8a3d25.woff2/a/7775/sc/114') format('woff2');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url('/fileservice/file/download/h/44de26528faca163150749736789f5cf.ttf/a/7775/sc/67') format('truetype'),
    url('/fileservice/file/download/h/4d386abb1c29f7a4162eea69b8498aa0.woff/a/7775/sc/243') format('woff'),
    url('/fileservice/file/download/h/122cf163c8d5ed9dd2998c119fc6481c.woff2/a/7775/sc/207') format('woff2');
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'Geometria';
  src: url('/fileservice/file/download/h/6412ed4bf8d9c80f2e30370ec975cefc.ttf/a/226310/sc/298') format('truetype'),
    url('/fileservice/file/download/h/daca2586a7ba4244196fac9382d2239f.woff/a/226310/sc/193') format('woff'),
    url('/fileservice/file/download/h/3d4a0f006b2dc9864e881ebdf044774c.woff2/a/226310/sc/194') format('woff2');
  font-style: normal;
  font-weight: 300;
}

:root {
  --primary: #fd9830;
  --secondary: #fd5030;
  --tertiary: #12d7bb;
  --grey: #ebebeb;
  --white: #ffffff;
  --dark: #3a3a3a;
  --background: #121212;
  --radius: 15px;
  --padding: 3px 5px;
  --font: 'Gotham Pro', sans-serif;
  --font-2: 'Geometria', sans-serif;
  --font-3: 'Geologica', sans-serif;
}

.logo-link {
  display: none;
}

/* Шрифты */
html .gc-account-leftbar {
  font-family: var(--font) !Important;
  font-weight: 400;
}

html .gc-account-leftbar h1,
html .gc-account-leftbar h2,
html .gc-account-leftbar h3 {
  font-family: var(--font-2) !Important;
  font-weight: 500;
  color: #2f2f2f !important;
}

/*Основные элементы*/
html .gc-account-leftbar {
  background: #2f2f2f !important;
}

.gc-account-leftbar .gc-account-user-menu {
    position: relative;
    height: 100%;
    z-index: 10000;
}

html .gc-account-leftbar .gc-account-user-menu li {
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='4' viewBox='0 0 5 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3.5V4L4.5 3.5H4ZM1 3H0.5V4H1V3ZM3.5 0V3.5H4.5V0H3.5ZM4 3H1V4H4V3Z' fill='%23F6F6F6' /%3E%3C/svg%3E");
  background-position: 96% bottom;
  background-repeat: no-repeat;
  padding: var(--padding);
  margin-bottom: 0;
}

html .gc-account-leftbar .gc-account-user-menu li.selected,
html .gc-account-leftbar .gc-account-user-menu li.active {
    background-image: unset;
}

html .gc-account-leftbar .gc-account-user-menu li a {
  background-color: #393939;
  /* фон иконки */
  position: relative;
  border-radius: 15px;
  height: 60px !important;
  transition: all 0.3s;
  /* высота иконки */
}

html .gc-account-leftbar .gc-account-user-menu li.selected a,
html .gc-account-leftbar .gc-account-user-menu li.active a {
  border: 1px solid #3b3b3b;
  background-color: #1a1a1a;
}

html .gc-account-leftbar .gc-account-user-menu li a:hover,
html .gc-account-leftbar .gc-account-user-menu li.active a:hover {
  background-color: #444;
  /* фон иконки при наведении и нажатии*/
}

html .menu-item:not(.menu-item-profile) a img {
  display: none;
  /* скрываем исходные иконки */
}

html .menu-item:not(.menu-item-profile) a::before,
html .sub-icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 25px;
  /* задаём размеры для собственных иконок */
  height: 25px;
}

html .menu-item a:not(.subitem-link)::after {
    content: '';
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 7px;
    line-height: 1;
    text-align: center;
    color: rgba(255, 255, 255, 0.3);
}

html .menu-item-profile a::after {
    content: unset;
}
html .menu-item-notifications_button_small a:not(.subitem-link)::after {
    content: 'уведомления';
    font-size: 6px;
}
html .menu-item-cms a:not(.subitem-link)::after {
    content: 'страницы';
}
html .menu-item-teach a:not(.subitem-link)::after {
    content: 'тренинги';
}
html .menu-item-user a:not(.subitem-link)::after {
    content: 'ученики';
}
html .menu-item-tasks a:not(.subitem-link)::after {
    content: 'crm';
}
html .menu-item-notifications a:not(.subitem-link)::after {
    content: 'сообщения';
}
html .menu-item-sales a:not(.subitem-link)::after {
    content: 'покупки';
}
html .menu-item-chatium a:not(.subitem-link)::after {
    content: 'приложение';
}

/* Ссылки на картинки */
/* Профиль */
 html .menu-item-profile a::before {
  background-image: url('https://fs22.getcourse.ru/fileservice/file/download/a/226310/sc/506/h/7bbf6fb7f5f77f9e9b10787aeaaca7ff.svg');
}

html .menu-item-notifications_button_small a::before {
  background-image: url('https://fs20.getcourse.ru/fileservice/file/download/a/226310/sc/390/h/e96f0e163cecfc0bf8c49d1b75ee451b.svg');
  /* уведомления */
  width: 25px;
  height: 25px;
}

html .menu-item-cms a::before {
  background-image: url('https://fs01.getcourse.ru/fileservice/file/download/a/226310/sc/138/h/8390751be58df1034d19b33c0731cefa.svg');
  /* сайт */
}

html .menu-item-teach a::before {
  background-image: url('https://fs18.getcourse.ru/fileservice/file/download/a/226310/sc/296/h/8d59ce9aca24d9bf0b21fda5763973a4.svg');
  /* обучение */
}

html .menu-item-user a::before,
html .menu-item-chatium .sub-icon::before {
  background-image: url('https://fs01.getcourse.ru/fileservice/file/download/a/226310/sc/95/h/b9420ec9e5cf2ad1749162a12526d970.svg');
  /* пользователи */
}

html .menu-item-tasks a::before {
  background-image: url('https://fs22.getcourse.ru/fileservice/file/download/a/226310/sc/126/h/76b61543005cb0dbab40f07a84d5d464.svg');
  /* задачи */
  width: 34px;
}

html .menu-item-notifications a::before {
  background-image: url('https://fs22.getcourse.ru/fileservice/file/download/a/226310/sc/192/h/f82575e627b1a70ae7d0d8c4f33e224c.svg');
  /* сообщения */
}

html .menu-item-sales a::before {
  background-image: url('https://fs18.getcourse.ru/fileservice/file/download/a/226310/sc/306/h/2f6f8cbb5b2c46539fbd9f75493cd09a.svg');
  /* продажи */
}

html .menu-item-chatium a::before {
  background-image: url('https://fs19.getcourse.ru/fileservice/file/download/a/226310/sc/154/h/4c1fa3650174970f57dd65a29a4f5ed7.svg');
  /* чатиум */
}

/* 1 Профиль */
html .gc-account-user-menu li.menu-item.menu-item-profile {
  background-color: transparent;
  /* фон профиля (когда без фото) */
  border: 0;
}

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-color: transparent;
  border-radius: 0;
  /* фон профиля (без фото) при наведении */
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
    background-color: #393939;
    border-radius: 15px;
    padding: 0 10px;
}

html .gc-account-leftbar .gc-account-user-submenu-bar div.user-balance {
  color: #eee;
  /* Цвет текста про монеты */
}

/* 2 Уведомления small */
html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small {
  padding: var(--padding);
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
  transition: all 0.3s;
  background-color: #393939;
  /* фон иконки */
  position: relative;
  border-radius: 15px;
  height: 60px !important;
  /* высота маленькой иконки уведомлений */
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:hover {
  background-color: #444;
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small.selected a {
  border: 1px solid #3b3b3b;
  background-color: #1a1a1a;
  /* цвет уведомлении при наведении и выделении */
}

/* 2A Окно уведомлений (непрочитанные) */
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group {
  border-top-color: #000;
  /* цвет границы между уведомлениями */
  background-color: var(--white);
  /* цвет фона непрочитанных */
  color: #424242;
  /* цвет текста непрочитанных */
  transition: all 0.3s;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group:hover {
  background-color: var(--grey);
  /* фон непрочитанных при наведении */
  color: #424242;
  /* текст непрочитанных при наведении */
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed {
  background-color: transparent;
  /* фон прочитанных уведомлений */
  color: #424242;
  /* текст прочитанных уведомлений*/
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed:hover {
  background-color: var(--grey);
  /* фон наведения на прочитанные */
  color: #c70100;
  /* цвет при наведении на прочитанное*/
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link {
  border-bottom-color: var(--grey);
  /* цвет границы под кнопкой Все уведомления */
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link,
html .gc-account-leftbar .mark-viewed-all {
  color: #424242;
  /* цвет текста на кнопке Все уведомления */
  transition: all 0.3s;
}

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-footer-link:hover,
html .gc-account-leftbar .mark-viewed-all:hover {
  color: #c70100;
  /* цвет ссылки Уведомления(С) наверху, цвет при наведении на другие текстовые ссылки */
  transition: all 0.3s;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link:hover {
  color: #c70100;
  /* Цвет при наведении на ссылку Уведомления(С) наверху */
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .user-image {
  overflow: hidden;
  border-radius: var(--radius);
  /* закругляем углы */
  background-color: rgb(0 0 0 / 5%);
  /* прозрачная подложка для аватаров пользователей */
}

/* 3 Счётчики уведомлений */
html .gc-account-leftbar .notify-count {
  bottom: inherit;
  width: 25px;
  top: 10px;
  background-color: #c70100;
  /* фон всех счётчиков */
  padding: 4px 0;
  font-weight: 400;
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count {
  background-color: #c70100;
  /* фон счётчика в Сообщениях */
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
    bottom: inherit;
    right: 10px;
    top: 10px;
}

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: #c70100;
  color: #fff;
  /* фон активных-нажатых счётчиков */
}

/* Вылезающее подменю */
html .gc-account-leftbar .gc-account-user-submenu-bar {
  background: #fff;
  /* фон подменю */
}

html .gc-account-user-submenu-bar .gc-account-user-submenu li a {
  transition: all 0.3s;
  color: rgba(101, 110, 135, 0.70);
  text-transform: inherit;
  font-family: var(--font) !important;
  font-weight: 250;
  color: #7F7F7F;
  padding-left: 30px;
  /* цвет ссылки подменю */
}

html .gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
  background-color: transparent;
  /* фон ссылки подменю при наведении */
  color: #7F7F7F;
  /* цвет ссылки подменю при наведении */
}

html .gc-account-user-submenu-bar h3 {
  color: #7F7F7F;
  padding-left: 30px
  /* Цвет заголовка подменю */
}

/* 4 Маленькие иконки (чатиум и тд) */
html .gc-account-leftbar span.sub-icon {
  background-color: transparent;
  /* Фон иконки чатиума */
  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;
  border-radius: 50%;
}

html .sub-icon::before {
  width: 16px;
  height: 16px;
}

html .sub-icon .fa,
html .sub-icon img {
  display: none;
}

/* Адаптивность */
@media (max-width: 768px) {

  html .gc-account-leftbar .toggle-link,
  html .gc-account-leftbar.expanded .toggle-link {
    background-color: #2f2f2f;
    /* фон скукоженного меню на мобильном */
  }

  html .gc-account-leftbar .gc-account-user-menu {
    background: #2f2f2f;
    /* фон раскрытого меню на мобильном */
  }

  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 {
    background: #2f2f2f;
    color: #fff;
  }
}

.talks-widget-button {
    background: #2f2f2f;
    box-shadow: 0 2px 7px 0 rgba(62, 69, 49, 0.12);
}

.talks-widget-button .conversations-counter {
    background: #c70100;
}

.talks-widget-button .comments-icon {
    top: 14px; left: 13px !important;
}

.talks-widget-button .comments-icon::before {
    content: "" !important;
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.4698 15.83L17.8598 18.99C17.9598 19.82 17.0698 20.4 16.3598 19.97L12.1698 17.48C11.7098 17.48 11.2599 17.45 10.8199 17.39C11.5599 16.52 11.9998 15.42 11.9998 14.23C11.9998 11.39 9.53985 9.09003 6.49985 9.09003C5.33985 9.09003 4.26985 9.42 3.37985 10C3.34985 9.75 3.33984 9.49999 3.33984 9.23999C3.33984 4.68999 7.28985 1 12.1698 1C17.0498 1 20.9998 4.68999 20.9998 9.23999C20.9998 11.94 19.6098 14.33 17.4698 15.83Z' fill='white' /%3e%3cpath d='M11.9998 14.23C11.9998 15.42 11.5599 16.52 10.8199 17.39C9.82985 18.59 8.26 19.3598 6.5 19.3598L3.89 20.9098C3.45 21.1798 2.89 20.8098 2.95 20.2998L3.2 18.3298C1.86 17.3998 1 15.9098 1 14.2298C1 12.4698 1.93985 10.92 3.37985 10C4.26985 9.42 5.33985 9.09003 6.49985 9.09003C9.53985 9.09003 11.9998 11.39 11.9998 14.23Z' fill='white' /%3e%3cpath d='M10.8199 17.39C11.2599 17.45 11.7098 17.48 12.1698 17.48L16.3598 19.97C17.0698 20.4 17.9598 19.82 17.8598 18.99L17.4698 15.83C19.6098 14.33 20.9998 11.94 20.9998 9.23999C20.9998 4.68999 17.0498 1 12.1698 1C7.28985 1 3.33984 4.68999 3.33984 9.23999C3.33984 9.49999 3.34985 9.75 3.37985 10M10.8199 17.39C11.5599 16.52 11.9998 15.42 11.9998 14.23C11.9998 11.39 9.53985 9.09003 6.49985 9.09003C5.33985 9.09003 4.26985 9.42 3.37985 10M10.8199 17.39C9.82985 18.59 8.26 19.3598 6.5 19.3598L3.89 20.9098C3.45 21.1798 2.89 20.8098 2.95 20.2998L3.2 18.3298C1.86 17.3998 1 15.9098 1 14.2298C1 12.4698 1.93985 10.92 3.37985 10' stroke='%23939F7D' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
    background-size: cover;
    background-repeat: no-repeat;
}

html .gc-account-leftbar .gc-account-user-menu li.selected span.sub-icon {
    background: transparent;
}