#ue_chat {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 800px;
  max-height: 95vh;
  font-size: 11pt;
  
  border: 3px solid #004668;
  background-color: #FFFFFF55;
}


#messages_container_wrap {
  flex: 1;
  overflow-y: auto;
}

#input_container {
  display: flex;
  flex-direction: row;
  font-size: 11pt;
}

#chat_input {
  flex: 1;
}
#submit_chat {
  min-width: 8.5em;
  font-size: 11pt;
  padding: 0.5em;
}

.chat_message_block {
  display: flex;
  flex-direction: column;
  margin: 0.5em;
  align-items: flex-start;
}
.chat_message_block.komento {
  display: none !important;
}
.chat_message {
  background-color: #004b6f;
  color: #FFFFFF;
  border-radius: 0.5em;
  padding: 0.5em;
}
.chat_message_block .kayttajanimi {
  font-size: 0.75em;
}


#ue_chat .chat_message_block.yllapitaja {
  background-color: #000;
  color: #ffffff;
  border-radius: 0.5em;
  padding: 0.5em;
  align-items: center;
}

#ue_chat .chat_message_block.yllapitaja .chat_message {
  background-color: #ff2222;
}
.chat_message_block.upcoming {
  display: none;
}