/* To style page */
.montitle{
    font-family: Roboto, 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #525254;
    padding-left: 30px;
}

.montitledate{
    font-family: Roboto, 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #999a9b;
}

.montitletime{
    font-family: Roboto, 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #525254;
    padding-right: 12px;
}

.chartsInfo{
    font-family: Roboto, 'Open Sans', sans-serif;
    font-size: 15px;
    color: #626264;
    background-color: #ddddfd;
    padding-left: 12px;
}

/* To style chart */
#svg {
    margin-left: 20px;
    margin-top: 50px;
}

.hexagon {
    stroke-width: 3px;
    stroke: rgb(200, 200, 200);
}

.hexagon_mod {
    stroke-width: 2px;
    stroke: rgb(210, 210, 210);
}

.hexagon_pix {
    stroke-width: 1.3px;
    stroke: rgb(190, 190, 190);
}

.diamond {
    stroke-width: 1.3px;
    stroke: rgb(190, 190, 190);
}

.barsColorScale {
    stroke-width: 0px;
    stroke: rgb(200, 200, 200);
}

.barsColorScaleText {
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    font-weight: 700;
    fill: rgb(100, 100, 100);
}

.chartTitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 80px;
    font-weight: 700;
    fill: rgb(70, 75, 75);
}

.chartParamValue {
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    font-weight: 700;
    fill: rgb(100, 100, 100);
}

.chartParamName {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 400;
    fill: rgb(150, 150, 150);
}

.chartDateValueOk {
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    font-weight: 400;
    fill: rgb(20, 165, 0);
}

.chartDateValueKo {
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    font-weight: 700;
    fill: rgb(255,0,0);
}
.chartDateValueKoSmall {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 700;
    fill: rgb(255,0,0);
}

.toolTipValue {
    font-family: 'Open Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    fill: rgb(70, 75, 75);
}

.toolTipPosition {
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    font-weight: 400;
    fill: rgb(70, 75, 75);
}

/* LineChart CSS values */

.lc_title{
    font-family: Roboto, 'Open Sans', sans-serif;
    font-size: 40px;
    font-weight: bold;
    fill: #3a4454;
}

.lc_timeinfo{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    fill: #858585;
}

.lc_timeinfo_ok{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    fill: rgb(20,165,0);
}

.lc_timeinfo_old{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    fill: rgb(255,0,0);
}

.lc_legend_text{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.lc_mouse_line{
    stroke-width: 1px;
    stroke: rgb(75,75,75);
    stroke-dasharray: 3,3;
}

.lc_mouse_circle{
    fill: none;
    r: 4;
    stroke-width: 2px;
}

.lc_line{
    stroke-width: 4px;
    fill: none;
}

.lc_dot {
    /*stroke: white;*/
    r: 3;
    stroke-width: 0;
}

.lc_x_axis {
    stroke-width: 2px;
    color: #495565;
}

.lc_x_axis .tick {
    font-family: 'Roboto', 'Open Sans', sans-serif;
    font-size: 18px;
}

.lc_y_axis {
    stroke-width: 2px;
    color: #495565;
}

.lc_y_axis .tick {
    font-family: 'Roboto', 'Open Sans', sans-serif;
    font-size: 18px;
}

/* LogLineChart CSS values */

.llc_title{
    font-family: Roboto, 'Open Sans', sans-serif;
    font-size: 40px;
    font-weight: bold;
    fill: #3a4454;
}

.llc_timeinfo{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    fill: #858585;
}

.llc_timeinfo_ok{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    fill: rgb(20,165,0);
}

.llc_timeinfo_old{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    fill: rgb(255,0,0);
}

.llc_legend_text{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.llc_mouse_line{
    stroke-width: 1px;
    stroke: rgb(75,75,75);
    stroke-dasharray: 3,3;
}

.llc_mouse_circle{
    fill: none;
    r: 4;
    stroke-width: 2px;
}

.llc_line{
    stroke-width: 4px;
    fill: none;
}

.llc_dot {
    /*stroke: white;*/
    r: 3;
    stroke-width: 0;
}

.llc_x_axis {
    stroke-width: 2px;
    color: #495565;
}

.llc_x_axis .tick {
    font-family: 'Roboto', 'Open Sans', sans-serif;
    font-size: 18px;
}

.llc_y_axis {
    stroke-width: 2px;
    color: #495565;
}

.llc_y_axis .tick {
    font-family: 'Roboto', 'Open Sans', sans-serif;
    font-size: 18px;
}