/*svg styles*/
path.line {
  fill: none;
  /*stroke: #06c;*/
  stroke: #d62728; /*red*/
}

path.area {
  fill: #9cf;
  fill-opacity: 0.5;
}

/*multiple  Line Series Styles */

[class$="-series"] * {
    vector-effect: non-scaling-stroke;
}

/* For multiple line series*/

path.line-1 , path.line-blue  {
  fill: none;
  stroke: #d62728; /*red*/
}

/* Line Series Styles 2 */
path.line-2, path.line-red {
  fill: none;
  stroke: #1f77b4; /*blue*/
}

/* Line Series Styles 3 */
path.line-3, path.line-green {
  fill: none;
  stroke: #2ca02c; /*green*/
}

/* Line Series Styles 4 */
path.line-4, path.line-orange {
  fill: none;
  stroke: #ff7f0e; /*orange*/
}

/* Line Series Styles 5 */
path.line-5, path.line-purple {
  fill: none;
  stroke: #9467bd; /*purple*/
}

/* Line Series Styles 6 */
path.line-6, path.line-brown {
  fill: none;
  stroke: #8c564b; /*brown*/
}

/* Line Series Styles 7 */
path.line-7, path.line-grey {
  fill: none;
  stroke: #7f7f7f; /*grey*/
}

/* Line Series Styles 8 */
path.line-8, path.line-lime {
  fill: none;
  stroke: #bcbd22; /*lime*/
}

/* Line Series Styles 9 */
path.line-9, path.line-java {
  fill: none;
  stroke: #17becf; /*java*/
}

/* Line Series Styles 10 */
path.line-10, path.line-java {
  fill: none;
  stroke: #e377c2; /*java*/
}


/* Transparent overlay for interactive tools */
.overlay {
  stroke-width: 0px;
  fill-opacity: 0;
}

/* Default Axis Styles */
.axis .domain,
.axis .tick line { 
  fill: none; 
  stroke-width: 1.0; 
  stroke: #bbb; 
}

.gridlines { 
  stroke: #ccc;
  stroke-width: 1.0;
}

.chartArea rect.background {
  stroke: #eee;
  fill: #fefefe;
}

.axis .minor {
  stroke: #ccc;
  stroke-width: 1px;
}
g.axis.bottom {
  margin-bottom: 20px;
}
.axis text {
  font: 11px "Source Code Pro", Consolas, monaco, monospace;
}
/*html styles*/
html,
body,
.fullscreen,
.chart-fullscreen {
  max-width: 100%;
  width: 100% !important;
  height: 100% !important;
}
body {
  font-family: "Source Code Pro", Consolas, monaco, monospace;
  line-height: 1.5;
}
.chart-fullscreen {
  min-height: 100%;
  position: relative;
}
.fullscreen-padding {
  padding: 5px;
  padding-bottom: 100px;
}
#chart-wrap {
  position: relative;
}
header {
  position: relative;
}

#chart-title-wrap {
  position: relative;
}
#chart-title-wrap h1 {
  position: relative;
  margin: 0px;
  text-align: center;
  padding: 13px 0 0 10px;
  font-size: 21px;
  color: #454545;
  line-height: 110%;
  font-weight: 400;
}
#error {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #ff851b;
  font-size: 16px;
  display: inline-block;
  padding: 8px 16px;
  color: #ffffff;
}
.legend-group {
  display: inline-block;
  width: 100px;
}
#legend-html {
  padding-top: 5px;
  padding-left: 40px;
  font-size: 13px;
  position: absolute;
  bottom: 100px;
}
#legend-html ul {
  max-width: auto;
  overflow: hidden;
}
#legend-html li {
  cursor: pointer;
  font-size: 13px;
  margin-bottom: 3px;
  margin-left: 15px;
}
#legend-html li:hover {
  opacity: 0.6;
}
#legend-html li span {
  padding: 2px 4px;
  pointer-events: none;
}
.legend-line {
  font-size: 14px;
  line-height: 13px;
}