/* Меняем стиль бокового меню */

/* стилизуем изображение пользователя в кругу */
.menu-item-profile img {
border-radius:100px;
transform: scale(0.9);
border: 2px solid #FFFFFF;
padding: 2px;
}

.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: #759600!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,
.menu-item-chatium img.menu-item-icon
 {
  display:none !important;
}
/* заменяем стандартные изображения кнопок на сайте на свои */
/* Уведомления */
li.menu-item.menu-item-notifications_button_small a:after { content:url(https://img.icons8.com/small/16/FFFFFF/service-bell.png) !important;}

/* сайт*/
li.menu-item-cms a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/18458/sc/183/h/0d75fb0d2773148d1b9ea0028d5f33ae.png) !important; }

/* Обучение */
li.menu-item.menu-item-teach a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/18458/sc/253/h/403f8d5eb6eddc662a5c8c6f9519082b.png) !important; }

/* Пользователи */
li.menu-item.menu-item-user a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/18458/sc/58/h/169777b8699d131db060a260e88a1ea8.png) !important; 
}

/* Задачи */
li.menu-item.menu-item-tasks a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/18458/sc/391/h/0f9e58ccf5ad19ea7741f2a0bdfeb764.png) !important; }

/* Сообщения */
li.menu-item.menu-item-notifications a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/18458/sc/174/h/337f4bb9c16132b4cb706a10f1bc91b8.png) !important; }

/* Продажи */
li.menu-item.menu-item-sales a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/18458/sc/473/h/83162501886ed6820e0f73d0d84329f3.png) !important; }

/* чатиума */
li.menu-item-chatium a:after { content:url(https://fs.getcourse.ru/fileservice/file/download/a/18458/sc/307/h/1d05f47e45974bfb56ded4cde87254fd.png) !important; }

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

/* Цвет фона подменю */
/*.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:url(https://fs.getcourse.ru/fileservice/file/download/a/18458/sc/154/h/464af316714588da71ab0496eebf695a.jpg) no-repeat!important;
}*/

.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: #f9ffe4 !important; 
    background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/18458/sc/109/h/5933f6ad34b20ef433d439e45cf45659.png);
    background-repeat: no-repeat !important !important;
    background-position: bottom !important !important;
    box-shadow: 10px 0 20px rgb(52 21 69 / 20% !important);
}

.gc-account-leftbar .gc-account-user-submenu-bar { 
    background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/18458/sc/109/h/5933f6ad34b20ef433d439e45cf45659.png)!important; 
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    box-shadow: 10px 0 20px rgb(52 21 69 / 20%);
}

/* добавляем подписи */
<style>
.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: 70px;
}

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

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count {
    background: #FFFF00 !important;
    color: black!important;
}

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

.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: 5px -10px 0; 
  color: white;
  /* 
  Если вы заменяете иконки через фон ссылки, 
  а не через :after, то используйте эти свойства: */
  position: absolute;
  bottom: 0px; 
  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: "Chatium";
}
.gc-account-user-menu li.menu-item-search a:before {
  content: "Бонусы";
}
.gc-account-user-menu li.menu-item-search a {
}

.gc-account-leftbar .gc-account-user-menu li a {
background:inherit; 
}
.gc-account-leftbar .gc-account-user-menu li a:hover {
background:rgba(255,255,255,0.4)!important;
border-radius:60px; 
}

.gc-account-leftbar .gc-account-user-menu li.active a, .gc-account-leftbar .gc-account-user-menu li.selected a,
.gc-account-leftbar .gc-account-user-menu li.selected a, .gc-account-leftbar .gc-account-user-menu li.selected a {
    background: rgba(255,255,255,0.4)!important;  
    border-radius:60px 0px 0px 60px; 
}

.gc-account-user-submenu-bar .gc-account-user-submenu li :hover {
background:#759600!important; 
color: #FFFFFF!important; 
padding-left: 30px;
transition: 0.5s;
}
.gc-account-user-menu a:before {
transform: translate(0,-4px)!important;
}

.gc-account-leftbar .gc-account-user-menu li a {
height: 60px !important; 
}

.gc-account-leftbar .gc-account-user-menu li a { 
padding-bottom: 12px !important;
}




 /* Настраиваем внешний вид страницы с тренингами */
.page-header h1 {
    color: #111332 !important;
}
 
/* стилизуем сами тренинги */
.col-md-12 .stream-table {
    margin: 0 !important;
}

.stream-table::before {
    display:none  !important;
}

.stream-table tr td a {
    position: relative  !important;
    display: block  !important;
    padding: 30px 30px 30px 100px !important;
    background-color: #FFFFFF  !important;
    border: 1px solid #759600  !important;
    border-radius: 10px  !important;  
        -webkit-box-shadow: -80px 0px 0px -50px #75960050 inset  !important;
        -moz-box-shadow: -80px 0px 0px -50px #75960050 inset  !important;
    box-shadow: -80px 0px 0px -50px #75960050 inset  !important;
    transition: all .3s; 
}

