:root {
    --sidebar-width: 170px;
}

/* Фоновое изображение-градиент */
.gc-account-leftbar,
.gc-account-leftbar.expanded .toggle-link {
background: rgb(0,93,174);
background: linear-gradient(62deg, rgba(0,93,174,1) 0%, rgba(0,157,120,1) 93%);
}

/* Расширяем панель */
@media (min-width: 768px) {
    .gc-account-leftbar .gc-account-user-submenu-bar {
        left: 170px!important;
    }
    #gcAccountUserMenu ~ .gc-main-content.with-left-menu {
        margin-left: 170px;
    }
    .with-left-menu .gc-into-main-content {
        left: var(--sidebar-width) !important;
    }
        .resp-screen {
        left: var(--sidebar-width) !important;
    }
 /* Сама ширина */
   .gc-account-leftbar {
        width: var(--sidebar-width) !important;
    }

    /* уведомления от ГК */
.top-notification-wrapper{
         margin-left: 100px ;
    }  
    


/* модальное окно внутри урока */   
.popover.bottom.in.block-style-popover {
         left: 190px !important;
    }  
}


/* Скрываем чатиум */
li.menu-item.menu-item-chatium {
    display: none;
}

/* отступ окна модального контента (глюк из-за расширения панели) */
@media (min-width: 768px) {
.modal-content {
        margin-left: 95px !important;
    }
}

/* устранение глюка с модальным окном поддержки (широкая панель) */
@media (min-width: 768px) {
.talks-widget-body {
  margin-left: 0px!important;
  max-width: 92%;
  }
  
.talks-widget-window.no-menu {
    margin-left: 90px!important;
    max-width: 92%;
    } 
  
.talks-widget-window.wide {
    margin-left: 90px !important;
    width: 92%;
    } 
}

@media (max-width: 767px) {
  .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    height: 35px;
  }
  
}




/* Отступы сверху */
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
  padding: 25px 5px 10px;
}

/* Скругленная иконка пользователя */
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile .menu-item-icon {
  border-radius: 50%;   /* Кто-то убрал значение */
}

/* Разделители иконок */
.gc-account-leftbar .gc-account-user-menu li:not(.menu-item-profile) a {
  border-bottom: 0px solid #B0B0B0; /* 0 - нет, 1 есть */
}

/* Размер поля уведомлений */
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
  height: 70px;
}


/* Стилизация субменю */
.gc-account-leftbar .gc-account-user-submenu-bar {
    width: 320px;
}
.custom-menu .gc-account-user-submenu-bar .gc-account-user-submenu a {
   padding-top: 19px;
   padding-bottom: 19px;
   text-transform: lowercase;
   font-family: 'Comfortaa';
   font-style: normal;
   font-weight: 500;
   font-size: 20px;
   line-height: 108.5%;
   padding-left: 35px;
}
.custom-menu .gc-account-user-submenu-bar .gc-account-user-submenu a:first-letter {
   text-transform: uppercase;
}
.custom-menu .gc-account-user-submenu-bar .gc-account-user-submenu a:hover {
   color: #555555;
}
.gc-account-user-submenu-bar h3 {
   font-family: 'Comfortaa';
   font-style: normal;
   font-weight: 600;
   font-size: 28px;
   line-height: 49px;
   padding-left: 35px;
}
.gc-account-leftbar .gc-account-user-submenu-bar {
   display: flex;
   flex-direction: column;
}
.gc-account-leftbar .gc-account-user-submenu-bar:after {
   content: "";
   display: block;
   height: 48px;
   background: url('/fileservice/file/download/a/564874/sc/343/h/f2ad4e29d2f72be7aab7f6052a9e658c.png') center / contain no-repeat;
   margin-top: auto;
   margin-bottom: 20px;
}

