/* Start:/local/templates/public/components/bitrix/im.router/air/style.css?176293442261673*/
:root {
    /*--gray-bg: #F0F0F0;*/
    /*--gray-hover: #f1f1f1; !*-new -#f1f1f1; это для светлой темы, для темной  #232E3C нужно свой цвет *!*/
    /*--color-message-opponent: #ffffff; !*-new -#ffffff; это для светлой темы, для темной  #6C808C; нужно свой цвет *!*/
    --color-message-self: #368CCC;
    /*--text-color: #000000;*/
    /*--dark-gray: #ffffff;*/
    /*--close-btn: #000000;*/
    /*--gray-blue-bg: #2F70A5;*/
    /*--active: #368CCC;*/
    /*--active-menu: #ffffff;*/
    /*--no-active: #D3F3FF;*/

    --gray-color: rgba(108, 128, 140, 0.5);
    --blue: #368CCC;
    --dark-blue: #2F70A5;
    --orange: #FF8E05;
    --green: #008000;
    --purple: #BA36CC;
    --red: #FC4C53;
    --im-sidebar-panel__width_container: 400px;
    --im-sidebar__width_container: 100%;
}
#messenger-embedded-application {
    position: relative;
    height: 100%;
    overflow: hidden;
}

#messenger-embedded-application .bx-im-messenger__container {
    position: absolute;
    width: 100%;
    height: 100%;
}
.bx-call-message__text {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
}

.bx-im-search-input__element.--with-icon::placeholder {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    margin-bottom: 2px;
}

.bx-im-search-input__element.--with-icon {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    color: white;
    margin-bottom: 4px;
}

.bx-im-messenger__navigation_container {
    display: none; /*боковая навигация*/
}

.bx-im-messenger__content_container--with-list {
    max-width: 100% !important;
}

.bx-layout-table {
    display: none !important;
}

.template-bitrix24.bitrix24-light-theme.im-bar-mode.side-panel-disable-scrollbar {
    background: none !important;
    padding-right: 0 !important;
    overflow: auto;
}

.bx-im-message-list__container {
    justify-content: flex-start;
    padding: 0 16px !important;
}

.bx-im-messenger__list_container {
    width: 100%;
    min-width: 100%;
    border-right: none !important;
}

.bx-im-list-container-recent__create-chat_icon {
    display: none;
}

.bx-im-list-container-recent__search-input_container {
    margin-right: 0;
}

.bx-im-messenger__content_container {
    min-width: 100%;
}

.bx-im-chat-header-call-button__container,
.bx-im-chat-header__icon.--add-people {
    display: none;
}

.bx-im-message-base__wrap + .bx-im-message-chat-creation__scope {
    display: none;
}

.bx-im-textarea__icon.--market {
    display: none;
}

.bx-im-textarea__icon.--create {
    display: none;
}

.bx-im-sidebar-auto-delete__container.--not-active {
    display: none;
}

#im-sidebar-context-menu .menu-popup-items .menu-popup-item.menu-popup-no-icon:nth-child(2),
#im-sidebar-context-menu .menu-popup-items .menu-popup-item.menu-popup-no-icon:nth-child(3),
#im-sidebar-context-menu .menu-popup-items .menu-popup-item.menu-popup-no-icon:nth-child(4),
#im-sidebar-context-menu .menu-popup-items .menu-popup-item.menu-popup-no-icon:nth-child(5),
#im-sidebar-context-menu .menu-popup-items .menu-popup-item.menu-popup-no-icon:nth-child(6) {
    display: none;
}

.bx-im-menu__container.bx-im-file-menu__scope .bx-im-menu-item__container:nth-child(3) {
    display: none;
}

.bx-im-sidebar-main-preview-group-chat__chat-members {
    display: none;
}

.menu-popup-item.menu-popup-no-icon.menu-popup-item-submenu {
    display: none;
}

.bx-im-chat-header__icon.--panel.--active {
    display: none;
}

.bx-im-send-panel__container > div {
    z-index: 0;
}

.bx-im-sidebar__container {
    z-index: 89;
}

.bx-im-sidebar-task-preview__scope.bx-im-sidebar-main-panel__block {
    display: none;
}

.bx-im-messenger__layout_container {
    border: none !important;
}

.bx-im-sidebar-meeting-preview__container {
    display: none !important;
}

.bx-im-dialog-chat-status__container {
    display: none;
}

.bx-im-message-context-menu__button,
.bx-im-list-container-recent__header-menu_icon,
.bx-im-messenger__context-menu-icon {
    filter: invert(42%) sepia(10%) saturate(695%) hue-rotate(169deg) brightness(92%) contrast(87%);
}

.bx-im-chat-header__icon.--panel,
.bx-im-chat-header__icon.--search {
    background-image: none !important;
    position: relative;
}

.bx-im-chat-header__icon.--panel::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 25px;
    height: 25px;
    background-color: var(--text-color);
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0ibTE4IDMuMjVoLTEyYTMuMzgzIDMuMzgzIDAgMCAwIC0zLjc1IDMuNzV2MTBhMy4zODMgMy4zODMgMCAwIDAgMy43NSAzLjc1aDEyYTMuMzgzIDMuMzgzIDAgMCAwIDMuNzUtMy43NXYtMTBhMy4zODMgMy4zODMgMCAwIDAgLTMuNzUtMy43NXptLTE0LjI1IDEzLjc1di0xMGMwLTEuNTc3LjY3My0yLjI1IDIuMjUtMi4yNWg4LjI1djE0LjVoLTguMjVjLTEuNTc3IDAtMi4yNS0uNjczLTIuMjUtMi4yNXptMTYuNSAwYzAgMS41NzctLjY3MyAyLjI1LTIuMjUgMi4yNWgtMi4yNXYtMTQuNWgyLjI1YzEuNTc3IDAgMi4yNS42NzMgMi4yNSAyLjI1eiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=") center/contain no-repeat;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0ibTE4IDMuMjVoLTEyYTMuMzgzIDMuMzgzIDAgMCAwIC0zLjc1IDMuNzV2MTBhMy4zODMgMy4zODMgMCAwIDAgMy43NSAzLjc1aDEyYTMuMzgzIDMuMzgzIDAgMCAwIDMuNzUtMy43NXYtMTBhMy4zODMgMy4zODMgMCAwIDAgLTMuNzUtMy43NXptLTE0LjI1IDEzLjc1di0xMGMwLTEuNTc3LjY3My0yLjI1IDIuMjUtMi4yNWg4LjI1djE0LjVoLTguMjVjLTEuNTc3IDAtMi4yNS0uNjczLTIuMjUtMi4yNXptMTYuNSAwYzAgMS41NzctLjY3MyAyLjI1LTIuMjUgMi4yNWgtMi4yNXYtMTQuNWgyLjI1YzEuNTc3IDAgMi4yNS42NzMgMi4yNSAyLjI1eiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=") center/contain no-repeat;
}

.bx-im-chat-header__icon.--search::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 20px;
    height: 20px;
    background-color: var(--text-color);
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuODQ0NDYgMS41QzQuMzIzMTggMS41IDEuNTEyMTYgNC4yMzIxMyAxLjUxMjE2IDcuNTVDMS41MTIxNiAxMC44Njc5IDQuMzIzMTggMTMuNiA3Ljg0NDQ2IDEzLjZDMTEuMzY1OCAxMy42IDE0LjE3NjggMTAuODY3OSAxNC4xNzY4IDcuNTVDMTQuMTc2OCA0LjIzMjEzIDExLjM2NTggMS41IDcuODQ0NDYgMS41Wk0wIDcuNTVDMCAzLjM1Njc5IDMuNTM2MTMgMCA3Ljg0NDQ2IDBDMTIuMTUyOCAwIDE1LjY4ODkgMy4zNTY3OSAxNS42ODg5IDcuNTVDMTUuNjg4OSA5LjM3NDUxIDE1LjAxOTUgMTEuMDQwNyAxMy45MDgyIDEyLjM0MDlMMTguNTgyOCAxNy4yMzQxQzE4Ljg3IDE3LjUzNDggMTguODU3MiAxOC4wMDk1IDE4LjU1NDEgMTguMjk0NEMxOC4yNTEgMTguNTc5MyAxNy43NzI0IDE4LjU2NjUgMTcuNDg1MiAxOC4yNjU5TDEyLjgyMjQgMTMuMzg1QzExLjQ2NDkgMTQuNDU4MSA5LjcyODUxIDE1LjEgNy44NDQ0NiAxNS4xQzMuNTM2MTMgMTUuMSAwIDExLjc0MzIgMCA3LjU1WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=") center/contain no-repeat;
    mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuODQ0NDYgMS41QzQuMzIzMTggMS41IDEuNTEyMTYgNC4yMzIxMyAxLjUxMjE2IDcuNTVDMS41MTIxNiAxMC44Njc5IDQuMzIzMTggMTMuNiA3Ljg0NDQ2IDEzLjZDMTEuMzY1OCAxMy42IDE0LjE3NjggMTAuODY3OSAxNC4xNzY4IDcuNTVDMTQuMTc2OCA0LjIzMjEzIDExLjM2NTggMS41IDcuODQ0NDYgMS41Wk0wIDcuNTVDMCAzLjM1Njc5IDMuNTM2MTMgMCA3Ljg0NDQ2IDBDMTIuMTUyOCAwIDE1LjY4ODkgMy4zNTY3OSAxNS42ODg5IDcuNTVDMTUuNjg4OSA5LjM3NDUxIDE1LjAxOTUgMTEuMDQwNyAxMy45MDgyIDEyLjM0MDlMMTguNTgyOCAxNy4yMzQxQzE4Ljg3IDE3LjUzNDggMTguODU3MiAxOC4wMDk1IDE4LjU1NDEgMTguMjk0NEMxOC4yNTEgMTguNTc5MyAxNy43NzI0IDE4LjU2NjUgMTcuNDg1MiAxOC4yNjU5TDEyLjgyMjQgMTMuMzg1QzExLjQ2NDkgMTQuNDU4MSA5LjcyODUxIDE1LjEgNy44NDQ0NiAxNS4xQzMuNTM2MTMgMTUuMSAwIDExLjc0MzIgMCA3LjU1WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=") center/contain no-repeat;
}

.bx-im-sidebar-header__scope {
    --im-sidebar-header__background-color_left-border: transparent !important;
}

.bx-im-dialog-chat__block.bx-im-dialog-chat__scope,
.popup-window {
    background: var(--gray-bg);
    border-radius: 6px !important;
}

.bx-im-content-chat__textarea_container,
.bx-im-textarea__content {
    background: var(--dark-gray);
    margin: 0 !important;
    width: 100% !important;
}

.bx-im-textarea__element {
    color: var(--text-color);
}

.bx-im-textarea__container {
    background-color: transparent;
}

.bx-im-textarea__content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex;
}

.bx-im-message-base__wrap .bx-im-message-base__body.--transparent {
    background-color: transparent !important;
}

.bx-im-chat-header__scope.bx-im-chat-header__container {
    background: var(--dark-gray);
}

.bx-im-bar.bx-im-bar-with-ol.bx-im-bar-with-copilot.bx-im-bar-default {
    display: none !important;
}

.custom-back-button {
    cursor: pointer;
    width: 25px;
    min-width: 25px;
    height: 25px;
}

.bx-im-chat-header__left {
    margin-right: auto;
    margin-left: 15px !important;
}

.bx-im-message-own-chat-creation__container,
.bx-im-message-chat-creation__container {
    min-width: auto !important;
}

.bx-im-message-chat-creation__buttons_container {
    display: none !important;
}

.bx-im-sidebar-main-preview-personal-chat__invite-button-container {
    display: none;
}

.bx-im-sidebar-main-preview-personal-chat__avatar-container a {
    pointer-events: none !important;
    cursor: default !important;
}

.side-panel-loader {
    display: none !important;
}

.bx-im-list-recent-item__date,
.bx-im-sidebar-header__title {
    color: var(--text-color);
}

.bx-im-list-recent__scroll-container,
.bx-im-list-container-recent__container,
.bx-im-list-container-recent__elements {
    background: var(--dark-gray) !important;
}

.bx-im-list-container-recent__header_container,
.bx-im-sidebar-main-panel__container.bx-im-sidebar-panel__component,
.bx-im-sidebar-header__container.bx-im-sidebar-header__scope,
.bx-im-sidebar-main-preview__scope.bx-im-sidebar-main-panel__block,
.bx-im-sidebar-panel__container {
    background-color: var(--dark-gray);
    border-bottom: none !important;
}

.bx-im-list-container-recent__header_container {
    padding: 16px 16px 14px 16px !important;
}

.bx-im-sidebar-info-preview__container.bx-im-sidebar-main-panel__block,
.bx-im-sidebar-file-preview__scope.bx-im-sidebar-main-panel__block {
    background-color: var(--dark-gray) !important;
    border: 1px solid var(--dark-gray) !important;
}

.bx-im-list-recent-item__container,
.bx-im-chat-search__container.bx-im-chat-search__scope,
.bx-im-search-item__container.bx-im-search-item__scope {
    background-color: var(--dark-gray) !important;
}

.bx-im-chat-search__container {
    padding-top: 0 !important;
    background: var(--dark-gray) !important;
    height: 100%;

    .bx-im-search-item__container.bx-im-search-item__scope {
        background: var(--dark-gray) !important;
    }
}