.stream-title { 
color: #759600 !important;
font-weight: bold;
}

.stream-table tr td a:hover {
        -webkit-box-shadow: -80px 0px 0px -50px #759600 inset  !important;
        -moz-box-shadow: -80px 0px 0px -50px #759600 inset  !important;
    box-shadow: -80px 0px 0px -50px #759600 inset  !important;
    transition: all .3s  !important; 
}

.stream-table tr td:hover { 
    background: transparent!important;
    transform: translate(10px,0px)!important;
    transition: all .3s  !important; 
}

.stream-table tr td {  
    transition: all .3s  !important;
}

.stream-table tr td a:after {
    content:">"  !important;
    position: absolute  !important;
    top: 50%  !important;
    right: 6px  !important;
    transform: translatey(-50%)  !important;
    opacity: .5  !important;
    transition: all .3s  !important;
    font-size:30px  !important;
     color: #FFFFFF  !important;
}
.stream-table tr td a:hover:after { 
    opacity: 1  !important; 
}

.stream-table tr td a:before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/18458/sc/355/h/c1fdc74bdd6834136eb7d95f9ecdc367.png);
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translatey(-50%);
    opacity: .1;
    transition: all .3s;
}
.stream-table tr td a:hover:before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/18458/sc/355/h/c1fdc74bdd6834136eb7d95f9ecdc367.png);
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translatey(-50%);
    opacity: 1;
    transition: all .3s;
}

@media (max-width: 520px) {
    .stream-table tr td a:before {
        display: none;
    }
    
    .stream-table tr td a {
        padding: 20px 40px 40px 20px !important;
    }
}


 /*Настраиваем внешний вид уроков*/
.item-image, .state-icon-block.hidden-xs{
display: none;
}

.with-image:hover {
transform: translate(15px,0);
transition: 0.3s;
}

.with-image {
transition: 0.3s;
}


.info, .item-main-td.item-with-image {
padding: 0px 10px!important;
}

.lesson-list{
background-color: transparent!important;
Margin: 0 !important;
Padding: 0 !important;
}


.lesson-list .user-state-bg .link.title {
font-size: 18px !important;
width: 600px !important;
}

.lesson-list .description {
width: 600px !important;
}

.lesson-list li {
position: relative;
display: block;
margin: 0 0 20px !important;
min-height: 0;
background: rgba(255, 255, 255, 1);
border: 1px solid #759600;
border-radius: 20px;
}

.lesson-list li.user-state-has_mission::before {
content: "Есть задание";
}

.lesson-list li::before {
position: absolute;
top: 50%;
right: 0px;
padding: 7px 0 0 10px;
width: 140px;
height: 34px;
text-align: center;
background: #759600;
transform: translatey(-50%);
transition: all .3s;
color: #FFFFFF;
}

.lesson-list li.user-state-has_mission::after {
content: "";
background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/18458/sc/237/h/0ac5dcaee27c0a9a6742846bd597600e.png);
}

.lesson-list li::after {
position: absolute;
width: 35px;
height: 35px;
background: #fff;
top: 50%;
right: 120px;
transform: translatey(-50%);
background-repeat: no-repeat;
background-position: center;
background-size: 17px !important;
border: 1px solid #759600;
border-radius: 50px;
transition: all .3s;
}


.lesson-list li a, .lesson-list li a .info, .lesson-list li a .info table, .lesson-list li a .info table tbody, .lesson-list li a .info table tr {
display: block;
width: 100%;
min-height: 0;
min-width: 0;
background: none !important;
}

.element.style {
position: relative;
}

.lesson-list li a .info {
margin: 0;
padding: 15px 20px;
}


/* принятое домашнее задание*/
.lesson-list li.user-state-accomplished {
border-color: #41b45c;
}

.lesson-list li.user-state-accomplished::before {
content: "Выполнено";
background: #41b45c;
}

.lesson-list li.user-state-accomplished::after {
content: "";
border-color: #41b45c;
background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/18458/sc/228/h/d54a356eca3e516502afb9c5c2627a2c.png);
}


/*задание недоступно*/
.lesson-list li.user-state-not_reached{
border: 1px solid #ecf0f1!important;
background-color: #ecf0f1 !important;
}


/*важные задания*/
.lesson-list li.user-state-need_accomplish::before {
content: "Стоп-урок";
background: rgba(255, 23, 23, 1);
}

.lesson-list li.user-state-need_accomplish::after {
content: "";
border-color: #FF1717;
background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/18458/sc/501/h/c2aca71c36deebb363d371eabec5bab0.png);
}


/*задание на проверке*/

.lesson-list li.user-state-answered::before {
content: "На проверке";
}

.lesson-list li.user-state-answered::after {
content: "";
background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/18458/sc/504/h/3fbcd09ab9ca1a681a53facccf140dbb.png);
}

.user-state-bg .link.title {
color: #759600 !important;
font-weight: bold;
}