table.tools, table.tools tr, table.tools td,
table.body, table.body tr, table.body td {
  text-align:center;
  table-layout:fixed; /* to make masonry working on small screens */ 
  border-collapse:collapse;
  overflow: hidden;    
}

table.tools, table.body {
  border:1px solid #C0C0C0;
}

table.tools {
  margin:5px auto;
  width:40px;
}

table.tools td, table.body td {
  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(200,200,200);
  pointer-events:none;
  opacity:0.8;
}

.ab {
  background-color:rgb(160,160,160);
  color:white;
}

.selected {
 background-color:rgb(240,240,240);
}

.label {
  position:absolute;
  top:0;
  color:red; 
  font-size:75%;
}

#info {
  overflow-x: auto;
}