﻿
.eMLe-COURSE-List-Container {
	width: 100%;
	box-sizing: border-box;
}

	.eMLe-COURSE-List-Container td[ML_PageControl_Key=tdFilterLeft] {
		width: 400px;
		vertical-align: top;
		padding-right: 5px;
	}

	.eMLe-COURSE-List-Container td[ML_PageControl_Key=tdContent_Top] {
		height: 100px;
		padding-left: 5px;
		vertical-align: top;
	}

	.eMLe-COURSE-List-Container td[ML_PageControl_Key=tdContent_Main] {
		padding-left: 5px;
		vertical-align: top;
	}

.eMLe-COURSE-List-Thumbs-Item {
	width: 240px;
	height: 150px;
	float: left;
	margin-right: 10px;
	background-color: #212121;
	overflow: hidden;
	border: 1px #212121 solid;
	cursor: pointer;
	transition: all 0.5s ease;
	opacity: 0.7;
	position: relative;
	text-align: center;
}

	.eMLe-COURSE-List-Thumbs-Item img {
		width: 240px;
		height: 150px;
	}

	.eMLe-COURSE-List-Thumbs-Item:hover {
		border: 1px #2C2C2C solid;
		opacity: 1;
		background-color: #2A3E4C;
	}

	.eMLe-COURSE-List-Thumbs-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-List-Thumbs-Item:hover div[ML_PageControl_Type=Command] {
		display: inline-block;
	}

.eMLe-COURSE-List-Editions-Item {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: var(--background-color-container-form);
	overflow: hidden;
	border: 1px solid white;
	cursor: pointer;
	transition: all 0.5s ease;
	opacity: 0.7;
	color: white;
	position: relative;
	text-align: center;
}

	.eMLe-COURSE-List-Editions-Item:hover {
		border: 1px solid var(--border-color-container);
		opacity: 1;
		background-color: var(--background-color-container-form);
	}

	.eMLe-COURSE-List-Editions-Item[ML_Status=Selected] {
		border: 1px solid var(--border-color-container);
		opacity: 1;
		background-color: var(--background-color-container-form);
	}

		.eMLe-COURSE-List-Editions-Item:hover .eMLe-COURSE-Edition-List-Details-Item {
			opacity: 1;
		}

	.eMLe-COURSE-List-Editions-Item[ML_Status=Selected] .eMLe-COURSE-Edition-List-Details-Item {
		opacity: 1;
	}
/*Pulsante Allegati corso*/

.eMLe-COURSE-List-Editions-Button div[ML_PageControl_Attributes=XXXXActionLev3] {
	height: 25px;
	width: 132px;
	cursor: pointer !important;
	text-align: center;
	border-radius: 2px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 3px;
	float: none;
	transition: all 0.3s ease;
}

	.eMLe-COURSE-List-Editions-Button div[ML_PageControl_Attributes=XXXXXActionLev3] span {
		color: white;
		font-size: 12px;
		cursor: pointer !important;
		text-transform: uppercase;
		padding: 0px;
	}

.eMLe-COURSE-List-Editions-Button div[ML_PageControl_Attribute_ByEntityField=XXXBorder_LIGHTGREEN] {
	border: 1px solid #2ECD99;
}

	.eMLe-COURSE-List-Editions-Button div[ML_PageControl_Attribute_ByEntityField=XXXBorder_LIGHTGREEN]:hover {
		background-color: #2ECD99;
		border: 1px solid #2ECD99;
	}

.eMLe-COURSE-List-Editions-Button div[ML_PageControl_Attribute_ByEntityField=XXXXBorder_ORANGE] {
	border: 1px solid orange;
}

	.eMLe-COURSE-List-Editions-Button div[ML_PageControl_Attribute_ByEntityField=XXXBorder_ORANGE]:hover {
		background-color: orange;
		border: 1px solid orange;
	}

.eMLe-COURSE-List-Editions-Button div[ML_PageControl_Attribute_ByEntityField=XXXBorder_GREY] {
	border: 1px solid grey;
	pointer-events: none;
	cursor: default;
}
/*Pulsante Allegati corso*/



.eMLe-COURSE-List-Details-Item {
	/*border: 1px solid var(--border-color-container);*/
	cursor: pointer;
	transition: all 0.5s ease;
	opacity: 0.7;
	box-sizing: border-box;
	position: relative;
	color: black;
	background-color: white;
	margin-bottom: 4px;
}

