/* Author: R. Garandel - External Conversational AI - Update 2023-06 */

/* Fonts */
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&display=swap");
@font-face {
  font-family: sanofi_light;
  src: url(Sanofi_Sans-Light.woff2);
}
@font-face {
  font-family: "CairoliClassicCondensed";
  src: url("CairoliNowCondensedBlack.woff2") format("woff2"),
    url("CairoliNowCondensedBlack.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MuseoSans_500";
  src: url("MuseoSans_500.woff2") format("woff2"),
    url("MuseoSans_500.woff") format("woff");
}
/* WATSON ASSISTANT CHATBOT - CUSTOMIZATION */
/* ------------------------------------------------------------------------------*/
/* CHATBOT LAUNCHER */
/* - Container */
body #WACContainer.WACContainer .WACLauncher__ButtonContainer {
  box-shadow: none !important;
  border-radius: 100px !important;
  background-color: #ec6608 !important;
  border: 0 !important;
  bottom: 42px !important;
  right: 42px !important;
  z-index: 99989 !important;
  animation: glowing_background3 2000ms linear infinite !important;
}
    @keyframes glowing_background3 {			
		0% {
			transform: scale(1);
			background-color: #23004C;
		}
		4% {
			transform: scale(1.1);
			background-color: #c8181f;
		}
		9% {
			transform: scale(1);
			background-color: #23004C;
		}
		14% {
			transform: scale(1.2);
			background-color: #c8181f
		}
		50% {
			transform: scale(1);
			background-color: #23004C;
		}
		100% {
			transform: scale(1);
			background-color: #23004C;
		}
		}
/* - Custom Button */
body
  #WACContainer.WACContainer
  .WACLauncher__ButtonContainer
  button.WACLauncher__Button {
  width: 100px;
  height: 100px;
  background-color: transparent !important;
  /* link to animated gif for chatbot button */
  background: url("button_logo.png") no-repeat 50% 50% !important;
  background-size: auto 100% !important;
  border: 0;
  outline: 0;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5) !important;
  border-radius: 100px !important;
}
/* - Remove Default IBM Button */
#WACContainer.WACContainer
  .WACLauncher__ButtonContainer
  button.WACLauncher__Button
  svg {
  display: none;
}
@media screen and (max-width: 600px) {
  #WACContainer.WACContainer
    .WACLauncher__ButtonContainer
    button.WACLauncher__Button {
    height: 70px !important;
    width: 70px !important;
  }
}
/* CHATBOT WIDGET GENERAL SETTINGS*/
/* - Shadow around chatbot */
#WACContainer.WACContainer .WACWidget.WACWidget {
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5) !important;
  border: 0px #0b3c61 solid !important;
  /*width: 500px!important;*/
}
/* - Round corner top right/left chatbot */
#WACContainer.WACContainer
  .WACWidget.WACWidget--launched.WACWidget--defaultElement,
#WACContainer.WACContainer .WACBotContainer,
#WACContainer.WACContainer .WAC,
#WACContainer.WACContainer .WAC__headerContainer {
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
}
/* - Round corner bottom right/left chatbot */
#WACContainer.WACContainer
  .WACWidget.WACWidget--launched.WACWidget--defaultElement,