.bx-im-list-recent-item__container {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.bx-im-list-recent-item__container:hover {
    background-color: var(--gray-hover) !important;
    cursor: pointer;
}

.bx-im-search-input__container.--has-focus {
    background: transparent !important;
    border-color: #6C808C !important;
}

.bx-im-search-input__container {
    border-color: var(--gray-color) !important;
    background-color: transparent !important;
}

.bx-im-sidebar-chat-favourites__counter,
.bx-im-sidebar-chat-links__counter {
    color: #232E3C !important;
}

.bx-im-list-recent-item__wrap {
    margin-bottom: 3px;
    .bx-im-chat-title__text {
        font-family: "Roboto", sans-serif !important;
    }
    .bx-im-list-recent-item__message_text span {
        font-family: "Roboto", sans-serif !important;
        font-size: 13px !important;
        line-height: 100% !important;
    }
}

.bx-im-chat-title__text.--extranet,
.bx-im-search-input__element,
.bx-im-sidebar-chat-description__text {
    color: var(--text-color) !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
}

.bx-im-list-recent-item__message_draft-prefix {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
}

.bx-im-chat-title__content .--extranet.bx-im-chat-title__icon {
    display: none !important;
}

.bx-im-chat-title__text.--self {
    color: var(--gray-color) !important;
}

.bx-im-list-recent-item__date {
    margin-left: auto !important;
    margin-bottom: 11px;
}

.bx-im-list-recent-item__wrap {
    width: 100% !important;
}

.item-with-svg {
    width: 100%;
    display: flex;
}

.bx-im-list-recent__pinned_container {
    border: none !important;
    background: none;
    border-radius: 0;
    border-bottom: 1px solid var(--gray-color) !important;
}

.bx-im-chat-title__text,
.bx-im-button__text {
    color: var(--text-color);
}

.bx-im-list-recent__general_container,
.bx-im-list-recent__pinned_container {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__pinned-icon {
    filter: brightness(0) saturate(100%) invert(72%) sepia(5%) saturate(350%) hue-rotate(169deg);
}

.bx-im-message-default__container {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.bx-im-message-default-content__text,
.bx-im-message-status__date {
    color: var(--text-color) !important;
}

.bx-im-message-status__date {
    margin-top: 5px;
}

.bx-call-message__container {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.bx-im-message-general-channel-creation__container {
    width: 100% !important;
}

.bx-im-message-base__wrap {
    margin-left: 0;
    max-width: 100%;
}

.bx-im-content-chat__textarea_placeholder {
    background: var(--dark-gray) !important;

    button {
        background: var(--gray-color) !important;
    }
}

.bx-im-list-recent-item__wrap.--selected .bx-im-chat-title__text,
.bx-im-list-recent-item__message_text {
    color: var(--gray-color) !important;
}

.bx-im-search-item__container.bx-im-search-item__scope:hover {
    background: var(--gray-hover) !important;
    cursor: pointer;
}

.bx-im-scroll-with-gradient__gradient {
    display: none !important;
}

.bx-im-message-base__body {
    background: var(--color-message-opponent) !important;
}

.bx-im-message-base__wrap.--self .bx-im-message-base__body {
    background: var(--color-message-self) !important;

    .bx-im-message-default-content__text,
    .bx-im-message-status__date {
        color: white !important;
    }
}

.ui-icon-set.--o-apps.bx-im-textarea__icon {
    display: none !important;
}

.bx-im-textarea__right {
    margin-left: 5px;
}

.bx-im-smiles-content__smiles-box,
.bx-im-elements-tabs__container.--gray,
.bx-im-smiles-content__sets {
    background: var(--dark-gray) !important;

}

.bx-im-smiles-content__sets {
    border-top: 1px solid var(--gray-color) !important;

}

.bx-im-elements-tabs__container.--gray {
    border-bottom: 1px solid var(--gray-color) !important;
}

.bx-im-smile-popup__tabs-container {
    border-bottom: none !important;
}

.bx-im-elements-tabs__item.--selected .bx-im-elements-tabs__item-title {
    color: var(--text-color) !important;
}

.popup-window.bx-im-messenger__scope,
.bx-im-smile-popup__container.bx-im-smile-popup__scope {
    border-radius: 6px !important;
}

.bx-im-chat-title__text.--support24 {
    color: var(--blue);
}

.bx-im-content-chat__scope {
    max-width: 100% !important;
    width: 100% !important;
}

/*.shadow-panel {*/
/*    box-shadow: var(--dark-gray) 0px 0px 100vh 100vw!important;*/
/*}*/

.bx-im-sidebar-panel__container,
.bx-im-sidebar-panel__component {
    /*min-width: 440px !important;*/
    width: 100% !important;
    max-width: 440px !important;
}

.bx-im-sidebar__container {
    width: 0 !important;

}

.bx-im-sidebar__container.--opened {
    position: absolute;
    z-index: 1000;
    left: 0;
    right: 0;
    width: 100% !important;
}

.bx-im-sidebar-search-header__title-container {
    width: 100% !important;
    z-index: 1000;
}

.bx-im-chat-header__user-status,
.bx-messenger-videocall-watermark,
.bx-messenger-videocall-top-button-icon.protected,
.bx-messenger-videocall-top-button-text.protected {
    display: none !important;
}

.bx-im-search-input__close-icon {
    position: relative;
    background-image: none !important;
}

.bx-im-search-input__close-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: var(--text-color);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg width='10' height='10' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0.184245 0.184245C0.429896 -0.0614148 0.828175 -0.0614148 1.07383 0.184245L6.5 5.61039L11.9262 0.184245C12.1718 -0.0614148 12.5701 -0.0614148 12.8157 0.184245C13.0614 0.429896 13.0614 0.828175 12.8157 1.07383L7.38961 6.5L12.8157 11.9262C13.0614 12.1718 13.0614 12.5701 12.8157 12.8157C12.5701 13.0614 12.1718 13.0614 11.9262 12.8157L6.5 7.38961L1.07383 12.8157C0.828175 13.0614 0.429896 13.0614 0.184245 12.8157C-0.0614148 12.5701 -0.0614148 12.1718 0.184245 11.9262L5.61039 6.5L0.184245 1.07383C-0.0614148 0.828175 -0.0614148 0.429896 0.184245 0.184245Z'/></svg>") center/contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg width='10' height='10' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0.184245 0.184245C0.429896 -0.0614148 0.828175 -0.0614148 1.07383 0.184245L6.5 5.61039L11.9262 0.184245C12.1718 -0.0614148 12.5701 -0.0614148 12.8157 0.184245C13.0614 0.429896 13.0614 0.828175 12.8157 1.07383L7.38961 6.5L12.8157 11.9262C13.0614 12.1718 13.0614 12.5701 12.8157 12.8157C12.5701 13.0614 12.1718 13.0614 11.9262 12.8157L6.5 7.38961L1.07383 12.8157C0.828175 13.0614 0.429896 13.0614 0.184245 12.8157C-0.0614148 12.5701 -0.0614148 12.1718 0.184245 11.9262L5.61039 6.5L0.184245 1.07383C-0.0614148 0.828175 -0.0614148 0.429896 0.184245 0.184245Z'/></svg>") center/contain no-repeat;
}

.bx-im-list-container-recent__header-menu_icon {
    position: relative;
    width: 28px !important;
    height: 28px !important;
    background-image: none !important;
    transition: 0.5s;
    margin-right: 15px !important;
}

.bx-im-list-container-recent__header-menu_icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
    background-color: var(--text-color);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg width='28' height='28' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_5717_12155)'><path d='M13.9931 0C6.39965 0 0.222656 6.1654 0.222656 13.7446C0.222656 21.3239 6.39965 27.4893 13.9931 27.4893C15.5641 27.489 17.1235 27.2191 18.603 26.6908L26.0457 27.9932C26.0825 27.9986 26.1197 28.0006 26.1571 27.9999C26.3763 27.9983 26.5805 27.8881 26.7017 27.7056C26.8228 27.5228 26.8448 27.2922 26.7603 27.0899L24.7342 22.3317C26.7001 19.9006 27.7698 16.8689 27.7636 13.7446C27.7636 6.1654 21.5866 0 13.9931 0ZM25.5997 18.2738C25.0928 19.5575 24.3748 20.7476 23.475 21.7951C23.3118 21.983 23.2711 22.2476 23.3702 22.4757L25.0815 26.4945L18.6553 25.3752C18.6184 25.3698 18.5813 25.3675 18.5439 25.3688C18.4657 25.3685 18.3881 25.3818 18.3144 25.4079C16.9319 25.9221 15.4686 26.1859 13.9931 26.1869C7.12097 26.1869 1.53413 20.6103 1.53413 13.7513C1.53413 6.89201 7.12097 1.31566 13.9931 1.31566C20.8653 1.31566 26.4522 6.89201 26.4522 13.7513C26.4568 15.2988 26.1676 16.8336 25.5997 18.2738Z'/><path d='M18.7874 10.334L12.5579 16.277L9.21363 12.939C8.9585 12.6841 8.54457 12.6841 8.28919 12.939C8.03381 13.1939 8.03381 13.6071 8.28919 13.862L12.0858 17.6515C12.2088 17.7752 12.3768 17.8437 12.5515 17.8414C12.7208 17.8429 12.8837 17.777 13.0038 17.6581L19.699 11.2767C19.8243 11.157 19.897 10.9924 19.9006 10.8193C19.9042 10.6462 19.8389 10.4787 19.7188 10.3537C19.4664 10.0932 19.0507 10.0842 18.7874 10.334Z'/></g><defs><clipPath id='clip0_5717_12155'><rect width='28' height='28'/></clipPath></defs></svg>") center/contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg width='28' height='28' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_5717_12155)'><path d='M13.9931 0C6.39965 0 0.222656 6.1654 0.222656 13.7446C0.222656 21.3239 6.39965 27.4893 13.9931 27.4893C15.5641 27.489 17.1235 27.2191 18.603 26.6908L26.0457 27.9932C26.0825 27.9986 26.1197 28.0006 26.1571 27.9999C26.3763 27.9983 26.5805 27.8881 26.7017 27.7056C26.8228 27.5228 26.8448 27.2922 26.7603 27.0899L24.7342 22.3317C26.7001 19.9006 27.7698 16.8689 27.7636 13.7446C27.7636 6.1654 21.5866 0 13.9931 0ZM25.5997 18.2738C25.0928 19.5575 24.3748 20.7476 23.475 21.7951C23.3118 21.983 23.2711 22.2476 23.3702 22.4757L25.0815 26.4945L18.6553 25.3752C18.6184 25.3698 18.5813 25.3675 18.5439 25.3688C18.4657 25.3685 18.3881 25.3818 18.3144 25.4079C16.9319 25.9221 15.4686 26.1859 13.9931 26.1869C7.12097 26.1869 1.53413 20.6103 1.53413 13.7513C1.53413 6.89201 7.12097 1.31566 13.9931 1.31566C20.8653 1.31566 26.4522 6.89201 26.4522 13.7513C26.4568 15.2988 26.1676 16.8336 25.5997 18.2738Z'/><path d='M18.7874 10.334L12.5579 16.277L9.21363 12.939C8.9585 12.6841 8.54457 12.6841 8.28919 12.939C8.03381 13.1939 8.03381 13.6071 8.28919 13.862L12.0858 17.6515C12.2088 17.7752 12.3768 17.8437 12.5515 17.8414C12.7208 17.8429 12.8837 17.777 13.0038 17.6581L19.699 11.2767C19.8243 11.157 19.897 10.9924 19.9006 10.8193C19.9042 10.6462 19.8389 10.4787 19.7188 10.3537C19.4664 10.0932 19.0507 10.0842 18.7874 10.334Z'/></g><defs><clipPath id='clip0_5717_12155'><rect width='28' height='28'/></clipPath></defs></svg>") center/contain no-repeat;
}

.bx-im-list-container-recent__header-menu_icon:hover {
    opacity: 0.9 !important;
}

#im-recent-header-menu {
    opacity: 0 !important;
    position: absolute;
    top: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

#bx-im-chat-header-call-menu {
    background: var(--gray-bg);
    border-radius: 6px !important;
}

