/* ======================================= ОБЩИЕ ЭЛЕМЕНТЫ ======================================= */

/*Фон страниц*/
body {
  background: var(--fon);
}

/*Скругление углов у элементов*/
.xdget-image img,
.image-wrapper img,
.image-box img,
.fotorama__stage__frame,
.xdget-block.xdget-video,
.vhi-root, .vhi-iframe,
.jp-video, .jp-type-playlist, .jp-gui, .jp-interface, .jp-progress, .jp-playlist, .jp-playlist-current,
.f-input,
.field-input-block .form-control,
.html-content video {
    border-radius: var(--border-radius)!important;
}

/*Ширина аудио плеера*/
.jp-video {
    margin: 0 -10em 0 0 !important;
}

/*Все заголовки и подзаголовки*/
.f-header,
.f-subheader {
    font-family: var(--font-anonymous-pro);
}

/*Логотип и "хлебные крошки"*/ 
.logo-text,
.breadcrumb a,
.breadcrumbs a {
    font-family: var(--font-open-sans)!important;
    color: var(--grey)!important;
}

/*Название тренинга*/
.main-page-block .page-header h1,
.main-page-block .page-header h1 a,
.standard-page-content .page-header h1,
.standard-page-content .page-header h1 a {
    font-family: var(--font-anonymous-pro);
      /* font-size: 30px;*/ 
    color: var(--grey);
}

/*Блок Тайм-кодов под видео в тренингах и на страницах*/
.time_code_block p {
    font-family: var(--font-open-sans)!important;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: var(--grey)!important;
}

.time_code_block p a {
    font-family: var(--font-open-sans)!important;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    color: var(--red)!important;
}

/*============================================== БОКОВАЯ ПАНЕЛЬ ============================================== */
/* Общие настройки */
.gc-account-leftbar *,
.gc-account-leftbar::after,
.gc-account-leftbar::before {
    font-family: var(--font-open-sans)!important;
    font-size: 0.95em!important;
	outline: none;
}

/* Надписи у каждой иконки
.gc-account-user-menu li.menu-item-cms a::after,
.gc-account-user-menu li.menu-item-teach a::after,
.gc-account-user-menu li.menu-item-user a::after,
.gc-account-user-menu li.menu-item-tasks a::after,
.gc-account-user-menu li.menu-item-notifications a::after,
.gc-account-user-menu li.menu-item-sales a::after,
.gc-account-user-menu li.menu-item-chatium a::after {
    font-size: 9px;
}*/

/* Настройки у ячеек иконок */
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small) a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	        flex-direction: column;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	        align-items: center;
	-ms-flex-line-pack: center;
	-webkit-align-content: center;
	        align-content: center;
	min-height: 80px;
	text-decoration: none;
}

/* Настройки значков уведомлений у иконок */
.gc-account-leftbar li.menu-item:not(.menu-item-profile):not(.menu-item-notifications_button_small) .notify-count {
	bottom: unset;
	top: 40%;
}

/* Меняем текст на черный при активной иконке */
.gc-account-user-menu li.active a::after,
.gc-account-user-menu li.selected a::after {
	color: var(--black);
}

/* Убираем иконку у приложения с qr-кодом */
.gc-account-user-menu>.menu-item-chatium>.sub-icon {
	display: none;
}

/* Настройки надписей у иконок */
.gc-account-user-menu li a::after {
	display: block;
	text-align: center;
	max-width: -webkit-calc(100% + 20px);
	max-width: -moz-calc(100% + 20px);
	max-width: calc(100% + 20px);
	min-height: 1em;
	width: -webkit-calc(100% + 20px);
	width: -moz-calc(100% + 20px);
	width: calc(100% + 20px);
	overflow: hidden;
	position: relative;
	margin: 10px -10px 0;
	color: white;
}

/* Надписи у иконок */
.gc-account-user-menu li.menu-item-cms a::after {
	content: "Сайт";
}

.gc-account-user-menu li.menu-item-teach a::after {
	content: "Обучение";
}

.gc-account-user-menu li.menu-item-prolongation a::after {
	content: "Продление";
}

.gc-account-user-menu li.menu-item-user a::after {
	content: "Ученики";
}

.gc-account-user-menu li.menu-item-tasks a::after {
	content: "Процессы";
}

.gc-account-user-menu li.menu-item-notifications a::after {
	content: "Сообщения";
}

.gc-account-user-menu li.menu-item-sales a::after {
	content: "Покупки";
}

.gc-account-user-menu li.menu-item-chatium a::after {
	content: "Mobile";
}

/* ===================== ОБРАЩЕНИЕ В ПОДДЕРЖКУ (БЛОК СПИСКА ДИАЛОГОВ) ===================== */

/*Круглый виджет чатов/диалогов - фон*/
.talks-widget-button {
    background: var(--dark-grey)!important; 
}

