

/* Цвета и текст иконок. Если текст не нужен, вместо него оставьте пробел или сотрите текст с кавычками вообще */
:root {

--cms--icon: url(https://fs.getcourse.ru/fileservice/file/download/a/846094/sc/71/h/d74e51948d92544db63163283b878fcd.svg);
--cms--icon--active: url(https://fs.getcourse.ru/fileservice/file/download/a/846094/sc/287/h/50a9c01ddd2a2707d99dfdfe5660b41f.svg);
--cms--text: 'CMS';

--teach--icon: url(https://fs.getcourse.ru/fileservice/file/download/a/846094/sc/139/h/b406a824d1765adb890eca85932f141a.svg);
--teach--icon--active: url(https://fs.getcourse.ru/fileservice/file/download/a/846094/sc/106/h/d956a20785b3046c68d506d4f36fdb18.svg);
--teach--text: 'Courses';
--user--icon: url(https://fs.getcourse.ru/fileservice/file/download/a/846094/sc/376/h/3188bb0b7a7c9ee962a3daecbf011fb5.svg);
--user--icon--active: url(https://fs.getcourse.ru/fileservice/file/download/a/846094/sc/299/h/f459c704c3662e4dca7749ef3a2b8cbe.svg);
--user--text: 'Users';
--tasks--icon: url(https://fs.getcourse.ru/fileservice/file/download/a/846094/sc/119/h/4661a69e954790df088ae2f614a719ee.svg);
--tasks--icon--active: url(https://fs.getcourse.ru/fileservice/file/download/a/846094/sc/303/h/f7ff29895eb9bce6add854e0103b2e72.svg);
--tasks--text: 'Processes';
--notifications--icon: url(https://fs.getcourse.ru/fileservice/file/download/a/846094/sc/273/h/5cb6eacc50eace6a383de0403062871e.svg);
--notifications--icon--active: url(https://fs.getcourse.ru/fileservice/file/download/a/846094/sc/397/h/0619e2dfd7f8b6d9fd5dfdc034f4bc17.svg);
--notifications--text: 'Mailings';
--sales--icon: url(https://fs.getcourse.ru/fileservice/file/download/a/846094/sc/134/h/d7c3c04c56953db0c31a6f44421d374d.svg);
--sales--icon--active: url(https://fs.getcourse.ru/fileservice/file/download/a/846094/sc/195/h/65a6f0c9d3432aa43fcc8218a31d9f78.svg);
--sales--text: 'Purchaches';

--chatium--text: 'App';
--icons--width: 24px;
--icons--height: 40%;
--sidebar-width: 117px;
    --subsidebar-width: 280px;
}
/*body {
opacity: 0; 
  background: white;
  transition: all 0.3s linear;
}
html {
  background: white;
  z-index:1;
}
html::before {
  z-index:1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
content: url(https://fs.getcourse.ru/fileservice/file/download/a/195479/sc/509/h/3f370df839815215951a0b02615ebf81.svg);
}
*/
.menu-item-icon {
display:block!important;
}
.gc-main-content.with-left-menu .container {
    margin-left: auto !important;
     margin-right: auto !important;
}

html, body {
  position: relative;
  min-width: 99vw;
  min-height: 100vh;
  z-index: 10;
}


html::before {
      animation: blink--logo 2s linear infinite normal;
  }
.unhold {
  opacity: 1!important;
}
  @keyframes blink--logo {
    0% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 0;}
}
.gc-account-user-submenu li {
position: relative;
}

.gc-account-leftbar .menu-item-label{
display: none;
}
.subitem-link {
position: relative;
  z-index:2;
 background: none !important; 
    font-family: Aeroport!important;
    font-style: normal;
font-weight: 500!important;
font-size: 18px!important;
line-height: 26px!important;
color: #000000;
}
.subitem-link:hover {
    background: none !important;
}
.gc-account-user-submenu-bar h3 {
    margin-top: 124px;
    padding-left: 40px;
    font-family: Aeroport;
    font-style: normal;
    font-size: 27px;
    line-height: 22px;
    color: #000000;
    font-weight: normal;
    margin-bottom: 31px;
}
.gc-account-user-submenu-bar {
background: white!important;
}
.gc-account-user-submenu li a {
text-transform: initial !important;
}
.gc-account-user-submenu li::after {
    background: #282828;
  position: absolute;
  width: 0px;
  height: 100%;
  right: 0px;
  top: 0px;
  content: '';
  transition: all 0.2s linear;
}
.gc-account-user-submenu li:hover::after {
    background: #282828;
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0px;
  top: 0px;
  content: '';
}
.gc-account-user-submenu .notify-count {
background: #F6D137 !important;
border-radius: 5px !important;
font-family: Aeroport;
font-style: normal;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 25px !important;
color: #000000 !important;
    padding: 0px !important;
}
.gc-account-user-submenu {
padding-left: 23px !important;
}
.gc-account-user-menu {
overflow-y: auto;
max-height: 100vh;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
transition: all 0.1s linear;
    
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    color: white !important;
}
html {
  scrollbar-face-color: #646464;
  scrollbar-base-color: #646464;
  scrollbar-3dlight-color: #646464;
  scrollbar-highlight-color: #646464;
  scrollbar-track-color: #000;
  scrollbar-arrow-color: #000;
  scrollbar-shadow-color: #646464;
  scrollbar-dark-shadow-color: #646464;
}
.gc-fade-wrapper .gc-fade {
    background: rgba(40, 40, 40, 0.14);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    opacity: 1;
}

::-webkit-scrollbar { width: 8px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track {  background-color: #646464;}
::-webkit-scrollbar-track-piece { background-color: #000;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 0px;}
::-webkit-scrollbar-corner { background-color: #646464;}}
::-webkit-resizer { background-color: #666;}
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
color: black !important;
}

@media (min-width: 768px) {
    .gc-account-leftbar .gc-account-user-submenu-bar {
left: var(--sidebar-width) !important;
width: var(--subsidebar-width) !important;
        
}
.gc-main-content.with-left-menu.nonemargin {
margin-left: 0!important;
}
    .gc-main-content.with-left-menu {
margin-left: var(--sidebar-width)!important;
}
   .gc-account-user-menu li:nth-child(3) {
margin-top: 28px;
}
   .gc-account-user-menu .menu-item-cms {
margin-top: 20px !important;
}
    .widther {
margin-left: calc(var(--sidebar-width) + var(--subsidebar-width)) !important;
}
.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;
}
}
/* Накидываем фону пунктов прозрачности, чтобы за ними было видно фон менюшки */
.gc-account-user-menu .menu-item a {
background: transparent !important;
        position: relative;
        display: flex !important;
    justify-content: center !important;
    align-items: center !important;
        height: 72px;
}
.gc-account-user-menu .menu-item {

}
.gc-account-user-menu .menu-item:hover {
    background-color: #282828 !important;
}
.gc-account-user-menu .menu-item-notifications_button_small:hover, .gc-account-user-menu  .menu-item-profile:hover {
background-color: black !important;
}
.gc-account-user-menu .menu-item.selected {
 background-color: rgba(255,255,255,0.2) !important;
}
@media (max-width: 768px) {


}

/* Иконка профиля */
.gc-account-user-menu .menu-item-profile img {
border-radius: 50%;
}
@media (max-width: 768px) {
.menu-item-profile img {
width: 30px !important;
    height: 30px !important;
}
   .gc-account-user-menu .menu-item-profile {
margin-bottom: 10px !important;
}
    
}
.gc-account-leftbar .gc-account-user-menu {
padding-top: 41px;
}

/* Фон самой менюшки */
.gc-account-leftbar {
background: #000000;
}
.gc-account-leftbar .gc-account-user-menu li {
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 768px) {
    .gc-account-leftbar .gc-account-user-menu {
padding-top: 0px;
}
.gc-account-leftbar .gc-account-user-menu {
background: #000000;
    }
    /* Горизонтальная полоска с мобилок */
    .gc-account-leftbar.expanded .toggle-link, .gc-account-leftbar .toggle-link, .toggler-item  {
background: #000000 !important;
        color: transparent!important;
}
}
.gc-account-leftbar .gc-account-user-menu li {
    border-bottom: 0px solid black !important;
}
/* Счетчик уведомлений */
.gc-account-user-menu .menu-item-notifications_button_small .notify-count {
    transform: translate(0px, -1px);
background: transparent !important;
color: #000 !important;
    padding: 0px !important;
font-family: Aeroport;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 25px;
display: flex;
align-items: center;
    justify-content: center;
color: #000000;
pointer-events: none;
    position: static;
    width: max-content;
    
}
.menu-item-teach .notify-count, .menu-item-notifications .notify-count {
    padding-left: 20px;
    padding-right: 5px;
    background: url(https://fs20.getcourse.ru/fileservice/file/download/a/627767/sc/250/h/941bcf9263eca80b468bb95932d38baf.svg) !important;
    color: black;
    width: min-content;

}
.gc-account-user-menu .menu-item::before {

}
@media (max-width: 768px) {

}
/* Дальше лучше не лезть без острой необходимости */
.gc-account-leftbar .menu-item-notifications_button_small {
margin-top: 25px !important;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    height: 24px;
    display: flex !important;
    background: #F6D137 !important;
    border-radius: 5px;
    width: min-content;
}
.gc-account-user-menu .menu-item-notifications_button_small svg {
    width: 11px;
    margin-right: 5px;
    }


.gc-account-user-menu .menu-item-cms img {
opacity: 0;
    }
.gc-account-user-menu .menu-item-cms {
background-image: var(--cms--icon);
background-size: 30px 32px;
    background-repeat: no-repeat;
    background-position: center center;
}
.gc-account-user-menu .menu-item-cms.active,.menu-item-cms.selected {
background-image: var(--cms--icon--active);

}

.gc-account-user-menu .menu-item-teach img {
opacity: 0;
}
.gc-account-user-menu .menu-item-teach {
background-image: var(--teach--icon);
background-size: 31px 32px;
    background-repeat: no-repeat;
    background-position: center center;
}
.gc-account-user-menu .menu-item-teach.active,.menu-item-teach.selected {
background-image: var(--teach--icon--active);

}
.gc-account-user-menu .menu-item-instruction.active svg path, .gc-account-user-menu .menu-item-instruction.selected svg path {
fill: #F6D137 !important;
}


.gc-account-user-menu .menu-item-user img {
opacity: 0;
}
.gc-account-user-menu .menu-item-user {
background-image: var(--user--icon);
background-size: 43px 28px;
    background-repeat: no-repeat;
    background-position: center center;
}
.gc-account-user-menu .menu-item-user.active,.menu-item-user.selected {
background-image: var(--user--icon--active);

}

.gc-account-user-menu .menu-item-tasks img {
opacity: 0;
}
.gc-account-user-menu .menu-item-tasks {
background-image: var(--tasks--icon);
background-size: 36px 34px;
    background-repeat: no-repeat;
    background-position: center center;
}
.gc-account-user-menu .menu-item-tasks.active,.menu-item-tasks.selected {
background-image: var(--tasks--icon--active);

}

.gc-account-user-menu .menu-item-notifications img {
opacity: 0;
}
.gc-account-user-menu .menu-item-notifications {
background-image: var(--notifications--icon);
background-size: 34px 30px;
    background-repeat: no-repeat;
    background-position: center center;
}
.gc-account-user-menu .menu-item-notifications.active,.menu-item-notifications.selected {
background-image: var(--notifications--icon--active);

}

.gc-account-user-menu .menu-item-sales img {
opacity: 0;
}
.gc-account-user-menu .menu-item-sales {
background-image: var(--sales--icon);
background-size: 31px 40px;
    background-repeat: no-repeat;
    background-position: center center;
}
.gc-account-user-menu .menu-item-sales.active,.menu-item-sales.selected {
background-image: var(--sales--icon--active);

}

.gc-account-user-menu .menu-item-chatium img {
opacity: 0;
}
.gc-account-user-menu .menu-item-chatium {
background-image: var(--chatium--icon);
background-size: 33px 36px;
    background-repeat: no-repeat;
    background-position: center center;
}
.gc-account-user-menu .menu-item-chatium.active,.menu-item-chatium.selected {
background-image: var(--chatium--icon--active);

}

@media (max-width: 1000px) {
    .menu-item-teach .notify-count, .menu-item-notifications .notify-count {
 background-size: auto 100%;

}
.gc-account-leftbar .gc-account-user-submenu-bar {
    width: 270px;

}
    .gc-account-leftbar .toggle-link img {
opacity: 0;
}
    .gc-account-leftbar .toggle-link {
position: relative;
}
    .gc-account-leftbar .toggle-link::before {
position: absolute;
        left:8px;
        top:5px;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8.30078C0 7.47235 0.671573 6.80078 1.5 6.80078H18.5C19.3284 6.80078 20 7.47235 20 8.30078C20 9.12921 19.3284 9.80078 18.5 9.80078H1.5C0.671573 9.80078 0 9.12921 0 8.30078Z' fill='white'/%3E%3Cpath d='M0 1.5C0 0.671573 0.671573 0 1.5 0H18.5C19.3284 0 20 0.671573 20 1.5C20 2.32843 19.3284 3 18.5 3H1.5C0.671573 3 0 2.32843 0 1.5Z' fill='white'/%3E%3Cpath d='M0 15.5C0 14.6716 0.671573 14 1.5 14H18.5C19.3284 14 20 14.6716 20 15.5C20 16.3284 19.3284 17 18.5 17H1.5C0.671573 17 0 16.3284 0 15.5Z' fill='white'/%3E%3C/svg%3E%0A");
        width: 35px;
        height: 35px;
        background-color: black;
        background-position: center center;
        content: '';
        background-repeat: no-repeat;
}
        .gc-account-leftbar.expanded .toggle-link::before {

background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.56066 14.5815C-0.0251262 13.9957 -0.0251262 13.0459 0.56066 12.4602L12.5815 0.43934C13.1673 -0.146447 14.117 -0.146446 14.7028 0.43934C15.2886 1.02513 15.2886 1.97487 14.7028 2.56066L2.68198 14.5815C2.09619 15.1673 1.14645 15.1673 0.56066 14.5815Z' fill='white'/%3E%3Cpath d='M0.43934 0.581475C1.02513 -0.00431091 1.97487 -0.00431085 2.56066 0.581475L14.5815 12.6023C15.1673 13.1881 15.1673 14.1378 14.5815 14.7236C13.9957 15.3094 13.0459 15.3094 12.4602 14.7236L0.43934 2.7028C-0.146447 2.11701 -0.146447 1.16726 0.43934 0.581475Z' fill='white'/%3E%3C/svg%3E%0A");
        background-color: black;
        background-position: center center;

        background-repeat: no-repeat;
}
.menu-item-teach .notify-count, .menu-item-notifications .notify-count {
    background-size: auto 100%!important;

}
    .gc-account-leftbar .gc-account-user-menu .notify-count {
font-size: 12px!important;
line-height: 16px!important;
}
    .gc-account-user-menu .menu-item-cms {
background-size: 22px 22px;
}

.gc-account-user-menu .menu-item-teach {
background-size: 22px 22px;
}

.gc-account-user-menu .menu-item-instruction svg {
width: 31px!important;
    height: 31px!important;
}

.gc-account-user-menu .menu-item-user {
background-size: 33px 18px;
}

.gc-account-user-menu .menu-item-tasks {
background-size: 26px 24px;
}

.gc-account-user-menu .menu-item-notifications {
background-size: 24px 20px;
}


.gc-account-user-menu .menu-item-sales {
background-size: 21px 30px;
}

.gc-account-user-menu .menu-item-chatium {
background-size: 23px 26px;
}
    .gc-account-leftbar .gc-account-user-menu li a {
    height: 50px;
}
    .menu-item:not(.menu-item-notifications_button_small) .notify-count {
transform: translateY(7px);
padding-left: 25px;
}
    .gc-account-user-submenu-bar h3 {
       margin-top: 26px;
    padding-left: 30px;
            font-size: 20px;
    line-height: 22px;
    }
    .gc-account-user-submenu {
    padding-left: 12px !important;
}
    .subitem-link {
     font-size: 14px!important;
    line-height: 16px!important;
}
}
.gc-account-leftbar .gc-account-user-submenu-bar div.user-balance {
    margin-left: 43px;
 
}
.talks-widget-button {
background: black;
}
.fullwidth {
width: 100%;
}
.webinar-blocks-popover {
    transform: translateX(50px);
}
 @media (max-width: 768px) {
.gc-main-content.with-left-menu.account-page-content {
    margin-left: 0!important;
}
}
