/*
  Copyright 2018 Team 254. All Rights Reserved.
  Author: pat@patfairbank.com (Patrick Fairbank)
*/

html {
  height: 100%;
  overflow: hidden;
}
body {
  height: 100%;
  font-family: FuturaLTBold;
  color: #fff;
  background-color: #333;
}
.center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.position-row {
  height: 29%;
  border-bottom: #333 solid 10px;
}
.position-row[data-ds="true"] {
  height: 31%;
}
.position-row[data-ds="true"][data-preMatch="false"] {
  display: none;
}
#matchStatusRow {
  height: 6%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #333;
  font-size: 1.5vw;
  text-transform: uppercase;
}
#matchStatusRow[data-ds="true"][data-preMatch="false"] {
  display: none;
}
#eventStatusRow {
  height: 7%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  background-color: #333;
  font-size: 1.5vw;
  text-transform: uppercase;
}
#eventStatusRow[data-ds="true"] {
  display: none;
}
#eventStatusRow[data-fta="false"] {
  display: none;
}
.left-position, .right-position {
  width: 6%;
  height: 100%;
  font-size: 6vw;
}
.left-position[data-reversed=false], .right-position[data-reversed=true] {
  background-color: #f44;
}
.left-position[data-reversed=true], .right-position[data-reversed=false] {
  background-color: #2080ff;
}
.right-position[data-ds="true"] {
  display: none;
}
.team {
  width: 44%;
  height: 100%;
  background-color: #333;
  display: flex;
  flex-direction: column;
}
.team-left {
  border-right: #333 solid 5px;
}
.team-right {
  border-left: #333 solid 5px;
}
.team-id {
  width: 100%;
  height: 70%;
  font-size: 9vw;
}
.team-id[data-fta="true"] {
  height: 40%;
  font-size: 6vw;
}
.team-id[data-status=no-link], .team-notes[data-status=no-link] {
  background-color: #AAA;
}
.team-id[data-status=ds-linked], .team-notes[data-status=ds-linked] {
  background-color: #EDAB33;
}
.team-id[data-status=robot-linked], .team-notes[data-status=robot-linked] {
  background-color: #00ff00;
  color: #333;
}
.team-id[data-status=rio-linked], .team-notes[data-status=rio-linked] {
  background-color: #00cc00;
}
.team-id[data-status=radio-linked], .team-notes[data-status=radio-linked] {
  background-color: #AA3377;
}
.team-id[data-status=wrong-station], .team-notes[data-status=wrong-station] {
  background-color: #4477AA;
}
.team-box-row {
  display: flex;
  height: 30%;
  width: 100%;
}
.team-box {
  width: calc(100% / 6);
  height: 100%;
  font-size: 1.8vw;
  background-color: #333;
}
.team-box[data-status-ok="true"] {
  background-color: #00ff00;
  color: #333;
}
.team-box[data-status-ok="false"] {
  background-color: #f44;
}
.team-box i {
  margin-right: 0.5vw;
}
.team-left[data-ds="true"] {
  width: 100%;
}
.team-notes[data-fta="true"] {
  height: 40%;
  display: flex;
  justify-content: space-between;
  padding: 0.5vw;
  font-size: 1vw;
}
.team-notes[data-fta="false"] {
  display: none;
}
.team-notes[data-ds="true"] {
  display: none;
}
.team-notes div {
  width: 96%;
  height: 96%;
  white-space: pre;
}
.team-right[data-ds="true"] {
  display: none;
}
.team-stats {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  font-size: 1vw;
  font-family: FuturaLT;
}
.team-stats-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.team-stats-row span {
  font-family: FuturaLTBold;
}
textarea {
  width: 96%;
  height: 96%;
  background-color: #ccc;
  color: #000;
}
.left-score[data-fta="false"], .right-score[data-fta="false"] {
  display: none;
}
.left-score[data-reversed=false], .right-score[data-reversed=true] {
  color: #f44;
}
.left-score[data-reversed=true], .right-score[data-reversed=false] {
  color: #2080ff;
}