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

/* 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 #887331 !important;
		border-right: 1px solid #887331 !important;
		border-bottom: 1px solid #887331 !important;
		border-left: 8px solid #887331 !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_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;
	}


/*select option  abilitati alla modifica*/
div[ML_PageControl_Key=FieldsContainer] select[ML_PageControl_Editable=Editable_OFF] {
	border: 1px solid var(--background-color-container-input);
	background-color: var(--background-color-container-input);
	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;
}

div[ML_PageControl_Key=FieldsContainer] select[ML_PageControl_Editable=Editable_ON] {
	border: 1px solid var(--border-color-input-editing);
	background-color: var(--background-color-container-input-editing);
	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;
}


/*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;
	}


/* input time box -> modificabile in modalità modifica */
div[ML_PageControl_Key=FieldsContainer] input[type=time][ML_PageControl_Editable=Editable_ON] {
	border: 1px solid var(--border-color-input-editing);
	background-color: var(--background-color-container-input-editing);
	height: 26px;
	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=time][ML_PageControl_Editable=Editable_ON]:focus {
		border: 1px solid var(--border-color-input-editing-focus);
	}