diff --git a/src/App.vue b/src/App.vue
index bb56a9f4..d9402ad5 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,8 +8,6 @@
       <!--<CPreloadImages :arrimg="static_data.preLoadImages">
       </CPreloadImages>-->
 
-      <app-footer></app-footer>
-
       <q-page-container id="mypage" :class="(darkcookie && !finishLoading) ? `bg-black`: ``">
         <div v-if="finishLoading">
           <CFirstPageApp></CFirstPageApp>
@@ -22,6 +20,9 @@
           </q-spinner-tail>
         </q-inner-loading>
       </q-page-container>
+
+      <app-footer></app-footer>
+
     </q-layout>
   </div>
   <BannerCookies urlInfo="/policy"></BannerCookies>
diff --git a/src/components/CBarSelection/CBarSelection.scss b/src/components/CBarSelection/CBarSelection.scss
index 9c36fa47..0cefc76b 100755
--- a/src/components/CBarSelection/CBarSelection.scss
+++ b/src/components/CBarSelection/CBarSelection.scss
@@ -49,13 +49,15 @@
 
 
 .barselection {
+  padding: 0;
+  flex-wrap: nowrap;
   display: flex;
   align-items: center;
-  justify-content: space-around;
+  justify-content: space-between;
 }
 
 .myitem {
-  padding: 0px 6px 0px 6px !important;
+  padding: 0px 0px 0px 0px !important;
 }
 
 .myitem-0 {
@@ -68,5 +70,9 @@
 }
 
 .myitem-2 {
+	flex-grow: 0;
+}
+
+.myitem-3 {
 	flex-grow: 1;
 }
diff --git a/src/components/CBarSelection/CBarSelection.ts b/src/components/CBarSelection/CBarSelection.ts
index 19bda666..594680c7 100755
--- a/src/components/CBarSelection/CBarSelection.ts
+++ b/src/components/CBarSelection/CBarSelection.ts
@@ -39,6 +39,7 @@ import { CMyCardPopup } from '@/components/CMyCardPopup'
 import { CMyCardGrpPopup } from '@/components/CMyCardGrpPopup'
 import { CMyCardCircuitPopup } from '@/components/CMyCardCircuitPopup'
 import { useRouter } from 'vue-router'
