.popis,.popisok{
  background-color: transparent;
  color: #d7c9c3;
  width: 35px;
  height: 35px;
  border: 0px solid black;
  text-align: center;
  font-size: 12px;
  padding: 0px;
}
.popisok{
  color: rgb(50, 50, 50);
}
.popis_ok{
    color: #d7c9c3;
    background-color: green;
}
.nula{
  background-color: transparent;
  width: 35px;
  height: 35px;
  border: 1px solid black;
}
.jedna,
.z_jedna
{
  background-color: #bb9681;
  width: 35px;
  height: 35px;
  border: 1px solid black;
  background-image: "../img/wrong.png"
}
.w_jedna
{
  background-color: #bb9681;
  width: 35px;
  height: 35px;
  border: 1px solid black;
  background-image: url("../img/wrong.png");
  background-repeat:no-repeat;
  background-size: 100% 100%;
}
.w_dva
{
  background-color: #703acf;
  width: 35px;
  height: 35px;
  border: 1px solid black;
  background-image: url("../img/wrong.png");
  background-repeat:no-repeat;
  background-size: 100% 100%;
}
.dva,
.z_dva{
  background-color: #703acf;
  width: 35px;
  height: 35px;
  border: 1px solid black;
}
}
.kontrola-nic{
  visibility: hidden;
}
.kontrola-ok{
  visibility: visible;
  color: green;
}
.kontrola-hotovo{
  visibility: visible;
  color: #d7c9c3;
  background-color:green;
}
.kontrola-wrong{
  visibility: visible;
  color: red;
}
@media (min-width: 500px) {
    .text-md-left { text-align: center; }
    .text-md-right { text-align: center; }
    .text-md-center { text-align: center; }
    .tabulka-right, .tabulka-left{
      margin-left: auto;
      margin-right: auto;}

}

@media (min-width: 1200px) {
     .tabulka-right {
      margin-left: auto;
      margin-right: 0;}
     .tabulka-left {
        margin-left: 0;
        margin-right: auto;}
}
.odsazeni{
  left: 100px;
}
.schovane{
  display: none;
}
.ukazat{
  display: block;
}