html, body {
    background-color: #fffdf9;
    font-family: 'Avenir', 'Helvetica', sans-serif;
    width: 100%;
    height: 100%;
}

h3 {
  padding-left:10px;
  padding-right:10px;
  color:white;
  margin: auto;
}

a {
  text-decoration: none;
  font-weight: 900;
  color: #4153af;
}

.message {
  font-size:2vw;
  font-weight:900;
  color:#444;
}

.description {
  font-size: 1.25vw;
  color:#111;
}

.subheading {
  color:#ddd;
  font-size: 2vw;
}

.main-content {
  overflow:hidden;
}

.tab-content {
  height: 90%;
  max-height: 90%;
  min-height: 90%;
  overflow: auto;
  background-color: white;
  border: solid #d5d5d5;
  border-width: 0px 1px 1px 1px;
}

.secondary-content {
  overflow: auto;
}

.help-text {
  color: #888;
}

.discussion {
  color: #555;
}

.widget {
  display: block;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.vertical-center {
    vertical-align: middle;
    display: inline-block;
    line-height: 30px;
    padding-top: 14px;
}

.blank {
  background-color: #fff;
  border-radius: 0px 0px 0px 0px;
  border-width: 0px;
  margin: 1vw;
}

.contentdiv {
  padding: 0px;
  overflow: hidden;
}

.thesvg {
  padding: 0px;
  overflow: visible;
}

/* 	Slider label */

.valueblock {
  width: 100%;
  padding: 0px 0px 0px 1vw;
}

.valuelabel {
  font-size: 2vw;
  font-weight: 200;
  color: #cbcbcb;
}

.dim {
  font-size: 2.5vw;
  font-weight: 500;
  color: 555;
}

.operator {
  font-size: 2.5vw;
  font-weight: 800;
  color: #565656;
}

.valuenumber {
  font-size: 2.5vw;
  font-weight: 700;
}

/* 	Slider label */

.valueblock {
  width: 100%;
  padding: 0px 0px 0px 1vw;
}

.valuelabel {
  font-size: 2vw;
  font-weight: 200;
  color: #cbcbcb;
}

.dim {
  font-size: 2.5vw;
  font-weight: 500;
  color: 555;
}

.operator {
  font-size: 2.5vw;
  font-weight: 800;
  color: #565656;
}

.valuenumber {
  font-size: 2.5vw;
  font-weight: 700;
}

/* 	Sliders */

.red-background {
  display: block;
  margin-left: auto;
  margin-right: 0px;
  overflow: hidden;
  background-color: #fff0f0;
  border-radius: 0px 0px 0px 0px;
  margin: 10px;
  border: 2px solid #323232;
}
.blue-background {
  display: block;
  margin-left: auto;
  margin-right: 0px;
  overflow: hidden;
  background-color: #f3f9ff;
  border-radius: 0px 0px 0px 0px;
  margin: 10px;
  border: 2px solid #323232;
}
.orange-background {
  display: block;
  margin-left: auto;
  margin-right: 0px;
  overflow: hidden;
  background-color: #fff8f1;
  border-radius: 0px 0px 0px 0px;
  margin: 10px;
  border: 2px solid #323232;
}

.graphics path {
  fill: none;
  stroke: #000;
  stroke-width: 2px;
  shape-rendering: crispEdges;
}
.graphics line {
  fill: none;
  stroke: #aaa;
  stroke-width: 2px;
}

.graphics .minor {
  stroke: red;
  stroke-width: 1px;
}

.unselectable {
  -webkit-user-select: none;
}


.axis {
  font: 10px sans-serif;
}