/*
 * DOM element rendering detection
 * https://davidwalsh.name/detect-node-insertion
 */
@keyframes chartjs-render-animation {
	from { opacity: 0.99; }
	to { opacity: 1; }
}

.chartjs-render-monitor {
	animation: chartjs-render-animation 0.001s;
}

/*
 * DOM element resizing detection
 * https://github.com/marcj/css-element-queries
 */
.chartjs-size-monitor,
.chartjs-size-monitor-expand,
.chartjs-size-monitor-shrink {
	position: absolute;
	direction: ltr;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	pointer-events: none;
	visibility: hidden;
	z-index: -1;
}

.chartjs-size-monitor-expand > div {
	position: absolute;
	width: 1000000px;
	height: 1000000px;
	left: 0;
	top: 0;
}

.chartjs-size-monitor-shrink > div {
	position: absolute;
	width: 200%;
	height: 200%;
	left: 0;
	top: 0;
}

canvas{
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
}

@media screen and (max-width: 1920px) {

.chart-container{
		float: none;
		position: relative;
		height:50%; 
		width:90%; 
		margin: auto; 
		padding: auto;
		padding-bottom: 2em;
		}

.chart-container-bar{
		float: none;
		position: relative;
		height:75%; 
		width:75%; 
		margin: auto; 
		padding: auto;
		padding-bottom: 2em;
		}

.chart-container-umland{
		float: left;
		position: relative;
		height:50%; 
		width:50%; 
		margin: auto; 
		padding: auto;
		padding-bottom: 2em;
		}

.chart-container-pie{
		float: left;
		position: relative;
		height:45%; 
		width:45%; 
		margin: auto; 
		padding: auto;
		padding-bottom: 2em;
		}

}

@media screen and (max-width: 1280px) {

.chart-container{
		float: none;
		position: relative;
		height:50%; 
		width:100%; 
		margin: auto; 
		padding: auto;
		padding-bottom: 2em;
		}

.chart-container-bar{
		float: none;
		position: relative;
		height:75%; 
		width:75%; 
		margin: auto; 
		padding: auto;
		padding-bottom: 2em;
		}

.chart-container-umland{
		float: left;
		position: relative;
		height:50%; 
		width:50%; 
		margin: auto; 
		padding: auto;
		padding-bottom: 2em;
		}

.chart-container-pie{
		float: left;
		position: relative;
		height:50%; 
		width:50%; 
		margin: auto; 
		padding: auto;
		padding-bottom: 2em;
		}

}

@media screen and (max-width: 1024px) {

.chart-container{
		float: none;	
		position: relative;
		height:100%; 
		width:100%; 
		margin: auto; 
		padding: auto;
		padding-bottom: 2em;
		}

.chart-container-bar{
		float: none;
		position: relative;
		height:75%; 
		width:75%; 
		margin: auto; 
		padding: auto;
		padding-bottom: 2em;
		}

.chart-container-umland{
		float: none;
		position: relative;
		height:100%; 
		width:100%; 
		margin: auto; 
		padding: auto;
		padding-bottom: 2em;
		}

.chart-container-pie{
		float: none;
		position: relative;
		height:75%; 
		width:75%; 
		margin: auto; 
		padding: auto;
		padding-bottom: 2em;
		}

}

@media screen and (max-width: 800px) {

.chart-container{
		float: none;	
		position: relative;
		height:100%; 
		width:100%; 
		margin: auto; 
		padding: auto;
		padding-bottom: 2em;
		}

.chart-container-bar{
		float: none;	
		position: relative;
		height:100%; 
		width:100%; 
		margin: auto; 
		padding: auto;
		padding-bottom: 2em;
		}

.chart-container-umland{
		float: none;
		position: relative;
		height:100%; 
		width:100%; 
		margin: auto; 
		padding: auto;
		padding-bottom: 2em;
		}

.chart-container-pie{
		float: none;
		position: relative;
		height:100%; 
		width:100%; 
		margin: auto; 
		padding: auto;
		padding-bottom: 2em;
		}

}