/*
Generazione nuove schede adesione
*/
[ML_PageControl_WrapperKey=AttachmentsGeneratePanel] {
}

	[ML_PageControl_WrapperKey=AttachmentsGeneratePanel] [ML_PageControl_Key=VisualizeLegalRepresentativePanel] > table {
		width: 100%;
	}

		[ML_PageControl_WrapperKey=AttachmentsGeneratePanel] [ML_PageControl_Key=VisualizeLegalRepresentativePanel] > table > tbody > tr:first-of-type {
			border-bottom: 1px solid var(--border-color-container);
		}

			[ML_PageControl_WrapperKey=AttachmentsGeneratePanel] [ML_PageControl_Key=VisualizeLegalRepresentativePanel] > table > tbody > tr:first-of-type > th {
				display: flex;
				height: 30px;
			}

				[ML_PageControl_WrapperKey=AttachmentsGeneratePanel] [ML_PageControl_Key=VisualizeLegalRepresentativePanel] > table > tbody > tr:first-of-type > th > span {
					font-size: 14px;
					color: var(--label-color-containerHeader);
					margin: auto;
					padding-left: 3%;
				}

				[ML_PageControl_WrapperKey=AttachmentsGeneratePanel] [ML_PageControl_Key=VisualizeLegalRepresentativePanel] > table > tbody > tr:first-of-type > th > div {
					margin-left: 0px;
				}

	[ML_PageControl_WrapperKey=AttachmentsGeneratePanel] [ML_PageControl_Key=VisualizePreviewPanel] > table {
		width: 100%;
	}

		[ML_PageControl_WrapperKey=AttachmentsGeneratePanel] [ML_PageControl_Key=VisualizePreviewPanel] > table > tbody > tr:first-of-type {
			border-bottom: 1px solid var(--border-color-container);
		}

			[ML_PageControl_WrapperKey=AttachmentsGeneratePanel] [ML_PageControl_Key=VisualizePreviewPanel] > table > tbody > tr:first-of-type > th {
				display: flex;
				height: 30px;
			}

				[ML_PageControl_WrapperKey=AttachmentsGeneratePanel] [ML_PageControl_Key=VisualizePreviewPanel] > table > tbody > tr:first-of-type > th > span {
					font-size: 14px;
					color: var(--label-color-containerHeader);
					margin: auto;
					padding-left: 3%;
				}

				[ML_PageControl_WrapperKey=AttachmentsGeneratePanel] [ML_PageControl_Key=VisualizePreviewPanel] > table > tbody > tr:first-of-type > th > div {
					margin-left: 0px;
				}

	[ML_PageControl_WrapperKey=AttachmentsGeneratePanel] [ML_PageControl_Key=VisualizePreviewPanel] [ML_PageControl_Key=DocumentItemsContainer] {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		justify-content: space-around;
		padding-bottom: 15px;
	}

		[ML_PageControl_WrapperKey=AttachmentsGeneratePanel] [ML_PageControl_Key=VisualizePreviewPanel] [ML_PageControl_Key=DocumentItemsContainer] > div {
			height: 200px;
			display: flex;
			flex-direction: column;
			padding: 10px;
		}

			[ML_PageControl_WrapperKey=AttachmentsGeneratePanel] [ML_PageControl_Key=VisualizePreviewPanel] [ML_PageControl_Key=DocumentItemsContainer] > div > img {
				height: 160px;
				width: auto;
				padding-bottom: 7px;
			}

	/*Seleziona il contatto*/
	[ML_PageControl_WrapperKey=AttachmentsGeneratePanel][ML_PageControl_Key=SelectContactList] [ML_PageControl_Key=VisualizeLegalRepresentativePanel] {
		display: none;
	}

	[ML_PageControl_WrapperKey=AttachmentsGeneratePanel][ML_PageControl_Key=SelectContactList] [ML_PageControl_Key=VisualizePreviewPanel] {
		display: none;
	}

	/*Inserisci parametri per generazione*/
	[ML_PageControl_WrapperKey=AttachmentsGeneratePanel][ML_PageControl_Key=ViewContactParams] [ML_PageControl_Key=SelectLegalRepresentativePanel] {
		display: none;
	}

	[ML_PageControl_WrapperKey=AttachmentsGeneratePanel][ML_PageControl_Key=ViewContactParams] [ML_PageControl_Key=VisualizeLegalRepresentativePanel] [ML_PageControl_Key=Btn_PreviewsSave] {
		display: none;
	}

	[ML_PageControl_WrapperKey=AttachmentsGeneratePanel][ML_PageControl_Key=ViewContactParams] [ML_PageControl_Key=VisualizePreviewPanel] {
		display: none;
	}

	[ML_PageControl_WrapperKey=AttachmentsGeneratePanel][ML_PageControl_Key=ViewContactParams] [ML_PageControl_Key=VisualizeLegalRepresentativePanel] > [ML_PageControl_Type=DataInfo] {
		display: block !important;
	}

	/*Visualizza anteprime*/
	[ML_PageControl_WrapperKey=AttachmentsGeneratePanel][ML_PageControl_Key=ViewPreviewPDF] [ML_PageControl_Key=SelectLegalRepresentativePanel] {
		display: none;
	}

	[ML_PageControl_WrapperKey=AttachmentsGeneratePanel][ML_PageControl_Key=ViewPreviewPDF] [ML_PageControl_Key=VisualizeLegalRepresentativePanel] {
	}

		[ML_PageControl_WrapperKey=AttachmentsGeneratePanel][ML_PageControl_Key=ViewPreviewPDF] [ML_PageControl_Key=VisualizeLegalRepresentativePanel] [ML_PageControl_Key=Btn_PreviewsView] {
			display: none;
		}

		[ML_PageControl_WrapperKey=AttachmentsGeneratePanel][ML_PageControl_Key=ViewPreviewPDF] [ML_PageControl_Key=VisualizeLegalRepresentativePanel] input[ML_PageControl_EntityField=BadgeType] {
			display: block !important;
		}

		[ML_PageControl_WrapperKey=AttachmentsGeneratePanel][ML_PageControl_Key=ViewPreviewPDF] [ML_PageControl_Key=VisualizeLegalRepresentativePanel] table[ML_PageControl_EntityField=BadgeType] {
			display: none;
		}

		[ML_PageControl_WrapperKey=AttachmentsGeneratePanel][ML_PageControl_Key=ViewPreviewPDF] [ML_PageControl_Key=VisualizeLegalRepresentativePanel] input[ML_PageControl_EntityField=AdditionalFee] {
			display: block !important;
		}

		[ML_PageControl_WrapperKey=AttachmentsGeneratePanel][ML_PageControl_Key=ViewPreviewPDF] [ML_PageControl_Key=VisualizeLegalRepresentativePanel] table[ML_PageControl_EntityField=AdditionalFee] {
			display: none;
		}

	[ML_PageControl_WrapperKey=AttachmentsGeneratePanel][ML_PageControl_Key=ViewPreviewPDF] [ML_PageControl_Key=VisualizePreviewPanel] {
	}

		[ML_PageControl_WrapperKey=AttachmentsGeneratePanel][ML_PageControl_Key=ViewPreviewPDF] [ML_PageControl_Key=VisualizePreviewPanel] img {
			width: 100px;
		}



