body {
  background-color: #74EBD5;
  background-image: linear-gradient(90deg, #74EBD5 0%, #9FACE6 100%);
  /* min-height: 100vh; */
}

.btn-cool {
  background-image: linear-gradient(90deg, #84CBE0 0%, #8FBCE0 100%);
}
/* 7662549 + 10464486 */

html, body {
  height: 90%;
}
.chat-messages {
  height: 50vh;
}
.chat-box {
  height: 100%;
}

.chat-messages::-webkit-scrollbar,
.messages-box::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  width: 5px;
  background: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  width: 1em;
  background-color: #ddd;
  outline: 1px solid slategrey;
  border-radius: 1rem;
}

.text-small {
  font-size: 0.9rem;
}

.messages-box,
.chat-messages {
  /* height: 630px; */
  overflow-y: scroll;
  overflow-wrap: break-word;
  scroll-behavior: smooth;
}

.rounded-lg {
  border-radius: 0.5rem;
}

input::placeholder {
  font-size: 0.9rem;
  color: #999;
}

.disabled-chatbot {
  background-image: repeating-linear-gradient(
    -45deg, 
    #eee 10px,
    #eee 12px,
    transparent 12px,
    transparent 20px
  );
}

.information-red {
  border-left: 2px solid #f11e1e
}
.information-blue {
  border-left: 2px solid #2e8ce4
}
.information-orange {
  border-left: 2px solid #ffa339
}
.information-black {
  border-left: 2px solid black
}