#im-recent-context-menu {
    background: var(--gray-bg);
    border-radius: 6px !important;

    .ui-popup-menu-item:nth-child(1) .ui-popup-menu-item-action::before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 16px;
        width: 18px;
        height: 13px;
        background-color: var(--text-color);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 13'><path d='M8.93066 0.75C11.2555 0.75 13.33 1.43629 14.8047 2.50879C16.2801 3.58182 17.1113 5.00067 17.1113 6.49512C17.1113 7.98956 16.2801 9.40843 14.8047 10.4814C13.33 11.5539 11.2555 12.2402 8.93066 12.2402C6.60583 12.2402 4.53133 11.5539 3.05664 10.4814C1.58125 9.40843 0.750033 7.98956 0.75 6.49512C0.75 5.00067 1.58127 3.58182 3.05664 2.50879C4.53133 1.43629 6.60583 0.75 8.93066 0.75Z' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/><circle cx='8.93111' cy='6.49556' r='2.49751' stroke='white' stroke-width='1.5' fill='none'/></svg>") center/contain no-repeat;
        mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 13'><path d='M8.93066 0.75C11.2555 0.75 13.33 1.43629 14.8047 2.50879C16.2801 3.58182 17.1113 5.00067 17.1113 6.49512C17.1113 7.98956 16.2801 9.40843 14.8047 10.4814C13.33 11.5539 11.2555 12.2402 8.93066 12.2402C6.60583 12.2402 4.53133 11.5539 3.05664 10.4814C1.58125 9.40843 0.750033 7.98956 0.75 6.49512C0.75 5.00067 1.58127 3.58182 3.05664 2.50879C4.53133 1.43629 6.60583 0.75 8.93066 0.75Z' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/><circle cx='8.93111' cy='6.49556' r='2.49751' stroke='white' stroke-width='1.5' fill='none'/></svg>") center/contain no-repeat;
    }

    .ui-popup-menu-item:nth-child(2) .ui-popup-menu-item-action::before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 16px;
        width: 17px;
        height: 17px;
        background-color: var(--text-color); /* цвет иконки */
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'><path d='M1.33 16.43C1.42 16.39 1.5 16.34 1.58 16.28L6.11 13.01C6.53 12.7 7.12 12.76 7.49 13.13L9.39 15.11C9.8 15.53 10.49 15.55 10.86 15.09C11.54 14.2 12.26 12.78 12.06 10.46C12.03 10.13 12.14 9.8 12.37 9.56L16.19 5.75C16.6 5.34 16.6 4.67 16.19 4.25L12.86 0.92C12.45 0.51 11.78 0.51 11.37 0.92L6.9 4.16C6.68 4.37 6.38 4.48 6.08 4.47C3.9 4.42 2.39 5.06 1.45 5.69C0.96 6.02 0.96 6.7 1.38 7.11L3.59 9.26C3.99 9.64 4.02 10.26 3.68 10.69L0.28 14.86C0.1 15.05 0 15.29 0 15.54C0 15.8 0.1 16.04 0.28 16.22C0.47 16.41 0.71 16.5 0.96 16.5C1.09 16.5 1.21 16.48 1.33 16.43Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>") center/contain no-repeat;
        mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'><path d='M1.33 16.43C1.42 16.39 1.5 16.34 1.58 16.28L6.11 13.01C6.53 12.7 7.12 12.76 7.49 13.13L9.39 15.11C9.8 15.53 10.49 15.55 10.86 15.09C11.54 14.2 12.26 12.78 12.06 10.46C12.03 10.13 12.14 9.8 12.37 9.56L16.19 5.75C16.6 5.34 16.6 4.67 16.19 4.25L12.86 0.92C12.45 0.51 11.78 0.51 11.37 0.92L6.9 4.16C6.68 4.37 6.38 4.48 6.08 4.47C3.9 4.42 2.39 5.06 1.45 5.69C0.96 6.02 0.96 6.7 1.38 7.11L3.59 9.26C3.99 9.64 4.02 10.26 3.68 10.69L0.28 14.86C0.1 15.05 0 15.29 0 15.54C0 15.8 0.1 16.04 0.28 16.22C0.47 16.41 0.71 16.5 0.96 16.5C1.09 16.5 1.21 16.48 1.33 16.43Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>") center/contain no-repeat;
    }

    .ui-popup-menu-item:nth-child(3) .ui-popup-menu-item-action::before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 14px;
        width: 18px;
        height: 18px;
        background-color: var(--text-color); /* цвет иконки */
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 21' fill='none'><path d='M11 2.84375C13.8961 2.84375 16.4878 3.69825 18.3369 5.04297C20.1868 6.38835 21.25 8.18368 21.25 10.0938C21.25 12.0038 20.1868 13.7991 18.3369 15.1445C16.4878 16.4892 13.8961 17.3438 11 17.3438C8.1039 17.3438 5.51223 16.4892 3.66309 15.1445C1.81318 13.7991 0.75 12.0038 0.75 10.0938C0.75 8.18368 1.81318 6.38835 3.66309 5.04297C5.51223 3.69825 8.1039 2.84375 11 2.84375Z' stroke='white' stroke-width='1.5'/><circle cx='11' cy='10.0938' r='3.25' stroke='white' stroke-width='1.5'/><path d='M2.36328 0.75L20.3633 19.75' stroke='white' stroke-width='1.5' stroke-linecap='round'/></svg>") center/contain no-repeat;
        mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 21' fill='none'><path d='M11 2.84375C13.8961 2.84375 16.4878 3.69825 18.3369 5.04297C20.1868 6.38835 21.25 8.18368 21.25 10.0938C21.25 12.0038 20.1868 13.7991 18.3369 15.1445C16.4878 16.4892 13.8961 17.3438 11 17.3438C8.1039 17.3438 5.51223 16.4892 3.66309 15.1445C1.81318 13.7991 0.75 12.0038 0.75 10.0938C0.75 8.18368 1.81318 6.38835 3.66309 5.04297C5.51223 3.69825 8.1039 2.84375 11 2.84375Z' stroke='white' stroke-width='1.5'/><circle cx='11' cy='10.0938' r='3.25' stroke='white' stroke-width='1.5'/><path d='M2.36328 0.75L20.3633 19.75' stroke='white' stroke-width='1.5' stroke-linecap='round'/></svg>") center/contain no-repeat;
    }

    .ui-popup-menu-items {
        display: flex;
        flex-direction: column;
    }

    .ui-popup-menu-item-title-text {
        padding-left: 26px !important;
    }

}

.ui-popup-menu-item {
    transition: background .5s;
}

.ui-popup-menu-item:hover {
    background: #6c808c75 !important;
    cursor: pointer;
}

.popup-window-angly--arrow {
    background: var(--gray-bg) !important;
}

.ui-popup-menu-item-title-text {
    color: var(--text-color) !important;
}

.bx-messenger-videocall-wrap {
    background-image: none !important;
    background-color: var(--dark-gray) !important;
}

.bx-im-sidebar-header__context-menu-icon.bx-im-messenger__context-menu-icon,
.bx-im-sidebar-main-preview-personal-chat__auto-delete-container,
.bx-im-sidebar-chat-shared__container {
    display: none !important;
}

.bx-im-favorite-item__container {
    background-color: var(--gray-bg) !important;

    .bx-im-favorite-item__message-text {
        color: var(--text-color);
    }
}

.bx-im-sidebar-detail-tabs__item.--selected .bx-im-sidebar-detail-tabs__item-title {
    color: var(--blue) !important;
}

.bx-im-sidebar-task-list-preview__scope.bx-im-sidebar-main-panel__block {
    display: none !important;
}

#messenger-embedded-application.bx-im-messenger__container {
    border-radius: 0 !important;
}

#im-chat-upload-preview-popup {
    background-color: var(--gray-bg) !important;

    .bx-im-elements-media-gallery-image-item__container.--without-preview {
        background-color: var(--gray-bg) !important;
    }

    .popup-window-titlebar-text,
    .bx-im-upload-preview-file-item__name {
        color: var(--text-color) !important;
    }

    .bx-im-upload-preview-file-item__size {
        color: var(--gray-color) !important;
    }

    .bx-im-message-base__wrap.--self .bx-im-message-base__body {
        background: var(--blue) !important;
    }
}

.bx-im-elements-media-gallery-image-item__container {
    background-color: var(--gray-bg) !important;
    border: 1px solid var(--blue);
}

.bx-im-base-file-item__title {
    color: white !important;
}

.bx-im-base-file-item__size {
    color: #D3F3FF !important;
}

.bx-im-mention {
    color: var(--blue) !important;
}

.bx-im-mention.--highlight {
    background: var(--blue) !important;
    color: white !important;
}

.bx-im-message-context-menu__button {
    opacity: 1 !important;
}

.bx-im-dialog-chat__pinned_header {
    background: var(--gray-bg) !important;
    border-top: none !important;
    border-bottom: 1px solid var(--gray-color) !important;
}

.bx-im-entity-selector-forward__input {
    background: var(--dark-gray) !important;
}

.popup-window-titlebar .popup-window-titlebar-text {
    color: var(--text-color) !important;
}

.bx-im-message-base__wrap.--self .bx-im-message-base__body {
    background: var(--blue) !important;
}

.bx-im-message-base__wrap.bx-im-message-base__scope.--self.bx-call-message__scope .bx-im-message-base__body {
    position: relative;
}

.bx-im-message-base__wrap.bx-im-message-base__scope.--self.bx-call-message__scope:last-child .bx-im-message-base__body:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -8px;
    width: 9px;
    height: 10px;
    display: inline-block;
    background-image: none !important;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg width='9' height='10' viewBox='0 0 9 10' xmlns='http://www.w3.org/2000/svg'><path d='M8.75086 0C8.75341 0.053458 8.75341 0.110515 8.75086 0.170938V9.58404H-0.00105529C0.47518 9.58404 3.15973 7.96506 4.76239 6.6673C7.36157 4.56259 8.69388 1.52351 8.75086 0.170938V0Z'/></svg>") center/contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg width='9' height='10' viewBox='0 0 9 10' xmlns='http://www.w3.org/2000/svg'><path d='M8.75086 0C8.75341 0.053458 8.75341 0.110515 8.75086 0.170938V9.58404H-0.00105529C0.47518 9.58404 3.15973 7.96506 4.76239 6.6673C7.36157 4.56259 8.69388 1.52351 8.75086 0.170938V0Z'/></svg>") center/contain no-repeat;
    background-color: var(--blue);

}

.bx-im-message-base__wrap.bx-im-message-base__scope.--opponent .bx-im-message-base__body {
    position: relative;
}

.bx-im-message-base__wrap.bx-im-message-base__scope.--opponent:last-child .bx-im-message-base__body:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -8px;
    width: 9px;
    height: 10px;
    display: inline-block;
    background-image: none !important;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg width='9' height='10' viewBox='0 0 9 10' xmlns='http://www.w3.org/2000/svg'><path d='M8.75086 0C8.75341 0.053458 8.75341 0.110515 8.75086 0.170938V9.58404H-0.00105529C0.47518 9.58404 3.15973 7.96506 4.76239 6.6673C7.36157 4.56259 8.69388 1.52351 8.75086 0.170938V0Z'/></svg>") center/contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg width='9' height='10' viewBox='0 0 9 10' xmlns='http://www.w3.org/2000/svg'><path d='M8.75086 0C8.75341 0.053458 8.75341 0.110515 8.75086 0.170938V9.58404H-0.00105529C0.47518 9.58404 3.15973 7.96506 4.76239 6.6673C7.36157 4.56259 8.69388 1.52351 8.75086 0.170938V0Z'/></svg>") center/contain no-repeat;
    background-color: var(--color-message-opponent) !important;
}

.bx-im-message-list-author-group__container.--self.--has-avatar {
    .bx-im-message-base__wrap.bx-im-message-base__scope.--self:last-child .bx-im-message-base__body {
        position: relative;
    }

    .bx-im-message-base__wrap.bx-im-message-base__scope.--self:last-child .bx-im-message-base__body:before {
        content: "";
        position: absolute;
        bottom: -1px;
        left: -8px;
        width: 9px;
        height: 10px;
        display: inline-block;
        background-image: none !important;
        -webkit-mask: url("data:image/svg+xml;utf8,<svg width='9' height='10' viewBox='0 0 9 10' xmlns='http://www.w3.org/2000/svg'><path d='M8.75086 0C8.75341 0.053458 8.75341 0.110515 8.75086 0.170938V9.58404H-0.00105529C0.47518 9.58404 3.15973 7.96506 4.76239 6.6673C7.36157 4.56259 8.69388 1.52351 8.75086 0.170938V0Z'/></svg>") center/contain no-repeat;
        mask: url("data:image/svg+xml;utf8,<svg width='9' height='10' viewBox='0 0 9 10' xmlns='http://www.w3.org/2000/svg'><path d='M8.75086 0C8.75341 0.053458 8.75341 0.110515 8.75086 0.170938V9.58404H-0.00105529C0.47518 9.58404 3.15973 7.96506 4.76239 6.6673C7.36157 4.56259 8.69388 1.52351 8.75086 0.170938V0Z'/></svg>") center/contain no-repeat;
        background-color: var(--blue);
    }
}

#im-mention-popup {
    background-color: var(--dark-gray) !important;
    width: 320px !important;

    .bx-im-mention-content-footer__container.bx-im-mention-content-footer__scope {
        display: none !important;
    }

    .bx-im-mention-popup-content__items .bx-im-mention-item__container.bx-im-mention-item__scope:hover {
        background: var(--gray-hover) !important;
        cursor: pointer;
    }

    .bx-im-mention-popup-content__items .bx-im-mention-item__container.bx-im-mention-item__scope {
        background-color: var(--dark-gray) !important;
    }

    .bx-im-chat-title__text {
        color: var(--text-color) !important;
    }
}

.bx-im-message-base__wrap.--opponent:last-child .bx-im-message-base__body,
.bx-im-content-chat__container.--left-align .bx-im-message-base__wrap.--self:last-child .bx-im-message-base__body {
    border-bottom-left-radius: 0 !important;
}


.bx-call-chat-header-call-button__container {
    background-color: transparent !important;
    margin-right: 10px !important;
}

