iframe#launcher {
	display: none;
}

#webchat {
	.webchat__basic-transcript {
		max-height: 360px;
		border-radius: .75rem;
	}

	section {
		background: #FFF !important;
		box-shadow: none !important;
		margin: 0 !important;
	}

	.webchat__send-box__main {
		border-radius: .75rem !important;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 1rem;
		padding: 1.5rem;
	}

	input.webchat__send-box-text-box__input {
		border: solid #2a4d87;
		box-shadow: none;
		padding: 1rem;
		background: #EEE;
		margin: 0;
		border-radius: 0.75rem;
	}

	&>div>div[role="complementary"] {
		background: transparent;
	}

	input:hover {
		text-decoration: none !important;
	}

	.webchat__bubble__content {
		border-radius: 0.75rem;
	}

	.webchat__bubble.webchat__bubble--from-user .webchat__bubble__content {
		background: #2a4d87;
		border: none;
		color: #FFF;

		a {
			color: #FFF;
		}
	}

	&.homechat {
background: #f4f4f4;
        border-radius: 0.75rem;
        padding: 1rem;
        position: absolute;
        top: 6rem;
        bottom: 20px;
        left: 2rem;
        right: 2rem;
        z-index: 20;
		// -webkit-box-shadow: 0px 0px 0px 10px rgba(191, 203, 216, 0.2);
		// -moz-box-shadow: 0px 0px 0px 10px rgba(191, 203, 216, 0.2);
		// box-shadow: 0px 0px 0px 10px rgba(191, 203, 216, 0.2);


	}

	.webchat__icon-button {
		background: #2a4d87 !important;
		border-radius: .75rem;
		padding: .5rem !important;
		width: 55px !important;
		height: 55px !important;
		margin-left: 1rem;

		svg {
			fill: #FFF;
		}
	}

	.webchat__send-box-text-box {
		padding: 0;
	}

	.webchat__send-box__main {
		border-top: none !important;
	}

	&.floatchat {
		display: none;
		position: fixed;
		bottom: 1rem;
		right: 1rem;
		max-width: 360px;
		background: #FFF;
		border-radius: 0.75rem;
		padding: .5rem;
		box-shadow: 0px 0px 0px 10px rgba(191, 203, 216, 0.2);

		p {
			font-size: .9rem;
			line-height: 1.2rem;
		}

		.webchat__send-box__main {
			padding: .5rem;
		}

		.webchat__icon-button {
			display: none;
		}

		.webchat__send-box__main {
			margin-top: 0;
		}

		#floatchat-header {
			background: #2a4d87;
			border: solid 1px #FFF;
			color: #FFF;
			padding: .75rem;
			text-align: center;
			border-radius: .75rem .75rem 0 0;
			margin: -.5rem -.5rem .5rem -.5rem;
			font-weight: bold;

			#floatchat-close {
				position: absolute;
				right: 0.5rem;
				width: 2rem;
				overflow: hidden;
				height: 2rem;
				font-size: 1.5rem;
				top: .5rem;
				cursor: pointer;
			}
		}
	}
}

#webchat.homechat {
	background: #f4f4f4;
	/* border-radius: 0.75rem; */
	border-radius: 0;
	padding: 1rem;
	position: absolute;
	top: 6rem;
	bottom: 20px;
	left: 2rem;
	right: 2rem;
	z-index: 20;
	// -webkit-box-shadow: 0px 0px 0px 10px rgba(191, 203, 216, 0.2);
	// -moz-box-shadow: 0px 0px 0px 10px rgba(191, 203, 216, 0.2);
	// box-shadow: 0px 0px 0px 10px rgba(191, 203, 216, 0.2);


}

//Floating Chat Button
#floatchat-btn {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	height: 6rem;
	width: 6rem;
	background: #eaba0b;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: 6rem;
	padding: .5rem;
	font-size: .85rem;
	border: solid 3px #FFF;
	font-weight: bold;
	text-align: center;
	color: #2a4d87;
	cursor: pointer;

	span {
		color: #2a4d87;
		font-size: 2rem;
	}
}

.webchat__icon-button:not(:disabled):not([aria-disabled="true"]):not(:active):hover .webchat__icon-button__shade {
	background-color: rgba(243, 242, 241, .1) !important;
	cursor: pointer;
}

