/* Author: Venkatasuneel - External Conversational AI Technical Expert - Update 2025-03-17 */

/* Fonts */
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&display=swap");
@font-face {
  font-family: 'Gotham-Bold';
  font-display: swap;
  src: url(/dam/jcr:650c98bc-2122-4c67-b3af-3419c55bbf8b/Gotham-Bold.woff2) format('woff2');
}
@font-face {
	font-family: 'Gotham-Medium';
  font-display: swap;
  src: url(/dam/jcr:deb2ce5a-f961-4bd7-a48b-3bc8bc47a682/Gotham-Medium.woff2) format('woff2');
}
@font-face {
  font-family: 'Gotham-Book';
  font-display: swap;
  src: url(/dam/jcr:50a7d012-54fa-4eae-a495-fa5c21e4f770/Gotham-Book.woff2) format('woff2');
}
@font-face {
	font-family: 'open-arrow';
	src: url('/dam/jcr:5cad02ab-01c6-46dd-b168-637d3f29ac6b/OpenArrow-Regular.eot') format('embedded-opentype'),
		 url('/dam/jcr:2f0177ab-6985-449b-b3fe-ad5201de2a81/OpenArrow-Regular.woff2') format('woff2'),
		 url('/dam/jcr:e3ac2d1b-cfa9-4c14-8222-8afb6b347c09/OpenArrow-Regular.woff') format('woff'),
		 url('/dam/jcr:8e55eb08-a534-4f5d-a4e0-524ea2951f5d/OpenArrow-Regular.otf') format('opentype'),
		 url('/dam/jcr:a598b7d9-f853-4607-93b0-5e8d4218ef2b/OpenArrow-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	unicode-range: U+2190-21ff;
}
@font-face {
    font-family: 'DIN Next W01';
    src: url(/dam/jcr:07870125-1a72-42b5-8cbb-23ef72d9f12e/DIN_Next_W01.woff2) format("woff2");
    font-display: swap
}
@font-face {
  font-family: sanofi_light;
  src: url(/dam/jcr:831e9fc0-643c-428a-9875-c7d7ded33fca/Sanofi_Sans-Light.woff2);
}
@font-face {
  font-family: sanofi;
  src: url(/dam/jcr:5d538306-1dca-4f7c-8152-866c4dd8a58b/Sanofi_Sans-Regular.woff2);
}
@font-face {
  font-family: "wa_Opensans-Regular";
  src: url(/dam/jcr:08ee96b6-f919-4a01-8c8a-7a52fa41a393/OpenSans-Regular.ttf);
}



@font-face {
  font-family: 'Inter-Regular';
  font-display: swap;
  src: url(/dam/jcr:43fddbc8-acb9-43e5-8d52-5b3cad2de711/Inter-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter-Bold';
  font-display: swap;
  src: url(/dam/jcr:038ad515-47fe-4cf0-ba43-6151de4a9961/Inter-Bold.woff2) format('woff2');
}

/* WATSON ASSISTANT CHATBOT - CUSTOMIZATION */
/* ------------------------------------------------------------------------------*/
/* CHATBOT LAUNCHER */
/* - Container */
	body #WACContainer.WACContainer .WACLauncher__ButtonContainer {
		box-shadow: none !important;
		border-radius: 8px 0px 0px 8px !important;
		background: #C0D3E7 !important;
		top: 45% !important;
		right: -10px !important;
		height: 80px !important;
		z-index: 99989 !important;
	}
/* - Custom Button */
	body #WACContainer.WACContainer .WACLauncher__ButtonContainer button.WACLauncher__Button {
		width: 80px;
		height: 80px;
		top: -2px !important;
		background-color: transparent !important;
		background: url(/dam/jcr:e9b8d4aa-3e88-483c-8bce-98e2c10b199d/button.png) no-repeat 37% 56% !important;
		background-size: auto 70% !important;
		border: 1px solid #17325d;
		outline: 0;
		box-shadow: 3px 3px 5px 2px rgba(0, 0, 0, 0.5) !important;
		border-radius: 8px 0px 0px 8px !important;
	}