#WACContainer.WACContainer .WACBotContainer,
#WACContainer.WACContainer .WAC {
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}
/* - Customized Scrollbar */
#WACContainer.WACContainer ::-webkit-scrollbar {
  width: 10px !important;
}
#WACContainer.WACContainer ::-webkit-scrollbar-track {
  border-radius: 10px !important;
  background: transparent !important;
  margin-bottom: 40px !important;
  margin-top: 40px !important;
}
#WACContainer.WACContainer ::-webkit-scrollbar-thumb {
  border-radius: 8px !important;
  background-color: #bcbec0 !important;
  border: 3px solid #ffffff !important;
}
/* - General Background Color for Widget */
#WACContainer.WACContainer .WAC {
  background: #486598 !important;
}
/* - Remove user input container */
#WACContainer.WACContainer .WAC__SentMessageProgress,
#WACContainer.WACContainer .WACAlternateSuggestionsContainer,
#WACContainer.WACContainer .WAC__inputContainer,
#WACContainer.WACContainer .WACBotContainer .WACInputContainer {
  display: none !important;
}
/* CHATBOT HEADER */
/* - Header container background colot */
#WACContainer.WACContainer .WACHeader__Container {
  /* background: linear-gradient(#486598, #486598)!important;*/
  background-image: url(header_bg.png) !important;
  background-size: 100% auto !important;
  background-repeat: no-repeat !important;
}
/* - Header */
#WACContainer.WACContainer .WACHeader__Container .WACHeader {
  background: transparent !important;
  color: #ffffff !important;
  border-bottom: 0px solid #486598 !important;
  height: 70px !important;
}
/* - Header Don't display Header Title */
#WACContainer.WACContainer .WACHeader__Container .WACHeader__Name {
  color: #ffffff !important;
  font-family: "MuseoSans_500" !important;
}
#WACContainer.WACContainer .WACHeader__CenterContainer .WACAutoFontSize--0 {
  font-size: 18px !important;
  content: "AAA" !important;
}
/* - Header Logo */
#WACContainer.WACContainer .WACHeader__Container .WACHeader__Name:before {
  content: url(headerlogo.png) !important;
  width: 50px !important;
  height: 50px !important;
  top: 7px !important;
  left: 14px !important;
  position: absolute !important;
}
/* - Header Reduce Button */
#WACContainer.WACContainer .WACHeader__Container .WACHeader__RightButtons {
  left: -5px !important;
  background-color: transparent !important;
}
#WACContainer.WACContainer .WACHeader__Container .WACHeader__RightButtons svg {
  fill: #ffffff !important;
  background-color: #ec6608 !important;
  height: 30px !important;
  width: 30px !important;
  border-radius: 30px !important;
}
#WACContainer.WACContainer
  .WACHeader__Container
  .WACHeader__RightButtons
  svg:hover {
  background-color: #ec6608 !important;
}
#WACContainer.WACContainer button.WAC__button--ghost:enabled:hover {
  background: transparent !important;
}

/* CHATBOT MESSAGE CONTAINER */
/* - Conversation Area */
#WACContainer.WACContainer .WACMessagesContainer__NonInputContainer {
  background-color: #ffffff !important;
  border: 2px solid #486598 !important;
  border-radius: 8px !important;
}
/* Style waiting & loading ball */
#WACContainer.WACContainer .WAC__loading-ball {
  background-color: #ec6608 !important;
}

