/* ###################################################################################### */
/* ### STILI SPECIFICI ################################################################## */
/* ###################################################################################### */

.campo {
	border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
	margin: 10px auto 10px auto;
	width:90%;
	border:3px #36c; 
	border-style:double;
	text-align: left;
	font-weight: bold;
}
.legend {
	font-size:0.9em; 
	font-weight:bold; 
	padding:0.1em 1em; 
	border:3px #36c; 
	border-style:double;
	color:#369
}
.campo_tasto {
	border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
	margin: 10px auto 10px auto;
	width:90%;
	border:3px #36c; 
	border-style:double;
	text-align: center;
	font-weight: bold;
}
.tasto {
	margin: auto;
	width: 90px;
	border-radius: 10px;
	background-color: #9cf;
	font-family: verdana,helvetica,arial,sans-serif;
	font-weight: bold;
	color: #36C;
	font-size: 76%;
}
.tasto:hover {
	color:#def;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
input {
	background: #9cf;
	color: #36c;
}
input[type=file]::file-selector-button {
	border-bottom: 2px solid #36c; 
	border-right: 2px solid #36c; 
	border-left: 1px solid #fff; 
	border-top: 1px solid #fff; 
	padding: .2em .4em;
	border-radius: .2em;
	background-color: #9cf;
	color: #36c;
	font-weight: bold;
	transition: 0.1s;
}
input[type=file]::file-selector-button:hover {
	border-top: 2px solid #36c; 
	border-left: 2px solid #36c; 
	border-right: 1px solid #fff; 
	border-bottom: 1px solid #fff; 
	color:#def;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
textarea {
	background: #9cf;
	color: #36c;
	resize: vertical;
}
::placeholder {
	color: #36c;
}
.label_60_std {
	width:60%;
	display: -moz-inline-box; display: inline-block; 
	padding: 0px 10px 0px 10px; 
	font-weight: bold;
}
.label_60_std:first-letter {
	font-size:1.3em;
}
.input_50 {
	width:50%; 
	right:0;
}

.anchor {
	display: -moz-inline-box; display: inline-block;
	width:		90px;
	margin: 1px 5px 1px 5px;
	border-radius: 10px;
	border-bottom: 2px solid #36c; 
	border-right: 2px solid #36c; 
	border-left: 1px solid #fff; 
	border-top: 1px solid #fff; 
	outline: none;
	background-color:#9cf;
	color:#36c;
	font-size: 1.0em;
	font-weight: bold;
}
.anchor:hover {
	color:#def;
}

.grafico {
	text-align:		center;
}
.bloccoM {
	text-align:		center;
	margin-bottom:		20px;
}
.scroogeM {
	width:			110%;
	height:		auto;
}
.deltaIeriM {
	display:		inline-block;
	vertical-align:	top;
	padding:		10px;
}
.m74 {
	margin:		5px;
	padding:		20px;
	border-bottom:		3px solid #36c; 
	border-right:		3px solid #36c; 
	border-left:		3px solid #69f;
	border-top:		3px solid #69f;
	border-radius:		15px;
	font-weight:		bold;
	text-decoration:	none;
	font-size:		2.00em;
}
.m74 a {
	text-decoration:	none;
}
.m84 {
	margin:		5px;
	padding:		20px;
	border-bottom:		3px solid #36c; 
	border-right:		3px solid #36c; 
	border-left:		3px solid #69f;
	border-top:		3px solid #69f;
	border-radius:		15px;
	display:		inline-block;
	font-weight:		bold;
	text-decoration:	none;
	font-size:		1.50em;
}
.m84 a {
	text-decoration:	none;
}
table,
th,
td {
	border:		1px solid;
	border-radius:		3px;
}
caption {
	caption-side:		top;
}
thead {
	text-align:		center;
	vertical-align:	middle;
}


/* ### STILE x POPUP MODAL (e non solo...)			### */

.gruppo {
	height: 30px;
}
.col_0 { 
	margin: auto auto auto 5%;
	float:left;
	width: 90%;
	text-align: left;
}
.col_1 { 
	margin: auto auto auto 5%;
	float:left;
	width: 35%;
	text-align: left;
}
.col_2 {
	margin: auto 5% auto auto;
	float:right;
	width: 45%; 
	text-align: left;
}
.scegliTabella {
	margin: auto 5% auto auto;
	float:right;
	width: 40%; 
	text-align: left;

	border-bottom: 2px solid #36c; 
	border-right: 2px solid #36c; 
	border-left: 1px solid #fff; 
	border-top: 1px solid #fff; 
	outline: none;
	background-color:#69f;
	background-color:#9cf;
	color:#369;
	color:#36c;
	font-weight: bold;
}
.scegliTabella:hover {
	color:#def;
}
.scegliTabella option:checked {
	background-color:#69f;
	color:#369;
}
.scegliGateway {
	margin: auto 5% auto auto;
	float:right;
	width: 47%; 
	text-align: left;

	border-bottom: 2px solid #36c; 
	border-right: 2px solid #36c; 
	border-left: 1px solid #fff; 
	border-top: 1px solid #fff; 
	outline: none;
	background-color:#9cf;
	color:#36c;
}
.scegliGateway:hover {
	font-weight: bold;
}
.scegliGateway option:checked {
	background-color:#69f;
	color:#369;
}

/* ### STILI SPECIFICI PER SELECT/OPTION ### */
.scegliDifetto {
	margin: 10px auto 10px 5%;
	width: 90%;

	border-bottom: 2px solid #36c; 
	border-right: 2px solid #36c; 
	border-left: 1px solid #fff; 
	border-top: 1px solid #fff; 
	outline: none;
	background-color:#9cf;
	color:#369;
	font-size: 1.2em;
	font-weight: bold;
color:#36c;
}
.scegliPartNumber {
	padding: 1px 10px 1px 10px;
	margin: 10px auto 10px 5%;
	width: 90%;

	border-bottom: 2px solid #36c; 
	border-right: 2px solid #36c; 
	border-left: 1px solid #fff; 
	border-top: 1px solid #fff; 
	outline: none;
	background-color:#9cf;
	color:#369;
	font-size: 1.2em;
	font-weight: bold;
color:#36c;
}
.scegliServer {
	padding: 1px 10px 1px 10px;
	margin: 10px auto 10px 5%;
	width: 90%;

	border-bottom: 2px solid #36c; 
	border-right: 2px solid #36c; 
	border-left: 1px solid #fff; 
	border-top: 1px solid #fff; 
	outline: none;
	background-color:#9cf;
	color:#369;
	font-size: 1em;
	font-weight: bold;
color:#36c;
}
.scegliNumeroDifetti {
margin: 10px auto 10px auto;
	border-bottom: 2px solid #36c; 
	border-right: 2px solid #36c; 
	border-left: 1px solid #fff; 
	border-top: 1px solid #fff; 
	outline: none;
	background-color:#9cf;
	color:#369;
	font-size: 1.2em;
	font-weight: bold;
color:#36c;
}
.scegliData,
#scegliData1,
#scegliData {
	width: 100%;
margin: 10px auto 10px auto;
	border-bottom: 2px solid #36c; 
	border-right: 2px solid #36c; 
	border-left: 1px solid #fff; 
	border-top: 1px solid #fff; 
	outline: none;
	background-color:#69f;
	background-color:#9cf;
	color:#369;
	font-size: 1.2em;
	font-weight: bold;
color:#36c;
}
.scegliData:hover,
#scegliData1:hover,
#scegliData:hover {
	color:#def;
}
.scegliDifetto:hover,
.scegliPartNumber:hover,
.scegliNumeroDifetti:hover,
.scegliData option:hover,
#scegliData1 option:hover,
#scegliData option:hover,
#scegliData1 option:checked,
#scegliData option:checked {
	background-color:#69f;
	color:#369;
}