.bx-call-chat-header-call-button__icon.--compact {
    background-image: none !important;
    opacity: 0.4 !important;
    cursor: pointer;
    transition: 0.2s;
    width: 19px;
    height: 19px;
    background-color: var(--text-color) !important;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><path d='M15.3011 20H15.2642C15.1142 20 14.9641 19.9967 14.814 19.99C10.9355 19.8406 7.25618 18.2337 4.51154 15.4904C1.76691 12.747 0.159116 9.06941 0.00953365 5.19255C0.0045315 5.03943 0.00140516 4.88755 0.000154624 4.73568C-0.0048805 4.11805 0.113103 3.50559 0.347231 2.93399C0.581359 2.36239 0.926949 1.84308 1.36387 1.40632C1.80058 0.96157 2.3215 0.608177 2.89626 0.366742C3.47101 0.125307 4.08811 0.000660634 4.71155 7.0534e-05H4.89476C5.22601 -0.00241291 5.55447 0.0607065 5.86119 0.185786C6.1679 0.310865 6.4468 0.495426 6.68178 0.728818C6.91064 0.956142 7.0921 1.2266 7.21564 1.52453C7.33917 1.82246 7.40234 2.14193 7.40146 2.46444V7.0788C7.40143 7.20567 7.36277 7.32953 7.29062 7.43391C7.21847 7.53829 7.11625 7.61825 6.99754 7.66317L6.3335 7.91317C6.23047 7.95255 6.13654 8.01247 6.05743 8.0893C5.97831 8.16612 5.91566 8.25824 5.8733 8.36004C5.83402 8.45171 5.81418 8.55053 5.81504 8.65025C5.8159 8.74997 5.83744 8.84843 5.87831 8.93941C6.91986 11.2395 8.76259 13.0825 11.063 14.125C11.154 14.1656 11.2524 14.1869 11.352 14.1878C11.4516 14.1886 11.5504 14.169 11.642 14.13C11.7442 14.0879 11.8366 14.0253 11.9136 13.946C11.9906 13.8668 12.0505 13.7727 12.0897 13.6694L12.3398 13.0063C12.3848 12.8876 12.4648 12.7854 12.5692 12.7133C12.6736 12.6412 12.7975 12.6026 12.9245 12.6025H17.5346C17.8584 12.6024 18.1791 12.6662 18.4783 12.79C18.7775 12.9139 19.0493 13.0954 19.2783 13.3244C19.5073 13.5533 19.6888 13.8251 19.8127 14.1242C19.9365 14.4233 20.0002 14.7438 20 15.0675V15.2869C19.9987 16.5337 19.5037 17.7293 18.6233 18.6124C17.7428 19.4955 16.5484 19.9944 15.3011 20ZM4.89601 1.25007H4.71468C4.25596 1.25082 3.80197 1.34277 3.37913 1.52056C2.9563 1.69836 2.57307 1.95845 2.25175 2.28569C1.93174 2.60545 1.6785 2.98561 1.50675 3.40405C1.33501 3.8225 1.24818 4.2709 1.25132 4.72318C1.25132 4.86318 1.25507 5.0038 1.26007 5.14505C1.39667 8.70667 2.8731 12.0855 5.3942 14.6061C7.9153 17.1267 11.2953 18.6033 14.8584 18.7406C14.9979 18.7463 15.136 18.7488 15.2748 18.75C15.7306 18.7506 16.1819 18.6614 16.6032 18.4876C17.0244 18.3138 17.4073 18.0588 17.73 17.7371C18.0526 17.4154 18.3087 17.0334 18.4836 16.6127C18.6586 16.1921 18.7489 15.7412 18.7495 15.2856V15.0669C18.7495 14.9074 18.7182 14.7494 18.6572 14.602C18.5961 14.4546 18.5067 14.3206 18.3938 14.2078C18.281 14.095 18.1471 14.0055 17.9996 13.9444C17.8522 13.8833 17.6942 13.8519 17.5346 13.8519H13.359L13.2602 14.1119C13.1603 14.3748 13.0076 14.6145 12.8116 14.8162C12.6156 15.0179 12.3803 15.1775 12.1204 15.285C11.8708 15.3902 11.6022 15.4424 11.3314 15.4386C11.0606 15.4347 10.7936 15.3748 10.5472 15.2625C7.97087 14.0956 5.90685 12.0322 4.73969 9.45691C4.62757 9.21066 4.56769 8.94386 4.56381 8.67333C4.55994 8.4028 4.61216 8.1344 4.71718 7.88504C4.82491 7.6252 4.98456 7.39007 5.18637 7.19405C5.38817 6.99803 5.62788 6.84524 5.89081 6.74505L6.15092 6.64692V2.46444C6.15156 2.30641 6.12077 2.14983 6.06033 2.0038C5.9999 1.85778 5.91103 1.72521 5.7989 1.61381C5.67983 1.49667 5.53876 1.40422 5.3838 1.34179C5.22885 1.27936 5.06307 1.24819 4.89601 1.25007Z'/></svg>") center/contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><path d='M15.3011 20H15.2642C15.1142 20 14.9641 19.9967 14.814 19.99C10.9355 19.8406 7.25618 18.2337 4.51154 15.4904C1.76691 12.747 0.159116 9.06941 0.00953365 5.19255C0.0045315 5.03943 0.00140516 4.88755 0.000154624 4.73568C-0.0048805 4.11805 0.113103 3.50559 0.347231 2.93399C0.581359 2.36239 0.926949 1.84308 1.36387 1.40632C1.80058 0.96157 2.3215 0.608177 2.89626 0.366742C3.47101 0.125307 4.08811 0.000660634 4.71155 7.0534e-05H4.89476C5.22601 -0.00241291 5.55447 0.0607065 5.86119 0.185786C6.1679 0.310865 6.4468 0.495426 6.68178 0.728818C6.91064 0.956142 7.0921 1.2266 7.21564 1.52453C7.33917 1.82246 7.40234 2.14193 7.40146 2.46444V7.0788C7.40143 7.20567 7.36277 7.32953 7.29062 7.43391C7.21847 7.53829 7.11625 7.61825 6.99754 7.66317L6.3335 7.91317C6.23047 7.95255 6.13654 8.01247 6.05743 8.0893C5.97831 8.16612 5.91566 8.25824 5.8733 8.36004C5.83402 8.45171 5.81418 8.55053 5.81504 8.65025C5.8159 8.74997 5.83744 8.84843 5.87831 8.93941C6.91986 11.2395 8.76259 13.0825 11.063 14.125C11.154 14.1656 11.2524 14.1869 11.352 14.1878C11.4516 14.1886 11.5504 14.169 11.642 14.13C11.7442 14.0879 11.8366 14.0253 11.9136 13.946C11.9906 13.8668 12.0505 13.7727 12.0897 13.6694L12.3398 13.0063C12.3848 12.8876 12.4648 12.7854 12.5692 12.7133C12.6736 12.6412 12.7975 12.6026 12.9245 12.6025H17.5346C17.8584 12.6024 18.1791 12.6662 18.4783 12.79C18.7775 12.9139 19.0493 13.0954 19.2783 13.3244C19.5073 13.5533 19.6888 13.8251 19.8127 14.1242C19.9365 14.4233 20.0002 14.7438 20 15.0675V15.2869C19.9987 16.5337 19.5037 17.7293 18.6233 18.6124C17.7428 19.4955 16.5484 19.9944 15.3011 20ZM4.89601 1.25007H4.71468C4.25596 1.25082 3.80197 1.34277 3.37913 1.52056C2.9563 1.69836 2.57307 1.95845 2.25175 2.28569C1.93174 2.60545 1.6785 2.98561 1.50675 3.40405C1.33501 3.8225 1.24818 4.2709 1.25132 4.72318C1.25132 4.86318 1.25507 5.0038 1.26007 5.14505C1.39667 8.70667 2.8731 12.0855 5.3942 14.6061C7.9153 17.1267 11.2953 18.6033 14.8584 18.7406C14.9979 18.7463 15.136 18.7488 15.2748 18.75C15.7306 18.7506 16.1819 18.6614 16.6032 18.4876C17.0244 18.3138 17.4073 18.0588 17.73 17.7371C18.0526 17.4154 18.3087 17.0334 18.4836 16.6127C18.6586 16.1921 18.7489 15.7412 18.7495 15.2856V15.0669C18.7495 14.9074 18.7182 14.7494 18.6572 14.602C18.5961 14.4546 18.5067 14.3206 18.3938 14.2078C18.281 14.095 18.1471 14.0055 17.9996 13.9444C17.8522 13.8833 17.6942 13.8519 17.5346 13.8519H13.359L13.2602 14.1119C13.1603 14.3748 13.0076 14.6145 12.8116 14.8162C12.6156 15.0179 12.3803 15.1775 12.1204 15.285C11.8708 15.3902 11.6022 15.4424 11.3314 15.4386C11.0606 15.4347 10.7936 15.3748 10.5472 15.2625C7.97087 14.0956 5.90685 12.0322 4.73969 9.45691C4.62757 9.21066 4.56769 8.94386 4.56381 8.67333C4.55994 8.4028 4.61216 8.1344 4.71718 7.88504C4.82491 7.6252 4.98456 7.39007 5.18637 7.19405C5.38817 6.99803 5.62788 6.84524 5.89081 6.74505L6.15092 6.64692V2.46444C6.15156 2.30641 6.12077 2.14983 6.06033 2.0038C5.9999 1.85778 5.91103 1.72521 5.7989 1.61381C5.67983 1.49667 5.53876 1.40422 5.3838 1.34179C5.22885 1.27936 5.06307 1.24819 4.89601 1.25007Z'/></svg>") center/contain no-repeat;
}

.bx-call-chat-header-call-button__icon.--compact:hover {
    opacity: 0.7 !important;
}

.bx-call-chat-header-call-button__separator {
    display: none !important;
}

.bx-call-chat-header-call-button__chevron_container {
    display: none !important;
}

.bx-im-message-default-content__text .bx-im-mention.--extranet {
    color: #333 !important;
}

.bx-im-chat-header-entity-link__container.--crm,
.bx-im-sidebar-auto-delete__container {
    display: none !important;
}

.bx-im-message-header__container {
    color: #D3F3FF !important;
}

.bx-im-message-list-author-group__container.--system.--no-menu {
    display: none !important;
}

.bx-im-message-default-content__bottom-panel {
    margin-top: 5px;
}

.bx-im-textarea__bottom {
    width: auto !important;
    margin-top: 0 !important;
    margin-left: 10px;
}

.bx-im-search-input__scope.bx-im-search-input__container.bx-im-sidebar-search-header__input {
    flex-grow: 1;
    margin-right: 16px !important;
}

.bx-im-message-search-item__container {
    background-color: var(--gray-bg) !important;

    .bx-im-message-search-item__message-text {
        color: var(--gray-color) !important;
    }
}

.bx-im-sidebar-search-header__container {
    border-bottom: none !important;
}

.bx-im-content-chat__scope.bx-im-content-chat__container.--left-align {
    background-color: transparent !important;
    background-image: none !important;
}

.bx-im-sidebar-detail-header__container.bx-im-sidebar-detail-header__scope {
    border-bottom: 1px solid rgba(108, 128, 140, 0.5) !important;
}

.bx-im-sidebar-detail-header__search {
    margin-left: 0 !important;
    flex-grow: 1;

    .bx-im-sidebar-detail-header__search__icon {
        margin-left: auto !important;
    }
}

.bx-im-sidebar-search-header__input {

    width: auto !important;
}

#bx-messenger-videocall-panel-item-with-arrow-camera {
    display: none !important;
}

.bx-call-buttons-popup {
}

.bx-messenger-videocall-user-bottom {
    display: none !important;
}

.bx-im-messenger__list_container {
    flex-basis: 100% !important;
    max-width: 408px !important;
}

#popup-window-content-bx-im-message-context-menu {
    .ui-popup-menu-section.--default {
        display: none !important;
    }
    .ui-popup-menu-item-header {
        order: 3
    }

    .ui-popup-menu-item-buttons {
        order: 2;
    }

    .ui-popup-menu-item-action {
        justify-content: flex-start !important;
    }

    .ui-popup-menu-item .ui-icon-set {
        background-color: var(--text-color) !important;
    }

    .ui-popup-menu-section-divider {
        background-color: var(--gray-color) !important;
    }
}

.bx-im-list-recent-item__wrap .bx-im-avatar__content.bx-im-avatar__icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
}

.bx-im-chat-header__scope.bx-im-chat-header__container .bx-im-avatar__content.bx-im-avatar__icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
}

.bx-im-sidebar-notes-preview.bx-im-sidebar-main-panel__block {
    background: var(--gray-bg) !important;
}

.bx-call-message__icon.bx-call-message__icon--secondary {
    border: 1px solid #D3F3FF !important;
    filter: brightness(0) invert(1) sepia(1) hue-rotate(180deg) saturate(0);
}

.bx-call-message__icon.bx-call-message__icon--primary {
    border: 1px solid #D3F3FF !important;
    filter: brightness(0) invert(1) sepia(1) hue-rotate(180deg) saturate(0);
    transform: rotate(135deg);
}

.bx-call-message__icon.bx-call-message__icon--danger {
    border: 1px solid #D3F3FF !important;
    filter: invert(42%) sepia(85%) saturate(1352%) hue-rotate(318deg) brightness(101%) contrast(99%);
}

.bx-im-content-bulk-actions-panel__container {
    width: 100% !important;
    min-width: 320px !important;
    border-radius: 6px !important;
    flex-wrap: nowrap !important;
    background: var(--gray-bg) !important;
    border: 1px solid var(--gray-color) !important;

    .bx-im-content-bulk-actions-panel__left-section {
        flex-wrap: nowrap !important;
        gap: 5px !important;

        .bx-im-content-bulk-actions-panel__counter-name,
        .bx-im-content-bulk-actions-panel__counter-number {
            color: var(--text-color) !important;
        }
    }

    .bx-im-content-bulk-actions-panel__right-section {
        flex-wrap: nowrap !important;
    }

    .bx-im-content-bulk-actions-panel__delete-button .bx-im-button__text {
        @media (max-width: 400px) {
            display: none;
        }
    }

    .bx-im-content-bulk-actions-panel__right-section .bx-im-content-bulk-actions-panel__delete-button .bx-im-button__container {
        @media (max-width: 400px) {
            padding: 0 !important;
        }
    }
}

