

/*start variables*/
body {
    --main-color:#272E39;--purple-gradient: linear-gradient(141.5deg, #392358 0%, #53377A 0.01%, #0A0017 100%);--gray-purple:#FAF6FF;--gray-color:#FAFAFA;--white-color:white;--white01-color:rgba(0,0,0,0.1);--black01-color:rgba(0,0,0,0.1);--main-font: 'Graphik LCG';--weight-normal:300;--weight-bold:500;--black-color:black;--green-color: #40AD6C;--red-color:#F06363;--hover-color:#50307B;--white-light:#F7F7F7;--black-light:#252525;--black-text:#222222;--black-header: #292929;--gray-bg:#CECECE;--orange-color:#FF9F59;--link-color:#415A80;--deep-gray:#A09D9D;--closed-gray:#D7D7D7;--black-333:#333333;--closed-lesson:#ececec;--postnov-color:#8F93FF;--purple-color:#6C56A1;--pink-color:#AC85E1;--fresh-color:#f0f8ff;--player-color:#FF490D;--btn-gray:#E2E8F0;--btn-gray-hover:#CBD5E0;--purple-hover:#50C878;
}
/*end variables*/

.isChatium {
    opacity:0;
}
.onthewaytothesun {
    opacity:1;
}
@font-face {
    font-family: 'Graphik LCG';
    src: url('GraphikLCG-Regular.otf');
    src: local('GraphikLCG-Regular'), local('GraphikLCG-Regular'),
        url('https://onthewaytothesun.ru/static/GraphikLCG-Regular.woff') format('woff'),
        url('https://onthewaytothesun.ru/static/GraphikLCG-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik LCG';
    src: url('GraphikLCG-Medium.otf');
    src: local('GraphikLCG-Medium'), local('GraphikLCG-Medium'),
        url('https://onthewaytothesun.ru/static/GraphikLCG-Medium.woff') format('woff'),
        url('https://onthewaytothesun.ru/static/GraphikLCG-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik LCG';
    src: url('GraphikLCG-Medium.otf');
    src: local('GraphikLCG-Medium'), local('GraphikLCG-Medium'),
        url('https://onthewaytothesun.ru/static/GraphikLCG-Medium.woff') format('woff'),
        url('https://onthewaytothesun.ru/static/GraphikLCG-Medium.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik LCG';
    src: url('GraphikLCG-Bold.otf');
    src: local('GraphikLCG-Bold'), local('GraphikLCG-Bold'),
        url('https://onthewaytothesun.ru/static/GraphikLCG-Bold.woff') format('woff'),
        url('https://onthewaytothesun.ru/static/GraphikLCG-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}
.no-chatium .gc-account-user-submenu-bar-chatium {
    display:none!important;
}
.breadcrumbs a,.breadcrumb a{
    position:relative;
}
.breadcrumbs>a::after,.breadcrumb a::after {
    position: absolute;
    content: '';
    bottom: -5px;
    right: 0;
    content: '';
    width: 0%;
    height: 1px;
    background: var(--main-color);
    opacity: .6;
    transition:.3s;
}
.breadcrumbs a:hover::after,.breadcrumb a:hover::after {
    opacity:.6;
    width: 100%;
}
.chat-btn, .help-btn,.isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr a {
    transition:.2s;
    cursor:pointer;
}
.chat-btn:hover, .help-btn:hover,.isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr a:hover {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.edit-mode .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0;
    pointer-events:none;
}
.isDashboardsPage .modal-backdrop {
    z-index: 1049;
}
.select2-drop {
    z-index: 19999;

}



html[theme="dark"] {
    --black-background: #242526;
    background-color:var(--black-background);
}
html[theme="dark"] .account-page-content {
    background-color:var(--black-background);
}
html[theme="dark"] body {
    --main-color:#817E9F;
    --purple-gradient: linear-gradient(141.5deg, #392358 0%, #53377A 0.01%, #0A0017 100%);
    --gray-purple:#FAF6FF;
    --gray-color:#44484F;
    --white-color:rgba(255,255,255,0.9);
    --white01-color:rgba(0,0,0,0.1);
    --black01-color:rgba(0,0,0,0.1);
    --black-color:#F2F4F6;
    --green-color: #40AD6C;
    --red-color:#F06363;
    --hover-color:#50307B;
    --white-light:#F7F7F7;
    --black-light:#252525;
    --black-text:#F2F4F6;
    --black-header: #F2F4F6;
    --gray-bg:#CECECE;
    --orange-color:#C3672A;
    --link-color:#6091dc;
    --deep-gray:#A09D9D;
    --closed-gray:#D7D7D7;
    --black-333:#F2F4F6;
    --closed-lesson:#838996;
    --postnov-color:#558bc1;
    --purple-color:#2B2D42;
    --pink-color:#AC85E1;
    --fresh-color:#f0f8ff;
    --player-color:#C3672A;
}
html[theme="dark"] .gc-account-leftbar {
    background: var(--black-background)!important;
    border-right:1px solid var(--gray-color);
}
html[theme="dark"] .gc-account-leftbar .gc-account-user-submenu-bar {
    background: var(--black-light) !important;
}
html[theme="dark"] .breadcrumbs::before,html[theme="dark"] .breadcrumb::before,html[theme="dark"] .dropdown-el::after,html[theme="dark"] .isLessonPage .jp-repeat,html[theme="dark"] .glyphicon-user:before{
    filter:invert(.9);
}
html[theme="dark"] .talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate:hover {
    background: var(--main-color);
}
html[theme="dark"] .conversation-widget .comments-tree,html[theme="dark"] .talks-widget-window .talks-widget-header {
    background: var(--black-background);
}
html[theme="dark"] .talks-widget-window {
    border-left: 1px solid var(--gray-color);
}
html[theme="dark"] .comments-tree a.user-profile-link {
    color: var(--white-color);
}
html[theme="dark"] .talks-widget-body .user-image-wrapper {
    display:none;
}
html[theme="dark"] .conversation-widget .comment > .text .text-content {
    color: var(--white-color);
}
html[theme="dark"] .isNotificationPage .standard-page-menu li.active a {
    color: var(--white-color);
}
html[theme="dark"] .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed {
    background-color: var(--black-background);
    color: #afafaf;
}  
.dev-mode, .dev-mode #gcAccountUserMenu {
    opacity:1!important;
}
.theme-switcher {display:none!important;}
