Привет, меня зовут Елисей! Я основатель RainbowCraft. Здесь Вы найдете и интересные и полезные и скучные гайды!Елисейhttps://teletype.in/atom/rainbowcrafting2026-04-05T12:29:32.772Zrainbowcrafting:pyrogram_quiz2023-04-30T03:41:20.326Z2023-04-30T03:41:20.326Z

Pyrogram - это библиотека Python, которая позволяет создавать приложения для мессенджера Telegram. С ее помощью можно создавать ботов, а также клиентские приложения для Telegram.

<p id="epVU"><strong>Pyrogram</strong> - это библиотека Python, которая позволяет создавать приложения для мессенджера <em>Telegram</em>. С ее помощью можно создавать ботов, а также клиентские приложения для <em>Telegram</em>.</p> <p id="5zJG"><strong>Pyrogram</strong> обладает множеством преимуществ, которые делают его очень удобным инструментом для разработки приложений для <em>Telegram</em>. Он имеет простой и понятный синтаксис, а также обширную документацию и сообщество, которое всегда готово помочь в разрешении возникающих вопросов.</p> <p id="4Qa9">Одной из особенностей <strong>Pyrogram </strong>является его высокая производительность и эффективность использования ресурсов. Это достигается благодаря использованию асинхронного программирования, которое позволяет выполнять несколько операций одновременно и оптимизировать использование системных ресурсов.</p> <p id="p9J2">Еще одним преимуществом <strong>Pyrogram </strong>является его безопасность. Библиотека имеет встроенные механизмы для защиты от атак и взлома, таких как обнаружение ботов, фишинг и спам. <strong>Pyrogram </strong>также предоставляет средства для шифрования и защиты данных, передаваемых через мессенджер.</p> <p id="WErL">В целом, <strong>Pyrogram </strong>- это мощный инструмент для разработки приложений для <em>Telegram</em>. Если вы ищете библиотеку, которая обладает простым синтаксисом, высокой производительностью, безопасностью и обширной документацией, то <strong>Pyrogram </strong>является прекрасным выбором.</p> rainbowcrafting:pyrogram_man2023-04-30T03:37:11.269Z2023-04-30T03:37:11.269Z

В этой инструкции мы рассмотрим шаги для установки Pyrogram и создания простого бота для Telegram.

<p id="JUeV">В этой инструкции мы рассмотрим шаги для установки Pyrogram и создания простого бота для Telegram.</p> <p id="CP19">Шаг 1: Установка Pyrogram<br />Первым шагом является установка Pyrogram. Это можно сделать с помощью pip, установщика пакетов для языка Python. Откройте командную строку или терминал и введите следующую команду:</p> <p id="bZHa">pip install pyrogram</p> <p id="L8bl">Шаг 2: Создание Telegram-бота<br />Создание Telegram-бота требует нескольких простых шагов. Вам потребуется зарегистрировать бота в Telegram и получить его токен.</p> <p id="YcvU">1. Откройте Telegram и найдите бота &quot;@BotFather&quot;.<br />2. Отправьте команду &quot;/start&quot; и следуйте инструкциям для создания нового бота.<br />3. Когда бот будет создан, вы получите токен. Сохраните его в безопасном месте.</p> <p id="6EAv">Шаг 3: Написание кода<br />Теперь мы можем приступить к написанию кода для создания нашего бота. Вот пример простого бота, который приветствует пользователя при старте и отвечает на сообщения:</p> <p id="XDhF">from pyrogram import Client, filters</p> <p id="8fSy">app = Client(&quot;my_bot&quot;)</p> <p id="Lt84">@app.on_message(filters.private)<br />def handle_private_message(client, message):<br /> client.send_message(message.chat.id, &quot;Привет! Я бот.&quot;)</p> <p id="sbZM">@app.on_message(filters.group &amp; ~filters.bot)<br />def handle_group_message(client, message):<br /> client.send_message(message.chat.id, &quot;Привет! Я бот.&quot;)</p> <p id="tizA">app.run()</p> <p id="HSBC">В этом примере мы используем декораторы Pyrogram, чтобы определить функции обработки сообщений. Функция &quot;handle_private_message&quot; отправляет приветственное сообщение, когда пользователь пишет боту в личном чате, а функция &quot;handle_group_message&quot; делает то же самое, когда пользователь пишет боту в групповом чате. Мы также используем фильтры, чтобы определить, какие сообщения должны обрабатываться ботом.</p> <p id="AgFw">Шаг 4: Запуск бота<br />Наконец, мы можем запустить нашего бота. В терминале или командной строке перейдите в папку с вашим кодом и введите следующую команду:</p> <p id="zLKP">python my_bot.py</p> <p id="FUYF">Вот и все! Теперь вы можете написать своему боту в Telegram, и он будет отвечать на сообщения. Э</p> rainbowcrafting:new232023-02-27T06:25:19.060Z2023-02-27T06:25:19.060Z

Технологический прогресс продолжает двигаться вперед, и 2023 год не стал исключением. В этом году нас ждут многообещающие новинки, которые изменят нашу жизнь и наш мир. В этой статье мы рассмотрим несколько из них.

<p id="cJbF">Технологический прогресс продолжает двигаться вперед, и 2023 год не стал исключением. В этом году нас ждут многообещающие новинки, которые изменят нашу жизнь и наш мир. В этой статье мы рассмотрим несколько из них.</p> <p id="Zx80"></p> <p id="QC4E"></p> <ol id="q8T1"> <li id="uNtS">5G связь</li> </ol> <p id="voAu">5G связь уже не новость, но в 2023 году мы увидим ее более широкое распространение. 5G сеть обеспечивает высокоскоростной доступ в Интернет и более надежную связь для большого количества устройств. Это открывает новые возможности для развития таких технологий, как виртуальная и дополненная реальность, автономные автомобили и многое другое.</p> <ol id="4cRg"> <li id="vbP8">Роботизированные курьеры</li> </ol> <p id="1FJC">С развитием Интернет-торговли растет и спрос на быструю доставку товаров. Роботизированные курьеры могут доставлять товары в любое время дня и ночи, обеспечивая максимальную скорость и надежность доставки.</p> <ol id="vzEl"> <li id="GuS3">Умный дом</li> </ol> <p id="MlJb">Умный дом – это концепция жилья, в котором все устройства и системы управляются с помощью голосовых команд или приложений на мобильном устройстве. В 2023 году мы увидим еще большее распространение умных домов и новые функции, такие как автоматическое регулирование температуры, включение и выключение света и техники, управление системой безопасности и т.д.</p> <ol id="p5c8"> <li id="telz">Искусственный интеллект</li> </ol> <p id="qa3n">Искусственный интеллект становится все более распространенным и проникает во все сферы жизни, от производства до медицины. В 2023 году мы увидим еще большее использование искусственного интеллекта в мобильных устройствах, научных исследованиях, автоматизации бизнес-процессов и многое другое.</p> rainbowcrafting:design2023-02-21T14:34:08.787Z2023-02-21T14:34:08.787Z

Современный мир цифровых технологий предлагает множество инструментов для дизайнеров, которые помогают сделать работу более продуктивной и удобной. В этой статье мы рассмотрим несколько самых интересных и полезных инструментов для дизайнеров на ПК.

<p id="9QyS">Современный мир цифровых технологий предлагает множество инструментов для дизайнеров, которые помогают сделать работу более продуктивной и удобной. В этой статье мы рассмотрим несколько самых интересных и полезных инструментов для дизайнеров на ПК.</p> <p id="Vcr3">1. Adobe Photoshop<br />Adobe Photoshop является одним из самых популярных инструментов для обработки изображений и графического дизайна. С помощью этой программы вы можете создавать и редактировать фотографии, создавать иллюстрации и создавать дизайн для веб-страниц и мобильных устройств. Photoshop имеет множество функций, в том числе поддержку слоев, фильтров и эффектов.</p> <p id="eWh0">2. Adobe Illustrator<br />Adobe Illustrator предназначен для создания векторной графики. Он позволяет создавать иллюстрации, логотипы, иконки и другие объекты, которые можно масштабировать без потери качества. Инструмент имеет множество функций, таких как настраиваемые кисти, инструменты для работы с текстом и многие другие.</p> <p id="uXvs">3. Sketch<br />Sketch является одним из наиболее популярных инструментов для дизайна пользовательского интерфейса. Он позволяет создавать макеты и прототипы для веб-страниц и мобильных устройств, а также работать с векторными изображениями. Sketch также имеет функции, такие как сетки, стили и библиотеки символов.</p> <p id="Y3tx">4. Figma<br />Figma предоставляет возможность создавать макеты и прототипы, работать с векторными изображениями и делиться своими проектами в режиме реального времени. Это очень удобно для командной работы, когда нужно вести совместную работу удаленно.</p> <p id="E78n">5. InVision<br />InVision – это платформа для создания интерактивных прототипов, которая позволяет дизайнерам и разработчикам тесно сотрудничать на каждом этапе процесса создания продукта. InVision имеет множество инструментов, таких как прототипирование, анимация и дизайн пользовательского интерфейса.</p> <p id="2mV9">6. Procreate<br />Procreate является одним из самых популярных инструментов для цифрового рисования на iPad, но он также доступен для компьютеров. Он предоставляет широкий выбор кистей</p> <p id="DAdX"><br />Помимо перечисленных инструментов, Canva также является очень популярным и простым в использовании инструментом для дизайнеров. Canva предлагает библиотеку более чем 1 миллиона шаблонов, которые можно использовать для создания различных типов дизайна, таких как посты в социальных сетях, флаеры, презентации, логотипы, и многое другое. Canva также имеет множество настраиваемых элементов дизайна, таких как цвета, шрифты и изображения, что позволяет дизайнерам создавать уникальные и креативные проекты. Canva доступен как онлайн-сервис, так и в виде приложения для мобильных устройств, что делает его очень удобным для использования в любой ситуации.</p> rainbowcrafting:py2023-02-21T14:31:03.961Z2023-02-21T14:31:03.961Z

Привет, снова! Сегодня я хочу рассказать про Python.

<p id="lhPC">Привет, снова!<br />Сегодня я хочу рассказать про Python.</p> <p id="NXAG">Python - один из самых популярных языков программирования в мире. Созданный в 1991 году Гвидо ван Россумом, он быстро завоевал популярность благодаря своей простоте, удобству и мощным возможностям.</p> <p id="gXPy">Одной из основных причин популярности Python является его простота. Python имеет чистый, лаконичный синтаксис, который легко понять и использовать. Это делает его идеальным языком для начинающих программистов и позволяет им быстро и легко создавать работающие программы.</p> <p id="FWgt">Кроме того, Python обладает широким спектром функций и возможностей, которые позволяют программистам создавать программы для различных целей, от создания веб-приложений до анализа данных и машинного обучения. Python также популярен среди ученых и исследователей, так как его мощные библиотеки обработки данных и научных вычислений делают его идеальным инструментом для анализа и исследования данных.</p> <p id="axfg">Python является также одним из самых популярных языков программирования для создания и использования искусственного интеллекта и машинного обучения. Благодаря мощным библиотекам, таким как TensorFlow и Keras, Python позволяет создавать нейронные сети и модели машинного обучения, которые могут быть использованы в различных областях, от медицины до финансов.</p> <p id="U93a">В заключение, Python - это мощный, универсальный и простой язык программирования, который имеет широкий спектр функций и возможностей. С его помощью вы можете создавать программы для различных целей, от создания веб-приложений до анализа данных и машинного обучения. Если вы только начинаете изучать программирование или ищете новый язык программирования для использования в своих проектах, Python - отличный выбор.</p> rainbowcrafting:ii2023-02-21T14:24:26.975Z2023-02-21T14:24:26.975Z

Искусственный интеллект (ИИ) — это область компьютерных наук, которая занимается созданием систем, способных выполнять задачи, которые обычно требуют интеллекта человека. Сейчас ИИ используется во многих областях, таких как медицина, финансы, автомобильная промышленность и многое другое.

<p id="dRfo">Искусственный интеллект (ИИ) — это область компьютерных наук, которая занимается созданием систем, способных выполнять задачи, которые обычно требуют интеллекта человека. Сейчас ИИ используется во многих областях, таких как медицина, финансы, автомобильная промышленность и многое другое.</p> <p id="3Eup">Одним из наиболее известных примеров применения ИИ является обработка естественного языка. Технологии ИИ, такие как глубокое обучение, позволяют компьютерам понимать и генерировать естественный язык. Это используется в чат-ботах, переводчиках, анализе текста и других приложениях.</p> <p id="tiwY">ИИ также применяется в машинном зрении, которое позволяет компьютерам анализировать изображения и видео. Это используется в автомобильной промышленности для создания систем безопасности, в медицине для анализа медицинских изображений и томографии, а также в робототехнике для распознавания объектов и ориентации в пространстве.</p> <p id="l5xy">В области музыки ИИ используется для создания новой музыки. Например, система AIVA (Artificial Intelligence Virtual Artist) создает музыку в различных жанрах, используя компьютерное обучение и нейронные сети.</p> <p id="V145">Одним из основных преимуществ ИИ является его способность к обучению. Машины могут учиться на основе большого количества данных и прогнозировать результаты на основе этого обучения. Это используется во многих областях, таких как финансы, где ИИ может помочь с прогнозированием цен на акции, анализом кредитных рисков и многое другое.</p> <p id="fiUR">Однако, существуют и некоторые риски, связанные с применением ИИ. Например, системы ИИ могут допускать ошибки, если они были обучены на неправильных данных или включают в себя систематические предрассудки. Также существует риск потери рабочих мест, если компьютеры смогут заменить людей во многих процессах.</p> rainbowcrafting:downmemb2022-12-23T08:55:42.167Z2023-01-16T08:20:28.204Z

<img src="https://img4.teletype.in/files/3e/00/3e00cabd-af3d-4c63-8657-d158557bb180.png">Всем привет! Сегодня я расскажу как участнику скачать презентацию Pruffme!

