/* ------------- 
content start - generalImprovements
------------- */

/* ПОДКЛЮЧЕНИЕ ШРИФТОВ ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap");

/* УБИРАЕМ НЕНУЖНЫЕ ЭЛЕМЕНТЫ ============================================================ */
/* Блок "задачи" наверху страницы */
.gc-tasks-block {
    display: none !important;
}

/* Раздел "поиск" в боковом меню */
.menu-item-search {
    display: none !important;
}

/* Баннер слева внизу от GetCourse */
.common-banner-wrapper {
    display: none !important;
}

/* Убираем в редакторе выравнивание по ширине */
.btn-group>[data-value=text-justify] {
    display: none;
}

/* РАЗНЫЕ ФИКСЫ ============================================================ */
/* Перенос фильтров в дашбордах */
.metrika-date-filter-wrapper {
    max-width: 1200px;
}

/* Фикс для блока с эмодзи когда текст заходит под блок */
.emoji-textarea {
    padding-right: 70px !important;
}

/* Фикс для поля ввода ссылки для редиректа, если нет доступа к тренингу */
[name="ParamsObject[not_access_redirect_url]"] {
    width: 100%;
}

/* Блок. Якорь на странице */
.block-set .lt-anchor {
    height: 0 !important;
}

/* Фикс когда пропадает папка под количество оставшегося места в видео */
.gc-file-dialog .file-dialog-layout .file-dialog-size-progress {
    bottom: 0 !important;
}

/* Фикс для дроп-меню, когда он не перекрывается кнопками для взаимодействия с блоком */
.block-set-editor .lite-block .lite-block-actions {
    z-index: auto;
}

.dropdown-menu {
    z-index: 999;
}

/* РАЗНЫЕ УЛУЧШЕНИЯ ============================================================ */
/* Показываем кнопки с настройками блока */
.lite-block-actions {
    display: block !important;
}

/* Окно сохранения настроек всегда при себе в модальных окнах */
.code-editor-modal .modal-header,
.gc-modal .modal-header,
.popover-title {
    position: sticky;
    top: 0;
    z-index: 999;
}

/* Меняем цвет для строк в таблицах с данными */
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f5f5f5;
}

/* Изменяем кнопки для задач по процессам */
.task-form .abstract-job-widget input[name=comment] {
    display: none;
}

.task-form .task-jobs .abstract-job-widget .results-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    width: 100%;
    padding: 0px !important;
}

