

@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Geologica:wght,CRSV@100..900,0&display=swap');
:root {
    --padding: 3px 5px;
    --font-family: "Geologica", sans-serif;
    --second-family: "Cormorant", sans-serif!important;
    --third-family:  "Geologica", sans-serif;
  }
.logo-link img {
    content: url("https://lk.alfia-flow.ru/pl/fileservice/user/file/download/h/4543d99b9eb6892ddd8865b8b3ff6e1a.svg");
    height: 70px!important;
    
}
body{
font-family: "Geologica", sans-serif!important;}
/* Шрифты */
.gc-account-leftbar {
  font-family: "Geologica", sans-serif!important;
  font-weight: 500;
}

.gc-account-leftbar h1,
.gc-account-leftbar h2,
.gc-account-leftbar h3 {
  font-family: "Cormorant", serif!important;
  font-weight: 500;
    letter-spacing: -1px;
  color: #660E1E!important;
    font-size: 24px;
    text-transform: uppercase
}

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

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

.gc-account-leftbar .gc-account-user-menu li {
  padding: var(--padding);
  margin-bottom: 0;
}

.gc-account-leftbar .gc-account-user-menu li a {
  background-color: rgba(255, 255, 255, 0.14);
  /* фон иконки */
  position: relative;
  border-radius: 15px;
  height: 60px;
  transition: all 0.3s;
  /* высота иконки */
}

.gc-account-leftbar .gc-account-user-menu li.selected a,
.gc-account-leftbar .gc-account-user-menu li.active a {
  border-radius: 15px;
  background-color: #FFF9EA;
}

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

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

.menu-item:not(.menu-item-profile) a::before,
.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: 22px;
  /* задаём размеры для собственных иконок */
  height: 22px;
}

/* Ссылки на картинки */
/* Профиль */
.menu-item-profile a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/305/h/11c9a7c1da0ee4be9998df697cf144d4.svg');
}
.menu-item-search a::before {
  background-image: url('/pl/fileservice/user/file/download/h/831e7b11436c68bedb74cac3f6cc7e73.svg');
}

.menu-item-notifications_button_small a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/186/h/24454cffc3901f01c5b7d9b3af530b76.svg');
  /* уведомления */
  width: 22px !important;
  height: 24px !important;
}

 .menu-item-cms a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/128/h/f4448128fee3888cc52e738740dc6e69.svg');
  /* сайт */
}

.menu-item-teach a::before {
  background-image: url('https://lk.alfia-flow.ru/pl/fileservice/user/file/download/h/40af6017cc0f6e0f6d7f0548ca20452a.svg');
   width: 25px;
  height: 25px;
  /* обучение */
}

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

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

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

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

.menu-item-chatium a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/143/h/43479b30aeef9550404fa96aa07386ab.svg');
  /* чатиум */
}

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

.menu-item-search.active a::before,
.menu-item-search.selected a::before,
.menu-item-search:hover a::before {
  background-image: url('/pl/fileservice/user/file/download/h/0b0463d4dc4476ca015a13a6f5d46fee.svg');
}

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

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

 .menu-item-teach.active a::before,
 .menu-item-teach.selected a::before,
 .menu-item-teach:hover a::before {
  background-image: url('https://lk.alfia-flow.ru/pl/fileservice/user/file/download/h/835d6dbf7311d54d7e1eebef53eea117.svg');
  
  /* обучение */
}

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

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

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

 .menu-item-sales.active a::before,
.menu-item-sales.selected a::before,
.menu-item-sales:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/151/h/f7003dd5d5f83f7759920f304faa542c.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/842325/sc/241/h/68ecd1a18d6c8d984be820f043f3aa41.svg');
  /* чатиум */
}

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

.gc-account-user-menu li.menu-item.menu-item-profile a:hover {
  background: #FFF9EA;
  border-radius: 15px;
  /* фон профиля (без фото) при наведении */
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
  background-color: rgba(255, 255, 255, 0.14);
  border-radius: 15px;
  padding: 0 10px;
}

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

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

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

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:hover {
  background-color: #FFF9EA;
  border-radius: 15px;
  border-bottom: none;
}

 .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small.selected a {
  background-color: #FFF9EA;
  border-radius: 15px;
  border-bottom: none;
  /* цвет уведомлении при наведении и выделении */
}

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

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

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

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

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

 .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link,
 .gc-account-leftbar .mark-viewed-all {
  color: #4b4b4b;
 
  transition: all 0.3s;
}

.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 .all-notifications-footer-link:hover,
.gc-account-leftbar .mark-viewed-all:hover {
  color: #69805d;

  transition: all 0.3s;
}

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

}

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

 .gc-account-leftbar .notify-count {
  bottom: inherit;
  width: 30px;
  top: 10px;
  background-color: #660D1E;
  /* фон всех счётчиков */
  padding: 4px 0;
  color: #FFF9EA;
}

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

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

 .gc-account-leftbar .gc-account-user-menu li.selected .notify-count,
.gc-account-leftbar .gc-account-user-menu li.selected span.sub-icon,
.gc-account-leftbar .gc-account-user-menu li.active .notify-count {
  background-color: #660D1E;
  color: #FFF9EA;
  /* фон активных-нажатых счётчиков */
}

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

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

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
  background-color: rgba(239,227,227,0);
  /* фон ссылки подменю при наведении */
  color: #660D1E;
    font-weight: 500!important;
  /* цвет ссылки подменю при наведении */
  text-decoration: none;
}

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

/* 4 Маленькие иконки (чатиум и тд) */
.gc-account-leftbar span.sub-icon {
  background-color: transparent;
  /* Фон иконки чатиума */
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

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

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

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

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

.gc-account-leftbar {
    background: #3C393C !important;
  }

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

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

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

 .gc-page-nav-items-menu {
    left: 70px;
  }

 .gc-page-nav-items-menu a {
    background: transparent;
    opacity: 0;
  }
}

.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: #FFF9EA;
    background: #660E1E;
    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: #660E1E!important;
    border: none!important;
    font-family: "Geologica", sans-serif;
}
.talks-widget-window .talks-widget-header {
    font-family:"Cormorant", sans-serif!important;
    font-size: 20px;
}
.menu-item-search {
    display: none!important
}
.menu-user-name {
    color:#660D1E!important;
    padding-left: 10px;

}
.menu-user-email {
     color:#660D1E!important;
     padding-left: 10px
}
.gc-account-leftbar .gc-account-user-submenu-bar div.user-balance p {
    padding-left: 10px 
}


.menu-item-trainings .subitem-link {
    font-size: 0px!important
}
.menu-item-trainings .subitem-link::before {
        font-weight: 300;
  font-size: 15px;
        content: "Тренировки"; /* Тут надпись на которую заменить */
  } 

