@import url('https://fs.getcourse.ru/fileservice/file/download/a/451158/sc/169/h/7df3ff5b966869446bfb9042a594fc03.css');
:root {
  --primary: #fd9830;
  --secondary: #fd5030;
  --tertiary: #12d7bb;
  --grey: #ffffff;
  --white: #ffffff;
  --dark: #3a3a3a;
  --background: #121212;
  --radius: 15px;
  --padding: 3px 0px;
  --font: 'Mulish', sans-serif;
  --font-2: 'Forum', sans-serif;
  
}
.menu-item-marathon a {
   display: none!important;  
}

.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: 'Forum', sans-serif!important;
  font-weight: 600;
    color:#7892BD!important
}

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

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

html .gc-account-leftbar .gc-account-user-menu li {
  position: relative;
  margin-bottom: 0;
  border-bottom: none;
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-profile {
  padding: var(--padding);
}

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

html .gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
  height: 60px
}

html .gc-account-leftbar .gc-account-user-menu li.selected::before,
html .gc-account-leftbar .gc-account-user-menu li.active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 7px;
  border-radius: 0 10px 10px 0;
  background-color: var(--white);
  opacity: 1;
  transition: 0.33s;
}

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

html .gc-account-leftbar .gc-account-user-menu li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 7px;
  border-radius: 0 10px 10px 0;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  transition: 0.33s;
}

html .gc-account-leftbar .gc-account-user-menu li:hover::before,
html .gc-account-leftbar .gc-account-user-menu li.active:hover::before {
  opacity: 1;
}

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

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

html .menu-item 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: 30px;
  /* задаём размеры для собственных иконок */
  height: 30px;
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-support {
  margin-top: auto;
}

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

html .menu-item-notifications_button_small a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/37512/sc/105/h/b630f769d36a90f4705a95306c9c03fe.svg');
  /* уведомления */
  width: 30px;
  height: 30px;
}
html .menu-item-search a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/451158/sc/129/h/233b13870e1bba284d24a6810e8be6d3.svg');
  /* поиск*/
}
html .menu-item-cms a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/37512/sc/133/h/33c05a00633f5288ffed1c83ec504c23.svg');
  /* сайт */
}

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

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

html .menu-item-tasks a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/37512/sc/176/h/13c1b12dcc84c015a7d7e6061cb7b728.svg');
  /* задачи */
  width: 34px;
}

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

html .menu-item-sales a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/37512/sc/338/h/9a355d5515b8b3acaa99bd9fab3b63b8.svg');
  /* продажи */
}

.menu-item-chatium a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/37512/sc/270/h/df52a40074b2c0b78420c23ecedb4a9f.svg');
  /* чатиум */
}
 .menu-item-chatium.active a::before,
.menu-item-chatium.selected a::before,
.menu-item-chatium:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/451158/sc/68/h/781578a1c37b4e5c3e37965369ef314c.svg');
  /* чатиум */
}

html .menu-item-profile.active a::before,
html .menu-item-profile.selected a::before,
html .menu-item-profile:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/37512/sc/300/h/8ff14984f103c606d419fae2fd88ebac.svg');
}

html .menu-item-notifications_button_small.active a::before,
html .menu-item-notifications_button_small.selected a::before,
html .menu-item-notifications_button_small:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/37512/sc/248/h/bc0b86e0651558fb409fae2cfb9809d4.svg');
  /* уведомления */
  width: 30px;
  height: 30px;
}

html .menu-item-cms.active a::before,
html .menu-item-cms.selected a::before,
html .menu-item-cms:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/37512/sc/394/h/fbe6057136ce1e7cbd675bdd893ccad8.svg');
  /* сайт */
}

html .menu-item-teach.active a::before,
html .menu-item-teach.selected a::before,
html .menu-item-teach:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/37512/sc/11/h/05679183d5ab75686af34d704a17f084.svg');
  /* обучение */
}

html .menu-item-user.active a::before,
html .menu-item-chatium .sub-icon::before,
html .menu-item-user.selected a::before,
html .menu-item-user:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/37512/sc/1/h/7ccf5a454b823609926435438c500c1e.svg');
  /* пользователи */
}

html .menu-item-tasks.active a::before,
html .menu-item-tasks.selected a::before,
html .menu-item-tasks:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/37512/sc/65/h/cfdbc74bddc6fb56e4c58d1b357dddba.svg');
  /* задачи */
  width: 34px;
}

html .menu-item-notifications.active a::before,
html .menu-item-notifications.selected a::before,
html .menu-item-notifications:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/37512/sc/406/h/5ffcdc795db5cf3f9653cd1f7405cf9b.svg');
  /* сообщения */
}

html .menu-item-sales.active a::before,
html .menu-item-sales.selected a::before,
html .menu-item-sales:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/37512/sc/244/h/d546a9fbd115be64aca5993950ad2e73.svg');
  /* продажи */
}

html .new-chatium-icon.active a::before,
html .new-chatium-icon.selected a::before,
html .new-chatium-icon:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/37512/sc/257/h/8da75cd6da4cd76ffdf7905e43184109.svg');
  /* чатиум */
}



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

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

html .gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
  padding: 0 10px;
}

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

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

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

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

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small.selected a {
  background: transparent;
  /* цвет уведомлении при наведении и выделении */
}

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

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

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

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

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: #fff;
  /* цвет текста на кнопке Все уведомления */
  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: #fff;

  transition: all 0.3s;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link:hover {
  color: #fff;

}

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: 20px;*/
  top: 0;
  background-color: #f6f7f6;
  /* фон всех счётчиков */
  padding: 4px 0;
  color: #DC7A59;
}

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

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

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

.gc-account-user-submenu-bar .gc-account-user-submenu li .notify-count {
  top: 10px;
  background-color: #DC7A59;
  color: #f6f7f6;
}

/* Вылезающее подменю */
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;
  text-transform: inherit;
  font-family: var(--font) !important;
  font-weight: 400;
  color: #1a1a1a;
  padding-left: 30px;
  font-size: 17px;
  /* цвет ссылки подменю */
}

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

html .gc-account-user-submenu-bar h3 {
  color: #DC7A59;
  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: #7892BD!important;
    /* фон скукоженного меню на мобильном */
  }

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

  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: #7892BD!important;
    color: #fff;
  }
    
  html .gc-account-user-submenu-bar .gc-account-user-submenu li a {
    font-size: 15px;
  }
}


html .gc-account-leftbar .gc-account-user-menu li.selected span.sub-icon {
  background: transparent;
}
.talks-widget-button {
    z-index: 1500;
    width: 50px;
    height: 50px;
    /* border: 1px solid #999; */
    position: fixed;
    bottom: 15px;
    right: 20px;
    font-size: 25px;
    text-align: center;
    border-radius: 50%;
    color: #FFF;
    background: #DC7A59;
    padding: 0;
    background-image: url(/public/img/talks_widget/dialog.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.23);
}
.talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer .btn {
    border-radius: 50px;
     background: #7892BD!important;
    border: none!important;
   font-family: 'Forum', sans-serif!important;
}
.talks-widget-window .talks-widget-header {
   font-family: 'Forum', sans-serif!important;
    font-size: 20px;
}