.eMLe-COURSE-Edition-List-Details-Item {
	cursor: pointer;
	transition: all 0.5s ease;
	opacity: 0.7;
	box-sizing: border-box;
	position: relative;
	color: black;
	background-color: white;
}

	.eMLe-COURSE-List-Details-Item img,
	.eMLe-COURSE-Edition-List-Details-Item img {
		width: 240px;
		height: 150px;
	}



	.eMLe-COURSE-List-Details-Item:hover {
		/*border: 1px #B2B2B2 solid;*/
	opacity: 1;
}

	.eMLe-COURSE-List-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-List-Details-Item:hover div[ML_PageControl_Type=Command] {
		display: inline-block;
		cursor: pointer;
	}

	.eMLe-COURSE-List-Details-Item div[ML_PageControl_Type=Command] span {
		color: white !important;
		cursor: pointer !important;
	}

	.eMLe-COURSE-List-Details-Item span[ML_PageControl_Key=MainTitle] {
		font-weight: bold;
		font-size: 14px;
	}

	.eMLe-COURSE-List-Details-Item span[ML_PageControl_Key=SubTitle] {
		font-weight: normal;
		font-size: 12px;
	}

	.eMLe-COURSE-List-Details-Item td[ML_PageControl_Key=tdShortDescription] {
		padding-top: 5px;
	}

	.eMLe-COURSE-List-Details-Item span[ML_PageControl_Key=ShortDescription] {
		font-weight: normal;
		font-size: 12px;
	}

.eMLe-COURSE-List-Preview-Item {
	float: right;
	width: 30%;
	display: none;
}

	.eMLe-COURSE-List-Preview-Item span {
		color: white;
	}

		.eMLe-COURSE-List-Preview-Item span[ML_PageControl_Key=MainTitle] {
			font-weight: bold;
			font-size: 14px;
		}

		.eMLe-COURSE-List-Preview-Item span[ML_PageControl_Key=SubTitle] {
			font-weight: normal;
			font-size: 12px;
		}

	.eMLe-COURSE-List-Preview-Item td[ML_PageControl_Key=tdShortDescription] {
		padding-top: 5px;
	}

	.eMLe-COURSE-List-Preview-Item span[ML_PageControl_Key=ShortDescription] {
		font-weight: normal;
		font-size: 12px;
	}

.eMLe-COURSE-List-Details-Item div[ML_PageControl_Type=Category],
.eMLe-COURSE-List-Thumbs-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-Edition-List-Details-Item div[ML_PageControl_Type=Category] {
	position: absolute;
	top: 0px;
	width: 240px;
	opacity: 0.9;
	color: white;
	text-align: center;
	vertical-align: middle;
}

.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attribute_ByEntityField=CUI],
.eMLe-COURSE-Edition-List-Details-Item div[ML_PageControl_Attribute_ByEntityField=CUI],
.eMLe-COURSE-List-Thumbs-Item div[ML_PageControl_Attribute_ByEntityField=CUI] {
	background-color: red;
}

.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attribute_ByEntityField=MC],
.eMLe-COURSE-Edition-List-Details-Item div[ML_PageControl_Attribute_ByEntityField=MC],
.eMLe-COURSE-List-Thumbs-Item div[ML_PageControl_Attribute_ByEntityField=MC] {
	background-color: dodgerblue;
}

.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attribute_ByEntityField=PRIVACY],
.eMLe-COURSE-Edition-List-Details-Item div[ML_PageControl_Attribute_ByEntityField=PRIVACY],
.eMLe-COURSE-List-Thumbs-Item div[ML_PageControl_Attribute_ByEntityField=PRIVACY] {
	background-color: green;
}

.eMLe-Dashboard-Info span {
	font-size: 25px !important;
}

.eMLe-COURSE-List-Details-Item div[ML_PageControl_Type=PosterTitle] {
	position: absolute;
	top: 122px;
	left: 5px;
	width: 236px;
	opacity: 0.9;
	color: white;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #212121;
}

.eMLe-COURSE-Edition-List-Details-Item div[ML_PageControl_Type=PosterTitle] {
	position: absolute;
	top: 124px;
	width: 238px;
	opacity: 0.9;
	color: white;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #212121;
}

.eMLe-COURSE-List-Details-Item div[ML_PageControl_Type=PosterTitle] span,
.eMLe-COURSE-Edition-List-Details-Item div[ML_PageControl_Type=PosterTitle] span {
	color: white !important;
	cursor: pointer !important;
}

.eMLe-COURSE-List-Details-Item div[ML_PageControl_Key=pnlSmallIcon] {
	margin-left: 15px;
	width: 180px;
	height: 40px;
	float: right;
	display: table;
}

	.eMLe-COURSE-List-Details-Item div[ML_PageControl_Key=pnlSmallIcon] img {
		width: 145px;
		height: 40px;
	}

	.eMLe-COURSE-List-Details-Item div[ML_PageControl_Key=pnlSmallIcon] span {
		font-size: 32px;
		display: table-cell;
		vertical-align: middle;
	}

