page_main.css

.scrollable-markdown {
  max-height: 500px;
  overflow-y: auto;
  border: 1px solid #ddd;
  padding: 1rem;
  border-radius: 4px;
}

.radio-group-horizontal {
  display: flex !important;
  flex-direction: row !important;
  gap: 20px !important;
}

.radio-group-horizontal .wrap {
  flex-direction: row !important;
  gap: 20px !important;
}

.chatbot-container {
  border: 1px solid #f19838; /* Border around the chatbot */
  border-radius: 8px; /* Rounded corners */
  padding: 10px; /* Padding inside the chatbot */
}

.chatbot-message {
  border-radius: 5px; /* Rounded corners for messages */
  padding: 8px; /* Padding for messages */
  margin: 5px 0; /* Margin between messages */
}

.chatbot-message.user {
  background-color: #e1f5fe; /* Light blue for user messages */
}

.chatbot-message.bot {
  background-color: #fff3e0; /* Light orange for bot messages */
}