/* ------------- 
content start - MainTheme
------------- */

/* Палитра */
:root {
    --color-background: #f5f5f5;  /* цвет фона страницы */
    --color-green: #ecc0b8; /* основной цвет (бежевый)*/
    --color-beige: #b8f4ef; /* дополнительный (бирюзовый) */
    --color-darkbeige: #BDB09F; /* темно-бежевый цвет (плашки тренингов) */
    --color-black: #2D2D2D; /* цвет текста */
    --color-btn: #935D99;  /* цвет кнопок и ссылок */
    --color-btn-status: #7adcd4; /* цвет кнопок при наведении курсора */
    --color-darkgreen: #535A44; /* темно-зеленый цвет для кнопок при наведении курсора */
	--color-white: #ffffff; /* wft */
}
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap");
/* Установка шрифта на всю страницу 
@font-face {
    font-family: 'Helios';
    src: url('/fileservice/file/download/h/ed9423ad7666e4ef41c4261e7d4e0789.otf/a/306958/sc/163') format('opentype');
    src: url('/fileservice/file/download/h/0e91bef7b3f7605bbe924f635a61207c.woff/a/306958/sc/192') format('woff');
    src: url('/fileservice/file/download/h/ec898d81062df094ce33e8a243c12b2d.woff2/a/306958/sc/192') format('woff2');
    font-style: normal;
    font-weight: 300;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .f-header, .f-text, a {
    font-family: 'Helios', sans-serif !important;
}
.fa {
    font-family: 'FontAwesome' !important;
}
.re-icon {
    font-family: 'RedactorFont'!important;
}*/
body {
    background: var(--color-background);
    /*font-family: 'Helios', sans-serif !important;*/
    color: var(--color-black);
}
/*a {
    color: var(--color-btn);
}
/*----*/