.eMLe-COURSE-List-Details-Item div[ML_PageControl_Key=pnlSmallCommand] {
	margin-left: 15px;
	width: 40px;
	height: 40px;
	float: right;
	display: table;
}

	.eMLe-COURSE-List-Details-Item div[ML_PageControl_Key=pnlSmallCommand] span {
		font-size: 32px;
		display: table-cell;
	}

.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attributes=pnlLogo] {
	background-color: white;
	border-radius: 3px;
	display: table;
	width: 200px;
	height: 75px;
}

	.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attributes=pnlLogo] table {
		width: 100%;
		height: 68px;
	}

	.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attributes=pnlLogo] img {
		width: 145px;
		height: 30px;
	}

	.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attributes=pnlLogo] span {
		font-size: 20px;
		display: table-cell;
		color: black;
	}



.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attributes=ActionLev1] {
	border: 1px solid #2ECD99;
	height: 32px;
	cursor: pointer!important;
	text-align: center;
	border-radius: 2px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 3px;
	float: none;
	transition: all 0.3s ease;
}

	.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attributes=ActionLev1] span {
		color: black;
		font-size: 26px;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0px;
	}


	.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attributes=ActionLev1]:hover {
		background-color: #2ECD99;
		border: 1px solid #2CB387;
	}

		.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attributes=ActionLev1]:hover span {
			cursor:pointer!important;
			color: white !important;
		}

.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attributes=ActionLev2] {
	border: 1px solid #2ECD99;
	height: 32px;
	cursor: pointer;
	text-align: center;
	border-radius: 2px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 10px;
	float: none;
	transition: all 0.3s ease;
}

	.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attributes=ActionLev2] span {
		color: white;
		font-size: 14px;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0px;
	}

	.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attributes=ActionLev2]:hover {
		background-color: #2ECD99;
		border: 1px solid #2CB387;
	}


.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attributes=XXXXXActionLev3] {
	height: 25px;
	cursor: pointer;
	text-align: center;
	border-radius: 2px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 3px;
	float: none;
	transition: all 0.3s ease;
}

	.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attributes=XXXXActionLev3] span {
		color: black;
		font-size: 22px;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0px;
	}

.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attribute_ByEntityField=Border_LIGHTGREEN] {
	border: 1px solid #2ECD99 !important;
}

	.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attribute_ByEntityField=Border_LIGHTGREEN]:hover {
		background-color: #2ECD99 !important;
		border: 1px solid #2ECD99 !important;
	}

.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attribute_ByEntityField=Border_ORANGE] {
	border: 1px solid orange !important;
}

	.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attribute_ByEntityField=Border_ORANGE]:hover {
		background-color: orange !important;
		border: 1px solid orange !important;
	}

.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attribute_ByEntityField=Border_GREY] {
	border: 1px solid grey !important;
	pointer-events: none !important;
	cursor: default !important;
}

.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attribute_ByEntityField=Border_GREY_selectable] {
	border: 1px solid grey !important;
	cursor: default !important;
}

	.eMLe-COURSE-List-Details-Item div[ML_PageControl_Attribute_ByEntityField=Border_GREY_selectable]:hover {
		background-color: grey !important;
		border: 1px solid grey !important;
	}



.tastoPLAY {
	position: absolute;
	right: 50px;
	top: 555px;
	border-radius: 10px;
	width: 222px;
	border: 1px solid #2ECD99;
	height: 32px;
	cursor: pointer;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 10px;
	float: none;
	transition: all 0.3s ease;
	display: none;
}

	.tastoPLAY span {
		color: white !important;
		font-size: 14px !important;
		cursor: pointer !important;
		text-transform: uppercase;
		padding: 0px !important;
		line-height: 30px;
	}

	.tastoPLAY:hover {
		background-color: #2ECD99;
		border: 1px solid #2CB387;
	}

.ackByUser {
	position: absolute;
	right: 50px;
	bottom: 105px;
	background: var( --background-color-container-active-header);
	border-radius: 10px;
	border: 1px solid black;
	width: 222px;
	display: table-cell;
	padding: 0px 10px;
}

	.ackByUser span,
	.ackByUser label {
		color: #878787 !important;
		font-size: 13px !important;
		padding: 0px !important;
		line-height: 18px;
	}

	.ackByUser input[type='checkbox'] {
		cursor: pointer;
	}