.bx-im-content-bulk-actions-panel__cancel {
    margin-top: 3px !important;
}
.bx-im-content-bulk-actions-panel__cancel::after {
    content: '';
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 10px !important;
    height: 10px !important;
    background-color: var(--text-color) !important;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg width='10' height='10' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0.184245 0.184245C0.429896 -0.0614148 0.828175 -0.0614148 1.07383 0.184245L6.5 5.61039L11.9262 0.184245C12.1718 -0.0614148 12.5701 -0.0614148 12.8157 0.184245C13.0614 0.429896 13.0614 0.828175 12.8157 1.07383L7.38961 6.5L12.8157 11.9262C13.0614 12.1718 13.0614 12.5701 12.8157 12.8157C12.5701 13.0614 12.1718 13.0614 11.9262 12.8157L6.5 7.38961L1.07383 12.8157C0.828175 13.0614 0.429896 13.0614 0.184245 12.8157C-0.0614148 12.5701 -0.0614148 12.1718 0.184245 11.9262L5.61039 6.5L0.184245 1.07383C-0.0614148 0.828175 -0.0614148 0.429896 0.184245 0.184245Z'/></svg>") center/contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg width='10' height='10' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0.184245 0.184245C0.429896 -0.0614148 0.828175 -0.0614148 1.07383 0.184245L6.5 5.61039L11.9262 0.184245C12.1718 -0.0614148 12.5701 -0.0614148 12.8157 0.184245C13.0614 0.429896 13.0614 0.828175 12.8157 1.07383L7.38961 6.5L12.8157 11.9262C13.0614 12.1718 13.0614 12.5701 12.8157 12.8157C12.5701 13.0614 12.1718 13.0614 11.9262 12.8157L6.5 7.38961L1.07383 12.8157C0.828175 13.0614 0.429896 13.0614 0.184245 12.8157C-0.0614148 12.5701 -0.0614148 12.1718 0.184245 11.9262L5.61039 6.5L0.184245 1.07383C-0.0614148 0.828175 -0.0614148 0.429896 0.184245 0.184245Z'/></svg>") center/contain no-repeat;
}
.bx-im-content-bulk-actions-panel__cancel:before {
   content: none !important;
}

#popup-window-content-im-smiles-popup .bx-im-smiles-content__smiles-box {
    display: flex;
    flex-wrap: wrap;
}

.ui-notification-balloon.ui-notification-balloon-animate {
    bottom: 57px !important;
    max-width: 408px !important;
    width: calc(100% - 32px) !important;
    left: 50% !important;
    top: auto !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    opacity: 1 !important;
    .ui-notification-balloon-content {
        border-radius: 8px !important;
        width: auto !important;
        background-color: var(--gray-bg) !important;
        position: relative;
        color: var(--text-color) !important;
    }
    .ui-notification-balloon-content::before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 10px;
        width: 17px;
        height: 17px;
        background-color: var(--text-color);
        -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuMDA5NyAwQzExLjAwNjggMCAxMS4wMDI5IDAuMDA0ODYgMTEgMC4wMDQ4NkMxMC45OTY2IDAuMDA0ODYgMTAuOTkzNyAwIDEwLjk5MDMgMEM0LjkyMSAwIDAgNC45MjQ3IDAgMTEuMDAwMkMwIDE3LjA3NDggNC45MjEgMjIgMTAuOTkwMyAyMkMxMC45OTM3IDIyIDEwLjk5NjYgMjIgMTEgMjJDMTEuMDAyOSAyMiAxMS4wMDY4IDIyIDExLjAwOTcgMjJDMTcuMDc5IDIyIDIyIDE3LjA3NDggMjIgMTEuMDAwMkMyMi4wMDA1IDQuOTI0NyAxNy4wNzk1IDAgMTEuMDA5NyAwWk0xMS4wMDk3IDE4Ljg1MUMxMS4wMDY4IDE4Ljg1MSAxMS4wMDI5IDE4Ljg1MDUgMTEgMTguODUwNUMxMC45OTY2IDE4Ljg1MDUgMTAuOTkzNyAxOC44NTEgMTAuOTkwMyAxOC44NTFDOS45OTY5IDE4Ljg1MSA5LjE5MTQgMTguMDQ1MiA5LjE5MTQgMTcuMDUwNUM5LjE5MTQgMTYuMDU2NyA5Ljk5NjkgMTUuMjUxIDEwLjk5MDMgMTUuMjUxQzEwLjk5MzcgMTUuMjUxIDEwLjk5NjYgMTUuMjUxIDExIDE1LjI1MUMxMS4wMDI5IDE1LjI1MSAxMS4wMDY4IDE1LjI1MSAxMS4wMDk3IDE1LjI1MUMxMi4wMDI2IDE1LjI1MSAxMi44MDkxIDE2LjA1NjcgMTIuODA5MSAxNy4wNTA1QzEyLjgwOTEgMTguMDQ0OCAxMi4wMDQxIDE4Ljg1MSAxMS4wMDk3IDE4Ljg1MVpNMTMuNTg5NCA1LjEzMDhDMTMuNDcxOSA2LjkyNzQgMTIuNjUxMyAxMi4yNzA1IDEyLjY1MTMgMTIuMjcwNUMxMi42NTEzIDEzLjE3MTUgMTEuOTEzOCAxMy45MDE0IDExLjAxMzYgMTMuOTAxNEMxMS4wMDg3IDEzLjkwMTQgMTEuMDAzOSAxMy45MDE0IDEwLjk5OTUgMTMuOTAxNEMxMC45OTUxIDEzLjkwMTQgMTAuOTg5OCAxMy45MDE0IDEwLjk4NTQgMTMuOTAxNEMxMC4wODU3IDEzLjkwMTQgOS4zNDgyIDEzLjE3MDYgOS4zNDgyIDEyLjI3MDVDOS4zNDgyIDEyLjI3MDUgOC41MjgxIDYuOTI3NCA4LjQxMDYgNS4xMzA4QzguMzUyMyA0LjIzMTMgOS4wNDA4IDIuNTYxMDIgMTAuOTg1OSAyLjU2MTAyQzEwLjk5MDggMi41NjEwMiAxMC45OTU2IDIuNTYxNTEgMTEgMi41NjE1MUMxMS4wMDQ0IDIuNTYxNTEgMTEuMDA5MiAyLjU2MTAyIDExLjAxNDEgMi41NjEwMkMxMi45NTg3IDIuNTYxMDIgMTMuNjQ4MiA0LjIzMTMgMTMuNTg5NCA1LjEzMDhaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
        mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuMDA5NyAwQzExLjAwNjggMCAxMS4wMDI5IDAuMDA0ODYgMTEgMC4wMDQ4NkMxMC45OTY2IDAuMDA0ODYgMTAuOTkzNyAwIDEwLjk5MDMgMEM0LjkyMSAwIDAgNC45MjQ3IDAgMTEuMDAwMkMwIDE3LjA3NDggNC45MjEgMjIgMTAuOTkwMyAyMkMxMC45OTM3IDIyIDEwLjk5NjYgMjIgMTEgMjJDMTEuMDAyOSAyMiAxMS4wMDY4IDIyIDExLjAwOTcgMjJDMTcuMDc5IDIyIDIyIDE3LjA3NDggMjIgMTEuMDAwMkMyMi4wMDA1IDQuOTI0NyAxNy4wNzk1IDAgMTEuMDA5NyAwWk0xMS4wMDk3IDE4Ljg1MUMxMS4wMDY4IDE4Ljg1MSAxMS4wMDI5IDE4Ljg1MDUgMTEgMTguODUwNUMxMC45OTY2IDE4Ljg1MDUgMTAuOTkzNyAxOC44NTEgMTAuOTkwMyAxOC44NTFDOS45OTY5IDE4Ljg1MSA5LjE5MTQgMTguMDQ1MiA5LjE5MTQgMTcuMDUwNUM5LjE5MTQgMTYuMDU2NyA5Ljk5NjkgMTUuMjUxIDEwLjk5MDMgMTUuMjUxQzEwLjk5MzcgMTUuMjUxIDEwLjk5NjYgMTUuMjUxIDExIDE1LjI1MUMxMS4wMDI5IDE1LjI1MSAxMS4wMDY4IDE1LjI1MSAxMS4wMDk3IDE1LjI1MUMxMi4wMDI2IDE1LjI1MSAxMi44MDkxIDE2LjA1NjcgMTIuODA5MSAxNy4wNTA1QzEyLjgwOTEgMTguMDQ0OCAxMi4wMDQxIDE4Ljg1MSAxMS4wMDk3IDE4Ljg1MVpNMTMuNTg5NCA1LjEzMDhDMTMuNDcxOSA2LjkyNzQgMTIuNjUxMyAxMi4yNzA1IDEyLjY1MTMgMTIuMjcwNUMxMi42NTEzIDEzLjE3MTUgMTEuOTEzOCAxMy45MDE0IDExLjAxMzYgMTMuOTAxNEMxMS4wMDg3IDEzLjkwMTQgMTEuMDAzOSAxMy45MDE0IDEwLjk5OTUgMTMuOTAxNEMxMC45OTUxIDEzLjkwMTQgMTAuOTg5OCAxMy45MDE0IDEwLjk4NTQgMTMuOTAxNEMxMC4wODU3IDEzLjkwMTQgOS4zNDgyIDEzLjE3MDYgOS4zNDgyIDEyLjI3MDVDOS4zNDgyIDEyLjI3MDUgOC41MjgxIDYuOTI3NCA4LjQxMDYgNS4xMzA4QzguMzUyMyA0LjIzMTMgOS4wNDA4IDIuNTYxMDIgMTAuOTg1OSAyLjU2MTAyQzEwLjk5MDggMi41NjEwMiAxMC45OTU2IDIuNTYxNTEgMTEgMi41NjE1MUMxMS4wMDQ0IDIuNTYxNTEgMTEuMDA5MiAyLjU2MTAyIDExLjAxNDEgMi41NjEwMkMxMi45NTg3IDIuNTYxMDIgMTMuNjQ4MiA0LjIzMTMgMTMuNTg5NCA1LjEzMDhaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==");
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
    }
    .ui-notification-balloon-message {
        font-size: 15px;
        line-height: 20px;
        font-weight: 400;
        padding-left: 39px !important;
    }


    .ui-notification-balloon-close-btn {
        background-position: center;
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
        right: 18px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        opacity: 0.8 !important;
        background-color: var(--text-color);
        -webkit-mask: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0.227 0.227a0.8 0.8 0 0 1 1.095 0L8 6.905 14.678 0.227a0.8 0.8 0 0 1 1.095 1.095L9.095 8l6.678 6.678a0.8 0.8 0 0 1-1.095 1.095L8 9.095l-6.678 6.678a0.8 0.8 0 0 1-1.095-1.095L6.905 8 0.227 1.322a0.8 0.8 0 0 1 0-1.095z' fill='white'/></svg>") center/contain no-repeat;
        mask: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0.227 0.227a0.8 0.8 0 0 1 1.095 0L8 6.905 14.678 0.227a0.8 0.8 0 0 1 1.095 1.095L9.095 8l6.678 6.678a0.8 0.8 0 0 1-1.095 1.095L8 9.095l-6.678 6.678a0.8 0.8 0 0 1-1.095-1.095L6.905 8 0.227 1.322a0.8 0.8 0 0 1 0-1.095z' fill='white'/></svg>") center/contain no-repeat;

    }

    .ui-notification-balloon-close-btn:after,
    .ui-notification-balloon-close-btn:before,
    .bx-im-chat-header-entity-link__container.--group {
        display: none;
    }
}

.popup-window.popup-window-with-titlebar.ui-message-box.ui-message-box-medium-buttons.popup-window-fixed-width.popup-window-fixed-height.bx-im-messenger__scope.im-confirm-container {
    min-width: 320px !important;
    min-height: 120px !important;
    max-width: 400px !important;
    width: calc(100% - 32px) !important;
    background-color: var(--dark-gray) !important;
    border-radius: 16px !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 100vh 100vw;
    .popup-window-titlebar-text {
        padding-top: 27px !important;
        padding-right: 29px !important;
        padding-left: 29px !important;
        font-weight: 400 !important;
        font-size: 17px !important;
    }
    .popup-window-content {
        display: none !important;
    }
    .popup-window-close-icon.popup-window-titlebar-close-icon {
        display: none !important;
    }
    .popup-window-buttons {
        display: flex !important;
        margin: 0 27px !important;
        flex-direction: row-reverse !important;
        .ui-btn.ui-btn-md.ui-btn-primary {
            background: none !important;
            border: none !important;
            color: var(--red) !important;
            padding-right: 0 !important;
        }
        .ui-btn.ui-btn-md.ui-btn-link {
            .ui-btn-text {
                color: var(--blue) !important;
            }
        }
    }
}
#popup-window-content-im-forward-popup {
    border-radius: 0 !important;
}
.bx-im-search-item__content-container .--highlight {
    color: var(--blue) !important;
    background-color: transparent !important;
    font: var(--im-chat-title__font);
    font-weight: var(--im-font-weight-medium);
}
.bx-im-list-recent-item__content_header {
    align-items: center !important;
    .bx-im-list-recent-item__date {
        margin-bottom: 0 !important;
    }
}

