﻿.MainContent:has([ML_PageControl_WrapperKey=WIZARD_Container]) {
	/*brutto*/
	height: calc(100dvh - 64px );
}

[ML_PageControl_WrapperKey=WIZARD_Container] .WizardContainer {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
}

[ML_PageControl_WrapperKey=WIZARD_Container] .WizardStepContainer [ml_pagecontrol_key=FORMTABLE_Container] {
	display: grid;
	align-items: center;
	grid-template-columns: 400px 1fr;
	gap: 20px;
}

[ML_PageControl_WrapperKey=WIZARD_Container] .WizardContainer .WizardStepsControls {
	position: sticky;
	bottom: 0;
	background-color: var(--content-color);
	padding-block: 15px;
}

/* Da 1440 in giù*/
@media only screen and (max-width: 1140px) {
	[ML_PageControl_WrapperKey=WIZARD_Container] .WizardStepContainer [ml_pagecontrol_key=FORMTABLE_Container] {
		grid-template-columns: 1fr;
	}
}

.Card_Flex_Container [ML_PageControl_WrapperKey=TEMPLATE_CODE_Card] {
	min-width: 500px;
	max-width: calc(33% - var(--card-gap));
}

.Card_Flex_Container.Template_OTHER_Container [ML_PageControl_WrapperKey=TEMPLATE_CODE_Card] {
	min-width: 290px;
	max-width: calc(17% - var(--card-gap));
}

[ML_PageControl_WrapperKey=TEMPLATE_Details] [ML_PageControl_WrapperKey=TEMPLATE_CODE_Card] .Card_Body,
[ML_PageControl_WrapperKey=WIZARD_Container] [ML_PageControl_WrapperKey=TEMPLATE_CODE_Card] .Card_Body {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	margin: 15px;
	margin-top: 0;
}

	[ML_PageControl_WrapperKey=WIZARD_Container] [ML_PageControl_WrapperKey=TEMPLATE_CODE_Card] .Card_Body img {
		width: 200px;
	}

[ML_PageControl_WrapperKey=WIZARD_Container] [ML_PageControl_Key=Step] {
	display: none;
	flex-direction: row;
	gap: 10px;
}

[ML_PageControl_WrapperKey=WIZARD_Container] .Card .WizardCardContainer {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 15px;
	height: 100%;
}

	[ML_PageControl_WrapperKey=WIZARD_Container] .Card .WizardCardContainer span[ML_PageControl_Type=Icon] {
		font-size: 7em;
	}

[ML_PageControl_WrapperKey=WIZARD_Container] .Card[ML_Status=Success] [ml_pagecontrol_key=DataFilled].WizardCardContainer {
	display: flex;
}

	[ML_PageControl_WrapperKey=WIZARD_Container] .Card[ML_Status=Success] [ml_pagecontrol_key=DataFilled].WizardCardContainer > span:not([ML_PageControl_Type=Icon]) {
		font-size: 1.5em;
		font-weight: bolder;
		color: var(--primary-600);
	}

[ML_PageControl_WrapperKey=WIZARD_Container] .Card[ML_Status=Warning] [ml_pagecontrol_key=NoData].WizardCardContainer {
	display: flex;
}

[ML_PageControl_WrapperKey=WIZARD_Container] .Card[ML_Status=Warning] .WizardCardContainer span:not([ML_PageControl_Type=Icon]) {
	font-style: italic;
	color: var(--text-400);
}

[ML_PageControl_WrapperKey=WIZARD_Container] .Card[ML_Status=Warning] [ml_pagecontrol_key=NoData].WizardCardContainer span[ML_PageControl_Type=Icon] {
	--fa-primary-color: var(--warning);
	--fa-secondary-color: var(--warning);
}

[ML_PageControl_WrapperKey=WIZARD_Container] [ML_PageContainer_Type=EntityFields_ContainerGroup]:has(.EntityFields_ContainerGroup_Label) {
	margin-top: 40px;
	position: relative;
}

.ForMainWiard {
	position: absolute;
	float: right;
	right: 47px;
}


.Card_TEMPLATE_CODE_CHILD_Container {
	width: 100%;
	display: flex;
	justify-content: center;
}

	.Card_TEMPLATE_CODE_CHILD_Container > div {
		width: 500px;
	}

.Card_TemplateInfo_Container {
	padding: 20px;
	text-align: center;
}

.Template_OTHER_Container span {
	font-size: 12px !important;
}

.Template_OTHER_Container .CardTitle {
	font-weight: bold;
}
