body {
  min-height: 100%;
}

td {
  text-align: center;
}

table.colored tr#green td.quality, 
table.colored tr#green td.race {
  font-weight: bold;
  color: rgb(5, 196, 18);
  /*text-shadow: 1px 1px 1px #000000;*/
}

table.colored tr#skilled td.quality, 
table.colored tr#skilled td.race {
  font-weight: bold;
  color: rgb(0, 144, 255);
  /*text-shadow: 1px 1px 1px #000000;*/
}

table.colored tr#professional td.quality, 
table.colored tr#professional td.race {
  font-weight: bold;
  color: rgb(255, 212, 0);
  /*text-shadow: 2px 2px 2px #ffffff;*/
}

table.colored tr#artisan td.quality, 
table.colored tr#artisan td.race {
  font-weight: bold;
  color: rgb(224, 115, 0);
  /*text-shadow: 1px 1px 1px #000000;*/
}

.table {
  min-width: 1000px;
  width: 100%;
  overflow: none;
  vertical-align: middle;
}

.row {
  vertical-align: middle;
  text-align: center;
  margin-bottom: 0;
}

.header {
  background-color: rgb(25, 183, 107);
  border-right: thin solid white;
  color: white;
}

.row.even {

}

.row.odd {
  background-color: rgb(239, 239, 239);
}

.col {
  border-right: thin solid white;
}

.col input {
  text-align: center;
}

#total label, #overall label, .text label {
  display: block;
  height: 66px;
  padding-top: 23px;
  font-size: 15px;
  color: black;
}

.quality p {
  margin-bottom: 9px;
}

.quality .progress {
  background-color: #dddddd !important;
  height: 2px;
}

.race span {
  visibility: hidden;
}

table.colored .race span {
  visibility: visible;
}

#giant span {
  position: absolute;
  margin-left: 152px;
  margin-top: -53px;
  opacity: 0.2;
}

#human span {
  position: absolute;
  margin-left: 152px;
  margin-top: -53px;
  opacity: 0.2;
}

#goblin span {
  position: absolute;
  margin-left: 152px;
  margin-top: -53px;
  opacity: 0.2;
}

#naive .quality .progress .determinate {
  background-color: #bdbdbd !important;
}

#green .quality .progress .determinate {
  background-color: #1bc54b !important;
}

#skilled .quality .progress .determinate {
  background-color: #0090ff !important;
}

#professional .quality .progress .determinate {
  background-color: #ffd400 !important;
}

#artisan .quality .progress .determinate {
  background-color: #e07300 !important;
}

.race label {
  display: none;
}

.overall {

}

.info {
  margin-top:50px;
  padding: 20px;
  width: 100%;
}

.footer {
  position: absolute;
  /*bottom: 0;*/
  padding: 20px;
  background-color: white;
  width: 100%;
}