.popis,.popisok,.stany_nic,.stany_stan,.stany_trava,.z_stany_strom,.z_stany_strom_selected,.stany_stan_s,.stany_stan_j,.stany_stan_z,.stany_stan_v,
.stany_strom_s,.stany_strom_j,.stany_strom_v,.stany_strom_z,.w_trava,.neviditelny,.viditelny{
  width: 35px;
  height: 35px;
  border: 1px solid black;
  background-color: transparent;
  color: #d7c9c3;
  background-repeat:no-repeat;
  font-size: 14px;
  background-position: center;
  position: relative;
  vertical-align: top;
}
.neviditelny,.viditelny{
  border: 0px solid black;
  position:absolute;
  top:0;
  left:0;
  background:url("../img/wrong.png") 0 0 no-repeat;
}
.neviditelny{
  visibility: hidden;
}
.viditelny{
  visibility: visible;
}

.w_trava{
  background-image: url("../img/wrong.png");
}
.popis,.popisok{
    border-color:  #421a02;
    text-align: center;
}
.popisok{
  color: rgb(50, 50, 50);
}
.popis_ok{
    color: #d7c9c3;
    background-color: green;
}
.z_stany_strom,.z_stany_strom_selected,.stany_strom_s,.stany_strom_j,.stany_strom_v,.stany_strom_z
{
  background-image: url("../img/stany_strom.png");
}
.z_stany_strom_selected,.stany_svaz{
  background-color: #703acf;
}
.stany_stan,.stany_svaz,.stany_stan_s,.stany_stan_j,.stany_stan_z,.stany_stan_v
{
  background-image: url("../img/stany_stan.png");
}
.stany_trava
{
  background-image: url("../img/stany_trava.png");
}




.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;
}

.xxxcol-md-12{
  padding-left: 100px;
}


.vidh,.vidv{
  background-color: transparent;
  position:absolute;
  z-index: 100;
}
.vidh{
  left:26px;
  top:13px;
  width: 18px;
  height: 5px;
  background: url("../img/spojh.png") no-repeat;
}
.vidv{
  top:25px;
  left:13px;
  width: 5px;
  height: 18px;
  background: url("../img/spojv.png") no-repeat;
}
.nev{
  visibility: hidden;
}
.vidh,.vidv{
  visibility: visible;
}
@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;
}