/* ------------- 
content start - Лефтбар
------------- */

@import url('https://fs.getcourse.ru/fileservice/file/download/a/93123/sc/161/h/c6eacb5568c391f50625db99546829ba.css');
:root {
	--font-family: 'Mont', sans-serif !important;
	--blossom-color: #141842;
    --clay-color: #BD9A9A;
    --pine-color: #689074;
    --border-radius: 20px;
    --sea-color: #45707E;
    --air-color: #D9D3C3;
    --dew-color: #93B79B;
    --darkcolor-text: #292626;
    --whitecolor-text: #fff;
}
/*Удаление кнопки поиска*/
/*.gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-search {
    display: none !important;
}*/
.gc-account-leftbar .gc-account-user-menu li {
     border-bottom: none;
     transition: all .5s ease-in-out;
}
.gc-account-leftbar .gc-account-user-menu li a { 
     position: relative;
     font-size: 10px !important;
     box-shadow: none !important;
     width: 70px;
     height: 70px;
}
.custom-menu .gc-account-leftbar .menu-item-label {
    margin-bottom: -20px !important;
    margin-top: 15px !important;
    font-family: var(--font-family);
    font-weight: 400;
}
/*Под пользователем меняем текст Службы на Сообщения*/
.custom-menu .gc-account-leftbar .menu-item.menu-item-notifications .menu-item-label {
  font-size: 0 !important;
}
.custom-menu .gc-account-leftbar .menu-item.menu-item-notifications .menu-item-label:before {
  content: 'Сообщения';
  font-size: 10px;
}
.gc-account-leftbar .gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small) a:before{
    content: '';
    position: absolute;
    top: 11px;
    left: 50%;
    transform: translatex(-50%) !important;
    transition: all .5s ease;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 2px solid #ffffff16;
    background: #ffffff16;
}
/*Меняем пространстов для кнопки уведомлений*/
.menu-item.menu-item-notifications_button_small a {
  padding-top: 10px !important;
  padding-bottom: 0 !important;
  height: 30px !important;
}
/*Меняем аватарку*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile {
	margin: 10px 10px 0;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
    width: 50px;
    height: 50px;  
    border: 2px solid var(--whitecolor-text);
    border-radius: 10px;
    transition: all .5s ease;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a img {
	border-radius: 10px !important;
}
.gc-account-leftbar .gc-account-user-menu li:hover a:before, .gc-account-leftbar .gc-account-user-menu li.active a:before, 
.gc-account-leftbar .gc-account-user-menu li.selected a:before {
      transition: all .5s ease;
      border: 2px solid var(--whitecolor-text) !important;
}
.gc-account-leftbar .gc-account-user-menu li:hover a, .gc-account-leftbar .gc-account-user-menu li a:hover,
.gc-account-leftbar .gc-account-user-menu li.active a, .gc-account-leftbar .gc-account-user-menu li.selected a {
  	background: none !important;
    transition: all .5s ease;
}
.custom-menu .gc-account-leftbar li.active .menu-item-label, .custom-menu .gc-account-leftbar li.selected .menu-item-label {
 	color: #fff;
    font-size: 10px !important;
}
/*Размер картинок*/
.gc-account-leftbar .gc-account-user-menu li:not(.menu-item-profile) a img {
 	 width: 20px;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-notifications_button_small a img  {
	display: block !important;
    margin: auto !important;
}
 /*Уведомления в панели*/ 
.custom-menu .gc-account-user-menu .notify-count {
    top: 5px !important;
    right: 2px !important;
    left: auto !important;
    bottom: auto !important;
    color: var(--blossom-color) !important;
    padding: 3px 0px !important;
    font-size: 1em !important;
    min-width: 20px;
}
.custom-menu .gc-account-leftbar .gc-account-user-menu li .notify-count {
  color: var(--blossom-color) !important;
}
/*Уведомления в сабменю*/
.gc-account-user-submenu .notify-count {
 	top: auto !important;
    background: var(--blossom-color) !important;
    color: var(--whitecolor-text) !important;
}
/* Скролл-бар сабменю */
html .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small::-webkit-scrollbar {
	width: 4px;
}
html .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small::-webkit-scrollbar-track {
  border-radius: 0px;
  border: 10px solid var(--whitecolor-text);
	
}
html .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small::-webkit-scrollbar-thumb {
	border-radius: 2px;
  background-color: var(--blossom-color);
}
html .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small {
	overflow-y: scroll;
}

/*Сабменю*/
html .gc-account-leftbar .gc-account-user-submenu-bar {
  font-family: var(--font-family);
  color: var(--darkcolor-text) !important;
}
html .gc-account-leftbar .gc-account-user-submenu-bar:not(.gc-account-user-submenu-bar-notifications_button_small) {
  background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/93123/sc/226/h/97c314ba71ec1e0a3c5ef846611e1d1b.png);
    background-position: bottom 20px center;
    background-size: 50%;
    background-repeat: no-repeat;
    background-color: var(--whitecolor-text);
    border-right: 1px solid var(--whitecolor-text);
}
/*Пункты подменю*/
html .gc-account-user-submenu-bar .gc-account-user-submenu li a {
    transition: all .5s;
    color: var(--darkcolor-text) !important;
    text-transform: none;
    letter-spacing: -0.3px;
    font-weight: 400;
    padding-left: 15px;
    font-size: 16px;
    border-radius: 5px 0 0 5px;
    margin-top: 3px;
  font-family: var(--font-family);
}
html .gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: #f9f9f9;
    text-decoration: none;
}
/*Заголовок сабменю*/
html .gc-account-user-submenu-bar h3 {
  	font-family: var(--font-family);
  font-size: 18px;
	background: #f9f9f9;
    color: #ffffff;
    margin: 0;
    padding: 20px 15px;
    font-weight: 400;
   
}

