body {
  background-color: #272727;
  color: #fff;
}
.logo {
  font-weight: 100;
  color: #f768a1;
}
.lily {
  color: #fcc5c0;
}
.userSay {
  color: #abd9e9;
}
.helper {
  color: #808080;
  cursor: pointer;
}
.fillbckcolor {
  fill: #272727;
}
.btn-default {
  background-color: transparent;
  color: #fff;
}
.indent {
  margin-left: 20px;
}
.hint {
  fill: #808080;
}
.tblrows {
  line-height: 2;
}
.axis path,
.axis line {
  fill: none;
  stroke: #808080;
  shape-rendering: crispEdges;
}
.axis text {
  font-family: sans-serif;
  font-size: 11px;
  fill: #d5d5d5;
}
.verticalGrid,
.horizontalGrid {
  stroke: #3c3c3c;
}
#theinteraction {
  color: #fff;
  text-align: center;
  font-size: 50px;
}
.svgContainer svg {
  margin-left: auto;
  margin-right: auto;
  display: block;
}