/* Style the tab */
  .tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
  }

  /* Style the tab content */
  .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
  }

  #info {
    overflow: scroll; /* Show scrollbars */
    -width:100%;
    height:380px;
    resize:both;
    font-family: monospace;
  } 

  #reset, #level, #solve, #opts {
    min-width:50px;
  }

  table.tools0, table.tools0 tr, table.tools0 td,
  table.tools1, table.tools1 tr, table.tools1 td,
  table.body, table.body tr, table.body td {
    -width:100%;
    table-layout:fixed; /* to make masonry working on small screens */ 
    border-collapse:collapse;
    overflow: hidden;    
  }

  table.tools0, table.tools1, table.body {
    border:1px solid #C0C0C0;
    background-color:rgb(0,0,0);
  }

  table.tools0 {
    margin:auto 0 auto 5px;
    width:15px;
  }

  table.tools0 td, table.body td {
    padding:0;
    cursor:pointer;
    overflow: hidden;
  }
  
  table.tools0 td {
    background-color:rgb(255,255,255);
    width:15px;
    height:15px;
  }

  table.body td {
    background-color:rgb(255,255,255);
    width:6px;
    height:6px;
    border-style: none;
  }

.fixed {
  background-color:rgb(200,200,200);
}

.na {
  background-color:rgb(200,200,200);
  pointer-events:none;
  opacity:0.5;
}

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

.selected {
 border-color:rgb(140,140,140);
}

.life {
 opacity:0.3 !important;
}

.even {
  opacity:1.0;
}

.odd {
  opacity:0.95;
}