diff --git a/.env.development b/.env.development
index c5ec2b2f..8cb9de1a 100755
--- a/.env.development
+++ b/.env.development
@@ -1,4 +1,4 @@
-APP_VERSION="0.5.27"
+APP_VERSION="0.5.28"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="16"
 DIRECTORY_LOCAL="newfreeplanet"
diff --git a/.env.example.production b/.env.example.production
index 1566c622..6236468f 100755
--- a/.env.example.production
+++ b/.env.example.production
@@ -1,4 +1,4 @@
-APP_VERSION="0.5.27"
+APP_VERSION="0.5.28"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="13"
 DIRECTORY_LOCAL=newfreeplanet
diff --git a/_ALL_SITES/riso.app/.env.development b/_ALL_SITES/riso.app/.env.development
index e647f0a7..c3a222af 100755
--- a/_ALL_SITES/riso.app/.env.development
+++ b/_ALL_SITES/riso.app/.env.development
@@ -1,4 +1,4 @@
-APP_VERSION="0.5.27"
+APP_VERSION="0.5.28"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="13"
 DIRECTORY_LOCAL="newfreeplanet"
diff --git a/_ALL_SITES/riso.app/.env.production b/_ALL_SITES/riso.app/.env.production
index f1993400..12cf5900 100644
--- a/_ALL_SITES/riso.app/.env.production
+++ b/_ALL_SITES/riso.app/.env.production
@@ -1,4 +1,4 @@
-APP_VERSION="0.5.27"
+APP_VERSION="0.5.28"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="13"
 DIRECTORY_LOCAL=newfreeplanet
diff --git a/_ALL_SITES/riso.app/.env.test b/_ALL_SITES/riso.app/.env.test
index 565cd05c..39998fb2 100755
--- a/_ALL_SITES/riso.app/.env.test
+++ b/_ALL_SITES/riso.app/.env.test
@@ -1,4 +1,4 @@
-APP_VERSION="0.5.27"
+APP_VERSION="0.5.28"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="16"
 DIRECTORY_LOCAL=newfreeplanet
diff --git a/_ALL_SITES/terradellavisione.app/.env.development b/_ALL_SITES/terradellavisione.app/.env.development
index fbde70f6..1a8494ae 100755
--- a/_ALL_SITES/terradellavisione.app/.env.development
+++ b/_ALL_SITES/terradellavisione.app/.env.development
@@ -1,4 +1,4 @@
-APP_VERSION="0.5.27"
+APP_VERSION="0.5.28"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="14"
 DIRECTORY_LOCAL="newfreeplanet"
diff --git a/src/App.ts b/src/App.ts
index c6d813c3..2b19303c 100755
--- a/src/App.ts
+++ b/src/App.ts
@@ -7,7 +7,7 @@ import { useUserStore } from '@store/UserStore'
 import { MyHeader } from '@/components/MyHeader'
 import { MyFooter } from '@/components/MyFooter'
 import { CFirstPageApp } from '@/components/CFirstPageApp'
-import { computed } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 import { CProvaPao } from '@/components/CProvaPao'
 import { tools } from '@store/Modules/tools'
 
@@ -33,24 +33,59 @@ export default {
 
     const finishLoading = computed(() => globalStore.finishLoading)
 
+    const site = computed(() => globalStore.site)
+
+    watch(() => finishLoading.value, (newval: boolean, oldval: boolean) => {
+      console.log('watch finished', newval)
+      if (newval) {
+        tools.updateFonts()
+      }
+
+    })
+
     const listaRoutingNoLogin = ['/vreg?', '/offline']
 
     function meta() {
       return {
         title: t('msg.myAppName'),
         keywords: [{ name: 'keywords', content: 'associazione shen, centro olistico lugo' },
-          { name: 'description', content: t('msg.myAppDescription') }],
+        { name: 'description', content: t('msg.myAppDescription') }],
         //   equiv: { 'http-equiv': 'Content-Type', 'content': 'text/html; charset=UTF-8' }
       }
     }
 
