html,
body {
	padding:0;
	margin:0;
	border:0;
	background-color: #fff;
	/*background: linear-gradient(150deg, rgb(107, 177, 255) 0%, rgb(28, 208, 255) 100%);
	background: -moz-linear-gradient(150deg, rgba(107, 177, 255,1) 0%, rgba(28,208,255,1) 100%);
	background: -webkit-linear-gradient(150deg, rgba(107, 177, 255,1) 0%, rgba(28,208,255,1) 100%);*/
	font-family: Helvetica, Arial;
	height:100vh;
	overflow:hidden;
}
	
.chatbot-wrapper {
	max-width: 600px;
	height: calc(100% - 150px);
	position: relative;
	margin:0 auto;
}

.chatbot-wrapper .wc-app ::-webkit-scrollbar-thumb {
    background-color: #efefef;
	width:12px;
}

.chatbot-wrapper .wc-app ::-webkit-scrollbar {
	width:12px;
}

/* FF scrollbar */
.chatbot-wrapper .wc-app {
 	scrollbar-color: #efefef #fff;
	scrollbar-width: thin;
}

.chatbot-wrapper .wc-app .wc-chatview-panel {
	-webkit-box-shadow: 0px 0px 29px 1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 29px 1px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 29px 1px rgba(0,0,0,0.25);
	top:0;
}

.chatbot-wrapper .wc-app .wc-console {
    border-color: #85d1ff;
	border-width:3px 0 0;
}

.chatbot-wrapper  .wc-console .wc-mic, .wc-console .wc-send {
    height:100%;
}

.chatbot-wrapper .wc-app .wc-message-from-bot .wc-message-content {
    /*background-color: #d8f8ff;*/
	background-color:#f5fdff;
	-webkit-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.15);
	border-radius:8px;
	color:#333;
}

.chatbot-wrapper .wc-app  .wc-message-wrapper.carousel .wc-message {
	width: 100%;
    max-width: unset;
}

.chatbot-wrapper  .wc-app .wc-message-from-me .wc-message-content {
    border-radius: 8px;
}

.chatbot-wrapper .wc-app  .wc-message-from-bot svg.wc-message-callout path {
    fill: #f5fdff;
}

.chatbot-wrapper .wc-app  .wc-message-from-bot svg.wc-message-callout {
  filter: drop-shadow(  0px 2px 3px rgba(0, 0, 0, .15));
  z-index:-1;
}

.chatbot-wrapper .wc-app .wc-message-wrapper {
    margin-bottom: 0;
	padding-top:10px;
}

.chatbot-wrapper .wc-app .wc-console svg {
    fill: #1c87c7;
}

.chatbot-wrapper .wc-app .wc-carousel button.scroll {
    background-color: #226b8e;
}

.chatbot-wrapper .wc-app button.scroll {
	border:none;
}

.chatbot-wrapper .wc-app .wc-card button {
    background-color: #fff;
    color: #333;
	border:1px solid #c2f750;
	white-space:normal;
}

.chatbot-wrapper .wc-app .wc-card {
    border: none;
}

.chatbot-wrapper .wc-app .wc-card button:hover {
    background-color: #e4ffd5;
    color: #333;
	border-color: #e4ffd5;
}

.chatbot-wrapper .wc-app .wc-adaptive-card {
    width: auto;
}

.chatbot-wrapper .wc-app .wc-console input[type="text"], .wc-console textarea {
	padding-top:11px;
}

.chatbot-wrapper .wc-app .wc-carousel button.scroll.next {
    right: 5px;
}

.chatbot-wrapper .wc-app .wc-message-from-me .wc-message-content {
    background-color: #efefef;
	color:#333;
}

.chatbot-wrapper .wc-app .wc-message-from-me svg.wc-message-callout path {
    fill: #efefef;
}

.footer {
    text-align: center;
    margin: 20px 0;
}

.footer img {
	border-radius:6px;
	border:none;
}