html, body
{
	height: 95%;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

a
{
	color: blue;
	text-decoration: none;
}

#DivBot
{
	background: #fff;
	box-shadow: 0 5px 40px rgba(0,0,0,.16) !important;
	height: 100%;
	width: 100%;
	/* padding-bottom: 3rem; */
}

.avatar .image img
{
	display: block;
	transition: .05s;
	z-index: 999;
}

	.avatar .image img:hover
	{
		cursor: pointer;
		width: 65px;
		transition: .05s;
	}

/*theme - colors*/
.ac-actionSet button
{
	border-radius: 1.5em;
	border-color: #052d46; /*#2996CC*/
	color: #052d46 !important;
	position: relative;
}

	.ac-actionSet button::before
	{
		font-family: "Font Awesome 5 Free";
		content: "\f111";
		color: #eceff1;
		position: absolute;
		top: auto;
		left: 10px;
	}
	/* 052d46 */
	.ac-actionSet button:hover,
	.ac-actionSet button:focus
	{
		color: #79ad00 !important; /*#1db2a9*/
		border-color: #79ad00;
	}

		.ac-actionSet button:hover::before,
		.ac-actionSet button:focus::before
		{
			color: #79ad00;
		}

.from-user .content .webchat__row div p
{
	background-color: #0063b1;
	color: white;
}

div.webchat__row.attachment > div.bubble > div > div,
div.webchat__row.message > div.bubble > div
{
	background-color: #eceff1;
}

	div.webchat__row.attachment > div.bubble > div > div.ac-container > select
	{
		border-radius: 1.5em;
		border-color: #2996CC;
		color: #0078d7;
	}

	div.webchat__row.attachment > div.bubble > div > div.ac-container > input[type=text],
	div.webchat__row.attachment > div.bubble > div > div.ac-container > input[type=date],
	div.webchat__row.attachment > div.bubble > div > div.ac-container > input[type=email],
	div.webchat__row.attachment > div.bubble > div > div.ac-container > input[type=tel],
	div.webchat__row.attachment > div.bubble > div > div.ac-container > input[type=url]
	{
		border-radius: 1.5em;
		border-color: #2996CC;
		color: #0078d7;
		padding: 10px;
	}

div.css-nil > div > div > ul > li > div > button
{
	border-radius: 1.5em;
	border-color: #2996CC;
	color: #0078d7;
}

.botdiv
{
	height: 622px;
	width: 400px;
	position: fixed;
	bottom: 0;
	right: 0px;
	border: 5px solid #eceff1;
	z-index: 10;
}

a.minimize-btn
{
	color: #fff !important;
	opacity: 0.9;
}

	a.minimize-btn:hover, a.minimize-btn:active, a.minimize-btn:focus
	{
		opacity: 1;
		color: #fff !important;
	}


.ac-pushButton
{
	background: #000;
}

.aui
{
	background: #79ad00; /*#2996cc*/
	width: 100%;
	height: 40px;
	position: absolute;
	top: 0;
	z-index: 1000;
}

	.aui a.settings-btn
	{
		color: #fff;
		opacity: 0.9;
	}

		.aui a.settings-btn:hover, .aui a.settings-btn:active, .aui a.settings-btn:focus
		{
			opacity: 1;
			color: #fff;
		}

.logo,
.refresh-btn,
.minimize-btn
{
	color: #fff;
	opacity: 0.9;
	position: relative;
	font-size: 20px;
	top: -52px;
	padding: 5px;
}

.refresh-btn,
.minimize-btn
{
	left: 331px;
}

.logo
{
	opacity: 1;
}

.refresh-btn:hover,
.refresh-btn:active,
.refresh-btn:focus,
.minimize-btn:hover,
.minimize-btn:active,
.minimize-btn:focus
{
	opacity: 1;
	color: #fff;
}

div.css-gtdio3 > div::-webkit-scrollbar
{
	width: 10px;
}

/* Track */
div.css-gtdio3 > div::-webkit-scrollbar-track
{
	background: #F1F1F1;
}

/* Handle */
div.css-gtdio3 > div::-webkit-scrollbar-thumb
{
	background: #2996cc;
}

	/* Handle on hover */
	div.css-gtdio3 > div::-webkit-scrollbar-thumb:hover
	{
		background: #0078d7;
	}

div.botdiv > div.powered > small
{
	font-size: x-small;
}

.css-eycyw2 > div.main
{
	border-top: 5px solid #eceff1;
}

.minimized
{
	height: 40px;
}

/*first message from bot*/
ul > li:first-child > div > div.content > div.webchat__row > div > div > div
{
	width: 100%;
}

.powered
{
	bottom: 0;
	right: 0;
	position: absolute;
}

.wc-message-group-content .wc-message-wrapper:first-child .wc-message.wc-message-from-bot::before
{
	display: none;
}

.wc-message-group-content .wc-message-wrapper:first-child .wc-message.wc-message-from-bot
{
	margin-left: 0px;
	float: none;
	max-width: 100%;
}

	.wc-message-group-content .wc-message-wrapper:first-child .wc-message.wc-message-from-bot .wc-message-content
	{
		background: #fff;
		box-shadow: none;
	}

		.wc-message-group-content .wc-message-wrapper:first-child .wc-message.wc-message-from-bot .wc-message-content .wc-adaptive-card
		{
			border: none;
			width: auto;
		}

			.wc-message-group-content .wc-message-wrapper:first-child .wc-message.wc-message-from-bot .wc-message-content .wc-adaptive-card p
			{
				text-align: center;
				font-size: 15px;
				font-weight: bold;
			}

/*hide first Julie sig.*/
.wc-message-group-content .wc-message-wrapper:nth-child(1) .wc-message-from.wc-message-from-bot
{
	display: none
}

ul > li > div > div.content > div.webchat__row.attachment > div > div > div > div > div > div > button
{
	justify-content: unset !important
}

	ul > li > div > div.content > div.webchat__row.attachment > div > div > div > div > div > div > button > div
	{
		padding-left: 20px;
	}

ul > li > div > div > div.content > ul > li > div > div > div > div > div > div > button
{
	padding-left: 30px !important;
	justify-content: unset !important
}


/* imran */
.aui a
{
	color: #fff !important;
	text-decoration: none !important;
}

.title
{
	color: white;
	text-decoration: none;
	font-weight: 600;
	position: relative;
	top: -20px;
	width: 328px;
	height: 40px;
	left: 0.3rem;
	display: block;
	line-height: 2.2rem;
	padding-top: -2.8rem;
}

.css-1qyo5rb
{
	padding-top: 2.2rem !important;
}

.webchat__stacked-layout
{
	margin-top: 45px !important;
}