/*Крошки*/
.breadcrumbs,
.breadcrumb {
    /*font-family: 'Helios',sans-serif !important;*/
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: var(--color-black);
}
.breadcrumbs a,
.breadcrumb a {
    /*font-family: 'Helios',sans-serif !important;*/
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 98.5%;
    border-bottom: 1px solid var(--color-black);
    color: var(--color-black);
}
.breadcrumbs a:hover,
.breadcrumb a:hover {
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
a {
    text-decoration: none;
    color: #c7254e;
}
.gc-tags span, .gc-tags a {
    color: var(--color-black);
}
.page-menu li.active {
    background: var(--color-green);
    color: var(--color-black);
    border-radius: 5px;
}
.page-menu li.active a {
    color: #FFF;
}

/*Навигация (системная-кнопки)
.page-header .btn-group button{
    border-radius: 5px;
}
.page-header .btn-group:first-child button {
    background: var(--color-btn) !important;
    border: 1px solid var(--color-btn) !important;
    color: #FFFFFF !important;
}
.page-header .btn-group:first-child button:hover {
    background: var(--color-btn-status) !important;
    border: 1px solid var(--color-btn-status) !important;
    color: #FFFFFF !important;
}
.page-header .btn-group:nth-child(2) button {
    background: var(--color-beige) !important;
    border: 1px solid var(--color-beige) !important;
    color: #FFFFFF !important;
}
.page-header .btn-group:nth-child(2) button:hover {
    background: var(--color-darkgreen) !important;
    border: 1px solid var(--color-darkgreen) !important;
    color: #FFFFFF !important;
}
.global-controls .btn,
.page-actions .btn {
    border-radius: 5px;
    background: var(--color-btn);
}
.global-controls .btn-success,
.btn.global-edit-btn  {
    border-color: var(--color-btn);
}
.global-controls .btn:hover,
.page-actions .btn:hover {
    background: var(--color-btn);
    color: #FFFFFF;
}*/

/*Боковое меню
.gc-account-leftbar {
    background: var(--color-beige) !important;
    background-color: var(--color-beige) !important;
}
.gc-account-leftbar .gc-account-user-menu li a {
    background: none !important;
    border-radius: 10px;
    height: 60px;
}
.gc-account-leftbar .gc-account-user-menu li a:hover {
    background: rgba(255, 255, 255, 0.3) !important;
}
.gc-account-leftbar .gc-account-user-menu li.active a, .gc-account-leftbar .gc-account-user-menu li.selected a {
    background: #FFF !important;
}
.gc-account-leftbar .toggle-link,
.gc-page-nav-items-menu a,
.gc-account-leftbar .gc-account-user-menu {
    background: var(--color-beige); 
}*/

/* Круглый аватар */
.gc-account-leftbar .gc-account-user-menu li:nth-child(1) a img, 
.menu-item-profile a{
    border-radius: 999px !important; 
}

/* Скрывает стандартные иконки, кроме первого и двух последних пунктов 
.gc-account-leftbar .gc-account-user-menu li:nth-child(n+2):nth-child(-n+8) a img {
    display: none !important;
    position: relative;
    z-index: 1;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-marathon a img {
    display: block !important;
}
*/
/* Убираем нижнюю границу у пунктов и добавляем отступы слева и справа
.gc-account-leftbar .gc-account-user-menu li {
    border-bottom: none;
    padding-inline: 5px;
    margin-top: 5px;
}*/
/* Убираем текст 
.menu-item-label {
    display: none !important;
}*/
/* Прячем пункт меню чатиума
li.menu-item-chatium {
    display: none !important;
}*/
/* Добавляем свои иконки 
.gc-account-leftbar .gc-account-user-menu li:not(:first-child) a:after {
    content: '';
    position: absolute;
}

.gc-account-leftbar .gc-account-user-menu li:not(:first-child):hover a:before,
.gc-account-leftbar .gc-account-user-menu li.active a:before, 
.gc-account-leftbar .gc-account-user-menu li.selected a:before {
    color: black;
}*/
/* Уведомления 
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
height: 50px;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:after {
width: 30px;
height: 30px;
right: calc(50% - 15px);
top: calc(50% - 15px);
background: url('/pl/fileservice/user/file/download/h/fc696f4b1a837fba300d14ec3088c5a2.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-notifications_button_small a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-notifications_button_small a:after {
background: url('/pl/fileservice/user/file/download/h/3646b2c7836a3b0222e70651aeaa7ee0.svg') no-repeat 50% 50%/contain;
}*/
/*Сайт
.gc-account-leftbar .gc-account-user-menu li.menu-item-cms a:after {
width: 30px;
height: 30px;
right: calc(50% - 15px);
top: calc(50% - 15px);
background: url('/pl/fileservice/user/file/download/h/6f11b8148639fae68989ab3701dd4623.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-cms a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-cms a:after {
background: url('/pl/fileservice/user/file/download/h/5ae5ca0c21ff543ba7a8c91946c35a9d.svg') no-repeat 50% 50%/contain;
}*/
/*Обучение
.gc-account-leftbar .gc-account-user-menu li.menu-item-teach a:after {
width: 30px;
height: 30px;
right: calc(50% - 15px);
top: calc(50% - 15px);
background: url('/pl/fileservice/user/file/download/h/3fea44a1ba54626c5d603fad7dbb6a3a.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-teach a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-teach a:after {
background: url('/pl/fileservice/user/file/download/h/784aeefe139f4a80f58e88f9417173a9.svg') no-repeat 50% 50%/contain;
}*/
/*Ученики
.gc-account-leftbar .gc-account-user-menu li.menu-item-user a:after {
width: 30px;
height: 30px;
right: calc(50% - 15px);
top: calc(50% - 15px);
background: url('/pl/fileservice/user/file/download/h/505eeb61bc314286e4e65b21b160b6b0.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-user a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-user a:after {
background: url('/pl/fileservice/user/file/download/h/67ba7262816fe71d5af40b2cfd28a6bd.svg') no-repeat 50% 50%/contain;
}*/
/*Задачи
.gc-account-leftbar .gc-account-user-menu li.menu-item-tasks a:after {
width: 30px;
height: 30px;
right: calc(50% - 15px);
top: calc(50% - 15px);
background: url('/pl/fileservice/user/file/download/h/57506b83de137b8e7b051e3fa95501dc.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-tasks a:after,
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-tasks a:after {
background: url('/pl/fileservice/user/file/download/h/6e8c9c4eda32d369355660e1cec4fe89.svg') no-repeat 50% 50%/contain;
}*/
/*Сообщения
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications a:after {
width: 30px;
height: 30px;
right: calc(50% - 15px);
top: calc(50% - 15px);
background: url('/pl/fileservice/user/file/download/h/ff82156e16a4daa7dfee36109039627f.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-notifications a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-notifications a:after {
background: url('/pl/fileservice/user/file/download/h/e76a71ec795948cebf8ecd1bdaf5fac0.svg') no-repeat 50% 50%/contain;
}*/
/*Продажи
.gc-account-leftbar .gc-account-user-menu li.menu-item-sales a:after {
width: 30px;
height: 30px;
right: calc(50% - 15px);
top: calc(50% - 15px);
background: url('/pl/fileservice/user/file/download/h/da7aaef572258f960de30eb79334a296.svg') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-sales a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-sales a:after {
background: url('/pl/fileservice/user/file/download/h/f2d5259cc59d67bdc9670bcd1289f9f9.svg') no-repeat 50% 50%/contain;
}*/
/*Mobile
.gc-account-leftbar .gc-account-user-menu li.menu-item-chatium a:after {
width: 30px;
height: 30px;
right: calc(50% - 15px);
top: calc(50% - 15px);
background: url('') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .gc-account-user-menu li.active.menu-item-chatium a:after,
.gc-account-leftbar .gc-account-user-menu li.selected.menu-item-chatium a:after {
background: url('') no-repeat 50% 50%/contain;
}
.gc-account-leftbar .qr-link {
display: none;
}
.gc-account-leftbar .menu-item-chatium_qr a img {
    border-radius: 0 !important;
}
*/
/* Стилизуем уведомления */
/*счетчик уведомлений
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
    bottom: 23px;
    right: 15px;
    padding: 3px 6px !important;
    z-index: 1;
    width: auto;
    height: auto;
    color: var(--color-black);
}
.gc-account-leftbar .notify-count {
    background: #FFF;
    width: 9px;
    height: 9px;
    color: var(--color-black);
    border-radius: 50px;
    bottom: 22px;
    right: 18px;
    color: transparent;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count, 
.gc-account-leftbar .notify-count, 
.gc-account-user-submenu-bar .gc-account-user-submenu li .notify-count {
    background: #FFF;
    bottom: 35px;
    right: 15px;
    padding: 3px 6px !important;
    z-index: 1;
    width: auto;
    height: auto;
    color: var(--color-black);
    top:auto;
    left: auto;
}
.gc-account-leftbar .gc-account-user-menu li.active .notify-count,
.gc-account-leftbar .gc-account-user-menu li.selected .notify-count {
    border: 1px solid #FFF;
    background: var(--color-green);
    color: #FFF;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li .notify-count { 
    bottom: auto !important;
}
.custom-menu .gc-account-leftbar .menu-item-notifications_button_small a img {
    display: initial!important;
}*/
/* Цвет меню в мобильной версии 
@media (max-width: 768px) {
    .gc-account-leftbar.expanded {
        background: var(--color-beige) !important;
    }
    .gc-account-leftbar .toggle-link, 
    .gc-page-nav-items-menu a, 
    .gc-account-leftbar .gc-account-user-menu {
        background: var(--color-beige) !important;
    }
}*/
/*----*/
/* Боковое меню (2 уровень) 
.gc-account-leftbar .gc-account-user-submenu-bar {
    background: var(--color-beige);
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a{
    font-family: 'Helios', sans-serif !important;
    color: #FFFFFF !important;
    opacity: 0.8;
    text-decoration: none;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    border-radius: 10px 0 0 10px;
}
.gc-account-user-submenu-bar h3 {
    font-family: 'Helios', sans-serif !important;
    color: #FFFFFF !important;
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link {
    color: #FFFFFF;
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .mark-viewed-all {
    color: var(--color-green);
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group {
    background-color: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.47) 100%);
    border: 1px solid #FFF !important;
    border-radius: 10px;
    border: none;
    margin: 5px;
    color: var(--color-black);
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group:hover {
    background-color: #FFF;
}
.gc-account-leftbar .gc-account-user-submenu-bar div.user-balance {
    color: var(--color-green);
}*/
/*----*/

/* Виджет */
.talks-widget-button {
    background: var(--color-green);
    border: 1px solid #FFF;
    color: #FFF;
    transition: 0.3s;
}
.talks-widget-button:hover {
    transform: scale(1.2);
}
.talks-widget-window {
    border: 1px solid var(--color-black);
}
.talks-widget-header,
.conversation-list-footer {
    background: var(--color-green) !important;
    border: none !important;
}
.talks-widget-window .talks-widget-header {
    color: #FFFFFF;
}
.conversation-list-footer button {
    border-radius: 10px;
    background: var(--color-btn-status);
}
.conversation-list-footer button:hover {
    background: #52c0b7;
    color: #FFF;
}
/* ------------- 
content finish - MainTheme
------------- */

/* ------------- 
content start - Notification
------------- */

.page-header h1 {
    /*font-family: "Helios" !important;*/
    font-size: 40px;
}
.content-menu {
    border-color: #DDDDDD;
}
a.notification-group.notification-click-area.notification-status-new,
a.notification-group.notification-click-area.notification-status-viewed {
    background: #f5f5f5;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    color: var(--color-black);
    border: 1px solid #000;
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
}
a.notification-group.notification-click-area.notification-status-viewed {
    opacity: 1;
}
a.notification-group.notification-click-area.notification-status-new .content,
a.notification-group.notification-click-area.notification-status-viewed .content {
    display: flex;
    align-items: center;
}
.user-notifications .notification-group .content {
    width: auto;
}
.user-notifications .notification-group .content span.user-name {
    color: var(--color-green);
}
ul.yiiPager .selected a {
    border-radius: 10px;
    background: var(--color-green) !important;
    color: #FFFFFF !important;
}
ul.yiiPager a:link, ul.yiiPager a:visited {
    color: var(--color-black);
}
@media screen and (min-width: 320px) and (max-width: 620px) {
    a.notification-group.notification-click-area.notification-status-new .content,
    a.notification-group.notification-click-area.notification-status-viewed .content {
        display: block;
    }
    .page-header h1 {
        font-size: 32px !important;
    }
}

.my-notification-block {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.my-notification-block .item:nth-child(1) {
    margin-left: 0;
}
/*.btn-success {
    color: var(--color-black);
    background-color: #2AABEE;
    border-color: #2AABEE;
    border-radius: 5px !important;
    color: #FFFFFF;
}
.btn-success:hover {
    background-color: #1B87BF;
    border-color: #1B87BF;
}

.btn-primary {
    color: var(--color-black);
    background-color: var(--color-btn);
    border-color: var(--color-btn);
    border-radius: 5px !important;
}
.btn-primary:hover {
    background-color: var(--color-btn-status);
    border-color: var(--color-btn-status);
}*/

/* ------------- 
content finish - Notification
------------- */