body {
  max-width: 450px;
}
.tab {
  overflow: hidden;
  border: 1px solid cyan;
  background: #f1f1f1;
}
.tablink {
  float: left;
  width: 14.28%;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 8px 10px;
  transition: 0.3s;
  color: black;
  font-size: 15px;
}
.tablink:hover {
  background: cyan;
}
.tablink.active {
  color: white;
  background: #00a;
}
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid cyan;
  border-top: none;
}
table { 
  border-collapse: collapse; 
  margin: 0 50px; 
}
th { 
  color: blue; 
  padding: 5px 12px; 
}
td { 
  border: 1px solid blue; 
  padding: 5px 12px; 
  text-align: center; 
}
#final {
  width: 30px;
}
#pat {
  width: 90px;
}
.cfg { 
  margin: 10px 50px; 
  color: blue; 
  font-weight: bold; 
}
.found {
  color: #F60; 
}
#out {
  overflow-x: auto;
}