.instructions h1 {
  text-align: center;
}

.allieswrapper {
  width: 1050px;
  margin: auto;
  display: none;
  position: relative;
}

.timeRemaining {
  text-align: center;
  font-size: 54px;
}

.gameboard {
  background-color: #888888;
}

#statusboard {
  padding: 10px;
  display: inline-block;
  color: white;
  background-color: #888888;
  width: 200px;
  height: 800px;
  vertical-align:top;
}

.keyIcon {
  line-height: 32px;
}

.keyIcon svg {
  vertical-align: bottom;
}

.timeRemaining {
  font-size: 48px;
}

.capturesText {
  color: red;
  text-align: center;
  font-size: 54px;
}

.captures {
  color: black;
}

.getReady {
  display: none;
  position: absolute;
  width: 350px;
  height: 200px;
  top: 250px;
  left: 350px;
  background-color: white;
  border: 1px solid black;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
}

.startCountDownWrapper {
  display: none;
  position: absolute;
  width: 250px;
  height: 200px;
  top: 250px;
  left: 350px;
  background-color:00000000;
  color: black;
}

.startCountDownWrapper h1 {
  text-align: center;
  font-size: 96px;
}

.freezePopup {
  display: none;
  position: absolute;
  width: 750px;
  height: 600px;
  top: 150px;
  left: 50px;
  background-color: white;
  border: 1px solid black;
  border-radius: 10px;
  padding: 20px;
}

.freezePopup h2 {
  text-align: center;
}

.unfreeze2 {
  display: none;
}

svg text {
  cursor: pointer;
}

circle {
  cursor: pointer;
}

.dragInstructions {
  display: none;
}

.dragDirectionInstructions {
  display: none;
}

.demoSurvey {
  display: none;
}

.demoSurvey h1 {
  text-align: center;
}

.preSurvey {
    display: none;
    text-align: center;
}

.roundSurvey {
  display: none;
  text-align: center;
}

.sradiodiv {
  display: inline-block;
  margin:10px;
}

.sradio {
  display: block;
  margin: auto !important;
}

.presradio {
  display: block;
  margin: auto !important;
}

.comparativeBlock {
    display: none;
    text-align: center;
}

.comparison {
    display: inline-block;
    margin: 10px;
}

.comparisonThirdOp {
    display: none;
}

.comparisonError {
    color: red;
    display: none;
}

.comparativeBlockOnFinal {
    display: none;
}

.surveyHint {
  display: inline-block;
}

.left {
  float: left;
}

.right {
  float:right;
}

.thankyou {
  display: none;
}

.thankyou h1 {
  text-align: center;
}

#waitToUploadWrapper {
  display: none;
  position: absolute;
  width: 350px;
  height: 200px;
  top: 250px;
  left: 350px;
  background-color: white;
  border: 1px solid black;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
}

.ui-slider-handle {
    width: 3em !important;
    height: 1.6em !important;
    top: 50%;
    margin-top: -.2em;
    text-align: center;
    line-height: 1.6em;
}