/*Счетчик новых сообщений*/
.talks-widget-button .conversations-counter {
    background: var(--red)!important;
}

/*Окно общения с поддержкой*/
.talks-widget-window {
    border-left: 1px solid var(--grey)!important;
    background: var(--fon)!important;
}

/*Заголовок "Общение"*/
.talks-widget-window .talks-widget-header,
.caption a {
    font-family: var(--font-anonymous-pro);
    font-size: 1.5em;
    font-weight: bold;
    color: var(--dark-grey);
}

/*Кнопка новый разговор*/
.conversations-list-block .btn.btn-new.btn-primary,
.conversations-list-block .btn.btn-new.btn-primary:hover,
.conversations-list-block .btn.btn-new.btn-primary:focus,
.conversations-list-block .btn.btn-new.btn-primary:active,
.gc-comment-form.comment-form-wrapper .btn.btn-primary.btn-send,
.gc-comment-form.comment-form-wrapper .btn.btn-primary.btn-send:hover,
.gc-comment-form.comment-form-wrapper .btn.btn-primary.btn-send:focus,
.gc-comment-form.comment-form-wrapper .btn.btn-primary.btn-send:active {
    background: var(--red)!important;
    border: transparent!important;
    font-family: var(--font-open-sans);
}

.pull-right.download-csv {
    color:  var(--dark-grey);
    font-family: var(--font-open-sans);
}

/*Аватарка*/
.conversations-list-block .conversation-annotate .conversation-img-block img {
    border-radius: 50%;
    border: 3px solid var(--grey);
}

/*Имя и время*/
.conversations-list-block .conversation-annotate .conversation-title, 
.conversations-list-block .conversation-annotate .conversation-time {
   font-family: var(--font-anonymous-pro);
    color: var(--dark-grey); 
}

/*Текст сообщения*/
.conversations-list-block .conversation-annotate .conversation-text {
    font-family: var(--font-open-sans);
}

/*Счетчик новых сообщений в диалоге*/
.conversation-fresh-comment-count {
    background: var(--red)!important;
}

/*  ==================================== СТРАНИЦЫ ДЛЯ СОТРУДНИКОВ И АДМИНОВ - НАЧАЛО ============ */

/*  ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ДАШБОРДЫ ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ */
#funnelDashboard {
    background: linear-gradient(90deg, #b0ccd8 0%, #6e757c 100%)!important;
}

#funnelDashboard .grid-stack-item-content {
    border:  2px solid var(--grey);
    border-radius: 12px;
    font-family: var(--font-open-sans);
    
}

#funnelDashboard .metrika-funnel-part-content .text-block-wrapper {
    text-align: center; 
    justify-content: center;
}

#funnelDashboard .dashbord_header {
  font-size: 30px; 
}

/* ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ТРЕНИНГИ И УРОКИ ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ */

/* Системный блок меню страниц тренингов (содержание, настройки, доступ и т.д.) */
.content-menu .page-menu li a {
    color: var(--dark-grey)!important;
}

.content-menu .page-menu li.active {
    background: #56636E30; 
    border-radius: var(--border-radius);
}

.content-menu .page-menu li.active a,
.content-menu .page-menu li a:hover {
    color: var(--red)!important;
    font-weight: bold!important;
    position: relative;
    cursor: pointer;
    text-decoration: none!important; /* Убираем подчеркивание */
}

.content-menu .page-menu li.active a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 0;
    height: 2px; /* Высота линии */
    background-color: var(--dark-grey)!important; /* Цвет подчеркивания при исчезании линии*/
    transition: width 1s; /* Время эффекта */
}

.content-menu .page-menu li.active a:hover:after,
.content-menu .page-menu li a:hover:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px; /* Высота линии */
    background-color: var(--red)!important; /* Цвет подчеркивания при появлении линии*/
    transition: width 1s;  /* Время эффекта */
}

/*Кнопка «Редактировать» - режим просмотра урока*/
.page-header .page-actions .dropdown-menu {
    border-radius: var(--border-radius);
}

/*Кнопка «Действия»*/
.page-header .page-actions .btn-group button {
    background: #374c5250!important;
    border-radius: var(--border-radius)!important;
}

/*Кнопка «Действия» - выпадающее меню,
Кнопка «Задать параметры продажи тренинга» в разделе «Доступ»,
Кнопка «Сохранить» в разделе «Доступ»,
Кнопка «Сохранить» в разделе «Расписание»*/
.panel #generate-page-btn .btn.btn-primary,
#training-form .btn.btn-primary,
.form-vertical .btn.btn-primary {
    background: var(--red)!important;
    border: none!important;
    border-radius: var(--border-radius);
}

/*  ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ КАРТОЧКА ПОЛЬЗОВАТЕЛЯ И ЗАКАЗА ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ */

