From b379c97142bcf5a9b30e93f77e63fea868377ed5 Mon Sep 17 00:00:00 2001
From: Sebastian Stehle <sebastian@squidex.io>
Date: Tue, 26 Nov 2024 12:54:52 +0100
Subject: [PATCH] Index UI (#1145)

* Temp

* Temp

* Indexes UI.

* UI for indexes finalized.

* Revert text

* More formatting.
---
 backend/i18n/frontend_en.json                 |   26 +-
 backend/i18n/frontend_fr.json                 |   26 +-
 backend/i18n/frontend_it.json                 |   26 +-
 backend/i18n/frontend_nl.json                 |   26 +-
 backend/i18n/frontend_pt.json                 |   26 +-
 backend/i18n/frontend_zh.json                 |   26 +-
 backend/i18n/source/backend_en.json           |    5 -
 backend/i18n/source/frontend_en.json          |   26 +-
 .../Processes/CheckFrontend.cs                |    3 +-
 .../Processes/TranslateBackend.cs             |    7 +-
 .../Processes/TranslateTemplates.cs           |    4 +-
 .../Contents/MongoContentRepository.cs        |    4 +-
 .../Contents/ContentCache.cs                  |    2 +-
 .../{ContentOptions.cs => ContentsOptions.cs} |    2 +-
 .../Contents/Queries/ContentQueryParser.cs    |    4 +-
 .../Contents/Queries/ContentQueryService.cs   |    4 +-
 backend/src/Squidex.Shared/Texts.fr.resx      |   15 -
 backend/src/Squidex.Shared/Texts.it.resx      |   15 -
 backend/src/Squidex.Shared/Texts.nl.resx      |   15 -
 backend/src/Squidex.Shared/Texts.pt.resx      |   15 -
 backend/src/Squidex.Shared/Texts.resx         |   15 -
 backend/src/Squidex.Shared/Texts.zh.resx      |   15 -
 .../src/Squidex.Web/Services/UrlGenerator.cs  |    4 +-
 .../Schemas/SchemaIndexesController.cs        |    2 +-
 .../Frontend/Middlewares/IndexExtensions.cs   |    1 -
 .../Squidex/Config/Domain/ContentsServices.cs |    2 +-
 .../Squidex/Config/Domain/FontendServices.cs  |    8 +
 backend/src/Squidex/appsettings.json          |    3 +
 .../Contents/GraphQL/GraphQLTestBase.cs       |    2 +-
 .../Contents/MongoDb/ContentsQueryFixture.cs  |    2 +-
 .../Queries/ContentQueryParserTests.cs        |    2 +-
 .../Queries/ContentQueryServiceTests.cs       |    2 +-
 frontend/.prettierrc                          |    1 +
 frontend/package-lock.json                    |    8 +-
 frontend/package.json                         |    2 +-
 frontend/src/app/_theme.html                  | 2694 +++++----
 .../apps/pages/apps-page.component.html       |    2 +-
 .../pages/onboarding-dialog.component.html    |    6 +-
 .../apps/pages/onboarding-dialog.component.ts |    5 +-
 .../assets/pages/assets-page.component.html   |    2 +-
 .../editor/content-editor.component.html      |   10 +-
 .../editor/content-editor.component.ts        |    5 +-
 .../shared/forms/assets-editor.component.html |   11 +-
 .../pages/dashboard-page.component.html       |    4 +-
 .../pages/dashboard-page.component.ts         |    5 +-
 .../rules/pages/rules/rule.component.html     |    2 +-
 .../fields/schema-fields.component.html       |    1 +
 .../fields/types/assets-ui.component.html     |    4 +-
 .../fields/types/assets-ui.component.ts       |    5 +-
 .../fields/types/date-time-ui.component.html  |    2 +-
 .../fields/types/date-time-ui.component.ts    |    5 +-
 .../schema/indexes/index-form.component.html  |   73 +
 .../schema/indexes/index-form.component.scss  |    2 +
 .../schema/indexes/index-form.component.ts    |  100 +
 .../pages/schema/indexes/index.component.html |   57 +
 .../pages/schema/indexes/index.component.scss |   12 +
 .../pages/schema/indexes/index.component.ts   |   39 +
 .../indexes/schema-indexes.component.html     |   55 +
 .../indexes/schema-indexes.component.scss     |   22 +
 .../indexes/schema-indexes.component.ts       |   57 +
 .../pages/schema/schema-page.component.html   |   10 +
 .../pages/schema/schema-page.component.ts     |    8 +-
 .../client-connect-form.component.html        |    8 +-
 .../clients/client-connect-form.component.ts  |    5 +-
 .../pages/clients/client.component.html       |    4 +-
 .../settings/pages/jobs/job.component.html    |    4 +-
 .../settings/pages/jobs/job.component.ts      |    8 +-
 .../pages/plans/plans-page.component.html     |    6 +-
 .../pages/plans/plans-page.component.ts       |    5 +-
 .../pages/templates/template.component.html   |    2 +-
 .../pages/templates/template.component.ts     |    5 +-
 .../templates/templates-page.component.html   |    2 +-
 .../templates/templates-page.component.ts     |    5 +-
 .../dashboard/dashboard-page.component.html   |    4 +-
 .../dashboard/dashboard-page.component.ts     |    5 +-
 .../teams/pages/more/more-page.component.html |    2 +-
 .../pages/plans/plans-page.component.html     |    6 +-
 .../teams/pages/plans/plans-page.component.ts |    5 +-
 .../forms/editors/autocomplete.component.scss |    7 -
 .../angular/forms/form-error.component.html   |    2 +-
 .../angular/forms/form-error.component.ts     |    6 +-
 .../modals/dialog-renderer.component.html     |    4 +-
 .../modals/dialog-renderer.component.ts       |    6 +-
 .../modals/modal-dialog.component.html        |    6 +-
 .../modals/tour-template.component.html       |    4 +-
 .../angular/modals/tour-template.component.ts |    7 +-
 frontend/src/app/framework/index.ts           |    1 -
 .../components/chat-dialog.component.ts       |    3 +-
 .../components/chat-item.component.html       |    6 +-
 .../comments/comment.component.html           |    6 +-
 .../components/comments/comment.component.ts  |    5 +-
 .../search/search-form.component.html         |    2 +-
 .../search/search-form.component.ts           |    5 +-
 frontend/src/app/shared/internal.ts           |    7 +-
 .../shared/services/indexes.service.spec.ts   |  116 +
 .../app/shared/services/indexes.service.ts    |   93 +
 .../app/shared/services/jobs.service.spec.ts  |    4 +-
 .../src/app/shared/state/indexes.forms.ts     |   36 +
 .../app/shared/state/indexes.state.spec.ts    |  132 +
 .../src/app/shared/state/indexes.state.ts     |  114 +
 frontend/src/app/theme/icomoon/demo.html      | 5016 ++++++++---------
 frontend/src/index.html                       |   98 +-
 102 files changed, 5090 insertions(+), 4216 deletions(-)
 rename backend/src/Squidex.Domain.Apps.Entities/Contents/{ContentOptions.cs => ContentsOptions.cs} (95%)
 create mode 100644 frontend/src/app/features/schemas/pages/schema/indexes/index-form.component.html
 create mode 100644 frontend/src/app/features/schemas/pages/schema/indexes/index-form.component.scss
 create mode 100644 frontend/src/app/features/schemas/pages/schema/indexes/index-form.component.ts
 create mode 100644 frontend/src/app/features/schemas/pages/schema/indexes/index.component.html
 create mode 100644 frontend/src/app/features/schemas/pages/schema/indexes/index.component.scss
 create mode 100644 frontend/src/app/features/schemas/pages/schema/indexes/index.component.ts
 create mode 100644 frontend/src/app/features/schemas/pages/schema/indexes/schema-indexes.component.html
 create mode 100644 frontend/src/app/features/schemas/pages/schema/indexes/schema-indexes.component.scss
 create mode 100644 frontend/src/app/features/schemas/pages/schema/indexes/schema-indexes.component.ts
 create mode 100644 frontend/src/app/shared/services/indexes.service.spec.ts
 create mode 100644 frontend/src/app/shared/services/indexes.service.ts
 create mode 100644 frontend/src/app/shared/state/indexes.forms.ts
 create mode 100644 frontend/src/app/shared/state/indexes.state.spec.ts
 create mode 100644 frontend/src/app/shared/state/indexes.state.ts

diff --git a/backend/i18n/frontend_en.json b/backend/i18n/frontend_en.json
index 5489001582..b8f0921685 100644
--- a/backend/i18n/frontend_en.json
+++ b/backend/i18n/frontend_en.json
@@ -136,16 +136,11 @@
   "assets.uploadHint": "Drop file on existing item to replace the asset with a newer version.",
   "assets.viewReferences": "View all content items referencing this asset.",
   "assetScripts.reloaded": "Asset Scripts reloaded.",
-  "chat.answer": "Here is my answer:",
-  "chat.answersEmpty": "The ChatBot does not provide an answer or has not been configured yet.",
   "chat.ask": "Ask",
-  "chat.describeFormat": "Also add the desired format (for example Markdown or HTML) to your prompt, dependending on the editor that you use.",
-  "chat.description": "Use the ChatBot (usually OpenAI) to generate content. Just write a prompt and describe the content you want to generate.",
   "chat.failed": "Failed to answer your request.",
   "chat.prompt": "Describe the content you want to generate",
   "chat.title": "Chat Bot",
   "chat.use": "Use",
-  "chatBot.questionFailed": "",
   "clients.add": "Add Client",
   "clients.add.description": "Add a client to give other applications access to your content.",
   "clients.add.title": "Add a new Client",
@@ -322,6 +317,7 @@
   "common.openAPI": "Open API",
   "common.options": "Options",
   "common.or": "or",
+  "common.order": "Order",
   "common.pagerInfo": "{itemFirst}-{itemLast} of {numberOfItems}",
   "common.pagerInfoNoTotal": "{itemFirst}-{itemLast} of total?",
   "common.pagerReload": "Click to reload view and get total number of items",
@@ -353,6 +349,7 @@
   "common.references": "References",
   "common.refresh": "Refresh",
   "common.remember": "Don't ask again",
+  "common.remove": "remove",
   "common.rename": "Rename",
   "common.renameTag": "Rename Tag",
   "common.reply": "Reply",
@@ -957,6 +954,23 @@
   "schemas.fieldTypes.ui.description": "Separator for editing UI.",
   "schemas.hideFieldFailed": "Failed to hide field. Please reload.",
   "schemas.import": "Import schema",
+  "schemas.indexes.addIndex": "Add Index",
+  "schemas.indexes.addIndexButton": "Add Index",
+  "schemas.indexes.addTitle": "Add Index",
+  "schemas.indexes.created": "Index has been scheduled for creation. It might take a while, depending on the number of existing content items. This page is updated automatically.",
+  "schemas.indexes.createFailed": "Failed to create index. Please reload.",
+  "schemas.indexes.deleteConfirmText": "Delete index",
+  "schemas.indexes.deleteConfirmTitle": "Do you really want to remove the index?",
+  "schemas.indexes.deleted": "Index has been scheduled for deletion. It might take a while, depending on the number of existing content items. This page is updated automatically.",
+  "schemas.indexes.deleteFailed": "Failed to create index. Please reload.",
+  "schemas.indexes.deleteFieldConfirmText": "Remove field",
+  "schemas.indexes.deleteFieldConfirmTitle": "Do you really want to remove the field?",
+  "schemas.indexes.empty": "No index created yet.",
+  "schemas.indexes.hint": "Indexes can be expensive. Analyze your queries and read the following documentation before creating an index: [Documentation](https://www.mongodb.com/docs/manual/core/indexes/index-types/index-compound/)",
+  "schemas.indexes.loadFailed": "Failed to load indexes. Please reload.",
+  "schemas.indexes.notEnableHint1": "Indexes cannot be created. You have turn on a feature, which creates a dedicated collection per schema. Use the following environment variable:",
+  "schemas.indexes.notEnableHint2": "Please note, that this does not insert your existing content items to the new collections automatically. You have to run a migration by setting the following environment variable. Start Squidex with rebuild setting once and wait for completion. Then turn it off again.",
+  "schemas.indexes.reloaded": "Indexes reloaded.",
   "schemas.listFields": "List Fields",
   "schemas.listFieldsEmpty": "Drop field here or reorder them to show the fields in the content list. When no list field is defined, the first field is used.",
   "schemas.loadFailed": "Failed to load schemas. Please reload.",
@@ -986,6 +1000,7 @@
   "schemas.rules.title": "Field Rules",
   "schemas.rules.when": "when",
   "schemas.saved": "Schema saved successfully.",
+  "schemas.saveField": "Save Field",
   "schemas.saveFieldAndClose": "Save and close",
   "schemas.saveFieldAndNew": "Save and add field",
   "schemas.schemaHintsHint": "Describe this schema for documentation and user interfaces.",
@@ -998,6 +1013,7 @@
   "schemas.synchronized": "Schema synchronized successfully.",
   "schemas.synchronizeFailed": "Failed to synchronize schema. Please reload.",
   "schemas.tabFields": "Fields",
+  "schemas.tabIndexes": "Indexes",
   "schemas.tabJson": "Json",
   "schemas.tableHeaders.created": "Created",
   "schemas.tableHeaders.created_title": "Created",
diff --git a/backend/i18n/frontend_fr.json b/backend/i18n/frontend_fr.json
index 8ddc7fd065..5b29735ba6 100644
--- a/backend/i18n/frontend_fr.json
+++ b/backend/i18n/frontend_fr.json
@@ -136,16 +136,11 @@
   "assets.uploadHint": "Déposez le fichier sur un élément existant pour remplacer l'actif par une version plus récente.",
   "assets.viewReferences": "Afficher tous les éléments de contenu faisant référence à cet élément.",
   "assetScripts.reloaded": "Scripts d'actif rechargés.",
-  "chat.answer": "Here is my answer:",
-  "chat.answersEmpty": "The ChatBot does not provide an answer or has not been configured yet.",
   "chat.ask": "Ask",
-  "chat.describeFormat": "Also add the desired format (for example Markdown or HTML) to your prompt, dependending on the editor that you use.",
-  "chat.description": "Use the ChatBot (usually OpenAI) to generate content. Just write a prompt and describe the content you want to generate.",
   "chat.failed": "Failed to answer your request.",
   "chat.prompt": "Describe the content you want to generate",
   "chat.title": "Chat Bot",
   "chat.use": "Use",
-  "chatBot.questionFailed": "",
   "clients.add": "Ajouter un client",
   "clients.add.description": "Ajoutez un client pour permettre à d'autres applications d'accéder à votre contenu.",
   "clients.add.title": "Ajouter un nouveau client",
@@ -322,6 +317,7 @@
   "common.openAPI": "Ouvrir l'API",
   "common.options": "Options",
   "common.or": "ou",
+  "common.order": "Order",
   "common.pagerInfo": "{itemFirst}-{itemLast} de {numberOfItems}",
   "common.pagerInfoNoTotal": "{itemFirst}-{itemLast} Du total?",
   "common.pagerReload": "Cliquez pour recharger la vue et obtenir le nombre total d'articles",
@@ -353,6 +349,7 @@
   "common.references": "Les références",
   "common.refresh": "Rafraîchir",
   "common.remember": "Ne demande plus",
+  "common.remove": "remove",
   "common.rename": "Renommer",
   "common.renameTag": "Renommer la balise",
   "common.reply": "Reply",
@@ -957,6 +954,23 @@
   "schemas.fieldTypes.ui.description": "Séparateur pour l'édition de l'interface utilisateur.",
   "schemas.hideFieldFailed": "Impossible de masquer le champ. Veuillez recharger.",
   "schemas.import": "Calendrier d'importation",
+  "schemas.indexes.addIndex": "Add Index",
+  "schemas.indexes.addIndexButton": "Add Index",
+  "schemas.indexes.addTitle": "Add Index",
+  "schemas.indexes.created": "Index has been scheduled for creation. It might take a while, depending on the number of existing content items. This page is updated automatically.",
+  "schemas.indexes.createFailed": "Failed to create index. Please reload.",
+  "schemas.indexes.deleteConfirmText": "Delete index",
+  "schemas.indexes.deleteConfirmTitle": "Do you really want to remove the index?",
+  "schemas.indexes.deleted": "Index has been scheduled for deletion. It might take a while, depending on the number of existing content items. This page is updated automatically.",
+  "schemas.indexes.deleteFailed": "Failed to create index. Please reload.",
+  "schemas.indexes.deleteFieldConfirmText": "Remove field",
+  "schemas.indexes.deleteFieldConfirmTitle": "Do you really want to remove the field?",
+  "schemas.indexes.empty": "No index created yet.",
+  "schemas.indexes.hint": "Indexes can be expensive. Analyze your queries and read the following documentation before creating an index: [Documentation](https://www.mongodb.com/docs/manual/core/indexes/index-types/index-compound/)",
+  "schemas.indexes.loadFailed": "Failed to load indexes. Please reload.",
+  "schemas.indexes.notEnableHint1": "Indexes cannot be created. You have turn on a feature, which creates a dedicated collection per schema. Use the following environment variable:",
+  "schemas.indexes.notEnableHint2": "Please note, that this does not insert your existing content items to the new collections automatically. You have to run a migration by setting the following environment variable. Start Squidex with rebuild setting once and wait for completion. Then turn it off again.",
+  "schemas.indexes.reloaded": "Indexes reloaded.",
   "schemas.listFields": "Champs de liste",
   "schemas.listFieldsEmpty": "Déposez le champ ici ou réorganisez-les pour afficher les champs dans la liste de contenu. Lorsqu'aucun champ de liste n'est défini, le premier champ est utilisé.",
   "schemas.loadFailed": "Échec du chargement des schémas. Veuillez recharger.",
@@ -986,6 +1000,7 @@
   "schemas.rules.title": "Règles de champ",
   "schemas.rules.when": "quand",
   "schemas.saved": "Schéma enregistré avec succès.",
+  "schemas.saveField": "Save Field",
   "schemas.saveFieldAndClose": "Sauver et fermer",
   "schemas.saveFieldAndNew": "Enregistrer et ajouter un champ",
   "schemas.schemaHintsHint": "Décrivez ce schéma pour la documentation et les interfaces utilisateur.",
@@ -998,6 +1013,7 @@
   "schemas.synchronized": "Schéma synchronisé avec succès.",
   "schemas.synchronizeFailed": "Échec de la synchronisation du schéma. Veuillez recharger.",
   "schemas.tabFields": "Des champs",
+  "schemas.tabIndexes": "Indexes",
   "schemas.tabJson": "Json",
   "schemas.tableHeaders.created": "Créé",
   "schemas.tableHeaders.created_title": "Created",
diff --git a/backend/i18n/frontend_it.json b/backend/i18n/frontend_it.json
index 35f0de45fd..3009efb599 100644
--- a/backend/i18n/frontend_it.json
+++ b/backend/i18n/frontend_it.json
@@ -136,16 +136,11 @@
   "assets.uploadHint": "Trascina il file sull'elemento esistente per poterlo sostituire con una versione più recente.",
   "assets.viewReferences": "View all content items referencing this asset.",
   "assetScripts.reloaded": "Asset Scripts reloaded.",
-  "chat.answer": "Here is my answer:",
-  "chat.answersEmpty": "The ChatBot does not provide an answer or has not been configured yet.",
   "chat.ask": "Ask",
-  "chat.describeFormat": "Also add the desired format (for example Markdown or HTML) to your prompt, dependending on the editor that you use.",
-  "chat.description": "Use the ChatBot (usually OpenAI) to generate content. Just write a prompt and describe the content you want to generate.",
   "chat.failed": "Failed to answer your request.",
   "chat.prompt": "Describe the content you want to generate",
   "chat.title": "Chat Bot",
   "chat.use": "Use",
-  "chatBot.questionFailed": "",
   "clients.add": "Aggiungi un Client",
   "clients.add.description": "Add a client to give other applications access to your content.",
   "clients.add.title": "Add a new Client",
@@ -322,6 +317,7 @@
   "common.openAPI": "Open API",
   "common.options": "Options",
   "common.or": "o",
+  "common.order": "Order",
   "common.pagerInfo": "{itemFirst}-{itemLast} of {numberOfItems}",
   "common.pagerInfoNoTotal": "{itemFirst}-{itemLast} of total?",
   "common.pagerReload": "Click to reload view and get total number of items",
@@ -353,6 +349,7 @@
   "common.references": "References",
   "common.refresh": "Aggiorna",
   "common.remember": "Ricorda la mia decisione",
+  "common.remove": "remove",
   "common.rename": "Rinomina",
   "common.renameTag": "Rename Tag",
   "common.reply": "Reply",
@@ -957,6 +954,23 @@
   "schemas.fieldTypes.ui.description": "Separatore per il pannello delle modifiche della UI.",
   "schemas.hideFieldFailed": "Non è stato possibile nascondere il campo. Per favore ricarica.",
   "schemas.import": "Importa uno schema",
+  "schemas.indexes.addIndex": "Add Index",
+  "schemas.indexes.addIndexButton": "Add Index",
+  "schemas.indexes.addTitle": "Add Index",
+  "schemas.indexes.created": "Index has been scheduled for creation. It might take a while, depending on the number of existing content items. This page is updated automatically.",
+  "schemas.indexes.createFailed": "Failed to create index. Please reload.",
+  "schemas.indexes.deleteConfirmText": "Delete index",
+  "schemas.indexes.deleteConfirmTitle": "Do you really want to remove the index?",
+  "schemas.indexes.deleted": "Index has been scheduled for deletion. It might take a while, depending on the number of existing content items. This page is updated automatically.",
+  "schemas.indexes.deleteFailed": "Failed to create index. Please reload.",
+  "schemas.indexes.deleteFieldConfirmText": "Remove field",
+  "schemas.indexes.deleteFieldConfirmTitle": "Do you really want to remove the field?",
+  "schemas.indexes.empty": "No index created yet.",
+  "schemas.indexes.hint": "Indexes can be expensive. Analyze your queries and read the following documentation before creating an index: [Documentation](https://www.mongodb.com/docs/manual/core/indexes/index-types/index-compound/)",
+  "schemas.indexes.loadFailed": "Failed to load indexes. Please reload.",
+  "schemas.indexes.notEnableHint1": "Indexes cannot be created. You have turn on a feature, which creates a dedicated collection per schema. Use the following environment variable:",
+  "schemas.indexes.notEnableHint2": "Please note, that this does not insert your existing content items to the new collections automatically. You have to run a migration by setting the following environment variable. Start Squidex with rebuild setting once and wait for completion. Then turn it off again.",
+  "schemas.indexes.reloaded": "Indexes reloaded.",
   "schemas.listFields": "Lista dei Campi",
   "schemas.listFieldsEmpty": "Incolla qui il campo o riordina i campi da mostrare nella lista dei contenuti. Se non imposti una lista di campi da visualizzare, viene utilizzato il primo della lista.",
   "schemas.loadFailed": "Non è stato possibile caricare gli schemi. Per favore ricarica.",
@@ -986,6 +1000,7 @@
   "schemas.rules.title": "Regole per il campo",
   "schemas.rules.when": "quando",
   "schemas.saved": "Lo Schema è stato salvato con successo.",
+  "schemas.saveField": "Save Field",
   "schemas.saveFieldAndClose": "Salva e chiudi",
   "schemas.saveFieldAndNew": "Salva e aggiungi un campo",
   "schemas.schemaHintsHint": "Descrivi questo schema per la documentazione e le interfacce utente.",
@@ -998,6 +1013,7 @@
   "schemas.synchronized": "Lo Schema è stato sincronizzato con successo.",
   "schemas.synchronizeFailed": "Non è stato possibile sincronizzare lo schema. Per favore ricarica.",
   "schemas.tabFields": "Campi",
+  "schemas.tabIndexes": "Indexes",
   "schemas.tabJson": "Json",
   "schemas.tableHeaders.created": "Creato",
   "schemas.tableHeaders.created_title": "Created",
diff --git a/backend/i18n/frontend_nl.json b/backend/i18n/frontend_nl.json
index 28b2e13f90..5c781cf473 100644
--- a/backend/i18n/frontend_nl.json
+++ b/backend/i18n/frontend_nl.json
@@ -136,16 +136,11 @@
   "assets.uploadHint": "Zet het bestand neer op bestaand item om het bestand te vervangen door een nieuwere versie.",
   "assets.viewReferences": "View all content items referencing this asset.",
   "assetScripts.reloaded": "Asset Scripts reloaded.",
-  "chat.answer": "Here is my answer:",
-  "chat.answersEmpty": "The ChatBot does not provide an answer or has not been configured yet.",
   "chat.ask": "Ask",
-  "chat.describeFormat": "Also add the desired format (for example Markdown or HTML) to your prompt, dependending on the editor that you use.",
-  "chat.description": "Use the ChatBot (usually OpenAI) to generate content. Just write a prompt and describe the content you want to generate.",
   "chat.failed": "Failed to answer your request.",
   "chat.prompt": "Describe the content you want to generate",
   "chat.title": "Chat Bot",
   "chat.use": "Use",
-  "chatBot.questionFailed": "",
   "clients.add": "Client toevoegen",
   "clients.add.description": "Voeg een client toe om andere applicaties toegang te geven tot uw inhoud.",
   "clients.add.title": "Client toevoegen",
@@ -322,6 +317,7 @@
   "common.openAPI": "Open API",
   "common.options": "Options",
   "common.or": "of",
+  "common.order": "Order",
   "common.pagerInfo": "{itemFirst} - {itemLast} van {numberOfItems}",
   "common.pagerInfoNoTotal": "{itemFirst}-{itemLast} of total?",
   "common.pagerReload": "Click to reload view and get total number of items",
@@ -353,6 +349,7 @@
   "common.references": "References",
   "common.refresh": "Vernieuwen",
   "common.remember": "Onthoud mijn keuze",
+  "common.remove": "remove",
   "common.rename": "Hernoemen",
   "common.renameTag": "Hernoem Tag",
   "common.reply": "Reply",
@@ -957,6 +954,23 @@
   "schemas.fieldTypes.ui.description": "Scheidingsteken voor het bewerken van gebruikersinterface.",
   "schemas.hideFieldFailed": "Kan veld niet verbergen. Laad opnieuw.",
   "schemas.import": "Importeer schema",
+  "schemas.indexes.addIndex": "Add Index",
+  "schemas.indexes.addIndexButton": "Add Index",
+  "schemas.indexes.addTitle": "Add Index",
+  "schemas.indexes.created": "Index has been scheduled for creation. It might take a while, depending on the number of existing content items. This page is updated automatically.",
+  "schemas.indexes.createFailed": "Failed to create index. Please reload.",
+  "schemas.indexes.deleteConfirmText": "Delete index",
+  "schemas.indexes.deleteConfirmTitle": "Do you really want to remove the index?",
+  "schemas.indexes.deleted": "Index has been scheduled for deletion. It might take a while, depending on the number of existing content items. This page is updated automatically.",
+  "schemas.indexes.deleteFailed": "Failed to create index. Please reload.",
+  "schemas.indexes.deleteFieldConfirmText": "Remove field",
+  "schemas.indexes.deleteFieldConfirmTitle": "Do you really want to remove the field?",
+  "schemas.indexes.empty": "No index created yet.",
+  "schemas.indexes.hint": "Indexes can be expensive. Analyze your queries and read the following documentation before creating an index: [Documentation](https://www.mongodb.com/docs/manual/core/indexes/index-types/index-compound/)",
+  "schemas.indexes.loadFailed": "Failed to load indexes. Please reload.",
+  "schemas.indexes.notEnableHint1": "Indexes cannot be created. You have turn on a feature, which creates a dedicated collection per schema. Use the following environment variable:",
+  "schemas.indexes.notEnableHint2": "Please note, that this does not insert your existing content items to the new collections automatically. You have to run a migration by setting the following environment variable. Start Squidex with rebuild setting once and wait for completion. Then turn it off again.",
+  "schemas.indexes.reloaded": "Indexes reloaded.",
   "schemas.listFields": "Lijstvelden",
   "schemas.listFieldsEmpty": "Zet het veld hier neer of rangschik ze opnieuw om de velden in de inhoudslijst weer te geven. Als er geen lijstveld is gedefinieerd, wordt het eerste veld gebruikt.",
   "schemas.loadFailed": "Kan schema's niet laden. Laad opnieuw.",
@@ -986,6 +1000,7 @@
   "schemas.rules.title": "Veldregels",
   "schemas.rules.when": "Wanneer",
   "schemas.saved": "Schema succesvol opgeslagen.",
+  "schemas.saveField": "Save Field",
   "schemas.saveFieldAndClose": "Opslaan en sluiten",
   "schemas.saveFieldAndNew": "Opslaan en veld toevoegen",
   "schemas.schemaHintsHint": "Beschrijf dit schema voor documentatie en gebruikersinterfaces.",
@@ -998,6 +1013,7 @@
   "schemas.synchronized": "Schema is succesvol gesynchroniseerd.",
   "schemas.synchronizeFailed": "Synchroniseren van schema is mislukt. Laad opnieuw.",
   "schemas.tabFields": "Velden",
+  "schemas.tabIndexes": "Indexes",
   "schemas.tabJson": "Json",
   "schemas.tableHeaders.created": "Gemaakt",
   "schemas.tableHeaders.created_title": "Created",
diff --git a/backend/i18n/frontend_pt.json b/backend/i18n/frontend_pt.json
index 5558e0acbe..ec04a0e251 100644
--- a/backend/i18n/frontend_pt.json
+++ b/backend/i18n/frontend_pt.json
@@ -136,16 +136,11 @@
   "assets.uploadHint": "Deixe cair o ficheiro no item existente para substituir o ficheiro por uma versão mais recente.",
   "assets.viewReferences": "View all content items referencing this asset.",
   "assetScripts.reloaded": "Scripts de ficheiros recarregados.",
-  "chat.answer": "Here is my answer:",
-  "chat.answersEmpty": "The ChatBot does not provide an answer or has not been configured yet.",
   "chat.ask": "Ask",
-  "chat.describeFormat": "Also add the desired format (for example Markdown or HTML) to your prompt, dependending on the editor that you use.",
-  "chat.description": "Use the ChatBot (usually OpenAI) to generate content. Just write a prompt and describe the content you want to generate.",
   "chat.failed": "Failed to answer your request.",
   "chat.prompt": "Describe the content you want to generate",
   "chat.title": "Chat Bot",
   "chat.use": "Use",
-  "chatBot.questionFailed": "",
   "clients.add": "Adicionar Cliente",
   "clients.add.description": "Adicione um cliente para dar a outras aplicações acesso ao seu conteúdo.",
   "clients.add.title": "Adicionar um novo Cliente",
@@ -322,6 +317,7 @@
   "common.openAPI": "Open API",
   "common.options": "Options",
   "common.or": "ou",
+  "common.order": "Order",
   "common.pagerInfo": "{itemFirst}-{itemLast} de {numberOfItems}",
   "common.pagerInfoNoTotal": "{itemFirst}-{itemLast} do total?",
   "common.pagerReload": "Clique para recarregar a vista e obter o número total de itens",
@@ -353,6 +349,7 @@
   "common.references": "References",
   "common.refresh": "Refrescar",
   "common.remember": "Não pergunte de novo.",
+  "common.remove": "remove",
   "common.rename": "Renomear",
   "common.renameTag": "Renomear Etiqueta",
   "common.reply": "Reply",
@@ -957,6 +954,23 @@
   "schemas.fieldTypes.ui.description": "Separador para edição de UI.",
   "schemas.hideFieldFailed": "Falhou em esconder o campo. Por favor, recarregue.",
   "schemas.import": "Esquema de importação",
+  "schemas.indexes.addIndex": "Add Index",
+  "schemas.indexes.addIndexButton": "Add Index",
+  "schemas.indexes.addTitle": "Add Index",
+  "schemas.indexes.created": "Index has been scheduled for creation. It might take a while, depending on the number of existing content items. This page is updated automatically.",
+  "schemas.indexes.createFailed": "Failed to create index. Please reload.",
+  "schemas.indexes.deleteConfirmText": "Delete index",
+  "schemas.indexes.deleteConfirmTitle": "Do you really want to remove the index?",
+  "schemas.indexes.deleted": "Index has been scheduled for deletion. It might take a while, depending on the number of existing content items. This page is updated automatically.",
+  "schemas.indexes.deleteFailed": "Failed to create index. Please reload.",
+  "schemas.indexes.deleteFieldConfirmText": "Remove field",
+  "schemas.indexes.deleteFieldConfirmTitle": "Do you really want to remove the field?",
+  "schemas.indexes.empty": "No index created yet.",
+  "schemas.indexes.hint": "Indexes can be expensive. Analyze your queries and read the following documentation before creating an index: [Documentation](https://www.mongodb.com/docs/manual/core/indexes/index-types/index-compound/)",
+  "schemas.indexes.loadFailed": "Failed to load indexes. Please reload.",
+  "schemas.indexes.notEnableHint1": "Indexes cannot be created. You have turn on a feature, which creates a dedicated collection per schema. Use the following environment variable:",
+  "schemas.indexes.notEnableHint2": "Please note, that this does not insert your existing content items to the new collections automatically. You have to run a migration by setting the following environment variable. Start Squidex with rebuild setting once and wait for completion. Then turn it off again.",
+  "schemas.indexes.reloaded": "Indexes reloaded.",
   "schemas.listFields": "Campos de Lista",
   "schemas.listFieldsEmpty": "Deixe cair aqui ou reencomenda-os para mostrar os campos na lista de conteúdos. Quando não é definido nenhum campo de lista, o primeiro campo é utilizado.",
   "schemas.loadFailed": "Falhou em carregar esquemas. Por favor, recarregue.",
@@ -986,6 +1000,7 @@
   "schemas.rules.title": "Regras de Campo",
   "schemas.rules.when": "quando",
   "schemas.saved": "Esqquema salvo com sucesso.",
+  "schemas.saveField": "Save Field",
   "schemas.saveFieldAndClose": "Salvar e fechar",
   "schemas.saveFieldAndNew": "Guardar e adicionar campo",
   "schemas.schemaHintsHint": "Descreva este esquema para documentação e interfaces de utilizador.",
@@ -998,6 +1013,7 @@
   "schemas.synchronized": "Esquema sincronizado com sucesso.",
   "schemas.synchronizeFailed": "Falhou em sincronizar o esquema. Por favor, recarregue.",
   "schemas.tabFields": "Campos",
+  "schemas.tabIndexes": "Indexes",
   "schemas.tabJson": "Json",
   "schemas.tableHeaders.created": "Criado",
   "schemas.tableHeaders.created_title": "Created",
diff --git a/backend/i18n/frontend_zh.json b/backend/i18n/frontend_zh.json
index 4d6114a7dd..161dfaef72 100644
--- a/backend/i18n/frontend_zh.json
+++ b/backend/i18n/frontend_zh.json
@@ -136,16 +136,11 @@
   "assets.uploadHint": "在现有项目上放置文件以使用更新版本替换资源。",
   "assets.viewReferences": "View all content items referencing this asset.",
   "assetScripts.reloaded": "Asset Scripts reloaded.",
-  "chat.answer": "Here is my answer:",
-  "chat.answersEmpty": "The ChatBot does not provide an answer or has not been configured yet.",
   "chat.ask": "Ask",
-  "chat.describeFormat": "Also add the desired format (for example Markdown or HTML) to your prompt, dependending on the editor that you use.",
-  "chat.description": "Use the ChatBot (usually OpenAI) to generate content. Just write a prompt and describe the content you want to generate.",
   "chat.failed": "Failed to answer your request.",
   "chat.prompt": "Describe the content you want to generate",
   "chat.title": "Chat Bot",
   "chat.use": "Use",
-  "chatBot.questionFailed": "",
   "clients.add": "添加客户端",
   "clients.add.description": "Add a client to give other applications access to your content.",
   "clients.add.title": "Add a new Client",
@@ -322,6 +317,7 @@
   "common.openAPI": "Open API",
   "common.options": "Options",
   "common.or": "或",
+  "common.order": "Order",
   "common.pagerInfo": "{itemFirst}-{itemLast} 的 {numberOfItems}",
   "common.pagerInfoNoTotal": "{itemFirst}-{itemLast} of total?",
   "common.pagerReload": "Click to reload view and get total number of items",
@@ -353,6 +349,7 @@
   "common.references": "References",
   "common.refresh": "刷新",
   "common.remember": "不要再问了",
+  "common.remove": "remove",
   "common.rename": "重命名",
   "common.renameTag": "Rename Tag",
   "common.reply": "Reply",
@@ -957,6 +954,23 @@
   "schemas.fieldTypes.ui.description": "编辑 UI 的分隔符。",
   "schemas.hideFieldFailed": "隐藏字段失败。请重新加载。",
   "schemas.import": "导入Schemas",
+  "schemas.indexes.addIndex": "Add Index",
+  "schemas.indexes.addIndexButton": "Add Index",
+  "schemas.indexes.addTitle": "Add Index",
+  "schemas.indexes.created": "Index has been scheduled for creation. It might take a while, depending on the number of existing content items. This page is updated automatically.",
+  "schemas.indexes.createFailed": "Failed to create index. Please reload.",
+  "schemas.indexes.deleteConfirmText": "Delete index",
+  "schemas.indexes.deleteConfirmTitle": "Do you really want to remove the index?",
+  "schemas.indexes.deleted": "Index has been scheduled for deletion. It might take a while, depending on the number of existing content items. This page is updated automatically.",
+  "schemas.indexes.deleteFailed": "Failed to create index. Please reload.",
+  "schemas.indexes.deleteFieldConfirmText": "Remove field",
+  "schemas.indexes.deleteFieldConfirmTitle": "Do you really want to remove the field?",
+  "schemas.indexes.empty": "No index created yet.",
+  "schemas.indexes.hint": "Indexes can be expensive. Analyze your queries and read the following documentation before creating an index: [Documentation](https://www.mongodb.com/docs/manual/core/indexes/index-types/index-compound/)",
+  "schemas.indexes.loadFailed": "Failed to load indexes. Please reload.",
+  "schemas.indexes.notEnableHint1": "Indexes cannot be created. You have turn on a feature, which creates a dedicated collection per schema. Use the following environment variable:",
+  "schemas.indexes.notEnableHint2": "Please note, that this does not insert your existing content items to the new collections automatically. You have to run a migration by setting the following environment variable. Start Squidex with rebuild setting once and wait for completion. Then turn it off again.",
+  "schemas.indexes.reloaded": "Indexes reloaded.",
   "schemas.listFields": "列表字段",
   "schemas.listFieldsEmpty": "将字段拖放到此处或重新排序以显示内容列表中的字段。当未定义列表字段时，使用第一个字段。",
   "schemas.loadFailed": "加载Schemas失败。请重新加载。",
@@ -986,6 +1000,7 @@
   "schemas.rules.title": "字段规则",
   "schemas.rules.when": "何时",
   "schemas.saved": "Schema saved successfully.",
+  "schemas.saveField": "Save Field",
   "schemas.saveFieldAndClose": "保存并关闭",
   "schemas.saveFieldAndNew": "保存并添加字段",
   "schemas.schemaHintsHint": "为文档和用户界面描述这个Schemas。",
@@ -998,6 +1013,7 @@
   "schemas.synchronized": "Schema synchronized successfully.",
   "schemas.synchronizeFailed": "同步Schemas失败。请重新加载。",
   "schemas.tabFields": "字段",
+  "schemas.tabIndexes": "Indexes",
   "schemas.tabJson": "Json",
   "schemas.tableHeaders.created": "创建",
   "schemas.tableHeaders.created_title": "Created",
diff --git a/backend/i18n/source/backend_en.json b/backend/i18n/source/backend_en.json
index 534f5b2d97..810a6650fc 100644
--- a/backend/i18n/source/backend_en.json
+++ b/backend/i18n/source/backend_en.json
@@ -349,16 +349,11 @@
   "users.lockedOutText": "Your account is locked, please contact the administrator.",
   "users.lockedOutTitle": "Account locked",
   "users.lockYourselfError": "You cannot lock yourself.",
-  "users.login.askAdmin": "",
   "users.login.custom": "Enter your E-Mail Address to login with your Company Account and single sign on (SSO).",
   "users.login.emailBusinessPlaceholder": "Enter Business Email",
   "users.login.emailPlaceholder": "Enter Email",
   "users.login.error": "Email or password not correct",
   "users.login.loginWith": "{action} with <strong>{provider}</strong>",
-  "users.login.noAccountLoginAction": "Click here to login",
-  "users.login.noAccountLoginQuestion": "Already registered?",
-  "users.login.noAccountSignupAction": "Click here to signup",
-  "users.login.noAccountSignupQuestion": "No account yet?",
   "users.login.passwordPlaceholder": "Enter Password",
   "users.login.separator": "OR",
   "users.logout.headline": "Logged out!",
diff --git a/backend/i18n/source/frontend_en.json b/backend/i18n/source/frontend_en.json
index 5489001582..b8f0921685 100644
--- a/backend/i18n/source/frontend_en.json
+++ b/backend/i18n/source/frontend_en.json
@@ -136,16 +136,11 @@
   "assets.uploadHint": "Drop file on existing item to replace the asset with a newer version.",
   "assets.viewReferences": "View all content items referencing this asset.",
   "assetScripts.reloaded": "Asset Scripts reloaded.",
-  "chat.answer": "Here is my answer:",
-  "chat.answersEmpty": "The ChatBot does not provide an answer or has not been configured yet.",
   "chat.ask": "Ask",
-  "chat.describeFormat": "Also add the desired format (for example Markdown or HTML) to your prompt, dependending on the editor that you use.",
-  "chat.description": "Use the ChatBot (usually OpenAI) to generate content. Just write a prompt and describe the content you want to generate.",
   "chat.failed": "Failed to answer your request.",
   "chat.prompt": "Describe the content you want to generate",
   "chat.title": "Chat Bot",
   "chat.use": "Use",
-  "chatBot.questionFailed": "",
   "clients.add": "Add Client",
   "clients.add.description": "Add a client to give other applications access to your content.",
   "clients.add.title": "Add a new Client",
@@ -322,6 +317,7 @@
   "common.openAPI": "Open API",
   "common.options": "Options",
   "common.or": "or",
+  "common.order": "Order",
   "common.pagerInfo": "{itemFirst}-{itemLast} of {numberOfItems}",
   "common.pagerInfoNoTotal": "{itemFirst}-{itemLast} of total?",
   "common.pagerReload": "Click to reload view and get total number of items",
@@ -353,6 +349,7 @@
   "common.references": "References",
   "common.refresh": "Refresh",
   "common.remember": "Don't ask again",
+  "common.remove": "remove",
   "common.rename": "Rename",
   "common.renameTag": "Rename Tag",
   "common.reply": "Reply",
@@ -957,6 +954,23 @@
   "schemas.fieldTypes.ui.description": "Separator for editing UI.",
   "schemas.hideFieldFailed": "Failed to hide field. Please reload.",
   "schemas.import": "Import schema",
+  "schemas.indexes.addIndex": "Add Index",
+  "schemas.indexes.addIndexButton": "Add Index",
+  "schemas.indexes.addTitle": "Add Index",
+  "schemas.indexes.created": "Index has been scheduled for creation. It might take a while, depending on the number of existing content items. This page is updated automatically.",
+  "schemas.indexes.createFailed": "Failed to create index. Please reload.",
+  "schemas.indexes.deleteConfirmText": "Delete index",
+  "schemas.indexes.deleteConfirmTitle": "Do you really want to remove the index?",
+  "schemas.indexes.deleted": "Index has been scheduled for deletion. It might take a while, depending on the number of existing content items. This page is updated automatically.",
+  "schemas.indexes.deleteFailed": "Failed to create index. Please reload.",
+  "schemas.indexes.deleteFieldConfirmText": "Remove field",
+  "schemas.indexes.deleteFieldConfirmTitle": "Do you really want to remove the field?",
+  "schemas.indexes.empty": "No index created yet.",
+  "schemas.indexes.hint": "Indexes can be expensive. Analyze your queries and read the following documentation before creating an index: [Documentation](https://www.mongodb.com/docs/manual/core/indexes/index-types/index-compound/)",
+  "schemas.indexes.loadFailed": "Failed to load indexes. Please reload.",
+  "schemas.indexes.notEnableHint1": "Indexes cannot be created. You have turn on a feature, which creates a dedicated collection per schema. Use the following environment variable:",
+  "schemas.indexes.notEnableHint2": "Please note, that this does not insert your existing content items to the new collections automatically. You have to run a migration by setting the following environment variable. Start Squidex with rebuild setting once and wait for completion. Then turn it off again.",
+  "schemas.indexes.reloaded": "Indexes reloaded.",
   "schemas.listFields": "List Fields",
   "schemas.listFieldsEmpty": "Drop field here or reorder them to show the fields in the content list. When no list field is defined, the first field is used.",
   "schemas.loadFailed": "Failed to load schemas. Please reload.",
@@ -986,6 +1000,7 @@
   "schemas.rules.title": "Field Rules",
   "schemas.rules.when": "when",
   "schemas.saved": "Schema saved successfully.",
+  "schemas.saveField": "Save Field",
   "schemas.saveFieldAndClose": "Save and close",
   "schemas.saveFieldAndNew": "Save and add field",
   "schemas.schemaHintsHint": "Describe this schema for documentation and user interfaces.",
@@ -998,6 +1013,7 @@
   "schemas.synchronized": "Schema synchronized successfully.",
   "schemas.synchronizeFailed": "Failed to synchronize schema. Please reload.",
   "schemas.tabFields": "Fields",
+  "schemas.tabIndexes": "Indexes",
   "schemas.tabJson": "Json",
   "schemas.tableHeaders.created": "Created",
   "schemas.tableHeaders.created_title": "Created",
diff --git a/backend/i18n/translator/Squidex.Translator/Processes/CheckFrontend.cs b/backend/i18n/translator/Squidex.Translator/Processes/CheckFrontend.cs
index 0bb25864bf..c99fec479a 100644
--- a/backend/i18n/translator/Squidex.Translator/Processes/CheckFrontend.cs
+++ b/backend/i18n/translator/Squidex.Translator/Processes/CheckFrontend.cs
@@ -92,7 +92,8 @@ void AddTranslations(string regex)
         AddTranslations("\"i18n\\:(?<Key>[^\"]+)\"");
         AddTranslations("\'i18n\\:(?<Key>[^\']+)\'");
 
-        AddTranslations("'(?<Key>[^\']+)' \\| sqxTranslate");
+        AddTranslations("\"(?<Key>[^\"]+)\"[\\s]*\\|[\\s]*sqxTranslate");
+        AddTranslations("\'(?<Key>[^\']+)\'[\\s]*\\|[\\s]*sqxTranslate");
 
         return translations;
     }
