header .ceiz-indeks,
	header .ifis-indeks,
	header .ovi-indeks {
	    height: 380px;
	}
	
	header .ceiz-indeks svg,
	header .ifis-indeks svg,
	header .ovi-indeks svg {
	    margin: 0 auto;
	    display: block;
	}
	
	.header .chart-label {
	    z-index:10;
	    position:fixed;
	    color:#333;
	    background:rgba(255, 255, 255, .8);
	    padding: 0;
	    height: 20px;
	}
	
	.xaxis path,
	.xaxis line,
	.yaxis path,
	.yaxis line {
	    stroke: #aaa;
	    fill: none;
	    shape-rendering: crispEdges;
	}
	
	.xaxis text,
	.yaxis text {
	    font-family: sans-serif;
	    font-size: 8px;
	    fill: #ffffff;
	}
	
	.datapoint {
	    cursor: pointer;
	    stroke: #111;
	    fill: rgba(0, 150, 255, .75);
	    stroke-width: 0;
	}
	
	header .lineChart {
	    stroke-width: 1;
	    fill: none;
	}
	
	.indeks-inner .lineChart {
	    fill: none;
	    /*stroke-width: 4;*/
	    stroke: rgba(100,100,100, 0.75);
	}
	
	.ifis-indeks .lineChart,
	.ifis-inner .lineChart {
			stroke: rgb(243, 210, 33);
			fill: transparent;
	}
	
	.ifis-inner #chart2.lineChart, .ifis-inner #chart3.lineChart, .ifis-inner #chart4.lineChart {
			stroke: #074883;
	}
	
	.ifis-indeks .datapoint {
	    fill: rgba(255, 94, 94, 1);
	}
	
	.ifis-inner .datapoint {
	    fill: rgb(243, 210, 33);
	}
	
	.ifis-inner .chart2.datapoint, .ifis-inner .chart3.datapoint , .ifis-inner .chart4.datapoint {
	    fill: rgb(7, 72, 131);
	}
	
	.ifis-inner .datapoint {
	    r: 2;
	}
	
	.ovi-indeks .lineChart,
	.ovi-inner .lineChart {
			stroke: #1c9ec3;
	}
	
	.ovi-inner #chart2.lineChart{
			stroke: #40b528;
			fill: transparent;
	}
	
	 .ovi-inner #chart3.lineChart {
			stroke: #008890;
			fill: transparent;
	}
	
	 .ovi-inner #chart4.lineChart {
			stroke: #008890;
			fill: transparent;
	}
	
	.ceiz-indeks .datapoint {
	    fill: rgb(12, 204, 138);
	}
	
	.ceiz-inner .datapoint {
	    fill: rgb(255, 124, 73);
	}
	
	.ceiz-inner .datapoint {
	    r: 2;
	}
	
	.ceiz-indeks #chart1,
	.ceiz-inner .lineChart {
	    stroke: rgba(255, 117, 63, 0.95);
	}
	
	.ceiz-indeks #chart2,.ceiz-indeks #chart3,.ceiz-indeks #chart4 {
	    stroke: rgba(255, 255, 255, 0.95);
	}
	
	.ovi-indeks #chart1 {
			stroke: #1c9ec3;
	}
	
	.ovi-indeks #chart2,.ovi-indeks #chart3,.ovi-indeks #chart4 {
	    stroke: rgba(255, 255, 255, .75);
	}
	
	.ovi-indeks .datapoint {
	    fill: rgba(255, 201, 110,1);
	}
	
	.ovi-inner .datapoint {
	    fill: #1c9ec3;
	}
	
	.ovi-inner .datapoint {
	    r: 2;
	}
	
	.ovi-inner .datapoint.chart2, .ovi-inner .datapoint.chart3, .ovi-inner .datapoint.chart4 {
	    fill: rgba(64, 181, 40, 1);
	}
	
	.ovi-indeks .chart.datapoint {
	    fill: rgba(255, 201, 110,.5);
	}
	
	.ovi-indeks .chart2.datapoint,.ovi-indeks .datapoint.chart3, .ovi-inner .datapoint.chart4 {
	    fill: rgba(255, 255, 255,.5);
	}
	
	.ovi-inner .datapoint.chart3, .ovi-inner .datapoint.chart4 {
	    fill: rgba(0, 136, 144, 1);
	}
	
	
	/* end grafovi */
	
	/*grafovi indeks stranica */
	
	
	.eizg-mojposao {
	    float: left;
	    margin: 10px 0 0 0;
	}
	
	
	.eizg-mojposao .eizg-indeks {
	    width: 130px;
	    margin-right: 20px;
	}
	
	.eizg-mojposao .moj-posao {
	    width: 130px;
	}
	
	.indeksi-ceiz-inner5 canvas,
	.indeksi-ceiz-inner canvas,
	.indeksi-ceiz-inner2 canvas,
	.indeksi-ceiz-inner4 canvas {
	    display: block;
	    width: 100%;
	    visibility: hidden;
	}
	
	.indeksi-ceiz-inner5,
	.indeksi-ceiz-inner,
	.indeksi-ceiz-inner2,
	.indeksi-ceiz-inner4 {
	    position: relative;
	}
	
	.indeksi-ceiz-inner5 svg,
	.indeksi-ceiz-inner svg,
	.indeksi-ceiz-inner2 svg,
	.indeksi-ceiz-inner4 svg {
	    position: absolute;
	    top: 0;
	    left: 0;
	    margin: 0 auto;
	    display: block;
	    width: 100%;
	    height: 101%;
	    z-index: 100;
	}
	
	.indeksi-ceiz-inner5 svg line,
	.indeksi-ceiz-inner svg line,
	.indeksi-ceiz-inner2 svg line,
	.indeksi-ceiz-inner4 svg line {
	    fill: #ccc;
	    stroke: #d2d2d2!important;
	}
	
	.indeksi-ceiz-inner5 svg line,
	.indeksi-ceiz-inner svg line,
	.indeksi-ceiz-inner2 svg line,
	.indeksi-ceiz-inner4 svg line {
	    stroke-opacity: 1;
	    shape-rendering: crispEdges;
	    /*stroke-width: 1px;*/
	    stroke-linejoin: round;
	}

	.indeksi-ceiz-inner2 path {
		fill: transparent;
    stroke: #229ff8;
	}
	
	.axis path,
	.axis line {
	      fill: none;
	      stroke: #000;
	      shape-rendering: crispEdges;
	      stroke-width: 1;
	}
	
	.line {
	      fill: none;
	      stroke: #000;
	      stroke-width: 1.5px;
	      stroke-linejoin: round;
	      stroke-linecap: round;
	      stroke-width: 1;
	}
	
	.chart-label {
	    z-index:1003;
	    position:fixed;
	    color:#ffffff;
	    background:#005ca9;
	    padding: 0;
	    height: 20px;
	}
	
	
	.indeksi-ceiz-inner .ceiz-inner {
	    stroke: rgba(255, 117, 63, 0.95);
	}
	
	.indeksi-ceiz-inner .ifis-inner {
	    stroke: rgba(255, 117, 63, 0.95);
	}
	
	.indeksi-ifis-inner4 .ovi-inner {
	    stroke: rgba(255, 117, 63, 0.95);
	}
	
	.indeksi-ceiz-inner .xaxis text,
	.indeksi-ceiz-inner .yaxis text {
	    font-family: sans-serif;
	    font-size: 10px;
	    fill: #4e4e4e;
	}
	
	
	.indeksi-ceiz-inner2 .xaxis text,
	.indeksi-ceiz-inner2 .yaxis text {
	    font-family: sans-serif;
	    font-size: 10px;
	    fill: #4e4e4e;
	}
	
	
	.indeksi-ceiz-inner4 .xaxis text,
	.indeksi-ceiz-inner4 .yaxis text {
	    font-family: sans-serif;
	    font-size: 10px;
	    fill: #4e4e4e;
	}
	
	
	.indeksi-ceiz-inner5 .xaxis text,
	.indeksi-ceiz-inner5 .yaxis text {
	    font-family: sans-serif;
	    font-size: 10px;
	    fill: #4e4e4e;
	}
	
	
	/*end grafovi indeks stranica */