@import '_content/CEIA.Blazor.Components/CEIA.Blazor.Components.v8hab8c1x4.bundle.scp.css';
@import '_content/CEIA.Blazor.ExternalWebsites.Components/CEIA.Blazor.ExternalWebsites.Components.rvunnt2qnn.bundle.scp.css';

/* _content/CeiaPower/Elements/CTASection.razor.rz.scp.css */
.features[b-0uugvsjt1c] {
	display: flex;
	justify-content: center;
	gap: 1rem;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.feature-box[b-0uugvsjt1c] {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.title[b-0uugvsjt1c] {
	font-size: 16px;
	font-weight: bold;
	color: black;
	text-align: center;
	margin-bottom: 10px;
}

.icon-box[b-0uugvsjt1c] {
	background-color: #f37021;
	padding: 1rem;
	border-radius: 1rem;
	width: 75px;
	height: 75px;
	display: flex;
	justify-content: center;
	align-items: center;
}

	.icon-box img[b-0uugvsjt1c] {
		width: 50px;
		height: 50px;
		object-fit: contain;
	}
/* _content/CeiaPower/Pages/AboutUs/AboutUs.razor.rz.scp.css */
*[b-xisuktl8im] {
	box-sizing: border-box;
}

body[b-xisuktl8im] {
	background-color: #474e5d;
	font-family: Helvetica, sans-serif;
}

.timeline h1[b-xisuktl8im] {
	padding-inline: 1rem;
	margin-block: 0;
	font-weight: 500;
	color: white;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.timeline .back_year[b-xisuktl8im] {
	background-color: var(--section-color);
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}

.timeline .content[b-xisuktl8im] {
	padding: 1rem
}

/* The actual timeline (the vertical ruler) */
.timeline[b-xisuktl8im] {
	position: relative;
	max-width: 1000px;
	margin: 150px auto 0px auto;
}

	/* The actual timeline (the vertical ruler) */
	.timeline[b-xisuktl8im]::after {
		content: '';
		position: absolute;
		width: 2px;
		background-color: var(--section-color);
		top: 0;
		bottom: 0;
		left: 50%;
		margin-left: -1px;
		margin-top: -150px;
	}

	/* Container around content */
	.timeline .container[b-xisuktl8im] {
		padding: 10px 40px;
		position: relative;
		background-color: inherit;
		width: 50%;
	}

		/* The circles on the timeline */
		.timeline .container[b-xisuktl8im]::after {
			content: '';
			position: absolute;
			width: 25px;
			height: 25px;
			right: -17px;
			background-color: white;
			border: 4px solid var(--section-color);
			top: 15px;
			border-radius: 50%;
			z-index: 1;
		}

	/* Place the container to the left */
	.timeline .alternate:nth-child(odd)[b-xisuktl8im] {
		left: 0;
	}

	/* Place the container to the right */
	.timeline .alternate:nth-child(even)[b-xisuktl8im] {
		left: 50%;
	}

	.timeline .alternate:nth-child(odd) h1[b-xisuktl8im] {
		text-align: right;
	}

	.timeline .alternate:nth-child(even) h1[b-xisuktl8im] {
		text-align: left;
	}

	/* Add arrows to the left container (pointing right) */
	.timeline .alternate:nth-child(odd)[b-xisuktl8im]::before {
		content: " ";
		height: 0;
		position: absolute;
		top: 22px;
		width: 0;
		z-index: 1;
		right: 30px;
		border: medium solid var(--section-color);
		border-width: 10px 0 10px 10px;
		border-color: transparent transparent transparent var(--section-color);
	}

	/* Add arrows to the right container (pointing left) */
	.timeline .alternate:nth-child(even)[b-xisuktl8im]::before {
		content: " ";
		height: 0;
		position: absolute;
		top: 22px;
		width: 0;
		z-index: 1;
		left: 30px;
		border: medium solid var(--section-color);
		border-width: 10px 10px 10px 0;
		border-color: transparent var(--section-color) transparent transparent;
	}

	/* Fix the circle for containers on the right side */
	.timeline .alternate:nth-child(even)[b-xisuktl8im]::after {
		left: -16px;
	}

	/* The actual content */
	.timeline .container.alternate > div[b-xisuktl8im] {
		background-color: white;
		border-radius: 1rem;
		box-shadow: 5px 5px 20px 3px rgb(224, 224, 224);
		border: 1px solid var(--section-color);
		margin-top: -150px;
	}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
	/* Place the timelime to the left */
	.timeline[b-xisuktl8im]::after {
		left: 31px;
		margin-top: 0;
	}

	/* Full-width containers */
	.timeline .container[b-xisuktl8im] {
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
	}

		/* Make sure that all arrows are pointing leftwards */
		.timeline .container[b-xisuktl8im]::before {
			left: 60px !important;
			border-width: 10px 10px 10px 0 !important;
			border-color: transparent var(--section-color) transparent transparent !important;
		}

	.timeline .alternate h1[b-xisuktl8im] {
		text-align: left !important;
	}

	/* Make sure all circles are at the same spot */
	.timeline .alternate:nth-child(odd)[b-xisuktl8im]::after, .timeline .alternate:nth-child(even)[b-xisuktl8im]::after {
		left: 15px;
	}

	.timeline[b-xisuktl8im] {
		margin: 0 auto !important;
	}

		.timeline .container.alternate > div[b-xisuktl8im] {
			margin-top: 0px !important;
		}

		/* Make all right containers behave like the left ones */
		.timeline .alternate:nth-child(even)[b-xisuktl8im] {
			left: 0%;
		}
}
/* _content/CeiaPower/Pages/AboutUs/News.razor.rz.scp.css */
.author[b-sgueb86i5s] {
	margin-block: 1rem;
	display: flex;
	flex-direction: column
}

.avatar[b-sgueb86i5s] {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

	.avatar img[b-sgueb86i5s] {
		border-radius: 50%;
		height: 2rem;
		width: 2rem;
	}


@media (max-width: 999px) {
	.author[b-sgueb86i5s] {
		flex-direction: row;
		gap: 1rem;
	}
}
/* _content/CeiaPower/Pages/Account/LoggerViewer/Graph.razor.rz.scp.css */
#container[b-ypcka4cznk] {
	height: 90vh;
	width: 89%;
	border: 2px solid black;
	border-radius: 5px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  Classi per visualizzazione dati cursori
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#command_container[b-ypcka4cznk] {
	font-family: "Arial";
	font-size: 12px;
	height: 98%;
	width: 10%;
	float: right;
	margin-left: 0.5%;
}

/* classe usata per la div che contiene tutti i dati di un singolo cursore*/
.info_values_container[b-ypcka4cznk] {
	float: left;
	width: 98%;
	border-radius: 5px;
	border: 2px solid;
	margin: 1%;
	height: 15%;
}

.button_container[b-ypcka4cznk] {
	margin-top: 7%;
	margin-right: 2%;
	float: right;
	height: 20%;
	width: 45%;
}

.etichetta[b-ypcka4cznk] {
	font-weight: bold;
	float: left;
	width: 98%;
	color: black;
	margin-left: 2%;
	margin-top: 4%;
	margin-bottom: 1%;
	height: 8%;
}

.etichetta_short[b-ypcka4cznk] {
	width: 47%;
}

.xvalue[b-ypcka4cznk] {
	float: left;
	width: 94%;
	height: 13%;
	line-height: 180%;
	/*padding-top: 1%;*/
	/*padding-left: 1%;*/
	border: 1px solid;
	margin-top: 1px;
	margin-left: 2%;
	text-align: right;
	background: white;
}

.xvalue_short[b-ypcka4cznk] {
	width: 46%;
}

#TimeDiff_container[b-ypcka4cznk] {
	color: #006000;
	background-color: rgba(0,64,0,0.4);
	height: 10%
}

#time_diff_label[b-ypcka4cznk], #temp_diff_label[b-ypcka4cznk] {
	margin-top: 3%;
	margin-bottom: 2px;
	height: 12%;
}

