/* Author: R. Garandel - External Conversational AI - Update 2023-06 */ 
/* Fonts */
@font-face {
  font-family: "wa_LexendDeca-Regular";
  src: url(fonts/LexendDeca-Regular.ttf);
}
@font-face {
  font-family: "wa_LexendDeca-Light";
  src: url(fonts/LexendDeca-Light.ttf);
}
@font-face {
  font-family: "wa_Opensans-Regular";
  src: url(fonts/OpenSans-Regular.ttf);
}
/* WATSON ASSISTANT CHATBOT - CUSTOMIZATION */
/* ------------------------------------------------------------------------------*/
/* CHATBOT LAUNCHER */
	/* - Container */
		body #WACContainer.WACContainer .WACLauncher__ButtonContainer {
			box-shadow: none!important;
			border-radius: 90px!important;
			background-color: #2a343e!important;
			border: 2px solid #2a003e!important;
			bottom: 32px!important;
			right: 32px!important;
			z-index: 99989!important;
		}
	/* - Custom Button */
		body #WACContainer.WACContainer .WACLauncher__ButtonContainer button.WACLauncher__Button {
			width: 90px!important;
			height: 90px!important;
			background-color: transparent!important;
			background: url('img/persona.svg') no-repeat 50% 50% !important;
			background-size: auto 100% !important;
			background-position-y: 5px!important;
			border: 0;
			outline: 0;
			box-shadow: 0 0 20px 5px rgba(0,0,0,0.5)!important;
			border-radius: 90px!important;
		}
		@media screen and (max-width:600px){
				body #WACContainer.WACContainer .WACLauncher__ButtonContainer button.WACLauncher__Button,
				body #WACContainer.WACContainer .WACLauncher__ButtonContainer {
					height: 80px!important;
					width: 80px!important;
				}
				body #WACContainer.WACContainer .WACLauncher__ButtonContainer button.WACLauncher__Button {
					background-size: auto 90% !important;				
				}
				body #WACContainer.WACContainer .WACLauncher__ButtonContainer {
					bottom: 22px!important;
					right: 22px!important;
					overflow: hidden!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: #533A7A!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(#533A7A, #835CC2)!important;
		}
	/* - Header */ 
		#WACContainer.WACContainer .WACHeader__Container .WACHeader {			
			background: transparent!important;
			color: #FFFFFF!important;
			border-bottom: 20px solid #533A7A!important;
			min-height: 81px!important;
		}
	/* - Header Don't display Header Title */	
		#WACContainer.WACContainer .WACHeader__Container .WACHeader__Name {
			color: transparent!important;
		}
	/* - Header Logo */
		#WACContainer.WACContainer .WACHeader__Container .WACHeader__Name:before {
			content:url(img/headerlogo.png)!important;
			width: 85px!important;
			height: 85px!important;
			top: 4px!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: #FFFFFF!important;
			background-color: #533A7A!important;
			height: 30px!important;
			width: 30px!important;
			border-radius: 30px!important;
		}
		#WACContainer.WACContainer .WACHeader__Container .WACHeader__RightButtons svg:hover {
			background-color: #835CC2!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 #533A7A!important;
			border-radius: 8px!important;
		}
	/* Style waiting & loading ball */
		#WACContainer.WACContainer .WAC__loading-ball {
			background-color: #533A7A!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: 'wa_LexendDeca-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: left!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: #FFFFFF!important; 
			color: #784BA6!important;
			border-radius: 16px!important;
			border: 2px solid #784BA6!important;
			font-size: 13px!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: 'wa_LexendDeca-Light'!important;
		}		
		/* Buttons - Style - Mouse Hover */
		#WACContainer.WACContainer .WAC__button-holder ul li button:enabled:hover {
			background: #784BA6!important;
			color: #ffffff!important;
			border-radius: 16px!important;
			border: 2px solid #784BA6!important;
			font-weight: 600!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: #939598!important;
			color: white!important;
			border: 1px solid #939598!important;
			font-family: 'wa_LexendDeca-Light'!important;
			font-size: 14px!important;
			padding: .4rem .8rem .4rem .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;
	}
/* CHATBOT CUSTOM PANEL SETTINGS */	
	/* Header */
		#WACContainer.WACContainer .WACCustomPanel .WACHeader {
			background: linear-gradient(#533A7A, #835CC2)!important;
			color: white!important;
			font-family: 'wa_LexendDeca-Light'!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;
		}
/* 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: 140px;
			right: 32px;
			background-color: #2A343F;
			color: #FFFFFF;
			z-index: 9999;
			padding: 7px;
			border-radius: 8px;
			font-family: 'wa_LexendDeca-Light'!important;
			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: 'wa_LexendDeca-Light'!important;
			font-size: 14px;
			font-weight: 300;
			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: #2A343F #2A343F 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: #2A343F #2A343F transparent transparent;
		}
		
		@media screen and (max-width:600px){
			.chatbot-talk-bubble {
				width: 184px!important;
				bottom: 110px!important;
				right: 23px!important;
				padding: 0px!important;
				height:	71px!important;
			}	
			.chatbot-talktexth3 {
				font-size: 12px!important;
				line-height: 20px!important;
			}
			
			.chatbot-talktexth3 p {
				font-size: 12px!important;
				line-height: 20px!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%;
			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;
		}
	}
/* 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;
	}