<div id="mobileBackupViewContainer" style="display: block;"> <div class="section_container"> <h3 class="settings_style">%SETTINGS_TAB_MOBILE_BACKUP%</h3> <div style="clear:both;"></div> <div id="mobileDeviceListContainer"> <div class="paragraph-break"></div> <div id="registeredDeviceMessage" style="text-align: justify;">Registered Mobile Device(s)</div> <div class="line-break"></div> <div id="mobileDeviceViewListTableContainer"> <table id="mobileDeviceViewListTable" class="list_table"> </table> </div> <div class="list_table_button"> <div class="left_btn"> <div id="mobileDeviceViewListAddButton"> <input class="cbs-grey_button" type="button" name="settings.mobile.device.add" value="%ADD_OR_MIGRATE_DEVICE%"> </div> </div> <div class="right_btn"> </div> </div> </div> <div style="clear:both;"></div> </div> <div id="mobileBackupSetupContainer" class="dialog_container" style="display: none"> <div class="dialog_container_main"> <h3 class="settings_style">%SETTINGS_TAB_MOBILE_BACKUP% Setup</h3> <p class="half-line" style="line-height: 5px;"></p> <div style="text-align: justify;">%MOBILE_FEATURE_MAIN_PANEL_INSTRUCTION%</div> <p class="half-line" style="line-height: 5px;"></p> <div id="twoFactorMobileApp" style="display: flex; flex-direction: row; align-items: center; flex-wrap: wrap;"> <img style="height: 2em;" src="images/mobile_backup_24.png"/> <span style="margin-left: 5px;">%MOBILE_FEATURE_MOBILE_BACKUP% %MOB_ADD_NEW_DEVICE_TOKEN%</span> </div> <p class="half-line" style="line-height: 5px;"></p> <div style="display: flex; flex-direction: row; flex-wrap: wrap;"> <img style="height: 55px; margin-right: 5px; margin-bottom: 5px" src="images/mobile_feature_app_store.png"/> <img style="height: 55px;" src="images/mobile_feature_google_play.png"/> </div> <p class="half-line" style="line-height: 5px;"></p> <div style="display: flex; flex-direction: row; flex-wrap: wrap;"> <div id="mobBkpQrCodeContainer" style="display: inline-block"> </div> <div id="mobBkpContainer" style="display: inline-block; margin-left: 10px"> </div> </div> </div> <div class="css-buttons-table settings_style dialog_container_footer"> <div class="editTabsRightBtn"> <button type="button" name="settings.mobile.device.cancel">%CANCEL%</button> </div> <div class="editTabsMidBtn"> </div> <div class="editTabsLeftBtn"> </div> </div> </div> <div id="mobileBackupSuccessContainer" class="dialog_container" style="display: none"> <div class="dialog_container_main"> <h3 class="settings_style">%SETTINGS_TAB_MOBILE_BACKUP%</h3> <p class="half-line" style="line-height: 5px;"></p> <div id="setupSuccessMessage" style="text-align: justify;"></div> <p class="half-line" style="line-height: 5px;"></p> <div id="twoFactorMobileApp" style="display: flex; flex-direction: row; align-items: center; flex-wrap: wrap;"> <img style="height: 2.2em;" src="images/mobile_backup_24.png"/> <span style="margin-left: 5px;">%MOBILE_FEATURE_MOBILE_BACKUP% %MOB_ADD_NEW_DEVICE_TOKEN%</span> </div> <p class="half-line" style="line-height: 5px;"></p> <div id="setupSuccessInstruction" style="text-align: justify;"></div> </div> <div class="css-buttons-table settings_style dialog_container_footer"> <div class="editTabsRightBtn"> <button type="button" name="settings.mobile.device.ok">%OK%</button> </div> <div class="editTabsMidBtn"> </div> <div class="editTabsLeftBtn"> </div> </div> </div> <div id="mobileBackupAddContainer" class="dialog_container" style="display: none"> <div class="dialog_container_main"> <h3 class="settings_style">%MOB_ADD_NEW_DEVICE_TITLE%</h3> <p class="half-line" style="line-height: 5px;"></p> <div style="text-align: justify;">%MOB_ACTION_SELECTION_DESCRIPTION%</div> <div> <p class="half-line" style="line-height: 5px;"></p> <input type="radio" name="settings.mobile.device.add" value="ADD" checked> %MOB_NO_MIGRATION_RADIO_BUTTON_LABEL%<br> <p class="half-line" style="line-height: 5px;"></p> <input type="radio" name="settings.mobile.device.migrate" value="MIGRATE"> %MOB_MIGRATION_RADIO_BUTTON_LABEL%<br> <p class="half-line" style="line-height: 5px;"></p> </div> <div id="mobileBackupMigrateFeature"> </div> </div> <div class="css-buttons-table settings_style dialog_container_footer"> <div class="editTabsRightBtn"> <button type="button" name="settings.mobile.device.ok">%NEXT%</button> <button type="button" name="settings.mobile.device.ok">%CANCEL%</button> </div> <div class="editTabsMidBtn"> </div> <div class="editTabsLeftBtn"> </div> </div> </div> </div> <script src="js/templates/settings-mobilebackup.js?_=%TIMESTAMP%" type="text/javascript"></script>