#TimeDiff_value[b-ypcka4cznk], #Temperature_Diff_value[b-ypcka4cznk] {
	height: 20%;
	/*padding-top: 2%;*/
	/*margin-top: 2px;*/
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  Classi per la tabella che contiene i tasti (Refresh, Close,
  frecce sinistra e destra)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#selectionContainer[b-ypcka4cznk] {
	height: 10%;
}

.label_samples_selection[b-ypcka4cznk] {
	text-align: center;
	float: left;
	width: 98%;
	color: black;
	margin-left: 2%;
	margin-top: 3%;
	margin-bottom: 2%;
	height: 20%;
}

#selection_label_min_max[b-ypcka4cznk] {
	margin-top: 5%;
	text-align: center;
}

#samples_navigator[b-ypcka4cznk] {
	float: left;
	width: 98%;
	height: 25%;
	margin-left: 1%;
	margin-right: 1%;
}

.edit_samples_selection[b-ypcka4cznk] {
	float: left;
	width: 29%;
	margin: 1%;
	margin: 1%;
	height: 98%;
	font-size: 12px;
	border: 1px solid #dddddd;
	padding: 0px;
	text-align: right;
}

.tastoPrevStep[b-ypcka4cznk], .tastoNextStep[b-ypcka4cznk] {
	width: 15%;
	height: 98%;
	padding: 0px;
	margin: 1%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 2px 3px #000000;
	-webkit-box-shadow: 1px 2px 3px #000000;
	box-shadow: 1px 2px 3px #000000;
	border: 1px solid #dddddd;
	position: relative;
}

