/* Set default font family and color */
html {
  height: 100%;
}
body {
  font-family: 'Open Sans', sans-serif;
  color: #333;
  height: 100%;
}

/* Style the navigation bar */
.navbar {
  background-color: #1b1b1b;
  color: #fff;
}

.navbar-brand {
  font-weight: bold;
}

.nav-link {
  color: #fff;
}

.nav-link:hover {
  color: #d9d9d9;
}

#page_oral
{
  display: flex;
}

.chat-messages
{
  border: 1px solid #ccc;
  max-height: 70vh;
  overflow-y: scroll;
  padding: 0.8em;
}

.auto-grow {
  resize: none;
  overflow: hidden;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
      background-color: rgb(2, 100, 81);
      border-color: rgb(2, 100, 81);
}