  </div>

  <div title="<?=_('Confirmation')?>" class="confirmation-text-redirect hidden">
    <p class="confirmation"><?=_('LEAVE_PAGE_CONFIRMATION')?></p>
  </div>

  <div class="shortcuts animated fadeIn" style="display:none">
    <div class="header">
      <div class="title"><?=_('Shortcuts')?></div>
      <div class="close text-center">
        <i class="fas fa-times"></i>
      </div>

    </div>
    <ul>
      <li><span class="key">a</span><?=_('Add New object')?></li>
      <li><span class="key">Ctrl + Enter</span><?=_('Save Form')?></li>
      <li><span class="key">Ctrl + Backspace</span><?=_('Cancel saving form')?></li>

      <li class="step-top"><span class="key">1</span><?=_('Go to WEB list')?></li>
      <li><span class="key">2</span><?=_('Go to DNS list')?></li>
      <li><span class="key">3</span><?=_('Go to MAIL list')?></li>
      <li><span class="key">4</span><?=_('Go to DB list')?></li>
      <li><span class="key">5</span><?=_('Go to CRON list')?></li>
      <li><span class="key">6</span><?=_('Go to BACKUP list')?></li>
    </ul>
    <ul>
      <li><span class="key">f</span><?=_('Focus on search')?></li>
      <li class="step-top"><span class="key">h</span><?=_('Display/Close shortcuts')?></li>

      <li class="step-top"><span class="key bigger">&larr;</span><?=_('Move backward through top menu')?></li>
      <li><span class="key bigger">&rarr;</span><?=_('Move forward through top menu')?></li>
      <li><span class="key">Enter</span><?=_('Enter focused element')?></li>

      <li class="step-top"><span class="key bigger">&uarr;</span><?=_('Move up through elements list')?></li>
      <li><span class="key bigger">&darr;</span><?=_('Move down through elements list')?></li>
    </ul>
  </div>
</body>
</html>
