@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/***Левая панель***/
.gc-account-leftbar {
    width:85px;
    background: #0b2041;
    border-radius: 0 10px 10px 0;
}

.gc-account-leftbar .gc-account-user-menu li {
    border:none;
}

.gc-account-leftbar .gc-account-user-menu li a {
    width:85px;
    background:none;
}

.gc-account-leftbar .menu-item-search,
.gc-account-leftbar .menu-item-notifications_button_small{
    display:none;
}

.gc-account-leftbar .menu-item > a {
    padding-block:10px!important;
}

.gc-account-leftbar .menu-item.active > a,
.gc-account-leftbar .menu-item.selected > a,
.gc-account-leftbar .menu-item > a:hover{
    background:none!important;
}

.gc-account-leftbar .menu-item-profile > a img:not([src="/public/img/default_profile_50.png"]) {
    border-radius:50%;
    width:65px;
    border: 0.79px solid #0b2041;
}

/*Иконки*/
.gc-account-leftbar .menu-item:not(.menu-item-profile) > a img {
    display:none;
}

.gc-account-leftbar .menu-item:not(.menu-item-profile) > a:before {
    content:'';
    width:30px;
    height:30px;
    display:block;
    background:#FFFFFF;
    margin:0 auto;
    mask-size:cover;
    -webkit-mask-size:cover;
    transition:all .3s;
}

.gc-account-leftbar .menu-item.selected:not(.menu-item-profile) > a:before,
.gc-account-leftbar .menu-item.active:not(.menu-item-profile) > a:before,
.gc-account-leftbar .menu-item:not(.menu-item-profile) > a:hover:before{
    background:#C8A44D;
}

.gc-account-leftbar .menu-item-cms  > a:before {
    mask-image:url('/fileservice/file/download/a/954256/sc/253/h/1d1fc5888b9919b4a2e239509cdcf0ed.svg');
    -webkit-mask-image:url('/fileservice/file/download/a/954256/sc/253/h/1d1fc5888b9919b4a2e239509cdcf0ed.svg');
}

.gc-account-leftbar .menu-item-teach  > a:before {
    mask-image:url('/fileservice/file/download/a/954256/sc/129/h/7a2e57b5ae39038cd608da00116b1f07.svg');
    -webkit-mask-image:url('/fileservice/file/download/a/954256/sc/129/h/7a2e57b5ae39038cd608da00116b1f07.svg');
}

.gc-account-leftbar .menu-item-club  > a:before {
    mask-image:url('/fileservice/file/download/a/954256/sc/225/h/4cf01b00220ad3eb5e97cbb92c88e613.svg');
    -webkit-mask-image:url('/fileservice/file/download/a/954256/sc/225/h/4cf01b00220ad3eb5e97cbb92c88e613.svg');
}

.gc-account-leftbar .menu-item-user  > a:before {
    mask-image:url('/fileservice/file/download/a/954256/sc/244/h/b9125d3d7badb4a3870a946834e7f3be.svg');
    -webkit-mask-image:url('/fileservice/file/download/a/954256/sc/244/h/b9125d3d7badb4a3870a946834e7f3be.svg');
}

.gc-account-leftbar .menu-item-tasks  > a:before {
    width:24px!important;
    height:24px!important;
    mask-image:url('/fileservice/file/download/a/954256/sc/473/h/2962b3094a75b159d22045579d550de9.svg');
    -webkit-mask-image:url('/fileservice/file/download/a/954256/sc/473/h/2962b3094a75b159d22045579d550de9.svg');
}

.gc-account-leftbar .menu-item-notifications  > a:before {
    mask-image:url('/fileservice/file/download/a/954256/sc/458/h/c04ba7dfbe37bf1f7eaa2beea654a002.svg');
    -webkit-mask-image:url('/fileservice/file/download/a/954256/sc/458/h/c04ba7dfbe37bf1f7eaa2beea654a002.svg');
}

.gc-account-leftbar .menu-item-sales  > a:before {
    mask-image:url('/fileservice/file/download/a/954256/sc/110/h/8d372ea90ac4493d13997dae5358039c.svg');
    -webkit-mask-image:url('/fileservice/file/download/a/954256/sc/110/h/8d372ea90ac4493d13997dae5358039c.svg');
}

.gc-account-leftbar .menu-item-chatium  > a:before {
    mask-image:url('/fileservice/file/download/a/954256/sc/97/h/8d693630608b1fad262b3065c89fc41b.svg');
    -webkit-mask-image:url('/fileservice/file/download/a/954256/sc/97/h/8d693630608b1fad262b3065c89fc41b.svg');
}

/*Подписи*/
.gc-account-leftbar .menu-item:not(.menu-item-profile) > a .menu-item-label {
    display:none;
}

.gc-account-leftbar .menu-item:not(.menu-item-profile) > a:after {
    content:'';
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    transition:all .3s;
}

