﻿
[ML_PageControl_WrapperKey="CONTROLLER_Details"] [ML_PageControl_WrapperKey="SENSORS_List"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	padding: 10px;
	gap: 20px;
}

	[ML_PageControl_WrapperKey="CONTROLLER_Details"] [ML_PageControl_WrapperKey="SENSORS_List"] [ML_PageControl_Type="trContainer"]:hover {
		border-radius: 5px;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		align-items: center;
		min-height: 110px;
		min-width: 110px;
		margin: 2px;
		cursor: pointer;
		padding: 3px;
		gap: 5px;
		max-width: 120px;
		background-color: var(--background-color-container-list-hover);
		max-height: 120px;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	}

	[ML_PageControl_WrapperKey="CONTROLLER_Details"] [ML_PageControl_WrapperKey="SENSORS_List"] [ML_PageControl_Type="trContainer"] {
		border-radius: 5px;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		align-items: center;
		margin: 2px;
		padding: 3px;
		gap: 5px;
		width: 120px;
		height: 120px;
		background-color: var(--background-color-container-list);
		box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	}

		[ML_PageControl_WrapperKey="CONTROLLER_Details"] [ML_PageControl_WrapperKey="SENSORS_List"] [ML_PageControl_Type="trContainer"]:hover {
			border-radius: 5px;
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			align-content: center;
			justify-content: center;
			align-items: center;
			margin: 2px;
			padding: 3px;
			gap: 5px;
			width: 120px;
			height: 120px;
			background-color: var(--main-color-contrast-high);
			box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
		}

		[ML_PageControl_WrapperKey="CONTROLLER_Details"] [ML_PageControl_WrapperKey="SENSORS_List"] [ML_PageControl_Type="trContainer"][ML_PageControl_SubKey=SoftReset] {
			border-radius: 5px;
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			align-content: center;
			justify-content: center;
			align-items: center;
			margin: 2px;
			padding: 3px;
			gap: 5px;
			width: 120px;
			height: 120px;
			background-color: var(--label-background-widget_error);
			box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
		}

			[ML_PageControl_WrapperKey="CONTROLLER_Details"] [ML_PageControl_WrapperKey="SENSORS_List"] [ML_PageControl_Type="trContainer"][ML_PageControl_SubKey=SoftReset] span {
				color: white;
			}

		[ML_PageControl_WrapperKey="CONTROLLER_Details"] [ML_PageControl_WrapperKey="SENSORS_List"] [ML_PageControl_Type="trContainer"][ML_PageControl_SubKey=WriteToCloudDisable] {
			border-radius: 5px;
			display: flex;
			text-align: center;
			flex-direction: column;
			flex-wrap: wrap;
			align-content: center;
			justify-content: center;
			align-items: center;
			margin: 2px;
			padding: 3px;
			gap: 5px;
			width: 120px;
			height: 120px;
			background-color: var(--label-background-widget_warning);
			box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
		}

			[ML_PageControl_WrapperKey="CONTROLLER_Details"] [ML_PageControl_WrapperKey="SENSORS_List"] [ML_PageControl_Type="trContainer"][ML_PageControl_SubKey=WriteToCloudDisable] span {
				color: white;
			}

		[ML_PageControl_WrapperKey="CONTROLLER_Details"] [ML_PageControl_WrapperKey="SENSORS_List"] [ML_PageControl_Type="trContainer"] [ML_PageControl_MappedEntityField="SensorTypeCss"] {
			font-size: 35px;
			min-width: 60px;
			margin-bottom: 5px;
		}

		[ML_PageControl_WrapperKey="CONTROLLER_Details"] [ML_PageControl_WrapperKey="SENSORS_List"] [ML_PageControl_Type="trContainer"] [ML_PageControl_MappedEntityField="SensorTypeName"] {
			max-width: 150px;
			text-align: center;
		}

[ML_PageControl_Key=SENSOR_Container][data-statuscode] {
	border-width: 2px;
	border-style: solid;
	border-color: green;
}

[ML_PageControl_Key=SENSOR_Container][data-statuscode=DISABLED] {
	border-color: red !important;
}
