diff --git a/Thermo.Active/wwwroot/assets/styles/base/layout.less b/Thermo.Active/wwwroot/assets/styles/base/layout.less
index 3b96d236..e7d89e36 100644
--- a/Thermo.Active/wwwroot/assets/styles/base/layout.less
+++ b/Thermo.Active/wwwroot/assets/styles/base/layout.less
@@ -4,7 +4,6 @@
 @import "modals.less";
 @import "graph-dashboard.less";
 @import "dashboard.less";
-@import "pirometro.less";
 @import "riscaldi.less";
 @import "slider.less";
 @import "tastierino.less";
diff --git a/Thermo.Active/wwwroot/assets/styles/base/pirometro.less b/Thermo.Active/wwwroot/assets/styles/base/pirometro.less
deleted file mode 100644
index 20f21701..00000000
--- a/Thermo.Active/wwwroot/assets/styles/base/pirometro.less
+++ /dev/null
@@ -1,39 +0,0 @@
-// out: false, sourceMap: false, main: ../style.less
-@import "grid-system.less";
-@import "colors.less";
-@import "fonts.less";
-@import "setup.less";
-
-.modal.pirometro-info {
-  section {
-
-    &.termo {
-      .tast {
-        margin-left: 400px;
-      }
-    }
-
-    .specific {
-      width: 470px;
-    }
-
-    .termospecific {
-
-
-
-      button {
-        margin-left: 5px;
-        width: 48px;
-        height: 48px;
-        object-fit: contain;
-        border-radius: 2px;
-        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
-        border: solid 1px #001e48;
-        background-image: linear-gradient(to bottom, #1756ad, #002680);
-      }
-
-    }
-
-  }
-
-}
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/assets/styles/base/setup.less b/Thermo.Active/wwwroot/assets/styles/base/setup.less
index a5bda964..fa8f849d 100644
--- a/Thermo.Active/wwwroot/assets/styles/base/setup.less
+++ b/Thermo.Active/wwwroot/assets/styles/base/setup.less
@@ -364,7 +364,8 @@
   }
 
   &.center {
-    margin: auto;
+    margin-left: auto;
+    margin-right: auto;
   }
 
   &.box-500 {
diff --git a/Thermo.Active/wwwroot/assets/styles/style.css b/Thermo.Active/wwwroot/assets/styles/style.css
index 2eb97058..063596ec 100644
--- a/Thermo.Active/wwwroot/assets/styles/style.css
+++ b/Thermo.Active/wwwroot/assets/styles/style.css
@@ -291,7 +291,8 @@
   border: none;
 }
 .box.center {
-  margin: auto;
+  margin-left: auto;
+  margin-right: auto;
 }
 .box.box-500 {
   width: 500px;
@@ -4523,22 +4524,6 @@
   height: 1px;
   background-color: #676767;
 }
