[ML_PageControl_WrapperKey=STATUS_Card] .Card_Header .WebsiteIntegratedHeader {
	padding: 5px 10px;
	border-radius: 5px;
}

	[ML_PageControl_WrapperKey=STATUS_Card] .Card_Header .WebsiteIntegratedHeader:has(>.WebsiteNotIntegrated) {
		background-color: var(--error);
		background-color: color-mix(in srgb, var(--error), black 20%);
	}

	[ML_PageControl_WrapperKey=STATUS_Card] .Card_Header .WebsiteIntegratedHeader:has(>.WebsiteIntegrated) {
		background-color: var(--success);
		background-color: color-mix(in srgb, var(--success), black 20%);
	}

[ML_PageControl_WrapperKey=PUBLISH_CHECKS_List] .Card_Body,
[ML_PageControl_WrapperKey=PUBLISH_CHECKS_List] .Card_Header {
	overflow-wrap: break-word;
}

[ML_PageControl_WrapperKey=PUBLISH_CHECKS_List] {
	padding-right: 5px;
}

	[ML_PageControl_WrapperKey=PUBLISH_CHECKS_List] .statusWarning {
		display: grid;
		padding: 8px 6px;
		border-radius: 6px;
		margin-bottom: 12px;
		grid-template-columns: 30px 1fr;
		background-color: var(--secondary-50);
	}

		[ML_PageControl_WrapperKey=PUBLISH_CHECKS_List] .statusWarning .statusLabel {
			display: block;
			grid-column-start: 2;
			text-align: right;
			color: var(--primary);
			margin: 2px 8px 0px 0px;
		}

		[ML_PageControl_WrapperKey=PUBLISH_CHECKS_List] .statusWarning:not([ml_pagecontrol_key=Ref_NoWarnings],[ml_pagecontrol_key=Ref_NoChangeToPublish]) {
			cursor: pointer !important;
		}

		[ML_PageControl_WrapperKey=PUBLISH_CHECKS_List] .statusWarning [ml_pagecontrol_type=Icon] {
			font-size: 20px;
		}

		[ML_PageControl_WrapperKey=PUBLISH_CHECKS_List] .statusWarning > div {
			align-items: center;
			display: flex;
		}

		[ML_PageControl_WrapperKey=PUBLISH_CHECKS_List] .statusWarning:not([ml_pagecontrol_key=Ref_NoWarnings],[ml_pagecontrol_key=Ref_NoChangeToPublish]):is(:hover, :active) {
			background-color: var(--secondary-100);
		}

[ML_PageControl_WrapperKey=LICENSE_Card].Card.Status_TRIAL {
	--card-accent-color: var(--info);
}

[ML_PageControl_WrapperKey=LICENSE_Card].Card.Status_ACTIVE_EXPIRING {
	--card-accent-color: var(--warning);
}

[ML_PageControl_WrapperKey=LICENSE_Card].Card.Status_EXPIRED,
[ML_PageControl_WrapperKey=LICENSE_Card].Card.Status_TRIAL_EXPIRED {
	--card-accent-color: var(--error);
}

[ML_PageControl_WrapperKey=LICENSE_Card].Card.Status_ACTIVE {
	--card-accent-color: var(--success);
}

[ML_PageControl_WrapperKey=LICENSE_Card] .StatusTag {
	transform: scale(1.5);
}

[ML_PageControl_WrapperKey=LICENSE_Card] .DateTag {
	font-size: large;
}

	[ML_PageControl_WrapperKey=LICENSE_Card] .DateTag span:last-of-type {
		font-weight: bold;
	}

[ML_PageControl_WrapperKey=ADVANCED_TUTORIAL_Card] .Card_Body {
	display: flex;
	flex-direction: column;
}

	[ML_PageControl_WrapperKey=ADVANCED_TUTORIAL_Card] .Card_Body [ml_pagecontrol_type=Icon] {
		font-size: 80px;
		margin-top: 12px;
		align-self: center;
	}