.campoLogin {
	margin: 1em 0.3em 1em 0.3em;
	padding: 0.3%;
	width: 80%;
	border:5px #36c; 
	border-style:double;
	font-weight: bold;
}
.scrittaLogin {
	position: absolute;
	top: 50%; left: 0; bottom: 0; right: 0;
	text-align: center;
	font-weight: bold;
	color: #36C;
	font-size: 30px;
}
.fraseLogin {
}
.tastoLogin {
	border-radius: 10px;
	background-color: #9cf;
	font-weight: bold;
	color: #36C;
	font-size: 30px;
}
.tastoLogin:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

/* ### STILE x REPORT ANALISI			 ### */
.content {

}
.grigliaREPanalisi {
	display: grid;
	grid-template-columns: 5% 90% 5%;
	grid-template-rows: auto; 
}
.sinistra {				/* Grafico di tutto il periodo */
	grid-column: 1 / span 1;
	grid-row: 1 / span 1;
	padding: 40px 10px 0px 10px;
}
.destra {				/* Grafico di tutto il periodo */
	grid-column: 3 / span 1;
	grid-row: 1 / span 1;
	padding: 40px 10px 0px 10px;
}
.centro {				/* Grafico di tutto il periodo */
	grid-column: 2 / span 1;
	grid-row: 1 / span 1;
	padding: 10px 5px 10px 5px;
}
.sotto {				/* Grafico di tutto il periodo */
	grid-column: 1 / span 3;
	grid-row: 2 / span 1;
	padding: 10px 10px 50px 10px;
	text-align:center;
	font-size:1.50em;
}