-.modal.pirometro-info section.termo .tast {
-  margin-left: 400px;
-}
-.modal.pirometro-info section .specific {
-  width: 470px;
-}
-.modal.pirometro-info section .termospecific button {
-  margin-left: 5px;
-  width: 48px;
-  height: 48px;
-  object-fit: contain;
-  border-radius: 2px;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
-  border: solid 1px #001e48;
-  background-image: linear-gradient(to bottom, #1756ad, #002680);
-}
 .warmers {
   position: relative;
 }
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/pirometro.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/pirometro.vue
index 09cd0967..47bb01b1 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/pirometro.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/pirometro.vue
@@ -1,28 +1,28 @@
 <template>
 	<section>
-		<div class="specific">
-			<div class="input-area">
-				<label>{{'pyrometer_pyrometer_enabled'|localize('Abilitazione')}}</label>
-				<toggle-button v-model="recipe.pyrometer_pyrometer_enabled.status.enabled"></toggle-button>
-			</div>
-			<div class="input-area">
-				<div>
-					<img src="assets/icons/png/clessidra.png" />
-					<label>{{'pyrometer_pyrometer_delay'|localize('Ritardo')}}</label>
+		<article>
+			<div class="box box-500 transparent center">
+				<div class="body">
+					<div class="input-area">
+						<label>{{'pyrometer_pyrometer_enabled'|localize('Abilitazione')}}</label>
+						<toggle-button v-model="recipe.pyrometer_pyrometer_enabled.status.enabled"></toggle-button>
+					</div>
+					<div class="input-area">
+						<div>
+							<img src="assets/icons/png/clessidra.png" />
+							<label>{{'pyrometer_pyrometer_delay'|localize('Ritardo')}}</label>
+						</div>
+						<numeric v-model="recipe.pyrometer_pyrometer_delay" />
+					</div>
+					<slider v-model="recipe.pyrometer_pyrometer_delay"></slider>
+					<div class="input-area">
+						<label>{{'pyrometer_pyrometer_setpoint'|localize('Set point')}}</label>
+						<numeric v-model="recipe.pyrometer_pyrometer_setpoint" />
+					</div>
+					<slider v-model="recipe.pyrometer_pyrometer_setpoint"></slider>
 				</div>
-				<numeric v-model="recipe.pyrometer_pyrometer_delay" />
 			</div>
-			<slider
-				v-model="recipe.pyrometer_pyrometer_delay"
-			></slider>
-			<div class="input-area">
-				<label>{{'pyrometer_pyrometer_setpoint'|localize('Set point')}}</label>
-				<numeric v-model="recipe.pyrometer_pyrometer_setpoint" />
-			</div>
-			<slider
-				v-model="recipe.pyrometer_pyrometer_setpoint"
-			></slider>
-		</div>
+		</article>
 	</section>
 </template>
 
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-inferiore.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-inferiore.vue
index 40a0417d..b2bb08df 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-inferiore.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-inferiore.vue
@@ -1,87 +1,63 @@
 <template>
 	<section class="termo">
 		<aside class="scrollable">
-			<div class="input-area">
-				<label>{{'pyrometer_lowerthermoregulator_start_adjustment'|localize('Inizio regolazione (°C/10)')}}</label>
-				<numeric
-					v-model="recipe.pyrometer_lowerthermoregulator_start_adjustment"
-				/>
-			</div>
-			<slider
-				v-model="recipe.pyrometer_lowerthermoregulator_start_adjustment"
-			></slider>
-			<div class="input-area">
-				<label>{{'pyrometer_lowerthermoregulator_end_adjustment'|localize('Fine regolazione (°C/10)')}}</label>
-				<numeric
-					v-model="recipe.pyrometer_lowerthermoregulator_end_adjustment"
-				/>
-			</div>
-			<slider
-				v-model="recipe.pyrometer_lowerthermoregulator_end_adjustment"
-			></slider>
+			<div class="box transparent">
+				<div class="body">
+					<div class="input-area">
+						<label>{{'pyrometer_lowerthermoregulator_start_adjustment'|localize('Inizio regolazione (°C/10)')}}</label>
+						<numeric v-model="recipe.pyrometer_lowerthermoregulator_start_adjustment" />
+					</div>
+					<slider v-model="recipe.pyrometer_lowerthermoregulator_start_adjustment"></slider>
+					<div class="input-area">
+						<label>{{'pyrometer_lowerthermoregulator_end_adjustment'|localize('Fine regolazione (°C/10)')}}</label>
+						<numeric v-model="recipe.pyrometer_lowerthermoregulator_end_adjustment" />
+					</div>
+					<slider v-model="recipe.pyrometer_lowerthermoregulator_end_adjustment"></slider>
 
-			<hr />
+					<hr />
 
-			<div class="input-area">
-				<label>{{'pyrometer_lowerthermoregulator_min_percentage'|localize('Percentuale Minimo')}}</label>
-				<numeric
-					v-model="recipe.pyrometer_lowerthermoregulator_min_percentage"
-				/>
-			</div>
-			<slider
-				v-model="recipe.pyrometer_lowerthermoregulator_min_percentage"
-			></slider>
-			<div class="input-area">
-				<label>{{'pyrometer_lowerthermoregulator_max_percentage'|localize('Percentuale Massimo')}}</label>
-				<numeric
-					v-model="recipe.pyrometer_lowerthermoregulator_max_percentage"
-				/>
-			</div>
-			<slider
-				v-model="recipe.pyrometer_lowerthermoregulator_max_percentage"
-			></slider>
+					<div class="input-area">
+						<label>{{'pyrometer_lowerthermoregulator_min_percentage'|localize('Percentuale Minimo')}}</label>
+						<numeric v-model="recipe.pyrometer_lowerthermoregulator_min_percentage" />
+					</div>
+					<slider v-model="recipe.pyrometer_lowerthermoregulator_min_percentage"></slider>
+					<div class="input-area">
+						<label>{{'pyrometer_lowerthermoregulator_max_percentage'|localize('Percentuale Massimo')}}</label>
+						<numeric v-model="recipe.pyrometer_lowerthermoregulator_max_percentage" />
+					</div>
+					<slider v-model="recipe.pyrometer_lowerthermoregulator_max_percentage"></slider>
 
-			<hr />
+					<hr />
 
-			<div class="input-area">
-				<label>{{'pyrometer_lowerthermoregulator_sleep_enabled'|localize('Abilitazione riposo')}}</label>
-				<toggle-button v-model="recipe.pyrometer_lowerthermoregulator_sleep_enabled.status.enabled"></toggle-button>
+					<div class="input-area">
+						<label>{{'pyrometer_lowerthermoregulator_sleep_enabled'|localize('Abilitazione riposo')}}</label>
+						<toggle-button v-model="recipe.pyrometer_lowerthermoregulator_sleep_enabled.status.enabled"></toggle-button>
+					</div>
+					<div class="input-area">
+						<label>{{'pyrometer_lowerthermoregulator_sleep_percentage'|localize('Percentuale riposo')}}</label>
+						<numeric v-model="recipe.pyrometer_lowerthermoregulator_sleep_percentage" />
+					</div>
+					<slider v-model="recipe.pyrometer_lowerthermoregulator_sleep_percentage"></slider>
+					<div class="input-area">
+						<label>{{'pyrometer_lowerthermoregulator_sleep_temperature'|localize('Temperatura a riposo (°C/10)')}}</label>
+						<numeric v-model="recipe.pyrometer_lowerthermoregulator_sleep_temperature" />
+					</div>
+					<slider v-model="recipe.pyrometer_lowerthermoregulator_sleep_temperature"></slider>
+					<div class="input-area">
+						<label>{{'pyrometer_lowerthermoregulator_working_temperature'|localize('Temperatura a regime (°C/10)')}}</label>
+						<numeric v-model="recipe.pyrometer_lowerthermoregulator_working_temperature" />
+					</div>
+					<slider v-model="recipe.pyrometer_lowerthermoregulator_working_temperature"></slider>
+				</div>
 			</div>
-			<div class="input-area">
-				<label>{{'pyrometer_lowerthermoregulator_sleep_percentage'|localize('Percentuale riposo')}}</label>
-				<numeric
-					v-model="recipe.pyrometer_lowerthermoregulator_sleep_percentage"
-				/>
-			</div>
-			<slider
-				v-model="recipe.pyrometer_lowerthermoregulator_sleep_percentage"
-			></slider>
-			<div class="input-area">
-				<label>{{'pyrometer_lowerthermoregulator_sleep_temperature'|localize('Temperatura a riposo (°C/10)')}}</label>
-				<numeric
-					v-model="recipe.pyrometer_lowerthermoregulator_sleep_temperature"
-				/>
-			</div>
-			<slider
-				v-model="recipe.pyrometer_lowerthermoregulator_sleep_temperature"
-			></slider>
-			<div class="input-area">
-				<label>{{'pyrometer_lowerthermoregulator_working_temperature'|localize('Temperatura a regime (°C/10)')}}</label>
-				<numeric
-					v-model="recipe.pyrometer_lowerthermoregulator_working_temperature"
-				/>
-			</div>
-			<slider
-				v-model="recipe.pyrometer_lowerthermoregulator_working_temperature"
-			></slider>
 		</aside>
 		<hr />
-		<div class="specific termospecific">
+		<article>
 			<svgtermoinferiore :recipe="recipe"></svgtermoinferiore>
-			<button>
+			<button class="btn btn-success square absolute bottom left">
 				<img src="assets/icons/png/double.png" />
 			</button>
-		</div>
+		</article>
 	</section>
 </template>
 
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-superiore.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-superiore.vue
index e4f23636..41ec5030 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-superiore.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-superiore.vue
@@ -1,87 +1,63 @@
 <template>
 	<section class="termo">
 		<aside class="scrollable">
-			<div class="input-area">
-				<label>{{'pyrometer_upperthermoregulator_start_adjustment'|localize('Inizio regolazione (°C/10)')}}</label>
-				<numeric
-					v-model="recipe.pyrometer_upperthermoregulator_start_adjustment"
-				/>
-			</div>
-			<slider
-				v-model="recipe.pyrometer_upperthermoregulator_start_adjustment"
-			></slider>
-			<div class="input-area">
-				<label>{{'pyrometer_upperthermoregulator_end_adjustment'|localize('Fine regolazione (°C/10)')}}</label>
-				<numeric
-					v-model="recipe.pyrometer_upperthermoregulator_end_adjustment"
-				/>
-			</div>
-			<slider
-				v-model="recipe.pyrometer_upperthermoregulator_end_adjustment"
-			></slider>
+			<div class="box transparent">
+				<div class="body">
+					<div class="input-area">
+						<label>{{'pyrometer_upperthermoregulator_start_adjustment'|localize('Inizio regolazione (°C/10)')}}</label>
+						<numeric v-model="recipe.pyrometer_upperthermoregulator_start_adjustment" />
+					</div>
+					<slider v-model="recipe.pyrometer_upperthermoregulator_start_adjustment"></slider>
+					<div class="input-area">
+						<label>{{'pyrometer_upperthermoregulator_end_adjustment'|localize('Fine regolazione (°C/10)')}}</label>
+						<numeric v-model="recipe.pyrometer_upperthermoregulator_end_adjustment" />
+					</div>
+					<slider v-model="recipe.pyrometer_upperthermoregulator_end_adjustment"></slider>
 
-			<hr />
+					<hr />
 
-			<div class="input-area">
-				<label>{{'pyrometer_upperthermoregulator_min_percentage'|localize('Percentuale Minimo')}}</label>
-				<numeric
-					v-model="recipe.pyrometer_upperthermoregulator_min_percentage"
-				/>
-			</div>
-			<slider
-				v-model="recipe.pyrometer_upperthermoregulator_min_percentage"
-			></slider>
-			<div class="input-area">
-				<label>{{'pyrometer_upperthermoregulator_max_percentage'|localize('Percentuale Massimo')}}</label>
-				<numeric
-					v-model="recipe.pyrometer_upperthermoregulator_max_percentage"
-				/>
-			</div>
-			<slider
-				v-model="recipe.pyrometer_upperthermoregulator_max_percentage"
-			></slider>
+					<div class="input-area">
+						<label>{{'pyrometer_upperthermoregulator_min_percentage'|localize('Percentuale Minimo')}}</label>
+						<numeric v-model="recipe.pyrometer_upperthermoregulator_min_percentage" />
+					</div>
+					<slider v-model="recipe.pyrometer_upperthermoregulator_min_percentage"></slider>
+					<div class="input-area">
+						<label>{{'pyrometer_upperthermoregulator_max_percentage'|localize('Percentuale Massimo')}}</label>
+						<numeric v-model="recipe.pyrometer_upperthermoregulator_max_percentage" />
+					</div>
+					<slider v-model="recipe.pyrometer_upperthermoregulator_max_percentage"></slider>
 
-			<hr />
+					<hr />
 
-			<div class="input-area">
-				<label>{{'pyrometer_upperthermoregulator_sleep_enabled'|localize('Abilitazione riposo')}}</label>
-				<toggle-button v-model="recipe.pyrometer_upperthermoregulator_sleep_enabled.status.enabled"></toggle-button>
+					<div class="input-area">
+						<label>{{'pyrometer_upperthermoregulator_sleep_enabled'|localize('Abilitazione riposo')}}</label>
+						<toggle-button v-model="recipe.pyrometer_upperthermoregulator_sleep_enabled.status.enabled"></toggle-button>
+					</div>
+					<div class="input-area">
+						<label>{{'pyrometer_upperthermoregulator_sleep_percentage'|localize('Percentuale riposo')}}</label>
+						<numeric v-model="recipe.pyrometer_upperthermoregulator_sleep_percentage" />
+					</div>
+					<slider v-model="recipe.pyrometer_upperthermoregulator_sleep_percentage"></slider>
+					<div class="input-area">
+						<label>{{'pyrometer_upperthermoregulator_sleep_temperature'|localize('Temperatura a riposo (°C/10)')}}</label>
+						<numeric v-model="recipe.pyrometer_upperthermoregulator_sleep_temperature" />
+					</div>
+					<slider v-model="recipe.pyrometer_upperthermoregulator_sleep_temperature"></slider>
+					<div class="input-area">
+						<label>{{'pyrometer_upperthermoregulator_working_temperature'|localize('Temperatura a regime (°C/10)')}}</label>
+						<numeric v-model="recipe.pyrometer_upperthermoregulator_working_temperature" />
+					</div>
+					<slider v-model="recipe.pyrometer_upperthermoregulator_working_temperature"></slider>
+				</div>
 			</div>
-			<div class="input-area">
-				<label>{{'pyrometer_upperthermoregulator_sleep_percentage'|localize('Percentuale riposo')}}</label>
-				<numeric
-					v-model="recipe.pyrometer_upperthermoregulator_sleep_percentage"
-				/>
-			</div>
-			<slider
-				v-model="recipe.pyrometer_upperthermoregulator_sleep_percentage"
-			></slider>
-			<div class="input-area">
-				<label>{{'pyrometer_upperthermoregulator_sleep_temperature'|localize('Temperatura a riposo (°C/10)')}}</label>
-				<numeric
-					v-model="recipe.pyrometer_upperthermoregulator_sleep_temperature"
-				/>
-			</div>
-			<slider
-				v-model="recipe.pyrometer_upperthermoregulator_sleep_temperature"
-			></slider>
-			<div class="input-area">
-				<label>{{'pyrometer_upperthermoregulator_working_temperature'|localize('Temperatura a regime (°C/10)')}}</label>
-				<numeric
-					v-model="recipe.pyrometer_upperthermoregulator_working_temperature"
-				/>
-			</div>
-			<slider
-				v-model="recipe.pyrometer_upperthermoregulator_working_temperature"
-			></slider>
 		</aside>
 		<hr />
-		<div class="specific termospecific">
+		<article>
 			<svgtermosuperiore :recipe="recipe"></svgtermosuperiore>
-			<button>
+			<button class="btn btn-success square absolute bottom left">
 				<img src="assets/icons/png/double.png" />
 			</button>
-		</div>
+		</article>
 	</section>
 </template>