+import { table } from 'console'
 
 export default defineComponent({
   name: 'CBarSelection',
@@ -276,7 +277,7 @@ export default defineComponent({
     }
 
     function visButtRow() {
-      return false
+      return true
     }
 
     function gotoPageSel() {
@@ -286,6 +287,10 @@ export default defineComponent({
       }
     }
 
+    function createNewRecordDialog() {
+      globalStore.addNewRecord = tablesel.value
+    }
+
     created()
     onMounted(mounted)
 
@@ -329,6 +334,7 @@ export default defineComponent({
       optionsMainCards,
       tablesel,
       gotoPageSel,
+      createNewRecordDialog,
     }
   }
 })
diff --git a/src/components/CBarSelection/CBarSelection.vue b/src/components/CBarSelection/CBarSelection.vue
index 132e293d..daaccb55 100755
--- a/src/components/CBarSelection/CBarSelection.vue
+++ b/src/components/CBarSelection/CBarSelection.vue
@@ -6,204 +6,195 @@
     <div
       class="centermydiv q-mx-sm"
       :style="`text-align: center; background-color: ${mycolor}`"
-    >
-      <q-btn
-        v-if="table && visButtRow()"
-        rounded
-        dense
-        color="primary"
-        size="lg"
-        :label="getlabelAddRow()"
-        @click="createNewRecordDialog"
-      ></q-btn>
-    </div>
+    ></div>
     <div>
       <div v-if="prop_search || canEdit" class="q-my-xs text-right">
         <q-btn
           size="sm"
           dense
           icon="fas fa-filter"
-          :label="!showfilter ? $t('grid.showfilters') : $t('grid.hidefilters')"
+          :label="$t('grid.showfilters')"
           @click="showfilter = !showfilter"
         ></q-btn>
       </div>
       <q-slide-transition>
-        <div v-show="true">
-          <div v-show="searchList" class="barselection">
-            <div class="myitem myitem-0">
-              <q-icon :name="myicon" size="xs" />
-            </div>
-            <div class="myitem myitem-1 mybanner">
-              <q-select
-                filled
-                v-model="tablesel"
-                :options="optionsMainCards"
-                emit-value
-                borderless
-                map-options
-                behavior="menu"
-                @update:model-value="gotoPageSel"
-              >
-                <template v-slot:option="scope">
-                  <q-item v-bind="scope.itemProps">
-                    <q-item-section avatar>
-                      <q-icon :name="scope.opt.icon" />
-                    </q-item-section>
-                    <q-item-section>
-                      <q-item-label>{{ scope.opt.label }}</q-item-label>
-                      <!--<q-item-label caption>{{
+        <div class="row no-wrap shadow-1">
+          <q-header elevated>
+            <q-toolbar class="glossy" style="">
+              <div class="col-3">
+                <q-select
+                  v-model="tablesel"
+                  :options="optionsMainCards"
+                  emit-value
+                  borderless
+                  map-options
+                  behavior="menu"
+                  @update:model-value="gotoPageSel"
+                >
+                  <template v-slot:option="scope">
+                    <q-item v-bind="scope.itemProps">
+                      <q-item-section avatar>
+                        <q-icon :name="scope.opt.icon" />
+                      </q-item-section>
+                      <q-item-section>
+                        <q-item-label>{{ scope.opt.label }}</q-item-label>
+                        <!--<q-item-label caption>{{
                         scope.opt.description
                       }}</q-item-label>-->
-                    </q-item-section>
-                  </q-item>
-                </template>
-              </q-select>
-            </div>
+                      </q-item-section>
+                    </q-item>
+                  </template>
+                </q-select>
+              </div>
+              <q-space />
+              <q-btn
 
-            <div
-              class="myitem myitem-2"
-              v-for="(item, index) in searchList"
-              :key="index"
-            >
-              <CMySelect
-                :col="fieldsTable.getColByColumns(mycolumns, item.key)"
-                v-if="
-                  item.type === costanti.FieldType.select ||
-                  item.type === costanti.FieldType.select_by_server
-                "
-                :label="labelcombo(item)"
-                v-model:value="item.value"
-                @update:value="searchval(item.value, item.table)"
-                :addall="item.addall"
-                :addnone="item.addnone"
-                :addlast="true"
-                :tablesel="
-                  item.type === costanti.FieldType.select_by_server
-                    ? item.tablesel
-                    : ''
-                "
-                :pickup="item.type === costanti.FieldType.select_by_server"
-                label-color="primary"
-                class="combowidth"
-                color="primary"
-                :icon_alternative="item.icon"
-                :optval="fieldsTable.getKeyByTable(item.table)"
-                :optlab="fieldsTable.getLabelByTable(item.table)"
-                :options="valoriopt(item, false)"
-                :filter="item.filter"
-                :filter_extra="item.filter_extra"
-                :useinput="
-                  item.useinput &&
-                  item.type !== costanti.FieldType.select_by_server
-                "
+                size="sm"
+                class="col-1 q-mx-xs"
+                icon="fas fa-plus"
+                @click="createNewRecordDialog"
               >
-              </CMySelect>
+              </q-btn>
+              <div class="col" v-for="(item, index) in searchList" :key="index">
+                <CMySelect
+                  :col="fieldsTable.getColByColumns(mycolumns, item.key)"
+                  v-if="
+                    item.type === costanti.FieldType.select ||
+                    item.type === costanti.FieldType.select_by_server
+                  "
+                  :label="item.value ? '' : labelcombo(item)"
+                  v-model:value="item.value"
+                  @update:value="searchval(item.value, item.table)"
+                  :addall="item.addall"
+                  :addnone="item.addnone"
+                  :addlast="true"
+                  :tablesel="
+                    item.type === costanti.FieldType.select_by_server
+                      ? item.tablesel
+                      : ''
+                  "
+                  :pickup="item.type === costanti.FieldType.select_by_server"
+                  label-color="white"
+                  class="combowidth"
+                  color="primary"
+                  :icon_alternative="item.icon"
+                  :optval="fieldsTable.getKeyByTable(item.table)"
+                  :optlab="fieldsTable.getLabelByTable(item.table)"
+                  :options="valoriopt(item, false)"
+                  :filter="item.filter"
+                  :filter_extra="item.filter_extra"
+                  :useinput="
+                    item.useinput &&
+                    item.type !== costanti.FieldType.select_by_server
+                  "
+                >
+                </CMySelect>
 
-              <!--<div v-if="item.type === costanti.FieldType.multiselect_by_server">
+                <!--<div v-if="item.type === costanti.FieldType.multiselect_by_server">
               item: {{ item}}
             </div>-->
 
-              <CMySelect
-                v-if="item.type === costanti.FieldType.multiselect_by_server"
-                :col="fieldsTable.getColByColumns(mycolumns, item.key)"
-                :multiselect_by_server="true"
-                :label="labelcombo(item)"
-                v-model:arrvalue="item.arrvalue"
-                @update:arrvalue="searchval(item.arrvalue, item.table)"
-                :addall="item.addall"
-                :addnone="item.addnone"
-                :addlast="true"
-                :tablesel="item.tablesel"
-                :pickup="true"
-                :param1="item.param1"
-                label-color="primary"
-                class="combowidth"
-                color="primary"
-                :icon_alternative="item.icon"
-                :optval="fieldsTable.getKeyByTable(item.table)"
-                :optlab="fieldsTable.getLabelByTable(item.table)"
-                :filter="item.filter"
-                :filter_extra="item.filter_extra"
-                :options="valoriopt(item, false)"
-                :useinput="true"
-              >
-              </CMySelect>
+                <CMySelect
+                  v-if="item.type === costanti.FieldType.multiselect_by_server"
+                  :col="fieldsTable.getColByColumns(mycolumns, item.key)"
+                  :multiselect_by_server="true"
+                  :label="labelcombo(item)"
+                  v-model:arrvalue="item.arrvalue"
+                  @update:arrvalue="searchval(item.arrvalue, item.table)"
+                  :addall="item.addall"
+                  :addnone="item.addnone"
+                  :addlast="true"
+                  :tablesel="item.tablesel"
+                  :pickup="true"
+                  :param1="item.param1"
+                  label-color="primary"
+                  class="combowidth"
+                  color="primary"
+                  :icon_alternative="item.icon"
+                  :optval="fieldsTable.getKeyByTable(item.table)"
+                  :optlab="fieldsTable.getLabelByTable(item.table)"
+                  :filter="item.filter"
+                  :filter_extra="item.filter_extra"
+                  :options="valoriopt(item, false)"
+                  :useinput="true"
+                >
+                </CMySelect>
 
-              <q-select
-                v-if="item.type === costanti.FieldType.multiselect"
-                v-model="item.arrvalue"
-                label-color="primary"
-                :label="labelcombo(item)"
-                @update:model-value="searchval(item.arrvalue, item.table)"
-                rounded
-                dense
-                outlined
-                multiple
-                options-dense
-                emit-value
-                map-options
-                stack-label
-                :useinput="item.useinput"
-                :options="valoriopt(item, item.addall, item.addnone)"
-                :filter="item.filter"
-                class="combowidth"
-                :option-value="fieldsTable.getKeyByTable(item.table)"
-              >
-                <template v-if="item.icon" v-slot:prepend>
-                  <q-icon :name="item.icon" />
-                </template>
-                <template
-                  v-if="item.arrvalue.length >= 1"
-                  v-slot:selected-item="scope"
+                <q-select
+                  v-if="item.type === costanti.FieldType.multiselect"
+                  v-model="item.arrvalue"
+                  label-color="primary"
+                  :label="labelcombo(item)"
+                  @update:model-value="searchval(item.arrvalue, item.table)"
+                  rounded
+                  dense
+                  outlined
+                  multiple
+                  options-dense
+                  emit-value
+                  map-options
+                  :useinput="item.useinput"
+                  :options="valoriopt(item, item.addall, item.addnone)"
+                  :filter="item.filter"
+                  class="combowidth"
+                  :option-value="fieldsTable.getKeyByTable(item.table)"
                 >
-                  <div
-                    v-if="
-                      scope.opt[fieldsTable.getLabelByTable(item.table)] ||
-                      (scope.opt && checkIfShowRec(scope.opt))
-                    "
+                  <template v-if="item.icon" v-slot:prepend>
+                    <q-icon :name="item.icon" />
+                  </template>
+                  <template
+                    v-if="item.arrvalue.length >= 1"
+                    v-slot:selected-item="scope"
                   >
-                    <q-chip
-                      removable
-                      dense
-                      @remove="scope.removeAtIndex(scope.index)"
-                      v-if="checkIfShowRec(scope.opt)"
-                      color="white"
-                      text-color="mycol"
-                      class="q-my-none q-ml-xs q-mr-none"
-                    >
-                      <q-avatar
-                        color="primary"
-                        text-color="white"
-                        :icon="item.icon"
-                        size="12px"
-                      />
-                      {{
+                    <div
+                      v-if="
                         scope.opt[fieldsTable.getLabelByTable(item.table)] ||
-                        scope.opt
-                      }}
-                    </q-chip>
-                  </div>
-                </template>
-                <template
-                  v-slot:option="{ itemProps, opt, selected, toggleOption }"
-                >
-                  <q-item v-bind="itemProps">
-                    <q-item-section>
-                      <q-item-label>{{
-                        opt[fieldsTable.getLabelByTable(item.table)]
-                      }}</q-item-label>
-                    </q-item-section>
-                    <q-item-section side>
-                      <q-toggle
-                        :model-value="selected"
-                        @update:model-value="toggleOption(opt)"
-                      />
-                    </q-item-section>
-                  </q-item>
-                </template>
-              </q-select>
-            </div>
-          </div>
+                        (scope.opt && checkIfShowRec(scope.opt))
+                      "
+                    >
+                      <q-chip
+                        removable
+                        dense
+                        @remove="scope.removeAtIndex(scope.index)"
+                        v-if="checkIfShowRec(scope.opt)"
+                        color="white"
+                        text-color="mycol"
+                        class="q-my-none q-ml-xs q-mr-none"
+                      >
+                        <q-avatar
+                          color="primary"
+                          text-color="white"
+                          :icon="item.icon"
+                          size="12px"
+                        />
+                        {{
+                          scope.opt[fieldsTable.getLabelByTable(item.table)] ||
+                          scope.opt
+                        }}
+                      </q-chip>
+                    </div>
+                  </template>
+                  <template
+                    v-slot:option="{ itemProps, opt, selected, toggleOption }"
+                  >
+                    <q-item v-bind="itemProps">
+                      <q-item-section>
+                        <q-item-label>{{
+                          opt[fieldsTable.getLabelByTable(item.table)]
+                        }}</q-item-label>
+                      </q-item-section>
+                      <q-item-section side>
+                        <q-toggle
+                          :model-value="selected"
+                          @update:model-value="toggleOption(opt)"
+                        />
+                      </q-item-section>
+                    </q-item>
+                  </template>
+                </q-select>
+              </div>
+            </q-toolbar>
+          </q-header>
         </div>
       </q-slide-transition>
 
diff --git a/src/components/CFinder/CFinder.ts b/src/components/CFinder/CFinder.ts
index 162cfcb3..cd52168b 100755
--- a/src/components/CFinder/CFinder.ts
+++ b/src/components/CFinder/CFinder.ts
@@ -55,10 +55,6 @@ export default defineComponent({
     const globalStore = useGlobalStore()
     const userStore = useUserStore()
 
-    const myselector = ref({})
-
-    provide('myselector', myselector)
-
     const arrfilterand: any = ref([])
     const filtercustom: any = ref([])
     const searchList_Servizi = ref(<ISearchList[]>[])
diff --git a/src/components/CFinder/CFinder.vue b/src/components/CFinder/CFinder.vue
index 8566a448..2a871fe9 100755
--- a/src/components/CFinder/CFinder.vue
+++ b/src/components/CFinder/CFinder.vue
@@ -49,7 +49,6 @@
         :nodataLabel="noMsgRecord"
         :prop_search="true"
         :finder="true"
-        :labelBtnAddExtra="noButtAdd ? `` : `Aggiungi ${strextra}`"
         :choose_visutype="visuType"
         :butt_modif_new="true && !noButtAdd"
         noresultLabel="Il filtro selezionato non ha trovato nessun risultato"
@@ -58,11 +57,14 @@
         :prop_searchList="searchList"
         :defaultnewrec="getdefaultnewrec"
         :selector="selector"
+        labelBtnAddRow="NONE"
+        :labelBtnAddExtra="noButtAdd ? `` : ``"
         :extraparams="extraparams()"
       >
       </CGridTableRec>
     </div>
 
+
     <q-page-scroller
       position="bottom-right"
       :scroll-offset="850"
diff --git a/src/components/CGridTableRec/CGridTableRec.ts b/src/components/CGridTableRec/CGridTableRec.ts
index bb2c6de2..a9cb7da2 100755
--- a/src/components/CGridTableRec/CGridTableRec.ts
+++ b/src/components/CGridTableRec/CGridTableRec.ts
@@ -326,8 +326,6 @@ export default defineComponent({
 
     const myvertical = ref(props.vertical)
 
-    //const myselector = inject('myselector', {})
-    const myselector = computed(() => globalStore.myselector)
 
     const valoriopt = computed(() => (item: any, addall: boolean, addnone: boolean) => {
       // console.log('valoriopt', item.table)
@@ -341,9 +339,16 @@ export default defineComponent({
       return lab
     })
 
+    watch(() => globalStore.addNewRecord, (value: any, oldval: any) => {
+      if (globalStore.addNewRecord === props.prop_mytable) {
+        createNewRecordDialog()
+        globalStore.addNewRecord = ''
+      }
+    })
+
     watch(() => globalStore.myselector, (value: any, oldval: any) => {
-      console.log('******* CGRIDTABLEREC : globalStore.myselector', globalStore.myselector)
-      console.log(' .  value', value)
+      // console.log('******* CGRIDTABLEREC : globalStore.myselector', globalStore.myselector)
+      // console.log(' .  value', value)
       const rec = searchList.value.find((myrec) => myrec.table === globalStore.myselector.table) // check if exist
       if (rec) {
         rec.value = globalStore.myselector.data
@@ -1854,7 +1859,7 @@ export default defineComponent({
     }
 
     function visButtRow() {
-      return props.labelBtnAddRow !== addRow.value
+      return (props.labelBtnAddRow !== addRow.value) && props.labelBtnAddRow !== 'NONE'
     }
 
     function checkIfShowRec(rec: any) {
@@ -2108,7 +2113,6 @@ export default defineComponent({
       myinfscroll,
       t,
       exportTable,
-      myselector,
     }
   }
 })
diff --git a/src/components/CGridTableRec/CGridTableRec.vue b/src/components/CGridTableRec/CGridTableRec.vue
index d4b1ce2a..8aca001f 100755
--- a/src/components/CGridTableRec/CGridTableRec.vue
+++ b/src/components/CGridTableRec/CGridTableRec.vue
@@ -2,182 +2,258 @@
   <div :class="$q.screen.lt.sm ? `` : `q-pa-xs`" v-if="isfinishLoading">
     <div class="centermydiv q-my-sm" style="text-align: center">
       <q-btn
-        v-if="mytable && visButtRow()" rounded dense color="primary"
+        v-if="mytable && visButtRow()"
+        rounded
+        dense
+        color="primary"
         size="lg"
         :label="getlabelAddRow()"
-        @click="createNewRecordDialog"></q-btn>
+        @click="createNewRecordDialog"
+      ></q-btn>
     </div>
 
-    <div v-if="butt_modif_new || mytitle" :class="$q.screen.lt.sm ? `` : `q-gutter-md q-ma-xs`  + ` row`">
-      <div class="q-table__title" style="min-width: 150px;">{{ mytitle }}</div>
+    <div
+      v-if="butt_modif_new || mytitle"
+      :class="$q.screen.lt.sm ? `` : `q-gutter-md q-ma-xs` + ` row`"
+    >
+      <div class="q-table__title" style="min-width: 150px">{{ mytitle }}</div>
       <q-space></q-space>
       <div v-if="butt_modif_new">
         <q-btn
-          v-if="mytable && !shared_consts.TABLES_FINDER.includes(mytable)" rounded dense size="sm" flat
+          v-if="mytable && !shared_consts.TABLES_FINDER.includes(mytable)"
+          rounded
+          dense
+          size="sm"
+          flat
           :color="canEdit ? 'positive' : 'light-gray'"
           :disable="disabilita()"
           :val="lists.MenuAction.CAN_EDIT_TABLE"
-          icon="fas fa-pencil-alt" @update:model-value="changefuncAct"
-          @click="canEdit = !canEdit">
+          icon="fas fa-pencil-alt"
+          @update:model-value="changefuncAct"
+          @click="canEdit = !canEdit"
+        >
         </q-btn>
         <q-btn
-          v-if="mytable && labelBtnAddExtra" rounded size="md" color="primary"
+          v-if="mytable && labelBtnAddExtra"
+          rounded
+          size="md"
+          color="primary"
           class="centermydiv q-mb-sm"
           :label="labelBtnAddExtra"
           :disable="loading"
           icon="fas fa-plus"
-          @click="createNewRecord">
+          @click="createNewRecord"
+        >
         </q-btn>
       </div>
     </div>
     <q-inner-loading :showing="spinner_visible">
-      <q-spinner-tail size="2em" color="primary"/>
+      <q-spinner-tail size="2em" color="primary" />
     </q-inner-loading>
 
     <div v-if="shared_consts.VERTIC_SHOW_GRID.includes(myvertical)">
       <div v-if="(prop_search || canEdit) && finder" class="q-my-xs text-right">
-        <q-btn size="sm" dense icon="fas fa-filter" :label="!showfilter ? $t('grid.showfilters') : $t('grid.hidefilters')"
-               @click="showfilter = !showfilter"></q-btn>
+        <!--<q-btn
+          size="sm"
+          dense
+          icon="fas fa-filter"
+          :label="$t('grid.showfilters')"
+          @click="showfilter = !showfilter"
+        ></q-btn>
+        -->
       </div>
       <q-slide-transition>
         <div v-show="showfilter">
-          <div v-show="searchList"
-               :class="$q.screen.lt.sm ? `` : `row`  + ` text-blue `">
-          <span v-for="(item, index) in searchList" :key="index">
+          <div
+            v-show="searchList"
+            :class="$q.screen.lt.sm ? `` : `row` + ` text-blue `"
+          >
+            <span v-for="(item, index) in searchList" :key="index">
+              <CMySelect
+                :col="fieldsTable.getColByColumns(mycolumns, item.key)"
+                v-if="
+                  item.type === costanti.FieldType.select ||
+                  item.type === costanti.FieldType.select_by_server
+                "
+                :label="labelcombo(item)"
+                v-model:value="item.value"
+                @update:value="searchval(item.value, item.table)"
+                :addall="item.addall"
+                :addnone="item.addnone"
+                :tablesel="
+                  item.type === costanti.FieldType.select_by_server
+                    ? item.tablesel
+                    : ''
+                "
+                :pickup="item.type === costanti.FieldType.select_by_server"
+                label-color="primary"
+                class="combowidth"
+                color="primary"
+                :icon_alternative="item.icon"
+                :optval="fieldsTable.getKeyByTable(item.table)"
+                :optlab="fieldsTable.getLabelByTable(item.table)"
+                :options="valoriopt(item, false)"
+                :filter="item.filter"
+                :filter_extra="item.filter_extra"
+                :useinput="
+                  item.useinput &&
+                  item.type !== costanti.FieldType.select_by_server
+                "
+              >
+              </CMySelect>
 
-            <CMySelect
-              :col="fieldsTable.getColByColumns(mycolumns, item.key)"
-              v-if="(item.type === costanti.FieldType.select) || (item.type === costanti.FieldType.select_by_server)"
-              :label="labelcombo(item)"
-              v-model:value="item.value"
-              @update:value="searchval(item.value, item.table)"
-              :addall="item.addall"
-              :addnone="item.addnone"
-              :tablesel="item.type === costanti.FieldType.select_by_server ? item.tablesel : ''"
-              :pickup="item.type === costanti.FieldType.select_by_server"
-              label-color="primary"
-              class="combowidth"
-              color="primary"
-              :icon_alternative="item.icon"
-              :optval="fieldsTable.getKeyByTable(item.table)"
-              :optlab="fieldsTable.getLabelByTable(item.table)"
-              :options="valoriopt(item, false)"
-              :filter="item.filter"
-              :filter_extra="item.filter_extra"
-              :useinput="item.useinput && item.type !== costanti.FieldType.select_by_server">
-            </CMySelect>
-
-            <!--<div v-if="item.type === costanti.FieldType.multiselect_by_server">
+              <!--<div v-if="item.type === costanti.FieldType.multiselect_by_server">
               item: {{ item}}
             </div>-->
 
-            <CMySelect
-              v-if="item.type === costanti.FieldType.multiselect_by_server"
-              :col="fieldsTable.getColByColumns(mycolumns, item.key)"
-              :multiselect_by_server="true"
-              :label="labelcombo(item)"
-              v-model:arrvalue="item.arrvalue"
-              @update:arrvalue="searchval(item.arrvalue, item.table)"
-              :addall="item.addall"
-              :addnone="item.addnone"
-              :tablesel="item.tablesel"
-              :pickup="true"
-              :param1="item.param1"
-              label-color="primary"
-              class="combowidth"
-              color="primary"
-              :icon_alternative="item.icon"
-              :optval="fieldsTable.getKeyByTable(item.table)"
-              :optlab="fieldsTable.getLabelByTable(item.table)"
-              :filter="item.filter"
-              :filter_extra="item.filter_extra"
-              :options="valoriopt(item, false)"
-              :useinput="true">
-            </CMySelect>
+              <CMySelect
+                v-if="item.type === costanti.FieldType.multiselect_by_server"
+                :col="fieldsTable.getColByColumns(mycolumns, item.key)"
+                :multiselect_by_server="true"
+                :label="labelcombo(item)"
+                v-model:arrvalue="item.arrvalue"
+                @update:arrvalue="searchval(item.arrvalue, item.table)"
+                :addall="item.addall"
+                :addnone="item.addnone"
+                :tablesel="item.tablesel"
+                :pickup="true"
+                :param1="item.param1"
+                label-color="primary"
+                class="combowidth"
+                color="primary"
+                :icon_alternative="item.icon"
+                :optval="fieldsTable.getKeyByTable(item.table)"
+                :optlab="fieldsTable.getLabelByTable(item.table)"
+                :filter="item.filter"
+                :filter_extra="item.filter_extra"
+                :options="valoriopt(item, false)"
+                :useinput="true"
+              >
+              </CMySelect>
 
-            <q-select
-              v-if="(item.type === costanti.FieldType.multiselect)"
-              v-model="item.arrvalue"
-              label-color="primary"
-              :label="labelcombo(item)"
-              @update:model-value="searchval(item.arrvalue, item.table)"
-              rounded
-              dense
-              outlined
-              multiple
-              options-dense
-              emit-value
-              map-options
-              stack-label
-              :useinput="item.useinput"
-              :options="valoriopt(item, item.addall, item.addnone)"
-              :filter="item.filter"
-              class="combowidth"
-              :option-value="fieldsTable.getKeyByTable(item.table)"
-            >
-
-              <template v-if="item.icon" v-slot:prepend>
-                <q-icon :name="item.icon"/>
-              </template>
-              <template
-                v-if="item.arrvalue.length >= 1"
-                v-slot:selected-item="scope">
-                <div
-                  v-if="scope.opt[fieldsTable.getLabelByTable(item.table)] || (scope.opt && checkIfShowRec(scope.opt)) ">
-                  <q-chip
-                    removable
-                    dense
-                    @remove="scope.removeAtIndex(scope.index)"
-                    v-if="checkIfShowRec(scope.opt)"
-                    color="white"
-                    text-color="mycol"
-                    class="q-my-none q-ml-xs q-mr-none"
+              <q-select
+                v-if="item.type === costanti.FieldType.multiselect"
+                v-model="item.arrvalue"
+                label-color="primary"
+                :label="labelcombo(item)"
+                @update:model-value="searchval(item.arrvalue, item.table)"
+                rounded
+                dense
+                outlined
+                multiple
+                options-dense
+                emit-value
+                map-options
+                stack-label
+                :useinput="item.useinput"
+                :options="valoriopt(item, item.addall, item.addnone)"
+                :filter="item.filter"
+                class="combowidth"
+                :option-value="fieldsTable.getKeyByTable(item.table)"
+              >
+                <template v-if="item.icon" v-slot:prepend>
+                  <q-icon :name="item.icon" />
+                </template>
+                <template
+                  v-if="item.arrvalue.length >= 1"
+                  v-slot:selected-item="scope"
+                >
+                  <div
+                    v-if="
+                      scope.opt[fieldsTable.getLabelByTable(item.table)] ||
+                      (scope.opt && checkIfShowRec(scope.opt))
+                    "
                   >
-                    <q-avatar color="primary" text-color="white" :icon="item.icon" size="12px"/>
-                    {{ scope.opt[fieldsTable.getLabelByTable(item.table)] || (scope.opt) }}
-                  </q-chip>
-                </div>
-              </template>
-              <template v-slot:option="{ itemProps, opt, selected, toggleOption }">
-                <q-item v-bind="itemProps">
-
-                  <q-item-section>
-                    <q-item-label>{{ opt[fieldsTable.getLabelByTable(item.table)] }}</q-item-label>
-                  </q-item-section>
-                  <q-item-section side>
-                    <q-toggle :model-value="selected" @update:model-value="toggleOption(opt)"/>
-                  </q-item-section>
-                </q-item>
-              </template>
-
-            </q-select>
-          </span>
+                    <q-chip
+                      removable
+                      dense
+                      @remove="scope.removeAtIndex(scope.index)"
+                      v-if="checkIfShowRec(scope.opt)"
+                      color="white"
+                      text-color="mycol"
+                      class="q-my-none q-ml-xs q-mr-none"
+                    >
+                      <q-avatar
+                        color="primary"
+                        text-color="white"
+                        :icon="item.icon"
+                        size="12px"
+                      />
+                      {{
+                        scope.opt[fieldsTable.getLabelByTable(item.table)] ||
+                        scope.opt
+                      }}
+                    </q-chip>
+                  </div>
+                </template>
+                <template
+                  v-slot:option="{ itemProps, opt, selected, toggleOption }"
+                >
+                  <q-item v-bind="itemProps">
+                    <q-item-section>
+                      <q-item-label>{{
+                        opt[fieldsTable.getLabelByTable(item.table)]
+                      }}</q-item-label>
+                    </q-item-section>
+                    <q-item-section side>
+                      <q-toggle
+                        :model-value="selected"
+                        @update:model-value="toggleOption(opt)"
+                      />
+                    </q-item-section>
+                  </q-item>
+                </template>
+              </q-select>
+            </span>
           </div>
         </div>
       </q-slide-transition>
 
-      <div v-if="(prop_search || canEdit)"
-           class="row justify-center vertical-middle">
-
+      <div
+        v-if="prop_search || canEdit"
+        class="row justify-center vertical-middle"
+      >
         <div v-if="prop_search" class="q-mr-sm full-width">
           <q-input
-            v-model="search" filled dense type="search" debounce="500" :hint="hint"
+            v-model="search"
+            filled
+            dense
+            type="search"
+            debounce="500"
+            :hint="hint"
             label="Cerca"
-
             v-on:keyup.enter="doSearch"
           >
             <template v-slot:prepend>
-              <q-icon name="search"/>
+              <q-icon name="search" />
             </template>
             <template v-if="searchList && finder" v-slot:after>
-              <q-btn dense label="" color="primary" @click="showfilter = !showfilter" icon="fas fa-filter"></q-btn>
+              <q-btn
+                dense
+                color="positive"
+                icon="fas fa-filter"
+                @click="showfilter = !showfilter"
+              ></q-btn>
+              <q-btn
+                dense
+                label=""
+                color="primary"
+                @click="doSearch"
+                icon="fas fa-search"
+              ></q-btn>
             </template>
           </q-input>
         </div>
 
         <q-space></q-space>
         <q-select
-          v-if="mytable && pagination.rowsNumber > 0 && (prop_search || canEdit) && showCol && myvertical === 0"
+          v-if="
+            mytable &&
+            pagination.rowsNumber > 0 &&
+            (prop_search || canEdit) &&
+            showCol &&
+            myvertical === 0
+          "
           v-model="colVisib"
           rounded
           outlined
@@ -189,58 +265,82 @@
           map-options
           :options="mycolumns"
           option-value="name"
-          @update:model-value="changeCol">
-
+          @update:model-value="changeCol"
+        >
         </q-select>
-
       </div>
 
-      <div v-if="pagination.rowsNumber === 1 && prop_search">{{ pagination.rowsNumber }} elemento trovato</div>
-      <div v-if="pagination.rowsNumber > 1 && prop_search">{{ pagination.rowsNumber }} elementi trovati</div>
+      <div v-if="pagination.rowsNumber === 1 && prop_search">
+        {{ pagination.rowsNumber }} elemento trovato
+      </div>
+      <div v-if="pagination.rowsNumber > 1 && prop_search">
+        {{ pagination.rowsNumber }} elementi trovati
+      </div>
 
       <div v-if="choose_visutype && $q.screen.gt.xs" class="">
-        <q-radio v-model="myvertical" :val="2" label="Lista"/>
+        <q-radio v-model="myvertical" :val="2" label="Lista" />
         <!--<q-radio v-if="mytable === toolsext.TAB" v-model="myvertical" :val="costanti.VISUTABLE_SCHEDA_GROUP"
                  label="Scheda"
                  @update:model-value="tools.setCookie('myv_' + prop_mytable, myvertical) "/>
         <q-radio v-else-if="mytable !== toolsext.TABMYGROUPS && !finder" v-model="myvertical"
                  :val="costanti.VISUTABLE_SCHEDA_USER" slabel="Scheda"
                  @update:model-value="tools.setCookie('myv_' + prop_mytable, myvertical) "/>-->
-        <q-radio v-if="$q.screen.gt.xs" v-model="myvertical" :val="0" label="Tabella"/>
+        <q-radio
+          v-if="$q.screen.gt.xs"
+          v-model="myvertical"
+          :val="0"
+          label="Tabella"
+        />
       </div>
     </div>
     <q-infinite-scroll
       ref="myinfscroll"
       v-if="shared_consts.VERTIC_SHOW_GRID.includes(myvertical)"
       :initial-index="0"
-      @load="onLoadScroll" :offset="350"
+      @load="onLoadScroll"
+      :offset="350"
       debounce="300"
-
     >
-
       <div v-if="showHeaderCol">
         <div
-          v-for="col in mycolumns" :key="col.name"
+          v-for="col in mycolumns"
+          :key="col.name"
           class="text-italic text-weight-bold"
         >
-
-        <span v-if="col && showColCheck(col, tools.TIPOVIS_SHOW_RECORD, true)">
-          {{ col.label }}
-        </span>
-
+          <span
+            v-if="col && showColCheck(col, tools.TIPOVIS_SHOW_RECORD, true)"
+          >
+            {{ col.label }}
+          </span>
         </div>
       </div>
 
       <div v-for="(row, index) in serverData" :key="index">
         <div
-          v-if="showType === costanti.SHOW_MYCARD || (myvertical !== costanti.VISUTABLE_USER_TABGROUP &&
-          myvertical !== costanti.VISUTABLE_USER_TABCIRCUIT && myvertical === costanti.VISUTABLE_LISTA && shared_consts.TABLES_VISU_CMYSRECCARD.includes(tablesel)) ">
-
+          v-if="
+            showType === costanti.SHOW_MYCARD ||
+            (myvertical !== costanti.VISUTABLE_USER_TABGROUP &&
+              myvertical !== costanti.VISUTABLE_USER_TABCIRCUIT &&
+              myvertical === costanti.VISUTABLE_LISTA &&
+              shared_consts.TABLES_VISU_CMYSRECCARD.includes(tablesel))
+          "
+        >
           <div v-if="row && shared_consts.TABLES_WITH_DATE.includes(tablesel)">
-
-            <div v-if="row.dateTimeStart && (tools.getstrVeryShortDate(row.dateTimeStart) !== actual)" class="actualdate">
-              <span style="display: none">{{ actual = tools.getstrVeryShortDate(row.dateTimeStart) }}</span>
-              <q-chip class="text-center shadow-5 glossy bg-orange" icon="fas fa-calendar-day">{{ tools.getstrDateLong(row.dateTimeStart) }}</q-chip>
+            <div
+              v-if="
+                row.dateTimeStart &&
+                tools.getstrVeryShortDate(row.dateTimeStart) !== actual
+              "
+              class="actualdate"
+            >
+              <span style="display: none">{{
+                (actual = tools.getstrVeryShortDate(row.dateTimeStart))
+              }}</span>
+              <q-chip
+                class="text-center shadow-5 glossy bg-orange"
+                icon="fas fa-calendar-day"
+                >{{ tools.getstrDateLong(row.dateTimeStart) }}</q-chip
+              >
             </div>
           </div>
 
@@ -267,10 +367,15 @@
           </CMyRecCard>
         </div>
         <div
-          v-else-if="((showType === costanti.SHOW_USERINFO) && myvertical !== costanti.VISUTABLE_SCHEDA_USER) || ((myvertical === 2) && (shared_consts.TABLES_VISU_LISTA_USER.includes(tablesel)))"
-          class="fill-all-width">
+          v-else-if="
+            (showType === costanti.SHOW_USERINFO &&
+              myvertical !== costanti.VISUTABLE_SCHEDA_USER) ||
+            (myvertical === 2 &&
+              shared_consts.TABLES_VISU_LISTA_USER.includes(tablesel))
+          "
+          class="fill-all-width"
+        >
           <div>
-
             <CMyUser
               :notsetcmd="true"
               :mycontact="row"
@@ -278,19 +383,26 @@
               :groupname="extrafield"
               :circuitname="circuitname"
               :labelextra="col_title ? row[col_title] : ''"
-              :labelFooter="col_footer ? tools.getLabelFooterByRow(row, col_footer, tablesel) : ''"
+              :labelFooter="
+                col_footer
+                  ? tools.getLabelFooterByRow(row, col_footer, tablesel)
+                  : ''
+              "
             >
             </CMyUser>
 
             <q-separator></q-separator>
           </div>
-
         </div>
         <div
-          v-else-if="((showType === costanti.SHOW_GROUPINFO) && myvertical !== costanti.VISUTABLE_SCHEDA_GROUP) || ((myvertical === 2) && (tablesel === 'mygroups'))"
-          class="fill-all-width">
+          v-else-if="
+            (showType === costanti.SHOW_GROUPINFO &&
+              myvertical !== costanti.VISUTABLE_SCHEDA_GROUP) ||
+            (myvertical === 2 && tablesel === 'mygroups')
+          "
+          class="fill-all-width"
+        >
           <div>
-
             <CMyGroups
               v-model="filtergrp"
               :finder="false"
@@ -300,22 +412,36 @@
           </div>
         </div>
         <div
-          v-else-if="((showType === costanti.SHOW_MOVEMENTS) && (tablesel === 'movements'))"
+          v-else-if="
+            showType === costanti.SHOW_MOVEMENTS && tablesel === 'movements'
+          "
         >
           <div class="q-pa-xs row items-start q-gutter-xs">
-            <q-card class="my-card text-white"
-                    :style="`background: radial-gradient(circle, #cccccc 0%, ` + ((tools.isEntrataByRecMov(row)) ? `#aaffaa` : `#ffaaaa`) + ` 100%)`">
-              <q-toolbar class="bg-primary text-white" style="min-height: 30px;">
+            <q-card
+              class="my-card text-white"
+              :style="
+                `background: radial-gradient(circle, #cccccc 0%, ` +
+                (tools.isEntrataByRecMov(row) ? `#aaffaa` : `#ffaaaa`) +
+                ` 100%)`
+              "
+            >
+              <q-toolbar class="bg-primary text-white" style="min-height: 30px">
                 <q-toolbar-title>
-                  {{ tools.isEntrataByRecMov(row) ? t('movement.movin') : t('movement.movout') }}
+                  {{
+                    tools.isEntrataByRecMov(row)
+                      ? t('movement.movin')
+                      : t('movement.movout')
+                  }}
                 </q-toolbar-title>
               </q-toolbar>
               <q-card-section>
-                <div
-                  v-for="col in mycolumns" :key="col.name">
-
+                <div v-for="col in mycolumns" :key="col.name">
                   <div
-                    v-if="showColCheck(col, tools.TIPOVIS_SHOW_RECORD, true, 1, row)" class="tdclass">
+                    v-if="
+                      showColCheck(col, tools.TIPOVIS_SHOW_RECORD, true, 1, row)
+                    "
+                    class="tdclass"
+                  >
                     <div :class="getclrow(row)">
                       <CMyPopupEdit
                         :table="mytable"
@@ -330,8 +456,8 @@
                         minuteinterval="1"
                         @save="SaveValue"
                         @show="selItem(row, col)"
-                        @showandsave="showandsel">
-
+                        @showandsave="showandsel"
+                      >
                       </CMyPopupEdit>
                     </div>
                   </div>
@@ -340,18 +466,20 @@
             </q-card>
           </div>
         </div>
-
       </div>
       <template v-slot:loading>
         <div class="row justify-center q-my-md">
-          <q-spinner-dots color="primary" size="40px"/>
+          <q-spinner-dots color="primary" size="40px" />
         </div>
       </template>
     </q-infinite-scroll>
     <q-table
       v-else
       :grid="shared_consts.VERTIC_SHOW_GRID.includes(myvertical)"
-      :grid-header="shared_consts.VERTIC_SHOW_GRID.includes(myvertical) && shared_consts.TABLES_WITH_SORTING.includes(mytable)"
+      :grid-header="
+        shared_consts.VERTIC_SHOW_GRID.includes(myvertical) &&
+        shared_consts.TABLES_WITH_SORTING.includes(mytable)
+      "
       flat
       bordered
       class="my-sticky-header-table"
@@ -370,33 +498,37 @@
       :no-results-label="noresultLabel"
       :selected-rows-label="getSelectedString"
       selection="single"
-      v-model:selected="selected">
-
-
+      v-model:selected="selected"
+    >
       <template
-        v-if="!(myvertical === costanti.VISUTABLE_SCHEDA_USER || myvertical === 2 || myvertical === costanti.VISUTABLE_SCHEDA_GROUP)"
-        v-slot:header="props">
+        v-if="
+          !(
+            myvertical === costanti.VISUTABLE_SCHEDA_USER ||
+            myvertical === 2 ||
+            myvertical === costanti.VISUTABLE_SCHEDA_GROUP
+          )
+        "
+        v-slot:header="props"
+      >
         <q-tr :props="props">
-          <q-th>
-          </q-th>
+          <q-th> </q-th>
           <q-th
-            v-for="col in props.cols" :key="col.name"
+            v-for="col in props.cols"
+            :key="col.name"
             :props="props"
             class="text-italic text-weight-bold"
           >
-
-            <span v-if="col && showColCheck(col, tools.TIPOVIS_SHOW_RECORD, true)">
+            <span
+              v-if="col && showColCheck(col, tools.TIPOVIS_SHOW_RECORD, true)"
+            >
               {{ col.label }}
             </span>
-
           </q-th>
         </q-tr>
       </template>
-      <template v-else
-                v-slot:header="props">
+      <template v-else v-slot:header="props">
         <q-tr :props="props">
-          <q-th>
-          </q-th>
+          <q-th> </q-th>
 
           <span v-for="col in props.cols" :key="col.name">
             <q-th
@@ -408,14 +540,16 @@
               <span>
                 {{ col.label }}
               </span>
-
             </q-th>
           </span>
         </q-tr>
       </template>
 
-      <template v-slot:top-right v-if="tablesList || arrfilters || enableExport">
-        <span style="display: none">{{ actual = null }}</span>
+      <template
+        v-slot:top-right
+        v-if="tablesList || arrfilters || enableExport"
+      >
+        <span style="display: none">{{ (actual = null) }}</span>
 
         <q-btn
           v-if="enableExport"
@@ -443,41 +577,47 @@
           <q-toggle
             v-for="(filt, index) of arrfilters"
             :key="index"
-            v-model="myfilterand" :disable="filt.hide"
+            v-model="myfilterand"
+            :disable="filt.hide"
             :val="filt.value"
-            :label="filt.label">
-
+            :label="filt.label"
+          >
           </q-toggle>
         </div>
 
-
         <!--<q-input borderless dense debounce="300" v-model="filter" placeholder="Search">
           <template v-slot:append>
             <q-icon name="search" />
           </template>
         </q-input>-->
-
       </template>
 
       <template v-slot:top-left>
-
-        <div v-if="searchList"
-             :class="$q.screen.lt.sm ? `` : `row`  + ` text-blue `">
+        <div
+          v-if="searchList"
+          :class="$q.screen.lt.sm ? `` : `row` + ` text-blue `"
+        >
           <span v-for="(item, index) in searchList" :key="index">
-
             <!--<div class="text-center q-my-xs" v-if="(item.type === costanti.FieldType.separator)">
               <q-btn size="sm" dense :icon="!showfilteradv ? 'fas fa-arrow-down' : 'fas fa-arrow-up'" label="Filtri Avanzati" @click="showfilteradv = !showfilteradv"></q-btn>
             </div>-->
 
             <CMySelect
               :col="fieldsTable.getColByColumns(mycolumns, item.key)"
-              v-if="(item.type === costanti.FieldType.select) || (item.type === costanti.FieldType.select_by_server)"
+              v-if="
+                item.type === costanti.FieldType.select ||
+                item.type === costanti.FieldType.select_by_server
+              "
               :label="labelcombo(item)"
               v-model:value="item.value"
               @update:value="searchval(item.value, item.table)"
               :addall="item.addall"
               :addnone="item.addnone"
-              :tablesel="item.type === costanti.FieldType.select_by_server ? item.tablesel : ''"
+              :tablesel="
+                item.type === costanti.FieldType.select_by_server
+                  ? item.tablesel
+                  : ''
+              "
               :pickup="item.type === costanti.FieldType.select_by_server"
               label-color="primary"
               class="combowidth"
@@ -488,7 +628,11 @@
               :options="valoriopt(item, false)"
               :filter="item.filter"
               :filter_extra="item.filter_extra"
-              :useinput="item.useinput && item.type !== costanti.FieldType.select_by_server">
+              :useinput="
+                item.useinput &&
+                item.type !== costanti.FieldType.select_by_server
+              "
+            >
             </CMySelect>
 
             <!--<div v-if="item.type === costanti.FieldType.multiselect_by_server">
@@ -516,11 +660,12 @@
               :filter="item.filter"
               :filter_extra="item.filter_extra"
               :options="valoriopt(item, false)"
-              :useinput="true">
+              :useinput="true"
+            >
             </CMySelect>
 
             <q-select
-              v-if="(item.type === costanti.FieldType.multiselect)"
+              v-if="item.type === costanti.FieldType.multiselect"
               v-model="item.arrvalue"
               label-color="primary"
               :label="labelcombo(item)"
@@ -539,15 +684,19 @@
               class="combowidth"
               :option-value="fieldsTable.getKeyByTable(item.table)"
             >
-
               <template v-if="item.icon" v-slot:prepend>
-                <q-icon :name="item.icon"/>
+                <q-icon :name="item.icon" />
               </template>
               <template
                 v-if="item.arrvalue.length >= 1"
-                v-slot:selected-item="scope">
+                v-slot:selected-item="scope"
+              >
                 <div
-                  v-if="scope.opt[fieldsTable.getLabelByTable(item.table)] || (scope.opt && checkIfShowRec(scope.opt)) ">
+                  v-if="
+                    scope.opt[fieldsTable.getLabelByTable(item.table)] ||
+                    (scope.opt && checkIfShowRec(scope.opt))
+                  "
+                >
                   <q-chip
                     removable
                     dense
@@ -557,46 +706,77 @@
                     text-color="mycol"
                     class="q-my-none q-ml-xs q-mr-none"
                   >
-                    <q-avatar color="primary" text-color="white" :icon="item.icon" size="12px"/>
-                    {{ scope.opt[fieldsTable.getLabelByTable(item.table)] || (scope.opt) }}
+                    <q-avatar
+                      color="primary"
+                      text-color="white"
+                      :icon="item.icon"
+                      size="12px"
+                    />
+                    {{
+                      scope.opt[fieldsTable.getLabelByTable(item.table)] ||
+                      scope.opt
+                    }}
                   </q-chip>
                 </div>
               </template>
-              <template v-slot:option="{ itemProps, opt, selected, toggleOption }">
+              <template
+                v-slot:option="{ itemProps, opt, selected, toggleOption }"
+              >
                 <q-item v-bind="itemProps">
-
                   <q-item-section>
-                    <q-item-label>{{ opt[fieldsTable.getLabelByTable(item.table)] }}</q-item-label>
+                    <q-item-label>{{
+                      opt[fieldsTable.getLabelByTable(item.table)]
+                    }}</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>
           </span>
         </div>
 
-        <div v-if="(prop_search || canEdit)"
-             class="row justify-center vertical-middle">
-
+        <div
+          v-if="prop_search || canEdit"
+          class="row justify-center vertical-middle"
+        >
           <div v-if="prop_search" class="q-mr-sm full-width">
             <q-input
-              v-model="search" filled dense type="search" debounce="500" :hint="hint"
+              v-model="search"
+              filled
+              dense
+              type="search"
+              debounce="500"
+              :hint="hint"
               label="Cerca"
-
               v-on:keyup.enter="doSearch"
             >
               <template v-slot:after>
-                <q-btn v-if="mytable" dense label="" color="primary" @click="refresh" icon="search"></q-btn>
+                <q-btn
+                  v-if="mytable"
+                  dense
+                  label=""
+                  color="primary"
+                  @click="refresh"
+                  icon="search"
+                ></q-btn>
               </template>
             </q-input>
           </div>
 
           <q-space></q-space>
           <q-select
-            v-if="mytable && pagination.rowsNumber > 0 && (prop_search || canEdit) && showCol && myvertical === 0"
+            v-if="
+              mytable &&
+              pagination.rowsNumber > 0 &&
+              (prop_search || canEdit) &&
+              showCol &&
+              myvertical === 0
+            "
             v-model="colVisib"
             rounded
             outlined
@@ -608,24 +788,32 @@
             map-options
             :options="mycolumns"
             option-value="name"
-            @update:model-value="changeCol">
-
+            @update:model-value="changeCol"
+          >
           </q-select>
-
         </div>
 
-        <div v-if="pagination.rowsNumber === 1 && prop_search">{{ pagination.rowsNumber }} elemento trovato</div>
-        <div v-if="pagination.rowsNumber > 1 && prop_search">{{ pagination.rowsNumber }} elementi trovati</div>
+        <div v-if="pagination.rowsNumber === 1 && prop_search">
+          {{ pagination.rowsNumber }} elemento trovato
+        </div>
+        <div v-if="pagination.rowsNumber > 1 && prop_search">
+          {{ pagination.rowsNumber }} elementi trovati
+        </div>
 
         <div v-if="choose_visutype && $q.screen.gt.xs" class="">
-          <q-radio v-model="myvertical" :val="2" label="Lista"/>
+          <q-radio v-model="myvertical" :val="2" label="Lista" />
           <!--<q-radio v-if="mytable === toolsext.TAB" v-model="myvertical" :val="costanti.VISUTABLE_SCHEDA_GROUP"
                    label="Scheda"
                    @update:model-value="tools.setCookie('myv_' + prop_mytable, myvertical) "/>
           <q-radio v-else-if="mytable !== toolsext.TABMYGROUPS && !finder" v-model="myvertical"
                    :val="costanti.VISUTABLE_SCHEDA_USER" slabel="Scheda"
                    @update:model-value="tools.setCookie('myv_' + prop_mytable, myvertical) "/>-->
-          <q-radio v-if="$q.screen.gt.xs" v-model="myvertical" :val="0" label="Tabella"/>
+          <q-radio
+            v-if="$q.screen.gt.xs"
+            v-model="myvertical"
+            :val="0"
+            label="Tabella"
+          />
         </div>
       </template>
 
@@ -634,12 +822,14 @@
           <q-td auto-width class="tdclass">
             <q-checkbox dense v-model="props.selected"></q-checkbox>
           </q-td>
-          <q-td
-            v-for="col in mycolumns" :key="col.name" :props="props">
+          <q-td v-for="col in mycolumns" :key="col.name" :props="props">
             <div
-              v-if="showColCheck(col, tools.TIPOVIS_SHOW_RECORD, true, 1, props.row)" class="tdclass">
+              v-if="
+                showColCheck(col, tools.TIPOVIS_SHOW_RECORD, true, 1, props.row)
+              "
+              class="tdclass"
+            >
               <div :class="getclrow(props.row)">
-
                 <CMyPopupEdit
                   :table="mytable"
                   :canEdit="canEdit"
@@ -652,52 +842,102 @@
                   minuteinterval="1"
                   @save="SaveValue"
                   @show="selItem(props.row, col)"
-                  @showandsave="showandsel">
-
+                  @showandsave="showandsel"
+                >
                 </CMyPopupEdit>
               </div>
             </div>
           </q-td>
-          <q-td
-            v-for="col in mycolumns" :key="col.name" :props="props">
-            <div
-              v-if="colExtra.includes(col.name)"
-              class="tdclass">
+          <q-td v-for="col in mycolumns" :key="col.name" :props="props">
+            <div v-if="colExtra.includes(col.name)" class="tdclass">
               <div v-if="col.action && visCol(col)">
                 <q-btn
-                  flat round color="red" :icon="col.icon" size="sm"
-                  @click="clickFunz(props.row, col)"></q-btn>
+                  flat
+                  round
+                  color="red"
+                  :icon="col.icon"
+                  size="sm"
+                  @click="clickFunz(props.row, col)"
+                ></q-btn>
               </div>
             </div>
           </q-td>
         </q-tr>
-        <br>
+        <br />
       </template>
 
       <template v-slot:item="props">
         <div
-          class="q-pa-xs col-xs-12 col-sm-6 col-md-4 col-lg-3 "
+          class="q-pa-xs col-xs-12 col-sm-6 col-md-4 col-lg-3"
           :style="props.selected ? 'transform: scale(0.95);' : ''"
         >
-
-          <q-card :class="props.selected ? 'bg-grey-2 my-card-withshadow no-padding' : 'my-card-withshadow no-padding'"
-                  style="background: radial-gradient(circle, #ffffff 0%, #bbddff 100%)">
-            <q-bar v-if="!visuinpage && tools.canModifyThisRec(props.row, tablesel)" dense class="bg-primary text-white full-height">
-              <q-badge v-if="props.row['adType']" :color="fieldsTable.getColByAdType(props.row['adType'])">
-                {{ fieldsTable.getValByTabAndId(tablesel, 'adType', props.row['adType']) }}
-                <q-icon :name="fieldsTable.getIconByAdType(props.row['adType'])" color="white" class="q-ml-xs"/>
+          <q-card
+            :class="
+              props.selected
+                ? 'bg-grey-2 my-card-withshadow no-padding'
+                : 'my-card-withshadow no-padding'
+            "
+            style="
+              background: radial-gradient(circle, #ffffff 0%, #bbddff 100%);
+            "
+          >
+            <q-bar
+              v-if="!visuinpage && tools.canModifyThisRec(props.row, tablesel)"
+              dense
+              class="bg-primary text-white full-height"
+            >
+              <q-badge
+                v-if="props.row['adType']"
+                :color="fieldsTable.getColByAdType(props.row['adType'])"
+              >
+                {{
+                  fieldsTable.getValByTabAndId(
+                    tablesel,
+                    'adType',
+                    props.row['adType']
+                  )
+                }}
+                <q-icon
+                  :name="fieldsTable.getIconByAdType(props.row['adType'])"
+                  color="white"
+                  class="q-ml-xs"
+                />
               </q-badge>
 
-              <q-space/>
+              <q-space />
 
               <q-btn
                 v-if="tools.canModifyThisRec(props.row, tablesel)"
-                flat round color="white" icon="fas fa-pencil-alt" size="sm"
-                @click="clickFunz(props.row, prop_mycolumns.find((rec) => rec.action === lists.MenuAction.CAN_EDIT_TABLE))"></q-btn>
+                flat
+                round
+                color="white"
+                icon="fas fa-pencil-alt"
+                size="sm"
+                @click="
+                  clickFunz(
+                    props.row,
+                    prop_mycolumns.find(
+                      (rec) => rec.action === lists.MenuAction.CAN_EDIT_TABLE
+                    )
+                  )
+                "
+              ></q-btn>
               <q-btn
                 v-if="tools.canModifyThisRec(props.row, tablesel)"
-                flat round color="white" icon="fas fa-trash-alt" size="sm"
-                @click="clickFunz(props.row, prop_mycolumns.find((rec) => rec.action === lists.MenuAction.DELETE_RECTABLE))"></q-btn>
+                flat
+                round
+                color="white"
+                icon="fas fa-trash-alt"
+                size="sm"
+                @click="
+                  clickFunz(
+                    props.row,
+                    prop_mycolumns.find(
+                      (rec) => rec.action === lists.MenuAction.DELETE_RECTABLE
+                    )
+                  )
+                "
+              ></q-btn>
             </q-bar>
             <!--<q-toolbar dense v-if="col_title" class="bg-primary text-white centeritems">
               <q-toolbar-title>
@@ -709,8 +949,17 @@
               <q-list dense>
                 <div v-for="col in mycolumns" :key="col.name">
                   <q-item
-                    v-if="showColCheck(col, tools.TIPOVIS_SHOW_RECORD, false, tools.getValue(props.row,col.field, col.subfield))"
-                    :class="clByCol(col)" class="riduci_pad">
+                    v-if="
+                      showColCheck(
+                        col,
+                        tools.TIPOVIS_SHOW_RECORD,
+                        false,
+                        tools.getValue(props.row, col.field, col.subfield)
+                      )
+                    "
+                    :class="clByCol(col)"
+                    class="riduci_pad"
+                  >
                     <q-item-section avatar v-if="col.icon">
                       <q-item-label class="q-table__col">
                         <q-icon :name="col.icon"></q-icon>
@@ -718,16 +967,19 @@
                     </q-item-section>
 
                     <q-item-section avatar v-if="visuIntestazCol(col)">
-                      <q-item-label class="q-table__col">{{ col.label }}</q-item-label>
+                      <q-item-label class="q-table__col">{{
+                        col.label
+                      }}</q-item-label>
                     </q-item-section>
                     <q-item-section>
                       <div class="tdclass">
                         <div :class="getclrow(props.row)">
-
                           <CMyPopupEdit
                             :table="mytable"
                             :canEdit="canEdit"
-                            :canModify="tools.canModifyThisRec(props.row, tablesel)"
+                            :canModify="
+                              tools.canModifyThisRec(props.row, tablesel)
+                            "
                             :disable="disabilita()"
                             :mycol="col"
                             v-model:row="props.row"
@@ -736,8 +988,8 @@
                             minuteinterval="1"
                             @save="SaveValue"
                             @show="selItem(props.row, col)"
-                            @showandsave="showandsel">
-
+                            @showandsave="showandsel"
+                          >
                           </CMyPopupEdit>
                         </div>
                       </div>
@@ -751,47 +1003,55 @@
       </template>
     </q-table>
 
-    <q-dialog v-model="visupagedialog" @hide="hidewindow" :maximized="$q.screen.lt.sm">
+    <q-dialog
+      v-model="visupagedialog"
+      @hide="hidewindow"
+      :maximized="$q.screen.lt.sm"
+    >
       <CMyCardGrpPopup
         v-if="mytable === toolsext.TABMYGROUPS"
         :table="mytable"
-        :prop_myrec="myrecdialog">
-
+        :prop_myrec="myrecdialog"
+      >
       </CMyCardGrpPopup>
       <CMyCardCircuitPopup
         v-else-if="mytable === toolsext.TABCIRCUITS"
         :table="mytable"
-        :prop_myrec="myrecdialog">
-
+        :prop_myrec="myrecdialog"
+      >
       </CMyCardCircuitPopup>
-      <CMyCardPopup
-        v-else
-        :table="mytable"
-        :prop_myrec="myrecdialog">
-
+      <CMyCardPopup v-else :table="mytable" :prop_myrec="myrecdialog">
       </CMyCardPopup>
     </q-dialog>
 
     <div v-if="rowclicksel">
-
       <CTitleBanner title="Record:"></CTitleBanner>
 
       <div
         class="q-ma-xs q-pa-xs text-center rounded-borders q-list--bordered"
-        v-for="mycol in mycolumns" :key="mycol.name">
+        v-for="mycol in mycolumns"
+        :key="mycol.name"
+      >
         <div v-if="showColCheck(mycol, tools.TIPOVIS_SHOW_RECORD, false)">
           <div class="row items-center justify-center q-gutter-md q-ma-xs">
             <div class="q-ma-xs">
-              <q-field rounded outlined :bg-color="($q.dark.isActive ? '' : 'orange-3')" dense>
+              <q-field
+                rounded
+                outlined
+                :bg-color="$q.dark.isActive ? '' : 'orange-3'"
+                dense
+              >
                 <template v-slot:control>
-                  <div class="self-center full-width no-outline" tabindex="0">{{ mycol.label }}</div>
+                  <div class="self-center full-width no-outline" tabindex="0">
+                    {{ mycol.label }}
+                  </div>
                 </template>
               </q-field>
             </div>
             <div
               class="q-ma-sm q-pa-sm colmodif col-grow popupedit"
-              @click="colclicksel = mycol">
-
+              @click="colclicksel = mycol"
+            >
               <CMyPopupEdit
                 :table="mytable"
                 :canEdit="true"
@@ -808,33 +1068,47 @@
                 @save="SaveValdb"
                 @show="selItem(rowclicksel, mycol)"
                 @showandsave="showandsel"
-                @annulla="annulla">
-
+                @annulla="annulla"
+              >
               </CMyPopupEdit>
             </div>
           </div>
         </div>
       </div>
     </div>
-    <q-dialog v-model="newRecordBool" @hide="hidewindow" :maximized="$q.screen.lt.sm">
+    <q-dialog
+      v-model="newRecordBool"
+      @hide="hidewindow"
+      :maximized="$q.screen.lt.sm"
+    >
       <q-card class="dialog_card">
         <q-bar dense class="bg-primary text-white">
           Nuovo:
-          <q-space/>
+          <q-space />
           <q-btn flat round color="white" icon="close" v-close-popup></q-btn>
         </q-bar>
 
         <q-card-section class="inset-shadow">
           <div
-            :class="$q.screen.lt.sm ? `` : `row`  + ` text-blue `"
-            v-for="col in mycolumns" :key="col.name">
-
+            :class="$q.screen.lt.sm ? `` : `row` + ` text-blue `"
+            v-for="col in mycolumns"
+            :key="col.name"
+          >
             <!--<div class="text-center q-my-xs" v-if="(col.fieldtype === costanti.FieldType.separator)">
               <q-btn color="primary" size="md" dense :icon="!showfilteradv ? 'fas fa-arrow-down' : 'fas fa-arrow-up'"
                      label="Campi Avanzati" @click="showfilteradv = !showfilteradv"></q-btn>
             </div>-->
             <div
-              v-if="showColCheck(col, tools.TIPOVIS_NEW_RECORD, true, 0, newRecord) && col.foredit ">
+              v-if="
+                showColCheck(
+                  col,
+                  tools.TIPOVIS_NEW_RECORD,
+                  true,
+                  0,
+                  newRecord
+                ) && col.foredit
+              "
+            >
               <div class="">
                 <CMyPopupEdit
                   :table="mytable"
@@ -852,35 +1126,53 @@
                   :insertMode="true"
                   @save="SaveValue"
                   @show="selItem(newRecord, col)"
-                  @showandsave="showandsel">
-
+                  @showandsave="showandsel"
+                >
                 </CMyPopupEdit>
               </div>
             </div>
           </div>
         </q-card-section>
         <q-card-actions align="center">
-          <q-btn :label="$t('dialog.ok')" color="primary" @click="saveNewRecord"></q-btn>
-          <q-btn flat :label="$t('dialog.cancel')" color="primary" v-close-popup @click="annulla"></q-btn>
+          <q-btn
+            :label="$t('dialog.ok')"
+            color="primary"
+            @click="saveNewRecord"
+          ></q-btn>
+          <q-btn
+            flat
+            :label="$t('dialog.cancel')"
+            color="primary"
+            v-close-popup
+            @click="annulla"
+          ></q-btn>
         </q-card-actions>
       </q-card>
     </q-dialog>
-    <q-dialog v-model="editRecordBool" @hide="hidewindow" :maximized="$q.screen.lt.sm">
+    <q-dialog
+      v-model="editRecordBool"
+      @hide="hidewindow"
+      :maximized="$q.screen.lt.sm"
+    >
       <q-card class="dialog_card">
         <q-bar dense class="bg-primary text-white">
           <span class="ellipsis">{{ recModif[col_title] }}</span>
-          <q-space/>
+          <q-space />
           <q-btn flat round color="white" icon="close" v-close-popup></q-btn>
         </q-bar>
         <q-card-section class="inset-shadow">
-          <div
-            v-for="col in mycolumns" :key="col.name">
+          <div v-for="col in mycolumns" :key="col.name">
             <!--<div class="text-center q-my-xs" v-if="(col.fieldtype === costanti.FieldType.separator)">
               <q-btn color="primary" size="md" dense :icon="!showfilteradv ? 'fas fa-arrow-down' : 'fas fa-arrow-up'"
                      label="Campi Avanzati" @click="showfilteradv = !showfilteradv"></q-btn>
             </div>-->
             <div
-              v-if="showColCheck(col, tools.TIPOVIS_EDIT_RECORD, false) && col.foredit" class="tdclass">
+              v-if="
+                showColCheck(col, tools.TIPOVIS_EDIT_RECORD, false) &&
+                col.foredit
+              "
+              class="tdclass"
+            >
               <div>
                 <CMyPopupEdit
                   :table="mytable"
@@ -896,16 +1188,25 @@
                   minuteinterval="1"
                   @save="SaveValue"
                   @show="selItem(recModif, col, true)"
-                  @showandsave="showandsel">
-
+                  @showandsave="showandsel"
+                >
                 </CMyPopupEdit>
               </div>
             </div>
           </div>
         </q-card-section>
         <q-card-actions align="center">
-          <q-btn :label="$t('dialog.ok')" color="primary" @click="saverecModif"></q-btn>
-          <q-btn flat :label="$t('dialog.cancel')" color="primary" @click="cancelrecModif"></q-btn>
+          <q-btn
+            :label="$t('dialog.ok')"
+            color="primary"
+            @click="saverecModif"
+          ></q-btn>
+          <q-btn
+            flat
+            :label="$t('dialog.cancel')"
+            color="primary"
+            @click="cancelrecModif"
+          ></q-btn>
         </q-card-actions>
       </q-card>
     </q-dialog>
diff --git a/src/components/CMySelect/CMySelect.vue b/src/components/CMySelect/CMySelect.vue
index ac466833..21b1d2c0 100755
--- a/src/components/CMySelect/CMySelect.vue
+++ b/src/components/CMySelect/CMySelect.vue
@@ -15,7 +15,7 @@
         multiple
         options-dense
         map-options
-        stack-label
+        :stack-label="label ? true : false"
         emit-value
         :readonly="sola_lettura"
         :use-input="useinput"
diff --git a/src/components/MyFooter/MyFooter.vue b/src/components/MyFooter/MyFooter.vue
index cf53f99f..21ca2e32 100755
--- a/src/components/MyFooter/MyFooter.vue
+++ b/src/components/MyFooter/MyFooter.vue
@@ -1,61 +1,67 @@
 <template>
   <q-footer
-    v-if="tools.isUserOk() && site && site.confpages"
-    :class="($q.dark.isActive ? `bg-black` : `bg-white`) +  ` small-screen-only`"
-    bordered
-  >
-    <q-tabs
-      dense
-      :class="($q.dark.isActive ? `text-white bg-black` : `text-grey-10 bg-white`) + ` mylabfooter mysmalltabs`"
-      style="padding: 0px !important;"
-      content-class="mysmalltabs"
-      :active-color="$q.dark.isActive ? `primary`: `primary`"
-      no-caps
-      indicator-color="transparent"
-    >
-      <q-route-tab
-        v-if="site.confpages.showButtHome"
-        to="/"
-        class="mylabfooter"
-        :label="$t('tabdown.home')"
-        icon="fas fa-home"
-      />
-      <q-route-tab
-        v-if="site.confpages.showViewGroups"
-        class="mylabfooter"
-        :label="$t('tabdown.groups')"
-        to="/groups"
-        icon="fas fa-users"
-      />
-      <q-route-tab
-        v-if="site.confpages.showViewCircuits"
-        class="mylabfooter"
-        :label="$t('tabdown.circuits')"
-        to="/circuits"
-        icon="fas fa-coins"
-      />
-      <q-route-tab
-        v-if="site.confpages.showViewUsers"
-        class="mylabfooter"
-        :label="$t('tabdown.friends')"
-        to="/friends"
-        icon="fas fa-user-friends"
-      />
-      <q-route-tab
-        v-if="site.confpages.showViewBooking"
-        class="mylabfooter"
-        :label="$t('tabdown.bookings')"
-        to="/admin/eventlist"
-        icon="fas fa-calendar-plus"
-      />
-      <q-route-tab
-        v-if="site.confpages.showViewProfile"
-        class="mylabfooter"
-        :label="$t('tabdown.profile')"
-        :to="`/my/`+getMyUsername()"
-        icon="person"
-      />
-    </q-tabs>
+    v-if="tools.isUserOk() && site && site.confpages" :class="($q.dark.isActive
+    ? `bg-black` : `bg-white`) + ` small-screen-only`" bordered >
+    <q-toolbar>
+      <q-toolbar-title>
+        <q-tabs
+          dense
+          :class="
+            ($q.dark.isActive
+              ? `text-white bg-black`
+              : `text-grey-10 bg-white`) + ` mylabfooter mysmalltabs`
+          "
+          style="padding: 0px !important"
+          content-class="mysmalltabs"
+          :active-color="$q.dark.isActive ? `primary` : `primary`"
+          no-caps
+          indicator-color="transparent"
+        >
+          <q-route-tab
+            v-if="site.confpages.showButtHome"
+            to="/"
+            class="mylabfooter"
+            :label="$t('tabdown.home')"
+            icon="fas fa-home"
+          />
+          <q-route-tab
+            v-if="site.confpages.showViewGroups"
+            class="mylabfooter"
+            :label="$t('tabdown.groups')"
+            to="/groups"
+            icon="fas fa-users"
+          />
+          <q-route-tab
+            v-if="site.confpages.showViewCircuits"
+            class="mylabfooter"
+            :label="$t('tabdown.circuits')"
+            to="/circuits"
+            icon="fas fa-coins"
+          />
+          <q-route-tab
+            v-if="site.confpages.showViewUsers"
+            class="mylabfooter"
+            :label="$t('tabdown.friends')"
+            to="/friends"
+            icon="fas fa-user-friends"
+          />
+          <q-route-tab
+            v-if="site.confpages.showViewBooking"
+            class="mylabfooter"
+            :label="$t('tabdown.bookings')"
+            to="/admin/eventlist"
+            icon="fas fa-calendar-plus"
+          />
+          <q-route-tab
+            v-if="site.confpages.showViewProfile"
+            class="mylabfooter"
+            :label="$t('tabdown.profile')"
+            :to="`/my/` + getMyUsername()"
+            icon="person"
+          />
+        </q-tabs>
+      </q-toolbar-title>
+    </q-toolbar>
   </q-footer>
 </template>
 
diff --git a/src/model/GlobalStore.ts b/src/model/GlobalStore.ts
index bd83606c..492617a2 100755
--- a/src/model/GlobalStore.ts
+++ b/src/model/GlobalStore.ts
@@ -449,6 +449,7 @@ export interface IGlobalState {
   selElem?: IMyElem,
   editOn?: boolean,
   myselector: ISelector,
+  addNewRecord: string,
 }
 
 export interface IMenuList {
diff --git a/src/root/services/services.vue b/src/root/services/services.vue
index c589cb97..8632b261 100755
--- a/src/root/services/services.vue
+++ b/src/root/services/services.vue
@@ -8,7 +8,6 @@
         <CFinder
           :ind="1"
           :table="toolsext.TABMYSKILLS"
-          :selector="myselector"
         />
 
         <!--<CDashboard></CDashboard>-->
diff --git a/src/statics/lang/it.js b/src/statics/lang/it.js
index 5e09233b..0ea61175 100755
--- a/src/statics/lang/it.js
+++ b/src/statics/lang/it.js
@@ -20,7 +20,7 @@ const msg_it = {
       columns: 'Colonne',
       tableslist: 'Tabelle',
       nodata: 'Nessun Dato',
-      showfilters: 'Mostra Filtri',
+      showfilters: 'Filtri',
       hidefilters: 'Nascondi Filtri',
     },
     gallery: {
diff --git a/src/store/globalStore.ts b/src/store/globalStore.ts
index 7a6109fe..c42eb0c8 100644
--- a/src/store/globalStore.ts
+++ b/src/store/globalStore.ts
@@ -178,7 +178,8 @@ export const useGlobalStore = defineStore('GlobalStore', {
     mygroups: [],
     selElem: {},
     editOn: false,
-    myselector: { data: {}, table: ''}
+    myselector: { data: {}, table: ''},
+    addNewRecord: '',
   }),
 
   getters: {