diff --git a/backend/i18n/translator/Squidex.Translator/Processes/TranslateBackend.cs b/backend/i18n/translator/Squidex.Translator/Processes/TranslateBackend.cs
index e3aa99de68..fbeafd26ea 100644
--- a/backend/i18n/translator/Squidex.Translator/Processes/TranslateBackend.cs
+++ b/backend/i18n/translator/Squidex.Translator/Processes/TranslateBackend.cs
@@ -10,7 +10,7 @@
 
 namespace Squidex.Translator.Processes;
 
-public class TranslateBackend(DirectoryInfo folder, TranslationService service)
+public partial class TranslateBackend(DirectoryInfo folder, TranslationService service)
 {
     private readonly DirectoryInfo folder = Backend.GetFolder(folder);
 
@@ -22,7 +22,7 @@ public void Run()
 
             var isReplaced = false;
 
-            content = Regex.Replace(content, "\"[^\"]*\"", match =>
+            content = VariableRegex().Replace(content, match =>
             {
                 var value = match.Value[1..^1];
 
@@ -50,4 +50,7 @@ public void Run()
             }
         }
     }
+
+    [GeneratedRegex("\"[^\"]*\"")]
+    private static partial Regex VariableRegex();
 }
diff --git a/backend/i18n/translator/Squidex.Translator/Processes/TranslateTemplates.cs b/backend/i18n/translator/Squidex.Translator/Processes/TranslateTemplates.cs
index 1df15de85c..cf570cc79b 100644
--- a/backend/i18n/translator/Squidex.Translator/Processes/TranslateTemplates.cs
+++ b/backend/i18n/translator/Squidex.Translator/Processes/TranslateTemplates.cs
@@ -114,7 +114,7 @@ private void Traverse(string fileName, HtmlNode node)
                         else
                         {
                             // Keep our original indentation.
-                            textNode.Text = originalPrefix + $"{{{{ '{key}' | sqxTranslate }}}}" + originalSuffix;
+                            textNode.Text = originalPrefix + $"{{{{ \"{key}\" | sqxTranslate }}}}" + originalSuffix;
 
                             isReplaced = true;
                         }