/* CHATBOT BOT MESSAGE */
/* Style Message video */
#WACContainer.WACContainer .WAC__received--video {
  border: 1px solid #dcdcdc !important;
  margin-bottom: 10px !important;
}
/* First Message padding top  */
#WACContainer.WACContainer
  .WAC__message.WAC__message--firstMessage
  .WAC__message--padding {
  padding-top: 15px !important;
}
/* Left logo on bot message area */
#WACContainer.WACContainer .WAC__bot-bar {
  width: 20px !important;
  flex: unset !important;
  background: transparent !important;
}
#WACContainer.WACContainer .WAC__bot-bar--hidden {
  padding-left: 20px !important;
}
#WACContainer.WACContainer .WAC__bot-bar,
#WACContainer.WACContainer .WAC__bot-bar--hidden {
  margin-right: 0 !important;
}
#WACContainer.WACContainer .WAC__bot-bar-color {
  background-color: transparent !important;
}
/* Remove default IBM Padding for all bot messages */
#WACContainer.WACContainer .WAC__message .WAC__message-vertical-padding {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
#WACContainer.WACContainer .WAC__message .WAC__received {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/* Horizontal size of all bot messages */
#WACContainer.WACContainer .WAC__message .WAC__received {
  margin-right: 30px !important;
}
/* Internal Padding & Style Text from all bot messages */
#WACContainer.WACContainer .ibm-web-chat--default-styles {
  padding: 0.4rem 0.6rem 0.4rem 0.6rem !important;
  font-family: "MuseoSans_500" !important;
  font-size: 14px !important;
  width: 100% !important;
}
/* Bot Message - Single - Text - Style */
/* Bot Message - Options - Text - Style */
.WAC .WAC__messagesAndInputContainer .WAC__received--text,
.WAC
  .WAC__messagesAndInputContainer
  .WAC__received--options
  .WAC__received--metablock {
  border: 1px solid #d9e0ea !important;
  background: #f6f6f6 !important;
  color: #466791 !important;
  border-radius: 0px 12px 12px 12px !important;
  margin-bottom: 10px !important;
  text-align: left !important;
  font-family: "MuseoSans_500" !important;
}
.WAC .WAC__messagesAndInputContainer .WAC__received--inner {
  padding: 0px !important;
}
#WACContainer.WACContainer
  .ibm-web-chat--default-styles
  p.WACWidget__MarkdownP {
  font-weight: 500 !important;
}
/* Bot Message - Options - Button - Style */
/* Remove default IBM Margin for buttons container */
#WACContainer.WACContainer .WAC__button-holder {
  margin-top: 0px !important;
}
/* Center Buttons */
.WAC .WAC__messagesAndInputContainer .WAC__received--options ul {
  text-align: center !important;
}
/* Remove Options Buttons Area when not last message*/
#WACContainer.WACContainer .WAC__button-holder {
  display: none !important;
}
/* Display Options Buttons Area only for last message */
#WACContainer.WACContainer .WAC__message--lastMessage .WAC__button-holder {
  display: block !important;
}
/* Buttons - Style */
#WACContainer.WACContainer .WAC__button-holder ul li button:enabled {
  background: #ec6608 !important;
  color: #ffffff !important;
  border-radius: 16px !important;
  border: 2px solid #ec6608 !important;
  font-size: 14px !important;
  min-height: 35px !important;
  margin: 2px 0px !important;
  width: 90% !important;
  text-align: center !important;
  /* Display buttons when active */
  display: inline-block !important;
  font-family: "MuseoSans_500" !important;
}
/* Buttons - Style - Mouse Hover */
#WACContainer.WACContainer .WAC__button-holder ul li button:enabled:hover {
  background: #fa8a8a !important;
  color: #ffffff !important;
  border-radius: 16px !important;
  border: 2px solid #fa8a8a !important;
}
/* Chatbot Custom Response styles */
#WACContainer.WACContainer .WACCustomResponseElement .WAC__received {
  margin-right: 0px !important;
}
#WACContainer.WACContainer .WACCustomResponseElement button.wa_panel_ma_button {
  font-size: 14px !important;
  display: block !important;
  margin: 5px auto !important;
  background-color: #ec6608 !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  /*width: 60px!important;*/
}
#WACContainer.WACContainer
  .WACCustomResponseElement
  button.wa_display_link_button {
  font-size: 15px !important;
  display: block !important;
  margin: 8px auto !important;
  background-color: #555da7 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}
/* CHATBOT USER MESSAGE */
/* Remove default IBM Vertical Margins for all user messages */
.WAC .WAC__messagesAndInputContainer .WAC__sent {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
/* User Message - Single - Text - Style */
.WAC .WAC__messagesAndInputContainer .WAC__sent {
  background: #939598 !important;
  color: white !important;
  border: 1px solid #939598 !important;
  font-family: sanofi_light !important;
  font-size: 14px !important;
  padding: 0.4rem 0.8rem 0.4rem 0.8rem !important;
  margin-bottom: 10px !important;
  border-radius: 12px 0px 12px 12px !important;
}
/* User Message - Remove small triangle under user message */
.WAC .WAC__messagesAndInputContainer .WAC__sent:after {
  border: 0px solid #8d8d8d !important;
}
/* CHATBOT MESSAGE STATUS (Inactive session) */
#WACContainer.WACContainer .WAC__bot-message .WAC__received--chatStatusMessage {
  text-align: center !important;
  font-style: italic !important;
}
/* IFRAME PANEL SETTINGS */
/* Header */
#WACContainer.WACContainer .WACIFramePreviewCard {
  position: relative;
  padding: 0;
  color: inherit;
  width: 100%;
  text-align: inherit;
  outline: none;
  border: 0 solid transparent !important;
  overflow: hidden;
  background-color: initial;
  cursor: pointer;
}
#WACContainer.WACContainer .WACIFramePanel .WACHeader {
  background-image: url(header_bg.png) !important;
  background-size: 100% auto !important;
  background-repeat: no-repeat !important;
}
#WACContainer.WACContainer
  .WACIFramePanel
  .WACHeader
  button.WAC__button--ghost:enabled:focus,
