﻿
.ML-FORMTABLE-Container {
	/*display: inline-block;*/
	/*margin: 0 0 5px;*/
	margin: 0px;
	width: 100%;
	-moz-column-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	column-break-inside: avoid;
	transform: translateZ(0); /* this allows the contents to come out of the column*/
}

	/* Tabella contenitore esterno*/
	.ML-FORMTABLE-Container > table {
		width: 100%;
		border-collapse: collapse;
	}

		/* La prima riga con il titolo */
		.ML-FORMTABLE-Container > table > tbody > tr:not([ML_PageControl_Type=OnlyOneRow]):first-of-type {
			border-bottom: 1px solid var(--border-color-container);
		}

		/* Cella dell'haeder con il titolo della tabella */
		.ML-FORMTABLE-Container > table > tbody > tr > th {
			/*text-align: left;*/
			vertical-align: middle;
			height: 30px;
		}

			/* testo del titolo della tabella */
			.ML-FORMTABLE-Container > table > tbody > tr > th > span {
				padding: 0px;
				font-size: 14px;
				color: var(--label-color-containerHeader);
			}

			.ML-FORMTABLE-Container > table > tbody > tr > th[ML_PageControl_Key=RowNumbering] {
				text-align: right;
			}

	/*******************************************************/

	/* contenitore di tutti i contenitori dei campi che vengono riposizionati*/
	.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] {
		overflow: hidden;
		margin: 0;
	}

		/* contenitore dei campi che vengono riposizionati */
		.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer],
		.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainerGauge] {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			display: block;
			float: left;
			margin: 0px;
		}


			/* definizione della tabella che contiene al massimo 2 celle con i campi di inserimento*/
			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] > table,
			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainerGauge] > table {
				width: 100%;
				height: 100%;
			}

				.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] > table > tbody > tr {
					vertical-align: top;
				}

					.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] > table > tbody > tr > td {
						overflow: hidden;
						padding: 10px 10px 10px 10px;
					}

						.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] > table > tbody > tr > td[ML_PageControl_Switch=WithOver] {
							border: 1px solid #212121;
						}

							.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] > table > tbody > tr > td[ML_PageControl_Switch=WithOver] div {
								float: right;
							}

							.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] > table > tbody > tr > td[ML_PageControl_Switch=WithOver]:hover {
								border: 1px solid #424242;
							}

			/* etichetta descrittiva del campo */
			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] span {
				display: block;
				font-size: 13px;
				cursor: default;
				padding-left: 0px;
				padding-top: 6px;
				padding-bottom: 3px;
				color: var(--label-color-dataLabel);
				font-weight: 400;
			}

				/* etichetta come campo info non modificabile in edit */
				.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] span[ML_PageControl_Type=DataInfo] {
					display: block;
					font-size: 13px;
					cursor: default;
					padding-left: 10px;
					padding-top: 6px;
					padding-bottom: 3px;
					color: var(--label-color-dataInfo);
				}

				/* etichetta come campo info non modificabile in edit con icona per ricerca*/
				.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] span[ML_PageControl_Type=DataInfoSearch] {
					display: block;
					font-size: 13px;
					padding-left: 10px;
					padding-top: 6px;
					padding-bottom: 3px;
					color: #8F908F;
					height: 30px;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
				}

					.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] span[ML_PageControl_Type=DataInfoSearch][ML_PageControl_Editable=Editable_ON] {
						background-image: url('../../checkin-g/Images/Shared/SearchIco32x28.png');
						background-repeat: no-repeat;
						background-position-x: 100%;
						background-color: var(--background-color-container-input-editing);
						border: 1px solid var(--border-color-input-editing);
						border-radius: 5px;
					}

						/*.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] span[ML_PageControl_Type=DataInfoSearch][ML_PageControl_Editable=Editable_ON][ML_PageControl_EntityUniqueID] {
							background-image: url('../../checkin-g/Images/Shared/RemoveSearchIco58x28.png') !important;
						}*/

						.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] span[ML_PageControl_Type=DataInfoSearch][ML_PageControl_Editable=Editable_ON]:hover {
							cursor: pointer;
							background-image: url('../../checkin-g/Images/Shared/SearchHoverIco32x28.png') !important;
							background-repeat: no-repeat;
							background-position-x: 100%;
							border: 1px solid var(--border-color-input-editing-focus);
						}

						/*.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] span[ML_PageControl_Type=DataInfoSearch][ML_PageControl_Editable=Editable_ON][ML_PageControl_EntityUniqueID]:hover {
							background-image: url('../../checkin-g/Images/Shared/RemoveSearchHoverIco58x28.png') !important;
						}*/

				.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] span[ML_ControlType=Error] {
					color: #C63200;
				}

		/* etichetta descrittiva del campo per il contenitore con CKeditor*/
		.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer_CKeditor] > table > tbody > tr > td {
			overflow: hidden;
			padding: 10px 10px 10px 10px;
		}

		.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer_CKeditor] span[ML_PageControl_Type=Title] {
			display: block;
			font-size: 13px;
			cursor: default;
			padding-left: 0px;
			padding-top: 6px;
			padding-bottom: 3px;
			color: black;
			font-weight: 400;
		}
		/*---------------- CheckBoxList ----------------*/
		.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type="CheckBoxList"] {
			width: 100%;
		}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type="CheckBoxList"] td {
				vertical-align: top;
				width: 50%;
			}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type="CheckBoxList"][ML_PageControl_Attributes="2Columns"] > tbody > tr > td {
				width: 50%;
			}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type="CheckBoxList"][ML_PageControl_Attributes="3Columns"] > tbody > tr > td {
				width: 33%;
			}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type="CheckBoxList"] tr {
				display: table;
				width: 100%;
			}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type="CheckBoxList"] input[type=checkbox] {
				position: absolute;
				overflow: hidden;
				clip: rect(0 0 0 0);
				height: 1px;
				width: 1px;
				margin: -1px;
				padding: 0;
				border: 0;
			}

				.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type="CheckBoxList"] input[type=checkbox] + label {
					display: inline-block;
					font-size: 12px;
					font-weight: normal;
					color: black;
					padding-left: 25px;
					padding-right: 5px;
					width: 100%;
					min-height: 34px;
					border: 1px solid var(--border-color-input-editing);
					background-repeat: no-repeat;
					background-position: 5px 9px;
					background-image: url('../Images/Check/LG_check_0.png');
					background-color: var(--background-color-container-input);
					vertical-align: middle;
					border-radius: 5px;
					padding-top: 7px;
					margin-bottom: 3px;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
				}

				.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type="CheckBoxList"] input[type=checkbox]:not([disabled]) + label {
					cursor: pointer;
				}

					.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type="CheckBoxList"] input[type=checkbox]:not([disabled]) + label:hover {
						border: 1px solid var(--border-color-input-editing-focus);
					}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type="CheckBoxList"][ML_PageControl_Editable=Editable_ON] input[type=checkbox]:checked + label {
				background-image: url('../Images/Check/LG_check_1.png');
				border: 1px solid var(--border-color-input-editing-focus);
				color: black;
			}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type="CheckBoxList"][ML_PageControl_Editable=Editable_OFF] input[type=checkbox]:checked + label {
				background-image: url('../Images/Check/LG_check_1.png');
				border: 1px solid var(--border-color-input-not-editing);
				color: black;
			}


		/*---------------- RadioButtonList ----------------*/



		.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type=RadioButtonList] {
			width: 100%;
		}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type=RadioButtonList][ML_PageControl_Attributes*=Mandatory] {
				border: 1px solid #887331 !important;
			}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type=RadioButtonList] > tbody > tr {
				display: table;
				width: 100%;
			}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type=RadioButtonList][ML_PageControl_Attributes*="2Columns"] > tbody > tr > td {
				width: 50%;
			}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type=RadioButtonList][ML_PageControl_Attributes*="3Columns"] > tbody > tr > td {
				width: 33%;
			}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type=RadioButtonList][ML_Wrap=false] > tbody > tr > td {
				white-space: nowrap;
			}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type=RadioButtonList] input[type=radio] {
				position: absolute;
				overflow: hidden;
				clip: rect(0 0 0 0);
				height: 1px;
				width: 1px;
				margin: -1px;
				padding: 0;
				border: 0;
			}

				.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type=RadioButtonList] input[type=radio] + label {
					display: inline-block;
					font-size: 12px;
					font-weight: normal;
					color: var(--input-color-data);
					padding-left: 25px;
					padding-right: 5px;
					width: 100%;
					min-height: 30px;
					cursor: default;
					border: 1px solid #3C3C3C;
					background-repeat: no-repeat;
					background-position: 5px 5px;
					background-image: url('../Images/Check/LG_radio_0.png');
					background-color: var(--background-color-container-input-editing);
					vertical-align: middle;
					border-radius: 5px;
					padding-top: 7px;
					margin-bottom: 3px;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
				}

					.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type=RadioButtonList] input[type=radio] + label:enabled {
						cursor: pointer;
					}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type=RadioButtonList] td {
				padding-right: 2px;
			}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type=RadioButtonList][ML_PageControl_Attributes="1Column"] input[type=radio] + label {
				width: 100%;
			}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type=RadioButtonList][ML_PageControl_Editable=Editable_ON] input[type=radio] + label:hover {
				background-color: var(--background-color-container-input-editing);
			}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type=RadioButtonList][ML_PageControl_Editable=Editable_OFF] input[type=radio] + label:hover {
				cursor: default;
			}

			.ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] [ML_PageControl_Type=RadioButtonList] input[type=radio]:checked + label {
				background-image: url('../Images/Check/LG_radio_1.png');
				border: 1px solid #646464;
				color: var(--input-color-data);
			}