.ac-textBlock {
	font-size: 16px !important;
}

.ac-container {
	justify-content: center !important;
}

.layer-content {
	display: none;
}

img.chat-logo {
	/*border-radius: 5rem;*/
	/*max-height: 3rem;*/
	height: 54px;
	padding: 0 !important;
}

.ai-response-container,
.layer-content-greeting-message-container {
	display: flex;
}

.ai-response, .ai-response p, 
div.layer-content-greeting-message {
	font-size: 18px;
}

.ai-response h3 {
	font-size: 1.4rem;
}

.ai-response a {
	transition: all, 0.15s;
	/* color: var(--themeRed); */
	text-decoration: underline;
	font-size: 18px;
	word-wrap: break-word;
	/*&:hover {
		color: #002D5A;
		text-decoration: underline;
	}*/
}

.ai-response li {
	word-wrap: break-word;	
}

.ai-response,
div.layer-content-greeting-message {
	display: flex;
	flex-direction: column;
	margin-left: 1rem;
	//border: solid 1px #CCC;
	background-color: #F0F0F0;
	padding: 1rem;
	border-radius: .5rem;
	/*max-width: 70%;*/
	max-width: 84%;
	position: relative;
	
}

.response>div:not(.layer-content-greeting-message-container) .aiResponse {
	margin-bottom: 2rem;
	margin-left: 0.5rem;
}

.response>div:not(.layer-content-greeting-message-container) .aiResponse .ai-response-layout {
	width: 94%;
}

 

.ai-request .userText {
	/*background: #0E69DD;*/
	background-color: var(--navyBlue);
	display: inline-block;
	color: #FFF;
	padding: .5rem;
	border-radius: .5rem;
}

.ai-request {
	display: flex;
	justify-content: flex-end;
}

.feedback-icons span {
	padding: 0 .25rem;
	color: #777;
}

.feedback-icons {
	order: 2;
	align-self: flex-end;
	max-width: 1rem;
	position: absolute;
	right: -1.5rem;
	bottom: 0.5rem;
}

.chat-widget.custom .input-area {
    position: absolute;
    bottom: 44px !important;
    width: 98%;
	padding: 0;
	margin-left: 27px;
}

span.thumbsup {
	bottom: 0.15rem;
	display: inline-block;
	position: relative;
	cursor: pointer;
	opacity: .25;

	&:hover {
		opacity: 1;
	}
}

span.thumbsdown {
	display: inline-block;
	top: 0.15rem;
	position: relative;
	cursor: pointer;
	opacity: .25;

	&:hover {
		opacity: 1;
	}
}

span.thumbsup.clicked {
	color: green;
	opacity: 1;
}

span.thumbsdown.clicked {
	color: red;
	opacity: 1;
}

.widget-body .response {
	/*max-height: calc(100vh - 32rem);*/
	/* max-height: calc(100vh - 28rem); */
	/* height: calc(100dvh - 3rem); */
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
	background: transparent;
	border-radius: .5rem;
	/* padding: 1rem; */
	margin-bottom: 1rem;
	min-height: 15rem;
	padding-right: 1rem;
}

 
#live_chat .widget-body .response {
	/*max-height: calc(100vh - 32rem);*/
	/* max-height: calc(100vh - 28rem); */
	max-height: calc(-206px + 100dvh);
	height: calc(-206px + 100dvh);;
	overflow: auto;
	background: transparent;
	border-radius: .5rem;
	padding: 1rem;
	margin-bottom: 1rem;
	min-height: 15rem;
	overflow-x: hidden;
}

.zen-btn {
	display: none;
}

.input-area {
	background: transparent;
	border-radius: .5rem;
	padding: 1rem;

	.customer-footer {
		text-align: center;
		margin-top: 0.5rem;
	}
}

.request-sender textarea {
	/* border: solid 3px #2a4d87; */
	border: none;
	box-shadow: none;
	border-radius: .5rem;
	padding: 1rem;
	flex: 1 auto;
	margin: 0 22px 0 0;
	height: auto !important;
}

@include breakpoint(small down) {
	.request-sender textarea {
		margin: 0 .5rem 0 0;
		padding: .5rem;
	}
}

