@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
body .h1, .f-header, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Manrope", sans-serif;}


:root {
    --padding: 3px 5px;
    --font-family: "Manrope", sans-serif;
    --second-family: "Manrope", sans-serif;
    --third-family: "Manrope", sans-serif;
  }


/* Шрифты */
.gc-account-leftbar {
   font-family: "Manrope", sans-serif;
  font-weight: 500;
}

.gc-account-leftbar h1,
.gc-account-leftbar h2,
.gc-account-leftbar h3 {
 font-family: "Manrope", sans-serif;
  font-weight: 500;
    letter-spacing: -1px;
  color: #00B2FF!important;
    font-size: 24px;
  }

/*Основные элементы*/
.gc-account-leftbar {
  background: #24455B !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: #DFF2F9;
}

.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: #DFF2F9;
  /* фон иконки при наведении и нажатии*/
}

.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://school.mariasuhorukih.com/pl/fileservice/user/file/download/h/3ed93828a566ee8a8389e8722a3bb9eb.svg');
  /* обучение */
}

.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://school.mariasuhorukih.com/pl/fileservice/user/file/download/h/e645e0a7cc1ac09272bf7136dd774c62.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://school.mariasuhorukih.com/pl/fileservice/user/file/download/h/790da6c8e7d27f90263ca2e53a844252.svg');
  /* сайт */
}

 .menu-item-teach.active a::before,
 .menu-item-teach.selected a::before,
 .menu-item-teach:hover a::before {
  background-image: url('https://school.mariasuhorukih.com/pl/fileservice/user/file/download/h/989a4de2c345fe488970458faeb25b65.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://school.mariasuhorukih.com/pl/fileservice/user/file/download/h/b5e73b2c59e04977de871a4c17d549fd.svg');
  /* пользователи */
}

.menu-item-tasks.active a::before,
.menu-item-tasks.selected a::before,
.menu-item-tasks:hover a::before {
  background-image: url('https://school.mariasuhorukih.com/pl/fileservice/user/file/download/h/147950fdbb53d62294a54a47809356b1.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://school.mariasuhorukih.com/pl/fileservice/user/file/download/h/ca215fbd5bbc62820bed309ccf452374.svg');
  /* сообщения */
}

 .menu-item-sales.active a::before,
.menu-item-sales.selected a::before,
.menu-item-sales:hover a::before {
  background-image: url('https://school.mariasuhorukih.com/pl/fileservice/user/file/download/h/a757811415d4a08fc01b6d6e53d3e6ac.svg');
  /* продажи */
}

 .menu-item-chatium.active a::before,
.menu-item-chatium.selected a::before,
.menu-item-chatium:hover a::before {
  background-image: url('https://school.mariasuhorukih.com/pl/fileservice/user/file/download/h/31e4f583ccc486cfed49be8223a534f0.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: #DFF2F9;
  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: #DFF2F9;
  border-radius: 15px;
  border-bottom: none;
}

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

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

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

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

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

.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: #24455B;
 
  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: #00B2FF;

  transition: all 0.3s;
}

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

}

 .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: #F28EE0;
  /* фон всех счётчиков */
  padding: 4px 0;
  color: #ffffff;
}

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

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

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

 .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: #24455B;
  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: #00B2FF;
    font-weight: 500!important;
  /* цвет ссылки подменю при наведении */
  text-decoration: none;
}

.gc-account-user-submenu-bar h3 {
    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: #24455B !important;
  }

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

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

 .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-window .talks-widget-body .conversations-list-block .conversation-list-footer .btn {
    border-radius: 15px;
     background: #00B2FF!important;
    border: none!important;
    font-family:"Manrope", sans-serif!important;
}
.talks-widget-window .talks-widget-header {
    font-family:"Manrope", sans-serif!important;
    font-size: 20px;
}
.menu-item-search {
    display: none!important
}
.menu-user-name {
    color:#24455B!important;
    padding-left: 10px;

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