textarea:focus, input:focus {
	outline: none;
}

div[ML_PageControl_Key=FieldsContainer] input[type=text] {
	font-family: Poppins, Arial;
}


	/* text box -> modificabile in modalità solo lettura */
	div[ML_PageControl_Key=FieldsContainer] input[type=text][ML_PageControl_Editable=Editable_OFF] {
		border: 1px solid var(--background-color-container-form);
		background-color: var(--background-color-container-input);
		height: 30px;
		width: 100%;
		color: var(--input-color-data);
		font-size: 14px;
		font-weight: normal;
		padding-left: 10px;
		margin-bottom: 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	/*textbox readonly*/
	div [ML_PageControl_Key=FieldsContainer] input[type=text][ML_PageControl_Editable=ReadOnly] {
		border: 1px solid #3C3C3C;
		background-color: #212121;
		height: 30px;
		width: 90%;
		border-radius: 0px;
		vertical-align: middle;
		font-size: 14px;
		color: white;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* text box -> modificabile in modalità modifica */
	div[ML_PageControl_Key=FieldsContainer] input[type=text][ML_PageControl_Editable=Editable_ON] {
		border: 1px solid var(--border-color-input-editing);
		background-color: var(--background-color-container-input-editing);
		height: 30px;
		width: 100%;
		border-radius: 5px;
		vertical-align: middle;
		font-size: 14px;
		color: black;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

		/* focus */
		div[ML_PageControl_Key=FieldsContainer] input[type=text][ML_PageControl_Editable=Editable_ON]:focus {
			border: 1px solid var(--border-color-input-editing-focus);
		}

		/* mandatory */
		div[ML_PageControl_Key=FieldsContainer] input[type=text][ML_PageControl_Editable=Editable_ON][ML_PageControl_Attributes*=Mandatory] {
			border-top: 1px solid #689bb3 !important;
			border-right: 5px solid #689bb3 !important;
			border-bottom: 1px solid #689bb3 !important;
			border-left: 5px solid #689bb3 !important;
		}
		/* ML_Required */
		div[ML_PageControl_Key=FieldsContainer] input[type=text][ML_PageControl_Editable=Editable_ON][ML_PageControl_Attributes*=ML_Required] {
			border: 1px solid #887331 !important;
		}


		/* numeric */
		div[ML_PageControl_Key=FieldsContainer] input[type=text][ML_PageControl_Editable=Editable_ON][ML_PageControl_Attributes*=Numeric] {
			text-align: right;
		}

/* label di errore della textbox*/
span[ML_PageControl_Type=LabelErrorForInput] {
	color: red !important;
}

/*textarea abilitate alla modifica*/
div[ML_PageControl_Key=FieldsContainer] textarea[ML_PageControl_Editable=Editable_OFF] {
	border: 1px solid var(--background-color-container-input);
	background-color: var(--background-color-container-input);
	width: 100%;
	color: var(--input-color-data);
	;
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
	margin-bottom: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Poppins,Arial;
	overflow: auto;
}

/*textarea abilitate alla modifica*/
div[ML_PageControl_Key=FieldsContainer] textarea[ML_PageControl_Editable=Editable_ON] {
	border: 1px solid var(--border-color-input-editing);
	background-color: var(--background-color-container-input-editing);
	width: 100%;
	border-radius: 5px;
	vertical-align: middle;
	font-size: 14px;
	color: black;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Poppins,Arial;
	overflow: auto;
}

	/**/
	div[ML_PageControl_Key=FieldsContainer] textarea[ML_PageControl_Editable=Editable_ON]:focus {
		border: 1px solid #646464;
	}

	div[ML_PageControl_Key=FieldsContainer] textarea[ML_PageControl_Editable=Editable_ON][ML_PageControl_Attributes*=Mandatory] {
		border: 1px solid #887331 !important;
	}



/*testo placeholder*/
::-webkit-input-placeholder {
	font-style: italic;
	color: #3C3C3C !important;
}

::-moz-placeholder {
	font-style: italic;
	color: #3C3C3C !important;
}

:-ms-input-placeholder {
	font-style: italic;
	color: #3C3C3C !important;
}



/* non valida */
input:invalid {
	border: 1px solid #C63200 !important;
}

/* definizione del menu per la scelta delle voci proposte*/
.ML-TextBox-ui-autocomplete {
	border: 2px solid #3C3C3C;
	background-color: #212121;
	color: white;
	max-height: 124px;
	overflow-y: auto;
	overflow-x: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
	outline: 0;
	z-index: 100;
}

/*uso la classe menu item della ui.....*/

.ui-menu-item {
	margin: 0;
	cursor: pointer;
}

	.ui-menu-item:hover {
		background-color: #3C3C3C;
	}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1px 3px 1px;
}

.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
}


/* text box Password -> modificabile in modalità modifica */
div[ML_PageControl_Key=FieldsContainer] input[type=password][ML_PageControl_Editable=Editable_ON] {
	border: 1px solid var(--border-color-input-editing);
	background-color: var(--background-color-container-input-editing);
	height: 30px;
	width: 100%;
	border-radius: 5px;
	vertical-align: middle;
	font-size: 14px;
	color: black;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	/* focus */
	div [ML_PageControl_Key=FieldsContainer] input[type=password][ML_PageControl_Editable=Editable_ON]:focus {
		border: 1px solid var(--border-color-input-editing-focus);
	}

div[ML_PageControl_Key=FullContainer] input[type=text][ML_PageControl_Editable=Editable_ON] {
	border: 1px solid #3C3C3C;
	background-color: #212121;
	height: 30px;
	width: 100%;
	border-radius: 0px;
	vertical-align: middle;
	font-size: 14px;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	/*margin-bottom: 5px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	/* focus */
	div[ML_PageControl_Key=FullContainer] input[type=text][ML_PageControl_Editable=Editable_ON]:focus {
		border: 1px solid #646464;
	}

div [ML_PageControl_Key=FieldsContainer] [ML_CookieMan_Form_Type=SelectOption] {
	height: 30px !important;
	background-color: transparent !important;
	width: 100% !important;
	color: grey !important;
	font-size: 14px !important;
	font-weight: normal !important;
	padding-left: 10px !important;
	margin-bottom: 5px !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	font-family: Poppins, Arial !important;
	overflow: auto !important;
}