:root {
	--background-color-mainsite: #F7F7F7;
	--background-color-body: #F7F7F7;
	--background-color-container-active-header: #E5E5E5;
	--background-color-container-active: white;
	--background-color-container-active-footer: #E5E5E5;
	--background-color-container-form-header: #E5E5E5;
	--background-color-container-form: white;
	--background-color-container-form-editing: black;
	--background-color-container-generic-header: #E5E5E5;
	--background-color-container-generic: #F0F0F0;
	--background-color-container-input: white;
	--background-color-container-input-editing: white;
	--background-color-container-list: #F0F0F0;
	--background-color-container-list-hover: white;
	--background-color-container-list-selected: #C4DBBC;
	--label-color-main: black;
	--label-color-submain: #65605B;
	--label-color-containerHeader: black;
	--label-color-dataLabel: black;
	--label-color-dataInfo: #65605B;
	--label-color-title: #000000;
	--label-color-information: #BC5A45;
	--input-color-data: #65605B;
	--border-color-container: #B7B7B7;
	--border-color-container-hover: #BDBDBD;
	--border-color-container-selected: #8F908F;
	--border-color-input-not-editing: #B7B7B7;
	--border-color-input-editing-focus: black;
	--border-color-input-editing: #646464;
	--border-color-input-editing-mandatory: orange;
}

div[ML_StyleSelector=checking] .ML-FORMTABLE-Container div[ML_PageControl_Key=FORMTABLE_Container] div[ML_PageControl_Key=FieldsContainer] span {
	font-size: 17px !important;
}

div[ML_StyleSelector=checking] div[ML_PageControl_Key=FieldsContainer] input[type=text][ML_PageControl_Editable=Editable_ON] {
	height: 45px !important;
}

div[ML_StyleSelector=checking] .ML-FORMTABLE-Container > table > tbody > tr > th > span {
	font-size: 18px !important;
}

div[ML_StyleSelector=checking] .ML-TAB-Container [ML_PageControl_Type=ML_TAB_Lip][ML_TabCell_Type=TabSelected] span {
	font-size: 18px !important;
}

div[ML_StyleSelector=checking] .ML-TAB-Container [ML_PageControl_Type=ML_TAB_Lip] span {
	font-size: 18px !important;
}

div[ML_StyleSelector=checking] div[ML_PageControl_Key=FieldsContainer] input[type=text][ML_PageControl_Editable=Editable_ON] {
	font-size: 16px !important;
}

div[ML_StyleSelector=checking] .PUBLIC-PAGELAYOUT-Login div[ML_PageControl_Attributes="ActionLev1"] span {
	font-size: 17px !important;
}


div[ML_StyleSelector=checking] [ML_PageControl_Key=Checking_Registration_Response] {
	font-size: 17px !important;
}

div[ML_StyleSelector=checking] div[ML_PageControl_Attributes=BackToBeginCountDown] {
	background-color: #008080;
	border: 0px;
	height: 6px;
	margin-top: 6px;
	float: none;
	width: 390px;
}


/* tasti*/
div[ML_StyleSelector=checking] div[ML_PageControl_Attributes="ActionLev2"] {
	background-color: #3ad6ea;
	border: 1px solid #3ad6ea;
	height: 40px;
	cursor: pointer;
	text-align: center;
	border-radius: 60px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px;
	float: none;
	transition: all 0.3s ease;
}

	div[ML_StyleSelector=checking] div[ML_PageControl_Attributes="ActionLev2"] span {
		color: white;
		font-size: 17px;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0;
	}

	div[ML_StyleSelector=checking] div[ML_PageControl_Attributes="ActionLev2"]:hover {
		background-color: #69e8f9;
		border: 1px solid #69e8f9;
	}


/*
Tipo	: Comando generico
*******************************************************************************
*/
div[ML_StyleSelector=checking] div[ML_PageControl_Type=COMMAND_GENERIC] {
	background-color: #2ECD99;
	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_StyleSelector=checking] div[ML_PageControl_Type=COMMAND_GENERIC] span {
		color: white !important;
		font-size: 17px !important;
		cursor: pointer !important;
		text-transform: uppercase !important;
		padding: 0px !important;
	}

	div[ML_StyleSelector=checking] div[ML_PageControl_Type=COMMAND_GENERIC]:hover {
		background-color: #76d2aa;
		border: 1px solid var(--border-color-container-hover);
	}


