div#wrapper {
  position: relative;
  user-select: none;
  font-family: "Arial";
}

div.col {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

@media (max-width: 2520px) {
  div#inbdDiv {
    display: block;
    vertical-align: bottom;
  }
}

table {
  text-align: center;
  margin-bottom: 5px;
}

tr, th, td {
  border: 1px solid black;
}

table.aircraft {
  border-collapse: collapse;
  margin-bottom: 20px;
}

table.aircraft > tbody > tr {
  height: 30px;
}

table.control {
  border: 1px solid black;
  border-spacing: 10px;
  padding: 10px;
  width: 1096px;

  tbody > tr {
    th {
      padding: 10px;
    }

    td:not(#newfltcell) {
      padding: 10px;
      width: 120px;
      height: 20px;
    }

    td.wildcard {
      border: none;
    }

    td:not(.wildcard) {
      cursor: cell;
    }

    td.save {
      background-color: #73ff81;
    }
    td.save:hover {
      background-color: #64f072;
    }

    td.cancel {
      background-color: #ff3333;
      color: #f2f2f2;
      font-weight: bold;
    }
    td.cancel:hover {
      background-color: #f02424;
    }

    td:not(.wildcard):not(.save):not(.cancel):not(#pause.paused):not(#resume):not(.selected):hover, th:not(.selected):hover {
      background-color: #f0f0f0;
    }

    td:not(.wildcard).selected {
      background-color: #e1e1e1;
    }

    td:not(.wildcard).selected:hover {
      background-color: #d2d2d2;
    }
  }
}

table.aircraft > tbody {
  tr:nth-child(even) {
    background-color: #f0f0f0;
  }
  
  tr:not(.wcRow):not(:nth-child(1)):not(:nth-child(2)):hover {
    background-color: #e1e1e1;
  }
  
  tr:not(.wcRow):not(:nth-child(1)):not(:nth-child(2)).selected {
    background-color: #d2d2d2;
  }
  
  tr:nth-child(1) {
    background-color: #ffffff;
  }
  
  tr:nth-child(2) {
    background-color: #dedede;
  }
  
  tr:not(.wcRow) > td:nth-child(1):not(.state) {
    cursor: pointer;
  }
  
  tr:not(.wcRow) > td.state {
    width: 15px;
  }
  
  tr {
    td.callsign {
      width: 80px;
    }
    
    td.type {
      width: 50px;
    }
    
    td.dest {
      width: 60px;
    }
    
    td.sq {
      width: 55px;
    }
    
    td.rwy, td.qnh {
      width: 40px;
    }
    
    td.cstm1 {
      width: 80px;
    }
    
    td.alt, td.hdg, td.spd {
      width: 35px;
    }
    
    td.rmk {
      width: 100px;
    }
    
    td.state1 {
      background-color: #fcba03;
    }
    
    td.state2 {
      background-color: #ffffff;
    }
    
    td.state3 {
      text-decoration: underline;
      background-color: #ffffff;
    }
    
    td.state4 {
      background-color: #ffffff;
    }
    
    td.state5 {
      text-decoration: underline;
      background-color: #ffffff;
    }
    
    td.state6 {
      background-color: #ffffff;
    }
    
    td.state7 {
      text-decoration: underline;
      background-color: #ffffff;
    }
    
    td.state8 {
      background-color: #ffffff;
    }
    
    td.state9 {
      text-decoration: underline;
      background-color: #ffffff;
    }
    
    td.state10 {
      background-color: #ffffff;
    }
    
    td.state11 {
      text-decoration: underline;
      background-color: #ffffff;
    }
    
    td.state12 {
      text-decoration: underline;
      background-color: #ffffff;
    }
    
    td.state13 {
      text-decoration: underline;
      background-color: #ffffff;
    }
    
    td.state21 {
      text-decoration: underline;
      background-color: #fcba03;
    }
    
    td.state22 {
      text-decoration: underline;
      background-color: #6bd8ff;
    }
    
    td.state23 {
      text-decoration: underline;
      background-color: #ffc02e;
    }
    
    td.state24 {
      text-decoration: underline;
      background-color: #ff7b4f;
    }
    
    td.state25 {
      text-decoration: underline;
      background-color: #c8ffb3;
    }
    
    td.state26 {
      text-decoration: underline;
      background-color: #3388ff;
    }
  }
}

div#airport {
  width: 1000px;
  height: 500px;
  border: 1px solid green;
}

.fourdigit {
  width: 35px;
}

.sixdigit {
  width: 50px;
}

td.paused {
  background-color: #ff3333;
  color: #f2f2f2;
  /*font-weight: bold;*/
}
td.paused:hover {
  background-color: #f02424;
  color: #f2f2f2;
  /*font-weight: bold;*/
}

#newfltform {
  input[type=text] {
    text-transform: uppercase;
  }
}

td.wscCon {
  background-color: #73ff81;
}
td.wscCon:hover {
  background-color: #64f072;
}
td.wscDis {
  background-color: #fcba03;
}

/*tr.clrow, tr.gndmvrow, tr.airctrlrow {
  display: none;
}*/