.livechat-teaser {
  --bg-grohe: #dce8f7;
  --bg-customer: #eee; }
  .livechat-teaser:not(.show):not(.chat-ready) .btn.btn-quick {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
  .livechat-teaser:not(.show).chat-active .btn.btn-quick {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
  .livechat-teaser .dropdown-menu {
    max-height: unset !important; }
  .livechat-teaser .view {
    margin-bottom: .5rem; }
  .livechat-teaser .view-active .message-container {
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden; }
    .livechat-teaser .view-active .message-container .message .message-author {
      background-size: cover;
      border-radius: 50%;
      width: 30px;
      height: 30px; }
    .livechat-teaser .view-active .message-container .message .message-bubble {
      font-size: 13px;
      padding: 12px 13px;
      color: #666; }
      .livechat-teaser .view-active .message-container .message .message-bubble .corner {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        bottom: 0; }
      .livechat-teaser .view-active .message-container .message .message-bubble .message-date {
        color: #999;
        font-size: 0.8em;
        font-weight: 400;
        right: 0;
        bottom: -22px; }
    .livechat-teaser .view-active .message-container .message.grohe .message-author {
      background-image: url("../img/chat/grohe_support.jpg"); }
    .livechat-teaser .view-active .message-container .message.grohe .message-bubble {
      background-color: var(--bg-grohe);
      border-radius: 5px 5px 5px 0px; }
      .livechat-teaser .view-active .message-container .message.grohe .message-bubble .corner {
        border-left: 3px solid transparent;
        border-right: 3px solid var(--bg-grohe);
        border-top: 3px solid transparent;
        border-bottom: 3px solid var(--bg-grohe);
        left: -6px; }
    .livechat-teaser .view-active .message-container .message.customer .message-author {
      background-image: url("../img/chat/partner_chat.jpg"); }
    .livechat-teaser .view-active .message-container .message.customer .message-bubble {
      background-color: var(--bg-customer);
      border-radius: 5px 5px 0px 5px; }
      .livechat-teaser .view-active .message-container .message.customer .message-bubble .corner {
        border-left: 3px solid var(--bg-customer);
        border-right: 3px solid transparent;
        border-top: 3px solid transparent;
        border-bottom: 3px solid var(--bg-customer);
        right: -6px; }