﻿
/*
Tipo	: Azione di livello 1 ( i comandi principali del form )
*******************************************************************************
*/
div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="ActionLev1"] {
	background-color: var(--border-color-container);
	border: 1px solid var(--border-color-container-hover);
	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_Type=COMMAND][ML_PageControl_Attributes="ActionLev1"] span {
		color: white;
		font-size: 12px;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0px;
	}

	div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="ActionLev1"]:hover {
		background-color: var(--border-color-container-hover);
		border: 1px solid var(--border-color-container-hover);
	}


/*
Tipo	: Azione di livello 2 ( i comandi di uscita del form )
*******************************************************************************
*/
div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="ActionLev2"] {
	background-color: #F2ECFF;
	border: 1px solid #CCCAD2;
	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;
}

	div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="ActionLev2"] span {
		color: #9D8787;
		font-size: 12px;
		font-weight: normal;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0px;
	}

	div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="ActionLev2"]:hover {
		background-color: var(--border-color-container-hover);
		border: 1px solid var(--border-color-container-hover);
	}

		div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="ActionLev2"]:hover span {
			color: #FFFFFF !important;
		}


/*
Sfondo	: LightGrey
Tipo	: Cambio pagina
*******************************************************************************
*/

div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="GoTo"] {
	background-color: var(--background-color-container-list);
	border: solid 1px var(--border-color-container);
	height: 36px;
	cursor: pointer !important;
	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_Type=COMMAND][ML_PageControl_Attributes="GoTo"] span {
		color: #878787;
		font-size: 13px;
		cursor: pointer !important;
		text-transform: uppercase;
		padding: 0px;
	}

	div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="GoTo"]:hover {
		background-color: var(--border-color-container-hover);
		border: 1px solid var(--border-color-container-hover);
	}

		div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="GoTo"]:hover span {
			color: white !important;
		}

	div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="GoTo"][ML_PageControl_Attribute_ByEntityField=Border_ORANGE] {
		border: 1px solid orange;
	}

	div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="GoTo"][ML_PageControl_Attribute_ByEntityField=Border_LIGHTGREEN] {
		border: 1px solid #2ECD99;
	}

	div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="GoTo"][ML_PageControl_Attribute_ByEntityField=Border_GREY] {
		border: 1px solid #888888;
	}


/*
Tipo	: ICONE con Azione di livello 1
*******************************************************************************
*/
div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="ICO_ActionLev1"] {
	border: 1px solid #2CB387;
	height: 32px;
	cursor: pointer;
	text-align: center;
	border-radius: 2px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 3px;
	float: none;
	transition: all 0.3s ease;
}

	div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="ICO_ActionLev1"] span {
		color: var(--label-color-main);
		font-size: 26px;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0px;
	}

	div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="ICO_ActionLev1"]:hover {
		background-color: #2ECD99;
		border: 1px solid #2ECD99;
	}

		div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="ICO_ActionLev1"]:hover span {
			color: white;
		}




