/* Angular D3 chart css */
	.slice text {
	color: #FFFFFF;
	font-size: 10pt;
	font-family: Arial;
	fill: white;
	}
	.slice path {
	stroke:#fff;
	stroke-width:0.5;	
	}
	
	/* line chart */
	
	/*body { font: 12px Arial;}*/
	.path { 
		stroke: steelblue;
		stroke-width: 2;
		fill: none;
	}
	
	/*.axis path,
	.axis line {
		fill: none;
		stroke: grey;
		stroke-width: 1;
		shape-rendering: crispEdges;
	}*/
	
	.area {
    	fill: lightsteelblue;
    	stroke-width: 0;
	}
	
	div.tooltip {
	    position: absolute;
	    text-align: center;
	    max-width: auto;
	    height: auto;
	    padding: 10px;
	    background-color: white;
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	    border-radius: 10px;
	    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
	    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
	    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
	    pointer-events: none; /* VERY IMPOETENT */
		font-family: sans-serif;
		font-size: 12px;
	}
	
	
	/***** 	buffetBarChart in overview page *****/
		
	.buffetBarChart {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
	}	
	
	.buffetBarChartText {
		font: 9px sans-serif;
	}
	
	.buffetBarChartText-Select {
		font: 12px sans-serif;
		text-anchor : middle;
		font-weight: bold;
	}
	
	.buffetBarChart-backgroundBar-close {
		/*stroke: #000;*/
		fill : rgb(216, 216, 216);
	}
	.buffetBarChart-backgroundBar-nocover {
		stroke: red;
		fill : url(#diagonalHatch);
	}
	
	.buffetBarChart-backgroundBar {
		/*stroke: #000;*/
		fill : #ffffff;
	}
			
	/***** presenceBarChart in overview page *****/					
	.presenceBarChart {
		float: left;
	}
	
	.presenceBarChart text {
	font-family: sans-serif;
		font-size : 9px;
	}
	
	.presenceBarChart .todayText {
		font-size : 12px;
		font-weight: bold;		
	}
		
	.presenceBarChart.axis text {
    	font-family: sans-serif;
    	font-size: 10px;
	}
	
	.presenceBarChart .axis path,
	.presenceBarChart .axis line {
		fill: none;
		stroke: black;		
		shape-rendering: crispEdges;
	}
	
	/***** statementHolidayBarChart *****/
		
	.statementHoliday.axis path, 
	.statementHoliday.axis line {
    	fill: none;
    	stroke: black;
    	shape-rendering: crispEdges;
}
	.statementHoliday.axis text {
    	font-family: sans-serif;
    	font-size: 14px;
}
	/***** worktimeBarChart *****/
	.usersWorktimeBarChart {
		float: left;
	}
	
	.usersWorktimeBarChart text {
	font-family: sans-serif;
		font-size : 10px;
	}		
		
	.usersWorktimeBarChart.axis text {
    	font-family: sans-serif;
    	font-size: 10px;
	}
	
	.usersWorktimeBarChart .axis path,
	.usersWorktimeBarChart .axis line {
		fill: none;
		stroke: black;		
		shape-rendering: crispEdges;
	}