/* app-spreed-new */ .conversation-icon .avatar.icon { --color-text-maxcontrast-default: #70B62B; } #header .logo { filter: none !important; } body { --color-primary-element-light: #70B62B1A !important; --color-primary-element-light-text:#000 !important; } body#body-public { #content.app-spreed { & .content.app-talk.in-call { margin-top: 64px; height: calc(var(--body-height) - 10px); & .button-vue.button-vue--size-normal.button-vue--tertiary.app-sidebar__toggle.chat-button-sidebar-toggle { margin-top: calc(100vh - 145px) !important; margin-right: 90px !important; } & .main-view { &>.bottom-bar { padding-bottom: 8px !important; } } } } } body#body-public.talk-in-fullscreen { & main#content.app-spreed { margin-top: 0 !important; & .content.app-talk.in-call { margin-top: 4px !important; height: calc(100% - 8px) !important; & .button-vue.button-vue--size-normal.button-vue--tertiary.app-sidebar__toggle.chat-button-sidebar-toggle { margin-top: calc(100vh - 56px) !important; margin-right: 90px !important; } & .button-vue.button-vue--size-normal.button-vue--tertiary.app-sidebar__toggle { margin-top: 3px !important; margin-right: 270px !important; } } } } body#body-public { & main#content.app-spreed { width: 100%; height: 100%; margin: 0 !important; justify-content: center; } & .top-bar-menu { & .material-design-icon.dots-horizontal-icon>svg>path { color: #808080; } } & .button-vue.button-vue--size-normal.button-vue--primary.join-call, .button-vue.button-vue--size-normal.button-vue--success.join-call { height: 36px; border: none; background-color: #70B62B; width: 168px; & .button-vue__text { font-size: 14px; font-weight: 500; margin-bottom: 0; padding: 0; } & span.material-design-icon.phone-icon>svg { display: none; } & span.material-design-icon.phone-icon::before { background-image: url("/themes/forbion/images/spreed/call-icon-white.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block } } & .avatar.icon.icon-public {} & .right-panel { display: none; } & .button-vue.button-vue--size-normal.button-vue--error.leave-call { background-color: #CA443F !important; border: none; padding-inline: 0 !important; padding-inline-start: 12px; & .material-design-icon.phone-hangup-outline-icon>svg { display: none; } & .button-vue__text { display: none; } & .material-design-icon.phone-hangup-outline-icon::before { background-image: url("/themes/forbion/images/spreed/call-leave-white.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; } } } body { --margin-right-toggle-chat: 147px !important; --margin-top-togglr-chat-full: calc(100vh - 46px) !important; --margin-top-togglr-chat: calc(100vh - 63px) !important; --color-primary-element: #70B62B !important; --color-primary-element-hover: #6faf2e !important; --color-primary-element-light-hover: rgba(128, 128, 128, 0.1) !important; --color-primary-element-light-text: #808080 !important; --color-primary-light: #F5F5F5 !important; --color-background-hover: rgba(128, 128, 128, 0.1) !important; --sidebar-pad: 0px; --vs-border-width: 1px solid #E6E6E6; --color-main-text: #000 !important; } body ul.vs__dropdown-menu { color: #000000 !important; padding: 10px 10px 15px !important; border-bottom: 1px solid #E6E6E6 !important; border-right: 1px solid #E6E6E6 !important; border-left: 1px solid #E6E6E6 !important; } body#body-user.talk-in-fullscreen .content.app-talk.in-call { & .button-vue.button-vue--size-normal.button-vue--tertiary.app-sidebar__toggle.chat-button-sidebar-toggle { margin-top: var(--margin-top-togglr-chat); margin-right: var(--margin-right-toggle-chat); } } body.talk-in-fullscreen { & #content { margin: 0 !important; width: 100% !important; } & #content-vue { height: 100% !important; max-height: max-content !important; & .app-navigation-toggle-wrapper { margin-top: calc(100vh - 67px) !important; } } } & #settings-section_keyboard-shortcuts--label { display: none; } #content.app-spreed { & #content-vue { gap: 0 !important; } & #app-content-vue { overflow-x: hidden; border-radius: 8px; margin-left: var(--main-margin-panels) !important; } & .app-talk { & .button-vue:focus-visible { outline: 1px solid #E6E6E6 !important; box-shadow: 0 0 0 2px var(--color-main-background) !important; } & .span { font-family: Raleway !important; font-weight: 400 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 0; } & .app-navigation { & div.app-navigation-toggle-wrapper { & button.button-vue.app-navigation-toggle { & span.icon-vue>svg { display: none; } & span.icon-vue::before { background-image: url("/themes/forbion/images/spreed/close-sidebar-gray.svg") !important; content: ''; width: 25px; height: 35px; background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; } } & button.button-vue.app-navigation-toggle[aria-expanded="false"] { & span.icon-vue::before { transform: rotateY(-180deg); } } & button.button-vue.app-navigation-toggle { background-color: transparent; } & .talk-dashboard__menu { position: relative; } } & .wrapper-buttons-new { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; &>div.v-popper.v-popper--theme-nc-popover-9 { width: 184px; height: 36px; &>button { width: 100%; height: 36px; & .button-vue__wrapper { justify-content: space-around; } & .button-vue__text { font-size: 14px; font-weight: 500; } } } & .action-item.action-item--default-popover.action-item--secondary.filters { & .button-vue.button-vue--size-normal.button-vue--secondary.action-item__menutoggle { & span.material-design-icon.filter-outline-icon>svg { display: none; } & span.material-design-icon.filter-outline-icon::before { background-image: url("/themes/forbion/images/spreed/filter-gray.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; } } } & .action-item.action-item--default-popover.action-item--tertiary { width: 32px; height: 36px; border-radius: 8px; background-color: #fff; & span.material-design-icon.filter-outline-icon>svg { display: none; } & span.material-design-icon.filter-outline-icon::before { background-image: url("/themes/forbion/images/spreed/filter-gray.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; } & span.material-design-icon.chat-plus-outline-icon>svg { display: none; } & span.material-design-icon.chat-plus-outline-icon::before { background-image: url("/themes/forbion/images/spreed/reload-icon-gray.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; } } } & .app-navigation__search { & .app-navigation-caption.navigation-caption { background-color: white; margin-inline-start: 0px; margin-block: 5px !important; } & .new-conversation { margin: 0 !important; &>.conversations-search { /* if be button "Начать встречу" will add*/ /*flex-grow: 1; */ height: 40px !important; background-color: var(--color-main-background-blur) !important; border-radius: 8px; & .input-field__main-wrapper { height: 100% !important; & input.input-field__input { height: 100% !important; border: none; box-shadow: none; background-color: #fff; } & .input-field__icon.input-field__icon--leading { & svg.material-design-icon__svg { width: 18px; height: 18px; } } } } & .action-item.action-item--default-popover.action-item--secondary.filters { & .button-vue.button-vue--size-normal.button-vue--secondary.action-item__menutoggle { & span.material-design-icon.filter-outline-icon>svg { display: none; } & span.material-design-icon.filter-outline-icon::before { background-image: url("/themes/forbion/images/spreed/filter-gray.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; } } } & .action-item.action-item--default-popover.action-item--tertiary { width: 32px; height: 40px; border-radius: 8px; background-color: #fff; display: flex; align-items: center; justify-content: center; & span.material-design-icon.filter-outline-icon>svg { display: none; } & span.material-design-icon.filter-outline-icon::before { background-image: url("/themes/forbion/images/spreed/filter-gray.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; } & span.material-design-icon.chat-plus-outline-icon>svg { display: none; } & span.material-design-icon.chat-plus-outline-icon::before { background-image: url("/themes/forbion/images/spreed/reload-icon-gray.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; } } } & #nc-vue-4.app-navigation-entry-wrapper.navigation-item { border-radius: 8px 8px 0px 0px; } & .app-navigation-entry-wrapper.navigation-item { padding-inline: 0; height: 44px; margin-block: 0; /*padding-block: 4px;*/ background-color: #fff; border-radius:8px; & .app-navigation-entry { min-height: 44px !important; & .app-navigation-entry-link { align-items: center; } } & .app-navigation-entry.active { & span.material-design-icon.home-outline-icon::before { background-image: url("/themes/forbion/images/spreed/home-icon-white.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; } } & .app-navigation-entry__name { padding: 0; } & span.material-design-icon.forum-outline-icon>svg, span.material-design-icon.home-outline-icon>svg { display: none; } & span.material-design-icon.forum-outline-icon::before { background-image: url("/themes/forbion/images/spreed/men-icon-gray.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; } & span.material-design-icon.home-outline-icon::before { background-image: url("/themes/forbion/images/spreed/home-icon-gray.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; } } } & .transition-group.conversations__filters { margin: 2.5px 8px; } & .app-navigation-list { background-color: #fff; & .scroller { & ul { & .avatardiv__user-status.avatardiv__user-status--icon { bottom: -6px; } & .list-item-content__main { color: #000; & .list-item-content__name { font-size: 14px; } & .list-item-content__subname { font-size: 12px; font-weight: 400; } } & li.list-item__wrapper.conversation[title="Давайте начнём!"] { & .conversation-icon.conversation-icon--bright { width: 25px; height: 25px; } & .conversation-icon.conversation-icon--bright>img { display: none; } & .conversation-icon.conversation-icon--bright::before { background-image: url("/themes/forbion/images/spreed/chat-avatar-member-icon.svg") !important; content: ''; width: 25px; height: 25px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block } & .overlap-icon { display: none; } } & li.list-item__wrapper.conversation[title='Личные заметки'] { & .conversation-icon.conversation-icon--bright { width: 25px; height: 25px; } & .conversation-icon.conversation-icon--bright>img { display: none; } & .conversation-icon.conversation-icon--bright::before { background-image: url("/themes/forbion/images/spreed/notes-icon-color.svg") !important; content: ''; width: 25px; height: 25px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block } & .overlap-icon { display: none; } } & li.list-item__wrapper.conversation[title='Обновления приложения «Конференции» ✅'] { & .conversation-icon.conversation-icon--bright { width: 25px; height: 25px; } & .conversation-icon.conversation-icon--bright>img { display: none; } & .conversation-icon.conversation-icon--bright::before { background-image: url("/themes/forbion/images/spreed/update-icon-color.svg") !important; content: ''; width: 25px; height: 25px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block } & .overlap-icon { display: none; } } & .list-item__wrapper.conversation { & .conversation-icon.conversation-icon--bright, .avatardiv.popovermenu-wrapper.conversation-icon__avatar, .avatar.icon.icon-public { width: 25px; height: 25px; & img { width: 25px; height: 25px; } } & .material-design-icon.dots-horizontal-icon>svg { display: none; } & .overlap-icon { display: none; & .material-design-icon.video-icon { right: 8px; } & .material-design-icon.video-icon>svg { margin-top: 10px; width: 16px; height: 16px; & path { fill: #CA443F; } } } & span.material-design-icon.dots-horizontal-icon::before { background-image: url("/themes/forbion/images/spreed/dots-icon-gray.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } } } } } & .left-sidebar__settings-button-container { background-color: #fff; border-radius: 0 0 8px 8px; padding: 0; & .button-vue__wrapper { justify-content: start; & .button-vue__text { font-size: 14px; font-weight: 400 !important; margin: 0; padding: 0; } & span.material-design-icon.cog-outline-icon>svg { display: none; } & span.material-design-icon.cog-outline-icon::before { background-image: url("/themes/forbion/images/spreed/settings-app-gray.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block } } } } & #app-content-vue { & .material-design-icon.account-multiple-plus-outline-icon svg path { color: #808080; } & .talk-dashboard-wrapper { background-color: #fff; padding: 8px; margin: 0; width: 100%; max-width: 100%; max-height: 100%; height: 100%; & .talk-dashboard__actions { padding: 0; & .button-vue__text { font-size: 14px; font-weight: 500; } & .material-design-icon.video-outline-icon>svg, .material-design-icon.plus-icon>svg, .material-design-icon.format-list-bulleted-icon>svg, .material-design-icon.microphone-outline-icon>svg { display: none; } & .material-design-icon.video-outline-icon::before { background-image: url("/themes/forbion/images/spreed/cam-video-white.svg") !important; content: ''; width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat; background-position: center; } & .material-design-icon.plus-icon::before { background-image: url("/themes/forbion/images/spreed/plus-gray.svg") !important; content: ''; width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat; background-position: center; } & .material-design-icon.format-list-bulleted-icon::before { background-image: url("/themes/forbion/images/spreed/list-item-icon-gray.svg") !important; content: ''; width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat; background-position: center; } & .material-design-icon.microphone-outline-icon::before { background-image: url("/themes/forbion/images/spreed/micro-icon-gray.svg") !important; content: ''; width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat; background-position: center; } } & .talk-dashboard__header { padding-left: 60px; margin: 0 auto 5px !important; } & .talk-dashboard__menu { margin-bottom: 12px !important; } & .talk-dashboard__items { & .dashboard-section__bar.image-container { flex: 0 0 16vw !important; } & .event-section { margin-bottom: 12px; & .dashboard-section.dashboard-section--wide.event-section--empty { height: 16vw !important; & .dashboard-section__bar.image-container>img { display: none; } & .dashboard-section__bar.image-container::before { content: ''; display: block; width: 100%; height: 100%; background-image: url('/themes/forbion/images/spreed/event_banner.svg'); background-size: cover; background-repeat: no-repeat; background-position: center; } } & .dashboard-section__action { & .button-vue__wrapper { height: 36px; width: 182px; & .button-vue__text { font-size: 14px; font-weight: 500; margin: 0; padding: 0; } & .material-design-icon.calendar-blank-outline-icon>svg { display: none; } & .material-design-icon.calendar-blank-outline-icon::before { background-image: url("/themes/forbion/images/spreed/calendar-icon-gray.svg") !important; content: ''; width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat; background-position: center; } } } } & .talk-dashboard__chats { gap: 12px !important; & .talk-dashboard__unread-mentions, .talk-dashboard__upcoming-reminders { max-height: 100%; & .dashboard-section__content { justify-content: center; } } & .dashboard-section__bar.image-container>img { display: none; } & .talk-dashboard__unread-mentions { & .dashboard-section__bar.image-container::before { content: ''; display: block; width: 100%; height: 100%; background-image: url('/themes/forbion/images/spreed/unread-mentions.svg'); background-size: cover; background-repeat: no-repeat; background-position: center; } } & .talk-dashboard__upcoming-reminders { & .dashboard-section__bar.image-container::before { content: ''; display: block; width: 100%; height: 100%; background-image: url('/themes/forbion/images/spreed/upcoming-reminders.svg'); background-size: cover; background-repeat: no-repeat; background-position: center; } } } } } } & .main-view { background-color: #fff; padding: 5px; border-radius: 8px; margin: 0; width: 100%; max-width: 100%; max-height: 100%; & .top-bar.top-bar--authorised { min-height: auto; padding: 0; border-width: 0; padding-top: 2px; & .button-vue.button-vue--size-normal.button-vue--tertiary.top-bar__participants-button, .v-popper.v-popper--theme-nc-popover-9.call-time { display: none; } & .top-bar__icon-wrapper[aria-label='Настройки обсуждения'] { & .conversation-icon.conversation-icon--bright:has(> img[alt="Личные заметки"]) img, .conversation-icon.conversation-icon--bright:has(> img[alt="Личные заметки"]) .overlap-icon, .conversation-icon.conversation-icon--bright:has(> img[alt="Обновления приложения «Конференции» ✅"]) img, .conversation-icon.conversation-icon--bright:has(> img[alt="Давайте начнём!"]) img { display: none; } & .conversation-icon.conversation-icon--bright:has(> img[alt="Давайте начнём!"])::before { background-image: url("/themes/forbion/images/spreed/chat-avatar-member-icon.svg") !important; content: ''; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } & .conversation-icon.conversation-icon--bright:has(> img[alt="Личные заметки"])::before { background-image: url("/themes/forbion/images/spreed/notes-icon-color.svg") !important; content: ''; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } & .conversation-icon.conversation-icon--bright:has(> img[alt="Обновления приложения «Конференции» ✅"])::before { background-image: url("/themes/forbion/images/spreed/update-icon-color.svg") !important; content: ''; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } /* & .conversation-icon.conversation-icon--bright::before { background-image: url("/themes/forbion/images/spreed/chat-avatar-member-icon.svg"); content: ''; width: 25px; height: 25px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; }*/ } & .top-bar__wrapper { & .top-bar-menu { & .material-design-icon.dots-horizontal-icon { /*margin-bottom: 10px; margin-right: 100px;*/ } & .material-design-icon.dots-horizontal-icon>svg { display: none; } & .material-design-icon.dots-horizontal-icon::before { background-image: url("/themes/forbion/images/spreed/dots-icon-gray.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block } } & .v-popper.v-popper--theme-nc-popover-9 { & .button-vue.button-vue--size-normal.button-vue--secondary.upcoming-meeting[aria-label="Предстоящие встречи"] { background-color: transparent !important; border: none; & .material-design-icon.calendar-blank-outline-icon>svg { display: none; } & .material-design-icon.calendar-blank-outline-icon::before { background-image: url("/themes/forbion/images/spreed/event-calendar-gray.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block } } } & .button-vue.button-vue--size-normal.button-vue--primary.join-call, .button-vue.button-vue--size-normal.button-vue--success.join-call { height: 36px; border: none; background-color: #70B62B; width: 168px; & .button-vue__text { font-size: 14px; font-weight: 500; margin-bottom: 0; padding: 0; } & span.material-design-icon.phone-icon>svg { display: none; } & span.material-design-icon.phone-icon::before { background-image: url("/themes/forbion/images/spreed/call-icon-white.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block } } } } & .chatView { & .button-vue.button-vue--size-normal.button-vue--success.join-call { height: 36px; border: none; background-color: #70B62B; & .button-vue__text { font-size: 14px; font-weight: 500; margin-bottom: 0; padding: 0; } & span.material-design-icon.phone-icon>svg { display: none; } & span.material-design-icon.phone-icon::before { background-image: url("/themes/forbion/images/spreed/call-icon-white.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block } } & div.wrapper[role='region'] { padding-inline: 0; padding-bottom: 0; padding-top: 16px; & form.new-message-form { height: 36px; align-items: center !important; & .new-message-form__input { height: 100%; & .rich-contenteditable { height: 100%; & .rich-contenteditable__input { border: 1px solid #000000 !important; border-radius: 23px; } & .rich-contenteditable__input--empty.rich-contenteditable__input { border: 1px solid #E0E0E0 !important; border-radius: 23px; font-size: 12px; } } & .new-message-form__emoji-picker { margin-bottom: 3px; & .material-design-icon.emoticon-outline-icon>svg { display: none; } & .material-design-icon.emoticon-outline-icon::before { background-image: url("/themes/forbion/images/spreed/smile-icon-black.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; /*margin-bottom: 6px; margin-left: 4px;*/ } } } & .action-item.action-item--default-popover.action-item--tertiary, .audio-recorder { & .material-design-icon.plus-icon>svg, .material-design-icon.microphone-outline-icon>svg { display: none; } & .material-design-icon.plus-icon::before, .material-design-icon.microphone-outline-icon::before { content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } & .material-design-icon.plus-icon::before { background-image: url("/themes/forbion/images/spreed/plus-icon-black.svg") !important; } & .material-design-icon.microphone-outline-icon::before { background-image: url("/themes/forbion/images/spreed/micro-icon-black.svg") !important; } } } } } } & #app-sidebar-vue { border-radius: 8px; margin-left: 4.5px; & .app-sidebar-tabs__nav { & #tab-button-chat .material-design-icon, #tab-button-chat svg { display: none !important; } & #tab-button-chat>span:has(.material-design-icon)::before { content: ''; display: block; width: 20px; height: 20px; background-image: url('/themes/forbion/images/right-sidebar/chats-icon-black.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } & #tab-button-participants .material-design-icon, #tab-button-participants svg { display: none !important; } & #tab-button-participants>span:has(.material-design-icon)::before { content: ''; display: block; width: 20px; height: 20px; background-image: url('/themes/forbion/images/right-sidebar/people-icon-black.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } & #tab-button-shared-items .icon-vue, #tab-button-shared-items svg { display: none !important; } & #tab-button-shared-items>span:has(.icon-vue)::before { content: ''; display: block; width: 20px; height: 20px; background-image: url('/themes/forbion/images/right-sidebar/folder-icon-black.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } } & header.app-sidebar-header { & .content__header.animated { pointer-events: none; } & .content__scroller.animated { align-items: center; & .content__image-wrapper.animated { width: 52px; height: 52px; margin: 16px; padding: 0px !important; pointer-events: none; } & .content__image-wrapper.animated>img { opacity: 1; } & .content__header h2 { max-width: 80%; } } & .content__scroller.animated:has(.content__header h2[title="Давайте начнём!"]) { & .content__image-wrapper.animated::before { background-image: url("/themes/forbion/images/spreed/chat-avatar-member-icon.svg") !important; content: ''; width: 52px; height: 52px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } } & .content__scroller.animated:has(.content__header h2[title="Обновления приложения «Конференции» ✅"]) { & .content__image-wrapper.animated::before { background-image: url("/themes/forbion/images/spreed/update-icon-color.svg") !important; content: ''; width: 52px; height: 52px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } } & .content__scroller.animated:has(.content__header h2[title="Личные заметки"]) { & .content__image-wrapper.animated::before { background-image: url("/themes/forbion/images/spreed/notes-icon-color.svg") !important; content: ''; width: 52px; height: 52px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } } & .button-vue.button-vue--size-normal.button-vue--tertiary.app-sidebar__close>svg { & span.material-design-icon.close-icon>svg { display: none; } & span.material-design-icon.close-icon::before { background-image: url("/themes/forbion/images/spreed/close-icon-black.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } } & .content.content--preview { & .content__name.content__name--has-actions { padding-top: 16px; /*padding-left: 16px;*/ font-size: 18px; } & .content__image-wrapper.animated { transition: none !important; transition-property: none !important; overflow: visible; } & .content__image-wrapper.animated::after { display: none; } } & .content.content--compact { & .content__actions { & .button-vue.button-vue--size-normal.button-vue--tertiary { padding: 0; & .material-design-icon.magnify-icon>svg { display: none; } & .material-design-icon.magnify-icon::before { background-image: url("/themes/forbion/images/spreed/search-icon-black.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } } } & .content__name.content__name--has-actions { padding-top: 16px; /*padding-left: 16px;*/ font-size: 18px; } } } & .app-sidebar-tabs { & .empty-content.shared-items-tab__empty-content { & .empty-content__icon { & .icon-vue svg { display: none; } & .icon-vue>span::before { background-image: url("/themes/forbion/images/files/shared-icon-colored.svg") !important; content: ""; width: 64px; height: 64px; background-size: contain; background-repeat: no-repeat; background-position: center; display:block; } } } & span.checkbox-content__icon.checkbox-radio-switch__icon>.icon-vue.icon-vue--inline>span>svg { display: none; } /* & span.material-design-icon.account-multiple-outline-icon::before { background-image: url("/themes/forbion/images/spreed/participants-icon-black.svg") !important; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; }*/ & .app-sidebar-tabs__content.app-sidebar-tabs__content--multiple { & .wrapper { margin-top: 20px; & .search-form { border: none; & .input-field.input-field--label-outside.input-field--leading-icon.search-box.search-form__input { height: 37px; & .input-field__main-wrapper { height: 100% !important; & .input-field__input { box-shadow: none; border-radius: 8px; border: 1px solid #E6E6E6; } } } } & .vue-recycle-scroller__item-wrapper { & .avatar-wrapper { width: 25px; height: 25px; margin: 8px; & .avatardiv.popovermenu-wrapper, .avatar.icon.icon-contacts { width: 25px; height: 25px; background-color: var(--color-primary-element) !important; } & .avatar.guest { width: 25px; height: 25px; font-size: 13px; line-height: 25px; } /* & .avatardiv.popovermenu-wrapper>img, .avatar.icon.icon-contacts { display: none; } & .avatardiv.popovermenu-wrapper::before { background-image: url("/themes/forbion/images/spreed/circle-icon-gray.svg") !important; content: ''; width: 25px; height: 25px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; }*/ } /* & .avatar-wrapper:has(.avatar.icon.icon-contacts)::before { background-image: url("/themes/forbion/images/spreed/circle-icon-gray.svg") !important; content: ''; width: 25px; height: 25px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } */ & .avatar-wrapper:has(.avatar.icon.icon-contacts) { background-color: #70B62B !important; } } } } & .app-sidebar-tabs__content { & #tab-search-messages { & .search-messages-tab { & .search-form__main { & .input-field__main-wrapper { height: 36px !important; & .input-field__input { box-shadow: none; border: 1px solid #E0E0E0 !important; } } & .button-vue.button-vue--size-normal.button-vue--tertiary-no-background.button-vue--tertiary { & .material-design-icon.filter-outline-icon>svg { display: none; } & .material-design-icon.filter-outline-icon::before { background-image: url("/themes/forbion/images/spreed/filter-gray.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } } & .button-vue.button-vue--size-normal.button-vue--primary { & .material-design-icon.filter-outline-icon>svg { display: none; } & .material-design-icon.filter-outline-icon::before { background-image: url("/themes/forbion/images/spreed/filter-white.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } } } } } } } } & .button-vue.button-vue--size-normal.button-vue--tertiary.app-sidebar__toggle { margin-top: 2px; margin-right: 168px; & span.button-vue__icon { & .material-design-icon.dock-right-icon>svg { display: none; } & .material-design-icon.dock-right-icon::before { background-image: url("/themes/forbion/images/spreed/dots-icon-gray.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } } } } & .content.app-talk.in-call { & .button-vue.button-vue--size-normal.button-vue--tertiary.app-sidebar__toggle.chat-button-sidebar-toggle { margin-top: var(--margin-top-togglr-chat); margin-right: var(--margin-right-toggle-chat); & svg path { color: #808080; } } & .button-vue.button-vue--size-normal.button-vue--tertiary.app-sidebar__toggle.chat-button-sidebar-toggle:hover { background-color: #808080; & svg path { color: #ffffff; } } & .app-navigation { & .app-navigation-toggle-wrapper { margin-top: calc(100vh - 70px); &>button { background-color: transparent; } & .button-vue.app-navigation-toggle { width: 40px; height: 40px; margin-right: 4px; } & span.icon-vue::before { width: 40px; height: 40px; } } } & #app-content-vue { & .main-view { overflow: hidden; padding-right: 5px; padding-top: 0px; & .top-bar.top-bar--in-call { top: auto; width: 100%; & .top-bar__wrapper {} } & #call-container { background-color: #fff; position: relative; & .empty-call-view { & h2, p { color: #808080; } &>button { background-color: #70B62B1A; color: #808080; border: none; } & .empty-call-view__icon.material-design-icon.link-icon.empty-call-view__icon>svg>path, .empty-call-view__icon.material-design-icon.account-multiple-outline-icon.empty-call-view__icon>svg>path { color: #808080; } } & #videos { padding-inline: 0; height: calc(100% - var(--bottom-bar-height)); top: 5px; & .video-container.speaking[data-v-3113a503]:after, .speaking[data-v-eb880132]:after { content:""; box-shadow: inset 0 0 0 2px #70B62B; } .avatardiv img { display: block !important; } & .avatar-wrapper, .avatardiv, .avatar { width: calc(var(--avatar-size) + (var(--avatar-size) / 100 * 25)) !important; height: calc(var(--avatar-size) + (var(--avatar-size) / 100 * 25)) !important; max-width: calc(var(--avatar-size) + (var(--avatar-size) / 100 * 25)) !important; max-height: calc(var(--avatar-size) + (var(--avatar-size) / 100 * 25)) !important; font-size: calc((var(--avatar-size) + (var(--avatar-size) / 100 * 25)) / 2); ; line-height: calc(var(--avatar-size) + (var(--avatar-size) / 100 * 25)); } & .stripe-wrapper .grid.stripe { padding: 5px 5px 0px 0px !important; } & .localVideoContainer.video-container-stripe { margin-top: 5px !important; } & .video__promoted.full-page { &>div { width: 100%; } } & .participant-name { font-size: 24px; font-weight: 700; color: #666666; filter: none; } & .transition-group.media-indicators { & .icon-vue svg path { color: #808080; } } & .video-background { background-color: #70B62B1A !important; } } &>.bottom-bar { padding-bottom: 0px; & .my-call-toolbar-wrapper { width: 100%; display: flex; align-items: center; justify-content: space-between; & .middle-panel { display: flex; align-items: center; & button.leave-call { width: 45px !important; height: 45px !important; margin-left: 4px; } & .bottom-bar-call-controls, .action-items.action-item--error.leave-call, .action-items.action-item--tertiary.leave-call { & button.button-vue { width: 45px !important; height: 45px !important; & .material-design-icon::before svg path { color: #F5F5F5; } } } & .action-items.action-item--error.leave-call, .action-items.action-item--tertiary.leave-call { margin-left: 4px; } } & .right-panel { display: flex; align-items: center; & button[title="Начало записи"] .button-vue__icon{ margin-right: 40px; margin-top: 4px; } & .v-popper.v-popper--theme-nc-popover-9.call-time { &>button { color: #808080 !important; background-color: transparent; padding-inline: 0; } } & .button-vue.button-vue--size-normal.button-vue--tertiary.top-bar__participants-button { color: #808080 !important; background-color: transparent; } & .button-vue.button-vue--size-normal.button-vue--tertiary.action-item__menutoggle { background-color: transparent; & .material-design-icon.dots-horizontal-icon>svg { & path { color: #808080; } } } } & .left-panel { display: flex; align-items: center; margin-left: 30px; & .conversation-header { width: auto; & .conversation-header__text { color: #000 !important; } } & .top-bar__icon-wrapper[aria-label='Настройки обсуждения'] { & .conversation-icon.conversation-icon--bright { width: 40px; height: 40px; } & .conversation-icon.conversation-icon--bright>img, .overlap-icon, .avatar.icon.icon-public { display: none; } & .conversation-icon.conversation-icon--bright::before { background-image: url("/themes/forbion/images/spreed/chat-avatar-member-icon.svg"); content: ''; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } } } } & .transition-group.media-indicators { &>button { display: none; } } & .button-vue.button-vue--size-normal.button-vue--tertiary[aria-label="Select virtual background"], .button-vue.button-vue--size-normal.button-vue--tertiary[aria-label="Выбрать виртуальный фон"] { & .icon-vue>span>svg { display: none; } & .icon-vue>span::before { background-image: url("/themes/forbion/images/spreed/add-background-white.svg") !important; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; display: block; } } & .action-items.action-item--error.leave-call.leave-call-actions--split, .action-items.action-item--tertiary.leave-call.leave-call-actions--split { & .material-design-icon.phone-hangup-outline-icon>svg { display: none; } & .button-vue__text { display: none; } &>button { background-color: #CA443F !important; border: none; } & .action-item { & button { background-color: #CA443F !important; border: none; } & .material-design-icon.chevron-up-icon>svg { display: none; } & .material-design-icon.chevron-up-icon::before { background-image: url("/themes/forbion/images/spreed/chevron-up-icon-white.svg") !important; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } } & .material-design-icon.phone-hangup-outline-icon::before { background-image: url("/themes/forbion/images/spreed/call-leave-white.svg") !important; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } } & .button-vue.button-vue--size-normal.button-vue--error.leave-call, .button-vue.button-vue--tertiary.leave-call { background-color: #CA443F !important; border: none; padding-left: 12px; & .material-design-icon.phone-hangup-outline-icon>svg { display: none; } & .button-vue__text { display: none; } & .action-item { & button { background-color: #CA443F !important; border: none; } & .material-design-icon.chevron-up-icon>svg { display: none; } & .material-design-icon.chevron-up-icon::before { background-image: url("/themes/forbion/images/spreed/chevron-up-icon-white.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; } } & .material-design-icon.phone-hangup-outline-icon::before { background-image: url("/themes/forbion/images/spreed/call-leave-white.svg") !important; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } & .button-vue.button-vue--size-normal.button-vue--tertiary[aria-label='Выбрать виртуальный фон'] { & .icon-vue>span::before { background-image: url("/themes/forbion/images/spreed/add-background-gray.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: block; } } } & .button-vue.button-vue--size-normal.button-vue--error.leave-call-button--split, .button-vue.button-vue--size-normal.button-vue--tertiary.leave-call-button--split { padding-inline-start: 12px; } & .button-vue.button-vue--size-normal.button-vue--tertiary, .button-vue.button-vue--size-normal.button-vue--secondary, .button-vue.button-vue--size-normal.button-vue--error.action-item__menutoggle { background-color: #808080; border: none !important; & .material-design-icon.fullscreen-exit-icon>svg { display: none; } } & .bottom-bar-call-controls { & .material-design-icon.microphone-icon>svg path, .icon-vue.icon-vue--inline>span>svg path { color: #ffffff; } & .material-design-icon.fullscreen-icon>svg, .material-design-icon.view-gallery-outline-icon>svg, .material-design-icon.chevron-up-icon>svg, /*.icon-vue.icon-vue--inline>span>svg,*/ .material-design-icon.video-off-outline-icon>svg, /*.material-design-icon.microphone-icon>svg,*/ .material-design-icon.video-icon>svg, .material-design-icon.monitor-share-icon>svg, .material-design-icon.emoticon-outline-icon>svg, .material-design-icon.hand-back-left-outline-icon>svg, .material-design-icon.fullscreen-exit-icon>svg, .material-design-icon.view-grid-outline-icon>svg, .material-design-icon.monitor-off-icon>svg { display: none; } & .material-design-icon.monitor-off-icon::before { background-image: url("/themes/forbion/images/spreed/deconstration-icon-white.svg") !important; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } & .material-design-icon.video-icon::before { background-image: url("/themes/forbion/images/spreed/webcam-white-on.svg") !important; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } & .material-design-icon.fullscreen-icon::before { background-image: url("/themes/forbion/images/spreed/fullsceen-white-icon.svg") !important; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } & .material-design-icon.chevron-up-icon::before { background-image: url("/themes/forbion/images/spreed/chevron-up-icon-white.svg") !important; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } & .material-design-icon.fullscreen-exit-icon { background-image: url("/themes/forbion/images/spreed/fullscreen-exit-white.svg") !important; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } & .material-design-icon.monitor-share-icon::before { background-image: url("/themes/forbion/images/spreed/deconstration-icon-white.svg") !important; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } & .material-design-icon.emoticon-outline-icon::before { background-image: url("/themes/forbion/images/spreed/smile-icon-white.svg") !important; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } & .material-design-icon.hand-back-left-outline-icon::before { background-image: url("/themes/forbion/images/spreed/hand-icon-white.svg") !important; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } & .material-design-icon.view-grid-outline-icon::before { background-image: url("/themes/forbion/images/spreed/gallery-grid-white.svg") !important; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } & .material-design-icon.view-gallery-outline-icon::before { background-image: url("/themes/forbion/images/spreed/gallery-grid-white.svg") !important; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } & .material-design-icon.chevron-up-icon::before { background-image: url("/themes/forbion/images/spreed/chevron-up-icon-white.svg") !important; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } /* & .volume-indicator.volume-indicator-primary { & .icon-vue.icon-vue--inline { &>span::before { background-image: url("/themes/forbion/images/spreed/micro-off-gray.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: block; margin-top: 2px; } } }*/ /* & .material-design-icon.microphone-icon::before { background-image: url("/themes/forbion/images/spreed/micro-icon-gray.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; }*/ & .material-design-icon.video-off-outline-icon::before { background-image: url("/themes/forbion/images/spreed/webcam-off-white.svg") !important; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } & .material-design-icon.hand-back-left-icon svg { width: 20px; height: 20px; & path { color: #70B62B; } } } } } } } & #app-sidebar-vue { & .app-sidebar-header { & .app-sidebar-header__description { display: none; } } & .chatView { & div.wrapper[role='region'] { padding-inline: 0; margin-top: 8px; & form.new-message-form { height: 36px; align-items: center !important; & .new-message-form__input { height: 100%; & .rich-contenteditable { height: 100%; & .rich-contenteditable__input { border: 1px solid #000000 !important; border-radius: 23px; } & .rich-contenteditable__input--empty.rich-contenteditable__input { border: 1px solid #E0E0E0 !important; border-radius: 23px; font-size: 12px; } } & .new-message-form__emoji-picker { margin-bottom: 3px; & .material-design-icon.emoticon-outline-icon>svg { display: none; } & .material-design-icon.emoticon-outline-icon::before { background-image: url("/themes/forbion/images/spreed/smile-icon-black.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; /*margin-bottom: 6px; margin-left: 4px;*/ } } } & .action-item.action-item--default-popover.action-item--tertiary, .audio-recorder { & .material-design-icon.plus-icon>svg, .material-design-icon.microphone-outline-icon>svg { display: none; } & .material-design-icon.plus-icon::before, .material-design-icon.microphone-outline-icon::before { content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } & .material-design-icon.plus-icon::before { background-image: url("/themes/forbion/images/spreed/plus-icon-black.svg") !important; } & .material-design-icon.microphone-outline-icon::before { background-image: url("/themes/forbion/images/spreed/micro-icon-black.svg") !important; } } } } } } } } body>.v-popper__popper { & #nc-vue-2 { & .action-button__longtext-wrapper { font-size: 14px; } &>.app-navigation-caption { display: none; } & span.material-design-icon.at-icon>svg, span.material-design-icon.message-badge-outline-icon>svg, span.material-design-icon.calendar-blank-outline-icon>svg { display: none; } & span.material-design-icon.at-icon::before { background-image: url("/themes/forbion/images/spreed/at-icon-black.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } & span.material-design-icon.message-badge-outline-icon::before { background-image: url("/themes/forbion/images/spreed/message-icon-new-black.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } & span.material-design-icon.calendar-blank-outline-icon::before { background-image: url("/themes/forbion/images/spreed/calendar-icon-black.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } } & #nc-vue-3 { /* width: 326px;*/ & .action-button__longtext-wrapper { font-size: 14px; max-width: 100% !important; width: 100% !important; & .action-button__longtext { width: 100% !important; max-width: 100% !important; } } & span.material-design-icon.plus-icon>svg, span.material-design-icon.format-list-bulleted-icon>svg { display: none; } & span.material-design-icon.plus-icon::before { background-image: url("/themes/forbion/images/spreed/plus-icon-black.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } & span.material-design-icon.format-list-bulleted-icon::before { background-image: url("/themes/forbion/images/spreed/dots-with-lines-icon-black.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } } & #nc-vue-180, #nc-vue-10 { & .action-button__longtext-wrapper { font-size: 14px; } & span.material-design-icon.fullscreen-icon>svg, span.material-design-icon.cog-outline-icon>svg { display: none; } & span.material-design-icon.fullscreen-icon { background-image: url("/themes/forbion/images/spreed/fullscreen-icon-black.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; margin: 10px; } & span.material-design-icon.cog-outline-icon { background-image: url("/themes/forbion/images/spreed/setting-app-black.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; margin: 10px; } } & .material-design-icon.phone-off-outline-icon>svg { display: none; } & .material-design-icon.phone-off-outline-icon::before { background-image: url("/themes/forbion/images/spreed/call-off-black.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; } } body .modal-wrapper.modal-wrapper--large { & button.button-vue.button-vue--size-normal.button-vue--success.join-call.action-button { height: 36px; border: none; background-color: #70B62B; & .button-vue__text { font-size: 14px; font-weight: 500; margin-bottom: 0; padding: 0; } & span.material-design-icon.phone-icon>svg { display: none; } & span.material-design-icon.phone-icon::before { background-image: url("/themes/forbion/images/spreed/call-icon-white.svg") !important; content: ''; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block } } } body .modal-mask.new-group-conversation { & .modal-wrapper--normal { & .modal-container__content { padding: 16px 25px; & .new-group-conversation__content { & .input-field__main-wrapper { & input.input-field__input { box-shadow: none; border: 1px solid #E0E0E0 !important; } & .input-field__label { display: none; } } & .textarea { & textarea.textarea__input { box-shadow: none; border: 1px solid #E0E0E0 !important; resize: none !important; overflow-y: auto; min-height: 60px; } & .textarea__label { display: none; } } } } } } body .modal-mask.dialog__modal { & .modal-container { padding: 16px 25px !important; & .modal-container__content { & .dialog { & .input-field__main-wrapper { height: 36px !important; & input.input-field__input { box-shadow: none; border: 1px solid #E0E0E0 !important; } } & .empty-content { padding: 0 16px; } } } } } body .modal-mask.dialog__modal.app-settings { & .modal-container { & #settings-section_basic-info { & #vue-avatar-section { display: none; } } & #settings-section_basic-info .app-settings-section__subtitle:nth-of-type(3) { display: none; } } } @media (max-width: 1024px) { body { & #app-content-vue { margin-left: 0; margin-right: 0 !important; } & #app-sidebar-vue { margin-left: var(--main-margin-panels) !important; } } }