/* Styles go here */

nav div {
  width:230px;
  margin:8px auto;
}

#title {
  position:absolute;
  margin:8px 8px;
}

sub {
  float:left;
  margin:7px 5px;
}

.nav-btn {
  float:right;
  margin:15px 8px 0 0;
}

#deck {
  width:800px;
  margin:auto auto;
}

#the-board {
  background:#e6e6e6;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  top:50px;
  transition:.5s;
}

#debug-console {
  background:rgb(0, 69, 116);
  width:100%;
  height:200px;
  position:absolute;
  bottom:0;
  color:white;
  padding:8px 0 0 12px;
  overflow-y:auto;
  display:none;
}

.debug-item {
  color:rgb(77, 191, 255);
  width:100px;
  display:inline-block;
}

.debug-value {
  color:orange;
}

.panel {
  width:200px;
  text-align:center;
}

.point {
  font-size:18px;
}

.player-card {
  width:175px;
  text-transform:uppercase;
  text-align:center;
  margin:10px 5px;
  float:left;
}

.panel-body {
  position:relative;
}

.points-input {
  width:140px;
  margin:auto auto;
}

.point-list {
  max-height:105px;
  overflow-y:auto;
}

.fa-times-circle {
  margin-left:40px;
  color:#cccccc;
  position:absolute;
  top:108px;
  left:70px;
  font-size:18px;
}

.fa-times-circle:hover {
  color:#d9534f;
  cursor:pointer;
}

.fa-info-circle {
  color:#cccccc;
  font-size:18px;
  margin-top:10px;
  outline:0;
  border:none;
  background:none;
}

.fa-info-circle:hover  {
  color:#666666;
  cursor:pointer;
}

h1 {
  padding:0;
  margin-top:10px;
}

h2 {
  margin:2px 0 2px 0;
}

.tooltip-inner {
    white-space:pre-wrap;
}

.red {
  color:red;
  display:inline-block;
  width:85px;
}

.green {
  color:green;
  display:inline-block;
  width:85px;
}

.blue {
  color:blue;
  display:inline-block;
  width:85px;
}

.orange {
  color:orange;
  display:inline-block;
  width:85px;
}
.stat-numbers {
  font-weight:bold;
}