.td{
  padding: 0px;
  border-spacing: 0px;
}
.cislo{
  background-color: transparent;
  width: 30px;
  height: 30px;
  position: relative;
}
.sloupek
{
  width: 10px;
  height: 10px;
  background-image: url("../img/sloupek.png");
}
.hplotpuv, .vplotpuv,.hplot,.vplot,.sloupek,.hnula,.vnula{
  background-repeat:no-repeat;
  background-position: center;
  position: relative;
}
.hplotpuv,.hplot{
  width:40px;
  height:10px;
}
.hplotpuv{
  background-image: url("../img/vplotpuv.png");
}
.vplotpuv,.vplot{
  width:10px;
  height:40px;
}
.vplotpuv{
  background-image: url("../img/splotpuv.png");
}

.vplot{
  background-image: url("../img/vplot.png");
}
.hplot{
  background-image: url("../img/hplot.png");
}
.neviditelnyv,.viditelnyv,.neviditelnyh,.viditelnyh{
  border: 0px solid black;
  position: absolute;
  top: 6px;
  left: -10px;
  background: url("../img/wrong.png") 0 0 no-repeat;
  height: 30px;
  width: 30px;
  z-index: 1;
}
.neviditelnyv,.viditelnyv{
  top: 6px;
  left: -10px;
}
.neviditelnyh,.viditelnyh{
  top: -10px;
  left: 6px;
}
.neviditelnyh, .neviditelnyv{
  visibility: hidden;
}
.viditelnyh, .viditelnyv{
  visibility: visible;
}
.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;
}
.odsazeni {
    left: 100px;
}
.schovane{
  display: none;
}
@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;}
}