#WACContainer.WACContainer
  .WACIFramePanel
  .WACHeader
  button.bx--overflow-menu--open:enabled:focus {
  border-color: transparent !important;
}
#WACContainer.WACContainer
  .WACIFramePanel
  .WACHeader
  a.WAC__button--ghost:focus,
#WACContainer.WACContainer
  .WACIFramePanel
  .WACHeader
  button.WAC__button--ghost:focus {
  box-shadow: none !important;
}
#WACContainer.WACContainer
  .WACIFramePanel
  .WACHeader
  button.WAC__button--base
  svg {
  fill: #ffffff !important;
}
#WACContainer.WACContainer .WACIFramePanel .WACHeader .WACHeader__CloseButton {
  display: none !important;
}
#WACContainer.WACContainer .WACIFramePanel .WACHeader .WACHeader__Name {
  display: none !important;
}
/* Button */
#WACContainer.WACContainer
  .WAC__received--iframePreviewCard
  .WACTextHolderTile__Icon {
  display: none !important;
}
#WACContainer.WACContainer
  .WAC__received--iframePreviewCard
  .WACTextHolderTile__DescriptionWrapper {
  display: none !important;
}
#WACContainer.WACContainer
  .WAC__received--iframePreviewCard
  .WACTextHolderTile__IFrameUrl {
  display: none !important;
}
#WACContainer.WACContainer
  .WAC__received--iframePreviewCard
  .WACTextHolderTile__Title {
  background: #ec6608 !important;
  color: #ffffff !important;
  border-radius: 16px !important;
  border: 2px solid #ec6608 !important;
  font-size: 14px !important;
  min-height: 35px !important;
  margin: 2px 0px !important;
  width: 90% !important;
  text-align: center !important;
  /* Display buttons when active */
  display: inline-block !important;
  font-family: "MuseoSans_500" !important;
  padding-top: 5px !important;
}
#WACContainer.WACContainer
  .WAC__received--iframePreviewCard
  .WACTextHolderTile__Wrapper {
  text-align: center !important;
}
#WACContainer.WACContainer
  .WAC__received--iframePreviewCard
  .WACTextHolderTile {
  padding: 0px !important;
}

