.cm-ai-chatbot-box{
	display:none;	
}
	
.cm-ai-chatbot-box .chatbot-container{
	border:medium;
	position: fixed;
	flex-direction: column;
	justify-content: space-between;
	box-shadow: rgba(150, 150, 150, 0.2) 0px 10px 30px 0px, rgba(150, 150, 150, 0.2) 0px 0px 0px 1px;
	bottom: 5rem;
	right: 1rem;
	width: 448px;
	height: 80dvh;
	max-height: 824px;
	border-radius:0.75rem;
	display: flex;
	z-index: 2147483646;
	overflow:hidden;
	background-color: white;
	left: unset;
	top: unset;
}

.cm-ai-chatbot-box .columns.box{
	background-color: #fff !important;
	border-radius:6px !important;
	/*box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02) !important;*/
	color: #4a4a4a !important;
	display: block !important;
	padding:1.25rem !important;
	background:#fff !important;
	min-height:calc(100% - 100px);
	/*margin-bottom: 0px;*/
	width: auto;
	margin-bottom:0px !important;
	-moz-box-shadow:none;
    -webkit-box-shadow: none;
}

.cm-ai-chatbot-box .notification.is-success{
	background-color: #ccf7ff;
	color: #000;
}

.cm-ai-chatbot-box .has-text-centered {
  text-align: left !important;
  margin-left: 15px !important;
  padding: 0px !important;
}

.cm-ai-chatbot-box .has-text-centered h1{
	margin-top: 20px;
    line-height: 25px;
	margin-bottom:12px;
}	

.cm-ai-chatbot-box .notification{
	background-color: #f5f5f5;
	border-radius:4px;
	position: relative;
	padding:8px;
	font-size: 15px;
}

.cm-ai-chatbot-box .notification.is-info{
	background-color: #f1f1f1;
	color: #000;
}

.cm-ai-chatbot-box .subtitle.is-6{
	font-size: 1rem;
}

.messageHistory{
	position:relative;	
}	

.chatbot-user-admn-img-box{
	width:37px;
	float:left;	
}

.chatbot-user-admn-msg-box{
	max-width:calc(100% - 45px);
	float:left;
	margin-left:5px;
	min-width:70px;
}	

.column.full-width-column{
	width:100%;
	clear:both;
	padding-left: 0px !important;
}	

.chatbot-user-admn-img-box .ai-chatbase-user-admn{	
	width:45px;
	height:auto;
}	

@media screen and (min-width: 769px), print{
	.cm-ai-chatbot-box .columns:not(.is-desktop){
	  display: flex;
	}
}

.cm-ai-chatbot-box .columns:last-child{
	margin-bottom: -.75rem;
}

.cm-ai-chatbot-box .columns{
	margin-left: -.75rem;
	margin-right: -.75rem;
	margin-top: -.75rem;
}

.cm-ai-chatbot-box .card-content:last-child, .cm-ai-chatbot-box .card-footer:last-child, .cm-ai-chatbot-box .card-header:last-child{
	border-bottom-left-radius: .25rem;
	border-bottom-right-radius: .25rem;
}

.cm-ai-chatbot-box .card-content:first-child, .cm-ai-chatbot-box .card-footer:first-child, .cm-ai-chatbot-box .card-header:first-child{
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}

.cm-ai-chatbot-box .card-content{
	background-color: transparent;
	padding:10px;
	position:relative;
}

.cm-ai-chatbot-box .ai-chatbot-message{
	background-color: #f5f5f5;
	border-radius:4px;
	font-size: 1rem;
}

@media screen and (min-width: 769px), print{
   .cm-ai-chatbot-box .column.is-narrow, .column.is-narrow-tablet{
	  flex:none;
	  width: unset;
  }
}

.cm-ai-chatbot-box .column{
	/*display: block;
	flex-basis: 0;*/
	flex-grow: 1;
	flex-shrink: 1;
	padding:.75rem;
}

.cm-ai-chatbot-box .notification .content, .cm-ai-chatbot-box .notification .subtitle, .cm-ai-chatbot-box .notification .title{
	color: currentColor;
}

.cm-ai-chatbot-box .content h6{
	font-size: 1em;
	margin-bottom: 1em;
}

.cm-ai-chatbot-box .button, .cm-ai-chatbot-box .file-cta, .file-name, .cm-ai-chatbot-box .input, .pagination-ellipsis, .cm-ai-chatbot-box .pagination-link, .cm-ai-chatbot-box .pagination-next, .cm-ai-chatbot-box .pagination-previous, .cm-ai-chatbot-box .select select, .textarea {
	-moz-appearance:none;
	-webkit-appearance:none;
	align-items: center;
	border:1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius:4px;
	box-shadow: none;
	display: inline-flex;
	font-size: 1rem;
	height: 2.5em;
	justify-content: flex-start;
	line-height: 1.5;
	padding-bottom: calc(.5em - 1px);
	padding-left: calc(.75em - 1px);
	padding-right: calc(.75em - 1px);
	padding-top: calc(.5em - 1px);
	position: relative;
	vertical-align: top;
}

