#chatbot-plugin-wrapper{
    .bg-chat{
        background-color: #ffa900;
    }
    .bt-chat{
        border-top: 4px solid #ffa900;
    }

    .chat-window {
        display: none;
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 20rem;
        z-index: 1500;
    }

    .chat-body {
        height: 20rem;
        position: relative;
        overflow-y: auto;
    }

    .input-group {
        position: relative;
        display: flex;
        flex-wrap: inherit;
        align-items: stretch;
        width: 100%;
    }

    /* Updated CSS code for chatbot-style.css to make the chat window full screen on mobile */
    @media only screen and (max-width: 600px) {
        .chat-window {
            width: 100%;
            height: 100%;
            bottom: 0;
            right: 0;
        }

        .chat-body {
            height: auto; /* Adjust height for chat messages */
        }

        .chat-footer {
            position: fixed;
            bottom: 0;
            width: 100%;
        }
    }

}

.chatbot-icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    width: 50px;
    height: 50px;
}