/* Smartcontainer box*/
.ML-BOX-Container {
	background-color: var(--background-color-container-active);
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border: solid 1px var(--border-color-container);
	width: 100%;
	float: left;
	box-sizing: border-box;
}

	.ML-BOX-Container:hover {
		border: solid 1px var(--border-color-container-hover);
	}

/*******************************************************
	Header
*******************************************************/


.ML-BOX-Container-header {
	overflow: hidden;
	padding: 10px 5px 5px 10px;
	background-color: var(--background-color-container-active-header);
	border-bottom: solid 1px var(--border-color-container);
	text-align: left;
}

	/* testo del titolo */
	.ML-BOX-Container-header span {
		font-size: 16px;
		font-weight: bolder;
		color: var(--label-color-title);
		cursor: default;
	}

		.ML-BOX-Container-header span[ML_PageControl_Key=TrackingIcon] {
			font-size: 28px;
			cursor: pointer;
		}

		.ML-BOX-Container-header span[ML_PageControl_Key=EditIcon] {
			font-size: 28px;
			cursor: pointer;
		}

		.ML-BOX-Container-header span[ML_PageControl_Key=CloseIcon] {
			font-size: 24px;
			cursor: pointer;
		}

	.ML-BOX-Container-header td[ML_PageControl_Attribute_ByEntityField=CUI] {
		background-color: red;
	}

	.ML-BOX-Container-header td[ML_PageControl_Attribute_ByEntityField=MC] {
		background-color: dodgerblue;
	}

	.ML-BOX-Container-header td[ML_PageControl_Attribute_ByEntityField=TRAINING_WORKERS] {
		background-color: #337AB7;
	}

	.ML-BOX-Container-header td[ML_PageControl_Attribute_ByEntityField=PRIVACY] {
		background-color: green;
	}

.ML-BOX-Container-content div[ML_PageControl_Attributes=pnlLogo] {
	background-color: white;
	border-radius: 3px;
	display: table;
	width: 240px;
	height: 75px;
}


	.ML-BOX-Container-content div[ML_PageControl_Attributes=pnlLogo] table {
		width: 100%;
		height: 68px;
	}

	.ML-BOX-Container-content div[ML_PageControl_Attributes=pnlLogo] img {
		width: 145px;
		height: 30px;
	}

	.ML-BOX-Container-content div[ML_PageControl_Attributes=pnlLogo] span {
		font-size: 20px;
		display: table-cell;
		color: black;
	}

/*******************************************************
	Content
*******************************************************/


.ML-BOX-Container-content {
	overflow: hidden;
	padding: 10px 20px 10px 20px;
	background-color: var(--background-color-container-active);
	text-align: left;
}

	/* testo del contenuto */
	.ML-BOX-Container-content span {
		font-size: 14px;
		color: #878787;
		cursor: default;
	}

		/* testo del contenuto in errore */
		.ML-BOX-Container-content span[ML_PageControl_Switch="Error"] {
			color: red;
		}


.eMLe-COURSE-Details-Item {
	box-sizing: border-box;
	position: relative;
	color: white;
	width: 244px;
}

	.eMLe-COURSE-Details-Item img {
		width: 240px;
		height: 150px;
	}

	.eMLe-COURSE-Details-Item div[ML_PageControl_Type=Command] {
		display: none;
		position: absolute;
		background-color: #2ECD99;
		top: 70px;
		left: 30px;
		color: white;
		text-align: center;
		border-radius: 8px;
		vertical-align: middle;
		padding: 0px 15px;
	}

	.eMLe-COURSE-Details-Item:hover div[ML_PageControl_Type=Command] {
		display: inline-block;
		cursor: pointer;
	}

	.eMLe-COURSE-Details-Item div[ML_PageControl_Type=Command] span {
		color: white !important;
		cursor: pointer !important;
	}

	.eMLe-COURSE-Details-Item div[ML_PageControl_Type=Category] {
		position: absolute;
		top: 3px;
		left: 3px;
		width: 240px;
		opacity: 0.9;
		color: white;
		text-align: center;
		vertical-align: middle;
	}

		.eMLe-COURSE-Details-Item div[ML_PageControl_Type=Category] span {
			color: white !important;
			font-size: 16px !important;
		}


	.eMLe-COURSE-Details-Item div[ML_PageControl_Attribute_ByEntityField=CUI] {
		background-color: red;
	}

	.eMLe-COURSE-Details-Item div[ML_PageControl_Attribute_ByEntityField=MC] {
		background-color: dodgerblue;
	}

	.eMLe-COURSE-Details-Item div[ML_PageControl_Attribute_ByEntityField=TRAINING_WORKERS] {
		background-color: #337AB7;
	}

	.eMLe-COURSE-Details-Item div[ML_PageControl_Attribute_ByEntityField=PRIVACY] {
		background-color: green;
	}

	.eMLe-COURSE-Details-Item div[ML_PageControl_Type=PosterTitle] {
		position: absolute;
		top: 125px;
		left: 5px;
		width: 236px;
		opacity: 0.9;
		color: white;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		background-color: #212121;
	}

		.eMLe-COURSE-Details-Item div[ML_PageControl_Type=PosterTitle] span {
			color: white !important;
			cursor: pointer !important;
			font-size: 16px !important;
		}

.eMLe-COURSE-Logo-Item {
	position: absolute;
	top: 55px;
	right: 50px;
	background-color: white;
	border-radius: 5px;
}


.ML-BOX-Container-content-NoHeader {
	overflow: hidden;
	padding: 10px 20px 10px 20px;
	background-color: var(--background-color-container-active);
	text-align: left;
}

	.ML-BOX-Container-content-NoHeader span {
		font-size: 14px;
		color: #878787;
	}


