/* ПОДКЛЮЧЕНИЕ ШРИФТОВ ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* УБИРАЕМ НЕНУЖНЫЕ ЭЛЕМЕНТЫ ============================================================ */
/* Блок "задачи" наверху страницы */
.gc-tasks-block {
    display: none !important;
}

/* Раздел "поиск" в боковом меню */
.menu-item-search {
    display: none !important;
}

/* Баннер слева внизу от GetCourse */
.common-banner-wrapper {
    display: none !important;
}

/* Убираем в редакторе выравнивание по ширине */
.btn-group>[data-value=text-justify] {
    display: none;
}

/* РАЗНЫЕ ФИКСЫ ============================================================ */
/* Перенос фильтров в дашбордах */
.metrika-date-filter-wrapper {
    max-width: 1200px;
}

/* Фикс для блока с эмодзи когда текст заходит под блок */
.emoji-textarea {
    padding-right: 70px !important;
}

/* Фикс для поля ввода ссылки для редиректа, если нет доступа к тренингу */
[name="ParamsObject[not_access_redirect_url]"] {
    width: 100%;
}

/* Блок. Якорь на странице */
.block-set .lt-anchor {
    height: 0 !important;
}

/* Фикс когда пропадает папка под количество оставшегося места в видео */
.gc-file-dialog .file-dialog-layout .file-dialog-size-progress {
    bottom: 0 !important;
}

/* Фикс для дроп-меню, когда он не перекрывается кнопками для взаимодействия с блоком */
.block-set-editor .lite-block .lite-block-actions {
    z-index: auto;
}

.dropdown-menu {
    z-index: 999;
}

/* РАЗНЫЕ УЛУЧШЕНИЯ ============================================================ */
/* Показываем кнопки с настройками блока */
.lite-block-actions {
    display: block !important;
}

/* Окно сохранения настроек всегда при себе в модальных окнах */
.code-editor-modal .modal-header,
.gc-modal .modal-header,
.popover-title {
    position: sticky;
    top: 0;
    z-index: 999;
}

/* Меняем цвет для строк в таблицах с данными */
.table-striped>tbody>tr:nth-of-type(odd) {
        background-color: #eff7ff;
}

/* МЕНЯЕМ ПОЛЯ ДЛЯ СЕГМЕНТОВ И Т.Д. */
ul.select2-results[role="listbox"] {
    max-height: 400px;
}

form[action='/pl/sales/deal/index'] div.pull-left[style='min-width: 350px'] {
	width: 500px;
}

/* УБИРАЕМ ЛИШНИЕ СПОСОБЫ ПО ОТПРАВКЕ ПИСЕМ */
#ParamsObject_send_to input#ParamsObject_send_to_1,
#ParamsObject_send_to label[for='ParamsObject_send_to_1'],
#ParamsObject_send_to input#ParamsObject_send_to_2,
#ParamsObject_send_to label[for='ParamsObject_send_to_2'] {
	display: none;
}

/* ФИКСЫ ДЛЯ ПРИЛОЖЕНИЯ */
.chatium_body {
	padding: 0 15px !important;
}

/* ------------- 
content start - userSocialMediaButtons.css
------------- */

/* Кнопка "Общение с пользователем от GC" */
button[data-reactid='.0.1.1.0.0.1.a'] {
	display: block;
	margin-top: 5px;
}

/* Кнопки с мессенджерами */
.user-social-media-root {
	margin-top: 10px;
	margin-bottom: 10px;
}

.user-social-media-root-header {
	margin: 0;
	margin-bottom: 5px;
	font-weight: 700;
}

.user-social-media-root-icons-container {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(4, -webkit-min-content);
	-ms-grid-columns: -webkit-min-content 4px -webkit-min-content 4px -webkit-min-content 4px -webkit-min-content;
	-ms-grid-columns: min-content 4px min-content 4px min-content 4px min-content;
	grid-template-columns: repeat(4, min-content);
	grid-gap: 4px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.user-social-media-root-icons-container .social-media-link {
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	-o-transition: -o-transform 0.3s ease;
	-moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
}

.user-social-media-root-icons-container .social-media-link:active,
.user-social-media-root-icons-container .social-media-link:focus {
	-webkit-transform: translate3d(0px, -2px, 0px);
	   -moz-transform: translate3d(0px, -2px, 0px);
	        transform: translate3d(0px, -2px, 0px);
}

@media (any-hover: hover) {
	.user-social-media-root-icons-container .social-media-link:hover {
		-webkit-transform: translate3d(0px, -2px, 0px);
		   -moz-transform: translate3d(0px, -2px, 0px);
		        transform: translate3d(0px, -2px, 0px);
	}
}
/* ------------- 
content finish - userSocialMediaButtons.css
------------- */