#webchat .rw-launcher, #webchat .rw-header, #webchat .rw-close-button, #webchat .rw-client, #webchat .rw-avatar {
    background-color: #2a5587 !important;
}

/*
 * Include the styles that are normally loaded inline via botfront webchat.js
* This is not possible for a strict Content Security Policy
*/
 
#webchat .rw-widget-container .rw-launcher  {
width: 60px !important;
/*outline: none!important;*/
}

#webchat .rw-widget-container .rw-launcher img {
width: 30px !important;
}

.rw-conversation-container .rw-response {
color: #000000;
background:#e5e5e5;
}

.rw-markdown p {
color: #1d1d1c;
}

.rw-markdown li {
float:none;
width:100%;
}

.rw-markdown ul {
list-style:none!important;
padding:0 0 .6em!important;
}

.rw-conversation-container .rw-send {
background: #2A5587!important;
border:0!important;
cursor:pointer;
width: 56px;
height: 56px;
font-size: 0;
}

.rw-conversation-container .rw-send:hover {
background-color:#3669a5!important;
}

.rw-conversation-container .rw-send:disabled {
background:#e5e5e5!important;
cursor:default;
}

.rw-conversation-container .rw-send .rw-send-icon {
fill: #FFFFFF!important;
}

#webchat .rw-conversation-container .rw-send .rw-send-icon-ready {
    fill: #FFFFFF;
}

.rw-conversation-container .rw-new-message {
flex-grow:1;
width:auto;
max-width:none;
padding:18px;
}

.rw-conversation-container .rw-close-button {
padding: 15px 0;
width: 56px;
height: 56px;
}

.rw-widget-container ul.gem-dropdown-menu li {
width: 100%;
padding: 0;
margin:0;
}

@media screen and (max-width: 800px) {
.rw-conversation-container .rw-close-button {
display: block;
}
}

#webchat .rw-conversation-container .rw-close-button:hover {
background:#3669a5!important;
}

.rw-conversation-container .rw-close-button:hover,
.rw-conversation-container .rw-close-button:focus {
border:0!important;
}

.rw-conversation-container .rw-close.rw-default,
.rw-conversation-container .rw-close.rw-default:hover {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    padding-top: 0;
}

.rw-conversation-container .rw-close.rw-default:focus {
outline: #fff dotted 2px;
outline-offset: -2px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1d1d1c;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1d1d1c;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #1d1d1c;
}

.rw-conversation-container {
  width: 560px;
}



@media screen and (max-width: 800px){
.rw-conversation-container {
  width: 100%;
}
}



@media screen and (min-width: 800px){
.rw-messages-container {
    height: 610px;
    max-height: 50vh;
}}


/* chatbot initiatie fix */

.rw-tooltip-body {
  display:none;
}

.rw-tooltip-body.initial-msg {
display:block;
}

@media (min-width:1000px) {
#webchat .rw-widget-container.rw-chat-open .rw-conversation-container {
  width:700px;
}}
.rw-widget-container .rw-conversation-container li:last-child {
  margin-bottom: 1em;
}
