User:Srinibha23/wikiwomen.css

margin-top: 80px; width: 300px; height: 280px; border: 1px solid #ccc; padding: 10px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
 * 1) chat-container {

#chat-messages { height: 200px; overflow-y: scroll; padding: 10px; }

.user-message, .bot-message { margin: 5px 0; padding: 8px 10px; border-radius: 20px; display: inline-block; max-width: 70%; }

.user-message { color: #fff; background-color: #007bff; margin-left: 150px; }

.bot-message { color: #444; background-color: #f3f3f3; display: flex;

justify-content: start; }

.message-label { font-weight: bold; }

#user-input { width: calc(100% - 65px); padding: 8px 10px; border: 1px solid #ccc; border-radius: 20px; outline: none; margin: 10px; }

#send-button { width: 60px; margin: 10px; border: none; border-radius: 20px; background-color: #007bff; color: #fff; cursor: pointer; outline: none; }     .chatbot-window { position: fixed; bottom: 70px; /* Adjust the position as per your preference */ right: 20px; /* Adjust the position as per your preference */ width: 300px; height: 400px; background-color: #fff;

border-radius: 5px; display: none; }

.toggle-chatbot { position: fixed; bottom: 20px; right: 20px; padding: 10px; background-color: rgb(141, 163, 225); color: #fff; border: 1px solid transparent; border-radius: 50%; /* Make it circular */ cursor: pointer; }