#bx-im-avatar-context-menu {
    display: none !important;
}
@media (max-width: 1130px) {
.ui-viewer-header {
    flex-direction: column-reverse;
}
    .ui-viewer-actions {
        height: 58px !important;
    }
}
@media (max-width: 450px) {
  .ui-viewer-inner {
      max-width: calc(100% - 32px) !important;
  }
}

.bx-im-chat-header__info {
    .bx-im-chat-header__title.--user {
        .bx-im-chat-header__title_container {
            pointer-events: none !important;
            cursor: default !important;

        }
    }
    .bx-im-chat-header__subtitle_content {
        font-family: "Roboto", sans-serif !important;
    }

}

.bx-im-sidebar-header__cross-icon.bx-im-messenger__cross-icon,
.bx-im-messenger__cross-icon {
    position: relative;
    background-image: none !important;
    opacity: 1 !important;
}
.bx-im-sidebar-header__cross-icon.bx-im-messenger__cross-icon:hover,
.bx-im-sidebar__forward-icon:hover,
.bx-im-messenger__cross-icon:hover {
   opacity: 0.7 !important;
}


.bx-im-sidebar-header__cross-icon.bx-im-messenger__cross-icon::after,
.bx-im-messenger__cross-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 11px;
    height: 11px;
    background-color: var(--text-color);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg width='10' height='10' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0.184245 0.184245C0.429896 -0.0614148 0.828175 -0.0614148 1.07383 0.184245L6.5 5.61039L11.9262 0.184245C12.1718 -0.0614148 12.5701 -0.0614148 12.8157 0.184245C13.0614 0.429896 13.0614 0.828175 12.8157 1.07383L7.38961 6.5L12.8157 11.9262C13.0614 12.1718 13.0614 12.5701 12.8157 12.8157C12.5701 13.0614 12.1718 13.0614 11.9262 12.8157L6.5 7.38961L1.07383 12.8157C0.828175 13.0614 0.429896 13.0614 0.184245 12.8157C-0.0614148 12.5701 -0.0614148 12.1718 0.184245 11.9262L5.61039 6.5L0.184245 1.07383C-0.0614148 0.828175 -0.0614148 0.429896 0.184245 0.184245Z'/></svg>") center/contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg width='10' height='10' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0.184245 0.184245C0.429896 -0.0614148 0.828175 -0.0614148 1.07383 0.184245L6.5 5.61039L11.9262 0.184245C12.1718 -0.0614148 12.5701 -0.0614148 12.8157 0.184245C13.0614 0.429896 13.0614 0.828175 12.8157 1.07383L7.38961 6.5L12.8157 11.9262C13.0614 12.1718 13.0614 12.5701 12.8157 12.8157C12.5701 13.0614 12.1718 13.0614 11.9262 12.8157L6.5 7.38961L1.07383 12.8157C0.828175 13.0614 0.429896 13.0614 0.184245 12.8157C-0.0614148 12.5701 -0.0614148 12.1718 0.184245 11.9262L5.61039 6.5L0.184245 1.07383C-0.0614148 0.828175 -0.0614148 0.429896 0.184245 0.184245Z'/></svg>") center/contain no-repeat;
}

.bx-im-sidebar__forward-icon {
    position: relative;
    background-image: none !important;
    opacity: 1 !important;
}

.bx-im-sidebar__forward-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 9px;
    width: 17px;
    height: 17px;
    background-color: var(--gray-color);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg width='8' height='15' viewBox='0 0 8 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.749 13.744L6.942 7.428L1.141 0.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg width='8' height='15' viewBox='0 0 8 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.749 13.744L6.942 7.428L1.141 0.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;
}

.bx-im-messenger__cross-icon::before {
    content: none !important;
}
.bx-im-sidebar-file-preview__title-text {
    margin-bottom: 3px !important;
}
.bx-im-sidebar-detail-tabs__container {
    border-bottom: 1px solid var(--gray-color) !important;
}
.bx-im-sidebar-detail-header__title-text {
    margin-left: 10px !important;
    margin-bottom: 2px !important;
}
.ui-viewer-default-actions {
    .ui-viewer-more-btn {
        display: none !important;
    }
}

.bx-im-elements-media-gallery__item {
    background-color: transparent !important;
    width: 100% !important;
}
.bx-im-message-base__content {
    .bx-im-message-context-menu__container {
        width: auto !important;
    }
}
.bx-im-audio-player__timeline-container {
    width: auto !important;
}
/* End */


/* Start:/bitrix/components/bitrix/main.interface.buttons/templates/.default/style.css?175760450133530*/
.main-buttons__scope {
	--mib-height: 60px;
	--mib-background: #fff;
	--mib-item-spacing: 50px;
	--mib-padding-left: 25px;
	--mib-padding-right: 50px;
	--mib-padding-top: 0;
	--mib-padding-bottom: 0;
	--mib-margin-bottom: 8px;

	--mib-menu-underline-size: 0;
	--mib-menu-underline-color: transparent;
	--mib-menu-underline-bottom: 0;

	--mib-item-font-size: 15px;
	--mib-item-font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	--mib-item-font-weight: var(--ui-font-weight-semi-bold, 600);
	--mib-item-color: #545c6a;
	--mib-item-active-color: #1058d0;
	--mib-item-hover-color: var(--mib-item-active-color);
	--mib-item-passive-opacity: 0.6;
	--mib-item-underline-size: 2px;
	--mib-item-underline-color: #1058d0;
	--mib-item-underline-bottom: 0;
	--mib-item-hover-underline-size: 0;
	--mib-item-hover-underline-color: transparent;
	--mib-item-link-transition: none;

	--mib-item-super-title-font-size: 8px;
	--mib-item-super-title-color: #2fc6f6;
	--mib-item-super-title-font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	--mib-item-super-title-font-weight: var(--ui-font-weight-semi-bold, 600);

	--mib-item-edit-button-opacity: 1;
	--mib-item-drag-button-opacity: 1;


	--mib-item-edit-button-image: var(--ui-icon-set__path_settings-4);
	--mib-item-edit-button-image-size: 16px;
	--mib-item-edit-button-image-opacity: 1;
	--mib-item-edit-button-image-color: #babec2;
	--mib-item-edit-button-right: -17px;
	--mib-item-edit-button-top: 3px;

	--mib-item-drag-button-image: var(--ui-icon-set__path_more-points);
	--mib-item-drag-button-image-size: 22px;
	--mib-item-drag-button-image-opacity: 1;
	--mib-item-drag-button-image-color: #babec2;

	--mib-item-menu-arrow-width: 10px;
	--mib-item-menu-arrow-height: 8px;
	--mib-item-menu-arrow-margin-left: 8px;
	--mib-item-menu-arrow-image-size: 16px;
	--mib-item-menu-arrow-image: var(--ui-icon-set__path_chevron-down);
	--mib-item-menu-arrow-image-color: #545c6a;
	--mib-item-menu-arrow-edit-visibility: 0;

	--mib-item-lock-icon-width: 20px;
	--mib-item-lock-icon-height: 20px;
	--mib-item-lock-icon-margin-right: 0;
	--mib-item-lock-icon-image-size: 20px;
	--mib-item-lock-icon-image: var(--ui-icon-set__path_lock);
	--mib-item-lock-icon-image-color: #28bae9;

	--mib-item-sublink-size: 14px;
	--mib-item-sublink-mask-image: var(--ui-icon-set__path_plus-50);
	--mib-item-sublink-bg-color: #1058D0;
	--mib-item-sublink-fore-color: #fff;
	--mib-item-sublink-bg-color-hover: #2FC7F7;
	--mib-item-sublink-fore-color-hover: #fff;

	--mib-item-pin-icon-image-size: 20px;
	--mib-item-pin-icon-image: var(--ui-icon-set__path_arrow-top);
	--mib-item-pin-icon-image-color: #979da5;

	--mib-item-submenu-setting-image-color: #28bae9;
	--mib-item-submenu-setting-image: var(--ui-icon-set__path_settings-4);

	--mib-menu-item-selected: #0063c6;
}

.main-buttons__scope.--flat,
.main-buttons__scope.--flat-adaptive {
	--mib-height: 37px;
	--mib-padding-left: 18px;
	--mib-padding-right: 18px;
	--mib-padding-top: 10px;
	--mib-margin-bottom: 0;
	--mib-radius: 0;
	--mib-background: transparent;

	--mib-item-spacing: 36px;
	--mib-item-font-size: 14px;
	--mib-item-font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	--mib-item-font-weight: var(--ui-font-weight-semi-bold, 600);
	--mib-item-underline-size: 2px;
	--mib-item-underline-color: #1058d0;
	--mib-item-underline-bottom: 0;
	--mib-item-hover-underline-size: var(--mib-item-underline-size);
	--mib-item-hover-underline-color: var(--mib-item-underline-color);

	--mib-item-color: #525c68;
	--mib-item-active-color: #1058d0;
}

.main-buttons__scope.--compact {
	--mib-height: 47px;
	--mib-padding-left: 25px;
	--mib-padding-right: 25px;
	--mib-margin-bottom: 0;
	--mib-radius: 0;
	--mib-background: transparent;
	--mib-item-font-weight: var(--ui-font-weight-regular, 400);

	--mib-menu-underline-size: 1px;
	--mib-menu-underline-color: #e2e3e6;
	--mib-menu-underline-bottom: 0;

	--mib-item-font-size: 14px;
	--mib-item-underline-size: 1px;
	--mib-item-underline-color: #1058d0;
	--mib-item-underline-bottom: 0;
	--mib-item-spacing: 20px;
	--mib-item-font-family: inherit;
	--mib-item-drag-button-image-opacity: 0;

	--mib-item-edit-button-right: -15px;
	--mib-item-edit-button-top: 0;
}

.main-buttons__scope.--small {
	--mib-height: 28px;
	--mib-padding-left: 0;
	--mib-padding-right: 0;
	--mib-margin-bottom: 0;
	--mib-radius: 0;
	--mib-background: transparent;
	--mib-item-font-weight: var(--ui-font-weight-regular, 400);

	--mib-menu-underline-size: 1px;
	--mib-menu-underline-color: #e2e3e6;
	--mib-menu-underline-bottom: 0;

	--mib-item-font-size: 13px;
	--mib-item-underline-size: 1px;
	--mib-item-underline-color: #1058d0;
	--mib-item-underline-bottom: 0;
	--mib-item-spacing: 20px;
	--mib-item-font-family: inherit;
	--mib-item-drag-button-image-opacity: 0;

	--mib-item-edit-button-right: -15px;
	--mib-item-edit-button-top: 0;
}

.main-buttons__scope.--air {
	--mib-height: 58px;
	--mib-padding-left: 10px;
	--mib-padding-right: 18px;
	--mib-margin-bottom: 8px;
	--mib-radius: 0;
	--mib-background: transparent;

	--mib-item-spacing: 24px;
	--mib-item-font-size: 15px;
	--mib-item-font-family: var(--ui-font-family-secondary, var(--ui-font-family-system));
	--mib-item-font-weight: var(--ui-font-weight-normal);

	--mib-item-underline-size: 0;
	--mib-item-underline-color: transparent;
	--mib-item-underline-bottom: 0;
	--mib-item-hover-underline-size: 0;

	--mib-item-color: var(--ui-color-design-plain-na-content);
	--mib-item-active-color: var(--ui-color-design-selection-content);
	--mib-item-hover-color: var(--ui-color-design-plain-na-focused-content);
	--mib-item-super-title-color: var(--ui-color-design-plain-na-content);

	--mib-item-edit-button-opacity: 1;
	--mib-item-drag-button-opacity: 1;

	--mib-item-drag-button-image-opacity: 0;
	--mib-item-drag-button-image: var(--o-ui-icon-set__path_drag-s);
	--mib-item-drag-button-image-size: 20px;
	--mib-item-drag-button-image-color: var(--ui-color-design-plain-na-content-icon);

	--mib-item-edit-button-image: var(--ui-icon-set__path_settings-4);
	--mib-item-edit-button-image-size: 12px;
	--mib-item-edit-button-image-color: var(--ui-color-design-plain-na-content-icon);

	--mib-item-lock-icon-width: 10px;
	--mib-item-lock-icon-height: 16px;
	--mib-item-lock-icon-image-size: 16px;
	--mib-item-lock-icon-margin-right: 4px;
	--mib-item-lock-icon-image: var(--o-ui-icon-set__path_lock-l);
	--mib-item-lock-icon-image-color: var(--ui-color-design-plain-na-content-icon);

	--mib-item-menu-arrow-width: 10px;
	--mib-item-menu-arrow-height: 10px;
	--mib-item-menu-arrow-margin-left: 4px;
	--mib-item-menu-arrow-image-size: 20px;
	--mib-item-menu-arrow-image: var(--o-ui-icon-set__path_chevron-down-s);
	--mib-item-menu-arrow-image-color: var(--ui-color-design-plain-na-content-icon);
	--mib-item-menu-arrow-edit-visibility: 1;

	--mib-item-sublink-mask-image: var(--o-ui-icon-set__path_plus-m);
	--mib-item-sublink-bg-color: var(--ui-color-design-selection-bg);
	--mib-item-sublink-fore-color: var(--ui-color-design-plain-na-focused-content);
	--mib-item-sublink-bg-color-hover: color-mix(in srgb, var(--ui-color-design-selection-bg) 100%, var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));;
	--mib-item-sublink-fore-color-hover: var(--ui-color-design-plain-na-focused-content);

	--mib-item-pin-icon-image-size: 24px;
	--mib-item-pin-icon-image: var(--o-ui-icon-set__path_arrow-top-s);
	--mib-item-pin-icon-image-color: var(--ui-color-base-5);

	--mib-item-submenu-setting-image-color: var(--ui-color-accent-main-primary);
}