.tastoPrevStep[b-ypcka4cznk] {
	float: left;
	background: url(../img/start_arrow4.png), url(../img/gradientscuro.png);
	background-position: center center, top left;
	background-repeat: no-repeat, repeat-x;
	background-size: 80% 80%, auto auto;
}

	.tastoPrevStep:active[b-ypcka4cznk] {
		background: url(../img/start_arrow4.png), url(../img/gradientchiaro.png);
		background-position: center center, top left;
		background-repeat: no-repeat, repeat-x;
		background-size: 80% 80%, auto auto;
		border: 1px solid black;
	}

.tastoNextStep[b-ypcka4cznk] {
	float: left;
	background: url(../img/end_arrow4.png), url(../img/gradientscuro.png);
	background-position: center center, top left;
	background-repeat: no-repeat, repeat-x;
	background-size: 80% 80%, auto auto;
}

	.tastoNextStep:active[b-ypcka4cznk] {
		background: url(../img/end_arrow4.png), url(../img/gradientchiaro.png);
		background-position: center center, top left;
		background-repeat: no-repeat, repeat-x;
		background-size: 80% 80%, auto auto;
		border: 1px solid black;
	}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  Classi per le checkbox per abilitare/disabilitare il disegno
  delle varie curve
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#checkboxes_list_container[b-ypcka4cznk] {
	height: 40%;
	border: 0px;
}

#checkboxes_tck_container[b-ypcka4cznk] {
	height: 10%;
	border: 0px;
}

.checkbox_option_dim[b-ypcka4cznk] {
	height: 10.5%;
	width: 100%;
}

.checkbox[b-ypcka4cznk] {
	width: 19px;
	height: 100%;
	min-height: 19px;
	/*height: 20px;*/
	padding: 0px;
	background: url("checkbox.jpg");
	background-repeat: no-repeat;
	display: block;
	clear: left;
	float: left;
}

.checkbox_label[b-ypcka4cznk] {
	height: 100%;
	line-height: 180%;
}

.checked[b-ypcka4cznk] {
	background-position: 0px -50px;
}

.clicked[b-ypcka4cznk] {
	background-position: 0px -25px;
}

	.clicked.checked[b-ypcka4cznk] {
		background-position: 0px -75px;
	}

.green[b-ypcka4cznk] {
	background-color: #088A08;
}

.ciano[b-ypcka4cznk] {
	background-color: #00BFFF;
}

.viola[b-ypcka4cznk] {
	background-color: #CC00FF;
}

.blue[b-ypcka4cznk] {
	background-color: #0000FF;
}

.arancione[b-ypcka4cznk] {
	background-color: #FF8000;
}

.nero[b-ypcka4cznk] {
	background-color: #000000;
}

.rosa[b-ypcka4cznk] {
	background-color: #FFAEC9;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  Classi usate per le label associate alle checkbox
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#checkboxSection1[b-ypcka4cznk] {
	float: left;
	visibility: hidden;
	width: 49%;
}

#checkboxSection2[b-ypcka4cznk] {
	float: right;
	visibility: hidden;
	width: 49%;
}

#checkboxtc1[b-ypcka4cznk] {
	float: left;
	width: 49%;
}

#checkboxtc2[b-ypcka4cznk] {
	float: right;
	width: 49%;
}

.temperature[b-ypcka4cznk] {
	color: #088A08;
}

.setpoint[b-ypcka4cznk] {
	color: blue;
}

.diagnosis[b-ypcka4cznk] {
	color: #FF8000;
}

.tolerance[b-ypcka4cznk] {
	color: #00BFFF;
}

.power[b-ypcka4cznk] {
	color: #000000;
}

.steps[b-ypcka4cznk] {
	color: #CC00FF;
}

.tck1[b-ypcka4cznk] {
	color: #FFAEC9;
}

.tc1[b-ypcka4cznk] {
	color: #088A08;
}

.tc2[b-ypcka4cznk] {
	color: #00BFFF;
}

.tc3[b-ypcka4cznk] {
	color: #CC00FF;
}