/* - Remove Default IBM Button */
	#WACContainer.WACContainer .WACLauncher__ButtonContainer button.WACLauncher__Button svg {
		display: none;
	}
	@media screen and (max-width: 600px) {
		body #WACContainer.WACContainer .WACLauncher__ButtonContainer button.WACLauncher__Button {
			height: 50px !important;
			width: 50px !important;
			background: url(/dam/jcr:e9b8d4aa-3e88-483c-8bce-98e2c10b199d/button.png) no-repeat 50% 56% !important;
			background-size: auto 70% !important;
		}
		body #WACContainer.WACContainer .WACLauncher__ButtonContainer {
			height: 50px !important;
			width: 50px!important;
			top: 65% !important;
			right: -4px !important;
		}
}
/* CHATBOT WIDGET GENERAL SETTINGS*/
	/* - Shadow around chatbot */
		#WACContainer.WACContainer .WACWidget.WACWidget {
			box-shadow: 0 0 10px 2px 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: #C0D3E7!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 {
		}
	/* - Header */
		#WACContainer.WACContainer .WACHeader__Container .WACHeader {
			background: transparent !important;
			color: #17325D !important;
			border-bottom: 0px solid #000000 !important;
			height: 73px !important;
		}
	/* - Header Title */
		#WACContainer.WACContainer .WACHeader__Container .WACHeader__Name {
			color: #17325D!important;
			font-family: Gotham-Medium, sans-serif!important;
			font-weight: 600!important;
			padding-left: 0px!important;
			padding-top: 5px!important;
		}
		#WACContainer.WACContainer .WACHeader__CenterContainer .WACAutoFontSize--0 {
			font-size: 18px !important;
			margin-top: -5px!important;
			margin-left: 8px!important;
		}
	/* - Header Logo */
		#WACContainer.WACContainer .WACHeader__Container .WACHeader__Name:before {
			content: url(/dam/jcr:f36caaf8-a005-41e9-8024-cdaaa0be5c17/persona.png) !important;
			width: 100px !important;
			top: 2px !important;
			left: 0px !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:focus,
		#WACContainer.WACContainer button.WAC__button--ghost:focus {
			outline:none !important;
			outline-width: 0 !important;
			box-shadow: none!important;
			-moz-box-shadow: none!important;
			-webkit-box-shadow: none!important;
		}
		#WACContainer.WACContainer .WACHeader__Container .WACHeader__RightButtons svg {
		  fill: #ffffff !important;
		  background-color: #17325D  !important;
		  height: 30px !important;
		  width: 30px !important;
		  border-radius: 10px !important;
		}
		#WACContainer.WACContainer .WACHeader__Container .WACHeader__RightButtons svg:hover {
		  background-color: #17325D  !important;
		}
		#WACContainer.WACContainer button.WAC__button--ghost:enabled:hover {
		  background: transparent !important;
		}
		@media screen and (min-width: 1000px) {
			#WACContainer.WACContainer .WACHeader__Container .WACHeader__Name:before {
				content: url(/dam/jcr:f36caaf8-a005-41e9-8024-cdaaa0be5c17/persona.png) !important;
				width: 100px !important;
				top: 2px !important;
				left: 0px !important;
				position: absolute !important;
			}
			#WACContainer.WACContainer .WACHeader__CenterContainer .WACAutoFontSize--0 {
				font-size: 20px !important;
				margin-top: -2px!important;
				margin-left: -60px!important;
			}
		#WACContainer.WACContainer .WACHeader__Container .WACHeader__Name {
			padding-left: 40px!important;

		}}