.request-sender button.send-icon {
	/*background: #C2510A;*/
	background-color: var(--themeGreen);
	color: #FFF;
	cursor: pointer;
	padding: 0 1.5rem;
	border-radius: .5rem;
	font-size: 1.5rem;
	transition: all, 0.25s;

	/*&:hover {
		color: #002D5A;
		background: lighten(#C2510A, 5%);
	}*/
}

@include breakpoint(small down) {
	.request-sender button.send-icon {
		padding: 0 .5rem;
	}
}

.request-sender {
	display: flex;
}

@include breakpoint(small down) {
	img.chat-logo {
		max-height: 2rem;
	}

	.ai-response,
	p.layer-content-greeting-message,
	.ai-request .userText {
		padding: .5rem;
		font-size: .85rem;
	}

	.request-sender textarea {
		font-size: 16px;
		height: 3rem !important;
	}

	.widget-body .response {
		padding: .5rem;
	}

	.ai-response,
	p.layer-content-greeting-message {
		margin-left: .5rem;
		max-width: 80%;
	}
}


/* VOICE SEARCH */

@keyframes pulse-icon {
	0% {
		color: #2a4d87;
		/* Start color */
	}

	70% {
		color: #ffb656;
		/* Midpoint color */
	}

	100% {
		color: #2a4d87;
		/* End color */
	}
}

@keyframes pulse-icon-scale {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

#aiOverlay #aiDialogTop h2 {
	display: flex;
}

#aiOverlay #aiDialogTop span.shield-sparkles {
	background-image: url(/themes/bootstrap-8.x-3.0-rc2/bootstrap/css/images/ai_shield_sparkles.png);
    background-size: 45px 45px;
    height: 45px;
    width: 45px;
	margin-left: 0.5rem;
}

#webchat .request-sender .button_ai-voice-search {
	background: transparent;
	color: #2a4d87;
	padding: 0;
	margin: 0 1rem 0 0;
	font-size: 1.5rem;
	cursor: pointer;
	transition: all, 0.25s;
	border:0;

	&:hover {
		color: var(--navyBlue);
	}

	i.listening {
		animation: pulse-icon-scale 1s infinite;
	}

	i.listening:before {
		color: #ffb656;
		animation: pulse-icon 1s infinite;
	}
}

@include breakpoint(small down) {
	#webchat .request-sender .button_ai-voice-search {
		background: #ffffff;
		color: #2a4d87;
		padding: 0;
		margin: 0 .5rem 0 0;
		font-size: 1.5rem;
	}
}

