/* 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('/dam/jcr:b9d5dd7c-2b30-44b9-b1d7-aaa4a89c91a4/Sanofi_Sans-Light.woff2');
	}
/* WATSON ASSISTANT CHATBOT - CUSTOMIZATION */
/* ------------------------------------------------------------------------------*/
	:root{
		--mes_text_align: center;
		--text_direction: ltr;
	}

/* CHATBOT LAUNCHER */
	/* - Container */
		body #WACContainer.WACContainer .WACLauncher__ButtonContainer {
			box-shadow: none!important;
			border-radius: 200px!important;
			/*background-color: #000000!important;*/
			border: 0!important;
			bottom: 53px!important;
			left: auto!important;
			right: calc(50% - 75px)!important;
			z-index: 99989!important;
			/* top: 50%!important; */
			margin: auto!important;
			position: fixed!important;
			height: 200px!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: 200px!important;
			height: 200px!important;
			background-color: #7a00e6!important;
			background: url('/dam/jcr:96863448-3c14-46c0-8896-792ea061f4f2/logo_button.png') no-repeat 50% 50% !important;
			background-size: auto 100% !important;
			border: 0;
			outline: 0;
			box-shadow: 0 0 15px 3px rgba(0,0,0,0.8)!important;
			border: 2px solid #ffffff!important;
			border-radius: 150px!important;
		}
	/* - Remove Default IBM Button */
		#WACContainer.WACContainer .WACLauncher__ButtonContainer button.WACLauncher__Button svg {
		  display: none;
		}
