

:root {
    --bg-color: #1f1b4f;
    --hover-color: #333694;
    --text-color: #fff;
}

@font-face {
    font-family: 'GothamSSm';
    src: url('/fileservice/file/download/h/8f3f21ee7f56dfbf5125d1b705710268.otf/a/573321/sc/150') format('opentype'),
        url('/fileservice/file/download/h/6bc4db89b07ca87480de26fd5a4b0670.woff/a/573321/sc/242') format('woff');
    font-weight: 500;
}

@font-face {
    font-family: 'GothamSSm';
    src: url('/fileservice/file/download/h/b50e7daa15b84e89cbcadc7ef694aad9.otf/a/573321/sc/487') format('opentype'),
        url('/fileservice/file/download/h/1b0400462d637563f8d43f1b1b4d6149.woff/a/573321/sc/502') format('woff');
    font-weight: 700;
}

#gcAccountUserMenu .gc-account-leftbar {	
    width: 80px;
    font-family: 'GothamSSm' !important;
}

.gc-account-leftbar .gc-account-user-menu {
    padding-top: 10px;
}

.gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile:not(.default)) .menu-item-icon{
    display: none;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    height: 70px;
}

.gc-account-leftbar .gc-account-user-menu .menu-item-label {
    margin-bottom: 0;
    margin-top: 2px;
    font-size: 9px;
    font-weight: 400;
    text-transform: lowercase;
}

.gc-account-leftbar li.active .menu-item-label,
.gc-account-leftbar li.selected .menu-item-label {
    color: var(--text-color);
    font-size: 9px;
}

.gc-account-leftbar .notify-count.with-label {
	top: 35px;
}

.gc-account-leftbar {
    background: var(--bg-color);
}

.gc-account-leftbar .gc-account-user-menu li {
    border-bottom: none;
}

.gc-account-leftbar .gc-account-user-menu li a {
    width: 80px;
    height: 80px;
    background: var(--bg-color);
    transition: .3s;
}

.gc-account-leftbar .gc-account-user-menu li a:hover {
    background-color: var(--hover-color);
}

.gc-account-leftbar .gc-account-user-menu li.active a {
    background-color: var(--bg-color);
} 

.gc-account-leftbar .gc-account-user-menu li.selected a {
    background-color: var(--hover-color);
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
    width: auto;
    padding: 5px;
    background: #fff;
    color: var(--bg-color);
    bottom: auto;
    right: 5px;
    top: 10px;
}

.gc-account-leftbar .gc-account-user-submenu-bar {
    width: 265px;
    background: #eff0f1;
    left: 80px;
}

.gc-fade-wrapper .gc-fade {
    left: 345px;
}

.gc-account-user-submenu-bar h3 {
    margin-top: 20px;
    margin-bottom: 25px;
    padding-right: 10px;
    padding-left: 30px;
    font-size: 27px;
    color: var(--hover-color);
    font-weight: 700;
    text-transform: uppercase;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 20px;
    padding-left: 30px;
    color: #28221f;
    text-transform: none;
    font-weight: 500;
    font-size: 21px;
    transition: .3s;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: var(--text-color);
}

.gc-account-leftbar .gc-account-user-submenu-bar div.user-balance {
    margin-left: 30px;
}

@media (max-width: 768px) {
    .gc-account-leftbar .toggle-link {
        background: var(--bg-color);
    }

    .gc-page-nav-items-menu a {
        background: var(--bg-color);
    }

    .gc-account-leftbar .gc-account-user-menu {
        background: var(--bg-color);
    }
}