/* ### STILI VARI ### */
.grafico {
  display: inline-block;
	width: 100%;
	height: 80%;
}
.modulo {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
}
/**********************************************************************************************************************************
Eliminato da Ant il 2021-02-04
.modal {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
}
***********************************************************************************************************************************/



.campo_motivo {
	margin: 4em 0 0 5em;
	padding: 0%;
	border: none;
}

.campo_radio {
	float: left;
	margin: 1em 0 0 0;
	width: 25%;
}

.campo_data {
	padding: 5%;
	width: 20%;
	border: none;
}

.campo_90 {
	margin: 1em 0.3em 1em 0.3em;
	padding: 0.3%;
	width: 90%;
	border:5px #36c; 
	border-style:double;
	text-align: left;
	font-weight: bold;
	display: -moz-inline-box; display: inline-block;
}
.label {
	width:45%; 
	display: -moz-inline-box; display: inline-block; 
	padding:2px 6px; 
	font-weight: bold;
}
.label:first-letter {
	font-size:1.3em;
}
.label_60 {
	font-size:200%; 
	width:60%; 
	display: -moz-inline-box; display: inline-block; 
	padding:2px 2px; 
	font-weight: bold;
}
.label_60:first-letter {
	font-size:1.3em;
}
.label_50 {
	width:50%;
	display: -moz-inline-box; display: inline-block; 
	padding: 0px 10px 0px 10px; 
	font-weight: bold;
}
.label_50:first-letter {
	font-size:1.3em;
}
.label_40 {
	width:40%;
	display: -moz-inline-box; display: inline-block; 
	padding: 0px 10px 0px 10px; 
	font-weight: bold;
}
.label_40:first-letter {
	font-size:1.3em;
}
.label_35 {
	width:35%; 
	display: -moz-inline-box; display: inline-block; 
	padding:2px 2px; 
	font-weight: bold;
}
.label_35:first-letter {
	font-size:1.3em;
}
.label_20 {
	width:20%; 
	display: -moz-inline-box; display: inline-block; 
	padding:2px 2px; 
	font-weight: bold;
}
.label_20:first-letter {
	font-size:1.3em;
}
.dato_30 {
	width:30%;
	text-align: right;
	display: -moz-inline-box; display: inline-block; 
	font-weight: bold;
}
.dato_20 {
	width:20%;
	text-align: right;
	display: -moz-inline-box; display: inline-block; 
	font-weight: bold;
}
.dato_10 {
	width:10%;
	text-align: right;
	display: -moz-inline-box; display: inline-block; 
	font-weight: bold;
}
.input_25 {
	width:25%; 
	right:0;
}
.textarea {
	width:20em; 
	border:1px solid #AAA;
	background:#def;
}

/* ### STILI SPECIFICI PER LA DOCUMENTAZIONE ### */
.D1 {
	font-size:3.00em;
}
.D2 {
	font-size:2.50em;
}
.D3 {
	font-size:2.00em;
}
.D4 {
	font-size:1.50em;
}
.D5 {
	font-size:1.00em;
}



.evidenza {
	font-size:	4.5em;	
	font-weight:	bold;
	color:		#f00;
	text-align:	center;
}
.titoloGiallo {
	font-size:	4.5em;	
	font-weight:	bold;
	color:		#ff0;
	text-align:	center;
}


.fase {
	border:		hidden;
	width:		900px;
	margin:		0;
	font-size:	4.5em;	
	font-weight:	bold;
}
.titolo {
	border:		hidden;
	width:		40%;
	text-align:	left;
	font-size:	0.8em;
}
.valore {
	border:		hidden;
	width:		60%;
	color:		#ff0;
	text-align:	left;
	font-size:	0.8em;
}

.coda {
	border:		hidden;
	width:		900px;
	margin:		0;
	font-size:	2.5em;	
	font-weight:	bold;
}

/* ### STILI SPECIFICI PER LA FORMATTAZIONE ### */

.index {
	border:		hidden;
}
.icone {
	border:		hidden;
	height:		50px;
	min-width:	200px;
	padding-right:	5px;
	text-align:	right;
}
.descrizione {
	border:		hidden;
	min-width:	150px;
	padding-left:	20px;
	text-align:	left;
	font-size:	18px;
}
.dot {
	border:		hidden;
	min-width:	40px;
	padding:	5px;
	text-align:	center;
}
.server {
	border:		hidden;
	max-width:	100px;
	min-width:	100px;
	padding:	5px;
	text-align:	center;
#	transform:	rotate(-90deg);
	font-size:	18px;
}