<p id="hPcD">Всем привет! Сегодня я расскажу как участнику скачать презентацию Pruffme!</p> <p id="BDdh">ПКМ по первой строчке edit as html ---&gt; ctr+a; delete; пкм вствавить или paste</p> <p id="YYIU">Кликаем по пустому пространству.</p> <figure id="GMvB" class="m_custom"> <img src="https://img4.teletype.in/files/3e/00/3e00cabd-af3d-4c63-8657-d158557bb180.png" width="693.856993736952" /> <figcaption>Кликаем сюда</figcaption> </figure> <figure id="4Pgy" class="m_original"> <img src="https://img3.teletype.in/files/e1/bf/e1bf60e9-1cc1-41a1-9d5b-3845a4b646f4.png" width="701" /> </figure> <p id="5Wu4"></p> <p id="wdhr">Удаляем отсюда все и вставляем:</p> <p id="1ksV"></p> <pre id="gGBx" data-lang="html">&lt;html lang=&quot;en&quot; style=&quot;--my-variable-name:pink; --custom-vh:8.1px;&quot;&gt;&lt;head&gt;&lt;style class=&quot;vjs-styles-defaults&quot;&gt; .video-js { width: 300px; height: 150px; } .vjs-fluid { padding-top: 56.25% } &lt;/style&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, user-scalable=no&quot;&gt; &lt;meta name=&quot;description&quot; content=&quot;New webinar&quot;&gt; &lt;meta name=&quot;author&quot; content=&quot; Алиса 8 класс и Мила 6 класс &quot;&gt; &lt;meta name=&quot;shortname&quot; content=&quot;tmp1631009681&quot;&gt; &lt;meta name=&quot;google&quot; content=&quot;notranslate&quot;&gt; &lt;meta property=&quot;og:type&quot; content=&quot;website&quot;&gt; &lt;meta property=&quot;og:title&quot; content=&quot;New webinar&quot;&gt; &lt;meta property=&quot;og:image&quot; content=&quot;https://pruffme-a.akamaihd.net/default.jpg&quot;&gt; &lt;meta property=&quot;og:url&quot; content=&quot;https://pruffme.com/webinar/?id=e5e926a03dc7074d3cfb72fd22cd20a9&quot;&gt; &lt;meta property=&quot;twitter:title&quot; content=&quot;New webinar&quot;&gt; &lt;meta property=&quot;twitter:image&quot; content=&quot;https://pruffme-a.akamaihd.net/default.jpg&quot;&gt; &lt;meta property=&quot;vk:image&quot; content=&quot;https://pruffme-a.akamaihd.net/default.jpg&quot;&gt; &lt;link rel=&quot;icon&quot; href=&quot;../assets/favicon.svg&quot;&gt; &lt;link rel=&quot;chrome-webstore-item&quot; href=&quot;https://chrome.google.com/webstore/detail/fmajmkhjmknoegfgdhpiflefolclojef&quot;&gt; &lt;title&gt;New webinar&lt;/title&gt; &lt;style&gt; html{ height: 100%; } body { min-height: 100%; background-color: #F6F6F6 !important; } &lt;/style&gt; &lt;script async=&quot;&quot; src=&quot;https://mc.yandex.ru/metrika/tag.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; id=&quot;www-widgetapi-script&quot; src=&quot;https://www.youtube.com/s/player/21149d65/www-widgetapi.vflset/www-widgetapi.js&quot; async=&quot;&quot;&gt;&lt;/script&gt;&lt;script src=&quot;https://www.youtube.com/iframe_api&quot;&gt;&lt;/script&gt;&lt;script src=&quot;loader.js?2580&quot;&gt;&lt;/script&gt; &lt;script&gt; var webinar_loader_revision = &quot;2580&quot;; loadWebinarRoomScripts(); &lt;/script&gt;&lt;link href=&quot;https://pruffme.com/assets/bootstrap/dist/css/bootstrap.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/bootstrap/dist/css/bootstrap-table.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/bootstrap/dist/css/bootstrap-spinedit.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/js/videojs/video-js.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/js/videojs/videojs-resolution-switcher.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/js/jquery/jquery-ui.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/css/font-awesome.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/css/quiz.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/css/cropper.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/css/templates.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/css/components.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/css/tests.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/css/virtuality.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/css/webinar.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/css/webinar_presentations.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/css/webinar_participants.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/css/webinar_sell.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/js/jquery/jquery.datetimepicker.min.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/css/opentip.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/css/powerange.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/css/upload/jquery.fileupload.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/css/upload/jquery.fileupload-ui.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/js/jquery/contextMenu/jquery.contextMenu.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/js/spectrum/spectrum.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/js/summernote/summernote.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/js/katex/katex.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/js/fotorama/fotorama.dev.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/js/swiper/swiper-bundle.min.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/help.js?2580&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/any.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/jquery/external/jquery/jquery.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/async/async.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/spin.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/jquery/jquery-ui.min.my.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/jquery/jquery.datetimepicker.full.min.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/jquery/jquery.hotkeys.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/jquery/textfill/jquery.textfill.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/jquery/jquery-custom.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/Sortable/Sortable.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/powerange.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/videojs/video.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/linkifyjs/linkify.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/lozad/lozad.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/xss/xss.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/custom/context_filter_polyfill.js&quot;&gt;&lt;/script&gt;&lt;style type=&quot;text/css&quot;&gt;&lt;/style&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/bootstrap/dist/js/bootstrap.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/bootstrap/dist/js/bootstrap-table.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/bootstrap/dist/js/bootstrap-spinedit.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/typeahead/bootstrap3-typeahead.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/jquery/jquery.ui.touch-punch.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/bootstrap-wysiwyg.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/linkifyjs/linkify-jquery.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/linkifyjs/linkify-html.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/katex/katex.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/hammer/hammer.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/mathlive/mathlive.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/summernote/summernote.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/html2canvas/html2canvas.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/videojs/videojs-http-streaming.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/videojs/videojs-resolution-switcher.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/videojs/Youtube.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/videojs/videojs-playbackrate-adjuster.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/spectrum/spectrum.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/flash/swfobject.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/jquery/contextMenu/jquery.contextMenu.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/chartjs/Chart.min.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/fabric/3.6.4/fabric.min.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/fotorama/fotorama.dev.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/lz/lz-string.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/lz/lz-string-1.4.4.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/lz/lzma.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/lz/lzhelper.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/swiper/swiper-bundle.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/pinchzoom/pinch-zoom.umd.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/mediasoup/mediasoup-client.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/xdm/easyXDM.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/socket.io/socket.io.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/dayjs/day.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/ics/ics.deps.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/ics/ics.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/cropper.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/templates_cropper.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/templates.aweb.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/templates.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/components.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/tests.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/virtuality/lib.virtuality.editor.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/virtuality/lib.vr.undo.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/virtuality/lib.virtuality.editor.scenario.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/background/lib.background.js?2580&quot;&gt;&lt;/script&gt;&lt;style type=&quot;text/css&quot;&gt;.vjs-youtube .vjs-iframe-blocker { display: none; }.vjs-youtube.vjs-user-inactive .vjs-iframe-blocker { display: block; }.vjs-youtube .vjs-poster { background-size: cover; }.vjs-youtube-mobile .vjs-big-play-button { display: none; }&lt;/style&gt;&lt;style type=&quot;text/css&quot;&gt;&lt;/style&gt;&lt;style type=&quot;text/css&quot;&gt;&lt;/style&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/language/lang_en.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/chartjs/chartjs-plugins-custom.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/language/lang_en.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/screen/getScreenId.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/lib.quiz.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/upload/SimpleAjaxUploader.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/jquery/jquery.alphanum.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/jquery/jquery-textrange.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/summernote/summernote-katex.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/summernote/summernote-customimage.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/summernote/summernote-product-selector.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/summernote/summernote-image-links.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/summernote/lang/summernote-en-EN.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/lib.flash.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/lib.srtc.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/lib.presentation.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/lib.sellbutton.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/lib.dashboards.webinar.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/lib.quiz.webinars.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/lib.participants.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/lib.aweb.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/lib.properties.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/lib.chat.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/lib.realweb.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/lib.realweb.space.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/lib.mediasoup.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/lib.oven.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/lib.pion.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/lib.mobile.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/lib.mask.background.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/lib.conference.soup.js?2580&quot;&gt;&lt;/script&gt;&lt;link href=&quot;https://pruffme.com/assets/js/grapheditor/styles/grapheditor.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;https://pruffme.com/assets/css/dashboards.css?2580&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/xml2js/xml2js.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/xml2js/xml2json.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/snap/snap.svg.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/fontfaceobserver/fontfaceobserver.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/grapheditor/deflate/pako.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/grapheditor/deflate/base64.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/grapheditor/jscolor/jscolor.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/grapheditor/sanitizer/sanitizer.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/grapheditor/mxClient.min.js?2580&quot;&gt;&lt;/script&gt;&lt;link rel=&quot;stylesheet&quot; href=&quot;https://pruffme.com/assets/js/grapheditor/src/css/common.css&quot; charset=&quot;UTF-8&quot; type=&quot;text/css&quot;&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/grapheditor/js/CustomOverrides.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/grapheditor/js/EditorUi.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/grapheditor/js/Editor.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/grapheditor/js/Sidebar.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/grapheditor/js/Graph.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/grapheditor/js/Format.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/grapheditor/js/Shapes.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/grapheditor/js/Actions.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/grapheditor/js/Menus.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/grapheditor/js/Toolbar.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/grapheditor/js/Dialogs.js?2580&quot;&gt;&lt;/script&gt;&lt;script src=&quot;chrome-extension://bnfdmghkeppfadphbnkjcicejfepnbfe/spFormElementPrototypeEx.js&quot; id=&quot;spHTMLFormElementPrototypeScript&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/assets/js/lib.dashboards.js?2580&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;https://pruffme.com/webinar/index.js?2580&quot;&gt;&lt;/script&gt;&lt;/head&gt; &lt;body style=&quot;&quot; class=&quot;fix-flicker-video&quot;&gt; &lt;div class=&quot;pruffme-full-container is-master-block global-view-type-2&quot;&gt; &lt;div class=&quot;webinar-full-size-navbar-wrapper full-size&quot; ondblclick=&quot;cleanSavedPositions()&quot;&gt; &lt;div class=&quot;webinar-navbar&quot;&gt; &lt;div class=&quot;webinar_header_left_box&quot;&gt;&lt;div class=&quot;split-recorder-box split-recorder-container state-record-free&quot;&gt; &lt;div class=&quot;split-recorder-box-checkbox&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-box-timer&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-spinner-box&quot;&gt; &lt;div class=&quot;split-recorder-spinner&quot;&gt;&lt;div class=&quot;spinner&quot; role=&quot;progressbar&quot; style=&quot;position: absolute; width: 0px; z-index: 2000000000; left: 50%; top: 50%;&quot;&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-0-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(164, 164, 164); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(27deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-1-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(164, 164, 164); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(63deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-2-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(164, 164, 164); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(99deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-3-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(164, 164, 164); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(135deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-4-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(164, 164, 164); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(171deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-5-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(164, 164, 164); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(207deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-6-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(164, 164, 164); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(243deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-7-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(164, 164, 164); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(279deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-8-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(164, 164, 164); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(315deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-9-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(164, 164, 164); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(351deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-spinner-label&quot;&gt;In process&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-popup-outer&quot;&gt; &lt;div class=&quot;split-recorder-popup info&quot;&gt; &lt;div class=&quot;split-recorder-popup-header&quot;&gt;Start recording?&lt;/div&gt; &lt;div class=&quot;split-recorder-popup-description&quot;&gt;Select your recording format below:&lt;/div&gt; &lt;div class=&quot;split-recorder-popup-list&quot;&gt; &lt;div class=&quot;split-recorder-type-list-line type-0 selected&quot; data-type=&quot;0&quot;&gt; &lt;div class=&quot;split-recorder-type-list-line-radio&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-image&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-label&quot;&gt;All elements&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line type-1&quot; data-type=&quot;1&quot;&gt; &lt;div class=&quot;split-recorder-type-list-line-radio&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-image&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-label&quot;&gt;Video + presentation&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line type-2&quot; data-type=&quot;2&quot;&gt; &lt;div class=&quot;split-recorder-type-list-line-radio&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-image&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-label&quot;&gt;Only video&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line type-3&quot; data-type=&quot;3&quot;&gt; &lt;div class=&quot;split-recorder-type-list-line-radio&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-image&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-label&quot;&gt;Overlay video on presentation&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-popup-bottom-start&quot;&gt; &lt;div class=&quot;split-recorder-popup-bottom-button-start&quot;&gt;Start&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-popup start-force&quot;&gt; &lt;div class=&quot;split-recorder-popup-header&quot;&gt;Start recording?&lt;/div&gt; &lt;div class=&quot;split-recorder-popup-description&quot;&gt;Select your recording format below&lt;/div&gt; &lt;div class=&quot;split-recorder-popup-list&quot;&gt; &lt;div class=&quot;split-recorder-type-list-line type-0 selected&quot; data-type=&quot;0&quot;&gt; &lt;div class=&quot;split-recorder-type-list-line-radio&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-image&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-label&quot;&gt;All elements&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line type-1&quot; data-type=&quot;1&quot;&gt; &lt;div class=&quot;split-recorder-type-list-line-radio&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-image&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-label&quot;&gt;Video + presentation&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line type-2&quot; data-type=&quot;2&quot;&gt; &lt;div class=&quot;split-recorder-type-list-line-radio&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-image&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-label&quot;&gt;Only video&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line type-3&quot; data-type=&quot;3&quot;&gt; &lt;div class=&quot;split-recorder-type-list-line-radio&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-image&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-label&quot;&gt;Overlay video on presentation&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-popup-bottom-start&quot;&gt; &lt;div class=&quot;split-recorder-popup-bottom-button-start&quot;&gt;Start&lt;/div&gt; &lt;div class=&quot;split-recorder-popup-bottom-button-cancel&quot;&gt;Don&#x27;t start recording&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-popup recording-starting&quot;&gt; &lt;div class=&quot;split-recorder-popup-header&quot;&gt;Recording is about to start&lt;/div&gt; &lt;div class=&quot;split-recorder-popup-description&quot;&gt;Recording is being initialized. It will take a few seconds.&lt;/div&gt; &lt;div class=&quot;split-recorder-popup-bottom-start&quot;&gt; &lt;div class=&quot;split-recorder-popup-bottom-button-ask-stop&quot; onclick=&quot;stopSplitRecord()&quot;&gt;Stop recording&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-popup recording&quot;&gt; &lt;div class=&quot;split-recorder-popup-header&quot;&gt;Recording is on&lt;/div&gt; &lt;div class=&quot;split-recorder-popup-description&quot;&gt;You can select the elements that will be recorded:&lt;/div&gt; &lt;div class=&quot;split-recorder-popup-list&quot;&gt; &lt;div class=&quot;split-recorder-type-list-line type-0 selected&quot; data-type=&quot;0&quot;&gt; &lt;div class=&quot;split-recorder-type-list-line-radio&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-image&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-label&quot;&gt;All elements&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line type-1&quot; data-type=&quot;1&quot;&gt; &lt;div class=&quot;split-recorder-type-list-line-radio&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-image&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-label&quot;&gt;Video + presentation&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line type-2&quot; data-type=&quot;2&quot;&gt; &lt;div class=&quot;split-recorder-type-list-line-radio&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-image&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-label&quot;&gt;Only video&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line type-3&quot; data-type=&quot;3&quot;&gt; &lt;div class=&quot;split-recorder-type-list-line-radio&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-image&quot;&gt;&lt;/div&gt; &lt;div class=&quot;split-recorder-type-list-line-label&quot;&gt;Overlay video on presentation&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-popup-bottom-start&quot;&gt; &lt;div class=&quot;split-recorder-popup-bottom-button-ask-stop&quot; onclick=&quot;setRecorderClass(&amp;quot;state-ask-stop&amp;quot;)&quot;&gt;Stop recording&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-popup ask-stop&quot;&gt; &lt;div class=&quot;split-recorder-popup-header&quot;&gt;Are you sure you want to stop recording?&lt;/div&gt; &lt;div class=&quot;split-recorder-popup-description&quot;&gt;You will only stop the recording and presenters will continue to broadcast&lt;/div&gt; &lt;div class=&quot;split-recorder-popup-bottom-stop&quot;&gt; &lt;div class=&quot;split-recorder-popup-bottom-button-stop-cancel&quot;&gt;No&lt;/div&gt; &lt;div class=&quot;split-recorder-popup-bottom-button-stop&quot;&gt;Yes&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;split-recorder-popup recording-free&quot;&gt; &lt;div class=&quot;split-recorder-popup-header&quot;&gt;Upgrade your plan?&lt;/div&gt; &lt;div class=&quot;split-recorder-popup-description&quot;&gt;Recording is available only for paid accouts. Only event creator can upgrade the plan.&lt;/div&gt; &lt;div class=&quot;split-recorder-popup-description&quot;&gt;&lt;strong&gt;Attention:&lt;/strong&gt; if you just upgraded, reload the page to make sure your new plan settings were applied.&lt;/div&gt; &lt;div class=&quot;split-recorder-popup-bottom-stop&quot; style=&quot;display: block;&quot;&gt; &lt;div class=&quot;split-recorder-popup-bottom-button-refresh&quot;&gt;Upgrade&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class=&quot;header_webinar_name&quot;&gt;New webinar&lt;/p&gt; &lt;div class=&quot;header_webinar_slave_name_container&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;webinar_header_right_box&quot;&gt; &lt;div class=&quot;header_exit_box&quot; onclick=&quot;exitWebinar()&quot;&gt;Exit&lt;/div&gt; &lt;div class=&quot;header_properties_box header_icon_box&quot; onmousedown=&quot;openPropertiesSelector(event)&quot;&gt;Settings&lt;/div&gt; &lt;div class=&quot;header_view_box master header_icon_box&quot; onmousedown=&quot;openViewTypeSelector(event)&quot;&gt;Modes&lt;/div&gt; &lt;div class=&quot;header_participants_box header_icon_box&quot; onmousedown=&quot;openParticipantsSelector(event)&quot;&gt;&lt;span class=&quot;participants_number_label&quot;&gt;Attendees&lt;/span&gt; &lt;span class=&quot;participants_number_span&quot;&gt;(1)&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;header_questions_box header_icon_box&quot; onmousedown=&quot;openQuestionsSelector(event)&quot;&gt;&lt;span class=&quot;questions_number_label&quot;&gt;Questions&lt;/span&gt; &lt;span class=&quot;questions_number_span&quot;&gt;&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;header_files_box master header_icon_box&quot; onmousedown=&quot;openHeaderFilesSelector(event)&quot;&gt;Files&lt;/div&gt; &lt;div class=&quot;handup-box hover-inited&quot; onclick=&quot;onHandUpClick()&quot; data-ot=&quot;{webinar.handup.header.tip}&quot;&gt; &lt;div class=&quot;handup-icon&quot;&gt; &lt;/div&gt; &lt;div class=&quot;handup-number&quot;&gt;0&lt;/div&gt; &lt;/div&gt;&lt;div class=&quot;header_synclang_box&quot; onmousedown=&quot;openSyncTranslateSelectionPopup()&quot;&gt;{webinar.menu.synclang}&lt;/div&gt; &lt;div class=&quot;waiting-room-box&quot; onclick=&quot;onWaitingRoomClick()&quot;&gt; &lt;div class=&quot;waiting-room-icon&quot;&gt; &lt;/div&gt; &lt;div class=&quot;waiting-room-number&quot;&gt;0&lt;/div&gt; &lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;webinar-navbar-wrapper&quot;&gt; &lt;div class=&quot;webinar-mobile-navbar&quot;&gt; &lt;div class=&quot;webinar-mobile-navbar-participant-box&quot;&gt; &lt;div class=&quot;webinar-mobile-navbar-participant-logo&quot; style=&quot;background-image: url(&amp;quot;https://storage.pruffme.com/user/c6735a5d56065cd16ba0e56823152c7b/photos/7094b64f6fede9c90b47a405d63aa7fa.png&amp;quot;);&quot;&gt; &lt;/div&gt; &lt;div class=&quot;webinar-mobile-navbar-participant-name&quot;&gt; Алиса 8 класс и Мила 6 класс &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;webinar-mobile-navbar-name-box&quot;&gt;New webinar&lt;/div&gt; &lt;div class=&quot;webinar-mobile-navbar-actions-box&quot;&gt; &lt;div class=&quot;header_exit_box&quot; onclick=&quot;exitWebinar()&quot;&gt;Exit&lt;/div&gt; &lt;div class=&quot;header_icon_box vr-item vr-item-enabled&quot; onmousedown=&quot;initVirtualRoomClick()&quot;&gt;Open VR&lt;/div&gt; &lt;div class=&quot;header_properties_box header_icon_box&quot; onmousedown=&quot;openPropertiesSelector(event)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;header_view_box master header_icon_box&quot; onmousedown=&quot;openViewTypeSelector(event)&quot;&gt;Modes&lt;/div&gt; &lt;div class=&quot;header_participants_box header_icon_box&quot; onmousedown=&quot;openParticipantsSelector(event)&quot;&gt;&lt;span class=&quot;participants_number_label&quot;&gt;Attendees&lt;/span&gt; &lt;span class=&quot;participants_number_span&quot;&gt;(1)&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;header_questions_box header_icon_box&quot; onmousedown=&quot;openQuestionsSelector(event)&quot;&gt;&lt;span class=&quot;questions_number_label&quot;&gt;Questions&lt;/span&gt; &lt;span class=&quot;questions_number_span&quot;&gt;&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;header_files_box master header_icon_box&quot; onmousedown=&quot;openHeaderFilesSelector(event)&quot;&gt;Files&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;main-webinar-container&quot;&gt; &lt;!-- ВИДЕО --&gt; &lt;div id=&quot;main_box_video&quot; class=&quot;main_box is-master-block ui-draggable ui-resizable&quot; style=&quot;width: 317px; height: 364.5px; left: 10px; top: 60px; display: block;&quot;&gt; &lt;div class=&quot;main_inner_box&quot; id=&quot;main_box_video_inner&quot;&gt; &lt;div class=&quot;videocontent_outer view-type-container-2&quot;&gt; &lt;div id=&quot;videocontent&quot; class=&quot;grid-for-0&quot; style=&quot;width: 295px; height: 221.25px;&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;videobox-container-header ui-draggable-handle&quot;&gt; &lt;div class=&quot;videobox-container-header-tab&quot;&gt;Video&lt;/div&gt; &lt;div class=&quot;videobox-container-header-content&quot;&gt; &lt;div class=&quot;video_content_controls-viewer viewer&quot;&gt; &lt;/div&gt; &lt;div class=&quot;video_content_controls master video-tab-reactions-button-parent&quot;&gt; &lt;div class=&quot;video_content_controls_inner&quot;&gt; &lt;div class=&quot;video_content_controls_inner_left&quot;&gt; &lt;div class=&quot;videobox-container-header-tab-screen-container&quot;&gt; &lt;div class=&quot;presentations-container-header-tab tab-screen&quot; onclick=&quot;startPublishScreenSRTCOnVideo()&quot;&gt;Screen sharing&lt;/div&gt; &lt;div class=&quot;videobox-container-header-tab-screen-spinner&quot;&gt;&lt;/div&gt; &lt;div class=&quot;chat-input-action-item-reactions-popup chat-input-action-item-reactions-popup-tabbed&quot;&gt; &lt;div class=&quot;chat-input-action-item-reactions-popup-inner&quot;&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-heart&quot; onclick=&quot;sendReaction(&#x27;heart&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-question&quot; onclick=&quot;sendReaction(&#x27;question&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-attention&quot; onclick=&quot;sendReaction(&#x27;attention&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-smile&quot; onclick=&quot;sendReaction(&#x27;smile&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-wow&quot; onclick=&quot;sendReaction(&#x27;wow&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-hand&quot; onclick=&quot;sendReaction(&#x27;hand&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-like&quot; onclick=&quot;sendReaction(&#x27;like&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-dislike&quot; onclick=&quot;sendReaction(&#x27;dislike&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-fire&quot; onclick=&quot;sendReaction(&#x27;fire&#x27;)&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;video_content_controls_buttons_container&quot;&gt; &lt;div class=&quot;publish-video-controls-panel master&quot;&gt; &lt;div class=&quot;publish-video-controls-panel-inner&quot;&gt; &lt;div class=&quot;videobox-container-header-action action-stop grey-button-style hover-inited&quot; onclick=&quot;stopRecordClick()&quot; data-ot=&quot;Stop publishing&quot;&gt;&lt;/div&gt; &lt;div class=&quot;publish-video-controls-panel-space&quot;&gt;&lt;/div&gt; &lt;div class=&quot;videobox-container-header-action action-video grey-button-style hover-inited&quot; onclick=&quot;addPublishStream(&#x27;video&#x27;)&quot; data-ot=&quot;Enable camera and microphone&quot;&gt;&lt;/div&gt; &lt;div class=&quot;videobox-container-header-action action-audio grey-button-style hover-inited&quot; onclick=&quot;addPublishStream(&#x27;audio&#x27;)&quot; data-ot=&quot;Enable microphone&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;grey-button-style mobile-menu-button-left-slide&quot; onclick=&quot;mobileButtonSlideLeft()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;grey-button-style mobile-menu-button-right-slide&quot; onclick=&quot;mobileButtonSlideRight()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;videobox-container-header-action action-properties grey-button-style&quot; onclick=&quot;showPropertiesClick(event)&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;videobox-container-header-action action-fullscreen grey-button-style&quot; onclick=&quot;makeFullScreenVideo()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;grey-button-style open-mobile-menu-button&quot; onclick=&quot;openMobileTopMenuClick()&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;video_properties_form&quot;&gt; &lt;p class=&quot;video_properties_form_header&quot;&gt;Settings:&lt;/p&gt; &lt;div class=&quot;video_property_main_line master hover-inited&quot; data-ot=&quot;Mirror my video&quot;&gt; &lt;div class=&quot;video_property_main_line_inner&quot;&gt; &lt;div class=&quot;video_line_check_p&quot;&gt;Mirror my video&lt;/div&gt; &lt;input type=&quot;checkbox&quot; name=&quot;checkbox_use_mirror&quot; id=&quot;checkbox_use_mirror&quot; class=&quot;blue-checkbox&quot;&gt; &lt;label for=&quot;checkbox_use_mirror&quot; class=&quot;blue-label-check&quot;&gt;&lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;video_property_main_line master hover-inited&quot; data-ot=&quot;Always show names&quot;&gt; &lt;div class=&quot;video_property_main_line_inner&quot;&gt; &lt;div class=&quot;video_line_check_p&quot;&gt;Always show names&lt;/div&gt; &lt;input type=&quot;checkbox&quot; name=&quot;checkbox_hide_names&quot; id=&quot;checkbox_hide_names&quot; class=&quot;blue-checkbox&quot;&gt; &lt;label for=&quot;checkbox_hide_names&quot; class=&quot;blue-label-check&quot;&gt;&lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;video_property_main_line master hover-inited&quot; data-ot=&quot;Background blur&quot;&gt; &lt;div class=&quot;video_property_main_line_inner&quot;&gt; &lt;div class=&quot;video_line_check_p&quot;&gt;Background blur&lt;/div&gt; &lt;input type=&quot;checkbox&quot; name=&quot;checkbox_use_blur&quot; id=&quot;checkbox_use_blur&quot; class=&quot;blue-checkbox&quot;&gt; &lt;label for=&quot;checkbox_use_blur&quot; class=&quot;blue-label-check&quot;&gt;&lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;video_property_main_line master hover-inited&quot; data-ot=&quot;Format 1&quot;&gt; &lt;div class=&quot;video_property_main_line_inner&quot;&gt; &lt;div class=&quot;video_line_check_p&quot;&gt;16:9&lt;/div&gt; &lt;input type=&quot;checkbox&quot; name=&quot;checkbox_use_16&quot; id=&quot;checkbox_use_16&quot; class=&quot;blue-checkbox&quot;&gt; &lt;label for=&quot;checkbox_use_16&quot; class=&quot;blue-label-check&quot;&gt;&lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;video_property_main_line master hover-inited&quot; data-ot=&quot;Flash&quot;&gt; &lt;div class=&quot;video_property_main_line_inner&quot;&gt; &lt;div class=&quot;video_line_check_p&quot;&gt;Encoder&lt;/div&gt; &lt;input type=&quot;checkbox&quot; name=&quot;checkbox_use_flash&quot; id=&quot;checkbox_use_flash&quot; class=&quot;blue-checkbox&quot;&gt; &lt;label for=&quot;checkbox_use_flash&quot; class=&quot;blue-label-check&quot;&gt;&lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;video_property_main_line master hover-inited&quot; data-ot=&quot;New WebRTC Engine&quot;&gt; &lt;div class=&quot;video_property_main_line_inner&quot;&gt; &lt;div class=&quot;video_line_check_p&quot;&gt;WebRTC&lt;/div&gt; &lt;input type=&quot;checkbox&quot; name=&quot;checkbox_use_srtc&quot; id=&quot;checkbox_use_srtc&quot; class=&quot;blue-checkbox&quot;&gt; &lt;label for=&quot;checkbox_use_srtc&quot; class=&quot;blue-label-check&quot;&gt;&lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;flash_properties&quot;&gt; &lt;div class=&quot;btn-group flash_properties_selector_box_relative hidden hover-inited&quot; role=&quot;group&quot; data-ot=&quot;Quality&quot;&gt; &lt;p class=&quot;btn flash_properties_selector_box dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; onclick=&quot;openFlashQualitySelector()&quot;&gt; &lt;/p&gt; &lt;div class=&quot;flash_properties_selector_box_right&quot;&gt;&lt;/div&gt; &lt;ul class=&quot;dropdown-menu flash_properties_selector_list flash_properties_selector_list_properties&quot;&gt; &lt;li onclick=&quot;setFlashQuality(0)&quot;&gt; &lt;p&gt;Minimal&lt;/p&gt; &lt;/li&gt; &lt;li onclick=&quot;setFlashQuality(1)&quot;&gt; &lt;p&gt;Normal&lt;/p&gt; &lt;/li&gt; &lt;li onclick=&quot;setFlashQuality(2)&quot;&gt; &lt;p&gt;Improved&lt;/p&gt; &lt;/li&gt; &lt;li onclick=&quot;setFlashQuality(2)&quot;&gt; &lt;p&gt;Maximum&lt;/p&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class=&quot;btn-group flash_properties_selector_box_relative flash_microphone_selector hover-inited&quot; role=&quot;group&quot; data-ot=&quot;Microphone selection&quot;&gt; &lt;p class=&quot;btn flash_microphone_selector_label dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; onclick=&quot;openFlashMicrophonesSelector()&quot;&gt; &lt;/p&gt; &lt;div class=&quot;flash_properties_selector_box_right&quot;&gt;&lt;/div&gt; &lt;ul class=&quot;dropdown-menu flash_properties_selector_list flash_microphone_selector_list&quot;&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class=&quot;btn-group flash_properties_selector_box_relative flash_camera_selector hover-inited&quot; role=&quot;group&quot; data-ot=&quot;Camera selection&quot;&gt; &lt;p class=&quot;btn flash_camera_selector_label dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; onclick=&quot;openFlashCamerasSelector()&quot;&gt; &lt;/p&gt; &lt;div class=&quot;flash_properties_selector_box_right&quot;&gt;&lt;/div&gt; &lt;ul class=&quot;dropdown-menu flash_properties_selector_list flash_camera_selector_list&quot;&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class=&quot;video_property_line hidden hover-inited&quot; data-ot=&quot;HLS for participants&quot;&gt; &lt;input type=&quot;checkbox&quot; name=&quot;checkbox_use_hls&quot; id=&quot;checkbox_use_hls&quot; class=&quot;css-checkbox&quot;&gt; &lt;label for=&quot;checkbox_use_hls&quot; class=&quot;css-label-check video_line_check&quot;&gt;&lt;/label&gt; &lt;p class=&quot;video_line_check_p&quot;&gt;HLS&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;encoder_url_box&quot;&gt; &lt;p&gt;Encoder URL: &lt;span class=&quot;encoder_url encoder_stream_url&quot;&gt;&lt;/span&gt;&lt;/p&gt; &lt;p&gt;Encoder Stream: &lt;span class=&quot;encoder_url encoder_stream&quot;&gt;&lt;/span&gt;&lt;/p&gt; &lt;p&gt;Screen URL: &lt;span class=&quot;encoder_url screen_stream_url&quot;&gt;&lt;/span&gt;&lt;/p&gt; &lt;p&gt;Screen Stream: &lt;span class=&quot;encoder_url screen_stream&quot;&gt;&lt;/span&gt;&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;rtc_properties&quot;&gt; &lt;div class=&quot;video_property_line master hover-inited&quot; data-ot=&quot;Flash&quot;&gt; &lt;input type=&quot;checkbox&quot; name=&quot;checkbox_use_rtc_encoder&quot; id=&quot;checkbox_use_rtc_encoder&quot; class=&quot;css-checkbox&quot;&gt; &lt;label for=&quot;checkbox_use_rtc_encoder&quot; class=&quot;css-label-check video_line_check&quot;&gt;&lt;/label&gt; &lt;p class=&quot;video_line_check_p&quot;&gt;Adobe FMLE&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;btn-group flash_properties_selector_box_relative hover-inited&quot; role=&quot;group&quot; data-ot=&quot;Quality&quot;&gt; &lt;p class=&quot;btn flash_properties_selector_box dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; onclick=&quot;openRTCQualitySelector()&quot;&gt; &lt;/p&gt; &lt;div class=&quot;flash_properties_selector_box_right&quot;&gt;&lt;/div&gt; &lt;ul class=&quot;dropdown-menu flash_properties_selector_list rtc_properties_selector_list_properties&quot;&gt; &lt;li onclick=&quot;setRTCQuality(0)&quot;&gt; &lt;p&gt;Minimal&lt;/p&gt; &lt;/li&gt; &lt;li onclick=&quot;setRTCQuality(1)&quot;&gt; &lt;p&gt;Normal&lt;/p&gt; &lt;/li&gt; &lt;li onclick=&quot;setRTCQuality(2)&quot;&gt; &lt;p&gt;Improved&lt;/p&gt; &lt;/li&gt; &lt;!--li onclick=&quot;setRTCQuality(3)&quot;&gt; &lt;p&gt;Maximum&lt;/p&gt; &lt;/li--&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class=&quot;btn-group flash_properties_selector_box_relative rtc_microphone_selector hover-inited&quot; role=&quot;group&quot; data-ot=&quot;Microphone selection&quot;&gt; &lt;p class=&quot;btn flash_microphone_selector_label dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; onclick=&quot;openSRTCMicrophonesSelector()&quot;&gt;Microphone selection&lt;/p&gt; &lt;div class=&quot;flash_properties_selector_box_right&quot;&gt;&lt;/div&gt; &lt;ul class=&quot;dropdown-menu flash_properties_selector_list flash_microphone_selector_list&quot;&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class=&quot;btn-group flash_properties_selector_box_relative rtc_camera_selector hover-inited&quot; role=&quot;group&quot; data-ot=&quot;Camera selection&quot;&gt; &lt;p class=&quot;btn flash_camera_selector_label dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; onclick=&quot;openSRTCCamerasSelector()&quot;&gt;Camera selection&lt;/p&gt; &lt;div class=&quot;flash_properties_selector_box_right&quot;&gt;&lt;/div&gt; &lt;ul class=&quot;dropdown-menu flash_properties_selector_list flash_camera_selector_list&quot;&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class=&quot;encoder_url_box&quot;&gt; &lt;p&gt;FMS URL: &lt;span class=&quot;encoder_url encoder_stream_url&quot;&gt;&lt;/span&gt;&lt;/p&gt; &lt;p&gt;Stream: &lt;span class=&quot;encoder_url encoder_stream&quot;&gt;&lt;/span&gt;&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;srtc_properties&quot; style=&quot;display: block;&quot;&gt; &lt;div class=&quot;btn-group flash_properties_selector_box_relative hover-inited&quot; role=&quot;group&quot; data-ot=&quot;Quality&quot;&gt; &lt;p class=&quot;btn flash_properties_selector_box dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; onclick=&quot;openSRTCQualitySelector()&quot;&gt; &lt;/p&gt; &lt;div class=&quot;flash_properties_selector_box_right&quot;&gt;&lt;/div&gt; &lt;ul class=&quot;dropdown-menu flash_properties_selector_list srtc_properties_selector_list_properties&quot;&gt; &lt;li onclick=&quot;setSRTCQuality(0)&quot;&gt; &lt;p&gt;Minimal&lt;/p&gt; &lt;/li&gt; &lt;li onclick=&quot;setSRTCQuality(1)&quot;&gt; &lt;p&gt;Normal&lt;/p&gt; &lt;/li&gt; &lt;li onclick=&quot;setSRTCQuality(2)&quot;&gt; &lt;p&gt;Improved&lt;/p&gt; &lt;/li&gt; &lt;li onclick=&quot;setSRTCQuality(3)&quot;&gt; &lt;p&gt;Maximum&lt;/p&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class=&quot;btn-group flash_properties_selector_box_relative rtc_microphone_selector hover-inited&quot; role=&quot;group&quot; data-ot=&quot;Microphone selection&quot;&gt; &lt;p class=&quot;btn flash_microphone_selector_label dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; onclick=&quot;openSRTCMicrophonesSelector()&quot;&gt;Microphone selection&lt;/p&gt; &lt;div class=&quot;flash_properties_selector_box_right&quot;&gt;&lt;/div&gt; &lt;ul class=&quot;dropdown-menu flash_properties_selector_list flash_microphone_selector_list&quot;&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class=&quot;btn-group flash_properties_selector_box_relative rtc_camera_selector hover-inited&quot; role=&quot;group&quot; data-ot=&quot;Camera selection&quot;&gt; &lt;p class=&quot;btn flash_camera_selector_label dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; onclick=&quot;openSRTCCamerasSelector()&quot;&gt;Camera selection&lt;/p&gt; &lt;div class=&quot;flash_properties_selector_box_right&quot;&gt;&lt;/div&gt; &lt;ul class=&quot;dropdown-menu flash_properties_selector_list flash_camera_selector_list&quot;&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;hangouts_properties&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;ui-resizable-handle ui-resizable-e&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-s&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;!-- ПРЕЗЕНТАЦИЯ --&gt; &lt;div id=&quot;main_box_presentation&quot; class=&quot;main_box is-master-block ui-draggable ui-resizable&quot; style=&quot;width: 631px; height: 735px; left: 335px; top: 60px; display: block;&quot;&gt; &lt;div class=&quot;main_inner_box&quot; id=&quot;main_box_presentation_inner&quot;&gt; &lt;div class=&quot;presentations-container-inner&quot;&gt; &lt;div class=&quot;presentations-container-header ui-draggable-handle&quot;&gt; &lt;div class=&quot;presentations-container-header-inner&quot;&gt; &lt;div class=&quot;presentations-container-header-open-drawing-tools grey-button-style hidden&quot; onclick=&quot;onEnableDrawindToolClick(event)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentations-container-header-tabs&quot;&gt; &lt;div class=&quot;presentations-container-header-tab tab-presentations selected&quot; onclick=&quot;onPresentationsTabClick()&quot;&gt;Presentation&lt;/div&gt; &lt;div class=&quot;presentations-container-header-tab tab-screen master-flex&quot; onclick=&quot;onPresentationsTabClick(&#x27;screen&#x27;)&quot;&gt; &lt;div class=&quot;presentations-container-header-tab-label&quot;&gt;Desktop&lt;/div&gt; &lt;div class=&quot;presentations-container-header-tab-spinner&quot;&gt;&lt;div class=&quot;spinner&quot; role=&quot;progressbar&quot; style=&quot;position: absolute; width: 0px; z-index: 2000000000; left: 50%; top: 50%;&quot;&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-0-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(27deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-1-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(63deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-2-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(99deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-3-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(135deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-4-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(171deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-5-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(207deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-6-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(243deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-7-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(279deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-8-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(315deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-9-10;&quot;&gt;&lt;div style=&quot;position: absolute; width: 4px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(351deg) translate(6px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentations-container-header-list presentations_list_box only-moderator-object ui-sortable&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentations-container-header-screen hidden&quot;&gt; &lt;/div&gt; &lt;div class=&quot;grey-button-style mobile-menu-button-left-slide&quot; onclick=&quot;mobileButtonSlideLeft()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;grey-button-style mobile-menu-button-right-slide&quot; onclick=&quot;mobileButtonSlideRight()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentations-container-header-artboard-show-video&quot; onclick=&quot;showVideoForArtboardClick()&quot;&gt;Video and chat&lt;/div&gt; &lt;div class=&quot;presentations-container-header-artboard-hide-video&quot; onclick=&quot;hideVideoForArtboardClick()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentations-container-header-appender-button master&quot; onclick=&quot;onPresentationsTabClick()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentations-container-header-selector-button master&quot; onclick=&quot;openQuicMorePresentations(event)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentations-container-header-fullscreen grey-button-style&quot; onclick=&quot;fullScreenById(&#x27;main_box_presentation_inner&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;grey-button-style open-mobile-menu-button&quot; onclick=&quot;openMobileTopMenuClick()&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentations-container-header-screen-publishing&quot;&gt; &lt;div class=&quot;resentations-container-header-screen-publishing-stop-button&quot; onclick=&quot;stopScreenClick()&quot;&gt;Stop Share&lt;/div&gt; &lt;div class=&quot;resentations-container-header-screen-publishing-name-prefix&quot;&gt;screen sharing:&lt;/div&gt; &lt;div class=&quot;resentations-container-header-screen-publishing-name&quot;&gt;&lt;/div&gt; &lt;div class=&quot;resentations-container-header-screen-publishing-empty&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentations-container-header-fullscreen grey-button-style&quot; onclick=&quot;fullScreenById(&#x27;main_box_presentation_inner&#x27;)&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentations-container-central&quot;&gt; &lt;div class=&quot;presentations-container-central-tools hidden&quot;&gt; &lt;div class=&quot;presentation_tool_brush_properties&quot;&gt;&lt;div class=&quot;fabric-options-container&quot;&gt; &lt;div class=&quot;fabric-icon action-draw hover-inited&quot; data-ot=&quot;Brush mode&quot;&gt;&lt;div class=&quot;fabric-icon-brush&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;fabric-icon noborder hover-inited&quot; data-ot=&quot;Color selection&quot;&gt; &lt;div class=&quot;fabric-icon-color&quot;&gt; &lt;input type=&quot;text&quot; id=&quot;fabric-color-picker&quot; style=&quot;display: none;&quot;&gt;&lt;div class=&quot;sp-replacer sp-light fabric-color-selector&quot;&gt;&lt;div class=&quot;sp-preview&quot;&gt;&lt;div class=&quot;sp-preview-inner&quot; style=&quot;background-color: rgb(0, 0, 0);&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;sp-dd&quot;&gt;▼&lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;fabric-icon dropdown hover-inited&quot; data-ot=&quot;Brush size&quot;&gt; &lt;div class=&quot;fabric-icon-size dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;&lt;/div&gt; &lt;ul class=&quot;dropdown-menu fabric-dropdown-menu fabric-size-dropdown&quot;&gt; &lt;li onclick=&quot;setDrawingBrushSizeClick(2)&quot;&gt;&lt;div class=&quot;fabric-icon-size-item&quot; style=&quot;width:2px;height:2px;border-radius:1px&quot;&gt;&lt;/div&gt;&lt;/li&gt; &lt;li onclick=&quot;setDrawingBrushSizeClick(10)&quot;&gt;&lt;div class=&quot;fabric-icon-size-item&quot; style=&quot;width:10px;height:10px;border-radius:5px&quot;&gt;&lt;/div&gt;&lt;/li&gt; &lt;li onclick=&quot;setDrawingBrushSizeClick(20)&quot;&gt;&lt;div class=&quot;fabric-icon-size-item&quot; style=&quot;width:20px;height:20px;border-radius:10px&quot;&gt;&lt;/div&gt;&lt;/li&gt; &lt;li onclick=&quot;setDrawingBrushSizeClick(26)&quot;&gt;&lt;div class=&quot;fabric-icon-size-item&quot; style=&quot;width:26px;height:26px;border-radius:13px&quot;&gt;&lt;/div&gt;&lt;/li&gt; &lt;li onclick=&quot;setDrawingBrushSizeClick(30)&quot;&gt;&lt;div class=&quot;fabric-icon-size-item&quot; style=&quot;width:30px;height:30px;border-radius:15px&quot;&gt;&lt;/div&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;!--div class=&quot;fabric-icon action-select&quot; data-ot=&quot;Selection mode&quot;&gt;&lt;div class=&quot;fabric-icon-hand&quot;&gt;&lt;/div&gt;&lt;/div--&gt; &lt;div class=&quot;fabric-icon dropdown hover-inited&quot; data-ot=&quot;Figures&quot;&gt; &lt;div class=&quot;fabric-icon-figures dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;&lt;/div&gt; &lt;ul class=&quot;dropdown-menu fabric-dropdown-menu&quot;&gt; &lt;li&gt;&lt;div class=&quot;fabric-icon-figures fabric-icon-rectangle&quot; onclick=&quot;addFabricSquare()&quot;&gt;&lt;/div&gt;&lt;/li&gt; &lt;li&gt;&lt;div class=&quot;fabric-icon-figures fabric-icon-circle&quot; onclick=&quot;addFabricCircle()&quot;&gt;&lt;/div&gt;&lt;/li&gt; &lt;li&gt;&lt;div class=&quot;fabric-icon-figures fabric-icon-triangle&quot; onclick=&quot;addFabricTriangle()&quot;&gt;&lt;/div&gt;&lt;/li&gt; &lt;li&gt;&lt;div class=&quot;fabric-icon-figures fabric-icon-rectangle-filled&quot; onclick=&quot;addFabricSquare(true)&quot;&gt;&lt;/div&gt;&lt;/li&gt; &lt;li&gt;&lt;div class=&quot;fabric-icon-figures fabric-icon-circle-filled&quot; onclick=&quot;addFabricCircle(true)&quot;&gt;&lt;/div&gt;&lt;/li&gt; &lt;li&gt;&lt;div class=&quot;fabric-icon-figures fabric-icon-triangle-filled&quot; onclick=&quot;addFabricTriangle(true)&quot;&gt;&lt;/div&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class=&quot;fabric-icon action-text hover-inited&quot; data-ot=&quot;Insert text&quot;&gt;&lt;div class=&quot;fabric-icon-text&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;fabric-icon action-formula hover-inited&quot; data-ot=&quot;Insert text&quot;&gt;&lt;div class=&quot;fabric-icon-function&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;fabric-icon action-trash hover-inited&quot; data-ot=&quot;Delete an image&quot;&gt;&lt;div class=&quot;fabric-icon-trash&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;fabric-icon action-undo selected hover-inited&quot; data-ot=&quot;Undo&quot;&gt;&lt;div class=&quot;fabric-icon-undo&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;fabric-icon action-arrow hover-inited&quot; data-ot=&quot;Show a cursor&quot;&gt;&lt;div class=&quot;fabric-icon-arrow&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;!--div class=&quot; fabric-icon action-new-slide&quot; data-ot=&quot;Add a new slide&quot;&gt;&lt;div class=&quot;fabric-icon-new-slide&quot;&gt;&lt;/div&gt;&lt;/div--&gt; &lt;div class=&quot;fabric-icon action-start-screen master hover-inited&quot; data-ot=&quot;Online-streaming of the slide&quot;&gt;&lt;div class=&quot;fabric-icon-start-screen&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentations-container-central-content&quot;&gt; &lt;div class=&quot;presentation_images_box presentation-content-box&quot; style=&quot;display: none;&quot;&gt; &lt;div class=&quot;presentation_images_box_top&quot;&gt; &lt;div class=&quot;presentation_right_view_box&quot; tabindex=&quot;0&quot;&gt; &lt;div class=&quot;presentation_img_box&quot; style=&quot;&quot;&gt; &lt;div class=&quot;presentation_img_box_inner&quot;&gt; &lt;img class=&quot;presentation_img&quot; id=&quot;presentation_img&quot; crossorigin=&quot;Anonymous&quot; style=&quot;height: 100px; margin-left: 50px; margin-top: 0px;&quot;&gt; &lt;/div&gt; &lt;div class=&quot;presentation_img_box_swiper&quot;&gt; &lt;div class=&quot;presentation_img_box_swiper_inner&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation-dashboard-over-image-container one-page-dashboard&quot; style=&quot;height: 100%;&quot;&gt; &lt;div class=&quot;dashboard-editor-container webinar&quot;&gt;&lt;div class=&quot;geDiagramContainer geDiagramBackdrop cursor_grab_shape&quot; style=&quot;inset: 69px 240px 28px 0px; touch-action: none; overflow: hidden;&quot; tabindex=&quot;0&quot;&gt;&lt;div style=&quot;position: absolute; border-width: 1px; overflow: hidden; left: -50px; top: -38px; width: 99px; height: 74px; border-color: rgb(255, 255, 255); border-style: solid; background-color: rgb(255, 255, 255); background-image: none;&quot; class=&quot;geBackgroundPage&quot;&gt;&lt;/div&gt;&lt;svg style=&quot;left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 101px; min-height: 76px; position: absolute; background-image: none;&quot;&gt;&lt;g&gt;&lt;g&gt;&lt;/g&gt;&lt;g&gt;&lt;/g&gt;&lt;g&gt;&lt;/g&gt;&lt;g&gt;&lt;/g&gt;&lt;/g&gt;&lt;/svg&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;dashboard-main-canvas-container not-active&quot;&gt;&lt;div class=&quot;canvas-container&quot; style=&quot;width: 97px; height: 72px; position: relative; user-select: none; left: -50px; top: -38px;&quot;&gt;&lt;canvas id=&quot;dashboard-main-canvas&quot; class=&quot;dashboard-main-canvas lower-canvas&quot; style=&quot;position: absolute; width: 97px; height: 72px; left: 0px; top: 0px; touch-action: none; user-select: none;&quot; width=&quot;97&quot; height=&quot;72&quot;&gt;&lt;/canvas&gt;&lt;canvas class=&quot;upper-canvas dashboard-main-canvas&quot; style=&quot;position: absolute; width: 97px; height: 72px; left: 0px; top: 0px; touch-action: none; user-select: none;&quot; width=&quot;97&quot; height=&quot;72&quot;&gt;&lt;/canvas&gt;&lt;div class=&quot;dashboard-main-canvas-cursor hidden&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;presentation-slides-comments-container hidden ui-resizable&quot;&gt; &lt;div class=&quot;presentation-slides-comments-dragging-line ui-resizable-handle ui-resizable-n&quot;&gt; &lt;div class=&quot;presentation-slides-comments-dragging-line-icon&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation-slides-comments-content-box&quot;&gt; &lt;textarea class=&quot;presentation-slides-comments-content-input&quot; placeholder=&quot;Add a commet for a slide&quot;&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;prez_spinner&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentations-container-slides-selector&quot;&gt; &lt;div class=&quot;presentations-container-slides-selector-inner&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentations-container-slides-thumb&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation-images-slides-container hidden&quot;&gt; &lt;div class=&quot;presentation-images-slides-container-inner&quot;&gt; &lt;div class=&quot;presentation-images-slides-container-top-line&quot;&gt; &lt;div class=&quot;presentation-images-new-slide-button&quot; onclick=&quot;appendPresentationSlideClick()&quot;&gt;Add slide&lt;/div&gt; &lt;div class=&quot;presentation-images-upload-button&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation-images-slides-list&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation_controlls_mobile_slide_number&quot;&gt; &lt;div class=&quot;mobile_slide_number presentation_current_page&quot;&gt;&lt;/div&gt; &lt;div class=&quot;mobile_slide_number delimiter&quot;&gt;/&lt;/div&gt; &lt;div class=&quot;mobile_slide_number maximum_slides_number&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation_controlls_box&quot;&gt; &lt;div class=&quot;presentation-controlls-box-drawing-inner hidden&quot;&gt; &lt;div class=&quot;presentation-controlls-box-drawing-left&quot;&gt; &lt;div class=&quot;presentation_slide_left&quot; onclick=&quot;presentationMediaPrevious()&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation-controlls-box-drawing-middle&quot;&gt; &lt;/div&gt; &lt;div class=&quot;presentation-controlls-box-drawing-right&quot;&gt; &lt;div class=&quot;presentation_slide_right&quot; onclick=&quot;presentationMediaNext()&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation-controlls-box-mobile-inner hidden&quot;&gt; &lt;div class=&quot;presentation-controlls-box-drawing-left&quot;&gt; &lt;div class=&quot;presentation_slide_left&quot; onclick=&quot;presentationMediaPrevious()&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation-controlls-box-mobile-middle&quot; onclick=&quot;onPresentationSlidesOpenClick()&quot;&gt; &lt;div class=&quot;presentation-controlls-box-mobile-middle-name&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentation-controlls-box-mobile-middle_number&quot;&gt; (&lt;div class=&quot;presentation-controlls-box-mobile-middle_number_item presentation_mobile_current_page&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentation-controlls-box-mobile-middle_number_item delimiter&quot;&gt;/&lt;/div&gt; &lt;div class=&quot;presentation-controlls-box-mobile-middle_number_item maximum_slides_number&quot;&gt;&lt;/div&gt; ) &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation-controlls-box-drawing-right&quot;&gt; &lt;div class=&quot;presentation_slide_right&quot; onclick=&quot;presentationMediaNext()&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation-controlls-box-inner&quot;&gt; &lt;div class=&quot;presentation-controlls-left-item&quot;&gt; &lt;div class=&quot;presentation-controlls-position-box&quot;&gt; &lt;div class=&quot;dashboard-zoom-menu-map&quot; onclick=&quot;onDashboardToggleMap()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;dashboard-zoom-menu-center&quot; onclick=&quot;onDashboardMoveToBase()&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation-controlls-zoom-box&quot;&gt; &lt;div class=&quot;presentation_zoom_in&quot; onclick=&quot;onDashboardZoomInClick()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentation_zoom_value dashboard-zoom-value&quot;&gt;13%&lt;/div&gt; &lt;div class=&quot;presentation_zoom_out&quot; onclick=&quot;onDashboardZoomOutClick()&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation-controlls-undoredo-box&quot;&gt; &lt;div class=&quot;dashboard-top-menu-history-box&quot;&gt; &lt;div class=&quot;dashboard-top-menu-history-undo dashboard-no-select &quot; onclick=&quot;onDashboardUndo()&quot; data-ot=&quot;Cancel&quot;&gt;&lt;/div&gt; &lt;div class=&quot;dashboard-top-menu-history-redo dashboard-no-select&quot; onclick=&quot;onDashboardRedo()&quot; data-ot=&quot;Repeat&quot;&gt;&lt;/div&gt; &lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation-controlls-right-controls master&quot;&gt; &lt;div class=&quot;presentation-controlls-right-controls-inner&quot;&gt; &lt;div class=&quot;presentation_slide_left&quot; onclick=&quot;presentationMediaPrevious()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentation_slide_middle&quot; onclick=&quot;onPresentationSlidesOpenClick()&quot;&gt; &lt;div class=&quot;presentation_slide_middle_text&quot;&gt;Slides&lt;/div&gt; &lt;div class=&quot;presentation_slide_middle_value&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentation_slide_middle_slash&quot;&gt;/&lt;/div&gt; &lt;div class=&quot;presentation_slide_middle_all&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation_slide_right&quot; onclick=&quot;presentationMediaNext()&quot;&gt;&lt;/div&gt; &lt;!--div class=&quot;presentation_item_arrow_left_stop presentation-controlls-box-item&quot; onclick=&quot;presentationMediaFirst()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentation_item_arrow_left presentation-controlls-box-item&quot; onclick=&quot;presentationMediaPrevious()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentation_current_page presentation-controlls-box-item&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentation_item_arrow_right presentation-controlls-box-item&quot; onclick=&quot;presentationMediaNext()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentation_item_arrow_right_stop presentation-controlls-box-item&quot; onclick=&quot;presentationMediaLast()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentation-controlls-slides-appender&quot;&gt;&lt;label for=&quot;multislides_files&quot;&gt;Add slides&lt;/label&gt;&lt;/div&gt; &lt;div class=&quot;presentation-controlls-slides-save-uploaded&quot; onclick=&quot;onSlidesSelectorSaveUploaded(event)&quot;&gt;Save&lt;/div&gt; &lt;div class=&quot;presentation-controlls-slides-selector&quot; onclick=&quot;openSlidesSelector(event)&quot; data-ot=&quot;Click here to select a slide&quot;&gt;&lt;span class=&quot;maximum_slides_number_label&quot;&gt;Slides&amp;nbsp;&lt;/span&gt;(&lt;span class=&quot;maximum_slides_number&quot;&gt;&lt;/span&gt;)&lt;/div--&gt; &lt;/div&gt; &lt;div class=&quot;presentation-controlls-right-controls-out&quot;&gt; &lt;input id=&quot;multislides_files&quot; type=&quot;file&quot; multiple=&quot;&quot; accept=&quot;image/jpeg,image/jpg,image/png&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation-controlls-right-view only-viewer&quot;&gt; &lt;div class=&quot;presentation_slide_middle&quot;&gt; &lt;div class=&quot;presentation_slide_middle_text&quot;&gt;Slides&lt;/div&gt; &lt;div class=&quot;presentation_slide_middle_value&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentation_slide_middle_slash&quot;&gt;/&lt;/div&gt; &lt;div class=&quot;presentation_slide_middle_all&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;dashboard-tools-container-outer&quot;&gt; &lt;div class=&quot;dashboard-tools-container dashboard-editor-element hide-editor-elements&quot;&gt; &lt;div class=&quot;dashboard-tool-item dashboard-tool-pointer&quot;&gt; &lt;div class=&quot;dashboard-tool-item-icon dashboard-tool-pointer-icon hover-inited&quot; data-ot=&quot;Select&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;dashboard-tool-item dashboard-tool-hand selected&quot;&gt; &lt;div class=&quot;dashboard-tool-item-icon dashboard-tool-hand-icon hover-inited&quot; data-ot=&quot;Relocation mode&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;dashboard-tool-item-delimiter one&quot;&gt;&lt;/div&gt; &lt;div class=&quot;dashboard-tool-item dashboard-tool-brush&quot;&gt; &lt;div class=&quot;dashboard-tool-item-icon dashboard-tool-brush-icon hover-inited&quot; data-ot=&quot;Free drawing&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;dashboard-tool-item dashboard-tool-sticker&quot;&gt; &lt;div class=&quot;dashboard-tool-item-icon dashboard-tool-sticker-icon hover-inited&quot; data-ot=&quot;Stickers&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;dashboard-tool-item dashboard-tool-shape&quot;&gt; &lt;div class=&quot;dashboard-tool-item-icon dashboard-tool-shape-icon hover-inited&quot; data-ot=&quot;Figures&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;dashboard-tool-item dashboard-tool-arrow&quot;&gt; &lt;div class=&quot;dashboard-tool-item-icon dashboard-tool-arrow-icon hover-inited&quot; data-ot=&quot;Connection arrow&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;dashboard-tool-item dashboard-tool-text&quot;&gt; &lt;!--div class=&quot;dashboard-tool-item-icon dashboard-tool-text-icon&quot; data-ot=&quot;Text&quot;&gt;&lt;/div--&gt; &lt;a class=&quot;geItem textbox-simple hover-inited&quot; data-ot=&quot;Text&quot; style=&quot;overflow: hidden; width: 34px; height: 32px; padding: 1px;&quot;&gt;&lt;svg style=&quot;left: 1px; top: 1px; width: 32px; height: 30px; display: block; position: relative; overflow: hidden;&quot;&gt;&lt;g&gt;&lt;g&gt;&lt;/g&gt;&lt;g&gt;&lt;g transform=&quot;translate(0.5,0.5)&quot;&gt;&lt;rect x=&quot;1.96&quot; y=&quot;12.88&quot; width=&quot;28&quot; height=&quot;4.2&quot; fill=&quot;none&quot; stroke=&quot;white&quot; pointer-events=&quot;stroke&quot; visibility=&quot;hidden&quot; stroke-width=&quot;9&quot;&gt;&lt;/rect&gt;&lt;rect x=&quot;1.96&quot; y=&quot;12.88&quot; width=&quot;28&quot; height=&quot;4.2&quot; fill=&quot;none&quot; stroke=&quot;none&quot; pointer-events=&quot;all&quot;&gt;&lt;/rect&gt;&lt;/g&gt;&lt;/g&gt;&lt;g&gt;&lt;/g&gt;&lt;g&gt;&lt;/g&gt;&lt;/g&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/div&gt; &lt;div class=&quot;dashboard-tool-item-delimiter two&quot;&gt;&lt;/div&gt; &lt;div class=&quot;dashboard-tool-item dashboard-tool-show-cursor&quot;&gt; &lt;div class=&quot;dashboard-tool-item-icon dashboard-tool-show-cursor-icon hover-inited&quot; data-ot=&quot;Make cursor visible&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;!--div class=&quot;dashboard-tool-item dashboard-tool-frame&quot;&gt; &lt;div class=&quot;dashboard-tool-item-icon dashboard-tool-frame-icon&quot; data-ot=&quot;Workspace&quot;&gt;&lt;/div&gt; &lt;/div--&gt; &lt;div class=&quot;dashboard-tool-item dashboard-tool-image hidden&quot;&gt; &lt;div class=&quot;dashboard-tool-item-icon dashboard-tool-image-icon hover-inited&quot; data-ot=&quot;Image&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;dashboard-tool-item dashboard-tool-formula hidden&quot;&gt; &lt;div class=&quot;dashboard-tool-item-icon dashboard-tool-formula-icon hover-inited&quot; data-ot=&quot;Formulas&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;dashboard-tool-item dashboard-tool-comment hidden&quot;&gt; &lt;div class=&quot;dashboard-tool-item-icon dashboard-tool-comment-icon hover-inited&quot; data-ot=&quot;Comment&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;dashboard-tool-item dashboard-tool-templates hidden&quot;&gt; &lt;div class=&quot;dashboard-tool-item-icon dashboard-tool-templates-icon hover-inited&quot; data-ot=&quot;Templates&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;dashboard-tool-item-delimiter three&quot;&gt;&lt;/div&gt; &lt;div class=&quot;dashboard-tool-item dashboard-tool-properties&quot;&gt; &lt;div class=&quot;dashboard-tool-item-icon dashboard-tool-properties-icon hover-inited&quot; data-ot=&quot;Settings&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;for-contex-menu&quot;&gt;&lt;/div&gt; &lt;/div&gt;&lt;div class=&quot;dashboard-top-menu&quot;&gt; &lt;div class=&quot;dashboard-top-menu-name-box hidden&quot;&gt; &lt;div class=&quot;dashboard-top-menu-name-label&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;div class=&quot;dashboard-left-bottom-menu&quot;&gt; &lt;div class=&quot;dashboard-bottom-menu-properties-box&quot;&gt; &lt;div class=&quot;dashboard-bottom-menu-properties-icon dashboard-no-select&quot; onclick=&quot;onDashboardOpenProperties()&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;div class=&quot;dashboard-zoom-menu&quot;&gt; &lt;!--div class=&quot;dashboard-zoom-menu-map-box hidden&quot;&gt; &lt;div class=&quot;dashboard-zoom-menu-map-box-container&quot;&gt; &lt;/div&gt; &lt;/div--&gt; &lt;div class=&quot;dashboard-zoom-menu-buttons&quot;&gt; &lt;div class=&quot;dashboard-zoom-menu-map dashboard-no-select&quot; onclick=&quot;onDashboardToggleMap()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;dashboard-zoom-menu-plus dashboard-no-select&quot; onclick=&quot;onDashboardZoomInClick()&quot; data-ot=&quot;Zoom in&quot;&gt;&lt;/div&gt; &lt;div class=&quot;dashboard-zoom-menu-minus dashboard-no-select&quot; onclick=&quot;onDashboardZoomOutClick()&quot; data-ot=&quot;Zoom out&quot;&gt;&lt;/div&gt; &lt;div class=&quot;dashboard-zoom-menu-center dashboard-no-select&quot; onclick=&quot;onDashboardMoveToBase()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;dashboard-zoom-menu-value dashboard-zoom-value dashboard-no-select&quot; onclick=&quot;onDashboardZoomToBase()&quot;&gt;13%&lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;div class=&quot;dashboard-zoom-menu-map-box hidden&quot;&gt; &lt;div class=&quot;dashboard-zoom-menu-map-box-container&quot;&gt; &lt;canvas class=&quot;dashboard-zoom-menu-map-canvas&quot;&gt;&lt;/canvas&gt; &lt;div class=&quot;dashboard-zoom-menu-map-position-box&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;div class=&quot;dashboard-participants-box&quot;&gt; &lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;presentation_video_box presentation-content-box&quot; style=&quot;display: none;&quot;&gt; &lt;/div&gt; &lt;div class=&quot;presentation_youtube_box presentation-content-box&quot; style=&quot;display: none;&quot;&gt; &lt;/div&gt; &lt;div class=&quot;presentation_tests_box presentation-content-box&quot; style=&quot;display: none;&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentation_html_box presentation-content-box&quot; style=&quot;display: none;&quot;&gt;&lt;/div&gt; &lt;div class=&quot;presentation_dashboard_box swiper-no-swiping presentation-content-box&quot; style=&quot;display: none;&quot;&gt; &lt;/div&gt; &lt;div class=&quot;srtc_screen_share_box presentation-content-box&quot; style=&quot;display: none;&quot;&gt; &lt;div class=&quot;presentation_srtc_screen_view_box&quot;&gt;&lt;/div&gt; &lt;!--div class=&quot;presentation_screen_start_box&quot;&gt;&lt;/div--&gt; &lt;!--div class=&quot;presentation_screen_spin_box&quot;&gt;&lt;/div--&gt; &lt;/div&gt; &lt;div class=&quot;presentation_img_loading_box&quot; style=&quot;display: none;&quot;&gt; &lt;div class=&quot;presentation_img_loading_box_inner&quot;&gt; &lt;p class=&quot;presentation_img_box_loading_p&quot;&gt;&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation_between_loading_box&quot; style=&quot;display: none;&quot;&gt;&lt;div class=&quot;spinner&quot; role=&quot;progressbar&quot; style=&quot;position: absolute; width: 0px; z-index: 2000000000; left: 50%; top: 50%;&quot;&gt;&lt;div style=&quot;position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-0-16;&quot;&gt;&lt;div style=&quot;position: absolute; width: 22px; height: 2px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(27deg) translate(20px, 0px); border-radius: 1px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-1-16;&quot;&gt;&lt;div style=&quot;position: absolute; width: 22px; height: 2px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(49deg) translate(20px, 0px); border-radius: 1px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-2-16;&quot;&gt;&lt;div style=&quot;position: absolute; width: 22px; height: 2px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(72deg) translate(20px, 0px); border-radius: 1px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-3-16;&quot;&gt;&lt;div style=&quot;position: absolute; width: 22px; height: 2px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(94deg) translate(20px, 0px); border-radius: 1px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-4-16;&quot;&gt;&lt;div style=&quot;position: absolute; width: 22px; height: 2px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(117deg) translate(20px, 0px); border-radius: 1px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-5-16;&quot;&gt;&lt;div style=&quot;position: absolute; width: 22px; height: 2px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(139deg) translate(20px, 0px); border-radius: 1px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-6-16;&quot;&gt;&lt;div style=&quot;position: absolute; width: 22px; height: 2px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(162deg) translate(20px, 0px); border-radius: 1px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-7-16;&quot;&gt;&lt;div style=&quot;position: absolute; width: 22px; height: 2px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(184deg) translate(20px, 0px); border-radius: 1px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-8-16;&quot;&gt;&lt;div style=&quot;position: absolute; width: 22px; height: 2px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(207deg) translate(20px, 0px); border-radius: 1px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-9-16;&quot;&gt;&lt;div style=&quot;position: absolute; width: 22px; height: 2px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(229deg) translate(20px, 0px); border-radius: 1px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-10-16;&quot;&gt;&lt;div style=&quot;position: absolute; width: 22px; height: 2px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(252deg) translate(20px, 0px); border-radius: 1px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-11-16;&quot;&gt;&lt;div style=&quot;position: absolute; width: 22px; height: 2px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(274deg) translate(20px, 0px); border-radius: 1px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-12-16;&quot;&gt;&lt;div style=&quot;position: absolute; width: 22px; height: 2px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(297deg) translate(20px, 0px); border-radius: 1px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-13-16;&quot;&gt;&lt;div style=&quot;position: absolute; width: 22px; height: 2px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(319deg) translate(20px, 0px); border-radius: 1px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-14-16;&quot;&gt;&lt;div style=&quot;position: absolute; width: 22px; height: 2px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(342deg) translate(20px, 0px); border-radius: 1px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-15-16;&quot;&gt;&lt;div style=&quot;position: absolute; width: 22px; height: 2px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(364deg) translate(20px, 0px); border-radius: 1px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation_add_box presentation-content-box&quot; style=&quot;display: block;&quot;&gt; &lt;div class=&quot;presentation_add_box_inner&quot;&gt; &lt;div class=&quot;presentation_add_box_item upload-presentation&quot;&gt; &lt;div class=&quot;presentation_add_box_item_inner&quot;&gt; &lt;div class=&quot;presentation_add_box_item_logo image_upload_presentation&quot;&gt;&lt;/div&gt; &lt;p class=&quot;presentation_add_box_item_label&quot;&gt;Upload a presentation&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation_add_box_item master&quot; onclick=&quot;addMediaPresentationForDraw()&quot;&gt; &lt;div class=&quot;presentation_add_box_item_inner&quot;&gt; &lt;div class=&quot;presentation_add_box_item_logo image_empty_image&quot;&gt;&lt;/div&gt; &lt;p class=&quot;presentation_add_box_item_label&quot;&gt;Whiteboard&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation_add_box_item upload-image&quot;&gt; &lt;div class=&quot;presentation_add_box_item_inner&quot;&gt; &lt;div class=&quot;presentation_add_box_item_logo image_upload_image&quot;&gt;&lt;/div&gt; &lt;p class=&quot;presentation_add_box_item_label&quot;&gt;Upload an image&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation_add_box_item upload-audio&quot;&gt; &lt;div class=&quot;presentation_add_box_item_inner&quot;&gt; &lt;div class=&quot;presentation_add_box_item_logo image_upload_audio&quot;&gt;&lt;/div&gt; &lt;p class=&quot;presentation_add_box_item_label&quot;&gt;Upload an audio&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation_add_box_item upload-video&quot;&gt; &lt;div class=&quot;presentation_add_box_item_inner&quot;&gt; &lt;div class=&quot;presentation_add_box_item_logo image_upload_video&quot;&gt;&lt;/div&gt; &lt;p class=&quot;presentation_add_box_item_label&quot;&gt;Upload a video&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation_add_box_item&quot; onclick=&quot;addYouTubeAsPresentationClick()&quot;&gt; &lt;div class=&quot;presentation_add_box_item_inner&quot;&gt; &lt;div class=&quot;presentation_add_box_item_logo image_upload_youtube&quot;&gt;&lt;/div&gt; &lt;p class=&quot;presentation_add_box_item_label&quot;&gt;Add a YouTube video&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation_add_box_item master&quot; onclick=&quot;addMediaPresentationForHTML()&quot;&gt; &lt;div class=&quot;presentation_add_box_item_inner&quot;&gt; &lt;div class=&quot;presentation_add_box_item_logo image_empty_html&quot;&gt;&lt;/div&gt; &lt;p class=&quot;presentation_add_box_item_label&quot;&gt;Text field&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation_add_box_item master&quot; onclick=&quot;addMediaPresentationForSellButton()&quot;&gt; &lt;div class=&quot;presentation_add_box_item_inner&quot;&gt; &lt;div class=&quot;presentation_add_box_item_logo image_sell_button&quot;&gt;&lt;/div&gt; &lt;p class=&quot;presentation_add_box_item_label&quot;&gt;Button&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentation_add_box_item&quot; onclick=&quot;openQuizSelectorPopup()&quot;&gt; &lt;div class=&quot;presentation_add_box_item_inner&quot;&gt; &lt;div class=&quot;presentation_add_box_item_logo image_upload_new_presentation&quot;&gt;&lt;/div&gt; &lt;p class=&quot;presentation_add_box_item_label&quot;&gt;Quiz&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;presentations-container-sell-button-content&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;fabric-text-edit-container&quot;&gt; &lt;div class=&quot;fte-content&quot;&gt; &lt;div class=&quot;line menu-block&quot;&gt; &lt;div class=&quot;fte-align left btn&quot; onclick=&quot;fabricTextAlign(&#x27;left&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;fte-align center btn&quot; onclick=&quot;fabricTextAlign(&#x27;center&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;fte-align justify btn&quot; onclick=&quot;fabricTextAlign(&#x27;justify&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;fte-align right btn&quot; onclick=&quot;fabricTextAlign(&#x27;right&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;menu-block hover-inited&quot; data-ot=&quot;Font size&quot;&gt; &lt;select class=&quot;fte-fontsize&quot;&gt; &lt;option value=&quot;5&quot;&gt;5 pt&lt;/option&gt; &lt;option value=&quot;8&quot;&gt;8 pt&lt;/option&gt; &lt;option value=&quot;10&quot;&gt;10 pt&lt;/option&gt; &lt;option value=&quot;12&quot;&gt;12 pt&lt;/option&gt; &lt;option value=&quot;14&quot;&gt;14 pt&lt;/option&gt; &lt;option value=&quot;18&quot;&gt;18 pt&lt;/option&gt; &lt;option value=&quot;20&quot;&gt;20 pt&lt;/option&gt; &lt;option value=&quot;24&quot;&gt;24 pt&lt;/option&gt; &lt;option value=&quot;30&quot;&gt;30 pt&lt;/option&gt; &lt;option value=&quot;36&quot;&gt;36 pt&lt;/option&gt; &lt;option value=&quot;48&quot;&gt;48 pt&lt;/option&gt; &lt;option value=&quot;72&quot;&gt;72 pt&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class=&quot;menu-block hover-inited&quot; data-ot=&quot;Spacing&quot;&gt; &lt;select class=&quot;fte-font-interval&quot;&gt; &lt;option value=&quot;1&quot;&gt;1&lt;/option&gt; &lt;option value=&quot;2&quot;&gt;2&lt;/option&gt; &lt;option value=&quot;3&quot;&gt;3&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class=&quot;line menu-block&quot;&gt; &lt;div class=&quot;fte-align fte-move-front hover-inited&quot; data-ot=&quot;Shift forth&quot; onclick=&quot;fabricMoveFront()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;fte-align fte-move-back hover-inited&quot; data-ot=&quot;Shift back&quot; onclick=&quot;fabricMoveBack()&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-e&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-s&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;!-- ЧАТ --&gt; &lt;div id=&quot;main_box_chat&quot; class=&quot;main_box main_box_chat is-master-block ui-draggable ui-resizable&quot; style=&quot;width: 317px; height: 364.5px; left: 10px; top: 432.5px; display: block;&quot;&gt; &lt;div class=&quot;main_inner_box&quot; id=&quot;main_box_chat_inner&quot;&gt; &lt;div class=&quot;chat-container-header ui-draggable-handle&quot;&gt; &lt;div class=&quot;chat-container-header-tab&quot;&gt;Chat&lt;/div&gt; &lt;div class=&quot;chat-container-header-content&quot;&gt; &lt;div class=&quot;chat-container-header-content-master master&quot;&gt; &lt;div class=&quot;chat-container-header-content-inner&quot;&gt; &lt;div class=&quot;chat-container-header-mobile-label&quot;&gt; &lt;div class=&quot;chat-container-header-mobile-label-box&quot;&gt; &lt;div class=&quot;chat-container-header-mobile-label-text&quot;&gt;Chat&lt;/div&gt; &lt;div class=&quot;chat-container-header-mobile-label-numerator&quot;&gt;0&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;chat-container-header-waiting-moderation&quot; onclick=&quot;openWaitingModerationMessages()&quot;&gt; &lt;div class=&quot;chat-container-header-waiting-moderation-label&quot;&gt;On moderation&lt;/div&gt; &lt;div class=&quot;chat-container-header-waiting-moderation-value&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;chat-container-header-return-back-button&quot; onclick=&quot;onReturnToMessagesClick()&quot;&gt;Messages&lt;/div&gt; &lt;div class=&quot;chat-container-header-typing-box-outer&quot;&gt; &lt;div class=&quot;chat-container-header-typing-box&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;chat-container-header-middle&quot;&gt; &lt;/div&gt; &lt;div class=&quot;chat-container-header-action grey-button-style action-check-alive&quot; onclick=&quot;onCheckAliveIconClick(event)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;chat-container-header-action grey-button-style action-menu&quot; onclick=&quot;onOpenModeratorsChatMenuClick(event)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;chat-container-header-action grey-button-style action-fullscreen&quot; onclick=&quot;fullScreenById(&#x27;main_box_chat_inner&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;grey-button-style open-mobile-menu-button&quot; onclick=&quot;openMobileTopMenuClick()&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;chat-container-header-content-viewer only-viewer&quot;&gt; &lt;div class=&quot;chat-container-header-content-inner&quot;&gt; &lt;div class=&quot;chat-container-header-mobile-label&quot;&gt; &lt;div class=&quot;chat-container-header-mobile-label-box&quot;&gt; &lt;div class=&quot;chat-container-header-mobile-label-text&quot;&gt;Chat&lt;/div&gt; &lt;div class=&quot;chat-container-header-mobile-label-numerator&quot;&gt;0&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;chat-container-header-return-back-button&quot; onclick=&quot;onReturnToMessagesClick()&quot;&gt;Messages&lt;/div&gt; &lt;div class=&quot;chat-container-header-middle&quot;&gt; &lt;/div&gt; &lt;div class=&quot;chat-container-header-action grey-button-style action-fullscreen&quot; onclick=&quot;fullScreenById(&#x27;main_box_chat_inner&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;grey-button-style open-mobile-menu-button&quot; onclick=&quot;openMobileTopMenuClick()&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;chatcontent_outer&quot;&gt; &lt;div id=&quot;chatcontent&quot;&gt; &lt;div class=&quot;chatmessages_outer&quot;&gt; &lt;div id=&quot;chatmessages&quot; class=&quot;has-font-13&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;chat_send_line&quot;&gt; &lt;div class=&quot;chat_send_line_inner&quot;&gt;&lt;div class=&quot;chat-input-line-left-box&quot;&gt; &lt;div class=&quot;chat-input-line-smile-button hover-inited&quot; data-ot=&quot;Stickers and emojis&quot;&gt;&lt;/div&gt; &lt;div class=&quot;chat-input-line-attach-button hover-inited&quot; data-ot=&quot;Attach file&quot;&gt;&lt;/div&gt; &lt;div class=&quot;chat-input-line-delimiter&quot;&gt;&lt;/div&gt; &lt;/div&gt;&lt;div class=&quot;im-messages-input-container&quot;&gt; &lt;div class=&quot;im-messages-input-container-line&quot;&gt; &lt;div class=&quot;im-messages-input-left-container&quot;&gt; &lt;div class=&quot;im-messages-input-left-top-container&quot;&gt; &lt;div class=&quot;im-messages-input-text-box&quot;&gt; &lt;div class=&quot;im-messages-input-text is-placeholder&quot; contenteditable=&quot;true&quot;&gt;Your message&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;im-messages-input-attachments-container-lessons-box&quot; style=&quot;display: none;&quot;&gt;&lt;/div&gt; &lt;div class=&quot;im-messages-input-attachments-container&quot;&gt; &lt;div class=&quot;im-messages-input-attachments-container-media-box&quot;&gt;&lt;/div&gt; &lt;div class=&quot;im-messages-input-attachments-container-list-box&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;im-messages-input-attachments-container-submessages-box&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;im-messages-input-actions-container&quot;&gt; &lt;div class=&quot;im-messages-input-action-send&quot; onclick=&quot;inputDialogMessagesSendClick(event)&quot;&gt;Send message&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;im-messages-input-action-smiles-popup webinar-chat-smiles-popup&quot;&gt; &lt;div class=&quot;im-messages-input-action-smiles-popup-inner&quot;&gt; &lt;div class=&quot;im-messages-input-action-smiles-popup-bottom&quot;&gt; &lt;div data-class=&quot;base-stickers&quot; class=&quot;im-messages-input-action-smiles-popup-bottom-item base-stickers selected&quot; onclick=&quot;onStickersListItemClicked(event)&quot;&gt;Stickers&lt;/div&gt; &lt;div data-class=&quot;smiles&quot; class=&quot;im-messages-input-action-smiles-popup-bottom-item smiles&quot; onclick=&quot;onStickersListItemClicked(event)&quot;&gt;Emojis&lt;/div&gt; &lt;div class=&quot;im-messages-input-action-smiles-popup-bottom-close&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;im-messages-input-action-smiles-popup-list&quot;&gt; &lt;div class=&quot;im-messages-input-action-smiles-popup-list-item base-stickers&quot;&gt; &lt;div data-path=&quot;/assets/sticker/001.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/001.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/002.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/002.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/003.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/003.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/004.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/004.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/005.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/005.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/006.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/006.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/007.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/007.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/008.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/008.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/009.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/009.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/010.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/010.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/011.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/011.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/012.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/012.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/013.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/013.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/014.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/014.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/015.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/015.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/016.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/016.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/017.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/017.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/018.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/018.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/019.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/019.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/020.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/020.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/021.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/021.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/022.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/022.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/023.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/023.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/024.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/024.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/025.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/025.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/026.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/026.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/027.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/027.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/028.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/028.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/029.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/029.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/030.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/030.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/031.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/031.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/032.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/032.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/033.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/033.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/034.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/034.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/035.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/035.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/036.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/036.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/037.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/037.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/038.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/038.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/039.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/039.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/040.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/040.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/041.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/041.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/042.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/042.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/043.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/043.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/044.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/044.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/045.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/045.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/046.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/046.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/047.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/047.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/048.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/048.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/049.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/049.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/050.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/050.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/051.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/051.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/052.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/052.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/053.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/053.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/054.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/054.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/055.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/055.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/056.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/056.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/057.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/057.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/058.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/058.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/sticker/059.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/sticker/059.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSticker(event)&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;im-messages-input-action-smiles-popup-list-item smiles&quot;&gt; &lt;div data-path=&quot;/assets/smile/001.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/001.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/002.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/002.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/003.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/003.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/004.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/004.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/005.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/005.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/006.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/006.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/007.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/007.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/008.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/008.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/009.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/009.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/010.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/010.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/011.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/011.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/012.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/012.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/013.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/013.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/014.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/014.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/015.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/015.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/016.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/016.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/017.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/017.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/018.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/018.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/019.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/019.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/020.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/020.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/021.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/021.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/022.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/022.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/023.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/023.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/024.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/024.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/025.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/025.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/026.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/026.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/027.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/027.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/028.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/028.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/029.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/029.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/030.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/030.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/031.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/031.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/032.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/032.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/033.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/033.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/034.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/034.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/035.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/035.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/036.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/036.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/037.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/037.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/038.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/038.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/039.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/039.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/040.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/040.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/041.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/041.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/042.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/042.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/043.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/043.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/044.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/044.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/045.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/045.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/046.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/046.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/047.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/047.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;div data-path=&quot;/assets/smile/048.svg&quot; class=&quot;im-messages-input-action-smiles-popup-item&quot; style=&quot;background-image: url(/assets/smile/048.svg);&quot; onclick=&quot;drawInputDialogMessagesSelectSmile(event)&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;input-action-smiles-popup-reactions&quot;&gt; &lt;div class=&quot;input-action-smiles-popup-reactions-inner&quot;&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-heart&quot; onclick=&quot;sendReaction(&#x27;heart&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-question&quot; onclick=&quot;sendReaction(&#x27;question&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-attention&quot; onclick=&quot;sendReaction(&#x27;attention&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-smile&quot; onclick=&quot;sendReaction(&#x27;smile&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-wow&quot; onclick=&quot;sendReaction(&#x27;wow&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-hand&quot; onclick=&quot;sendReaction(&#x27;hand&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-like&quot; onclick=&quot;sendReaction(&#x27;like&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-dislike&quot; onclick=&quot;sendReaction(&#x27;dislike&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;reaction-add-item reaction-add-item-fire&quot; onclick=&quot;sendReaction(&#x27;fire&#x27;)&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;im-messages-input-selector-container&quot;&gt; &lt;div class=&quot;im-messages-input-selector-numerator&quot;&gt;&lt;/div&gt; &lt;div class=&quot;im-messages-input-selector-actions-box&quot;&gt; &lt;div class=&quot;im-messages-input-selector-action action-response&quot; onclick=&quot;onDialogMessageActionsReply(event)&quot;&gt; &lt;div class=&quot;im-messages-input-selector-action-icon&quot;&gt;&lt;/div&gt; &lt;p class=&quot;im-messages-input-selector-action-text&quot;&gt;Respond&lt;/p&gt;&lt;p&gt; &lt;/p&gt;&lt;/div&gt; &lt;div class=&quot;im-messages-input-selector-action action-resend disabled&quot; onclick=&quot;onDialogMessageActionsResend(event)&quot;&gt; &lt;div class=&quot;im-messages-input-selector-action-icon&quot;&gt;&lt;/div&gt; &lt;p class=&quot;im-messages-input-selector-action-text&quot;&gt;Forward&lt;/p&gt;&lt;p&gt; &lt;/p&gt;&lt;/div&gt; &lt;div class=&quot;im-messages-input-selector-action action-like&quot; onclick=&quot;onDialogMessageActionsMark(event)&quot;&gt; &lt;div class=&quot;im-messages-input-selector-action-icon&quot;&gt;&lt;/div&gt; &lt;p class=&quot;im-messages-input-selector-action-text&quot;&gt;Select&lt;/p&gt;&lt;p&gt; &lt;/p&gt;&lt;/div&gt; &lt;div class=&quot;im-messages-input-selector-action action-unread&quot; onclick=&quot;onDialogMessageActionsUnread(event)&quot;&gt; &lt;div class=&quot;im-messages-input-selector-action-icon&quot;&gt;&lt;/div&gt; &lt;p class=&quot;im-messages-input-selector-action-text&quot;&gt;Unread&lt;/p&gt;&lt;p&gt; &lt;/p&gt;&lt;/div&gt; &lt;div class=&quot;im-messages-input-selector-action action-mark-responsed&quot; onclick=&quot;onDialogMessageActionsMarkAnswered(event)&quot;&gt; &lt;div class=&quot;im-messages-input-selector-action-icon&quot;&gt;&lt;/div&gt; &lt;p class=&quot;im-messages-input-selector-action-text&quot;&gt;Responded&lt;/p&gt;&lt;p&gt; &lt;/p&gt;&lt;/div&gt; &lt;div class=&quot;im-messages-input-selector-action action-drop&quot; onclick=&quot;onDialogMessageActionsDrop(event)&quot;&gt; &lt;div class=&quot;im-messages-input-selector-action-icon&quot;&gt;&lt;/div&gt; &lt;p class=&quot;im-messages-input-selector-action-text&quot;&gt;Delete&lt;/p&gt;&lt;p&gt; &lt;/p&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;im-messages-input-selector-cancelation&quot; onclick=&quot;onDialogMessageActionsClear(event)&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;im-messages-input-record-audio-container&quot;&gt; &lt;div class=&quot;im-messages-input-record-audio-container-progress-outer&quot;&gt; &lt;div class=&quot;im-messages-input-record-audio-container-progress&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;im-messages-input-record-audio-container-inner&quot;&gt; &lt;div class=&quot;im-messages-input-record-audio-container-cancel&quot; onclick=&quot;inputDialogMessagesRecordingCancel(event)&quot;&gt; &lt;/div&gt; &lt;div class=&quot;im-messages-input-record-audio-container-center&quot;&gt; &lt;div class=&quot;im-messages-input-record-audio-container-label-audio&quot;&gt;Audiomessage&lt;/div&gt; &lt;div class=&quot;im-messages-input-record-audio-container-stop&quot; onclick=&quot;inputDialogMessagesRecordingStop(event)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;im-messages-input-record-audio-container-duration&quot;&gt;&lt;/div&gt; &lt;div class=&quot;im-messages-input-record-audio-container-center-spinner for-video&quot;&gt;&lt;div class=&quot;spinner&quot; role=&quot;progressbar&quot; style=&quot;position: absolute; width: 0px; z-index: 2000000000; left: 50%; top: 50%;&quot;&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-0-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(27deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-1-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(57deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-2-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(87deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-3-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(117deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-4-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(147deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-5-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(177deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-6-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(207deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-7-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(237deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-8-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(267deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-9-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(297deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-10-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(327deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-11-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(357deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;im-messages-input-record-audio-container-force-send&quot; onclick=&quot;inputDialogMessagesRecordingForward(event)&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;video class=&quot;im-messages-input-record-audio-container-video&quot;&gt;&lt;/video&gt; &lt;/div&gt; &lt;div class=&quot;im-messages-input-record-video-container&quot;&gt; &lt;div class=&quot;im-messages-input-record-video-top-container&quot;&gt; &lt;div class=&quot;im-messages-input-record-video-top-container-video-box&quot;&gt; &lt;div class=&quot;im-messages-input-record-video-top-container-video-inner&quot;&gt; &lt;video class=&quot;im-messages-input-record-video-top-container-video&quot; playsinline=&quot;&quot; muted=&quot;&quot; autoplay=&quot;&quot;&gt;&lt;/video&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;im-messages-input-record-audio-container-progress-outer&quot;&gt; &lt;div class=&quot;im-messages-input-record-audio-container-progress&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;im-messages-input-record-audio-container-inner&quot;&gt; &lt;div class=&quot;im-messages-input-record-audio-container-cancel&quot; onclick=&quot;inputDialogMessagesRecordingCancel(event)&quot;&gt; &lt;/div&gt; &lt;div class=&quot;im-messages-input-record-audio-container-center&quot;&gt; &lt;div class=&quot;im-messages-input-record-audio-container-label-audio&quot;&gt;Audiomessage&lt;/div&gt; &lt;div class=&quot;im-messages-input-record-audio-container-stop&quot; onclick=&quot;inputDialogMessagesRecordingStop(event)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;im-messages-input-record-audio-container-duration&quot;&gt;&lt;/div&gt; &lt;div class=&quot;im-messages-input-record-audio-container-center-spinner for-audio&quot;&gt;&lt;div class=&quot;spinner&quot; role=&quot;progressbar&quot; style=&quot;position: absolute; width: 0px; z-index: 2000000000; left: 50%; top: 50%;&quot;&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-0-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(27deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-1-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(57deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-2-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(87deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-3-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(117deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-4-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(147deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-5-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(177deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-6-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(207deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-7-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(237deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-8-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(267deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-9-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(297deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-10-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(327deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-11-12;&quot;&gt;&lt;div style=&quot;position: absolute; width: 5px; height: 1px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center; transform: rotate(357deg) translate(10px, 0px); border-radius: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;im-messages-input-record-audio-container-force-send&quot; onclick=&quot;inputDialogMessagesRecordingForward(event)&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;chat_send_line_attachments&quot;&gt;&lt;/div&gt; &lt;div class=&quot;chat_send_line_blocker hidden&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;ui-resizable-handle ui-resizable-e&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-s&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;!-- ФАЙЛЫ --&gt; &lt;div id=&quot;main_box_files&quot; class=&quot;main_box ui-draggable ui-resizable&quot; style=&quot;display: none;&quot;&gt; &lt;div class=&quot;main_inner_box&quot; id=&quot;main_box_files_inner&quot;&gt; &lt;div class=&quot;files-container-header ui-draggable-handle&quot;&gt; &lt;div class=&quot;files-container-header-tab&quot;&gt;Files&lt;/div&gt; &lt;div class=&quot;files-container-header-content&quot;&gt; &lt;div class=&quot;grey-button-style mobile-menu-button-left-slide&quot; onclick=&quot;mobileButtonSlideLeft()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;grey-button-style mobile-menu-button-right-slide&quot; onclick=&quot;mobileButtonSlideRight()&quot;&gt;&lt;/div&gt; &lt;div class=&quot;files-container-header-content-master master&quot;&gt; &lt;div class=&quot;files-container-header-content-inner&quot;&gt; &lt;div class=&quot;files-container-header-action grey-button-style action-allow-download&quot; onclick=&quot;onAllowDownloadFilesClick(event)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;files-container-header-action grey-button-style action-fullscreen&quot; onclick=&quot;fullScreenById(&#x27;main_box_files_inner&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;grey-button-style open-mobile-menu-button&quot; onclick=&quot;openMobileTopMenuClick()&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;files-container-header-content-viewer only-viewer&quot;&gt; &lt;div class=&quot;files-container-header-content-inner&quot;&gt; &lt;div class=&quot;files-container-header-action grey-button-style action-fullscreen&quot; onclick=&quot;fullScreenById(&#x27;main_box_files_inner&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;grey-button-style open-mobile-menu-button&quot; onclick=&quot;openMobileTopMenuClick()&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;downloadable_files_list_box_outer&quot;&gt; &lt;div class=&quot;downloadable_files_list_box&quot;&gt; &lt;/div&gt; &lt;div class=&quot;downloadable_files_list_box_spinner&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;ui-resizable-handle ui-resizable-e&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-s&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;!-- Заметки --&gt; &lt;div id=&quot;main_box_notes&quot; class=&quot;main_box ui-draggable ui-resizable&quot; style=&quot;display: none;&quot;&gt; &lt;div class=&quot;main_inner_box&quot; id=&quot;main_box_notes_inner&quot;&gt; &lt;div class=&quot;notes-container-header ui-draggable-handle&quot;&gt; &lt;div class=&quot;notes-container-header-tab&quot;&gt;Notes&lt;/div&gt; &lt;div class=&quot;notes-container-header-content&quot;&gt; &lt;div class=&quot;notes-container-header-content-inner&quot;&gt; &lt;div class=&quot;notes-container-header-action grey-button-style action-fullscreen&quot; onclick=&quot;fullScreenById(&#x27;main_box_notes_inner&#x27;)&quot;&gt;&lt;/div&gt; &lt;div class=&quot;grey-button-style open-mobile-menu-button&quot; onclick=&quot;openMobileTopMenuClick()&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;dotted_line&quot;&gt;&lt;/div&gt; &lt;div id=&quot;notes_buttons_box&quot; class=&quot;wys_buttons_box&quot;&gt; &lt;/div&gt; &lt;div id=&quot;text_area_notes&quot; class=&quot;wys_editor h_5ad299f4be8db1436167135704389bea quill-editor-container&quot;&gt;&lt;div class=&quot;quill-wrapper-container compact_buttons unbordered&quot;&gt; &lt;div class=&quot;quill-main-container qmch_5ad299f4be8db1436167135704389bea&quot; id=&quot;qmch_5ad299f4be8db1436167135704389bea&quot; style=&quot;display: none;&quot;&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;note-editor note-frame panel panel-default&quot;&gt;&lt;div class=&quot;note-dropzone&quot;&gt; &lt;div class=&quot;note-dropzone-message&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;note-toolbar panel-heading&quot; role=&quot;toolbar&quot;&gt;&lt;div class=&quot;note-btn-group btn-group note-style&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Remove Font Style (CTRL+\)&quot; data-original-title=&quot;Remove Font Style (CTRL+\)&quot;&gt;&lt;i class=&quot;note-icon-eraser&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-btn-group btn-group note-font&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm note-btn-bold&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Bold (CTRL+B)&quot; data-original-title=&quot;Bold (CTRL+B)&quot;&gt;&lt;i class=&quot;note-icon-bold&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm note-btn-italic&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Italic (CTRL+I)&quot; data-original-title=&quot;Italic (CTRL+I)&quot;&gt;&lt;i class=&quot;note-icon-italic&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm note-btn-underline&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Underline (CTRL+U)&quot; data-original-title=&quot;Underline (CTRL+U)&quot;&gt;&lt;i class=&quot;note-icon-underline&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm note-btn-strikethrough&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Strikethrough (CTRL+SHIFT+S)&quot; data-original-title=&quot;Strikethrough (CTRL+SHIFT+S)&quot;&gt;&lt;i class=&quot;note-icon-strikethrough&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-btn-group btn-group note-fontsize&quot;&gt;&lt;div class=&quot;note-btn-group btn-group&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm dropdown-toggle&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; data-toggle=&quot;dropdown&quot; title=&quot;&quot; aria-label=&quot;Font Family&quot; data-original-title=&quot;Font Family&quot;&gt;&lt;span class=&quot;note-current-fontname&quot; style=&quot;font-family: Rubik;&quot;&gt;Rubik&lt;/span&gt; &lt;span class=&quot;note-icon-caret&quot;&gt;&lt;/span&gt;&lt;/button&gt;&lt;ul class=&quot;dropdown-menu note-check dropdown-menu-right dropdown-fontname&quot; role=&quot;list&quot; aria-label=&quot;Font Family&quot;&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;NotoSans&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;NotoSans&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; &lt;span style=&quot;font-family: &#x27;NotoSans&#x27;&quot;&gt;NotoSans&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;Arial&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;Arial&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; &lt;span style=&quot;font-family: &#x27;Arial&#x27;&quot;&gt;Arial&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;Arial Black&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;Arial Black&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; &lt;span style=&quot;font-family: &#x27;Arial Black&#x27;&quot;&gt;Arial Black&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;Comic Sans MS&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;Comic Sans MS&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; &lt;span style=&quot;font-family: &#x27;Comic Sans MS&#x27;&quot;&gt;Comic Sans MS&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;Courier New&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;Courier New&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; &lt;span style=&quot;font-family: &#x27;Courier New&#x27;&quot;&gt;Courier New&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;Beer money&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;Beer money&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; &lt;span style=&quot;font-family: &#x27;Beer money&#x27;&quot;&gt;Beer money&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;Nautilus Pompilius&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;Nautilus Pompilius&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; &lt;span style=&quot;font-family: &#x27;Nautilus Pompilius&#x27;&quot;&gt;Nautilus Pompilius&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;Comfortaa&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;Comfortaa&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; &lt;span style=&quot;font-family: &#x27;Comfortaa&#x27;&quot;&gt;Comfortaa&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;Pecita&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;Pecita&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; &lt;span style=&quot;font-family: &#x27;Pecita&#x27;&quot;&gt;Pecita&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;Lobster&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;Lobster&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; &lt;span style=&quot;font-family: &#x27;Lobster&#x27;&quot;&gt;Lobster&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;Certege&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;Certege&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; &lt;span style=&quot;font-family: &#x27;Certege&#x27;&quot;&gt;Certege&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;Zhizn&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;Zhizn&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; &lt;span style=&quot;font-family: &#x27;Zhizn&#x27;&quot;&gt;Zhizn&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;Marck Scrip&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;Marck Scrip&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; &lt;span style=&quot;font-family: &#x27;Marck Scrip&#x27;&quot;&gt;Marck Scrip&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;Rubik&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;Rubik&quot; class=&quot;checked&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; &lt;span style=&quot;font-family: &#x27;Rubik&#x27;&quot;&gt;Rubik&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div class=&quot;note-btn-group btn-group&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm dropdown-toggle&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; data-toggle=&quot;dropdown&quot; title=&quot;&quot; aria-label=&quot;Font Size&quot; data-original-title=&quot;Font Size&quot;&gt;&lt;span class=&quot;note-current-fontsize&quot;&gt;13&lt;/span&gt; &lt;span class=&quot;note-icon-caret&quot;&gt;&lt;/span&gt;&lt;/button&gt;&lt;ul class=&quot;dropdown-menu note-check dropdown-menu-right dropdown-fontsize&quot; role=&quot;list&quot; aria-label=&quot;Font Size&quot;&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;8&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;8&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; 8&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;9&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;9&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; 9&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;10&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;10&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; 10&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;11&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;11&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; 11&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;12&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;12&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; 12&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;14&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;14&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; 14&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;18&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;18&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; 18&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;24&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;24&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; 24&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;36&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;36&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; 36&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div class=&quot;note-btn-group btn-group&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm dropdown-toggle&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; data-toggle=&quot;dropdown&quot; title=&quot;&quot; aria-label=&quot;Style&quot; data-original-title=&quot;Style&quot;&gt;&lt;i class=&quot;note-icon-magic&quot;&gt;&lt;/i&gt; &lt;span class=&quot;note-icon-caret&quot;&gt;&lt;/span&gt;&lt;/button&gt;&lt;ul class=&quot;dropdown-menu dropdown-menu-right dropdown-style&quot; role=&quot;list&quot; aria-label=&quot;Style&quot;&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;p&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;p&quot;&gt;&lt;p&gt;Normal&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;blockquote&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;blockquote&quot;&gt;&lt;blockquote&gt;Quote&lt;/blockquote&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;pre&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;pre&quot;&gt;&lt;pre&gt;Code&lt;/pre&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;h1&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;h1&quot;&gt;&lt;h1&gt;Header 1&lt;/h1&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;h2&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;h2&quot;&gt;&lt;h2&gt;Header 2&lt;/h2&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;h3&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;h3&quot;&gt;&lt;h3&gt;Header 3&lt;/h3&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;h4&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;h4&quot;&gt;&lt;h4&gt;Header 4&lt;/h4&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;h5&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;h5&quot;&gt;&lt;h5&gt;Header 5&lt;/h5&gt;&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;h6&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;h6&quot;&gt;&lt;h6&gt;Header 6&lt;/h6&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;note-btn-group btn-group note-color&quot;&gt;&lt;div class=&quot;note-btn-group btn-group note-color note-color-all&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm note-current-color-button&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Recent Color&quot; data-original-title=&quot;Recent Color&quot; data-backcolor=&quot;#FFFF00&quot;&gt;&lt;i class=&quot;note-icon-font note-recent-color&quot; style=&quot;background-color: rgb(255, 255, 0);&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm dropdown-toggle&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; data-toggle=&quot;dropdown&quot; title=&quot;&quot; aria-label=&quot;More Color&quot; data-original-title=&quot;More Color&quot;&gt; &lt;span class=&quot;note-icon-caret&quot;&gt;&lt;/span&gt;&lt;/button&gt;&lt;ul class=&quot;dropdown-menu dropdown-menu-right&quot; role=&quot;list&quot;&gt;&lt;div class=&quot;note-palette&quot;&gt; &lt;div class=&quot;note-palette-title&quot;&gt;Background Color&lt;/div&gt; &lt;div&gt; &lt;button type=&quot;button&quot; class=&quot;note-color-reset btn btn-light&quot; data-event=&quot;backColor&quot; data-value=&quot;inherit&quot;&gt;Transparent &lt;/button&gt; &lt;/div&gt; &lt;div class=&quot;note-holder&quot; data-event=&quot;backColor&quot;&gt;&lt;div class=&quot;note-color-palette&quot;&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#000000&quot; data-event=&quot;backColor&quot; data-value=&quot;#000000&quot; title=&quot;&quot; aria-label=&quot;Black&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Black&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#424242&quot; data-event=&quot;backColor&quot; data-value=&quot;#424242&quot; title=&quot;&quot; aria-label=&quot;Tundora&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Tundora&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#636363&quot; data-event=&quot;backColor&quot; data-value=&quot;#636363&quot; title=&quot;&quot; aria-label=&quot;Dove Gray&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Dove Gray&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#9C9C94&quot; data-event=&quot;backColor&quot; data-value=&quot;#9C9C94&quot; title=&quot;&quot; aria-label=&quot;Star Dust&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Star Dust&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#CEC6CE&quot; data-event=&quot;backColor&quot; data-value=&quot;#CEC6CE&quot; title=&quot;&quot; aria-label=&quot;Pale Slate&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Pale Slate&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#EFEFEF&quot; data-event=&quot;backColor&quot; data-value=&quot;#EFEFEF&quot; title=&quot;&quot; aria-label=&quot;Gallery&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Gallery&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#F7F7F7&quot; data-event=&quot;backColor&quot; data-value=&quot;#F7F7F7&quot; title=&quot;&quot; aria-label=&quot;Alabaster&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Alabaster&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;backColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;White&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;White&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FF0000&quot; data-event=&quot;backColor&quot; data-value=&quot;#FF0000&quot; title=&quot;&quot; aria-label=&quot;Red&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Red&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FF9C00&quot; data-event=&quot;backColor&quot; data-value=&quot;#FF9C00&quot; title=&quot;&quot; aria-label=&quot;Orange Peel&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Orange Peel&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFF00&quot; data-event=&quot;backColor&quot; data-value=&quot;#FFFF00&quot; title=&quot;&quot; aria-label=&quot;Yellow&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Yellow&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#00FF00&quot; data-event=&quot;backColor&quot; data-value=&quot;#00FF00&quot; title=&quot;&quot; aria-label=&quot;Green&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Green&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#00FFFF&quot; data-event=&quot;backColor&quot; data-value=&quot;#00FFFF&quot; title=&quot;&quot; aria-label=&quot;Cyan&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Cyan&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#0000FF&quot; data-event=&quot;backColor&quot; data-value=&quot;#0000FF&quot; title=&quot;&quot; aria-label=&quot;Blue&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Blue&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#9C00FF&quot; data-event=&quot;backColor&quot; data-value=&quot;#9C00FF&quot; title=&quot;&quot; aria-label=&quot;Electric Violet&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Electric Violet&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FF00FF&quot; data-event=&quot;backColor&quot; data-value=&quot;#FF00FF&quot; title=&quot;&quot; aria-label=&quot;Magenta&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Magenta&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#F7C6CE&quot; data-event=&quot;backColor&quot; data-value=&quot;#F7C6CE&quot; title=&quot;&quot; aria-label=&quot;Azalea&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Azalea&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFE7CE&quot; data-event=&quot;backColor&quot; data-value=&quot;#FFE7CE&quot; title=&quot;&quot; aria-label=&quot;Karry&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Karry&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFEFC6&quot; data-event=&quot;backColor&quot; data-value=&quot;#FFEFC6&quot; title=&quot;&quot; aria-label=&quot;Egg White&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Egg White&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#D6EFD6&quot; data-event=&quot;backColor&quot; data-value=&quot;#D6EFD6&quot; title=&quot;&quot; aria-label=&quot;Zanah&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Zanah&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#CEDEE7&quot; data-event=&quot;backColor&quot; data-value=&quot;#CEDEE7&quot; title=&quot;&quot; aria-label=&quot;Botticelli&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Botticelli&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#CEE7F7&quot; data-event=&quot;backColor&quot; data-value=&quot;#CEE7F7&quot; title=&quot;&quot; aria-label=&quot;Tropical Blue&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Tropical Blue&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#D6D6E7&quot; data-event=&quot;backColor&quot; data-value=&quot;#D6D6E7&quot; title=&quot;&quot; aria-label=&quot;Mischka&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Mischka&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#E7D6DE&quot; data-event=&quot;backColor&quot; data-value=&quot;#E7D6DE&quot; title=&quot;&quot; aria-label=&quot;Twilight&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Twilight&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#E79C9C&quot; data-event=&quot;backColor&quot; data-value=&quot;#E79C9C&quot; title=&quot;&quot; aria-label=&quot;Tonys Pink&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Tonys Pink&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFC69C&quot; data-event=&quot;backColor&quot; data-value=&quot;#FFC69C&quot; title=&quot;&quot; aria-label=&quot;Peach Orange&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Peach Orange&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFE79C&quot; data-event=&quot;backColor&quot; data-value=&quot;#FFE79C&quot; title=&quot;&quot; aria-label=&quot;Cream Brulee&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Cream Brulee&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#B5D6A5&quot; data-event=&quot;backColor&quot; data-value=&quot;#B5D6A5&quot; title=&quot;&quot; aria-label=&quot;Sprout&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Sprout&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#A5C6CE&quot; data-event=&quot;backColor&quot; data-value=&quot;#A5C6CE&quot; title=&quot;&quot; aria-label=&quot;Casper&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Casper&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#9CC6EF&quot; data-event=&quot;backColor&quot; data-value=&quot;#9CC6EF&quot; title=&quot;&quot; aria-label=&quot;Perano&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Perano&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#B5A5D6&quot; data-event=&quot;backColor&quot; data-value=&quot;#B5A5D6&quot; title=&quot;&quot; aria-label=&quot;Cold Purple&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Cold Purple&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#D6A5BD&quot; data-event=&quot;backColor&quot; data-value=&quot;#D6A5BD&quot; title=&quot;&quot; aria-label=&quot;Careys Pink&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Careys Pink&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#E76363&quot; data-event=&quot;backColor&quot; data-value=&quot;#E76363&quot; title=&quot;&quot; aria-label=&quot;Mandy&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Mandy&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#F7AD6B&quot; data-event=&quot;backColor&quot; data-value=&quot;#F7AD6B&quot; title=&quot;&quot; aria-label=&quot;Rajah&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Rajah&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFD663&quot; data-event=&quot;backColor&quot; data-value=&quot;#FFD663&quot; title=&quot;&quot; aria-label=&quot;Dandelion&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Dandelion&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#94BD7B&quot; data-event=&quot;backColor&quot; data-value=&quot;#94BD7B&quot; title=&quot;&quot; aria-label=&quot;Olivine&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Olivine&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#73A5AD&quot; data-event=&quot;backColor&quot; data-value=&quot;#73A5AD&quot; title=&quot;&quot; aria-label=&quot;Gulf Stream&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Gulf Stream&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#6BADDE&quot; data-event=&quot;backColor&quot; data-value=&quot;#6BADDE&quot; title=&quot;&quot; aria-label=&quot;Viking&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Viking&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#8C7BC6&quot; data-event=&quot;backColor&quot; data-value=&quot;#8C7BC6&quot; title=&quot;&quot; aria-label=&quot;Blue Marguerite&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Blue Marguerite&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#C67BA5&quot; data-event=&quot;backColor&quot; data-value=&quot;#C67BA5&quot; title=&quot;&quot; aria-label=&quot;Puce&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Puce&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#CE0000&quot; data-event=&quot;backColor&quot; data-value=&quot;#CE0000&quot; title=&quot;&quot; aria-label=&quot;Guardsman Red&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Guardsman Red&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#E79439&quot; data-event=&quot;backColor&quot; data-value=&quot;#E79439&quot; title=&quot;&quot; aria-label=&quot;Fire Bush&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Fire Bush&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#EFC631&quot; data-event=&quot;backColor&quot; data-value=&quot;#EFC631&quot; title=&quot;&quot; aria-label=&quot;Golden Dream&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Golden Dream&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#6BA54A&quot; data-event=&quot;backColor&quot; data-value=&quot;#6BA54A&quot; title=&quot;&quot; aria-label=&quot;Chelsea Cucumber&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Chelsea Cucumber&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#4A7B8C&quot; data-event=&quot;backColor&quot; data-value=&quot;#4A7B8C&quot; title=&quot;&quot; aria-label=&quot;Smalt Blue&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Smalt Blue&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#3984C6&quot; data-event=&quot;backColor&quot; data-value=&quot;#3984C6&quot; title=&quot;&quot; aria-label=&quot;Boston Blue&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Boston Blue&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#634AA5&quot; data-event=&quot;backColor&quot; data-value=&quot;#634AA5&quot; title=&quot;&quot; aria-label=&quot;Butterfly Bush&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Butterfly Bush&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#A54A7B&quot; data-event=&quot;backColor&quot; data-value=&quot;#A54A7B&quot; title=&quot;&quot; aria-label=&quot;Cadillac&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Cadillac&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#9C0000&quot; data-event=&quot;backColor&quot; data-value=&quot;#9C0000&quot; title=&quot;&quot; aria-label=&quot;Sangria&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Sangria&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#B56308&quot; data-event=&quot;backColor&quot; data-value=&quot;#B56308&quot; title=&quot;&quot; aria-label=&quot;Mai Tai&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Mai Tai&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#BD9400&quot; data-event=&quot;backColor&quot; data-value=&quot;#BD9400&quot; title=&quot;&quot; aria-label=&quot;Buddha Gold&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Buddha Gold&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#397B21&quot; data-event=&quot;backColor&quot; data-value=&quot;#397B21&quot; title=&quot;&quot; aria-label=&quot;Forest Green&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Forest Green&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#104A5A&quot; data-event=&quot;backColor&quot; data-value=&quot;#104A5A&quot; title=&quot;&quot; aria-label=&quot;Eden&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Eden&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#085294&quot; data-event=&quot;backColor&quot; data-value=&quot;#085294&quot; title=&quot;&quot; aria-label=&quot;Venice Blue&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Venice Blue&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#311873&quot; data-event=&quot;backColor&quot; data-value=&quot;#311873&quot; title=&quot;&quot; aria-label=&quot;Meteorite&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Meteorite&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#731842&quot; data-event=&quot;backColor&quot; data-value=&quot;#731842&quot; title=&quot;&quot; aria-label=&quot;Claret&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Claret&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#630000&quot; data-event=&quot;backColor&quot; data-value=&quot;#630000&quot; title=&quot;&quot; aria-label=&quot;Rosewood&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Rosewood&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#7B3900&quot; data-event=&quot;backColor&quot; data-value=&quot;#7B3900&quot; title=&quot;&quot; aria-label=&quot;Cinnamon&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Cinnamon&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#846300&quot; data-event=&quot;backColor&quot; data-value=&quot;#846300&quot; title=&quot;&quot; aria-label=&quot;Olive&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Olive&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#295218&quot; data-event=&quot;backColor&quot; data-value=&quot;#295218&quot; title=&quot;&quot; aria-label=&quot;Parsley&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Parsley&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#083139&quot; data-event=&quot;backColor&quot; data-value=&quot;#083139&quot; title=&quot;&quot; aria-label=&quot;Tiber&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Tiber&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#003163&quot; data-event=&quot;backColor&quot; data-value=&quot;#003163&quot; title=&quot;&quot; aria-label=&quot;Midnight Blue&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Midnight Blue&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#21104A&quot; data-event=&quot;backColor&quot; data-value=&quot;#21104A&quot; title=&quot;&quot; aria-label=&quot;Valentino&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Valentino&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#4A1031&quot; data-event=&quot;backColor&quot; data-value=&quot;#4A1031&quot; title=&quot;&quot; aria-label=&quot;Loulou&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Loulou&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div&gt; &lt;button type=&quot;button&quot; class=&quot;note-color-select btn&quot; data-event=&quot;openPalette&quot; data-value=&quot;backColorPicker&quot;&gt;Select &lt;/button&gt; &lt;input type=&quot;color&quot; id=&quot;backColorPicker&quot; class=&quot;note-btn note-color-select-btn&quot; value=&quot;#FFFF00&quot; data-event=&quot;backColorPalette&quot;&gt; &lt;/div&gt; &lt;div class=&quot;note-holder-custom&quot; id=&quot;backColorPalette&quot; data-event=&quot;backColor&quot;&gt;&lt;div class=&quot;note-color-palette&quot;&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;backColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;#FFFFFF&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;#FFFFFF&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;backColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;#FFFFFF&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;#FFFFFF&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;backColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;#FFFFFF&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;#FFFFFF&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;backColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;#FFFFFF&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;#FFFFFF&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;backColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;#FFFFFF&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;#FFFFFF&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;backColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;#FFFFFF&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;#FFFFFF&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;backColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;#FFFFFF&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;#FFFFFF&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;backColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;#FFFFFF&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;#FFFFFF&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;note-palette&quot;&gt; &lt;div class=&quot;note-palette-title&quot;&gt;Foreground Color&lt;/div&gt; &lt;div&gt; &lt;button type=&quot;button&quot; class=&quot;note-color-reset btn btn-light&quot; data-event=&quot;removeFormat&quot; data-value=&quot;foreColor&quot;&gt;Reset to default &lt;/button&gt; &lt;/div&gt; &lt;div class=&quot;note-holder&quot; data-event=&quot;foreColor&quot;&gt;&lt;div class=&quot;note-color-palette&quot;&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#000000&quot; data-event=&quot;foreColor&quot; data-value=&quot;#000000&quot; title=&quot;&quot; aria-label=&quot;Black&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Black&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#424242&quot; data-event=&quot;foreColor&quot; data-value=&quot;#424242&quot; title=&quot;&quot; aria-label=&quot;Tundora&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Tundora&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#636363&quot; data-event=&quot;foreColor&quot; data-value=&quot;#636363&quot; title=&quot;&quot; aria-label=&quot;Dove Gray&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Dove Gray&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#9C9C94&quot; data-event=&quot;foreColor&quot; data-value=&quot;#9C9C94&quot; title=&quot;&quot; aria-label=&quot;Star Dust&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Star Dust&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#CEC6CE&quot; data-event=&quot;foreColor&quot; data-value=&quot;#CEC6CE&quot; title=&quot;&quot; aria-label=&quot;Pale Slate&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Pale Slate&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#EFEFEF&quot; data-event=&quot;foreColor&quot; data-value=&quot;#EFEFEF&quot; title=&quot;&quot; aria-label=&quot;Gallery&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Gallery&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#F7F7F7&quot; data-event=&quot;foreColor&quot; data-value=&quot;#F7F7F7&quot; title=&quot;&quot; aria-label=&quot;Alabaster&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Alabaster&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;White&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;White&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FF0000&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FF0000&quot; title=&quot;&quot; aria-label=&quot;Red&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Red&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FF9C00&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FF9C00&quot; title=&quot;&quot; aria-label=&quot;Orange Peel&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Orange Peel&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFF00&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FFFF00&quot; title=&quot;&quot; aria-label=&quot;Yellow&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Yellow&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#00FF00&quot; data-event=&quot;foreColor&quot; data-value=&quot;#00FF00&quot; title=&quot;&quot; aria-label=&quot;Green&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Green&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#00FFFF&quot; data-event=&quot;foreColor&quot; data-value=&quot;#00FFFF&quot; title=&quot;&quot; aria-label=&quot;Cyan&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Cyan&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#0000FF&quot; data-event=&quot;foreColor&quot; data-value=&quot;#0000FF&quot; title=&quot;&quot; aria-label=&quot;Blue&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Blue&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#9C00FF&quot; data-event=&quot;foreColor&quot; data-value=&quot;#9C00FF&quot; title=&quot;&quot; aria-label=&quot;Electric Violet&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Electric Violet&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FF00FF&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FF00FF&quot; title=&quot;&quot; aria-label=&quot;Magenta&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Magenta&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#F7C6CE&quot; data-event=&quot;foreColor&quot; data-value=&quot;#F7C6CE&quot; title=&quot;&quot; aria-label=&quot;Azalea&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Azalea&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFE7CE&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FFE7CE&quot; title=&quot;&quot; aria-label=&quot;Karry&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Karry&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFEFC6&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FFEFC6&quot; title=&quot;&quot; aria-label=&quot;Egg White&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Egg White&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#D6EFD6&quot; data-event=&quot;foreColor&quot; data-value=&quot;#D6EFD6&quot; title=&quot;&quot; aria-label=&quot;Zanah&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Zanah&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#CEDEE7&quot; data-event=&quot;foreColor&quot; data-value=&quot;#CEDEE7&quot; title=&quot;&quot; aria-label=&quot;Botticelli&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Botticelli&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#CEE7F7&quot; data-event=&quot;foreColor&quot; data-value=&quot;#CEE7F7&quot; title=&quot;&quot; aria-label=&quot;Tropical Blue&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Tropical Blue&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#D6D6E7&quot; data-event=&quot;foreColor&quot; data-value=&quot;#D6D6E7&quot; title=&quot;&quot; aria-label=&quot;Mischka&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Mischka&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#E7D6DE&quot; data-event=&quot;foreColor&quot; data-value=&quot;#E7D6DE&quot; title=&quot;&quot; aria-label=&quot;Twilight&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Twilight&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#E79C9C&quot; data-event=&quot;foreColor&quot; data-value=&quot;#E79C9C&quot; title=&quot;&quot; aria-label=&quot;Tonys Pink&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Tonys Pink&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFC69C&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FFC69C&quot; title=&quot;&quot; aria-label=&quot;Peach Orange&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Peach Orange&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFE79C&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FFE79C&quot; title=&quot;&quot; aria-label=&quot;Cream Brulee&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Cream Brulee&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#B5D6A5&quot; data-event=&quot;foreColor&quot; data-value=&quot;#B5D6A5&quot; title=&quot;&quot; aria-label=&quot;Sprout&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Sprout&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#A5C6CE&quot; data-event=&quot;foreColor&quot; data-value=&quot;#A5C6CE&quot; title=&quot;&quot; aria-label=&quot;Casper&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Casper&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#9CC6EF&quot; data-event=&quot;foreColor&quot; data-value=&quot;#9CC6EF&quot; title=&quot;&quot; aria-label=&quot;Perano&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Perano&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#B5A5D6&quot; data-event=&quot;foreColor&quot; data-value=&quot;#B5A5D6&quot; title=&quot;&quot; aria-label=&quot;Cold Purple&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Cold Purple&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#D6A5BD&quot; data-event=&quot;foreColor&quot; data-value=&quot;#D6A5BD&quot; title=&quot;&quot; aria-label=&quot;Careys Pink&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Careys Pink&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#E76363&quot; data-event=&quot;foreColor&quot; data-value=&quot;#E76363&quot; title=&quot;&quot; aria-label=&quot;Mandy&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Mandy&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#F7AD6B&quot; data-event=&quot;foreColor&quot; data-value=&quot;#F7AD6B&quot; title=&quot;&quot; aria-label=&quot;Rajah&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Rajah&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFD663&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FFD663&quot; title=&quot;&quot; aria-label=&quot;Dandelion&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Dandelion&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#94BD7B&quot; data-event=&quot;foreColor&quot; data-value=&quot;#94BD7B&quot; title=&quot;&quot; aria-label=&quot;Olivine&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Olivine&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#73A5AD&quot; data-event=&quot;foreColor&quot; data-value=&quot;#73A5AD&quot; title=&quot;&quot; aria-label=&quot;Gulf Stream&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Gulf Stream&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#6BADDE&quot; data-event=&quot;foreColor&quot; data-value=&quot;#6BADDE&quot; title=&quot;&quot; aria-label=&quot;Viking&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Viking&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#8C7BC6&quot; data-event=&quot;foreColor&quot; data-value=&quot;#8C7BC6&quot; title=&quot;&quot; aria-label=&quot;Blue Marguerite&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Blue Marguerite&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#C67BA5&quot; data-event=&quot;foreColor&quot; data-value=&quot;#C67BA5&quot; title=&quot;&quot; aria-label=&quot;Puce&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Puce&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#CE0000&quot; data-event=&quot;foreColor&quot; data-value=&quot;#CE0000&quot; title=&quot;&quot; aria-label=&quot;Guardsman Red&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Guardsman Red&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#E79439&quot; data-event=&quot;foreColor&quot; data-value=&quot;#E79439&quot; title=&quot;&quot; aria-label=&quot;Fire Bush&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Fire Bush&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#EFC631&quot; data-event=&quot;foreColor&quot; data-value=&quot;#EFC631&quot; title=&quot;&quot; aria-label=&quot;Golden Dream&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Golden Dream&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#6BA54A&quot; data-event=&quot;foreColor&quot; data-value=&quot;#6BA54A&quot; title=&quot;&quot; aria-label=&quot;Chelsea Cucumber&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Chelsea Cucumber&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#4A7B8C&quot; data-event=&quot;foreColor&quot; data-value=&quot;#4A7B8C&quot; title=&quot;&quot; aria-label=&quot;Smalt Blue&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Smalt Blue&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#3984C6&quot; data-event=&quot;foreColor&quot; data-value=&quot;#3984C6&quot; title=&quot;&quot; aria-label=&quot;Boston Blue&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Boston Blue&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#634AA5&quot; data-event=&quot;foreColor&quot; data-value=&quot;#634AA5&quot; title=&quot;&quot; aria-label=&quot;Butterfly Bush&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Butterfly Bush&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#A54A7B&quot; data-event=&quot;foreColor&quot; data-value=&quot;#A54A7B&quot; title=&quot;&quot; aria-label=&quot;Cadillac&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Cadillac&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#9C0000&quot; data-event=&quot;foreColor&quot; data-value=&quot;#9C0000&quot; title=&quot;&quot; aria-label=&quot;Sangria&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Sangria&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#B56308&quot; data-event=&quot;foreColor&quot; data-value=&quot;#B56308&quot; title=&quot;&quot; aria-label=&quot;Mai Tai&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Mai Tai&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#BD9400&quot; data-event=&quot;foreColor&quot; data-value=&quot;#BD9400&quot; title=&quot;&quot; aria-label=&quot;Buddha Gold&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Buddha Gold&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#397B21&quot; data-event=&quot;foreColor&quot; data-value=&quot;#397B21&quot; title=&quot;&quot; aria-label=&quot;Forest Green&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Forest Green&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#104A5A&quot; data-event=&quot;foreColor&quot; data-value=&quot;#104A5A&quot; title=&quot;&quot; aria-label=&quot;Eden&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Eden&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#085294&quot; data-event=&quot;foreColor&quot; data-value=&quot;#085294&quot; title=&quot;&quot; aria-label=&quot;Venice Blue&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Venice Blue&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#311873&quot; data-event=&quot;foreColor&quot; data-value=&quot;#311873&quot; title=&quot;&quot; aria-label=&quot;Meteorite&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Meteorite&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#731842&quot; data-event=&quot;foreColor&quot; data-value=&quot;#731842&quot; title=&quot;&quot; aria-label=&quot;Claret&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Claret&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#630000&quot; data-event=&quot;foreColor&quot; data-value=&quot;#630000&quot; title=&quot;&quot; aria-label=&quot;Rosewood&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Rosewood&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#7B3900&quot; data-event=&quot;foreColor&quot; data-value=&quot;#7B3900&quot; title=&quot;&quot; aria-label=&quot;Cinnamon&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Cinnamon&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#846300&quot; data-event=&quot;foreColor&quot; data-value=&quot;#846300&quot; title=&quot;&quot; aria-label=&quot;Olive&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Olive&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#295218&quot; data-event=&quot;foreColor&quot; data-value=&quot;#295218&quot; title=&quot;&quot; aria-label=&quot;Parsley&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Parsley&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#083139&quot; data-event=&quot;foreColor&quot; data-value=&quot;#083139&quot; title=&quot;&quot; aria-label=&quot;Tiber&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Tiber&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#003163&quot; data-event=&quot;foreColor&quot; data-value=&quot;#003163&quot; title=&quot;&quot; aria-label=&quot;Midnight Blue&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Midnight Blue&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#21104A&quot; data-event=&quot;foreColor&quot; data-value=&quot;#21104A&quot; title=&quot;&quot; aria-label=&quot;Valentino&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Valentino&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#4A1031&quot; data-event=&quot;foreColor&quot; data-value=&quot;#4A1031&quot; title=&quot;&quot; aria-label=&quot;Loulou&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;Loulou&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div&gt; &lt;button type=&quot;button&quot; class=&quot;note-color-select btn&quot; data-event=&quot;openPalette&quot; data-value=&quot;foreColorPicker&quot;&gt;Select &lt;/button&gt; &lt;input type=&quot;color&quot; id=&quot;foreColorPicker&quot; class=&quot;note-btn note-color-select-btn&quot; value=&quot;#000000&quot; data-event=&quot;foreColorPalette&quot;&gt; &lt;div class=&quot;note-holder-custom&quot; id=&quot;foreColorPalette&quot; data-event=&quot;foreColor&quot;&gt;&lt;div class=&quot;note-color-palette&quot;&gt;&lt;div class=&quot;note-color-row&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;#FFFFFF&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;#FFFFFF&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;#FFFFFF&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;#FFFFFF&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;#FFFFFF&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;#FFFFFF&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;#FFFFFF&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;#FFFFFF&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;#FFFFFF&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;#FFFFFF&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;#FFFFFF&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;#FFFFFF&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;#FFFFFF&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;#FFFFFF&quot;&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-color-btn&quot; style=&quot;background-color:#FFFFFF&quot; data-event=&quot;foreColor&quot; data-value=&quot;#FFFFFF&quot; title=&quot;&quot; aria-label=&quot;#FFFFFF&quot; data-toggle=&quot;button&quot; tabindex=&quot;-1&quot; data-original-title=&quot;#FFFFFF&quot;&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;note-btn-group btn-group note-para&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Unordered list (CTRL+SHIFT+NUM7)&quot; data-original-title=&quot;Unordered list (CTRL+SHIFT+NUM7)&quot;&gt;&lt;i class=&quot;note-icon-unorderedlist&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Ordered list (CTRL+SHIFT+NUM8)&quot; data-original-title=&quot;Ordered list (CTRL+SHIFT+NUM8)&quot;&gt;&lt;i class=&quot;note-icon-orderedlist&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;div class=&quot;note-btn-group btn-group&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm dropdown-toggle&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; data-toggle=&quot;dropdown&quot; title=&quot;&quot; aria-label=&quot;Paragraph&quot; data-original-title=&quot;Paragraph&quot;&gt;&lt;i class=&quot;note-icon-align-left&quot;&gt;&lt;/i&gt; &lt;span class=&quot;note-icon-caret&quot;&gt;&lt;/span&gt;&lt;/button&gt;&lt;ul class=&quot;dropdown-menu dropdown-menu-right&quot; role=&quot;list&quot;&gt;&lt;div class=&quot;note-btn-group btn-group note-align&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Align left (CTRL+SHIFT+L)&quot; data-original-title=&quot;Align left (CTRL+SHIFT+L)&quot;&gt;&lt;i class=&quot;note-icon-align-left&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Align center (CTRL+SHIFT+E)&quot; data-original-title=&quot;Align center (CTRL+SHIFT+E)&quot;&gt;&lt;i class=&quot;note-icon-align-center&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Align right (CTRL+SHIFT+R)&quot; data-original-title=&quot;Align right (CTRL+SHIFT+R)&quot;&gt;&lt;i class=&quot;note-icon-align-right&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Justify full (CTRL+SHIFT+J)&quot; data-original-title=&quot;Justify full (CTRL+SHIFT+J)&quot;&gt;&lt;i class=&quot;note-icon-align-justify&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-btn-group btn-group note-list&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Outdent (CTRL+[)&quot; data-original-title=&quot;Outdent (CTRL+[)&quot;&gt;&lt;i class=&quot;note-icon-align-outdent&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Indent (CTRL+])&quot; data-original-title=&quot;Indent (CTRL+])&quot;&gt;&lt;i class=&quot;note-icon-align-indent&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div class=&quot;note-btn-group btn-group&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm dropdown-toggle&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; data-toggle=&quot;dropdown&quot; title=&quot;&quot; aria-label=&quot;Line Height&quot; data-original-title=&quot;Line Height&quot;&gt;&lt;i class=&quot;note-icon-text-height&quot;&gt;&lt;/i&gt; &lt;span class=&quot;note-icon-caret&quot;&gt;&lt;/span&gt;&lt;/button&gt;&lt;ul class=&quot;dropdown-menu note-check dropdown-menu-right dropdown-line-height&quot; role=&quot;list&quot; aria-label=&quot;Line Height&quot;&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;1.0&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;1.0&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; 1.0&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;1.2&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;1.2&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; 1.2&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;1.4&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;1.4&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; 1.4&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;1.5&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;1.5&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; 1.5&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;1.6&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;1.6&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; 1.6&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;1.8&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;1.8&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; 1.8&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;2.0&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;2.0&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; 2.0&lt;/a&gt;&lt;/li&gt;&lt;li role=&quot;listitem&quot; aria-label=&quot;3.0&quot;&gt;&lt;a href=&quot;#&quot; data-value=&quot;3.0&quot;&gt;&lt;i class=&quot;note-icon-menu-check&quot;&gt;&lt;/i&gt; 3.0&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;note-btn-group btn-group note-table&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Link (CTRL+K)&quot; data-original-title=&quot;Link (CTRL+K)&quot;&gt;&lt;i class=&quot;note-icon-link&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;div class=&quot;note-btn-group btn-group&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm dropdown-toggle&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; data-toggle=&quot;dropdown&quot; title=&quot;&quot; aria-label=&quot;Table&quot; data-original-title=&quot;Table&quot;&gt;&lt;i class=&quot;note-icon-table&quot;&gt;&lt;/i&gt; &lt;span class=&quot;note-icon-caret&quot;&gt;&lt;/span&gt;&lt;/button&gt;&lt;ul class=&quot;dropdown-menu dropdown-menu-right note-table&quot; role=&quot;list&quot; aria-label=&quot;Table&quot;&gt;&lt;div class=&quot;note-dimension-picker&quot;&gt; &lt;div class=&quot;note-dimension-picker-mousecatcher&quot; data-event=&quot;insertTable&quot; data-value=&quot;1x1&quot; style=&quot;width: 10em; height: 10em;&quot;&gt;&lt;/div&gt; &lt;div class=&quot;note-dimension-picker-highlighted&quot;&gt;&lt;/div&gt; &lt;div class=&quot;note-dimension-picker-unhighlighted&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;note-dimension-display&quot;&gt;1 x 1&lt;/div&gt;&lt;/ul&gt;&lt;/div&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;customimage&quot; data-original-title=&quot;customimage&quot;&gt;&lt;i class=&quot;note-icon-picture&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;katex&quot; data-original-title=&quot;katex&quot;&gt;&lt;i class=&quot;note-icon-special-character&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-btn-group btn-group note-additional&quot;&gt;&lt;/div&gt;&lt;div class=&quot;note-btn-group btn-group note-misk&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Undo (CTRL+Z)&quot; data-original-title=&quot;Undo (CTRL+Z)&quot;&gt;&lt;i class=&quot;note-icon-undo&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Redo (CTRL+Y)&quot; data-original-title=&quot;Redo (CTRL+Y)&quot;&gt;&lt;i class=&quot;note-icon-redo&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm btn-codeview&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Code View&quot; data-original-title=&quot;Code View&quot;&gt;&lt;i class=&quot;note-icon-code&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm btn-fullscreen&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Full Screen&quot; data-original-title=&quot;Full Screen&quot;&gt;&lt;i class=&quot;note-icon-arrows-alt&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;note-editing-area&quot;&gt;&lt;div class=&quot;note-handle&quot;&gt;&lt;div class=&quot;note-control-selection&quot;&gt;&lt;div class=&quot;note-control-selection-bg&quot;&gt;&lt;/div&gt;&lt;div class=&quot;note-control-holder note-control-nw&quot;&gt;&lt;/div&gt;&lt;div class=&quot;note-control-sizing note-control-ne&quot;&gt;&lt;/div&gt;&lt;div class=&quot;note-control-sizing note-control-sw&quot;&gt;&lt;/div&gt;&lt;div class=&quot;note-control-sizing note-control-se&quot;&gt;&lt;/div&gt;&lt;div class=&quot;note-control-selection-info&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;textarea class=&quot;note-codable&quot; role=&quot;textbox&quot; aria-multiline=&quot;true&quot;&gt;&lt;/textarea&gt;&lt;div class=&quot;note-editable&quot; contenteditable=&quot;true&quot; role=&quot;textbox&quot; aria-multiline=&quot;true&quot;&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;output class=&quot;note-status-output&quot; aria-live=&quot;polite&quot;&gt;&lt;/output&gt;&lt;div class=&quot;note-statusbar&quot; role=&quot;status&quot;&gt; &lt;div class=&quot;note-resizebar&quot; role=&quot;seperator&quot; aria-orientation=&quot;horizontal&quot; aria-label=&quot;Resize&quot;&gt; &lt;div class=&quot;note-icon-bar&quot;&gt;&lt;/div&gt; &lt;div class=&quot;note-icon-bar&quot;&gt;&lt;/div&gt; &lt;div class=&quot;note-icon-bar&quot;&gt;&lt;/div&gt; &lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;modal link-dialog&quot; aria-hidden=&quot;false&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-label=&quot;Insert Link&quot;&gt;&lt;div class=&quot;modal-dialog&quot;&gt; &lt;div class=&quot;modal-content&quot;&gt; &lt;div class=&quot;modal-header&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot; aria-hidden=&quot;true&quot;&gt;×&lt;/button&gt; &lt;h4 class=&quot;modal-title&quot;&gt;Insert Link&lt;/h4&gt; &lt;/div&gt; &lt;div class=&quot;modal-body&quot;&gt;&lt;div class=&quot;form-group note-form-group&quot;&gt;&lt;label class=&quot;note-form-label&quot;&gt;Text to display&lt;/label&gt;&lt;input class=&quot;note-link-text form-control note-form-control note-input&quot; type=&quot;text&quot;&gt;&lt;/div&gt;&lt;div class=&quot;form-group note-form-group&quot;&gt;&lt;label class=&quot;note-form-label&quot;&gt;To what URL should this link go?&lt;/label&gt;&lt;input class=&quot;note-link-url form-control note-form-control note-input&quot; type=&quot;text&quot; value=&quot;http://&quot;&gt;&lt;/div&gt;&lt;div class=&quot;checkbox sn-checkbox-open-in-new-window&quot;&gt;&lt;label&gt; &lt;input role=&quot;checkbox&quot; type=&quot;checkbox&quot; checked=&quot;&quot; aria-checked=&quot;true&quot;&gt;Open in new window&lt;/label&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;modal-footer&quot;&gt;&lt;input type=&quot;button&quot; href=&quot;#&quot; class=&quot;btn btn-primary note-btn note-btn-primary note-link-btn&quot; value=&quot;Insert Link&quot; disabled=&quot;&quot;&gt;&lt;/div&gt; &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;modal&quot; aria-hidden=&quot;false&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-label=&quot;Insert Image&quot;&gt;&lt;div class=&quot;modal-dialog&quot;&gt; &lt;div class=&quot;modal-content&quot;&gt; &lt;div class=&quot;modal-header&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot; aria-hidden=&quot;true&quot;&gt;×&lt;/button&gt; &lt;h4 class=&quot;modal-title&quot;&gt;Insert Image&lt;/h4&gt; &lt;/div&gt; &lt;div class=&quot;modal-body&quot;&gt;&lt;div class=&quot;form-group note-form-group note-group-select-from-files&quot;&gt;&lt;label class=&quot;note-form-label&quot;&gt;Select from files&lt;/label&gt;&lt;input class=&quot;note-image-input note-form-control note-input&quot; type=&quot;file&quot; name=&quot;files&quot; accept=&quot;image/*&quot; multiple=&quot;multiple&quot;&gt;&lt;/div&gt;&lt;div class=&quot;form-group note-group-image-url&quot; style=&quot;overflow:auto;&quot;&gt;&lt;label class=&quot;note-form-label&quot;&gt;Image URL&lt;/label&gt;&lt;input class=&quot;note-image-url form-control note-form-control note-input col-md-12&quot; type=&quot;text&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;modal-footer&quot;&gt;&lt;input type=&quot;button&quot; href=&quot;#&quot; class=&quot;btn btn-primary note-btn note-btn-primary note-image-btn&quot; value=&quot;Insert Image&quot; disabled=&quot;&quot;&gt;&lt;/div&gt; &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;modal&quot; aria-hidden=&quot;false&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-label=&quot;Insert Video&quot;&gt;&lt;div class=&quot;modal-dialog&quot;&gt; &lt;div class=&quot;modal-content&quot;&gt; &lt;div class=&quot;modal-header&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot; aria-hidden=&quot;true&quot;&gt;×&lt;/button&gt; &lt;h4 class=&quot;modal-title&quot;&gt;Insert Video&lt;/h4&gt; &lt;/div&gt; &lt;div class=&quot;modal-body&quot;&gt;&lt;div class=&quot;form-group note-form-group row-fluid&quot;&gt;&lt;label class=&quot;note-form-label&quot;&gt;Video URL &lt;small class=&quot;text-muted&quot;&gt;(YouTube, Vimeo, Vine, Instagram, DailyMotion or Youku)&lt;/small&gt;&lt;/label&gt;&lt;input class=&quot;note-video-url form-control note-form-control note-input&quot; type=&quot;text&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;modal-footer&quot;&gt;&lt;input type=&quot;button&quot; href=&quot;#&quot; class=&quot;btn btn-primary note-btn note-btn-primary note-video-btn&quot; value=&quot;Insert Video&quot; disabled=&quot;&quot;&gt;&lt;/div&gt; &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;modal&quot; aria-hidden=&quot;false&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-label=&quot;Help&quot;&gt;&lt;div class=&quot;modal-dialog&quot;&gt; &lt;div class=&quot;modal-content&quot;&gt; &lt;div class=&quot;modal-header&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot; aria-hidden=&quot;true&quot;&gt;×&lt;/button&gt; &lt;h4 class=&quot;modal-title&quot;&gt;Help&lt;/h4&gt; &lt;/div&gt; &lt;div class=&quot;modal-body&quot; style=&quot;max-height: 300px; overflow: scroll;&quot;&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;ENTER&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Insert Paragraph&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+Z&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Undoes the last command&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+Y&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Redoes the last command&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;TAB&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Tab&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;SHIFT+TAB&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Untab&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+B&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Set a bold style&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+I&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Set a italic style&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+U&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Set a underline style&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+SHIFT+S&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Set a strikethrough style&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+BACKSLASH&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Clean a style&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+SHIFT+L&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Set left align&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+SHIFT+E&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Set center align&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+SHIFT+R&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Set right align&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+SHIFT+J&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Set full align&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+SHIFT+NUM7&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Toggle unordered list&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+SHIFT+NUM8&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Toggle ordered list&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+LEFTBRACKET&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Outdent on current paragraph&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+RIGHTBRACKET&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Indent on current paragraph&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+NUM0&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Change current block&#x27;s format as a paragraph(P tag)&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+NUM1&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Change current block&#x27;s format as H1&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+NUM2&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Change current block&#x27;s format as H2&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+NUM3&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Change current block&#x27;s format as H3&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+NUM4&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Change current block&#x27;s format as H4&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+NUM5&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Change current block&#x27;s format as H5&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+NUM6&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Change current block&#x27;s format as H6&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+ENTER&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Insert horizontal rule&lt;/span&gt;&lt;div class=&quot;help-list-item&quot;&gt;&lt;/div&gt;&lt;label style=&quot;width: 180px; margin-right: 10px;&quot;&gt;&lt;kbd&gt;CTRL+K&lt;/kbd&gt;&lt;/label&gt;&lt;span&gt;Show Link Dialog&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;modal-footer&quot;&gt;&lt;p class=&quot;text-center&quot;&gt;&lt;a href=&quot;http://summernote.org/&quot; target=&quot;_blank&quot;&gt;Summernote 0.8.11&lt;/a&gt; · &lt;a href=&quot;https://github.com/summernote/summernote&quot; target=&quot;_blank&quot;&gt;Project&lt;/a&gt; · &lt;a href=&quot;https://github.com/summernote/summernote/issues&quot; target=&quot;_blank&quot;&gt;Issues&lt;/a&gt;&lt;/p&gt;&lt;/div&gt; &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;modal&quot; aria-hidden=&quot;false&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-label=&quot;Add image link&quot;&gt;&lt;div class=&quot;modal-dialog&quot;&gt; &lt;div class=&quot;modal-content&quot;&gt; &lt;div class=&quot;modal-header&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot; aria-hidden=&quot;true&quot;&gt;×&lt;/button&gt; &lt;h4 class=&quot;modal-title&quot;&gt;Add image link&lt;/h4&gt; &lt;/div&gt; &lt;div class=&quot;modal-body&quot;&gt; &lt;div class=&quot;tab-pane note-tab-pane&quot; id=&quot;note-imageAttributes-link 1671782746097&quot;&gt; &lt;input class=&quot;note-imageAttributes-src&quot; type=&quot;hidden&quot;&gt; &lt;div class=&quot;note-form-group form-group note-group-imageAttributes-link-href&quot;&gt; &lt;label class=&quot;control-label note-form-label col-xs-3&quot;&gt;Link&lt;/label&gt; &lt;div class=&quot;input-group note-input-group col-xs-12 col-sm-9&quot;&gt; &lt;input class=&quot;note-imageAttributes-link-href form-control note-form-control note-input&quot; type=&quot;text&quot; placeholder=&quot;http&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;modal-footer&quot;&gt;&lt;button href=&quot;#&quot; class=&quot;btn btn-primary note-btn note-btn-primary note-imageAttributes-btn&quot;&gt;Save&lt;/button&gt;&lt;/div&gt; &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;/div&gt;&lt;input type=&quot;hidden&quot; class=&quot;quill-editor-container-hidden-hash&quot; value=&quot;h_5ad299f4be8db1436167135704389bea&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;ui-resizable-handle ui-resizable-e&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-s&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;div id=&quot;main_box_quiz&quot; class=&quot;main_box ui-draggable ui-resizable&quot;&gt; &lt;div class=&quot;main_inner_box&quot; id=&quot;main_box_quiz_inner&quot;&gt; &lt;div class=&quot;content_box_top ui-draggable-handle&quot;&gt; &lt;div class=&quot;content_box_top_selected_label_box&quot;&gt; &lt;p&gt;Tests&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;quizzies_top_edit master hover-inited&quot; onclick=&quot;editWebinarCurrentOpenedQuiz()&quot; data-ot=&quot;Edit&quot;&gt;&lt;/div&gt; &lt;div class=&quot;button_fillscreen_grey&quot; onclick=&quot;fullScreenById(&#x27;main_box_quiz_inner&#x27;)&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;dotted_line&quot;&gt;&lt;/div&gt; &lt;div class=&quot;main_box_quiz_body&quot;&gt; &lt;div class=&quot;main_box_quiz_status_description_box&quot;&gt; &lt;p class=&quot;main_box_quiz_body_title&quot;&gt;&lt;/p&gt; &lt;div class=&quot;main_box_quiz_body_img_box&quot;&gt; &lt;img src=&quot;&quot; class=&quot;main_box_quiz_body_img&quot;&gt; &lt;/div&gt; &lt;div class=&quot;main_box_quiz_body_description_box&quot;&gt; &lt;/div&gt; &lt;div class=&quot;main_box_quiz_body_start_btn btn master&quot; onclick=&quot;onClickStartQuizzing()&quot;&gt; &lt;p&gt;Launch a test&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;main_box_quiz_status_participant_box&quot;&gt; &lt;/div&gt; &lt;div class=&quot;main_box_quiz_status_master_box&quot;&gt; &lt;div class=&quot;main_box_quiz_status_master_box_inner&quot;&gt; &lt;/div&gt; &lt;div class=&quot;quizzing_master_type_bottom_buttons_line master&quot;&gt; &lt;div class=&quot;quizzing_master_clean_btn btn&quot; onclick=&quot;clearCurrentQuizParticipants()&quot;&gt; &lt;p&gt;Repeat test&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;quizzing_master_return_btn btn&quot; onclick=&quot;onQuizAdminReturnBack()&quot;&gt; &lt;p&gt;Return to the presentation&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;quizzing_master_share_score hover-inited&quot; onclick=&quot;showCurrentQuizStat()&quot; data-ot=&quot;{webinar.quiz.show_result}&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;ui-resizable-handle ui-resizable-e&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-s&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;div id=&quot;header_files_selector&quot;&gt; &lt;div class=&quot;header_files_selector_header&quot;&gt; &lt;div class=&quot;header_files_selector_header_name&quot;&gt;Presentations&lt;/div&gt; &lt;input type=&quot;text&quot; class=&quot;header_files_selector_header_search_input&quot; placeholder=&quot;Search…&quot;&gt; &lt;div class=&quot;header_files_selector_header_sort&quot; onclick=&quot;openCloseUserMediaPresentationsSorter(event)&quot;&gt;By creation date&lt;/div&gt; &lt;div class=&quot;header_files_selector_header_sort_container&quot;&gt; &lt;div class=&quot;header_files_selector_header_sort_container_line&quot; onclick=&quot;changeUserMediaPresentationsSorterValue(&#x27;date&#x27;)&quot;&gt;By creation date&lt;/div&gt; &lt;div class=&quot;header_files_selector_header_sort_container_line&quot; onclick=&quot;changeUserMediaPresentationsSorterValue(&#x27;name&#x27;)&quot;&gt;By name&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;header_files_selector_body&quot;&gt; &lt;div class=&quot;users-media-presentations-box-for-types-outer&quot;&gt; &lt;div class=&quot;users-media-presentations-box-for-types-container &quot;&gt; &lt;div class=&quot;users-media-presentations-box-for-types&quot;&gt; &lt;div class=&quot;users-media-presentations-list-type-box type-11&quot; onclick=&quot;refreshUsersMediaPresentations(11)&quot;&gt;Presentations&lt;/div&gt; &lt;div class=&quot;users-media-presentations-list-type-box type-2&quot; onclick=&quot;refreshUsersMediaPresentations(2)&quot;&gt;Video&lt;/div&gt; &lt;div class=&quot;users-media-presentations-list-type-box type-3&quot; onclick=&quot;refreshUsersMediaPresentations(3)&quot;&gt;Audio&lt;/div&gt; &lt;div class=&quot;users-media-presentations-list-type-box type-4&quot; onclick=&quot;refreshUsersMediaPresentations(4)&quot;&gt;YouTube&lt;/div&gt; &lt;div class=&quot;users-media-presentations-list-type-box type-13&quot; onclick=&quot;refreshUsersMediaPresentations(13)&quot;&gt;Other&lt;/div&gt; &lt;div class=&quot;users-media-presentations-list-type-box type-15&quot; onclick=&quot;refreshUsersMediaPresentations(15)&quot;&gt;Whiteboards&lt;/div&gt; &lt;div class=&quot;users-media-presentations-list-type-box type-1001&quot; onclick=&quot;refreshUsersMediaPresentations(1001)&quot;&gt;Polls&lt;/div&gt; &lt;div class=&quot;users-media-presentations-list-type-box type-1000&quot; onclick=&quot;refreshUsersMediaPresentations(1000)&quot;&gt;Tests&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;users-media-presentations-list-container&quot;&gt; &lt;div class=&quot;users-media-presentations-box&quot;&gt; &lt;/div&gt; &lt;div class=&quot;users-media-presentations-box-spinner&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;users-media-presentations-box-bottom&quot;&gt; &lt;div class=&quot;users-media-presentations-box-bottom-button upload-my-prez-btn&quot;&gt;Upload&lt;/div&gt; &lt;div class=&quot;users-media-presentations-box-bottom-button-youtube&quot; onclick=&quot;addYouTubeAsPresentationClick()&quot;&gt;Add YouTube video&lt;/div&gt; &lt;div class=&quot;users-media-presentations-box-bottom-button-dashboards&quot; onclick=&quot;addMediaPresentationForDraw()&quot;&gt;Create a whiteboard&lt;/div&gt; &lt;div class=&quot;users-media-presentations-box-bottom-button-quiz&quot; onclick=&quot;onCreateQuizClick()&quot;&gt;Create a poll&lt;/div&gt; &lt;div class=&quot;users-media-presentations-box-bottom-button-test&quot; onclick=&quot;onAddNewTestClick()&quot;&gt;Create a test&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;header_selector_appendix&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;header_questions_selector&quot;&gt; &lt;div class=&quot;header_questions_selector_body&quot;&gt; &lt;div class=&quot;all_questions_list_box_outer&quot;&gt; &lt;div class=&quot;content_box_top align-left&quot;&gt; &lt;div class=&quot;content_box_top_selected_label_box&quot;&gt; &lt;p&gt;Questions&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;button_stop_chat_questions master hover-inited&quot; onclick=&quot;pauseChatQuestions()&quot; data-ot=&quot;Forbid users to ask questions&quot;&gt; &lt;/div&gt; &lt;div class=&quot;button_start_chat_questions master hover-inited&quot; onclick=&quot;resumeChatQuestions()&quot; data-ot=&quot;Allow users to ask questions&quot; style=&quot;display: none;&quot;&gt; &lt;/div&gt; &lt;div class=&quot;button_excel_chat master hover-inited&quot; onclick=&quot;excelQuestions()&quot; data-ot=&quot;Download history in Excel&quot;&gt; &lt;/div&gt; &lt;div class=&quot;button_drop_chat master hover-inited&quot; onclick=&quot;dropQuestions()&quot; data-ot=&quot;Delete questions&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;all_questions_list_box_static&quot;&gt; &lt;div class=&quot;all_questions_list_box&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;all_questions_list_box_bottom&quot;&gt; &lt;div class=&quot;chat_send_line&quot;&gt; &lt;textarea id=&quot;questioninput&quot; class=&quot;form-control col-md-8&quot; maxlength=&quot;255&quot;&gt;&lt;/textarea&gt; &lt;button type=&quot;button&quot; class=&quot;btn all_questions_send_button&quot; onclick=&quot;sendQuestionMessage()&quot;&gt;Press Enter to send a question&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;header_selector_appendix&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;on_menu_outer_fade&quot;&gt; &lt;/div&gt; &lt;div id=&quot;view_type_selector&quot;&gt; &lt;div class=&quot;view_type_selector_header&quot;&gt; &lt;p&gt;Interface&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;view_type_selector_body&quot;&gt; &lt;div class=&quot;view_type_selector_item_box&quot; onclick=&quot;setViewType(1)&quot;&gt; &lt;div class=&quot;view_type_selector_item view_type_selector1&quot;&gt;&lt;/div&gt; &lt;p&gt;Meeting&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;view_type_selector_item_box&quot; onclick=&quot;setViewType(2)&quot;&gt; &lt;div class=&quot;view_type_selector_item view_type_selector2 selected&quot;&gt;&lt;/div&gt; &lt;p&gt;Learning&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;view_type_selector_item_box&quot; onclick=&quot;setViewType(3)&quot;&gt; &lt;div class=&quot;view_type_selector_item view_type_selector3&quot;&gt;&lt;/div&gt; &lt;p&gt;Files&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;view_type_selector_item_box&quot; onclick=&quot;setViewType(4)&quot;&gt; &lt;div class=&quot;view_type_selector_item view_type_selector4&quot;&gt;&lt;/div&gt; &lt;p&gt;Chat&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;view_type_selector_item_box&quot; onclick=&quot;setViewType(6)&quot;&gt; &lt;div class=&quot;view_type_selector_item view_type_selector6&quot;&gt;&lt;/div&gt; &lt;p&gt;Notes&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;view_type_selector_item_box&quot; onclick=&quot;setViewType(7)&quot;&gt; &lt;div class=&quot;view_type_selector_item view_type_selector7&quot;&gt;&lt;/div&gt; &lt;p&gt;Video-chat&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;view_type_selector_item_box&quot; onclick=&quot;setViewType(9)&quot;&gt; &lt;div class=&quot;view_type_selector_item view_type_selector9&quot;&gt;&lt;/div&gt; &lt;p&gt;Whiteboard&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;view_type_selector_item_box&quot; onclick=&quot;setViewVRType()&quot;&gt; &lt;div class=&quot;view_type_selector_item view_type_selector20&quot;&gt;&lt;/div&gt; &lt;p&gt;VR&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;header_selector_appendix&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;header_properties_selector&quot;&gt; &lt;div class=&quot;header_properties_selector_body&quot;&gt; &lt;div class=&quot;row properties_selector_header&quot;&gt; &lt;p class=&quot;properties_console_listener&quot;&gt;Настройки&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;any_popup_close&quot;&gt;&lt;a&gt;&lt;/a&gt;&lt;/div&gt; &lt;div class=&quot;row&quot;&gt; &lt;div class=&quot;col-md-3 col-sm-12 properties_selector_menu&quot;&gt; &lt;div class=&quot;navbar-default sidebar&quot; role=&quot;navigation&quot;&gt; &lt;div class=&quot;sidebar-nav navbar-collapse&quot;&gt; &lt;ul class=&quot;nav&quot; id=&quot;side-menu&quot;&gt; &lt;li&gt;&lt;a class=&quot;menu-a icon_video&quot; onclick=&quot;openPropertyVideoConfig()&quot;&gt;Video settings&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class=&quot;menu-a icon_sound&quot; onclick=&quot;openPropertyAudioConfig()&quot;&gt;Audio settings&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class=&quot;menu-a icon_lessons&quot; onclick=&quot;openPropertyLessonsConfig()&quot;&gt;Video instructions&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class=&quot;menu-a icon_language&quot; onclick=&quot;openPropertyLanguageConfig()&quot;&gt;Language selection&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class=&quot;menu-a icon_system&quot; onclick=&quot;openPropertySyetem()&quot;&gt;System properties&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class=&quot;menu-a icon_questions&quot; onclick=&quot;openPropertyQuestionsConfig()&quot;&gt;Popular questions&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class=&quot;menu-a icon_support&quot; onclick=&quot;openPropertySupportConfig()&quot;&gt;Contact support&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;!-- /.sidebar-collapse --&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;col-md-9 col-sm-12 properties_selector_content&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;header_selector_appendix&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;main-mobile-content-container&quot;&gt; &lt;div class=&quot;main-mobile-content-wrapper&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;ask_admin_form_box_outer any_form_box_outer&quot;&gt; &lt;div class=&quot;ask_admin_form_box_background any_form_box_background&quot;&gt; &lt;/div&gt; &lt;div class=&quot;ask_admin_form_box any_form_box&quot;&gt; &lt;div class=&quot;ask_admin_close any_popup_close&quot; onclick=&quot;closeAskParticipantVoice()&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;div class=&quot;ask_admin_form_box_inner any_form_box_inner&quot;&gt; &lt;div class=&quot;ask_admin_form_box_inner_content&quot;&gt; &lt;p&gt;You are invited to start broadcasting&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;ask_admin_full_row_padding&quot;&gt; &lt;div class=&quot;ask_admin_form_button_left btn grey&quot; onclick=&quot;closeAskParticipantVoice()&quot;&gt; &lt;p&gt;Decline&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;ask_admin_form_button_right btn grey&quot; onclick=&quot;acceptParticipantVoice()&quot;&gt; &lt;p&gt;Accept&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div style=&quot;clear:both&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;popup_ban_participant_box_outer&quot;&gt; &lt;div class=&quot;popup_ban_participant_box&quot;&gt; &lt;p class=&quot;header&quot;&gt;Block attendee?&lt;/p&gt; &lt;div class=&quot;popup_ban_participant_line&quot;&gt; &lt;div class=&quot;popup_ban_outer-center&quot;&gt; &lt;div class=&quot;popup_ban_inner-center&quot;&gt; &lt;div class=&quot;popup_ban_participant_line_inner&quot;&gt; &lt;div class=&quot;popup_ban_participant_photo_box&quot;&gt; &lt;img src=&quot;&quot;&gt; &lt;/div&gt; &lt;div class=&quot;popup_ban_participant_description_box&quot;&gt; &lt;p class=&quot;p1&quot;&gt;%name%&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;popup_ban_participant_box_inner&quot;&gt; &lt;div class=&quot;popup_ban_participant_down_box&quot;&gt; &lt;a onclick=&quot;closeBanParticipant()&quot;&gt;Отменить&lt;/a&gt; &lt;input type=&quot;button&quot; class=&quot;btn btn_ban_participant&quot; value=&quot;Block&quot; onclick=&quot;banParticipant()&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;progress_bar_form_box_outer&quot;&gt; &lt;div class=&quot;progress_bar_form_box&quot;&gt; &lt;div class=&quot;progress_bar_form_box_inner&quot;&gt; &lt;div id=&quot;storage_progress_bar&quot;&gt;&lt;p class=&quot;storage-progress-label&quot;&gt;Инициализация...&lt;/p&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;full_screen_box&quot;&gt;&lt;/div&gt; &lt;script id=&quot;flash_screen_share_description_template&quot; type=&quot;text/x-jquery-tmpl&quot;&gt; &lt;div class=&quot;flash_screen_share_description&quot;&gt; &lt;div class=&quot;flash_screen_share_description_text_box&quot;&gt; &lt;p&gt;Для использования этой функции требуется установить и разрешить Java Plugin на Вашем компьютере. После установки необходимо перезапустить браузер и повторно подключиться к мероприятию.&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;flash_screen_share_description_buttons_box&quot;&gt; &lt;a href=&quot;http://www.java.com/download/&quot; target=&quot;_blank&quot;&gt;Установить&lt;/a&gt; &lt;a href=&quot;http://www.java.com/ru/download/help/enable_browser.xml&quot; target=&quot;_blank&quot; class=&quot;flash_screen_share_description_buttons_box right&quot;&gt;Как настроить&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/script&gt; &lt;script id=&quot;quizzesListTemplate&quot; type=&quot;text/x-jquery-tmpl&quot;&gt; &lt;div class=&quot;all_quizzes_list_item_box %hash%&quot;&gt; &lt;div class=&quot;%icon%&quot; data-ot=&quot;%tooltip%&quot;&gt;&lt;/div&gt; &lt;div class=&quot;list_quiz_label_box&quot;&gt; &lt;p&gt;&lt;a href=&quot;%edit_link%&quot; target=&quot;_blank&quot;&gt;%name%&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;list_quiz_actions&quot;&gt; &lt;div class=&quot;list_files_drop master&quot; onclick=&quot;dropQuiz(&#x27;%hash%&#x27;)&quot; data-ot=&quot;Remove this test&quot;&gt;&lt;/div&gt; &lt;div class=&quot;list_files_edit master&quot; onclick=&quot;editWebinarQuiz(&#x27;%hash%&#x27;,%type%)&quot; data-ot=&quot;Edit&quot;&gt;&lt;/div&gt; &lt;div class=&quot;list_files_open master&quot; onclick=&quot;addQuizToWebinarForm(&#x27;%hash%&#x27;)&quot; data-ot=&quot;Launch test&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;list_files_clear&quot;&gt;&lt;/div&gt; &lt;div class=&quot;files_dotted_line&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/script&gt; &lt;/div&gt; &lt;div class=&quot;presentationUploaderMessageBox&quot;&gt; &lt;div id=&quot;all_files_errormsg&quot; class=&quot;clearfix redtext&quot;&gt; &lt;/div&gt; &lt;div id=&quot;all_files_pic_progress_wrap&quot; class=&quot;progress-wrap&quot; style=&quot;margin-top:10px;margin-bottom:10px;&quot;&gt; &lt;/div&gt; &lt;/div&gt;&lt;div class=&quot;sp-container sp-hidden sp-light sp-input-disabled sp-buttons-disabled sp-palette-buttons-disabled sp-palette-disabled sp-initial-disabled fabric-color-container&quot;&gt;&lt;div class=&quot;sp-palette-container&quot;&gt;&lt;div class=&quot;sp-palette sp-thumb sp-cf&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sp-palette-button-container sp-cf&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;sp-palette-toggle&quot;&gt;less&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;sp-picker-container&quot;&gt;&lt;div class=&quot;sp-top sp-cf&quot;&gt;&lt;div class=&quot;sp-fill&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sp-top-inner&quot;&gt;&lt;div class=&quot;sp-color&quot; style=&quot;background-color: rgb(255, 0, 0);&quot;&gt;&lt;div class=&quot;sp-sat&quot;&gt;&lt;div class=&quot;sp-val&quot;&gt;&lt;div class=&quot;sp-dragger&quot; style=&quot;top: 0px; left: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;sp-clear sp-clear-display&quot; title=&quot;Clear Color Selection&quot; style=&quot;display: none;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sp-hue&quot;&gt;&lt;div class=&quot;sp-slider&quot; style=&quot;top: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;sp-alpha&quot;&gt;&lt;div class=&quot;sp-alpha-inner&quot;&gt;&lt;div class=&quot;sp-alpha-handle&quot; style=&quot;left: 0px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;sp-input-container sp-cf&quot;&gt;&lt;input class=&quot;sp-input&quot; type=&quot;text&quot; spellcheck=&quot;false&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sp-initial sp-thumb sp-cf&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sp-button-container sp-cf&quot;&gt;&lt;a class=&quot;sp-cancel&quot; href=&quot;#&quot;&gt;cancel&lt;/a&gt;&lt;button type=&quot;button&quot; class=&quot;sp-choose&quot;&gt;choose&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;canvas class=&quot;screen-fabric-canvas&quot; id=&quot;screen-fabric-canvas&quot; width=&quot;1024&quot; height=&quot;768&quot;&gt;&lt;/canvas&gt;&lt;canvas class=&quot;screen-fabric-animation-canvas&quot; id=&quot;screen-fabric-animation-canvas&quot; width=&quot;30&quot; height=&quot;30&quot;&gt;&lt;/canvas&gt;&lt;img class=&quot;screen-fabric-animation-cursor&quot; id=&quot;screen-fabric-animation-cursor&quot; src=&quot;https://pruffme.com/assets/css/images/webinar/cursor.png&quot;&gt;&lt;div class=&quot;recorderLoadedEventDispatcher&quot; id=&quot;recorderLoadedEventDispatcher&quot;&gt;&lt;/div&gt;&lt;div class=&quot;note-popover popover in note-image-popover bottom&quot;&gt; &lt;div class=&quot;arrow&quot;&gt;&lt;/div&gt; &lt;div class=&quot;popover-content note-children-container&quot;&gt;&lt;div class=&quot;note-btn-group btn-group note-custom&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Add link&quot; data-original-title=&quot;Add link&quot;&gt;&lt;i class=&quot;note-icon-link&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-btn-group btn-group note-imagesize&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Resize Full&quot; data-original-title=&quot;Resize Full&quot;&gt;&lt;span class=&quot;note-fontsize-10&quot;&gt;100%&lt;/span&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Resize Half&quot; data-original-title=&quot;Resize Half&quot;&gt;&lt;span class=&quot;note-fontsize-10&quot;&gt;50%&lt;/span&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Resize Quarter&quot; data-original-title=&quot;Resize Quarter&quot;&gt;&lt;span class=&quot;note-fontsize-10&quot;&gt;25%&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-btn-group btn-group note-float&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Float Left&quot; data-original-title=&quot;Float Left&quot;&gt;&lt;i class=&quot;note-icon-align-left&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Float Right&quot; data-original-title=&quot;Float Right&quot;&gt;&lt;i class=&quot;note-icon-align-right&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Float None&quot; data-original-title=&quot;Float None&quot;&gt;&lt;i class=&quot;note-icon-align-justify&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;div class=&quot;note-btn-group btn-group note-remove&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;note-btn btn btn-default btn-sm&quot; role=&quot;button&quot; tabindex=&quot;-1&quot; title=&quot;&quot; aria-label=&quot;Remove Image&quot; data-original-title=&quot;Remove Image&quot;&gt;&lt;i class=&quot;note-icon-trash&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;audio playsinline=&quot;&quot; muted=&quot;&quot; autoplay=&quot;&quot; loop=&quot;&quot; class=&quot;srtc_example_video_element&quot; src=&quot;https://pruffme.com/webinar/empty.mp4&quot;&gt;&lt;/audio&gt;&lt;canvas class=&quot;hidden_audio_canvas&quot; id=&quot;localAudioCanvas&quot; width=&quot;320&quot; height=&quot;240&quot;&gt;&lt;/canvas&gt;&lt;canvas class=&quot;hidden_audio_canvas_inner&quot; id=&quot;hidden_audio_canvas_inner&quot; width=&quot;320&quot; height=&quot;240&quot;&gt;&lt;/canvas&gt;&lt;img id=&quot;hidden_audio_logo&quot; class=&quot;hidden_audio_logo&quot; src=&quot;https://storage.pruffme.com/user/c6735a5d56065cd16ba0e56823152c7b/photos/7094b64f6fede9c90b47a405d63aa7fa.png&quot; crossorigin=&quot;Anonymous&quot;&gt;&lt;canvas class=&quot;rtc-audio-animation-canvas&quot; id=&quot;rtc-audio-animation-canvas&quot; width=&quot;30&quot; height=&quot;30&quot;&gt;&lt;/canvas&gt;&lt;div style=&quot;touch-action: none; visibility: hidden; position: absolute; overflow: hidden; height: 1px; width: 1px;&quot;&gt;&lt;svg style=&quot;left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 2px; min-height: 13px;&quot;&gt;&lt;g&gt;&lt;g&gt;&lt;/g&gt;&lt;g&gt;&lt;/g&gt;&lt;g&gt;&lt;/g&gt;&lt;g&gt;&lt;/g&gt;&lt;/g&gt;&lt;/svg&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;</pre> <p id="YpQz">И кликаем рядом.</p> <figure id="MiHw" class="m_original"> <img src="https://img3.teletype.in/files/29/ac/29ac46fc-4a1c-49b1-8d97-769ed13aac03.png" width="1158" /> </figure>