/*
Tipo	: Avanti nel form 
*******************************************************************************
*/
div[ML_StyleSelector=checking] div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="GoForward"] {
	background-color: #2ECD99;
	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_StyleSelector=checking] div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="GoForward"] span {
		color: white !important;
		font-size: 17px !important;
		cursor: pointer !important;
		text-transform: uppercase !important;
		padding: 0px !important;
	}

	div[ML_StyleSelector=checking] div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="GoForward"]:hover {
		background-color: #76d2aa;
		border: 1px solid var(--border-color-container-hover);
	}



/*
Tipo	: Indietro nel form 
*******************************************************************************
*/
div[ML_StyleSelector=checking] div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="GoBack"] {
	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_StyleSelector=checking] div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="GoBack"] span {
		color: white;
		font-size: 17px;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0px;
		white-space: nowrap;
	}

	div[ML_StyleSelector=checking] div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="GoBack"]:hover {
		background-color: var(--border-color-container-hover);
		border: 1px solid var(--border-color-container-hover);
	}

/*
Tipo	: Indietro nel form 
*******************************************************************************
*/
div[ML_StyleSelector=checking] div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="cmdCancel"] {
	background-color: var(--label-color-information);
	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_StyleSelector=checking] div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="cmdCancel"] span {
		color: white !important;
		font-size: 17px;
		cursor: pointer !important;
		text-transform: uppercase !important;
		padding: 0px !important;
	}

	div[ML_StyleSelector=checking] div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="cmdCancel"]:hover {
		background-color: #de6e56;
		border: 1px solid var(--border-color-container-hover);
	}



/*
Tipo	: Cmd Red 
*******************************************************************************
*/
div[ML_StyleSelector=checking] div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="cmdRed"] {
	background-color: var(--label-color-information);
	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_StyleSelector=checking] div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="cmdRed"] span {
		color: white !important;
		font-size: 17px;
		cursor: pointer !important;
		text-transform: uppercase !important;
		padding: 0px !important;
	}

	div[ML_StyleSelector=checking] div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="cmdRed"]:hover {
		background-color: #de6e56;
		border: 1px solid var(--border-color-container-hover);
	}

/*
Tipo	: Cmd Green 
*******************************************************************************
*/

div[ML_StyleSelector=checking] div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="cmdGreen"] {
	background-color: #2ECD99;
	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_StyleSelector=checking] div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="cmdGreen"] span {
		color: white !important;
		font-size: 17px !important;
		cursor: pointer !important;
		text-transform: uppercase !important;
		padding: 0px !important;
	}

	div[ML_StyleSelector=checking] div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="cmdGreen"]:hover {
		background-color: #76d2aa;
		border: 1px solid var(--border-color-container-hover);
	}




/* mandatory */
div[ML_StyleSelector=checking] div[ML_PageControl_Key=FieldsContainer] input[type=text][ML_PageControl_Editable=Editable_ON][ML_PageControl_Attributes*=Mandatory] {
	border-left: 3px solid #C63200 !important;
}

div[ML_StyleSelector=checking] .PUBLIC-PAGELAYOUT-Login span[ML_PageControl_Type=FieldInfo] {
	color: black !important;
}

.CountDown15Seconds {
	transition: all 15s linear;
}

.CountDown120Seconds {
	transition: all 120s linear;
}

@keyframes lampeggio {
	33% {
		border-color: orange;
	}
}

div[ML_StyleSelector=checking] .borderAlert {
	border: 2px solid grey !important;
	animation: lampeggio;
	animation-timing-function: step-end;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: .7s;
}

div[ML_StyleSelector=checking] .borderOK {
	border: 2px solid #2ECD99;
}

div[ML_StyleSelector=checking] [ML_PageControl_Key=PnlBtnSnap] {
	width: 320px;
	display: inline-table;
}

