.chat-panel (@heightParam, @colorParam) {
  float: left;
  z-index: 10;
  position: absolute;
  width: 100%;
  height: @heightParam;
  color: @colorParam;
  padding: 15px 0 50px 0;
  text-align: center;
  font-size: 17px;
  font-weight: normal;
  margin-left: -20px;
  margin-top: -20px;
}

.chat-error-panel, .chat-login-panel, .chat-about-panel, .chat-demo-panel {
  .chat-panel((@height - 51), white);
  background: @colorBgPanelPlain;
  background-color: @colorBgPanel;
}
.chat-sync-panel {
  .chat-panel((@height - 151), white);
  background: @colorBgPanelPlain;
  background-color: @colorBgPanel;
  width: 200px;
  height: 130px;
  margin-left: (@width / 2 - 100);
  margin-top: 100px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}


.chat-status-panel {
  position: absolute;
  background: @colorBgStatusPlain;
  background-color: @colorBgStatus;
  cursor: pointer;
  margin: 42px 0 0 55px;
  border: 1px solid @colorBorderStatus;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 100;
}