[ML_PageControl_WrapperKey=CONSENT_VALUE_Card] .ConsentPercentage {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

	[ML_PageControl_WrapperKey=CONSENT_VALUE_Card] .ConsentPercentage:not(:has([ml_pagecontrol_resource_key])) {
		font-size: 72px;
		font-weight: bold;
	}

	[ML_PageControl_WrapperKey=CONSENT_VALUE_Card] .ConsentPercentage [ml_pagecontrol_type=Icon] {
		font-size: 36px;
		color: var(--primary);
	}

		[ML_PageControl_WrapperKey=CONSENT_VALUE_Card] .ConsentPercentage [ml_pagecontrol_type=Icon][ml_pagecontrol_key=ConsentDown] {
			color: var(--error);
		}

[ML_PageControl_WrapperKey=CONSENT_VALUE_Card] .ConsentAveragePercentage {
	color: var(--text-300);
}

[ml_pagecontrol_wrapperkey=RELEASE_Card].Card {
	grid-template-rows: 50% auto 40px !important;
}

	[ml_pagecontrol_wrapperkey=RELEASE_Card].Card .Card_Header > div {
		justify-content: space-between;
		height: 100%;
	}

	[ml_pagecontrol_wrapperkey=RELEASE_Card].Card .Card_Header div div:first-of-type span:last-of-type {
		font-size: large;
	}

[ML_PageControl_WrapperKey=PAGE_VISITED_Card].Card .Card_Body,
[ML_PageControl_WrapperKey=ACTIVE_USERS_Card].Card .Card_Body {
	overflow: initial;
}

[ML_PageControl_WrapperKey=PAGE_VISITED_Card].Card .CardTitle,
[ML_PageControl_WrapperKey=ACTIVE_USERS_Card].Card .CardTitle {
	display: flex;
	justify-content: space-between;
}

	[ML_PageControl_WrapperKey=PAGE_VISITED_Card].Card .CardTitle > i,
	[ML_PageControl_WrapperKey=ACTIVE_USERS_Card].Card .CardTitle > i {
		height: min-content;
	}

.Dashboard_Card_Container [ML_PageControl_WrapperKey=NOTIFICATIONS_List] {
	max-width: unset;
}

/*Questo per togliere la scrollbarr inutile che compare, dovuta alle proprietà display:grid e gap:20px del Card_Container*/
/*Essendo le row costruite dinamicamente aggiunge sempre un gap di 20px sotto l'ultima row, provocando l'inserimento della scrollbar anche quando non è necessario*/
/*Spostando la separazione delle card al loro interno con il margine e non con il gap risolviamo questa storia*/
/*Questo comporta delle leggere modifiche al margin del contenitore (SingleColumn_Internal) al quale dobbiamo sottrarre il margine già presente nelle card*/
/*********************************************************************/
.SingleColumn_Internal:has( > .Card_Container.Dashboard_Card_Container) {
	margin: 19px;
	margin-right: 0px;
	padding-right: 19px;
}

.Card_Container.Dashboard_Card_Container {
	gap: 0px;
}

	.Card_Container.Dashboard_Card_Container .Card {
		margin: 10px;
	}
/*********************************************************************/

.Dashboard_Card_Container [ml_pagecontrol_wrapperkey=NOTIFICATIONS_Card].Card .Card_Body {
	overflow-y: auto;
	overflow-x: hidden;
}

.Dashboard_Card_Container [ml_pagecontrol_wrapperkey=ACTIVE_USERS_Card],
.Dashboard_Card_Container [ml_pagecontrol_wrapperkey=PAGE_VISITED_Card] {
	grid-column: 2/-1 !important;
}

/*Per la dashboard metto valori fissi perchè voglio assicurarmi che abbia un layout corretto sempre*/

.Dashboard_Card_Container {
	/*Per Firefox*/
	--card-row: minmax(250px, 1fr) !important;
	grid-template-columns: repeat(5, 1fr) !important;
	grid-template-rows: repeat(3, var(--card-row)) !important;
}

@media only screen and (max-width: 1680px) {
	.Dashboard_Card_Container {
		grid-template-columns: repeat(4, 1fr) !important;
	}

		/*Per non far andare a capo la card licenze*/
		.Dashboard_Card_Container .Card.W_Double {
			grid-column: unset;
		}
}

/*Da 1440 in giù*/
@media only screen and (max-width: 1440px) {
	.Dashboard_Card_Container {
		grid-template-columns: repeat(3, 1fr) !important;
	}

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

		/*Per far andare a capo la card licenze*/
		.Dashboard_Card_Container .Card.W_Double {
			grid-column: span 2;
		}
}

/*Debug*/
.Dashboard_Card_Container.GraphFullScreen [ml_pagecontrol_wrapperkey=ACTIVE_USERS_Card],
.Dashboard_Card_Container.GraphFullScreen [ml_pagecontrol_wrapperkey=PAGE_VISITED_Card] {
	grid-column: 1/-1 !important;
}

.Dashboard_Card_Container.GraphFullScreen .Card:not([ml_pagecontrol_wrapperkey=ACTIVE_USERS_Card], [ml_pagecontrol_wrapperkey=PAGE_VISITED_Card]) {
	display: none !important;
}

.Dashboard_Card_Container .TutorialFab {
	z-index: 10;
}