.PUBLIC-PAGELAYOUT-Header {
	position: relative;
	width: 100%;
	float: left;
	height: 70px;
	background-color: #212121;
}

	.PUBLIC-PAGELAYOUT-Header > table {
		height: 100%;
	}

	.PUBLIC-PAGELAYOUT-Header span {
		color: #878787;
		font-size: 24px;
		padding-left: 40px;
	}

/*---------------------------------------------------------------------------*/
.PUBLIC-PAGELAYOUT-Login {
	position: fixed;
	top: 45%;
	width:80%;
	transform: translate(-50%, -50%);
}

	.PUBLIC-PAGELAYOUT-Login:hover {
		/*background-color: white;*/
		opacity: 0.9;
	}

	.PUBLIC-PAGELAYOUT-Login span[ML_PageControl_Type=Title] {
		padding: 15px;
		font-size: 30px;
		color: white;
		display: block;
	}

	.PUBLIC-PAGELAYOUT-Login span[ML_PageControl_Type=SubTitle] {
		padding-bottom: 10px;
		color: #878787;
		display: block;
	}

	.PUBLIC-PAGELAYOUT-Login span[ML_PageControl_Type=FieldInfo] {
		padding-bottom: 10px;
		color: white;
		display: block;
	}

	/* contenitori*/
	.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Type] {
		transition: all 0.9s ease;
		overflow: hidden;
	}

div[ML_PageControl_Key=FieldsContainer] {
	margin-top: 0px;
}

/* tasti*/
.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionLev1"] {
	background-color: #2ECD99;
	border: 1px solid #2ECD99;
	height: 40px;
	cursor: pointer;
	text-align: center;
	border-radius: 60px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 15px;
	float: none;
	transition: all 0.3s ease;
}

	.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionLev1"] span {
		color: white;
		font-size: 12px;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0px;
	}

	.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionLev1"]:hover {
		background-color: #2CB387;
		border: 1px solid #2CB387;
	}



.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionLev2"] {
	height: 25px;
	cursor: pointer;
	text-align: center;
	border-radius: 60px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 15px;
	float: none;
}

	.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionLev2"] span {
		color: #4E9DE6;
		font-size: 12px;
		cursor: pointer;
		padding: 0px;
	}


/* PIN*/
.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionPinConfirm"] {
	background-color: #2ECD99;
	border: 1px solid #2ECD99;
	height: 70px;
	width: 88px;
	cursor: pointer;
	text-align: center;
	border-radius: 2px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 15px;
	float: none;
	transition: all 0.3s ease;
}

	.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionPinConfirm"] span {
		color: white;
		font-size: 12px;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0px;
	}

	.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionPinConfirm"]:hover {
		background-color: #2CB387;
		border: 1px solid #2CB387;
	}

.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionPinDelete"] {
	background-color: #dc1818;
	border: 1px solid #dc1818;
	height: 70px;
	width: 88px;
	cursor: pointer;
	text-align: center;
	border-radius: 2px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 15px;
	float: none;
	transition: all 0.3s ease;
}

	.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionPinDelete"] span {
		color: white;
		font-size: 12px;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0px;
	}

	.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionPinDelete"]:hover {
		background-color: #bf1919;
		border: 1px solid #bf1919;
	}

.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionPin"] {
	background-color: white;
	border: 1px solid #b5b0b0;
	height: 70px;
	width: 88px;
	cursor: pointer;
	text-align: center;
	border-radius: 2px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 15px;
	float: none;
	transition: all 0.3s ease;
}

	.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionPin"] span {
		color: black;
		font-size: 18px;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0px;
	}

	.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionPin"]:hover {
		background-color: #efecec;
	}

/*---------------------------------------------------------------------------*/
.PUBLIC-PAGELAYOUT-PageData {
	position: relative;
	top: 0px;
	float: left;
	/*background-color: #212121;*/
	width: 100%;
	margin-top: 30px;
}

	.PUBLIC-PAGELAYOUT-PageData > table {
		/*background-color: #212121;*/
	}

		.PUBLIC-PAGELAYOUT-PageData > table > tbody > tr > td > table {
			max-width: 970px;
		}

			.PUBLIC-PAGELAYOUT-PageData > table > tbody > tr > td > table > tbody > tr > td {
				padding: 50px 20px;
			}

	/*.PUBLIC-PAGELAYOUT-PageData span {
		color: white;
		font-size: 16px;
	}*/

	.PUBLIC-PAGELAYOUT-PageData span[ML_ControlType="PageTitle"] {
		color: white;
		font-weight: bold;
	}

	.PUBLIC-PAGELAYOUT-PageData span[ML_ControlType="PageData"] {
		color: #FA9600;
		font-weight: bold;
	}

	.PUBLIC-PAGELAYOUT-PageData span[ML_ControlType="PageInfo"] {
		font-size: 12px;
	}

	.PUBLIC-PAGELAYOUT-PageData span[ML_ControlType="PageError"] {
		color: red;
		font-weight: bold;
	}