/* 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;
		}
	/* - 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: #23004C!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(#23004C, #23004C)!important;
		}
	/* - Header */ 
		#WACContainer.WACContainer .WACHeader__Container .WACHeader {			
			background: transparent!important;
			color: #FFFFFF!important;
			border-bottom: 0px solid #23004C!important;
			height: 70px!important;
		}
	/* - Header Don't display Header Title */	
		#WACContainer.WACContainer .WACHeader__Container .WACHeader__Name {
			color: transparent!important;
			font-family: sanofi_light!important;
		}
		#WACContainer.WACContainer .WACHeader__CenterContainer .WACAutoFontSize--0 {
			font-size: 18px!important;
			content: '.'!important;
			direction: var(--text_direction)!important;
		}
	/* - Header Logo */
		#WACContainer.WACContainer .WACHeader__Container .WACHeader__Name:before {
			content:url('/dam/jcr:be8afe39-bbdc-4297-ad5f-3644f8bb9336/headerlogo.png')!important;
			width: 60px!important;
			height: 60px!important;
			top: 4px!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: #7a00e6!important;
			height: 30px!important;
			width: 30px!important;
			border-radius: 30px!important;
		}
		#WACContainer.WACContainer .WACHeader__Container .WACHeader__RightButtons svg:hover {
			background-color: #7a00e6!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 #23004c!important;
			border-radius: 8px!important;
		}
	/* Style waiting & loading ball */
		#WACContainer.WACContainer .WAC__loading-ball {
			background-color: #7a00e6!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: .4rem .6rem .4rem .6rem!important;
			font-family: sanofi_light!important;
			font-size: 14px!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 #d5d5d6!important;
			background: #f1f1f1!important;
			color: #000000!important;
			border-radius: 0px 12px 12px 12px!important;
			margin-bottom: 10px!important;
			text-align: var(--mes_text_align)!important;
			font-family: sanofi_light!important;
			direction: var(--text_direction)!important;
		}
		.WAC .WAC__messagesAndInputContainer .WAC__received--inner {
			padding: 0px!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: #7a00e6!important; 
			color: #FFFFFF!important;
			border-radius: 16px!important;
			border: 2px solid #7a00e6!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-weight: 600!important;
			font-family: sanofi_light!important;
			direction: var(--text_direction)!important;
		}		
		/* Buttons - Style - Mouse Hover */
		#WACContainer.WACContainer .WAC__button-holder ul li button:enabled:hover {
			background: #23004c!important;
			color: #ffffff!important;
			border-radius: 16px!important;
			border: 2px solid #23004c!important;
			font-weight: 600!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: #555da7!important;
			color:#FFFFFF!important;			
			font-weight:500!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';
		}		
		#WACContainer.WACContainer .WAC__received--textContent {
			display: block!important;
		}		
	/* Table Full Product List styles */		
		#WACContainer.WACContainer .WACCustomResponseElement table.wa_fulllist_table {
			width: 100%!important;
			border:1px solid #e0e0e0!important;
			margin-top:10px!important
		}
		#WACContainer.WACContainer .WACCustomResponseElement td.wa_fulllist_td, tr.wa_fulllist_tr {
			border:1px solid #e0e0e0!important;
		}
		#WACContainer.WACContainer .WACCustomResponseElement td.wa_fulllist_name_td {
			color: #23004C!important;
			font-weight: 700!important;
			font-family: sanofi_light!important;
			padding: 0px 2px!important;
			width: 1px;
			word-break:keep-all!important;
			white-space:nowrap!important;
			}	
		#WACContainer.WACContainer .WACCustomResponseElement td.wa_fulllist_td {
			padding: 0px 2px!important;
			font-family: sanofi_light!important;
			width: auto!important;
			color: #23004C!important;
		}
		#WACContainer.WACContainer .WACCustomResponseElement td.wa_fulllist_av_td {
			padding: 0px 2px!important;
			width: 10px!important;
			font-family: sanofi_light!important;
			font-weight: 800!important;
			text-align: center!important;
			color: #19b52c!important;
			font-size: 12px!important;
		}
	/* Table Selected Product List styles */		
		#WACContainer.WACContainer .WACCustomResponseElement table.wa_selectedproduct_table {
			width: 100%!important;
			border:1px solid #e0e0e0!important;
			border-collapse: collapse!important;
			margin-bottom: 10px!important;
		}
		#WACContainer.WACContainer .WACCustomResponseElement td.wa_selectedproduct_td, tr.wa_selectedproduct_tr {
			border:1px solid #e0e0e0!important;
			border-collapse: collapse!important;
		}
		#WACContainer.WACContainer .WACCustomResponseElement td.wa_selectedproduct_name_td {
			color: #FFFFFF!important;
			background-color:#23004C!important;
			text-align: center!important;
			font-weight: 700!important;
			font-family: sanofi_light!important;
			font-size: 14px!important;
			padding: 2px!important;
			border: 1px solid #e0e0e0!important;
			border-collapse: collapse!important;
			}	
		#WACContainer.WACContainer .WACCustomResponseElement td.wa_selectedproduct_td {
			padding: 0px 2px!important;
			font-family: sanofi_light!important;
			width: auto!important;
			color: #23004C!important;
			font-size: 12px!important;
			font-weight: 600!important;
		}
		#WACContainer.WACContainer .WACCustomResponseElement td.wa_selectedproduct_av_td {
			padding: 0px 2px!important;
			width: 10px!important;
			font-family: sanofi_light!important;
			font-weight: 800!important;
			text-align: center!important;
			color: #19b52c!important;
			font-size: 12px!important;
		}		
		#WACContainer.WACContainer .wa_display_productsname {
			display: none!important;
		}
		#WACContainer.WACContainer .WAC__message--lastMessage .wa_display_productsname {
			display: block!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: .4rem .8rem .4rem .8rem!important;
			margin-bottom: 10px!important;
			border-radius: 12px 0px 12px 12px!important;
			text-align: var(--mes_text_align)!important;
			direction: var(--text_direction)!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 CUSTOM PANEL SETTINGS */	
	/* Header */
		#WACContainer.WACContainer .WACCustomPanel .WACHeader {
		    background: linear-gradient(#23004C, #23004C)!important;
			color: white!important;
		}
		#WACContainer.WACContainer .WACCustomPanel__ContentContainer {
			background-color: #ffffff!important;
		}
		#WACContainer.WACContainer .WACCustomPanel .WACHeader button.WAC__button--ghost:enabled:focus, 
		#WACContainer.WACContainer .WACCustomPanel .WACHeader button.bx--overflow-menu--open:enabled:focus {
			border-color: transparent!important;
	}
		#WACContainer.WACContainer .WACCustomPanel a.WAC__button--ghost:focus, 
		#WACContainer.WACContainer .WACCustomPanel button.WAC__button--ghost:focus {
			box-shadow: none!important;
		}
		#WACContainer.WACContainer .WACCustomPanel .wa_panel_h2 {		
			color: #525ca3;
			font-size: 22px;
			line-height: 1.15;
			font-style: normal;
			font-weight: 600;
			letter-spacing: 0px;
		}
		#WACContainer.WACContainer .WACHeader__CenterContainer .WACAutoFontSize--1 {
			font-size: 16px!important;
		}
		#WACContainer.WACContainer .WACCustomPanel li.wa_panel_ma_li {		
			padding:3px 0px!important;
		}		
		#WACContainer.WACContainer .WACCustomPanel	.wa_panel_ma_container {
			text-align:center!important;
			font-family: sanofi_light!important;
			font-weight:400!important;
			font-size:16px!important;
			max-width:100%!important;
			padding:15px 15px!important;	
		}
		#WACContainer.WACContainer .WACCustomPanel .wa_panel_ma_ul {		
			text-align: left!important;
			margin-left:30px!important;
			font-weight:400!important;
		}		
		#WACContainer.WACContainer .WACCustomPanel img.wa_panel_ma_img {	
			max-width:100%!important;
			box-shadow: 0 0 5px 2px rgba(0,0,0,0.2)!important;
		}
		#WACContainer.WACContainer .WACCustomPanel .wa_panel_ma_bold {			
			font-weight:600!important;
		}
		#WACContainer.WACContainer .WACCustomPanel .wa_panel_ma_blue {		
			color:#525ca3!important;
		}
		#WACContainer.WACContainer .WACCustomPanel__HostElement {
			padding: 10px!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: 250px;
			bottom: 107px;
			background-color: #23004C;
			color: #FFFFFF;
			z-index: 9999;
			padding: 7px;
			border-radius: 8px;
			font-family: sanofi_light;
			box-shadow: 0 0 20px 5px rgba(0,0,0,0.5)!important;
			left: calc(50% + 60px)!important;
			right: 50%!important;
		}
		.chatbot-talktext {
			padding: 5px;
			text-align: center;
			line-height: 1.2em;
		}
		.chatbot-talktexth3 {
			color: #FFFFFF;
			font-family: sanofi_light;
			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: 0px solid;
			border-color: #7a00e6 #7a00e6 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: 0px solid;
			border-color: #7a00e6 #7a00e6 transparent transparent;
		}