.btnAckByUser {
	border-radius: 10px;
	border: 1px solid #2ECD99;
	height: 32px;
	cursor: pointer;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 10px;
	float: none;
	margin-bottom: 5px;
	transition: all 0.3s ease;
	display: none;
}

	.btnAckByUser span {
		color: black !important;
		font-size: 14px !important;
		cursor: pointer !important;
		text-transform: uppercase;
		padding: 0px !important;
		line-height: 30px;
	}

	.btnAckByUser:hover {
		background-color: #2ECD99;
		border: 1px solid #2CB387;
	}

div [ML_PageControl_Key=Course_Status] {
	text-align: center;
	border-radius: 2px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 15px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}

	div [ML_PageControl_Key=Course_Status] span {
		display: block;
		font-size: 13px;
		cursor: default;
		padding-left: 0px;
		padding-top: 6px;
		padding-bottom: 3px;
		font-weight: 400;
		text-transform: uppercase;
	}

	div [ML_PageControl_Key=Course_Status][ML_Filter_Value=DRAFT] {
		border: 1px solid #FFC200;
		background-color: #FFC200;
	}

		div [ML_PageControl_Key=Course_Status][ML_Filter_Value=DRAFT] span {
			color: black;
		}

	div [ML_PageControl_Key=Course_Status][ML_Filter_Value=COMPLETED] {
		border: 1px solid #32D900;
		background-color: #32D900;
	}

		div [ML_PageControl_Key=Course_Status][ML_Filter_Value=COMPLETED] span {
			color: white;
		}

	div [ML_PageControl_Key=Course_Status][ML_Filter_Value=AVAILABLE] {
		border: 1px solid #888888;
		background-color: #888888;
	}

		div [ML_PageControl_Key=Course_Status][ML_Filter_Value=AVAILABLE] span {
			color: white;
		}

	div [ML_PageControl_Key=Course_Status][ML_Filter_Value=ASSOCIATED] {
		border: 1px solid #9CB0C6;
		background-color: #9CB0C6;
	}

		div [ML_PageControl_Key=Course_Status][ML_Filter_Value=ASSOCIATED] span {
			color: white;
		}




.ML-FORMTABLE-Container-CourseDetail {
	margin: 0px;
	width: 100%;
	transform: translateZ(0); /* this allows the contents to come out of the column*/
	border-bottom: 1px solid #3C3C3C;
}

	.ML-FORMTABLE-Container-CourseDetail img {
		width: 145px;
	}
	/* Tabella contenitore esterno*/
	.ML-FORMTABLE-Container-CourseDetail > table {
		width: 100%;
		border-collapse: collapse;
	}

		/* Cella dell'haeder con il titolo della tabella */
		.ML-FORMTABLE-Container-CourseDetail > table > tbody > tr > th {
			text-align: left;
			vertical-align: middle;
			height: 30px;
		}

			/* testo del titolo della tabella */
			.ML-FORMTABLE-Container-CourseDetail > table > tbody > tr > th > span {
				padding: 0px;
				font-size: 14px;
				color: orange;
			}

/**tasto chiudi corso player*/
div[ML_PageControl_Key=CLOSE_Player][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;
}

	div[ML_PageControl_Key=CLOSE_Player][ML_PageControl_Attributes="GoToLev1"] span {
		color: white !important;
		font-size: 12px;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0px;
	}

	div[ML_PageControl_Key=CLOSE_Player][ML_PageControl_Attributes="GoToLev1"]:hover {
		background-color: #2CB387;
		border: 1px solid #2CB387;
		cursor: pointer !important;
	}

	div[ML_PageControl_Key=CLOSE_Player][ML_PageControl_Attributes="GoToLev1"] span:hover {
		cursor: pointer !important;
	}


div[ML_PageControl_Attribute_ByEntityField=CircleGREEN] {
	height: 20px;
	width: 20px;
	background-color: #32D900;
	border-radius: 50%;
	display: inline-block;
}

div[ML_PageControl_Attribute_ByEntityField=CircleRED] {
	height: 20px;
	width: 20px;
	background-color: #ff3333;
	border-radius: 50%;
	display: inline-block;
}

div[ML_PageControl_Attribute_ByEntityField=CircleGREY] {
	height: 20px;
	width: 20px;
	background-color: grey;
	border-radius: 50%;
	display: inline-block;
}

div[ML_PageControl_Attribute_ByEntityField=CircleORANGE] {
	height: 20px;
	width: 20px;
	background-color: #FFC200;
	border-radius: 50%;
	display: inline-block;
}

div[ML_PageControl_Attribute_ByEntityField=CircleGRAY] {
	height: 20px;
	width: 20px;
	background-color: #888888;
	border-radius: 50%;
	display: inline-block;
}