/*---------------------------------------------------------------------------*/


.pnlAskForDemo {
	position: fixed;
	background: white;
	top: 100px;
	right: -200px;
	border-radius: 0;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top: 1px solid #e8e9eb;
	box-shadow: 0 4px 16px black;
	color: var(--label-color-main);
	font-size: 14px;
	margin: 0;
	height: 22px;
	transition: all 1s ease;
	padding: 5px;
	width: 160px;
	cursor: pointer;
}

	.pnlAskForDemo div {
		position: absolute;
		background-color: white;
		transition: all 1s ease;
		white-space: nowrap;
		cursor: pointer;
	}

	.pnlAskForDemo span {
		color: var(--label-color-main);
		font-size: 14px;
		cursor: pointer;
	}

.pnlAskForDemo_ask {
	display: none;
	position: fixed;
	background: white;
	top: 100px;
	right: 0px;
	border-radius: 0;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top: 1px solid #e8e9eb;
	box-shadow: 0 4px 16px black;
	color: var(--label-color-main);
	font-size: 14px;
	margin: 0;
	height: 22px;
	transition: all 1s ease;
	padding: 5px;
	width: 160px;
	cursor: pointer;
}

	.pnlAskForDemo_ask div {
		position: absolute;
		background-color: white;
		transition: all 1s ease;
		white-space: nowrap;
		cursor: pointer;
	}

.pnlAskForDemo_demo {
	display: none;
	position: fixed;
	background: white;
	top: 101px;
	right: -6px;
	color: var(--label-color-main);
	font-size: 14px;
	margin: 0;
	height: 22px;
	padding-top: 5px;
	width: 60px;
	cursor: pointer;
}


	.pnlAskForDemo_demo div {
		background-color: white;
		white-space: nowrap;
		cursor: pointer;
	}


.pnlAskForDemo_RightSide {
	position: fixed;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 250px;
}


.pnlDemo_FormContainer {
	display: block;
	position: fixed;
	background: white;
	top: 80px;
	right: -620px;
	border-radius: 0;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top: 1px solid #e8e9eb;
	box-shadow: 0 4px 16px black;
	color: var(--label-color-main);
	font-size: 14px;
	margin: 0;
	transition: all 0.5s ease;
	padding: 5px;
	cursor: default;
	max-width: 600px;
}

	.pnlDemo_FormContainer span {
		display: inline-block;
		font-size: 12px;
		cursor: default;
		padding-left: 0px;
		padding-top: 6px;
		padding-bottom: 3px;
		color: var(--label-color-dataLabel);
		font-weight: 400;
	}

	.pnlDemo_FormContainer [ML_PageControl_Key=MainTitle] {
		font-size: 16px;
		color: var(--label-color-main);
	}

	.pnlDemo_FormContainer [ML_PageControl_Key=SubTitle] {
		font-size: 14px;
		color: var(--label-color-submain);
	}

	.pnlDemo_FormContainer [ML_ControlType=Error] {
		display: none;
		color: red;
		margin-left: 5px;
	}

	.pnlDemo_FormContainer [ML_PageControl_Type=pnlDemo_Container_Scrollabe] {
		overflow-y: auto;
	}


.pnlDemo_FormSended {
	position: fixed;
	background: white;
	top: 80px;
	right: -1500px;
	border-radius: 0;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top: 1px solid #e8e9eb;
	box-shadow: 0 4px 16px black;
	color: var(--label-color-main);
	font-size: 14px;
	margin: 0;
	transition: all 0.5s ease;
	padding: 5px;
	cursor: default;
	width: 50%;
}

.btnLoginKO {
	background-color: #463d3d !important;
	border: 1px solid #463d3d !important;
	pointer-events: none;
}

/* green pass */

.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionGreenPass"] {
	background-color: #2ECD99;
	height: 55px;
	cursor: pointer;
	width: 248px;
	text-align: left;
	border-radius: 3px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 15px;
	float: none;
	transition: all 0.3s ease;
}

	.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionGreenPass"] span {
		color: white;
		font-size: 17px;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0px;
	}

	.PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionGreenPass"]:hover {
		background-color: #2CB387;
		border: 1px solid #2CB387;
	}



/*---------------------------------------------------------------------------*/
.PUBLIC-PAGELAYOUT-GreenPass {
	position: fixed;
	top: 45%;
	width: 80%;
	transform: translate(-50%, -50%);
}


	.PUBLIC-PAGELAYOUT-GreenPass span[ML_PageControl_Type=Title] {
		padding: 15px;
		font-size: 25px;
		color: black;
		display: block;
	}



@media screen and (max-height: 700px) {
	[ML_PageControl_Type=VideoQr] {
		max-height: 330px !important;
	}
}

/* Create two equal columns that floats next to each other */
.DivColumn {
	width: 48% !important;
}

/* Clear floats after the columns */
.DivRow{
	display: table;
}