div[ML_StyleSelector=checking] [ML_PageControl_Pragma=video_90] {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}

div[ML_StyleSelector=checking] [ML_PageControl_Pragma=video_180] {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}

div[ML_StyleSelector=checking] [ML_PageControl_Key=video],
div[ML_StyleSelector=checking] [ML_PageControl_Key=video_face] {
	width: 320px;
	/*height: 240px;*/
}


div[ML_StyleSelector=checking] #canvas_id_front,
div[ML_StyleSelector=checking] #canvas_id_back {
	display: none;
}

div[ML_StyleSelector=checking] [ML_PageControl_Key=ImageDocumentFront],
div[ML_StyleSelector=checking] [ML_PageControl_Key=ImageFace],
div[ML_StyleSelector=checking] [ML_PageControl_Key=ImageDocumentBack] {
	width: 320px;
	/*max-height: 240px;*/
	display: none;
}

img[ML_PageControl_Key=ImageBlob] {
	width: 50%;
}

div[ML_PageControl_Type=REQUIRE_ACK_1] tr:nth-child(2) td {
	text-align: left !important;
}

div[ML_PageControl_Type=REQUIRE_ACK_2] tr:nth-child(2) td {
	text-align: left !important;
}

div[ML_StyleSelector=checking] .SEARCHABLE_LIST {
	height: 220px;
}

.pnlList {
	display: none;
	max-height: 200px;
	overflow-y: scroll;
}

div[ML_StyleSelector=checking] [ML_PageControl_Key=Localizations] {
	background: #f9f6f6;
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	border-radius: 0px 0px 0px 10px;
	box-shadow: 0px 1px 1px 1px #464545;
}

div[ML_StyleSelector=checking] [ML_PageControl_Type=flagIcon] {
	padding-left: 3px;
	padding-right: 3px;
	height: 60px;
	cursor: pointer;
	margin-right: 2px;
}

div[ML_StyleSelector=checking] [ML_PageControl_Type=flagIconSelected] {
	padding-left: 3px;
	padding-right: 3px;
	display: none;
	height: 60px;
	cursor: pointer;
	margin-right: 2px;
}

div[ML_StyleSelector=checking] [ML_PageControl_Key=KioskMate_Selfie] {
	width: 115px;
	border-radius: 40px
}

div[ML_StyleSelector=checking] #video_qr {
	display: inline-block;
	width: 90%;
}


/* PIN*/
div[ML_StyleSelector=checking] [ML_PageControl_Type=PinFullContainer] {
	display: inline-block;
	height: 88%;
	margin-left: 10px;
}

	div[ML_StyleSelector=checking] [ML_PageControl_Type=PinFullContainer] div[ML_PageControl_Attributes=ActionPinConfirm] {
		background-color: #2ECD99;
		border: 1px solid #2ECD99;
		height: 68px;
		width: 68px;
		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_StyleSelector=checking] [ML_PageControl_Type=PinFullContainer] div[ML_PageControl_Attributes=ActionPinConfirm] span {
			color: white;
			font-size: 12px;
			cursor: pointer !important;
			text-transform: uppercase;
			padding: 0px;
		}

		div[ML_StyleSelector=checking] [ML_PageControl_Type=PinFullContainer] div[ML_PageControl_Attributes=ActionPinConfirm]:hover {
			background-color: #2CB387;
			border: 1px solid #2CB387;
		}

	div[ML_StyleSelector=checking] [ML_PageControl_Type=PinFullContainer] div[ML_PageControl_Attributes=ActionPinDelete] {
		background-color: #dc1818;
		border: 1px solid #dc1818;
		height: 68px;
		width: 68px;
		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_StyleSelector=checking] [ML_PageControl_Type=PinFullContainer] div[ML_PageControl_Attributes=ActionPinDelete] span {
			color: white;
			font-size: 12px;
			cursor: pointer !important;
			text-transform: uppercase;
			padding: 0px;
		}

		div[ML_StyleSelector=checking] [ML_PageControl_Type=PinFullContainer] div[ML_PageControl_Attributes=ActionPinDelete]:hover {
			background-color: #bf1919;
			border: 1px solid #bf1919;
		}

	div[ML_StyleSelector=checking] [ML_PageControl_Type=PinFullContainer] div[ML_PageControl_Attributes=ActionPin] {
		background-color: white;
		border: 1px solid #b5b0b0;
		height: 68px;
		width: 68px;
		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_StyleSelector=checking] [ML_PageControl_Type=PinFullContainer] div[ML_PageControl_Attributes=ActionPin] span {
			color: black;
			font-size: 18px;
			cursor: pointer !important;
			text-transform: uppercase;
			padding: 0px;
		}

		div[ML_StyleSelector=checking] [ML_PageControl_Type=PinFullContainer] div[ML_PageControl_Attributes=ActionPin]:hover {
			background-color: #efecec;
		}



