body {
  font-family: 'Open Sans', sans-serif;
  font-size: 13pt;
  color: #848796;
  background-color: #3c3d42;
}

a {
  font-family: 'Open Sans', sans-serif;
  font-size: 14pt;
  color: #848796;
  text-decoration: none;
}

a.state_inactive {
  font-family: 'Open Sans', sans-serif;
  color: #52565f;
}

a.state_active {
  font-family: 'Open Sans', sans-serif;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-color: #848796;
  text-underline-offset: 10px;
}

table.rounded-corners {
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 18px;
  border: 0px;
  background-color: #52565f;
}

H1 {
  color: #848796;
  font-size:22pt;
  font-family: helvetica, arial, verdana;
  text-decoration: bold;
}

H2 {
  font-size:30pt;
  font-family: helvetica, arial, verdana;
  text-decoration: bold;
}

.labels {
  font-size: 18px;
  fill: #848796;
}

.graph .labels.x-labels {
  text-anchor: middle;
}

.graph .labels.y-labels {
  text-anchor: end;
}

.graph .grid {
  stroke: #848796;
  stroke-dasharray: 0;
  stroke-width: 1;
}

input[type=text], input[type=password] {
  width: 150;
  padding: 8px 12px;
  margin: 8px 0px;
  box-sizing: border-box;
  border: 2px solid #848796;
  border-radius: 16px;
  background-color: #3c3d42;
  color: #848796;
  font-size: 12px;
}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #525661;
  border: none;
  border-radius: 12px;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 4px;
  cursor: pointer;
  color: #848796;
  font-size: 12px;
}

.noSelect {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.noSelect:focus {
  outline: none !important;
}