/**************************************************************************************************************/
[ML_PageControl_Key="Choises_Container"] {
	display: flex;
	gap: 10px;
	justify-content: space-evenly;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}

	[ML_PageControl_Key="Choises_Container"] [ML_PageControl_Key="Choise_Container"] {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		padding: 30px;
		flex-direction: column;
		gap: 15px;
		min-width: 260px;
		border: 2px solid var(--border-color-container);
		border-radius: 3px;
		background-color: var(--background-color-container-active-header);
		margin: 30px 0px;
		transition: 0.2s ease-in-out;
	}

		[ML_PageControl_Key="Choises_Container"] [ML_PageControl_Key="Choise_Container"]:hover {
			border-color: var(--command-main-color);
		}

		[ML_PageControl_Key="Choises_Container"] [ML_PageControl_Key="Choise_Container"] [ML_PageControl_Type=DataInfo] {
			max-width: 370px;
			text-align: center;
		}

		[ML_PageControl_Key="Choises_Container"] [ML_PageControl_Key="Choise_Container"] [ML_PageControl_Key="Choise_Container_IconBox"] {
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 25px;
		}

			[ML_PageControl_Key="Choises_Container"] [ML_PageControl_Key="Choise_Container"] [ML_PageControl_Key="Choise_Container_IconBox"] [ML_PageControl_Type="Icon"] {
				width: 50px;
				height: 50px;
			}

	[ML_PageControl_Key="Choises_Container"] [ML_PageContainer_Type="EntityFields_ContainerGroup"] {
		padding: 45px 30px 30px 30px;
		min-width: 260px;
		border: 2px solid var(--border-color-container);
		border-radius: 3px;
		background-color: var(--background-color-container-active-header);
		transition: 0.2s ease-in-out;
	}

		[ML_PageControl_Key="Choises_Container"] [ML_PageContainer_Type="EntityFields_ContainerGroup"]:hover {
			border-color: var(--command-main-color);
		}

	[ML_PageControl_Key="Choises_Container"] [ML_PageControl_Type="DataInfo"][ML_PageControl_Key="InfoList"] {
		font-weight: bold;
		position: relative;
		bottom: -50px;
		right: -37px;
	}

