/* ============================================================================================= */
/*	Charts */
/* ============================================================================================= */
	.chart {
		height: 400px;
		font-family: inherit;
	}

	.chart.jqplot-target {
		direction : ltr; /*jqPlot doesn't support the 'rtl' direction. The value must be forced to avoid a bug with the axis text */
	}
	
	.chart .jqplot-axis {
		font-size: 0.875rem;
	}
	
	.chart .jqplot-axis.jqplot-xaxis {
		overflow: hidden !important;
	}
	
	.chart .jqplot-axis.jqplot-yaxis,
	.chart .jqplot-axis.jqplot-xaxis {
		padding: 1rem;
	}
	
	.chart table.jqplot-table-legend, 
	.chart table.jqplot-cursor-legend {
   		font-size: 0.875rem;
   		border: none;
	}
	
	.chart table.jqplot-table-legend {
		max-height: 80%;
   		display: inline-block;
   		overflow-y: auto;
   		z-index: 1000;
	}
	
	.chart table.jqplot-table-legend td.jqplot-table-legend-label {
   		padding: 0 0.5rem;
	}
	
	.chart-commands {
		display: flex;
		margin-bottom: -1rem;
	}
	
	.charttype-commands a {
		text-decoration: none;
	}
	
	.charttype-commands .fa-lg {
		font-size: 1.5rem;
	}
	
	.charttype-commands {
		margin: 0 2rem 1rem 0;
	}
	
	[dir=rtl] .charttype-commands {
		margin-right: 0;
		margin-left: 2rem;
	}

/* ============================================================================================= */
/*	Filters */
/* ============================================================================================= */
	.filter-categories {
		display: flex;
	}
	
	.filter-categories .filter-category {
		width: 100%;
	}
	
	.filter-categories .filter-category:not(:last-child) {
		margin-right: 0.25rem;
	}
	
	[dir=rtl] .filter-category:not(:last-child) {
		margin-right: 0;
		margin-left: 0.25rem;
	}
	
	.filter-category .filter-category-list {
		height: 100%;
		display: flex;
   		flex-direction: column;
	}
	
	.filter-category .filter-category-list .ui-datalist-content {
		font-size: 0.875rem;
		line-height: 1rem;
		height: 100%;
	}
	
	.filter-category-item .filter-category-item--link {
		display: flex;
		justify-content: space-between;
		text-decoration: none;
	}
	
	.filter-category-item .filter-category-item--link.ui-state-disabled {
		opacity: 0.5;
	}
	
	.filter-category-item .filter-category-item--name {
		margin-right: 0.5rem;
		font-weight: 500;
	}
	
	[dir=rtl] .filter-category-item .filter-category-item--name {
		margin-right: 0;
		margin-left: 0.5rem;
	}
	
/* ============================================================================================= */
/*	Timeseries */
/* ============================================================================================= */
	.timeserie {
		height: 400px;
		font-family: inherit;
	}
	
	.timeserie-commands {
		display: flex;
		margin-bottom: -1rem;
	}