@media screen and (min-width: 1000px) {
  #WACContainer.WACContainer .WACWidget.WACWidget {
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5) !important;
    border: 0px #0b3c61 solid !important;
    width: 800px !important;
  }
  #WACContainer.WACContainer .WAC__button-holder ul li {
    margin: 0 0 0 10px !important;
    padding: 0;
    display: inline-block !important;
  }
  #WACContainer.WACContainer
    .WAC__button-holder
    ul
    li
    button.WAC__button--base.WAC__button--round {
    word-break: normal !important;
    word-wrap: normal !important;
  }
  #WACContainer.WACContainer .WAC__button-holder ul li button:enabled {
    width: 100% !important;
  }
  #WACContainer.WACContainer .wa_quiz_text_score_bubble {
    padding-left: 48% !important;
  }
}
/* CHATBOT FOOTER */
.wa_footer_area {
  color: #ffffff !important;
  height: 30px !important;
  text-align: center !important;
  padding-top: 0px !important;
}
/* CHATBOT LAUNCHER TAG-TEXT ON TOP OF BUTTON */
/* AREA */
.chatbot-talk-bubble {
  display: inline-block;
  position: fixed;
  width: 200px;
  bottom: 155px;
  right: 42px;
  background-color: #ec6608;
  color: #ffffff;
  z-index: 9999;
  padding: 7px;
  border-radius: 8px;
  font-family: "MuseoSans_500";
  box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.5) !important;
}
.chatbot-talktext {
  padding: 5px;
  text-align: center;
  line-height: 1.2em;
}
.chatbot-talktexth3 {
  color: #ffffff;
  font-family: "MuseoSans_500";
  font-size: 14px;
  line-height: 1.2em;
  margin-bottom: 15px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 5px;
  text-align: center;
  z-index: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.chatbot-talktext p {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}
.chatbot-tri-right.border.chatbot-btm-right:before {
  content: " ";
  position: fixed;
  width: 0;
  height: 0;
  left: auto;
  right: -8px;
  bottom: -40px;
  border: 20px solid;
  border-color: #ec6608 #ec6608 transparent transparent;
}
.chatbot-tri-right.chatbot-btm-right:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: auto;
  right: 0px;
  bottom: -18px;
  border: 12px solid;
  border-color: #ec6608 #ec6608 transparent transparent;
}
@media screen and (max-width: 600px) {
  .chatbot-talk-bubble {
    width: 180px;
    bottom: 110px;
    right: 22px;
  }
  .chatbot-talktexth3 {
    font-size: 11px;
    line-height: 16px;
  }
  .chatbot-talktexth3 p {
    font-size: 11px;
    line-height: 16px;
  }
  body
    #WACContainer.WACContainer
    .WACLauncher__ButtonContainer
    button.WACLauncher__Button {
    height: 70px !important;
    width: 70px !important;
    background-color: #ec6608 !important;
  }
  body #WACContainer.WACContainer .WACLauncher__ButtonContainer {
    background-color: #ec6608 !important;
    right: 22px !important;
    bottom: 22px !important;
  }
  body #WACContainer.WACContainer .WACLauncherExtended__Container {
    height: 70px !important;
    width: 70px !important;
    right: 22px !important;
    bottom: 22px !important;
  }
}
/* WATSON ASSISTANT CHATBOT - RATING */
/* ------------------------------------------------------------------------------ */
#WACContainer.WACContainer .wa_rating_style {
  width: 226px !important;
  margin: 0 auto 1em !important;
  font-size: 30px !important;
  letter-spacing: 5px !important;
  overflow: hidden !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  margin-bottom: 0px !important;
  font-family: "Segoe WP", "Segoe UI", Helvetica, Arial, sans-serif !important;
}
#WACContainer.WACContainer .wa_rating_style a {
  float: right !important;
  width: 100% !important;
  color: #aaa !important;
  text-decoration: none !important;
  -webkit-transition: color 0.4s !important;
  -moz-transition: color 0.4s !important;
  -o-transition: color 0.4s !important;
  transition: color 0.4s !important;
}
#WACContainer.WACContainer .wa_rating_style a:hover,
#WACContainer.WACContainer .wa_rating_style a:hover ~ a,
#WACContainer.WACContainer .wa_rating_style a:focus,
#WACContainer.WACContainer .wa_rating_style a:focus ~ a {
  color: #f57629 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
#WACContainer.WACContainer .wa_rating2_style {
  direction: rtl !important;
}
#WACContainer.WACContainer .wa_rating2_style a {
  float: none !important;
  width: 100% !important;
}
#WACContainer.WACContainer .wa_rating_container {
  display: none !important;
}
#WACContainer.WACContainer .WAC__message--lastMessage .wa_rating_container {
  display: block !important;
}
/* WATSON ASSISTANT CHATBOT - INSIDE DIALOG STYLES */
/* ------------------------------------------------------------------------------ */