/* CHATBOT MESSAGE CONTAINER */
	/* - Conversation Area */
		#WACContainer.WACContainer .WACMessagesContainer__NonInputContainer {
		  background-color: #ffffff !important;
		  border: 1px solid #8c99a7 !important;
		  border-radius: 0px 0px 8px 8px!important;
		  margin: 3px!important;
		}
	/* Style waiting & loading ball */
		#WACContainer.WACContainer .WAC__loading-ball {
		  background-color: #17325D!important;
		}
/* CHATBOT BOT MESSAGE */
	/* Style Message video */
		#WACContainer.WACContainer .WAC__received--video {
			border: 1px solid #17325D !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: sanofi!important;
			font-size: 16px!important;
			font-style: normal!important;
			font-weight: 400!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 #17325D !important;
			background: #fff !important;
			color: #000000 !important;
			border-radius: 0px 12px 12px 12px !important;
			margin-bottom: 10px !important;
			text-align: left !important;
			font-family: sanofi!important;
			font-size: 16px!important;
			font-style: normal!important;
			font-weight: 400!important;
			width: 100% !important;
		}
		.WAC .WAC__messagesAndInputContainer .WAC__received--inner {
			padding: 0px !important;
		}
		#WACContainer.WACContainer .ibm-web-chat--default-styles p.WACWidget__MarkdownP {
			font-family: sanofi!important;
			font-size: 16px!important;
			font-style: normal!important;
			font-weight: 400!important;
			letter-spacing: normal!important;
			width: 100% !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: #C0D3E7 !important;
			color: #17325D !important;
			border-radius: 16px!important;
			font-size: 15px !important;
			min-height: 35px !important;
			margin: 5px 0px !important;
			width: 90% !important;
			text-align: center !important;
			font-family: 'sanofi'!important;
			font-weight: 600!important;
			box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.25) !important;
		}
	/* Buttons - Style - Mouse Hover */
		#WACContainer.WACContainer .WAC__button-holder ul li button:enabled:hover {
			background: #DF3500 !important;
			color: #ffffff !important;
			border-radius: 16px !important;
		}
/* CHATBOT USER MESSAGE */
	/* Remove default IBM Vertical Margins for all user messages */
		#WACContainer.WACContainer .WAC .WAC__messagesAndInputContainer .WAC__sent {
			margin-bottom: 0px !important;
			margin-top: 0px !important;
		}
	/* User Message - Single - Text - Style */
		#WACContainer.WACContainer .WAC .WAC__messagesAndInputContainer .WAC__sent {
			background: #939598 !important;
			color: white !important;
			border: 1px solid #939598 !important;
			font-family: sanofi_light,'open-arrow', Arial, Helvetica, sans-serif!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 */
		#WACContainer.WACContainer .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;
		}
		@media screen and (min-width: 1000px) {
		  #WACContainer.WACContainer .WACWidget.WACWidget {
			box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.5) !important;
			border: 0px #0b3c61 solid !important;
			width: 500px !important;
		  }
		  #WACContainer.WACContainer .WAC__button-holder ul li {
			margin: 0 0 0 10px !important;
			padding: 0;
		  }
		  #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;
			max-width: 400px!important;
		  }
		}
	/* CHATBOT FOOTER */
		.wa_footer_area {
			color: #FFFFFF !important;
			height: 30px !important;
			text-align: center !important;
			padding-top: 0px !important;
			font-family: Inter-Regular!important;
			margin-bottom: 2px!important;
		}
		.wa_footer_button {
			height: 30px!important;
			width: 30px!important;
			cursor: pointer;
		}
		@media screen and (min-width: 1000px) {
			.wa_footer_area {
			  color: #FFFFFF !important;
			  height: 40px !important;
			  text-align: center !important;
			  padding-top: 0px !important;
			  font-family: Inter-Regular!important;
			  margin-bottom: 2px!important;
			}
			.wa_footer_button {
			height: 40px!important;
			width: 40px!important;
			cursor: pointer;
			}
		}
	/* CHATBOT LAUNCHER TAG-TEXT ON TOP OF BUTTON */
	/* AREA */
		.chatbot-talk-bubble {
			display: inline-block;
			position: fixed;
			width: 77px;
			top: 45%;
			right: 60px;
			background-color: #C0D3E7;
			color: #17325d;
			z-index: 9999;
			border-radius: 8px;
			height: 74px;
			margin-top: 3px !important;
		}
		.chatbot-talktext {
			text-align: left;
			line-height: 1.2em;
			padding-top: 18px;
			padding-left: 14px;
		}
		.chatbot-talktexth3 {
			color: #17325d;
			font-family: 'DIN Next W01' !important;
			font-size: 18px;
			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: transparent transparent 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: transparent transparent transparent transparent;
		}
	@media screen and (max-width: 600px) {
	  .chatbot-talk-bubble {
		height: 43px;
		width: 77px;
		right: 20px;
			top: 65%;		
	  }
	  .chatbot-talktexth3 {
		font-size: 15px;
		line-height: 15px;
		font-weight: 600;
	  }
	.chatbot-talktext {
		text-align: left;
		padding-top: 5px;
		padding-left: 10px;
	}	  
	  .chatbot-talktexth3 p {
	  }
	}
