/* Author: R. Garandel - External Conversational AI */
/* External Chatbots Sanofi @2024 */
/* V1.0 - August 30th 2024 */
/* US Tolebrutinib - RediscoverMS*/

/* FONTS */
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&display=swap");
@font-face {
	font-family: "caveat";
  src: url("/dam/jcr:b912e8d8-9f4a-41ab-8cd8-51e545200721/caveat.woff2") format("woff2");
}
@font-face {
	font-family: "quicksand";
  src: url("/dam/jcr:945e989e-bdbb-4f9a-9a55-c2342633082a/quicksand.woff2") format("woff2");
}
/* WATSON ASSISTANT CHATBOT - CUSTOMIZATION */
/* ------------------------------------------------------------------------------*/
/* CHATBOT LAUNCHER */
	/* - Container */
		body #WACContainer.WACContainer .WACLauncher__ButtonContainer {
			box-shadow: none!important;
			border-radius: 90px!important;
			background-color: transparent!important;
			border: 0!important;
			bottom: 50px!important;
			right: 42px!important;
			z-index: 99996!important;
		}
	/* - Custom Button */
		body #WACContainer.WACContainer .WACLauncher__ButtonContainer button.WACLauncher__Button {
			width: 90px;
			height: 90px;
			background-color: transparent!important;
			background: url('/dam/jcr:a6aa1c84-1989-4eca-ab27-76623378815c/launcher.svg') no-repeat 40% -20% !important;
			background-size: auto 122% !important;
			border: 0;
			outline: 0;
		}
		body #WACContainer.WACContainer .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button:active, 
		body #WACContainer.WACContainer .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button:focus {
			box-shadow: inset 0 0 0 0 var(--WatsonAssistantChat-CARBON-ui-02)!important;
			border-width: 0!important;
		}		
	/* - Remove Default IBM Button */
		body #WACContainer.WACContainer .WACLauncher__ButtonContainer button.WACLauncher__Button svg {
		  display: none;
		}
	/* MOBILE VIEW */	
		@media screen and (max-width: 600px) {
			body #WACContainer.WACContainer .WACLauncher__ButtonContainer button.WACLauncher__Button {
				height: 70px !important;
				width: 70px !important;
			}
			body #WACContainer.WACContainer .WACLauncher__ButtonContainer {
				right: 22px !important;
				bottom: 22px !important;
			}
			body #WACContainer.WACContainer .WACLauncherExtended__Container {
				height: 70px !important;
				width: 70px !important;
				right: 22px !important;
				bottom: 22px !important;
			}
		}		
/* CHATBOT WIDGET GENERAL SETTINGS*/
	/* - Shadow around chatbot */
		#WACContainer.WACContainer .WACWidget.WACWidget {
			box-shadow: 0 0 10px 3px rgba(255, 255, 255, 0.8) !important;
			border: 0px #02134B solid !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;
		}
		#WACContainer.WACContainer .WAC {
			border: 2px solid #02134B!important;
		} 
	/* - Customized Scrollbar */
		#WACContainer.WACContainer ::-webkit-scrollbar {
			width: 18px !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: 18px !important;
			background-color: #bcbec0 !important;
			border: 5px solid #ffffff !important;
		}
	/* - General Background Color for Widget */
		#WACContainer.WACContainer .WAC {
			background: #02134B !important;
		}
	/* - Remove user input container */
		#WACContainer.WACContainer .WAC__SentMessageProgress,
		#WACContainer.WACContainer .WACAlternateSuggestionsContainer,
		#WACContainer.WACContainer .WAC__inputContainer,
		#WACContainer.WACContainer .WACBotContainer .WACInputContainer {
			display: none !important;
		}
	/* MOBILE VIEW */			
		@media screen and (min-width: 1000px) {
		  #WACContainer.WACContainer .WACWidget.WACWidget {
			width: 500px !important;
		  }
		}		
