df-messenger {
    --df-messenger-bot-message: #FDC100; /*Bubble background color for agent messages.*/
    --df-messenger-button-titlebar-color: #502572; /*Color for the floating button and the titlebar of the chat dialog.*/
    --df-messenger-button-titlebar-font-color: #ffffff; /*Font color for the title in the titlebar.*/
    --df-messenger-chat-background-color: #fafafa; /*Color for the chat dialog background.*/
    --df-messenger-font-color: #000000; /*Font color for messages.*/
    --df-messenger-input-box-color: #502572; /*Background color for the text input box.*/
    --df-messenger-input-font-color: #ffffff; /*Font color for the text input box.*/
    --df-messenger-input-placeholder-font-color: #ffffff; /*Font color for placeholder text in text input box.*/
    --df-messenger-minimized-chat-close-icon-color: #ffffff; /*Color of the close icon in the closed chat view.*/
    --df-messenger-send-icon: #FDC100; /*Color of the send icon in the text input box.*/
    --df-messenger-user-message: #00B2D1; /*Bubble background color for user messages.*/
    --df-messenger-chip-color: #00B2D1;
}

.navbar-header {
    min-height: 60px;
}

.navbar-inverse {
    background-color: #000000;
    border-color: #080808;
}

@media (max-width:678px) {

    df-messenger-titlebar {
        z-index: 2;
        margin-top: 50px;
    }
}