.chart_cell {
  /* display: inline-block; */
  width: 2em;
  text-align:center;
  background-color: lightskyblue;
  margin: .1em;
  /* display: inline-block; */
}
.active_cell {
  background-color: yellow;
  border: 1px solid black;
  cursor: pointer;
}


.sShell {
  /* width: 3em; */
  margin-left: auto;
  margin-right: auto;
}
/* .pShell {
  /* width: 7em; */
  background-color: yellow;
  text-align: center;
} */
.dShell {
  /* width: 13em; */
}
.fShell {
  /* width: 17em; */
}

.next_cell {
  background-color: rgb(94, 255, 0);
  border: 1px solid black;
  cursor: pointer;
}
.prev_cell {
  background-color: rgb(211, 116, 235);
  border: 1px solid black;
}
.myButton {
  display: inline-block;
  background-color: rgb(230,230,230);
  border: 3px inset rgb(170,150,45);
  cursor: pointer;
  padding-left: 2px;
  padding-right: 2px;
}
.myButton:hover {
  background-color: rgb(230,240,230);
  border: 3px outset rgb(170,150,45);
}
.myButton:active {
  background-color: rgb(0,240,230);
  border: 3px outset rgb(170,150,45);
}
td {
  border: 1px solid black;
}

/* #sorikiLogo {
  position: absolute;
  top: 5px;
  /* right: 100px;  */
} */