#aiOverlay {
	position: fixed;
	z-index: 9998; //make sure menu and header are above
	top: 64px; //default value
	width: calc(100vw - 4rem);
	//height: calc(100vh - 4.5rem);
	height: calc(100dvh - 104px);
	/*background: rgba(0, 20, 41, 0.75);*/
	background: rgba(7, 82, 112, 90%);
	backdrop-filter: blur(10px);
	border-radius: 20px;
	padding: 2rem;
	margin: 2rem;
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease;
	min-height: 473px;
	// Add any other styling you need for the overlay

	@include breakpoint(medium down) {
		flex-flow: column-reverse;
		top: 6rem;
		height: calc(100vh - 6rem);
	}

	@include breakpoint(small down) {
		padding: 0;
		margin: 0;
		width: 100%;
		border-radius: 0;
	}

	#aiHistory {
		padding: 2rem;
		background: #EEE;
		border-radius: 10px;
		flex: 0 25%;
		overflow: auto;

		@include breakpoint(medium down) {
			padding: .5rem 1rem;
			flex: 0 105px;
			display: flex;
			justify-content: space-around;
			align-items: center;
			overflow: auto;
			min-height: 105px;

			h2 {
				min-width: 110px;
				margin-bottom: 0;
			}

			#aiHistoryList {
				white-space: nowrap;
				display: block !important;
				transform: rotate(180deg);

				.history-item {
					display: inline-block !important;
					margin-left: 1rem;
					transform: rotate(180deg);
				}

				.history-empty {
					transform: rotate(180deg);
					width: 180px;
					white-space: normal;
					margin-bottom: 0 !important;
				}
			}

			#aiHistoryClear {
				width: 90px;
				margin-bottom: 0;
				line-height: 1.3;

				span {
					margin-bottom: 0.25rem
				}
			}
		}

		@include breakpoint(small down) {
			display: none;
		}

		h2 {
			font-size: 1.1rem;
			font-weight: bold;
			color: #001429;

			@include breakpoint(small down) {
				margin-left: 1rem;
			}
		}

		#aiHistoryList {
			margin: 0;
			display: flex;
			flex-direction: column-reverse;

			.history-empty {
				list-style: none;
				font-size: .85rem;
				padding: .75rem 1rem;
				line-height: 1rem;
				display: block;
				font-weight: bold;
				color: #555;
				border: solid 1px #DDD;
				border-radius: .75rem;
				margin-bottom: .5rem;
			}

			.history-item {
				list-style: none;
				font-size: .85rem;
				padding: .75rem 1rem;
				cursor: pointer;
				line-height: 1rem;
				display: block;
				font-weight: bold;
				color: #555;
				border: solid 1px #DDD;
				border-radius: .75rem;
				margin-bottom: .5rem;
				transition: all, 0.25s;

				&:hover {
					background: #DDD;
					border-radius: .75rem;
				}

				.history-text {
					display: block;
				}

				.history-time {
					display: block;
					margin-top: .5rem;
					font-style: italic;
					font-weight: normal;
					font-size: .75rem;
				}
			}
		}

		#aiHistoryClear {
			border-radius: 10px;
			width: 100%;
		}
	}

	#aiDialog {
		padding: 0;
		flex: 1;
		overflow: hidden;

		@include breakpoint(medium down) {
			padding: 0;
			flex: 1 auto;
			display: flex;
			flex-direction: column;
			margin-bottom: 1rem;

			#webchat.homechat {
				flex: 1 auto;
				display: flex;
				flex-direction: column;
				height: 80%;

				&>a {
					left: auto !important;
					transform: none !important;
				}
			}

			#ai-chatbot-start {
				height: calc(100% - 53px);
				/* zoom:.8; */
			}

			.chat-btn-layout.custom,
			.chat-widget.custom {
				height: 100%;
			}

			.widget-body {
				height: calc(100% - 106px);
				margin-bottom: 1rem;
			}

			.widget-body .response {
				max-height: 100%;
				min-height: 0;
			}
		}
		
		#aiLinks {
			/* margin-top: 2rem;
			font-size: .8rem; */
			font-size: 12px;
			font-style: italic;
			/*text-decoration: underline;*/
			/* position: relative;
			margin: 2rem 0 0.5rem 0; */
			display: flex;
			justify-content: space-between;
			@include breakpoint(medium down) {
				margin-top: 4rem;
			}
		}
		
		#aiLinks {
			position: fixed!important;
			/* display: flex; */
			bottom: 2rem;
			/* left: 1rem; */
			left: 3rem;
			right: 3rem;
			margin-top: 0;
			margin-right: 1rem;
			-webkit-transform: translateZ(0); /* Forces Safari hardware acceleration */
			transform: translateZ(0);
		}
		


		@include breakpoint(small down) {
			min-height: 20rem;
			padding: 1rem 1rem 0;

			.widget-body {
				height: calc(100% - 70px);
				margin-bottom: 1rem;
			}

			#webchat.homechat {
				padding: .5rem;

				.input-area {
					padding: .5rem;
				}
			}

			#aiLinks {
				/* padding: 0 0.75rem; */
			}
		}

		#aiDialogTop {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 0 0 1rem;

			@include breakpoint(medium down) {
				margin-bottom: 0.5rem;
			}

			h2 {
				color: #FFF;
				font-size: 2rem;
				flex: 1 auto;

				@include breakpoint(small down) {
					font-size: 1.5rem;
				}
			}

			#aiOverlayDisclaimer {
				color: #FFF;
				text-decoration: underline;
				font-size: 12px;
				font-weight: bold;
				margin-right: 1rem;
			}

			#aiOverlayClose {
				color: #FFF;
				font-size: 1.2rem;
				cursor: pointer;
				background-color:unset;
				border:0;
			}
		}
	}
	
	#live_chat #aiOverlay #aiLinks {
		bottom: 1rem !important;
	}

	// Loading Spinner
	.analysis-wrapper .summary-container .spinner-container {
		display: grid;
		min-height: 100px;
		place-items: center
	}

	.analysis-wrapper .summary-container .spinner-container .loading-spinner {
		margin-top: -36px
	}

	.widget-body .response .message-overflow .ai-response-spinner {
		border-radius: 10px;
		margin-left: 10px;
		padding: 10px
	}

	.widget-body .response .message-overflow .ai-response-spinner:not(:empty) {
		border: 1px solid #ddd;
		border: 1px solid var(--border-grey-color);
		width: 50px
	}

	.widget-body .response .message-overflow .ai-response-spinner.default-spinner {
		align-items: center;
		display: flex;
		gap: 15px;
		justify-content: center;
		width: 90%
	}

	.widget-body .response .message-overflow .ai-response-spinner.default-spinner:not(:empty) {
		border: 0
	}

	.input-area .audio-recorder .spinner-container,
	.input-area .azure-live-speech-to-text .spinner-container {
		margin-right: 10px
	}

	.loading-spinner {
		animation: spin 1.5s linear infinite;
		border: 4px solid #f3f3f3;
		border-radius: 50%;
		border-top-color: #383636;
		height: 40px;
		width: 40px
	}

	@keyframes spin {
		0% {
			transform: rotate(0deg)
		}

		to {
			transform: rotate(1turn)
		}
	}

	.spinner-overlay {
		align-items: center;
		background-color: #fdfcfccc;
		display: flex;
		height: 100%;
		inset: 0;
		justify-content: center;
		position: fixed;
		width: 100%
	}

	.donut-spinner {
		animation: spin .7s linear infinite;
		border: 2px solid #fff;
		border-radius: 50%;
		border-top-color: grey;
		border: 2px solid var(--white-color);
		border-top-color: var(--grey-color);
		height: 20px;
		margin: 10px 0;
		width: 20px
	}

	.donut-spinner.multi {
		border-bottom-color: grey;
		border-bottom-color: var(--grey-color)
	}

	.analysis-wrapper .value-report-subheader .donut-spinner-container {
		align-items: center;
		display: flex;
		gap: 20px;
		height: 250px;
		justify-content: center
	}


	.analysis-wrapper .value-report-query-wrapper .no-data-message,
	.analysis-wrapper .value-report-query-wrapper .spinner-container {
		align-items: center;
		display: flex;
		justify-content: center
	}


	.analysis-wrapper .value-report-query-container .spinner-container {
		inset: 0;
		position: absolute
	}
}

	.loading-spinner {
		animation: spin 1.5s linear infinite;
		border: 4px solid #f3f3f3;
		border-radius: 50%;
		border-top-color: #383636;
		height: 40px;
		width: 40px
	}

	@keyframes spin {
		0% {
			transform: rotate(0deg)
		}

		to {
			transform: rotate(1turn)
		}
	}