.tc4[b-ypcka4cznk] {
	color: #0000FF;
}

.tc5[b-ypcka4cznk] {
	color: #FF8000;
}

.tc6[b-ypcka4cznk] {
	color: #000000;
}

.tc7[b-ypcka4cznk] {
	color: #FFAEC9;
}

.tc8[b-ypcka4cznk] {
	color: #088A08;
}

.tc9[b-ypcka4cznk] {
	color: #FFAEC9;
}

.tc10[b-ypcka4cznk] {
	color: #FFAEC9;
}

.tc11[b-ypcka4cznk] {
	color: #FFAEC9;
}

.tc12[b-ypcka4cznk] {
	color: #FFAEC9;
}

.tc13[b-ypcka4cznk] {
	color: #FFAEC9;
}

.tc14[b-ypcka4cznk] {
	color: #FFAEC9;
}

.tc15[b-ypcka4cznk] {
	color: #FFAEC9;
}

.temperature_dashed_underline[b-ypcka4cznk] {
	color: #088A08;
	border-bottom: 2px dashed #088A08;
	text-decoration: none;
}

.setpoint_dashed_underline[b-ypcka4cznk] {
	color: blue;
	border-bottom: 2px dashed blue;
	text-decoration: none;
}

.diagnosis_dashed_underline[b-ypcka4cznk] {
	color: #FF8000;
	border-bottom: 2px dashed #FF8000;
	text-decoration: none;
}

.tolerance_dashed_underline[b-ypcka4cznk] {
	color: #00BFFF;
	border-bottom: 2px dashed #00BFFF;
	text-decoration: none;
}

.power_dashed_underline[b-ypcka4cznk] {
	color: #000000;
	border-bottom: 2px dashed #000000;
	text-decoration: none;
}

.steps_dashed_underline[b-ypcka4cznk] {
	color: #CC00FF;
	border-bottom: 2px dashed #CC00FF;
	text-decoration: none;
}

.tck2_dashed_underline[b-ypcka4cznk] {
	color: #FFAEC9;
	border-bottom: 2px dashed #FFAEC9;
	text-decoration: none;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  Pulsanti Close (Refresh eliminato)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.empty_panel[b-ypcka4cznk] {
	height: 22%;
	width: 100%;
	float: left;
}

.buttons[b-ypcka4cznk] {
	float: left;
	width: 100%;
	height: 4%;
}

.page_button[b-ypcka4cznk] {
	display: block;
	float: right;
	height: 90%;
	width: 40%;
	text-align: center;
	color: #151515;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	line-height: 180% -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 2px 3px #000000;
	-webkit-box-shadow: 1px 2px 3px #000000;
	box-shadow: 1px 2px 3px #000000;
	margin-bottom: 10px;
	padding: 0 10px;
	font-size: 10px;
	text-transform: none;
	margin: 2%;
	background: #888a8c url(../img/gradientscuro.png) repeat-x top left;
	border: 1px solid #ddd;
	cursor: pointer;
}

	.page_button:active[b-ypcka4cznk] {
		background: #888a8c url(../img/gradientchiaro.png) repeat-x top left;
		border: 1px solid black;
	}

.remove_cursor[b-ypcka4cznk] {
	font-size: 12px;
	height: 90%;
	width: 100%;
}
/* _content/CeiaPower/Pages/Account/LoggerViewer/ViewFiles.razor.rz.scp.css */
.jFileTree[b-7r2awrq2hr] {
	height: 100%;
	border: 1px solid #CCC;
	padding: 0 1px;
	overflow: auto;
}

.about[b-7r2awrq2hr] {
	position: absolute;
	left: 430px;
	top: 10px;
}

.source[b-7r2awrq2hr] {
	font-size: 1.1em;
}

.filecontent[b-7r2awrq2hr] {
	height: 100%;
	font-family: monospace
}

.textareafilecontent[b-7r2awrq2hr] {
	height: 100%;
	width: 100%;
	font-family: monospace;
	font-size: 1.2em;
	outline: none;
}

.buttons[b-7r2awrq2hr] {
	height: 10%;
	float: left;
	padding-top: 8px;
}

.logoutButtons[b-7r2awrq2hr] {
	height: 10%;
	float: right;
	padding-top: 8px;
}
/* _content/CeiaPower/Pages/Account/Login.razor.rz.scp.css */
h1[b-lvm2oy37rt] {
	color: var(--section-color);
	margin: 0;
	font-size: 2rem;
	text-align: center;
}

a[b-lvm2oy37rt] {
	font-size: 18px
}
