/* CSS for banground Image */
body {
	margin: 0;
	background-image: url("./images/background.png");
	background-size: cover;
	background-repeat: no-repeat;
}

/* [data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red .webchat-buttons-template-root {
	background: #fff1f5 !important;
	color: #4b4b4b;
	width: 100%;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue .webchat-buttons-template-root {
	background: #f2fcff !important;
	color: #4b4b4b;
	width: 100%;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .webchat-buttons-template-root {
	background: #252525 !important;
	color: #c7c7c7;
	width: 100%;
} */

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red .webchat-buttons-template-header {
	background: #fff1f5 !important;
	color: #4b4b4b;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue .webchat-buttons-template-header {
	background: #f2fcff;
	color: #4b4b4b;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .webchat-buttons-template-header {
	background: #252525 !important;
	color: #c7c7c7;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red .webchat-carousel-template-button {
	color: #e40641 !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue .webchat-carousel-template-button {
	color: #5096d2 !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .webchat-carousel-template-button {
	color: #252525 !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red .webchat-buttons-template-button {
	background-color: #fffffe;
	color: #e40641 !important;
	border: 1px solid #e40641 !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue .webchat-buttons-template-button {
	background-color: #fffffe;
	color: #5096d2 !important;
	border: 1px solid #5096d2 !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .webchat-buttons-template-button {
	background-color: #fffffe;
	color: #252525 !important;
	border: 1px solid #252525 !important;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-red
	.webchat-list-template-global-button {
	background-color: #fffffe;
	color: #e40641 !important;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-blue
	.webchat-list-template-global-button {
	background-color: #fffffe;
	color: #5096d2 !important;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-dark
	.webchat-list-template-global-button {
	background-color: #fffffe;
	color: #252525 !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red .ratingHeader {
	background: linear-gradient(
		180deg,
		rgba(140, 21, 99, 0.98) 0.75%,
		rgba(229, 1, 60, 0.98) 99.71%
	);
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue .ratingHeader {
	background: linear-gradient(
		180deg,
		rgba(80, 150, 210, 0.98) 0.75%,
		rgba(150, 210, 230, 0.98) 99.71%
	);
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .ratingHeader {
	background: #272727;
}

/* css to hide the div of image placeholder used for SSO Authentication */

[data-cognigy-webchat-root] .cognigy-webchat-15uvk83:has(.authentication_img) {
	margin-top: -20px !important;
}

/*CSS for 'Start with a Button' Webchat Behaviour (ex : Get Started Button)*/

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red #webchatGetStartedButton {
	background: #d30f4b;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue #webchatGetStartedButton {
	background: #0091df;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark #webchatGetStartedButton {
	color: #252525;
}

/*CSS for Mozilla*/
[data-cognigy-webchat-root] .cognigy-webchat-h6cwia {
	flex: -moz-available;
}

[data-cognigy-webchat-root] .cognigy-webchat-16acylg {
	background: none !important;
}

/* css for color schema */
[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red .webchat-header-bar {
	/* header */
	background: linear-gradient(
		180deg,
		rgba(140, 21, 99, 0.98) 0.75%,
		rgba(229, 1, 60, 0.98) 99.71%
	);
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue .webchat-header-bar {
	background: linear-gradient(
		180deg,
		rgba(80, 150, 210, 0.98) 0.75%,
		rgba(150, 210, 230, 0.98) 99.71%
	);
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .webchat-header-bar {
	background: #272727;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-red
	.webchat-quick-reply-template-header-message {
	background: #fff1f5;
	color: #4b4b4b;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-blue
	.webchat-quick-reply-template-header-message {
	background: #f2fcff;
	color: #4b4b4b;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-dark
	.webchat-quick-reply-template-header-message {
	background: #252525 !important;
	color: #c7c7c7;
	border: 0px !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red ._incoming_jbjrn_35 {
	background: #fff1f5;
	color: #4b4b4b;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue ._incoming_jbjrn_35 {
	background: #f2fcff;
	color: #4b4b4b;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark ._incoming_jbjrn_35 {
	background: #252525 !important;
	color: #c7c7c7;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .regular-message.user {
	background: #252525 !important;
	color: #c7c7c7;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red .webchat-typing-indicator {
	/* typing icon*/
	background: #e40641;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue .webchat-typing-indicator {
	background: #5096d2;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .webchat-typing-indicator {
	background: #252525;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-red
	.webchat-quick-reply-template-button {
	color: #e40641;
	border: 1px solid #e40641;
	background-color: transparent;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-blue
	.webchat-quick-reply-template-button {
	color: #5096d2;
	border: 1px solid #5096d2;
	background-color: transparent;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-dark
	.webchat-quick-reply-template-button {
	color: #ffffff;
	border: 1px solid #969696;
	background-color: transparent;
}

/* [data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red .webchat-header-close-button { */
/* header menu icon*/
/* background: #d30f4b; */
/* } */

/* [data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue .webchat-header-close-button {
	background: #0091df;
} */

/* [data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .webchat-header-close-button {
	background: #66b512;
} */

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red .MuiButton-textPrimary {
	/* header menu icon*/
	background: #fff1f5;
	color: #4b4b4b;
}

[data-cognigy-webchat-root] .cognigy-webchat-1y44218 {
	color: hsl(303.66deg 3.14% 63.15%) !important;
}

[data-cognigy-webchat-root] .cognigy-webchat-1f5ky2e {
	fill: hsl(303.66deg 3.14% 63.15%) !important;
}

[data-cognigy-webchat-root] .cognigy-webchat-1elwnjr {
	fill: hsl(303.66deg 3.14% 63.15%) !important;
}

/* [data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue .webchat-header-close-button {
	background: #0091df;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .webchat-header-close-button {
	background: #66b512;
} */

/* [data-cognigy-webchat-root] [data-cognigy-webchat-toggle].webchat-toggle-button {
	display: none;
} */

[data-cognigy-webchat-root] [data-cognigy-webchat-toggle]#webchat-red.webchat-toggle-button {
	/* header menu icon*/
	background: #d30f4b;
}

[data-cognigy-webchat-root] [data-cognigy-webchat-toggle]#webchat-blue.webchat-toggle-button {
	background: #0091df;
}

[data-cognigy-webchat-root] [data-cognigy-webchat-toggle]#webchat-dark.webchat-toggle-button {
	background: #252525;
}

/* The down 3 css has to be changed for each screen size */
/* For small screen size */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat-small .webchat-message-row.bot {
	align-items: flex-start !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat-small .webchat-avatar {
	/* background-image: url(./images/userAvatar.svg); */
	background-size: contain;
	height: 50px;
	border: 0px;
	flex-basis: 50px;
	border-radius: unset;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat-small .webchat-avatar.user {
	/* background-image: url(./images/userAvatar.svg); */
	/* background-image: url(./images/userAvatar.svg); */
	background-size: contain;
	height: 50px;
	border: 0px;
	flex-basis: 50px;
}

@media only screen and (min-width: 900px) {
	[data-cognigy-webchat-root] [data-cognigy-webchat].webchat-small {
		top: 1%;
		left: 30%;
		width: 40%;
		height: 98%;
		/* border-radius: 16px; */
		box-shadow:
			0 5px 18px 0 rgba(151, 124, 156, 0.2),
			0 5px 32px 0 rgba(203, 195, 212, 0.2),
			0 8px 58px 0 rgba(216, 212, 221, 0.1);
	}
}

/* For medium screen size */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat-medium .webchat-message-row.bot {
	align-items: flex-start !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat-medium .webchat-avatar {
	/* background-image: url(./images/agentAvatar.svg); */
	height: 32px;
	border: 0px;
	flex-basis: 50px;
	background-size: contain;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat-medium .webchat-avatar.user {
	/* background-image: url(./images/userAvatar.svg); */
	height: 25px;
	border: 0px;
	flex-basis: 50px;
	background-size: contain;
	align-self: center !important;
}

@media only screen and (min-width: 900px) {
	[data-cognigy-webchat-root] [data-cognigy-webchat].webchat-medium {
		top: 1%;
		left: 20%;
		width: 60%;
		height: 98%;
		/* border-radius: 16px; */
		box-shadow:
			0 5px 18px 0 rgba(151, 124, 156, 0.2),
			0 5px 32px 0 rgba(203, 195, 212, 0.2),
			0 8px 58px 0 rgba(216, 212, 221, 0.1);
	}
}

/* For large screen size */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat-large .webchat-message-row.bot {
	align-items: flex-start !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat-large .webchat-avatar {
	/* background-image: url(./images/agentAvatar.svg); */
	border: 0px;
	height: 32px;
	flex-basis: 50px;
	background-size: contain;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat-large .webchat-avatar.user {
	/* background-image: url(./images/userAvatar.svg); */
	height: 25px;
	border: 0px;
	flex-basis: 50px;
	background-size: contain;
	align-self: center !important;
}

@media only screen and (min-width: 900px) {
	[data-cognigy-webchat-root] [data-cognigy-webchat].webchat-large {
		top: 1%;
		left: 0;
		width: 100%;
		height: 98%;
		/* border-radius: 16px; */
		box-shadow:
			0 5px 18px 0 rgba(151, 124, 156, 0.2),
			0 5px 32px 0 rgba(203, 195, 212, 0.2),
			0 8px 58px 0 rgba(216, 212, 221, 0.1);
	}
}

/* Styling Adaptive Card Plugin */

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-blue
	.ac-input.ac-textInput.ac-multiline {
	border: 1px solid #0091df;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-blue
	.ac-input.ac-textInput.ac-multiline:focus {
	border: 2px solid #0091df;
	outline: none;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue .ac-textBlock {
	color: #0091df !important;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-blue
	.ac-pushButton.style-default.expanded.expandable {
	color: white !important;
	background: #0091df !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue .ac-pushButton.style-default {
	color: #0091df !important;
	background: white;
	border: 1px solid #0091df;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-blue
	input:where([type="checkbox"], [type="radio"]) {
	height: 15px;
	width: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: 1px solid #0091df;
	cursor: pointer;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-blue
	input:where([type="checkbox"], [type="radio"]):checked {
	background: #0091df;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red .ac-input.ac-textInput.ac-multiline {
	border: 1px solid #d30f4b;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-red
	.ac-input.ac-textInput.ac-multiline:focus {
	border: 2px solid #d30f4b;
	outline: none;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red .ac-textBlock {
	color: #d30f4b !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red .ac-pushButton.style-default {
	color: #d30f4b !important;
	background: white;
	border: 1px solid #d30f4b;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-red
	.ac-pushButton.style-default.expanded.expandable {
	color: white !important;
	background: #d30f4b !important;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-red
	input:where([type="checkbox"], [type="radio"]) {
	height: 15px;
	width: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: 1px solid #d30f4b;
	cursor: pointer;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-red
	input:where([type="checkbox"], [type="radio"]):checked {
	background: #d30f4b;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-dark
	.ac-input.ac-textInput.ac-multiline {
	border: 1px solid #66b512;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-dark
	.ac-input.ac-textInput.ac-multiline:focus {
	border: 2px solid #66b512;
	outline: none;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .ac-textBlock {
	color: #66b512 !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .ac-pushButton.style-default {
	color: #66b512 !important;
	background: white;
	border: 1px solid #66b512;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-dark
	.ac-pushButton.style-default.expanded.expandable {
	color: white !important;
	background: #66b512 !important;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-dark
	input:where([type="checkbox"], [type="radio"]) {
	height: 15px;
	width: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: 1px solid #66b512;
	cursor: pointer;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-dark
	input:where([type="checkbox"], [type="radio"]):checked {
	background: #66b512;
}

/* Styling DatePicker and File Upload Plugin */

/*  Styling button of upload file and Datepicker */

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red .webchat-message-row.bot > button {
	color: #d30f4b !important;
	border: 1px solid#d30f4b !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue .webchat-message-row.bot > button {
	color: #0091df !important;
	border: 1px solid #0091df !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .webchat-message-row.bot > button {
	color: #66b512 !important;
	border: 1px solid#66b512 !important;
}

/* Styling Chatbot response after uploading file  */

[data-cognigy-webchat-root] [data-cognigy-webchat] .cognigy-webchat-1lno7rq {
	background: white;
	color: black;
}

[data-cognigy-webchat-root] [data-cognigy-webchat] .webchat-plugin-date-picker-header {
	background: darkslategray;
}

[data-cognigy-webchat-root] [data-cognigy-webchat] .flatpickr-day.today.selected {
	background: black;
}

[data-cognigy-webchat-root] [data-cognigy-webchat] .flatpickr-day.selected {
	background: black !important;
}

/* // Styling disabled buttons after selecting Datepicker Node */

[data-cognigy-webchat-root] .webchat-message-row.bot > button[disabled] {
	background-color: #d3d3d3;
}

/* To remove  border-bottom-color on active Textbox present in Footer section*/
[data-cognigy-webchat-root] .webchat-input-menu-form[data-active="true"] {
	border-bottom-color: #d3d3d3 !important;
}

/* To hide send icon present in input box if the input box/textarea is disabled */
[data-cognigy-webchat-root] #webchatInputMessageSendMessageButton[disabled] > svg {
	display: none;
}

/* To remove  border-bottom-color on active Textbox present in Footer section*/
[data-cognigy-webchat-root] .webchat-input-menu-form[data-active="true"] {
	border-bottom-color: #d3d3d3 !important;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-dark
	#webchatChatHistoryWrapperLiveLogPanel {
	background-color: #121212;
}

/* Additional Styles For YourLA */

[data-cognigy-webchat-root] .cognigy-webchat-2maskd:focus {
	outline: none;
	box-shadow:
		0 5px 9px 0 rgb(151 124 156 / 10%),
		0 5px 16px 0 rgb(203 195 212 / 10%),
		0 8px 20px 0 rgb(216 212 221 / 10%) !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red .webchat-input-button-menu {
	fill: #e40641 !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue .webchat-input-button-menu {
	fill: #5096d2 !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .cognigy-webchat-1i7qapk {
	box-shadow:
		0 5px 9px 0 rgb(151 124 156 / 3%),
		0 5px 16px 0 rgb(203 195 212 / 3%),
		0 8px 20px 0 rgb(216 212 221 / 3%) !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .cognigy-webchat-it3jde {
	box-shadow:
		0 5px 9px 0 rgb(151 124 156 / 3%),
		0 5px 16px 0 rgb(203 195 212 / 3%),
		0 8px 20px 0 rgb(216 212 221 / 3%) !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .cognigy-webchat-9fygfk {
	box-shadow:
		0 5px 9px 0 rgb(151 124 156 / 3%),
		0 5px 16px 0 rgb(203 195 212 / 3%),
		0 8px 20px 0 rgb(216 212 221 / 3%) !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .cognigy-webchat-1cxexnc {
	box-shadow:
		0 5px 9px 0 rgb(151 124 156 / 3%),
		0 5px 16px 0 rgb(203 195 212 / 3%),
		0 8px 20px 0 rgb(216 212 221 / 3%) !important;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-dark
	.webchat-quick-reply-template-header-message {
	box-shadow:
		0 5px 9px 0 rgb(151 124 156 / 3%),
		0 5px 16px 0 rgb(203 195 212 / 3%),
		0 8px 20px 0 rgb(216 212 221 / 3%) !important;
}

/* CSS for Quick reply template reply  */
[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-red
	.webchat-quick-reply-template-reply.take-quiz {
	background-color: #e40641;
	color: #ffffff;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-blue
	.webchat-quick-reply-template-reply.take-quiz {
	background-color: #5096d2;
	color: #ffffff;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-dark
	.webchat-quick-reply-template-reply.take-quiz {
	background-color: #404040;
	color: #ffffff;
}

[data-cognigy-webchat-root] .cognigy-webchat-1459kxp {
	box-shadow: none !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .cognigy-webchat-1197twy {
	box-shadow: none !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .webchat-list-template-element {
	background: #252525 !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .text-with-icon {
	color: #c7c7c7 !important;
}

[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-dark
	.webchat-list-template-global-button {
	color: #c7c7c7 !important;
	background: #252525 !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .cognigy-webchat-orcf8t {
	color: #c7c7c7 !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .cognigy-webchat-18t99te {
	box-shadow: none !important;
}

/* SIT Fixes */
/* CSS to hide some extra margin in darkmode */
[data-cognigy-webchat-root] [data-cognigy-webchat] .webchat-chat-history::after {
	display: none !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat] .webchat-chat-history {
	outline: none !important;
}

[data-cognigy-webchat-root] .webchat-typing-indicator {
	margin-bottom: 0 !important;
}

/* CSS to box shadow in dark mode */
[data-cognigy-webchat-root]
	[data-cognigy-webchat]#webchat-dark
	.webchat-quick-reply-template-reply:focus {
	box-shadow: none;
}

[data-cognigy-webchat-root] .cognigy-webchat-74qu4x {
	margin-bottom: 15px;
}

/* CSS fix for quick reply template */
[data-cognigy-webchat-root] [data-cognigy-webchat] .webchat-quick-reply-template-root {
	width: 100%;
}

/* Styling Of Thumbsup/down start */
[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red .ThumbsUpDown:focus {
	background-color: #e40641 !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red .ThumbsUpDown:hover {
	background-color: #e40641;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue .ThumbsUpDown:focus {
	background-color: #5096d2 !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue .ThumbsUpDown:hover {
	background-color: #5096d2;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .ThumbsUpDown:focus {
	background-color: #252525 !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .ThumbsUpDown:hover {
	background-color: #252525;
}

/* To style Thumbsup icon */
[data-cognigy-webchat-root] [data-cognigy-webchat] .cognigy-webchat-10m90b7 > svg,
[data-cognigy-webchat-root] [data-cognigy-webchat] .cognigy-webchat-10m90b7 svg {
	fill: #88cd88;
}

/* To style ThumbsDown icon */
[data-cognigy-webchat-root] [data-cognigy-webchat] .cognigy-webchat-4ky835 {
	fill: #e56262 !important;
}

/* Styling Of Thumbsup/down end */
.MuiListItemText-root {
	margin-left: -3px;
}

/* CSS to fix hover for rating buttons */
[data-cognigy-webchat-root] .cognigy-webchat-10m90b7:hover {
	background-color: hsl(0, 0%, 85%);
}

/* CSS to fix hover on menu link */
#MenuItem-Link:hover {
	text-decoration: none !important;
	background-color: rgba(0, 0, 0, 0.04) !important;
}

/* Data Acquistion Toggle button styling start */
.slider-container {
	display: flex;
	align-items: center;
}

.slider-label {
	font-size: 18px;
	margin-left: 10px;
}

.slider-button {
	width: 80px;
	height: 40px;
	background-color: #e4003c;
	border: none;
	position: relative;
	overflow: hidden;
}

.slider-button:before {
	content: "";
	width: 36px;
	height: 36px;
	background-color: #fff;
	position: absolute;
	top: 2px;
	left: 2px;
	transition: 0.2s ease-in-out;
}

.slider-button.toggled:before {
	left: calc(100% - 38px);
}

.slider-label.toggled {
	color: green;
}

.slider-button.toggled {
	background-color: green;
}

.slider-label:not(.toggled) {
	color: #e4003c;
}

.slider-button:not(.toggled) {
	background-color: #e4003c;
}

/* Data Acquistion Toggle button styling end */

/* Delete button of privacy styling start */
.buttonn {
	background: #e4003c;
	color: #fff;
	padding: 0.5em 1em;
	font-weight: 600;
	border-radius: 5px;
	border: none;
	display: flex;
	margin: auto;
}

.buttonn:hover {
	cursor: pointer;
	background: #fff;
	color: #e4003c;
	border: 1px solid #e4003c;
}

/* Delete button of privacy styling end */
.anchor {
	color: #0e6274;
}

.ratingText {
	padding-left: 36px;
	margin-bottom: 20px;
}

.POwAf {
	background: linear-gradient(
		180deg,
		rgba(140, 21, 99, 0.98) 0.75%,
		rgba(229, 1, 60, 0.98) 99.71%
	) !important;
}

.iPdjQS {
	background-color: #fafafa !important;
}

[data-cognigy-webchat-root] .webchat-header-logo {
	min-width: 32px !important;
	min-height: 30px !important;
}

#closeIcon {
	position: absolute;
	top: 12px;
	right: 14px;
	font-size: 28px;
	cursor: pointer;
}

@media (max-width: 768px) {
	#closeIcon {
		top: 12px;
		right: 12px;
		font-size: 28px;
	}
}

#close-icon {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

/* Media query for smaller screens */
@media (max-width: 480px) {
	#close-icon {
		top: 5px;
		right: 5px;
	}
}

/* Styling Of close menu(MenuItems) styling start */
.close-icon-menu {
	position: absolute;
	top: 12px;
	right: 14px;
	font-size: 28px;
	cursor: pointer;
	z-index: 100;
}

@media (max-width: 768px) {
	.close-icon-menu {
		top: 12px;
		right: 12px;
		font-size: 28px;
	}
}
@media (max-width: 480px) {
	.close-icon-menu {
		top: 5px;
		right: 5px;
	}
}

/* Styling Of close menu(MenuItems) styling start */

.MuiDialogTitle-root {
	background-color: #ececec;
}

[data-cognigy-webchat-root] .cognigy-webchat-1500ljf:focus {
	background-color: #252525;
}

/* Add a small logo next to the timestamp for outgoing (user) messages.
   Default uses ./images/personAvatar.png; override by setting
   `--webchat-user-message-logo` on the root (must be a `url(...)` value).
*/
article ._header_21mid_1._outgoing_21mid_19 ._timestamp_21mid_23 {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

article ._header_21mid_1._outgoing_21mid_19 ._timestamp_21mid_23::before {
	content: "";
	width: 20px;
	height: 20px;
	background-image: var(--webchat-user-message-logo, url(./images/personAvatar.png));
	background-size: cover;
	background-position: center;
	border-radius: 50%;
	flex: 0 0 20px;
}

@media only screen and (max-width: 600px) {
	.socialMediaHandle {
		margin-left: 0px;
		margin-right: -12px;
	}
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-red .webchat-scroll-to-bottom-button {
	background: #d30f4b !important;
	color: #ffffff !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-blue .webchat-scroll-to-bottom-button {
	background: #0091df !important;
	color: #ffffff !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat]#webchat-dark .webchat-scroll-to-bottom-button {
	background: #252525 !important;
	color: #ffffff !important;
}

[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-down-button:hover,
[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-up-button:hover,
[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-down-button[aria-pressed="true"],
[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-up-button[aria-pressed="true"] {
	background: rgba(0, 0, 0, 0.23) !important;
}

._dot_10ekn_31 {
	background: #ffffff !important;
}

[data-cognigy-webchat-root] .cognigy-webchat-1bmhb0h {
	gap: 0% !important;
}

[data-cognigy-webchat-root] .cognigy-webchat-xcemo {
	border-radius: 0% !important;
}
[data-cognigy-webchat-root] .cognigy-webchat-wuzka7 {
	max-height: none !important;
}
.webchat-message-row.bot + .webchat-message-row.bot .webchat-avatar {
	visibility: hidden;
}

/* Hide duplicate bot name/timestamp on consecutive bot message rows */
.webchat-message-row.bot + .webchat-message-row.bot ._header_21mid_1 {
	display: none;
}