/*Аватарка сублогина*/
html span.sub-icon {
    background-color: var(--blossom-color);
    width: 30px !important;
    height: 30px;
    border-radius: 50%;
}

.sub-icon img {
    border: 2px solid var(--whitecolor-text);
    border-radius: 50%;
    padding: 0;
    bottom: -3px;
}

/*Фон баланса в сабменю профиля*/
.gc-account-user-submenu-bar.gc-account-user-submenu-bar-profile div {
  color: var(--darkcolor-text) !important;
}
.gc-account-user-submenu-bar.gc-account-user-submenu-bar-profile div.user-balance {
	padding: 0 !important;
  margin-left: 15px;
  margin-top: 5px;
}
.gc-account-leftbar .gc-account-user-submenu-bar div.user-balance {
    color: var(--whitecolor-text);
}
.gc-user-admin .row>textarea.normal#ParamsObject_counters_html {
    min-height: 500px;
}
/*Сабменю уведомлений*/
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link-wrapper a{ 
  font-family: var(--font-family) !important;
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small a img{
  border: 2px solid var(--whitecolor-text);
    border-radius: 10px;
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group {
    font-size: 12px;
   font-family: var(--font-family) !important;
    color: var(--whitecolor-text);
    border-top-color: var(--blossom-color);
    background-color: var(--blossom-color);
    transition: all 0.3s;
}
/*Граница новых уведомлений*/
.notification-group.notification-click-area.notification-status-new {
	border-top: 1px solid var(--whitecolor-text);
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed {
    background-color: transparent;
    color: var(--darkcolor-text);
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed:hover {
    background-color:#f9f9f9;
}

html .gc-account-leftbar .mark-viewed-all {
    color: var(--darkcolor-text);
    transition: all 0.3s;
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link {
    background: var(--blossom-color);
    border-bottom-color: var(--blossom-color);
    color: var(--whitecolor-text);
    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: var(--blossom-color);
    transition: all 0.3s;
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link:hover {
    color: var(--darkcolor-text);
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group:hover {
    background-color: var(--whitecolor-color);
    color: var(--blossom-color);
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-new {
	border-top-color: var(--whitecolor-color);
}
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-new .date{
	color: var(--whitecolor-color);
}
/**/
.gc-account-user-submenu-bar .gc-account-user-submenu li[class*=menu-item-gus] a {
	color: var(--pine-color);
}
/*Убираем границу в сабменю в меню профиля*/
.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-delimiter a, .gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-help a {
  border-top: 0px solid  !important;
}
/*Меню в свернутом состоянии*/
@media screen and (max-width: 768px) {
    html .gc-account-leftbar .toggle-link,
    html .gc-account-leftbar.expanded .toggle-link {
        background-color: var(--blossom-color);
    }
    html .gc-account-leftbar .gc-account-user-menu {
        background-color: var(--blossom-color) !important;
    }
    html .gc-account-leftbar .gc-account-user-menu li {
        border-bottom: 0;
    }
}

@media(max-width: 768px){
    /*Тоглер в нижнем меню*/
    .gc-account-leftbar .toggle-link, .gc-account-leftbar.expanded .toggle-link {
      display:flex;
      align-items: center;
    }

    .gc-account-leftbar .toggle-link img {
      display:none;
    }
    .gc-account-leftbar .toggle-link:before {
      content: '';
      top: 0;
      left: 0;
      width: 24px;
      height: 24px;
      background: url(https://fs.getcourse.ru/fileservice/file/download/a/93123/sc/293/h/8f14cf51eb296fad27dae0a5851748bd.png);
      background-size: 24px;
    }
}
/*Меню моб. Убираем фон ссылки*/
.gc-page-nav-items-menu a {
  font-family: var(--font-family);
  text-decoration: none;
}
.gc-page-nav-items-menu a.toggler-item {    
    background: transparent;
    
}

/* ------------- 
content finish - Лефтбар
------------- */