#aiDialog {
	padding: 0;
	flex: 1;
	overflow: hidden;

	@include breakpoint(medium down) {
		padding: 0;
		flex: 1 auto;
		display: flex;
		flex-direction: column;
		margin-bottom: 1rem;

		#webchat.homechat {
			flex: 1 auto;
			display: flex;
			flex-direction: column;
			height: 80%;

			&>a {
				left: auto !important;
				transform: none !important;
			}
		}

		#ai-chatbot-start {
			height: calc(100% - 53px);
			zoom:.8;
		}

		.chat-btn-layout.custom,
		.chat-widget.custom {
			height: 100%;
		}

		.widget-body {
			height: calc(100% - 106px);
			margin-bottom: 1rem;
		}

		.widget-body .response {
			max-height: 100%;
			min-height: 0;
		}
	}
}		
		
	
#aiDialogTop {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 1rem;

	@include breakpoint(medium down) {
		margin-bottom: 0.5rem;
	}
}

#aiDialogTop h2 {
	color: #FFF;
	font-size: 2rem;
	flex: 1 auto;

	@include breakpoint(small down) {
		font-size: 1.5rem;
	}
}

#aiDialogTop #aiOverlayDisclaimer {
	color: #FFF;
	text-decoration: underline;
	font-size: .75rem;
	font-weight: bold;
	margin-right: 1rem;
}

#aiDialogTop #aiOverlayClose {
	color: #FFF;
	font-size: 1.2rem;
	cursor: pointer;
	background-color:unset;
	border:0;
}

#aiLinks {
	position: fixed!important;
	/* display: flex; */
	bottom: 2rem;
	/* left: 1rem; */
	left: 3rem;
	right: 3rem;
	margin-top: 0;
	margin-right: 1rem;
}


