﻿/* Lista controllers sopra grafico*/
/*[ML_PageControl_WrapperKey="CHARTS_Container"] [ML_PageControl_Key="CHART_Controllers"] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
}

	[ML_PageControl_WrapperKey="CHARTS_Container"] [ML_PageControl_Key="CHART_Controllers"] [ML_PageControl_Key="CHART_Controller_Container"] {
		background-color: var(--background-color-site-secondary);
		border-radius: 5px;
		padding: 5px;
	}

		[ML_PageControl_WrapperKey="CHARTS_Container"] [ML_PageControl_Key="CHART_Controllers"] [ML_PageControl_Key="CHART_Controller_Container"]:hover {
			background-color: var(--border-color-container);
			border-radius: 5px;
			padding: 5px;
			color: white;
			cursor: pointer;
		}

			[ML_PageControl_WrapperKey="CHARTS_Container"] [ML_PageControl_Key="CHART_Controllers"] [ML_PageControl_Key="CHART_Controller_Container"]:hover span {
				color: white;
				cursor: pointer;
			}*/

/* ------------------------------------------------------------------------------------------------------------------ */

[ML_PageControl_Key="CONTROLLER_Environment"] {
	height: 100%;
}


[ML_PageControl_WrapperKey="CHARTS_Container"] {
	height: 100%;
}

	[ML_PageControl_WrapperKey="CHARTS_Container"] [ML_PageControl_Type="CONTENT"] {
		height: 90%;
	}

	[ML_PageControl_WrapperKey="CHARTS_Container"] div[ML_PageControl_Key=CHART_Style_ContainerExternal] {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		height: 100%;
	}

		[ML_PageControl_WrapperKey="CHARTS_Container"] div[ML_PageControl_Key=CHART_Style_ContainerExternal] [ML_PageControl_Key="CONTROLLER_Environment_BtnToolBar"] {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			width: 100%;
		}

			[ML_PageControl_WrapperKey="CHARTS_Container"] div[ML_PageControl_Key=CHART_Style_ContainerExternal] [ML_PageControl_Key="CONTROLLER_Environment_BtnToolBar"] [ML_PageControl_Key="CONTROLLER_Environment_LiveBtn"] {
				gap: 5px;
				background-color: var(--label-color-main) !important;
				font-weight: bolder;
				border: 1px solid var(--label-color-main);
			}

				[ML_PageControl_WrapperKey="CHARTS_Container"] div[ML_PageControl_Key=CHART_Style_ContainerExternal] [ML_PageControl_Key="CONTROLLER_Environment_BtnToolBar"] [ML_PageControl_Key="CONTROLLER_Environment_LiveBtn"]:hover {
					gap: 5px;
					background-color: white !important;
					font-weight: bolder;
					border: 1px solid var(--label-color-main);
				}

					[ML_PageControl_WrapperKey="CHARTS_Container"] div[ML_PageControl_Key=CHART_Style_ContainerExternal] [ML_PageControl_Key="CONTROLLER_Environment_BtnToolBar"] [ML_PageControl_Key="CONTROLLER_Environment_LiveBtn"]:hover [ML_PageControl_Key="CONTROLLER_Environment_LiveText"] {
						color: var(--label-color-main);
					}

				[ML_PageControl_WrapperKey="CHARTS_Container"] div[ML_PageControl_Key=CHART_Style_ContainerExternal] [ML_PageControl_Key="CONTROLLER_Environment_BtnToolBar"] [ML_PageControl_Key="CONTROLLER_Environment_LiveBtn"] [ML_PageControl_Key="CONTROLLER_Environment_LiveText"] {
					color: white;
				}

				[ML_PageControl_WrapperKey="CHARTS_Container"] div[ML_PageControl_Key=CHART_Style_ContainerExternal] [ML_PageControl_Key="CONTROLLER_Environment_BtnToolBar"] [ML_PageControl_Key="CONTROLLER_Environment_LiveBtn"] [ML_PageControl_Key="CONTROLLER_Environment_LiveIcon"] {
					color: red;
				}

			[ML_PageControl_WrapperKey="CHARTS_Container"] div[ML_PageControl_Key=CHART_Style_ContainerExternal] [ML_PageControl_Key="CONTROLLER_Environment_BtnToolBar"] [ML_PageControl_Key="CONTROLLER_Environment_NoteBtn"] {
				gap: 5px;
				background-color: var(--label-color-main) !important;
				font-weight: bolder;
				border: 1px solid var(--label-color-main);
			}

				[ML_PageControl_WrapperKey="CHARTS_Container"] div[ML_PageControl_Key=CHART_Style_ContainerExternal] [ML_PageControl_Key="CONTROLLER_Environment_BtnToolBar"] [ML_PageControl_Key="CONTROLLER_Environment_NoteBtn"]:hover {
					gap: 5px;
					background-color: white !important;
					font-weight: bolder;
					border: 1px solid var(--label-color-main);
				}

					[ML_PageControl_WrapperKey="CHARTS_Container"] div[ML_PageControl_Key=CHART_Style_ContainerExternal] [ML_PageControl_Key="CONTROLLER_Environment_BtnToolBar"] [ML_PageControl_Key="CONTROLLER_Environment_NoteBtn"]:hover span {
						color: var(--label-color-main);
					}

				[ML_PageControl_WrapperKey="CHARTS_Container"] div[ML_PageControl_Key=CHART_Style_ContainerExternal] [ML_PageControl_Key="CONTROLLER_Environment_BtnToolBar"] [ML_PageControl_Key="CONTROLLER_Environment_NoteBtn"] [ML_PageControl_Key="CONTROLLER_Environment_NoteIcon"] {
					color: white;
				}

				[ML_PageControl_WrapperKey="CHARTS_Container"] div[ML_PageControl_Key=CHART_Style_ContainerExternal] [ML_PageControl_Key="CONTROLLER_Environment_BtnToolBar"] [ML_PageControl_Key="CONTROLLER_Environment_NoteBtn"] [ML_PageControl_Key="CONTROLLER_Environment_NoteText"] {
					color: white;
				}



		[ML_PageControl_WrapperKey="CHARTS_Container"] div[ML_PageControl_Key=CHART_Style_ContainerExternal] [ML_PageControl_Key="CHART_Style_Container_Sensors"] {
			margin: 4px;
			padding: 1px;
		}

			[ML_PageControl_WrapperKey="CHARTS_Container"] div[ML_PageControl_Key=CHART_Style_ContainerExternal] [ML_PageControl_Key="CHART_Style_Container_Sensors"] [ML_PageControl_Type="COMMAND"] {
				margin: 4px;
				padding: 1px;
			}

div[ML_PageControl_Key=CHART_Style_ContainerExternal] [ML_PageControl_Key="pnlChartStock"] {
	width: 100%;
	margin: 4px;
	padding: 1px;
	height: 800px;
}



/*Workaround per datepicker nel rangeSelector:   https://github.com/highcharts/highcharts/issues/18813 */
.highcharts-range-selector {
	min-height: 20px;
}