/* tabella con il contenuto delle info contestuali*/
table[ML_PageControl_Type=ContextualInformation] {
	display: none;
}

	table[ML_PageControl_Type=ContextualInformation] span,
	table[ML_PageControl_Type=ContentInformation] span,
	table[ML_PageControl_Type=VisibleInformation] span {
		color: var(--label-color-information) !important;
		display: inline !important;
	}


	/* nella prima cella c'è l'icona info*/
	table[ML_PageControl_Type=ContextualInformation] td:first-of-type span,
	table[ML_PageControl_Type=VisibleInformation] td:first-of-type span {
		font-size: 20px;
	}

.ML-FORMTABLE-Container div[ML_PageControl_Attributes="GoToLev1"] {
	background-color: transparent;
	border: 1px solid #2ECD99;
	height: 40px;
	cursor: pointer;
	text-align: center;
	border-radius: 2px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 15px;
	float: none;
	transition: all 0.3s ease;
}

	.ML-FORMTABLE-Container div[ML_PageControl_Attributes="GoToLev1"] span {
		color: white;
		font-size: 12px;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0px;
	}

	.ML-FORMTABLE-Container div[ML_PageControl_Attributes="GoToLev1"]:hover {
		background-color: #2CB387;
		border: 1px solid #2CB387;
		cursor: pointer !important;
	}

	.ML-FORMTABLE-Container div[ML_PageControl_Attributes="GoToLev1"] span:hover {
		cursor: pointer !important;
	}