#aiOverlay #aiLinks {
	bottom: 0;
}

	
#live_chat #aiOverlay #aiLinks {
	bottom: 1rem;
}

#aiLinks {
	/* margin-top: 2rem;
	font-size: .8rem; */
	font-size: 12px;
	font-style: normal;
	/*text-decoration: underline;*/
	/* position: relative;
	margin: 2rem 0 0.5rem 0; */
	display: flex;
	justify-content: space-between;
	@include breakpoint(medium down) {
		margin-top: 4rem;
	}
}


#aiLinks a {
	text-decoration: none !important;
	color: var(--navyBlue);
	font-size: 1rem;
}

.fa.fa-circle-user.show-for-medium, .fa.fa-magnifying-glass.show-for-medium {
	padding-right: .25rem;
}

#aiLinks a.live-chat-available {}

#aiLinks a .isLive{
	font-weight: normal;
}

#aiOverlayDisclaimer {
	color: #FFF;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	margin-right: 1rem;
}

#ai-chatbot-start #aiLinks {
	font-size: 15px!important;
}

/* Temp hacks */
#aiOverlayCloseSidebar {
	display: none;
	font-size: 1.2rem;
    cursor: pointer;
    background-color: unset;
    border: 0;
}

#live_chat #aiOverlayCloseSidebar {
	display: block;
}

#ai-chatbot-start {
	zoom:.8;
}

#live_chat #aiOverlay {
    position: absolute;
    margin: 0;
    margin-left: 0;
    height: 100%;
    width: 100% !important;
    display: flex;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    border-radius: 0;
    background: var(--ltGray);
    padding: 0;
}        
#live_chat #aiOverlay #aiDialogTop {
	padding: 1rem;
	background-color: #fff;
}
#live_chat #aiOverlay #aiDialogTop #aiOverlayClose {
	color: var(--darkGray);
}
	
#live_chat #aiOverlay #aiDialogTop .toggleOverlayPosition {
	color: var(--darkGray);
}

#live_chat #aiOverlay #webchat {
	position: unset;
	margin: 1rem;
	background: var(--ltGray);
	height: 88%;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0;
	padding-top: 40px;
}

#live_chat .input-area {
	background: transparent;
	padding: 0;
	padding-right: 2rem;
}

#live_chat .button_ai-voice-search {
	background: transparent;
}

#live_chat #aiOverlay h2 {
	color: var(--navyBlue) !important;
	margin: 0;
}

#live_chat #aiOverlay .stream-response {
	text-align: left;
}

#live_chat #aiOverlay #aiDialog {
	padding: 0;
}

#aiOverlay #aiDialogTop h2 {
font-size: 1.6rem !important;
    margin: 0;
    align-items: center;
}

#live_chat #aiOverlay #aiDialogTop h2 {
	text-align: left;
}

#live_chat #aiOverlay #aiDialogTop span.shield-sparkles {
	display: none;
}

#aiOverlay #aiHistory {
	display: none;
}

#live_chat #aiOverlay #aiOverlayDisclaimer {
	color: var(--navyBlue) !important;
}

#live_chat #response {
	padding-left: 0;
}

#live_chat .ai-response {
	background: #fff;
}

#live_chat .request-sender textarea {
	border: none;
	outline: none;
}

.toggleOverlayPosition {
	color: #fff;
	background: transparent;
	border: none;
}

.azure-live-speech-to-text {
	display: none;
}

forge-button.clear-chat-button slot {
	color: var(--navyBlue)!important;
}


@media (max-width: 575px) {
	.chatbot {width: 96%;}
	/* #live_chat #aiOverlay {width: calc(-1rem + 100vw)!important;} */
}

forge-button .clear-chat-button .forge-button {
	content:'';
}

:host([dense]) .forge-button {
	color: red !important;
}

.ra-chatbot-container {
	padding-right: 0;
	padding-left: 0;
}

body {
    /* padding-bottom: env(safe-area-inset-bottom); */
    /* Or add extra padding beyond safe area */
/*     padding-bottom: calc(env(safe-area-inset-bottom) + 60px); */
  }

.bottom-navigation {
    /* Instead of bottom: 0 */
    bottom: env(safe-area-inset-bottom, 60px);
    /* Or for full height containers */
    min-height: 100dvh; /* dynamic viewport - adjusts for toolbars */
  }