/*Customer Service*/
.CustomerServicesGroups {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

	.CustomerServicesGroups .CustomerServiceGroup {
		display: flex;
		flex-direction: column;
	}

		.CustomerServicesGroups .CustomerServiceGroup:has(> .Header span) {
			border: solid 1px var(--border-color-container);
		}

		.CustomerServicesGroups .CustomerServiceGroup > .Header:has(span) {
			border-bottom: solid 1px var(--border-color-container);
			padding: 7px 9px;
			font-weight: bold;
			background: var(--background-color-container-active-header);
		}

		.CustomerServicesGroups .CustomerServiceGroup > .Header span {
			font-size: large !important;
		}

		.CustomerServicesGroups .CustomerServiceGroup > .Header:has(span) + .CustomerServices {
			padding: 10px;
		}


		.CustomerServicesGroups .CustomerServiceGroup > .Header:not(:has(span)) + .CustomerServices .CustomerService > .Header {
			padding: 7px 9px;
		}

			.CustomerServicesGroups .CustomerServiceGroup > .Header:not(:has(span)) + .CustomerServices .CustomerService > .Header span {
				font-size: large !important;
				font-weight: bold;
			}

		.CustomerServicesGroups .CustomerServiceGroup .CustomerServices {
			display: flex;
			gap: 10px;
			flex-direction: column;
		}

			.CustomerServicesGroups .CustomerServiceGroup .CustomerServices .CustomerService {
				border: 1px solid var(--border-color-container);
			}

				.CustomerServicesGroups .CustomerServiceGroup .CustomerServices .CustomerService > .Header {
					border-bottom: solid 1px var(--border-color-container);
					padding: 7px 9px;
					background: var(--background-color-container-active-header);
				}

				.CustomerServicesGroups .CustomerServiceGroup .CustomerServices .CustomerService > .Body {
					display: grid;
					grid-template-columns: 350px 1fr;
					gap: 10px;
					padding: 10px;
				}

					.CustomerServicesGroups .CustomerServiceGroup .CustomerServices .CustomerService > .Body > .Content {
						display: flex;
						flex-direction: column;
						gap: 5px;
					}


					.CustomerServicesGroups .CustomerServiceGroup .CustomerServices .CustomerService > .Body .Date {
						border: 1px dotted var(--border-color-container);
						padding: 3px;
						display: flex;
						flex-direction: column;
						gap: 4px;
					}

/* Attachment Types */
.AttachmentType {
	display: flex;
	flex-direction: column;
	margin-top: 25px;
	border: solid 1px var(--border-color-container);
}

	.AttachmentType > .Header {
		border-bottom: solid 1px var(--border-color-container);
		padding: 7px 9px;
		background: var(--background-color-container-active-header);
	}

		.AttachmentType > .Header span {
			font-size: large !important;
		}

	.AttachmentType > .Attachments {
		padding: 10px;
	}

/* Attachments */
.Attachments {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 10px;
	padding: 3px;
}

	.Attachments:has( .Attachment.Photo) {
		flex: 1;
		flex-direction: row;
	}

	.Attachments .Attachment {
		display: grid;
		grid-template-areas:
			"Type Command"
			"Header Body";
		grid-template-columns: 1fr max-content;
		row-gap: 7px;
		width: 100%;
		border: 1px solid var(--border-color-container);
		--attachment-accent: var(--label-color-main);
	}

		.Attachments .Attachment.Photo {
			width: fit-content;
			height: fit-content;
		}


		.Attachments .Attachment.Small {
			grid-template-columns: 1fr min-content;
			grid-template-areas:
				"Type Command"
				"Header Header";
			gap: 0;
		}

			.Attachments .Attachment.Small .Header {
				background-color: var(--background-color-container-generic);
			}

			.Attachments .Attachment.Small .Content {
				padding: 5px !important;
			}

				.Attachments .Attachment.Small .Content .Command {
					background-color: unset;
				}

		.Attachments .Attachment > * {
			padding: 7px;
		}

		.Attachments .Attachment .Header {
			grid-area: Type;
			display: flex;
			align-items: baseline;
			gap: 10px;
			background-color: var(--background-color-container-active-header);
		}


			.Attachments .Attachment .Header .Type {
				display: flex;
				background-color: var(--main-color-contrast-high);
				border-radius: 3px;
				padding: 5px;
				align-items: center;
				gap: 5px;
				outline: 2px solid var(--attachment-accent);
			}

			.Attachments .Attachment .Header span {
				/*				font-size: 16px;
				font-weight: bold*/
			}

			.Attachments .Attachment .Header [ML_PageControl_Type=Icon] {
				font-size: large;
				width: unset;
			}


		.Attachments .Attachment .Content {
			grid-area: Header;
			display: flex;
			flex-direction: column;
			gap: 5px;
		}

			.Attachments .Attachment .Content .TitleContainer {
				display: flex;
				align-items: flex-end;
				gap: 10px;
			}

			.Attachments .Attachment .Content span {
				font-size: 13px;
			}

		.Attachments .Attachment .Body {
			grid-area: Body;
			display: flex;
			flex-direction: column;
		}

			.Attachments .Attachment .Body i {
				width: 17px;
			}

			.Attachments .Attachment .Body span {
				font-size: 12px;
			}

		.Attachments .Attachment .Command {
			grid-area: Command;
			display: flex;
			justify-content: flex-end;
			gap: 3px;
			padding: 3px;
			background-color: var(--background-color-container-active-header);
			align-items: center;
		}

		.Attachments .Attachment.Success {
			--attachment-accent: var(--success);
		}

		.Attachments .Attachment.Warning {
			--attachment-accent: var(--warning);
		}

			.Attachments .Attachment.Warning :where([ml_pagecontrol_mappedentityfield=AttachmentExpireDate], [ml_pagecontrol_mappedentityfield=AttachmentExpireDayAlert]) {
				color: var(--attachment-accent);
			}

		.Attachments .Attachment.Error {
			--attachment-accent: var(--error);
		}

			.Attachments .Attachment.Error :where([ml_pagecontrol_mappedentityfield=AttachmentExpireDate]) {
				color: var(--attachment-accent);
			}

		.Attachments .Attachment.Neutral {
			--attachment-accent: var(--neutral);
		}

.CustomerDashboard {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}

	.CustomerDashboard .DashCard {
		border: 1px solid var(--border-color-container);
	}

		.CustomerDashboard .DashCard .Header {
			display: flex;
			background-color: var(--background-color-container-active-header);
			border-bottom: solid 1px var(--border-color-container);
			text-align: left;
			padding: 3px 15px;
			gap: 8px;
			align-items: center;
		}

			.CustomerDashboard .DashCard .Header .Title {
				display: flex;
				gap: 8px;
				align-items: center;
			}

				.CustomerDashboard .DashCard .Header .Title span {
					font-size: larger;
				}

			.CustomerDashboard .DashCard .Header .Button {
				margin-left: auto;
			}

		.CustomerDashboard .DashCard .Body {
			padding: 5px;
			overflow: auto;
		}