table[ML_PageControl_Type=tableCheckResults] {
}


	table[ML_PageControl_Type=tableCheckResults] span[ML_PageControl_Type=icoCheck] {
		font-size: 50px !important;
	}

	table[ML_PageControl_Type=tableCheckResults] span[ML_PageControl_Type=icoCheckStatus] {
		font-size: 50px !important;
	}




img[ML_PageControl_Resource] {
	height: 35px;
	width: 35px;
}

td[ML_PageControl_Type=FlagIcon] {
	cursor: pointer;
}


div[ML_PageControl_Type=LocalizationReference] {
	display: none;
	width: 100%
}

	div[ML_PageControl_Type=LocalizationReference] img[ML_PageControl_Resource] {
		width: 35px;
		height: 35px;
		margin-right: 4px;
		top: -3px;
		position: relative;
	}

	div[ML_PageControl_Type=LocalizationReference][ML_CookieMan=Container] {
		max-height: 200px;
		overflow: scroll;
		overflow-x: hidden;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #f8f8f8;
	}

div[ML_PageControl_Type=LocalizationInput] {
	display: inline-flex;
	width: 100%
}

	div[ML_PageControl_Type=LocalizationInput] img[ML_PageControl_Resource] {
		width: 35px;
		height: 35px;
		margin-right: 4px;
		top: -3px;
		position: relative;
		display: none;
	}
