P.zprava, #onlineHraci P {
  margin: 0px;
  padding: 4px;
  background: rgba(0,0,0,0.1);
}
P.zprava:nth-child(2n+1), #onlineHraci P:nth-child(2n+1) {
  background: rgba(0,0,0,0.2);
}
P.zprava SPAN {
  font-weight: bold;
}
SPAN.info {
  color: #646464;
}
FORM {
  margin: 0px;
  padding: 0px;
}
FORM INPUT {
  float: left;
  display: inline-block;
  margin: 0px;
  padding: 4px;
  width: calc(75% - 8px);
}
FORM IMG {
  float: left;
}
FORM INPUT[type=submit] {
  float: right;
  width: calc(25% - 8px);
}
#chatSkryvaciPanel {
  display: flex;
  flex-direction: row;
}
#chatDisplejPanel {
  flex: 1;
  text-align: center;
}
#zpravyChatu {
  height: 530px;
  overflow-y: scroll;
}

@media screen and (max-width: 400px) {
  DIV.flexbox {
    flex-direction: column-reverse;
  }
  #zpravyChatu {
  height: 400px;
  }
  #onlineHraci {
    display: none;
    margin-bottom: 15px;
  }
  FORM IMG {
    cursor: pointer;
    padding: 4px;
  }
  #chatSkryvaciPanel {
    padding: 10px;
  }
  #chatDisplejPanel {
    cursor: pointer;
  }
}
#zpravyChatu::-webkit-scrollbar {
    width: 8px;
}
#zpravyChatu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6); 
}
#zpravyChatu::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1); 
}