@@ -140,7 +140,7 @@ private void Traverse(string fileName, HtmlNode node)
                         {
                             if (attribute.Name.Contains('[', StringComparison.Ordinal))
                             {
-                                node.SetAttributeValue(attribute.Name, $"{{{{ '{key}' | sqxTranslate }}}}");
+                                node.SetAttributeValue(attribute.Name, $"{{{{ \"{key}\" | sqxTranslate }}}}");
                             }
                             else
                             {
diff --git a/backend/src/Squidex.Domain.Apps.Entities.MongoDb/Contents/MongoContentRepository.cs b/backend/src/Squidex.Domain.Apps.Entities.MongoDb/Contents/MongoContentRepository.cs
index 7a956dc8c9..eec20accf2 100644
--- a/backend/src/Squidex.Domain.Apps.Entities.MongoDb/Contents/MongoContentRepository.cs
+++ b/backend/src/Squidex.Domain.Apps.Entities.MongoDb/Contents/MongoContentRepository.cs
@@ -28,7 +28,7 @@ public partial class MongoContentRepository(
     IMongoDatabase database,
     IAppProvider appProvider,
     string shardKey,
-    IOptions<ContentOptions> options,
+    IOptions<ContentsOptions> options,
     ILogger<MongoContentRepository> log)
     : MongoBase<MongoContentEntity>, IContentRepository, IInitializable
 {
@@ -38,7 +38,7 @@ public partial class MongoContentRepository(
     private readonly MongoContentCollection collectionPublished =
             new MongoContentCollection($"States_Contents_Published3{shardKey}", database, log,
                 ReadPreference.Secondary, options.Value.OptimizeForSelfHosting);
-    private readonly ContentOptions options = options.Value;
+    private readonly ContentsOptions options = options.Value;
 
     public bool CanUseTransactions { get; private set; }
 
diff --git a/backend/src/Squidex.Domain.Apps.Entities/Contents/ContentCache.cs b/backend/src/Squidex.Domain.Apps.Entities/Contents/ContentCache.cs
index adcbb8b72a..3049648036 100644
--- a/backend/src/Squidex.Domain.Apps.Entities/Contents/ContentCache.cs
+++ b/backend/src/Squidex.Domain.Apps.Entities/Contents/ContentCache.cs
@@ -12,6 +12,6 @@
 
 namespace Squidex.Domain.Apps.Entities.Contents;
 
-public sealed class ContentCache(IMemoryCache? memoryCache, IOptions<ContentOptions> options) : QueryCache<DomainId, EnrichedContent>(options.Value.CanCache ? memoryCache : null), IContentCache
+public sealed class ContentCache(IMemoryCache? memoryCache, IOptions<ContentsOptions> options) : QueryCache<DomainId, EnrichedContent>(options.Value.CanCache ? memoryCache : null), IContentCache
 {
 }
diff --git a/backend/src/Squidex.Domain.Apps.Entities/Contents/ContentOptions.cs b/backend/src/Squidex.Domain.Apps.Entities/Contents/ContentsOptions.cs
similarity index 95%
rename from backend/src/Squidex.Domain.Apps.Entities/Contents/ContentOptions.cs
rename to backend/src/Squidex.Domain.Apps.Entities/Contents/ContentsOptions.cs
index 54bf13745c..13d98283df 100644
--- a/backend/src/Squidex.Domain.Apps.Entities/Contents/ContentOptions.cs
+++ b/backend/src/Squidex.Domain.Apps.Entities/Contents/ContentsOptions.cs
@@ -7,7 +7,7 @@
 
 namespace Squidex.Domain.Apps.Entities.Contents;
 
-public sealed class ContentOptions
+public sealed class ContentsOptions
 {
     public bool CanCache { get; set; }
 
diff --git a/backend/src/Squidex.Domain.Apps.Entities/Contents/Queries/ContentQueryParser.cs b/backend/src/Squidex.Domain.Apps.Entities/Contents/Queries/ContentQueryParser.cs
index 49ac54d9fc..756ad666fa 100644
--- a/backend/src/Squidex.Domain.Apps.Entities/Contents/Queries/ContentQueryParser.cs
+++ b/backend/src/Squidex.Domain.Apps.Entities/Contents/Queries/ContentQueryParser.cs
@@ -27,12 +27,12 @@ namespace Squidex.Domain.Apps.Entities.Contents.Queries;
 public class ContentQueryParser(
     IAppProvider appprovider,
     ITextIndex textIndex,
-    IOptions<ContentOptions> options,
+    IOptions<ContentsOptions> options,
     IMemoryCache cache,
     IJsonSerializer serializer)
 {
     private static readonly TimeSpan CacheTime = TimeSpan.FromMinutes(60);
-    private readonly ContentOptions options = options.Value;
+    private readonly ContentsOptions options = options.Value;
 
     public virtual async Task<Q> ParseAsync(Context context, Q q, Schema? schema = null,
         CancellationToken ct = default)
diff --git a/backend/src/Squidex.Domain.Apps.Entities/Contents/Queries/ContentQueryService.cs b/backend/src/Squidex.Domain.Apps.Entities/Contents/Queries/ContentQueryService.cs
index 48b2748c7a..39f60bd209 100644
--- a/backend/src/Squidex.Domain.Apps.Entities/Contents/Queries/ContentQueryService.cs
+++ b/backend/src/Squidex.Domain.Apps.Entities/Contents/Queries/ContentQueryService.cs
@@ -22,12 +22,12 @@ public sealed class ContentQueryService(
     IContentEnricher contentEnricher,
     IContentRepository contentRepository,
     IContentLoader contentLoader,
-    IOptions<ContentOptions> options,
+    IOptions<ContentsOptions> options,
     ContentQueryParser queryParser)
     : IContentQueryService
 {
     private const string SingletonId = "_schemaId_";
-    private readonly ContentOptions options = options.Value;
+    private readonly ContentsOptions options = options.Value;
 
     public async IAsyncEnumerable<EnrichedContent> StreamAsync(Context context, string schemaIdOrName, int skip,
         [EnumeratorCancellation] CancellationToken ct = default)
diff --git a/backend/src/Squidex.Shared/Texts.fr.resx b/backend/src/Squidex.Shared/Texts.fr.resx
index b7420196ea..7a2a7a86bd 100644
--- a/backend/src/Squidex.Shared/Texts.fr.resx
+++ b/backend/src/Squidex.Shared/Texts.fr.resx
@@ -1132,9 +1132,6 @@
   <data name="users.lockYourselfError" xml:space="preserve">
     <value>Vous ne pouvez pas vous verrouiller.</value>
   </data>
-  <data name="users.login.askAdmin" xml:space="preserve">
-    <value />
-  </data>
   <data name="users.login.custom" xml:space="preserve">
     <value>Enter your E-Mail Address to login with your Company Account and single sign on (SSO).</value>
   </data>
@@ -1150,18 +1147,6 @@
   <data name="users.login.loginWith" xml:space="preserve">
     <value>{action} avec &lt;strong&gt;{provider}&lt;/strong&gt;</value>
   </data>
-  <data name="users.login.noAccountLoginAction" xml:space="preserve">
-    <value>Cliquez ici pour vous identifier</value>
-  </data>
-  <data name="users.login.noAccountLoginQuestion" xml:space="preserve">
-    <value>Déjà enregistré?</value>
-  </data>
-  <data name="users.login.noAccountSignupAction" xml:space="preserve">
-    <value>Cliquez ici pour vous inscrire</value>
-  </data>
-  <data name="users.login.noAccountSignupQuestion" xml:space="preserve">
-    <value>Pas encore de compte ?</value>
-  </data>
   <data name="users.login.passwordPlaceholder" xml:space="preserve">
     <value>Entrer le mot de passe</value>
   </data>
diff --git a/backend/src/Squidex.Shared/Texts.it.resx b/backend/src/Squidex.Shared/Texts.it.resx
index f1a640ac2c..fd23686443 100644
--- a/backend/src/Squidex.Shared/Texts.it.resx
+++ b/backend/src/Squidex.Shared/Texts.it.resx
@@ -1132,9 +1132,6 @@
   <data name="users.lockYourselfError" xml:space="preserve">
     <value>Non puoi bloccare te stesso.</value>
   </data>
-  <data name="users.login.askAdmin" xml:space="preserve">
-    <value />
-  </data>
   <data name="users.login.custom" xml:space="preserve">
     <value>Enter your E-Mail Address to login with your Company Account and single sign on (SSO).</value>
   </data>
@@ -1150,18 +1147,6 @@
   <data name="users.login.loginWith" xml:space="preserve">
     <value>{action} con &lt;strong&gt;{provider}&lt;/strong&gt;</value>
   </data>
-  <data name="users.login.noAccountLoginAction" xml:space="preserve">
-    <value>Clicca qui per accedere</value>
-  </data>
-  <data name="users.login.noAccountLoginQuestion" xml:space="preserve">
-    <value>Sei già registrato?</value>
-  </data>
-  <data name="users.login.noAccountSignupAction" xml:space="preserve">
-    <value>Clicca qui per registrarti</value>
-  </data>
-  <data name="users.login.noAccountSignupQuestion" xml:space="preserve">
-    <value>Non hai ancora un account?</value>
-  </data>
   <data name="users.login.passwordPlaceholder" xml:space="preserve">
     <value>Inserisci la password</value>
   </data>
diff --git a/backend/src/Squidex.Shared/Texts.nl.resx b/backend/src/Squidex.Shared/Texts.nl.resx
index 4777b468d9..16b022f673 100644
--- a/backend/src/Squidex.Shared/Texts.nl.resx
+++ b/backend/src/Squidex.Shared/Texts.nl.resx
@@ -1132,9 +1132,6 @@
   <data name="users.lockYourselfError" xml:space="preserve">
     <value>Je kunt jezelf niet vergrendelen.</value>
   </data>
-  <data name="users.login.askAdmin" xml:space="preserve">
-    <value />
-  </data>
   <data name="users.login.custom" xml:space="preserve">
     <value>Enter your E-Mail Address to login with your Company Account and single sign on (SSO).</value>
   </data>
@@ -1150,18 +1147,6 @@
   <data name="users.login.loginWith" xml:space="preserve">
     <value>{action} met &lt;strong&gt; {provider} &lt;/strong&gt;</value>
   </data>
-  <data name="users.login.noAccountLoginAction" xml:space="preserve">
-    <value>Klik hier om in te loggen</value>
-  </data>
-  <data name="users.login.noAccountLoginQuestion" xml:space="preserve">
-    <value>Al geregistreerd?</value>
-  </data>
-  <data name="users.login.noAccountSignupAction" xml:space="preserve">
-    <value>Klik hier om in te schrijven</value>
-  </data>
-  <data name="users.login.noAccountSignupQuestion" xml:space="preserve">
-    <value>Nog geen account?</value>
-  </data>
   <data name="users.login.passwordPlaceholder" xml:space="preserve">
     <value>Voer wachtwoord in</value>
   </data>
diff --git a/backend/src/Squidex.Shared/Texts.pt.resx b/backend/src/Squidex.Shared/Texts.pt.resx
index 0d43a597e8..eb556c0333 100644
--- a/backend/src/Squidex.Shared/Texts.pt.resx
+++ b/backend/src/Squidex.Shared/Texts.pt.resx
@@ -1132,9 +1132,6 @@
   <data name="users.lockYourselfError" xml:space="preserve">
     <value>Você não pode se trancar.</value>
   </data>
-  <data name="users.login.askAdmin" xml:space="preserve">
-    <value />
-  </data>
   <data name="users.login.custom" xml:space="preserve">
     <value>Enter your E-Mail Address to login with your Company Account and single sign on (SSO).</value>
   </data>
@@ -1150,18 +1147,6 @@
   <data name="users.login.loginWith" xml:space="preserve">
     <value>{action} com &lt;strong&gt;{provider}&lt;/strong&gt;</value>
   </data>
-  <data name="users.login.noAccountLoginAction" xml:space="preserve">
-    <value>Carregue aqui para entrar</value>
-  </data>
-  <data name="users.login.noAccountLoginQuestion" xml:space="preserve">
-    <value>Já registado?</value>
-  </data>
-  <data name="users.login.noAccountSignupAction" xml:space="preserve">
-    <value>Carregue aqui para registar</value>
-  </data>
-  <data name="users.login.noAccountSignupQuestion" xml:space="preserve">
-    <value>Sem conta?</value>
-  </data>
   <data name="users.login.passwordPlaceholder" xml:space="preserve">
     <value>Introduzir Password</value>
   </data>
diff --git a/backend/src/Squidex.Shared/Texts.resx b/backend/src/Squidex.Shared/Texts.resx
index b5a7f9ea35..9c27ac834f 100644
--- a/backend/src/Squidex.Shared/Texts.resx
+++ b/backend/src/Squidex.Shared/Texts.resx
@@ -1132,9 +1132,6 @@
   <data name="users.lockYourselfError" xml:space="preserve">
     <value>You cannot lock yourself.</value>
   </data>
-  <data name="users.login.askAdmin" xml:space="preserve">
-    <value />
-  </data>
   <data name="users.login.custom" xml:space="preserve">
     <value>Enter your E-Mail Address to login with your Company Account and single sign on (SSO).</value>
   </data>
@@ -1150,18 +1147,6 @@
   <data name="users.login.loginWith" xml:space="preserve">
     <value>{action} with &lt;strong&gt;{provider}&lt;/strong&gt;</value>
   </data>
-  <data name="users.login.noAccountLoginAction" xml:space="preserve">
-    <value>Click here to login</value>
-  </data>
-  <data name="users.login.noAccountLoginQuestion" xml:space="preserve">
-    <value>Already registered?</value>
-  </data>
-  <data name="users.login.noAccountSignupAction" xml:space="preserve">
-    <value>Click here to signup</value>
-  </data>
-  <data name="users.login.noAccountSignupQuestion" xml:space="preserve">
-    <value>No account yet?</value>
-  </data>
   <data name="users.login.passwordPlaceholder" xml:space="preserve">
     <value>Enter Password</value>
   </data>
diff --git a/backend/src/Squidex.Shared/Texts.zh.resx b/backend/src/Squidex.Shared/Texts.zh.resx
index 144156c01e..8a1756dabf 100644
--- a/backend/src/Squidex.Shared/Texts.zh.resx
+++ b/backend/src/Squidex.Shared/Texts.zh.resx
@@ -1132,9 +1132,6 @@
   <data name="users.lockYourselfError" xml:space="preserve">
     <value>你不能锁定自己。</value>
   </data>
-  <data name="users.login.askAdmin" xml:space="preserve">
-    <value />
-  </data>
   <data name="users.login.custom" xml:space="preserve">
     <value>Enter your E-Mail Address to login with your Company Account and single sign on (SSO).</value>
   </data>
@@ -1150,18 +1147,6 @@
   <data name="users.login.loginWith" xml:space="preserve">
     <value>{action} with &lt;strong&gt;{provider}&lt;/strong&gt;</value>
   </data>
-  <data name="users.login.noAccountLoginAction" xml:space="preserve">
-    <value>点击此处登录</value>
-  </data>
-  <data name="users.login.noAccountLoginQuestion" xml:space="preserve">
-    <value>已经注册？</value>
-  </data>
-  <data name="users.login.noAccountSignupAction" xml:space="preserve">
-    <value>点击此处注册</value>
-  </data>
-  <data name="users.login.noAccountSignupQuestion" xml:space="preserve">
-    <value>还没有账号？</value>
-  </data>
   <data name="users.login.passwordPlaceholder" xml:space="preserve">
     <value>输入密码</value>
   </data>
diff --git a/backend/src/Squidex.Web/Services/UrlGenerator.cs b/backend/src/Squidex.Web/Services/UrlGenerator.cs
index 718d7061d1..6c9932fc56 100644
--- a/backend/src/Squidex.Web/Services/UrlGenerator.cs
+++ b/backend/src/Squidex.Web/Services/UrlGenerator.cs
@@ -20,11 +20,11 @@ public sealed class UrlGenerator(
     IGenericUrlGenerator urlGenerator,
     IAssetFileStore assetFileStore,
     IOptions<AssetOptions> assetOptions,
-    IOptions<ContentOptions> contentOptions)
+    IOptions<ContentsOptions> contentOptions)
     : IUrlGenerator, IHttpImageEndpoint
 {
     private readonly AssetOptions assetOptions = assetOptions.Value;
-    private readonly ContentOptions contentOptions = contentOptions.Value;
+    private readonly ContentsOptions contentOptions = contentOptions.Value;
 
     public string? AssetThumbnail(NamedId<DomainId> appId, string idOrSlug, AssetType assetType)
     {
diff --git a/backend/src/Squidex/Areas/Api/Controllers/Schemas/SchemaIndexesController.cs b/backend/src/Squidex/Areas/Api/Controllers/Schemas/SchemaIndexesController.cs
index 59913427fe..c1d53b0048 100644
--- a/backend/src/Squidex/Areas/Api/Controllers/Schemas/SchemaIndexesController.cs
+++ b/backend/src/Squidex/Areas/Api/Controllers/Schemas/SchemaIndexesController.cs
@@ -79,7 +79,7 @@ public async Task<IActionResult> PostIndex(string app, string schema, [FromBody]
     /// <param name="name">The name of the index.</param>
     /// <response code="204">Schema index deletion added to job queue.</response>
     /// <response code="404">Schema or app not found.</response>
-    [HttpPost]
+    [HttpDelete]
     [Route("apps/{app}/schemas/{schema}/indexes/{name}")]
     [ProducesResponseType(StatusCodes.Status204NoContent)]
     [ApiPermissionOrAnonymous(PermissionIds.AppSchemasIndexes)]
diff --git a/backend/src/Squidex/Areas/Frontend/Middlewares/IndexExtensions.cs b/backend/src/Squidex/Areas/Frontend/Middlewares/IndexExtensions.cs
index cd7ec6fc6b..ec60bc590a 100644
--- a/backend/src/Squidex/Areas/Frontend/Middlewares/IndexExtensions.cs
+++ b/backend/src/Squidex/Areas/Frontend/Middlewares/IndexExtensions.cs
@@ -32,7 +32,6 @@ public static string AddOptions(this string html, HttpContext httpContext)
         };
 
         var uiOptions = httpContext.RequestServices.GetService<IOptions<MyUIOptions>>()?.Value;
-
         if (uiOptions != null)
         {
             var clonedOptions = uiOptions with
diff --git a/backend/src/Squidex/Config/Domain/ContentsServices.cs b/backend/src/Squidex/Config/Domain/ContentsServices.cs
index f47dceaac4..fe034aebf6 100644
--- a/backend/src/Squidex/Config/Domain/ContentsServices.cs
+++ b/backend/src/Squidex/Config/Domain/ContentsServices.cs
@@ -24,7 +24,7 @@ public static class ContentsServices
 {
     public static void AddSquidexContents(this IServiceCollection services, IConfiguration config)
     {
-        services.Configure<ContentOptions>(config,
+        services.Configure<ContentsOptions>(config,
             "contents");
 
         services.Configure<TemplatesOptions>(config,
diff --git a/backend/src/Squidex/Config/Domain/FontendServices.cs b/backend/src/Squidex/Config/Domain/FontendServices.cs
index c0a296d31b..85cb868e55 100644
--- a/backend/src/Squidex/Config/Domain/FontendServices.cs
+++ b/backend/src/Squidex/Config/Domain/FontendServices.cs
@@ -9,6 +9,7 @@
 using Microsoft.Extensions.Options;
 using Squidex.AI;
 using Squidex.Areas.Api.Controllers.UI;
+using Squidex.Domain.Apps.Entities.Contents;
 using Squidex.Domain.Apps.Entities.History;
 using Squidex.Hosting;
 using Squidex.Text.Translations;
@@ -56,6 +57,13 @@ public static void AddSquidexFrontend(this IServiceCollection services)
             options.More["canUseChatBot"] = chatAgent.IsConfigured;
         });
 
+        services.Configure<MyUIOptions>((services, options) =>
+        {
+            var contentsOptions = services.GetRequiredService<IOptions<ContentsOptions>>();
+
+            options.More["canCreateIndexes"] = contentsOptions.Value.OptimizeForSelfHosting;
+        });
+
         services.Configure<MyUIOptions>((services, options) =>
         {
             if (string.IsNullOrWhiteSpace(options.CollaborationService))
diff --git a/backend/src/Squidex/appsettings.json b/backend/src/Squidex/appsettings.json
index 10f5f86e6b..3c07bb93d0 100644
--- a/backend/src/Squidex/appsettings.json
+++ b/backend/src/Squidex/appsettings.json
@@ -161,6 +161,9 @@
         // Hide all onboarding tooltips and dialogs.
         "hideOnboarding": false,
 
+        // Hide the indexes UI.
+        "hideIndexes": false,
+
         // Hide the today and now button.
         "hideDateButtons": false,
 
diff --git a/backend/tests/Squidex.Domain.Apps.Entities.Tests/Contents/GraphQL/GraphQLTestBase.cs b/backend/tests/Squidex.Domain.Apps.Entities.Tests/Contents/GraphQL/GraphQLTestBase.cs
index 305e2b1895..efe82fab23 100644
--- a/backend/tests/Squidex.Domain.Apps.Entities.Tests/Contents/GraphQL/GraphQLTestBase.cs
+++ b/backend/tests/Squidex.Domain.Apps.Entities.Tests/Contents/GraphQL/GraphQLTestBase.cs
@@ -126,7 +126,7 @@ protected CachingGraphQLResolver CreateSut(params Schema[] schemas)
                 {
                     x.CanCache = true;
                 })
-                .Configure<ContentOptions>(x =>
+                .Configure<ContentsOptions>(x =>
                 {
                     x.CanCache = true;
                 })
diff --git a/backend/tests/Squidex.Domain.Apps.Entities.Tests/Contents/MongoDb/ContentsQueryFixture.cs b/backend/tests/Squidex.Domain.Apps.Entities.Tests/Contents/MongoDb/ContentsQueryFixture.cs
index 4ad3793960..21cfaf98c7 100644
--- a/backend/tests/Squidex.Domain.Apps.Entities.Tests/Contents/MongoDb/ContentsQueryFixture.cs
+++ b/backend/tests/Squidex.Domain.Apps.Entities.Tests/Contents/MongoDb/ContentsQueryFixture.cs
@@ -75,7 +75,7 @@ protected ContentsQueryFixture(bool selfHosting)
 
         var services =
             new ServiceCollection()
-                .AddSingleton(Options.Create(new ContentOptions { OptimizeForSelfHosting = selfHosting }))
+                .AddSingleton(Options.Create(new ContentsOptions { OptimizeForSelfHosting = selfHosting }))
                 .AddSingleton(CreateAppProvider())
                 .AddSingleton(mongoClient)
                 .AddSingleton(mongoDatabase)
diff --git a/backend/tests/Squidex.Domain.Apps.Entities.Tests/Contents/Queries/ContentQueryParserTests.cs b/backend/tests/Squidex.Domain.Apps.Entities.Tests/Contents/Queries/ContentQueryParserTests.cs
index 184bd42470..7f855e9efa 100644
--- a/backend/tests/Squidex.Domain.Apps.Entities.Tests/Contents/Queries/ContentQueryParserTests.cs
+++ b/backend/tests/Squidex.Domain.Apps.Entities.Tests/Contents/Queries/ContentQueryParserTests.cs
@@ -26,7 +26,7 @@ public class ContentQueryParserTests : GivenContext
 
     public ContentQueryParserTests()
     {
-        var options = Options.Create(new ContentOptions { DefaultPageSize = 30 });
+        var options = Options.Create(new ContentsOptions { DefaultPageSize = 30 });
 
         Schema = Schema
             .AddString(1, "firstName", Partitioning.Invariant)
diff --git a/backend/tests/Squidex.Domain.Apps.Entities.Tests/Contents/Queries/ContentQueryServiceTests.cs b/backend/tests/Squidex.Domain.Apps.Entities.Tests/Contents/Queries/ContentQueryServiceTests.cs
index 25ecc6e00e..5e619a2185 100644
--- a/backend/tests/Squidex.Domain.Apps.Entities.Tests/Contents/Queries/ContentQueryServiceTests.cs
+++ b/backend/tests/Squidex.Domain.Apps.Entities.Tests/Contents/Queries/ContentQueryServiceTests.cs
@@ -45,7 +45,7 @@ public ContentQueryServiceTests()
         A.CallTo(() => queryParser.ParseAsync(A<Context>._, A<Q>._, A<Schema?>._, CancellationToken))
             .ReturnsLazily(c => Task.FromResult(c.GetArgument<Q>(1)!));
 
-        var options = Options.Create(new ContentOptions());
+        var options = Options.Create(new ContentsOptions());
 
         sut = new ContentQueryService(
             AppProvider,
diff --git a/frontend/.prettierrc b/frontend/.prettierrc
index adc03ac843..4647d2c956 100644
--- a/frontend/.prettierrc
+++ b/frontend/.prettierrc
@@ -1,5 +1,6 @@
 {
     "plugins": ["squidex-prettier-plugin-organize-attributes"],
+    "endOfLine": "crlf",
     "overrides": [
         {
             "files": "*.html",
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index f6533e98c7..28d94c4d8d 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -107,7 +107,7 @@
         "karma-coverage": "~2.2.1",
         "karma-jasmine": "~5.1.0",
         "karma-jasmine-html-reporter": "~2.1.0",
-        "prettier": "^3.2.5",
+        "prettier": "3.3.3",
         "squidex-prettier-plugin-organize-attributes": "^1.0.1",
         "storybook": "^8.1.5",
         "stylelint": "16.6.1",
@@ -22682,9 +22682,9 @@
       }
     },
     "node_modules/prettier": {
-      "version": "3.2.5",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
-      "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
+      "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
       "dev": true,
       "bin": {
         "prettier": "bin/prettier.cjs"
diff --git a/frontend/package.json b/frontend/package.json
index 831f431e84..01b76c3465 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -114,7 +114,7 @@
     "karma-coverage": "~2.2.1",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "prettier": "^3.2.5",
+    "prettier": "3.3.3",
     "squidex-prettier-plugin-organize-attributes": "^1.0.1",
     "storybook": "^8.1.5",
     "stylelint": "16.6.1",
diff --git a/frontend/src/app/_theme.html b/frontend/src/app/_theme.html
index 9afd23c3f7..f96941c7b8 100644
--- a/frontend/src/app/_theme.html
+++ b/frontend/src/app/_theme.html
@@ -1,1561 +1,1524 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-
-<head>
-    <meta charset="utf-8">
-    <title>Squidex theme</title>
-
-    <meta content="width=device-width, initial-scale=1" name="viewport">
-    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
-
-    <style>
-        .page-title h1 {
-            font-size: 40px;
-        }
-
-        .bs-section-title {
-            font-size: 30px;
-            font-weight: lighter;
-            margin-bottom: 2rem;
-        }
-
-        .bs-section {
-            padding-top: 2rem;
-            padding-bottom: 2rem;
-        }
-
-        .bs-section-white {
-            background: white;
-        }
-
-        .bs-component {
-            margin-bottom: 1rem;
-        }
-
-        .panel {
-            min-height: 500px;
-        }
-
-        .card {
-            margin-bottom: 1rem;
-        }
-
-        .modal-backdrop {
-            height: 500px !important;
-        }
-
-        .table-items-row-details::before {
-            right: 80px !important;
-        }
-
-        .form-bubble {
-            display: block;
-            max-height: 100px;
-            min-height: 100px;
-        }
-
-        .sidebar {
-            position: relative !important;
-            height: 700px;
-        }
-    </style>
-</head>
-
-<body>
-    <div class="bs-section container">
-        <div class="row">
-            <div class="col-lg-12 page-title">
-                <h1>Squidex Theme</h1>
-            </div>
-        </div>
-    </div>
-
-    <div class="bs-section bs-section-white">
-        <div class="container">
+    <head>
+        <meta charset="utf-8" />
+        <title>Squidex theme</title>
+
+        <meta content="width=device-width, initial-scale=1" name="viewport" />
+        <meta content="IE=edge" http-equiv="X-UA-Compatible" />
+
+        <style>
+            .page-title h1 {
+                font-size: 40px;
+            }
+
+            .bs-section-title {
+                font-size: 30px;
+                font-weight: lighter;
+                margin-bottom: 2rem;
+            }
+
+            .bs-section {
+                padding-top: 2rem;
+                padding-bottom: 2rem;
+            }
+
+            .bs-section-white {
+                background: white;
+            }
+
+            .bs-component {
+                margin-bottom: 1rem;
+            }
+
+            .panel {
+                min-height: 500px;
+            }
+
+            .card {
+                margin-bottom: 1rem;
+            }
+
+            .modal-backdrop {
+                height: 500px !important;
+            }
+
+            .table-items-row-details::before {
+                right: 80px !important;
+            }
+
+            .form-bubble {
+                display: block;
+                max-height: 100px;
+                min-height: 100px;
+            }
+
+            .sidebar {
+                position: relative !important;
+                height: 700px;
+            }
+        </style>
+    </head>
+
+    <body>
+        <div class="bs-section container">
             <div class="row">
-                <div class="col-lg-12">
-                    <h1 class="bs-section-title">Navbars</h1>
+                <div class="col-lg-12 page-title">
+                    <h1>Squidex Theme</h1>
                 </div>
             </div>
+        </div>
 
-            <div class="row bs-component">
-                <div class="col-lg-12">
-                    <nav class="navbar navbar-expand navbar-dark bg-primary">
-                        <div class="container-fluid">
-                            <a class="navbar-brand" href="#">Navbar</a>
-            
-                            <ul class="navbar-nav me-auto">
-                                <li class="nav-item active">
-                                    <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
-                                </li>
-                                <li class="nav-item">
-                                    <a class="nav-link" href="#">Features</a>
-                                </li>
-                                <li class="nav-item">
-                                    <a class="nav-link" href="#">Pricing</a>
-                                </li>
-                                <li class="nav-item">
-                                    <a class="nav-link" href="#">About</a>
-                                </li>
-                            </ul>
-            
-                            <form class="d-flex">
-                                <input class="form-control me-2" placeholder="Search">
-            
-                                <button type="button" class="btn btn-secondary">Search</button>
-                            </form>
-                        </div>
-                    </nav>
+        <div class="bs-section bs-section-white">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h1 class="bs-section-title">Navbars</h1>
+                    </div>
                 </div>
-            </div>
 
-            <div class="row bs-component">
-                <div class="col-lg-12">
-                    <nav class="navbar navbar-expand navbar-light bg-light">
-                        <div class="container-fluid">
-                            <a class="navbar-brand" href="#">Navbar</a>
-            
-                            <ul class="navbar-nav me-auto">
-                                <li class="nav-item active">
-                                    <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
-                                </li>
-                                <li class="nav-item">
-                                    <a class="nav-link" href="#">Features</a>
-                                </li>
-                                <li class="nav-item">
-                                    <a class="nav-link" href="#">Pricing</a>
-                                </li>
-                                <li class="nav-item">
-                                    <a class="nav-link" href="#">About</a>
-                                </li>
-                            </ul>
-            
-                            <form class="d-flex">
-                                <input class="form-control me-2" placeholder="Search">
+                <div class="row bs-component">
+                    <div class="col-lg-12">
+                        <nav class="navbar navbar-expand navbar-dark bg-primary">
+                            <div class="container-fluid">
+                                <a class="navbar-brand" href="#">Navbar</a>
+
+                                <ul class="navbar-nav me-auto">
+                                    <li class="nav-item active">
+                                        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+                                    </li>
+                                    <li class="nav-item">
+                                        <a class="nav-link" href="#">Features</a>
+                                    </li>
+                                    <li class="nav-item">
+                                        <a class="nav-link" href="#">Pricing</a>
+                                    </li>
+                                    <li class="nav-item">
+                                        <a class="nav-link" href="#">About</a>
+                                    </li>
+                                </ul>
+
+                                <form class="d-flex">
+                                    <input class="form-control me-2" placeholder="Search" />
+
+                                    <button class="btn btn-secondary" type="button">Search</button>
+                                </form>
+                            </div>
+                        </nav>
+                    </div>
+                </div>
 
-                                <button type="button" class="btn btn-secondary">Search</button>
-                            </form>
-                        </div>
-                    </nav>
+                <div class="row bs-component">
+                    <div class="col-lg-12">
+                        <nav class="navbar navbar-expand navbar-light bg-light">
+                            <div class="container-fluid">
+                                <a class="navbar-brand" href="#">Navbar</a>
+
+                                <ul class="navbar-nav me-auto">
+                                    <li class="nav-item active">
+                                        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+                                    </li>
+                                    <li class="nav-item">
+                                        <a class="nav-link" href="#">Features</a>
+                                    </li>
+                                    <li class="nav-item">
+                                        <a class="nav-link" href="#">Pricing</a>
+                                    </li>
+                                    <li class="nav-item">
+                                        <a class="nav-link" href="#">About</a>
+                                    </li>
+                                </ul>
+
+                                <form class="d-flex">
+                                    <input class="form-control me-2" placeholder="Search" />
+
+                                    <button class="btn btn-secondary" type="button">Search</button>
+                                </form>
+                            </div>
+                        </nav>
+                    </div>
                 </div>
             </div>
         </div>
-    </div>
 
-    <div class="bs-section bs-section-white">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <h1 class="bs-section-title">Buttons</h1>
+        <div class="bs-section bs-section-white">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h1 class="bs-section-title">Buttons</h1>
+                    </div>
                 </div>
-            </div>
-
-            <div class="row">
-                <div class="col-lg-7">
-                    <p class="bs-component">
-                        <button type="button" class="btn btn-primary">Primary</button>
-                        <button type="button" class="btn btn-secondary">Secondary</button>
-                        <button type="button" class="btn btn-success">Success</button>
-                        <button type="button" class="btn btn-info">Info</button>
-                        <button type="button" class="btn btn-warning">Warning</button>
-                        <button type="button" class="btn btn-danger">Danger</button>
-
-                        <a class="btn btn-link">Link</a>
-                    </p>
-
-                    <p class="bs-component">
-                        <button type="button" class="btn btn-text-primary">Primary</button>
-                        <button type="button" class="btn btn-text-secondary">Secondary</button>
-                        <button type="button" class="btn btn-text-success">Success</button>
-                        <button type="button" class="btn btn-text-info">Info</button>
-                        <button type="button" class="btn btn-text-warning">Warning</button>
-                        <button type="button" class="btn btn-text-danger">Danger</button>
-                        <button type="button" class="btn btn-text-secondary2">Secondary2</button>
-                    </p>
-
-                    <p class="bs-component">
-                        <button type="button" class="btn btn-primary disabled">Primary</button>
-                        <button type="button" class="btn btn-secondary disabled">Secondary</button>
-                        <button type="button" class="btn btn-success disabled">Success</button>
-                        <button type="button" class="btn btn-info disabled">Info</button>
-                        <button type="button" class="btn btn-warning disabled">Warning</button>
-                        <button type="button" class="btn btn-danger disabled">Danger</button>
-                    </p>
-
-                    <p class="bs-component">
-                        <button type="button" class="btn btn-outline-primary">Primary</button>
-                        <button type="button" class="btn btn-outline-secondary">Secondary</button>
-                        <button type="button" class="btn btn-outline-success">Success</button>
-                        <button type="button" class="btn btn-outline-info">Info</button>
-                        <button type="button" class="btn btn-outline-warning">Warning</button>
-                        <button type="button" class="btn btn-outline-danger">Danger</button>
-                    </p>
-
-                    <div class="bs-component">
-                        <div class="btn-group" role="group">
-                            <button type="button" class="btn btn-primary">Primary</button>
 
+                <div class="row">
+                    <div class="col-lg-7">
+                        <p class="bs-component">
+                            <button class="btn btn-primary" type="button">Primary</button>
+                            <button class="btn btn-secondary" type="button">Secondary</button>
+                            <button class="btn btn-success" type="button">Success</button>
+                            <button class="btn btn-info" type="button">Info</button>
+                            <button class="btn btn-warning" type="button">Warning</button>
+                            <button class="btn btn-danger" type="button">Danger</button>
+
+                            <a class="btn btn-link">Link</a>
+                        </p>
+
+                        <p class="bs-component">
+                            <button class="btn btn-text-primary" type="button">Primary</button>
+                            <button class="btn btn-text-secondary" type="button">Secondary</button>
+                            <button class="btn btn-text-success" type="button">Success</button>
+                            <button class="btn btn-text-info" type="button">Info</button>
+                            <button class="btn btn-text-warning" type="button">Warning</button>
+                            <button class="btn btn-text-danger" type="button">Danger</button>
+                            <button class="btn btn-text-secondary2" type="button">Secondary2</button>
+                        </p>
+
+                        <p class="bs-component">
+                            <button class="btn btn-primary disabled" type="button">Primary</button>
+                            <button class="btn btn-secondary disabled" type="button">Secondary</button>
+                            <button class="btn btn-success disabled" type="button">Success</button>
+                            <button class="btn btn-info disabled" type="button">Info</button>
+                            <button class="btn btn-warning disabled" type="button">Warning</button>
+                            <button class="btn btn-danger disabled" type="button">Danger</button>
+                        </p>
+
+                        <p class="bs-component">
+                            <button class="btn btn-outline-primary" type="button">Primary</button>
+                            <button class="btn btn-outline-secondary" type="button">Secondary</button>
+                            <button class="btn btn-outline-success" type="button">Success</button>
+                            <button class="btn btn-outline-info" type="button">Info</button>
+                            <button class="btn btn-outline-warning" type="button">Warning</button>
+                            <button class="btn btn-outline-danger" type="button">Danger</button>
+                        </p>
+
+                        <div class="bs-component">
                             <div class="btn-group" role="group">
-                                <button type="button" class="btn btn-primary dropdown-toggle"></button>
-                            </div>
-                        </div>
+                                <button class="btn btn-primary" type="button">Primary</button>
 
-                        <div class="btn-group" role="group">
-                            <button type="button" class="btn btn-success">Success</button>
+                                <div class="btn-group" role="group">
+                                    <button class="btn btn-primary dropdown-toggle" type="button"></button>
+                                </div>
+                            </div>
 
                             <div class="btn-group" role="group">
-                                <button type="button" class="btn btn-success dropdown-toggle"></button>
+                                <button class="btn btn-success" type="button">Success</button>
+
+                                <div class="btn-group" role="group">
+                                    <button class="btn btn-success dropdown-toggle" type="button"></button>
+                                </div>
                             </div>
-                        </div>
 
-                        <div class="btn-group" role="group">
-                            <button type="button" class="btn btn-info">Info</button>
                             <div class="btn-group" role="group">
-                                <button type="button" class="btn btn-info dropdown-toggle"></button>
+                                <button class="btn btn-info" type="button">Info</button>
+                                <div class="btn-group" role="group">
+                                    <button class="btn btn-info dropdown-toggle" type="button"></button>
+                                </div>
                             </div>
-                        </div>
-
-                        <div class="btn-group" role="group">
-                            <button type="button" class="btn btn-danger">Danger</button>
 
                             <div class="btn-group" role="group">
-                                <button type="button" class="btn btn-danger dropdown-toggle"></button>
+                                <button class="btn btn-danger" type="button">Danger</button>
+
+                                <div class="btn-group" role="group">
+                                    <button class="btn btn-danger dropdown-toggle" type="button"></button>
+                                </div>
                             </div>
                         </div>
-                    </div>
-
-                    <div class="bs-component">
-                        <button class="btn btn-google">
-                            <i class="icon-google icon-decent"></i> Google
-                        </button>
 
-                        <button class="btn btn-twitter">
-                            <i class="icon-twitter icon-decent"></i> Twitter
-                        </button>
+                        <div class="bs-component">
+                            <button class="btn btn-google"><i class="icon-google icon-decent"></i> Google</button>
 
-                        <button class="btn btn-microsoft">
-                            <i class="icon-microsoft icon-decent"></i> Microsoft
-                        </button>
+                            <button class="btn btn-twitter"><i class="icon-twitter icon-decent"></i> Twitter</button>
 
-                        <button class="btn btn-github">
-                            <i class="icon-github icon-decent"></i> Github
-                        </button>
-                    </div>
-                </div>
+                            <button class="btn btn-microsoft"><i class="icon-microsoft icon-decent"></i> Microsoft</button>
 
-                <div class="col-lg-5">
-                    <p class="bs-component">
-                        <button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>
-                    </p>
-
-                    <div class="bs-component" style="margin-bottom: 15px;">
-                        <div class="btn-group" data-toggle="buttons">
-                            <button type="button" class="btn btn-toggle btn-primary">
-                                Active
-                            </button>
-                            <button type="button" class="btn btn-toggle">
-                                Inactive
-                            </button>
+                            <button class="btn btn-github"><i class="icon-github icon-decent"></i> Github</button>
                         </div>
                     </div>
 
-                    <div class="bs-component" style="margin-bottom: 15px;">
-                        <div class="btn-group" data-toggle="buttons">
-                            <button type="button" class="btn btn-toggle btn-warning">
-                                Active
-                            </button>
-                            <button type="button" class="btn btn-toggle">
-                                Inactive
-                            </button>
+                    <div class="col-lg-5">
+                        <p class="bs-component">
+                            <button class="btn btn-primary btn-lg btn-block" type="button">Block level button</button>
+                        </p>
+
+                        <div class="bs-component" style="margin-bottom: 15px">
+                            <div class="btn-group" data-toggle="buttons">
+                                <button class="btn btn-toggle btn-primary" type="button">Active</button>
+                                <button class="btn btn-toggle" type="button">Inactive</button>
+                            </div>
                         </div>
-                    </div>
 
-                    <div class="bs-component" style="margin-bottom: 15px;">
-                        <div class="btn-group" data-toggle="buttons">
-                            <button type="button" class="btn btn-toggle btn-danger">
-                                Active
-                            </button>
-                            <button type="button" class="btn btn-toggle">
-                                Inactive
-                            </button>
+                        <div class="bs-component" style="margin-bottom: 15px">
+                            <div class="btn-group" data-toggle="buttons">
+                                <button class="btn btn-toggle btn-warning" type="button">Active</button>
+                                <button class="btn btn-toggle" type="button">Inactive</button>
+                            </div>
                         </div>
-                    </div>
 
-                    <div class="bs-component" style="margin-bottom: 15px;">
-                        <div class="btn-group" data-toggle="buttons">
-                            <button type="button" class="btn btn-toggle btn-success">
-                                Active
-                            </button>
-                            <button type="button" class="btn btn-toggle">
-                                Inactive
-                            </button>
+                        <div class="bs-component" style="margin-bottom: 15px">
+                            <div class="btn-group" data-toggle="buttons">
+                                <button class="btn btn-toggle btn-danger" type="button">Active</button>
+                                <button class="btn btn-toggle" type="button">Inactive</button>
+                            </div>
                         </div>
-                    </div>
 
-                    <div class="bs-component" style="margin-bottom: 15px;">
-                        <div class="btn-group" data-toggle="buttons">
-                            <button type="button" class="btn btn-toggle btn-info">
-                                Active
-                            </button>
-                            <button type="button" class="btn btn-toggle">
-                                Inactive
-                            </button>
+                        <div class="bs-component" style="margin-bottom: 15px">
+                            <div class="btn-group" data-toggle="buttons">
+                                <button class="btn btn-toggle btn-success" type="button">Active</button>
+                                <button class="btn btn-toggle" type="button">Inactive</button>
+                            </div>
                         </div>
-                    </div>
 
-                    <div class="bs-component" style="margin-bottom: 15px;">
-                        <div class="btn-group" data-toggle="buttons">
-                            <label class="btn btn-primary active">
-                                <input type="checkbox" checked> Checkbox 1
-                            </label>
-                            <label class="btn btn-primary">
-                                <input type="checkbox"> Checkbox 2
-                            </label>
-                            <label class="btn btn-primary">
-                                <input type="checkbox"> Checkbox 3
-                            </label>
+                        <div class="bs-component" style="margin-bottom: 15px">
+                            <div class="btn-group" data-toggle="buttons">
+                                <button class="btn btn-toggle btn-info" type="button">Active</button>
+                                <button class="btn btn-toggle" type="button">Inactive</button>
+                            </div>
                         </div>
-                    </div>
 
-                    <div class="bs-component" style="margin-bottom: 15px;">
-                        <div class="btn-group" data-toggle="buttons">
-                            <label class="btn btn-primary active">
-                                <input type="radio" name="options" checked> Radio 1
-                            </label>
-                            <label class="btn btn-primary">
-                                <input type="radio" name="options"> Radio 2
-                            </label>
-                            <label class="btn btn-primary">
-                                <input type="radio" name="options"> Radio 3
-                            </label>
+                        <div class="bs-component" style="margin-bottom: 15px">
+                            <div class="btn-group" data-toggle="buttons">
+                                <label class="btn btn-primary active"> <input checked type="checkbox" /> Checkbox 1 </label>
+                                <label class="btn btn-primary"> <input type="checkbox" /> Checkbox 2 </label>
+                                <label class="btn btn-primary"> <input type="checkbox" /> Checkbox 3 </label>
+                            </div>
                         </div>
-                    </div>
 
-                    <div class="bs-component">
-                        <div class="btn-group-vertical" data-toggle="buttons">
-                            <button type="button" class="btn btn-primary">Top</button>
-                            <button type="button" class="btn btn-primary">Middle</button>
-                            <button type="button" class="btn btn-primary">Buttom</button>
+                        <div class="bs-component" style="margin-bottom: 15px">
+                            <div class="btn-group" data-toggle="buttons">
+                                <label class="btn btn-primary active"> <input checked name="options" type="radio" /> Radio 1 </label>
+                                <label class="btn btn-primary"> <input name="options" type="radio" /> Radio 2 </label>
+                                <label class="btn btn-primary"> <input name="options" type="radio" /> Radio 3 </label>
+                            </div>
                         </div>
-                    </div>
 
-                    <div class="bs-component" style="margin-bottom: 15px;">
-                        <div class="btn-group" role="group" aria-label="Basic example">
-                            <button type="button" class="btn btn-secondary">Left</button>
-                            <button type="button" class="btn btn-secondary">Middle</button>
-                            <button type="button" class="btn btn-secondary">Right</button>
+                        <div class="bs-component">
+                            <div class="btn-group-vertical" data-toggle="buttons">
+                                <button class="btn btn-primary" type="button">Top</button>
+                                <button class="btn btn-primary" type="button">Middle</button>
+                                <button class="btn btn-primary" type="button">Buttom</button>
+                            </div>
                         </div>
-                    </div>
 
-                    <div class="bs-component" style="margin-bottom: 15px;">
-                        <div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
-                            <div class="btn-group" role="group" aria-label="First group">
-                                <button type="button" class="btn btn-secondary">1</button>
-                                <button type="button" class="btn btn-secondary">2</button>
-                                <button type="button" class="btn btn-secondary">3</button>
-                                <button type="button" class="btn btn-secondary">4</button>
+                        <div class="bs-component" style="margin-bottom: 15px">
+                            <div class="btn-group" aria-label="Basic example" role="group">
+                                <button class="btn btn-secondary" type="button">Left</button>
+                                <button class="btn btn-secondary" type="button">Middle</button>
+                                <button class="btn btn-secondary" type="button">Right</button>
                             </div>
+                        </div>
 
-                            &nbsp;
+                        <div class="bs-component" style="margin-bottom: 15px">
+                            <div class="btn-toolbar" aria-label="Toolbar with button groups" role="toolbar">
+                                <div class="btn-group" aria-label="First group" role="group">
+                                    <button class="btn btn-secondary" type="button">1</button>
+                                    <button class="btn btn-secondary" type="button">2</button>
+                                    <button class="btn btn-secondary" type="button">3</button>
+                                    <button class="btn btn-secondary" type="button">4</button>
+                                </div>
 
-                            <div class="btn-group" role="group" aria-label="Second group">
-                                <button type="button" class="btn btn-secondary">5</button>
-                                <button type="button" class="btn btn-secondary">6</button>
-                                <button type="button" class="btn btn-secondary">7</button>
-                            </div>
+                                &nbsp;
 
-                            &nbsp;
+                                <div class="btn-group" aria-label="Second group" role="group">
+                                    <button class="btn btn-secondary" type="button">5</button>
+                                    <button class="btn btn-secondary" type="button">6</button>
+                                    <button class="btn btn-secondary" type="button">7</button>
+                                </div>
+
+                                &nbsp;
 
-                            <div class="btn-group" role="group" aria-label="Third group">
-                                <button type="button" class="btn btn-secondary">8</button>
+                                <div class="btn-group" aria-label="Third group" role="group">
+                                    <button class="btn btn-secondary" type="button">8</button>
+                                </div>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
 
-    <div class="bs-section bs-section-white">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <h1 class="bs-section-title">Typography</h1>
-                </div>
-            </div>
-
-            <div class="row">
-                <div class="col-lg-4">
-                    <div class="bs-component">
-                        <h1>Heading 1</h1>
-                        <h2>Heading 2</h2>
-                        <h3>Heading 3</h3>
-                        <h4>Heading 4</h4>
-                        <h5>Heading 5</h5>
-                        <h6>Heading 6</h6>
-                        <h3>Heading <small class="text-muted">with muted text</small></h3>
-
-                        <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
+        <div class="bs-section bs-section-white">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h1 class="bs-section-title">Typography</h1>
                     </div>
                 </div>
-                <div class="col-lg-4">
-                    <div class="bs-component">
-                        <h2>Example body text</h2>
 
-                        <p>Nullam quis risus eget <a href="#">urna mollis ornare</a> vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>
-                        <p>The following is <strong>rendered as bold text</strong>.</p>
-                        <p>The following is <em>rendered as italicized text</em>.</p>
-                        <p>The following is an abbreviation <abbr title="attribute">attr</abbr>.</p>
+                <div class="row">
+                    <div class="col-lg-4">
+                        <div class="bs-component">
+                            <h1>Heading 1</h1>
+                            <h2>Heading 2</h2>
+                            <h3>Heading 3</h3>
+                            <h4>Heading 4</h4>
+                            <h5>Heading 5</h5>
+                            <h6>Heading 6</h6>
+                            <h3>Heading <small class="text-muted">with muted text</small></h3>
+
+                            <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
+                        </div>
                     </div>
-
-                </div>
-                <div class="col-lg-4">
-                    <div class="bs-component">
-                        <h2>Emphasis classes</h2>
-
-                        <p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
-                        <p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
-                        <p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
-                        <p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>
-                        <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
-                        <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
+                    <div class="col-lg-4">
+                        <div class="bs-component">
+                            <h2>Example body text</h2>
+
+                            <p>
+                                Nullam quis risus eget <a href="#">urna mollis ornare</a> vel eu leo. Cum sociis natoque penatibus et magnis
+                                dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
+                            </p>
+                            <p>The following is <strong>rendered as bold text</strong>.</p>
+                            <p>The following is <em>rendered as italicized text</em>.</p>
+                            <p>The following is an abbreviation <abbr title="attribute">attr</abbr>.</p>
+                        </div>
+                    </div>
+                    <div class="col-lg-4">
+                        <div class="bs-component">
+                            <h2>Emphasis classes</h2>
+
+                            <p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
+                            <p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+                            <p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
+                            <p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>
+                            <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
+                            <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
+                        </div>
                     </div>
-
-                </div>
-            </div>
-
-            <div class="row">
-                <div class="col-lg-12">
-                    <h2>Blockquotes</h2>
                 </div>
-            </div>
-            <div class="row">
-                <div class="col-lg-6">
-                    <div class="bs-component">
-                        <blockquote class="blockquote">
-                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 
-                            <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
-                        </blockquote>
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h2>Blockquotes</h2>
                     </div>
                 </div>
-                <div class="col-lg-6">
-                    <div class="bs-component">
-                        <blockquote class="blockquote blockquote-reverse">
-                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+                <div class="row">
+                    <div class="col-lg-6">
+                        <div class="bs-component">
+                            <blockquote class="blockquote">
+                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+
+                                <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
+                            </blockquote>
+                        </div>
+                    </div>
+                    <div class="col-lg-6">
+                        <div class="bs-component">
+                            <blockquote class="blockquote blockquote-reverse">
+                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 
-                            <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
-                        </blockquote>
+                                <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
+                            </blockquote>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
 
-    <div class="bs-section">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <h1 class="bs-section-title">List Tables</h1>
+        <div class="bs-section">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h1 class="bs-section-title">List Tables</h1>
+                    </div>
                 </div>
-            </div>
 
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="bs-component">
-                        <table class="table table-items">
-                            <thead class="thead-inverse">
-                                <tr>
-                                    <th>
-                                        <input class="form-check" type="checkbox" checked />
-                                    </th>
-                                    <th>Column heading</th>
-                                    <th>Column heading</th>
-                                    <th>Column heading</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr class="active">
-                                    <td>
-                                        <input class="form-check" type="checkbox" checked />
-                                    </td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                </tr>
-                                <tr class="spacer"></tr>
-
-                                <tr>
-                                    <td>
-                                        <input class="form-check" type="checkbox" />
-                                    </td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                </tr>
-                                <tr class="spacer"></tr>
-                            </tbody>
-                        </table>
+                <div class="row">
+                    <div class="col-lg-12">
+                        <div class="bs-component">
+                            <table class="table table-items">
+                                <thead class="thead-inverse">
+                                    <tr>
+                                        <th>
+                                            <input class="form-check" checked type="checkbox" />
+                                        </th>
+                                        <th>Column heading</th>
+                                        <th>Column heading</th>
+                                        <th>Column heading</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr class="active">
+                                        <td>
+                                            <input class="form-check" checked type="checkbox" />
+                                        </td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                    </tr>
+                                    <tr class="spacer"></tr>
+
+                                    <tr>
+                                        <td>
+                                            <input class="form-check" type="checkbox" />
+                                        </td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                    </tr>
+                                    <tr class="spacer"></tr>
+                                </tbody>
+                            </table>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
 
-    <div class="bs-section bs-section-white">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <h1 class="bs-section-title">List Tables (on white background)</h1>
+        <div class="bs-section bs-section-white">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h1 class="bs-section-title">List Tables (on white background)</h1>
+                    </div>
                 </div>
-            </div>
 
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="bs-component">
-                        <table class="table table-items">
-                            <thead class="thead-inverse">
-                                <tr>
-                                    <th>
-                                        <input class="form-check" type="checkbox" checked />
-                                    </th>
-                                    <th>Column heading</th>
-                                    <th>Column heading</th>
-                                    <th>Column heading</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr class="active">
-                                    <td>
-                                        <input class="form-check" type="checkbox" checked />
-                                    </td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                </tr>
-                                <tr class="spacer"></tr>
-
-                                <tr>
-                                    <td>
-                                        <input class="form-check" type="checkbox" />
-                                    </td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                </tr>
-                                <tr class="spacer"></tr>
-                            </tbody>
-                        </table>
+                <div class="row">
+                    <div class="col-lg-12">
+                        <div class="bs-component">
+                            <table class="table table-items">
+                                <thead class="thead-inverse">
+                                    <tr>
+                                        <th>
+                                            <input class="form-check" checked type="checkbox" />
+                                        </th>
+                                        <th>Column heading</th>
+                                        <th>Column heading</th>
+                                        <th>Column heading</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr class="active">
+                                        <td>
+                                            <input class="form-check" checked type="checkbox" />
+                                        </td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                    </tr>
+                                    <tr class="spacer"></tr>
+
+                                    <tr>
+                                        <td>
+                                            <input class="form-check" type="checkbox" />
+                                        </td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                    </tr>
+                                    <tr class="spacer"></tr>
+                                </tbody>
+                            </table>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
 
-    <div class="bs-section bs-section-white">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <h1 class="bs-section-title">Forms</h1>
+        <div class="bs-section bs-section-white">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h1 class="bs-section-title">Forms</h1>
+                    </div>
                 </div>
-            </div>
-
-            <form>
-                <fieldset>
-                    <legend>Legend</legend>
 
-                    <div class="form-alert form-alert-error">
-                        <p>Validation error.</p>
+                <form>
+                    <fieldset>
+                        <legend>Legend</legend>
 
-                        <ul>
-                            <li>An user with the same email aready exists.</li>
-                        </ul>
-                    </div>
-
-                    <div class="form-bubble">
                         <div class="form-alert form-alert-error">
                             <p>Validation error.</p>
-    
+
                             <ul>
                                 <li>An user with the same email aready exists.</li>
                             </ul>
                         </div>
-                    </div>
 
-                    <div class="row">
-                        <div class="col-lg-6">
-                            <div class="bs-component">
-                                <div class="form-group">
-                                    <label>Email address</label>
+                        <div class="form-bubble">
+                            <div class="form-alert form-alert-error">
+                                <p>Validation error.</p>
 
-                                    <input type="email" class="form-control" placeholder="Enter email" autocomplete="off">
-
-                                    <small class="text-muted form-text">We will never share your email with anyone else.</small>
-                                </div>
-
-                                <div class="form-group">
-                                    <label>Password</label>
+                                <ul>
+                                    <li>An user with the same email aready exists.</li>
+                                </ul>
+                            </div>
+                        </div>
 
-                                    <input type="password" class="form-control" placeholder="Password" autocomplete="false">
-                                </div>
+                        <div class="row">
+                            <div class="col-lg-6">
+                                <div class="bs-component">
+                                    <div class="form-group">
+                                        <label>Email address</label>
 
-                                <div class="form-group">
-                                    <label>Example custom select</label>
+                                        <input class="form-control" autocomplete="off" placeholder="Enter email" type="email" />
 
-                                    <select class="form-select">
-                                        <option>1</option>
-                                        <option>2</option>
-                                        <option>3</option>
-                                        <option>4</option>
-                                        <option>5</option>
-                                    </select>
-                                </div>
+                                        <small class="text-muted form-text">We will never share your email with anyone else.</small>
+                                    </div>
 
-                                <div class="form-group">
-                                    <label>Example custom multiple select</label>
+                                    <div class="form-group">
+                                        <label>Password</label>
 
-                                    <select multiple class="form-select">
-                                        <option>1</option>
-                                        <option>2</option>
-                                        <option>3</option>
-                                        <option>4</option>
-                                        <option>5</option>
-                                    </select>
-                                </div>
+                                        <input class="form-control" autocomplete="false" placeholder="Password" type="password" />
+                                    </div>
 
-                                <div class="form-group">
-                                    <label>Example textarea</label>
+                                    <div class="form-group">
+                                        <label>Example custom select</label>
 
-                                    <textarea class="form-control" rows="3"></textarea>
-                                </div>
+                                        <select class="form-select">
+                                            <option>1</option>
+                                            <option>2</option>
+                                            <option>3</option>
+                                            <option>4</option>
+                                            <option>5</option>
+                                        </select>
+                                    </div>
 
-                                <div class="form-group">
-                                    <h2>Custom Radio buttons</h2>
+                                    <div class="form-group">
+                                        <label>Example custom multiple select</label>
 
-                                    <div class="form-check">
-                                        <input class="form-check-input" type="radio" id="customRadio1" name="customRadio">
-                                        <label class="form-check-label" for="customRadio1">Option 1</label>
+                                        <select class="form-select" multiple>
+                                            <option>1</option>
+                                            <option>2</option>
+                                            <option>3</option>
+                                            <option>4</option>
+                                            <option>5</option>
+                                        </select>
                                     </div>
 
-                                    <div class="form-check">
-                                        <input class="form-check-input" type="radio" id="customRadio2" name="customRadio">
-                                        <label class="form-check-label" for="customRadio2">Option 2</label>
-                                    </div>
-                                    
-                                    <div class="form-check">
-                                        <input class="form-check-input" type="radio" id="customRadio3" name="customRadio" disabled>
-                                        <label class="form-check-label" for="customRadio3">Option 3</label>
-                                    </div>
-                                </div>
-                                
-                                <div class="form-group">
-                                    <h2>Custom Checkboxes</h2>
+                                    <div class="form-group">
+                                        <label>Example textarea</label>
 
-                                    <div class="form-check">
-                                        <input class="form-check-input" type="checkbox" id="customRadio1" name="customRadio">
-                                        <label class="form-check-label" for="customRadio1">Option 1</label>
+                                        <textarea class="form-control" rows="3"></textarea>
                                     </div>
 
-                                    <div class="form-check">
-                                        <input class="form-check-input" type="checkbox" id="customRadio2" name="customRadio">
-                                        <label class="form-check-label" for="customRadio2">Option 2</label>
-                                    </div>
-                                    
-                                    <div class="form-check">
-                                        <input class="form-check-input" type="checkbox" id="customRadio3" name="customRadio" disabled>
-                                        <label class="form-check-label" for="customRadio3">Option 3</label>
-                                    </div>
-                                </div>
+                                    <div class="form-group">
+                                        <h2>Custom Radio buttons</h2>
 
-                                <button type="submit" class="btn btn-primary">Submit</button>
-                            </div>
-                        </div>
+                                        <div class="form-check">
+                                            <input class="form-check-input" id="customRadio1" name="customRadio" type="radio" />
+                                            <label class="form-check-label" for="customRadio1">Option 1</label>
+                                        </div>
 
-                        <div class="col-lg-4 col-lg-offset-1">
-                            <form class="bs-component">
-                                <div class="form-group">
-                                    <label>Disabled input</label>
+                                        <div class="form-check">
+                                            <input class="form-check-input" id="customRadio2" name="customRadio" type="radio" />
+                                            <label class="form-check-label" for="customRadio2">Option 2</label>
+                                        </div>
 
-                                    <input class="form-control" placeholder="Disabled input here..." disabled>
-                                </div>
+                                        <div class="form-check">
+                                            <input class="form-check-input" id="customRadio3" disabled name="customRadio" type="radio" />
+                                            <label class="form-check-label" for="customRadio3">Option 3</label>
+                                        </div>
+                                    </div>
 
-                                <div class="form-group">
-                                    <label>Readonly input</label>
+                                    <div class="form-group">
+                                        <h2>Custom Checkboxes</h2>
 
-                                    <input class="form-control" placeholder="Disabled input here..." readonly>
-                                </div>
+                                        <div class="form-check">
+                                            <input class="form-check-input" id="customRadio1" name="customRadio" type="checkbox" />
+                                            <label class="form-check-label" for="customRadio1">Option 1</label>
+                                        </div>
 
-                                <div class="form-group has-success">
-                                    <label>Input with success</label>
+                                        <div class="form-check">
+                                            <input class="form-check-input" id="customRadio2" name="customRadio" type="checkbox" />
+                                            <label class="form-check-label" for="customRadio2">Option 2</label>
+                                        </div>
 
-                                    <input class="form-control is-valid">
+                                        <div class="form-check">
+                                            <input class="form-check-input" id="customRadio3" disabled name="customRadio" type="checkbox" />
+                                            <label class="form-check-label" for="customRadio3">Option 3</label>
+                                        </div>
+                                    </div>
 
-                                    <div class="valid-feedback">Success! You've done it.</div>
+                                    <button class="btn btn-primary" type="submit">Submit</button>
                                 </div>
+                            </div>
 
-                                <div class="form-group has-warning">
-                                    <label>Input with warning</label>
-
-                                    <input class="form-control is-invalid">
+                            <div class="col-lg-4 col-lg-offset-1">
+                                <form class="bs-component">
+                                    <div class="form-group">
+                                        <label>Disabled input</label>
 
-                                    <div class="invalid-feedback">Shucks, try again.</div>
-                                </div>
+                                        <input class="form-control" disabled placeholder="Disabled input here..." />
+                                    </div>
 
-                                <div class="form-group has-warning">
-                                    <label>Input with error</label>
+                                    <div class="form-group">
+                                        <label>Readonly input</label>
 
-                                    <div class="errors-container">
-                                        <div class="errors">You have entered an invalid value.</div>
+                                        <input class="form-control" placeholder="Disabled input here..." readonly />
                                     </div>
 
-                                    <input class="form-control is-invalid">
-                                </div>
-
-                                <div class="form-group has-warning">
-                                    <label>Input with hint</label>
+                                    <div class="form-group has-success">
+                                        <label>Input with success</label>
 
-                                    <input class="form-control">
+                                        <input class="form-control is-valid" />
 
-                                    <div class="alert alert-hint mt-2">
-                                        <i class="icon-info-outline"></i> The app name cannot be changed later.
+                                        <div class="valid-feedback">Success! You've done it.</div>
                                     </div>
-                                </div>
 
-                                <div class="form-group">
-                                    <label>Large input</label>
+                                    <div class="form-group has-warning">
+                                        <label>Input with warning</label>
 
-                                    <input class="form-control form-control-lg" type="text">
-                                </div>
+                                        <input class="form-control is-invalid" />
 
-                                <div class="form-group">
-                                    <label>Default input</label>
+                                        <div class="invalid-feedback">Shucks, try again.</div>
+                                    </div>
 
-                                    <input class="form-control">
-                                </div>
+                                    <div class="form-group has-warning">
+                                        <label>Input with error</label>
 
-                                <div class="form-group">
-                                    <label>Small input</label>
+                                        <div class="errors-container">
+                                            <div class="errors">You have entered an invalid value.</div>
+                                        </div>
 
-                                    <input class="form-control form-control-sm" type="text">
-                                </div>
+                                        <input class="form-control is-invalid" />
+                                    </div>
 
-                                <div class="form-group">
-                                    <label>Input addons</label>
+                                    <div class="form-group has-warning">
+                                        <label>Input with hint</label>
 
-                                    <div class="input-group mb-3">
-                                        <span class="input-group-text">$</span>
+                                        <input class="form-control" />
 
-                                        <input class="form-control"
-                                            aria-label="Amount (to the nearest dollar)">
+                                        <div class="alert alert-hint mt-2">
+                                            <i class="icon-info-outline"></i> The app name cannot be changed later.
+                                        </div>
+                                    </div>
+
+                                    <div class="form-group">
+                                        <label>Large input</label>
 
-                                         <span class="input-group-text">.00</span>
+                                        <input class="form-control form-control-lg" type="text" />
                                     </div>
-                                </div>
 
-                                <div class="form-group">
-                                    <label>Input Buttons</label>
+                                    <div class="form-group">
+                                        <label>Default input</label>
 
-                                    <div class="input-group mb-3">
-                                        <button class="btn btn-outline-secondary">Button</button>
+                                        <input class="form-control" />
+                                    </div>
 
-                                        <input class="form-control"
-                                            aria-label="Amount (to the nearest dollar)">
+                                    <div class="form-group">
+                                        <label>Small input</label>
 
-                                        <button class="btn btn-outline-secondary">Button</button>
+                                        <input class="form-control form-control-sm" type="text" />
                                     </div>
-                                </div>
-                            </form>
-                        </div>
-                    </div>
-                </fieldset>
-            </form>
-        </div>
-    </div>
 
-    <div class="bs-section bs-section-white">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <h1 class="bs-section-title">Navigation</h1>
-                </div>
-            </div>
+                                    <div class="form-group">
+                                        <label>Input addons</label>
 
-            <div class="row" style="margin-bottom: 2rem;">
-                <div class="col-lg-6">
-                    <h2>Tabs</h2>
+                                        <div class="input-group mb-3">
+                                            <span class="input-group-text">$</span>
 
-                    <div class="bs-component">
-                        <ul class="nav nav-tabs">
-                            <li class="nav-item">
-                                <a class="nav-link active" href="#home">Home</a>
-                            </li>
-                            <li class="nav-item">
-                                <a class="nav-link" href="#profile">Profile</a>
-                            </li>
-                            <li class="nav-item">
-                                <a class="nav-link disabled" href="#">Disabled</a>
-                            </li>
-                            <li class="nav-item dropdown">
-                                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button">Dropdown</a>
-                            </li>
-                        </ul>
-                    </div>
+                                            <input class="form-control" aria-label="Amount (to the nearest dollar)" />
 
-                    <div class="bs-component">
-                        <ul class="nav nav-tabs2">
-                            <li class="nav-item">
-                                <a class="nav-link active" href="#home">Home</a>
-                            </li>
-                            <li class="nav-item">
-                                <a class="nav-link" href="#profile">Profile</a>
-                            </li>
-                            <li class="nav-item">
-                                <a class="nav-link disabled" href="#">Disabled</a>
-                            </li>
-                            <li class="nav-item dropdown">
-                                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button">Dropdown</a>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
+                                            <span class="input-group-text">.00</span>
+                                        </div>
+                                    </div>
 
-                <div class="col-lg-6">
-                    <h2>Pills</h2>
+                                    <div class="form-group">
+                                        <label>Input Buttons</label>
 
-                    <div class="bs-component">
-                        <ul class="nav nav-pills">
-                            <li class="nav-item">
-                                <a class="nav-link active" href="#">Active</a>
-                            </li>
-                            <li class="nav-item dropdown">
-                                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button">Dropdown</a>
-                            </li>
-                            <li class="nav-item">
-                                <a class="nav-link" href="#">Link</a>
-                            </li>
-                            <li class="nav-item">
-                                <a class="nav-link disabled" href="#">Disabled</a>
-                            </li>
-                        </ul>
-                    </div>
+                                        <div class="input-group mb-3">
+                                            <button class="btn btn-outline-secondary">Button</button>
 
-                    <br>
+                                            <input class="form-control" aria-label="Amount (to the nearest dollar)" />
 
-                    <div class="bs-component">
-                        <ul class="nav flex-column">
-                            <li class="nav-item">
-                                <a class="nav-link active" href="#">Active</a>
-                            </li>
-                            <li class="nav-item dropdown">
-                                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button">Dropdown</a>
-                            </li>
-                            <li class="nav-item">
-                                <a class="nav-link" href="#">Link</a>
-                            </li>
-                            <li class="nav-item">
-                                <a class="nav-link disabled" href="#">Disabled</a>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
+                                            <button class="btn btn-outline-secondary">Button</button>
+                                        </div>
+                                    </div>
+                                </form>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
             </div>
+        </div>
 
-            <div class="row">
-                <div class="col-lg-6">
-                    <h2>Breadcrumbs</h2>
-
-                    <div class="bs-component">
-                        <ol class="breadcrumb">
-                            <li class="breadcrumb-item active">Home</li>
-                        </ol>
-                        <ol class="breadcrumb">
-                            <li class="breadcrumb-item"><a href="#">Home</a></li>
-                            <li class="breadcrumb-item active">Library</li>
-                        </ol>
-                        <ol class="breadcrumb">
-                            <li class="breadcrumb-item"><a href="#">Home</a></li>
-                            <li class="breadcrumb-item"><a href="#">Library</a></li>
-                            <li class="breadcrumb-item done"><a href="#">Others</a></li>
-                            <li class="breadcrumb-item active">Data</li>
-                        </ol>
-                        <ol class="breadcrumb steps">
-                            <li class="breadcrumb-item"><a href="#">Home</a></li>
-                            <li class="breadcrumb-item done"><a href="#">Library</a></li>
-                            <li class="breadcrumb-item active">Others</li>
-                            <li class="breadcrumb-item">Data</li>
-                        </ol>
+        <div class="bs-section bs-section-white">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h1 class="bs-section-title">Navigation</h1>
                     </div>
                 </div>
 
-                <div class="col-lg-6">
-                    <h2>Pagination</h2>
+                <div class="row" style="margin-bottom: 2rem">
+                    <div class="col-lg-6">
+                        <h2>Tabs</h2>
 
-                    <div class="bs-component">
-                        <div>
-                            <ul class="pagination">
-                                <li class="page-item disabled">
-                                    <a class="page-link" href="#">&laquo;</a>
-                                </li>
-                                <li class="page-item active">
-                                    <a class="page-link" href="#">1</a>
-                                </li>
-                                <li class="page-item">
-                                    <a class="page-link" href="#">2</a>
-                                </li>
-                                <li class="page-item">
-                                    <a class="page-link" href="#">3</a>
+                        <div class="bs-component">
+                            <ul class="nav nav-tabs">
+                                <li class="nav-item">
+                                    <a class="nav-link active" href="#home">Home</a>
                                 </li>
-                                <li class="page-item">
-                                    <a class="page-link" href="#">4</a>
+                                <li class="nav-item">
+                                    <a class="nav-link" href="#profile">Profile</a>
                                 </li>
-                                <li class="page-item">
-                                    <a class="page-link" href="#">5</a>
+                                <li class="nav-item">
+                                    <a class="nav-link disabled" href="#">Disabled</a>
                                 </li>
-                                <li class="page-item">
-                                    <a class="page-link" href="#">&raquo;</a>
+                                <li class="nav-item dropdown">
+                                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button">Dropdown</a>
                                 </li>
                             </ul>
                         </div>
 
-                        <div>
-                            <ul class="pagination pagination-lg">
-                                <li class="page-item disabled">
-                                    <a class="page-link" href="#">&laquo;</a>
-                                </li>
-                                <li class="page-item active">
-                                    <a class="page-link" href="#">1</a>
-                                </li>
-                                <li class="page-item">
-                                    <a class="page-link" href="#">2</a>
-                                </li>
-                                <li class="page-item">
-                                    <a class="page-link" href="#">3</a>
+                        <div class="bs-component">
+                            <ul class="nav nav-tabs2">
+                                <li class="nav-item">
+                                    <a class="nav-link active" href="#home">Home</a>
                                 </li>
-                                <li class="page-item">
-                                    <a class="page-link" href="#">4</a>
+                                <li class="nav-item">
+                                    <a class="nav-link" href="#profile">Profile</a>
                                 </li>
-                                <li class="page-item">
-                                    <a class="page-link" href="#">5</a>
+                                <li class="nav-item">
+                                    <a class="nav-link disabled" href="#">Disabled</a>
                                 </li>
-                                <li class="page-item">
-                                    <a class="page-link" href="#">&raquo;</a>
+                                <li class="nav-item dropdown">
+                                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button">Dropdown</a>
                                 </li>
                             </ul>
                         </div>
+                    </div>
+
+                    <div class="col-lg-6">
+                        <h2>Pills</h2>
 
-                        <div>
-                            <ul class="pagination pagination-sm">
-                                <li class="page-item disabled">
-                                    <a class="page-link" href="#">&laquo;</a>
+                        <div class="bs-component">
+                            <ul class="nav nav-pills">
+                                <li class="nav-item">
+                                    <a class="nav-link active" href="#">Active</a>
                                 </li>
-                                <li class="page-item active">
-                                    <a class="page-link" href="#">1</a>
+                                <li class="nav-item dropdown">
+                                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button">Dropdown</a>
                                 </li>
-                                <li class="page-item">
-                                    <a class="page-link" href="#">2</a>
+                                <li class="nav-item">
+                                    <a class="nav-link" href="#">Link</a>
                                 </li>
-                                <li class="page-item">
-                                    <a class="page-link" href="#">3</a>
+                                <li class="nav-item">
+                                    <a class="nav-link disabled" href="#">Disabled</a>
                                 </li>
-                                <li class="page-item">
-                                    <a class="page-link" href="#">4</a>
+                            </ul>
+                        </div>
+
+                        <br />
+
+                        <div class="bs-component">
+                            <ul class="nav flex-column">
+                                <li class="nav-item">
+                                    <a class="nav-link active" href="#">Active</a>
                                 </li>
-                                <li class="page-item">
-                                    <a class="page-link" href="#">5</a>
+                                <li class="nav-item dropdown">
+                                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button">Dropdown</a>
                                 </li>
-                                <li class="page-item">
-                                    <a class="page-link" href="#">&raquo;</a>
+                                <li class="nav-item">
+                                    <a class="nav-link" href="#">Link</a>
+                                </li>
+                                <li class="nav-item">
+                                    <a class="nav-link disabled" href="#">Disabled</a>
                                 </li>
                             </ul>
                         </div>
                     </div>
                 </div>
-            </div>
-            
-            <div class="row">
-                <div class="col-lg-6">
-                    <h2>Dropdown</h2>
 
-                    <div class="bs-component">
-                        <ul  class="dropdown-menu" style="position: static; display: block;">
-                            <li><h6 class="dropdown-header">Dropdown header</h6></li>
-                            <li><a class="dropdown-item" href="#">Action</a></li>
-                            <li><a class="dropdown-item" href="#">Another action</a></li>
-                            <li><a class="dropdown-item" href="#">Something else here</a></li>
+                <div class="row">
+                    <div class="col-lg-6">
+                        <h2>Breadcrumbs</h2>
+
+                        <div class="bs-component">
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item active">Home</li>
+                            </ol>
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item"><a href="#">Home</a></li>
+                                <li class="breadcrumb-item active">Library</li>
+                            </ol>
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item"><a href="#">Home</a></li>
+                                <li class="breadcrumb-item"><a href="#">Library</a></li>
+                                <li class="breadcrumb-item done"><a href="#">Others</a></li>
+                                <li class="breadcrumb-item active">Data</li>
+                            </ol>
+                            <ol class="breadcrumb steps">
+                                <li class="breadcrumb-item"><a href="#">Home</a></li>
+                                <li class="breadcrumb-item done"><a href="#">Library</a></li>
+                                <li class="breadcrumb-item active">Others</li>
+                                <li class="breadcrumb-item">Data</li>
+                            </ol>
+                        </div>
+                    </div>
+
+                    <div class="col-lg-6">
+                        <h2>Pagination</h2>
+
+                        <div class="bs-component">
+                            <div>
+                                <ul class="pagination">
+                                    <li class="page-item disabled">
+                                        <a class="page-link" href="#">&laquo;</a>
+                                    </li>
+                                    <li class="page-item active">
+                                        <a class="page-link" href="#">1</a>
+                                    </li>
+                                    <li class="page-item">
+                                        <a class="page-link" href="#">2</a>
+                                    </li>
+                                    <li class="page-item">
+                                        <a class="page-link" href="#">3</a>
+                                    </li>
+                                    <li class="page-item">
+                                        <a class="page-link" href="#">4</a>
+                                    </li>
+                                    <li class="page-item">
+                                        <a class="page-link" href="#">5</a>
+                                    </li>
+                                    <li class="page-item">
+                                        <a class="page-link" href="#">&raquo;</a>
+                                    </li>
+                                </ul>
+                            </div>
 
-                            <li><hr class="dropdown-divider" /></li>
+                            <div>
+                                <ul class="pagination pagination-lg">
+                                    <li class="page-item disabled">
+                                        <a class="page-link" href="#">&laquo;</a>
+                                    </li>
+                                    <li class="page-item active">
+                                        <a class="page-link" href="#">1</a>
+                                    </li>
+                                    <li class="page-item">
+                                        <a class="page-link" href="#">2</a>
+                                    </li>
+                                    <li class="page-item">
+                                        <a class="page-link" href="#">3</a>
+                                    </li>
+                                    <li class="page-item">
+                                        <a class="page-link" href="#">4</a>
+                                    </li>
+                                    <li class="page-item">
+                                        <a class="page-link" href="#">5</a>
+                                    </li>
+                                    <li class="page-item">
+                                        <a class="page-link" href="#">&raquo;</a>
+                                    </li>
+                                </ul>
+                            </div>
 
-                            <li><a class="dropdown-item dropdown-item-delete" href="#">Separated link</a></li>
-                          </div>
-                    </ul>
+                            <div>
+                                <ul class="pagination pagination-sm">
+                                    <li class="page-item disabled">
+                                        <a class="page-link" href="#">&laquo;</a>
+                                    </li>
+                                    <li class="page-item active">
+                                        <a class="page-link" href="#">1</a>
+                                    </li>
+                                    <li class="page-item">
+                                        <a class="page-link" href="#">2</a>
+                                    </li>
+                                    <li class="page-item">
+                                        <a class="page-link" href="#">3</a>
+                                    </li>
+                                    <li class="page-item">
+                                        <a class="page-link" href="#">4</a>
+                                    </li>
+                                    <li class="page-item">
+                                        <a class="page-link" href="#">5</a>
+                                    </li>
+                                    <li class="page-item">
+                                        <a class="page-link" href="#">&raquo;</a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
                 </div>
-            </div>
 
-            <div class="row">
-                <div class="col-lg-6">
-                    <h2>Side Menu</h2>
-
-                    <ul class="nav nav-light flex-column">
-                        <li class="nav-item nav-heading">
-                            Security
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link active">
-                                <i class="icon-clients"></i> Clients
-                            </a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link">
-                                <i class="icon-contributors"></i> Contributors
-                            </a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link">
-                                <i class="icon-roles"></i> Roles
-                            </a>
-                        </li>
-            
-                        <li class="nav-item nav-heading">
-                            Editing
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link">
-                                <i class="icon-patterns"></i> Patterns 
-                            </a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link">
-                                <i class="icon-languages"></i> Languages
-                            </a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link">
-                                <i class="icon-workflows"></i> Workflows
-                            </a>
-                        </li>
-            
-                        <li class="nav-item nav-heading">
-                            More
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link">
-                                <i class="icon-backups"></i> Backups
-                            </a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link">
-                                <i class="icon-subscription"></i> Subscriptions
-                            </a>
-                        </li>
-                    </ul>
+                <div class="row">
+                    <div class="col-lg-6">
+                        <h2>Dropdown</h2>
+
+                        <div class="bs-component">
+                            <ul class="dropdown-menu" style="position: static; display: block">
+                                <li><h6 class="dropdown-header">Dropdown header</h6></li>
+                                <li><a class="dropdown-item" href="#">Action</a></li>
+                                <li><a class="dropdown-item" href="#">Another action</a></li>
+                                <li><a class="dropdown-item" href="#">Something else here</a></li>
+
+                                <li><hr class="dropdown-divider" /></li>
+
+                                <li><a class="dropdown-item dropdown-item-delete" href="#">Separated link</a></li>
+                            </ul>
+                        </div>
+                    </div>
                 </div>
-                <div class="col-lg-6">
-                    <h2>Sidedbar</h2>
 
-                    <div class="sidebar">
-                        <ul class="nav flex-column">
+                <div class="row">
+                    <div class="col-lg-6">
+                        <h2>Side Menu</h2>
+
+                        <ul class="nav nav-light flex-column">
+                            <li class="nav-item nav-heading">Security</li>
                             <li class="nav-item">
-                                <a class="nav-link active">
-                                    <i class="nav-icon icon-dashboard"></i> <div class="nav-text">Dashboard</div>
-                                </a>
+                                <a class="nav-link active"> <i class="icon-clients"></i> Clients </a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link">
-                                    <i class="nav-icon icon-schemas"></i> <div class="nav-text">Schemas</div>
-                                </a>
+                                <a class="nav-link"> <i class="icon-contributors"></i> Contributors </a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link">
-                                    <i class="nav-icon icon-contents"></i> <div class="nav-text">Content</div>
-                                </a>
+                                <a class="nav-link"> <i class="icon-roles"></i> Roles </a>
                             </li>
+
+                            <li class="nav-item nav-heading">Editing</li>
                             <li class="nav-item">
-                                <a class="nav-link">
-                                    <i class="nav-icon icon-assets"></i> <div class="nav-text">Assets</div> 
-                                </a>
+                                <a class="nav-link"> <i class="icon-patterns"></i> Patterns </a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link">
-                                    <i class="nav-icon icon-rules"></i> <div class="nav-text">Rules</div>
-                                </a>
+                                <a class="nav-link"> <i class="icon-languages"></i> Languages </a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link">
-                                    <i class="nav-icon icon-api"></i> <div class="nav-text">Api</div>
-                                </a>
+                                <a class="nav-link"> <i class="icon-workflows"></i> Workflows </a>
                             </li>
-                        </ul>
-                        
-                        <ul class="nav flex-column bottom">
+
+                            <li class="nav-item nav-heading">More</li>
                             <li class="nav-item">
-                                <a class="nav-link" href="https://squidex.io/help" target="_blank">
-                                    <i class="nav-icon icon-help2"></i>
-                                </a>
+                                <a class="nav-link"> <i class="icon-backups"></i> Backups </a>
                             </li>
+                            <li class="nav-item">
+                                <a class="nav-link"> <i class="icon-subscription"></i> Subscriptions </a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="col-lg-6">
+                        <h2>Sidedbar</h2>
 
-                            @if (!isSettingsHidden(app)) {
+                        <div class="sidebar">
+                            <ul class="nav flex-column">
+                                <li class="nav-item">
+                                    <a class="nav-link active">
+                                        <i class="nav-icon icon-dashboard"></i>
+                                        <div class="nav-text">Dashboard</div>
+                                    </a>
+                                </li>
                                 <li class="nav-item">
                                     <a class="nav-link">
-                                        <i class="nav-icon icon-settings"></i>
+                                        <i class="nav-icon icon-schemas"></i>
+                                        <div class="nav-text">Schemas</div>
                                     </a>
                                 </li>
-                            }
-                        </ul>
+                                <li class="nav-item">
+                                    <a class="nav-link">
+                                        <i class="nav-icon icon-contents"></i>
+                                        <div class="nav-text">Content</div>
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a class="nav-link">
+                                        <i class="nav-icon icon-assets"></i>
+                                        <div class="nav-text">Assets</div>
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a class="nav-link">
+                                        <i class="nav-icon icon-rules"></i>
+                                        <div class="nav-text">Rules</div>
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a class="nav-link">
+                                        <i class="nav-icon icon-api"></i>
+                                        <div class="nav-text">Api</div>
+                                    </a>
+                                </li>
+                            </ul>
+
+                            <ul class="nav flex-column bottom">
+                                <li class="nav-item">
+                                    <a class="nav-link" href="https://squidex.io/help" target="_blank">
+                                        <i class="nav-icon icon-help2"></i>
+                                    </a>
+                                </li>
+
+                                @if (!isSettingsHidden(app)) {
+                                    <li class="nav-item">
+                                        <a class="nav-link">
+                                            <i class="nav-icon icon-settings"></i>
+                                        </a>
+                                    </li>
+                                }
+                            </ul>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
 
-    <div class="bs-section bs-section-white">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <h1 class="bs-section-title">Indicators</h1>
+        <div class="bs-section bs-section-white">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h1 class="bs-section-title">Indicators</h1>
+                    </div>
                 </div>
-            </div>
 
-            <div class="row">
-                <div class="col-lg-12">
-                    <h2>Alerts</h2>
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h2>Alerts</h2>
 
-                    <div class="bs-component">
-                        <div class="alert alert-dismissible alert-warning mt-2">
-                            <button type="button" class="btn-close" data-dismiss="alert"></button>
+                        <div class="bs-component">
+                            <div class="alert alert-dismissible alert-warning mt-2">
+                                <button class="btn-close" data-dismiss="alert" type="button"></button>
 
-                            <h4>Warning!</h4>
+                                <h4>Warning!</h4>
 
-                            <p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, <a href="#" class="alert-link">vel scelerisque nisl consectetur et</a>.</p>
+                                <p>
+                                    Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent
+                                    commodo cursus magna, <a class="alert-link" href="#">vel scelerisque nisl consectetur et</a>.
+                                </p>
+                            </div>
                         </div>
                     </div>
                 </div>
-            </div>
-            <div class="row">
-                <div class="col-lg-4">
-                    <div class="bs-component">
-                        <div class="alert alert-dismissible alert-danger mt-2">
-                            <button type="button" class="btn-close" data-dismiss="alert"></button>
-
-                            <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.
+                <div class="row">
+                    <div class="col-lg-4">
+                        <div class="bs-component">
+                            <div class="alert alert-dismissible alert-danger mt-2">
+                                <button class="btn-close" data-dismiss="alert" type="button"></button>
+
+                                <strong>Oh snap!</strong> <a class="alert-link" href="#">Change a few things up</a> and try submitting
+                                again.
+                            </div>
                         </div>
                     </div>
-                </div>
-                <div class="col-lg-4">
-                    <div class="bs-component">
-                        <div class="alert alert-dismissible alert-success mt-2">
-                            <button type="button" class="btn-close" data-dismiss="alert"></button>
+                    <div class="col-lg-4">
+                        <div class="bs-component">
+                            <div class="alert alert-dismissible alert-success mt-2">
+                                <button class="btn-close" data-dismiss="alert" type="button"></button>
 
-                            <strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.
+                                <strong>Well done!</strong> You successfully read
+                                <a class="alert-link" href="#">this important alert message</a>.
+                            </div>
                         </div>
                     </div>
-                </div>
-                <div class="col-lg-4">
-                    <div class="bs-component">
-                        <div class="alert alert-dismissible alert-info mt-2">
-                            <button type="button" class="btn-close" data-dismiss="alert"></button>
+                    <div class="col-lg-4">
+                        <div class="bs-component">
+                            <div class="alert alert-dismissible alert-info mt-2">
+                                <button class="btn-close" data-dismiss="alert" type="button"></button>
 
-                            <i class="icon-info-outline"></i> <strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important.
+                                <i class="icon-info-outline"></i> <strong>Heads up!</strong> This
+                                <a class="alert-link" href="#">alert needs your attention</a>, but it's not super important.
+                            </div>
                         </div>
                     </div>
                 </div>
-            </div>
 
-            <div>
-                <h2>Badges</h2>
-
-                <div class="bs-component" style="margin-bottom: 40px;">
-                    <span class="badge badge-primary">Primary</span>
-                    <span class="badge badge-secondary">Secondary</span>
-                    <span class="badge badge-success">Success</span>
-                    <span class="badge badge-danger">Danger</span>
-                    <span class="badge badge-warning">Warning</span>
-                    <span class="badge badge-info">Info</span>
-                    <span class="badge badge-light">Light</span>
-                    <span class="badge badge-dark">Dark</span>
-                </div>
+                <div>
+                    <h2>Badges</h2>
+
+                    <div class="bs-component" style="margin-bottom: 40px">
+                        <span class="badge badge-primary">Primary</span>
+                        <span class="badge badge-secondary">Secondary</span>
+                        <span class="badge badge-success">Success</span>
+                        <span class="badge badge-danger">Danger</span>
+                        <span class="badge badge-warning">Warning</span>
+                        <span class="badge badge-info">Info</span>
+                        <span class="badge badge-light">Light</span>
+                        <span class="badge badge-dark">Dark</span>
+                    </div>
 
-                <div class="bs-component">
-                    <span class="badge rounded-pill badge-primary">Primary</span>
-                    <span class="badge rounded-pill badge-secondary">Secondary</span>
-                    <span class="badge rounded-pill badge-success">Success</span>
-                    <span class="badge rounded-pill badge-danger">Danger</span>
-                    <span class="badge rounded-pill badge-warning">Warning</span>
-                    <span class="badge rounded-pill badge-info">Info</span>
-                    <span class="badge rounded-pill badge-light">Light</span>
-                    <span class="badge rounded-pill bg-dark">Dark</span>
+                    <div class="bs-component">
+                        <span class="badge rounded-pill badge-primary">Primary</span>
+                        <span class="badge rounded-pill badge-secondary">Secondary</span>
+                        <span class="badge rounded-pill badge-success">Success</span>
+                        <span class="badge rounded-pill badge-danger">Danger</span>
+                        <span class="badge rounded-pill badge-warning">Warning</span>
+                        <span class="badge rounded-pill badge-info">Info</span>
+                        <span class="badge rounded-pill badge-light">Light</span>
+                        <span class="badge rounded-pill bg-dark">Dark</span>
+                    </div>
                 </div>
             </div>
         </div>
-    </div>
 
-    <div class="bs-section bs-section-white">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <h1 class="bs-section-title">Progress</h1>
+        <div class="bs-section bs-section-white">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h1 class="bs-section-title">Progress</h1>
+                    </div>
                 </div>
-            </div>
 
-            <div class="row">
-                <div class="col-lg-12">
-                    <h2>Basic</h2>
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h2>Basic</h2>
 
-                    <div class="bs-component">
-                        <div class="progress">
-                            <div class="progress-bar" role="progressbar" style="width: 25%; height: 20px;"></div>
+                        <div class="bs-component">
+                            <div class="progress">
+                                <div class="progress-bar" role="progressbar" style="width: 25%; height: 20px"></div>
+                            </div>
                         </div>
-                    </div>
 
-                    <h2>Contextual alternatives</h2>
+                        <h2>Contextual alternatives</h2>
 
-                    <div class="bs-component">
-                        <div class="progress mb-1">
-                            <div class="progress-bar bg-success" role="progressbar" style="width: 25%;"></div>
-                        </div>
-                        <div class="progress mb-1">
-                            <div class="progress-bar bg-info" role="progressbar" style="width: 50%;"></div>
-                        </div>
-                        <div class="progress mb-1">
-                            <div class="progress-bar bg-warning" role="progressbar" style="width: 75%;"></div>
-                        </div>
-                        <div class="progress mb-1">
-                            <div class="progress-bar bg-danger" role="progressbar" style="width: 100%;"></div>
+                        <div class="bs-component">
+                            <div class="progress mb-1">
+                                <div class="progress-bar bg-success" role="progressbar" style="width: 25%"></div>
+                            </div>
+                            <div class="progress mb-1">
+                                <div class="progress-bar bg-info" role="progressbar" style="width: 50%"></div>
+                            </div>
+                            <div class="progress mb-1">
+                                <div class="progress-bar bg-warning" role="progressbar" style="width: 75%"></div>
+                            </div>
+                            <div class="progress mb-1">
+                                <div class="progress-bar bg-danger" role="progressbar" style="width: 100%"></div>
+                            </div>
                         </div>
-                    </div>
 
-                    <h2>Multiple bars</h2>
+                        <h2>Multiple bars</h2>
 
-                    <div class="bs-component">
-                        <div class="progress mb-1">
-                            <div class="progress-bar" role="progressbar" style="width: 15%;"></div>
-                            <div class="progress-bar bg-success" role="progressbar" style="width: 30%;"></div>
-                            <div class="progress-bar bg-info" role="progressbar" style="width: 20%;"></div>
+                        <div class="bs-component">
+                            <div class="progress mb-1">
+                                <div class="progress-bar" role="progressbar" style="width: 15%"></div>
+                                <div class="progress-bar bg-success" role="progressbar" style="width: 30%"></div>
+                                <div class="progress-bar bg-info" role="progressbar" style="width: 20%"></div>
+                            </div>
                         </div>
-                    </div>
 
-                    <h2>Striped</h2>
+                        <h2>Striped</h2>
 
-                    <div class="bs-component">
-                        <div class="progress mb-1">
-                            <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 10%;"></div>
-                        </div>
-                        <div class="progress mb-1">
-                            <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 25%;"></div>
-                        </div>
-                        <div class="progress mb-1">
-                            <div class="progress-bar progress-bar-striped bg-info" role="progressbar" style="width: 50%;"></div>
-                        </div>
-                        <div class="progress mb-1">
-                            <div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 75%;"></div>
-                        </div>
-                        <div class="progress">
-                            <div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 100%;"></div>
+                        <div class="bs-component">
+                            <div class="progress mb-1">
+                                <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 10%"></div>
+                            </div>
+                            <div class="progress mb-1">
+                                <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 25%"></div>
+                            </div>
+                            <div class="progress mb-1">
+                                <div class="progress-bar progress-bar-striped bg-info" role="progressbar" style="width: 50%"></div>
+                            </div>
+                            <div class="progress mb-1">
+                                <div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 75%"></div>
+                            </div>
+                            <div class="progress">
+                                <div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 100%"></div>
+                            </div>
                         </div>
-                    </div>
 
-                    <h2>Animated</h2>
+                        <h2>Animated</h2>
 
-                    <div class="bs-component">
-                        <div class="progress">
-                            <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"></div>
+                        <div class="bs-component">
+                            <div class="progress">
+                                <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"></div>
+                            </div>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
 
-    <div class="bs-section bs-section-white">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <h1 class="bs-section-title">Containers</h1>
+        <div class="bs-section bs-section-white">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h1 class="bs-section-title">Containers</h1>
+                    </div>
                 </div>
-            </div>
 
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="bs-component">
-                        <div class="jumbotron">
-                            <h1 class="display-3">Jumbotron</h1>
-
-                            <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
-                            <p><a class="btn btn-primary btn-lg" href="#">Learn more</a></p>
+                <div class="row">
+                    <div class="col-lg-12">
+                        <div class="bs-component">
+                            <div class="jumbotron">
+                                <h1 class="display-3">Jumbotron</h1>
+
+                                <p>
+                                    This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured
+                                    content or information.
+                                </p>
+                                <p><a class="btn btn-primary btn-lg" href="#">Learn more</a></p>
+                            </div>
                         </div>
                     </div>
                 </div>
-            </div>
 
-            <div class="row">
-                <div class="col-lg-12">
-                    <h2>List groups</h2>
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h2>List groups</h2>
+                    </div>
                 </div>
-            </div>
 
-            <div class="row">
-                <div class="col-lg-4">
-                    <div class="bs-component">
-                        <ul class="list-group">
-                            <li class="list-group-item">
-                                <span class="tag tag-default tag-pill float-xs-right">14</span> Cras justo odio
-                            </li>
-                            <li class="list-group-item">
-                                <span class="tag tag-default tag-pill float-xs-right">2</span> Dapibus ac facilisis in
-                            </li>
-                            <li class="list-group-item">
-                                <span class="tag tag-default tag-pill float-xs-right">1</span> Morbi leo risus
-                            </li>
-                        </ul>
+                <div class="row">
+                    <div class="col-lg-4">
+                        <div class="bs-component">
+                            <ul class="list-group">
+                                <li class="list-group-item">
+                                    <span class="tag tag-default tag-pill float-xs-right">14</span> Cras justo odio
+                                </li>
+                                <li class="list-group-item">
+                                    <span class="tag tag-default tag-pill float-xs-right">2</span> Dapibus ac facilisis in
+                                </li>
+                                <li class="list-group-item">
+                                    <span class="tag tag-default tag-pill float-xs-right">1</span> Morbi leo risus
+                                </li>
+                            </ul>
+                        </div>
                     </div>
-                </div>
-                <div class="col-lg-4">
-                    <div class="bs-component">
-                        <div class="list-group">
-                            <a href="#" class="list-group-item  list-group-item-action active">Cras justo odio</a>
-                            <a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
-                            <a href="#" class="list-group-item list-group-item-action disabled">Morbi leo risus</a>
+                    <div class="col-lg-4">
+                        <div class="bs-component">
+                            <div class="list-group">
+                                <a class="list-group-item list-group-item-action active" href="#">Cras justo odio</a>
+                                <a class="list-group-item list-group-item-action" href="#">Dapibus ac facilisis in</a>
+                                <a class="list-group-item list-group-item-action disabled" href="#">Morbi leo risus</a>
+                            </div>
                         </div>
                     </div>
-                </div>
 
-                <div class="col-lg-4">
-                    <div class="bs-component">
-                        <div class="list-group">
-                            <a href="#" class="list-group-item list-group-item-action active">
-                                <h4 class="list-group-item-heading">List group item heading</h4>
+                    <div class="col-lg-4">
+                        <div class="bs-component">
+                            <div class="list-group">
+                                <a class="list-group-item list-group-item-action active" href="#">
+                                    <h4 class="list-group-item-heading">List group item heading</h4>
 
-                                <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
-                            </a>
-                            <a href="#" class="list-group-item list-group-item-action">
-                                <h4 class="list-group-item-heading">List group item heading</h4>
+                                    <p class="list-group-item-text">
+                                        Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
+                                    </p>
+                                </a>
+                                <a class="list-group-item list-group-item-action" href="#">
+                                    <h4 class="list-group-item-heading">List group item heading</h4>
 
-                                <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
-                            </a>
+                                    <p class="list-group-item-text">
+                                        Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
+                                    </p>
+                                </a>
+                            </div>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
 
-    <div class="bs-section">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <h1 class="bs-section-title">Cards</h1>
+        <div class="bs-section">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h1 class="bs-section-title">Cards</h1>
+                    </div>
                 </div>
-            </div>
 
-            <div class="row">
-                <div class="col-lg-4">
-                    <div class="bs-component">
-                        <div class="card text-white bg-primary text-xs-center">
-                            <div class="card-body">
-                                <blockquote class="card-bodyquote">
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+                <div class="row">
+                    <div class="col-lg-4">
+                        <div class="bs-component">
+                            <div class="card text-white bg-primary text-xs-center">
+                                <div class="card-body">
+                                    <blockquote class="card-bodyquote">
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 
-                                    <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
-                                </blockquote>
+                                        <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
+                                    </blockquote>
+                                </div>
                             </div>
-                        </div>
-                        <div class="card text-white bg-success text-xs-center">
-                            <div class="card-body">
-                                <blockquote class="card-bodyquote">
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+                            <div class="card text-white bg-success text-xs-center">
+                                <div class="card-body">
+                                    <blockquote class="card-bodyquote">
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 
-                                    <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
-                                </blockquote>
+                                        <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
+                                    </blockquote>
+                                </div>
                             </div>
-                        </div>
-                        <div class="card text-white bg-info text-xs-center">
-                            <div class="card-body">
-                                <blockquote class="card-bodyquote">
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+                            <div class="card text-white bg-info text-xs-center">
+                                <div class="card-body">
+                                    <blockquote class="card-bodyquote">
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 
-                                    <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
-                                </blockquote>
+                                        <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
+                                    </blockquote>
+                                </div>
                             </div>
-                        </div>
-                        <div class="card text-white bg-warning text-xs-center">
-                            <div class="card-body">
-                                <blockquote class="card-bodyquote">
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+                            <div class="card text-white bg-warning text-xs-center">
+                                <div class="card-body">
+                                    <blockquote class="card-bodyquote">
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 
-                                    <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
-                                </blockquote>
+                                        <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
+                                    </blockquote>
+                                </div>
                             </div>
-                        </div>
-                        <div class="card text-white bg-danger text-xs-center">
-                            <div class="card-body">
-                                <blockquote class="card-bodyquote">
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+                            <div class="card text-white bg-danger text-xs-center">
+                                <div class="card-body">
+                                    <blockquote class="card-bodyquote">
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 
-                                    <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
-                                </blockquote>
+                                        <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
+                                    </blockquote>
+                                </div>
                             </div>
                         </div>
                     </div>
-                </div>
-                <div class="col-lg-4">
-                    <div class="bs-component">
-                        <div class="card border-primary text-xs-center">
-                            <div class="card-body">
-                                <blockquote class="card-bodyquote">
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
-
-                                    <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
-                                </blockquote>
+                    <div class="col-lg-4">
+                        <div class="bs-component">
+                            <div class="card border-primary text-xs-center">
+                                <div class="card-body">
+                                    <blockquote class="card-bodyquote">
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+
+                                        <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
+                                    </blockquote>
+                                </div>
                             </div>
-                        </div>
-                        <div class="card border-success text-xs-center">
-                            <div class="card-body">
-                                <blockquote class="card-bodyquote">
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+                            <div class="card border-success text-xs-center">
+                                <div class="card-body">
+                                    <blockquote class="card-bodyquote">
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 
-                                    <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
-                                </blockquote>
+                                        <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
+                                    </blockquote>
+                                </div>
                             </div>
-                        </div>
-                        <div class="card border-info text-xs-center">
-                            <div class="card-body">
-                                <blockquote class="card-bodyquote">
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+                            <div class="card border-info text-xs-center">
+                                <div class="card-body">
+                                    <blockquote class="card-bodyquote">
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 
-                                    <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
-                                </blockquote>
+                                        <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
+                                    </blockquote>
+                                </div>
                             </div>
-                        </div>
-                        <div class="card border-warning text-xs-center">
-                            <div class="card-body">
-                                <blockquote class="card-bodyquote">
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+                            <div class="card border-warning text-xs-center">
+                                <div class="card-body">
+                                    <blockquote class="card-bodyquote">
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 
-                                    <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
-                                </blockquote>
+                                        <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
+                                    </blockquote>
+                                </div>
                             </div>
-                        </div>
-                        <div class="card border-danger text-xs-center">
-                            <div class="card-body">
-                                <blockquote class="card-bodyquote">
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+                            <div class="card border-danger text-xs-center">
+                                <div class="card-body">
+                                    <blockquote class="card-bodyquote">
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 
-                                    <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
-                                </blockquote>
+                                        <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
+                                    </blockquote>
+                                </div>
                             </div>
                         </div>
                     </div>
-                </div>
 
-                <div class="col-lg-4">
-                    <div class="bs-component">
-                        <div class="card">
-                            <h3 class="card-header">Card header</h3>
+                    <div class="col-lg-4">
+                        <div class="bs-component">
+                            <div class="card">
+                                <h3 class="card-header">Card header</h3>
 
-                            <div class="card-body">
-                                <h5 class="card-title">Special title treatment</h5>
+                                <div class="card-body">
+                                    <h5 class="card-title">Special title treatment</h5>
 
-                                <h6 class="card-subtitle text-muted">Support card subtitle</h6>
-                            </div>
-
-                            <img style="height: 200px; width: 100%; display: block;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22318%22%20height%3D%22180%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20318%20180%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_158bd1d28ef%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A16pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_158bd1d28ef%22%3E%3Crect%20width%3D%22318%22%20height%3D%22180%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22129.359375%22%20y%3D%2297.35%22%3EImage%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" alt="Card image">
+                                    <h6 class="card-subtitle text-muted">Support card subtitle</h6>
+                                </div>
 
-                            <div class="card-body">
-                                <p href="#" class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-                                <a href="#" class="card-link">Card link</a>
-                                <a href="#" class="card-link">Another link</a>
-                            </div>
+                                <img
+                                    alt="Card image"
+                                    src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22318%22%20height%3D%22180%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20318%20180%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_158bd1d28ef%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A16pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_158bd1d28ef%22%3E%3Crect%20width%3D%22318%22%20height%3D%22180%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22129.359375%22%20y%3D%2297.35%22%3EImage%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+                                    style="height: 200px; width: 100%; display: block" />
+
+                                <div class="card-body">
+                                    <p class="card-text" href="#">
+                                        Some quick example text to build on the card title and make up the bulk of the card's content.
+                                    </p>
+                                    <a class="card-link" href="#">Card link</a>
+                                    <a class="card-link" href="#">Another link</a>
+                                </div>
 
-                            <div class="card-footer text-muted text-xs-center">
-                                2 days ago
+                                <div class="card-footer text-muted text-xs-center">2 days ago</div>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
 
-    <div class="bs-section">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <h1 class="bs-section-title">Modals</h1>
+        <div class="bs-section">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h1 class="bs-section-title">Modals</h1>
+                    </div>
                 </div>
-            </div>
-
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="bs-component">
-                        <div class="modal" style="position: relative; width: 100%; height: 500px; display: block;">
-                            <div class="modal-backdrop show" style="position: absolute;"></div>
-
-                            <div class="modal-dialog modal-lg" style="position: absolute; top: 50px; left: 50px; right: 50px; bottom: 50px; display: block;">
-                                <div class="modal-content">
-                                    <div class="modal-header with-tabs">
-                                        <h4 class="modal-title">
-                                            Title
-                                        </h4>
-
-                                        <button type="button" class="btn-close"></button>
-                                    </div>
-
-                                    <div class="modal-header modal-tabs">
-                                        <ul class="nav nav-tabs2">
-                                            <li class="nav-item">
-                                                <a class="nav-link active" href="#home">Home</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="#profile">Profile</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link disabled" href="#">Disabled</a>
-                                            </li>
-                                            <li class="nav-item dropdown">
-                                                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
-                                            </li>
-                                        </ul>
-                                    </div>
-
-                                    <div class="modal-body">
-                                        Modal body text goes here.
-                                    </div>
 
-                                    <div class="modal-footer justify-content-between">
-                                        <button type="button" class="float-left btn btn-text-secondary2">Close</button>
-
-                                        <button type="button" class="float-right btn btn-primary">Save changes</button>
+                <div class="row">
+                    <div class="col-lg-12">
+                        <div class="bs-component">
+                            <div class="modal" style="position: relative; width: 100%; height: 500px; display: block">
+                                <div class="modal-backdrop show" style="position: absolute"></div>
+
+                                <div
+                                    class="modal-dialog modal-lg"
+                                    style="position: absolute; top: 50px; left: 50px; right: 50px; bottom: 50px; display: block">
+                                    <div class="modal-content">
+                                        <div class="modal-header with-tabs">
+                                            <h4 class="modal-title">Title</h4>
+
+                                            <button class="btn-close" type="button"></button>
+                                        </div>
+
+                                        <div class="modal-header modal-tabs">
+                                            <ul class="nav nav-tabs2">
+                                                <li class="nav-item">
+                                                    <a class="nav-link active" href="#home">Home</a>
+                                                </li>
+                                                <li class="nav-item">
+                                                    <a class="nav-link" href="#profile">Profile</a>
+                                                </li>
+                                                <li class="nav-item">
+                                                    <a class="nav-link disabled" href="#">Disabled</a>
+                                                </li>
+                                                <li class="nav-item dropdown">
+                                                    <a
+                                                        class="nav-link dropdown-toggle"
+                                                        aria-expanded="false"
+                                                        aria-haspopup="true"
+                                                        data-toggle="dropdown"
+                                                        href="#"
+                                                        role="button"
+                                                        >Dropdown</a
+                                                    >
+                                                </li>
+                                            </ul>
+                                        </div>
+
+                                        <div class="modal-body">Modal body text goes here.</div>
+
+                                        <div class="modal-footer justify-content-between">
+                                            <button class="float-left btn btn-text-secondary2" type="button">Close</button>
+
+                                            <button class="float-right btn btn-primary" type="button">Save changes</button>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>
-            </div>
 
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="bs-component">
-                        <div class="modal" style="position: relative; width: 100%; height: 500px; display: block;">
-                            <div class="modal-backdrop show" style="position: absolute;"></div>
+                <div class="row">
+                    <div class="col-lg-12">
+                        <div class="bs-component">
+                            <div class="modal" style="position: relative; width: 100%; height: 500px; display: block">
+                                <div class="modal-backdrop show" style="position: absolute"></div>
 
-                            <div class="modal-dialog modal-lg" style="position: absolute; top: 50px; left: 50px; right: 50px; bottom: 50px; display: block;">
-                                <div class="modal-content">
-                                    <div class="modal-header">
-                                        <h4 class="modal-title">
-                                            Title
-                                        </h4>
+                                <div
+                                    class="modal-dialog modal-lg"
+                                    style="position: absolute; top: 50px; left: 50px; right: 50px; bottom: 50px; display: block">
+                                    <div class="modal-content">
+                                        <div class="modal-header">
+                                            <h4 class="modal-title">Title</h4>
 
-                                        <button type="button" class="btn-close"></button>
-                                    </div>
+                                            <button class="btn-close" type="button"></button>
+                                        </div>
 
-                                    <div class="modal-body">
-                                        Modal body text goes here.
-                                    </div>
+                                        <div class="modal-body">Modal body text goes here.</div>
 
-                                    <div class="modal-footer justify-content-between">
-                                        <button type="button" class="float-left btn btn-text-secondary2">Close</button>
+                                        <div class="modal-footer justify-content-between">
+                                            <button class="float-left btn btn-text-secondary2" type="button">Close</button>
 
-                                        <button type="button" class="float-right btn btn-primary">Save changes</button>
+                                            <button class="float-right btn btn-primary" type="button">Save changes</button>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
@@ -1564,186 +1527,175 @@ <h4 class="modal-title">
                 </div>
             </div>
         </div>
-    </div>
 
-    <div class="bs-section">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <h1 class="bs-section-title">Lists</h1>
+        <div class="bs-section">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h1 class="bs-section-title">Lists</h1>
+                    </div>
                 </div>
-            </div>
 
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="bs-component">
-                        <div class="table-items-row table-items-row-expandable">
-                            <div class="table-items-row-summary">
-                                <div class="row no-gutters">
-                                    <div class="col">
-                                        My Item 1
+                <div class="row">
+                    <div class="col-lg-12">
+                        <div class="bs-component">
+                            <div class="table-items-row table-items-row-expandable">
+                                <div class="table-items-row-summary">
+                                    <div class="row no-gutters">
+                                        <div class="col">My Item 1</div>
+                                        <div class="col col-auto">
+                                            <button class="btn btn-outline-secondary btn-expand expanded mr-1" type="button">
+                                                <i class="icon-settings"></i>
+                                            </button>
+                                            <button class="btn btn-text-danger btn-outline-secondary" type="button">
+                                                <i class="icon-bin2"></i>
+                                            </button>
+                                        </div>
                                     </div>
-                                    <div class="col col-auto">
-                                        <button type="button" class="btn btn-outline-secondary btn-expand expanded mr-1">
-                                            <i class="icon-settings"></i>
-                                        </button>
-                                        <button type="button" class="btn btn-text-danger btn-outline-secondary">
-                                            <i class="icon-bin2"></i>
-                                        </button>
+                                </div>
+                                <div class="table-items-row-details">
+                                    <div class="table-items-row-details-tabs">
+                                        <ul class="nav nav-tabs2">
+                                            <li class="nav-item">
+                                                <a class="nav-link active">Tab1</a>
+                                            </li>
+                                            <li class="nav-item">
+                                                <a class="nav-link">Tab2</a>
+                                            </li>
+                                            <li class="nav-item">
+                                                <a class="nav-link">Tab3</a>
+                                            </li>
+                                        </ul>
+
+                                        <div class="text-end">
+                                            <button class="btn btn-text-secondary2" type="reset">Cancel</button>
+                                            <button class="btn btn-primary ms-1" type="submit">Save</button>
+                                        </div>
                                     </div>
+                                    <div class="table-items-row-details-tab">Text</div>
                                 </div>
                             </div>
-                            <div class="table-items-row-details">
-                                <div class="table-items-row-details-tabs">
-                                    <ul class="nav nav-tabs2">
-                                        <li class="nav-item">
-                                            <a class="nav-link active">Tab1</a>
-                                        </li>
-                                        <li class="nav-item">
-                                            <a class="nav-link">Tab2</a>
-                                        </li>
-                                        <li class="nav-item">
-                                            <a class="nav-link">Tab3</a>
-                                        </li>
-                                    </ul>
-                                            
-                                    <div class="text-end">
-                                        <button type="reset" class="btn btn-text-secondary2">Cancel</button>
-                                        <button type="submit" class="btn btn-primary ms-1">Save</button>
+
+                            <div class="table-items-row table-items-row-expandable">
+                                <div class="table-items-row-summary">
+                                    <div class="row no-gutters">
+                                        <div class="col">My Item 2</div>
+                                        <div class="col col-auto">
+                                            <button class="btn btn-outline-secondary btn-expand mr-1" type="button">
+                                                <i class="icon-settings"></i>
+                                            </button>
+                                            <button class="btn btn-text-danger btn-outline-secondary" type="button">
+                                                <i class="icon-bin2"></i>
+                                            </button>
+                                        </div>
                                     </div>
                                 </div>
-                                <div class="table-items-row-details-tab">
-                                    Text
-                                </div>
                             </div>
-                        </div>
 
-                        <div class="table-items-row table-items-row-expandable">
-                            <div class="table-items-row-summary">
-                                <div class="row no-gutters">
-                                    <div class="col">
-                                        My Item 2
-                                    </div>
-                                    <div class="col col-auto">
-                                        <button type="button" class="btn btn-outline-secondary btn-expand mr-1">
-                                            <i class="icon-settings"></i>
-                                        </button>
-                                        <button type="button" class="btn btn-text-danger btn-outline-secondary">
-                                            <i class="icon-bin2"></i>
-                                        </button>
+                            <div class="table-items-row table-items-row-expandable">
+                                <div class="table-items-row-summary">
+                                    <div class="row no-gutters">
+                                        <div class="col col-name">My Item 3</div>
+                                        <div class="col col-auto">
+                                            <button class="btn btn-outline-secondary btn-expand mr-1" type="button">
+                                                <i class="icon-settings"></i>
+                                            </button>
+                                            <button class="btn btn-text-danger btn-outline-secondary" type="button">
+                                                <i class="icon-bin2"></i>
+                                            </button>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
-                        </div>
 
-                        <div class="table-items-row table-items-row-expandable">
-                            <div class="table-items-row-summary">
+                            <div class="table-items-row table-items-row-summary">
                                 <div class="row no-gutters">
-                                    <div class="col col-name">
-                                        My Item 3
-                                    </div>
+                                    <div class="col col-name">My Item 4</div>
                                     <div class="col col-auto">
-                                        <button type="button" class="btn btn-outline-secondary btn-expand mr-1">
+                                        <button class="btn btn-outline-secondary mr-1" type="button">
                                             <i class="icon-settings"></i>
                                         </button>
-                                        <button type="button" class="btn btn-text-danger btn-outline-secondary">
+                                        <button class="btn btn-text-danger btn-outline-secondary" type="button">
                                             <i class="icon-bin2"></i>
                                         </button>
                                     </div>
                                 </div>
                             </div>
                         </div>
-
-                        <div class="table-items-row table-items-row-summary">
-                            <div class="row no-gutters">
-                                <div class="col col-name">
-                                    My Item 4
-                                </div>
-                                <div class="col col-auto">
-                                    <button type="button" class="btn btn-outline-secondary mr-1">
-                                        <i class="icon-settings"></i>
-                                    </button>
-                                    <button type="button" class="btn btn-text-danger btn-outline-secondary">
-                                        <i class="icon-bin2"></i>
-                                    </button>
-                                </div>
-                            </div>
-                        </div>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
 
-    <div class="bs-section bs-section-white">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <h1 class="bs-section-title">Tables</h1>
+        <div class="bs-section bs-section-white">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h1 class="bs-section-title">Tables</h1>
+                    </div>
                 </div>
-            </div>
 
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="bs-component">
-                        <table class="table table-striped table-hover table-bordered">
-                            <thead class="thead-inverse">
-                                <tr>
-                                    <th>#</th>
-                                    <th>Column heading</th>
-                                    <th>Column heading</th>
-                                    <th>Column heading</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>1</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                </tr>
-                                <tr>
-                                    <td>2</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                </tr>
-                                <tr class="table-info">
-                                    <td>3</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                </tr>
-                                <tr class="table-success">
-                                    <td>4</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                </tr>
-                                <tr class="table-danger">
-                                    <td>5</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                </tr>
-                                <tr class="table-warning">
-                                    <td>6</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                </tr>
-                                <tr class="table-active">
-                                    <td>7</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                    <td>Column content</td>
-                                </tr>
-                            </tbody>
-                        </table>
+                <div class="row">
+                    <div class="col-lg-12">
+                        <div class="bs-component">
+                            <table class="table table-striped table-hover table-bordered">
+                                <thead class="thead-inverse">
+                                    <tr>
+                                        <th>#</th>
+                                        <th>Column heading</th>
+                                        <th>Column heading</th>
+                                        <th>Column heading</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td>1</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                    </tr>
+                                    <tr>
+                                        <td>2</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                    </tr>
+                                    <tr class="table-info">
+                                        <td>3</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                    </tr>
+                                    <tr class="table-success">
+                                        <td>4</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                    </tr>
+                                    <tr class="table-danger">
+                                        <td>5</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                    </tr>
+                                    <tr class="table-warning">
+                                        <td>6</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                    </tr>
+                                    <tr class="table-active">
+                                        <td>7</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                        <td>Column content</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
-</body>
-</html>
\ No newline at end of file
+    </body>
+</html>
diff --git a/frontend/src/app/features/apps/pages/apps-page.component.html b/frontend/src/app/features/apps/pages/apps-page.component.html
index c047fa3fa4..ccaf231040 100644
--- a/frontend/src/app/features/apps/pages/apps-page.component.html
+++ b/frontend/src/app/features/apps/pages/apps-page.component.html
@@ -62,7 +62,7 @@ <h3 class="card-title">{{ template.title }}</h3>
                 }
             </div>
         }
-        
+
         @if (info) {
             <div class="apps-section">
                 <small class="info">{{ info }}</small>
diff --git a/frontend/src/app/features/apps/pages/onboarding-dialog.component.html b/frontend/src/app/features/apps/pages/onboarding-dialog.component.html
index 39e7bd5d66..cf23e56ea2 100644
--- a/frontend/src/app/features/apps/pages/onboarding-dialog.component.html
+++ b/frontend/src/app/features/apps/pages/onboarding-dialog.component.html
@@ -16,7 +16,7 @@ <h1>
                         {{ "tour.welcome" | sqxTranslate }}
                         <span class="header-focus">{{ "tour.welcomeProduct" | sqxTranslate }}</span>
                     </h1>
-                    <div [innerHTML]="'tour.stepIntroText' | sqxTranslate | sqxMarkdown | sqxSafeHtml"></div>
+                    <div [sqxMarkdown]="'tour.stepIntroText' | sqxTranslate"></div>
                     <div class="mt-4">
                         <button class="btn btn-success" (click)="next()">
                             {{ "tour.stepIntroNext" | sqxTranslate }}
@@ -32,7 +32,7 @@ <h1>
                 <div class="onboarding-enter-leave" @slide>
                     <form [formGroup]="answersForm" (ngSubmit)="submitAnswers()">
                         <h2>{{ "tour.stepDataTitle" | sqxTranslate }}</h2>
-                        <div [innerHTML]="'tour.stepDataText' | sqxTranslate | sqxMarkdown | sqxSafeHtml"></div>
+                        <div [sqxMarkdown]="'tour.stepDataText' | sqxTranslate"></div>
                         <div class="form-group mt-4">
                             <label for="role">{{ "tour.stepDataCompanyRole" | sqxTranslate }}</label>
                             <select class="form-select" id="companyRole" formControlName="companyRole">
@@ -79,7 +79,7 @@ <h2>{{ "tour.stepDataTitle" | sqxTranslate }}</h2>
                 <img class="header-left" @fade src="./images/logo-white-small.png" />
                 <div class="onboarding-enter-leave text-center" @slide>
                     <h2>{{ "tour.stepTourTitle" | sqxTranslate }}</h2>
-                    <div [innerHTML]="'tour.stepTourText' | sqxTranslate | sqxMarkdown | sqxSafeHtml"></div>
+                    <div [sqxMarkdown]="'tour.stepTourText' | sqxTranslate"></div>
                     <div class="mt-4">
                         <button class="btn btn-success" (click)="start()">
                             {{ "tour.startYes" | sqxTranslate }}
diff --git a/frontend/src/app/features/apps/pages/onboarding-dialog.component.ts b/frontend/src/app/features/apps/pages/onboarding-dialog.component.ts
index cfa1fbcccf..f2d8b46a10 100644
--- a/frontend/src/app/features/apps/pages/onboarding-dialog.component.ts
+++ b/frontend/src/app/features/apps/pages/onboarding-dialog.component.ts
@@ -8,7 +8,7 @@
 
 import { Component, EventEmitter, Output } from '@angular/core';
 import { FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { fadeAnimation, MarkdownPipe, ModalDialogComponent, SafeHtmlPipe, slideAnimation, TourState, TranslatePipe, UsersService } from '@app/shared';
+import { fadeAnimation, MarkdownDirective, ModalDialogComponent, slideAnimation, TourState, TranslatePipe, UsersService } from '@app/shared';
 
 @Component({
     standalone: true,
@@ -20,10 +20,9 @@ import { fadeAnimation, MarkdownPipe, ModalDialogComponent, SafeHtmlPipe, slideA
     ],
     imports: [
         FormsModule,
-        MarkdownPipe,
+        MarkdownDirective,
         ModalDialogComponent,
         ReactiveFormsModule,
-        SafeHtmlPipe,
         TranslatePipe,
     ],
 })
diff --git a/frontend/src/app/features/assets/pages/assets-page.component.html b/frontend/src/app/features/assets/pages/assets-page.component.html
index b99050650d..71a5cd8b72 100644
--- a/frontend/src/app/features/assets/pages/assets-page.component.html
+++ b/frontend/src/app/features/assets/pages/assets-page.component.html
@@ -62,7 +62,7 @@
             <div class="col-auto">
                 <button
                     class="btn btn-success"
-                    attr.aria-label="{{ 'i18n:assets.createFolder' | sqxTranslate }}"
+                    attr.aria-label="{{ 'assets.createFolder' | sqxTranslate }}"
                     (click)="addAssetFolderDialog.show()"
                     shortcut="CTRL + U"
                     title="i18n:assets.createFolderTooltip"
diff --git a/frontend/src/app/features/content/pages/content/editor/content-editor.component.html b/frontend/src/app/features/content/pages/content/editor/content-editor.component.html
index 79600a6192..b15019e369 100644
--- a/frontend/src/app/features/content/pages/content/editor/content-editor.component.html
+++ b/frontend/src/app/features/content/pages/content/editor/content-editor.component.html
@@ -14,16 +14,10 @@
                     <a (click)="loadLatest.emit()">{{ "contents.viewLatest" | sqxTranslate }}</a>
                 </div>
                 @if (isDeleted) {
-                    <div
-                        [innerHTML]="
-                            'contents.versionViewingDeleted' | sqxTranslate: { version: contentVersion } | sqxMarkdownInline | sqxSafeHtml
-                        "></div>
+                    <div inline="true" [sqxMarkdown]="'contents.versionViewingDeleted' | sqxTranslate: { version: contentVersion }"></div>
                 }
                 @if (!isDeleted) {
-                    <div
-                        [innerHTML]="
-                            'contents.versionViewing' | sqxTranslate: { version: contentVersion } | sqxMarkdownInline | sqxSafeHtml
-                        "></div>
+                    <div inline="true" [sqxMarkdown]="'contents.versionViewing' | sqxTranslate: { version: contentVersion }"></div>
                 }
             </div>
         }
diff --git a/frontend/src/app/features/content/pages/content/editor/content-editor.component.ts b/frontend/src/app/features/content/pages/content/editor/content-editor.component.ts
index a12b10cbfe..06651f0c39 100644
--- a/frontend/src/app/features/content/pages/content/editor/content-editor.component.ts
+++ b/frontend/src/app/features/content/pages/content/editor/content-editor.component.ts
@@ -8,7 +8,7 @@
 import { AsyncPipe } from '@angular/common';
 import { booleanAttribute, Component, EventEmitter, Input, Output } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { AppLanguageDto, CursorsComponent, CursorsDirective, EditContentForm, FormErrorComponent, ListViewComponent, MarkdownInlinePipe, SafeHtmlPipe, SchemaDto, TranslatePipe, Version } from '@app/shared';
+import { AppLanguageDto, CursorsComponent, CursorsDirective, EditContentForm, FormErrorComponent, ListViewComponent, MarkdownDirective, SchemaDto, TranslatePipe, Version } from '@app/shared';
 import { ContentSectionComponent } from '../../../shared/forms/content-section.component';
 
 @Component({
@@ -24,8 +24,7 @@ import { ContentSectionComponent } from '../../../shared/forms/content-section.c
         FormErrorComponent,
         FormsModule,
         ListViewComponent,
-        MarkdownInlinePipe,
-        SafeHtmlPipe,
+        MarkdownDirective,
         TranslatePipe,
     ],
 })
diff --git a/frontend/src/app/features/content/shared/forms/assets-editor.component.html b/frontend/src/app/features/content/shared/forms/assets-editor.component.html
index 71be83838c..c28cc98546 100644
--- a/frontend/src/app/features/content/shared/forms/assets-editor.component.html
+++ b/frontend/src/app/features/content/shared/forms/assets-editor.component.html
@@ -1,8 +1,6 @@
 <div class="row gx-1" [class.disabled]="snapshot.isDisabled">
     <div class="col" [class.disabled]="snapshot.isDisabled">
-        <button type="button"
-        class="btn btn-outline-secondary btn-dashed btn-block btn-add"
-            (click)="assetsDialog.show()">
+        <button class="btn btn-outline-secondary btn-dashed btn-block btn-add" (click)="assetsDialog.show()" type="button">
             {{ "contents.assetsUpload" | sqxTranslate }}
         </button>
     </div>
@@ -13,7 +11,12 @@
             [sqxDropDisabled]="snapshot.isDisabled"
             (sqxDropFile)="addFiles($event)">
             {{ "contents.assetsSelect" | sqxTranslate }}
-            <input class="file-drop-button-input hidden" #fileInput (change)="addFiles($any($event.target!)['files'])" multiple type="file" />
+            <input
+                class="file-drop-button-input hidden"
+                #fileInput
+                (change)="addFiles($any($event.target!)['files'])"
+                multiple
+                type="file" />
         </div>
     </div>
 
diff --git a/frontend/src/app/features/dashboard/pages/dashboard-page.component.html b/frontend/src/app/features/dashboard/pages/dashboard-page.component.html
index 2164972ac0..fc10d05d10 100644
--- a/frontend/src/app/features/dashboard/pages/dashboard-page.component.html
+++ b/frontend/src/app/features/dashboard/pages/dashboard-page.component.html
@@ -5,9 +5,7 @@
         @if (!isScrolled) {
             <div class="dashboard-summary" @fade sqxTourStep="appDashboard">
                 <h1 class="dashboard-title">{{ "dashboard.welcomeTitle" | sqxTranslate: { user: user } }}</h1>
-                <div
-                    class="subtext"
-                    [innerHTML]="'dashboard.welcomeText' | sqxTranslate: { app: app.displayName } | sqxMarkdown | sqxSafeHtml"></div>
+                <div class="subtext" [sqxMarkdown]="'dashboard.welcomeText' | sqxTranslate: { app: app.displayName }"></div>
             </div>
         }
         <gridster #grid [options]="gridOptions">
diff --git a/frontend/src/app/features/dashboard/pages/dashboard-page.component.ts b/frontend/src/app/features/dashboard/pages/dashboard-page.component.ts
index d7b7a4ec46..8705a3a2d9 100644
--- a/frontend/src/app/features/dashboard/pages/dashboard-page.component.ts
+++ b/frontend/src/app/features/dashboard/pages/dashboard-page.component.ts
@@ -8,7 +8,7 @@
 import { AsyncPipe } from '@angular/common';
 import { AfterViewInit, Component, NgZone, OnInit, Renderer2, ViewChild } from '@angular/core';
 import { GridsterComponent, GridsterConfig, GridsterItem, GridsterItemComponent, GridType } from 'angular-gridster2';
-import { ApiCallsCardComponent, ApiCallsSummaryCardComponent, ApiPerformanceCardComponent, ApiTrafficCardComponent, ApiTrafficSummaryCardComponent, AppsState, AssetUploadsCountCardComponent, AssetUploadsSizeCardComponent, AssetUploadsSizeSummaryCardComponent, AuthService, CallsUsageDto, CurrentStorageDto, DateTime, defined, fadeAnimation, IFrameCardComponent, LocalStoreService, MarkdownPipe, RandomCatCardComponent, RandomDogCardComponent, SafeHtmlPipe, Settings, StorageUsagePerDateDto, Subscriptions, SupportCardComponent, switchSafe, TitleComponent, TourStepDirective, TranslatePipe, UsagesService } from '@app/shared';
+import { ApiCallsCardComponent, ApiCallsSummaryCardComponent, ApiPerformanceCardComponent, ApiTrafficCardComponent, ApiTrafficSummaryCardComponent, AppsState, AssetUploadsCountCardComponent, AssetUploadsSizeCardComponent, AssetUploadsSizeSummaryCardComponent, AuthService, CallsUsageDto, CurrentStorageDto, DateTime, defined, fadeAnimation, IFrameCardComponent, LocalStoreService, MarkdownDirective, RandomCatCardComponent, RandomDogCardComponent, Settings, StorageUsagePerDateDto, Subscriptions, SupportCardComponent, switchSafe, TitleComponent, TourStepDirective, TranslatePipe, UsagesService } from '@app/shared';
 import { ApiCardComponent } from './cards/api-card.component';
 import { ContentSummaryCardComponent } from './cards/content-summary-card.component';
 import { GithubCardComponent } from './cards/github-card.component';
@@ -42,10 +42,9 @@ import { DashboardConfigComponent } from './dashboard-config.component';
         GridsterItemComponent,
         HistoryCardComponent,
         IFrameCardComponent,
-        MarkdownPipe,
+        MarkdownDirective,
         RandomCatCardComponent,
         RandomDogCardComponent,
-        SafeHtmlPipe,
         SchemaCardComponent,
         SupportCardComponent,
         TitleComponent,
diff --git a/frontend/src/app/features/rules/pages/rules/rule.component.html b/frontend/src/app/features/rules/pages/rules/rule.component.html
index b2c4739df6..20af1d2386 100644
--- a/frontend/src/app/features/rules/pages/rules/rule.component.html
+++ b/frontend/src/app/features/rules/pages/rules/rule.component.html
@@ -14,8 +14,8 @@
                 <button
                     class="btn btn-text-secondary"
                     #buttonOptions
-                    (click)="dropdown.toggle()"
                     attr.aria-label="{{ 'common.options' | sqxTranslate }}"
+                    (click)="dropdown.toggle()"
                     type="button">
                     <i class="icon-dots"></i>
                 </button>
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/schema-fields.component.html b/frontend/src/app/features/schemas/pages/schema/fields/schema-fields.component.html
index 5b0ed716a7..5476603d11 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/schema-fields.component.html
+++ b/frontend/src/app/features/schemas/pages/schema/fields/schema-fields.component.html
@@ -27,5 +27,6 @@
             </button>
         }
     }
+
     <sqx-field-wizard (dialogClose)="fieldWizard.hide()" [schema]="schema" [settings]="settings" *sqxModal="fieldWizard"></sqx-field-wizard>
 }
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/assets-ui.component.html b/frontend/src/app/features/schemas/pages/schema/fields/types/assets-ui.component.html
index 7e17fc1301..50228ef83a 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/assets-ui.component.html
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/assets-ui.component.html
@@ -26,7 +26,7 @@
             <input class="form-control" id="{{ field.fieldId }}_previewFormat" formControlName="previewFormat" />
 
             <sqx-form-hint>
-                <span [innerHTML]="'schemas.fieldTypes.assets.previewFormatHint' | sqxTranslate | sqxMarkdownInline | sqxSafeHtml"></span>
+                <span inline="true" [sqxMarkdown]="'schemas.fieldTypes.assets.previewFormatHint' | sqxTranslate"></span>
             </sqx-form-hint>
         </div>
     </div>
@@ -41,7 +41,7 @@
             </div>
 
             <sqx-form-hint>
-                {{ "schemas.fieldTypes.assets.resolveHint" | sqxTranslate | sqxMarkdownInline }}
+                <span inline="true" [sqxMarkdown]="'schemas.fieldTypes.assets.resolveHint' | sqxTranslate"></span>
             </sqx-form-hint>
         </div>
     </div>
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/assets-ui.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/assets-ui.component.ts
index d2b4500b1b..5abcf9a27c 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/assets-ui.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/assets-ui.component.ts
@@ -7,7 +7,7 @@
 
 import { Component, Input } from '@angular/core';
 import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';
-import { AssetFolderDropdownComponent, AssetsFieldPropertiesDto, FieldDto, FormHintComponent, MarkdownInlinePipe, SafeHtmlPipe, TranslatePipe } from '@app/shared';
+import { AssetFolderDropdownComponent, AssetsFieldPropertiesDto, FieldDto, FormHintComponent, MarkdownDirective, TranslatePipe } from '@app/shared';
 
 @Component({
     standalone: true,
@@ -18,9 +18,8 @@ import { AssetFolderDropdownComponent, AssetsFieldPropertiesDto, FieldDto, FormH
         AssetFolderDropdownComponent,
         FormHintComponent,
         FormsModule,
-        MarkdownInlinePipe,
+        MarkdownDirective,
         ReactiveFormsModule,
-        SafeHtmlPipe,
         TranslatePipe,
     ],
 })
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-ui.component.html b/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-ui.component.html
index d3354a69e4..3b4e339c7f 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-ui.component.html
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-ui.component.html
@@ -21,7 +21,7 @@
             <input class="form-control" id="{{ field.fieldId }}_fieldFormat" formControlName="format" maxlength="100" />
 
             <sqx-form-hint>
-                <span [innerHTML]="'schemas.fieldTypes.dateTime.formatHint' | sqxTranslate | sqxMarkdownInline | sqxSafeHtml"></span>
+                <span inline="true" [sqxMarkdown]="'schemas.fieldTypes.dateTime.formatHint' | sqxTranslate"></span>
             </sqx-form-hint>
         </div>
     </div>
diff --git a/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-ui.component.ts b/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-ui.component.ts
index dfa2124fae..e4c728dc4d 100644
--- a/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-ui.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/fields/types/date-time-ui.component.ts
@@ -8,7 +8,7 @@
 
 import { Component, Input } from '@angular/core';
 import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';
-import { DATETIME_FIELD_EDITORS, DateTimeFieldPropertiesDto, FieldDto, FloatConverter, FormHintComponent, MarkdownInlinePipe, SafeHtmlPipe, TranslatePipe } from '@app/shared';
+import { DATETIME_FIELD_EDITORS, DateTimeFieldPropertiesDto, FieldDto, FloatConverter, FormHintComponent, MarkdownDirective, TranslatePipe } from '@app/shared';
 
 @Component({
     standalone: true,
@@ -18,9 +18,8 @@ import { DATETIME_FIELD_EDITORS, DateTimeFieldPropertiesDto, FieldDto, FloatConv
     imports: [
         FormHintComponent,
         FormsModule,
-        MarkdownInlinePipe,
+        MarkdownDirective,
         ReactiveFormsModule,
-        SafeHtmlPipe,
         TranslatePipe,
     ],
 })
diff --git a/frontend/src/app/features/schemas/pages/schema/indexes/index-form.component.html b/frontend/src/app/features/schemas/pages/schema/indexes/index-form.component.html
new file mode 100644
index 0000000000..6f3618f24c
--- /dev/null
+++ b/frontend/src/app/features/schemas/pages/schema/indexes/index-form.component.html
@@ -0,0 +1,73 @@
+<form (ngSubmit)="createSchema()">
+    <sqx-modal-dialog (dialogClose)="dialogClose.emit()" size="md">
+        <ng-container title>
+            {{ "schemas.indexes.addTitle" | sqxTranslate }}
+        </ng-container>
+
+        <ng-container content>
+            <sqx-form-hint>
+                <span inline="true" [sqxMarkdown]="'schemas.indexes.hint' | sqxTranslate" trusted="true"></span>
+            </sqx-form-hint>
+
+            @for (form of createForm.controls; track form; let i = $index) {
+                <div class="form-group row gx-2" attr.data-testid="pattern_{{ form.get('name')?.value }}" [formGroup]="form">
+                    <div class="col">
+                        <sqx-control-errors for="name"></sqx-control-errors>
+                        <select class="form-select" formControlName="name">
+                            @for (fieldName of fieldNames; track fieldName) {
+                                <option [ngValue]="fieldName">{{ fieldName }}</option>
+                            }
+                        </select>
+                    </div>
+                    <div class="col-4">
+                        <sqx-control-errors for="order"></sqx-control-errors>
+                        <select class="form-select" formControlName="order">
+                            <option [ngValue]="'Ascending'">Ascending</option>
+                            <option [ngValue]="'Descending'">Descending</option>
+                        </select>
+                    </div>
+                    <div class="col-auto">
+                        <button
+                            class="btn btn-text-danger"
+                            attr.aria-label="{{ 'common.delete' | sqxTranslate }}"
+                            confirmRememberKey="deleteIndexField"
+                            confirmText="i18n:schemas.indexes.deleteFieldConfirmText"
+                            confirmTitle="i18n:schemas.indexes.deleteFieldConfirmTitle"
+                            (sqxConfirmClick)="createForm.form.removeAt(i)"
+                            type="button">
+                            <i class="icon-bin2"></i>
+                        </button>
+                    </div>
+                </div>
+            }
+
+            <div class="form-group row gx-2">
+                <div class="col">
+                    <div class="form-control preview">{{ "common.name" | sqxTranslate }}</div>
+                </div>
+                <div class="col-4">
+                    <div class="form-control preview">{{ "common.order" | sqxTranslate }}</div>
+                </div>
+                <div class="col-auto">
+                    <button
+                        class="btn btn-success"
+                        attr.aria-label="{{ 'common.add' | sqxTranslate }}"
+                        (click)="createForm.form.add()"
+                        type="button">
+                        <i class="icon-add"></i>
+                    </button>
+                </div>
+            </div>
+        </ng-container>
+
+        <ng-container footer>
+            <button class="btn btn-text-secondary" (click)="dialogClose.emit()" type="button">
+                {{ "common.cancel" | sqxTranslate }}
+            </button>
+
+            <button class="btn btn-success" type="submit">
+                {{ "common.create" | sqxTranslate }}
+            </button>
+        </ng-container>
+    </sqx-modal-dialog>
+</form>
diff --git a/frontend/src/app/features/schemas/pages/schema/indexes/index-form.component.scss b/frontend/src/app/features/schemas/pages/schema/indexes/index-form.component.scss
new file mode 100644
index 0000000000..e07a4ea1c7
--- /dev/null
+++ b/frontend/src/app/features/schemas/pages/schema/indexes/index-form.component.scss
@@ -0,0 +1,2 @@
+@import 'mixins';
+@import 'vars';
diff --git a/frontend/src/app/features/schemas/pages/schema/indexes/index-form.component.ts b/frontend/src/app/features/schemas/pages/schema/indexes/index-form.component.ts
new file mode 100644
index 0000000000..c3fdcb74bb
--- /dev/null
+++ b/frontend/src/app/features/schemas/pages/schema/indexes/index-form.component.ts
@@ -0,0 +1,100 @@
+/*
+ * Squidex Headless CMS
+ *
+ * @license
+ * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
+ */
+
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { AppLanguageDto, ConfirmClickDirective, ControlErrorsComponent, CreateIndexForm, FormHintComponent, IndexesState, MarkdownDirective, ModalDialogComponent, SchemaDto, TranslatePipe } from '@app/shared';
+
+
+@Component({
+    standalone: true,
+    selector: 'sqx-index-form',
+    styleUrls: ['./index-form.component.scss'],
+    templateUrl: './index-form.component.html',
+    imports: [
+        ConfirmClickDirective,
+        ControlErrorsComponent,
+        FormHintComponent,
+        FormsModule,
+        MarkdownDirective,
+        ModalDialogComponent,
+        ReactiveFormsModule,
+        TranslatePipe,
+    ],
+})
+export class IndexFormComponent {
+    @Output()
+    public create = new EventEmitter();
+
+    @Output()
+    public dialogClose = new EventEmitter();
+
+    @Input({ required: true })
+    public schema!: SchemaDto;
+
+    @Input({ required: true })
+    public languages!: AppLanguageDto[];
+
+    public createForm = new CreateIndexForm();
+    public fieldNames: string[] = [];
+
+    constructor(
+        private readonly indexesState: IndexesState,
+    ) {
+    }
+
+    public ngOnInit() {
+        const metaFields: string[] = [
+            'created',
+            'createdBy',
+            'lastModified',
+            'lastModifiedBy',
+            'newStatus',
+            'status',
+            'version',
+        ];
+
+        const dataFields: string[] = [];
+        for (const field of this.schema.fields) {
+            if (field.properties.isContentField) {
+                if (field.isLocalizable) {
+                    for (const language of this.languages) {
+                        dataFields.push(`data.${field.name}.${language.iso2Code}`);
+                    }
+                } else {
+                    dataFields.push(`data.${field.name}.iv`);
+                }
+            }
+        }
+
+        this.fieldNames = [...metaFields, ...dataFields.sort()];
+    }
+
+    public emitCreate() {
+        this.create.emit();
+    }
+
+    public emitClose() {
+        this.dialogClose.emit();
+    }
+
+    public createSchema() {
+        const fields = this.createForm.submit();
+
+        if (fields) {
+            this.indexesState.create({ fields })
+                .subscribe({
+                    next: () => {
+                        this.emitCreate();
+                    },
+                    error: error => {
+                        this.createForm.submitFailed(error);
+                    },
+                });
+        }
+    }
+}
\ No newline at end of file
diff --git a/frontend/src/app/features/schemas/pages/schema/indexes/index.component.html b/frontend/src/app/features/schemas/pages/schema/indexes/index.component.html
new file mode 100644
index 0000000000..cea86f6d91
--- /dev/null
+++ b/frontend/src/app/features/schemas/pages/schema/indexes/index.component.html
@@ -0,0 +1,57 @@
+<div class="table-items-row table-items-row-expandable">
+    <div class="table-items-row-summary row gx-2 align-items-center">
+        <div class="col">
+            <span class="truncate">{{ index.name }}</span>
+        </div>
+        <div class="col-auto">
+            <div class="float-end">
+                <button
+                    class="btn btn-outline-secondary btn-expand me-1"
+                    attr.aria-label="{{ 'common.options' | sqxTranslate }}"
+                    [class.expanded]="isExpanded"
+                    (click)="toggleExpanded()"
+                    type="button">
+                    <span class="hidden">{{ "common.settings" | sqxTranslate }}</span>
+                    <i class="icon-settings"></i>
+                </button>
+
+                <button
+                    class="btn btn-text-danger"
+                    attr.aria-label="{{ 'common.delete' | sqxTranslate }}"
+                    confirmRememberKey="deleteIndex"
+                    confirmText="i18n:schemas.indexes.deleteConfirmText"
+                    confirmTitle="i18n:schemas.indexes.deleteConfirmTitle"
+                    [disabled]="!index.canDelete"
+                    (sqxConfirmClick)="delete()"
+                    type="button">
+                    <i class="icon-bin2"></i>
+                </button>
+            </div>
+        </div>
+    </div>
+
+    @if (isExpanded) {
+        <div class="table-items-row-details">
+            <table class="table table-sm table-fixed mb-0">
+                <colgroup>
+                    <col />
+                    <col style="width: 300px" />
+                </colgroup>
+                <thead>
+                    <tr>
+                        <th>{{ "common.field" | sqxTranslate }}</th>
+                        <th>{{ "common.order" | sqxTranslate }}</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    @for (field of index.fields; track field.name) {
+                        <tr>
+                            <td>{{ field.name }}</td>
+                            <td>{{ field.order }}</td>
+                        </tr>
+                    }
+                </tbody>
+            </table>
+        </div>
+    }
+</div>
diff --git a/frontend/src/app/features/schemas/pages/schema/indexes/index.component.scss b/frontend/src/app/features/schemas/pages/schema/indexes/index.component.scss
new file mode 100644
index 0000000000..c008d3ded1
--- /dev/null
+++ b/frontend/src/app/features/schemas/pages/schema/indexes/index.component.scss
@@ -0,0 +1,12 @@
+@import 'mixins';
+@import 'vars';
+
+th {
+    padding-left: 1rem !important;
+    padding-right: 1rem;
+    background: $color-border-light !important;
+}
+
+td {
+    padding-left: 1rem;
+}
\ No newline at end of file
diff --git a/frontend/src/app/features/schemas/pages/schema/indexes/index.component.ts b/frontend/src/app/features/schemas/pages/schema/indexes/index.component.ts
new file mode 100644
index 0000000000..f0c0e2784d
--- /dev/null
+++ b/frontend/src/app/features/schemas/pages/schema/indexes/index.component.ts
@@ -0,0 +1,39 @@
+/*
+ * Squidex Headless CMS
+ *
+ * @license
+ * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
+ */
+
+import { Component, Input } from '@angular/core';
+import { ConfirmClickDirective, IndexDto, IndexesState, TranslatePipe } from '@app/shared';
+
+@Component({
+    standalone: true,
+    selector: 'sqx-index',
+    styleUrls: ['./index.component.scss'],
+    templateUrl: './index.component.html',
+    imports: [
+        ConfirmClickDirective,
+        TranslatePipe,
+    ],
+})
+export class IndexComponent {
+    @Input({ required: true })
+    public index!: IndexDto;
+
+    public isExpanded?: boolean | null;
+
+    constructor(
+        private readonly indexesState: IndexesState,
+    ) {
+    }
+
+    public toggleExpanded() {
+        this.isExpanded = !this.isExpanded;
+    }
+
+    public delete() {
+        this.indexesState.delete(this.index);
+    }
+}
diff --git a/frontend/src/app/features/schemas/pages/schema/indexes/schema-indexes.component.html b/frontend/src/app/features/schemas/pages/schema/indexes/schema-indexes.component.html
new file mode 100644
index 0000000000..1f4b7144c4
--- /dev/null
+++ b/frontend/src/app/features/schemas/pages/schema/indexes/schema-indexes.component.html
@@ -0,0 +1,55 @@
+<sqx-list-view innerWidth="50rem">
+    @if (canCreateIndexes) {
+        <div class="mt-2">
+            @if ((indexesState.isLoaded | async) && (indexesState.indexes | async); as indexes) {
+                @if (indexes.length === 0) {
+                    <div class="table-items-row table-items-row-summary table-items-row-empty">
+                        {{ "schemas.indexes.empty" | sqxTranslate }}
+
+                        <button class="btn btn-success btn-sm ms-2" (click)="addIndexDialog.show()" sqxTourStep="addField" type="button">
+                            <i class="icon icon-plus"></i>
+                            {{ "schemas.indexes.addIndex" | sqxTranslate }}
+                        </button>
+                    </div>
+                }
+                @for (index of indexes; track index.name) {
+                    <sqx-index [index]="index"></sqx-index>
+                }
+            }
+        </div>
+    } @else {
+        <div class="table-items-row table-items-row-summary table-items-row-empty text-sm">
+            {{ "schemas.indexes.empty" | sqxTranslate }}
+
+            <div class="section">
+                <span [sqxMarkdown]="'schemas.indexes.notEnableHint1' | sqxTranslate" trusted="true"></span>
+
+                <sqx-code>CONTENTS__OPTIMIZEFORSELFHOSTING=true</sqx-code>
+            </div>
+
+            <div class="section">
+                <span [sqxMarkdown]="'schemas.indexes.notEnableHint2' | sqxTranslate" trusted="true"></span>
+
+                <sqx-code>REBUILD__CONTENTS=true</sqx-code>
+            </div>
+        </div>
+    }
+</sqx-list-view>
+
+@if (canCreateIndexes) {
+    @if (indexesState.canCreate | async) {
+        <button class="btn btn-success index-button" (click)="addIndexDialog.show()" type="button">
+            <i class="icon icon-plus index-button-icon"></i>
+            <div class="index-button-text">{{ "schemas.indexes.addIndexButton" | sqxTranslate }}</div>
+        </button>
+    }
+
+    @if (languagesState.isoLanguages | async; as languages) {
+        <sqx-index-form
+            (create)="addIndexDialog.hide()"
+            (dialogClose)="addIndexDialog.hide()"
+            [languages]="languages"
+            [schema]="schema"
+            *sqxModal="addIndexDialog"></sqx-index-form>
+    }
+}
diff --git a/frontend/src/app/features/schemas/pages/schema/indexes/schema-indexes.component.scss b/frontend/src/app/features/schemas/pages/schema/indexes/schema-indexes.component.scss
new file mode 100644
index 0000000000..b2113a11bb
--- /dev/null
+++ b/frontend/src/app/features/schemas/pages/schema/indexes/schema-indexes.component.scss
@@ -0,0 +1,22 @@
+@import 'mixins';
+@import 'vars';
+
+.index-button {
+    @include circle(5.25rem);
+    @include box-shadow-outer(0, 8px, 16px, .3);
+    @include absolute(auto, 6rem, 1rem, auto);
+
+    &-icon {
+        font-weight: bold;
+    }
+
+    &-text {
+        font-size: $font-small;
+    }
+}
+
+.section {
+    font-size: $font-small;
+    font-weight: normal;
+    margin-top: 1rem;
+}
diff --git a/frontend/src/app/features/schemas/pages/schema/indexes/schema-indexes.component.ts b/frontend/src/app/features/schemas/pages/schema/indexes/schema-indexes.component.ts
new file mode 100644
index 0000000000..99e2c4e149
--- /dev/null
+++ b/frontend/src/app/features/schemas/pages/schema/indexes/schema-indexes.component.ts
@@ -0,0 +1,57 @@
+/*
+ * Squidex Headless CMS
+ *
+ * @license
+ * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
+ */
+
+
+import { AsyncPipe } from '@angular/common';
+import { Component, inject, Input, OnInit } from '@angular/core';
+import { switchMap, timer } from 'rxjs';
+import { CodeComponent, DialogModel, IndexesState, LanguagesState, ListViewComponent, MarkdownDirective, ModalDirective, SchemaDto, Subscriptions, TranslatePipe, UIOptions } from '@app/shared';
+import { IndexFormComponent } from './index-form.component';
+import { IndexComponent } from './index.component';
+
+@Component({
+    standalone: true,
+    selector: 'sqx-schema-indexes',
+    styleUrls: ['./schema-indexes.component.scss'],
+    templateUrl: './schema-indexes.component.html',
+    imports: [
+        AsyncPipe,
+        CodeComponent,
+        IndexFormComponent,
+        IndexComponent,
+        MarkdownDirective,
+        ModalDirective,
+        ListViewComponent,
+        TranslatePipe,
+    ],
+})
+export class SchemaIndexesComponent implements OnInit {
+    private readonly subscriptions = new Subscriptions();
+
+    public readonly canCreateIndexes = inject(UIOptions).value.canCreateIndexes;
+
+    @Input({ required: true })
+    public schema!: SchemaDto;
+
+    public addIndexDialog = new DialogModel();
+
+    constructor(
+        public readonly indexesState: IndexesState,
+        public readonly languagesState: LanguagesState,
+    ) {
+    }
+
+    public ngOnInit() {
+        this.indexesState.load();
+
+        this.subscriptions.add(
+            timer(3000, 3000).pipe(
+                switchMap(() => this.indexesState.load(false, true))));
+
+        this.languagesState.load();
+    }
+}
\ No newline at end of file
diff --git a/frontend/src/app/features/schemas/pages/schema/schema-page.component.html b/frontend/src/app/features/schemas/pages/schema/schema-page.component.html
index 4d402105ae..8c30a14d04 100644
--- a/frontend/src/app/features/schemas/pages/schema/schema-page.component.html
+++ b/frontend/src/app/features/schemas/pages/schema/schema-page.component.html
@@ -28,6 +28,13 @@
                         {{ "schemas.tabJson" | sqxTranslate }}
                     </a>
                 </li>
+                @if (!hideIndexes) {
+                    <li>
+                        <a class="nav-link" [class.active]="tab === 'indexes'" [queryParams]="{ tab: 'indexes' }" [routerLink]="[]">
+                            {{ "schemas.tabIndexes" | sqxTranslate }}
+                        </a>
+                    </li>
+                }
                 <li>
                     <a class="nav-link" [class.active]="tab === 'more'" [queryParams]="{ tab: 'more' }" [routerLink]="[]">
                         {{ "schemas.tabMore" | sqxTranslate }}
@@ -94,6 +101,9 @@
                 @case ("json") {
                     <sqx-schema-export-form [schema]="schema"></sqx-schema-export-form>
                 }
+                @case ("indexes") {
+                    <sqx-schema-indexes [schema]="schema"></sqx-schema-indexes>
+                }
                 @case ("more") {
                     <sqx-list-view innerWidth="50rem">
                         <div>
diff --git a/frontend/src/app/features/schemas/pages/schema/schema-page.component.ts b/frontend/src/app/features/schemas/pages/schema/schema-page.component.ts
index 7fd28161c7..4d8aded737 100644
--- a/frontend/src/app/features/schemas/pages/schema/schema-page.component.ts
+++ b/frontend/src/app/features/schemas/pages/schema/schema-page.component.ts
@@ -6,14 +6,15 @@
  */
 
 import { AsyncPipe } from '@angular/common';
-import { Component, OnInit } from '@angular/core';
+import { Component, inject, OnInit } from '@angular/core';
 import { ActivatedRoute, Router, RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
 import { map } from 'rxjs/operators';
-import { ConfirmClickDirective, defined, DropdownMenuComponent, LayoutComponent, ListViewComponent, MessageBus, ModalDirective, ModalModel, ModalPlacementDirective, SchemaDto, SchemasState, SidebarMenuDirective, Subscriptions, TitleComponent, TooltipDirective, TourStepDirective, TranslatePipe } from '@app/shared';
+import { ConfirmClickDirective, defined, DropdownMenuComponent, LayoutComponent, ListViewComponent, MessageBus, ModalDirective, ModalModel, ModalPlacementDirective, SchemaDto, SchemasState, SidebarMenuDirective, Subscriptions, TitleComponent, TooltipDirective, TourStepDirective, TranslatePipe, UIOptions } from '@app/shared';
 import { SchemaCloning } from '../messages';
 import { SchemaEditFormComponent } from './common/schema-edit-form.component';
 import { SchemaExportFormComponent } from './export/schema-export-form.component';
 import { SchemaFieldsComponent } from './fields/schema-fields.component';
+import { SchemaIndexesComponent } from './indexes/schema-indexes.component';
 import { SchemaPreviewUrlsFormComponent } from './preview/schema-preview-urls-form.component';
 import { SchemaFieldRulesFormComponent } from './rules/schema-field-rules-form.component';
 import { SchemaScriptsFormComponent } from './scripts/schema-scripts-form.component';
@@ -39,6 +40,7 @@ import { SchemaUIFormComponent } from './ui/schema-ui-form.component';
         SchemaExportFormComponent,
         SchemaFieldRulesFormComponent,
         SchemaFieldsComponent,
+        SchemaIndexesComponent,
         SchemaPreviewUrlsFormComponent,
         SchemaScriptsFormComponent,
         SchemaUIFormComponent,
@@ -52,7 +54,7 @@ import { SchemaUIFormComponent } from './ui/schema-ui-form.component';
 export class SchemaPageComponent implements OnInit {
     private readonly subscriptions = new Subscriptions();
 
-    public readonly exact = { exact: true };
+    public readonly hideIndexes = inject(UIOptions).value.hideIndexes;
 
     public schema!: SchemaDto;
     public schemaTab = this.route.queryParams.pipe(map(x => x['tab'] || 'fields'));
diff --git a/frontend/src/app/features/settings/pages/clients/client-connect-form.component.html b/frontend/src/app/features/settings/pages/clients/client-connect-form.component.html
index 3ed309f416..a4f5114afd 100644
--- a/frontend/src/app/features/settings/pages/clients/client-connect-form.component.html
+++ b/frontend/src/app/features/settings/pages/clients/client-connect-form.component.html
@@ -36,7 +36,7 @@
             @case ("Start") {
                 <h3>{{ "clients.connectWizard.step1Title" | sqxTranslate }}</h3>
                 <sqx-form-hint>
-                    <span [innerHTML]="'clients.connectWizard.postManDocs' | sqxTranslate | sqxMarkdownInline: true | sqxSafeHtml"></span>
+                    <span inline="true" [sqxMarkdown]="'clients.connectWizard.postManDocs' | sqxTranslate" trusted="true"></span>
                 </sqx-form-hint>
                 <div class="section">
                     <div class="option" (click)="go('HTTP')">
@@ -108,7 +108,7 @@ <h5>
                         <span class="badge rounded-pill bg-dark">1</span>
                         {{ "clients.connectWizard.cliStep1" | sqxTranslate }}
                     </h5>
-                    <div [innerHTML]="'clients.connectWizard.cliStep1Download' | sqxTranslate | sqxMarkdown: true | sqxSafeHtml"></div>
+                    <div [sqxMarkdown]="'clients.connectWizard.cliStep1Download' | sqxTranslate" trusted="true"></div>
                     <sqx-form-hint>
                         {{ "clients.connectWizard.cliStep1Hint" | sqxTranslate }}
                     </sqx-form-hint>
@@ -116,7 +116,7 @@ <h5>
                 <div class="section step">
                     <h5>
                         <span class="badge rounded-pill bg-dark">2</span>
-                        <span [innerHTML]="'clients.connectWizard.cliStep2' | sqxTranslate | sqxMarkdownInline: true | sqxSafeHtml"></span>
+                        <span [sqxMarkdown]="'clients.connectWizard.cliStep2' | sqxTranslate" trusted="true"></span>
                     </h5>
                 </div>
                 <div class="section step">
@@ -150,7 +150,7 @@ <h5>
                             <div class="sdk-header" [class.active]="sdk === availableSDK.value" (click)="select(availableSDK.value)">
                                 <div
                                     class="logo d-flex align-items-center justify-content-center"
-                                    [innerHTML]="availableSDK.value.logo | sqxSafeHtml"></div>
+                                    [sqxMarkdown]="availableSDK.value.logo"></div>
                                 {{ availableSDK.value.name }}
                             </div>
                         }
diff --git a/frontend/src/app/features/settings/pages/clients/client-connect-form.component.ts b/frontend/src/app/features/settings/pages/clients/client-connect-form.component.ts
index a4c5115649..5ea22ad150 100644
--- a/frontend/src/app/features/settings/pages/clients/client-connect-form.component.ts
+++ b/frontend/src/app/features/settings/pages/clients/client-connect-form.component.ts
@@ -7,7 +7,7 @@
 
 import { AsyncPipe, KeyValuePipe } from '@angular/common';
 import { ChangeDetectorRef, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-import { AccessTokenDto, ApiUrlConfig, AppsState, ClientDto, ClientsService, ClientTourStated, CodeComponent, DialogService, ExternalLinkDirective, FormHintComponent, HelpService, MarkdownDirective, MarkdownInlinePipe, MarkdownPipe, MessageBus, ModalDialogComponent, SafeHtmlPipe, SDKEntry, TooltipDirective, TranslatePipe } from '@app/shared';
+import { AccessTokenDto, ApiUrlConfig, AppsState, ClientDto, ClientsService, ClientTourStated, CodeComponent, DialogService, ExternalLinkDirective, FormHintComponent, HelpService, MarkdownDirective, MessageBus, ModalDialogComponent, SDKEntry, TooltipDirective, TranslatePipe } from '@app/shared';
 
 @Component({
     standalone: true,
@@ -21,10 +21,7 @@ import { AccessTokenDto, ApiUrlConfig, AppsState, ClientDto, ClientsService, Cli
         FormHintComponent,
         KeyValuePipe,
         MarkdownDirective,
-        MarkdownInlinePipe,
-        MarkdownPipe,
         ModalDialogComponent,
-        SafeHtmlPipe,
         TooltipDirective,
         TranslatePipe,
     ],
diff --git a/frontend/src/app/features/settings/pages/clients/client.component.html b/frontend/src/app/features/settings/pages/clients/client.component.html
index d3cceb0c12..ca5a44c638 100644
--- a/frontend/src/app/features/settings/pages/clients/client.component.html
+++ b/frontend/src/app/features/settings/pages/clients/client.component.html
@@ -44,7 +44,7 @@
 
                         <button
                             class="btn btn-outline-secondary"
-                            attr.aria-label="{{ 'i18n:clients.copyClientId' | sqxTranslate }}"
+                            attr.aria-label="{{ 'clients.copyClientId' | sqxTranslate }}"
                             [sqxCopy]="clientId"
                             title="i18n:clients.copyClientId"
                             type="button">
@@ -64,7 +64,7 @@
 
                         <button
                             class="btn btn-outline-secondary"
-                            attr.aria-label="{{ 'i18n:clients.copyClientSecret' | sqxTranslate }}"
+                            attr.aria-label="{{ 'clients.copyClientSecret' | sqxTranslate }}"
                             [sqxCopy]="inputSecret"
                             title="i18n:clients.copyClientSecret"
                             type="button">
diff --git a/frontend/src/app/features/settings/pages/jobs/job.component.html b/frontend/src/app/features/settings/pages/jobs/job.component.html
index eb7af8a36f..53cd3e12d1 100644
--- a/frontend/src/app/features/settings/pages/jobs/job.component.html
+++ b/frontend/src/app/features/settings/pages/jobs/job.component.html
@@ -35,7 +35,7 @@ <h4>{{ job.description }}</h4>
 
                 <button
                     class="btn btn-outline-secondary btn-expand ms-1"
-                    [class.expanded]="expanded"
+                    [class.expanded]="isExpanded"
                     (click)="toggleExpanded()"
                     type="button">
                     <span class="hidden">{{ "common.settings" | sqxTranslate }}</span>
@@ -56,7 +56,7 @@ <h4>{{ job.description }}</h4>
         </div>
     </div>
 
-    @if (expanded) {
+    @if (isExpanded) {
         <div class="table-items-row-details">
             <div class="job-header">
                 <h4>{{ "common.details" | sqxTranslate }}</h4>
diff --git a/frontend/src/app/features/settings/pages/jobs/job.component.ts b/frontend/src/app/features/settings/pages/jobs/job.component.ts
index 69ce5c7a13..a9490b9229 100644
--- a/frontend/src/app/features/settings/pages/jobs/job.component.ts
+++ b/frontend/src/app/features/settings/pages/jobs/job.component.ts
@@ -7,7 +7,7 @@
 
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { ApiUrlConfig, CodeEditorComponent, ConfirmClickDirective, Duration, ExternalLinkDirective, FromNowPipe, JobDto, JobsState, KNumberPipe, StatusIconComponent, TooltipDirective, TranslatePipe, TypedSimpleChanges } from '@app/shared';
+import { ApiUrlConfig, CodeEditorComponent, ConfirmClickDirective, Duration, ExternalLinkDirective, FromNowPipe, JobDto, JobsState, StatusIconComponent, TranslatePipe, TypedSimpleChanges } from '@app/shared';
 
 @Component({
     standalone: true,
@@ -21,9 +21,7 @@ import { ApiUrlConfig, CodeEditorComponent, ConfirmClickDirective, Duration, Ext
         ExternalLinkDirective,
         FormsModule,
         FromNowPipe,
-        KNumberPipe,
         StatusIconComponent,
-        TooltipDirective,
         TranslatePipe,
     ],
 })
@@ -34,7 +32,7 @@ export class JobComponent {
     public duration = '';
     public details = '';
 
-    public expanded = false;
+    public isExpanded = false;
 
     constructor(
         public readonly apiUrl: ApiUrlConfig,
@@ -65,6 +63,6 @@ export class JobComponent {
     }
 
     public toggleExpanded() {
-        this.expanded = !this.expanded;
+        this.isExpanded = !this.isExpanded;
     }
 }
diff --git a/frontend/src/app/features/settings/pages/plans/plans-page.component.html b/frontend/src/app/features/settings/pages/plans/plans-page.component.html
index 16a450c1dd..9b273bd525 100644
--- a/frontend/src/app/features/settings/pages/plans/plans-page.component.html
+++ b/frontend/src/app/features/settings/pages/plans/plans-page.component.html
@@ -28,9 +28,9 @@
                     <div class="card card-body mb-4">
                         <h5 class="card-title">Squidex Referal Program</h5>
                         <sqx-form-hint>
-                            <div [innerHTML]="'plans.referralHint' | sqxTranslate: referral | sqxMarkdown | sqxSafeHtml"></div>
-                            <div [innerHTML]="referral.condition | sqxMarkdown | sqxSafeHtml"></div>
-                            <div [innerHTML]="'plans.referralEarned' | sqxTranslate: referral | sqxMarkdown | sqxSafeHtml"></div>
+                            <div [sqxMarkdown]="'plans.referralHint' | sqxTranslate: referral"></div>
+                            <div [sqxMarkdown]="referral.condition"></div>
+                            <div [sqxMarkdown]="'plans.referralEarned' | sqxTranslate: referral"></div>
                         </sqx-form-hint>
                     </div>
                 }
diff --git a/frontend/src/app/features/settings/pages/plans/plans-page.component.ts b/frontend/src/app/features/settings/pages/plans/plans-page.component.ts
index 796ae61194..960b4b11c8 100644
--- a/frontend/src/app/features/settings/pages/plans/plans-page.component.ts
+++ b/frontend/src/app/features/settings/pages/plans/plans-page.component.ts
@@ -8,7 +8,7 @@
 import { AsyncPipe } from '@angular/common';
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
-import { ApiUrlConfig, ExternalLinkDirective, FormHintComponent, LayoutComponent, ListViewComponent, MarkdownPipe, NotifoComponent, PlansState, SafeHtmlPipe, ShortcutDirective, SidebarMenuDirective, TitleComponent, TooltipDirective, TourStepDirective, TranslatePipe, UserNamePipe } from '@app/shared';
+import { ApiUrlConfig, ExternalLinkDirective, FormHintComponent, LayoutComponent, ListViewComponent, MarkdownDirective, NotifoComponent, PlansState, ShortcutDirective, SidebarMenuDirective, TitleComponent, TooltipDirective, TourStepDirective, TranslatePipe, UserNamePipe } from '@app/shared';
 import { PlanComponent } from './plan.component';
 
 @Component({
@@ -22,13 +22,12 @@ import { PlanComponent } from './plan.component';
         FormHintComponent,
         LayoutComponent,
         ListViewComponent,
-        MarkdownPipe,
+        MarkdownDirective,
         NotifoComponent,
         PlanComponent,
         RouterLink,
         RouterLinkActive,
         RouterOutlet,
-        SafeHtmlPipe,
         ShortcutDirective,
         SidebarMenuDirective,
         TitleComponent,
diff --git a/frontend/src/app/features/settings/pages/templates/template.component.html b/frontend/src/app/features/settings/pages/templates/template.component.html
index fc4a9dca0d..832935158a 100644
--- a/frontend/src/app/features/settings/pages/templates/template.component.html
+++ b/frontend/src/app/features/settings/pages/templates/template.component.html
@@ -25,7 +25,7 @@ <h4>{{ "common.details" | sqxTranslate }}</h4>
             </div>
             <div class="table-items-row-details-tab">
                 @if (details | async; as loadedDetails) {
-                    <div class="help" [innerHTML]="loadedDetails | sqxMarkdown | sqxSafeHtml"></div>
+                    <div class="help" [sqxMarkdown]="loadedDetails"></div>
                 } @else {
                     <sqx-loader></sqx-loader>
                 }
diff --git a/frontend/src/app/features/settings/pages/templates/template.component.ts b/frontend/src/app/features/settings/pages/templates/template.component.ts
index d39e44d356..625faaef1a 100644
--- a/frontend/src/app/features/settings/pages/templates/template.component.ts
+++ b/frontend/src/app/features/settings/pages/templates/template.component.ts
@@ -8,7 +8,7 @@
 import { AsyncPipe } from '@angular/common';
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { map, Observable, shareReplay } from 'rxjs';
-import { AppsState, ClientsState, FormHintComponent, LoaderComponent, MarkdownPipe, SafeHtmlPipe, TemplateDetailsDto, TemplateDto, TemplatesService, TranslatePipe } from '@app/shared';
+import { AppsState, ClientsState, FormHintComponent, LoaderComponent, MarkdownDirective, TemplateDetailsDto, TemplateDto, TemplatesService, TranslatePipe } from '@app/shared';
 
 @Component({
     standalone: true,
@@ -20,8 +20,7 @@ import { AppsState, ClientsState, FormHintComponent, LoaderComponent, MarkdownPi
         AsyncPipe,
         FormHintComponent,
         LoaderComponent,
-        MarkdownPipe,
-        SafeHtmlPipe,
+        MarkdownDirective,
         TranslatePipe,
     ],
 })
diff --git a/frontend/src/app/features/settings/pages/templates/templates-page.component.html b/frontend/src/app/features/settings/pages/templates/templates-page.component.html
index 5f2790c94c..eb016b442f 100644
--- a/frontend/src/app/features/settings/pages/templates/templates-page.component.html
+++ b/frontend/src/app/features/settings/pages/templates/templates-page.component.html
@@ -16,7 +16,7 @@
     <ng-container>
         <sqx-list-view innerWidth="50rem" [isLoading]="templatesState.isLoading | async">
             <sqx-form-alert light="true">
-                <div [innerHTML]="'templates.cliHint' | sqxTranslate | sqxMarkdownInline | sqxSafeHtml"></div>
+                <div inline="true" [sqxMarkdown]="'templates.cliHint' | sqxTranslate"></div>
             </sqx-form-alert>
 
             @if ((templatesState.isLoaded | async) && (templatesState.templates | async); as templates) {
diff --git a/frontend/src/app/features/settings/pages/templates/templates-page.component.ts b/frontend/src/app/features/settings/pages/templates/templates-page.component.ts
index 86961cf6da..27a16260b4 100644
--- a/frontend/src/app/features/settings/pages/templates/templates-page.component.ts
+++ b/frontend/src/app/features/settings/pages/templates/templates-page.component.ts
@@ -8,7 +8,7 @@
 import { AsyncPipe } from '@angular/common';
 import { Component, OnInit } from '@angular/core';
 import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
-import { ClientsState, FormAlertComponent, LayoutComponent, ListViewComponent, MarkdownInlinePipe, SafeHtmlPipe, ShortcutDirective, SidebarMenuDirective, TemplatesState, TitleComponent, TooltipDirective, TourStepDirective, TranslatePipe } from '@app/shared';
+import { ClientsState, FormAlertComponent, LayoutComponent, ListViewComponent, MarkdownDirective, ShortcutDirective, SidebarMenuDirective, TemplatesState, TitleComponent, TooltipDirective, TourStepDirective, TranslatePipe } from '@app/shared';
 import { TemplateComponent } from './template.component';
 
 @Component({
@@ -21,11 +21,10 @@ import { TemplateComponent } from './template.component';
         FormAlertComponent,
         LayoutComponent,
         ListViewComponent,
-        MarkdownInlinePipe,
+        MarkdownDirective,
         RouterLink,
         RouterLinkActive,
         RouterOutlet,
-        SafeHtmlPipe,
         ShortcutDirective,
         SidebarMenuDirective,
         TemplateComponent,
diff --git a/frontend/src/app/features/teams/pages/dashboard/dashboard-page.component.html b/frontend/src/app/features/teams/pages/dashboard/dashboard-page.component.html
index eb56f43baf..49bfaef67b 100644
--- a/frontend/src/app/features/teams/pages/dashboard/dashboard-page.component.html
+++ b/frontend/src/app/features/teams/pages/dashboard/dashboard-page.component.html
@@ -5,9 +5,7 @@
         @if (!isScrolled) {
             <div class="dashboard-summary" @fade>
                 <h1 class="dashboard-title">{{ "dashboard.welcomeTitle" | sqxTranslate: { user: user } }}</h1>
-                <div
-                    class="subtext"
-                    [innerHTML]="'dashboard.welcomeTextTeam' | sqxTranslate: { team: team.name } | sqxMarkdown | sqxSafeHtml"></div>
+                <div class="subtext" [sqxMarkdown]="'dashboard.welcomeTextTeam' | sqxTranslate: { team: team.name }"></div>
             </div>
         }
         <gridster #grid [options]="gridOptions">
diff --git a/frontend/src/app/features/teams/pages/dashboard/dashboard-page.component.ts b/frontend/src/app/features/teams/pages/dashboard/dashboard-page.component.ts
index ea1030d8f7..ca17c99d53 100644
--- a/frontend/src/app/features/teams/pages/dashboard/dashboard-page.component.ts
+++ b/frontend/src/app/features/teams/pages/dashboard/dashboard-page.component.ts
@@ -8,7 +8,7 @@
 import { AsyncPipe } from '@angular/common';
 import { AfterViewInit, Component, NgZone, OnInit, Renderer2, ViewChild } from '@angular/core';
 import { GridsterComponent, GridsterConfig, GridsterItem, GridsterItemComponent, GridType } from 'angular-gridster2';
-import { ApiCallsCardComponent, ApiCallsSummaryCardComponent, ApiPerformanceCardComponent, ApiTrafficCardComponent, ApiTrafficSummaryCardComponent, AssetUploadsCountCardComponent, AssetUploadsSizeCardComponent, AssetUploadsSizeSummaryCardComponent, AuthService, CallsUsageDto, CurrentStorageDto, DateTime, defined, fadeAnimation, IFrameCardComponent, LocalStoreService, MarkdownPipe, RandomCatCardComponent, RandomDogCardComponent, SafeHtmlPipe, Settings, StorageUsagePerDateDto, Subscriptions, SupportCardComponent, switchSafe, TeamsState, TitleComponent, TranslatePipe, UsagesService } from '@app/shared';
+import { ApiCallsCardComponent, ApiCallsSummaryCardComponent, ApiPerformanceCardComponent, ApiTrafficCardComponent, ApiTrafficSummaryCardComponent, AssetUploadsCountCardComponent, AssetUploadsSizeCardComponent, AssetUploadsSizeSummaryCardComponent, AuthService, CallsUsageDto, CurrentStorageDto, DateTime, defined, fadeAnimation, IFrameCardComponent, LocalStoreService, MarkdownDirective, RandomCatCardComponent, RandomDogCardComponent, Settings, StorageUsagePerDateDto, Subscriptions, SupportCardComponent, switchSafe, TeamsState, TitleComponent, TranslatePipe, UsagesService } from '@app/shared';
 import { AppsCardComponent } from './cards/apps-card.component';
 
 @Component({
@@ -33,10 +33,9 @@ import { AppsCardComponent } from './cards/apps-card.component';
         GridsterComponent,
         GridsterItemComponent,
         IFrameCardComponent,
-        MarkdownPipe,
+        MarkdownDirective,
         RandomCatCardComponent,
         RandomDogCardComponent,
-        SafeHtmlPipe,
         SupportCardComponent,
         TitleComponent,
         TranslatePipe,
diff --git a/frontend/src/app/features/teams/pages/more/more-page.component.html b/frontend/src/app/features/teams/pages/more/more-page.component.html
index 7566ac1338..f0f5cf0860 100644
--- a/frontend/src/app/features/teams/pages/more/more-page.component.html
+++ b/frontend/src/app/features/teams/pages/more/more-page.component.html
@@ -72,7 +72,7 @@ <h5>{{ "teams.delete" | sqxTranslate }}</h5>
                 titlePosition="left">
                 <i class="icon-time"></i>
             </a>
-            
+
             <a
                 class="panel-link"
                 attr.aria-label="{{ 'common.help' | sqxTranslate }}"
diff --git a/frontend/src/app/features/teams/pages/plans/plans-page.component.html b/frontend/src/app/features/teams/pages/plans/plans-page.component.html
index 5fb161cb05..7ccbb9ffd3 100644
--- a/frontend/src/app/features/teams/pages/plans/plans-page.component.html
+++ b/frontend/src/app/features/teams/pages/plans/plans-page.component.html
@@ -20,9 +20,9 @@
                     <div class="card card-body mb-4">
                         <h5 class="card-title">Squidex Referal Program</h5>
                         <sqx-form-hint>
-                            <div [innerHTML]="'plans.referralHint' | sqxTranslate: referral | sqxMarkdown | sqxSafeHtml"></div>
-                            <div [innerHTML]="referral.condition | sqxMarkdown | sqxSafeHtml"></div>
-                            <div [innerHTML]="'plans.referralEarned' | sqxTranslate: referral | sqxMarkdown | sqxSafeHtml"></div>
+                            <div [sqxMarkdown]="'plans.referralHint' | sqxTranslate: referral"></div>
+                            <div [sqxMarkdown]="referral.condition"></div>
+                            <div [sqxMarkdown]="'plans.referralEarned' | sqxTranslate: referral"></div>
                         </sqx-form-hint>
                     </div>
                 }
diff --git a/frontend/src/app/features/teams/pages/plans/plans-page.component.ts b/frontend/src/app/features/teams/pages/plans/plans-page.component.ts
index be4a694fdf..371d975dfa 100644
--- a/frontend/src/app/features/teams/pages/plans/plans-page.component.ts
+++ b/frontend/src/app/features/teams/pages/plans/plans-page.component.ts
@@ -8,7 +8,7 @@
 import { AsyncPipe } from '@angular/common';
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
-import { ApiUrlConfig, ExternalLinkDirective, FormHintComponent, LayoutComponent, ListViewComponent, MarkdownPipe, NotifoComponent, SafeHtmlPipe, ShortcutDirective, SidebarMenuDirective, TitleComponent, TooltipDirective, TourStepDirective, TranslatePipe } from '@app/shared';
+import { ApiUrlConfig, ExternalLinkDirective, FormHintComponent, LayoutComponent, ListViewComponent, MarkdownDirective, NotifoComponent, ShortcutDirective, SidebarMenuDirective, TitleComponent, TooltipDirective, TourStepDirective, TranslatePipe } from '@app/shared';
 import { TeamPlansState } from '../../internal';
 import { PlanComponent } from './plan.component';
 
@@ -23,13 +23,12 @@ import { PlanComponent } from './plan.component';
         FormHintComponent,
         LayoutComponent,
         ListViewComponent,
-        MarkdownPipe,
+        MarkdownDirective,
         NotifoComponent,
         PlanComponent,
         RouterLink,
         RouterLinkActive,
         RouterOutlet,
-        SafeHtmlPipe,
         ShortcutDirective,
         SidebarMenuDirective,
         TitleComponent,
diff --git a/frontend/src/app/framework/angular/forms/editors/autocomplete.component.scss b/frontend/src/app/framework/angular/forms/editors/autocomplete.component.scss
index c30192cd56..5c8b213e3f 100644
--- a/frontend/src/app/framework/angular/forms/editors/autocomplete.component.scss
+++ b/frontend/src/app/framework/angular/forms/editors/autocomplete.component.scss
@@ -7,13 +7,6 @@
 
 .anchor {
     @include absolute(0, null, null, 0);
-    background-color: red !important;
-    z-index: 1000;
-    opacity: .1;
-
-    & * {    
-        background-color: red !important;
-    }
 
     &.full-size {
         @include absolute(0, 0, 0, 0);
diff --git a/frontend/src/app/framework/angular/forms/form-error.component.html b/frontend/src/app/framework/angular/forms/form-error.component.html
index 876b21a0e1..be657c968a 100644
--- a/frontend/src/app/framework/angular/forms/form-error.component.html
+++ b/frontend/src/app/framework/angular/forms/form-error.component.html
@@ -4,7 +4,7 @@
             <span class="form-alert-close" (click)="close()">
                 <i class="icon-close"></i>
             </span>
-            <div [innerHTML]="error | sqxTranslate | sqxMarkdown | sqxSafeHtml"></div>
+            <div [sqxMarkdown]="error | sqxTranslate"></div>
         </div>
     </div>
 }
diff --git a/frontend/src/app/framework/angular/forms/form-error.component.ts b/frontend/src/app/framework/angular/forms/form-error.component.ts
index 8362aa93de..a2f8025df1 100644
--- a/frontend/src/app/framework/angular/forms/form-error.component.ts
+++ b/frontend/src/app/framework/angular/forms/form-error.component.ts
@@ -8,9 +8,8 @@
 
 import { booleanAttribute, ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { ErrorDto, TypedSimpleChanges } from '@app/framework/internal';
-import { MarkdownPipe } from '../pipes/markdown.pipe';
+import { MarkdownDirective } from '../markdown.directive';
 import { TranslatePipe } from '../pipes/translate.pipe';
-import { SafeHtmlPipe } from '../safe-html.pipe';
 
 @Component({
     standalone: true,
@@ -19,8 +18,7 @@ import { SafeHtmlPipe } from '../safe-html.pipe';
     templateUrl: './form-error.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [
-        MarkdownPipe,
-        SafeHtmlPipe,
+        MarkdownDirective,
         TranslatePipe,
     ],
 })
diff --git a/frontend/src/app/framework/angular/modals/dialog-renderer.component.html b/frontend/src/app/framework/angular/modals/dialog-renderer.component.html
index af6da645bd..7258d79277 100644
--- a/frontend/src/app/framework/angular/modals/dialog-renderer.component.html
+++ b/frontend/src/app/framework/angular/modals/dialog-renderer.component.html
@@ -7,7 +7,7 @@
                 {{ request.title | sqxTranslate }}
             </ng-container>
             <ng-container content>
-                <span [innerHTML]="request.text | sqxTranslate | sqxMarkdown | sqxSafeHtml"></span>
+                <span [sqxMarkdown]="request.text | sqxTranslate"></span>
                 @if (request.canRemember) {
                     <div class="form-check mt-4">
                         <input class="form-check-input" id="remember" [(ngModel)]="request.remember" type="checkbox" />
@@ -34,7 +34,7 @@
         <div class="alert alert-dismissible alert-{{ notification.messageType }} shadowed" @fade (click)="close(notification)" role="alert">
             <button class="btn-close" data-dismiss="alert" (dialogClose)="close(notification)" type="button"></button>
             <div class="shadow"></div>
-            <div class="shadowed" [innerHTML]="notification.message | sqxTranslate | sqxMarkdown | sqxSafeHtml"></div>
+            <div class="shadowed" [sqxMarkdown]="notification.message | sqxTranslate"></div>
         </div>
     }
 </div>
diff --git a/frontend/src/app/framework/angular/modals/dialog-renderer.component.ts b/frontend/src/app/framework/angular/modals/dialog-renderer.component.ts
index e60b28005b..75530aaadd 100644
--- a/frontend/src/app/framework/angular/modals/dialog-renderer.component.ts
+++ b/frontend/src/app/framework/angular/modals/dialog-renderer.component.ts
@@ -11,9 +11,8 @@ import { FormsModule } from '@angular/forms';
 import { timer } from 'rxjs';
 import { DialogModel, DialogRequest, DialogService, fadeAnimation, Notification, StatefulComponent, Subscriptions, Tooltip } from '@app/framework/internal';
 import { FocusOnInitDirective } from '../forms/focus-on-init.directive';
-import { MarkdownPipe } from '../pipes/markdown.pipe';
+import { MarkdownDirective } from '../markdown.directive';
 import { TranslatePipe } from '../pipes/translate.pipe';
-import { SafeHtmlPipe } from '../safe-html.pipe';
 import { ModalDialogComponent } from './modal-dialog.component';
 import { ModalPlacementDirective } from './modal-placement.directive';
 import { ModalDirective } from './modal.directive';
@@ -42,11 +41,10 @@ interface State {
     imports: [
         FocusOnInitDirective,
         FormsModule,
-        MarkdownPipe,
+        MarkdownDirective,
         ModalDialogComponent,
         ModalDirective,
         ModalPlacementDirective,
-        SafeHtmlPipe,
         TooltipDirective,
         TranslatePipe,
     ],
diff --git a/frontend/src/app/framework/angular/modals/modal-dialog.component.html b/frontend/src/app/framework/angular/modals/modal-dialog.component.html
index 9788267b13..f20cdac75c 100644
--- a/frontend/src/app/framework/angular/modals/modal-dialog.component.html
+++ b/frontend/src/app/framework/angular/modals/modal-dialog.component.html
@@ -7,7 +7,11 @@ <h4 class="modal-title">
                         <ng-content select="[title]"></ng-content>
                     </h4>
                     <ng-content select="[plainTitle]"></ng-content>
-                    <button class="btn btn-close" attr.aria-label="{{ 'common.close' | sqxTranslate }}" (click)="dialogClose.emit()" type="button"></button>
+                    <button
+                        class="btn btn-close"
+                        attr.aria-label="{{ 'common.close' | sqxTranslate }}"
+                        (click)="dialogClose.emit()"
+                        type="button"></button>
                 </div>
             }
 
diff --git a/frontend/src/app/framework/angular/modals/tour-template.component.html b/frontend/src/app/framework/angular/modals/tour-template.component.html
index c8e64192c9..5cca2a7a4b 100644
--- a/frontend/src/app/framework/angular/modals/tour-template.component.html
+++ b/frontend/src/app/framework/angular/modals/tour-template.component.html
@@ -19,9 +19,9 @@
             </div>
 
             <div class="col">
-                <h5 [innerHTML]="currentStep.title | sqxTranslate | sqxMarkdownInline | sqxSafeHtml"></h5>
+                <h5 inline="true" [sqxMarkdown]="currentStep.title | sqxTranslate"></h5>
 
-                <div [innerHTML]="currentStep.content | sqxTranslate | sqxMarkdown | sqxSafeHtml"></div>
+                <div [sqxMarkdown]="currentStep.content | sqxTranslate"></div>
             </div>
 
             <div class="col-auto">
diff --git a/frontend/src/app/framework/angular/modals/tour-template.component.ts b/frontend/src/app/framework/angular/modals/tour-template.component.ts
index dfac836526..67eae72495 100644
--- a/frontend/src/app/framework/angular/modals/tour-template.component.ts
+++ b/frontend/src/app/framework/angular/modals/tour-template.component.ts
@@ -8,9 +8,8 @@
 
 import { AfterContentInit, ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { fadeAnimation, StatefulComponent } from '@app/framework/internal';
-import { MarkdownInlinePipe, MarkdownPipe } from '../pipes/markdown.pipe';
+import { MarkdownDirective } from '../markdown.directive';
 import { TranslatePipe } from '../pipes/translate.pipe';
-import { SafeHtmlPipe } from '../safe-html.pipe';
 import { ModalPlacementDirective } from './modal-placement.directive';
 import { ModalDirective } from './modal.directive';
 import { StepDefinition, TourService } from './tour.service';
@@ -25,11 +24,9 @@ import { StepDefinition, TourService } from './tour.service';
     ],
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [
-        MarkdownInlinePipe,
-        MarkdownPipe,
+        MarkdownDirective,
         ModalDirective,
         ModalPlacementDirective,
-        SafeHtmlPipe,
         TranslatePipe,
     ],
 })
diff --git a/frontend/src/app/framework/index.ts b/frontend/src/app/framework/index.ts
index 30c3d256f6..c95fdb145b 100644
--- a/frontend/src/app/framework/index.ts
+++ b/frontend/src/app/framework/index.ts
@@ -73,7 +73,6 @@ export * from './angular/pipes/colors.pipes';
 export * from './angular/pipes/date-time.pipes';
 export * from './angular/pipes/highlight.pipe';
 export * from './angular/pipes/keys.pipe';
-export * from './angular/pipes/markdown.pipe';
 export * from './angular/pipes/name.pipe';
 export * from './angular/pipes/numbers.pipes';
 export * from './angular/pipes/strings.pipes';
diff --git a/frontend/src/app/shared/components/chat-dialog.component.ts b/frontend/src/app/shared/components/chat-dialog.component.ts
index 70dbe53bce..0bb727a04d 100644
--- a/frontend/src/app/shared/components/chat-dialog.component.ts
+++ b/frontend/src/app/shared/components/chat-dialog.component.ts
@@ -9,7 +9,7 @@
 import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { Observable } from 'rxjs';
-import { HTTP, MathHelper, ModalDialogComponent, ResizedDirective, TooltipDirective, TranslatePipe } from '@app/framework';
+import { HTTP, MathHelper, ModalDialogComponent, TooltipDirective, TranslatePipe } from '@app/framework';
 import { AppsState, AuthService, ChatEventDto, StatefulComponent, TranslationsService } from '@app/shared/internal';
 import { ChatItemComponent } from './chat-item.component';
 
@@ -33,7 +33,6 @@ interface State {
         ChatItemComponent,
         FormsModule,
         ModalDialogComponent,
-        ResizedDirective,
         TooltipDirective,
         TranslatePipe,
     ],
diff --git a/frontend/src/app/shared/components/chat-item.component.html b/frontend/src/app/shared/components/chat-item.component.html
index ecbfc90415..3caa6ec309 100644
--- a/frontend/src/app/shared/components/chat-item.component.html
+++ b/frontend/src/app/shared/components/chat-item.component.html
@@ -54,7 +54,11 @@
                         </span>
                     }
                     @if (!snapshot.isRunning && !isFirst && type === "Bot") {
-                        <button class="btn btn-secondary btn-sm btn-text" (click)="selectContent()" [disabled]="snapshot.isCopying" type="button">
+                        <button
+                            class="btn btn-secondary btn-sm btn-text"
+                            (click)="selectContent()"
+                            [disabled]="snapshot.isCopying"
+                            type="button">
                             {{ "chat.use" | sqxTranslate }}
                             @if (snapshot.isCopying) {
                                 <sqx-loader></sqx-loader>
diff --git a/frontend/src/app/shared/components/comments/comment.component.html b/frontend/src/app/shared/components/comments/comment.component.html
index bfb045dcb0..18d1200bd9 100644
--- a/frontend/src/app/shared/components/comments/comment.component.html
+++ b/frontend/src/app/shared/components/comments/comment.component.html
@@ -26,7 +26,7 @@
                             {{ commentItem.comment.user | sqxUserNameRef: null }}
                         </div>
                     </div>
-                    <div [innerHTML]="commentItem.comment.text | sqxMarkdown | sqxSafeHtml"></div>
+                    <div [sqxMarkdown]="commentItem.comment.text"></div>
                     <div class="comment-created text-muted">
                         @if (canFollow && commentItem.comment.url) {
                             <a [routerLink]="commentItem.comment.url">{{ "comments.follow" | sqxTranslate }}</a>
@@ -69,8 +69,8 @@
                 autoFocus="true"
                 autoSelectFirst="false"
                 (editorKeyPress)="onKeyPressUpdate($event)"
-                [itemsSource]="contributors"
                 formControlName="text"
+                [itemsSource]="contributors"
                 startCharacter="@"
                 textArea="true">
             </sqx-autocomplete>
@@ -102,8 +102,8 @@
                         autoFocus="true"
                         autoSelectFirst="false"
                         (editorKeyPress)="onKeyPressReply($event)"
-                        [itemsSource]="contributors"
                         formControlName="text"
+                        [itemsSource]="contributors"
                         sqxFocusOnInit
                         startCharacter="@"
                         textArea="true">
diff --git a/frontend/src/app/shared/components/comments/comment.component.ts b/frontend/src/app/shared/components/comments/comment.component.ts
index d850009b52..f32737305f 100644
--- a/frontend/src/app/shared/components/comments/comment.component.ts
+++ b/frontend/src/app/shared/components/comments/comment.component.ts
@@ -9,7 +9,7 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { ReactiveFormsModule } from '@angular/forms';
 import { RouterLink } from '@angular/router';
-import { AutocompleteComponent, AutocompleteSource, bounceAnimation, ConfirmClickDirective, FromNowPipe, MarkdownPipe, NOOP_DATASOURCE, SafeHtmlPipe, ScrollActiveDirective, TooltipDirective, TranslatePipe } from '@app/framework';
+import { AutocompleteComponent, AutocompleteSource, bounceAnimation, ConfirmClickDirective, FromNowPipe, MarkdownDirective, NOOP_DATASOURCE, ScrollActiveDirective, TooltipDirective, TranslatePipe } from '@app/framework';
 import { CommentItem, CommentsState, DialogService, Keys, StatefulComponent, UpsertCommentForm } from '@app/shared/internal';
 import { UserNameRefPipe, UserPictureRefPipe } from '../pipes';
 
@@ -30,10 +30,9 @@ interface State {
         AutocompleteComponent,
         ConfirmClickDirective,
         FromNowPipe,
-        MarkdownPipe,
+        MarkdownDirective,
         ReactiveFormsModule,
         RouterLink,
-        SafeHtmlPipe,
         ScrollActiveDirective,
         TooltipDirective,
         TranslatePipe,
diff --git a/frontend/src/app/shared/components/search/search-form.component.html b/frontend/src/app/shared/components/search/search-form.component.html
index 96af729a84..5c96cd8f2f 100644
--- a/frontend/src/app/shared/components/search/search-form.component.html
+++ b/frontend/src/app/shared/components/search/search-form.component.html
@@ -94,7 +94,7 @@
                         [query]="query"
                         (queryChange)="changeQuery($event)"></sqx-query>
 
-                    <div class="link" [innerHTML]="'search.help' | sqxTranslate | sqxMarkdown | sqxSafeHtml"></div>
+                    <div class="link" [sqxMarkdown]="'search.help' | sqxTranslate"></div>
                 </div>
             }
         } @else if (queries && queriesTypes) {
diff --git a/frontend/src/app/shared/components/search/search-form.component.ts b/frontend/src/app/shared/components/search/search-form.component.ts
index f884c5938f..814aaf1d37 100644
--- a/frontend/src/app/shared/components/search/search-form.component.ts
+++ b/frontend/src/app/shared/components/search/search-form.component.ts
@@ -9,7 +9,7 @@ import { AsyncPipe } from '@angular/common';
 import { booleanAttribute, ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { Observable } from 'rxjs';
-import { ControlErrorsComponent, FocusOnInitDirective, MarkdownPipe, ModalDialogComponent, ModalDirective, SafeHtmlPipe, ShortcutComponent, ShortcutDirective, TooltipDirective, TourStepDirective, TranslatePipe } from '@app/framework';
+import { ControlErrorsComponent, FocusOnInitDirective, MarkdownDirective, ModalDialogComponent, ModalDirective, ShortcutComponent, ShortcutDirective, TooltipDirective, TourStepDirective, TranslatePipe } from '@app/framework';
 import { DialogModel, equalsQuery, hasFilter, LanguageDto, Queries, Query, QueryModel, SaveQueryForm, TypedSimpleChanges } from '@app/shared/internal';
 import { TourHintDirective } from '../tour-hint.directive';
 import { QueryComponent } from './queries/query.component';
@@ -26,12 +26,11 @@ import { SavedQueriesComponent } from './shared-queries.component';
         ControlErrorsComponent,
         FocusOnInitDirective,
         FormsModule,
-        MarkdownPipe,
+        MarkdownDirective,
         ModalDialogComponent,
         ModalDirective,
         QueryComponent,
         ReactiveFormsModule,
-        SafeHtmlPipe,
         SavedQueriesComponent,
         ShortcutComponent,
         ShortcutDirective,
diff --git a/frontend/src/app/shared/internal.ts b/frontend/src/app/shared/internal.ts
index 6f9c6f5e9a..0c18348078 100644
--- a/frontend/src/app/shared/internal.ts
+++ b/frontend/src/app/shared/internal.ts
@@ -19,6 +19,7 @@ export * from './services/contents.service';
 export * from './services/contributors.service';
 export * from './services/help.service';
 export * from './services/history.service';
+export * from './services/indexes.service';
 export * from './services/jobs.service';
 export * from './services/languages.service';
 export * from './services/news.service';
@@ -57,6 +58,8 @@ export * from './state/contents.forms';
 export * from './state/contents.state';
 export * from './state/contributors.forms';
 export * from './state/contributors.state';
+export * from './state/indexes.forms';
+export * from './state/indexes.state';
 export * from './state/jobs.state';
 export * from './state/languages.forms';
 export * from './state/languages.state';
@@ -74,11 +77,11 @@ export * from './state/schemas.forms';
 export * from './state/schemas.state';
 export * from './state/settings';
 export * from './state/table-settings';
-export * from './state/tour.state';
-export * from './state/tour.tasks';
 export * from './state/teams.forms';
 export * from './state/teams.state';
 export * from './state/templates.state';
+export * from './state/tour.state';
+export * from './state/tour.tasks';
 export * from './state/ui-languages';
 export * from './state/ui.state';
 export * from './state/workflows.forms';
diff --git a/frontend/src/app/shared/services/indexes.service.spec.ts b/frontend/src/app/shared/services/indexes.service.spec.ts
new file mode 100644
index 0000000000..ea22d1514a
--- /dev/null
+++ b/frontend/src/app/shared/services/indexes.service.spec.ts
@@ -0,0 +1,116 @@
+/*
+ * Squidex Headless CMS
+ *
+ * @license
+ * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
+ */
+
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
+import { inject, TestBed } from '@angular/core/testing';
+import { ApiUrlConfig, IndexDto, IndexesDto, IndexesService, Resource, ResourceLinks } from '@app/shared/internal';
+
+describe('IndexesService', () => {
+    beforeEach(() => {
+        TestBed.configureTestingModule({
+    imports: [],
+    providers: [
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting(),
+        IndexesService,
+        { provide: ApiUrlConfig, useValue: new ApiUrlConfig('http://service/p/') },
+    ],
+});
+    });
+
+    afterEach(inject([HttpTestingController], (httpMock: HttpTestingController) => {
+        httpMock.verify();
+    }));
+
+    it('should make get request to get indexes',
+        inject([IndexesService, HttpTestingController], (indexesService: IndexesService, httpMock: HttpTestingController) => {
+            let indexes: IndexesDto;
+
+            indexesService.getIndexes('my-app', 'my-schema').subscribe(result => {
+                indexes = result;
+            });
+
+            const req = httpMock.expectOne('http://service/p/api/apps/my-app/schemas/my-schema/indexes');
+
+            expect(req.request.method).toEqual('GET');
+            expect(req.request.headers.get('If-Match')).toBeNull();
+
+            req.flush({
+                items: [
+                    indexResponse(12),
+                    indexResponse(13),
+                ],
+            });
+
+            expect(indexes!).toEqual({
+                items: [
+                    createIndex(12),
+                    createIndex(13),
+                ],
+                canCreate: false,
+            });
+        }));
+
+    it('should make post request to create index',
+        inject([IndexesService, HttpTestingController], (indexesService: IndexesService, httpMock: HttpTestingController) => {
+            const request = { fields: [] };
+
+            indexesService.postIndex('my-app', 'my-schema', request).subscribe();
+
+            const req = httpMock.expectOne('http://service/p/api/apps/my-app/schemas/my-schema/indexes');
+
+            expect(req.request.method).toEqual('POST');
+            expect(req.request.headers.get('If-Match')).toBeNull();
+
+            req.flush({});
+        }));
+
+    it('should make delete request to remove index',
+        inject([IndexesService, HttpTestingController], (indexesService: IndexesService, httpMock: HttpTestingController) => {
+            const resource: Resource = {
+                _links: {
+                    delete: { method: 'DELETE', href: '/api/apps/my-app/schemas/my-schema/indexes/my-index' },
+                },
+            };
+
+            indexesService.deleteIndex('my-app', resource).subscribe();
+
+            const req = httpMock.expectOne('http://service/p/api/apps/my-app/schemas/my-schema/indexes/my-index');
+
+            expect(req.request.method).toEqual('DELETE');
+            expect(req.request.headers.get('If-Match')).toBeNull();
+
+            req.flush({});
+        }));
+
+    function indexResponse(id: number) {
+        return {
+            name: `index${id}`,
+            fields: [
+                { name: `field${id}_asc`, order: 'Ascending' },
+                { name: `field${id}_desc`, order: 'Descending' },
+            ],
+            _links: {
+                download: { method: 'GET', href: '/api/indexes/1' },
+            },
+        };
+    }
+});
+
+export function createIndex(id: number) {
+    const links: ResourceLinks = {
+        download: { method: 'GET', href: '/api/indexes/1' },
+    };
+
+    return new IndexDto(links,
+        `index${id}`,
+        [
+            { name: `field${id}_asc`, order: 'Ascending' },
+            { name: `field${id}_desc`, order: 'Descending' },
+        ]);
+}
\ No newline at end of file
diff --git a/frontend/src/app/shared/services/indexes.service.ts b/frontend/src/app/shared/services/indexes.service.ts
new file mode 100644
index 0000000000..39ff386208
--- /dev/null
+++ b/frontend/src/app/shared/services/indexes.service.ts
@@ -0,0 +1,93 @@
+/*
+ * Squidex Headless CMS
+ *
+ * @license
+ * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
+ */
+
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { map, Observable } from 'rxjs';
+import { ApiUrlConfig, hasAnyLink, pretifyError, Resource, ResourceLinks } from '@app/framework';
+
+export type IndexField = { name: string; order: 'Ascending' | 'Descending' };
+
+export class IndexDto {
+    public readonly _links: ResourceLinks;
+
+    public readonly canDelete: boolean;
+
+    constructor(links: ResourceLinks,
+        public readonly name: string,
+        public readonly fields: ReadonlyArray<IndexField>,
+    ) {
+        this._links = links;
+
+        this.canDelete = hasAnyLink(links, 'delete');
+    }
+}
+
+export type IndexesDto = Readonly<{
+    // The indexes.
+    items: ReadonlyArray<IndexDto>;
+
+    // The if the user can create a new index.
+    canCreate?: boolean;
+}>;
+
+export type CreateIndexDto = Readonly<{
+    // The index fields.
+    fields: IndexField[];
+}>;
+
+@Injectable({
+    providedIn: 'root',
+})
+export class IndexesService {
+    constructor(
+        private readonly http: HttpClient,
+        private readonly apiUrl: ApiUrlConfig,
+    ) {
+    }
+
+    public getIndexes(appName: string, schemaName: string): Observable<IndexesDto> {
+        const url = this.apiUrl.buildUrl(`api/apps/${appName}/schemas/${schemaName}/indexes`);
+
+        return this.http.get(url).pipe(
+            map(body => {
+                return parseIndexes(body as any);
+            }),
+            pretifyError('i18n:schemas.indexes.loadFailed'));
+    }
+
+    public postIndex(appName: string, schemaName: string, dto: CreateIndexDto): Observable<any> {
+        const url = this.apiUrl.buildUrl(`api/apps/${appName}/schemas/${schemaName}/indexes`);
+
+        return this.http.post(url, dto).pipe(
+            pretifyError('i18n:schemas.indexes.createFailed'));
+    }
+
+    public deleteIndex(appName: string, resource: Resource): Observable<any> {
+        const link = resource._links['delete'];
+
+        const url = this.apiUrl.buildUrl(link.href);
+
+        return this.http.request(link.method, url).pipe(
+            pretifyError('i18n:schemas.indexes.deleteFailed'));
+    }
+}
+
+function parseIndexes(response: { items: any[] } & Resource): IndexesDto {
+    const { items: list, _links } = response;
+    const items = list.map(parseIndex);
+
+    const canCreate = hasAnyLink(_links, 'create');
+
+    return { items, canCreate };
+}
+
+function parseIndex(response: any) {
+    return new IndexDto(response._links,
+        response.name,
+        response.fields);
+}
diff --git a/frontend/src/app/shared/services/jobs.service.spec.ts b/frontend/src/app/shared/services/jobs.service.spec.ts
index d601c1afc8..385695a9d9 100644
--- a/frontend/src/app/shared/services/jobs.service.spec.ts
+++ b/frontend/src/app/shared/services/jobs.service.spec.ts
@@ -91,7 +91,7 @@ describe('JobsService', () => {
                     ]));
         }));
 
-    it('should return null if get restore return 404',
+    it('should return null if get restore returns 404',
         inject([JobsService, HttpTestingController], (jobsService: JobsService, httpMock: HttpTestingController) => {
             let restore: RestoreDto | null;
 
@@ -109,7 +109,7 @@ describe('JobsService', () => {
             expect(restore!).toBeNull();
         }));
 
-    it('should throw error if get restore return non 404',
+    it('should throw error if get restore returns non 404',
         inject([JobsService, HttpTestingController], (jobsService: JobsService, httpMock: HttpTestingController) => {
             let error: any;
 
diff --git a/frontend/src/app/shared/state/indexes.forms.ts b/frontend/src/app/shared/state/indexes.forms.ts
new file mode 100644
index 0000000000..c78757262b
--- /dev/null
+++ b/frontend/src/app/shared/state/indexes.forms.ts
@@ -0,0 +1,36 @@
+/*
+ * Squidex Headless CMS
+ *
+ * @license
+ * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
+ */
+
+
+import { UntypedFormControl, Validators } from '@angular/forms';
+import { ExtendedFormGroup, Form, TemplatedFormArray } from '@app/framework';
+import { IndexDto, IndexField } from '@app/shared/internal';
+
+export class CreateIndexForm extends Form<TemplatedFormArray, IndexField[], IndexDto> {
+    public get controls(): ReadonlyArray<ExtendedFormGroup> {
+        return this.form.controls as any;
+    }
+
+    constructor() {
+        super(new TemplatedFormArray(FieldTemplate.INSTANCE));
+    }
+}
+
+class FieldTemplate {
+    public static readonly INSTANCE = new FieldTemplate();
+
+    public createControl() {
+        return new ExtendedFormGroup({
+            name: new UntypedFormControl('',
+                Validators.required,
+            ),
+            order: new UntypedFormControl('',
+                Validators.required,
+            ),
+        });
+    }
+}
\ No newline at end of file
diff --git a/frontend/src/app/shared/state/indexes.state.spec.ts b/frontend/src/app/shared/state/indexes.state.spec.ts
new file mode 100644
index 0000000000..0577a7ee97
--- /dev/null
+++ b/frontend/src/app/shared/state/indexes.state.spec.ts
@@ -0,0 +1,132 @@
+/*
+ * Squidex Headless CMS
+ *
+ * @license
+ * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
+ */
+
+import { of, onErrorResumeNextWith, throwError } from 'rxjs';
+import { IMock, It, Mock, Times } from 'typemoq';
+import { CreateIndexDto, DialogService, IndexesService, IndexesState, SchemasState } from '@app/shared/internal';
+import { createIndex } from '../services/indexes.service.spec';
+import { TestValues } from './_test-helpers';
+
+describe('IndexesState', () => {
+    const {
+        app,
+        appsState,
+    } = TestValues;
+
+    const index1 = createIndex(12);
+    const index2 = createIndex(13);
+    const schema = 'my-schema';
+
+    let dialogs: IMock<DialogService>;
+    let schemasState: IMock<SchemasState>;
+    let indexesService: IMock<IndexesService>;
+    let indexesState: IndexesState;
+
+    beforeEach(() => {
+        dialogs = Mock.ofType<DialogService>();
+
+        schemasState = Mock.ofType<SchemasState>();
+        schemasState.setup(x => x.schemaName).returns(() => schema);
+
+        indexesService = Mock.ofType<IndexesService>();
+        indexesState = new IndexesState(appsState.object, schemasState.object, indexesService.object, dialogs.object);
+    });
+
+    afterEach(() => {
+        indexesService.verifyAll();
+    });
+
+    describe('Loading', () => {
+        it('should load indexes', () => {
+            indexesService.setup(x => x.getIndexes(app, schema))
+                .returns(() => of({ items: [index1, index2] } as any)).verifiable();
+
+            indexesState.load().subscribe();
+
+            expect(indexesState.snapshot.indexes).toEqual([index1, index2]);
+            expect(indexesState.snapshot.isLoaded).toBeTruthy();
+            expect(indexesState.snapshot.isLoading).toBeFalsy();
+
+            dialogs.verify(x => x.notifyInfo(It.isAnyString()), Times.never());
+        });
+
+        it('should reset loading state if loading failed', () => {
+            indexesService.setup(x => x.getIndexes(app, schema))
+                .returns(() => throwError(() => 'Service Error'));
+
+            indexesState.load().pipe(onErrorResumeNextWith()).subscribe();
+
+            expect(indexesState.snapshot.isLoading).toBeFalsy();
+        });
+
+        it('should show notification on load if reload is true', () => {
+            indexesService.setup(x => x.getIndexes(app, schema))
+                .returns(() => of({ items: [index1, index2] } as any)).verifiable();
+
+            indexesState.load(true, false).subscribe();
+
+            expect().nothing();
+
+            dialogs.verify(x => x.notifyInfo(It.isAnyString()), Times.once());
+        });
+
+        it('should show notification on load error if silent is false', () => {
+            indexesService.setup(x => x.getIndexes(app, schema))
+                .returns(() => throwError(() => 'Service Error'));
+
+            indexesState.load(true, false).pipe(onErrorResumeNextWith()).subscribe();
+
+            expect().nothing();
+
+            dialogs.verify(x => x.notifyError(It.isAny()), Times.once());
+        });
+
+        it('should not show notification on load error if silent is true', () => {
+            indexesService.setup(x => x.getIndexes(app, schema))
+                .returns(() => throwError(() => 'Service Error'));
+
+            indexesState.load(true, true).pipe(onErrorResumeNextWith()).subscribe();
+
+            expect().nothing();
+
+            dialogs.verify(x => x.notifyError(It.isAny()), Times.never());
+        });
+    });
+
+    describe('Updates', () => {
+        beforeEach(() => {
+            indexesService.setup(x => x.getIndexes(app, schema))
+                .returns(() => of({ items: [index1, index2] } as any)).verifiable();
+
+            indexesState.load().subscribe();
+        });
+
+        it('should not add index to snapshot', () => {
+            const request: CreateIndexDto = { fields: [{ name: 'field1', order: 'Ascending' }] };
+
+            indexesService.setup(x => x.postIndex(app, schema, request))
+                .returns(() => of({})).verifiable();
+
+            indexesState.create(request).subscribe();
+
+            expect(indexesState.snapshot.indexes.length).toBe(2);
+
+            dialogs.verify(x => x.notifyInfo(It.isAnyString()), Times.once());
+        });
+
+        it('should not remove index from snapshot', () => {
+            indexesService.setup(x => x.deleteIndex(app, index1))
+                .returns(() => of({})).verifiable();
+
+            indexesState.delete(index1).subscribe();
+
+            expect(indexesState.snapshot.indexes.length).toBe(2);
+
+            dialogs.verify(x => x.notifyInfo(It.isAnyString()), Times.once());
+        });
+    });
+});
diff --git a/frontend/src/app/shared/state/indexes.state.ts b/frontend/src/app/shared/state/indexes.state.ts
new file mode 100644
index 0000000000..47824a8b30
--- /dev/null
+++ b/frontend/src/app/shared/state/indexes.state.ts
@@ -0,0 +1,114 @@
+/*
+ * Squidex Headless CMS
+ *
+ * @license
+ * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
+ */
+
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { finalize, tap } from 'rxjs/operators';
+import { debug, DialogService, LoadingState, shareSubscribed, State } from '@app/framework';
+import { CreateIndexDto, IndexDto, IndexesService } from '../services/indexes.service';
+import { AppsState } from './apps.state';
+import { SchemasState } from './schemas.state';
+
+interface Snapshot extends LoadingState {
+    // The current indexes.
+    indexes: ReadonlyArray<IndexDto>;
+
+    // Indicates if the user can add an index.
+    canCreate?: boolean;
+}
+
+@Injectable({
+    providedIn: 'root',
+})
+export class IndexesState extends State<Snapshot> {
+    public indexes =
+        this.project(x => x.indexes);
+
+    public isLoaded =
+        this.project(x => x.isLoaded === true);
+
+    public isLoading =
+        this.project(x => x.isLoading === true);
+
+    public canCreate =
+        this.project(x => x.canCreate === true);
+
+    public get appId() {
+        return this.appsState.appId;
+    }
+
+    public get appName() {
+        return this.appsState.appName;
+    }
+
+    public get schemaId() {
+        return this.schemasState.schemaId;
+    }
+
+    public get schemaName() {
+        return this.schemasState.schemaName;
+    }
+
+    constructor(
+        private readonly appsState: AppsState,
+        private readonly schemasState: SchemasState,
+        private readonly indexesService: IndexesService,
+        private readonly dialogs: DialogService,
+    ) {
+        super({ indexes: [] });
+
+        debug(this, 'indexes');
+    }
+
+    public load(isReload = false, silent = false): Observable<any> {
+        if (isReload && !silent) {
+            this.resetState('Loading Initial');
+        }
+
+        return this.loadInternal(isReload, silent);
+    }
+
+    private loadInternal(isReload: boolean, silent: boolean): Observable<any> {
+        this.next({ isLoading: true }, 'Loading Success');
+
+        return this.indexesService.getIndexes(this.appName, this.schemasState.schemaName).pipe(
+            tap(payload => {
+                if (isReload && !silent) {
+                    this.dialogs.notifyInfo('i18n:schemas.indexes.reloaded');
+                }
+
+                const { canCreate, items: indexes } = payload;
+
+                this.next({
+                    canCreate,
+                    isLoaded: true,
+                    isLoading: false,
+                    indexes,
+                }, 'Loading Success / Updated');
+            }),
+            finalize(() => {
+                this.next({ isLoading: false }, 'Loading Done');
+            }),
+            shareSubscribed(this.dialogs, { silent }));
+    }
+
+    public create(request: CreateIndexDto): Observable<any> {
+        return this.indexesService.postIndex(this.appName, this.schemaName, request).pipe(
+            tap(() => {
+                this.dialogs.notifyInfo('i18n:schemas.indexes.created');
+            }),
+            shareSubscribed(this.dialogs));
+    }
+
+    public delete(index: IndexDto): Observable<any> {
+        return this.indexesService.deleteIndex(this.appName, index).pipe(
+            tap(() => {
+                this.dialogs.notifyInfo('i18n:schemas.indexes.deleted');
+            }),
+            shareSubscribed(this.dialogs));
+    }
+}
diff --git a/frontend/src/app/theme/icomoon/demo.html b/frontend/src/app/theme/icomoon/demo.html
index 55fb45c9f7..22eed17691 100644
--- a/frontend/src/app/theme/icomoon/demo.html
+++ b/frontend/src/app/theme/icomoon/demo.html
@@ -1,2517 +1,2515 @@
 <!doctype html>
 <html>
-<head>
-    <meta charset="utf-8">
-    <title>IcoMoon Demo</title>
-    <meta name="description" content="An Icon Font Generated By IcoMoon.io">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="demo-files/demo.css">
-    <link rel="stylesheet" href="style.css"></head>
-<body>
-    <div class="bgc1 clearfix">
-        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;153)</small></h1>
-    </div>
-    <div class="clearfix mhl ptl">
-        <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-shield"></span>
-                <span class="mls"> icon-shield</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e995" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe995;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
+    <head>
+        <meta charset="utf-8" />
+        <title>IcoMoon Demo</title>
+        <meta content="An Icon Font Generated By IcoMoon.io" name="description" />
+        <meta content="width=device-width, initial-scale=1" name="viewport" />
+        <link href="demo-files/demo.css" rel="stylesheet" />
+        <link href="style.css" rel="stylesheet" />
+    </head>
+    <body>
+        <div class="bgc1 clearfix">
+            <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;153)</small></h1>
+        </div>
+        <div class="clearfix mhl ptl">
+            <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-shield"></span>
+                    <span class="mls"> icon-shield</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e995" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe995;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-lightbulb_outline"></span>
+                    <span class="mls"> icon-lightbulb_outline</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e993" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe993;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-hourglass_top"></span>
+                    <span class="mls"> icon-hourglass_top</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e992" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe992;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-wrap_text"></span>
+                    <span class="mls"> icon-wrap_text</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e991" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe991;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-fullscreen_exit"></span>
+                    <span class="mls"> icon-fullscreen_exit</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e98f" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe98f;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-fullscreen"></span>
+                    <span class="mls"> icon-fullscreen</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e990" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe990;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-enter"></span>
+                    <span class="mls"> icon-enter</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e984" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe984;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-zoom_out"></span>
+                    <span class="mls"> icon-zoom_out</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e982" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe982;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-zoom_in"></span>
+                    <span class="mls"> icon-zoom_in</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e983" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe983;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-flip"></span>
+                    <span class="mls"> icon-flip</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e97f" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe97f;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-rotate_right"></span>
+                    <span class="mls"> icon-rotate_right</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e980" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe980;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-rotate_left"></span>
+                    <span class="mls"> icon-rotate_left</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e981" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe981;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-create_new_folder"></span>
+                    <span class="mls"> icon-create_new_folder</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e97b" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe97b;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-folder"></span>
+                    <span class="mls"> icon-folder</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e97c" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe97c;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-help2"></span>
+                    <span class="mls"> icon-help2</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e97a" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe97a;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-trigger-Manual"></span>
+                    <span class="mls"> icon-trigger-Manual</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e979" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe979;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-play-line"></span>
+                    <span class="mls"> icon-play-line</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e979" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe979;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-corner-down-right"></span>
+                    <span class="mls"> icon-corner-down-right</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e977" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe977;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-info-outline"></span>
+                    <span class="mls"> icon-info-outline</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e974" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe974;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-upload-2"></span>
+                    <span class="mls"> icon-upload-2</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e972" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe972;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-translate"></span>
+                    <span class="mls"> icon-translate</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e96f" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe96f;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-arrow_back"></span>
+                    <span class="mls"> icon-arrow_back</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e96e" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe96e;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-external-link"></span>
+                    <span class="mls"> icon-external-link</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e96d" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe96d;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-minus-square"></span>
+                    <span class="mls"> icon-minus-square</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e969" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe969;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-plus-square"></span>
+                    <span class="mls"> icon-plus-square</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e968" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe968;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-drag2"></span>
+                    <span class="mls"> icon-drag2</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e961" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe961;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-comments"></span>
+                    <span class="mls"> icon-comments</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e95f" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe95f;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-backup"></span>
+                    <span class="mls"> icon-backup</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e95b" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe95b;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-support"></span>
+                    <span class="mls"> icon-support</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e95a" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe95a;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-RichText"></span>
+                    <span class="mls"> icon-control-RichText</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e939" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe939;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-type-RichText"></span>
+                    <span class="mls"> icon-type-RichText</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e939" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe939;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs1">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-download"></span>
+                    <span class="mls"> icon-download</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e93e" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe93e;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+        </div>
+        <div class="clearfix mhl ptl">
+            <h1 class="mvm mtn fgc1">Grid Size: 14</h1>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-mouse-pointer"></span>
+                    <span class="mls"> icon-mouse-pointer</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e994" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe994;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-backups"></span>
+                    <span class="mls"> icon-backups</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e987" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe987;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-clients"></span>
+                    <span class="mls"> icon-clients</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e988" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe988;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-contributors"></span>
+                    <span class="mls"> icon-contributors</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e989" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe989;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-languages"></span>
+                    <span class="mls"> icon-languages</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e98a" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe98a;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-patterns"></span>
+                    <span class="mls"> icon-patterns</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e98b" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe98b;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-roles"></span>
+                    <span class="mls"> icon-roles</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e98c" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe98c;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-subscription"></span>
+                    <span class="mls"> icon-subscription</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e98d" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe98d;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-workflows"></span>
+                    <span class="mls"> icon-workflows</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e98e" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe98e;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-component"></span>
+                    <span class="mls"> icon-component</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e986" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe986;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-plugin"></span>
+                    <span class="mls"> icon-plugin</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e985" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe985;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-angle-double-right"></span>
+                    <span class="mls"> icon-angle-double-right</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e97d" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe97d;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-angle-double-left"></span>
+                    <span class="mls"> icon-angle-double-left</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e97e" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe97e;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-filter-filled"></span>
+                    <span class="mls"> icon-filter-filled</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e978" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe978;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-clone"></span>
+                    <span class="mls"> icon-clone</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e96a" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe96a;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-Tags"></span>
+                    <span class="mls"> icon-control-Tags</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e963" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe963;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-Checkboxes"></span>
+                    <span class="mls"> icon-control-Checkboxes</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e962" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe962;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-List"></span>
+                    <span class="mls"> icon-control-List</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e962" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe962;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-Html"></span>
+                    <span class="mls"> icon-control-Html</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e960" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe960;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-single-content"></span>
+                    <span class="mls"> icon-single-content</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e958" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe958;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-search-Content"></span>
+                    <span class="mls"> icon-search-Content</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e958" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe958;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-type-Component"></span>
+                    <span class="mls"> icon-type-Component</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e958" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe958;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-multiple-content"></span>
+                    <span class="mls"> icon-multiple-content</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e957" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe957;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-type-Components"></span>
+                    <span class="mls"> icon-type-Components</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e957" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe957;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-type-Array"></span>
+                    <span class="mls"> icon-type-Array</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e956" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe956;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-exclamation"></span>
+                    <span class="mls"> icon-exclamation</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e955" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe955;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-orleans"></span>
+                    <span class="mls"> icon-orleans</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e94b" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe94b;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-document-lock"></span>
+                    <span class="mls"> icon-document-lock</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e949" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe949;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-document-unpublish"></span>
+                    <span class="mls"> icon-document-unpublish</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e93f" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe93f;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-angle-down"></span>
+                    <span class="mls"> icon-angle-down</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e900" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe900;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-angle-left"></span>
+                    <span class="mls"> icon-angle-left</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e901" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe901;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-angle-right"></span>
+                    <span class="mls"> icon-angle-right</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e931" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe931;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-angle-up"></span>
+                    <span class="mls"> icon-angle-up</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e903" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe903;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-api"></span>
+                    <span class="mls"> icon-api</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e945" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe945;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-assets"></span>
+                    <span class="mls"> icon-assets</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e948" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe948;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-search-Asset"></span>
+                    <span class="mls"> icon-search-Asset</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e948" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe948;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-bug"></span>
+                    <span class="mls"> icon-bug</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e93d" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe93d;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-caret-down"></span>
+                    <span class="mls"> icon-caret-down</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e92c" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe92c;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-caret-left"></span>
+                    <span class="mls"> icon-caret-left</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e92a" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe92a;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-caret-right"></span>
+                    <span class="mls"> icon-caret-right</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e929" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe929;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-caret-up"></span>
+                    <span class="mls"> icon-caret-up</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e92b" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe92b;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-contents"></span>
+                    <span class="mls"> icon-contents</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e946" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe946;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-trigger-ContentChanged"></span>
+                    <span class="mls"> icon-trigger-ContentChanged</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e946" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe946;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-Date"></span>
+                    <span class="mls"> icon-control-Date</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e936" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe936;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-DateTime"></span>
+                    <span class="mls"> icon-control-DateTime</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e937" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe937;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-Markdown"></span>
+                    <span class="mls"> icon-control-Markdown</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e938" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe938;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-grid"></span>
+                    <span class="mls"> icon-grid</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="f00a" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xf00a;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-list1"></span>
+                    <span class="mls"> icon-list1</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="f0c9" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xf0c9;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-user-o"></span>
+                    <span class="mls"> icon-user-o</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e932" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe932;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-rules"></span>
+                    <span class="mls"> icon-rules</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e947" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe947;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs2">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-search-Rule"></span>
+                    <span class="mls"> icon-search-Rule</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e947" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe947;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+        </div>
+        <div class="clearfix mhl ptl">
+            <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-type-UI"></span>
+                    <span class="mls"> icon-type-UI</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e975" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe975;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-prerender"></span>
+                    <span class="mls"> icon-prerender</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e94c" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe94c;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-circle"></span>
+                    <span class="mls"> icon-circle</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e951" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe951;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-Slug"></span>
+                    <span class="mls"> icon-control-Slug</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e94f" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe94f;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-type-Tags"></span>
+                    <span class="mls"> icon-type-Tags</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e94a" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe94a;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-activity"></span>
+                    <span class="mls"> icon-activity</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e904" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe904;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-history"></span>
+                    <span class="mls"> icon-history</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e904" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe904;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-time"></span>
+                    <span class="mls"> icon-time</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e904" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe904;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-add"></span>
+                    <span class="mls"> icon-add</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e905" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe905;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-plus"></span>
+                    <span class="mls"> icon-plus</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e905" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe905;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-check-circle"></span>
+                    <span class="mls"> icon-check-circle</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e906" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe906;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-check-circle-filled"></span>
+                    <span class="mls"> icon-check-circle-filled</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e907" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe907;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-close"></span>
+                    <span class="mls"> icon-close</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e908" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe908;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-type-References"></span>
+                    <span class="mls"> icon-type-References</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e909" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe909;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-Checkbox"></span>
+                    <span class="mls"> icon-control-Checkbox</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e90a" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe90a;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-Dropdown"></span>
+                    <span class="mls"> icon-control-Dropdown</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e90b" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe90b;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-Input"></span>
+                    <span class="mls"> icon-control-Input</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e90c" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe90c;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-Radio"></span>
+                    <span class="mls"> icon-control-Radio</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e90d" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe90d;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-TextArea"></span>
+                    <span class="mls"> icon-control-TextArea</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e90e" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe90e;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-Toggle"></span>
+                    <span class="mls"> icon-control-Toggle</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e90f" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe90f;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-copy"></span>
+                    <span class="mls"> icon-copy</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e910" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe910;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-dashboard"></span>
+                    <span class="mls"> icon-dashboard</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e911" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe911;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-search-Dashboard"></span>
+                    <span class="mls"> icon-search-Dashboard</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e911" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe911;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-delete"></span>
+                    <span class="mls"> icon-delete</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e912" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe912;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-bin"></span>
+                    <span class="mls"> icon-bin</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e912" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe912;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-delete-filled"></span>
+                    <span class="mls"> icon-delete-filled</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e913" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe913;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-document-delete"></span>
+                    <span class="mls"> icon-document-delete</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e914" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe914;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-document-disable"></span>
+                    <span class="mls"> icon-document-disable</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e915" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe915;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-document-publish"></span>
+                    <span class="mls"> icon-document-publish</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e916" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe916;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-drag"></span>
+                    <span class="mls"> icon-drag</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e917" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe917;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-filter"></span>
+                    <span class="mls"> icon-filter</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e918" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe918;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-github"></span>
+                    <span class="mls"> icon-github</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e941" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe941;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-help"></span>
+                    <span class="mls"> icon-help</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e919" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe919;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-location"></span>
+                    <span class="mls"> icon-location</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e91b" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe91b;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-Map"></span>
+                    <span class="mls"> icon-control-Map</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e91b" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe91b;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-type-Geolocation"></span>
+                    <span class="mls"> icon-type-Geolocation</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e91b" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe91b;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-logo"></span>
+                    <span class="mls"> icon-logo</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e91c" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe91c;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-media"></span>
+                    <span class="mls"> icon-media</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e91d" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe91d;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-type-Assets"></span>
+                    <span class="mls"> icon-type-Assets</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e91d" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe91d;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-trigger-AssetChanged"></span>
+                    <span class="mls"> icon-trigger-AssetChanged</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e91d" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe91d;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-StockPhoto"></span>
+                    <span class="mls"> icon-control-StockPhoto</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e91d" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe91d;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-more"></span>
+                    <span class="mls"> icon-more</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e91e" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe91e;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-dots"></span>
+                    <span class="mls"> icon-dots</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e91e" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe91e;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-pencil"></span>
+                    <span class="mls"> icon-pencil</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e91f" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe91f;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-reference"></span>
+                    <span class="mls"> icon-reference</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e920" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe920;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-schemas"></span>
+                    <span class="mls"> icon-schemas</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e921" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe921;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-search-Schema"></span>
+                    <span class="mls"> icon-search-Schema</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e921" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe921;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-search"></span>
+                    <span class="mls"> icon-search</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e922" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe922;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-settings"></span>
+                    <span class="mls"> icon-settings</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e923" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe923;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-search-Setting"></span>
+                    <span class="mls"> icon-search-Setting</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e923" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe923;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-type-Boolean"></span>
+                    <span class="mls"> icon-type-Boolean</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e924" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe924;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-type-DateTime"></span>
+                    <span class="mls"> icon-type-DateTime</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e925" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe925;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-type-Json"></span>
+                    <span class="mls"> icon-type-Json</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e91a" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe91a;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-json"></span>
+                    <span class="mls"> icon-json</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e91a" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe91a;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-type-Number"></span>
+                    <span class="mls"> icon-type-Number</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e926" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe926;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-type-String"></span>
+                    <span class="mls"> icon-type-String</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e927" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe927;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-user"></span>
+                    <span class="mls"> icon-user</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e928" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe928;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-upload-3"></span>
+                    <span class="mls"> icon-upload-3</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e973" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe973;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs3">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-upload-4"></span>
+                    <span class="mls"> icon-upload-4</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e971" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe971;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+        </div>
+        <div class="clearfix mhl ptl">
+            <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-arrow-right"></span>
+                    <span class="mls"> icon-arrow-right</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e976" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe976;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-upload"></span>
+                    <span class="mls"> icon-upload</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e970" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe970;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-caret-bottom"></span>
+                    <span class="mls"> icon-caret-bottom</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e96b" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe96b;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-caret-top"></span>
+                    <span class="mls"> icon-caret-top</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e96c" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe96c;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-show"></span>
+                    <span class="mls"> icon-show</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e964" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe964;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-show-all"></span>
+                    <span class="mls"> icon-show-all</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e965" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe965;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-hide"></span>
+                    <span class="mls"> icon-hide</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e966" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe966;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-hide-all"></span>
+                    <span class="mls"> icon-hide-all</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e967" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe967;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-spinner2"></span>
+                    <span class="mls"> icon-spinner2</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e959" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe959;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-star-full"></span>
+                    <span class="mls"> icon-star-full</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e95d" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe95d;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-star-empty"></span>
+                    <span class="mls"> icon-star-empty</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e95e" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe95e;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-twitter"></span>
+                    <span class="mls"> icon-twitter</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e95c" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe95c;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-hour-glass"></span>
+                    <span class="mls"> icon-hour-glass</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e954" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe954;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-spinner"></span>
+                    <span class="mls"> icon-spinner</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e953" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe953;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-clock"></span>
+                    <span class="mls"> icon-clock</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e950" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe950;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-bin2"></span>
+                    <span class="mls"> icon-bin2</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e902" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe902;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-earth"></span>
+                    <span class="mls"> icon-earth</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e9ca" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe9ca;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="earth, globe2" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-elapsed"></span>
+                    <span class="mls"> icon-elapsed</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e943" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe943;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-google"></span>
+                    <span class="mls"> icon-google</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e93b" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe93b;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-lock"></span>
+                    <span class="mls"> icon-lock</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e934" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe934;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-microsoft"></span>
+                    <span class="mls"> icon-microsoft</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e940" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe940;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-pause"></span>
+                    <span class="mls"> icon-pause</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e92f" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe92f;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-play"></span>
+                    <span class="mls"> icon-play</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e930" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe930;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-reset"></span>
+                    <span class="mls"> icon-reset</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e92e" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe92e;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-settings2"></span>
+                    <span class="mls"> icon-settings2</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e92d" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe92d;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-timeout"></span>
+                    <span class="mls"> icon-timeout</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e944" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe944;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs4">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-unlocked"></span>
+                    <span class="mls"> icon-unlocked</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e933" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe933;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+        </div>
+        <div class="clearfix mhl ptl">
+            <h1 class="mvm mtn fgc1">Grid Size: 32</h1>
+            <div class="glyph fs5">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-Color"></span>
+                    <span class="mls"> icon-control-Color</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e94d" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe94d;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs5">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-browser"></span>
+                    <span class="mls"> icon-browser</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e935" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe935;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs5">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-checkmark"></span>
+                    <span class="mls"> icon-checkmark</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e942" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe942;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs5">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-control-Stars"></span>
+                    <span class="mls"> icon-control-Stars</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e93a" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe93a;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+        </div>
+        <div class="clearfix mhl ptl">
+            <h1 class="mvm mtn fgc1">Grid Size: 20</h1>
+            <div class="glyph fs6">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-grid1"></span>
+                    <span class="mls"> icon-grid1</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e952" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe952;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs6">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-list"></span>
+                    <span class="mls"> icon-list</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e94e" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe94e;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
+            </div>
+            <div class="glyph fs6">
+                <div class="clearfix bshadow0 pbs">
+                    <span class="icon-info"></span>
+                    <span class="mls"> icon-info</span>
+                </div>
+                <fieldset class="fs0 size1of1 clearfix hidden-false">
+                    <input class="unit size1of2" readonly type="text" value="e93c" />
+                    <input class="unitRight size1of2 talign-right" maxlength="1" readonly type="text" value="&#xe93c;" />
+                </fieldset>
+                <div class="fs0 bshadow0 clearfix hidden-true">
+                    <span class="unit pvs fgc1">liga: </span>
+                    <input class="liga unitRight" readonly type="text" value="" />
+                </div>
             </div>
         </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-lightbulb_outline"></span>
-                <span class="mls"> icon-lightbulb_outline</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e993" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe993;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-hourglass_top"></span>
-                <span class="mls"> icon-hourglass_top</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e992" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe992;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-wrap_text"></span>
-                <span class="mls"> icon-wrap_text</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e991" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe991;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-fullscreen_exit"></span>
-                <span class="mls"> icon-fullscreen_exit</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e98f" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe98f;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-fullscreen"></span>
-                <span class="mls"> icon-fullscreen</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e990" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe990;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-enter"></span>
-                <span class="mls"> icon-enter</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e984" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe984;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-zoom_out"></span>
-                <span class="mls"> icon-zoom_out</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e982" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe982;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-zoom_in"></span>
-                <span class="mls"> icon-zoom_in</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e983" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe983;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-flip"></span>
-                <span class="mls"> icon-flip</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e97f" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe97f;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-rotate_right"></span>
-                <span class="mls"> icon-rotate_right</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e980" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe980;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-rotate_left"></span>
-                <span class="mls"> icon-rotate_left</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e981" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe981;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-create_new_folder"></span>
-                <span class="mls"> icon-create_new_folder</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e97b" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe97b;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-folder"></span>
-                <span class="mls"> icon-folder</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e97c" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe97c;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-help2"></span>
-                <span class="mls"> icon-help2</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e97a" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe97a;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-trigger-Manual"></span>
-                <span class="mls"> icon-trigger-Manual</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e979" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe979;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-play-line"></span>
-                <span class="mls"> icon-play-line</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e979" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe979;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-corner-down-right"></span>
-                <span class="mls"> icon-corner-down-right</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e977" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe977;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-info-outline"></span>
-                <span class="mls"> icon-info-outline</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e974" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe974;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-upload-2"></span>
-                <span class="mls"> icon-upload-2</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e972" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe972;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-translate"></span>
-                <span class="mls"> icon-translate</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e96f" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe96f;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-arrow_back"></span>
-                <span class="mls"> icon-arrow_back</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e96e" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe96e;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-external-link"></span>
-                <span class="mls"> icon-external-link</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e96d" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe96d;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-minus-square"></span>
-                <span class="mls"> icon-minus-square</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e969" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe969;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-plus-square"></span>
-                <span class="mls"> icon-plus-square</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e968" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe968;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-drag2"></span>
-                <span class="mls"> icon-drag2</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e961" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe961;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-comments"></span>
-                <span class="mls"> icon-comments</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e95f" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe95f;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-backup"></span>
-                <span class="mls"> icon-backup</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e95b" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe95b;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-support"></span>
-                <span class="mls"> icon-support</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e95a" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe95a;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-RichText"></span>
-                <span class="mls"> icon-control-RichText</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e939" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe939;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-type-RichText"></span>
-                <span class="mls"> icon-type-RichText</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e939" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe939;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-download"></span>
-                <span class="mls"> icon-download</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e93e" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe93e;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-    </div>
-    <div class="clearfix mhl ptl">
-        <h1 class="mvm mtn fgc1">Grid Size: 14</h1>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-mouse-pointer"></span>
-                <span class="mls"> icon-mouse-pointer</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e994" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe994;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-backups"></span>
-                <span class="mls"> icon-backups</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e987" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe987;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-clients"></span>
-                <span class="mls"> icon-clients</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e988" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe988;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-contributors"></span>
-                <span class="mls"> icon-contributors</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e989" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe989;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-languages"></span>
-                <span class="mls"> icon-languages</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e98a" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe98a;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-patterns"></span>
-                <span class="mls"> icon-patterns</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e98b" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe98b;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-roles"></span>
-                <span class="mls"> icon-roles</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e98c" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe98c;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-subscription"></span>
-                <span class="mls"> icon-subscription</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e98d" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe98d;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-workflows"></span>
-                <span class="mls"> icon-workflows</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e98e" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe98e;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-component"></span>
-                <span class="mls"> icon-component</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e986" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe986;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-plugin"></span>
-                <span class="mls"> icon-plugin</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e985" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe985;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-angle-double-right"></span>
-                <span class="mls"> icon-angle-double-right</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e97d" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe97d;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-angle-double-left"></span>
-                <span class="mls"> icon-angle-double-left</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e97e" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe97e;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-filter-filled"></span>
-                <span class="mls"> icon-filter-filled</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e978" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe978;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-clone"></span>
-                <span class="mls"> icon-clone</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e96a" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe96a;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-Tags"></span>
-                <span class="mls"> icon-control-Tags</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e963" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe963;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-Checkboxes"></span>
-                <span class="mls"> icon-control-Checkboxes</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e962" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe962;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-List"></span>
-                <span class="mls"> icon-control-List</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e962" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe962;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-Html"></span>
-                <span class="mls"> icon-control-Html</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e960" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe960;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-single-content"></span>
-                <span class="mls"> icon-single-content</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e958" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe958;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-search-Content"></span>
-                <span class="mls"> icon-search-Content</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e958" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe958;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-type-Component"></span>
-                <span class="mls"> icon-type-Component</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e958" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe958;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-multiple-content"></span>
-                <span class="mls"> icon-multiple-content</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e957" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe957;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-type-Components"></span>
-                <span class="mls"> icon-type-Components</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e957" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe957;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-type-Array"></span>
-                <span class="mls"> icon-type-Array</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e956" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe956;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-exclamation"></span>
-                <span class="mls"> icon-exclamation</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e955" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe955;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-orleans"></span>
-                <span class="mls"> icon-orleans</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e94b" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe94b;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-document-lock"></span>
-                <span class="mls"> icon-document-lock</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e949" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe949;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-document-unpublish"></span>
-                <span class="mls"> icon-document-unpublish</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e93f" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe93f;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-angle-down"></span>
-                <span class="mls"> icon-angle-down</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e900" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe900;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-angle-left"></span>
-                <span class="mls"> icon-angle-left</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e901" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe901;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-angle-right"></span>
-                <span class="mls"> icon-angle-right</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e931" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe931;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-angle-up"></span>
-                <span class="mls"> icon-angle-up</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e903" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe903;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-api"></span>
-                <span class="mls"> icon-api</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e945" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe945;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-assets"></span>
-                <span class="mls"> icon-assets</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e948" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe948;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-search-Asset"></span>
-                <span class="mls"> icon-search-Asset</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e948" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe948;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-bug"></span>
-                <span class="mls"> icon-bug</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e93d" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe93d;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-caret-down"></span>
-                <span class="mls"> icon-caret-down</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e92c" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe92c;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-caret-left"></span>
-                <span class="mls"> icon-caret-left</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e92a" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe92a;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-caret-right"></span>
-                <span class="mls"> icon-caret-right</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e929" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe929;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-caret-up"></span>
-                <span class="mls"> icon-caret-up</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e92b" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe92b;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-contents"></span>
-                <span class="mls"> icon-contents</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e946" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe946;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-trigger-ContentChanged"></span>
-                <span class="mls"> icon-trigger-ContentChanged</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e946" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe946;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-Date"></span>
-                <span class="mls"> icon-control-Date</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e936" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe936;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-DateTime"></span>
-                <span class="mls"> icon-control-DateTime</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e937" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe937;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-Markdown"></span>
-                <span class="mls"> icon-control-Markdown</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e938" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe938;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-grid"></span>
-                <span class="mls"> icon-grid</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="f00a" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xf00a;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-list1"></span>
-                <span class="mls"> icon-list1</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="f0c9" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xf0c9;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-user-o"></span>
-                <span class="mls"> icon-user-o</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e932" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe932;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-rules"></span>
-                <span class="mls"> icon-rules</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e947" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe947;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-search-Rule"></span>
-                <span class="mls"> icon-search-Rule</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e947" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe947;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-    </div>
-    <div class="clearfix mhl ptl">
-        <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-type-UI"></span>
-                <span class="mls"> icon-type-UI</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e975" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe975;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-prerender"></span>
-                <span class="mls"> icon-prerender</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e94c" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe94c;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-circle"></span>
-                <span class="mls"> icon-circle</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e951" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe951;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-Slug"></span>
-                <span class="mls"> icon-control-Slug</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e94f" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe94f;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-type-Tags"></span>
-                <span class="mls"> icon-type-Tags</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e94a" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe94a;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-activity"></span>
-                <span class="mls"> icon-activity</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e904" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe904;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-history"></span>
-                <span class="mls"> icon-history</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e904" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe904;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-time"></span>
-                <span class="mls"> icon-time</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e904" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe904;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-add"></span>
-                <span class="mls"> icon-add</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e905" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe905;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-plus"></span>
-                <span class="mls"> icon-plus</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e905" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe905;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-check-circle"></span>
-                <span class="mls"> icon-check-circle</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e906" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe906;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-check-circle-filled"></span>
-                <span class="mls"> icon-check-circle-filled</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e907" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe907;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-close"></span>
-                <span class="mls"> icon-close</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e908" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe908;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-type-References"></span>
-                <span class="mls"> icon-type-References</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e909" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe909;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-Checkbox"></span>
-                <span class="mls"> icon-control-Checkbox</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e90a" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe90a;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-Dropdown"></span>
-                <span class="mls"> icon-control-Dropdown</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e90b" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe90b;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-Input"></span>
-                <span class="mls"> icon-control-Input</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e90c" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe90c;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-Radio"></span>
-                <span class="mls"> icon-control-Radio</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e90d" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe90d;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-TextArea"></span>
-                <span class="mls"> icon-control-TextArea</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e90e" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe90e;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-Toggle"></span>
-                <span class="mls"> icon-control-Toggle</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e90f" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe90f;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-copy"></span>
-                <span class="mls"> icon-copy</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e910" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe910;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-dashboard"></span>
-                <span class="mls"> icon-dashboard</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e911" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe911;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-search-Dashboard"></span>
-                <span class="mls"> icon-search-Dashboard</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e911" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe911;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-delete"></span>
-                <span class="mls"> icon-delete</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e912" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe912;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-bin"></span>
-                <span class="mls"> icon-bin</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e912" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe912;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-delete-filled"></span>
-                <span class="mls"> icon-delete-filled</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e913" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe913;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-document-delete"></span>
-                <span class="mls"> icon-document-delete</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e914" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe914;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-document-disable"></span>
-                <span class="mls"> icon-document-disable</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e915" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe915;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-document-publish"></span>
-                <span class="mls"> icon-document-publish</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e916" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe916;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-drag"></span>
-                <span class="mls"> icon-drag</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e917" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe917;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-filter"></span>
-                <span class="mls"> icon-filter</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e918" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe918;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-github"></span>
-                <span class="mls"> icon-github</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e941" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe941;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-help"></span>
-                <span class="mls"> icon-help</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e919" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe919;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-location"></span>
-                <span class="mls"> icon-location</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e91b" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe91b;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-Map"></span>
-                <span class="mls"> icon-control-Map</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e91b" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe91b;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-type-Geolocation"></span>
-                <span class="mls"> icon-type-Geolocation</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e91b" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe91b;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-logo"></span>
-                <span class="mls"> icon-logo</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e91c" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe91c;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-media"></span>
-                <span class="mls"> icon-media</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e91d" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe91d;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-type-Assets"></span>
-                <span class="mls"> icon-type-Assets</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e91d" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe91d;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-trigger-AssetChanged"></span>
-                <span class="mls"> icon-trigger-AssetChanged</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e91d" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe91d;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-StockPhoto"></span>
-                <span class="mls"> icon-control-StockPhoto</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e91d" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe91d;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-more"></span>
-                <span class="mls"> icon-more</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e91e" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe91e;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-dots"></span>
-                <span class="mls"> icon-dots</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e91e" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe91e;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-pencil"></span>
-                <span class="mls"> icon-pencil</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e91f" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe91f;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-reference"></span>
-                <span class="mls"> icon-reference</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e920" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe920;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-schemas"></span>
-                <span class="mls"> icon-schemas</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e921" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe921;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-search-Schema"></span>
-                <span class="mls"> icon-search-Schema</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e921" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe921;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-search"></span>
-                <span class="mls"> icon-search</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e922" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe922;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-settings"></span>
-                <span class="mls"> icon-settings</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e923" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe923;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-search-Setting"></span>
-                <span class="mls"> icon-search-Setting</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e923" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe923;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-type-Boolean"></span>
-                <span class="mls"> icon-type-Boolean</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e924" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe924;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-type-DateTime"></span>
-                <span class="mls"> icon-type-DateTime</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e925" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe925;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-type-Json"></span>
-                <span class="mls"> icon-type-Json</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e91a" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe91a;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-json"></span>
-                <span class="mls"> icon-json</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e91a" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe91a;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-type-Number"></span>
-                <span class="mls"> icon-type-Number</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e926" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe926;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-type-String"></span>
-                <span class="mls"> icon-type-String</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e927" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe927;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-user"></span>
-                <span class="mls"> icon-user</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e928" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe928;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-upload-3"></span>
-                <span class="mls"> icon-upload-3</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e973" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe973;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs3">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-upload-4"></span>
-                <span class="mls"> icon-upload-4</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e971" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe971;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-    </div>
-    <div class="clearfix mhl ptl">
-        <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-arrow-right"></span>
-                <span class="mls"> icon-arrow-right</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e976" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe976;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-upload"></span>
-                <span class="mls"> icon-upload</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e970" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe970;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-caret-bottom"></span>
-                <span class="mls"> icon-caret-bottom</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e96b" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe96b;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-caret-top"></span>
-                <span class="mls"> icon-caret-top</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e96c" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe96c;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-show"></span>
-                <span class="mls"> icon-show</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e964" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe964;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-show-all"></span>
-                <span class="mls"> icon-show-all</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e965" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe965;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-hide"></span>
-                <span class="mls"> icon-hide</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e966" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe966;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-hide-all"></span>
-                <span class="mls"> icon-hide-all</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e967" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe967;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-spinner2"></span>
-                <span class="mls"> icon-spinner2</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e959" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe959;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-star-full"></span>
-                <span class="mls"> icon-star-full</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e95d" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe95d;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-star-empty"></span>
-                <span class="mls"> icon-star-empty</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e95e" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe95e;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-twitter"></span>
-                <span class="mls"> icon-twitter</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e95c" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe95c;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-hour-glass"></span>
-                <span class="mls"> icon-hour-glass</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e954" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe954;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-spinner"></span>
-                <span class="mls"> icon-spinner</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e953" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe953;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-clock"></span>
-                <span class="mls"> icon-clock</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e950" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe950;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-bin2"></span>
-                <span class="mls"> icon-bin2</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e902" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe902;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-earth"></span>
-                <span class="mls"> icon-earth</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e9ca" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe9ca;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="earth, globe2" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-elapsed"></span>
-                <span class="mls"> icon-elapsed</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e943" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe943;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-google"></span>
-                <span class="mls"> icon-google</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e93b" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe93b;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-lock"></span>
-                <span class="mls"> icon-lock</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e934" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe934;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-microsoft"></span>
-                <span class="mls"> icon-microsoft</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e940" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe940;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-pause"></span>
-                <span class="mls"> icon-pause</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e92f" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe92f;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-play"></span>
-                <span class="mls"> icon-play</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e930" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe930;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-reset"></span>
-                <span class="mls"> icon-reset</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e92e" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe92e;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-settings2"></span>
-                <span class="mls"> icon-settings2</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e92d" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe92d;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-timeout"></span>
-                <span class="mls"> icon-timeout</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e944" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe944;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs4">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-unlocked"></span>
-                <span class="mls"> icon-unlocked</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e933" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe933;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-    </div>
-    <div class="clearfix mhl ptl">
-        <h1 class="mvm mtn fgc1">Grid Size: 32</h1>
-        <div class="glyph fs5">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-Color"></span>
-                <span class="mls"> icon-control-Color</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e94d" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe94d;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs5">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-browser"></span>
-                <span class="mls"> icon-browser</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e935" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe935;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs5">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-checkmark"></span>
-                <span class="mls"> icon-checkmark</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e942" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe942;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs5">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-control-Stars"></span>
-                <span class="mls"> icon-control-Stars</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e93a" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe93a;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-    </div>
-    <div class="clearfix mhl ptl">
-        <h1 class="mvm mtn fgc1">Grid Size: 20</h1>
-        <div class="glyph fs6">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-grid1"></span>
-                <span class="mls"> icon-grid1</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e952" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe952;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs6">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-list"></span>
-                <span class="mls"> icon-list</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e94e" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe94e;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs6">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-info"></span>
-                <span class="mls"> icon-info</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e93c" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe93c;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-    </div>
 
-    <!--[if gt IE 8]><!-->
-    <div class="mhl clearfix mbl">
-        <h1>Font Test Drive</h1>
-        <label>
-            Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
-            min="8" value="48" />
-            px
-        </label>
-        <input id="testText" type="text" class="phl size1of1 mvl"
-        placeholder="Type some text to test..." value=""/>
-        <div id="testDrive" class="icon-" style="font-family: icomoon">&nbsp;
+        <!--[if gt IE 8]><!-->
+        <div class="mhl clearfix mbl">
+            <h1>Font Test Drive</h1>
+            <label>
+                Font Size: <input class="textbox0 mbm" id="fontSize" min="8" type="number" value="48" />
+                px
+            </label>
+            <input class="phl size1of1 mvl" id="testText" placeholder="Type some text to test..." type="text" value="" />
+            <div class="icon-" id="testDrive" style="font-family: icomoon">&nbsp;</div>
+        </div>
+        <!--<![endif]-->
+        <div class="bgc1 clearfix">
+            <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
         </div>
-    </div>
-    <!--<![endif]-->
-    <div class="bgc1 clearfix">
-        <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
-    </div>
 
-    <script src="demo-files/demo.js"></script>
-</body>
+        <script src="demo-files/demo.js"></script>
+    </body>
 </html>
diff --git a/frontend/src/index.html b/frontend/src/index.html
index fc15a2054e..bfd72b962f 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -1,65 +1,65 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
-<head>
-    <base href="/">
+    <head>
+        <base href="/" />
 
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta charset="UTF-8" />
+        <meta content="width=device-width, initial-scale=1" name="viewport" />
 
-    <title>Squidex Headless CMS</title>
-    <style>
-        #outdated {
-            display: none;
-        }
-    </style>
-    <noscript>
+        <title>Squidex Headless CMS</title>
         <style>
-            .loading {
+            #outdated {
                 display: none;
             }
         </style>
-    </noscript>
+        <noscript>
+            <style>
+                .loading {
+                    display: none;
+                }
+            </style>
+        </noscript>
 
-    <link rel="stylesheet" type="text/css" href="./scripts/outdatedbrowser/outdatedbrowser.min.css">
+        <link href="./scripts/outdatedbrowser/outdatedbrowser.min.css" rel="stylesheet" type="text/css" />
 
-    <script src="./scripts/outdatedbrowser/outdatedbrowser.min.js"></script>
-    <script> 
-        function addLoadEvent(callback) {
-            var oldOnload = window.onload;
+        <script src="./scripts/outdatedbrowser/outdatedbrowser.min.js"></script>
+        <script>
+            function addLoadEvent(callback) {
+                var oldOnload = window.onload;
 
-            if (typeof window.onload != 'function') {
-                window.onload = callback;
-            } else {
-                window.onload = function () {
-                    if (oldOnload) {
-                        oldOnload();
-                    }
-                    callback();
+                if (typeof window.onload != "function") {
+                    window.onload = callback;
+                } else {
+                    window.onload = function () {
+                        if (oldOnload) {
+                            oldOnload();
+                        }
+                        callback();
+                    };
                 }
             }
-        }
 
-        addLoadEvent(function () {
-            outdatedBrowser({ 
-                lowerThan: 'object-fit', 
-                languagePath: './scripts/outdatedbrowser/lang/en.html'
+            addLoadEvent(function () {
+                outdatedBrowser({
+                    lowerThan: "object-fit",
+                    languagePath: "./scripts/outdatedbrowser/lang/en.html",
+                });
             });
-        });
-    </script>
-</head>
-<body>
-    <sqx-app>
-        <div class="loading">
-            <img src="./images/loader.svg">
+        </script>
+    </head>
+    <body>
+        <sqx-app>
+            <div class="loading">
+                <img src="./images/loader.svg" />
+
+                <div>Loading Squidex</div>
+            </div>
+        </sqx-app>
 
-            <div>Loading Squidex</div>
-        </div>
-    </sqx-app>
-    
-    <div id="outdated"></div>
+        <div id="outdated"></div>
 
-    <script>
-    /* INJECT OPTIONS */
-    </script>
-</body>
-</html>
\ No newline at end of file
+        <script>
+            /* INJECT OPTIONS */
+        </script>
+    </body>
+</html>