+    function isScrolledIntoView (el: any) {
+      let rect = el.getBoundingClientRect()
+      let elemTop = rect.top
+      let elemBottom = rect.bottom
+
+      let isVisible = elemTop < window.innerHeight && elemBottom >= 0
+      return isVisible
+    }
+
+    function scroll() {
+      window.onscroll = () => {
+        let scrolledTo = document.querySelector('.replace-with-your-element')
+
+        if (scrolledTo && isScrolledIntoView(scrolledTo)) {
+          console.log('scrolled')
+        }
+      }
+    }
+
+    function mounted() {
+      scroll()
+    }
+
+
+
     async function created() {
       try {
         if (process.env.DEV) {
           console.info('SESSIONE IN SVILUPPO ! (DEV)')
           // console.info(process.env)
         }
-        if ( tools.isTest() && !process.env.DEV) {
+        if (tools.isTest() && !process.env.DEV) {
           console.info('SESSIONE IN TEST ! (TEST)')
         } else {
           if (process.env.PROD) {
@@ -77,6 +112,9 @@ export default {
         } else {
           globalStore.finishLoading = true
         }
+
+        tools.updateFonts()
+
       } catch (e) {
         globalStore.finishLoading = true
       }
@@ -85,6 +123,8 @@ export default {
       // Check the verified_email
     }
 
+    onMounted(mounted)
+
     created()
 
     return {
diff --git a/src/App.vue b/src/App.vue
index 995a23e6..e84d70bc 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <!--<q-layout view="lHh Lpr lFf" class="shadow-2 rounded-borders">--->
-    <q-layout view="hHh lpr fFf" class="shadow-2 rounded-borders">
+    <q-layout view="hHh LpR fFf" class="shadow-2 rounded-borders">
       <app-header></app-header>
       <q-ajax-bar></q-ajax-bar>
 
diff --git a/src/common/shared_vuejs.ts b/src/common/shared_vuejs.ts
index adb66b8b..ecefa7f4 100755
--- a/src/common/shared_vuejs.ts
+++ b/src/common/shared_vuejs.ts
@@ -1030,7 +1030,7 @@ export const shared_consts = {
       value: 1, //
       labeltrans: 'typenotifs.test',
       descr: 'typenotifs.new_rec_bacheca_descr',
-      icon:'fas fa-house-user',
+      icon: 'fas fa-house-user',
       list: [
         {
           value: 1, // ID_TEST_NEW_REC
@@ -1038,14 +1038,14 @@ export const shared_consts = {
         },
       ],
     },
-    ],
+  ],
 
   TypeNotifs_Arr: [
     {
       value: 1, //
       labeltrans: 'typenotifs.new_rec_bacheca',
       descr: 'typenotifs.new_rec_bacheca_descr',
-      icon:'fas fa-house-user',
+      icon: 'fas fa-house-user',
       list: [
         {
           value: 1, // ID_BACHECA_NEW_GOOD
@@ -1061,7 +1061,7 @@ export const shared_consts = {
       value: 2, //
       labeltrans: 'typenotifs.events',
       descr: 'typenotifs.events_descr',
-      icon:'fas fa-bullhorn',
+      icon: 'fas fa-bullhorn',
       list: [
         {
           value: 1, // ID_EVENTS_NEW_REC
@@ -1073,7 +1073,7 @@ export const shared_consts = {
       value: 3, //
       labeltrans: 'typenotifs.friends',
       descr: 'typenotifs.friends_descr',
-      icon:'fas fa-user-plus',
+      icon: 'fas fa-user-plus',
       list: [
         {
           value: 1, // ID_FRIENDS_NEW_REC
@@ -1085,7 +1085,7 @@ export const shared_consts = {
       value: 4, //
       labeltrans: 'typenotifs.groups',
       descr: 'typenotifs.friends_descr',
-      icon:'fas fa-user-plus',
+      icon: 'fas fa-user-plus',
       list: [
         {
           value: 1, // ID_GROUP_NEW_REC
@@ -1097,7 +1097,7 @@ export const shared_consts = {
       value: 5, //
       labeltrans: 'typenotifs.circuits',
       descr: 'typenotifs.circuits_descr',
-      icon:'fas fa-coins',
+      icon: 'fas fa-coins',
       list: [
         {
           value: 1, // ID_CIRCUIT_NEW_REC
@@ -1109,7 +1109,7 @@ export const shared_consts = {
       value: 6, //
       labeltrans: 'typenotifs.booking',
       descr: '',
-      icon:'fas fa-book-open',
+      icon: 'fas fa-book-open',
     },
   ],
 
@@ -1175,6 +1175,33 @@ export const shared_consts = {
     FASE3_MONETA_ABILITATA: 3,
   },
 
+  FontsInstalled: [
+    {
+      label: 'Arial',
+      value: 'font-Arial'
+    },
+    {
+      label: 'Baskervville',
+      value: 'font-Baskervville'
+    },
+    {
+      label: 'Montserrat',
+      value: 'font-Montserrat'
+    },
+    {
+      label: 'Verdana',
+      value: 'font-Verdana'
+    },
+    {
+      label: 'Lato',
+      value: 'font-Lato'
+    },
+    {
+      label: 'Source Sans Pro',
+      value: 'font-SourceSansPro'
+    },
+  ],
+
   TypesElem: [
     {
       value: 5,
@@ -1258,6 +1285,61 @@ export const shared_consts = {
     },
   ],
 
+  LISTBESTCOLORS: [
+    {
+      label: 'blue',
+      value: 'blue'
+    },
+    {
+      label: 'green',
+      value: 'green'
+    },
+    {
+      label: 'purple',
+      value: 'purple'
+    },
+    {
+      label: 'deep-purple',
+      value: 'deep-purple'
+    },
+    {
+      label: 'indigo',
+      value: 'indigo'
+    },
+    {
+      label: 'light-blue',
+      value: 'light-blue'
+    },
+    {
+      label: 'cyan',
+      value: 'cyan'
+    },
+    {
+      label: 'teal',
+      value: 'teal'
+    },
+    {
+      label: 'lime',
+      value: 'lime'
+    },
+    {
+      label: 'orange',
+      value: 'orange'
+    },
+    {
+      label: 'deeporange',
+      value: 'deeporange'
+    },
+    {
+      label: 'yellow',
+      value: 'yellow'
+    },
+    {
+      label: 'white',
+      value: 'white'
+    },
+  ],
+
   ELEMTYPE: {
     TITLE: 5,
     MARGINI: 6,
diff --git a/src/components/CImgPoster/CImgPoster.ts b/src/components/CImgPoster/CImgPoster.ts
index 6f16217d..e8d58621 100755
--- a/src/components/CImgPoster/CImgPoster.ts
+++ b/src/components/CImgPoster/CImgPoster.ts
@@ -1,7 +1,8 @@
-import { defineComponent, ref } from 'vue'
+import { defineComponent, PropType, ref } from 'vue'
 
 import { tools } from '@src/store/Modules/tools'
 import { shared_consts } from '@src/common/shared_vuejs'
+import { IAnim } from '@src/model'
 
 export default defineComponent({
   name: 'CImgPoster',
@@ -46,15 +47,19 @@ export default defineComponent({
       required: false,
       default: 1
     },
-    class_anim: {
-      type: String,
+    anim: {
+      type: Object as PropType<IAnim>,
       required: false,
-      default: ''
+      default: () => {
+        return { name: '', clduration: '', cldelay: '' }
+      },
     },
-    class_anim2: {
-      type: String,
+    anim2: {
+      type: Object as PropType<IAnim>,
       required: false,
-      default: ''
+      default: () => {
+        return { name: '', clduration: '', cldelay: '' }
+      },
     },
     logo: String,
     logoheight: String,
diff --git a/src/components/CImgPoster/CImgPoster.vue b/src/components/CImgPoster/CImgPoster.vue
index 41bc7251..73e21474 100755
--- a/src/components/CImgPoster/CImgPoster.vue
+++ b/src/components/CImgPoster/CImgPoster.vue
@@ -23,12 +23,15 @@
                 : undefined
             "
           />
-          <div :class="classTitle + ` ` + class_anim" :style="` color:` + colorTitle">
+          <div
+            :class="classTitle + ` ` + tools.getClassAnim(anim)"
+            :style="` color:` + colorTitle"
+          >
             {{ title }}
           </div>
           <div
             v-if="legendinside"
-            :class="classSubtitle + ` ` + class_anim2"
+            :class="classSubtitle + ` ` + tools.getClassAnim(anim2)"
             :style="` color:` + colorSubtitle"
             v-html="legendinside"
           ></div>
diff --git a/src/components/CMyEditElem/CMyEditElem.ts b/src/components/CMyEditElem/CMyEditElem.ts
index f9c331ea..b39c1ee0 100755
--- a/src/components/CMyEditElem/CMyEditElem.ts
+++ b/src/components/CMyEditElem/CMyEditElem.ts
@@ -73,6 +73,7 @@ export default defineComponent({
     const animare = ref(0)
     const slide = ref(0)
     const slide2 = ref(0)
+    const tabCard = ref('card0')
     const arrPages = ref([] as any[])
     const disableSave = ref(true)
     const enableEdit = ref(true)
@@ -295,6 +296,7 @@ export default defineComponent({
       saveCard,
       updateElem,
       showAnimation,
+      tabCard,
     }
   },
 
diff --git a/src/components/CMyEditElem/CMyEditElem.vue b/src/components/CMyEditElem/CMyEditElem.vue
index 6b59d5f3..f7af662f 100755
--- a/src/components/CMyEditElem/CMyEditElem.vue
+++ b/src/components/CMyEditElem/CMyEditElem.vue
@@ -124,7 +124,7 @@
           @update:model-value="modifElem"
           dense
           label="Allinea"
-          style="min-width: 100px"
+          style="min-width: 150px"
           emit-value
           map-options
         >
@@ -138,7 +138,7 @@
           @update:model-value="modifElem"
           dense
           label="Vert Allinea"
-          style="min-width: 100px"
+          style="min-width: 150px"
           emit-value
           map-options
         >
@@ -146,7 +146,7 @@
         <q-select
           v-if="enableEdit"
           rounded
-          style="min-width: 100px"
+          style="min-width: 150px"
           outlined
           v-model="myel.class"
           :options="tools.SelectListClass"
@@ -160,7 +160,7 @@
         <q-select
           v-if="enableEdit && showFit"
           rounded
-          style="min-width: 100px"
+          style="min-width: 150px"
           outlined
           v-model="myel.fit"
           :options="tools.SelectListFit"
@@ -184,7 +184,7 @@
       </div>
       <CSelectAnimation
         v-if="enableEdit && showAnimation"
-        v-model="myel.class_anim"
+        v-model="myel.anim"
         @update:model-value="modifElem"
       >
       </CSelectAnimation>
@@ -205,9 +205,16 @@
         v-if="myel.type === shared_consts.ELEMTYPE.CARD"
         :class="myel.span ? '' : ''"
       >
+        <CSelectAnimation
+          v-if="enableEdit && showAnimation"
+          v-model="myel.anim2"
+          @update:model-value="modifElem"
+          label="Animaz Immagini"
+        >
+        </CSelectAnimation>
         <div class="row">
           <q-input
-            label="Classe Card:"
+            label="Classe Schede:"
             @update:model-value="modifElem"
             v-model="myel.class3"
             filled
@@ -219,115 +226,140 @@
           rounded
           dense
           color="primary"
-          label="Card"
+          label="Scheda"
           icon="fas fa-plus"
           @click="addNewCard"
         >
         </q-btn>
-        <div v-for="(rec, ind) in myel.listcards" :key="ind">
-          <div v-if="enableEdit" class="column bordered q-ma-xs">
-            <q-bar class="bg-primary text-white">
-              Card {{ ind + 1 }}
-              <q-space />
-              <q-btn
-                icon="fas fa-trash-alt"
-                color="negative"
-                dense
-                flat
-                size="sm"
-                @click="delRecCard(rec._id, myel)"
+
+        <q-tabs
+          v-model="tabCard"
+          dense
+          class="text-grey"
+          active-color="primary"
+          indicator-color="primary"
+          align="justify"
+          narrow-indicator
+        >
+          <q-tab
+            v-for="(rec, ind) in myel.listcards"
+            :key="ind"
+            :name="`card` + ind"
+            :label="`Scheda ` + (ind + 1)"
+            icon="fas fa-pencil-alt"
+          />
+        </q-tabs>
+
+        <q-tab-panels v-model="tabCard" animated>
+          <q-tab-panel
+            v-for="(rec, ind) in myel.listcards"
+            :key="ind"
+            :name="`card` + ind"
+          >
+            <div v-if="enableEdit" class="column bordered q-ma-xs">
+              <q-bar class="bg-primary text-white">
+                Card {{ ind + 1 }}
+                <q-space />
+                <q-btn
+                  icon="fas fa-trash-alt"
+                  color="negative"
+                  dense
+                  flat
+                  size="sm"
+                  @click="delRecCard(rec._id, myel)"
+                >
+                </q-btn>
+              </q-bar>
+
+              <CMyFieldRec
+                title="Immagine:"
+                table="imgcards"
+                :id="rec._id"
+                :rec="rec"
+                field="imagefile"
+                @update:model-value="modifElem"
+                @save="saveCard"
+                :canEdit="true"
+                :canModify="true"
+                :nosaveToDb="true"
+                :path="myel.path"
+                :fieldtype="costanti.FieldType.imgcard"
               >
-              </q-btn>
-            </q-bar>
+              </CMyFieldRec>
 
-            <CMyFieldRec
-              title="Immagine:"
-              table="imgcards"
-              :id="rec._id"
-              :rec="rec"
-              field="imagefile"
-              @update:model-value="modifElem"
-              @save="saveCard"
-              :canEdit="true"
-              :canModify="true"
-              :nosaveToDb="true"
-              :path="myel.path"
-              :fieldtype="costanti.FieldType.imgcard"
-            >
-            </CMyFieldRec>
+              <div v-if="enableEdit" class="row">
+                <q-input
+                  dense
+                  style="min-width: 150px"
+                  label="Titolo:"
+                  class="fa-border"
+                  @update:model-value="modifElem"
+                  v-model="rec.alt"
+                  filled
+                  v-on:keyup.enter="saveElem"
+                >
+                </q-input>
+                <q-input
+                  dense
+                  style="min-width: 150px"
+                  label="Style:"
+                  class="fa-border"
+                  @update:model-value="modifElem"
+                  v-model="rec.style"
+                  filled
+                  v-on:keyup.enter="saveElem"
+                >
+                </q-input>
+                <CSelectColor
+                  v-if="enableEdit"
+                  style="min-width: 150px"
+                  v-model="rec.color"
+                  @update:model-value="modifElem"
+                  title="Col Titolo"
+                >
+                </CSelectColor>
+                <CSelectFontSize
+                  v-if="enableEdit"
+                  style="min-width: 200px"
+                  v-model="rec.size"
+                  @update:model-value="modifElem"
+                  title="Font Titolo"
+                >
+                </CSelectFontSize>
+              </div>
+              <CMyEditor
+                v-model:value="rec.content"
+                title="Contenuto:"
+                @keyup.enter.stop
+                :showButtons="false"
+                :canModify="true"
+                @update:value="modifElem"
+                @showandsave="saveElem"
+              >
+              </CMyEditor>
 
+              <q-input
+                label="Sottotitolo:"
+                class="fa-border"
+                dense
+                @update:model-value="modifElem"
+                v-model="rec.description"
+                filled
+                v-on:keyup.enter="saveElem"
+              >
+              </q-input>
+            </div>
             <div v-if="enableEdit" class="row">
-              <q-input
-                dense
-                style="min-width: 100px"
-                label="Titolo:"
-                class="fa-border"
-                @update:model-value="modifElem"
-                v-model="rec.alt"
-                filled
-                v-on:keyup.enter="saveElem"
-              >
-              </q-input>
-              <q-input
-                dense
-                style="min-width: 100px"
-                label="Style:"
-                class="fa-border"
-                @update:model-value="modifElem"
-                v-model="rec.style"
-                filled
-                v-on:keyup.enter="saveElem"
-              >
-              </q-input>
               <CSelectColor
                 v-if="enableEdit"
-                style="min-width: 100px"
-                v-model="rec.color"
+                v-model="rec.colorsub"
                 @update:model-value="modifElem"
-                title="Col Titolo"
+                title="Col Sottotitolo"
               >
               </CSelectColor>
-              <CSelectFontSize
-                v-if="enableEdit"
-                style="min-width: 100px"
-                v-model="rec.size"
-                @update:model-value="modifElem"
-                title="Font Titolo"
-              >
-              </CSelectFontSize>
             </div>
-            <CMyEditor
-              v-model:value="rec.content"
-              title="Contenuto:"
-              @keyup.enter.stop
-              :showButtons="false"
-              :canModify="true"
-              @update:value="modifElem"
-              @showandsave="saveElem"
-            >
-            </CMyEditor>
-
-            <q-input
-              label="Sottotitolo:"
-              class="fa-border"
-              dense
-              @update:model-value="modifElem"
-              v-model="rec.description"
-              filled
-              v-on:keyup.enter="saveElem"
-            >
-            </q-input>
-          </div>
-          <div v-if="enableEdit" class="row">
-            <CSelectColor
-              v-if="enableEdit"
-              v-model="rec.colorsub"
-              @update:model-value="modifElem"
-              title="Col Sottotitolo"
-            >
-            </CSelectColor>
-          </div>
-        </div>
+          </q-tab-panel>
+        </q-tab-panels>
       </div>
 
       <div v-if="myel.type === shared_consts.ELEMTYPE.MARGINI">
@@ -477,7 +509,7 @@
           >
           </q-input>
           <CSelectColor
-            style="min-width: 100px"
+            style="min-width: 150px"
             v-model="myel.color"
             @update:model-value="modifElem"
             title="Col Titolo"
@@ -493,20 +525,20 @@
           >
           </q-input>
           <CSelectColor
-            style="min-width: 100px"
+            style="min-width: 150px"
             v-model="myel.colorsub"
             @update:model-value="modifElem"
             title="Col Sottotitolo"
           >
           </CSelectColor>
         </div>
-      <CSelectAnimation
-        v-if="enableEdit && showAnimation"
-        v-model="myel.class_anim2"
-        @update:model-value="modifElem"
-        label="Animaz SottoTitolo"
-      >
-      </CSelectAnimation>
+        <CSelectAnimation
+          v-if="enableEdit && showAnimation"
+          v-model="myel.anim2"
+          @update:model-value="modifElem"
+          label="Animaz SottoTitolo"
+        >
+        </CSelectAnimation>
         <div class="row">
           <q-input
             label="Classe Title"
diff --git a/src/components/CMyElem/CMyElem.vue b/src/components/CMyElem/CMyElem.vue
index a125dec1..13986878 100755
--- a/src/components/CMyElem/CMyElem.vue
+++ b/src/components/CMyElem/CMyElem.vue
@@ -9,12 +9,24 @@
   >
     <div>
       <div v-if="myel.type === shared_consts.ELEMTYPE.TEXT">
-        <div
-          :class="myel.class + (editOn ? ` clEdit` : ``) + getClass() + ` `+ myel.class_anim"
-          @click="clickOnElem"
+        <transition
+          appear
+          enter-active-class="animated fadeIn"
+          leave-active-class="animated fadeOut"
         >
-          {{ myel.container }}
-        </div>
+          <div
+            :class="
+              myel.class +
+              (editOn ? ` clEdit` : ``) +
+              getClass() +
+              ` ` +
+              tools.getClassAnim(myel.anim)
+            "
+            @click="clickOnElem"
+          >
+            {{ myel.container }}
+          </div>
+        </transition>
       </div>
       <div
         v-if="myel.type === shared_consts.ELEMTYPE.CARD"
@@ -24,15 +36,23 @@
           :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
           @click="clickOnElem"
         >
-          <div v-for="(rec, ind) in myel.listcards" :key="ind" >
-            <q-card :class="`my-card center_img bordered ` + myel.class3"
-              :style="rec.style">
-              <q-img :class="myel.class_anim" :src="tools.getImgFileByElem(myel, rec)" />
-              <q-card-section>
+          <div v-for="(rec, ind) in myel.listcards" :key="ind">
+            <q-card
+              :class="`my-card center_img bordered ` + myel.class3"
+              :style="rec.style"
+            >
+              <q-img
+                :class="tools.getClassAnim(myel.anim2)"
+                :src="tools.getImgFileByElem(myel, rec)"
+              />
+˛              <q-card-section>
                 <div :class="` ` + rec.size" :style="`color: ` + rec.color">
                   {{ rec.alt }}
                 </div>
-                <div :class="`q-mt-sm q-mb-xs ` + myel.class_anim" v-html="rec.content"></div>
+                <div
+                  :class="`q-mt-sm q-mb-xs ` + tools.getClassAnim(myel.anim)"
+                  v-html="rec.content"
+                ></div>
                 <div
                   v-if="rec.description"
                   class="text-caption"
@@ -84,7 +104,13 @@
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.TITLE">
         <div>
           <div
-            :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()+ ` `+ myel.class_anim"
+            :class="
+              myel.class +
+              (editOn ? ` clEdit` : ``) +
+              getClass() +
+              ` ` +
+              tools.getClassAnim(myel.anim)
+            "
             @click="clickOnElem"
           >
             <CTitle
@@ -100,19 +126,26 @@
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.IMGTITLE">
         <div>
           <div
-            :class="myel.class + (editOn ? ` clEdit` : ``) + getClass() + ` `+ myel.class_anim"
+            :class="
+              myel.class +
+              (editOn ? ` clEdit` : ``) +
+              getClass() +
+              ` ` +
+              tools.getClassAnim(myel.anim)
+            "
             @click="clickOnElem"
           >
             <CImgTitle
               v-if="myel.image"
-              :src="tools.getImgFileByElem(myel, rec)"
+              :src="tools.getImgFileByElem(myel)"
               :title="myel.container"
               :legendinside="myel.container2"
             >
             </CImgTitle>
           </div>
         </div>
-      </div> <div v-else-if="myel.type === shared_consts.ELEMTYPE.IMGPOSTER">
+      </div>
+      <div v-else-if="myel.type === shared_consts.ELEMTYPE.IMGPOSTER">
         <div>
           <div
             :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
@@ -120,7 +153,7 @@
           >
             <CImgPoster
               v-if="myel.image"
-              :src="tools.getImgFileByElem(myel, rec)"
+              :src="tools.getImgFileByElem(myel)"
               :title="myel.container"
               :myheight="myel.heightimg"
               :colorTitle="myel.color"
@@ -134,8 +167,8 @@
               :logoheight="myel.height"
               :logowidth="myel.width"
               :fit="myel.fit"
-              :class_anim="myel.class_anim"
-              :class_anim2="myel.class_anim2"
+              :anim="myel.anim"
+              :anim2="myel.anim2"
             >
             </CImgPoster>
           </div>
@@ -144,7 +177,13 @@
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.HTML">
         <div>
           <div
-            :class="myel.class + (editOn ? ` clEdit` : ``) + getClass() + ` `+ myel.class_anim"
+            :class="
+              myel.class +
+              (editOn ? ` clEdit` : ``) +
+              getClass() +
+              ` ` +
+              tools.getClassAnim(myel.anim)
+            "
             @click="clickOnElem"
             v-html="myel.containerHtml"
           ></div>
@@ -153,7 +192,13 @@
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.IMAGE">
         <div class="text-center">
           <div
-            :class="myel.class + (editOn ? ` clEdit` : ``) + getClass() + ` `+ myel.class_anim"
+            :class="
+              myel.class +
+              (editOn ? ` clEdit` : ``) +
+              getClass() +
+              ` ` +
+              tools.getClassAnim(myel.anim)
+            "
             @click="clickOnElem"
           >
             <q-img
@@ -170,7 +215,13 @@
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.IMAGEUPLOAD">
         <div class="text-center">
           <div
-            :class="myel.class + (editOn ? ` clEdit` : ``) + getClass() + ` `+ myel.class_anim"
+            :class="
+              myel.class +
+              (editOn ? ` clEdit` : ``) +
+              getClass() +
+              ` ` +
+              tools.getClassAnim(myel.anim)
+            "
             @click="clickOnElem"
           >
             <q-img
@@ -201,7 +252,7 @@
           :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
           @click="clickOnElem"
         >
-          <div style="color: gray;">Pagina: {{myel.container}}</div>
+          <div v-if="editOn" style="color: gray">Pagina: {{ myel.container }}</div>
         </div>
       </div>
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.PAGEINTRO">
@@ -241,9 +292,7 @@
         </div>
       </div>
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.CAROUSEL_IMGS">
-        <section
-          class="padding_gallery bg-white text-grey-10 text-center"
-        >
+        <section class="padding_gallery bg-white text-grey-10 text-center">
           <div
             :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
             @click="clickOnElem"
@@ -257,9 +306,12 @@
               :fit="myel.fit"
               :thumbnails="myel.parambool2"
               infinite
-              :height="myel.heightimg ? myel.heightimg.toString() : tools.getheightgallery()"
+              :height="
+                myel.heightimg
+                  ? myel.heightimg.toString()
+                  : tools.getheightgallery()
+              "
             >
-
               <q-carousel-slide
                 v-for="(rec, index) in myel.list"
                 :key="index"
diff --git a/src/components/CMyFieldDb/CMyFieldDb.ts b/src/components/CMyFieldDb/CMyFieldDb.ts
index 0552ccb3..18654fdc 100755
--- a/src/components/CMyFieldDb/CMyFieldDb.ts
+++ b/src/components/CMyFieldDb/CMyFieldDb.ts
@@ -12,6 +12,7 @@ import MixinBase from '@/mixins/mixin-base'
 
 export default defineComponent({
   name: 'CMyFieldDb',
+  emits: ['save'],
   props: {
     title: {
       type: String,
@@ -139,6 +140,11 @@ export default defineComponent({
 
       if (newval !== valinitial)
         setValDb($q, props.mykey, newval, props.type, props.serv, props.table, props.mysubkey, props.id, props.indrec, props.mysubsubkey, props.specialField)
+
+    }
+
+    function save(newval: any) {
+      emit('save', newval)
     }
 
     function withBorder() {
@@ -155,9 +161,9 @@ export default defineComponent({
       if (props.mycol && props.mycol.name !== '') {
         col.value = props.mycol
       } else {
-        console.log('Tab = ', props.table, 'key=', props.mykey)
+        // console.log('Tab = ', props.table, 'key=', props.mykey, 'mycolProp', props.mycol)
         col.value = fieldsTable.getColByTable(props.table, props.mykey)
-        console.log('MYCOL = ', col.value)
+        // console.log('MYCOL = ', col.value)
       }
 
     }
@@ -173,6 +179,7 @@ export default defineComponent({
       row,
       showandsel,
       withBorder,
+      save,
     }
   },
 })
diff --git a/src/components/CMyFieldDb/CMyFieldDb.vue b/src/components/CMyFieldDb/CMyFieldDb.vue
index 4621a728..2715c86d 100755
--- a/src/components/CMyFieldDb/CMyFieldDb.vue
+++ b/src/components/CMyFieldDb/CMyFieldDb.vue
@@ -50,6 +50,7 @@
           v-model:row="row"
           minuteinterval="1"
           @showandsave="showandsel"
+          @save="save"
         >
 
         </CMyPopupEdit>
diff --git a/src/components/CMyFieldRec/CMyFieldRec.ts b/src/components/CMyFieldRec/CMyFieldRec.ts
index ad58c975..8a8d10e3 100755
--- a/src/components/CMyFieldRec/CMyFieldRec.ts
+++ b/src/components/CMyFieldRec/CMyFieldRec.ts
@@ -157,7 +157,7 @@ export default defineComponent({
         else
           mykey.value = props.field
       }
-      console.log('table', props.table, 'col.value', col.value, 'field', props.field, 'mykey', mykey.value)
+      // console.log('### table', props.table, 'col.value', col.value, 'field', props.field, 'mykey', mykey.value)
 
     }
 
diff --git a/src/components/CMyPageElem/CMyPageElem.ts b/src/components/CMyPageElem/CMyPageElem.ts
index 289bcd6e..8a6fff2a 100755
--- a/src/components/CMyPageElem/CMyPageElem.ts
+++ b/src/components/CMyPageElem/CMyPageElem.ts
@@ -63,13 +63,22 @@ export default defineComponent({
     const { t } = useI18n()
     const globalStore = useGlobalStore()
 
-    const editOn = ref(false)
+    const editOn = computed({
+      get (): boolean {
+        return !!globalStore.editOn ? globalStore.editOn : false
+      },
+
+      set (value: boolean) {
+        return globalStore.editOn = value
+      }
+    })
     const visuEditor = ref(false)
     const addOn = ref(false)
     const myelemVoid = ref({ _id: objectId(), active: true, type: shared_consts.ELEMTYPE.TEXT, container: '...', path: mypathin.value } as IMyElem)
 
 
     const selElem = ref(globalStore.selElem)
+    const site = ref(globalStore.site)
 
     const myelems = computed(() => {
       if (mypathin.value)
@@ -79,7 +88,7 @@ export default defineComponent({
     })
 
     function load() {
-      // console.log('load', mypathin.value)
+      console.log('load', mypathin.value)
 
       if (mypathin.value !== '') {
         globalStore.loadPage('/' + mypathin.value, 'cmypageelem').then(ris => {
@@ -88,7 +97,6 @@ export default defineComponent({
       }
 
       if (tools.isManager()) {
-        editOn.value = tools.getCookie('EDITPAGES', '0') === '-1' ? true : false
         console.log('getcookie: ', editOn.value, mypathin.value)
       }
     }
diff --git a/src/components/CMyPageElem/CMyPageElem.vue b/src/components/CMyPageElem/CMyPageElem.vue
index 5401a133..76a95f00 100755
--- a/src/components/CMyPageElem/CMyPageElem.vue
+++ b/src/components/CMyPageElem/CMyPageElem.vue
@@ -10,36 +10,28 @@
       >
       </q-toggle>
 
-      <q-toggle
-        v-if="tools.isManager()"
-        v-model="visuEditor"
-        color="green"
-        @update:model-value="changeVisuDrawer(mypathin, editOn)"
-        icon="fas fa-pencil-alt"
-      >
-      </q-toggle>
-
       <q-drawer
         v-model="visuEditor"
+        v-if="selElem && editOn"
+        show-if-above
+        :breakpoint="800"
         side="right"
-        :width="350"
-        :breakpoint="700"
+        :width="tools.isMobile() ? 350 : 400"
         elevated
       >
-        <q-scroll-area class="fit">
-          <q-bar dense class="bg-primary text-white">
-            <q-toolbar-title> Editor </q-toolbar-title>
-            <q-btn
-              flat
-              round
-              color="white"
-              icon="close"
-              @click="visuEditor = false"
-            ></q-btn>
-          </q-bar>
-          <CMyEditElem :myelem="selElem" :editOn="true" :path="rec.path">
-          </CMyEditElem>
-        </q-scroll-area>
+        <q-bar dense class="q-ma-xs bg-primary text-white">
+          <q-toolbar-title> Editor </q-toolbar-title>
+          <q-btn
+            flat
+            round
+            size="md"
+            color="white"
+            icon="close"
+            @click="visuEditor = false"
+          ></q-btn>
+        </q-bar>
+        <CMyEditElem :myelem="selElem" :editOn="true" :path="rec.path">
+        </CMyEditElem>
       </q-drawer>
 
       <div class="q-ma-xs q-gutter-xs q-pa-xs">
@@ -77,11 +69,11 @@
         <div v-for="(myelem, ind) in myelems" :key="ind">
           <div>
             <CMyElem
-              v-if="myelem.active || editOn"
+              v-if="(myelem.active || editOn) && !!rec.path"
               :myelem="myelem"
               :editOn="editOn"
               :addOn="addOn"
-              :path="rec.path"
+              :path="!!rec.path ? rec.path : ''"
               :selElem="selElem"
               @selElemClick="selElemClick"
             >
@@ -93,7 +85,7 @@
         </div>
         <div v-if="myelems.length === 0">
           <CMyElem
-            v-if="editOn"
+            v-if="editOn && !!rec.path"
             :myelem="myelemVoid"
             :editOn="editOn"
             :addOn="addOn"
diff --git a/src/components/CMyPageElem2/CMyPageElem2.ts b/src/components/CMyPageElem2/CMyPageElem2.ts
index 53352c3e..12097ea7 100755
--- a/src/components/CMyPageElem2/CMyPageElem2.ts
+++ b/src/components/CMyPageElem2/CMyPageElem2.ts
@@ -62,13 +62,13 @@ export default defineComponent({
     const { t } = useI18n()
     const globalStore = useGlobalStore()
 
-    const editOn = ref(false)
     const visuEditor = ref(false)
     const addOn = ref(false)
     const myelemVoid = ref({ _id: objectId(), active: true, type: shared_consts.ELEMTYPE.TEXT, container: '...', path: mypathin.value } as IMyElem)
 
 
     const selElem = ref(globalStore.selElem)
+    const editOn = computed(() => globalStore.editOn)
 
     const myelems = computed(() => {
       if (mypathin.value)
@@ -86,10 +86,6 @@ export default defineComponent({
         })
       }
 
-      if (tools.isManager()) {
-        editOn.value = tools.getCookie('EDITPAGES', '0') === '-1' ? true : false
-        console.log('getcookie: ', editOn.value, mypathin.value)
-      }
     }
 
     watch(() => props.mypath, (to: string, from: string) => {
diff --git a/src/components/CMyPageElem2/CMyPageElem2.vue b/src/components/CMyPageElem2/CMyPageElem2.vue
index ea999047..1904a6a0 100755
--- a/src/components/CMyPageElem2/CMyPageElem2.vue
+++ b/src/components/CMyPageElem2/CMyPageElem2.vue
@@ -1,51 +1,28 @@
 <template>
   <div>
     <div v-if="mypathin && !!rec">
-      <q-toggle
-        v-if="tools.isManager()"
-        v-model="editOn"
-        color="green"
-        @update:model-value="changeVisuDrawer(mypathin, editOn)"
-        icon="fas fa-pencil-alt"
-      >
-      </q-toggle>
-
-      <q-toggle
-        v-if="tools.isManager()"
-        v-model="visuEditor"
-        color="green"
-        @update:model-value="changeVisuDrawer(mypathin, editOn)"
-        icon="fas fa-pencil-alt"
-      >
-      </q-toggle>
-
       <q-drawer
         v-model="visuEditor"
+        v-if="selElem && editOn"
         side="right"
-        :width="350"
-        :breakpoint="700"
+        :width="tools.isMobile() ? 350 : 400"
+        :breakpoint="800"
         elevated
+        style="position: absolute; top: 0; left: 0"
       >
-        <q-scroll-area class="fit">
-          <q-bar dense class="bg-primary text-white">
-            <q-toolbar-title> Editor </q-toolbar-title>
-            <q-btn
-              flat
-              round
-              color="white"
-              icon="close"
-              @click="
-                visuEditor = false;
-              "
-            ></q-btn>
-          </q-bar>
-          <CMyEditElem
-            :myelem="selElem"
-            :editOn="true"
-            :path="rec.path"
-          >
-          </CMyEditElem>
-        </q-scroll-area>
+        <q-bar dense class="q-ma-xs bg-primary text-white">
+          <q-toolbar-title> Editor </q-toolbar-title>
+          <q-btn
+            flat
+            round
+
+            color="white"
+            icon="close"
+            @click="visuEditor = false"
+          ></q-btn>
+        </q-bar>
+        <CMyEditElem :myelem="selElem" :editOn="editOn" :path="rec.path">
+        </CMyEditElem>
       </q-drawer>
 
       <div class="q-ma-xs q-gutter-xs q-pa-xs">
@@ -81,7 +58,6 @@
         <div v-if="!!rec.content4" v-html="rec.content4"></div>
 
         <div v-for="(myelem, ind) in myelems" :key="ind">
-
           <CMyElem
             v-if="myelem.active || editOn"
             :myelem="myelem"
@@ -120,9 +96,6 @@
           <CImgTitle v-if="img" :src="img" :title="title"> </CImgTitle>
         </div>
         <slot></slot>
-        <div v-if="!nofooter">
-          <LandingFooter></LandingFooter>
-        </div>
       </div>
     </div>
   </div>
diff --git a/src/components/CMyPopupEdit/CMyPopupEdit.ts b/src/components/CMyPopupEdit/CMyPopupEdit.ts
index 51a4b582..224bbd75 100755
--- a/src/components/CMyPopupEdit/CMyPopupEdit.ts
+++ b/src/components/CMyPopupEdit/CMyPopupEdit.ts
@@ -464,7 +464,7 @@ export default defineComponent({
 
     function SaveValueInt(newVal: any, valinitial: any) {
 
-      // console.log('SaveValueInt', newVal, valinitial)
+      console.log('SaveValueInt', newVal, valinitial)
 
       if (isFieldDb()) {
         savefield(newVal, valinitial, $q)
@@ -486,8 +486,8 @@ export default defineComponent({
           }
         }
 
-        emit('save', newVal, valinitial)
       }
+      emit('save', newVal, valinitial)
     }
 
     function savefield(value: any, initialval: any, myq: any) {
@@ -763,6 +763,7 @@ export default defineComponent({
       getTitleEditor,
       t,
       myrow,
+      shared_consts,
     }
   }
 })
diff --git a/src/components/CMyPopupEdit/CMyPopupEdit.vue b/src/components/CMyPopupEdit/CMyPopupEdit.vue
index 58759028..5e9451ee 100755
--- a/src/components/CMyPopupEdit/CMyPopupEdit.vue
+++ b/src/components/CMyPopupEdit/CMyPopupEdit.vue
@@ -1,24 +1,46 @@
 <template>
   <div :class="getclassCol(col)">
     <div
-      v-if="tools.checkIfShowField(col, insertMode ? tools.TIPOVIS_NEW_RECORD : (isInModif ? tools.TIPOVIS_EDIT_RECORD : tools.TIPOVIS_SHOW_RECORD), visulabel, myvalue)"
-      style="flex-grow: 1;">
-      <div
-        :class="{ flex: !isInModif, 'justify-center': true }">
+      v-if="
+        tools.checkIfShowField(
+          col,
+          insertMode
+            ? tools.TIPOVIS_NEW_RECORD
+            : isInModif
+            ? tools.TIPOVIS_EDIT_RECORD
+            : tools.TIPOVIS_SHOW_RECORD,
+          visulabel,
+          myvalue
+        )
+      "
+      style="flex-grow: 1"
+    >
+      <div :class="{ flex: !isInModif, 'justify-center': true }">
         <div>
           <!-- Edit Value -->
           <div v-if="col.fieldtype === costanti.FieldType.boolean">
             <div v-if="isInModif">
               <q-toggle
                 :disable="!isInModif || col.disable"
-                dark color="green" v-model="myvalue" :label="col.title ? col.title : col.label"
-                @update:model-value="changevalRec"></q-toggle>
+                dark
+                color="green"
+                v-model="myvalue"
+                :label="col.title ? col.title : col.label"
+                @update:model-value="changevalRec"
+              ></q-toggle>
             </div>
             <div v-else>
               <q-toggle
-                dark color="green" v-model="myvalue" :label="col.title"
-                :disable="disable && (col.name !== 'profile.saw_zoom_presentation') || (!isInModif && !canModify && !canEdit)"
-                @update:model-value="Savedb"></q-toggle>
+                dark
+                color="green"
+                v-model="myvalue"
+                :label="col.title"
+                :disable="
+                  (disable && col.name !== 'profile.saw_zoom_presentation') ||
+                  (!isInModif && !canModify && !canEdit)
+                "
+                @update:model-value="Savedb"
+              ></q-toggle>
             </div>
           </div>
           <div v-else-if="col.fieldtype === costanti.FieldType.link">
@@ -34,19 +56,24 @@
                 @keyup.enter.stop
                 @update:model-value="changevalRec"
                 autofocus
-                :label="col.label">
+                :label="col.label"
+              >
               </q-input>
             </div>
             <div v-else>
               <div class="q-ma-xs">
-                <q-btn v-if="myvalue"
-                       type="a" rounded size="md"
-                       :class="{disabled: disable }"
-                       color="white" text-color="blue"
-                       :icon="col.icon ? col.icon : `fas fa-globe`"
-                       :href="tools.getlinkstd(myvalue)"
-                       :label="tools.firstchars(myvalue, 40)"
-                       target="_blank"
+                <q-btn
+                  v-if="myvalue"
+                  type="a"
+                  rounded
+                  size="md"
+                  :class="{ disabled: disable }"
+                  color="white"
+                  text-color="blue"
+                  :icon="col.icon ? col.icon : `fas fa-globe`"
+                  :href="tools.getlinkstd(myvalue)"
+                  :label="tools.firstchars(myvalue, 40)"
+                  target="_blank"
                 >
                 </q-btn>
               </div>
@@ -55,46 +82,77 @@
           <div v-else-if="col.fieldtype === costanti.FieldType.username_chip">
             <div class="q-ma-xs">
               <span v-if="col.extrafield">
-                <span class="extrafield">{{t(col.extrafield)}}</span>
+                <span class="extrafield">{{ t(col.extrafield) }}</span>
               </span>
-              <q-btn v-if="col.tipovisu === costanti.TipoVisu.LINK && myvalue"
-                     rounded size="md"
-                     :class="{disabled: disable }"
-                     color="white" text-color="blue" :icon="`img:`+userStore.getImgUserByUsername(myvalue)"
-                     :to="col.link.replace(col.name, myvalue)"
-                     :label="myvalue"
+              <q-btn
+                v-if="col.tipovisu === costanti.TipoVisu.LINK && myvalue"
+                rounded
+                size="md"
+                :class="{ disabled: disable }"
+                color="white"
+                text-color="blue"
+                :icon="`img:` + userStore.getImgUserByUsername(myvalue)"
+                :to="col.link.replace(col.name, myvalue)"
+                :label="myvalue"
               >
               </q-btn>
-              <q-avatar v-else-if="col.tipovisu === costanti.TipoVisu.LINKIMG && myvalue" size="60px">
-
-                <q-img :src="userStore.getImgUserByRow(row, col)" :alt="myvalue" img-class="imgprofile" height="60px"/>
+              <q-avatar
+                v-else-if="
+                  col.tipovisu === costanti.TipoVisu.LINKIMG && myvalue
+                "
+                size="60px"
+              >
+                <q-img
+                  :src="userStore.getImgUserByRow(row, col)"
+                  :alt="myvalue"
+                  img-class="imgprofile"
+                  height="60px"
+                />
               </q-avatar>
-              <q-btn v-else-if="col.tipovisu === costanti.TipoVisu.BUTTON && myvalue" rounded size="sm"
-                     color="primary" icon="person" :to="col.link.replace(col.name, myvalue)" :label="myvalue">
+              <q-btn
+                v-else-if="col.tipovisu === costanti.TipoVisu.BUTTON && myvalue"
+                rounded
+                size="sm"
+                color="primary"
+                icon="person"
+                :to="col.link.replace(col.name, myvalue)"
+                :label="myvalue"
+              >
               </q-btn>
             </div>
           </div>
-          <div v-else-if="col.fieldtype === costanti.FieldType.string || col.fieldtype === costanti.FieldType.crypted">
-            <div v-if="isInModif" :class="{ flex: !isInModif}">
+          <div
+            v-else-if="
+              col.fieldtype === costanti.FieldType.string ||
+              col.fieldtype === costanti.FieldType.crypted
+            "
+          >
+            <div v-if="isInModif" :class="{ flex: !isInModif }">
               <q-input
                 v-bind="$attrs"
                 v-model="myvalue"
-
                 :autogrow="col.fieldtype !== costanti.FieldType.crypted"
                 :style="$q.screen.lt.sm ? 'min-width: 300px' : ''"
                 counter
                 :maxlength="col.maxlength ? col.maxlength : undefined"
                 :disable="disable"
                 :readonly="disable"
-                :type="col.fieldtype === costanti.FieldType.crypted ? `password` : `text`"
+                :type="
+                  col.fieldtype === costanti.FieldType.crypted
+                    ? `password`
+                    : `text`
+                "
                 @keyup.enter.stop
                 @update:model-value="changevalRec"
                 autofocus
-                :label="col.visulabel ? t(col.label_trans) : (col.label)"
+                :label="col.visulabel ? t(col.label_trans) : col.label"
               >
               </q-input>
             </div>
-            <div v-else-if="col.tipovisu === costanti.TipoVisu.TESTO_BORDATO" :class="{ flex: !isInModif}">
+            <div
+              v-else-if="col.tipovisu === costanti.TipoVisu.TESTO_BORDATO"
+              :class="{ flex: !isInModif }"
+            >
               <CLabel
                 v-bind="$attrs"
                 :value="myvalue"
@@ -102,25 +160,55 @@
               />
             </div>
             <div v-else>
-              <q-btn v-if="col.tipovisu === costanti.TipoVisu.LINK && myvalue"
-                     type="a" rounded size="md"
-                     :class="{disabled: disable }"
-                     color="white" text-color="blue" :icon="`img:`+userStore.getImgUserByUsername(myvalue)"
-                     :to="col.link.replace(col.name, myvalue)"
-                     :label="myvalue"
+              <q-btn
+                v-if="col.tipovisu === costanti.TipoVisu.LINK && myvalue"
+                type="a"
+                rounded
+                size="md"
+                :class="{ disabled: disable }"
+                color="white"
+                text-color="blue"
+                :icon="`img:` + userStore.getImgUserByUsername(myvalue)"
+                :to="col.link.replace(col.name, myvalue)"
+                :label="myvalue"
               >
               </q-btn>
-              <q-avatar v-else-if="col.tipovisu === costanti.TipoVisu.LINKIMG && myvalue" size="60px">
-
-                <q-img :src="userStore.getImgUserByRow(row, col)" :alt="myvalue" img-class="imgprofile" height="60px"/>
+              <q-avatar
+                v-else-if="
+                  col.tipovisu === costanti.TipoVisu.LINKIMG && myvalue
+                "
+                size="60px"
+              >
+                <q-img
+                  :src="userStore.getImgUserByRow(row, col)"
+                  :alt="myvalue"
+                  img-class="imgprofile"
+                  height="60px"
+                />
               </q-avatar>
-              <q-btn v-else-if="col.tipovisu === costanti.TipoVisu.BUTTON && myvalue" rounded size="sm"
-                     color="primary" icon="person" :to="col.link.replace(col.name, myvalue)" :label="myvalue">
+              <q-btn
+                v-else-if="col.tipovisu === costanti.TipoVisu.BUTTON && myvalue"
+                rounded
+                size="sm"
+                color="primary"
+                icon="person"
+                :to="col.link.replace(col.name, myvalue)"
+                :label="myvalue"
+              >
               </q-btn>
-              <span v-else :class="{disabled: disable }" v-html="visuValByType(myvalue, col, row)"></span>
+              <span
+                v-else
+                :class="{ disabled: disable }"
+                v-html="visuValByType(myvalue, col, row)"
+              ></span>
             </div>
           </div>
-          <div v-else-if="col.fieldtype === costanti.FieldType.number || col.fieldtype === costanti.FieldType.currency">
+          <div
+            v-else-if="
+              col.fieldtype === costanti.FieldType.number ||
+              col.fieldtype === costanti.FieldType.currency
+            "
+          >
             <div v-if="canEdit || isInModif">
               <q-input
                 v-bind="$attrs"
@@ -128,10 +216,16 @@
                 v-model="myvalue"
                 :maxlength="col.maxlength ? col.maxlength : undefined"
                 @update:model-value="Savedb"
-                :label="col.visulabel ? t(col.label_trans) : (visulabel ? t(col.label_trans) : '')"
+                :label="
+                  col.visulabel
+                    ? t(col.label_trans)
+                    : visulabel
+                    ? t(col.label_trans)
+                    : ''
+                "
                 type="number"
-                autofocus>
-
+                autofocus
+              >
               </q-input>
             </div>
             <div v-else-if="col.fieldtype === costanti.FieldType.currency">
@@ -139,8 +233,8 @@
                 :symbol="tools.getSymbolByCircuit(row)"
                 :color="tools.getColorByCircuit(row)"
                 :value="myvalue"
-                :label="t(col.label_trans)">
-
+                :label="t(col.label_trans)"
+              >
               </CCurrencyValue>
             </div>
             <div v-else>
@@ -154,49 +248,70 @@
                 label="Ore"
                 v-model:value="myvalue"
                 @update:value="changevalRec"
-                optval="_id" optlab="label"
+                optval="_id"
+                optlab="label"
                 :useinput="false"
                 :col="col"
                 :row="row"
-                :options="tools.SelectHours">
+                :options="tools.SelectHours"
+              >
               </CMySelect>
             </div>
             <div v-else>
               <q-input
-                v-model="myvalue" type="number"
+                v-model="myvalue"
+                type="number"
                 :maxlength="col.maxlength ? col.maxlength : undefined"
                 @update:value="changevalRec"
-                autofocus>
-
+                autofocus
+              >
               </q-input>
             </div>
           </div>
-          <div v-else-if="col.fieldtype === costanti.FieldType.listimages" style="text-align: center;">
+          <div
+            v-else-if="col.fieldtype === costanti.FieldType.listimages"
+            style="text-align: center"
+          >
             <CGallery
-              :imagebak="col.showpicprofile_ifnotset ? ((userStore.getImgByProfile(row, true) === '') ? costanti.NESSUN_IMMAGINE : userStore.getImgByProfile(row, true)) : ''"
+              :imagebak="
+                col.showpicprofile_ifnotset
+                  ? userStore.getImgByProfile(row, true) === ''
+                    ? costanti.NESSUN_IMMAGINE
+                    : userStore.getImgByProfile(row, true)
+                  : ''
+              "
               :title="tools.getTitleGall(table)"
               :directory="tools.getDirectoryGall(myrow, table, path)"
               :imgGall="myvalue"
               :isInModif="isInModif"
               :edit="isviewfield() && isInModif"
               :canModify="canModify && isInModif"
-              @showandsave="Savedb">
+              @showandsave="Savedb"
+            >
             </CGallery>
           </div>
-          <div v-else-if="col.fieldtype === costanti.FieldType.listobj" style="text-align: center;">
+          <div
+            v-else-if="col.fieldtype === costanti.FieldType.listobj"
+            style="text-align: center"
+          >
             <CAccomodation
               :mylist="myvalue"
               :isInModif="isInModif"
               :edit="isviewfield() && isInModif"
               :canModify="canModify && isInModif"
-              @showandsave="Savedb">
+              @showandsave="Savedb"
+            >
             </CAccomodation>
           </div>
           <div v-else-if="col.fieldtype === costanti.FieldType.image">
             <div v-if="canEdit">
               {{ $t('reg.photo') }}
               <CGallery
-                :imagebak="col.showpicprofile_ifnotset ? userStore.getImgByProfile(row['profile'], true) : ''"
+                :imagebak="
+                  col.showpicprofile_ifnotset
+                    ? userStore.getImgByProfile(row['profile'], true)
+                    : ''
+                "
                 :title="tools.getTitleGall(table)"
                 :directory="tools.getDirectoryGall(myrow, table, path)"
                 :imgGall="[{ imagefile: myvalue }]"
@@ -205,7 +320,8 @@
                 :isInModif="isInModif"
                 :single="true"
                 @update:imgGall="changevalRec"
-                @showandsave="Savedb">
+                @showandsave="Savedb"
+              >
               </CGallery>
             </div>
             <div v-else>
@@ -213,24 +329,32 @@
                 <q-img
                   :src="myvalue"
                   class="text-center"
-                  style="height: 100px; width: 100px;"
-                  alt="foto">
+                  style="height: 100px; width: 100px"
+                  alt="foto"
+                >
                 </q-img>
               </div>
               <div v-else class="text-center">
                 <q-img
-                  :src="col.showpicprofile_ifnotset ? userStore.getImgByProfile(row['profile'], true) : 'images/noimg-user.svg'"
+                  :src="
+                    col.showpicprofile_ifnotset
+                      ? userStore.getImgByProfile(row['profile'], true)
+                      : 'images/noimg-user.svg'
+                  "
                   class="text-center"
-                  style="height: 100px; width: 100px;"
-                  alt="nessuna immagine">
+                  style="height: 100px; width: 100px"
+                  alt="nessuna immagine"
+                >
                 </q-img>
               </div>
               <q-btn
                 v-if="myvalue"
                 label="Rimuovi Foto"
-                color="blue" icon="fas fa-trash-alt" size="sm"
-                @click="removephoto"></q-btn>
-
+                color="blue"
+                icon="fas fa-trash-alt"
+                size="sm"
+                @click="removephoto"
+              ></q-btn>
             </div>
           </div>
           <div v-else-if="col.fieldtype === costanti.FieldType.imgcard">
@@ -238,7 +362,11 @@
               {{ $t('reg.photo') }}
               <CSelectImage
                 v-bind="$attrs"
-                :imagebak="col.showpicprofile_ifnotset ? userStore.getImgByProfile(row['profile'], true) : ''"
+                :imagebak="
+                  col.showpicprofile_ifnotset
+                    ? userStore.getImgByProfile(row['profile'], true)
+                    : ''
+                "
                 :title="tools.getTitleGall(table)"
                 :directory="tools.getDirectoryGall(myrow, table, path)"
                 :imgGall="[myvalue]"
@@ -246,7 +374,8 @@
                 :canModify="canModify"
                 :isInModif="isInModif"
                 @update:imgGall="changevalRec"
-                @showandsave="Savedb">
+                @showandsave="Savedb"
+              >
               </CSelectImage>
             </div>
             <div v-else>
@@ -254,28 +383,39 @@
                 <q-img
                   :src="myvalue"
                   class="text-center"
-                  style="height: 100px; width: 100px;"
-                  alt="foto">
+                  style="height: 100px; width: 100px"
+                  alt="foto"
+                >
                 </q-img>
               </div>
               <div v-else class="text-center">
                 <q-img
-                  :src="col.showpicprofile_ifnotset ? userStore.getImgByProfile(row['profile'], true) : 'images/noimg-user.svg'"
+                  :src="
+                    col.showpicprofile_ifnotset
+                      ? userStore.getImgByProfile(row['profile'], true)
+                      : 'images/noimg-user.svg'
+                  "
                   class="text-center"
-                  style="height: 100px; width: 100px;"
-                  alt="nessuna immagine">
+                  style="height: 100px; width: 100px"
+                  alt="nessuna immagine"
+                >
                 </q-img>
               </div>
               <q-btn
                 v-if="myvalue"
                 label="Rimuovi Foto"
-                color="blue" icon="fas fa-trash-alt" size="sm"
-                @click="removephoto"></q-btn>
-
+                color="blue"
+                icon="fas fa-trash-alt"
+                size="sm"
+                @click="removephoto"
+              ></q-btn>
             </div>
           </div>
           <div v-else-if="col.fieldtype === costanti.FieldType.nationality">
-            <div v-if="isInModif" class="justify-center q-gutter-sm clgutter q-mt-sm">
+            <div
+              v-if="isInModif"
+              class="justify-center q-gutter-sm clgutter q-mt-sm"
+            >
               <CMySelect
                 :type_out="col.field_outtype"
                 :col="col"
@@ -287,8 +427,16 @@
                 :pickup="pickup"
                 :optval="fieldsTable.getKeyByTable(col.jointable)"
                 :optlab="fieldsTable.getLabelByTable(col.jointable)"
-                :options="globalStore.getTableJoinByName(col.jointable, col.addall, col.addnone, col.filter)"
-                :useinput="false">
+                :options="
+                  globalStore.getTableJoinByName(
+                    col.jointable,
+                    col.addall,
+                    col.addnone,
+                    col.filter
+                  )
+                "
+                :useinput="false"
+              >
               </CMySelect>
             </div>
             <div v-else>
@@ -296,7 +444,10 @@
             </div>
           </div>
           <div v-else-if="col.fieldtype === costanti.FieldType.intcode">
-            <div v-if="isInModif" class="justify-center q-gutter-sm clgutter q-mt-sm">
+            <div
+              v-if="isInModif"
+              class="justify-center q-gutter-sm clgutter q-mt-sm"
+            >
               <CMySelect
                 :type_out="col.field_outtype"
                 :col="col"
@@ -308,8 +459,16 @@
                 :pickup="pickup"
                 :optval="fieldsTable.getKeyByTable(col.jointable)"
                 :optlab="fieldsTable.getLabelByTable(col.jointable)"
-                :options="globalStore.getTableJoinByName(col.jointable, col.addall, col.addnone, col.filter)"
-                :useinput="false">
+                :options="
+                  globalStore.getTableJoinByName(
+                    col.jointable,
+                    col.addall,
+                    col.addnone,
+                    col.filter
+                  )
+                "
+                :useinput="false"
+              >
               </CMySelect>
             </div>
             <div v-else>
@@ -327,13 +486,15 @@
                 :dense="true"
                 :canEdit="canEdit"
                 @savetoclose="SaveValueInt"
-                @show="OpenEdit">
+                @show="OpenEdit"
+              >
               </CDateTime>
             </div>
             <div v-else-if="canEdit">
               <q-btn
                 dense
-                color="primary" @click="OpenEditDateToday"
+                color="primary"
+                @click="OpenEditDateToday"
                 icon="fas fa-calendar-day"
               />
             </div>
@@ -350,7 +511,8 @@
               :canEdit="canEdit"
               @savetoclose="SaveValueInt"
               @show="OpenEdit"
-              view="date">
+              view="date"
+            >
             </CDateTime>
           </div>
           <div v-else-if="col.fieldtype === costanti.FieldType.binary">
@@ -360,11 +522,19 @@
               </span>
               <CMyToggleList
                 :label="col.titlepopupedit ? col.titlepopupedit : ''"
-                :options="globalStore.getTableJoinByName(col.jointable, col.addall, col.addnone, col.filter)"
+                :options="
+                  globalStore.getTableJoinByName(
+                    col.jointable,
+                    col.addall,
+                    col.addnone,
+                    col.filter
+                  )
+                "
                 v-model:value="myvalue"
                 @update:value="changevalRec"
                 :optval="fieldsTable.getKeyByTable(col.jointable)"
-                :optlab="fieldsTable.getLabelByTable(col.jointable)">
+                :optlab="fieldsTable.getLabelByTable(col.jointable)"
+              >
               </CMyToggleList>
             </div>
             <div v-else>
@@ -373,12 +543,19 @@
                 :type="costanti.FieldType.binary"
                 :value="myvalue"
                 @update:value="changevalRec"
-                :options="globalStore.getTableJoinByName(col.jointable, col.addall, col.addnone, col.filter)"
+                :options="
+                  globalStore.getTableJoinByName(
+                    col.jointable,
+                    col.addall,
+                    col.addnone,
+                    col.filter
+                  )
+                "
                 :optval="fieldsTable.getKeyByTable(col.jointable)"
                 :optlab="fieldsTable.getLabelByTable(col.jointable)"
-                :opticon="fieldsTable.getIconByTable(col.jointable)"></CMyChipList>
+                :opticon="fieldsTable.getIconByTable(col.jointable)"
+              ></CMyChipList>
             </div>
-
           </div>
           <!-- Show Value -->
           <div v-else-if="col.fieldtype === costanti.FieldType.multiselect">
@@ -402,10 +579,18 @@
                 color="primary"
                 :optval="fieldsTable.getKeyByTable(col.jointable)"
                 :optlab="fieldsTable.getLabelByTable(col.jointable)"
-                :options="globalStore.getTableJoinByName(col.jointable, col.addall, col.addnone, col.filter)"
+                :options="
+                  globalStore.getTableJoinByName(
+                    col.jointable,
+                    col.addall,
+                    col.addnone,
+                    col.filter
+                  )
+                "
                 :sola_lettura="!isInModif"
                 :useinput="col.allowNewValue"
-                :newvaluefunc="addNewValue">
+                :newvaluefunc="addNewValue"
+              >
               </CMySelect>
 
               <!--<q-select
@@ -436,7 +621,6 @@
                 </template>
 
               </q-select>-->
-
             </div>
             <div v-else>
               <CMyChipList
@@ -445,14 +629,32 @@
                 :type_out="col.field_outtype"
                 @update:value="changevalRec"
                 :value="myvalue"
-                :options="globalStore.getTableJoinByName(col.jointable, col.addall, col.addnone, col.filter)"
+                :options="
+                  globalStore.getTableJoinByName(
+                    col.jointable,
+                    col.addall,
+                    col.addnone,
+                    col.filter
+                  )
+                "
                 :optval="fieldsTable.getKeyByTable(col.jointable)"
                 :optlab="fieldsTable.getLabelByTable(col.jointable)"
-                :opticon="fieldsTable.getIconByTable(col.jointable)"></CMyChipList>
+                :opticon="fieldsTable.getIconByTable(col.jointable)"
+              ></CMyChipList>
             </div>
           </div>
+          <div v-else-if="col.fieldtype === costanti.FieldType.color">
+            <div v-if="myvalue" :style="`color: text-${myvalue};`">
+              {{ myvalue }}
+            </div>
+            <div v-else> (Scegli) </div>
+          </div>
           <div
-            v-else-if="(col.fieldtype === costanti.FieldType.select) || (col.fieldtype === costanti.FieldType.select_by_server)">
+            v-else-if="
+              col.fieldtype === costanti.FieldType.select ||
+              col.fieldtype === costanti.FieldType.select_by_server
+            "
+          >
             <div v-if="isInModif">
               <CMySelect
                 :type_out="col.field_outtype"
@@ -461,7 +663,11 @@
                 :label="col.label ? col.label : t(col.label_trans)"
                 v-model:value="myvalue"
                 :pickup="col.fieldtype === costanti.FieldType.select_by_server"
-                :tablesel="col.fieldtype === costanti.FieldType.select_by_server ? tablesel : ''"
+                :tablesel="
+                  col.fieldtype === costanti.FieldType.select_by_server
+                    ? tablesel
+                    : ''
+                "
                 @update:value="changevalRec"
                 :newvaluefunc="addNewValue"
                 :filter_table="col.filter_table"
@@ -470,12 +676,19 @@
                 :value_extra="value_extra"
                 :optval="fieldsTable.getKeyByTable(col.jointable)"
                 :optlab="fieldsTable.getLabelByTable(col.jointable)"
-                :options="globalStore.getTableJoinByName(col.jointable, col.addall, col.addnone, col.filter)"
-                :useinput="col.allowNewValue">
+                :options="
+                  globalStore.getTableJoinByName(
+                    col.jointable,
+                    col.addall,
+                    col.addnone,
+                    col.filter
+                  )
+                "
+                :useinput="col.allowNewValue"
+              >
               </CMySelect>
             </div>
             <div v-else>
-
               <!--
               rec: {{rec}}
               row: {{row}}
@@ -491,17 +704,28 @@
                 :type_out="col.field_outtype"
                 @update:value="changevalRec"
                 v-model:value="myvalue"
-                :labelifblank="canEdit ? 'Selezionare' : '' "
+                :labelifblank="canEdit ? 'Selezionare' : ''"
                 :filter_table="col.filter_table"
                 :filter_field="col.filter_field"
-                :options="globalStore.getTableJoinByName(col.jointable, col.addall, col.addnone, col.filter)"
+                :options="
+                  globalStore.getTableJoinByName(
+                    col.jointable,
+                    col.addall,
+                    col.addnone,
+                    col.filter
+                  )
+                "
                 :optval="fieldsTable.getKeyByTable(col.jointable)"
                 :optlab="fieldsTable.getLabelByTable(col.jointable)"
-                :opticon="fieldsTable.getIconByTable(col.jointable)"></CMyChipList>
+                :opticon="fieldsTable.getIconByTable(col.jointable)"
+              ></CMyChipList>
             </div>
           </div>
-          <div v-else-if="col.fieldtype === costanti.FieldType.multiselect_by_server">
-
+          <div
+            v-else-if="
+              col.fieldtype === costanti.FieldType.multiselect_by_server
+            "
+          >
             <CMySelect
               :type_out="col.field_outtype"
               :col="col"
@@ -522,12 +746,25 @@
               color="primary"
               :optval="fieldsTable.getKeyByTable(col.jointable)"
               :optlab="fieldsTable.getLabelByTable(col.jointable)"
-              :options="globalStore.getTableJoinByName(col.jointable, col.addall, col.addnone, col.filter)"
+              :options="
+                globalStore.getTableJoinByName(
+                  col.jointable,
+                  col.addall,
+                  col.addnone,
+                  col.filter
+                )
+              "
               :sola_lettura="!isInModif"
-              :useinput="isInModif">
+              :useinput="isInModif"
+            >
             </CMySelect>
           </div>
-          <div v-else-if="(col.fieldtype === costanti.FieldType.star5 || col.fieldtype === costanti.FieldType.star3)">
+          <div
+            v-else-if="
+              col.fieldtype === costanti.FieldType.star5 ||
+              col.fieldtype === costanti.FieldType.star3
+            "
+          >
             <div v-if="isInModif">
               <CMySelect
                 :type_out="col.field_outtype"
@@ -541,8 +778,16 @@
                 :value_extra="value_extra"
                 :optval="fieldsTable.getKeyByTable(col.jointable)"
                 :optlab="fieldsTable.getLabelByTable(col.jointable)"
-                :options="globalStore.getTableJoinByName(col.jointable, col.addall, col.addnone, col.filter)"
-                :useinput="false">
+                :options="
+                  globalStore.getTableJoinByName(
+                    col.jointable,
+                    col.addall,
+                    col.addnone,
+                    col.filter
+                  )
+                "
+                :useinput="false"
+              >
               </CMySelect>
             </div>
             <div v-else>
@@ -561,49 +806,65 @@
           <div v-else-if="col.fieldtype === costanti.FieldType.html">
             <div v-if="isInModif">
               <q-bar v-if="isInModif" dense class="bg-primary text-white">
-                <span v-if="col.label_trans">{{ t(col.label_trans) }}</span><span v-else> {{
-                  $t('event.testo_di_spiegazione')
-                }}: </span>
-                <q-space/>
+                <span v-if="col.label_trans">{{ t(col.label_trans) }}</span
+                ><span v-else> {{ $t('event.testo_di_spiegazione') }}: </span>
+                <q-space />
               </q-bar>
               <div v-if="!isFieldDb()">
                 <CMyEditor
-                  v-model:value="myvalue" :title="!isInModif ? getTitleEditor(col, row) : ''" @keyup.enter.stop
+                  v-model:value="myvalue"
+                  :title="!isInModif ? getTitleEditor(col, row) : ''"
+                  @keyup.enter.stop
                   :showButtons="false"
                   :canModify="canModify"
                   @update:value="changevalRec"
-                  @showandsave="Savedb">
+                  @showandsave="Savedb"
+                >
                 </CMyEditor>
               </div>
             </div>
             <div v-else>
-
               <div class="row justify-evenly">
                 <q-btn
                   v-if="myvalue"
                   class="q-mx-md"
-                  icon="fas fa-info" color="primary" text-color="white"
+                  icon="fas fa-info"
+                  color="primary"
+                  text-color="white"
                   round
-                  @click="visuhtml = true">
+                  @click="visuhtml = true"
+                >
                 </q-btn>
 
                 <q-btn
                   v-if="myvalue && col.field_extra1"
-                  icon="far fa-file-alt" :label="col.titlepopupedit" color="primary" text-color="white"
+                  icon="far fa-file-alt"
+                  :label="col.titlepopupedit"
+                  color="primary"
+                  text-color="white"
                   :to="tools.getToByCol(col)"
                 >
                 </q-btn>
               </div>
 
-              <div v-html="visuValByType(myvalue, col, row)" @click="visueditor = true"></div>
+              <div
+                v-html="visuValByType(myvalue, col, row)"
+                @click="visueditor = true"
+              ></div>
 
               <div v-if="!isFieldDb()">
                 <q-dialog v-model="visuhtml" full-height full-width>
                   <q-card>
                     <q-bar dense class="bg-primary text-white">
                       <span> {{ getTitleEditor(col, row) }} </span>
-                      <q-space/>
-                      <q-btn flat round color="white" icon="close" v-close-popup></q-btn>
+                      <q-space />
+                      <q-btn
+                        flat
+                        round
+                        color="white"
+                        icon="close"
+                        v-close-popup
+                      ></q-btn>
                     </q-bar>
                     <q-card-section class="inset-shadow">
                       <q-card class="dialog_card">
@@ -612,14 +873,24 @@
                     </q-card-section>
                   </q-card>
                 </q-dialog>
-                <q-dialog v-model="visueditor" no-backdrop-dismiss persistent full-height full-width>
+                <q-dialog
+                  v-model="visueditor"
+                  no-backdrop-dismiss
+                  persistent
+                  full-height
+                  full-width
+                >
                   <q-card class="dialog_card">
                     <q-card-section>
                       <CMyEditor
-                        v-if="visueditor" v-model:value="myvalue" :title="col.title" @keyup.enter.stop
+                        v-if="visueditor"
+                        v-model:value="myvalue"
+                        :title="col.title"
+                        @keyup.enter.stop
                         :canModify="canModify"
-                        @showandsave="Savedb" @annulla="visueditor=false">
-
+                        @showandsave="Savedb"
+                        @annulla="visueditor = false"
+                      >
                       </CMyEditor>
                     </q-card-section>
                   </q-card>
@@ -635,8 +906,8 @@
                 :maxlength="col.maxlength ? col.maxlength : undefined"
                 type="password"
                 @keyup.enter="scope.set"
-                autofocus>
-
+                autofocus
+              >
               </q-input>
             </div>
             <div v-else>
@@ -648,7 +919,7 @@
           </div>
 
           <q-popup-edit
-            v-if="(!isInModif && canEdit && noPopupeditByCol(col))"
+            v-if="!isInModif && canEdit && noPopupeditByCol(col)"
             v-model="myvalue"
             :disable="col.disable || disable"
             :readonly="col.disable || disable"
@@ -657,39 +928,56 @@
             persistent
             @save="SaveValueInt"
             @show="OpenEdit"
-            v-slot="scope">
-
+            v-slot="scope"
+          >
             <div v-if="col.fieldtype === costanti.FieldType.boolean">
-              <q-checkbox v-model="scope.value" :label="col.title ? col.title : col.titlepopupedit">
+              <q-checkbox
+                v-model="scope.value"
+                :label="col.title ? col.title : col.titlepopupedit"
+              >
               </q-checkbox>
               <span v-html="visuValByType(myvalue, col, row)"></span>
             </div>
             <div
-              v-else-if="col.fieldtype === costanti.FieldType.string || col.fieldtype === costanti.FieldType.crypted">
+              v-else-if="
+                col.fieldtype === costanti.FieldType.string ||
+                col.fieldtype === costanti.FieldType.crypted
+              "
+            >
               <q-input
                 v-bind="$attrs"
                 counter
-                :type="col.fieldtype === costanti.FieldType.crypted ? 'password' : 'text'"
+                :type="
+                  col.fieldtype === costanti.FieldType.crypted
+                    ? 'password'
+                    : 'text'
+                "
                 :maxlength="col.maxlength ? col.maxlength : undefined"
                 :minlength="col.minlength ? col.minlength : undefined"
                 v-model="scope.value"
-                :label="col.visulabel ? t(col.label_trans) :''"
+                :label="col.visulabel ? t(col.label_trans) : ''"
                 :autogrow="col.fieldtype !== costanti.FieldType.crypted"
                 @keyup.enter.stop
-                autofocus>
-
+                autofocus
+              >
               </q-input>
             </div>
             <div v-else-if="col.fieldtype === costanti.FieldType.number">
               <div v-if="visulabel">
                 <q-input
-                  v-model="scope.value" type="number"
+                  v-model="scope.value"
+                  type="number"
                   debounce="1000"
                   :maxlength="col.maxlength ? col.maxlength : undefined"
                   autofocus
-                  :label="col.visulabel ? t(col.label_trans) : (visulabel ? col.label : '')"
+                  :label="
+                    col.visulabel
+                      ? t(col.label_trans)
+                      : visulabel
+                      ? col.label
+                      : ''
+                  "
                 >
-
                 </q-input>
               </div>
               <div v-else>
@@ -697,24 +985,25 @@
               </div>
             </div>
             <div v-else-if="col.fieldtype === costanti.FieldType.currency">
-
               <CCurrencyValue
                 :symbol="tools.getSymbolByCircuit(row)"
                 :color="tools.getColorByCircuit(row)"
                 :value="scope.value"
-                :label="t(col.label_trans)">
-
+                :label="t(col.label_trans)"
+              >
               </CCurrencyValue>
             </div>
             <div v-else-if="col.fieldtype === costanti.FieldType.hours">
               <div v-if="visulabel">
                 <q-input
-                  v-model="myvalue" type="number"
+                  v-model="myvalue"
+                  type="number"
                   :maxlength="col.maxlength ? col.maxlength : undefined"
                   autofocus
                   @update:model-value="changevalRec"
-                  style="max-width: 100px;"
-                  :label="col.label ? col.label : t(col.label_trans)">
+                  style="max-width: 100px"
+                  :label="col.label ? col.label : t(col.label_trans)"
+                >
                 </q-input>
               </div>
               <div v-if="isFieldDb()">
@@ -722,27 +1011,34 @@
                   :type_out="col.field_outtype"
                   :col="col"
                   :row="row"
-                  label="Ore" v-model:value="myvalue"
-                  optval="value" optlab="label"
+                  label="Ore"
+                  v-model:value="myvalue"
+                  optval="value"
+                  optlab="label"
                   :dense="false"
                   :use-input="false"
                   @changeval="changevalRecHours"
-                  style="max-width: 100px;"
-                  :options="tools.SelectHours">
+                  style="max-width: 100px"
+                  :options="tools.SelectHours"
+                >
                 </CMySelect>
-
               </div>
               <div v-else>
                 <q-input
-                  v-model="scope.value" type="number"
+                  v-model="scope.value"
+                  type="number"
                   :maxlength="col.maxlength ? col.maxlength : undefined"
-                  autofocus>
-
+                  autofocus
+                >
                 </q-input>
               </div>
             </div>
             <div
-              v-else-if="(col.fieldtype === costanti.FieldType.select) || (col.fieldtype === costanti.FieldType.select_by_server)">
+              v-else-if="
+                col.fieldtype === costanti.FieldType.select ||
+                col.fieldtype === costanti.FieldType.select_by_server
+              "
+            >
               <CMySelect
                 :type_out="col.field_outtype"
                 :col="col"
@@ -751,18 +1047,34 @@
                 v-model:value="scope.value"
                 :pickup="col.fieldtype === costanti.FieldType.select_by_server"
                 :addnone="col.addnone"
-                :tablesel="col.fieldtype === costanti.FieldType.select_by_server ? tablesel : ''"
+                :tablesel="
+                  col.fieldtype === costanti.FieldType.select_by_server
+                    ? tablesel
+                    : ''
+                "
                 :filter_table="col.filter_table"
                 :filter_field="col.filter_field"
                 :value_extra="value_extra"
                 :newvaluefunc="addNewValue"
                 :optval="fieldsTable.getKeyByTable(col.jointable)"
                 :optlab="fieldsTable.getLabelByTable(col.jointable)"
-                :options="globalStore.getTableJoinByName(col.jointable, col.addall, col.addnone, col.filter)"
-                :useinput="col.allowNewValue">
+                :options="
+                  globalStore.getTableJoinByName(
+                    col.jointable,
+                    col.addall,
+                    col.addnone,
+                    col.filter
+                  )
+                "
+                :useinput="col.allowNewValue"
+              >
               </CMySelect>
             </div>
-            <div v-else-if="col.fieldtype === costanti.FieldType.multiselect_by_server">
+            <div
+              v-else-if="
+                col.fieldtype === costanti.FieldType.multiselect_by_server
+              "
+            >
               <CMySelect
                 :type_out="col.field_outtype"
                 :col="col"
@@ -783,8 +1095,16 @@
                 color="primary"
                 :optval="fieldsTable.getKeyByTable(col.jointable)"
                 :optlab="fieldsTable.getLabelByTable(col.jointable)"
-                :options="globalStore.getTableJoinByName(col.jointable, col.addall, col.addnone, col.filter)"
-                :useinput="true">
+                :options="
+                  globalStore.getTableJoinByName(
+                    col.jointable,
+                    col.addall,
+                    col.addnone,
+                    col.filter
+                  )
+                "
+                :useinput="true"
+              >
               </CMySelect>
             </div>
             <div v-else-if="col.fieldtype === costanti.FieldType.multiselect">
@@ -798,25 +1118,37 @@
                 :display-value="fieldsTable.getTitleByTable(col.jointable)"
                 emit-value
                 map-options
-                :options="globalStore.getTableJoinByName(col.jointable, col.addall, col.addnone, col.filter)"
+                :options="
+                  globalStore.getTableJoinByName(
+                    col.jointable,
+                    col.addall,
+                    col.addnone,
+                    col.filter
+                  )
+                "
                 class="combowidth"
                 :useinput="col.allowNewValue"
                 :newvaluefunc="addNewValue"
                 :option-value="fieldsTable.getKeyByTable(col.jointable)"
-                @update:model-value="changeval">
-
-                <template v-slot:option="{ itemProps, opt, selected, toggleOption }">
+                @update:model-value="changeval"
+              >
+                <template
+                  v-slot:option="{ itemProps, opt, selected, toggleOption }"
+                >
                   <q-item v-bind="itemProps">
-
                     <q-item-section>
-                      <q-item-label>{{ opt[fieldsTable.getLabelByTable(col.jointable)] }}</q-item-label>
+                      <q-item-label>{{
+                        opt[fieldsTable.getLabelByTable(col.jointable)]
+                      }}</q-item-label>
                     </q-item-section>
                     <q-item-section side>
-                      <q-toggle :model-value="selected" @update:model-value="toggleOption(opt)"/>
+                      <q-toggle
+                        :model-value="selected"
+                        @update:model-value="toggleOption(opt)"
+                      />
                     </q-item-section>
                   </q-item>
                 </template>
-
               </q-select>
             </div>
             <div v-else-if="col.fieldtype === costanti.FieldType.nationality">
@@ -836,7 +1168,8 @@
                   :optval="fieldsTable.getKeyByTable(tablesel)"
                   :optlab="fieldsTable.getLabelByTable(tablesel)"
                   :options="[]"
-                  :useinput="false">
+                  :useinput="false"
+                >
                 </CMySelect>
               </div>
             </div>
@@ -854,7 +1187,8 @@
                   :optval="fieldsTable.getKeyByTable(tablesel)"
                   :optlab="fieldsTable.getLabelByTable(tablesel)"
                   :options="[]"
-                  :useinput="false">
+                  :useinput="false"
+                >
                 </CMySelect>
               </div>
             </div>
@@ -868,7 +1202,8 @@
                 :dense="true"
                 :canEdit="canEdit"
                 @savetoclose="SaveValueInt"
-                @show="OpenEdit">
+                @show="OpenEdit"
+              >
               </CDateTime>
             </div>
             <div v-else-if="col.fieldtype === costanti.FieldType.onlydate">
@@ -883,20 +1218,33 @@
                 :canEdit="canEdit"
                 @savetoclose="SaveValueInt"
                 @show="OpenEdit"
-                view="date">
+                view="date"
+              >
               </CDateTime>
             </div>
             <div v-else-if="col.fieldtype === costanti.FieldType.binary">
-
               <CMyToggleList
                 :label="col.titlepopupedit ? col.titlepopupedit : ''"
-                :options="globalStore.getTableJoinByName(col.jointable, col.addall, col.addnone, col.filter)"
+                :options="
+                  globalStore.getTableJoinByName(
+                    col.jointable,
+                    col.addall,
+                    col.addnone,
+                    col.filter
+                  )
+                "
                 v-model:value="scope.value"
                 :optval="fieldsTable.getKeyByTable(col.jointable)"
-                :optlab="fieldsTable.getLabelByTable(col.jointable)">
+                :optlab="fieldsTable.getLabelByTable(col.jointable)"
+              >
               </CMyToggleList>
             </div>
-            <div v-else-if="(col.fieldtype === costanti.FieldType.star5 || col.fieldtype === costanti.FieldType.star3)">
+            <div
+              v-else-if="
+                col.fieldtype === costanti.FieldType.star5 ||
+                col.fieldtype === costanti.FieldType.star3
+              "
+            >
               <CMySelect
                 :type_out="col.field_outtype"
                 :col="col"
@@ -905,8 +1253,16 @@
                 v-model:value="scope.value"
                 :optval="fieldsTable.getKeyByTable(col.jointable)"
                 :optlab="fieldsTable.getLabelByTable(col.jointable)"
-                :options="globalStore.getTableJoinByName(col.jointable, col.addall, col.addnone, col.filter)"
-                :useinput="false">
+                :options="
+                  globalStore.getTableJoinByName(
+                    col.jointable,
+                    col.addall,
+                    col.addnone,
+                    col.filter
+                  )
+                "
+                :useinput="false"
+              >
               </CMySelect>
             </div>
             <div v-else-if="col.fieldtype === costanti.FieldType.password">
@@ -916,21 +1272,39 @@
                 :minlength="col.minlength ? col.minlength : undefined"
                 type="password"
                 @keyup.enter="scope.set"
-                autofocus>
-
+                autofocus
+              >
               </q-input>
             </div>
             <div v-else-if="col.fieldtype === costanti.FieldType.html">
               <div v-if="!isFieldDb()">
                 <CMyEditor
-                  v-model:value="myvalue" :title="!isInModif ? getTitleEditor(col, row) : ''" @keyup.enter.stop
+                  v-model:value="myvalue"
+                  :title="!isInModif ? getTitleEditor(col, row) : ''"
+                  @keyup.enter.stop
                   :showButtons="false"
                   :canModify="canModify"
                   @update:value="changevalRec"
-                  @showandsave="Savedb">
+                  @showandsave="Savedb"
+                >
                 </CMyEditor>
               </div>
             </div>
+            <div v-else-if="col.fieldtype === costanti.FieldType.color">
+              <q-select
+                rounded
+                style="min-width: 150px"
+                outlined
+                v-model="scope.value"
+                :options="shared_consts.LISTBESTCOLORS"
+                @update:model-value="changevalRec"
+                dense
+                label="Colore:"
+                emit-value
+                map-options
+              >
+              </q-select>
+            </div>
           </q-popup-edit>
         </div>
       </div>
diff --git a/src/components/CSelectAnimation/CSelectAnimation.ts b/src/components/CSelectAnimation/CSelectAnimation.ts
index 0bd7521d..d690714f 100755
--- a/src/components/CSelectAnimation/CSelectAnimation.ts
+++ b/src/components/CSelectAnimation/CSelectAnimation.ts
@@ -1,17 +1,20 @@
-import { defineComponent, onMounted, ref } from 'vue'
+import { defineComponent, onMounted, PropType, ref } from 'vue'
 
 import { tools } from '@src/store/Modules/tools'
 import { shared_consts } from '@src/common/shared_vuejs'
 import { emit } from 'process'
+import { IAnim } from '@src/model'
 
 export default defineComponent({
   name: 'CSelectAnimation',
   emits: ['update:modelValue'],
   props: {
     modelValue: {
-      type: String,
-      required: true,
-      default: '',
+      type: Object as PropType<IAnim | string | undefined>,
+      required: false,
+      default : () => {
+        return {name: '', clduration: '', cldelay: ''}
+      }
     },
     label: {
       type: String,
@@ -23,27 +26,18 @@ export default defineComponent({
   setup(props, { emit }) {
 
     const myclass = ref('')
-    const animType = ref('')
-    const animSpeed = ref('')
-    const animDelay = ref('')
+    const myrec = ref(<IAnim>{name: '', clduration: '', cldelay: ''})
 
     function updateClass() {
+      if (typeof props.modelValue === 'object') {
+        myrec.value = props.modelValue
+      }
 
-      let mycl = ''
-
-      myclass.value = 'animate__animated ' + animType.value + ' ' + animSpeed.value + ' ' + animDelay.value
-
-      emit('update:modelValue', myclass.value)
+      emit('update:modelValue', myrec.value)
     }
 
     function mounted() {
-
-      const myarr = props.modelValue.split(' ')
-
-      animType.value = tools.findFirstElemInCommon(tools.SelectListAnimation, myarr)
-      animSpeed.value = tools.findFirstElemInCommon(tools.SelectListSpeed, myarr)
-      animDelay.value = tools.findFirstElemInCommon(tools.SelectListDelay, myarr)
-
+      updateClass()
     }
 
     onMounted(mounted)
@@ -51,9 +45,7 @@ export default defineComponent({
     return {
       tools,
       updateClass,
-      animType,
-      animSpeed,
-      animDelay,
+      myrec,
     }
   },
 
diff --git a/src/components/CSelectAnimation/CSelectAnimation.vue b/src/components/CSelectAnimation/CSelectAnimation.vue
index 28bb5b06..9707d4d9 100755
--- a/src/components/CSelectAnimation/CSelectAnimation.vue
+++ b/src/components/CSelectAnimation/CSelectAnimation.vue
@@ -1,11 +1,11 @@
 <template>
-  <div>
+  <div v-if="!!myrec">
     {{label}}
     <q-select
       rounded
       style="min-width: 150px"
       outlined
-      v-model="animType"
+      v-model="myrec.name"
       :options="tools.SelectListAnimation"
       @update:model-value="updateClass"
       dense
@@ -19,7 +19,7 @@
       rounded
       style="min-width: 150px"
       outlined
-      v-model="animSpeed"
+      v-model="myrec.clduration"
       :options="tools.SelectListSpeed"
       @update:model-value="updateClass"
       dense
@@ -33,7 +33,7 @@
       rounded
       style="min-width: 150px"
       outlined
-      v-model="animDelay"
+      v-model="myrec.cldelay"
       :options="tools.SelectListDelay"
       @update:model-value="updateClass"
       dense
diff --git a/src/components/CSignUp/CSignUp.ts b/src/components/CSignUp/CSignUp.ts
index 6125b7a9..f0f326a3 100755
--- a/src/components/CSignUp/CSignUp.ts
+++ b/src/components/CSignUp/CSignUp.ts
@@ -86,6 +86,7 @@ export default defineComponent({
     const isalreadyReg = ref(false)
 
     const globalStore = useGlobalStore()
+    const site = computed(() => globalStore.site)
 
     const signup = reactive(<ISignupOptions>{
       email: process.env.TEST_EMAIL || '',
@@ -329,6 +330,7 @@ export default defineComponent({
       showpolicy,
       visubuttBOT,
       isalreadyReg,
+      site,
     }
   },
 })
diff --git a/src/components/CSignUp/CSignUp.vue b/src/components/CSignUp/CSignUp.vue
index 72553510..0d459559 100755
--- a/src/components/CSignUp/CSignUp.vue
+++ b/src/components/CSignUp/CSignUp.vue
@@ -254,17 +254,18 @@
               </q-toolbar>
               <q-card-section class="inset-shadow">
                 <PagePolicy
-                  owneremail="info@riso.app"
-                  SiteName="Riso.app"
-                  ownerDataName="RISO"
-                  managerData="Paolo Arena"
-                  includeData="recapiti (indirizzo email, telefono (facoltativo))"
-                  url="riso.app"
-                  lastdataupdate="12/03/2022"
-                  country="Italia"
-                >
+                    v-if="site.policy"
+                    :owneremail="site.policy.owneremail"
+                    :siteName="site.policy.siteName"
+                    :ownerDataName="site.policy.ownerDataName"
+                    :managerData="site.policy.managerData"
+                    :includeData="site.policy.includeData"
+                    :url="site.policy.url"
+                    :lastdataupdate="site.policy.lastdataupdate"
+                    :country="site.policy.country"
+            >
 
-                </PagePolicy>
+            </PagePolicy>
               </q-card-section>
             </q-card>
           </q-dialog>
diff --git a/src/components/LandingFooter/LandingFooter.scss b/src/components/LandingFooter/LandingFooter.scss
index 53dde02d..6245057b 100755
--- a/src/components/LandingFooter/LandingFooter.scss
+++ b/src/components/LandingFooter/LandingFooter.scss
@@ -6,9 +6,9 @@ $textcol_scuro: darkblue;
 
 .landing__footer {
   //background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(0, 0, 0, .1)), to(#000));
-  background: linear-gradient(180deg, rgb(6, 31, 92) 95%, #FFF);
-  padding-top: 4.5rem !important;
-  padding-bottom: 4.5rem !important;
+  background: linear-gradient(180deg, #061f5c 95%, #FFF);
+  padding-top: 3.5rem !important;
+  padding-bottom: 3.5rem !important;
   padding-left: 1.25rem;
   padding-right: 1.25rem;
   color: #9f9f9f;
@@ -156,6 +156,18 @@ $textcol_scuro: darkblue;
   color: #999;
   letter-spacing: 0.125rem;
 }
+.mycontacts_email {
+  text-shadow: 0.125rem 0.125rem 0.125rem #555;
+  font-weight: bold;
+  color: #999;
+}
+
+.mycontacts_cell {
+  text-shadow: 0.125rem 0.125rem 0.125rem #555;
+  font-weight: bold;
+  color: #999;
+  font-size: 1.25rem;
+}
 
 .mycontacts_text {
   font-size: 1rem;
@@ -170,6 +182,7 @@ $textcol_scuro: darkblue;
 
 .footer_link:hover {
   color:white;
+  cursor: pointer;
 }
 
 
@@ -180,3 +193,8 @@ $textcol_scuro: darkblue;
 .margin_buttons_footer > * {
   margin: 4px 8px;
 }
+
+.mycontacts_address {
+  font-size: 1rem;
+  color: gray;
+}
diff --git a/src/components/LandingFooter/LandingFooter.ts b/src/components/LandingFooter/LandingFooter.ts
index 69e69268..12b1ba0c 100755
--- a/src/components/LandingFooter/LandingFooter.ts
+++ b/src/components/LandingFooter/LandingFooter.ts
@@ -1,4 +1,5 @@
 import {
+  computed,
   defineComponent, ref,
 } from 'vue'
 
@@ -27,6 +28,16 @@ export default defineComponent({
 
     const site = ref(globalStore.site)
 
+    const getBackColorText = computed(() => {
+      let mycol = ''
+      if (globalStore.site && globalStore.site.confpages?.col_bgfooter)
+        mycol = globalStore.site.confpages?.col_bgfooter
+      else
+        mycol = '#061f5c'
+
+      return 'linear-gradient(180deg, ' + mycol + ' 95%, #FFF)'
+    })
+
     console.log('LandingFooter - INIT')
 
     function TelegramSupport() {
@@ -76,6 +87,7 @@ export default defineComponent({
       getarrValDb,
       getValDb,
       site,
+      getBackColorText,
     }
   },
 })
diff --git a/src/components/LandingFooter/LandingFooter.vue b/src/components/LandingFooter/LandingFooter.vue
index 2634b8be..84525fb7 100755
--- a/src/components/LandingFooter/LandingFooter.vue
+++ b/src/components/LandingFooter/LandingFooter.vue
@@ -1,38 +1,92 @@
 <template>
   <div>
-    <section v-if="site" class="landing__footer">
+    <section v-if="site && site.contacts" class="landing__footer" :style="`background: `+ getBackColorText + `!important;`">
       <div class="row justify-between items-start q-col-gutter-xs">
-        <div class="col-12 col-sm-4 ">
+        <div class="col-12 col-sm-4">
           <!--<span v-html="t('homepage.footer.description')">-->
           <!--</span>-->
 
           <CFacebookFrame
-            myclass="text-center" :fbimage="getValDb('FBPAGE_IMG', false)"
-            :urlfbpage="getValDb('FBPAGE_FRAME', false)" :title="getValDb('FBPAGE_TITLE', false)">
-
+            v-if="getValDb('FBPAGE_IMG', false)"
+            myclass="text-center"
+            :fbimage="getValDb('FBPAGE_IMG', false)"
+            :urlfbpage="getValDb('FBPAGE_FRAME', false)"
+            :title="getValDb('FBPAGE_TITLE', false)"
+          >
           </CFacebookFrame>
 
-          <div class=" q-my-md">
-            <div class="landing__footer-icons row flex-center margin_buttons">
-              <a v-if="!!site.contacts.facebook" :href="site.contacts.facebook" target="_blank">
-                <i aria-hidden="true" class="q-icon fab fa-facebook-f icon_contact links"> </i></a>
+          <div class="">
+            <div v-if="!!site.contacts && !!site.contacts.address">
+              <p class="mycontacts_title q-mt-sm">
+                {{ $t('footer.titleaddress') }}
+              </p>
+              <p class="mycontacts_address">
+                {{ site.contacts.address }}
+              </p>
+            </div>
 
-              <a v-if="!!site.contacts.instagram" :href="site.contacts.instagram" target="_blank">
-                <i aria-hidden="true" class="q-icon fab fa-instagram icon_contact links"> </i></a>
+            <div class="landing__footer-icons row flex-center margin_buttons">
+              <a
+                v-if="!!site.contacts.facebook"
+                :href="site.contacts.facebook"
+                target="_blank"
+              >
+                <i
+                  aria-hidden="true"
+                  class="q-icon fab fa-facebook-f icon_contact links"
+                >
+                </i
+              ></a>
+
+              <a
+                v-if="!!site.contacts.instagram"
+                :href="site.contacts.instagram"
+                target="_blank"
+              >
+                <i
+                  aria-hidden="true"
+                  class="q-icon fab fa-instagram icon_contact links"
+                >
+                </i
+              ></a>
 
               <a v-if="!!TwitterPage()" :href="TwitterPage()" target="_blank">
-                <i aria-hidden="true" class="q-icon fab fa-twitter icon_contact links"> </i></a>
+                <i
+                  aria-hidden="true"
+                  class="q-icon fab fa-twitter icon_contact links"
+                >
+                </i
+              ></a>
 
-
-              <a v-if="!!TelegramSupport()" :href="TelegramSupport()" target="_blank">
+              <a
+                v-if="!!TelegramSupport()"
+                :href="TelegramSupport()"
+                target="_blank"
+              >
                 <span class="text-h5 text-white">Supporto Tecnico: </span>
-                <i aria-hidden="true" class="q-icon fab fa-telegram icon_contact links"></i></a>
+                <i
+                  aria-hidden="true"
+                  class="q-icon fab fa-telegram icon_contact links"
+                ></i
+              ></a>
 
               <a v-if="!!ChatWhatsapp()" :href="ChatWhatsapp()" target="_blank">
-                <i aria-hidden="true" class="q-icon fab fa-whatsapp icon_contact links"></i></a>
+                <i
+                  aria-hidden="true"
+                  class="q-icon fab fa-whatsapp icon_contact links"
+                ></i
+              ></a>
 
-              <a v-if="!!Telegram_UsernameHttp()" :href="Telegram_UsernameHttp()" target="_blank">
-                <i aria-hidden="true" class="q-icon fab fa-telegram icon_contact links"></i></a>
+              <a
+                v-if="!!Telegram_UsernameHttp()"
+                :href="Telegram_UsernameHttp()"
+                target="_blank"
+              >
+                <i
+                  aria-hidden="true"
+                  class="q-icon fab fa-telegram icon_contact links"
+                ></i
+              ></a>
 
               <!--<a href="" target="_blank"><i aria-hidden="true" class="q-icon fab fa-github"> </i></a>-->
               <!--<a href="https://twitter.com/" target="_blank"><i aria-hidden="true" class="q-icon fab fa-twitter"> </i></a>-->
@@ -47,91 +101,154 @@
 
           <div v-if="site.contacts.map" class="text-center">
             <span v-html="getValDb('MAP_TITLE', false)"></span>
-            <br>
-            <a :href="site.contacts.map" target="_blank" class="footer_link">Apri Mappa</a>
+            <br />
+            <a :href="site.contacts.map" target="_blank" class="footer_link"
+              >Apri Mappa</a
+            >
           </div>
 
           <!--<div class="q-mt-xs copyrights">-->
           <!--<p class="mycontacts_text" v-html="t('homepage.copyrights')"></p>-->
           <!--</div>-->
-
         </div>
         <div class="col-12 col-sm-4">
-          <div class="text-center">
-
+          <p class="mycontacts_title q-mt-sm">{{ $t('homepage.titlecontatti') }}:</p>
+          <div class="text-center q-my-sm">
             <div class="q-mt-xs mycontacts">
-              <p class="mycontacts_title">{{ $t('homepage.titlecontatti') }}</p>
-
               <div class="mycontacts_text">
-                <i
-                  v-if="site.contacts.email" aria-hidden="true"
-                  class="q-icon fas fa-envelope q-mx-sm"></i>
-                <a :href="`mailto:` + site.contacts.email" class="links">{{
-                    site.contacts.email
-                  }}</a><br>
-                <div style="margin-bottom: 20px;"></div>
+                <div class="row margin_buttons_footer">
+                  <div class="row justify-center margin_buttons_x">
+                    <q-btn
+                      v-if="site.contacts.cell"
+                      fab-mini
+                      icon="fas fa-phone"
+                      color="blue-grey-6"
+                      type="a"
+                      size="sm"
+                      target="__blank"
+                    >
+                    </q-btn>
+                    &nbsp;&nbsp;
+
+                    <div v-if="!!site.contacts.cell" class="mycontacts_cell">
+                      {{ site.contacts.cell }}
+                    </div>
+                  </div>
+                  <div class="row justify-center margin_buttons_x">
+                    <q-btn
+                      v-if="site.contacts.email"
+                      fab-mini
+                      icon="fas fa-envelope"
+                      color="blue-grey-6"
+                      type="a"
+                      size="sm"
+                      :href="tools.getemailto(site.contacts.email)"
+                      target="__blank"
+                    >
+                    </q-btn>
+                    &nbsp;&nbsp;
+                    <a
+                      class="mycontacts_email"
+                      v-if="!!site.contacts.email"
+                      :href="tools.getemailto(site.contacts.email)"
+                      target="_blank"
+                      >{{ site.contacts.email }}</a
+                    ><br />
+                  </div>
+
+                  <div v-if="!!site.contacts.info2" class="mycontacts_email">{{site.contacts.info2}}</div>
+                </div>
+                &nbsp;<br />
+                <div style="margin-bottom: 20px"></div>
                 <div
-                  v-for="(rec, index) in getarrValDb('CONTACTS_EMAIL_CELL', false)"
+                  v-for="(rec, index) in getarrValDb(
+                    'CONTACTS_EMAIL_CELL',
+                    false
+                  )"
                   :key="index"
                   class="mycontacts_text margin_buttons_footer"
-                  style="margin-bottom: 0;">
-                  <div>
-                    {{ rec.name }}: {{ rec.phone }}
-                  </div>
+                  style="margin-bottom: 0"
+                >
+                  <div>{{ rec.name }}: {{ rec.phone }}</div>
                   <div>
                     <i
-                      v-if="rec.email" aria-hidden="true"
-                      class="q-icon fas fa-envelope q-ma-sm"></i> <a
-                    :href="`mailto:`+ rec.email "
-                    class="links">{{ rec.email }}</a>
+                      v-if="rec.email"
+                      aria-hidden="true"
+                      class="q-icon fas fa-envelope q-ma-sm"
+                    ></i>
+                    <a :href="`mailto:` + rec.email" class="links">{{
+                      rec.email
+                    }}</a>
                   </div>
 
                   <div class="row justify-center margin_buttons_footer">
                     <q-btn
-                      v-if="rec.email" fab-mini icon="fas fa-envelope"
-                      color="blue-grey-6" type="a"
+                      v-if="rec.email"
+                      fab-mini
+                      icon="fas fa-envelope"
+                      color="blue-grey-6"
+                      type="a"
                       size="sm"
-                      :href="tools.getemailto(rec.email)" target="__blank">
+                      :href="tools.getemailto(rec.email)"
+                      target="__blank"
+                    >
                     </q-btn>
                     <q-btn
-                      v-if="!!rec.wa && tools.getHttpForWhatsapp(rec.wa)" fab-mini
+                      v-if="!!rec.wa && tools.getHttpForWhatsapp(rec.wa)"
+                      fab-mini
                       icon="fab fa-whatsapp"
-                      color="green" type="a"
+                      color="green"
+                      type="a"
                       size="sm"
-                      :href="tools.getHttpForWhatsapp(rec.wa)" target="__blank">
+                      :href="tools.getHttpForWhatsapp(rec.wa)"
+                      target="__blank"
+                    >
                     </q-btn>
 
                     <q-btn
-                      v-if="tools.getHttpForTelegram(rec.usertelegram)" fab-mini
+                      v-if="tools.getHttpForTelegram(rec.usertelegram)"
+                      fab-mini
                       icon="fab fa-telegram"
-                      color="blue" type="a"
+                      color="blue"
+                      type="a"
                       size="sm"
-                      :href="tools.getHttpForTelegram(rec.usertelegram)" target="__blank">
+                      :href="tools.getHttpForTelegram(rec.usertelegram)"
+                      target="__blank"
+                    >
                     </q-btn>
                   </div>
-
                 </div>
-                <span v-if="getValDb('CALL_WORKING_DAYS', false)"><br>orari per chiamate:<br>
-                                    <span v-html="getValDb('CALL_WORKING_DAYS', false)"></span></span>
-
+                <span v-if="getValDb('CALL_WORKING_DAYS', false)"
+                  ><br />orari per chiamate:<br />
+                  <span v-html="getValDb('CALL_WORKING_DAYS', false)"></span
+                ></span>
               </div>
             </div>
-
           </div>
 
           <FormNewsletter
             v-if="static_data.functionality.SHOW_NEWSLETTER"
             :idwebsite="tools.appid()"
-            :locale="toolsext.getLocale()">
+            :locale="toolsext.getLocale()"
+          >
           </FormNewsletter>
 
           <p class="text-center">
-            <router-link v-if="static_data.functionality.SHOW_ONLY_POLICY" to="/policy" custom v-slot="{ navigate }">
-              <span class="footer_link" @click="navigate" @keypress.enter="navigate" role="link">{{
-                  $t('privacy_policy')
-                }}</span></router-link>
+            <router-link
+              v-if="site.policy && site.policy.show"
+              to="/policy"
+              custom
+              v-slot="{ navigate }"
+            >
+              <span
+                class="footer_link"
+                @click="navigate"
+                @keypress.enter="navigate"
+                role="link"
+                >{{ $t('privacy_policy') }}</span
+              ></router-link
+            >
           </p>
-
         </div>
 
         <div class="col-12 col-sm-4 q-pa-md">
@@ -140,17 +257,24 @@
           </p>
           <div v-for="(myitemmenu, ind) in static_data.routes" :key="ind">
             <div v-if="myitemmenu.infooter && tools.visumenu(myitemmenu)">
-
               <div v-if="myitemmenu.solotitle">
-                <span class="footer_link">{{ tools.getLabelByItem(myitemmenu) }}</span><br/>
+                <span class="footer_link">{{
+                  tools.getLabelByItem(myitemmenu)
+                }}</span
+                ><br />
               </div>
               <div v-else>
                 <router-link :to="myitemmenu.path" custom v-slot="{ navigate }">
-                                    <span
-class="footer_link" @click="navigate" @keypress.enter="navigate"
-                                          role="link"><span
-                                      v-if="myitemmenu.level_child > 0">&nbsp;&nbsp;&nbsp;</span>
-                                        {{ tools.getLabelByItem(myitemmenu) }}</span><br/>
+                  <span
+                    class="footer_link"
+                    @click="navigate"
+                    @keypress.enter="navigate"
+                    role="link"
+                    ><span v-if="myitemmenu.level_child > 0"
+                      >&nbsp;&nbsp;&nbsp;</span
+                    >
+                    {{ tools.getLabelByItem(myitemmenu) }}</span
+                  ><br />
                 </router-link>
               </div>
             </div>
@@ -158,13 +282,28 @@ class="footer_link" @click="navigate" @keypress.enter="navigate"
         </div>
       </div>
     </section>
-    <q-page-sticky v-if="site.whatsapp_home" position="bottom-right" :offset="[18, 78]">
+    <q-page-sticky
+      v-if="site.whatsapp_home"
+      position="bottom-right"
+      :offset="[18, 78]"
+    >
       <q-btn
-        fab icon="fab fa-whatsapp" color="green" type="a" :href="ChatWhatsapp()" target="__blank"
-        class="mybtn_sticky"/>
+        fab
+        icon="fab fa-whatsapp"
+        color="green"
+        type="a"
+        :href="ChatWhatsapp()"
+        target="__blank"
+        class="mybtn_sticky"
+      />
     </q-page-sticky>
-    <q-page-scroller position="bottom-right" :scroll-offset="850" :offset="[18, 18]" style="opacity: 0.3">
-      <q-btn fab icon="keyboard_arrow_up" color="accent"/>
+    <q-page-scroller
+      position="bottom-right"
+      :scroll-offset="850"
+      :offset="[18, 18]"
+      style="opacity: 0.3"
+    >
+      <q-btn fab icon="keyboard_arrow_up" color="accent" />
     </q-page-scroller>
   </div>
 </template>
diff --git a/src/components/MyFooter/MyFooter.ts b/src/components/MyFooter/MyFooter.ts
index 20e93f9c..9aa3aebe 100755
--- a/src/components/MyFooter/MyFooter.ts
+++ b/src/components/MyFooter/MyFooter.ts
@@ -27,6 +27,8 @@ export default defineComponent({
     const userStore = useUserStore()
     const globalStore = useGlobalStore()
 
+    const site = computed(() => globalStore.site)
+
     const { getMyUsername, Username } = MixinUsers()
 
     function mounted() {
@@ -42,6 +44,7 @@ export default defineComponent({
       getMyUsername,
       Username,
       tools,
+      site,
     }
   },
 
diff --git a/src/components/MyFooter/MyFooter.vue b/src/components/MyFooter/MyFooter.vue
index bcf87899..a0a7d5b8 100755
--- a/src/components/MyFooter/MyFooter.vue
+++ b/src/components/MyFooter/MyFooter.vue
@@ -1,6 +1,6 @@
 <template>
   <q-footer
-    v-if="tools.isUserOk()"
+    v-if="tools.isUserOk() && site"
     class="bg-white small-screen-only"
     bordered
   >
@@ -14,6 +14,7 @@
       indicator-color="transparent"
     >
       <q-route-tab
+        v-if="site.footer_mobile?.show_buttHome"
         to="/"
         class="mylabfooter"
         :label="$t('tabdown.home')"
@@ -48,7 +49,7 @@
         icon="fas fa-calendar-plus"
       />
       <q-route-tab
-        v-if="static_data.functionality.ENABLE_VIEW_PROFILE"
+        v-if="site.footer_mobile.show_profile"
         class="mylabfooter"
         :label="$t('tabdown.profile')"
         :to="`/my/`+getMyUsername()"
diff --git a/src/components/MyHeader/MyHeader.ts b/src/components/MyHeader/MyHeader.ts
index a8cdc152..4a4ff8a3 100755
--- a/src/components/MyHeader/MyHeader.ts
+++ b/src/components/MyHeader/MyHeader.ts
@@ -61,6 +61,25 @@ export default defineComponent({
     const globalStore = useGlobalStore()
     const testStore = useTestStore()
 
+    const site = computed(() => globalStore.site)
+    const isfinishLoading = computed(() => globalStore.finishLoading)
+
+    const getClassColorHeader = computed(() => {
+      // if (tools.isTest()) return 'bg-light-blue'
+      // if (tools.isDebug()) return 'bg-info'
+      if (globalStore.site && globalStore.site.confpages?.col_toolbar)
+        return 'bg-' + globalStore.site.confpages?.col_toolbar
+      else
+        return 'bg-light-blue'
+    })
+
+    const getColorText = computed(() => {
+      if (globalStore.site && globalStore.site.confpages?.col_toolbar === 'white')
+        return 'black'
+      else
+        return 'white'
+    })
+
     const data = ref({
       registration: null,
       updateExists: false,
@@ -461,11 +480,6 @@ export default defineComponent({
       return null
     }
 
-    function getClassColorHeader() {
-      if (tools.isTest()) return 'bg-light-blue'
-      if (tools.isDebug()) return 'bg-info'
-      return 'bg-light-blue'
-    }
 
     function changecmd(value: any) {
       console.log('changecmd', value)
@@ -527,6 +541,9 @@ export default defineComponent({
       isUserNotAuth,
       tools,
       data,
+      site,
+      isfinishLoading,
+      getColorText,
     }
   },
 
diff --git a/src/components/MyHeader/MyHeader.vue b/src/components/MyHeader/MyHeader.vue
index 621d3ba2..acbb9e6c 100755
--- a/src/components/MyHeader/MyHeader.vue
+++ b/src/components/MyHeader/MyHeader.vue
@@ -1,12 +1,13 @@
 <template>
   <div>
-    <q-header reveal elevated :class="getClassColorHeader()">
+    <q-header reveal elevated :class="getClassColorHeader" :style="`color: `+ getColorText + `;`">
       <q-toolbar
         color="primary"
         :glossy="$q.theme === 'mat'"
         :inverted="$q.theme === 'ios'"
         class="toolbar">
 
+
         <q-btn
           flat
           dense
@@ -156,7 +157,7 @@
       side="left"
       bordered
       show-if-above
-      :breakpoint="500"
+      :breakpoint="800"
       v-model="leftDrawerOpen"
       :content-class="['bg-grey-1', 'q-pa-sm']"
       :content-style="{padding: '0px'}"
@@ -171,7 +172,7 @@
 
               side="right" elevated>
       <q-btn
-        class="absolute-top-right" style="margin-right: 10px; color: white;"
+        class="absolute-top-right" :style="`margin-right: 10px; color:`+ getColorText + `;`"
         dense flat round icon="close" @click="rightCartOpen = !rightCartOpen">
       </q-btn>
       <div v-if="tools.isLogged()" class="text-weight-bold text-cart">Carrello
@@ -187,7 +188,7 @@
           style="height: 150px" alt="section page">
         </q-img>
         <div class="absolute-top bg-transparent text-black center_img" style="margin-top: 10px;">
-          <div class="text-center q-ma-xs boldhigh text-white text-h7">Area Personale</div>
+          <div :class="`text-center q-ma-xs boldhigh text-`+ getColorText + ` text-h7`">Area Personale</div>
 
           <q-avatar size="80px" class="center_img q-ma-md">
             <q-img fit="cover" :src="getMyImg()" :alt="Username()" img-class="imgprofile" height="80px"/>
@@ -196,7 +197,7 @@
           <!--<CMyAvatar :myimg="getMyImg()"></CMyAvatar>-->
 
           <q-btn
-            class="absolute-top-right" style="margin-right: 10px; color: white;"
+            class="absolute-top-right" :style="`margin-right: 10px; color: `+ getColorText + `;`"
             dense flat round icon="close" @click="rightDrawerOpen = !rightDrawerOpen">
           </q-btn>
 
diff --git a/src/css/app.scss b/src/css/app.scss
index 061d1925..e258fbac 100755
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -267,8 +267,8 @@ h3 {
   // PER VERSIONE MOBILE
 
   p {
-    font-size: 100%; // default font size (browser 16) -> (10 62.5%)
-    font-family: "Abyssinica SIL", serif;
+    // font-size: 100%; // default font size (browser 16) -> (10 62.5%)
+    // font-family: "Abyssinica SIL", serif;
     text-justify: auto;
     margin: 0 0 4px;
   }
@@ -1115,6 +1115,41 @@ h3 {
   src: url(./fonts/walterturncoat.woff);
 }
 
+@font-face {
+  font-family: Baskervville;
+  src: url(./fonts/Baskervville-Regular.woff);
+}
+
+@font-face {
+  font-family: Baskervville;
+  src: url(./fonts/Baskervville-Italic.woff);
+  font-style: italic;
+}
+
+.font-Lato {
+  font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif !important;
+}
+
+.font-Montserrat {
+  font-family: 'Montserrat', 'Lato', 'Helvetica Neue', Arial, sans-serif !important;
+}
+
+.font-Verdana {
+  font-family: 'Verdana', 'Lato', 'Helvetica Neue', Arial, sans-serif !important;
+}
+
+.font-Baskervville {
+  font-family: 'Baskervville', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif !important;
+}
+
+.font-SourceSansPro {
+  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif !important;
+}
+
+.font-Arial {
+  font-family: 'Arial Black', 'Helvetica Neue', Arial, sans-serif !important;
+}
+
 .title_shadow {
   font-family: WalterTurncoat, handwriting, Arial, sans-serif;
   font-size: 1.25rem;
diff --git a/src/css/fonts/Baskervville-Italic.woff b/src/css/fonts/Baskervville-Italic.woff
new file mode 100644
index 00000000..341f6a7a
Binary files /dev/null and b/src/css/fonts/Baskervville-Italic.woff differ
diff --git a/src/css/fonts/Baskervville-Regular.woff b/src/css/fonts/Baskervville-Regular.woff
new file mode 100644
index 00000000..e138515e
Binary files /dev/null and b/src/css/fonts/Baskervville-Regular.woff differ
diff --git a/src/model/GlobalStore.ts b/src/model/GlobalStore.ts
index 733dc9ef..adae9fa6 100755
--- a/src/model/GlobalStore.ts
+++ b/src/model/GlobalStore.ts
@@ -145,8 +145,8 @@ export interface IMyElem {
   class2?: string
   class3?: string
   class4?: string
-  class_anim?: string
-  class_anim2?: string
+  anim?: IAnim
+  anim2?: IAnim
   styleadd?: string
   list?: IImgGallery[]
   listcards?: IMyCard[]
@@ -198,17 +198,41 @@ export interface IOption {
   options: number
 }
 
+export interface IConfPages {
+  font?: string
+  col_toolbar?: string
+  col_bgfooter?: string
+}
+export interface IFooterMobile {
+  show_buttHome: boolean
+  show_profile: boolean
+}
 export interface IContacts {
-  facebook?: string
-  instagram?: string
-  whatsapp?: string
-  telegram?: string
-  youtube?: string
-  email?: string
-  address?: string
-  map?: string
+  facebook: string
+  instagram: string
+  whatsapp: string
+  whatsapp_home: boolean
+  telegram: string
+  youtube: string
+  email: string
+  address: string
+  map: string
+  info2: string
+  cell: string
 }
 
+
+export interface IPolicy {
+  show: boolean
+  owneremail: string
+  siteName: string
+  ownerDataName: string
+  managerData: string
+  includeData: string
+  url: string
+  lastdataupdate: string
+  country: string
+}
 export interface ISites {
   _id?: string
   attiva?: boolean
@@ -230,9 +254,12 @@ export interface ISites {
   telegram_support_chat?: string
   pathreg_add?: string
   confsite: IOption
+  policy?: IPolicy
   description?: string
   keywords?: string
   contacts?: IContacts
+  footer_mobile?: IFooterMobile
+  confpages?: IConfPages
 }
 
 export interface INewsToSent {
@@ -1070,3 +1097,8 @@ export interface IAccount {
   totTransato: number
   regulation_ok: boolean
 }
+export interface IAnim {
+  name: string,
+  clduration: string,
+  cldelay: string,
+}
diff --git a/src/root/policy/policy.ts b/src/root/policy/policy.ts
index 966f900e..6f4d107b 100755
--- a/src/root/policy/policy.ts
+++ b/src/root/policy/policy.ts
@@ -1,6 +1,8 @@
 
-import { defineComponent } from 'vue'
+import { defineComponent, computed } from 'vue'
 import { PagePolicy } from '../../components/PagePolicy'
+import { useUserStore } from '@src/store/UserStore'
+import { useGlobalStore } from '@src/store/globalStore'
 
 
 export default defineComponent({
@@ -8,7 +10,13 @@ export default defineComponent({
   components: { PagePolicy },
   setup(props, { emit }) {
 
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+
+    const site = computed(() => globalStore.site)
+
     return {
+      site
     }
   }
 })
diff --git a/src/root/policy/policy.vue b/src/root/policy/policy.vue
index ecb21da4..a740c9e5 100755
--- a/src/root/policy/policy.vue
+++ b/src/root/policy/policy.vue
@@ -1,15 +1,16 @@
 <template>
     <q-page class="">
-        <div class="landing">
+        <div v-if="site" class="landing">
+
             <PagePolicy
-                    owneremail="info@riso.app"
-                    SiteName="Riso.app"
-                    ownerDataName="RISO"
-                    managerData="Paolo Arena"
-                    includeData="recapiti (indirizzo email, telefono (facoltativo))"
-                    url="riso.app"
-                    lastdataupdate="12/03/2022"
-                    country="Italia"
+                    :owneremail="site.policy.owneremail"
+                    :siteName="site.policy.siteName"
+                    :ownerDataName="site.policy.ownerDataName"
+                    :managerData="site.policy.managerData"
+                    :includeData="site.policy.includeData"
+                    :url="site.policy.url"
+                    :lastdataupdate="site.policy.lastdataupdate"
+                    :country="site.policy.country"
             >
 
             </PagePolicy>
diff --git a/src/rootgen/admin/confsite/confsite.ts b/src/rootgen/admin/confsite/confsite.ts
index 3132b77b..30e48e7d 100755
--- a/src/rootgen/admin/confsite/confsite.ts
+++ b/src/rootgen/admin/confsite/confsite.ts
@@ -9,6 +9,7 @@ import { CMyFieldDb } from '@/components/CMyFieldDb'
 
 import { useGlobalStore } from '@store/globalStore'
 import { costanti } from '@costanti'
+import { tools } from '@src/store/Modules/tools'
 
 export default defineComponent({
   name: 'Confsite',
@@ -24,12 +25,34 @@ export default defineComponent({
       mysite.value = await globalStore.caricaTabella('sites', process.env.APP_ID!)
     }
 
+    function save(newval: any) {
+      console.log('ConfSite save')
+      tools.updateFonts(newval)
+    }
+
+    function saveCol(mycol: any) {
+      if (globalStore.site?.confpages) {
+        globalStore.site.confpages.col_toolbar = mycol
+      }
+    }
+
+    function saveBgCol(mycol: any) {
+      if (globalStore.site?.confpages) {
+        globalStore.site.confpages.col_bgfooter = mycol
+      }
+    }
+
     onMounted(mounted)
 
     return {
       mysite,
       costanti,
       tab,
+      tools,
+      save,
+      saveCol,
+      saveBgCol,
+      globalStore,
     }
   }
 })
diff --git a/src/rootgen/admin/confsite/confsite.vue b/src/rootgen/admin/confsite/confsite.vue
index a2040a81..95a8b1ea 100755
--- a/src/rootgen/admin/confsite/confsite.vue
+++ b/src/rootgen/admin/confsite/confsite.vue
@@ -21,6 +21,7 @@
           mykey="active"
           :id="mysite._id"
           :rec="mysite"
+          :type="costanti.FieldType.boolean"
         >
         </CMyFieldDb>
 
@@ -42,6 +43,7 @@
           :rec="mysite"
           mykey="name"
           debounce="1000"
+          :type="costanti.FieldType.string"
         >
         </CMyFieldDb>
 
@@ -70,6 +72,9 @@
         <q-tabs v-model="tab" inline-label class="bg-yellow shadow-2">
           <q-tab name="server" label="Server" icon="mail" />
           <q-tab name="contacts" label="Contatti" icon="mail" />
+          <q-tab name="pages" label="Pagine" icon="doc" />
+          <q-tab name="footer" label="Footer" icon="doc" />
+          <q-tab name="policy" label="Policy" icon="doc" />
         </q-tabs>
 
         <q-tab-panels v-model="tab" animated>
@@ -96,6 +101,28 @@
               :type="costanti.FieldType.string"
             >
             </CMyFieldDb>
+            <CMyFieldDb
+              table="sites"
+              title="Cell"
+              :id="mysite._id"
+              :rec="mysite"
+              mykey="contacts"
+              mysubkey="cell"
+              debounce="1000"
+              :type="costanti.FieldType.string"
+            >
+            </CMyFieldDb>
+            <CMyFieldDb
+              table="sites"
+              title="Info2"
+              :id="mysite._id"
+              :rec="mysite"
+              mykey="contacts"
+              mysubkey="info2"
+              debounce="1000"
+              :type="costanti.FieldType.string"
+            >
+            </CMyFieldDb>
             <CMyFieldDb
               table="sites"
               title="Whatsapp"
@@ -208,48 +235,214 @@
             >
             </CMyFieldRec>
           </q-tab-panel>
+          <q-tab-panel name="pages">
+            <CMyFieldDb
+              title="Font"
+              table="sites"
+              :id="mysite._id"
+              :rec="mysite"
+              mykey="confpages"
+              mysubkey="font"
+              debounce="1000"
+              @save="save"
+              jointable="fonts_installed"
+              :type="costanti.FieldType.select"
+            >
+            </CMyFieldDb>
+            <CMyFieldDb
+              title="Colore Barra"
+              table="sites"
+              :id="mysite._id"
+              :rec="mysite"
+              mykey="confpages"
+              mysubkey="col_toolbar"
+              debounce="1000"
+              @save="saveCol"
+              :type="costanti.FieldType.color"
+            >
+            </CMyFieldDb>
+            <CMyFieldDb
+              title="Colore Sfondo Footer"
+              table="sites"
+              :id="mysite._id"
+              :rec="mysite"
+              mykey="confpages"
+              mysubkey="col_bgfooter"
+              debounce="1000"
+              @save="saveBgCol"
+              :type="costanti.FieldType.color"
+            >
+            </CMyFieldDb>
+          </q-tab-panel>
+          <q-tab-panel name="footer">
+            <CMyFieldDb
+              table="sites"
+              title="Mostra Bottone Home"
+              :id="mysite._id"
+              :rec="mysite"
+              mykey="footer_mobile"
+              mysubkey="show_buttHome"
+              debounce="1000"
+              :type="costanti.FieldType.boolean"
+            >
+            </CMyFieldDb>
+            <CMyFieldDb
+              table="sites"
+              title="Mostra Bottone Profilo"
+              :id="mysite._id"
+              :rec="mysite"
+              mykey="footer_mobile"
+              mysubkey="show_profile"
+              debounce="1000"
+              :type="costanti.FieldType.boolean"
+            >
+            </CMyFieldDb>
+          </q-tab-panel>
+          <q-tab-panel name="policy">
+            <CMyFieldDb
+              table="sites"
+              :title="$t('policy.show')"
+              :id="mysite._id"
+              :rec="mysite"
+              mykey="policy"
+              mysubkey="show"
+              debounce="1000"
+              :type="costanti.FieldType.boolean"
+            >
+            </CMyFieldDb>
+            <CMyFieldDb
+              table="sites"
+              :title="$t('policy.owneremail')"
+              :id="mysite._id"
+              :rec="mysite"
+              mykey="policy"
+              mysubkey="owneremail"
+              debounce="1000"
+              :type="costanti.FieldType.string"
+            >
+            </CMyFieldDb>
+            <CMyFieldDb
+              table="sites"
+              :title="$t('policy.siteName')"
+              :id="mysite._id"
+              :rec="mysite"
+              mykey="policy"
+              mysubkey="siteName"
+              debounce="1000"
+              :type="costanti.FieldType.string"
+            >
+            </CMyFieldDb>
+            <CMyFieldDb
+              table="sites"
+              :title="$t('policy.ownerDataName')"
+              :id="mysite._id"
+              :rec="mysite"
+              mykey="policy"
+              mysubkey="ownerDataName"
+              debounce="1000"
+              :type="costanti.FieldType.string"
+            >
+            </CMyFieldDb>
+            <CMyFieldDb
+              table="sites"
+              :title="$t('policy.managerData')"
+              :id="mysite._id"
+              :rec="mysite"
+              mykey="policy"
+              mysubkey="managerData"
+              debounce="1000"
+              :type="costanti.FieldType.string"
+            >
+            </CMyFieldDb>
+            <CMyFieldDb
+              table="sites"
+              :title="$t('policy.includeData')"
+              :id="mysite._id"
+              :rec="mysite"
+              mykey="policy"
+              mysubkey="includeData"
+              debounce="1000"
+              :type="costanti.FieldType.string"
+            >
+            </CMyFieldDb>
+            <CMyFieldDb
+              table="sites"
+              :title="$t('policy.url')"
+              :id="mysite._id"
+              :rec="mysite"
+              mykey="policy"
+              mysubkey="url"
+              debounce="1000"
+              :type="costanti.FieldType.string"
+            >
+            </CMyFieldDb>
+            <CMyFieldDb
+              table="sites"
+              :title="$t('policy.lastdataupdate')"
+              :id="mysite._id"
+              :rec="mysite"
+              mykey="policy"
+              mysubkey="lastdataupdate"
+              debounce="1000"
+              :type="costanti.FieldType.string"
+            >
+            </CMyFieldDb>
+            <CMyFieldDb
+              table="sites"
+              :title="$t('policy.country')"
+              :id="mysite._id"
+              :rec="mysite"
+              mykey="policy"
+              mysubkey="country"
+              debounce="1000"
+              :type="costanti.FieldType.string"
+            >
+            </CMyFieldDb>
+          </q-tab-panel>
         </q-tab-panels>
 
-        <CMyFieldDb
-          title="BOT Telegram"
-          mykey="TELEG_BOT_LINK"
-          :serv="false"
-          :type="costanti.FieldType.string"
-        >
-        </CMyFieldDb>
+        <div v-if="false">
+          <CMyFieldDb
+            title="BOT Telegram"
+            mykey="TELEG_BOT_LINK"
+            :serv="false"
+            :type="costanti.FieldType.string"
+          >
+          </CMyFieldDb>
 
-        <CMyFieldDb
-          title="Nome del BOT Telegram"
-          mykey="TELEG_BOT_NAME"
-          :serv="false"
-          :type="costanti.FieldType.string"
-          debounce="1000"
-        >
-        </CMyFieldDb>
-        <CMyFieldDb
-          title="BOT Telegram (per Test)"
-          mykey="TELEG_BOT_LINK_TEST"
-          :serv="false"
-          debounce="1000"
-          :type="costanti.FieldType.string"
-        >
-        </CMyFieldDb>
-        <CMyFieldDb
-          title="Chat di Supporto (Help)"
-          mykey="TELEGRAM_SUPPORT"
-          :serv="false"
-          :type="costanti.FieldType.string"
-          debounce="1000"
-        >
-        </CMyFieldDb>
-        <CMyFieldDb
-          title="Sito ONLINE"
-          mykey="SITO_ONLINE"
-          :serv="false"
-          :type="costanti.FieldType.boolean"
-          debounce="1000"
-        >
-        </CMyFieldDb>
+          <CMyFieldDb
+            title="Nome del BOT Telegram"
+            mykey="TELEG_BOT_NAME"
+            :serv="false"
+            :type="costanti.FieldType.string"
+            debounce="1000"
+          >
+          </CMyFieldDb>
+          <CMyFieldDb
+            title="BOT Telegram (per Test)"
+            mykey="TELEG_BOT_LINK_TEST"
+            :serv="false"
+            debounce="1000"
+            :type="costanti.FieldType.string"
+          >
+          </CMyFieldDb>
+          <CMyFieldDb
+            title="Chat di Supporto (Help)"
+            mykey="TELEGRAM_SUPPORT"
+            :serv="false"
+            :type="costanti.FieldType.string"
+            debounce="1000"
+          >
+          </CMyFieldDb>
+          <CMyFieldDb
+            title="Sito ONLINE"
+            mykey="SITO_ONLINE"
+            :serv="false"
+            :type="costanti.FieldType.boolean"
+            debounce="1000"
+          >
+          </CMyFieldDb>
+        </div>
       </div>
     </div>
   </CMyPage>
diff --git a/src/statics/lang/it.js b/src/statics/lang/it.js
index 291579ca..3f569670 100755
--- a/src/statics/lang/it.js
+++ b/src/statics/lang/it.js
@@ -1280,6 +1280,21 @@ const msg_it = {
       class: 'class',
       styleadd: 'styleadd',
     },
+
+    footer: {
+      titleaddress: 'Indirizzo:',
+    },
+    policy: {
+      show: 'Mostra la Policy',
+      owneremail: 'Proprietario Email',
+      siteName: 'Nome Sito',
+      ownerDataName: 'Nome del Proprietario dei Dati',
+      managerData: 'Responsabile trattamento e protezione dati',
+      includeData: 'Dati inclusi',
+      url: 'URL',
+      lastdataupdate: 'Data ultimo Aggiornamento',
+      country: 'Paese',
+    },
   },
 
 };
diff --git a/src/store/Modules/costanti.ts b/src/store/Modules/costanti.ts
index dbc1bd55..092db45e 100755
--- a/src/store/Modules/costanti.ts
+++ b/src/store/Modules/costanti.ts
@@ -289,6 +289,7 @@ export const costanti = {
     label: 14000,
     currency: 15000,
     cards: 16000,
+    color: 17000,
 
   },
 
diff --git a/src/store/Modules/fieldsTable.ts b/src/store/Modules/fieldsTable.ts
index 9ec87261..dc5de00d 100755
--- a/src/store/Modules/fieldsTable.ts
+++ b/src/store/Modules/fieldsTable.ts
@@ -1465,6 +1465,61 @@ export const colTableSites = [
     fieldtype: costanti.FieldType.binary,
     jointable: 'confsite_opt',
   }),
+  AddCol({
+    name: 'policy.show',
+    field: 'policy',
+    subfield: 'show',
+    label_trans: 'policy.show',
+    fieldtype: costanti.FieldType.boolean,
+  }),
+  AddCol({
+    name: 'policy.owneremail',
+    field: 'policy',
+    subfield: 'owneremail',
+    label_trans: 'policy.owneremail',
+  }),
+  AddCol({
+    name: 'policy.SiteName',
+    field: 'policy',
+    subfield: 'SiteNameow',
+    label_trans: 'policy.SiteName',
+  }),
+  AddCol({
+    name: 'policy.ownerDataName',
+    field: 'policy',
+    subfield: 'ownerDataName',
+    label_trans: 'policy.ownerDataName',
+  }),
+  AddCol({
+    name: 'policy.managerData',
+    field: 'policy',
+    subfield: 'managerData',
+    label_trans: 'policy.managerData',
+  }),
+  AddCol({
+    name: 'policy.includeData',
+    field: 'policy',
+    subfield: 'includeData',
+    label_trans: 'policy.includeData',
+  }),
+  AddCol({
+    name: 'policy.url',
+    field: 'policy',
+    subfield: 'url',
+    label_trans: 'policy.url',
+  }),
+  AddCol({
+    name: 'policy.lastdataupdate',
+    field: 'policy',
+    subfield: 'lastdataupdate',
+    label_trans: 'policy.lastdataupdate',
+  }),
+  AddCol({
+    name: 'policy.country',
+    field: 'policy',
+    subfield: 'country',
+    label_trans: 'policy.country',
+  }),
   AddCol({
     name: 'contacts.facebook',
     field: 'contacts',
@@ -1497,6 +1552,18 @@ export const colTableSites = [
     subfield: 'telegram',
     label_trans: 'reg.telegram',
   }),
+  AddCol({
+    name: 'contacts.info2',
+    field: 'contacts',
+    subfield: 'info2',
+    label_trans: 'reg.info2',
+  }),
+  AddCol({
+    name: 'contacts.cell',
+    field: 'contacts',
+    subfield: 'cell',
+    label_trans: 'reg.cell',
+  }),
   AddCol({
     name: 'contacts.email',
     field: 'contacts',
@@ -1515,6 +1582,42 @@ export const colTableSites = [
     subfield: 'map',
     label_trans: 'reg.map',
   }),
+  AddCol({
+    name: 'confpages.font',
+    field: 'confpages',
+    subfield: 'font',
+    label_trans: 'confpages.font',
+    fieldtype: costanti.FieldType.select,
+    jointable: 'fonts_installed',
+  }),
+  AddCol({
+    name: 'confpages.col_toolbar',
+    field: 'confpages',
+    subfield: 'col_toolbar',
+    label_trans: 'confpages.col_toolbar',
+    fieldtype: costanti.FieldType.string,
+  }),
+  AddCol({
+    name: 'confpages.col_bgfooter',
+    field: 'confpages',
+    subfield: 'col_bgfooter',
+    label_trans: 'confpages.col_bgfooter',
+    fieldtype: costanti.FieldType.string,
+  }),
+  AddCol({
+    name: 'footer_mobile.show_buttHome',
+    field: 'footer_mobile',
+    subfield: 'show_buttHome',
+    label_trans: 'reg.show_buttHome',
+    fieldtype: costanti.FieldType.boolean,
+  }),
+  AddCol({
+    name: 'footer_mobile.whatsapp',
+    field: 'footer_mobile',
+    subfield: 'show_profile',
+    label_trans: 'reg.show_profile',
+    fieldtype: costanti.FieldType.boolean,
+  }),
   AddCol(DeleteRec),
   AddCol(DuplicateRec),
 ]
@@ -3209,6 +3312,15 @@ export const fieldsTable = {
       colicon: 'icon',
       noshow: true,
     },
+    {
+      value: 'fonts_installed',
+      label: 'Font Installati',
+      columns: colTableGeneric,
+      colkey: 'value',
+      collabel: 'label',
+      colicon: 'icon',
+      noshow: true,
+    },
     {
       value: 'users',
       label: 'Utenti',
diff --git a/src/store/Modules/tools.ts b/src/store/Modules/tools.ts
index 231d6a93..e18fdf64 100644
--- a/src/store/Modules/tools.ts
+++ b/src/store/Modules/tools.ts
@@ -12,7 +12,7 @@ import {
   ITodo,
   IUserFields,
   Privacy,
-  TipoVisu, IGroup, IMySkill, IMyBacheca, IImgGallery, IMsgGlobParam, IUserExport, ISpecialField, IAccount, IMyCircuit, ISendCoin, IMovement, IMovVisu, INotif, IMyElem, IMyCard, ILabelValue, ILabelValueStr,
+  TipoVisu, IGroup, IMySkill, IMyBacheca, IImgGallery, IMsgGlobParam, IUserExport, ISpecialField, IAccount, IMyCircuit, ISendCoin, IMovement, IMovVisu, INotif, IMyElem, IMyCard, ILabelValue, ILabelValueStr, IAnim,
 } from '@model'
 
 import { fieldsTable } from '@store/Modules/fieldsTable'
@@ -621,6 +621,10 @@ export const tools = {
       label: '[Nessuna]',
       value: '',
     },
+    {
+      label: 'Delay 1s',
+      value: 'animate__delay-1s',
+    },
     {
       label: 'Delay 2s',
       value: 'animate__delay-2s',
@@ -690,6 +694,10 @@ export const tools = {
       label: 'slideOut Down',
       value: 'animate__slideOutDown',
     },
+    {
+      label: 'zoomIn',
+      value: 'animate__zoomIn',
+    },
     {
       label: 'zoomIn Left',
       value: 'animate__zoomInLeft',
@@ -722,6 +730,10 @@ export const tools = {
       label: 'zoomOut Down',
       value: 'animate__zoomOutDown',
     },
+    {
+      label: 'FadeIn',
+      value: 'animate__fadeIn',
+    },
     {
       label: 'FadeIn Left',
       value: 'animate__fadeInLeft',
@@ -7148,7 +7160,38 @@ export const tools = {
     }
 
     return ''
-  }
+  },
+
+  updateFonts(newval?: string) {
+    const globalStore = useGlobalStore()
+
+    if (newval) {
+      if (globalStore.site && globalStore.site.confpages)
+        globalStore.site.confpages.font = newval
+    }
+
+    for (let myfont of shared_consts.FontsInstalled) {
+      document.body.classList.remove(myfont.value)
+    }
+
+    if (globalStore.site?.confpages && globalStore.site.confpages.font) {
+      document.body.classList.add(globalStore.site.confpages.font)
+    }
+  },
+
+  getClassAnim(myanim: IAnim) {
+    let mycl = ''
+    if (myanim)
+      mycl = (!!myanim.name ? myanim.name : '') + ' ' + (!!myanim.clduration ? myanim.clduration : '') + ' ' + (!!myanim.cldelay ? myanim.cldelay : '')
+    else
+      mycl = ''
+
+    if (mycl)
+      return 'animate__animated ' + mycl
+    else
+      return ''
+  },
+
 
   // getLocale() {
   //   if (navigator.languages && navigator.languages.length > 0) {
diff --git a/src/store/UserStore.ts b/src/store/UserStore.ts
index 27980b6e..6722fd4f 100755
--- a/src/store/UserStore.ts
+++ b/src/store/UserStore.ts
@@ -961,7 +961,8 @@ export const useUserStore = defineStore('UserStore', {
         if (isLogged) {
           // console.log('this.isLogged', this.isLogged)
 
-          // globalStore.setleftDrawerOpen(localStorage.getItem(toolsext.localStorage.leftDrawerOpen) === 'true')
+          if (!tools.isMobile)
+            globalStore.setleftDrawerOpen(localStorage.getItem(toolsext.localStorage.leftDrawerOpen) === 'true')
           globalStore.setCategorySel(localStorage.getItem(toolsext.localStorage.categorySel))
 
           globalStore.checkUpdates()
@@ -1085,7 +1086,7 @@ export const useUserStore = defineStore('UserStore', {
             if (loadstorage) {
 
               if ($q.screen.gt.sm) {
-                globalStore.setleftDrawerOpen(true)
+                // globalStore.setleftDrawerOpen(true)
               }
 
               /*if (toolsext.getLocale() !== '') {
diff --git a/src/store/globalStore.ts b/src/store/globalStore.ts
index 4d462cca..7cb1acc3 100644
--- a/src/store/globalStore.ts
+++ b/src/store/globalStore.ts
@@ -137,6 +137,9 @@ export const useGlobalStore = defineStore('GlobalStore', {
       confsite: {
         options: 0
       },
+      confpages: {
+        font: ''
+      },
     },
     provinces: [],
     mygroups: [],
@@ -1637,6 +1640,7 @@ export const useGlobalStore = defineStore('GlobalStore', {
       else if (table === 'visibilGroup') myarr = shared_consts.VisibilGroup
       else if (table === 'statuscircuit') myarr = shared_consts.StatusCircuit
       else if (table === 'elemtypes') myarr = shared_consts.TypesElem
+      else if (table === 'fonts_installed') myarr = shared_consts.FontsInstalled
       else if (table === 'lang') myarr = shared_consts.Lang
       else if (table === 'regions') myarr = shared_consts.Regions
       else if (table === 'shippings') myarr = shared_consts.Shippings