test
<p> </p>
<div id="cfish-popup-message-dialog" class="cp-dialog-popup">
<div class="cp-dialog-popup-content">
<div class="title-con">
<p><img id="cp-dialog-image" /></p>
<h2 id="cp-dialog-title"></h2>
</div>
<p><a class="cp-dialog-close-button">x</a></p>
</div>
</div>
<div class="ocrext-element ocrext-wrapper" style="display: none;">
<header class="ocrext-element ocrext-header"><span class="ocrext-element ocrext-title mdl-layout-title"> Copyfish </span></header>
<div class="ocrext-element ocrext-content ocrext-clearfix">
<div class="ocrext-element ocrext-canvas-container">
<p> </p>
<div class="ocrext-element ocrext-textoverlay-container"></div>
</div>
<div class="ocrext-element ocrext-ocr-output">
<div class="ocrext-element ocrext-spinner-wrapper">
<div class="ocrext-element mdl-spinner mdl-js-spinner ocrext-spinner is-upgraded" data-upgraded=",MaterialSpinner">
<div class="mdl-spinner__layer mdl-spinner__layer-1">
<div class="mdl-spinner__circle-clipper mdl-spinner__left">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__gap-patch">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__circle-clipper mdl-spinner__right">
<div class="mdl-spinner__circle"></div>
</div>
</div>
<div class="mdl-spinner__layer mdl-spinner__layer-2">
<div class="mdl-spinner__circle-clipper mdl-spinner__left">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__gap-patch">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__circle-clipper mdl-spinner__right">
<div class="mdl-spinner__circle"></div>
</div>
</div>
<div class="mdl-spinner__layer mdl-spinner__layer-3">
<div class="mdl-spinner__circle-clipper mdl-spinner__left">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__gap-patch">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__circle-clipper mdl-spinner__right">
<div class="mdl-spinner__circle"></div>
</div>
</div>
<div class="mdl-spinner__layer mdl-spinner__layer-4">
<div class="mdl-spinner__circle-clipper mdl-spinner__left">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__gap-patch">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__circle-clipper mdl-spinner__right">
<div class="mdl-spinner__circle"></div>
</div>
</div>
</div>
</div>
<div class="ocrext-element ocrext-grid ocrext-grid-message ocrext-clearfix">
<div class="ocrext-element ocrext-cell ocrext-cell-small">
<h5 class="ocrext-element ocrext-label ocrext-message">OCR Result<span title="Auto-Detect">(Auto-Detect)</span></h5>
</div>
<div class="ocrext-element ocrext-cell ocrext-cell-large"><textarea class="ocrext-element ocrext-ocr-message ocrext-result ocrext-preserve-whitespace expanded ocrext-font-16px" dir="ltr" title="">N/A</textarea></div>
</div>
<div class="ocrext-element ocrext-grid ocrext-grid-translated ocrext-clearfix" style="display: none;">
<div class="ocrext-element ocrext-cell ocrext-cell-small">
<h5 class="ocrext-element ocrext-label ocrext-translated">Translated<span title="English">(English)</span></h5>
</div>
<div class="ocrext-element ocrext-cell ocrext-cell-large">
<p class="ocrext-element ocrext-ocr-translated ocrext-result ocrext-font-16px" dir="ltr" title="">N/A</p>
</div>
</div>
</div>
<div class="ocrext-element ocrext-footer mdl-grid">
<div class="ocrext-element mdl-cell mdl-cell--3-col ocrext-quickselect-btn-container"></div>
<p><!--
<div class="ocrext-element mdl-cell mdl-cell--1-col"></div>
--></p>
<div class="ocrext-element mdl-cell mdl-cell--9-col ocrext-btn-container">
<p><button class="ocrext-element ocrext-ocr-sendocr ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Redo OCR" data-upgraded=",MaterialButton,MaterialRipple">Redo OCR</button> <button class="ocrext-element ocrext-ocr-recapture ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Recapture" data-upgraded=",MaterialButton,MaterialRipple">Recapture</button> <button class="ocrext-element ocrext-ocr-retranslate ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Re-Translate" data-upgraded=",MaterialButton,MaterialRipple">Re-Translate</button> <button class="ocrext-element ocrext-ocr-copy ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Copy to clipboard" data-upgraded=",MaterialButton,MaterialRipple">Copy to clipboard</button></p>
<div id="deepl_translate_button" class="translate-button"></div>
<div id="popup_translate_button"></div>
</div>
</div>
</div>
</div>
<div id="cfish-popup-message-dialog" class="cp-dialog-popup">
<div class="cp-dialog-popup-content">
<div class="title-con">
<p><img id="cp-dialog-image" /></p>
<h2 id="cp-dialog-title"></h2>
</div>
<p><a class="cp-dialog-close-button">x</a></p>
</div>
</div>
<div class="ocrext-element ocrext-wrapper" style="display: none;">
<header class="ocrext-element ocrext-header"><span class="ocrext-element ocrext-title mdl-layout-title"> Copyfish </span></header>
<div class="ocrext-element ocrext-content ocrext-clearfix">
<div class="ocrext-element ocrext-canvas-container">
<p> </p>
<div class="ocrext-element ocrext-textoverlay-container"></div>
</div>
<div class="ocrext-element ocrext-ocr-output">
<div class="ocrext-element ocrext-spinner-wrapper">
<div class="ocrext-element mdl-spinner mdl-js-spinner ocrext-spinner"></div>
</div>
<div class="ocrext-element ocrext-grid ocrext-grid-message ocrext-clearfix">
<div class="ocrext-element ocrext-cell ocrext-cell-small">
<h5 class="ocrext-element ocrext-label ocrext-message">OCR Result<span title="Auto-Detect">(Auto-Detect)</span></h5>
</div>
<div class="ocrext-element ocrext-cell ocrext-cell-large"><textarea class="ocrext-element ocrext-ocr-message ocrext-result ocrext-preserve-whitespace expanded ocrext-font-16px" dir="ltr" title="">N/A</textarea></div>
</div>
<div class="ocrext-element ocrext-grid ocrext-grid-translated ocrext-clearfix" style="display: none;">
<div class="ocrext-element ocrext-cell ocrext-cell-small">
<h5 class="ocrext-element ocrext-label ocrext-translated">Translated<span title="English">(English)</span></h5>
</div>
<div class="ocrext-element ocrext-cell ocrext-cell-large">
<p class="ocrext-element ocrext-ocr-translated ocrext-result ocrext-font-16px" dir="ltr" title="">N/A</p>
</div>
</div>
</div>
<div class="ocrext-element ocrext-footer mdl-grid">
<div class="ocrext-element mdl-cell mdl-cell--3-col ocrext-quickselect-btn-container"></div>
<p><!--
<div class="ocrext-element mdl-cell mdl-cell--1-col"></div>
--></p>
<div class="ocrext-element mdl-cell mdl-cell--9-col ocrext-btn-container">
<p><button class="ocrext-element ocrext-ocr-sendocr ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Redo OCR" data-upgraded=",MaterialButton,MaterialRipple">Redo OCR</button> <button class="ocrext-element ocrext-ocr-recapture ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Recapture" data-upgraded=",MaterialButton,MaterialRipple">Recapture</button> <button class="ocrext-element ocrext-ocr-retranslate ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Re-Translate" data-upgraded=",MaterialButton,MaterialRipple">Re-Translate</button> <button class="ocrext-element ocrext-ocr-copy ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Copy to clipboard" data-upgraded=",MaterialButton,MaterialRipple">Copy to clipboard</button></p>
<div id="deepl_translate_button" class="translate-button"><img alt="open translate" /></div>
<div id="popup_translate_button"><img alt="open translate" /></div>
</div>
</div>
</div>
</div>
<div class="ocrext-element ocrext-wrapper" style="display: none;">
<header class="ocrext-element ocrext-header"><span class="ocrext-element ocrext-title mdl-layout-title"> Copyfish </span></header>
<div class="ocrext-element ocrext-content ocrext-clearfix">
<div class="ocrext-element ocrext-canvas-container">
<p> </p>
<div class="ocrext-element ocrext-textoverlay-container"></div>
</div>
<div class="ocrext-element ocrext-ocr-output">
<div class="ocrext-element ocrext-spinner-wrapper">
<div class="ocrext-element mdl-spinner mdl-js-spinner ocrext-spinner"></div>
</div>
<div class="ocrext-element ocrext-grid ocrext-grid-message ocrext-clearfix">
<div class="ocrext-element ocrext-cell ocrext-cell-small">
<h5 class="ocrext-element ocrext-label ocrext-message">OCR Result<span title="Auto-Detect">(Auto-Detect)</span></h5>
</div>
<div class="ocrext-element ocrext-cell ocrext-cell-large"><textarea class="ocrext-element ocrext-ocr-message ocrext-result ocrext-preserve-whitespace expanded ocrext-font-16px" dir="ltr" title="">N/A</textarea></div>
</div>
<div class="ocrext-element ocrext-grid ocrext-grid-translated ocrext-clearfix" style="display: none;">
<div class="ocrext-element ocrext-cell ocrext-cell-small">
<h5 class="ocrext-element ocrext-label ocrext-translated">Translated<span title="English">(English)</span></h5>
</div>
<div class="ocrext-element ocrext-cell ocrext-cell-large">
<p class="ocrext-element ocrext-ocr-translated ocrext-result ocrext-font-16px" dir="ltr" title="">N/A</p>
</div>
</div>
</div>
<div class="ocrext-element ocrext-footer mdl-grid">
<div class="ocrext-element mdl-cell mdl-cell--3-col ocrext-quickselect-btn-container"></div>
<p><!--
<div class="ocrext-element mdl-cell mdl-cell--1-col"></div>
--></p>
<div class="ocrext-element mdl-cell mdl-cell--9-col ocrext-btn-container">
<p><button class="ocrext-element ocrext-ocr-sendocr ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Redo OCR" data-upgraded=",MaterialButton,MaterialRipple">Redo OCR</button> <button class="ocrext-element ocrext-ocr-recapture ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Recapture" data-upgraded=",MaterialButton,MaterialRipple">Recapture</button> <button class="ocrext-element ocrext-ocr-retranslate ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Re-Translate" data-upgraded=",MaterialButton,MaterialRipple">Re-Translate</button> <button class="ocrext-element ocrext-ocr-copy ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Copy to clipboard" data-upgraded=",MaterialButton,MaterialRipple">Copy to clipboard</button></p>
<div id="deepl_translate_button" class="translate-button"><img alt="open translate" /></div>
<div id="popup_translate_button"><img alt="open translate" /></div>
</div>
</div>
</div>
</div>
<div class="ocrext-element ocrext-wrapper" style="display: none;">
<header class="ocrext-element ocrext-header"><span class="ocrext-element ocrext-title mdl-layout-title"> Copyfish </span></header>
<div class="ocrext-element ocrext-content ocrext-clearfix">
<div class="ocrext-element ocrext-canvas-container">
<p> </p>
<div class="ocrext-element ocrext-textoverlay-container"></div>
</div>
<div class="ocrext-element ocrext-ocr-output">
<div class="ocrext-element ocrext-spinner-wrapper">
<div class="ocrext-element mdl-spinner mdl-js-spinner ocrext-spinner"></div>
</div>
<div class="ocrext-element ocrext-grid ocrext-grid-message ocrext-clearfix">
<div class="ocrext-element ocrext-cell ocrext-cell-small">
<h5 class="ocrext-element ocrext-label ocrext-message">OCR Result<span title="Auto-Detect">(Auto-Detect)</span></h5>
</div>
<div class="ocrext-element ocrext-cell ocrext-cell-large"><textarea class="ocrext-element ocrext-ocr-message ocrext-result ocrext-preserve-whitespace expanded ocrext-font-16px" dir="ltr" title="">N/A</textarea></div>
</div>
<div class="ocrext-element ocrext-grid ocrext-grid-translated ocrext-clearfix" style="display: none;">
<div class="ocrext-element ocrext-cell ocrext-cell-small">
<h5 class="ocrext-element ocrext-label ocrext-translated">Translated<span title="English">(English)</span></h5>
</div>
<div class="ocrext-element ocrext-cell ocrext-cell-large">
<p class="ocrext-element ocrext-ocr-translated ocrext-result ocrext-font-16px" dir="ltr" title="">N/A</p>
</div>
</div>
</div>
<div class="ocrext-element ocrext-footer mdl-grid">
<div class="ocrext-element mdl-cell mdl-cell--3-col ocrext-quickselect-btn-container"></div>
<p><!--
<div class="ocrext-element mdl-cell mdl-cell--1-col"></div>
--></p>
<div class="ocrext-element mdl-cell mdl-cell--9-col ocrext-btn-container">
<p><button class="ocrext-element ocrext-ocr-sendocr ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Redo OCR" data-upgraded=",MaterialButton,MaterialRipple">Redo OCR</button> <button class="ocrext-element ocrext-ocr-recapture ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Recapture" data-upgraded=",MaterialButton,MaterialRipple">Recapture</button> <button class="ocrext-element ocrext-ocr-retranslate ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Re-Translate" data-upgraded=",MaterialButton,MaterialRipple">Re-Translate</button> <button class="ocrext-element ocrext-ocr-copy ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Copy to clipboard" data-upgraded=",MaterialButton,MaterialRipple">Copy to clipboard</button></p>
<div id="deepl_translate_button" class="translate-button"><img alt="open translate" /></div>
<div id="popup_translate_button"><img alt="open translate" /></div>
</div>
</div>
</div>
</div>
<div class="ocrext-element ocrext-wrapper">
<header class="ocrext-element ocrext-header"><span class="ocrext-element ocrext-title mdl-layout-title"> Copyfish </span></header>
<div class="ocrext-element ocrext-content ocrext-clearfix">
<div class="ocrext-element ocrext-canvas-container">
<p> </p>
<div class="ocrext-element ocrext-textoverlay-container"></div>
</div>
<div class="ocrext-element ocrext-ocr-output">
<div class="ocrext-element ocrext-spinner-wrapper">
<div class="ocrext-element mdl-spinner mdl-js-spinner ocrext-spinner"></div>
</div>
<div class="ocrext-element ocrext-grid ocrext-grid-message ocrext-clearfix">
<div class="ocrext-element ocrext-cell ocrext-cell-small">
<h5 class="ocrext-element ocrext-label ocrext-message">OCR Result<span title="Auto-Detect">(Auto-Detect)</span></h5>
</div>
<div class="ocrext-element ocrext-cell ocrext-cell-large"><textarea class="ocrext-element ocrext-ocr-message ocrext-result ocrext-preserve-whitespace expanded ocrext-font-16px" dir="ltr">N/A</textarea></div>
</div>
<div class="ocrext-element ocrext-grid ocrext-grid-translated ocrext-clearfix" style="display: none;">
<div class="ocrext-element ocrext-cell ocrext-cell-small">
<h5 class="ocrext-element ocrext-label ocrext-translated">Translated<span title="English">(English)</span></h5>
</div>
<div class="ocrext-element ocrext-cell ocrext-cell-large">
<p class="ocrext-element ocrext-ocr-translated ocrext-result ocrext-font-16px" dir="ltr">N/A</p>
</div>
</div>
</div>
<div class="ocrext-element ocrext-footer mdl-grid">
<div class="ocrext-element mdl-cell mdl-cell--3-col ocrext-quickselect-btn-container"></div>
<p><!--
<div class="ocrext-element mdl-cell mdl-cell--1-col"></div>
--></p>
<div class="ocrext-element mdl-cell mdl-cell--9-col ocrext-btn-container">
<p><button class="ocrext-element ocrext-ocr-sendocr ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Redo OCR" data-upgraded=",MaterialButton,MaterialRipple">Redo OCR</button> <button class="ocrext-element ocrext-ocr-recapture ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Recapture" data-upgraded=",MaterialButton,MaterialRipple">Recapture</button> <button class="ocrext-element ocrext-ocr-retranslate ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Re-Translate" data-upgraded=",MaterialButton,MaterialRipple">Re-Translate</button> <button class="ocrext-element ocrext-ocr-copy ocrext-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" title="Copy to clipboard" data-upgraded=",MaterialButton,MaterialRipple">Copy to clipboard</button></p>
<div id="deepl_translate_button" class="translate-button"><img alt="open translate" /></div>
<div id="popup_translate_button"><img alt="open translate" /></div>
</div>
</div>
</div>
</div>