  textarea#path {
    margin-top:10px;
    width:100%;
    height:300px;
  }

  table.tools0, table.tools0 tr, table.tools0 td,
  table.tools1, table.tools1 tr, table.tools1 td,
  table.body, table.body tr, table.body td {
    table-layout:fixed; /* to make masonry working on small screens */ 
  }

  table.tools0, table.tools1, table.body {
    border:1px solid #C0C0C0;
  }

  table.tools0 td, table.tools1 td, table.body td {
    font-size:120%;
    text-align:center;
    border:1px solid #C0C0C0;
    min-width:30px;
    max-width:30px;
    width:30px;
    min-height:30px;
    max-height:30px;
    height:30px;
    padding:0;
    cursor:pointer;
    overflow: hidden;
  }
  
.fixed {
  background-color:rgb(200,200,200);
}

.na {
  background-color:rgb(230,230,230);
  pointer-events:none;
  opacity:0.5;
}

.ab {
  background-color:rgb(160,160,160);
  color:white;
}

.selected {
 background-color:rgb(240,240,240);
}