.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;
}
.nic{
  background-color: transparent;
  width: 35px;
  height: 35px;
  border: 1px solid black;
  position: relative;
}
.zed
{
  width: 35px;
  height: 35px;
  border: 1px solid black;
  background-image: url("../img/zed.png");
}
.dlazbaV,.dlazbaS{
  background-color: transparent;
  z-index: 1;
  left:-1px;
  top:-1px;
  background-repeat:no-repeat;
  position: absolute;
  visibility: visible;
}
.dlazbaS{
  width: 35px;
  height: 70px;
  background-image: url("../img/dlazbaS.png");
}
.dlazbaV{
  width: 70px;
  height: 35px;
  background-image: url("../img/dlazbaV.png");
}

.cvdlazba,.csdlazba{
  background-color: transparent;
  z-index: 10;
  background-repeat:no-repeat;
  position: absolute;
  visibility: visible;
}
.cvdlazba{
  width: 24px;
  height: 8px;
  left:4px;
  top:11px;
  background-image: url("../img/dlazbaVctrl.png");
}
.csdlazba{
  width: 8px;
  height: 24px;
  left:11px;
  top:4px;
  background-image: url("../img/dlazbaSctrl.png");
}
.neviditelnyv,.viditelnyv,.neviditelnys,.viditelnys{
  border: 0px solid black;
  position:absolute;
  top:-1px;
  left:-1px;
}
.neviditelnys,.neviditelnyv{
  visibility: hidden;
}
.viditelnys{
  width: 35px;
  height: 70px;
  z-index: 100;
  background:url("../img/w_dlazbaS.png") 0 0 no-repeat;
  visibility: visible;
}
.viditelnyv{
  width: 70px;
  height: 35px;
  z-index: 100;
  background:url("../img/w_dlazbaV.png") 0 0 no-repeat;
  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;
}
@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;
}