/* HTML css */
body {
  font: 12px "Open Sans", sans-serif;
}
.condensed {
	font-family: "Open Sans Condensed", sans-serif;
}
.bold {
  font-weight: bold;
}
.underline, a:hover {
  text-decoration: underline;
}
a {
  color: blue;
}
a:visited {
  color: #000080;
}
h1 {
  font-size: 24px;
  margin: 0;
  font-weight: bold;
}
.small {
  font-size: 9px;
}

/* SVG css*/
.axis text {
  font-size: 10px;
}
.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
path {
  stroke-linejoin: round;
}
.boundbox {
  stroke-dasharray: 3, 10;
  stroke: red;
  stroke-width: 1px;
  fill: none;
  stroke-linecap: round;
}
.marginbox {
  stroke-dasharray: 3, 7;
  stroke: green;
  stroke-width: 1px;
  fill: none;
  stroke-linecap: round;
}
.rd1 .playerBar {
  fill: #505050;
}
.rd2 .playerBar {
  fill: #808080;
}
.rd3 .playerBar {
  fill: #B0B0B0 ;
}
.playerBar {
  fill: #D0D0D0;
  stroke-width: 1px;
  stroke: white;
}
.roundBar {
  fill: #D0D0D0;
}
#allPlayers rect.playerBar.hover {
  stroke: black !important;
}
#allPlayers rect.roundBar.hover {
  fill: #808080;
}
.highlight .playerBar, #ttName.highlight, tspan.highlight, .topCircle {
  fill: #EC6513;
  stroke: none;
}
.highlight .playerText {
  display: inline;
}
g.playerg.hidden, g.playerg text.playerText.hidden {
  display: none;
}
#tooltip {
  display: none;
  pointer-events: none;
  font-size: 10px;
}
#tooltip.show {
  display: inline;
}
.playerText {
  display: none;
  font-size: 9px;
  fill: #808080;
  cursor: default;
}
text.arrow {
  font-size: 10px;
}
.topRoundNum {
  fill: #F18F54;
  font-weight: bold;
  font-size: 72px;
}
.topRoundSmall {
  fill: #F18F54;
  font-size: 14px;
  font-weight: bold;
}
.topTitle {
  font-size: 15px;
  font-weight: bold;
}
.topName {
  font-size: 18px;
}

/* Hide some things when printing */
@media print {
  #formControls, #formControls * {
    display: none !important;
  }
}