#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;
}


/* Landelijke CSS-aanpassingen */
/* Show chat widget larger in fullscreen mode */
@media (min-width:1000px) {#webchat .rw-widget-container.rw-chat-open .rw-conversation-container {width:800px;}}
/*  White line after last list item*/
.rw-widget-container .rw-conversation-container li:last-child {margin-bottom: 1em;}
/*  Show numbered lists as numbers */
.rw-widget-container .rw-conversation-container ol li { list-style-type: decimal;}
/* Show close button in top right corner */
.rw-conversation-container .rw-close-button {display:block; border: 0;}
.rw-conversation-container .rw-close-button img {width:20px; height:20px;}
/* Better alignment wide text balloons irl to avatar */
.rw-from-response > .rw-with-avatar > div {max-width:92%; min-width:60%}
.rw-from-response > .rw-with-avatar:first-of-type > div {max-width:90%; min-width:50%}
/* Compact dashboard tiles */
.dashboard-tile .h1.text-muted.text-right.mb-4{font-size:1.5em; margin-bottom:0 !important;}
.dashboard-tile .text-value{display:none;}
.required-tiles .dashboard-tile .text-value{display:block; font-size:1em}
/* Better contrast tile colors */
.variable-tiles .dashboard-tile {background-color: darkgreen !important;}
.story-tiles .dashboard-tile {background-color:darkblue !important;}
.story-tiles .aa-nieuwe-antwoorden>div{border-bottom: solid 3px #e34605;}
.story-tiles .llm {display:none;}
.dashboard-tile.bg-danger>div{background-color:#a82410}
.dashboard-tile.bg-stats{background-color:#005757 !important;}
.dashboard-tile.bg-dialogs-new {background-color:#7b02b1 !important}
.dashboard-tile.bg-config {background-color:#293455 !important}
/*temp*/
.story-col-bot h4.botanswer {display:none;}
.story-col-bot::before {content: "Antwoord bot";font-size:1.5em;}
select.story-status--default, select.story-status--enabled  {color:#666 !important; border-color:#999 !important;}
ul.story-user-messages {padding-left:2em;}
hr.story-divider {margin:3em 0 2em}
.utter-text{white-space: pre-line;}
iframe#mdHyperlinkEditFrame {width:100%; min-height: 800px;}
iframe#mdHyperlinkEditFrame #webchat {display:none;}

/* Show chat widget larger in fullscreen mode */
@media (min-width:1000px) {
    #webchat .rw-widget-container.rw-chat-open .rw-conversation-container {
        width: 800px;
    }
}

/*  White line after last list item*/
.rw-widget-container .rw-conversation-container li:last-child {
    margin-bottom: 1em;
}

/*  Show numbered lists as numbers */
.rw-widget-container .rw-conversation-container ol li {
    list-style-type: decimal;
}

/* Show close button in top right corner */
.rw-conversation-container .rw-close-button {
    display: block;
    border: 0;
}
.rw-conversation-container .rw-close-button img {
    width: 20px;
    height: 20px;
}

/* Better alignment wide text balloons irl to avatar */
.rw-from-response>.rw-with-avatar>div {
    max-width: 92%;
    min-width: 60%
}
.rw-from-response>.rw-with-avatar:first-of-type>div {
    max-width: 90%;
    min-width: 50%
}