.gc-account-leftbar .menu-item.active:not(.menu-item-profile) > a:after,
.gc-account-leftbar .menu-item.selected:not(.menu-item-profile) > a:after,
.gc-account-leftbar .menu-item:not(.menu-item-profile) > a:hover:after {
    color:#C8A44D;
}

.gc-account-leftbar .menu-item-cms > a:after {
    content:'Сайт'!important;
}

.gc-account-leftbar .menu-item-teach > a:after {
    content:'Обучение'!important;
}

.gc-account-leftbar .menu-item-club > a:after {
    content:'Клуб'!important;
}

.gc-account-leftbar .menu-item-user > a:after {
    content:'Ученики'!important;
}

.gc-account-leftbar .menu-item-tasks > a:after {
    content:'CRM'!important;
}

.gc-account-leftbar .menu-item-notifications > a:after {
    content:'Сообщения'!important;
}

.gc-account-leftbar .menu-item-sales > a:after {
    content:'Продажи'!important;
}

.gc-account-leftbar .menu-item-chatium > a:after {
    content:'Apps'!important;
}

/*Подменю*/
.gc-account-leftbar .gc-account-user-submenu-bar {
    left:85px;
    min-width:220px;
    width:100%;
    background:#38475C;
    border-radius: 0 10px 10px 0;
}

.gc-account-user-submenu-bar h3 {
    margin-top:40px;
    font-family: 'Cormorant Garamond', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 200%;
    color: #C8A44D;
    padding-left:10px;
    padding-right:unset;
    margin-bottom:33px;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    padding-left:10px;
    padding-block:7.5px;
    transition:all .3s;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    color:#C8A44D;
}

/*Подменю клуба*/
.club-subitems > div > h3{
    color:#fff;
}

.club-subitems > div > h3 span {
    color:#C8A44D;
}

.club-profile {
    border: 1px solid #e2d7bb;
    border-radius:5px;
    display:flex;
    padding:10px 18px;
    gap:10px;
    margin:33px 10px 0
}

.club-profile img {
    width:34px;
    height:34px;
    flex:0 0 34px;
    border-radius:50px;
}

.club-profile-right h3 {
    margin-top:0;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    padding-left:0;
    margin-bottom:5px;
}

.club-profile-right span {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.6);
    display:block;
    margin-bottom:15px;
}

.club-profile-right a {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #fff!important;
    display:flex;
    align-items: center;
    gap:10px;
    transition:all .3s;
    border-bottom: 1px solid transparent;
}

.club-profile-right a:hover {
    border-bottom: 1px solid #c8a44d;
}

.club-profile-right a:after {
    content:'';
    display:block;
    width:13px;
    height:15px;
    background:#fff;
    mask-image:url('/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg');
    -webkit-mask-image:url('/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg');
    mask-size:cover;
    -webkit-mask-size:cover;
}

.support-link {
    border: 1px solid #e2d7bb;
    border-radius: 5px;
    margin:20px 10px 0;
    padding:11.5px 24.5px;
    display:block;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 10px;
    color: #fff!important;
    display:flex;
    align-items: center;
    justify-content: space-between;
    gap:10px;
}

.support-link:after {
    content:'';
    display:block;
    width:13px;
    height:15px;
    background:#fff;
    mask-image:url('/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg');
    -webkit-mask-image:url('/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg');
    mask-size:cover;
    -webkit-mask-size:cover;
}

.support-operating-hours {
    border: 1px solid #e2d7bb;
    border-radius: 5px;
    padding:14.5px 12px;
    margin:20px 10px 0;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 10px;
    text-align: center;
    color: #fff;
}

.support-operating-hours h3 {
    margin-top:0;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    margin-bottom:10px;
    padding-left:0;
}

.support-operating-hours a {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 12px;
    color: #fff!important;
    display:block;
    display:flex;
    align-items: center;
    justify-content: center;
    gap:10px;
    transition:all .3s;
    border-bottom: 1px solid transparent;
    width:fit-content;
    margin:10px auto 0;
}

.support-operating-hours a:hover {
    border-bottom: 1px solid #c8a44d;
}

.support-operating-hours a:after {
    content:'';
    display:block;
    width:13px;
    height:15px;
    background:#fff;
    mask-image:url('/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg');
    -webkit-mask-image:url('/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg');
    mask-size:cover;
    -webkit-mask-size:cover;
}

/*Счетчик уведомлений*/
.gc-account-leftbar .notify-count {
    min-width:19px;
    width:fit-content;
    height:19px;
    background: #ec6666!important;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #fff;
}

.gc-account-leftbar .notify-count.with-label {
    right:unset;
    bottom:unset;
    left:45px;
    top:5px;
}

@media(max-width:768px) {
    .gc-account-leftbar .gc-account-user-menu {
        width:85px;
        background:#0B2041;
    }
    
    .gc-page-nav-items-menu a:not(.gc-right-active-block .gc-page-nav-items-menu a),
    .gc-account-leftbar .toggle-link{
        background:#0B2041;
    }
}