December 23, 2022
Как скачать участнику презентацию Pruffme
Всем привет! Сегодня я расскажу как участнику скачать презентацию Pruffme!
ПКМ по первой строчке 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("state-ask-stop")">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("https://storage.pruffme.com/user/c6735a5d56065cd16ba0e56823152c7b/photos/7094b64f6fede9c90b47a405d63aa7fa.png");">
</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 </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()"> </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>