@media screen and (max-width:600px){

	.chatbot-talk-bubble {
    width: 260px;
    bottom: 189px;
    right: 9px!important;
    padding: 1px!important;
    left: calc(50% + -134px)!important;
	}	
	.chatbot-talktexth3 {
		font-size: 12px;
		line-height: 20px;
	}
	.chatbot-talktexth3 p {
		font-size: 12px;
		line-height: 20px;
	}
	body #WACContainer.WACContainer .WACLauncher__ButtonContainer button.WACLauncher__Button {
		height: 150px!important;
		width: 150px!important;
	}
	body #WACContainer.WACContainer .WACLauncherExtended__Container {
		height: 150px!important;
		width: 150px!important;
	}
	body #WACContainer.WACContainer .WACLauncher__ButtonContainer {
			right: calc(50% - 75px)!important;
	}
}
/* WATSON ASSISTANT CHATBOT - INTERSTITIAL */
/* ------------------------------------------------------------------------------ */
	/* Chatbot Widget under interstitial when opened */
		#WACContainer.WACContainer .WACWidget.WACWidget {
			z-index: 99990!important;
		}
		#wa_insterstitial_fade {
		display: none;
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: black;
		z-index: 99998;
		-moz-opacity: 0.8;
		opacity: .80;
		filter: alpha(opacity=80);
	}
	#wa_insterstitial_area {
		display: none;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border: 2px solid #FFF;
		background: #FFF;
		z-index: 99999;
		overflow-y: auto;
		overflow-x: hidden;
		max-height: 75%;
		width: 50%;
		padding-top: 10px; 
	}
	/* Customized Scrollbar */
	#wa_insterstitial_area::-webkit-scrollbar {
		width: 10px!important;
	}
	#wa_insterstitial_area::-webkit-scrollbar-track {
		border-radius: 10px!important;
		background: transparent!important;
		margin-bottom: 40px!important;
		margin-top: 60px!important;
	}
	#wa_insterstitial_area::-webkit-scrollbar-thumb {
		border-radius: 8px!important;
		background-color: rgb(81, 95, 162)!important;    /* color of the scroll thumb */
		border: 2px solid #FFFFFF!important  /* creates padding around scroll thumb */
	}	
	#wa_insterstitial_closebutton {
		cursor: pointer;
		color: #FFFFFF;
		height: 60px;
		width:60px;
		border-radius: 50%;
		background: transparent;
		font-size: 35px;
		font-family: 'Open Sans', sans-serif;
		position: absolute;
		right: 50%;
		bottom: 2%;
		z-index: 99999;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 200;
	}
	.wa_footnote {
		padding: 0 10px 0 10px; 
		text-align:justify;
		font-size: 14px;
	}
	@media screen and (max-width:991px){
		#wa_insterstitial_area {
			max-height: 85%;
			width: 98%;
		}
		#wa_insterstitial_closebutton {
			height: 30px;
			width: 30px;
			font-size: 25px;
		}
		.wa_footnote {
			padding: 0 5px 0 5px; 
			font-size: 11px;
		}
	}
/* 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 .4s!important;
		-moz-transition: color .4s!important;
		-o-transition: color .4s!important;
		transition: color .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;
	}