.highlighted {
  outline: 3px dashed #5bc0de;
}
#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px 10px 0;
  background-color: #2b3e50;
}
#submission {
  text-align: center;
  width: 100%;
  height: 100%;
}
#submission-text {
  display: none;
  font-size: 60px;
}
.submission-close {
  font-size: 25px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 999;
}
select, option {
  background-color: transparent;
  font-size: 18px;
  margin: 0 0 10px 0;
  text-align: center;
  text-align-last: center;
}
.select-error {
  border-width: 3px;
  border-color: red;
}
.btn-outline {
  border-color: #ccc;
  border-radius: 4px;
  padding: 8px;
  background-color: transparent;
  margin: 0 10px 10px 0;
}
#game-phase-1,
#game-phase-2,
#game-phase-3,
#game-phase-no-solve {
  display: none;
}
.card {
  text-align: center;
}
.panel {
  width: 290px;
  background-color: transparent;
}
.role-card, .role-row, #button-role-off,
.role-ringer,
.vote-clock {
  display: none;
}
.secret-word {
  color: orange;
  font-weight: bold;
}
.highlight-ringer {
  color: mediumpurple;
}
.highlight-host {
  color: lawngreen;
}
.highlight-guesser {
  color: deepskyblue;
}
.timer-guess,
.timer-vote {
  font-size: 30px;
}
.low-timer {
  color: red;
}
.glyphicon-pause, .glyphicon-play {
  top: -7px;
  left: 5px;
}
#game-options {
  margin-top: 25px;
}
.center {
  text-align: center;
}
.short {
  margin-bottom: 0;
  padding-bottom: 0;
}