<div class="viewer-bg" style="display: flex; flex-direction: column; overflow: hidden">

  <webview id="webview" class="viewer-webview" allowpopups disablewebsecurity webpreferences="allowRunningInsecureContent"></webview>

  <div data-class="hasRoot:hidden" class="viewer-no-root-alert"  style="width:70%; margin-left: auto; margin-right:auto; margin-top:25px;">
    <i class="fa fa-exclamation-triangle"></i>&nbsp;No root node is selected. Select a visual node and click the <i class="fa fa-asterisk viewer-no-root-alert-asterisk"></i> in the property editor.
  </div>

</div>
