.displayGraph {
    position: relative;
}
.graphContainer {
    position: relative;
    border: 1px solid #e3e3e3;    
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.graph, .points {
    position: relative;
    padding-top: 25px;
}
.graph li, .points li {
    list-style: none;
}

/*BARS*/
.bars, ul.points{
    background: url("/Public/images/azc/bkgGraph.png") bottom left;
    margin-left: 35px;
    border-bottom: 1px solid #e3e3e3;
}
    .bar {
        background: RGBA(35,139,197,0.7);
        display: inline-block;
        height: 0;
        width: 80px;
        margin-left: 10px;
        vertical-align: bottom;
        text-align: center;
        color: white;
        font-weight: bold;
  	-webkit-border-radius: 3px 3px 0 0;
           -moz-border-radius: 3px 3px 0 0;
                border-radius: 3px 3px 0 0;
    }
        .bar span {
            display: block;
            margin-top: 15px;
        }
    .bar1 {
        background: blue;
    }
    .bar2 {
        background: red;
    }
    .bar3 {
        background: green;
    }
    .bar4 {
        background: darkblue;
    }
.barLabels, .pointLabels {
    margin-left: 35px;    
}
    .barLabel, .pointLabel {
        display: inline-block;
        width: 80px;
        margin-left: 10px;
        vertical-align: bottom;
        text-align: center;
    }
.y-axisGroup {
    position: absolute;
    top: 15px;
    width: 30px;
    margin: 0;
    text-align: right;
}
    .y-axis {
        height: 50px;
    }
    
/*POINTS*/
.point {
    background: RGBA(35,139,197,0.7);
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 40px;
    vertical-align: bottom;
    text-align: center;
    color: #238bc5;
    font-weight: bold;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
.point span {
    display: block;
    margin-top: -15px;
}

#buttonExportPdf, #buttonExportCsv
{
	margin: 1px;
	cursor: pointer;
}