.main-buttons-default-menu-popup.--air {
	--mib-menu-item-selected: #0075FF;
}

.main-buttons.--air .main-buttons-item::before {
	display: block;
	content: '';
	position: absolute;
	left: -10px;
	right: -10px;
	top: 13px;
	bottom: 13px;
	border-radius: 8px;
	opacity: 0;
	transition: background-color 200ms, opacity 200ms;
	z-index: -1;
}

.main-buttons.--air .main-buttons-item.--over::before,
.main-buttons.--air .main-buttons-item.--has-menu.--menu-shown::before {
	opacity: 1;
	background-color: var(--ui-color-design-plain-na-focused-bg);
	border: 1px solid var(--ui-color-design-plain-na-focused-stroke);
}

.main-buttons.--air .main-buttons-item-active::before {
	opacity: 1;
	background-color: var(--ui-color-design-selection-bg);
	border: 1px solid var(--ui-color-design-selection-stroke);
}

.main-buttons.--air .main-buttons-item.--has-menu.--menu-shown {
	--mib-item-color: var(--mib-item-hover-color);
}

.main-buttons.--air .main-buttons-item-edit-button {
	right: -10px;
	top: 20px;
}

.main-buttons.--air .main-buttons-item.--has-menu .main-buttons-item-edit-button {
	right: -10px;
}

.main-buttons.--air .main-buttons-edit .main-buttons-item-counter {
	display: none;
}

.main-buttons.--air .main-buttons-item .main-buttons-item-counter {
	transform: translateX(10px);
}

.main-buttons.--air .main-buttons-item-super-title {
	top: 30px;
}

.--ui-context-edge-dark .main-buttons__scope,
.--ui-context-content-dark .main-buttons__scope {
	--mib-item-super-title-shadow-color: rgba(0, 0, 0, 0.5);
}

.--ui-context-edge-light .main-buttons__scope,
.--ui-context-content-light .main-buttons__scope {
	--mib-item-super-title-shadow-color: rgba(255, 255, 255, 0.5);
}

.main-buttons.--air .main-buttons-item.--over .main-buttons-item-super-title,
.main-buttons.--air .main-buttons-item-active .main-buttons-item-super-title,
.main-buttons.--air .main-buttons-item.--menu-shown .main-buttons-item-super-title {
	text-shadow: 0 1px 3px var(--mib-item-super-title-shadow-color);
}

.main-buttons.--air .main-buttons-item-child {
	display: none;
}

.main-buttons {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.main-buttons-box {
	display: flex;
	background: var(--mib-background);
	border-radius: var(--mib-radius);
	height: var(--mib-height);
	padding: var(--mib-padding-top) var(--mib-padding-right) var(--mib-padding-bottom) var(--mib-padding-left);
	margin-bottom: var(--mib-margin-bottom);
}

.main-buttons-box:after {
	display: block;
	content: '';
	position: absolute;
	height: var(--mib-menu-underline-size);
	left: 0;
	right: 0;
	bottom: var(--mib-menu-underline-bottom);
	background: var(--mib-menu-underline-color);
	z-index: 1;
}

.main-buttons-inner-container {
	display: inline-flex;
	flex-wrap: wrap;
	position: relative;
	margin-left: calc(var(--mib-item-spacing) * -1);
	z-index: 2;
}

.main-buttons-item {
	position: relative;
	display: inline-flex;
	margin-left: var(--mib-item-spacing);
	height: var(--mib-height);
	margin-bottom: var(--mib-height);
	box-sizing: border-box;
	text-decoration: none;

}
.main-buttons-item-insert-animation {
	transition: width 300ms, opacity 300ms, margin 300ms;
	overflow: hidden;
	width: 0;
	opacity: 0;
}

/* Hide position: absolute elements */
.main-buttons-item-insert-animation .main-buttons-item-drag-button,
.main-buttons-item-insert-animation .main-buttons-item-edit-button,
.main-buttons-item-insert-animation .main-buttons-item-counter {
	display: none;
}

.main-buttons-item-text-title {
	position: relative;
}

.main-buttons-item-text-title:after {
	display: block;
	content: '';
	position: absolute;
	height: 0;
	left: 0;
	right: 0;
	top: var(--mib-item-underline-top);
	bottom: var(--mib-item-underline-bottom);
	background: transparent;
	opacity: var(--mib-item-underline-opacity);
	z-index: 2;
	cursor: pointer;
	transition: background .3s ease;
}

.main-buttons-item.--has-menu .main-buttons-item-text-title:after {
	right: calc(var(--mib-item-menu-arrow-width) + var(--mib-item-menu-arrow-margin-left));
}

.main-buttons-menu-item .main-buttons-item-text-title:after {
	display: none;
}

.main-buttons-item-text-box {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main-buttons-item .main-buttons-item-text-box {
	top: 50%;
	transform: translateY(-50%);
}

.main-buttons-item-active:not(.menu-popup-item) .main-buttons-item-text-title:after,
.main-buttons-item.--over.main-buttons-item-active:not(.menu-popup-item) .main-buttons-item-text-title:after {
	background: var(--mib-item-underline-color);
	height: var(--mib-item-underline-size);
}

.main-buttons-item.--over .main-buttons-item-text-title:after {
	height: var(--mib-item-hover-underline-size);
	background: var(--mib-item-hover-underline-color);
}

.main-buttons.--default .main-buttons-item.--has-menu:before {
	display: block;
	content: '';
	position: absolute;
	left: -25px;
	top: 6px;
	right: -25px;
	bottom: 0;
	background: #fff;
	box-shadow: 0 6px 21px rgba(83, 92, 105, 0.15);
	border-radius: 10px 10px 0 0;
	opacity: 0;
	transition: opacity 100ms;
}

.main-buttons.--default .main-buttons-item.--has-menu.--menu-shown:before {
	opacity: 1;
	bottom: -8px;
}

.main-buttons.--default .main-buttons-drag .main-buttons-item.--has-menu:before {
	display: none;
}

.main-buttons.--default .main-buttons-item.--has-menu.--menu-shown:after {
	display: block;
	content: '';
	position: absolute;
	height: 1px;
	left: 0;
	right: 0;
	bottom: -1px;
	transition: none;
	background: rgba(82, 92, 105, 0.08);
}

.main-buttons.--default .main-buttons-item.--has-menu.--menu-shown {
	--mib-item-underline-opacity: 0;
}

.main-buttons-item.--has-menu .main-buttons-item-menu-arrow {
	display: inline-block;
	position: relative;
	width: var(--mib-item-menu-arrow-width);
	height: var(--mib-item-menu-arrow-height);
	margin-left: var(--mib-item-menu-arrow-margin-left);
	align-self: center;

	-webkit-mask-image: var(--mib-item-menu-arrow-image);
	mask-image: var(--mib-item-menu-arrow-image);
	-webkit-mask-size: var(--mib-item-menu-arrow-image-size);
	mask-size: var(--mib-item-menu-arrow-image-size);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: var(--mib-item-menu-arrow-image-color);
}

.main-buttons-edit .main-buttons-item.--has-menu .main-buttons-item-menu-arrow {
	opacity: var(--mib-item-menu-arrow-edit-visibility);
}

/* region default popup menu */
.main-buttons-menu-popup {
	border-radius: 0 10px 10px 10px;
	box-shadow: 0px 15px 21px rgb(83 92 105 / 15%);
	clip-path: inset(0 -24px -28px -24px round 10px);
}

.main-buttons-menu-popup .popup-window-content {
	border-radius: 0 10px 10px 10px;
}

.main-buttons-menu-popup.--left-handed {
	border-radius: 10px 0 10px 10px;
}

.main-buttons-menu-popup.--left-handed .popup-window-content {
	border-radius: 10px 0 10px 10px;
}

.main-buttons-menu-popup.--sub-menu {
	border-radius: 10px;
	box-shadow: 0 6px 21px rgba(83, 92, 105, 0.15);
	clip-path: none;
}

.main-buttons-menu-popup.--sub-menu .popup-window-content {
	border-radius: 10px;
}

.main-buttons-menu-popup .menu-popup-item-text {
	color: #525c69;
	font: 14px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	line-height: 47px;
	padding: 0 25px;
}

.main-buttons-menu-popup .menu-popup-item-submenu .menu-popup-item-text {
	padding-right: 35px;
}

.main-buttons-menu-popup .menu-popup-item-submenu:after {
	right: 15px;
}

.main-buttons-more-menu-popup:not(.--sub-menu) .menu-popup-item-text {
	padding-left: 0;
}

.main-buttons-menu-popup .menu-popup .menu-popup-item {
	height: 47px;
	transition: none;
}

.main-buttons-menu-popup .menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator .menu-popup-item-text span {
	top: -25px !important;
}

/* endregion */

.main-buttons-item.--has-menu .main-buttons-item-sublink {
	display: none !important;
}

.main-buttons-item[data-disabled="true"] {
	display: none;
}

.main-buttons-item[data-disbanded="true"] {
	display: none;
}

.main-buttons-item.--hidden {
	display: none;
}

.main-buttons-item-link {
	position: relative;
	display: flex;
	font-family: var(--mib-item-font-family);
	font-size: var(--mib-item-font-size);
	font-weight: var(--mib-item-font-weight);
	color: var(--mib-item-color);
	outline: none;
	transition: var(--mib-item-link-transition);
	text-decoration: none;
	vertical-align: middle;
	box-sizing: border-box;
	cursor: pointer;
	-khtml-user-drag: none;
	-webkit-user-drag: none;
	text-transform: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	white-space: nowrap;
	align-items: stretch;
}

.main-buttons-edit .main-buttons-item-link {
	cursor: move;
}

.main-buttons-item:focus,
.main-buttons-item:focus .main-buttons-item-link,
.main-buttons-item-link:focus {
	outline: none;
}

.main-buttons-item.--over .main-buttons-item-link,
.main-buttons-item:hover .main-buttons-item-link {
	color: var(--mib-item-hover-color);
}

.main-buttons-item-active .main-buttons-item-link {
	color: var(--mib-item-active-color);
}

.main-buttons-item.--passive {
	pointer-events: none;
}
.main-buttons-item.--passive .main-buttons-item-link {
	opacity: var(--mib-item-passive-opacity);
}

.main-buttons-edit .main-buttons-item .main-buttons-item-icon {
	opacity: calc(1 - var(--mib-item-drag-button-image-opacity));
}

.main-buttons-item.--locked .main-buttons-item-icon,
.main-buttons-menu-item.--locked .main-buttons-item-icon,
.main-buttons-submenu-item.--locked .main-buttons-item-icon {
	display: inline-flex;
	width: var(--mib-item-lock-icon-width);
	height: var(--mib-item-lock-icon-height);
	margin-right: var(--mib-item-lock-icon-margin-right);

	-webkit-mask-image: var(--mib-item-lock-icon-image);
	mask-image: var(--mib-item-lock-icon-image);
	-webkit-mask-size: var(--mib-item-lock-icon-image-size);
	mask-size: var(--mib-item-lock-icon-image-size);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	background-color: var(--mib-item-lock-icon-image-color);
	align-self: center;
}

.main-buttons-item.main-buttons-item-more {
	margin-left: var(--mib-item-spacing);
}

.main-buttons-item .main-buttons-item-text {
	position: relative;
	display: flex;
	align-items: stretch;
}

.main-buttons-item .main-buttons-item-counter {
	display: block;
	position: absolute;
	right: 0;
	transform: translateX(70%);
	top: calc(var(--mib-height) / 2 - var(--mib-item-font-size) / 2 - 14px);
	padding: 2px 5px 3px 5px;
	border-radius: 30px;
	background: #f2473d;
	font: 11px/11px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #fff;
	box-sizing: border-box;
	min-width: 16px;
	text-align: center;
}

.main-buttons-menu-popup-item {
	display: flex;
}

.main-buttons-edit .main-buttons-menu-popup-item {
	margin-right: 20px;
}

.main-buttons-item .main-buttons-item-counter:empty,
.menu-popup-item-text .main-buttons-item-counter:empty {
	display: none;
}

.menu-popup-item-text .main-buttons-item-text {
	margin: 0 2px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.menu-popup-item-text .main-buttons-item-counter {
	display: inline-block;
	align-self: center;
	padding: 2px 5px 3px 5px;
	border-radius: 30px;
	background: #f54819;
	font: 11px/11px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #fff;
	box-sizing: border-box;
	min-width: 16px;
	text-align: center;
}

.menu-popup-item-text .main-buttons-item-pin {
	display: block;
	position: absolute;
	align-self: center;
	width: 40px;
	height: 100%;
	top: 0;
	right: 0;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-image: var(--mib-item-pin-icon-image);
	mask-image: var(--mib-item-pin-icon-image);
	-webkit-mask-size: var(--mib-item-pin-icon-image-size);
	mask-size: var(--mib-item-pin-icon-image-size);
	background-color: var(--mib-item-pin-icon-image-color);

	z-index: 1;
}

.main-buttons-pin-hint-popup {
	white-space: nowrap;
	pointer-events: none;
}

.menu-popup-item-text .main-buttons-item-pin:hover {
	background-color: color-mix(in srgb, var(--mib-item-pin-icon-image-color) 100%, var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));
}

.main-buttons-item-sublink {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -8px;
	display: none;
	height: 15px;
	width: 40px;
	cursor: pointer;
	z-index: 3;
}

.main-buttons-item-sublink:before,
.main-buttons-item-sublink:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 50%;
	height: var(--mib-item-sublink-size);
	width: var(--mib-item-sublink-size);
	margin-left: -8px;
}

.main-buttons-item-sublink:before {
	z-index: 1;
	-webkit-mask-image: var(--mib-item-sublink-mask-image);
	mask-image: var(--mib-item-sublink-mask-image);
	-webkit-mask-size: var(--mib-item-sublink-size);
	mask-size: var(--mib-item-sublink-size);
	-webkit-mask-position: center;
	mask-position: center;
	background-color: var(--mib-item-sublink-fore-color);
}

.main-buttons-item-sublink:after {
	background-color: var(--mib-item-sublink-bg-color);
	border-radius: 50%;
	transition: background-color .3s;
}

.main-buttons-item-sublink:hover:before {
	background-color: var(--mib-item-sublink-fore-color-hover);
}

.main-buttons-item-sublink:hover:after {
	background-color: var(--mib-item-sublink-bg-color-hover);
}

.main-buttons-item:hover .main-buttons-item-sublink {
	display: block;
}

.main-buttons-item-super-title {
	position: absolute;
	top: 50%;
	margin-top: calc(var(--mib-item-font-size) * -1.35);
	font-family: var(--mib-item-super-title-font-family);
	font-size: var(--mib-item-super-title-font-size);
	line-height: var(--mib-item-super-title-font-size);
	font-weight: var(--mib-item-super-title-font-weight);
	color: var(--mib-item-super-title-color);
	text-transform: uppercase;
	margin-left: 1px;
}

.main-buttons-menu-item .main-buttons-item-super-title {
	margin-top: calc(var(--mib-item-font-size) * -1);
}

/**
 * Submenu styles
 */
.main-buttons-submenu-item {
	min-width: 195px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-khtml-user-drag: element;
	-webkit-user-drag: element;
	text-transform: none;
}

.menu-popup-items .menu-popup-item.main-buttons-submenu-item.secret {
	display: none !important;
}

.main-buttons-submenu-item.main-buttons-disabled {
	opacity: .8;
}

.main-buttons-submenu-item .menu-popup-item-icon {
	display: inline;
	width: 0;
}

.main-buttons-submenu-item.noicon .menu-popup-item-icon {
	display: none;
}

.main-buttons-edit .main-buttons-submenu-item .main-buttons-item-menu-arrow{
	display: none;
}

.main-buttons-edit .main-buttons-submenu-item.menu-popup-item-submenu:after {
	display: none;
}

/**
 * Dropzone styles
 */
.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone {
	display: none;
}

.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone::after {
	position: absolute;
	content: '';
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	border: 1px rgba(0, 0, 0, .2) dashed;
	border-radius: 2px;
}

.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone.--over::after {
	border: 2px rgba(0, 0, 0, .2) dashed;
}

.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone .menu-popup-item-icon {
	display: none;
}

.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone .menu-popup-item-text {
	height: auto;
	line-height: 45px;
}

.main-buttons-drag .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone {
	background: #f0f5f5;
	position: relative;
	display: block !important;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	margin-top: 10px;
	/*margin-bottom: 10px;*/
	box-shadow: none;
	border: none;
	height: 48px;
	min-width: 140px;
}

.main-buttons-item-edit-button,
.main-buttons-item-drag-button {
	position: absolute;
	display: flex;
	width: 16px;
	height: 18px;
	right: var(--mib-item-edit-button-right);
	/*top: var(--mib-item-edit-button-top);*/
	top: 50%;
	transform: translateY(-50%);
	margin-top: 1px;
	pointer-events: none;
	opacity: 0;
	cursor: pointer;
	-webkit-transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	-ms-transition: opacity 200ms;
	-o-transition: opacity 200ms;
	transition: opacity 200ms;
}

.main-buttons-item.--has-menu .main-buttons-item-edit-button {
	right: 1px;
}

.main-buttons-item-edit-button {
	z-index: 2;
}

.main-buttons-item-drag-button {
	z-index: 1;
	left: -15px;
	right: auto;
	cursor: move;
}

.main-buttons-edit .main-buttons-item-edit-button,
.main-buttons-edit .main-buttons-item-drag-button {
	pointer-events: all;
}

.main-buttons-edit .main-buttons-item-edit-button {
	opacity: var(--mib-item-edit-button-opacity);
}

.main-buttons-edit .main-buttons-item-drag-button {
	opacity: var(--mib-item-drag-button-opacity);
}

.main-buttons-edit .main-buttons-item-edit-button:hover::after {
	background-color: color-mix(in srgb, var(--mib-item-edit-button-image-color) 100%, var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));
}