#WACContainer.WACContainer .wa_quiz_question_title {
  color: #cf5600;
  font-weight: 600;
}
#WACContainer.WACContainer .wa_quiz_question_text {
  color: #000000;
  font-weight: 600 !important;
  font-size: 12px !important;
}
#WACContainer.WACContainer .wa_quiz_table_result {
  border: 0px solid rgb(0, 0, 0);
  border-collapse: collapse;
  border-spacing: 0;
}
#WACContainer.WACContainer .wa_quiz_table_result tr,
td {
  border: 0px solid rgb(0, 0, 0) !important;
}
#WACContainer.WACContainer .wa_quiz_text_score {
  text-align: center;
  font-size: 100%;
  color: #466791;
}
#WACContainer.WACContainer .wa_quiz_text_result {
  text-align: center;
  font-size: 100%;
}
#WACContainer.WACContainer .wa_quiz_score_bubble {
  height: 50px;
  width: 50px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: #486598;
  color: #ffffff;
  font-size: 18px;
}
#WACContainer.WACContainer .wa_quiz_text_score_bubble {
  padding-top: 2px;
  padding-left: 42%;
  padding-right: 40%;
}
#WACContainer.WACContainer .wa_quiz_text_score_title {
  color: #486598;
  font-size: 16px;
  text-align: center;
}
#WACContainer.WACContainer .wa_quiz_result_default_verdict {
  color: #777;
  text-align: center;
  font-size: 80%;
  word-wrap: break-word;
  line-height: 1;
  width: 33%;
}
#WACContainer.WACContainer .wa_quiz_result_NWC_verdict {
  color: #486598;
  font-size: 85%;
}
#WACContainer.WACContainer .wa_quiz_result_WC_verdict {
  color: #486598;
  font-size: 85%;
}
#WACContainer.WACContainer .wa_quiz_result_NWC_norange {
  color: #777;
  text-align: center;
  font-size: 85%;
  border-top: 1px solid #777 !important;
  width: 50%;
}
#WACContainer.WACContainer .wa_quiz_result_WC_norange {
  color: #777;
  text-align: center;
  font-size: 85%;
  border-top: 1px solid #777 !important;
  width: 50%;
}
#WACContainer.WACContainer .wa_quiz_result_NWC_range {
  color: #486598;
  text-align: center;
  font-size: 85%;
  border-top: 8px solid #486598 !important;
  width: 50%;
}
#WACContainer.WACContainer .wa_quiz_result_WC_range {
  color: #486598;
  text-align: center;
  font-size: 85%;
  border-top: 8px solid #486598 !important;
  width: 50%;
}
#WACContainer.WACContainer .wa_quiz_result_subtitle {
  color: #000000;
  text-align: center;
  font-size: 90%;
  word-wrap: break-word;
  width: 100%;
  height: 25px;
}
@media only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1025px) {
  #WACContainer.WACContainer .wa_quiz_result_NWC_norange {
    color: #777;
    text-align: center;
    font-size: 85%;
    border-top: 1px solid #486598 !important;
    width: 50%;
  }
  #WACContainer.WACContainer .wa_quiz_result_WC_norange {
    color: #777;
    text-align: center;
    font-size: 85%;
    border-top: 1px solid #70ad47 !important;
    width: 50%;
  }
  #WACContainer.WACContainer .wa_quiz_result_NWC_range {
    color: #486598;
    text-align: center;
    font-size: 100%;
    border-top: 8px solid #486598 !important;
    width: 50%;
  }
  #WACContainer.WACContainer .wa_quiz_result_WC_range {
    color: #70ad47;
    text-align: center;
    font-size: 100%;
    border-top: 8px solid #70ad47 !important;
    width: 50%;
  }
}