.minoboard td {
  border: 1px solid black;
  height: 24px;
  width: 24px;
  margin: 0;
  padding: 0;
}

.minopreview {
  display: inline-block;
  margin: 6px;
  border: 2px solid #C0C0C0;
}

.minopreview.selected {
  border: 2px solid #0080FF;
}

.minopreview td {
  border: none;
  background: #E0E0E0;
  height: 6px;
  width: 6px;
  margin: 0;
  padding: 0;
}

.mino {
}

.minohover {
  height: 100%;
  width: 100%;
  opacity: 0.5;
}

.hovererror .minohover {
  opacity: 0.2;
}

.mino1 {
  background: red !important;
}

.mino2 {
  background: blue !important;
}

.mino3 {
  background: green !important;
}

.mino4 {
  background: gray !important;
}