.main-buttons-edit .main-buttons-item-drag-button:hover::after {
	background-color: color-mix(in srgb, var(--mib-item-drag-button-image-color) 100%, var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));
}

.main-buttons-item-edit-button::after,
.main-buttons-item-drag-button::after {
	display: inline-block;
	content: '';
	width: 16px;
	height: 18px;
}

.main-buttons-item-edit-button::after {
	-webkit-mask-image: var(--mib-item-edit-button-image);
	mask-image: var(--mib-item-edit-button-image);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: var(--mib-item-edit-button-image-size);
	mask-size: var(--mib-item-edit-button-image-size);
	background-color: var(--mib-item-edit-button-image-color);
	opacity: var(--mib-item-edit-button-image-opacity);
}

.main-buttons-item-drag-button::after {
	-webkit-mask-image: var(--mib-item-drag-button-image);
	mask-image: var(--mib-item-drag-button-image);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: var(--mib-item-drag-button-image-size);
	mask-size: var(--mib-item-drag-button-image-size);
	background-color: var(--mib-item-drag-button-image-color);
}

.main-buttons-item .main-buttons-item-drag-button::after {
	opacity: var(--mib-item-drag-button-image-opacity);
}

.main-buttons-menu-item .main-buttons-item-edit-button,
.main-buttons-menu-item .main-buttons-item-drag-button {
	display: none;
}

.main-buttons-submenu-item .main-buttons-item-edit-button,
.main-buttons-submenu-item .main-buttons-item-drag-button {
	height: auto;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-buttons-submenu-item .main-buttons-item-edit-button {
	right: 0;
	width: 35px;
}

.main-buttons-submenu-item .main-buttons-item-drag-button {
	right: auto;
	left: 0;
}

.main-buttons-submenu-setting {
	position: relative;
}

.main-buttons-submenu-setting .menu-popup-item-text::before {
	content: '';
	position: relative;
	top: 4px;
	right: 1px;
	display: inline-block;
	height: 18px;
	width: 20px;
	-webkit-mask-image: var(--mib-item-submenu-setting-image);
	mask-image: var(--mib-item-submenu-setting-image);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: left center;
	mask-position: left center;
	-webkit-mask-size: 20px;
	mask-size: 20px;
	background-color: var(--mib-item-submenu-setting-image-color);
	transition: opacity .3s;
}

.main-buttons-submenu-settings-apply .menu-popup-item-text {
	overflow: visible;
}

.main-buttons-submenu-settings-apply .ui-btn-icon-main-buttons-apply {
	--ui-btn-icon: url("data:image/svg+xml,%3Csvg width='13' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.862 9.411a.3.3 0 0 1-.418 0L.446 5.515a.4.4 0 0 1 0-.573l1.002-.977a.4.4 0 0 1 .558 0l2.647 2.58 6.34-6.18a.4.4 0 0 1 .559 0l1.002.977a.4.4 0 0 1 0 .573L4.862 9.41Z' fill='%238AB700'/%3E%3C/svg%3E");
	padding-left: 30px;
	margin-left: -11px;
	margin-top: -3px;
}

.main-buttons-submenu-settings-apply,
.main-buttons-submenu-settings-reset,
.main-buttons-submenu-setting,
.main-buttons-hidden-label {
	-webkit-user-drag: none;
	user-drag: none;
}

.main-buttons-more-menu-popup:not(.main-buttons-edit) .menu-popup-item.main-buttons-submenu-settings-apply {
	display: none;
}

.main-buttons-more-menu-popup.main-buttons-edit .menu-popup-item.main-buttons-submenu-setting {
	display: none;
}

.main-buttons-submenu-item-no-hidden {
	text-align: center;
	padding: 12px 5px;
	opacity: .6;
	cursor: default !important;
}

.main-buttons-submenu-item-no-hidden:hover {
	background: #fff;
}

.main-buttons-submenu-item-no-hidden.--over {
	opacity: 1;
}

.main-buttons-submenu-item-no-hidden .menu-popup-item-text {
	white-space: normal;
	line-height: normal;
}

.menu-popup-item.main-buttons-submenu-item.main-buttons-item-active {
	border-bottom: none !important;
	height: auto !important;
}

.menu-popup-item.main-buttons-submenu-item.main-buttons-item-active .main-buttons-item-text-title {
	color: var(--mib-menu-item-selected);
}

.main-buttons-menu-item-active .menu-popup-item-text {
	color: var(--mib-menu-item-selected) !important;
}

/* region  child button */
.main-buttons-item[data-parent-item-id] .main-buttons-item-edit-button,
.main-buttons-item[data-has-child] .main-buttons-item-edit-button,
.main-buttons-item[data-parent-item-id] .main-buttons-item-drag-button,
.main-buttons-item[data-has-child] .main-buttons-item-drag-button {
	display: none !important;
}

.main-buttons-item-child {
	display: inline-flex;
	position: relative;
}

.main-buttons-item-child[data-is-opened="true"]:not(.main-buttons-item-child-button-cloned) {
}

.main-buttons-item-child-list {
	flex-grow: 1;
	overflow: hidden;
	max-width: 0;
	opacity: 0;
	transition: 200ms max-width ease, 200ms opacity ease;
}

.main-buttons-item-child[data-is-opened="true"] .main-buttons-item-child-list {
	opacity: 1;
}

.main-buttons-item-child-list-inner {
	white-space: nowrap;
}

.main-buttons-item-child[data-is-opened="true"] .main-buttons-item-child-list-inner {
	margin-left: 0;
}

.main-buttons-item-child-button {
	position: absolute;
	width: 26px;
	height: 60px;
	border-right: 1px rgba(82, 92, 105, .35) solid;
	cursor: pointer;
	top: 0;
	right: -35px;
	transition: 200ms border ease;
}

.main-buttons-item-child-button::after {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='6px' height='10px' viewBox='0 0 6 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcons /?\B7?Set 1 / Icon 14%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ui-/-common-/-top-navigation-divider' transform='translate(-91.000000, -25.000000)'%3E%3Crect id='Rectangle-8' x='0' y='0' width='976' height='60'%3E%3C/rect%3E%3Cg id='Icons-/-\B7-Set-1-/-Icon-14' transform='translate(87.000000, 23.000000)' fill='%23525C69'%3E%3Cpolygon id='Icon' points='4.76025178 3.70042132 7.40103151 6.34120105 8.08503572 7 7.40103151 7.6591903 4.76025178 10.29997 5.69210783 11.2318261 9.92370058 7.00023333 5.69210783 2.76864058'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-block;
	content: '';
	position: absolute;
	width: 6px;
	height: 10px;
	top: 53%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.main-buttons-item-child-button:hover {
	border-right: 1px rgba(82, 92, 105, .8) solid;
}

.main-buttons-item-child-button:hover::after {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='6px' height='10px' viewBox='0 0 6 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcons /?\B7?Set 1 / Icon 14%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ui-/-common-/-top-navigation-divider' transform='translate(-91.000000, -25.000000)'%3E%3Crect id='Rectangle-8' x='0' y='0' width='976' height='60'%3E%3C/rect%3E%3Cg id='Icons-/-\B7-Set-1-/-Icon-14' transform='translate(87.000000, 23.000000)' fill='%23333333'%3E%3Cpolygon id='Icon' points='4.76025178 3.70042132 7.40103151 6.34120105 8.08503572 7 7.40103151 7.6591903 4.76025178 10.29997 5.69210783 11.2318261 9.92370058 7.00023333 5.69210783 2.76864058'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

[data-is-opened] .main-buttons-item-child-button::after {
	top: 54%;
	transform: translateY(-50%) translateX(-50%) scale(-1, -1);
}

[data-is-opened] .main-buttons-item-child-button {
	right: -30px;
}

.main-buttons-item-child-button-cloned {
	opacity: 0;
	transition: opacity 200ms ease;
	margin-left: -26px;
	width: 26px;
	transform: translateX(34px);
	z-index: 1;
}

.main-buttons-item-child-button-cloned .main-buttons-item-child-button {
	border-right: none;
	position: relative;
	left: 0;
}

.main-buttons-item-child-button-cloned:hover {
	opacity: .6;
}

/* endregion */

/* End */
/* /local/templates/public/components/bitrix/im.router/air/style.css?176293442261673 */
/* /bitrix/components/bitrix/main.interface.buttons/templates/.default/style.css?175760450133530 */