.sousedi{
  width: 55px;
  height: 55px;
  border: 1px solid black;
  background-color: #d7c9c3;
  color: black;
  background-repeat:no-repeat;
  background-position: center;
  position: relative;
  vertical-align: top;
    font-size: 10px;
}
.zSousedi,.resSousedi,.poznSousedi{
  width: 50px;
  height: 50px;
  border: medium none;
  text-align: center;
  background: #d7c9c3 none repeat scroll 0% 0%;
  z-index: 111;
}
.resSousedi{
  color: black;
  font-size: 30px;
  resize: none;
}
.poznSousedi{
  color: black;
  font-size: 16px;
  line-height: 90%;
  padding-top: 12px;
  resize: none;
  overflow:hidden;
}
.zSousedi{
  font-size: 30px;
  color:  #4d18ab;
}
td{
margin-left: 0px;
margin-right: 0px;
padding: 0px;
border-spacing: 0px;
}
table{
  border-collapse:separate;
  border-spacing: 0px;
}

.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;}
}
.vidh,.vidv{
  background-color: transparent;
  position:absolute;
  z-index: 1;
}
.vidv{
  left:19px;
  top:46px;
  width: 16px;
  height:16px;
  background: url("../img/soused.png") no-repeat;
}
.vidh{
  top: 19px;
  left: 46px;
  width: 16px;
  height: 16px;
  background: url("../img/soused.png") no-repeat;
}
.nev{
  visibility: hidden;
}
.vidh,.vidv{
  visibility: visible;
}
.neviditelny,.viditelny{
  border: 0px solid black;
  position:absolute;
  top:12px;
  left:12px;
  width: 40px;
  height: 40px;
  background:url("../img/wrong.png") 0 0 no-repeat;
}
.neviditelny{
  visibility: hidden;
}
.viditelny{
  visibility: visible;
    z-index: 155;
}