Pyrogram обладает множеством преимуществ, которые делают его очень удобным инструментом для разработки приложений для Telegram. Он имеет простой и понятный синтаксис, а также обширную документацию и сообщество, которое всегда готово помочь в разрешении возникающих вопросов.

Одной из особенностей Pyrogram является его высокая производительность и эффективность использования ресурсов. Это достигается благодаря использованию асинхронного программирования, которое позволяет выполнять несколько операций одновременно и оптимизировать использование системных ресурсов.

Еще одним преимуществом Pyrogram является его безопасность. Библиотека имеет встроенные механизмы для защиты от атак и взлома, таких как обнаружение ботов, фишинг и спам. Pyrogram также предоставляет средства для шифрования и защиты данных, передаваемых через мессенджер.

В целом, Pyrogram - это мощный инструмент для разработки приложений для Telegram. Если вы ищете библиотеку, которая обладает простым синтаксисом, высокой производительностью, безопасностью и обширной документацией, то Pyrogram является прекрасным выбором.

Шаг 1: Установка Pyrogram
Первым шагом является установка Pyrogram. Это можно сделать с помощью pip, установщика пакетов для языка Python. Откройте командную строку или терминал и введите следующую команду:

pip install pyrogram

Шаг 2: Создание Telegram-бота
Создание Telegram-бота требует нескольких простых шагов. Вам потребуется зарегистрировать бота в Telegram и получить его токен.

1. Откройте Telegram и найдите бота "@BotFather".
2. Отправьте команду "/start" и следуйте инструкциям для создания нового бота.
3. Когда бот будет создан, вы получите токен. Сохраните его в безопасном месте.

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

from pyrogram import Client, filters

app = Client("my_bot")

@app.on_message(filters.private)
def handle_private_message(client, message):
client.send_message(message.chat.id, "Привет! Я бот.")

@app.on_message(filters.group & ~filters.bot)
def handle_group_message(client, message):
client.send_message(message.chat.id, "Привет! Я бот.")

app.run()

В этом примере мы используем декораторы Pyrogram, чтобы определить функции обработки сообщений. Функция "handle_private_message" отправляет приветственное сообщение, когда пользователь пишет боту в личном чате, а функция "handle_group_message" делает то же самое, когда пользователь пишет боту в групповом чате. Мы также используем фильтры, чтобы определить, какие сообщения должны обрабатываться ботом.

Шаг 4: Запуск бота
Наконец, мы можем запустить нашего бота. В терминале или командной строке перейдите в папку с вашим кодом и введите следующую команду:

python my_bot.py

Вот и все! Теперь вы можете написать своему боту в Telegram, и он будет отвечать на сообщения. Э

1. 5G связь

5G связь уже не новость, но в 2023 году мы увидим ее более широкое распространение. 5G сеть обеспечивает высокоскоростной доступ в Интернет и более надежную связь для большого количества устройств. Это открывает новые возможности для развития таких технологий, как виртуальная и дополненная реальность, автономные автомобили и многое другое.

1. Роботизированные курьеры

С развитием Интернет-торговли растет и спрос на быструю доставку товаров. Роботизированные курьеры могут доставлять товары в любое время дня и ночи, обеспечивая максимальную скорость и надежность доставки.

1. Умный дом

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

1. Искусственный интеллект

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

1. Adobe Photoshop
Adobe Photoshop является одним из самых популярных инструментов для обработки изображений и графического дизайна. С помощью этой программы вы можете создавать и редактировать фотографии, создавать иллюстрации и создавать дизайн для веб-страниц и мобильных устройств. Photoshop имеет множество функций, в том числе поддержку слоев, фильтров и эффектов.

2. Adobe Illustrator
Adobe Illustrator предназначен для создания векторной графики. Он позволяет создавать иллюстрации, логотипы, иконки и другие объекты, которые можно масштабировать без потери качества. Инструмент имеет множество функций, таких как настраиваемые кисти, инструменты для работы с текстом и многие другие.

3. Sketch
Sketch является одним из наиболее популярных инструментов для дизайна пользовательского интерфейса. Он позволяет создавать макеты и прототипы для веб-страниц и мобильных устройств, а также работать с векторными изображениями. Sketch также имеет функции, такие как сетки, стили и библиотеки символов.

4. Figma
Figma предоставляет возможность создавать макеты и прототипы, работать с векторными изображениями и делиться своими проектами в режиме реального времени. Это очень удобно для командной работы, когда нужно вести совместную работу удаленно.

5. InVision
InVision – это платформа для создания интерактивных прототипов, которая позволяет дизайнерам и разработчикам тесно сотрудничать на каждом этапе процесса создания продукта. InVision имеет множество инструментов, таких как прототипирование, анимация и дизайн пользовательского интерфейса.

6. Procreate
Procreate является одним из самых популярных инструментов для цифрового рисования на iPad, но он также доступен для компьютеров. Он предоставляет широкий выбор кистей

Помимо перечисленных инструментов, Canva также является очень популярным и простым в использовании инструментом для дизайнеров. Canva предлагает библиотеку более чем 1 миллиона шаблонов, которые можно использовать для создания различных типов дизайна, таких как посты в социальных сетях, флаеры, презентации, логотипы, и многое другое. Canva также имеет множество настраиваемых элементов дизайна, таких как цвета, шрифты и изображения, что позволяет дизайнерам создавать уникальные и креативные проекты. Canva доступен как онлайн-сервис, так и в виде приложения для мобильных устройств, что делает его очень удобным для использования в любой ситуации.

Python - один из самых популярных языков программирования в мире. Созданный в 1991 году Гвидо ван Россумом, он быстро завоевал популярность благодаря своей простоте, удобству и мощным возможностям.

Одной из основных причин популярности Python является его простота. Python имеет чистый, лаконичный синтаксис, который легко понять и использовать. Это делает его идеальным языком для начинающих программистов и позволяет им быстро и легко создавать работающие программы.

Кроме того, Python обладает широким спектром функций и возможностей, которые позволяют программистам создавать программы для различных целей, от создания веб-приложений до анализа данных и машинного обучения. Python также популярен среди ученых и исследователей, так как его мощные библиотеки обработки данных и научных вычислений делают его идеальным инструментом для анализа и исследования данных.

Python является также одним из самых популярных языков программирования для создания и использования искусственного интеллекта и машинного обучения. Благодаря мощным библиотекам, таким как TensorFlow и Keras, Python позволяет создавать нейронные сети и модели машинного обучения, которые могут быть использованы в различных областях, от медицины до финансов.

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

Одним из наиболее известных примеров применения ИИ является обработка естественного языка. Технологии ИИ, такие как глубокое обучение, позволяют компьютерам понимать и генерировать естественный язык. Это используется в чат-ботах, переводчиках, анализе текста и других приложениях.

ИИ также применяется в машинном зрении, которое позволяет компьютерам анализировать изображения и видео. Это используется в автомобильной промышленности для создания систем безопасности, в медицине для анализа медицинских изображений и томографии, а также в робототехнике для распознавания объектов и ориентации в пространстве.

В области музыки ИИ используется для создания новой музыки. Например, система AIVA (Artificial Intelligence Virtual Artist) создает музыку в различных жанрах, используя компьютерное обучение и нейронные сети.

Одним из основных преимуществ ИИ является его способность к обучению. Машины могут учиться на основе большого количества данных и прогнозировать результаты на основе этого обучения. Это используется во многих областях, таких как финансы, где ИИ может помочь с прогнозированием цен на акции, анализом кредитных рисков и многое другое.

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

ПКМ по первой строчке edit as html ---> ctr+a; delete; пкм вствавить или paste

Кликаем по пустому пространству.

Удаляем отсюда все и вставляем:

<html lang="en" style="--my-variable-name:pink; --custom-vh:8.1px;"><head><style class="vjs-styles-defaults">
      .video-js {
        width: 300px;
        height: 150px;
      }

      .vjs-fluid {
        padding-top: 56.25%
      }
    </style>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="description" content="New webinar">
    <meta name="author" content=" Алиса 8 класс и Мила 6 класс ">
    <meta name="shortname" content="tmp1631009681"> 
    <meta name="google" content="notranslate">   
        
    <meta property="og:type" content="website">
    <meta property="og:title" content="New webinar">    
    <meta property="og:image" content="https://pruffme-a.akamaihd.net/default.jpg">
    <meta property="og:url" content="https://pruffme.com/webinar/?id=e5e926a03dc7074d3cfb72fd22cd20a9">

    <meta property="twitter:title" content="New webinar">
    <meta property="twitter:image" content="https://pruffme-a.akamaihd.net/default.jpg">

    <meta property="vk:image" content="https://pruffme-a.akamaihd.net/default.jpg">
    
    <link rel="icon" href="../assets/favicon.svg">
   

    <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/fmajmkhjmknoegfgdhpiflefolclojef">
    
    <title>New webinar</title>
    <style>
        html{
            height: 100%;
        }
        body {
            min-height: 100%;
            background-color: #F6F6F6 !important;
        }
    </style>
    
     
    <script async="" src="https://mc.yandex.ru/metrika/tag.js"></script><script type="text/javascript" id="www-widgetapi-script" src="https://www.youtube.com/s/player/21149d65/www-widgetapi.vflset/www-widgetapi.js" async=""></script><script src="https://www.youtube.com/iframe_api"></script><script src="loader.js?2580"></script>
    <script>
        var webinar_loader_revision = "2580";
        loadWebinarRoomScripts();
    </script><link href="https://pruffme.com/assets/bootstrap/dist/css/bootstrap.css" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/bootstrap/dist/css/bootstrap-table.css" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/bootstrap/dist/css/bootstrap-spinedit.css" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/js/videojs/video-js.css" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/js/videojs/videojs-resolution-switcher.css" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/js/jquery/jquery-ui.css" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/css/font-awesome.css" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/css/quiz.css?2580" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/css/cropper.css?2580" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/css/templates.css?2580" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/css/components.css?2580" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/css/tests.css?2580" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/css/virtuality.css?2580" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/css/webinar.css?2580" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/css/webinar_presentations.css?2580" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/css/webinar_participants.css?2580" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/css/webinar_sell.css?2580" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/js/jquery/jquery.datetimepicker.min.css?2580" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/css/opentip.css" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/css/powerange.css" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/css/upload/jquery.fileupload.css?2580" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/css/upload/jquery.fileupload-ui.css?2580" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/js/jquery/contextMenu/jquery.contextMenu.css?2580" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/js/spectrum/spectrum.css?2580" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/js/summernote/summernote.css?2580" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/js/katex/katex.css" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/js/fotorama/fotorama.dev.css" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/js/swiper/swiper-bundle.min.css" type="text/css" rel="stylesheet"><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/help.js?2580"></script>
  <script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/any.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/jquery/external/jquery/jquery.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/async/async.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/spin.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/jquery/jquery-ui.min.my.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/jquery/jquery.datetimepicker.full.min.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/jquery/jquery.hotkeys.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/jquery/textfill/jquery.textfill.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/jquery/jquery-custom.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/Sortable/Sortable.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/powerange.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/videojs/video.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/linkifyjs/linkify.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/lozad/lozad.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/xss/xss.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/custom/context_filter_polyfill.js"></script><style type="text/css"></style><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/bootstrap/dist/js/bootstrap.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/bootstrap/dist/js/bootstrap-table.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/bootstrap/dist/js/bootstrap-spinedit.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/typeahead/bootstrap3-typeahead.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/jquery/jquery.ui.touch-punch.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/bootstrap-wysiwyg.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/linkifyjs/linkify-jquery.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/linkifyjs/linkify-html.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/katex/katex.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/hammer/hammer.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/mathlive/mathlive.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/summernote/summernote.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/html2canvas/html2canvas.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/videojs/videojs-http-streaming.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/videojs/videojs-resolution-switcher.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/videojs/Youtube.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/videojs/videojs-playbackrate-adjuster.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/spectrum/spectrum.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/flash/swfobject.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/jquery/contextMenu/jquery.contextMenu.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/chartjs/Chart.min.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/fabric/3.6.4/fabric.min.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/fotorama/fotorama.dev.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/lz/lz-string.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/lz/lz-string-1.4.4.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/lz/lzma.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/lz/lzhelper.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/swiper/swiper-bundle.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/pinchzoom/pinch-zoom.umd.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/mediasoup/mediasoup-client.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/xdm/easyXDM.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/socket.io/socket.io.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/dayjs/day.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/ics/ics.deps.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/ics/ics.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/cropper.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/templates_cropper.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/templates.aweb.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/templates.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/components.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/tests.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/virtuality/lib.virtuality.editor.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/virtuality/lib.vr.undo.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/virtuality/lib.virtuality.editor.scenario.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/background/lib.background.js?2580"></script><style type="text/css">.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; }</style><style type="text/css"></style><style type="text/css"></style><script type="text/javascript" charset="utf-8" src="https://pruffme.com/language/lang_en.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/chartjs/chartjs-plugins-custom.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/language/lang_en.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/screen/getScreenId.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/lib.quiz.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/upload/SimpleAjaxUploader.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/jquery/jquery.alphanum.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/jquery/jquery-textrange.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/summernote/summernote-katex.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/summernote/summernote-customimage.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/summernote/summernote-product-selector.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/summernote/summernote-image-links.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/summernote/lang/summernote-en-EN.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/lib.flash.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/lib.srtc.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/lib.presentation.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/lib.sellbutton.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/lib.dashboards.webinar.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/lib.quiz.webinars.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/lib.participants.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/lib.aweb.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/lib.properties.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/lib.chat.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/lib.realweb.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/lib.realweb.space.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/lib.mediasoup.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/lib.oven.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/lib.pion.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/lib.mobile.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/lib.mask.background.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/lib.conference.soup.js?2580"></script><link href="https://pruffme.com/assets/js/grapheditor/styles/grapheditor.css?2580" type="text/css" rel="stylesheet"><link href="https://pruffme.com/assets/css/dashboards.css?2580" type="text/css" rel="stylesheet"><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/xml2js/xml2js.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/xml2js/xml2json.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/snap/snap.svg.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/fontfaceobserver/fontfaceobserver.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/grapheditor/deflate/pako.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/grapheditor/deflate/base64.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/grapheditor/jscolor/jscolor.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/grapheditor/sanitizer/sanitizer.min.js"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/grapheditor/mxClient.min.js?2580"></script><link rel="stylesheet" href="https://pruffme.com/assets/js/grapheditor/src/css/common.css" charset="UTF-8" type="text/css"><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/grapheditor/js/CustomOverrides.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/grapheditor/js/EditorUi.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/grapheditor/js/Editor.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/grapheditor/js/Sidebar.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/grapheditor/js/Graph.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/grapheditor/js/Format.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/grapheditor/js/Shapes.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/grapheditor/js/Actions.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/grapheditor/js/Menus.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/grapheditor/js/Toolbar.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/grapheditor/js/Dialogs.js?2580"></script><script src="chrome-extension://bnfdmghkeppfadphbnkjcicejfepnbfe/spFormElementPrototypeEx.js" id="spHTMLFormElementPrototypeScript"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/assets/js/lib.dashboards.js?2580"></script><script type="text/javascript" charset="utf-8" src="https://pruffme.com/webinar/index.js?2580"></script></head>

  <body style="" class="fix-flicker-video">       <div class="pruffme-full-container is-master-block global-view-type-2">
            <div class="webinar-full-size-navbar-wrapper full-size" ondblclick="cleanSavedPositions()">                
                <div class="webinar-navbar">          
                    <div class="webinar_header_left_box"><div class="split-recorder-box split-recorder-container state-record-free">
                <div class="split-recorder-box-checkbox"></div>
                <div class="split-recorder-box-timer"></div>
                <div class="split-recorder-spinner-box">
                    <div class="split-recorder-spinner"><div class="spinner" role="progressbar" style="position: absolute; width: 0px; z-index: 2000000000; left: 50%; top: 50%;"><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-0-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-1-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-2-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-3-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-4-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-5-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-6-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-7-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-8-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-9-10;"><div style="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;"></div></div></div></div>
                    <div class="split-recorder-spinner-label">In process</div>
                </div>
            

                <div class="split-recorder-popup-outer">
                    <div class="split-recorder-popup info">
                        <div class="split-recorder-popup-header">Start recording?</div>
                        <div class="split-recorder-popup-description">Select your recording format below:</div>
                        <div class="split-recorder-popup-list">
                            <div class="split-recorder-type-list-line type-0 selected" data-type="0">
                                <div class="split-recorder-type-list-line-radio"></div>
                                <div class="split-recorder-type-list-line-image"></div>
                                <div class="split-recorder-type-list-line-label">All elements</div>
                            </div>
                            <div class="split-recorder-type-list-line type-1" data-type="1">
                                <div class="split-recorder-type-list-line-radio"></div>
                                <div class="split-recorder-type-list-line-image"></div>
                                <div class="split-recorder-type-list-line-label">Video + presentation</div>
                            </div>
                            <div class="split-recorder-type-list-line type-2" data-type="2">
                                <div class="split-recorder-type-list-line-radio"></div>
                                <div class="split-recorder-type-list-line-image"></div>
                                <div class="split-recorder-type-list-line-label">Only video</div>
                            </div>
                            <div class="split-recorder-type-list-line type-3" data-type="3">
                                <div class="split-recorder-type-list-line-radio"></div>
                                <div class="split-recorder-type-list-line-image"></div>
                                <div class="split-recorder-type-list-line-label">Overlay video on presentation</div>
                            </div>
                        </div>
                        <div class="split-recorder-popup-bottom-start">
                            <div class="split-recorder-popup-bottom-button-start">Start</div>                            
                        </div>
                    </div>

                    <div class="split-recorder-popup start-force">
                        <div class="split-recorder-popup-header">Start recording?</div>
                        <div class="split-recorder-popup-description">Select your recording format below</div>
                        <div class="split-recorder-popup-list">
                            <div class="split-recorder-type-list-line type-0 selected" data-type="0">
                                <div class="split-recorder-type-list-line-radio"></div>
                                <div class="split-recorder-type-list-line-image"></div>
                                <div class="split-recorder-type-list-line-label">All elements</div>
                            </div>
                            <div class="split-recorder-type-list-line type-1" data-type="1">
                                <div class="split-recorder-type-list-line-radio"></div>
                                <div class="split-recorder-type-list-line-image"></div>
                                <div class="split-recorder-type-list-line-label">Video + presentation</div>
                            </div>
                            <div class="split-recorder-type-list-line type-2" data-type="2">
                                <div class="split-recorder-type-list-line-radio"></div>
                                <div class="split-recorder-type-list-line-image"></div>
                                <div class="split-recorder-type-list-line-label">Only video</div>
                            </div>
                            <div class="split-recorder-type-list-line type-3" data-type="3">
                                <div class="split-recorder-type-list-line-radio"></div>
                                <div class="split-recorder-type-list-line-image"></div>
                                <div class="split-recorder-type-list-line-label">Overlay video on presentation</div>
                            </div>
                        </div>
                        <div class="split-recorder-popup-bottom-start">
                            <div class="split-recorder-popup-bottom-button-start">Start</div>
                            <div class="split-recorder-popup-bottom-button-cancel">Don't start recording</div>
                        </div>
                    </div>


                    <div class="split-recorder-popup recording-starting">
                        <div class="split-recorder-popup-header">Recording is about to start</div>
                        <div class="split-recorder-popup-description">Recording is being initialized. It will take a few seconds.</div> 
                        
                        <div class="split-recorder-popup-bottom-start">
                            <div class="split-recorder-popup-bottom-button-ask-stop" onclick="stopSplitRecord()">Stop recording</div>                            
                        </div>
                    </div>

                    <div class="split-recorder-popup recording">
                        <div class="split-recorder-popup-header">Recording is on</div>
                        <div class="split-recorder-popup-description">You can select the elements that will be recorded:</div>
                        <div class="split-recorder-popup-list">
                            <div class="split-recorder-type-list-line type-0 selected" data-type="0">
                                <div class="split-recorder-type-list-line-radio"></div>
                                <div class="split-recorder-type-list-line-image"></div>
                                <div class="split-recorder-type-list-line-label">All elements</div>
                            </div>
                            <div class="split-recorder-type-list-line type-1" data-type="1">
                                <div class="split-recorder-type-list-line-radio"></div>
                                <div class="split-recorder-type-list-line-image"></div>
                                <div class="split-recorder-type-list-line-label">Video + presentation</div>
                            </div>
                            <div class="split-recorder-type-list-line type-2" data-type="2">
                                <div class="split-recorder-type-list-line-radio"></div>
                                <div class="split-recorder-type-list-line-image"></div>
                                <div class="split-recorder-type-list-line-label">Only video</div>
                            </div>
                            <div class="split-recorder-type-list-line type-3" data-type="3">
                                <div class="split-recorder-type-list-line-radio"></div>
                                <div class="split-recorder-type-list-line-image"></div>
                                <div class="split-recorder-type-list-line-label">Overlay video on presentation</div>
                            </div>
                        </div>
                        <div class="split-recorder-popup-bottom-start">
                            <div class="split-recorder-popup-bottom-button-ask-stop" onclick="setRecorderClass(&quot;state-ask-stop&quot;)">Stop recording</div>
                            
                        </div>
                    </div>

                    <div class="split-recorder-popup ask-stop">
                        <div class="split-recorder-popup-header">Are you sure you want to stop recording?</div>
                        <div class="split-recorder-popup-description">You will only stop the recording and presenters will continue to broadcast</div>
                        
                        <div class="split-recorder-popup-bottom-stop">
                            <div class="split-recorder-popup-bottom-button-stop-cancel">No</div>
                            <div class="split-recorder-popup-bottom-button-stop">Yes</div>
                        </div>
                    </div>

                    <div class="split-recorder-popup recording-free">
                        <div class="split-recorder-popup-header">Upgrade your plan?</div>
                        <div class="split-recorder-popup-description">Recording is available only for paid accouts. Only event creator can upgrade the plan.</div> 
                        <div class="split-recorder-popup-description"><strong>Attention:</strong> if you just upgraded, reload the page to make sure your new plan settings were applied.</div> 

                        <div class="split-recorder-popup-bottom-stop" style="display: block;">
                            <div class="split-recorder-popup-bottom-button-refresh">Upgrade</div>
                        </div>
                    </div>
                </div>
            
            </div>
                        
                        <p class="header_webinar_name">New webinar</p>
                        <div class="header_webinar_slave_name_container"></div>
                    </div>
                    <div class="webinar_header_right_box">
                        <div class="header_exit_box" onclick="exitWebinar()">Exit</div>
                        <div class="header_properties_box header_icon_box" onmousedown="openPropertiesSelector(event)">Settings</div>
                        <div class="header_view_box master header_icon_box" onmousedown="openViewTypeSelector(event)">Modes</div>
                        <div class="header_participants_box header_icon_box" onmousedown="openParticipantsSelector(event)"><span class="participants_number_label">Attendees</span> <span class="participants_number_span">(1)</span></div>
                        <div class="header_questions_box header_icon_box" onmousedown="openQuestionsSelector(event)"><span class="questions_number_label">Questions</span> <span class="questions_number_span"></span></div>
                        <div class="header_files_box master header_icon_box" onmousedown="openHeaderFilesSelector(event)">Files</div>
                        <div class="handup-box hover-inited" onclick="onHandUpClick()" data-ot="{webinar.handup.header.tip}">
            <div class="handup-icon">
                        
            </div>
            <div class="handup-number">0</div>
        </div><div class="header_synclang_box" onmousedown="openSyncTranslateSelectionPopup()">{webinar.menu.synclang}</div>
                    <div class="waiting-room-box" onclick="onWaitingRoomClick()">
                    <div class="waiting-room-icon">
                                
                    </div>
                    <div class="waiting-room-number">0</div>
                </div></div>          
                </div>                
            </div>

            <div class="webinar-navbar-wrapper">                
                <div class="webinar-mobile-navbar">          
                    <div class="webinar-mobile-navbar-participant-box">
                        <div class="webinar-mobile-navbar-participant-logo" style="background-image: url(&quot;https://storage.pruffme.com/user/c6735a5d56065cd16ba0e56823152c7b/photos/7094b64f6fede9c90b47a405d63aa7fa.png&quot;);">
                        </div>
                        <div class="webinar-mobile-navbar-participant-name"> Алиса 8 класс и Мила 6 класс </div>
                    </div>
                    <div class="webinar-mobile-navbar-name-box">New webinar</div>
                    <div class="webinar-mobile-navbar-actions-box">
                        <div class="header_exit_box" onclick="exitWebinar()">Exit</div>
                        <div class="header_icon_box vr-item vr-item-enabled" onmousedown="initVirtualRoomClick()">Open VR</div>
                        <div class="header_properties_box header_icon_box" onmousedown="openPropertiesSelector(event)"></div>
                        <div class="header_view_box master header_icon_box" onmousedown="openViewTypeSelector(event)">Modes</div>
                        <div class="header_participants_box header_icon_box" onmousedown="openParticipantsSelector(event)"><span class="participants_number_label">Attendees</span> <span class="participants_number_span">(1)</span></div>
                        <div class="header_questions_box header_icon_box" onmousedown="openQuestionsSelector(event)"><span class="questions_number_label">Questions</span> <span class="questions_number_span"></span></div>
                        <div class="header_files_box master header_icon_box" onmousedown="openHeaderFilesSelector(event)">Files</div>
                        
                    </div>          
                </div>                
            </div>



            
            <div class="main-webinar-container">
                <!--            ВИДЕО                          -->
                <div id="main_box_video" class="main_box is-master-block ui-draggable ui-resizable" style="width: 317px; height: 364.5px; left: 10px; top: 60px; display: block;">
                    
                        <div class="main_inner_box" id="main_box_video_inner">
            <div class="videocontent_outer view-type-container-2">
                <div id="videocontent" class="grid-for-0" style="width: 295px; height: 221.25px;">

                </div>
            </div>

            <div class="videobox-container-header ui-draggable-handle">
                <div class="videobox-container-header-tab">Video</div>
                <div class="videobox-container-header-content">
                    <div class="video_content_controls-viewer viewer">
                        
                    </div>
                    <div class="video_content_controls master video-tab-reactions-button-parent">
                        <div class="video_content_controls_inner">
                            <div class="video_content_controls_inner_left">
                                <div class="videobox-container-header-tab-screen-container">
                                    <div class="presentations-container-header-tab tab-screen" onclick="startPublishScreenSRTCOnVideo()">Screen sharing</div> 
                                    
                                    <div class="videobox-container-header-tab-screen-spinner"></div>
                                <div class="chat-input-action-item-reactions-popup chat-input-action-item-reactions-popup-tabbed">
            <div class="chat-input-action-item-reactions-popup-inner">
               <div class="reaction-add-item reaction-add-item-heart" onclick="sendReaction('heart')"></div>
               <div class="reaction-add-item reaction-add-item-question" onclick="sendReaction('question')"></div>
               <div class="reaction-add-item reaction-add-item-attention" onclick="sendReaction('attention')"></div>
               <div class="reaction-add-item reaction-add-item-smile" onclick="sendReaction('smile')"></div>
               <div class="reaction-add-item reaction-add-item-wow" onclick="sendReaction('wow')"></div>
               <div class="reaction-add-item reaction-add-item-hand" onclick="sendReaction('hand')"></div>
               <div class="reaction-add-item reaction-add-item-like" onclick="sendReaction('like')"></div>
               <div class="reaction-add-item reaction-add-item-dislike" onclick="sendReaction('dislike')"></div>
               <div class="reaction-add-item reaction-add-item-fire" onclick="sendReaction('fire')"></div>                
            </div>
        </div></div>                            
                                
                            </div>
                            <div class="video_content_controls_buttons_container">
                                <div class="publish-video-controls-panel master">
                                    <div class="publish-video-controls-panel-inner">
                                        <div class="videobox-container-header-action action-stop grey-button-style hover-inited" onclick="stopRecordClick()" data-ot="Stop publishing"></div>
                                        <div class="publish-video-controls-panel-space"></div>
                                        <div class="videobox-container-header-action action-video grey-button-style hover-inited" onclick="addPublishStream('video')" data-ot="Enable camera and microphone"></div>
                                        <div class="videobox-container-header-action action-audio grey-button-style hover-inited" onclick="addPublishStream('audio')" data-ot="Enable microphone"></div>
                                    </div>
                                </div>
                            </div>
                            
                            
                            
                            <div class="grey-button-style mobile-menu-button-left-slide" onclick="mobileButtonSlideLeft()"></div>
                            <div class="grey-button-style mobile-menu-button-right-slide" onclick="mobileButtonSlideRight()"></div>
                            <div class="videobox-container-header-action action-properties grey-button-style" onclick="showPropertiesClick(event)"></div>
                        </div>
                    </div>
                    
                    <div class="videobox-container-header-action action-fullscreen grey-button-style" onclick="makeFullScreenVideo()"></div>
                    <div class="grey-button-style open-mobile-menu-button" onclick="openMobileTopMenuClick()"></div>
                </div>
            </div>
            



            <div class="video_properties_form">
                <p class="video_properties_form_header">Settings:</p>
                
                <div class="video_property_main_line master hover-inited" data-ot="Mirror my video">
                    <div class="video_property_main_line_inner">
                        <div class="video_line_check_p">Mirror my video</div>
                        <input type="checkbox" name="checkbox_use_mirror" id="checkbox_use_mirror" class="blue-checkbox">
                        <label for="checkbox_use_mirror" class="blue-label-check"></label>
                        
                    </div>                    
                </div>

                <div class="video_property_main_line master hover-inited" data-ot="Always show names">
                    <div class="video_property_main_line_inner">
                        <div class="video_line_check_p">Always show names</div>
                        <input type="checkbox" name="checkbox_hide_names" id="checkbox_hide_names" class="blue-checkbox">
                        <label for="checkbox_hide_names" class="blue-label-check"></label>                        
                    </div>                    
                </div>

                <div class="video_property_main_line master hover-inited" data-ot="Background blur">
                    <div class="video_property_main_line_inner">
                        <div class="video_line_check_p">Background blur</div>
                        <input type="checkbox" name="checkbox_use_blur" id="checkbox_use_blur" class="blue-checkbox">
                        <label for="checkbox_use_blur" class="blue-label-check"></label>                        
                    </div>                    
                </div>
                
                <div class="video_property_main_line master hover-inited" data-ot="Format 1">
                    <div class="video_property_main_line_inner">
                        <div class="video_line_check_p">16:9</div>
                        <input type="checkbox" name="checkbox_use_16" id="checkbox_use_16" class="blue-checkbox">
                        <label for="checkbox_use_16" class="blue-label-check"></label>
                        
                    </div>                    
                </div>                
                <div class="video_property_main_line master hover-inited" data-ot="Flash">
                    <div class="video_property_main_line_inner">    
                        <div class="video_line_check_p">Encoder</div>
                        <input type="checkbox" name="checkbox_use_flash" id="checkbox_use_flash" class="blue-checkbox">
                        <label for="checkbox_use_flash" class="blue-label-check"></label>
                        
                    </div>   
                </div>
                <div class="video_property_main_line master hover-inited" data-ot="New WebRTC Engine">
                    <div class="video_property_main_line_inner">    
                        <div class="video_line_check_p">WebRTC</div>
                        <input type="checkbox" name="checkbox_use_srtc" id="checkbox_use_srtc" class="blue-checkbox">
                        <label for="checkbox_use_srtc" class="blue-label-check"></label>
                    </div>
                </div>
                

                <div class="flash_properties">

                    

                    <div class="btn-group flash_properties_selector_box_relative hidden hover-inited" role="group" data-ot="Quality">
                        <p class="btn flash_properties_selector_box dropdown-toggle" data-toggle="dropdown" onclick="openFlashQualitySelector()">

                        </p>
                        <div class="flash_properties_selector_box_right"></div>
                        <ul class="dropdown-menu flash_properties_selector_list flash_properties_selector_list_properties">
                            <li onclick="setFlashQuality(0)">
                                <p>Minimal</p>
                            </li>
                            <li onclick="setFlashQuality(1)">
                                <p>Normal</p>
                            </li>
                            <li onclick="setFlashQuality(2)">
                                <p>Improved</p>
                            </li>
                            <li onclick="setFlashQuality(2)">
                                <p>Maximum</p>
                            </li>
                        </ul>
                    </div>

                    <div class="btn-group flash_properties_selector_box_relative flash_microphone_selector hover-inited" role="group" data-ot="Microphone selection">
                        <p class="btn flash_microphone_selector_label dropdown-toggle" data-toggle="dropdown" onclick="openFlashMicrophonesSelector()">
                        </p>
                        <div class="flash_properties_selector_box_right"></div>
                        <ul class="dropdown-menu flash_properties_selector_list flash_microphone_selector_list">

                        </ul>
                    </div>

                    <div class="btn-group flash_properties_selector_box_relative flash_camera_selector hover-inited" role="group" data-ot="Camera selection">
                        <p class="btn flash_camera_selector_label dropdown-toggle" data-toggle="dropdown" onclick="openFlashCamerasSelector()">
                        </p>
                        <div class="flash_properties_selector_box_right"></div>
                        <ul class="dropdown-menu flash_properties_selector_list flash_camera_selector_list">

                        </ul>
                    </div>

                    <div class="video_property_line hidden hover-inited" data-ot="HLS for participants">
                        <input type="checkbox" name="checkbox_use_hls" id="checkbox_use_hls" class="css-checkbox">
                        <label for="checkbox_use_hls" class="css-label-check video_line_check"></label>
                        <p class="video_line_check_p">HLS</p>
                    </div>

                    <div class="encoder_url_box">
                        <p>Encoder URL: <span class="encoder_url encoder_stream_url"></span></p>
                        <p>Encoder Stream:  <span class="encoder_url encoder_stream"></span></p>

                        <p>Screen URL: <span class="encoder_url screen_stream_url"></span></p>
                        <p>Screen Stream:  <span class="encoder_url screen_stream"></span></p>
                    </div>
                </div>



                <div class="rtc_properties">

                    <div class="video_property_line master hover-inited" data-ot="Flash">
                        <input type="checkbox" name="checkbox_use_rtc_encoder" id="checkbox_use_rtc_encoder" class="css-checkbox">
                        <label for="checkbox_use_rtc_encoder" class="css-label-check video_line_check"></label>
                        <p class="video_line_check_p">Adobe FMLE</p>
                    </div>



                    <div class="btn-group flash_properties_selector_box_relative hover-inited" role="group" data-ot="Quality">
                        <p class="btn flash_properties_selector_box dropdown-toggle" data-toggle="dropdown" onclick="openRTCQualitySelector()">

                        </p>
                        <div class="flash_properties_selector_box_right"></div>
                        <ul class="dropdown-menu flash_properties_selector_list rtc_properties_selector_list_properties">
                            <li onclick="setRTCQuality(0)">
                                <p>Minimal</p>
                            </li>
                            <li onclick="setRTCQuality(1)">
                                <p>Normal</p>
                            </li>
                            <li onclick="setRTCQuality(2)">
                                <p>Improved</p>
                            </li>
                            <!--li onclick="setRTCQuality(3)">
                                <p>Maximum</p>
                            </li-->
                        </ul>
                    </div>

                    <div class="btn-group flash_properties_selector_box_relative rtc_microphone_selector hover-inited" role="group" data-ot="Microphone selection">
                        <p class="btn flash_microphone_selector_label dropdown-toggle" data-toggle="dropdown" onclick="openSRTCMicrophonesSelector()">Microphone selection</p>
                        <div class="flash_properties_selector_box_right"></div>
                        <ul class="dropdown-menu flash_properties_selector_list flash_microphone_selector_list">

                        </ul>
                    </div>

                    <div class="btn-group flash_properties_selector_box_relative rtc_camera_selector hover-inited" role="group" data-ot="Camera selection">
                        <p class="btn flash_camera_selector_label dropdown-toggle" data-toggle="dropdown" onclick="openSRTCCamerasSelector()">Camera selection</p>
                        <div class="flash_properties_selector_box_right"></div>
                        <ul class="dropdown-menu flash_properties_selector_list flash_camera_selector_list">

                        </ul>
                    </div>



                    <div class="encoder_url_box">
                        <p>FMS URL: <span class="encoder_url encoder_stream_url"></span></p>
                        <p>Stream:  <span class="encoder_url encoder_stream"></span></p>
                    </div>
                </div>




                <div class="srtc_properties" style="display: block;">
                    
                    <div class="btn-group flash_properties_selector_box_relative hover-inited" role="group" data-ot="Quality">
                        <p class="btn flash_properties_selector_box dropdown-toggle" data-toggle="dropdown" onclick="openSRTCQualitySelector()">

                        </p>
                        <div class="flash_properties_selector_box_right"></div>
                        <ul class="dropdown-menu flash_properties_selector_list srtc_properties_selector_list_properties">
                            <li onclick="setSRTCQuality(0)">
                                <p>Minimal</p>
                            </li>
                            <li onclick="setSRTCQuality(1)">
                                <p>Normal</p>
                            </li>
                            <li onclick="setSRTCQuality(2)">
                                <p>Improved</p>
                            </li>
                            <li onclick="setSRTCQuality(3)">
                                <p>Maximum</p>
                            </li>
                        </ul>
                    </div>

                    <div class="btn-group flash_properties_selector_box_relative rtc_microphone_selector hover-inited" role="group" data-ot="Microphone selection">
                        <p class="btn flash_microphone_selector_label dropdown-toggle" data-toggle="dropdown" onclick="openSRTCMicrophonesSelector()">Microphone selection</p>
                        <div class="flash_properties_selector_box_right"></div>
                        <ul class="dropdown-menu flash_properties_selector_list flash_microphone_selector_list">

                        </ul>
                    </div>

                    <div class="btn-group flash_properties_selector_box_relative rtc_camera_selector hover-inited" role="group" data-ot="Camera selection">
                        <p class="btn flash_camera_selector_label dropdown-toggle" data-toggle="dropdown" onclick="openSRTCCamerasSelector()">Camera selection</p>
                        <div class="flash_properties_selector_box_right"></div>
                        <ul class="dropdown-menu flash_properties_selector_list flash_camera_selector_list">

                        </ul>
                    </div>
                </div>



                <div class="hangouts_properties">


                </div>

            </div>

        </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div></div>


                <!--            ПРЕЗЕНТАЦИЯ                    -->

                <div id="main_box_presentation" class="main_box is-master-block ui-draggable ui-resizable" style="width: 631px; height: 735px; left: 335px; top: 60px; display: block;">
                    
                <div class="main_inner_box" id="main_box_presentation_inner">
            <div class="presentations-container-inner">                
                <div class="presentations-container-header ui-draggable-handle">
                    <div class="presentations-container-header-inner">
                        <div class="presentations-container-header-open-drawing-tools grey-button-style hidden" onclick="onEnableDrawindToolClick(event)"></div>
                        <div class="presentations-container-header-tabs">
                            <div class="presentations-container-header-tab tab-presentations selected" onclick="onPresentationsTabClick()">Presentation</div>
                            <div class="presentations-container-header-tab tab-screen master-flex" onclick="onPresentationsTabClick('screen')">
                                <div class="presentations-container-header-tab-label">Desktop</div>
                                <div class="presentations-container-header-tab-spinner"><div class="spinner" role="progressbar" style="position: absolute; width: 0px; z-index: 2000000000; left: 50%; top: 50%;"><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-0-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-1-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-2-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-3-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-4-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-5-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-6-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-7-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-8-10;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-9-10;"><div style="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;"></div></div></div></div>
                            </div>
                        </div>
                        <div class="presentations-container-header-list presentations_list_box only-moderator-object ui-sortable"></div>
                        <div class="presentations-container-header-screen hidden">
                        </div>

                        <div class="grey-button-style mobile-menu-button-left-slide" onclick="mobileButtonSlideLeft()"></div>
                        <div class="grey-button-style mobile-menu-button-right-slide" onclick="mobileButtonSlideRight()"></div>

                        <div class="presentations-container-header-artboard-show-video" onclick="showVideoForArtboardClick()">Video and chat</div>
                        <div class="presentations-container-header-artboard-hide-video" onclick="hideVideoForArtboardClick()"></div>
                        <div class="presentations-container-header-appender-button master" onclick="onPresentationsTabClick()"></div>
                        <div class="presentations-container-header-selector-button master" onclick="openQuicMorePresentations(event)"></div>
                        
                        <div class="presentations-container-header-fullscreen grey-button-style" onclick="fullScreenById('main_box_presentation_inner')"></div>
                        <div class="grey-button-style open-mobile-menu-button" onclick="openMobileTopMenuClick()"></div>
                    </div>
                    <div class="presentations-container-header-screen-publishing">
                        <div class="resentations-container-header-screen-publishing-stop-button" onclick="stopScreenClick()">Stop Share</div>
                        <div class="resentations-container-header-screen-publishing-name-prefix">screen sharing:</div>
                        <div class="resentations-container-header-screen-publishing-name"></div>
                        <div class="resentations-container-header-screen-publishing-empty"></div>
                        <div class="presentations-container-header-fullscreen grey-button-style" onclick="fullScreenById('main_box_presentation_inner')"></div>
                    </div>
                </div>                
                <div class="presentations-container-central">
                    <div class="presentations-container-central-tools hidden">
                        <div class="presentation_tool_brush_properties"><div class="fabric-options-container">        
        <div class="fabric-icon action-draw hover-inited" data-ot="Brush mode"><div class="fabric-icon-brush"></div></div>
        <div class="fabric-icon noborder hover-inited" data-ot="Color selection">
            <div class="fabric-icon-color">
                <input type="text" id="fabric-color-picker" style="display: none;"><div class="sp-replacer sp-light fabric-color-selector"><div class="sp-preview"><div class="sp-preview-inner" style="background-color: rgb(0, 0, 0);"></div></div><div class="sp-dd">▼</div></div>
            </div>
        </div>
        <div class="fabric-icon dropdown hover-inited" data-ot="Brush size">
            <div class="fabric-icon-size dropdown-toggle" data-toggle="dropdown"></div>
            <ul class="dropdown-menu fabric-dropdown-menu fabric-size-dropdown">
                <li onclick="setDrawingBrushSizeClick(2)"><div class="fabric-icon-size-item" style="width:2px;height:2px;border-radius:1px"></div></li>
                <li onclick="setDrawingBrushSizeClick(10)"><div class="fabric-icon-size-item" style="width:10px;height:10px;border-radius:5px"></div></li>
                <li onclick="setDrawingBrushSizeClick(20)"><div class="fabric-icon-size-item" style="width:20px;height:20px;border-radius:10px"></div></li> 
                <li onclick="setDrawingBrushSizeClick(26)"><div class="fabric-icon-size-item" style="width:26px;height:26px;border-radius:13px"></div></li>
                <li onclick="setDrawingBrushSizeClick(30)"><div class="fabric-icon-size-item" style="width:30px;height:30px;border-radius:15px"></div></li> 
            </ul>
        </div>
        
        
        <!--div class="fabric-icon action-select"
            data-ot="Selection mode"><div class="fabric-icon-hand"></div></div-->
        <div class="fabric-icon dropdown hover-inited" data-ot="Figures">
            <div class="fabric-icon-figures dropdown-toggle" data-toggle="dropdown"></div>
            <ul class="dropdown-menu fabric-dropdown-menu">
                <li><div class="fabric-icon-figures fabric-icon-rectangle" onclick="addFabricSquare()"></div></li>
                <li><div class="fabric-icon-figures fabric-icon-circle" onclick="addFabricCircle()"></div></li> 
                <li><div class="fabric-icon-figures fabric-icon-triangle" onclick="addFabricTriangle()"></div></li> 
                <li><div class="fabric-icon-figures fabric-icon-rectangle-filled" onclick="addFabricSquare(true)"></div></li>
                <li><div class="fabric-icon-figures fabric-icon-circle-filled" onclick="addFabricCircle(true)"></div></li> 
                <li><div class="fabric-icon-figures fabric-icon-triangle-filled" onclick="addFabricTriangle(true)"></div></li>
            </ul>
        </div>
        <div class="fabric-icon action-text hover-inited" data-ot="Insert text"><div class="fabric-icon-text"></div></div>
        <div class="fabric-icon action-formula hover-inited" data-ot="Insert text"><div class="fabric-icon-function"></div></div>
        
        
        
        <div class="fabric-icon action-trash hover-inited" data-ot="Delete an image"><div class="fabric-icon-trash"></div></div>
        <div class="fabric-icon action-undo selected hover-inited" data-ot="Undo"><div class="fabric-icon-undo"></div></div>
        <div class="fabric-icon action-arrow hover-inited" data-ot="Show a cursor"><div class="fabric-icon-arrow"></div></div>

        <!--div class=" fabric-icon action-new-slide"
            data-ot="Add a new slide"><div class="fabric-icon-new-slide"></div></div-->

        <div class="fabric-icon action-start-screen master hover-inited" data-ot="Online-streaming of the slide"><div class="fabric-icon-start-screen"></div></div>
    </div></div>
                    </div>
                    <div class="presentations-container-central-content">
                        <div class="presentation_images_box presentation-content-box" style="display: none;">
            <div class="presentation_images_box_top">                               
                <div class="presentation_right_view_box" tabindex="0">                                    
                    <div class="presentation_img_box" style="">  
                        <div class="presentation_img_box_inner">
                            <img class="presentation_img" id="presentation_img" crossorigin="Anonymous" style="height: 100px; margin-left: 50px; margin-top: 0px;">
                        </div>
                        
                        <div class="presentation_img_box_swiper">
                            <div class="presentation_img_box_swiper_inner">
                            </div>
                        </div>
                        
                    </div>
                    <div class="presentation-dashboard-over-image-container one-page-dashboard" style="height: 100%;">
                    <div class="dashboard-editor-container webinar"><div class="geDiagramContainer geDiagramBackdrop cursor_grab_shape" style="inset: 69px 240px 28px 0px; touch-action: none; overflow: hidden;" tabindex="0"><div style="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;" class="geBackgroundPage"></div><svg style="left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 101px; min-height: 76px; position: absolute; background-image: none;"><g><g></g><g></g><g></g><g></g></g></svg></div></div><div class="dashboard-main-canvas-container not-active"><div class="canvas-container" style="width: 97px; height: 72px; position: relative; user-select: none; left: -50px; top: -38px;"><canvas id="dashboard-main-canvas" class="dashboard-main-canvas lower-canvas" style="position: absolute; width: 97px; height: 72px; left: 0px; top: 0px; touch-action: none; user-select: none;" width="97" height="72"></canvas><canvas class="upper-canvas dashboard-main-canvas" style="position: absolute; width: 97px; height: 72px; left: 0px; top: 0px; touch-action: none; user-select: none;" width="97" height="72"></canvas><div class="dashboard-main-canvas-cursor hidden"></div></div></div></div>
                    <div class="presentation-slides-comments-container hidden ui-resizable">
                        <div class="presentation-slides-comments-dragging-line ui-resizable-handle ui-resizable-n">
                            <div class="presentation-slides-comments-dragging-line-icon"></div>
                        </div>
                        <div class="presentation-slides-comments-content-box">
                            <textarea class="presentation-slides-comments-content-input" placeholder="Add a commet for a slide"></textarea>
                        </div>
                    </div>
                    
                    <div id="prez_spinner"></div> 
                    
                    <div class="presentations-container-slides-selector">
                        <div class="presentations-container-slides-selector-inner"></div>
                        <div class="presentations-container-slides-thumb"></div>
                    </div>
                </div>
                <div class="presentation-images-slides-container hidden">
                    <div class="presentation-images-slides-container-inner">
                        <div class="presentation-images-slides-container-top-line">
                            <div class="presentation-images-new-slide-button" onclick="appendPresentationSlideClick()">Add slide</div>
                            <div class="presentation-images-upload-button"></div>
                        </div>
                        <div class="presentation-images-slides-list"></div>
                    </div>
                </div>
            </div>
            <div class="presentation_controlls_mobile_slide_number">
                <div class="mobile_slide_number presentation_current_page"></div>
                <div class="mobile_slide_number delimiter">/</div>
                <div class="mobile_slide_number maximum_slides_number"></div>
            </div>
            <div class="presentation_controlls_box">
                <div class="presentation-controlls-box-drawing-inner hidden">
                    <div class="presentation-controlls-box-drawing-left">
                        <div class="presentation_slide_left" onclick="presentationMediaPrevious()"></div>
                    </div>
                    <div class="presentation-controlls-box-drawing-middle">
                    </div>
                    <div class="presentation-controlls-box-drawing-right">
                        <div class="presentation_slide_right" onclick="presentationMediaNext()"></div>
                    </div>
                </div>
                <div class="presentation-controlls-box-mobile-inner hidden">
                    <div class="presentation-controlls-box-drawing-left">
                        <div class="presentation_slide_left" onclick="presentationMediaPrevious()"></div>
                    </div>
                    <div class="presentation-controlls-box-mobile-middle" onclick="onPresentationSlidesOpenClick()">
                        <div class="presentation-controlls-box-mobile-middle-name"></div>
                        <div class="presentation-controlls-box-mobile-middle_number">
                            (<div class="presentation-controlls-box-mobile-middle_number_item presentation_mobile_current_page"></div>
                            <div class="presentation-controlls-box-mobile-middle_number_item delimiter">/</div>
                            <div class="presentation-controlls-box-mobile-middle_number_item maximum_slides_number"></div>
                            )
                        </div>
                    </div>
                    <div class="presentation-controlls-box-drawing-right">
                        <div class="presentation_slide_right" onclick="presentationMediaNext()"></div>
                    </div>
                </div>
                <div class="presentation-controlls-box-inner">
                    <div class="presentation-controlls-left-item">
                        <div class="presentation-controlls-position-box">
                            <div class="dashboard-zoom-menu-map" onclick="onDashboardToggleMap()"></div>
                            <div class="dashboard-zoom-menu-center" onclick="onDashboardMoveToBase()"></div>
                        </div>
                    
                        <div class="presentation-controlls-zoom-box">
                            <div class="presentation_zoom_in" onclick="onDashboardZoomInClick()"></div>
                            <div class="presentation_zoom_value dashboard-zoom-value">13%</div>
                            <div class="presentation_zoom_out" onclick="onDashboardZoomOutClick()"></div>                                    
                        </div>
                        <div class="presentation-controlls-undoredo-box">
                        <div class="dashboard-top-menu-history-box">
            <div class="dashboard-top-menu-history-undo dashboard-no-select " onclick="onDashboardUndo()" data-ot="Cancel"></div>
            <div class="dashboard-top-menu-history-redo dashboard-no-select" onclick="onDashboardRedo()" data-ot="Repeat"></div>
        </div></div>
                    </div>
                    
                    <div class="presentation-controlls-right-controls master">
                        <div class="presentation-controlls-right-controls-inner">
                            <div class="presentation_slide_left" onclick="presentationMediaPrevious()"></div>
                            <div class="presentation_slide_middle" onclick="onPresentationSlidesOpenClick()">
                                <div class="presentation_slide_middle_text">Slides</div>
                                <div class="presentation_slide_middle_value"></div>
                                <div class="presentation_slide_middle_slash">/</div>
                                <div class="presentation_slide_middle_all"></div>
                            </div>
                            <div class="presentation_slide_right" onclick="presentationMediaNext()"></div>
                        
                        
                            <!--div class="presentation_item_arrow_left_stop presentation-controlls-box-item" onclick="presentationMediaFirst()"></div>
                            <div class="presentation_item_arrow_left presentation-controlls-box-item" onclick="presentationMediaPrevious()"></div>
                            <div class="presentation_current_page presentation-controlls-box-item"></div>
                            <div class="presentation_item_arrow_right presentation-controlls-box-item" onclick="presentationMediaNext()"></div>
                            <div class="presentation_item_arrow_right_stop presentation-controlls-box-item" onclick="presentationMediaLast()"></div>
                        

                            <div class="presentation-controlls-slides-appender"><label for="multislides_files">Add slides</label></div>
                            <div class="presentation-controlls-slides-save-uploaded" onclick="onSlidesSelectorSaveUploaded(event)">Save</div>
                            <div class="presentation-controlls-slides-selector" onclick="openSlidesSelector(event)"
                                data-ot="Click here to select a slide"><span class="maximum_slides_number_label">Slides&nbsp;</span>(<span class="maximum_slides_number"></span>)</div-->
                            
                        </div>
                        <div class="presentation-controlls-right-controls-out">
                            <input id="multislides_files" type="file" multiple="" accept="image/jpeg,image/jpg,image/png">
                        </div>
                    </div>
                    <div class="presentation-controlls-right-view only-viewer">
                        <div class="presentation_slide_middle">
                            <div class="presentation_slide_middle_text">Slides</div>
                            <div class="presentation_slide_middle_value"></div>
                            <div class="presentation_slide_middle_slash">/</div>
                            <div class="presentation_slide_middle_all"></div>
                        </div>
                    </div>
                </div>                                
            </div>
        <div class="dashboard-tools-container-outer">
                    <div class="dashboard-tools-container dashboard-editor-element hide-editor-elements">
                        <div class="dashboard-tool-item dashboard-tool-pointer">
                            <div class="dashboard-tool-item-icon dashboard-tool-pointer-icon hover-inited" data-ot="Select"></div>
                        </div>
                        <div class="dashboard-tool-item dashboard-tool-hand selected">
                            <div class="dashboard-tool-item-icon dashboard-tool-hand-icon hover-inited" data-ot="Relocation mode"></div>
                        </div>
                        
                        <div class="dashboard-tool-item-delimiter one"></div>
                        <div class="dashboard-tool-item dashboard-tool-brush">
                            <div class="dashboard-tool-item-icon dashboard-tool-brush-icon hover-inited" data-ot="Free drawing"></div>
                        </div>
                        <div class="dashboard-tool-item dashboard-tool-sticker">
                            <div class="dashboard-tool-item-icon dashboard-tool-sticker-icon hover-inited" data-ot="Stickers"></div>
                        </div>                
                        <div class="dashboard-tool-item dashboard-tool-shape">
                            <div class="dashboard-tool-item-icon dashboard-tool-shape-icon hover-inited" data-ot="Figures"></div>
                        </div>               
                        <div class="dashboard-tool-item dashboard-tool-arrow">
                            <div class="dashboard-tool-item-icon dashboard-tool-arrow-icon hover-inited" data-ot="Connection arrow"></div>
                        </div>
                        <div class="dashboard-tool-item dashboard-tool-text">
                            <!--div class="dashboard-tool-item-icon dashboard-tool-text-icon"  data-ot="Text"></div-->
                        <a class="geItem textbox-simple hover-inited" data-ot="Text" style="overflow: hidden; width: 34px; height: 32px; padding: 1px;"><svg style="left: 1px; top: 1px; width: 32px; height: 30px; display: block; position: relative; overflow: hidden;"><g><g></g><g><g transform="translate(0.5,0.5)"><rect x="1.96" y="12.88" width="28" height="4.2" fill="none" stroke="white" pointer-events="stroke" visibility="hidden" stroke-width="9"></rect><rect x="1.96" y="12.88" width="28" height="4.2" fill="none" stroke="none" pointer-events="all"></rect></g></g><g></g><g></g></g></svg></a></div>
                        
                        <div class="dashboard-tool-item-delimiter two"></div>

                        
                        <div class="dashboard-tool-item dashboard-tool-show-cursor">
                            <div class="dashboard-tool-item-icon dashboard-tool-show-cursor-icon hover-inited" data-ot="Make cursor visible"></div>
                        </div>


                        <!--div class="dashboard-tool-item dashboard-tool-frame">
                            <div class="dashboard-tool-item-icon dashboard-tool-frame-icon"  data-ot="Workspace"></div>
                        </div-->
                        <div class="dashboard-tool-item dashboard-tool-image hidden">
                            <div class="dashboard-tool-item-icon dashboard-tool-image-icon hover-inited" data-ot="Image"></div>
                        </div>
                        <div class="dashboard-tool-item dashboard-tool-formula hidden">
                            <div class="dashboard-tool-item-icon dashboard-tool-formula-icon hover-inited" data-ot="Formulas"></div>
                        </div>
                        <div class="dashboard-tool-item dashboard-tool-comment hidden">
                            <div class="dashboard-tool-item-icon dashboard-tool-comment-icon hover-inited" data-ot="Comment"></div>
                        </div>
                        <div class="dashboard-tool-item dashboard-tool-templates hidden">
                            <div class="dashboard-tool-item-icon dashboard-tool-templates-icon hover-inited" data-ot="Templates"></div>
                        </div>
                        <div class="dashboard-tool-item-delimiter three"></div>
                        <div class="dashboard-tool-item dashboard-tool-properties">
                            <div class="dashboard-tool-item-icon dashboard-tool-properties-icon hover-inited" data-ot="Settings"></div>
                        </div>
                    </div>
                    <div class="for-contex-menu"></div>
                </div><div class="dashboard-top-menu">
            <div class="dashboard-top-menu-name-box hidden">
                <div class="dashboard-top-menu-name-label"></div>
            </div>
        </div><div class="dashboard-left-bottom-menu">
            <div class="dashboard-bottom-menu-properties-box">
                <div class="dashboard-bottom-menu-properties-icon dashboard-no-select" onclick="onDashboardOpenProperties()"></div>

            </div>
        </div><div class="dashboard-zoom-menu">
            <!--div class="dashboard-zoom-menu-map-box hidden">
                <div class="dashboard-zoom-menu-map-box-container">

                </div>
            </div-->
            <div class="dashboard-zoom-menu-buttons">
                <div class="dashboard-zoom-menu-map dashboard-no-select" onclick="onDashboardToggleMap()"></div>
                <div class="dashboard-zoom-menu-plus dashboard-no-select" onclick="onDashboardZoomInClick()" data-ot="Zoom in"></div>
                <div class="dashboard-zoom-menu-minus dashboard-no-select" onclick="onDashboardZoomOutClick()" data-ot="Zoom out"></div>
                <div class="dashboard-zoom-menu-center dashboard-no-select" onclick="onDashboardMoveToBase()"></div>
                <div class="dashboard-zoom-menu-value dashboard-zoom-value dashboard-no-select" onclick="onDashboardZoomToBase()">13%</div>
            </div>
        </div><div class="dashboard-zoom-menu-map-box hidden">
                <div class="dashboard-zoom-menu-map-box-container">
                    <canvas class="dashboard-zoom-menu-map-canvas"></canvas>
                    <div class="dashboard-zoom-menu-map-position-box"></div>
                </div>
            </div><div class="dashboard-participants-box">

        </div></div>                   
                        <div class="presentation_video_box presentation-content-box" style="display: none;">

                        </div>
                        <div class="presentation_youtube_box presentation-content-box" style="display: none;">

                        </div> 
                        <div class="presentation_tests_box presentation-content-box" style="display: none;"></div>
                        <div class="presentation_html_box presentation-content-box" style="display: none;"></div>
                        <div class="presentation_dashboard_box swiper-no-swiping presentation-content-box" style="display: none;">

                        </div>
                        <div class="srtc_screen_share_box presentation-content-box" style="display: none;">                            
                            <div class="presentation_srtc_screen_view_box"></div>
                            <!--div class="presentation_screen_start_box"></div-->
                            <!--div class="presentation_screen_spin_box"></div-->
                        </div>                        
                        
                        
                        

                        <div class="presentation_img_loading_box" style="display: none;">
                            <div class="presentation_img_loading_box_inner">
                                <p class="presentation_img_box_loading_p"></p>
                            </div>
                        </div>

                        <div class="presentation_between_loading_box" style="display: none;"><div class="spinner" role="progressbar" style="position: absolute; width: 0px; z-index: 2000000000; left: 50%; top: 50%;"><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-0-16;"><div style="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;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-1-16;"><div style="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;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-2-16;"><div style="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;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-3-16;"><div style="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;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-4-16;"><div style="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;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-5-16;"><div style="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;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-6-16;"><div style="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;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-7-16;"><div style="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;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-8-16;"><div style="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;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-9-16;"><div style="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;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-10-16;"><div style="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;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-11-16;"><div style="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;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-12-16;"><div style="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;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-13-16;"><div style="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;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-14-16;"><div style="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;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1.25s linear 0s infinite normal none running opacity-62-25-15-16;"><div style="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;"></div></div></div>
                        </div>

                        <div class="presentation_add_box presentation-content-box" style="display: block;">
                            <div class="presentation_add_box_inner">
                                <div class="presentation_add_box_item upload-presentation">
                                    <div class="presentation_add_box_item_inner">
                                        <div class="presentation_add_box_item_logo image_upload_presentation"></div>
                                        <p class="presentation_add_box_item_label">Upload a presentation</p>
                                    </div>
                                </div>
                                <div class="presentation_add_box_item master" onclick="addMediaPresentationForDraw()">
                                    <div class="presentation_add_box_item_inner">
                                        <div class="presentation_add_box_item_logo image_empty_image"></div>
                                        <p class="presentation_add_box_item_label">Whiteboard</p>
                                    </div>
                                </div>
                                
                                <div class="presentation_add_box_item upload-image">
                                    <div class="presentation_add_box_item_inner">
                                        <div class="presentation_add_box_item_logo image_upload_image"></div>
                                        <p class="presentation_add_box_item_label">Upload an image</p>
                                    </div>
                                </div>
                                <div class="presentation_add_box_item upload-audio">
                                    <div class="presentation_add_box_item_inner">
                                        <div class="presentation_add_box_item_logo image_upload_audio"></div>
                                        <p class="presentation_add_box_item_label">Upload an audio</p>
                                    </div>
                                </div>
                                <div class="presentation_add_box_item upload-video">
                                    <div class="presentation_add_box_item_inner">
                                        <div class="presentation_add_box_item_logo image_upload_video"></div>
                                        <p class="presentation_add_box_item_label">Upload a video</p>
                                    </div>
                                </div>

                                <div class="presentation_add_box_item" onclick="addYouTubeAsPresentationClick()">
                                    <div class="presentation_add_box_item_inner">
                                        <div class="presentation_add_box_item_logo image_upload_youtube"></div>
                                        <p class="presentation_add_box_item_label">Add a YouTube video</p>
                                    </div>
                                </div>
                                
                                <div class="presentation_add_box_item master" onclick="addMediaPresentationForHTML()">
                                    <div class="presentation_add_box_item_inner">
                                        <div class="presentation_add_box_item_logo image_empty_html"></div>
                                        <p class="presentation_add_box_item_label">Text field</p>
                                    </div>
                                </div>
                                <div class="presentation_add_box_item master" onclick="addMediaPresentationForSellButton()">
                                    <div class="presentation_add_box_item_inner">
                                        <div class="presentation_add_box_item_logo image_sell_button"></div>
                                        <p class="presentation_add_box_item_label">Button</p>
                                    </div>
                                </div>
                                

                                <div class="presentation_add_box_item" onclick="openQuizSelectorPopup()">
                                    <div class="presentation_add_box_item_inner">
                                        <div class="presentation_add_box_item_logo image_upload_new_presentation"></div>
                                        <p class="presentation_add_box_item_label">Quiz</p>
                                    </div>
                                </div>

                               
                            </div>
                        </div>
                    </div>
                    <div class="presentations-container-sell-button-content"></div>
                </div>            
            </div>
         
    <div class="fabric-text-edit-container">       
        <div class="fte-content">
            <div class="line menu-block">                
                <div class="fte-align left btn" onclick="fabricTextAlign('left')"></div>
                <div class="fte-align center btn" onclick="fabricTextAlign('center')"></div>
                <div class="fte-align justify btn" onclick="fabricTextAlign('justify')"></div>
                <div class="fte-align right btn" onclick="fabricTextAlign('right')"></div>
                <div class="clear"></div>
            </div> 
            <div class="menu-block hover-inited" data-ot="Font size">
                <select class="fte-fontsize">
                    <option value="5">5 pt</option>
                    <option value="8">8 pt</option>
                    <option value="10">10 pt</option>
                    <option value="12">12 pt</option>
                    <option value="14">14 pt</option>
                    <option value="18">18 pt</option>
                    <option value="20">20 pt</option>
                    <option value="24">24 pt</option>
                    <option value="30">30 pt</option>
                    <option value="36">36 pt</option>
                    <option value="48">48 pt</option>
                    <option value="72">72 pt</option>
                </select>
            </div>
            <div class="menu-block hover-inited" data-ot="Spacing">
                <select class="fte-font-interval">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>                    
                </select>
            </div>
            <div class="line menu-block">                
                <div class="fte-align fte-move-front hover-inited" data-ot="Shift forth" onclick="fabricMoveFront()"></div>
                <div class="fte-align fte-move-back hover-inited" data-ot="Shift back" onclick="fabricMoveBack()"></div>
            </div>
        </div>   
        
        
    </div>
    </div><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div></div>





                <!--            ЧАТ                    -->

                <div id="main_box_chat" class="main_box main_box_chat is-master-block ui-draggable ui-resizable" style="width: 317px; height: 364.5px; left: 10px; top: 432.5px; display: block;">
                    <div class="main_inner_box" id="main_box_chat_inner">
                        <div class="chat-container-header ui-draggable-handle">
                            <div class="chat-container-header-tab">Chat</div>
                            <div class="chat-container-header-content">

                                <div class="chat-container-header-content-master master">
                                    <div class="chat-container-header-content-inner">
                                        <div class="chat-container-header-mobile-label">
                                            <div class="chat-container-header-mobile-label-box">
                                                <div class="chat-container-header-mobile-label-text">Chat</div>
                                                <div class="chat-container-header-mobile-label-numerator">0</div>
                                            </div>
                                        </div>
                                        <div class="chat-container-header-waiting-moderation" onclick="openWaitingModerationMessages()">
                                            <div class="chat-container-header-waiting-moderation-label">On moderation</div>
                                            <div class="chat-container-header-waiting-moderation-value"></div>
                                        </div>
                                        <div class="chat-container-header-return-back-button" onclick="onReturnToMessagesClick()">Messages</div>
                                        <div class="chat-container-header-typing-box-outer">
                                            <div class="chat-container-header-typing-box"></div>
                                        </div>
                                        <div class="chat-container-header-middle">
                                        
                                        </div>
                                        
                                        <div class="chat-container-header-action grey-button-style action-check-alive" onclick="onCheckAliveIconClick(event)"></div>
                                        <div class="chat-container-header-action grey-button-style action-menu" onclick="onOpenModeratorsChatMenuClick(event)"></div>
                                        <div class="chat-container-header-action grey-button-style action-fullscreen" onclick="fullScreenById('main_box_chat_inner')"></div>
                                        <div class="grey-button-style open-mobile-menu-button" onclick="openMobileTopMenuClick()"></div>
                                    </div>
                                </div>
                                <div class="chat-container-header-content-viewer only-viewer">
                                    <div class="chat-container-header-content-inner">                                        
                                        <div class="chat-container-header-mobile-label">
                                            <div class="chat-container-header-mobile-label-box">
                                                <div class="chat-container-header-mobile-label-text">Chat</div>
                                                <div class="chat-container-header-mobile-label-numerator">0</div>
                                            </div>
                                        </div>

                                        <div class="chat-container-header-return-back-button" onclick="onReturnToMessagesClick()">Messages</div>

                                        <div class="chat-container-header-middle">
                                        
                                        </div>

                                        <div class="chat-container-header-action grey-button-style action-fullscreen" onclick="fullScreenById('main_box_chat_inner')"></div>
                                        <div class="grey-button-style open-mobile-menu-button" onclick="openMobileTopMenuClick()"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    
                        
                        <div class="chatcontent_outer">

                         
        <div id="chatcontent">
            <div class="chatmessages_outer">
                <div id="chatmessages" class="has-font-13"></div>
            </div>


            <div class="chat_send_line">                
                <div class="chat_send_line_inner"><div class="chat-input-line-left-box">
                    <div class="chat-input-line-smile-button hover-inited" data-ot="Stickers and emojis"></div>
                    <div class="chat-input-line-attach-button hover-inited" data-ot="Attach file"></div>
                    <div class="chat-input-line-delimiter"></div>
                </div><div class="im-messages-input-container">
            <div class="im-messages-input-container-line">
                <div class="im-messages-input-left-container">
                    <div class="im-messages-input-left-top-container">
                        
                        <div class="im-messages-input-text-box">
                            <div class="im-messages-input-text is-placeholder" contenteditable="true">Your message</div>
                            
                        </div>
                    </div>
                    <div class="im-messages-input-attachments-container-lessons-box" style="display: none;"></div>
                    <div class="im-messages-input-attachments-container">
                        
                        <div class="im-messages-input-attachments-container-media-box"></div>
                        <div class="im-messages-input-attachments-container-list-box"></div>
                    </div>
                    <div class="im-messages-input-attachments-container-submessages-box"></div>
                </div>

                
                
                <div class="im-messages-input-actions-container">
                    
                    
                    

                    <div class="im-messages-input-action-send" onclick="inputDialogMessagesSendClick(event)">Send message</div>
                </div>

                <div class="im-messages-input-action-smiles-popup webinar-chat-smiles-popup">
                    
                <div class="im-messages-input-action-smiles-popup-inner">
            <div class="im-messages-input-action-smiles-popup-bottom">                
                <div data-class="base-stickers" class="im-messages-input-action-smiles-popup-bottom-item base-stickers selected" onclick="onStickersListItemClicked(event)">Stickers</div>
                <div data-class="smiles" class="im-messages-input-action-smiles-popup-bottom-item smiles" onclick="onStickersListItemClicked(event)">Emojis</div>
                <div class="im-messages-input-action-smiles-popup-bottom-close"></div>
            </div>
            <div class="im-messages-input-action-smiles-popup-list">
                <div class="im-messages-input-action-smiles-popup-list-item base-stickers">
                <div data-path="/assets/sticker/001.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/001.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/002.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/002.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/003.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/003.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/004.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/004.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/005.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/005.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/006.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/006.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/007.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/007.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/008.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/008.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/009.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/009.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/010.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/010.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/011.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/011.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/012.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/012.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/013.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/013.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/014.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/014.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/015.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/015.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/016.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/016.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/017.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/017.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/018.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/018.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/019.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/019.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/020.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/020.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/021.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/021.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/022.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/022.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/023.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/023.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/024.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/024.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/025.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/025.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/026.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/026.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/027.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/027.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/028.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/028.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/029.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/029.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/030.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/030.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/031.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/031.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/032.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/032.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/033.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/033.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/034.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/034.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/035.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/035.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/036.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/036.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/037.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/037.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/038.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/038.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/039.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/039.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/040.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/040.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/041.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/041.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/042.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/042.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/043.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/043.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/044.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/044.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/045.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/045.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/046.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/046.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/047.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/047.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/048.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/048.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/049.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/049.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/050.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/050.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/051.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/051.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/052.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/052.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/053.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/053.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/054.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/054.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/055.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/055.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/056.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/056.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/057.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/057.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/058.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/058.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div><div data-path="/assets/sticker/059.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/sticker/059.svg);" onclick="drawInputDialogMessagesSelectSticker(event)"></div></div>
                <div class="im-messages-input-action-smiles-popup-list-item smiles">
                <div data-path="/assets/smile/001.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/001.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/002.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/002.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/003.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/003.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/004.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/004.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/005.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/005.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/006.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/006.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/007.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/007.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/008.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/008.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/009.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/009.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/010.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/010.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/011.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/011.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/012.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/012.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/013.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/013.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/014.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/014.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/015.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/015.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/016.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/016.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/017.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/017.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/018.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/018.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/019.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/019.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/020.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/020.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/021.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/021.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/022.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/022.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/023.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/023.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/024.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/024.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/025.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/025.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/026.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/026.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/027.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/027.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/028.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/028.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/029.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/029.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/030.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/030.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/031.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/031.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/032.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/032.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/033.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/033.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/034.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/034.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/035.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/035.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/036.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/036.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/037.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/037.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/038.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/038.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/039.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/039.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/040.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/040.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/041.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/041.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/042.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/042.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/043.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/043.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/044.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/044.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/045.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/045.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/046.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/046.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/047.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/047.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div><div data-path="/assets/smile/048.svg" class="im-messages-input-action-smiles-popup-item" style="background-image: url(/assets/smile/048.svg);" onclick="drawInputDialogMessagesSelectSmile(event)"></div></div>                
            </div>
            
        <div class="input-action-smiles-popup-reactions">
                <div class="input-action-smiles-popup-reactions-inner">
                    <div class="reaction-add-item reaction-add-item-heart" onclick="sendReaction('heart')"></div>
                    <div class="reaction-add-item reaction-add-item-question" onclick="sendReaction('question')"></div>
                    <div class="reaction-add-item reaction-add-item-attention" onclick="sendReaction('attention')"></div>
                    <div class="reaction-add-item reaction-add-item-smile" onclick="sendReaction('smile')"></div>
                    <div class="reaction-add-item reaction-add-item-wow" onclick="sendReaction('wow')"></div>
                    <div class="reaction-add-item reaction-add-item-hand" onclick="sendReaction('hand')"></div>
                    <div class="reaction-add-item reaction-add-item-like" onclick="sendReaction('like')"></div>
                    <div class="reaction-add-item reaction-add-item-dislike" onclick="sendReaction('dislike')"></div>
                    <div class="reaction-add-item reaction-add-item-fire" onclick="sendReaction('fire')"></div>                
                </div>
            </div></div></div>
            </div>
            
            <div class="im-messages-input-selector-container">
                <div class="im-messages-input-selector-numerator"></div>
                <div class="im-messages-input-selector-actions-box">
                    
                    <div class="im-messages-input-selector-action action-response" onclick="onDialogMessageActionsReply(event)">
                        <div class="im-messages-input-selector-action-icon"></div>
                        <p class="im-messages-input-selector-action-text">Respond</p><p>
                    </p></div>
                    <div class="im-messages-input-selector-action action-resend disabled" onclick="onDialogMessageActionsResend(event)">
                        <div class="im-messages-input-selector-action-icon"></div>
                        <p class="im-messages-input-selector-action-text">Forward</p><p>
                    </p></div>
                    <div class="im-messages-input-selector-action action-like" onclick="onDialogMessageActionsMark(event)">
                        <div class="im-messages-input-selector-action-icon"></div>
                        <p class="im-messages-input-selector-action-text">Select</p><p>
                    </p></div>
                    <div class="im-messages-input-selector-action action-unread" onclick="onDialogMessageActionsUnread(event)">
                        <div class="im-messages-input-selector-action-icon"></div>
                        <p class="im-messages-input-selector-action-text">Unread</p><p>
                    </p></div>
                    <div class="im-messages-input-selector-action action-mark-responsed" onclick="onDialogMessageActionsMarkAnswered(event)">
                        <div class="im-messages-input-selector-action-icon"></div>
                        <p class="im-messages-input-selector-action-text">Responded</p><p>
                    </p></div>
                    <div class="im-messages-input-selector-action action-drop" onclick="onDialogMessageActionsDrop(event)">
                        <div class="im-messages-input-selector-action-icon"></div>
                        <p class="im-messages-input-selector-action-text">Delete</p><p>
                    </p></div>
                </div>

                <div class="im-messages-input-selector-cancelation" onclick="onDialogMessageActionsClear(event)"></div>
            </div>

            <div class="im-messages-input-record-audio-container">
                <div class="im-messages-input-record-audio-container-progress-outer">
                    <div class="im-messages-input-record-audio-container-progress"></div>
                </div>
                <div class="im-messages-input-record-audio-container-inner">
                    <div class="im-messages-input-record-audio-container-cancel" onclick="inputDialogMessagesRecordingCancel(event)">
                    </div>
                    <div class="im-messages-input-record-audio-container-center">
                        <div class="im-messages-input-record-audio-container-label-audio">Audiomessage</div>
                        <div class="im-messages-input-record-audio-container-stop" onclick="inputDialogMessagesRecordingStop(event)"></div>
                        <div class="im-messages-input-record-audio-container-duration"></div>

                        <div class="im-messages-input-record-audio-container-center-spinner for-video"><div class="spinner" role="progressbar" style="position: absolute; width: 0px; z-index: 2000000000; left: 50%; top: 50%;"><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-0-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-1-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-2-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-3-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-4-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-5-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-6-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-7-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-8-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-9-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-10-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-11-12;"><div style="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;"></div></div></div>
                        </div>
                    </div>
                    <div class="im-messages-input-record-audio-container-force-send" onclick="inputDialogMessagesRecordingForward(event)">
                    </div>
                </div>
                <video class="im-messages-input-record-audio-container-video"></video>
            </div>

            <div class="im-messages-input-record-video-container">
                <div class="im-messages-input-record-video-top-container">
                    <div class="im-messages-input-record-video-top-container-video-box">
                        <div class="im-messages-input-record-video-top-container-video-inner">
                            <video class="im-messages-input-record-video-top-container-video" playsinline="" muted="" autoplay=""></video>
                        </div>                        
                    </div>
                </div>
                <div class="im-messages-input-record-audio-container-progress-outer">
                    <div class="im-messages-input-record-audio-container-progress"></div>
                </div>
                <div class="im-messages-input-record-audio-container-inner">
                    <div class="im-messages-input-record-audio-container-cancel" onclick="inputDialogMessagesRecordingCancel(event)">
                    </div>
                    <div class="im-messages-input-record-audio-container-center">
                        <div class="im-messages-input-record-audio-container-label-audio">Audiomessage</div>
                        <div class="im-messages-input-record-audio-container-stop" onclick="inputDialogMessagesRecordingStop(event)"></div>
                        <div class="im-messages-input-record-audio-container-duration"></div>

                        <div class="im-messages-input-record-audio-container-center-spinner for-audio"><div class="spinner" role="progressbar" style="position: absolute; width: 0px; z-index: 2000000000; left: 50%; top: 50%;"><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-0-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-1-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-2-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-3-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-4-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-5-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-6-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-7-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-8-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-9-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-10-12;"><div style="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;"></div></div><div style="position: absolute; top: 0px; opacity: 0.25; animation: 0.666667s linear 0s infinite normal none running opacity-62-25-11-12;"><div style="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;"></div></div></div>
                        </div>
                    </div>
                    <div class="im-messages-input-record-audio-container-force-send" onclick="inputDialogMessagesRecordingForward(event)">
                    </div>
                </div>                
            </div>

        </div></div>
                <div class="chat_send_line_attachments"></div>
                <div class="chat_send_line_blocker hidden"></div>                
             </div>                        
        </div>   
    </div>               
                    </div>
                <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div></div>



                <!--            ФАЙЛЫ               -->

                <div id="main_box_files" class="main_box ui-draggable ui-resizable" style="display: none;">
                    <div class="main_inner_box" id="main_box_files_inner">
                        <div class="files-container-header ui-draggable-handle">
                            <div class="files-container-header-tab">Files</div>
                            <div class="files-container-header-content">

                                <div class="grey-button-style mobile-menu-button-left-slide" onclick="mobileButtonSlideLeft()"></div>
                                <div class="grey-button-style mobile-menu-button-right-slide" onclick="mobileButtonSlideRight()"></div>
                                <div class="files-container-header-content-master master">
                                    <div class="files-container-header-content-inner">
                                        <div class="files-container-header-action grey-button-style action-allow-download" onclick="onAllowDownloadFilesClick(event)"></div>
                                        <div class="files-container-header-action grey-button-style action-fullscreen" onclick="fullScreenById('main_box_files_inner')"></div>
                                        <div class="grey-button-style open-mobile-menu-button" onclick="openMobileTopMenuClick()"></div>
                                    </div>
                                </div>
                                <div class="files-container-header-content-viewer only-viewer">
                                    <div class="files-container-header-content-inner">

                                        <div class="files-container-header-action grey-button-style action-fullscreen" onclick="fullScreenById('main_box_files_inner')"></div>
                                        <div class="grey-button-style open-mobile-menu-button" onclick="openMobileTopMenuClick()"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="downloadable_files_list_box_outer">
                            <div class="downloadable_files_list_box">

                            </div>
                            <div class="downloadable_files_list_box_spinner"></div>
                        </div>                        
                    </div>
                
                <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div></div>

                <!--            Заметки                    -->

                <div id="main_box_notes" class="main_box ui-draggable ui-resizable" style="display: none;">
                    <div class="main_inner_box" id="main_box_notes_inner">
                        <div class="notes-container-header ui-draggable-handle">
                            <div class="notes-container-header-tab">Notes</div>
                            <div class="notes-container-header-content">
                                <div class="notes-container-header-content-inner">
                                    <div class="notes-container-header-action grey-button-style action-fullscreen" onclick="fullScreenById('main_box_notes_inner')"></div>
                                    <div class="grey-button-style open-mobile-menu-button" onclick="openMobileTopMenuClick()"></div>
                                </div>                                
                            </div>
                        </div>
                        
                        <div class="dotted_line"></div>
                        
                        <div id="notes_buttons_box" class="wys_buttons_box">
                        </div>
                        <div id="text_area_notes" class="wys_editor h_5ad299f4be8db1436167135704389bea quill-editor-container"><div class="quill-wrapper-container compact_buttons unbordered">
            <div class="quill-main-container qmch_5ad299f4be8db1436167135704389bea" id="qmch_5ad299f4be8db1436167135704389bea" style="display: none;"><p><br></p></div><div class="note-editor note-frame panel panel-default"><div class="note-dropzone">  <div class="note-dropzone-message"></div></div><div class="note-toolbar panel-heading" role="toolbar"><div class="note-btn-group btn-group note-style"><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Remove Font Style (CTRL+\)" data-original-title="Remove Font Style (CTRL+\)"><i class="note-icon-eraser"></i></button></div><div class="note-btn-group btn-group note-font"><button type="button" class="note-btn btn btn-default btn-sm note-btn-bold" role="button" tabindex="-1" title="" aria-label="Bold (CTRL+B)" data-original-title="Bold (CTRL+B)"><i class="note-icon-bold"></i></button><button type="button" class="note-btn btn btn-default btn-sm note-btn-italic" role="button" tabindex="-1" title="" aria-label="Italic (CTRL+I)" data-original-title="Italic (CTRL+I)"><i class="note-icon-italic"></i></button><button type="button" class="note-btn btn btn-default btn-sm note-btn-underline" role="button" tabindex="-1" title="" aria-label="Underline (CTRL+U)" data-original-title="Underline (CTRL+U)"><i class="note-icon-underline"></i></button><button type="button" class="note-btn btn btn-default btn-sm note-btn-strikethrough" role="button" tabindex="-1" title="" aria-label="Strikethrough (CTRL+SHIFT+S)" data-original-title="Strikethrough (CTRL+SHIFT+S)"><i class="note-icon-strikethrough"></i></button></div><div class="note-btn-group btn-group note-fontsize"><div class="note-btn-group btn-group"><button type="button" class="note-btn btn btn-default btn-sm dropdown-toggle" role="button" tabindex="-1" data-toggle="dropdown" title="" aria-label="Font Family" data-original-title="Font Family"><span class="note-current-fontname" style="font-family: Rubik;">Rubik</span> <span class="note-icon-caret"></span></button><ul class="dropdown-menu note-check dropdown-menu-right dropdown-fontname" role="list" aria-label="Font Family"><li role="listitem" aria-label="NotoSans"><a href="#" data-value="NotoSans"><i class="note-icon-menu-check"></i> <span style="font-family: 'NotoSans'">NotoSans</span></a></li><li role="listitem" aria-label="Arial"><a href="#" data-value="Arial"><i class="note-icon-menu-check"></i> <span style="font-family: 'Arial'">Arial</span></a></li><li role="listitem" aria-label="Arial Black"><a href="#" data-value="Arial Black"><i class="note-icon-menu-check"></i> <span style="font-family: 'Arial Black'">Arial Black</span></a></li><li role="listitem" aria-label="Comic Sans MS"><a href="#" data-value="Comic Sans MS"><i class="note-icon-menu-check"></i> <span style="font-family: 'Comic Sans MS'">Comic Sans MS</span></a></li><li role="listitem" aria-label="Courier New"><a href="#" data-value="Courier New"><i class="note-icon-menu-check"></i> <span style="font-family: 'Courier New'">Courier New</span></a></li><li role="listitem" aria-label="Beer money"><a href="#" data-value="Beer money"><i class="note-icon-menu-check"></i> <span style="font-family: 'Beer money'">Beer money</span></a></li><li role="listitem" aria-label="Nautilus Pompilius"><a href="#" data-value="Nautilus Pompilius"><i class="note-icon-menu-check"></i> <span style="font-family: 'Nautilus Pompilius'">Nautilus Pompilius</span></a></li><li role="listitem" aria-label="Comfortaa"><a href="#" data-value="Comfortaa"><i class="note-icon-menu-check"></i> <span style="font-family: 'Comfortaa'">Comfortaa</span></a></li><li role="listitem" aria-label="Pecita"><a href="#" data-value="Pecita"><i class="note-icon-menu-check"></i> <span style="font-family: 'Pecita'">Pecita</span></a></li><li role="listitem" aria-label="Lobster"><a href="#" data-value="Lobster"><i class="note-icon-menu-check"></i> <span style="font-family: 'Lobster'">Lobster</span></a></li><li role="listitem" aria-label="Certege"><a href="#" data-value="Certege"><i class="note-icon-menu-check"></i> <span style="font-family: 'Certege'">Certege</span></a></li><li role="listitem" aria-label="Zhizn"><a href="#" data-value="Zhizn"><i class="note-icon-menu-check"></i> <span style="font-family: 'Zhizn'">Zhizn</span></a></li><li role="listitem" aria-label="Marck Scrip"><a href="#" data-value="Marck Scrip"><i class="note-icon-menu-check"></i> <span style="font-family: 'Marck Scrip'">Marck Scrip</span></a></li><li role="listitem" aria-label="Rubik"><a href="#" data-value="Rubik" class="checked"><i class="note-icon-menu-check"></i> <span style="font-family: 'Rubik'">Rubik</span></a></li></ul></div><div class="note-btn-group btn-group"><button type="button" class="note-btn btn btn-default btn-sm dropdown-toggle" role="button" tabindex="-1" data-toggle="dropdown" title="" aria-label="Font Size" data-original-title="Font Size"><span class="note-current-fontsize">13</span> <span class="note-icon-caret"></span></button><ul class="dropdown-menu note-check dropdown-menu-right dropdown-fontsize" role="list" aria-label="Font Size"><li role="listitem" aria-label="8"><a href="#" data-value="8"><i class="note-icon-menu-check"></i> 8</a></li><li role="listitem" aria-label="9"><a href="#" data-value="9"><i class="note-icon-menu-check"></i> 9</a></li><li role="listitem" aria-label="10"><a href="#" data-value="10"><i class="note-icon-menu-check"></i> 10</a></li><li role="listitem" aria-label="11"><a href="#" data-value="11"><i class="note-icon-menu-check"></i> 11</a></li><li role="listitem" aria-label="12"><a href="#" data-value="12"><i class="note-icon-menu-check"></i> 12</a></li><li role="listitem" aria-label="14"><a href="#" data-value="14"><i class="note-icon-menu-check"></i> 14</a></li><li role="listitem" aria-label="18"><a href="#" data-value="18"><i class="note-icon-menu-check"></i> 18</a></li><li role="listitem" aria-label="24"><a href="#" data-value="24"><i class="note-icon-menu-check"></i> 24</a></li><li role="listitem" aria-label="36"><a href="#" data-value="36"><i class="note-icon-menu-check"></i> 36</a></li></ul></div><div class="note-btn-group btn-group"><button type="button" class="note-btn btn btn-default btn-sm dropdown-toggle" role="button" tabindex="-1" data-toggle="dropdown" title="" aria-label="Style" data-original-title="Style"><i class="note-icon-magic"></i> <span class="note-icon-caret"></span></button><ul class="dropdown-menu dropdown-menu-right dropdown-style" role="list" aria-label="Style"><li role="listitem" aria-label="p"><a href="#" data-value="p"><p>Normal</p></a></li><li role="listitem" aria-label="blockquote"><a href="#" data-value="blockquote"><blockquote>Quote</blockquote></a></li><li role="listitem" aria-label="pre"><a href="#" data-value="pre"><pre>Code</pre></a></li><li role="listitem" aria-label="h1"><a href="#" data-value="h1"><h1>Header 1</h1></a></li><li role="listitem" aria-label="h2"><a href="#" data-value="h2"><h2>Header 2</h2></a></li><li role="listitem" aria-label="h3"><a href="#" data-value="h3"><h3>Header 3</h3></a></li><li role="listitem" aria-label="h4"><a href="#" data-value="h4"><h4>Header 4</h4></a></li><li role="listitem" aria-label="h5"><a href="#" data-value="h5"><h5>Header 5</h5></a></li><li role="listitem" aria-label="h6"><a href="#" data-value="h6"><h6>Header 6</h6></a></li></ul></div></div><div class="note-btn-group btn-group note-color"><div class="note-btn-group btn-group note-color note-color-all"><button type="button" class="note-btn btn btn-default btn-sm note-current-color-button" role="button" tabindex="-1" title="" aria-label="Recent Color" data-original-title="Recent Color" data-backcolor="#FFFF00"><i class="note-icon-font note-recent-color" style="background-color: rgb(255, 255, 0);"></i></button><button type="button" class="note-btn btn btn-default btn-sm dropdown-toggle" role="button" tabindex="-1" data-toggle="dropdown" title="" aria-label="More Color" data-original-title="More Color"> <span class="note-icon-caret"></span></button><ul class="dropdown-menu dropdown-menu-right" role="list"><div class="note-palette">  <div class="note-palette-title">Background Color</div>  <div>    <button type="button" class="note-color-reset btn btn-light" data-event="backColor" data-value="inherit">Transparent    </button>  </div>  <div class="note-holder" data-event="backColor"><div class="note-color-palette"><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#000000" data-event="backColor" data-value="#000000" title="" aria-label="Black" data-toggle="button" tabindex="-1" data-original-title="Black"></button><button type="button" class="note-color-btn" style="background-color:#424242" data-event="backColor" data-value="#424242" title="" aria-label="Tundora" data-toggle="button" tabindex="-1" data-original-title="Tundora"></button><button type="button" class="note-color-btn" style="background-color:#636363" data-event="backColor" data-value="#636363" title="" aria-label="Dove Gray" data-toggle="button" tabindex="-1" data-original-title="Dove Gray"></button><button type="button" class="note-color-btn" style="background-color:#9C9C94" data-event="backColor" data-value="#9C9C94" title="" aria-label="Star Dust" data-toggle="button" tabindex="-1" data-original-title="Star Dust"></button><button type="button" class="note-color-btn" style="background-color:#CEC6CE" data-event="backColor" data-value="#CEC6CE" title="" aria-label="Pale Slate" data-toggle="button" tabindex="-1" data-original-title="Pale Slate"></button><button type="button" class="note-color-btn" style="background-color:#EFEFEF" data-event="backColor" data-value="#EFEFEF" title="" aria-label="Gallery" data-toggle="button" tabindex="-1" data-original-title="Gallery"></button><button type="button" class="note-color-btn" style="background-color:#F7F7F7" data-event="backColor" data-value="#F7F7F7" title="" aria-label="Alabaster" data-toggle="button" tabindex="-1" data-original-title="Alabaster"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="backColor" data-value="#FFFFFF" title="" aria-label="White" data-toggle="button" tabindex="-1" data-original-title="White"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#FF0000" data-event="backColor" data-value="#FF0000" title="" aria-label="Red" data-toggle="button" tabindex="-1" data-original-title="Red"></button><button type="button" class="note-color-btn" style="background-color:#FF9C00" data-event="backColor" data-value="#FF9C00" title="" aria-label="Orange Peel" data-toggle="button" tabindex="-1" data-original-title="Orange Peel"></button><button type="button" class="note-color-btn" style="background-color:#FFFF00" data-event="backColor" data-value="#FFFF00" title="" aria-label="Yellow" data-toggle="button" tabindex="-1" data-original-title="Yellow"></button><button type="button" class="note-color-btn" style="background-color:#00FF00" data-event="backColor" data-value="#00FF00" title="" aria-label="Green" data-toggle="button" tabindex="-1" data-original-title="Green"></button><button type="button" class="note-color-btn" style="background-color:#00FFFF" data-event="backColor" data-value="#00FFFF" title="" aria-label="Cyan" data-toggle="button" tabindex="-1" data-original-title="Cyan"></button><button type="button" class="note-color-btn" style="background-color:#0000FF" data-event="backColor" data-value="#0000FF" title="" aria-label="Blue" data-toggle="button" tabindex="-1" data-original-title="Blue"></button><button type="button" class="note-color-btn" style="background-color:#9C00FF" data-event="backColor" data-value="#9C00FF" title="" aria-label="Electric Violet" data-toggle="button" tabindex="-1" data-original-title="Electric Violet"></button><button type="button" class="note-color-btn" style="background-color:#FF00FF" data-event="backColor" data-value="#FF00FF" title="" aria-label="Magenta" data-toggle="button" tabindex="-1" data-original-title="Magenta"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#F7C6CE" data-event="backColor" data-value="#F7C6CE" title="" aria-label="Azalea" data-toggle="button" tabindex="-1" data-original-title="Azalea"></button><button type="button" class="note-color-btn" style="background-color:#FFE7CE" data-event="backColor" data-value="#FFE7CE" title="" aria-label="Karry" data-toggle="button" tabindex="-1" data-original-title="Karry"></button><button type="button" class="note-color-btn" style="background-color:#FFEFC6" data-event="backColor" data-value="#FFEFC6" title="" aria-label="Egg White" data-toggle="button" tabindex="-1" data-original-title="Egg White"></button><button type="button" class="note-color-btn" style="background-color:#D6EFD6" data-event="backColor" data-value="#D6EFD6" title="" aria-label="Zanah" data-toggle="button" tabindex="-1" data-original-title="Zanah"></button><button type="button" class="note-color-btn" style="background-color:#CEDEE7" data-event="backColor" data-value="#CEDEE7" title="" aria-label="Botticelli" data-toggle="button" tabindex="-1" data-original-title="Botticelli"></button><button type="button" class="note-color-btn" style="background-color:#CEE7F7" data-event="backColor" data-value="#CEE7F7" title="" aria-label="Tropical Blue" data-toggle="button" tabindex="-1" data-original-title="Tropical Blue"></button><button type="button" class="note-color-btn" style="background-color:#D6D6E7" data-event="backColor" data-value="#D6D6E7" title="" aria-label="Mischka" data-toggle="button" tabindex="-1" data-original-title="Mischka"></button><button type="button" class="note-color-btn" style="background-color:#E7D6DE" data-event="backColor" data-value="#E7D6DE" title="" aria-label="Twilight" data-toggle="button" tabindex="-1" data-original-title="Twilight"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#E79C9C" data-event="backColor" data-value="#E79C9C" title="" aria-label="Tonys Pink" data-toggle="button" tabindex="-1" data-original-title="Tonys Pink"></button><button type="button" class="note-color-btn" style="background-color:#FFC69C" data-event="backColor" data-value="#FFC69C" title="" aria-label="Peach Orange" data-toggle="button" tabindex="-1" data-original-title="Peach Orange"></button><button type="button" class="note-color-btn" style="background-color:#FFE79C" data-event="backColor" data-value="#FFE79C" title="" aria-label="Cream Brulee" data-toggle="button" tabindex="-1" data-original-title="Cream Brulee"></button><button type="button" class="note-color-btn" style="background-color:#B5D6A5" data-event="backColor" data-value="#B5D6A5" title="" aria-label="Sprout" data-toggle="button" tabindex="-1" data-original-title="Sprout"></button><button type="button" class="note-color-btn" style="background-color:#A5C6CE" data-event="backColor" data-value="#A5C6CE" title="" aria-label="Casper" data-toggle="button" tabindex="-1" data-original-title="Casper"></button><button type="button" class="note-color-btn" style="background-color:#9CC6EF" data-event="backColor" data-value="#9CC6EF" title="" aria-label="Perano" data-toggle="button" tabindex="-1" data-original-title="Perano"></button><button type="button" class="note-color-btn" style="background-color:#B5A5D6" data-event="backColor" data-value="#B5A5D6" title="" aria-label="Cold Purple" data-toggle="button" tabindex="-1" data-original-title="Cold Purple"></button><button type="button" class="note-color-btn" style="background-color:#D6A5BD" data-event="backColor" data-value="#D6A5BD" title="" aria-label="Careys Pink" data-toggle="button" tabindex="-1" data-original-title="Careys Pink"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#E76363" data-event="backColor" data-value="#E76363" title="" aria-label="Mandy" data-toggle="button" tabindex="-1" data-original-title="Mandy"></button><button type="button" class="note-color-btn" style="background-color:#F7AD6B" data-event="backColor" data-value="#F7AD6B" title="" aria-label="Rajah" data-toggle="button" tabindex="-1" data-original-title="Rajah"></button><button type="button" class="note-color-btn" style="background-color:#FFD663" data-event="backColor" data-value="#FFD663" title="" aria-label="Dandelion" data-toggle="button" tabindex="-1" data-original-title="Dandelion"></button><button type="button" class="note-color-btn" style="background-color:#94BD7B" data-event="backColor" data-value="#94BD7B" title="" aria-label="Olivine" data-toggle="button" tabindex="-1" data-original-title="Olivine"></button><button type="button" class="note-color-btn" style="background-color:#73A5AD" data-event="backColor" data-value="#73A5AD" title="" aria-label="Gulf Stream" data-toggle="button" tabindex="-1" data-original-title="Gulf Stream"></button><button type="button" class="note-color-btn" style="background-color:#6BADDE" data-event="backColor" data-value="#6BADDE" title="" aria-label="Viking" data-toggle="button" tabindex="-1" data-original-title="Viking"></button><button type="button" class="note-color-btn" style="background-color:#8C7BC6" data-event="backColor" data-value="#8C7BC6" title="" aria-label="Blue Marguerite" data-toggle="button" tabindex="-1" data-original-title="Blue Marguerite"></button><button type="button" class="note-color-btn" style="background-color:#C67BA5" data-event="backColor" data-value="#C67BA5" title="" aria-label="Puce" data-toggle="button" tabindex="-1" data-original-title="Puce"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#CE0000" data-event="backColor" data-value="#CE0000" title="" aria-label="Guardsman Red" data-toggle="button" tabindex="-1" data-original-title="Guardsman Red"></button><button type="button" class="note-color-btn" style="background-color:#E79439" data-event="backColor" data-value="#E79439" title="" aria-label="Fire Bush" data-toggle="button" tabindex="-1" data-original-title="Fire Bush"></button><button type="button" class="note-color-btn" style="background-color:#EFC631" data-event="backColor" data-value="#EFC631" title="" aria-label="Golden Dream" data-toggle="button" tabindex="-1" data-original-title="Golden Dream"></button><button type="button" class="note-color-btn" style="background-color:#6BA54A" data-event="backColor" data-value="#6BA54A" title="" aria-label="Chelsea Cucumber" data-toggle="button" tabindex="-1" data-original-title="Chelsea Cucumber"></button><button type="button" class="note-color-btn" style="background-color:#4A7B8C" data-event="backColor" data-value="#4A7B8C" title="" aria-label="Smalt Blue" data-toggle="button" tabindex="-1" data-original-title="Smalt Blue"></button><button type="button" class="note-color-btn" style="background-color:#3984C6" data-event="backColor" data-value="#3984C6" title="" aria-label="Boston Blue" data-toggle="button" tabindex="-1" data-original-title="Boston Blue"></button><button type="button" class="note-color-btn" style="background-color:#634AA5" data-event="backColor" data-value="#634AA5" title="" aria-label="Butterfly Bush" data-toggle="button" tabindex="-1" data-original-title="Butterfly Bush"></button><button type="button" class="note-color-btn" style="background-color:#A54A7B" data-event="backColor" data-value="#A54A7B" title="" aria-label="Cadillac" data-toggle="button" tabindex="-1" data-original-title="Cadillac"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#9C0000" data-event="backColor" data-value="#9C0000" title="" aria-label="Sangria" data-toggle="button" tabindex="-1" data-original-title="Sangria"></button><button type="button" class="note-color-btn" style="background-color:#B56308" data-event="backColor" data-value="#B56308" title="" aria-label="Mai Tai" data-toggle="button" tabindex="-1" data-original-title="Mai Tai"></button><button type="button" class="note-color-btn" style="background-color:#BD9400" data-event="backColor" data-value="#BD9400" title="" aria-label="Buddha Gold" data-toggle="button" tabindex="-1" data-original-title="Buddha Gold"></button><button type="button" class="note-color-btn" style="background-color:#397B21" data-event="backColor" data-value="#397B21" title="" aria-label="Forest Green" data-toggle="button" tabindex="-1" data-original-title="Forest Green"></button><button type="button" class="note-color-btn" style="background-color:#104A5A" data-event="backColor" data-value="#104A5A" title="" aria-label="Eden" data-toggle="button" tabindex="-1" data-original-title="Eden"></button><button type="button" class="note-color-btn" style="background-color:#085294" data-event="backColor" data-value="#085294" title="" aria-label="Venice Blue" data-toggle="button" tabindex="-1" data-original-title="Venice Blue"></button><button type="button" class="note-color-btn" style="background-color:#311873" data-event="backColor" data-value="#311873" title="" aria-label="Meteorite" data-toggle="button" tabindex="-1" data-original-title="Meteorite"></button><button type="button" class="note-color-btn" style="background-color:#731842" data-event="backColor" data-value="#731842" title="" aria-label="Claret" data-toggle="button" tabindex="-1" data-original-title="Claret"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#630000" data-event="backColor" data-value="#630000" title="" aria-label="Rosewood" data-toggle="button" tabindex="-1" data-original-title="Rosewood"></button><button type="button" class="note-color-btn" style="background-color:#7B3900" data-event="backColor" data-value="#7B3900" title="" aria-label="Cinnamon" data-toggle="button" tabindex="-1" data-original-title="Cinnamon"></button><button type="button" class="note-color-btn" style="background-color:#846300" data-event="backColor" data-value="#846300" title="" aria-label="Olive" data-toggle="button" tabindex="-1" data-original-title="Olive"></button><button type="button" class="note-color-btn" style="background-color:#295218" data-event="backColor" data-value="#295218" title="" aria-label="Parsley" data-toggle="button" tabindex="-1" data-original-title="Parsley"></button><button type="button" class="note-color-btn" style="background-color:#083139" data-event="backColor" data-value="#083139" title="" aria-label="Tiber" data-toggle="button" tabindex="-1" data-original-title="Tiber"></button><button type="button" class="note-color-btn" style="background-color:#003163" data-event="backColor" data-value="#003163" title="" aria-label="Midnight Blue" data-toggle="button" tabindex="-1" data-original-title="Midnight Blue"></button><button type="button" class="note-color-btn" style="background-color:#21104A" data-event="backColor" data-value="#21104A" title="" aria-label="Valentino" data-toggle="button" tabindex="-1" data-original-title="Valentino"></button><button type="button" class="note-color-btn" style="background-color:#4A1031" data-event="backColor" data-value="#4A1031" title="" aria-label="Loulou" data-toggle="button" tabindex="-1" data-original-title="Loulou"></button></div></div></div>  <div>    <button type="button" class="note-color-select btn" data-event="openPalette" data-value="backColorPicker">Select    </button>    <input type="color" id="backColorPicker" class="note-btn note-color-select-btn" value="#FFFF00" data-event="backColorPalette">  </div>  <div class="note-holder-custom" id="backColorPalette" data-event="backColor"><div class="note-color-palette"><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="backColor" data-value="#FFFFFF" title="" aria-label="#FFFFFF" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="backColor" data-value="#FFFFFF" title="" aria-label="#FFFFFF" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="backColor" data-value="#FFFFFF" title="" aria-label="#FFFFFF" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="backColor" data-value="#FFFFFF" title="" aria-label="#FFFFFF" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="backColor" data-value="#FFFFFF" title="" aria-label="#FFFFFF" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="backColor" data-value="#FFFFFF" title="" aria-label="#FFFFFF" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="backColor" data-value="#FFFFFF" title="" aria-label="#FFFFFF" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="backColor" data-value="#FFFFFF" title="" aria-label="#FFFFFF" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button></div></div></div></div><div class="note-palette">  <div class="note-palette-title">Foreground Color</div>  <div>    <button type="button" class="note-color-reset btn btn-light" data-event="removeFormat" data-value="foreColor">Reset to default    </button>  </div>  <div class="note-holder" data-event="foreColor"><div class="note-color-palette"><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#000000" data-event="foreColor" data-value="#000000" title="" aria-label="Black" data-toggle="button" tabindex="-1" data-original-title="Black"></button><button type="button" class="note-color-btn" style="background-color:#424242" data-event="foreColor" data-value="#424242" title="" aria-label="Tundora" data-toggle="button" tabindex="-1" data-original-title="Tundora"></button><button type="button" class="note-color-btn" style="background-color:#636363" data-event="foreColor" data-value="#636363" title="" aria-label="Dove Gray" data-toggle="button" tabindex="-1" data-original-title="Dove Gray"></button><button type="button" class="note-color-btn" style="background-color:#9C9C94" data-event="foreColor" data-value="#9C9C94" title="" aria-label="Star Dust" data-toggle="button" tabindex="-1" data-original-title="Star Dust"></button><button type="button" class="note-color-btn" style="background-color:#CEC6CE" data-event="foreColor" data-value="#CEC6CE" title="" aria-label="Pale Slate" data-toggle="button" tabindex="-1" data-original-title="Pale Slate"></button><button type="button" class="note-color-btn" style="background-color:#EFEFEF" data-event="foreColor" data-value="#EFEFEF" title="" aria-label="Gallery" data-toggle="button" tabindex="-1" data-original-title="Gallery"></button><button type="button" class="note-color-btn" style="background-color:#F7F7F7" data-event="foreColor" data-value="#F7F7F7" title="" aria-label="Alabaster" data-toggle="button" tabindex="-1" data-original-title="Alabaster"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="foreColor" data-value="#FFFFFF" title="" aria-label="White" data-toggle="button" tabindex="-1" data-original-title="White"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#FF0000" data-event="foreColor" data-value="#FF0000" title="" aria-label="Red" data-toggle="button" tabindex="-1" data-original-title="Red"></button><button type="button" class="note-color-btn" style="background-color:#FF9C00" data-event="foreColor" data-value="#FF9C00" title="" aria-label="Orange Peel" data-toggle="button" tabindex="-1" data-original-title="Orange Peel"></button><button type="button" class="note-color-btn" style="background-color:#FFFF00" data-event="foreColor" data-value="#FFFF00" title="" aria-label="Yellow" data-toggle="button" tabindex="-1" data-original-title="Yellow"></button><button type="button" class="note-color-btn" style="background-color:#00FF00" data-event="foreColor" data-value="#00FF00" title="" aria-label="Green" data-toggle="button" tabindex="-1" data-original-title="Green"></button><button type="button" class="note-color-btn" style="background-color:#00FFFF" data-event="foreColor" data-value="#00FFFF" title="" aria-label="Cyan" data-toggle="button" tabindex="-1" data-original-title="Cyan"></button><button type="button" class="note-color-btn" style="background-color:#0000FF" data-event="foreColor" data-value="#0000FF" title="" aria-label="Blue" data-toggle="button" tabindex="-1" data-original-title="Blue"></button><button type="button" class="note-color-btn" style="background-color:#9C00FF" data-event="foreColor" data-value="#9C00FF" title="" aria-label="Electric Violet" data-toggle="button" tabindex="-1" data-original-title="Electric Violet"></button><button type="button" class="note-color-btn" style="background-color:#FF00FF" data-event="foreColor" data-value="#FF00FF" title="" aria-label="Magenta" data-toggle="button" tabindex="-1" data-original-title="Magenta"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#F7C6CE" data-event="foreColor" data-value="#F7C6CE" title="" aria-label="Azalea" data-toggle="button" tabindex="-1" data-original-title="Azalea"></button><button type="button" class="note-color-btn" style="background-color:#FFE7CE" data-event="foreColor" data-value="#FFE7CE" title="" aria-label="Karry" data-toggle="button" tabindex="-1" data-original-title="Karry"></button><button type="button" class="note-color-btn" style="background-color:#FFEFC6" data-event="foreColor" data-value="#FFEFC6" title="" aria-label="Egg White" data-toggle="button" tabindex="-1" data-original-title="Egg White"></button><button type="button" class="note-color-btn" style="background-color:#D6EFD6" data-event="foreColor" data-value="#D6EFD6" title="" aria-label="Zanah" data-toggle="button" tabindex="-1" data-original-title="Zanah"></button><button type="button" class="note-color-btn" style="background-color:#CEDEE7" data-event="foreColor" data-value="#CEDEE7" title="" aria-label="Botticelli" data-toggle="button" tabindex="-1" data-original-title="Botticelli"></button><button type="button" class="note-color-btn" style="background-color:#CEE7F7" data-event="foreColor" data-value="#CEE7F7" title="" aria-label="Tropical Blue" data-toggle="button" tabindex="-1" data-original-title="Tropical Blue"></button><button type="button" class="note-color-btn" style="background-color:#D6D6E7" data-event="foreColor" data-value="#D6D6E7" title="" aria-label="Mischka" data-toggle="button" tabindex="-1" data-original-title="Mischka"></button><button type="button" class="note-color-btn" style="background-color:#E7D6DE" data-event="foreColor" data-value="#E7D6DE" title="" aria-label="Twilight" data-toggle="button" tabindex="-1" data-original-title="Twilight"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#E79C9C" data-event="foreColor" data-value="#E79C9C" title="" aria-label="Tonys Pink" data-toggle="button" tabindex="-1" data-original-title="Tonys Pink"></button><button type="button" class="note-color-btn" style="background-color:#FFC69C" data-event="foreColor" data-value="#FFC69C" title="" aria-label="Peach Orange" data-toggle="button" tabindex="-1" data-original-title="Peach Orange"></button><button type="button" class="note-color-btn" style="background-color:#FFE79C" data-event="foreColor" data-value="#FFE79C" title="" aria-label="Cream Brulee" data-toggle="button" tabindex="-1" data-original-title="Cream Brulee"></button><button type="button" class="note-color-btn" style="background-color:#B5D6A5" data-event="foreColor" data-value="#B5D6A5" title="" aria-label="Sprout" data-toggle="button" tabindex="-1" data-original-title="Sprout"></button><button type="button" class="note-color-btn" style="background-color:#A5C6CE" data-event="foreColor" data-value="#A5C6CE" title="" aria-label="Casper" data-toggle="button" tabindex="-1" data-original-title="Casper"></button><button type="button" class="note-color-btn" style="background-color:#9CC6EF" data-event="foreColor" data-value="#9CC6EF" title="" aria-label="Perano" data-toggle="button" tabindex="-1" data-original-title="Perano"></button><button type="button" class="note-color-btn" style="background-color:#B5A5D6" data-event="foreColor" data-value="#B5A5D6" title="" aria-label="Cold Purple" data-toggle="button" tabindex="-1" data-original-title="Cold Purple"></button><button type="button" class="note-color-btn" style="background-color:#D6A5BD" data-event="foreColor" data-value="#D6A5BD" title="" aria-label="Careys Pink" data-toggle="button" tabindex="-1" data-original-title="Careys Pink"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#E76363" data-event="foreColor" data-value="#E76363" title="" aria-label="Mandy" data-toggle="button" tabindex="-1" data-original-title="Mandy"></button><button type="button" class="note-color-btn" style="background-color:#F7AD6B" data-event="foreColor" data-value="#F7AD6B" title="" aria-label="Rajah" data-toggle="button" tabindex="-1" data-original-title="Rajah"></button><button type="button" class="note-color-btn" style="background-color:#FFD663" data-event="foreColor" data-value="#FFD663" title="" aria-label="Dandelion" data-toggle="button" tabindex="-1" data-original-title="Dandelion"></button><button type="button" class="note-color-btn" style="background-color:#94BD7B" data-event="foreColor" data-value="#94BD7B" title="" aria-label="Olivine" data-toggle="button" tabindex="-1" data-original-title="Olivine"></button><button type="button" class="note-color-btn" style="background-color:#73A5AD" data-event="foreColor" data-value="#73A5AD" title="" aria-label="Gulf Stream" data-toggle="button" tabindex="-1" data-original-title="Gulf Stream"></button><button type="button" class="note-color-btn" style="background-color:#6BADDE" data-event="foreColor" data-value="#6BADDE" title="" aria-label="Viking" data-toggle="button" tabindex="-1" data-original-title="Viking"></button><button type="button" class="note-color-btn" style="background-color:#8C7BC6" data-event="foreColor" data-value="#8C7BC6" title="" aria-label="Blue Marguerite" data-toggle="button" tabindex="-1" data-original-title="Blue Marguerite"></button><button type="button" class="note-color-btn" style="background-color:#C67BA5" data-event="foreColor" data-value="#C67BA5" title="" aria-label="Puce" data-toggle="button" tabindex="-1" data-original-title="Puce"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#CE0000" data-event="foreColor" data-value="#CE0000" title="" aria-label="Guardsman Red" data-toggle="button" tabindex="-1" data-original-title="Guardsman Red"></button><button type="button" class="note-color-btn" style="background-color:#E79439" data-event="foreColor" data-value="#E79439" title="" aria-label="Fire Bush" data-toggle="button" tabindex="-1" data-original-title="Fire Bush"></button><button type="button" class="note-color-btn" style="background-color:#EFC631" data-event="foreColor" data-value="#EFC631" title="" aria-label="Golden Dream" data-toggle="button" tabindex="-1" data-original-title="Golden Dream"></button><button type="button" class="note-color-btn" style="background-color:#6BA54A" data-event="foreColor" data-value="#6BA54A" title="" aria-label="Chelsea Cucumber" data-toggle="button" tabindex="-1" data-original-title="Chelsea Cucumber"></button><button type="button" class="note-color-btn" style="background-color:#4A7B8C" data-event="foreColor" data-value="#4A7B8C" title="" aria-label="Smalt Blue" data-toggle="button" tabindex="-1" data-original-title="Smalt Blue"></button><button type="button" class="note-color-btn" style="background-color:#3984C6" data-event="foreColor" data-value="#3984C6" title="" aria-label="Boston Blue" data-toggle="button" tabindex="-1" data-original-title="Boston Blue"></button><button type="button" class="note-color-btn" style="background-color:#634AA5" data-event="foreColor" data-value="#634AA5" title="" aria-label="Butterfly Bush" data-toggle="button" tabindex="-1" data-original-title="Butterfly Bush"></button><button type="button" class="note-color-btn" style="background-color:#A54A7B" data-event="foreColor" data-value="#A54A7B" title="" aria-label="Cadillac" data-toggle="button" tabindex="-1" data-original-title="Cadillac"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#9C0000" data-event="foreColor" data-value="#9C0000" title="" aria-label="Sangria" data-toggle="button" tabindex="-1" data-original-title="Sangria"></button><button type="button" class="note-color-btn" style="background-color:#B56308" data-event="foreColor" data-value="#B56308" title="" aria-label="Mai Tai" data-toggle="button" tabindex="-1" data-original-title="Mai Tai"></button><button type="button" class="note-color-btn" style="background-color:#BD9400" data-event="foreColor" data-value="#BD9400" title="" aria-label="Buddha Gold" data-toggle="button" tabindex="-1" data-original-title="Buddha Gold"></button><button type="button" class="note-color-btn" style="background-color:#397B21" data-event="foreColor" data-value="#397B21" title="" aria-label="Forest Green" data-toggle="button" tabindex="-1" data-original-title="Forest Green"></button><button type="button" class="note-color-btn" style="background-color:#104A5A" data-event="foreColor" data-value="#104A5A" title="" aria-label="Eden" data-toggle="button" tabindex="-1" data-original-title="Eden"></button><button type="button" class="note-color-btn" style="background-color:#085294" data-event="foreColor" data-value="#085294" title="" aria-label="Venice Blue" data-toggle="button" tabindex="-1" data-original-title="Venice Blue"></button><button type="button" class="note-color-btn" style="background-color:#311873" data-event="foreColor" data-value="#311873" title="" aria-label="Meteorite" data-toggle="button" tabindex="-1" data-original-title="Meteorite"></button><button type="button" class="note-color-btn" style="background-color:#731842" data-event="foreColor" data-value="#731842" title="" aria-label="Claret" data-toggle="button" tabindex="-1" data-original-title="Claret"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#630000" data-event="foreColor" data-value="#630000" title="" aria-label="Rosewood" data-toggle="button" tabindex="-1" data-original-title="Rosewood"></button><button type="button" class="note-color-btn" style="background-color:#7B3900" data-event="foreColor" data-value="#7B3900" title="" aria-label="Cinnamon" data-toggle="button" tabindex="-1" data-original-title="Cinnamon"></button><button type="button" class="note-color-btn" style="background-color:#846300" data-event="foreColor" data-value="#846300" title="" aria-label="Olive" data-toggle="button" tabindex="-1" data-original-title="Olive"></button><button type="button" class="note-color-btn" style="background-color:#295218" data-event="foreColor" data-value="#295218" title="" aria-label="Parsley" data-toggle="button" tabindex="-1" data-original-title="Parsley"></button><button type="button" class="note-color-btn" style="background-color:#083139" data-event="foreColor" data-value="#083139" title="" aria-label="Tiber" data-toggle="button" tabindex="-1" data-original-title="Tiber"></button><button type="button" class="note-color-btn" style="background-color:#003163" data-event="foreColor" data-value="#003163" title="" aria-label="Midnight Blue" data-toggle="button" tabindex="-1" data-original-title="Midnight Blue"></button><button type="button" class="note-color-btn" style="background-color:#21104A" data-event="foreColor" data-value="#21104A" title="" aria-label="Valentino" data-toggle="button" tabindex="-1" data-original-title="Valentino"></button><button type="button" class="note-color-btn" style="background-color:#4A1031" data-event="foreColor" data-value="#4A1031" title="" aria-label="Loulou" data-toggle="button" tabindex="-1" data-original-title="Loulou"></button></div></div></div>  <div>    <button type="button" class="note-color-select btn" data-event="openPalette" data-value="foreColorPicker">Select    </button>    <input type="color" id="foreColorPicker" class="note-btn note-color-select-btn" value="#000000" data-event="foreColorPalette">  <div class="note-holder-custom" id="foreColorPalette" data-event="foreColor"><div class="note-color-palette"><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="foreColor" data-value="#FFFFFF" title="" aria-label="#FFFFFF" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="foreColor" data-value="#FFFFFF" title="" aria-label="#FFFFFF" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="foreColor" data-value="#FFFFFF" title="" aria-label="#FFFFFF" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="foreColor" data-value="#FFFFFF" title="" aria-label="#FFFFFF" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="foreColor" data-value="#FFFFFF" title="" aria-label="#FFFFFF" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="foreColor" data-value="#FFFFFF" title="" aria-label="#FFFFFF" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="foreColor" data-value="#FFFFFF" title="" aria-label="#FFFFFF" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF" data-event="foreColor" data-value="#FFFFFF" title="" aria-label="#FFFFFF" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button></div></div></div></div></div></ul></div></div><div class="note-btn-group btn-group note-para"><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Unordered list (CTRL+SHIFT+NUM7)" data-original-title="Unordered list (CTRL+SHIFT+NUM7)"><i class="note-icon-unorderedlist"></i></button><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Ordered list (CTRL+SHIFT+NUM8)" data-original-title="Ordered list (CTRL+SHIFT+NUM8)"><i class="note-icon-orderedlist"></i></button><div class="note-btn-group btn-group"><button type="button" class="note-btn btn btn-default btn-sm dropdown-toggle" role="button" tabindex="-1" data-toggle="dropdown" title="" aria-label="Paragraph" data-original-title="Paragraph"><i class="note-icon-align-left"></i> <span class="note-icon-caret"></span></button><ul class="dropdown-menu dropdown-menu-right" role="list"><div class="note-btn-group btn-group note-align"><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Align left (CTRL+SHIFT+L)" data-original-title="Align left (CTRL+SHIFT+L)"><i class="note-icon-align-left"></i></button><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Align center (CTRL+SHIFT+E)" data-original-title="Align center (CTRL+SHIFT+E)"><i class="note-icon-align-center"></i></button><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Align right (CTRL+SHIFT+R)" data-original-title="Align right (CTRL+SHIFT+R)"><i class="note-icon-align-right"></i></button><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Justify full (CTRL+SHIFT+J)" data-original-title="Justify full (CTRL+SHIFT+J)"><i class="note-icon-align-justify"></i></button></div><div class="note-btn-group btn-group note-list"><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Outdent (CTRL+[)" data-original-title="Outdent (CTRL+[)"><i class="note-icon-align-outdent"></i></button><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Indent (CTRL+])" data-original-title="Indent (CTRL+])"><i class="note-icon-align-indent"></i></button></div></ul></div><div class="note-btn-group btn-group"><button type="button" class="note-btn btn btn-default btn-sm dropdown-toggle" role="button" tabindex="-1" data-toggle="dropdown" title="" aria-label="Line Height" data-original-title="Line Height"><i class="note-icon-text-height"></i> <span class="note-icon-caret"></span></button><ul class="dropdown-menu note-check dropdown-menu-right dropdown-line-height" role="list" aria-label="Line Height"><li role="listitem" aria-label="1.0"><a href="#" data-value="1.0"><i class="note-icon-menu-check"></i> 1.0</a></li><li role="listitem" aria-label="1.2"><a href="#" data-value="1.2"><i class="note-icon-menu-check"></i> 1.2</a></li><li role="listitem" aria-label="1.4"><a href="#" data-value="1.4"><i class="note-icon-menu-check"></i> 1.4</a></li><li role="listitem" aria-label="1.5"><a href="#" data-value="1.5"><i class="note-icon-menu-check"></i> 1.5</a></li><li role="listitem" aria-label="1.6"><a href="#" data-value="1.6"><i class="note-icon-menu-check"></i> 1.6</a></li><li role="listitem" aria-label="1.8"><a href="#" data-value="1.8"><i class="note-icon-menu-check"></i> 1.8</a></li><li role="listitem" aria-label="2.0"><a href="#" data-value="2.0"><i class="note-icon-menu-check"></i> 2.0</a></li><li role="listitem" aria-label="3.0"><a href="#" data-value="3.0"><i class="note-icon-menu-check"></i> 3.0</a></li></ul></div></div><div class="note-btn-group btn-group note-table"><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Link (CTRL+K)" data-original-title="Link (CTRL+K)"><i class="note-icon-link"></i></button><div class="note-btn-group btn-group"><button type="button" class="note-btn btn btn-default btn-sm dropdown-toggle" role="button" tabindex="-1" data-toggle="dropdown" title="" aria-label="Table" data-original-title="Table"><i class="note-icon-table"></i> <span class="note-icon-caret"></span></button><ul class="dropdown-menu dropdown-menu-right note-table" role="list" aria-label="Table"><div class="note-dimension-picker">  <div class="note-dimension-picker-mousecatcher" data-event="insertTable" data-value="1x1" style="width: 10em; height: 10em;"></div>  <div class="note-dimension-picker-highlighted"></div>  <div class="note-dimension-picker-unhighlighted"></div></div><div class="note-dimension-display">1 x 1</div></ul></div><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="customimage" data-original-title="customimage"><i class="note-icon-picture"></i></button><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="katex" data-original-title="katex"><i class="note-icon-special-character"></i></button></div><div class="note-btn-group btn-group note-additional"></div><div class="note-btn-group btn-group note-misk"><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Undo (CTRL+Z)" data-original-title="Undo (CTRL+Z)"><i class="note-icon-undo"></i></button><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Redo (CTRL+Y)" data-original-title="Redo (CTRL+Y)"><i class="note-icon-redo"></i></button><button type="button" class="note-btn btn btn-default btn-sm btn-codeview" role="button" tabindex="-1" title="" aria-label="Code View" data-original-title="Code View"><i class="note-icon-code"></i></button><button type="button" class="note-btn btn btn-default btn-sm btn-fullscreen" role="button" tabindex="-1" title="" aria-label="Full Screen" data-original-title="Full Screen"><i class="note-icon-arrows-alt"></i></button></div></div><div class="note-editing-area"><div class="note-handle"><div class="note-control-selection"><div class="note-control-selection-bg"></div><div class="note-control-holder note-control-nw"></div><div class="note-control-sizing note-control-ne"></div><div class="note-control-sizing note-control-sw"></div><div class="note-control-sizing note-control-se"></div><div class="note-control-selection-info"></div></div></div><textarea class="note-codable" role="textbox" aria-multiline="true"></textarea><div class="note-editable" contenteditable="true" role="textbox" aria-multiline="true"><p><br></p></div></div><output class="note-status-output" aria-live="polite"></output><div class="note-statusbar" role="status">  <div class="note-resizebar" role="seperator" aria-orientation="horizontal" aria-label="Resize">    <div class="note-icon-bar"></div>    <div class="note-icon-bar"></div>    <div class="note-icon-bar"></div>  </div></div><div class="modal link-dialog" aria-hidden="false" tabindex="-1" role="dialog" aria-label="Insert Link"><div class="modal-dialog">  <div class="modal-content">    <div class="modal-header">      <button type="button" class="close" data-dismiss="modal" aria-label="Close" aria-hidden="true">×</button>      <h4 class="modal-title">Insert Link</h4>    </div>    <div class="modal-body"><div class="form-group note-form-group"><label class="note-form-label">Text to display</label><input class="note-link-text form-control note-form-control note-input" type="text"></div><div class="form-group note-form-group"><label class="note-form-label">To what URL should this link go?</label><input class="note-link-url form-control note-form-control note-input" type="text" value="http://"></div><div class="checkbox sn-checkbox-open-in-new-window"><label> <input role="checkbox" type="checkbox" checked="" aria-checked="true">Open in new window</label></div></div>    <div class="modal-footer"><input type="button" href="#" class="btn btn-primary note-btn note-btn-primary note-link-btn" value="Insert Link" disabled=""></div>  </div></div></div><div class="modal" aria-hidden="false" tabindex="-1" role="dialog" aria-label="Insert Image"><div class="modal-dialog">  <div class="modal-content">    <div class="modal-header">      <button type="button" class="close" data-dismiss="modal" aria-label="Close" aria-hidden="true">×</button>      <h4 class="modal-title">Insert Image</h4>    </div>    <div class="modal-body"><div class="form-group note-form-group note-group-select-from-files"><label class="note-form-label">Select from files</label><input class="note-image-input note-form-control note-input" type="file" name="files" accept="image/*" multiple="multiple"></div><div class="form-group note-group-image-url" style="overflow:auto;"><label class="note-form-label">Image URL</label><input class="note-image-url form-control note-form-control note-input  col-md-12" type="text"></div></div>    <div class="modal-footer"><input type="button" href="#" class="btn btn-primary note-btn note-btn-primary note-image-btn" value="Insert Image" disabled=""></div>  </div></div></div><div class="modal" aria-hidden="false" tabindex="-1" role="dialog" aria-label="Insert Video"><div class="modal-dialog">  <div class="modal-content">    <div class="modal-header">      <button type="button" class="close" data-dismiss="modal" aria-label="Close" aria-hidden="true">×</button>      <h4 class="modal-title">Insert Video</h4>    </div>    <div class="modal-body"><div class="form-group note-form-group row-fluid"><label class="note-form-label">Video URL <small class="text-muted">(YouTube, Vimeo, Vine, Instagram, DailyMotion or Youku)</small></label><input class="note-video-url form-control note-form-control note-input" type="text"></div></div>    <div class="modal-footer"><input type="button" href="#" class="btn btn-primary note-btn note-btn-primary note-video-btn" value="Insert Video" disabled=""></div>  </div></div></div><div class="modal" aria-hidden="false" tabindex="-1" role="dialog" aria-label="Help"><div class="modal-dialog">  <div class="modal-content">    <div class="modal-header">      <button type="button" class="close" data-dismiss="modal" aria-label="Close" aria-hidden="true">×</button>      <h4 class="modal-title">Help</h4>    </div>    <div class="modal-body" style="max-height: 300px; overflow: scroll;"><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>ENTER</kbd></label><span>Insert Paragraph</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+Z</kbd></label><span>Undoes the last command</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+Y</kbd></label><span>Redoes the last command</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>TAB</kbd></label><span>Tab</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>SHIFT+TAB</kbd></label><span>Untab</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+B</kbd></label><span>Set a bold style</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+I</kbd></label><span>Set a italic style</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+U</kbd></label><span>Set a underline style</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+SHIFT+S</kbd></label><span>Set a strikethrough style</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+BACKSLASH</kbd></label><span>Clean a style</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+SHIFT+L</kbd></label><span>Set left align</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+SHIFT+E</kbd></label><span>Set center align</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+SHIFT+R</kbd></label><span>Set right align</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+SHIFT+J</kbd></label><span>Set full align</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+SHIFT+NUM7</kbd></label><span>Toggle unordered list</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+SHIFT+NUM8</kbd></label><span>Toggle ordered list</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+LEFTBRACKET</kbd></label><span>Outdent on current paragraph</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+RIGHTBRACKET</kbd></label><span>Indent on current paragraph</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+NUM0</kbd></label><span>Change current block's format as a paragraph(P tag)</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+NUM1</kbd></label><span>Change current block's format as H1</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+NUM2</kbd></label><span>Change current block's format as H2</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+NUM3</kbd></label><span>Change current block's format as H3</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+NUM4</kbd></label><span>Change current block's format as H4</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+NUM5</kbd></label><span>Change current block's format as H5</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+NUM6</kbd></label><span>Change current block's format as H6</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+ENTER</kbd></label><span>Insert horizontal rule</span><div class="help-list-item"></div><label style="width: 180px; margin-right: 10px;"><kbd>CTRL+K</kbd></label><span>Show Link Dialog</span></div>    <div class="modal-footer"><p class="text-center"><a href="http://summernote.org/" target="_blank">Summernote 0.8.11</a> · <a href="https://github.com/summernote/summernote" target="_blank">Project</a> · <a href="https://github.com/summernote/summernote/issues" target="_blank">Issues</a></p></div>  </div></div></div><div class="modal" aria-hidden="false" tabindex="-1" role="dialog" aria-label="Add image link"><div class="modal-dialog">  <div class="modal-content">    <div class="modal-header">      <button type="button" class="close" data-dismiss="modal" aria-label="Close" aria-hidden="true">×</button>      <h4 class="modal-title">Add image link</h4>    </div>    <div class="modal-body">          <div class="tab-pane note-tab-pane" id="note-imageAttributes-link 1671782746097">
            <input class="note-imageAttributes-src" type="hidden">
            <div class="note-form-group form-group note-group-imageAttributes-link-href">
              <label class="control-label note-form-label col-xs-3">Link</label>
              <div class="input-group note-input-group col-xs-12 col-sm-9">
                <input class="note-imageAttributes-link-href form-control note-form-control note-input" type="text" placeholder="http">
              </div>
            </div>            
          </div>
      </div>    <div class="modal-footer"><button href="#" class="btn btn-primary note-btn note-btn-primary note-imageAttributes-btn">Save</button></div>  </div></div></div></div>
        </div><input type="hidden" class="quill-editor-container-hidden-hash" value="h_5ad299f4be8db1436167135704389bea"></div>
                    </div>
                <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div></div>

                <div id="main_box_quiz" class="main_box ui-draggable ui-resizable">
                    <div class="main_inner_box" id="main_box_quiz_inner">
                        <div class="content_box_top ui-draggable-handle">
                            <div class="content_box_top_selected_label_box">
                                <p>Tests</p>
                            </div> 
                            <div class="quizzies_top_edit master hover-inited" onclick="editWebinarCurrentOpenedQuiz()" data-ot="Edit"></div>

                            <div class="button_fillscreen_grey" onclick="fullScreenById('main_box_quiz_inner')">
                            </div>
                        </div>
                        <div class="dotted_line"></div>
                        <div class="main_box_quiz_body">
                            <div class="main_box_quiz_status_description_box">
                                <p class="main_box_quiz_body_title"></p>
                                <div class="main_box_quiz_body_img_box">
                                    <img src="" class="main_box_quiz_body_img">
                                </div>
                                <div class="main_box_quiz_body_description_box">

                                </div>
                                <div class="main_box_quiz_body_start_btn btn master" onclick="onClickStartQuizzing()">
                                    <p>Launch a test</p>
                                </div>
                            </div>
                            <div class="main_box_quiz_status_participant_box">
                            </div>
                            <div class="main_box_quiz_status_master_box">
                                <div class="main_box_quiz_status_master_box_inner">

                                </div>
                                <div class="quizzing_master_type_bottom_buttons_line master">
                                    <div class="quizzing_master_clean_btn btn" onclick="clearCurrentQuizParticipants()">
                                        <p>Repeat test</p>
                                    </div>
                                    <div class="quizzing_master_return_btn btn" onclick="onQuizAdminReturnBack()">
                                        <p>Return to the presentation</p>
                                    </div>  
                                    <div class="quizzing_master_share_score hover-inited" onclick="showCurrentQuizStat()" data-ot="{webinar.quiz.show_result}">                                
                                    </div> 
                                </div>
                            </div>
                        </div>                
                    </div>
                <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div></div>



                <div id="header_files_selector">
                    <div class="header_files_selector_header">
                        <div class="header_files_selector_header_name">Presentations</div>
                        <input type="text" class="header_files_selector_header_search_input" placeholder="Search…">
                        <div class="header_files_selector_header_sort" onclick="openCloseUserMediaPresentationsSorter(event)">By creation date</div>
                        <div class="header_files_selector_header_sort_container">
                            <div class="header_files_selector_header_sort_container_line" onclick="changeUserMediaPresentationsSorterValue('date')">By creation date</div>
                            <div class="header_files_selector_header_sort_container_line" onclick="changeUserMediaPresentationsSorterValue('name')">By name</div>
                        </div>
                    </div>
                    <div class="header_files_selector_body">
                        <div class="users-media-presentations-box-for-types-outer">
                            <div class="users-media-presentations-box-for-types-container ">
                                <div class="users-media-presentations-box-for-types">                                    
                                    <div class="users-media-presentations-list-type-box type-11" onclick="refreshUsersMediaPresentations(11)">Presentations</div>
                                    <div class="users-media-presentations-list-type-box type-2" onclick="refreshUsersMediaPresentations(2)">Video</div>
                                    <div class="users-media-presentations-list-type-box type-3" onclick="refreshUsersMediaPresentations(3)">Audio</div>
                                    <div class="users-media-presentations-list-type-box type-4" onclick="refreshUsersMediaPresentations(4)">YouTube</div>
                                    <div class="users-media-presentations-list-type-box type-13" onclick="refreshUsersMediaPresentations(13)">Other</div>
                                    <div class="users-media-presentations-list-type-box type-15" onclick="refreshUsersMediaPresentations(15)">Whiteboards</div>
                                    <div class="users-media-presentations-list-type-box type-1001" onclick="refreshUsersMediaPresentations(1001)">Polls</div>
                                    <div class="users-media-presentations-list-type-box type-1000" onclick="refreshUsersMediaPresentations(1000)">Tests</div>
                                </div>
                                
                                <div class="users-media-presentations-list-container">
                                    <div class="users-media-presentations-box">

                                    </div>
                                    <div class="users-media-presentations-box-spinner">
                                    </div>
                                </div>
                                
                                <div class="users-media-presentations-box-bottom">
                                    <div class="users-media-presentations-box-bottom-button upload-my-prez-btn">Upload</div>
                                    <div class="users-media-presentations-box-bottom-button-youtube" onclick="addYouTubeAsPresentationClick()">Add YouTube video</div>
                                    <div class="users-media-presentations-box-bottom-button-dashboards" onclick="addMediaPresentationForDraw()">Create a whiteboard</div>
                                    <div class="users-media-presentations-box-bottom-button-quiz" onclick="onCreateQuizClick()">Create a poll</div>
                                    <div class="users-media-presentations-box-bottom-button-test" onclick="onAddNewTestClick()">Create a test</div>
                                </div>            
                            </div>
                        </div>                        
                    </div>
                    <div class="header_selector_appendix"></div>
                </div>
                




                <div id="header_questions_selector">
                    <div class="header_questions_selector_body">
                        <div class="all_questions_list_box_outer">                    
                            <div class="content_box_top align-left">
                                <div class="content_box_top_selected_label_box">
                                    <p>Questions</p>
                                </div>

                                <div class="button_stop_chat_questions master hover-inited" onclick="pauseChatQuestions()" data-ot="Forbid users to ask questions">
                                </div>
                                <div class="button_start_chat_questions master hover-inited" onclick="resumeChatQuestions()" data-ot="Allow users to ask questions" style="display: none;">
                                </div>
                                <div class="button_excel_chat master hover-inited" onclick="excelQuestions()" data-ot="Download history in Excel">
                                </div>
                                <div class="button_drop_chat master hover-inited" onclick="dropQuestions()" data-ot="Delete questions">
                                </div>                        
                            </div>
                            <div class="all_questions_list_box_static">
                                <div class="all_questions_list_box"></div>
                            </div>
                            <div class="all_questions_list_box_bottom">
                                <div class="chat_send_line">
                                    <textarea id="questioninput" class="form-control col-md-8" maxlength="255"></textarea>
                                    <button type="button" class="btn all_questions_send_button" onclick="sendQuestionMessage()">Press Enter to send a question</button>
                                </div>
                            </div>
                        </div>                
                    </div>
                    <div class="header_selector_appendix"></div>
                </div>



                <div class="on_menu_outer_fade">

                </div>

                <div id="view_type_selector">
                    <div class="view_type_selector_header">
                        <p>Interface</p>
                    </div>
                    <div class="view_type_selector_body">
                        <div class="view_type_selector_item_box" onclick="setViewType(1)">
                            <div class="view_type_selector_item view_type_selector1"></div>
                            <p>Meeting</p>
                        </div>
                        <div class="view_type_selector_item_box" onclick="setViewType(2)">
                            <div class="view_type_selector_item view_type_selector2 selected"></div>
                            <p>Learning</p>
                        </div>
                        <div class="view_type_selector_item_box" onclick="setViewType(3)">
                            <div class="view_type_selector_item view_type_selector3"></div>
                            <p>Files</p>
                        </div>
                        <div class="view_type_selector_item_box" onclick="setViewType(4)">
                            <div class="view_type_selector_item view_type_selector4"></div>
                            <p>Chat</p>
                        </div>                         
                        <div class="view_type_selector_item_box" onclick="setViewType(6)">
                            <div class="view_type_selector_item view_type_selector6"></div>
                            <p>Notes</p>
                        </div>
                        <div class="view_type_selector_item_box" onclick="setViewType(7)">
                            <div class="view_type_selector_item view_type_selector7"></div>
                            <p>Video-chat</p>
                        </div>
                        <div class="view_type_selector_item_box" onclick="setViewType(9)">
                            <div class="view_type_selector_item view_type_selector9"></div>
                            <p>Whiteboard</p>
                        </div>
                        <div class="view_type_selector_item_box" onclick="setViewVRType()">
                            <div class="view_type_selector_item view_type_selector20"></div>
                            <p>VR</p>
                        </div>                          
                    </div>
                    <div class="header_selector_appendix"></div>
                </div>


        
                <div id="header_properties_selector">
                    <div class="header_properties_selector_body">
                        <div class="row properties_selector_header">
                            <p class="properties_console_listener">Настройки</p>
                        </div>
                        <div class="any_popup_close"><a></a></div>
                        <div class="row">
                            <div class="col-md-3 col-sm-12 properties_selector_menu">
                                <div class="navbar-default sidebar" role="navigation">
                                    <div class="sidebar-nav navbar-collapse">
                                        <ul class="nav" id="side-menu">                           
                                            <li><a class="menu-a icon_video" onclick="openPropertyVideoConfig()">Video settings</a></li>
                                            <li><a class="menu-a icon_sound" onclick="openPropertyAudioConfig()">Audio settings</a></li>
                                            <li><a class="menu-a icon_lessons" onclick="openPropertyLessonsConfig()">Video instructions</a></li>
                                            <li><a class="menu-a icon_language" onclick="openPropertyLanguageConfig()">Language selection</a></li>
                                            <li><a class="menu-a icon_system" onclick="openPropertySyetem()">System properties</a></li>
                                            <li><a class="menu-a icon_questions" onclick="openPropertyQuestionsConfig()">Popular questions</a></li>
                                            <li><a class="menu-a icon_support" onclick="openPropertySupportConfig()">Contact support</a></li>
                                        </ul>
                                    </div>
                                    <!-- /.sidebar-collapse -->
                                </div>
                            </div>
                            <div class="col-md-9 col-sm-12 properties_selector_content">
                            </div>
                        </div>
                    </div>
                    <div class="header_selector_appendix"></div>
                </div>                
            </div>
            
            <div class="main-mobile-content-container">
                <div class="main-mobile-content-wrapper"></div>            
            </div>

            

            <div class="ask_admin_form_box_outer any_form_box_outer">
                 <div class="ask_admin_form_box_background any_form_box_background">

                </div>
                <div class="ask_admin_form_box any_form_box">
                    <div class="ask_admin_close any_popup_close" onclick="closeAskParticipantVoice()">&nbsp;</div>
                    <div class="ask_admin_form_box_inner any_form_box_inner">

                        <div class="ask_admin_form_box_inner_content">
                            <p>You are invited to start broadcasting</p>
                        </div>



                        <div class="ask_admin_full_row_padding">
                            <div class="ask_admin_form_button_left btn grey" onclick="closeAskParticipantVoice()">
                                <p>Decline</p>
                            </div>
                            <div class="ask_admin_form_button_right btn grey" onclick="acceptParticipantVoice()">
                                <p>Accept</p>
                            </div>
                        </div>
                        <div style="clear:both"></div>
                    </div>
                </div>
            </div>

            <div class="popup_ban_participant_box_outer">
                <div class="popup_ban_participant_box">
                    <p class="header">Block attendee?</p>

                    <div class="popup_ban_participant_line">

                        <div class="popup_ban_outer-center">
                            <div class="popup_ban_inner-center">
                                <div class="popup_ban_participant_line_inner">
                                    <div class="popup_ban_participant_photo_box">
                                        <img src="">                                
                                    </div>
                                    <div class="popup_ban_participant_description_box">
                                        <p class="p1">%name%</p>                                
                                    </div>                
                                </div>                    
                            </div>
                        </div>                       
                    </div>
                    <div class="popup_ban_participant_box_inner">    
                        <div class="popup_ban_participant_down_box">
                            <a onclick="closeBanParticipant()">Отменить</a>
                            <input type="button" class="btn btn_ban_participant" value="Block" onclick="banParticipant()">
                        </div>
                    </div>        
                </div>
            </div>












            <div class="progress_bar_form_box_outer">
                <div class="progress_bar_form_box">
                    <div class="progress_bar_form_box_inner">
                        <div id="storage_progress_bar"><p class="storage-progress-label">Инициализация...</p></div>
                    </div>
                </div>
            </div>


            <div id="full_screen_box"></div>
        
        
        
        
            <script id="flash_screen_share_description_template" type="text/x-jquery-tmpl"> 
                <div class="flash_screen_share_description">
                    <div class="flash_screen_share_description_text_box">
                        <p>Для использования этой функции требуется установить и разрешить Java Plugin на Вашем компьютере. 
                            После установки необходимо перезапустить браузер и повторно подключиться к мероприятию.</p>
                    </div>
                    <div class="flash_screen_share_description_buttons_box">
                        <a href="http://www.java.com/download/" target="_blank">Установить</a>
                        <a href="http://www.java.com/ru/download/help/enable_browser.xml" target="_blank" 
                           class="flash_screen_share_description_buttons_box right">Как настроить</a>
                    </div>
                </div>        
            </script>




            <script id="quizzesListTemplate" type="text/x-jquery-tmpl">
                <div class="all_quizzes_list_item_box %hash%">
                    <div class="%icon%"
                    data-ot="%tooltip%"></div>
                    <div class="list_quiz_label_box">
                        <p><a href="%edit_link%" target="_blank">%name%</a></p>
                    </div>

                    <div class="list_quiz_actions">
                        <div class="list_files_drop master" onclick="dropQuiz('%hash%')"
                            data-ot="Remove this test"></div>
                        <div class="list_files_edit master" onclick="editWebinarQuiz('%hash%',%type%)" 
                            data-ot="Edit"></div> 
                        <div class="list_files_open master" onclick="addQuizToWebinarForm('%hash%')" 
                            data-ot="Launch test"></div>                
                    </div>
                    <div class="list_files_clear"></div>
                    <div class="files_dotted_line"></div>
                </div>
            </script>
        </div>
    <div class="presentationUploaderMessageBox">                        	              
                <div id="all_files_errormsg" class="clearfix redtext">
                </div>	              
                <div id="all_files_pic_progress_wrap" class="progress-wrap" style="margin-top:10px;margin-bottom:10px;">
                </div>                
            </div><div class="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"><div class="sp-palette-container"><div class="sp-palette sp-thumb sp-cf"></div><div class="sp-palette-button-container sp-cf"><button type="button" class="sp-palette-toggle">less</button></div></div><div class="sp-picker-container"><div class="sp-top sp-cf"><div class="sp-fill"></div><div class="sp-top-inner"><div class="sp-color" style="background-color: rgb(255, 0, 0);"><div class="sp-sat"><div class="sp-val"><div class="sp-dragger" style="top: 0px; left: 0px;"></div></div></div></div><div class="sp-clear sp-clear-display" title="Clear Color Selection" style="display: none;"></div><div class="sp-hue"><div class="sp-slider" style="top: 0px;"></div></div></div><div class="sp-alpha"><div class="sp-alpha-inner"><div class="sp-alpha-handle" style="left: 0px;"></div></div></div></div><div class="sp-input-container sp-cf"><input class="sp-input" type="text" spellcheck="false"></div><div class="sp-initial sp-thumb sp-cf"></div><div class="sp-button-container sp-cf"><a class="sp-cancel" href="#">cancel</a><button type="button" class="sp-choose">choose</button></div></div></div><canvas class="screen-fabric-canvas" id="screen-fabric-canvas" width="1024" height="768"></canvas><canvas class="screen-fabric-animation-canvas" id="screen-fabric-animation-canvas" width="30" height="30"></canvas><img class="screen-fabric-animation-cursor" id="screen-fabric-animation-cursor" src="https://pruffme.com/assets/css/images/webinar/cursor.png"><div class="recorderLoadedEventDispatcher" id="recorderLoadedEventDispatcher"></div><div class="note-popover popover in note-image-popover bottom">  <div class="arrow"></div>  <div class="popover-content note-children-container"><div class="note-btn-group btn-group note-custom"><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Add link" data-original-title="Add link"><i class="note-icon-link"></i></button></div><div class="note-btn-group btn-group note-imagesize"><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Resize Full" data-original-title="Resize Full"><span class="note-fontsize-10">100%</span></button><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Resize Half" data-original-title="Resize Half"><span class="note-fontsize-10">50%</span></button><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Resize Quarter" data-original-title="Resize Quarter"><span class="note-fontsize-10">25%</span></button></div><div class="note-btn-group btn-group note-float"><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Float Left" data-original-title="Float Left"><i class="note-icon-align-left"></i></button><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Float Right" data-original-title="Float Right"><i class="note-icon-align-right"></i></button><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Float None" data-original-title="Float None"><i class="note-icon-align-justify"></i></button></div><div class="note-btn-group btn-group note-remove"><button type="button" class="note-btn btn btn-default btn-sm" role="button" tabindex="-1" title="" aria-label="Remove Image" data-original-title="Remove Image"><i class="note-icon-trash"></i></button></div></div></div><audio playsinline="" muted="" autoplay="" loop="" class="srtc_example_video_element" src="https://pruffme.com/webinar/empty.mp4"></audio><canvas class="hidden_audio_canvas" id="localAudioCanvas" width="320" height="240"></canvas><canvas class="hidden_audio_canvas_inner" id="hidden_audio_canvas_inner" width="320" height="240"></canvas><img id="hidden_audio_logo" class="hidden_audio_logo" src="https://storage.pruffme.com/user/c6735a5d56065cd16ba0e56823152c7b/photos/7094b64f6fede9c90b47a405d63aa7fa.png" crossorigin="Anonymous"><canvas class="rtc-audio-animation-canvas" id="rtc-audio-animation-canvas" width="30" height="30"></canvas><div style="touch-action: none; visibility: hidden; position: absolute; overflow: hidden; height: 1px; width: 1px;"><svg style="left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 2px; min-height: 13px;"><g><g></g><g></g><g></g><g></g></g></svg></div></body></html>

И кликаем рядом.