//Tomorrow Night
// https://github.com/chriskempson/tomorrow-theme
//#1d1f21 Background
//#282a2e Current Line
//#373b41 Selection
//#c5c8c6 Foreground
//#969896 Comment
//#cc6666 Red
//#de935f Orange
//#f0c674 Yellow
//#b5bd68 Green
//#8abeb7 Aqua
//#81a2be Blue
//#b294bb Purple

// orange ,'#de935f'
// background #1d1f21
//'#cc6666', --piros
//'#f0c674', sarga
Highcharts.createElement('link', {
href: "http://fonts.googleapis.com/css?family=Raleway:400,800",//'http://fonts.googleapis.com/css?family=Dosis:400,600',
rel: 'stylesheet',
type: 'text/css'
}, null, document.getElementsByTagName('head')[0]);



Highcharts.theme = {
	colors:
	['#b5bd68','#8abeb7','#de935f','#b294bb','#81a2be','#cc6666','#f0c674','#282a2e','#373b41','#c5c8c6'],
      	chart: {
      		backgroundColor: null,
      		style: {
      			fontFamily:
      			"Raleway, sans-serif"
      			},
      		borderRadius:0,
      		borderColor: '#373b41',	
      		borderWidth:0,
      		spacingLeft: 0,
      		margin: [100, 50, 100, 50]
      		},
	title: {
		align: 'left',
		x:20,
		y:30,
		//margin: 40,
		useHTML: true,
		style: {
			align: 'left',
			fontSize: '18px',
			fontWeight: 'normal',
			//textTransform: 'uppercase',
			color: '#81a2be'
		}
	},
	tooltip: {
		borderWidth: 0,
		backgroundColor: 'rgba(219,219,216,0.8)',
		shadow: false
	},
	legend: {
                align: 'right',
                layout: 'vertical',
                x: -75,
                verticalAlign: 'center',
                y: 15,
                itemMarginTop:0,
                itemMarginBottom:15,
                itemHiddenStyle: {color:'#373b41'},
                itemHoverStyle:{color:'#c5c8c6'},
                floating: true,
                borderWidth:	 0,
 
		itemStyle: {
			//fontWeight: 'bold',
			color: '#969896',
			fontWeight: 'normal',
			fontSize: '13px'
		}
	},
	 exporting: {
            buttons: {
                contextButton: {
                    text: 'k',
                    symbol: 'circle',
                    symbolStrokeWidth: 1,
                    symbolFill: '#bada55',
                    symbolStroke: '#330033'
                }
            }
        },

	xAxis: {
		lineColor: '#282a2e',
		lineWidth:0,
		minorGridLineWidth:0,
		minorTickWidth:0,
		gridLineWidth: 0,
		tickWidth:0,
		gridLineColor: '#373b41',	
		labels: {
			style: {
				fontSize: '12px',color: '#969896'
			}
		}
		
	},
	yAxis: {
		lineColor: '#282a2e',
		lineWidth:0,
		gridLineWidth: 1,
		gridLineColor: '#373b41',	
		//title: {
		//	style: {
		//		textTransform: 'uppercase',
		//		color: '#969896'//'#373b41'
		//	}
		//},
		title: false,
		labels: {
			style: {
				fontSize: '12px',color: '#969896'	
			}
		},

	},
	plotOptions: {
		column: { 
			borderWidth: 0,
			borderColor: '#1d1f21'
			,animation: {
			      duration: 500,
			      transition:  'easeOutBounce'
			}
		},
		bar: { 
			borderWidth: 0,
			borderColor: '#1d1f21'
			,animation: {
			      duration: 500,
			      transition:  'easeOutBounce'
			}
		}

	},

                credits: {
                    enabled: false
                },
	// General
//	background2: '#F0F0EA'
      };
      
// Apply the theme
Highcharts.setOptions(Highcharts.theme);