/*
	Eventuali controlli informativi
*/
/*.ML-BOX-Container-content > table[ML_PageControl_Type=Info] {
		display: none;
	}

		.ML-BOX-Container-content > table[ML_PageControl_Type=Info] > tbody > tr > td {
			padding: 5px;
		}

			.ML-BOX-Container-content > table[ML_PageControl_Type=Info] > tbody > tr > td > span {
				font-size: 12px;
				color: #797979;
			}*/
/*******************************************************
	Footer
*******************************************************/
.ML-BOX-Container-footer {
	overflow: hidden;
	padding: 10px 10px 10px 10px;
	background-color: var(--background-color-container-active-footer);
}

	.ML-BOX-Container-footer table {
		width: 100%;
	}

	.ML-BOX-Container-footer span {
		font-size: 14px;
		color: #878787;
		cursor: default;
	}

/*******************************************************
	Info
*******************************************************/
.ML-BOX-Info {
	height: 20px;
	cursor: default !important;
	text-align: center;
	border-radius: 10px;
	vertical-align: middle;
	padding: 3px 10px 0px 10px;
	margin-right: 5px;
	margin-top: -7px;
	background-color: white;
	border: 1px solid var(--border-color-container);
}

	.ML-BOX-Info[ML_PageControl_Attribute=BackGround_RED] {
		background: red;
		color: white;
		font-size: 14px;
		font-weight: bold;
	}

	.ML-BOX-Info[ML_PageControl_Attribute=BackGround_GREEN] {
		background: green;
		color: white;
		font-size: 14px;
		font-weight: bold;
	}







/* Smartcontainer box*/
.ML-BOX-LIST-Container {
	background-color: var(--background-color-container-active);
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border: solid 1px var(--border-color-container);
	width: 100%;
	float: left;
	box-sizing: border-box;
}

	.ML-BOX-LIST-Container:hover {
		border: solid 1px #7F7F7F;
	}

/*******************************************************
	Header
*******************************************************/


.ML-BOX-LIST-Container-header {
	overflow: hidden;
	padding: 10px 5px 5px 10px;
	background-color: var(--background-color-container-active-header);
	border-bottom: solid 1px var(--border-color-container);
	text-align: left;
}

	/* testo del titolo */
	.ML-BOX-LIST-Container-header span {
		font-size: 16px;
		font-weight: normal;
		color: black;
		cursor: default;
	}

/*******************************************************
	Content
*******************************************************/


.ML-BOX-LIST-Container-content {
	overflow: hidden;
	padding: 10px 20px 10px 20px;
	background-color: var(--background-color-container-list);
	text-align: left;
}

	/* testo del contenuto */
	.ML-BOX-LIST-Container-content span {
		font-size: 14px;
		color: #878787;
		cursor: default;
	}


/*******************************************************
	Footer
*******************************************************/
.ML-BOX-LIST-Container-footer {
	overflow: hidden;
	padding: 10px 10px 10px 10px;
	background-color: var(--background-color-container-active-footer);
}

	.ML-BOX-LIST-Container-footer table {
		width: 100%;
	}

	.ML-BOX-LIST-Container-footer span {
		font-size: 14px;
		color: #878787;
		cursor: default;
	}

































.ML-BOX-Container div[ML_PageControl_Attributes="XXXGoToLev1"] {
	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-BOX-Container div[ML_PageControl_Attributes="XXXGoToLev1"] span {
		color: white;
		font-size: 12px;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0px;
	}

	.ML-BOX-Container div[ML_PageControl_Attributes="XXXGoToLev1"]:hover {
		background-color: #2CB387;
		border: 1px solid #2CB387;
	}

/*
Tipo	: Azione di livello 1 ( i comandi principali del form )
*******************************************************************************
*/
.ML-BOX-Container div[ML_PageControl_Attributes="XXXActionLev1"] {
	background-color: #2ECD99;
	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-BOX-Container div[ML_PageControl_Attributes="XXXActionLev1"] span {
		color: white;
		font-size: 12px;
		cursor: pointer !important;
		text-transform: uppercase;
		padding: 0px;
	}

	.ML-BOX-Container div[ML_PageControl_Attributes="XXXActionLev1"]:hover {
		background-color: #2CB387;
		border: 1px solid #2CB387;
	}


.ML-BOX-Container div[ML_PageControl_Attributes=XXXActionLev1] span[ML_PageControl_Key=RequestInfoIcon] {
	font-size: 27px !important;
	float: left;
}

.ML-BOX-Container div[ML_PageControl_Attributes=XXXActionLev1] span[ML_PageControl_Key=RequestInfo] {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
}



/*
Tipo	: Azione di livello 2 ( i comandi di uscita del form )
*******************************************************************************
*/
.ML-BOX-Container div[ML_PageControl_Attributes="XXXActionLev2"] {
	background-color: #DCDCDC;
	border: 1px solid #DCDCDC;
	height: 40px;
	cursor: pointer;
	text-align: center;
	border-radius: 2px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 20px;
	float: none;
	transition: all 0.3s ease;
}

	.ML-BOX-Container div[ML_PageControl_Attributes="XXXActionLev2"] span {
		color: #9D8787;
		font-size: 12px;
		font-weight: normal;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0px;
	}

	.ML-BOX-Container div[ML_PageControl_Attributes="XXXActionLev2"]:hover {
		background-color: #C0C0C0;
		border: 1px solid #C0C0C0;
	}

		.ML-BOX-Container div[ML_PageControl_Attributes="XXXActionLev2"]:hover span {
			color: #FFFFFF !important;
		}