/* Карточка пользователя - левая часть*/

/* Кнопки Авторизация, открытый профиль, сохранить... в верхней панели*/
.page-header .page-actions .dropdown-toggle,
.page-header .page-actions .btn-default,
.page-header .page-actions .action-link,
.page-header .page-actions .dropdown-toggle{
    border-radius: 9px!important;
}

.page-header .page-actions .action-link.btn-action {
    background: var(--red)!important;
    border: none!important;
    color: var(--white)!important;
}

/* Задачи в карточке пользователя и заказа*/
.task-form,
.task-form .task-object{
    border-radius: 12px!important;
}

.task-form.clearfix.task-form-closed .task-title {
    border-radius: 12px!important;
    background: #f9c0c0!important;
}

.task-form.clearfix .task-title {
    border-radius: 12px 12px 0 0!important;
}

.task-form .script-time.time-input {
    border-radius: 6px;
    border-color: var(--dark-grey)!important;
    text-align: center;
}

/*Расстояние между кнопками задачи и полем комментарий*/
.task-form .data-input {
    margin-bottom: 3em!important;
}

/*Кнопка «Взять себе» в задачах*/
.task-form .btn.btn-primary.btn-take-task-link {
    border-radius: 6px;
    background: var(--red)!important;
    border: none!important;
    color: var(--white)!important;
}

/*Кнопка «Cохранить» внизу страницы в карточке пользователя и в карточке заказа*/
.page-main-form .row.buttons .btn.btn-primary {
    background: var(--red)!important;
    border: none!important;
    border-radius: 12px!important;
}

/* Раскрывающиеся блоки в карточке пользователя и заказа*/

/* Границы блока */
.panel {
    border-radius: 12px!important;
}

/* Свернутая панель */
.panel-default>.panel-heading.closed{
    border-radius: 12px!important;
}

/* Развернутая панель */
.panel-default > .panel-heading {
    border-radius: 12px 12px 0 0 !important;
}

/* Статус заказа, 
поле выбора типа пользователя (ученик, админ),
поле выбора пола, 
статус подписки на сообщения, 
основной мессенджер,
Подключенные TG боты*/
.panel .deal-status.pull-right.status-payed,
.panel #User_type,
.panel #User_gender,
.panel #User_subscribe_status,
.panel #main_transport_id,
.panel .btn.btn-telegram.btn-social {
    border-radius: 6px;
}

.panel .input-group-sm .select2-choice, 
.input-group-sm .select2-choices, .select2-container-multi.input-sm 
.select2-choices, .select2-container.input-sm .select2-choice  {
    color: var(--red)!important;
    font-weight: bold!important;
    
}

/* Карточка пользователя/заказа - правая часть*/

/* Менеджер пользователя */
.gc-right-active-block .user-manager b a {
    color: var(--red)!important;
}

/* Кнопка WA */
.gc-right-active-block .btn {
    border-radius: 6px!important;
}

/* Комментарии менеджера, действия с пользователем, заказы*/
.gc-right-active-block .info-panel-group,
.gc-right-active-block .info-panel-group.info-panel-small-text,
.gc-right-active-block .info-panel-group.info-panel-small-text.directional.collapsed.allow-collapse 
.info-group-title .clearfix.deal-status-light {
    border-radius: 12px!important;
}

.gc-right-active-block .info-panel-group.info-panel-small-text .info-group-title 
.clearfix.deal-status-light.status-deal-status.status-payed {
    border-radius: 12px 12px 0 0 !important;
}

/* Оплаченный заказ в правой части */
.gc-right-active-block
.info-panel-group.info-panel-small-text.directional
.clearfix.deal-status-light.status-deal-status.status-payed {
    background: #ace0ac!important;
}

/* Карточка заказа - левая часть*/

/* Статус платежа,
комиссии выпадающий список,
комментарий в истории заказа, 
доска продаж - доска, 
доска продаж - этап
статус заказа
*/ 
.panel button, 
.panel input,
.panel select, 
.panel textarea,
.panel .deal-info-table .status-link.deal-status {
    border-radius: 6px;
}

/* Кнопка «Сохранить» в истории заказа*/ 
.panel .pull-right.btn.btn-primary {
    background: var(--red)!important;
    border: none!important;
    border-radius: 12px!important;
}

.panel .user-action-block {
    border-radius: 6px!important;
}

/* Менеджер в поле «Состояние заказа»*/ 
.panel .deal-info-table .manager-link.dashed-link {
    color: var(--red)!important;
    font-weight: bold!important;
    border-bottom: 1px dashed var(--red)!important;
}

/*  ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ КАРТОЧКА ПОЛЬЗОВАТЕЛЯ И ЗАКАЗА - КОНЕЦ ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ */