/**********	Stili bottone	**********/

.Button {
	height: 24px;
	cursor: pointer;
	text-align: center;
	border-radius: 9999px;
	vertical-align: middle;
	padding: 16px 20px;
	transition: all ease-in-out 0.2s;
	display: flex;
	align-items: center;
	gap: 10px;
	width: fit-content;
	--button-primary-color: var(--primary);
	--button-text-color: var(--text-50);
	background-color: var(--button-primary-color);
	border: 2px solid var(--button-primary-color);
}

	.Button:hover {
		transform: scale(1.05);
		opacity: 0.8;
	}

	.Button span {
		cursor: pointer !important;
		color: var(--button-text-color);
		text-wrap: nowrap;
	}

	.Button:has( span:nth-of-type(2):empty ) {
		gap: 0px;
	}

	.Button:has(span:not([ML_PageControl_Type=Icon]):empty) {
		padding: 15px 10px;
	}

	/* Class States ----------------------------------------------------------------------------- */

	.Button.Success {
		--button-primary-color: var(--success);
		--button-text-color: var(--text-50);
	}

		.Button.Success.OtherAction {
			--button-text-color: var(--success);
		}

	.Button.Info {
		--button-primary-color: var(--info);
		--button-text-color: var(--text-50);
	}

		.Button.Info.OtherAction {
			--button-text-color: var(--info);
		}

	.Button.Warning {
		--button-primary-color: var(--warning);
		--button-text-color: var(--text-50);
	}

		.Button.Warning.OtherAction {
			--button-text-color: var(--warning);
		}

	.Button.Error {
		--button-primary-color: var(--error);
		--button-text-color: var(--text-50);
	}

		.Button.Error.OtherAction {
			--button-text-color: var(--error);
		}

	/* OtherAction ----------------------------------------------------------------------------- */
	.Button.OtherAction {
		--button-primary-color: var(--trasparent);
		--button-text-color: var(--primary);
		--button-primary-color-light: color-mix(in srgb, var(--button-text-color), white 75%);
	}

		.Button.OtherAction:hover,
		.Button.OtherAction.ForceBackGround {
			--button-primary-color: color-mix(in srgb, var(--button-text-color), white 75%);
		}

		.Button.OtherAction .fa-duotone {
			--fa-primary-color: var(--button-text-color);
			--fa-secondary-color: var(--button-text-color);
		}

	/* Class Height ----------------------------------------------------------------------------- */
	.Button.H_Text {
		padding: 2px 14px
	}

	.Button.H_Menu {
		height: 48px;
		font-size: 19px;
	}

	/* Icon - Text */
	.Button.TextAlt [ML_PageControl_Type=Icon] {
		display: none
	}

	.Button.OnlyIcon {
		width: 36px;
		justify-content: center;
	}

		.Button.OnlyIcon span:not([ML_PageControl_Type=Icon]) {
			display: none
		}

	/*------------------------- FormCommand : altro comandi */
	.Button[ML_PageControl_Attributes*="|FormCommand|"] {
		display: none;
	}

	/*-------------------Stati*/
	.Button[ML_Status=Disabled] {
		cursor: not-allowed;
		opacity: 0.65;
	}

		.Button[ML_Status=Disabled] span {
			cursor: not-allowed !important;
		}

/*-------------------------*/

.RightHeaderContainer .Button [ML_PageControl_Type=Icon] {
	width: 28px !important;
}

[ml_pagecontrol_type=CommandsContainer] {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 5px;
}

	[ml_pagecontrol_type=CommandsContainer] .Button:has(span:not([ML_PageControl_Type=Icon]):empty) {
		padding: 10px 5px;
	}

@media (max-width: 1024px) {
	.Button.TextAlt [ML_PageControl_Type=Icon] {
		display: block
	}

	.Button.TextAlt span:not([ML_PageControl_Type=Icon]) {
		display: none;
	}
}