div#blanko {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 300%;
  text-align: center;
  vertical-align: middle;
}

div.selapt {
  border: 1px solid grey;
  width: 300px;
  height: 75px;
  text-align: center;
  padding: 75px;
  display: inline-block;
  background-color: #f2f2f2;
  font-size: 50px;
  margin-bottom: 5px;
}

/*div.selapt a:link, div.selapt a:visited {
  text-decoration: none;
  color: black;
}*/

div.active {
  /*cursor: pointer;*/
  color: black;
}

div.inactive {
  cursor: not-allowed;
  color: darkgrey;
}

div#wrapper {
  border: 1px solid red;
  /*width: 1570px;*/
  /*height: 870px;*/
  position: relative;
}

div#footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: white;
  border-top: 2px solid gray;
}

div#inbounds {
  border: 1px solid black;
  padding: 5px;
  /*font-size: 20px;*/
  margin-left: 10px;
  margin-right: 10px;
}

div#inbdDelGateDiv {
  height: 25px;
  border: 1px solid grey;
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  color: grey;
  vertical-align: middle;
}

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

div.dummyfooter {
  height: 50px;
}

.notify {
  background-color: yellow;
}

table.gates {
  background-color: lightgreen;
}

table.inbounds > tbody > tr.pointer > td:nth-child(1) {
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
  
table.gates > tbody > tr.planned {
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

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

/*table#weather {
  font-size: 20px;
}*/

table#weather > tbody > tr > td:nth-child(1) {
  width: 42px;
}

table#weather > tbody > tr > td:nth-child(2) {
  width: 113px;
}

table#weather > tbody > tr > td.vmc {
  background-color: #7cfc00;
}

table#weather > tbody > tr > td.svfr {
  background-color: #fada5e;
}

table#weather > tbody > tr > td.nvfr {
  background-color: #ffae42;
}

table#weather > tbody > tr > td.lvo {
  background-color: #ff7a7a;
}

table.gates > tbody > tr > td:nth-child(1) {
  width: 48px;
}

table.gates > tbody > tr > td:nth-child(2) {
  width: 90px;
}

table.gates > tbody > tr.blocked {
  background-color: lightgrey;
}

table.gates > tbody > tr.planned {
  /*background-color: #e6e6e6;*/
  /*background-color: #2b38f0;*/
  /*background-color: #7a97ff; 5277ff 5961cf 276da3 4a9bff*/
  background-color: #ffffff;
  /*color: #ebebeb;*/
}

table.gates > tbody > tr.outbound {
  /*background-color: #e6e6e6;*/
  /*background-color: #2b38f0;*/
  /*background-color: #7a97ff; 5277ff 5961cf 276da3 4a9bff*/
  background-color: #abc1ff;
  /*color: #ebebeb;*/
}

/*table.gates > tbody > tr.planned > td:nth-child(2) {
  font-style: italic;
}*/

table > tbody > tr > td.new {
  background-color: yellow;
}

table > tbody > tr.new {
  background-color: yellow;
}

table.fade > tbody > tr {
  /*background-color: lightgrey;*/
  color: grey;
}

/*tr:hover, tr.hover, tr.matching {*/
tr.matching {
  background: #0066cc;
}

table.inbounds > tbody > tr > th:nth-child(1) {
  width: 100px;
}

table.inbounds > tbody > tr > th:nth-child(2) {
  width: 70px;
}

table.inbounds > tbody > tr > th:nth-child(3) {
  width: 70px;
}

table.inbounds > tbody > tr > th:nth-child(4) {
  width: 60px;
}

canvas {
  margin-bottom: 5px;
  display: block;
  position: absolute;
}

a.selapt {
  color: white;
}

.rwysImg {
  position: relative;
  margin-left: 40px;
  margin-top: 50px;
}