.cm-ai-chatbot-box .button{
	background-color: #fff;
	border-color:#dbdbdb;
	border-width:1px;
	color: #363636;
	cursor: pointer;
	justify-content: center;
	padding-bottom: calc(.5em - 1px);
	padding-left: 1em;
	padding-right: 1em;
	padding-top: calc(.5em - 1px);
	text-align: center;
	white-space:nowrap;
	font-size: 17px;
}

.cm-ai-chatbot-box .button.is-info:hover{
	background-color: #000;
	border-color:transparent;
	color: #fff;
}

.cm-ai-chatbot-box .input, .cm-ai-chatbot-box .select select, .cm-ai-chatbot-box .textarea{
	background-color: #fff;
	border-color:#dbdbdb;
	border-radius:4px;
	color: #363636;
}

.cm-ai-chatbot-box .input, .cm-ai-chatbot-box .textarea{
	box-shadow: inset 0 .0625em .125em rgba(10,10,10,.05);
	max-width: 100%;
	width: 100%;
}

.cm-ai-chatbot-box .ai-chatbot-message{
	background-color: #f5f5f5;
	border-radius:4px;
	font-size: 17px;
}

.cm-ai-chatbot-box .button.is-info{
	background-color: #000;
	border-color:transparent;
	color: #fff;
}

.cm-ai-chatbot-box .content h1, .cm-ai-chatbot-box .content h2, .cm-ai-chatbot-box .content h3, .cm-ai-chatbot-box .content h4, .cm-ai-chatbot-box .content h5, .cm-ai-chatbot-box .content h6 {
	color: #363636;
	font-weight: normal;
	line-height: 1.125;
	font-size:14px;
}

.cm-ai-chatbot-box .content h6{
	font-size: 1em;
	margin-bottom: 1em;
	margin-top: 0px;
	font-size: 13px !important;
}

.cm-ai-chatbot-box .chat-bot-header{
	background:#000;
	margin-right:-20px;
	margin-left:-20px;
	margin-top:-20px;
}	

.cm-ai-chatbot-box .chat-bot-header .title{
	font-size:17px;
	color:#fff;
	position:relative;
}

.cm-ai-chatbot-box .chat-bot-header .column{
	margin-right:-20px;
	margin-left:-20px;
	
}

.cm-ai-chatbot-box .chat-bot-footer{
	padding:8px;
	text-align:center;
	display:block !important;
	font-size: 15px;
}	

.cm-ai-chatbot-box .button.is-loading::after,.cm-ai-chatbot-box .control.is-loading::after,.cm-ai-chatbot-box .loader,.cm-ai-chatbot-box .select.is-loading::after{
	-webkit-animation:spinAround .5s infinite linear;
	animation:spinAround .5s infinite linear;
	border:2px solid #dbdbdb;border-radius:9999px;
	border-right-color:transparent;
	border-top-color:transparent;
	content:"";
	display:block;
	height:1em;
	position:absoulute;
	width:1em;
}

.cm-ai-chatbot-box .button.is-info.is-loading::after{
	border-color:transparent transparent #000 #000 !important;
	margin-left:-17px;
}

#ai-chatbase-bubble-button{
	position: fixed; 
	border: 0px;
	bottom: 1rem; 
	right: 1rem; 
	width: 55px; 
	height: 55px; 
	border-radius: 4px; 
	background-color: rgb(241, 13, 17); 
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px; 
	cursor: pointer; 
	z-index: 2147483645; 
	transition: 0.2s ease-in-out; 
	left: unset; 
	transform: scale(1);
}	

.ai-chatbase-bubble-button-box{
	display: flex; 
	align-items: center; 
	justify-content: center; 
	width: 100%; 
	height: 100%; 
	z-index: 2147483646;
}	

.ai-chatbase-bubble-img{
	max-width: 55px; 
	width:auto;
	height: auto; 
	max-height: 55px; 
	/*border-radius: 50%;*/
}	

.sendMessage{   
    background:transparent !important;
    background-color:transparent !important;
    border-radius:53% !important;
    border:1px solid #888787 !important;
    padding:5px 13px !important;
    font-size: 17px !important;
	color:#888787 !important;
	position:relative;
}	

.chatbot-close-btn{
  position: absolute;
  right: 40px;
  font-size: 21px;
  top: 0px;
  cursor:pointer;
}	

.cm-ai-chatbot-box .column .card-content{
	height:calc(58dvh - 15px)!important;
	overflow:auto;
	flex-grow: 1;
	flex-shrink: 1;	
	overflow-x: hidden;		
}	

