/* stylelint-disable */
/**************************************************************

	THE USE OF NEW COLOURS ARE NOT PERMITED. ONLY THE COLOURS LISTED IN THE BRAND IDENTITY ARE ALLOWED TO BE USED. 
    REFER BRAND IDENTITY POLICY. 
    /**************************************************************

	COLOUR STYLESHEET INDEXING
	|
	|
	|___ Backgrounds
	|___ Hyperlinks
    |___ Gold hyperlinks when used on smaller font
	|___ Table borders, Table headers
	    |___Grey
        |___Gold
        |___Copper
        |___Teal
	|___ Error Message Colours

**************************************************************/
/* ALLOWED TO BE USED ONLY AS BACKGROUND COLOURS */
/* USE THIS ONLY FOR HYPERLINKS */
/* GOLD HYPERLINKS HYPERLINKS - WHEN USED ON SMALLER FONT TO PASS AA */
/* USE THIS ONLY TO HIGHLIGHT'S IN TABLE */
/* USE THIS FOR TABLE BORDERS, TABLE HEADERS */
/* GREY */
/* GOLD */
/* COPPER */
/* TEAL */
/* COLOURS ALOOWED FOR ERROR MESSAGES ON FORMS */
/* Badge color */
/* Focus color */
/* GRID LAYOUT BREAKPOINTS */
/* ANCHOR mixins */
/* ANCHOR Customisation */
df-messenger {
  z-index: 100;
  position: fixed;
  bottom: 16px;
  right: 16px;
  --df-messenger-font-color: #000;
  --df-messenger-font-family: "Public Sans";
  --df-messenger-primary-color: #146edb;
  --df-messenger-border-color: #e2e3e4;
  --df-messenger-element-font-color: #000;
  --df-messenger-chat-border: 0;
  --df-messenger-chat-border-radius: 0;
  --df-messenger-chat-background: #F2F2F2;
  --df-messenger-chat-padding: 24px 24px 8px 16px;
  --df-messenger-chat-scroll-button-enabled-display: flex;
  --df-messenger-chat-scroll-button-align: flex-end;
  --df-messenger-chat-scroll-button-container-padding: 8px 16px;
  --df-messenger-chat-scroll-button-background: #c89632;
  --df-messenger-chat-scroll-button-font-color: #000;
  --df-messenger-chat-scroll-button-text-display: none;
  --df-messenger-chat-scroll-button-padding: 8px;
  --df-messenger-chat-function-call-button-background: #be830e;
  --df-messenger-chat-function-call-button-font-color: #000;
  --df-messenger-chat-window-height: 570px;
  --df-messenger-chat-window-width: 350px;
  --df-messenger-chat-padding-minimized: 8px;
  --df-messenger-chat-bubble-background: #f5edde;
  --df-messenger-chat-bubble-icon-color: #262626;
  --df-messenger-focus-color-contrast: var(--df-messenger-focus-color, var(--df-messenger-default-focus-color));
  --df-messenger-titlebar-background: #262626;
  --df-messenger-titlebar-font-color: #fff;
  --df-messenger-titlebar-border-bottom: 0 solid var(--df-messenger-border-color);
  --df-messenger-titlebar-icon-font-color:
    var(
      --df-messenger-icon-font-color,
      var(--df-messenger-default-icon-font-color)
    );
  --df-messenger-titlebar-subtitle-font-color:
    var(
      --df-messenger-secondary-font-color,
      var(--df-messenger-default-secondary-font-color)
    );
  --df-messenger-titlebar-padding: 8px 16px;
  --df-messenger-titlebar-title-font-size: 18px;
  --df-messenger-titlebar-title-line-height: 22px;
  --df-messenger-titlebar-subtitle-font-size: 12px;
  --df-messenger-titlebar-subtitle-line-height: 16px;
  --df-messenger-titlebar-button-background-hover: rgb(68 71 70 / 8%);
  --df-messenger-titlebar-button-color-inactive:
    var(
      --df-messenger-icon-font-color,
      var(--df-messenger-default-icon-font-color)
    );
  --df-messenger-titlebar-button-background-active: #f1f4f8;
  --df-messenger-titlebar-button-color-active:
    var(
      --df-messenger-primary-color,
      var(--df-messenger-default-primary-color)
    );
  --df-messenger-message-padding: 16px;
  --df-messenger-message-bot-background: #fff;
  --df-messenger-message-user-background: #efe0c3;
  --df-messenger-message-border-radius: 16px;
  --df-messenger-message-bot-border-top-left-radius: 0;
  --df-messenger-message-bot-stack-border-top-left-radius: 0;
  --df-messenger-message-bot-stack-border-bottom-left-radius: 0;
  --df-messenger-message-user-border-top-right-radius: 0;
  --df-messenger-message-user-stack-border-top-right-radius: 0;
  --df-messenger-message-user-stack-border-bottom-right-radius: 0;
  --df-messenger-message-stack-spacing: 4px;
  --df-messenger-input-long-text-warning-display: block;
  --df-messenger-input-box-background: #fff;
  --df-messenger-input-padding: 16px 8px 24px 24px;
  --df-messenger-input-background: #F2F2F2;
  --df-messenger-input-border-top: none;
  --df-messenger-input-box-border: 1px solid var(--df-messenger-border-color);
  --df-messenger-input-box-border-radius: 0;
  --df-messenger-input-box-padding: 16px 24px;
  --df-messenger-input-box-focus-border: 2px solid var(--df-messenger-primary-color);
  --df-messenger-input-box-focus-padding: 15px 31px;
  --df-messenger-send-icon-offset-y: 2px;
  --df-messenger-link-decoration: none;
  --df-messenger-link-font-color: var(--df-messenger-primary-color);
  --df-messenger-link-visited-font-color: var(--df-messenger-primary-color);
  --df-messenger-link-hover-font-color: var(--df-messenger-primary-color);
  --df-messenger-link-background-color: #fff;
  --df-messenger-link-padding: 0;
  --df-messenger-link-border: 0 solid var(--df-messenger-primary-color);
  --df-messenger-link-border-radius: 0;
  --df-messenger-table-border-color: #E6E6E6;
  --df-messenger-table-padding: 12px 16px;
  --df-messenger-table-font-size: 14px;
  --df-messenger-table-border-radius: 16px;
  --df-messenger-table-header-background: #F2F2F2;
  --df-messenger-table-header-padding: 12px 16px;
  --df-messenger-table-header-font-size: 14px;
  --df-messenger-table-header-font-weight: 500;
  --df-messenger-table-header-border-top: 1px solid var(--df-messenger-table-border-color);
  --df-messenger-table-header-border-bottom: 1px solid var(--df-messenger-table-border-color);
  --df-messenger-table-header-border-left-first: 1px solid var(--df-messenger-table-border-color);
  --df-messenger-table-header-border-right-last: 1px solid var(--df-messenger-table-border-color);
  --df-messenger-table-border-bottom: 1px solid var(--df-messenger-table-border-color);
  --df-messenger-table-border-left-first: 1px solid var(--df-messenger-table-border-color);
  --df-messenger-table-border-right-last: 1px solid var(--df-messenger-table-border-color);
  --df-messenger-card-box-shadow: none;
  --df-messenger-card-border: none;
  --df-messenger-card-border-radius: 16px;
  --df-messenger-card-border-top-left-radius: 0;
  --df-messenger-card-stack-border-bottom-left-radius: 0;
  --df-messenger-card-stack-border-top-left-radius: 0;
  --df-messenger-chips-box-shadow: none;
  --df-messenger-chips-font-color: var(--df-messenger-element-font-color);
  --df-messenger-chips-icon-font-color: var(--df-messenger-element-font-color);
  --df-messenger-chips-border-radius: 0;
  --df-messenger-files-box-shadow: none;
  --df-messenger-citations-font-color: var(--df-messenger-element-font-color);
  --df-messenger-citations-border-color: var(--df-messenger-border-color);
  --df-messenger-citations-border-radius: 999px;
  --df-messenger-citations-padding: 4px 16px;
  --df-messenger-citations-icon-offset: -8px;
  --df-messenger-citations-icon-font-size: 24px;
  --df-messenger-citations-message-display: none;
  --df-messenger-button-border: 1px solid var(--df-messenger-border-color);
  --df-messenger-button-padding: 8px;
  --df-messenger-image-border-radius: 16px;
  --df-messenger-video-border-radius: 16px;
  --df-messenger-video-border: 1px solid var(--df-messenger-border-color);
  --df-messenger-list-padding: 16px;
  --df-messenger-message-rich-feedback-spacing: 16px;
  --df-messenger-message-rich-feedback-padding: 16px;
  --df-messenger-message-rich-feedback-background: #fff;
  --df-messenger-message-rich-feedback-border-radius: 16px;
  --df-messenger-message-rich-feedback-chips-spacing: 8px;
  --df-messenger-message-rich-feedback-chips-background: #fff;
  --df-messenger-message-rich-feedback-chips-background-active: rgb(68 71 70 / 12%);
  --df-messenger-message-rich-feedback-chips-font-color: var(--df-messenger-element-font-color);
  --df-messenger-message-rich-feedback-chips-font-color-active: var(--df-messenger-element-font-color);
  --df-messenger-message-rich-feedback-submit-align: flex-start;
  --df-messenger-message-rich-feedback-submit-font-color: var(--df-messenger-element-font-color);
  --df-messenger-message-feedback-icon-border: var(--df-messenger-default-border);
  --df-messenger-message-feedback-icon-border-radius: 0;
  --df-messenger-message-feedback-icon-background: #fff;
  --df-messenger-message-feedback-icon-padding: 8px;
  --df-messenger-message-feedback-icon-font-color-active: var(--df-messenger-primary-color);
  --df-messenger-message-feedback-icon-background-hover: rgb(68 71 70 / 8%) bottom: 16px;
}

#chatbot-button {
  width: 64px;
  height: 64px;
  background-color: #f5edde;
  color: #333333;
  border-radius: 50%;
  position: fixed;
  bottom: 17px;
  right: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 24px;
  border: none;
  z-index: 101;
}

/* Popup Styles */
#formpopup {
  display: none;
  position: fixed;
  bottom: 96px;
  /* Offset from button (64px + 16px) */
  right: 16px;
  width: 350px;
  height: 570px;
  background-color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  z-index: 101;
  overflow-y: scroll;
  padding: 30px;
  padding-top: 20px;
  padding-bottom: 40px;
}

/*# sourceMappingURL=chat-bot.css.map */