/*Utility function to hide visibility not on mobile*/
.VisibleOnlyOnMobile {
	display: none;
}

/* Da 768 in giù */
@media only screen and (max-width: 768px) {

	/*Header*/
	.Header_Top {
		display: flex;
		justify-content: space-between;
	}

		.Header_Top .Command_Top,
		.Header_Top .MenuLev1 .Button:not(.WebsiteSelector, .VisibleOnMobile) {
			display: none !important;
		}

		.Header_Top .MenuLev1 .Button.WebsiteSelector,
		.Header_Top .MenuLev1 .Button[ml_pagecontrol_key=Btn_BackHome] {
			margin-right: 0;
		}

	.Header_Middle .Message_Middle,
	.Header_Middle .Command_Middle > .ActionsContainer .Button:not(.VisibleOnMobile),
	.Header_Middle .MenuLev2 .MenuLev2_Item:not(.VisibleOnMobile) {
		display: none;
	}

	:is(.Header_Middle, .MenuContainer ) .MenuLev2 .MenuLev2_Item.VisibleOnlyOnMobile {
		display: block;
	}

	/*Libro*/
	.Company_Selected > *:not([ml_pagecontrol_key=CompanyName]) {
		display: none;
	}

	.MenuCompaniesWebsites .List .Companies .Company .TitleLabel {
		font-size: 16px !important;
	}

	.Header_Top .MenuLev1 .WebsiteSelector .WebsiteSelector_Selected {
		font-size: 16px;
	}

		.Header_Top .MenuLev1 .WebsiteSelector .WebsiteSelector_Selected > * {
			max-width: 220px;
		}

	/*Layout*/
	.MainContent .MainContainer_External {
		grid-template-rows: 100%
	}

		.MainContent .MainContainer_External .MainContainer {
			width: 100svw;
		}

		.MainContent .MainContainer_External .MenuLev3_Container .MenuLev3 {
			display: none !important;
		}

	.MainContent .SingleColumn_Internal,
	.MainContent .LeftContainer {
		margin: 12px !important;
		margin-right: 2px !important;
		padding-right: 12px !important;
	}

	/*Dashboard*/

	.Dashboard_Card_Container {
		grid-template-columns: 1fr !important;
		grid-template-rows: repeat(var(--repeat-method), var(--card-row)) !important;
	}

		/*Per far scendere fino in fondo la status card*/
		.Dashboard_Card_Container .Card.H_Full {
			grid-row: span 2;
		}

		.Dashboard_Card_Container .Card:not(.VisibleOnMobile) {
			display: none;
		}

		.Dashboard_Card_Container .Card.W_Double {
			grid-column: unset;
		}

	/*Profile*/
	[ml_pagecontrol_key=USER_PROFILE_Container] .Card_Container {
		display: flex;
		flex-direction: column;
	}

	/*PopUp*/

	div[ML_PageControl_Type=VirtualAssistant_externalContainer] [ML_PageControl_Type=Message_externalContainer][ML_PageControl_Type_Status=PopUp] {
		width: calc(100svw - 14px) !important;
		max-width: none !important;
	}

	/*Licenze*/

	[ml_pagecontrol_key=LICENSES_ListContainer][ml_pagecontrol_type=ML_CONTROLRENDER_Container],
	[ml_pagecontrol_key=PAYERS_ListContainer][ml_pagecontrol_type=ML_CONTROLRENDER_Container] {
		overflow-x: scroll;
	}

	[ML_PageControl_WrapperKey=PAYER_Details] [ML_PageContainer_Type=EntityFields_ContainerGroup][ML_PageContainer_Pragma=ColumnsFixed] {
		grid-template-columns: 1fr;
	}

	[ml_pagecontrol_wrapperkey=LICENSE_Details] .LicenseStatusBox {
		flex-direction: column;
	}

	[ml_pagecontrol_wrapperkey=INVOICE_Details] .WizardContainer .WizardSteps .WizardStep {
		flex-direction: column;
		text-align: center;
		justify-content: center;
		padding-block: 10px;
		border-radius: 10px;
		font-size: 14px;
	}

	[ML_PageControl_WrapperKey=INVOICE_Details] [ml_pagecontrol_key=EntityField_Container]:has([ml_pagecontrol_key=BtnCouponCheck]) {
		justify-content: center;
	}

	.RadioListBoxesContainer.PricesList .RadioListBox {
		grid-template-columns: 35px 1fr 0px;
	}

	[ML_PageContainer_Type=EntityFields_ContainerGroup][ML_PageContainer_Pragma=ColumnsFixed][ML_PageContainer_Columns="4"] {
		--nr-columns: 1;
	}

	.RadioListBoxesContainer.PaymentMethodsList .RadioListBox .PaymentType span {
		font-size: 16px;
	}

	.RadioListBoxesContainer.ServicesList .RadioListBox {
		display: flex;
		height: unset;
	}

		.RadioListBoxesContainer.ServicesList .RadioListBox .Radio {
			margin-inline: 12px;
			flex-shrink: 0;
		}

		.RadioListBoxesContainer.ServicesList .RadioListBox [ml_pagecontrol_key=ServiceName] {
			flex-grow: 1;
			font-size: 14px;
		}

		.RadioListBoxesContainer.ServicesList .RadioListBox [ml_pagecontrol_key=ServiceValue] {
			flex-shrink: 0;
		}

	[ML_PageControl_Key^=Invoice_Checkout_Sums_]:last-of-type {
		flex-shrink: 0;
	}

	[ML_PageControl_WrapperKey=INVOICE_Details] .InvoiceConfirmBtns [ml_pagecontrol_key=BtnConfirmPurchase] {
		height: 35px;
	}
}

@media only screen and (max-width: 425px) {
	.Header_Top .MenuLev1 .WebsiteSelector .WebsiteSelector_Selected > * {
		max-width: 180px;
	}
}