.cm-ai-chatbot-box .columns.box.is-hidden {
  display: none !important;
}

.cm-ai-chatbot-box .powered-by-box{
	padding:15px 25px;
	text-align:center;
	display:block !important;
	font-size:15px;
	background: #fff;	
}	

.cm-ai-chatbot-box .powered-by-box .powered-by-ttl{
	display: block;
    font-size: 10px;
    margin-left: 40px;
}	

.cm-ai-chatbot-box .powered-by-box .powered-by-img{
	max-height:35px;
	width:auto;	
	margin-top: -10px;
}	

.cm-ai-chatbot-box .notification-btn-row{
	margin-top:5px;
	margin-bottom:5px;
}
	
.cm-ai-chatbot-box .ai-question-btn{
	padding:6px 8px;
	border:1px solid #96DCF8;
	color:#000;	
	cursor:pointer;
	border-radius:5px;	
}	

.cm-ai-chatbot-box a.ai-question-btn{
	text-decoration:none;	
}	

.ai-auto-quest-time{
	background:#fff;
	max-width:100%;
	background-color: #fff !important;
	margin-top:0px;
	padding-top: 0px !important;
}	

.ai-auto-quest-time-box{
	margin-top:0px;
	padding-top: 0px !important;
}	

.ai-chatbot-form-box{
	width:100%;
	margin-bottom: -10px;	
	margin-top:10px;
}	

.ai-chatbot-message-input-box{
	display:none !important;	
}	

.ai-chatbot-form-btn{
	width:100%;
	text-align:center;
	background:#fe0101 !important;
	color:#fff !important;	
	border-radius:4px !important;
	font-size:15px !important;
	padding: 6px 12px !important;
	font-weight:normal !important;
}	

.ai-auto-quest-time-box-right{
	margin-top:0px;
	padding-top: 0px !important;
	text-align:right;
}

.ai-auto-quest-time-box  .column{
	padding-top:2px;	
}	


.ai-auto-quest-time-box-right .column{
	padding-top:2px;	
}	

.ai-auto-quest-time .subtitle{
	font-size:13px !important;
	font-weight:normal;
	margin-bottom: 0px;
}	

.ai-chatbot-phone-box .phone-number-input-group .btn{
	line-height: 1.1;
}	

.ai-chatbot-form input{
	border-radius:4px;
	border: 1px solid #96DCF8;
}

.chatbot-form-error-msg{
	color:#f00;	
}
	
.ai-chatbot-phone-box .phone-number-input-group .form-control{
	border: 1px solid #96DCF8;
	border-left:none;
}

.ai-chatbot-phone-box .phone-number-input-group .btn{
	border: 1px solid #96DCF8;
	border-right:none;
}

.ai-chatbot-message-input-box-show{
	display:flex !important;	
}
	
.ai-chat-end-box{
	text-align: left;
	margin-left: 40px;
	display:none;
}

.ai-chat-end-btn{
	background:#fff;
	border:1px solid #ccc;
	border-radius:5px;
	font-size:14px;
	padding:3px 6px;
    margin-top: -5px;
	z-index: 9;
	position: absolute;
}	

.start-a-conversation-box{
	width: 100% !important;
    text-align: center;
    margin-left: 0px !important;
	margin-top:0px !important;
}	
	
.start-a-conversation-btn{
	width:98% !important;	
	margin:0px auto !important;
	font-size:17px !important;
	border:none !important;
	background-color:#e9e9ed !important;	
	border-radius: 4px !important;
	padding: 6px 12px !important;
	margin-bottom: 0 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1.428571429 !important;
    text-align: center !important;
	color:#000 !important;
	padding-bottom: 12px !important;
}

.notification.is-info{
	word-break: break-word
}	
	
.notification.is-info iframe{
	max-width:100% !important;
	max-height:173px !important;
}
	
@media screen and (max-width: 980px){
    .cm-ai-chatbot-box .chatbot-container{ 	
		  border:medium;
		  position: fixed;
		  flex-direction: column;
		  justify-content: space-between;
		  box-shadow: rgba(150, 150, 150, 0.2) 0px 10px 30px 0px, rgba(150, 150, 150, 0.2) 0px 0px 0px 1px;
		  bottom: 0px;
		  right: 0px;
		  width: 100%;
		  height: 100dvh;
		  max-height: 824px;
		  border-radius:0px;
		  display: flex;
		  z-index: 2147483646;
		  overflow:	hidden;
		  background-color: white;
		  left: unset;
		  top: 66px;
	}  
	
	.cm-ai-chatbot-box .chat-bot-header{
		padding:1px;	
	}	
	
	.cm-ai-chatbot-box .column .card-content{
		height:calc(70dvh - 45px)!important;
		overflow-x: hidden;		
	}
}	