@import url(https://fonts.googleapis.com/css?family=Poppins:400|500|600|700);

* {
	/*padding: 0;
	margin: 0;*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	*:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

html {
	-webkit-font-smoothing: antialiased;
}

body {
	font-family: Poppins, Arial;
	font-size: 14px;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0px 0px;
	background-color: var(--background-color-body);
}

html, body, form {
	height: 100%;
	min-height: -webkit-fill-available;
}

code {
	color: blue;
}

/*tolgo il bordo del focus*/
input,
textarea {
	outline: none;
	font-family: Poppins,Arial;
}

.ML_Span_Highlight {
	display: inline !important;
	background-color: #FAED1D !important;
	color: #323232 !important;
}


.SITE-BackGround-PopUp {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1001;
	opacity: 0.8;
	filter: alpha(opacity=80);
	display: none;
	background-color: black;
	overflow: hidden;
}

.SITE-BackGround-Control-PopUp {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1002;
	opacity: 0.5;
	filter: alpha(opacity=10);
	display: none;
	background-color: black;
	overflow: hidden;
}


.SwitchDISABLED_FOR_EDIT {
	pointer-events: none;
}


.ML_Effect_Magnify_TypeA {
	background-color: yellow !important;
	animation: sonarWave 2s linear infinite;
}

	.ML_Effect_Magnify_TypeA span {
		color: black !important;
	}

@keyframes sonarWave {
	from {
		opacity: 0.4;
	}

	to {
		transform: scale(3);
		opacity: 0;
	}
}



[ML_PageControl_Type=FinancialOperation_Note] {
	background-color: var(--background-color-container-active-header);
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 5px;
}

	[ML_PageControl_Type=FinancialOperation_Note] span {
		color: var(--label-color-main);
	}

	[ML_PageControl_Type=FinancialOperation_Note][ML_PageControl_Key=External] {
		position: relative;
	}

		[ML_PageControl_Type=FinancialOperation_Note][ML_PageControl_Key=External][ML_PageControl_Attributes=NewNote] {
			border: 1px solid var(--label-color-main);
		}

	[ML_PageControl_Type=FinancialOperation_Note] [ML_PageControl_Key=UserInfo] {
		background-color: var( --background-color-site-tertiary );
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 5px;
	}

	[ML_PageControl_Type=FinancialOperation_Note] [ML_PageControl_Key=PhoneExtensionCode] {
	}

	[ML_PageControl_Type=FinancialOperation_Note] [ML_PageControl_Key=DtIns] {
		background-color: var( --background-color-body);
		padding: 0px 5px;
		position: absolute;
		top: 11px;
		right: 19px;
	}

	[ML_PageControl_Type=FinancialOperation_Note] [ML_PageControl_Key=Note] textarea {
		background-color: var(--background-color-container-active-header);
		border-width: 0px;
		color: var(--label-color-main);
		overflow: hidden;
	}

	[ML_PageControl_Type=FinancialOperation_Note][ML_PageControl_Attributes=NewNote] [ML_PageControl_Key=UserInfo] {
		border-color: var(--label-color-main);
		border-style: solid;
		border-width: 1px 1px 0px 1px;
	}

	[ML_PageControl_Type=FinancialOperation_Note][ML_PageControl_Attributes=NewNote] [ML_PageControl_Key=Note] textarea {
		border-color: var(--label-color-main);
		border-width: 0px 1px 1px 1px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		background-color: var( --background-color-body);
	}

	[ML_PageControl_Type=FinancialOperation_Note][ML_PageControl_Attributes=NewNote] [ML_PageControl_Key=Commands] {
		height: 30px;
	}

		[ML_PageControl_Type=FinancialOperation_Note][ML_PageControl_Attributes=NewNote] [ML_PageControl_Key=Commands] [ML_PageControl_Type=COMMAND] {
			float: right;
		}

		[ML_PageControl_Type=FinancialOperation_Note][ML_PageControl_Attributes=NewNote] [ML_PageControl_Key=Commands] span {
			font-size: 28px;
		}


/*------------------------ Call List ------------------------*/

[ML_PageControl_Type=CallList_Container] {
}

	[ML_PageControl_Type=CallList_Container] span {
		color: var(--label-color-main);
	}

	[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=Container_Day] {
		border: 1px solid var(--main-control-background);
		margin-bottom: 3px;
	}

		[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=Container_Day]:hover {
			/*border: 1px solid var(--background-color-site-tertiary);*/
		}

	[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=Day_Ext] {
		background-color: var(--background-color-site-main);
		padding: 5px;
		color: white;
	}

		[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=Day_Ext] span {
			color: white;
		}


	[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] {
		background-color: var(--background-color-site-tertiary);
		padding: 3px;
		border-bottom: 5px solid white;
	}

		[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] div {
			background-color: var(--background-color-site-secondary);
			padding: 3px;
		}

		[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] span:last-of-type {
			padding: 0px 10px;
		}

		[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] [ML_PageControl_Key=Customers_Ext] [ML_PageControl_Key=Denomination] span {
			max-inline-size: fit-content;
			display: block;
		}

		[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] [ML_PageControl_Key=Customers_Ext] [ML_PageControl_Key=FullName] {
			display: block;
			max-inline-size: fit-content;
		}

		[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] [ML_PageControl_Key=Customers_Ext] [ML_PageControl_Key=RelationTypeCss] {
			display: flex;
			justify-content: center;
			width: 40px;
		}

			[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] [ML_PageControl_Key=Customers_Ext] [ML_PageControl_Key=RelationTypeCss] span {
				width: 20px;
			}

		[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] [ML_PageControl_Key=Customers_Ext] [ML_PageControl_Key=tdCommandBox] {
		}

		[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] [ML_PageControl_Key=Customers_Ext] td {
		}

		[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] [ML_PageControl_Key=Customers_Ext] [ML_PageControl_Type="Icon"] {
			font-size: 17px;
		}

			[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] [ML_PageControl_Key=Customers_Ext] [ML_PageControl_Type="Icon"] span {
				display: flex;
				justify-content: center;
			}

		[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] [ML_PageControl_Key=Customers_Ext] tr td div {
			float: right;
			width: 60px;
			height: 24px;
		}

		[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] table {
			width: 100%;
		}

			[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] table tr {
				width: 100%;
				display: flex;
				align-items: center;
			}

				[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] table tr td {
					width: 100%;
				}

					[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] table tr td[ML_PageControl_Key="IconContainer"] {
						display: block;
						width: 15%;
					}

					[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] table tr td[ML_PageControl_Key="CallNumberContainer"] {
						display: block;
						width: 20%;
					}

					[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] table tr td[ML_PageControl_Key="CallTransferContainer"] {
						display: block;
						width: 50%;
					}

					[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] table tr td[ML_PageControl_Key="CallTimeContainer"] {
						display: block;
						max-inline-size: fit-content;
						width: 15%;
					}

					[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=SingleCall_Ext] table tr td [ML_PageControl_Type="Icon"] {
						margin: 3px;
						font-size: 20px;
						padding: 0px;
					}

	[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=Customers_Ext] {
		padding: 1px 0px 1px 20px;
		height: 25px;
		display: flex;
		align-items: center;
	}

		[ML_PageControl_Type=CallList_Container] [ML_PageControl_Key=Customers_Ext] [ML_PageControl_Key=tdCommandBox] {
			display: flex;
			justify-content: flex-end;
			align-items: center;
		}

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

[ML_Contact_Type=Rule] {
}

[ML_Contact_Type=Customer] [ML_PageControl_Type=TABS_CONTAINER] [ML_PageControl_Type=TABS_Lip]:not([ML_Lip_Number="2"]) {
	display: none !important;
}

[ML_Contact_Type=Rule] [ML_PageControl_Type=USER_Container_External] {
	background-color: var(--background-color-subpage);
}

	[ML_Contact_Type=Rule] [ML_PageControl_Type=USER_Container_External] [ML_PageControl_Key=FullName] [ML_PageControl_Key*=FullName_Row] {
		color: var(--label-color-command-main);
	}

	[ML_Contact_Type=Rule] [ML_PageControl_Type=USER_Container_External] [ML_PageControl_Key=Avatar] span {
		color: white;
	}


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

[ML_Contact_Priority=MAIN] [ML_PageControl_Type=USER_Container_External] [ML_PageControl_Key=Avatar] span {
	color: orange !important;
}

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

[ML_PageControl_Type=USER_Container_External] {
	display: flex;
	white-space: nowrap;
}

	[ML_PageControl_Type=USER_Container_External] [ML_PageControl_Key=Avatar] {
		padding: 5px;
		display: flex;
		align-items: center;
	}

		[ML_PageControl_Type=USER_Container_External] [ML_PageControl_Key=Avatar] span {
			font-size: 65px;
			height: 80px;
			width: 80px;
			display: flex;
			align-items: center;
			justify-content: center;
		}


	[ML_PageControl_Type=USER_Container_External] [ML_PageControl_Key=FullName] {
		padding-left: 15px;
		padding-top: 10px;
		color: var(--label-color-main);
	}

	[ML_PageControl_Type=USER_Container_External] [ML_PageControl_SubKey=GenericContact] {
		display: flex;
		align-items: center;
		padding-left: 15px;
		color: var(--label-color-main);
	}

		[ML_PageControl_Type=USER_Container_External] [ML_PageControl_SubKey=GenericContact] [ML_PageControl_Key="FullName_Row1"] {
			font-size: 20px;
			font-weight: bold;
		}

	[ML_PageControl_Type=USER_Container_External] [ML_PageControl_Key=Contacts] {
		display: flex;
		column-gap: 15px;
		align-items: flex-start;
		flex-wrap: wrap;
		padding-left: 15px;
		padding-top: 10px;
		color: var(--label-color-main);
		width: -webkit-fill-available;
		justify-content: flex-end;
	}

	[ML_PageControl_Type=USER_Container_External] [ML_PageControl_Key=FullName] [ML_PageControl_Key=FullName_Row1] {
		font-size: 20px;
		font-weight: bold;
		padding-right: 5px;
	}

	[ML_PageControl_Type=USER_Container_External] [ML_PageControl_Key=FullName] [ml_pagecontrol_subkey=ContactReference] {
		font-style: italic;
	}

		[ML_PageControl_Type=USER_Container_External] [ML_PageControl_Key=FullName] [ml_pagecontrol_subkey=ContactReference] [ML_PageControl_Key="FullName_Row2"] {
			font-size: 12px;
		}

[ML_PageControl_Type=BOX_A_Container_External] {
	display: flex;
	align-items: center;
	border: 1px dotted transparent;
	width: 100%;
	border-radius: 6px;
}

	[ML_PageControl_Type=BOX_A_Container_External]:hover {
		background-color: var(--background-color-container-generic);
		border-color: var(--label-color-submain);
	}

	[ML_PageControl_Type=BOX_A_Container_External] [ML_PageControl_Key=Icon] {
		padding: 5px;
	}

	[ML_PageControl_Type=BOX_A_Container_External] [ML_PageControl_Key=Infos] {
		padding: 5px;
		width: 100%;
	}

		[ML_PageControl_Type=BOX_A_Container_External] [ML_PageControl_Key=Infos] [ML_PageControl_Key=Infos_Title] {
			font-size: 11px;
			font-weight: bold;
		}

		[ML_PageControl_Type=BOX_A_Container_External] [ML_PageControl_Key=Infos] [ML_PageControl_Key=Icon] {
			width: 25px;
		}

/*------------------------------Selezione Indirizzo in Indirizzi e Contatti-----------------*/
[ML_PageControl_Type=ADDRESS_Container_External] {
	white-space: nowrap;
	background-color: var(--background-color-site-secondary);
}

	[ML_PageControl_Type=ADDRESS_Container_External] span {
		color: var(--label-color-main);
	}

	[ML_PageControl_Type=ADDRESS_Container_External] > div {
		display: flex
	}

		[ML_PageControl_Type=ADDRESS_Container_External] > div [ML_PageControl_Key=Avatar] {
			padding: 5px;
		}

			[ML_PageControl_Type=ADDRESS_Container_External] > div [ML_PageControl_Key=Avatar] img {
				height: 80px;
			}

		[ML_PageControl_Type=ADDRESS_Container_External] > div [ML_PageControl_Key=FullAddress] {
			padding-left: 15px;
			padding-top: 10px;
			color: var(--label-color-main);
		}

			[ML_PageControl_Type=ADDRESS_Container_External] > div [ML_PageControl_Key=FullAddress] [ML_PageControl_Key="FullName_Row1"] {
				font-size: 20px;
				font-weight: bold;
			}

	[ML_PageControl_Type=ADDRESS_Container_External] [ML_PageControl_Key=Note_Row3] {
		white-space: pre-wrap;
		display: flex;
		padding: 5px;
		font-size: 13px !important;
	}


[ML_Address_Priority=MAIN] [ML_PageControl_Type=ADDRESS_Container_External] [ML_PageControl_Key=Avatar] span {
	color: orange;
}

[ML_PageControl_Key=AddressesSelectableContainer] {
	display: flex;
	column-gap: 5px;
	flex-wrap: wrap;
}

[ML_PageControl_Key=AddressSelectableContainer] {
	padding: 15px;
	gap: 15px;
	border-radius: 3px;
	background-color: var(--background-color-container-active-header);
	margin: 10px 0px;
	transition: 0.2s ease-in-out;
}

	[ML_PageControl_Key=AddressSelectableContainer][ML_Status=None]:has(> [ML_PageControl_Type=ADDRESS_Container_External]) {
		width: auto;
		cursor: pointer;
		border: 2px solid var(--border-color-container);
	}

		[ML_PageControl_Key=AddressSelectableContainer][ML_Status=None]:has(> [ML_PageControl_Type=ADDRESS_Container_External]):hover {
			border-color: var(--command-main-color);
		}

	[ML_PageControl_Key=AddressSelectableContainer][ML_Status=Selected]:has(> [ML_PageControl_Type=ADDRESS_Container_External]) {
		border: 2px solid rgb(42, 62, 76);
	}

/*------------------------------------------------------------------------------------------*/
[ML_PageControl_Type=ADDRESS_Contacts] {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 5px;
}

[ML_PageControl_Key=ContactDetail_Container] {
	width: fit-content;
}

[ML_PageControl_Type=CONTACT_Info_Container] {
	display: flex;
	white-space: nowrap;
	align-items: center;
	padding: 0px 5px;
}

[ML_PageControl_Type=CONTACT_Container_External] span {
	color: var(--label-color-main);
}

[ML_PageControl_Type=CONTACT_Container_External] [ML_PageControl_Key=Avatar] {
	padding: 5px;
}

[ML_PageControl_Type=CONTACT_Info_Container] [ML_PageControl_Key=Avatar] img,
[ML_PageControl_Type=CONTACT_Info_Container] [ML_PageControl_Key=Avatar] span {
	display: none;
}

[ML_PageControl_Type=CONTACT_Container_External] [ML_PageControl_Key=Avatar] img {
	height: 40px;
}

[ML_PageControl_Type=CONTACT_Container_External] {
	border: 1px dotted var(--label-color-main);
	margin: 3px;
	min-width: 200px;
	position: relative;
}

[ML_PageControl_Type=CONTACT_Info_Container][ML_Contact_Type=male] [ML_PageControl_Key=Avatar] img[ML_PageControl_Key=male] {
	display: inline-block;
}

[ML_PageControl_Type=CONTACT_Info_Container][ML_Contact_Type=female] [ML_PageControl_Key=Avatar] img[ML_PageControl_Key=female] {
	display: inline-block;
}

[ML_PageControl_Type=CONTACT_Info_Container][ML_Contact_Type=address] [ML_PageControl_Key=Avatar] span[ML_PageControl_Key=address] {
	display: inline-block;
}


[ML_PageControl_Type=CONTACT_Info_Container] [ML_PageControl_Key=FullName] [ML_PageControl_Key="FullName_Row1"] {
	font-size: 18px;
	font-weight: bold;
}

[ML_PageControl_Type=CONTACT_Info_Container] [ML_PageControl_Key=FullName] [ML_PageControl_Key="FullName_Row2"] {
	display: block;
}

[ML_PageControl_Type=CONTACT_Contacts_Container] {
	display: flex;
	margin-bottom: 12px;
}

	[ML_PageControl_Type=CONTACT_Contacts_Container] [ML_PageControl_Pragma=Element] {
		display: block !important;
	}

		[ML_PageControl_Type=CONTACT_Contacts_Container] [ML_PageControl_Pragma=Element] span {
			cursor: pointer;
		}

[ML_PageControl_Type=BOX_B_Container_External] {
	border: 1px dotted transparent;
	width: fit-content;
	padding: 5px;
	width: 100%;
}

	[ML_PageControl_Type=BOX_B_Container_External] [ML_PageControl_Key=Icon] {
		padding: 5px;
	}

	[ML_PageControl_Type=BOX_B_Container_External] [ML_PageControl_Key=Infos_Row] {
		padding: 5px;
	}

[ML_PageControl_Type=CONTACT_Command_Container] {
	display: flex;
	justify-content: flex-end;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

	[ML_PageControl_Type=CONTACT_Command_Container] [ML_PageControl_Type=COMMAND]:hover {
		background-color: var(--command-main-background-color);
	}