﻿[ML_PageControl_WrapperKey="DEVICE_NEW_Container"] [ML_PageControl_WrapperKey="SENSORS_Container"] [ML_PageControl_Type=CONTENT] {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

	[ML_PageControl_WrapperKey="DEVICE_NEW_Container"] [ML_PageControl_WrapperKey="SENSORS_Container"] [ML_PageControl_Type=CONTENT] [ML_PageControl_Type="COMMAND"] {
		align-self: center;
	}


[ML_PageControl_WrapperKey="DEVICE_WIDGETS_Container"] [ML_PageControl_Type="HEADER"] {
	cursor: pointer;
}

[ML_PageControl_WrapperKey="DEVICE_WIDGETS_Container"] [ML_PageControl_Type="CONTENT"] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

	[ML_PageControl_WrapperKey="DEVICE_WIDGETS_Container"] [ML_PageControl_Type="CONTENT"] [ML_PageControl_Key=ControllerCodeContainer] {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-self: center;
	}

	[ML_PageControl_WrapperKey="DEVICE_WIDGETS_Container"] [ML_PageControl_Type="CONTENT"] [ML_PageControl_Key="DEVICE_WIDGETS_TypologyContainer"] {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		gap: 5px;
		margin: 10px;
		padding: 10px;
		/* container-type: size; */
		flex-wrap: wrap;
	}

		[ML_PageControl_WrapperKey="DEVICE_WIDGETS_Container"] [ML_PageControl_Type="CONTENT"] [ML_PageControl_Key="DEVICE_WIDGETS_TypologyContainer"] [ML_PageControl_Key="DEVICE_WIDGET_Container"][ML_Status=None] {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: 5px;
			margin: 10px;
			padding: 10px;
			background-color: var(--background-color-site-tertiary);
			box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
			width: 250px;
			height: 180px;
			border-radius: 3px;
			cursor: pointer;
		}

		[ML_PageControl_WrapperKey="DEVICE_WIDGETS_Container"] [ML_PageControl_Type="CONTENT"] [ML_PageControl_Key="DEVICE_WIDGETS_TypologyContainer"] [ML_PageControl_Key="DEVICE_WIDGET_Container"][ML_Status=Selected] {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: 5px;
			margin: 10px;
			padding: 10px;
			background-color: #c4dbbc;
			box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
			width: 250px;
			height: 180px;
			border-radius: 3px;
			cursor: pointer;
		}

		[ML_PageControl_WrapperKey="DEVICE_WIDGETS_Container"] [ML_PageControl_Type="CONTENT"] [ML_PageControl_Key="DEVICE_WIDGETS_TypologyContainer"] [ML_PageControl_Key="DEVICE_WIDGET_Container"]:hover {
			border: 1px solid darkgrey;
			cursor: pointer;
		}

		[ML_PageControl_WrapperKey="DEVICE_WIDGETS_Container"] [ML_PageControl_Type="CONTENT"] [ML_PageControl_Key="DEVICE_WIDGETS_TypologyContainer"] [ML_PageControl_Key="DEVICE_WIDGET_Container"] [ML_PageControl_Key="DEVICE_WIDGET_InfoContainer_Top"] {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}

			[ML_PageControl_WrapperKey="DEVICE_WIDGETS_Container"] [ML_PageControl_Type="CONTENT"] [ML_PageControl_Key="DEVICE_WIDGETS_TypologyContainer"] [ML_PageControl_Key="DEVICE_WIDGET_Container"] [ML_PageControl_Key="DEVICE_WIDGET_InfoContainer_Top"] [ML_PageControl_Key="DEVICE_WIDGET_InfoContainer_Top_Icon"] {
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				margin: 5px;
			}

				[ML_PageControl_WrapperKey="DEVICE_WIDGETS_Container"] [ML_PageControl_Type="CONTENT"] [ML_PageControl_Key="DEVICE_WIDGETS_TypologyContainer"] [ML_PageControl_Key="DEVICE_WIDGET_Container"] [ML_PageControl_Key="DEVICE_WIDGET_InfoContainer_Top"] [ML_PageControl_Key="DEVICE_WIDGET_InfoContainer_Top_Icon"] [ML_PageControl_Key="DEVICE_WIDGET_Info_Icon"] {
					font-size: 60px;
				}

		[ML_PageControl_WrapperKey="DEVICE_WIDGETS_Container"] [ML_PageControl_Type="CONTENT"] [ML_PageControl_Key="DEVICE_WIDGETS_TypologyContainer"] [ML_PageControl_Key="DEVICE_WIDGET_Container"] [ML_PageControl_Key="DEVICE_WIDGET_InfoContainer_Bot"] [ML_PageControl_Key="DEVICE_WIDGET_InfoContainer_Bot_Value"] {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}

[ML_PageControl_WrapperKey="DEVICE_NEW_Container"] [ML_PageControl_WrapperKey="SENSORS_Container"] [ML_PageControl_Type="HEADER"] {
	cursor: pointer;
}


[ML_PageControl_WrapperKey="DEVICE_NEW_Container"] [ML_PageControl_Key="DEVICE_NEW_Step"] [ML_PageControl_Type="CONTENT"][ML_Status="Selected"] {
	display: flex;
}

[ML_PageControl_WrapperKey="DEVICE_NEW_Container"] [ML_PageControl_Key="DEVICE_NEW_Step"] [ML_PageControl_Type="CONTENT"][ML_Status="None"] {
	display: none;
}


[ML_PageControl_WrapperKey="DEVICE_NEW_Container"] [ML_PageControl_WrapperKey=PARAMETERS_Container] [ML_PageControl_Type=CONTENT] {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

	[ML_PageControl_WrapperKey="DEVICE_NEW_Container"] [ML_PageControl_WrapperKey=PARAMETERS_Container] [ML_PageControl_Type=CONTENT] [ML_PageControl_Key=Btn_Confirm] {
		align-self: center;
		margin: 2px;
	}

[ML_PageControl_WrapperKey="DEVICE_NEW_Container"] [ML_PageControl_WrapperKey="PARAMETERS_Container"] [ML_PageControl_Type="HEADER"] {
	cursor: pointer;
}

[ML_PageControl_WrapperKey="DEVICE_NEW_Container"] [ML_PageControl_WrapperKey="CODES_Container"] [ML_PageControl_Type="HEADER"] {
	cursor: pointer;
}

[ML_PageControl_WrapperKey="DEVICE_NEW_Container"] [ML_PageControl_WrapperKey=CODES_Container] [ML_PageControl_Type=CONTENT] {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

[ML_PageControl_WrapperKey=CODES_Container] [ML_PageControl_Type=CONTENT] [ML_PageControl_Key=Btn_Confirm] {
	align-self: center;
	margin: 2px;
}