/* Анимация выбора меню */
.gc-account-user-submenu-bar .gc-account-user-submenu li {
    position: realtive;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    position: relative !important;
    z-index: 9999;
    transition: all 1.3s;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li::after {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    background:  silver;
    top:0;
    left:0;
    transition: all .5s;
    z-index: 0;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: transparent;
    color:#fff;
    z-index: 1;
    text-decoration: none;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li:hover::after {
    width: 100%;
}

/* Шайк меню */
.gc-account-user-menu .menu-item a:hover img

{
	-webkit-animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

 .gc-account-user-menu .menu-item a:hover:after, 
.menu-item-prolongation a:hover img,
.menu-item.new-chatium-icon a:hover img
{
	-webkit-animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
} 
  


.notify-count {
  z-index:1;
}

@-webkit-keyframes shake-top {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}
@keyframes shake-top {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}





/* Лечение 2х колонок в уроке */
.my-container.flex-container{
  margin-left:0px!important;
  margin-right:0px!important;
}

/* Убить баннер */
.common-banner-wrapper {
  display:none!important;
}

/* Расширяем и добавляем подписи */

/* Ровняем иконку пользователя*/
.gc-account-user-menu .menu-item a {

 background: transparent !important;
 width: 50% !important;
align-items: center !important;
}


/* Можно оставить надпись профиль*/
.menu-item-profile a::after {
    position: absolute;
    content: attr(title);
    font-family: Comfortaa;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
margin: 70px -70px 30px;
    
    color: #FFFFFF;
}



/* отступ иконок слева */
.gc-account-user-menu .menu-item:not(.menu-item-profile) {
    margin-left: 10px;
}


/*Выравниваем оповещения*/
.custom-menu .gc-account-leftbar .gc-account-user-submenu li .notify-count {
     top: 60%;
}
.custom-menu .gc-account-leftbar .gc-account-user-menu li .notify-count {
     top: 40px;
  left: 25%;
}
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small) a {
  min-height: 70px;
}
.gc-account-leftbar li:not(.menu-item-profile):not(.menu-item-notifications_button_small) .notify-count { 
  bottom: unset;
  top: 60%;
}

/* Подписи к кнопкам */
  .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: left!important;

  align-items: left!important;
  align-content: left!important;
  text-decoration:none;
}




.gc-account-user-menu li.active a:before, 
.gc-account-user-menu li.selected a:before,
.gc-account-user-menu li:hover a:before 
  {
  color: #000000!important;
}

.gc-account-user-menu li a:before {
  display: block;
  text-align: left;
  font-family: 'Comfortaa';
  max-width: 65px;
  min-height: 1 em;
  font-weight: 700;


  overflow: hidden;
  position: absolute;
  margin: 5px 80px 35px;
    margin-right:0px;
  bottom: 0px;
  left: 0;
  color: white;

}

.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-diploma a:before {
  content: "Дипломы";
}
.gc-account-user-menu li.menu-item-golovna 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,
.gc-account-user-menu li.menu-item.new-chatium-icon a:before{
  content: "GetCourse";
}



/* Фон панели на мобильной версии-градиент*/
@media (max-width: 767px) {
  .gc-account-leftbar .gc-account-user-menu,
  .gc-account-leftbar .toggle-link {
background: rgb(0,93,174);
background: linear-gradient(62deg, rgba(0,93,174,1) 0%, rgba(0,157,120,1) 93%) no-repeat!important;
    }
}
/* Мобильная версия меню */
@media (max-width: 767px) {
    .gc-account-user-submenu-bar .gc-account-user-submenu li .notify-count {
    transform: translate(-10px, 10px);
}
    .gc-account-leftbar .gc-account-user-menu {
        padding-top: 0px;
        width: 170px;
    }
    .gc-account-user-menu .menu-item:not(.menu-item-profile) {
        margin-left: 10px !important;
    }
   /* субменю */
    .gc-account-leftbar .gc-account-user-submenu-bar {
        left: 170px !important;
          width: 200px;
    }
    .gc-account-user-submenu-bar .gc-account-user-submenu li a {
        font-size: 16px !important;
        line-height: 18px !important;
    }
    .gc-account-user-submenu-bar h3 {
        font-size: 24px;
        line-height: 20px;
    }

   
    .gc-account-user-menu .menu-item::after {
        left: 15px !important;
    }
    .gc-account-leftbar .gc-account-user-menu {
        background: #fff;
    }
 
}


.popover {
	z-index: 8888;
}

body.modal-open .gc-account-leftbar { z-index: 7; }

.talks-widget-button {
    z-index: 8500;
}

body.webinar-page .gc-main-content {
    margin-top: 0 !important;
    padding-top: 30px;
}

body.modal-open .gc-account-leftbar {
    z-index: 7;
}
body.support-page .gc-main-content {
    margin-left: 0 !important;
}
body.support-page .talks-widget-window {
    left: var(--sidebar-width);
    width: calc(100% - var(--sidebar-width));
}
@media (max-width: 991.98px) {
    body.support-page .talks-widget-window {
        left: 0;
        width: 100%;
    }
}

body.webinar-page #gcAccountUserMenu ~ .gc-main-content.with-left-menu.gc-user-admin {
    margin-left: var(--sidebar-width) !important;
}