div[ML_StyleSelector=checking] [ML_PageControl_Key*=Pin] {
	border: 1px solid #b5b0b0;
	background-color: white;
	border-radius: 10px;
	width: 50px;
	height: 50px;
	transition: all 0.5s ease;
}

	div[ML_StyleSelector=checking] [ML_PageControl_Key*=Pin] span {
		display: block;
		margin-top: 10px;
	}


	div[ML_StyleSelector=checking] [ML_PageControl_Key*=Pin]:not([ML_PageControl_Status=Valued]) span {
		display: none;
	}

	div[ML_StyleSelector=checking] [ML_PageControl_Key*=Pin][ML_PageControl_Status=Valued] span {
		display: block;
	}


	div[ML_StyleSelector=checking] [ML_PageControl_Key*=Pin][ML_PageControl_Status=Valued] {
		background-color: #2ecd99;
	}

div[ML_StyleSelector=checking] [ML_PageControl_Key=PnlInfoBadge_KioskMate] span {
	font-size: 25px !important;
}

div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="cmdRed"] {
	background-color: var(--label-color-information);
	border: 1px solid var(--border-color-container-hover);
	height: 25px;
	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="cmdRed"] span {
		color: white;
		font-size: 14px !important;
		cursor: pointer !important;
		text-transform: uppercase;
		padding: 0px;
	}

	div[ML_PageControl_Type=COMMAND][ML_PageControl_Attributes="cmdRed"]:hover {
		background-color: #de6e56;
		border: 1px solid var(--border-color-container-hover);
	}





div[ML_PageControl_Key=tapToEnter] {
	position: absolute;
	top: 10%;
	left: 10%;
	transition: 2s ease-in-out;
}


div[ML_PageControl_Key=badgeEmployee] {
	position: absolute;
	top: 0px;
	right: 10px;
	cursor: pointer;
}

div[ML_PageControl_Key=WaitForCUIMa] {
	position: absolute;
	top: calc(50% - 64px);
	left: calc(50% - 165px);
	background-color: white;
	padding: 15px 50px;
	border-radius: 50px;
	border: 5px solid red;
	width: 200px;
	text-align: center;
	display: none;
}

	div[ML_PageControl_Key=WaitForCUIMa] span {
		font-size: 25px;
		color: red;
	}

div[ML_PageControl_Key=ScrollDown] {
	display: none;
	position: absolute;
	bottom: 266px;
	right: 474px;
}




div[ML_StyleSelector=checking] div[ML_PageControl_Type=Disclaimers_Info] {
	width: 1000px;
	height: 30px;
	display: none;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
}

	div[ML_StyleSelector=checking] div[ML_PageControl_Type=Disclaimers_Info] table {
		width: 100%;
	}

	div[ML_StyleSelector=checking] div[ML_PageControl_Type=Disclaimers_Info] td {
		padding: 4px;
		white-space: nowrap;
	}





.ALU_PERS 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: 0 15px;
	float: none;
	transition: all 0.3s ease;
}

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

	.ALU_PERS div[ML_PageControl_Attributes="ActionLev1"]:hover {
		background-color: #2CB387;
		border: 1px solid #2CB387;
		cursor: pointer !important;
	}