@media (max-width: 576px) {
    .task-form .task-jobs .abstract-job-widget .results-block {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Меняем поля для сегментов и т.д. */
ul.select2-results[role=listbox] {
    max-height: 400px;
}

form[action="/pl/sales/deal/index"] div.pull-left[style="min-width: 350px"] {
    width: 500px;
}

/* ИЗМЕНЕНИЯ КОНКРЕТНЫХ СТРАНИЦ ============================================================ */

.isWidgetPage .container,
.isGroupsPage .container {
    width: auto;
	max-width: 1200px;
}
.isWidgetPage .col-md-6,
.isGroupsPage .col-md-8{
    width: 100% !important;
}
.isGroupsPage .col-md-8 .dd {
    max-width: none;
}
.isTasksPage .container {
    width: auto;
}
/* ------------- 
content finish - generalImprovements
------------- */

/* ------------- 
content start - left_bar
------------- */

/* БОКОВОЕ МЕНЮ */

.gc-account-leftbar {
    width: 75px;
}
.gc-account-leftbar .gc-account-user-submenu-bar {
    left: 75px;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    height: 36px !important;
}
.gc-account-leftbar .gc-account-user-menu li a {
    height: 60px !important;
    width: 75px !important;
}   
/* Шрифты в подменю */

.gc-account-leftbar .notify-count {
    
    background: #b8f4ef!important;
color: #000;
  
    right: 10px !important;
}

.gc-account-user-submenu-bar h3 {
  
  font-size:24px!important;
}

a.subitem-link {
    color: black !important;
    font-size:16px!important;
  }

a.subitem-link:hover {
 background:rgba(236,192,184,0.3) !important;
}

/* Закончилось меню */

.gc-account-leftbar .gc-account-user-menu li a {
  background:inherit;
}

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

/* Фоновое изображение */
.gc-account-leftbar,
.gc-account-leftbar.expanded .toggle-link {
background-color: #ecc0b8 !important;
}



/* Прячем старые иконки */
.menu-item-notifications_button_small img.menu-item-icon,
.menu-item-cms img.menu-item-icon,
.menu-item-user img.menu-item-icon,
.menu-item-tasks img.menu-item-icon,
.menu-item-teach img.menu-item-icon,
.menu-item-notifications img.menu-item-icon,
.menu-item-sales img.menu-item-icon


 {
  display:none !important;
}


/* Уведомления */
li.menu-item-notifications_button_small a:after { content:url(https://img.icons8.com/carbon-copy/30/000000/bell--v1.png) !important;}
/*
li.menu-item-notifications_button_small a:hover:after { content:url(https://img.icons8.com/carbon-copy/25/ffffff/bell--v1.png) !important;}

/* Сайт */
li.menu-item-cms a:after { content:url(https://img.icons8.com/carbon-copy/50/000000/internet-folder.png) !important; }
/* Если нужно менять при наведении
li.menu-item-cms a:hover:after,
li.menu-item-cms.active a:after,
li.menu-item-cms.selected a:after { content:url(https://img.icons8.com/ios-filled/40/ffffff/groups.png) !important; }
*/


/* Обучение */
li.menu-item-teach a:after { content:url(https://img.icons8.com/carbon-copy/50/000000/classroom.png) !important; }
/* Если нужно менять при наведении
li.menu-item-teach a:hover:after,
li.menu-item-teach.active a:after,
li.menu-item-teach.selected a:after { content:url(https://img.icons8.com/ios-filled/40/ffffff/groups.png) !important; }
*/

/* Пользователи */
li.menu-item.menu-item-user a:after { content:url(https://img.icons8.com/carbon-copy/45/000000/conference.png) !important; }
/* Если нужно менять при наведении
li.menu-item.menu-item-user a:hover:after,
li.menu-item.menu-item-user.active a:after,
li.menu-item.menu-item-user.selected a:after { content:url(https://img.icons8.com/ios-filled/40/ffffff/groups.png) !important; }
*/

/* Задачи */
li.menu-item-tasks a:after { content:url(https://img.icons8.com/carbon-copy/50/000000/workflow.png) !important; }
/* Если нужно менять при наведении
li.menu-item-tasks a:hover:after, 
li.menu-item-tasks.active a:after,
li.menu-item-tasks.selected a:after { content:url(https://img.icons8.com/ios-filled/35/ffffff/to-do.png) !important; }

/* Сообщения */
li.menu-item.menu-item-notifications a:after { content:url(https://img.icons8.com/carbon-copy/45/000000/gmail.png) !important; }
/* Если нужно менять при наведении
li.menu-item.menu-item-notifications a:hover:after,
li.menu-item.menu-item-notifications.active a:after,
li.menu-item.menu-item-notifications.selected a:after{ content:url(https://img.icons8.com/ios-filled/37/696969/secured-letter--v1.png) !important; }

/* Продажи */
li.menu-item-sales a:after { content:url(https://img.icons8.com/carbon-copy/55/000000/cash-register.png) !important; }
/* Если нужно менять при наведении
li.menu-item-sales a:hover:after, 
li.menu-item-sales.active a:after,
li.menu-item-sales.selected a:after { content:url(https://img.icons8.com/ios-filled/40/696969/sales-performance.png) !important; }

/* Чатиум

li.menu-item-chatium a:after { content:url(https://img.icons8.com/carbon-copy/50/000000/smartphone-tablet.png) !important; 
margin-top: 5px;}
*/

a.subitem-link:after {display:none;}

.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-accountSettings a,
.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-help a {
  border-top:none!important;
}
/*отступы до надписи */

li.menu-item-cms a:after,
li.menu-item-user a:after,
li.menu-item-tasks a:after,
li.menu-item-teach a:after,
li.menu-item-network a:after,
li.menu-item-sales a:after {
    margin-bottom: -5px;
}

/* Цвет фона подменю */
.gc-account-leftbar .gc-account-user-menu li a:hover,
.gc-account-leftbar .gc-account-user-submenu-bar,
.gc-account-leftbar .gc-account-user-menu li.selected a,
.gc-account-leftbar .gc-account-user-menu li.active a  {background:#f0f0f0;
}


/* Фон панели на мобильной версии */

@media (max-width: 768px) {
  .gc-account-leftbar .gc-account-user-menu,
  .gc-account-leftbar .toggle-link {
background-color: #ecc0b8 !important;
    }
}

.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small) a,
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small).active a, 
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small).selected a
{
  background-position: 50% 30%!important;
  display: flex!important;
  flex-direction: column-reverse!important;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-decoration:none;
}

/* добавляем подписи */
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small) a {
  min-height: 40px;
}

.gc-account-leftbar li:not(.menu-item-profile):not(.menu-item-notifications_button_small) .notify-count { 
  bottom: unset;
  top: 40%;
}



.gc-account-user-menu li a:before {
  display: block;
  text-align: center;
  max-width: calc(100% + 20px);
  min-height: 1em;
  width: calc(100% + 20px);
  overflow: hidden;
  position: relative;
  margin: 1px -10px;
  padding-bottom: 20px;
  color: black;
  /* 
  Если вы заменяете иконки через фон ссылки, 
  а не через :after, то используйте эти свойства: */
  /*
  position: absolute;
  bottom: 8px; 
  left: 0; 
  */
}

.gc-account-user-menu li.menu-item-cms a:before {
  content: "Сайт";
}
.gc-account-user-menu li.menu-item-teach a:before
{
  content: "Уроки";
}
.gc-account-user-menu li.menu-item-user a:before {
  content: "Ученики";
}
.gc-account-user-menu li.menu-item-tasks a:before {
  content: "Задачи";
}
.gc-account-user-menu li.menu-item-notifications a:before {
  content: "Сообщения";
}
.gc-account-user-menu li.menu-item-sales a:before {
  content: "Покупки";
}
.gc-account-user-menu li.menu-item-chatium a:before
{
  content: "Приложение";
}
.gc-account-user-menu li.menu-item-network a:before,
.gc-account-user-menu li.menu-item-network a:hover:before {
  content: "Соц Сети";
}
.gc-account-user-menu li.menu-item-new-chatium a:before,
.gc-account-user-menu li.menu-item-new-chatium a:hover:before {
  content: "Приложение";
}


@media (max-height: 650px){
.gc-account-leftbar .gc-account-user-menu .menu-item-network .menu-item-icon {
    max-height:50px !important;
}
}

/* ------------- 
content finish - left_bar
------------- */

/* ------------- 
content start - active_menu_folder
------------- */

<!--  Установка активности пунктов на подмененных ссылках--> 
$(document).ready(function(){
	setTimeout(function(){
		
		
        if (window.location.pathname.startsWith("/profile")) {
			$('.gc-account-user-menu li').removeClass('active');
		}
	}, 10);
});

/* ------------- 
content finish - active_menu_folder
------------- */

/* ------------- 
content start - appFixes
------------- */

/* ФИКСЫ ДЛЯ ПРИЛОЖЕНИЯ */
.chatium_body {
	padding: 0 15px !important;
}
/* ------------- 
content finish - appFixes
------------- */