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

.rw-conversation-container .rw-title.rw-with-avatar {
    color: white !important;
}

/* Landelijke CSS-aanpassingen */

/*temp*/
select.story-status--default, select.story-status--enabled  {color:#666 !important; border-color:#999 !important;}
ul.story-user-messages {padding-left:2em;}
iframe#mdHyperlinkEditFrame {width:100%; min-height: 800px;}

/* TIJDELIJK tot de CMS-fix (Gem 1.0): schakelaar 'Vindbaar voor agents' verbergen */
.story-retrievable-toggle {visibility:hidden;}

/* TIJDELIJK tot de CMS-fix (Gem 1.0): knop 'Contactpunten' op het dashboard verbergen */
.gd-settings a.gd-set[href$="/contactpunten/"], a.unvisited[href$="/contactpunten/"] {display:none;}
.col-sm-6:has(> a.unvisited[href$="/contactpunten/"]) {display:none;}

/* Show chat widget larger in fullscreen mode */
@media (min-width:800px) {
    #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%
}

.rw-group-message.rw-from-response .rw-message:first-child .external-service::before {
    background: transparent !important;
}

/* Send-icon and input placeholder color overrides */
.rw-widget-container.rw-widget-container {
    .rw-send-icon { fill: #333; }
    .rw-new-message:focus { border: solid 1px #333; }
    .rw-new-message::placeholder { color: #000; }
}
