﻿.Statistcs_Card_Container {
	display: grid;
	grid-template-columns: 1fr 300px;
	grid-template-rows: minmax(350px, 50%) minmax(350px, 50%);
	height: calc(100% - 24px);
	gap: 20px;
	grid-template-areas:
		'a b'
		'c b';
}

.Card.GraphCard .Card_Body,
.Card.GraphCard .Card_Body {
	overflow: initial;
}

[ML_PageControl_WrapperKey=WEBSITE_STATS_PAGES].Card,
[ML_PageControl_WrapperKey=CONSENT_STATS_AVG_VALUES].Card {
	grid-area: c;
}

[ML_PageControl_WrapperKey=WEBSITE_STATS_USERS].Card,
[ML_PageControl_WrapperKey=CONSENT_STATS_CHART].Card {
	grid-area: a;
}

[ML_PageControl_WrapperKey=WEBSITE_STATS_CONTROL].Card {
	grid-template-rows: min-content auto;
	grid-area: b;
}

	[ML_PageControl_WrapperKey=WEBSITE_STATS_CONTROL].Card .ControlContainer {
		display: flex;
		flex-direction: column;
		height: 100%;
		gap: 5px;
	}

		[ML_PageControl_WrapperKey=WEBSITE_STATS_CONTROL].Card .ControlContainer [ml_pagecontrol_type=RadioButtonList] {
			justify-content: space-evenly;
		}

			[ML_PageControl_WrapperKey=WEBSITE_STATS_CONTROL].Card .ControlContainer [ml_pagecontrol_type=RadioButtonList] li i {
				font-size: 18px;
			}

			[ML_PageControl_WrapperKey=WEBSITE_STATS_CONTROL].Card .ControlContainer [ml_pagecontrol_type=RadioButtonList] li > * {
				cursor: pointer;
			}

		[ML_PageControl_WrapperKey=WEBSITE_STATS_CONTROL].Card .ControlContainer .BtnContainer {
			margin-top: auto;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 10px;
			padding: 10px;
		}

			[ML_PageControl_WrapperKey=WEBSITE_STATS_CONTROL].Card .ControlContainer .BtnContainer .Button {
				justify-content: center;
				width: 100%;
			}

[ML_PageControl_WrapperKey=CONSENT_STATS_AVG_VALUES].Card .PieRow {
	display: flex;
	gap: 10px;
}

	[ML_PageControl_WrapperKey=CONSENT_STATS_AVG_VALUES].Card .PieRow > div {
		width: calc(100% / 3 - 5px);
	}

[ML_PageControl_WrapperKey=CONSENT_STATS_AVG_VALUES].Card .Card_Body {
	overflow-x: hidden;
}

/* Da 1250 in giù*/
@media only screen and (max-width: 1250px) {
	.Statistcs_Card_Container {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-template-areas:
			'b'
			'a'
			'c';
	}
}

.ControlSectionTitle {
	padding-block: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: inherit;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: var(--card-accent-color);
}

	.ControlSectionTitle span {
		font-size: 20px;
	}