/* CHATBOT CUSTOM PANEL SETTINGS */	
		#WACContainer.WACContainer .WACCustomPanel__HostElement {
			height: auto!important;
			width: 100%;
		}
	/* Header */
		#WACContainer.WACContainer .WACCustomPanel .WACHeader {
			background:#c0d3e7 !important;
			color: #17325D !important;
			font-family: 'DIN Next W01'!important;
			font-weight: 600!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 .WACHeader__CenterContainer .WACAutoFontSize--1 {
			font-size: 16px!important;
		}	
		#WACContainer.WACContainer .WACCustomPanel a.WAC__button--ghost:focus, 
		#WACContainer.WACContainer .WACCustomPanel button.WAC__button--ghost:focus {
			box-shadow: none!important;
		}
		#WACContainer.WACContainer .WACCustomPanel__ContentContainer {
			background-color: #ffffff!important;
		}
		#WACContainer.WACContainer .WACCustomPanel p {
			font-size: 15px!important;
			line-height: 1.4!important;
		}
		#WACContainer.WACContainer .WACCustomPanel__ContentContainer {
			padding: 20px!important;
			text-align: justify!important;
		}
		#WACContainer.WACContainer .WACCustomPanel .WACIcon__Logout--reverse {
			width: 40px!important;
		}
		#WACContainer.WACContainer .WACCustomPanel .WACHeader__CloseButton {
			display: none!important;
		}	
		#WACContainer.WACContainer .WACCustomPanel .WACHeader__RightButtons {
			display: none!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: fixed;
		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: 90%;	
		padding-top: 10px;
		padding: 10px;
	}
	#wa_insterstitial_image {	
		max-width:100%;
		border: 1px solid #ced0d3;
	}
	#wa_insterstitial_content {	
		text-align: center;
	}	
	
	/* 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: 'wa_Opensans-Regular';
		position: absolute;
		right: 50%;
		bottom: 10px;
		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: 92%;
		}
		#wa_insterstitial_closebutton {
			height: 30px;
			width: 30px;
			font-size: 25px;
		}
		.wa_footnote {
			padding: 0 5px 0 5px; 
			font-size: 11px;
		}
	}		
/* CHATBOT CONVERSATION SPECIFIC STYLES
	/* specific style for question number */
	#WACContainer.WACContainer HQ {
		color: #000000!important;
		font-weight: 600;
	}
	/* specific style for question text*/
	#WACContainer.WACContainer HQT {
		color: #404040!important;
	}
	/* specific style for quizz correct answer */
	#WACContainer.WACContainer HQTC {
		color: #4cc566!important;
		font-weight: bold;
	}
	/* specific style for quizz wrong answer */
	#WACContainer.WACContainer HQTW {
		color: #58595b!important;
		font-weight: bold;
	}