/* CHATBOT HEADER */
	/* - Header container background colot */			
		#WACContainer.WACContainer .WACHeader__Container {			
			background: #20275B!important;
		}
	/* - Header */ 
		#WACContainer.WACContainer .WACHeader__Container .WACHeader {			
			background: transparent!important;
			color: #FFFFFF!important;
			border-bottom: 20px solid #02134B!important;
			min-height: 81px!important;
		}
		#WACContainer.WACContainer .WACHeader__CenterContainer {
			justify-content: center!important;
			margin: 16px 4px 16px 40px!important;
		}
	/* - Header Don't display Header Title */
		#WACContainer.WACContainer .WACHeader__Container .WACHeader__Name {
			color: #FFFFFF !important;
			font-family: caveat !important;
			font-weight: 700!important;
			font-size: 30px!important;
		}
		#WACContainer.WACContainer .WACHeader__CenterContainer .WACAutoFontSize--0 {
			font-size: inherit!important;
		}
	/* - Header Logo */
		#WACContainer.WACContainer .WACHeader__Container .WACHeader__Name:before {
			content: url(/dam/jcr:3f66f5a6-9967-401d-8c9e-9a8acd59dd4f/headerlogo.svg)!important;
			width: 50px !important;
			height: 50px !important;
			top: 3px !important;
			left: 7px !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: #02134B!important;
			background-color: #ff9c37 !important;
			height: 30px !important;
			width: 30px !important;
			border-radius: 30px !important;
		}
		#WACContainer.WACContainer .WACHeader__Container .WACHeader__RightButtons svg path {
			d: path("M 6 15 H 26 V 18 H 6 Z")!important;
		}
		#WACContainer.WACContainer .WACHeader__Container .WACHeader__RightButtons svg:hover {
			background-color: #ff9c37 !important;
		}
		#WACContainer.WACContainer button.WAC__button--ghost:enabled:hover {
			background: transparent !important;
		}
	/* MOBILE VIEW */	
		@media screen and (max-width: 400px) {
			#WACContainer.WACContainer .WACHeader__Container .WACHeader__Name {
				width: 100px!important;
				line-height: 25px!important;
			}
			#WACContainer.WACContainer .WACHeader__Container .WACHeader {
				height: 81px!important;
			}		
			#WACContainer.WACContainer .WACHeader__Name {
				word-break: normal!important; 
			}
			#WACContainer.WACContainer .WACHeader__CenterContainer .WACAutoFontSize--0 {
				font-size: inherit!important;
				line-height: inherit!important;
			}
			#WACContainer.WACContainer .WACHeader__CenterContainer .WACAutoFontSize--1 {
				font-size: inherit!important;
				line-height: inherit!important;
			}
		}
/* CHATBOT MESSAGE CONTAINER */
	/* - Conversation Area */
		#WACContainer.WACContainer .WACMessagesContainer__NonInputContainer {
			background-color: #ffffff !important;
			border: 0px solid #02134b !important;
			border-radius: 0px !important;
		}
	/* Style waiting & loading ball */
		#WACContainer.WACContainer .WAC__loading-ball {
			background-color: #02134b !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.6rem 0.6rem !important;
			font-family: "quicksand"!important;
			font-size: 16px !important;
			font-weight: normal!important;
			font-style: normal!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 #00afec !important;
			background: rgba(0,175,236,0.15 ) !important;
			color: #02134B!important;
			border-radius: 0px 10px 10px 10px !important;
			margin-bottom: 10px !important;
			text-align: left !important;
			font-family: "quicksand" !important;
		}
		#WACContainer.WACContainer .ibm-web-chat--default-styles p:not([class*=bx--]) {
			font-size: inherit!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: #ff9c37 !important;
			color: #02134b!important;
			border-radius: 8px !important;
			border: 1px solid #02134b !important;
			font-size: 16px !important;
			font-weight: 800!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: "quicksand" !important;
		}
	/* Buttons - Style - Mouse Hover */
		#WACContainer.WACContainer .WAC__button-holder ul li button:enabled:hover {
			background: #03ACE8 !important;
			color: #ffffff !important;
			border-radius: 8px !important;
			border: 1px solid #02134b !important;
		}
	/* Chatbot Custom Response styles */
		#WACContainer.WACContainer .WACCustomResponseElement .WAC__received {
			margin-right: 0px !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: #F5F6F7 !important;
			color: #02134B !important;
			border: 1px solid #6A8EA0 !important;
			font-family: "quicksand" !important;
			font-size: 16px !important;
			padding: 0.4rem 0.8rem 0.4rem 0.8rem !important;
			margin-bottom: 10px !important;
			border-radius: 12px 0px 12px 12px !important;
			text-align: right!important;
			font-weight: 500 !important;
		}
		#WACContainer.WACContainer .WAC__sentAndError-container {
			padding-right: 8px!important;
		}
		#WACContainer.WACContainer .WAC__sent-padding {
			max-width: 80%!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;
	}
/* CHATBOT FOOTER */
	.wa_footer_area {
		color: #ffffff !important;
		height: 50px !important;
		text-align: center !important;
		padding-top: 10px !important;
	}
/* CHATBOT LAUNCHER TAG-TEXT ON TOP OF BUTTON */
	/* area */
		.chatbot-talk-bubble {
			display: inline-block;
			position: fixed;
			width: 153px;
			bottom: 115px;
			right: 75px;
			background-color: #D9F3FC;
			color: #02134b;
			z-index: 9999;
			padding: 7px;
			border-radius: 8px;
			font-family: "quicksand";
			border: 1px solid #00AFEC!important;
		}
		.chatbot-talktext {
			padding: 0px;
			text-align: center;
			line-height: 1.2em;
		}
		.chatbot-talktexth3 {
			color: #02134b;
			font-family: "quicksand";
			font-size: 16px;
			line-height: 1.2em;
			margin-bottom: 15px;
			margin-left: 0px;
			margin-right: 0px;
			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;
		}
	/* MOBILE VIEW */	
		@media screen and (max-width: 600px) {
			.chatbot-talk-bubble {
				width: 120px;
				height:	56px;
				bottom: 70px;
				right: 52px;
			}
			.chatbot-talktexth3 {
				font-size: 12px;
				line-height: 14px;
			}
			.chatbot-talktexth3 p {
				font-size: 12px;
				line-height: 14px;
			}
		}
/* 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;
	}
/* 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;
		}