

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Inter:wght@100..900&display=swap');


:root {
  --color-fon-main: #FFF;
  --color-fon-secondary: #FAFAFB;
  
  --color-black: #333;
  --color-white: #fff;
  --color-lilac: #8B8EDC;
  --color-pink: #D9B2CE;
  
  --font-family: "Inter", sans-serif;  
  
  --fon-btn-lilac: #B1B3E8 ;
  --fon-btn-pink: #ECA1B7;  
  --fon-btn-hover: #A2A4E8;
  --fon-btn-hover-pink: #ed8ea9;
}

.custom-menu .gc-account-user-submenu-bar h3 {
    color: var(--color-pink);
    font-family: Dela Gothic One;
    font-weight: 400;
    font-size: 18px;
 }

.custom-menu .gc-account-user-submenu-bar .gc-account-user-submenu a, 
.custom-menu .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed {
    color: var(--color-black);
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    text-transform: none;
    transition: 0.3s ease-in-out;
}

.custom-menu .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .date {
    color: var(--color-black);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
}

.custom-menu .gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {   
    color: var(--color-lilac);
}

.gc-account-leftbar .gc-account-user-menu {
    margin: 0 6px;
}

.gc-account-leftbar .gc-account-user-menu li {
    margin-bottom: 10px;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-profile {
  margin-top: 10px;
}

.gc-account-leftbar .gc-account-user-menu li a {
  height: 60px!important;
  border-radius: 60px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.18);
}

.gc-account-leftbar .gc-account-user-menu li.active .menu-item-icon,
.gc-account-leftbar .gc-account-user-menu li:hover .menu-item-icon {
   filter: invert(60%) sepia(42%) saturate(5555%) hue-rotate(200deg) brightness(96%) contrast(79%);
  /*transition: 0.3s ease-in-out;*/
}

.gc-account-leftbar .notify-count.with-label {
    height: 22px;
}
.gc-account-leftbar .notify-count.with-label {
    bottom: 23px;
    right: 5px;
    top: 35px;
    left: 35px;
}
/*для уведомления*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
    bottom: 2px;
    right: -5px;
    width: 28px;
}

 .gc-account-user-menu .menu-item-profile img.menu-item-icon {  
  content:url("https://fs22.getcourse.ru/fileservice/file/download/a/101179/sc/171/h/4134ba80e936b64a5b34e105a56bcd0b.png");
 /*transition: 0.3s ease-in-out;*/
}
.gc-account-user-menu .menu-item-profile a:hover img,
.gc-account-user-menu .menu-item-profile.active a img{  
  content:url("https://fs19.getcourse.ru/fileservice/file/download/a/101179/sc/262/h/29c3898db562e75a93d4dd7a1de99ba4.png");
}

/*
.gc-account-user-menu .menu-item-notifications_button_small a:hover img,
.gc-account-user-menu .menu-item-notifications_button_small.active a img{  
  content:url("https://fs16.getcourse.ru/fileservice/file/download/a/101179/sc/194/h/f67d3f7b68cc23eb75d0d9b201328f40.png");
}

.gc-account-user-menu .menu-item-cms a:hover img,
.gc-account-user-menu .menu-item-cms.active img{  
   content:url("https://fs20.getcourse.ru/fileservice/file/download/a/101179/sc/183/h/c35407dd0b0234e357d6cb26a7e2f85a.png");
}
.gc-account-user-menu .menu-item-teach a:hover img,
.gc-account-user-menu .menu-item-teach.active  a img{  
   content:url("https://fs19.getcourse.ru/fileservice/file/download/a/101179/sc/117/h/34ed2c976b5463f54831ca3c999c9a27.png");
}
.gc-account-user-menu .menu-item-user a:hover img,
.gc-account-user-menu .menu-item-user.active  a img{  
   content:url("https://fs22.getcourse.ru/fileservice/file/download/a/101179/sc/359/h/bd79f964f5eb4aaa09e58c497c32e6df.png");
}
.gc-account-user-menu .menu-item-tasks a:hover img,
.gc-account-user-menu .menu-item-tasks.active  a img{  
   content:url("https://fs24.getcourse.ru/fileservice/file/download/a/101179/sc/511/h/5182d2228bd2507ab3a965927d514d64.png");
}
.gc-account-user-menu .menu-item-notifications a:hover img,
.gc-account-user-menu .menu-item-notifications.active  a img{  
    content:url("https://fs17.getcourse.ru/fileservice/file/download/a/101179/sc/291/h/8228eab39d929fc3da8190bb4afe21b7.png");
}
.gc-account-user-menu .menu-item-sales a:hover img,
.gc-account-user-menu .menu-item-sales.active  a img{  
    content:url("https://fs24.getcourse.ru/fileservice/file/download/a/101179/sc/161/h/53df55b75c1c2a97f743459da46a78b6.png");
}
.gc-account-user-menu .menu-item-chatium a:hover img,
.gc-account-user-menu .menu-item-chatium.active  a img{  
    content:url("https://fs17.getcourse.ru/fileservice/file/download/a/101179/sc/312/h/d638e51aa7500eeabe1240fbc5f220fa.png");
}
*/
@media (max-width: 768px){
.gc-account-leftbar .gc-account-user-menu {
    width: 55px;
    }
.gc-page-nav-items-menu a {
    background: #FFffff;
    color: var(--color-lilac);
    font-weight: 700;
    }
}

@media (max-height: 650px) {
  .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    height: 60px;
  }
}
@media (max-height: 550px) {
  .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    height: 50px;
  }
}


.menu-item-notifications_button_small img.menu-item-icon {
    display: block!important;
    padding-left: 18px;
}


.talks-widget-button {
    background: var(--color-pink)!important;   
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.18);
}
