html, body {
    height: 100%;
    margin: 0;
}

.calendar td div {
    width: 150px;
    height: 200px;
}

.calendar td div .card-header {
    height: 40px;
}

.calendar td div .list-group {
    overflow-x: auto;
    overflow-y: auto;
}


.chat-container {
  height: calc(100vh - 56px);
  overflow: hidden;
}
.user-list, .message-list {
  overflow-y: auto;
  cursor: pointer;
}
.message-list {
  display: flex;
  flex-direction: column;
}
/* bulles */
.bubble {
  max-width: 70%;
  padding: .5rem .9rem;
  border-radius: 1rem;
  margin-bottom: .8rem;
  clear: both;
}
.bubble-me {
  background: #0d6efd;
  color: white;
  margin-left: auto;
  border-bottom-right-radius: 0;
}
.bubble-other {
  background: #f1f1f1;
  color: #333;
  margin-right: auto;
  border-bottom-left-radius: 0;
}
/* auteur + heure */
.bubble-meta {
  font-size: .75rem;
  opacity: .7;
  margin-bottom: 3px;
}
.input-bar {
  border-top: 1px solid #ddd;
}
textarea {
  resize: none;
}