@charset "utf-8";
/* CSS Document */
/* @media screen and (min-width:1900px){
	.hb-chatbot-page .chatbot-content-panel .chatbot-content-inner.search-result-wrapper .chat-main-cnt .search-result-content	{
		width:1100px;
	}
	.hb-chatbot-page .chatbot-content-panel .chatbot-content-inner .chat-main-cnt .predefined-suggestion-blocks{
		width:1100px;
	}	
} */

@media screen and (min-width:1200px) and (max-width:1599px){
	.hb-chatbot-page .chatbot-content-panel .chatbot-content-inner .chat-main-cnt .predefined-suggestion-blocks,
	.hb-chatbot-page .chatbot-content-panel .chatbot-content-inner.search-result-wrapper .chat-main-cnt .search-result-content{
		width:96%;
		padding: 0 2%;
	}
	.hb-chatbot-page .chatbot-content-panel .chatbot-content-inner .chat-main-cnt .predefined-suggestion-blocks ul li{
		font-size: var(--font14);	
	}
	.hb-chatbot-page .chatbot-sidepanel{
		width:300px;
	}
	.hb-chatbot-page .chatbot-content-panel{
		width:calc(100% - 350px);
	}
	.hb-chatbot-page .chatbot-sidepanel .mode-list ul li a.btn{
		height:40px;
		line-height:40px;
		padding:0
	}
}
@media screen and (min-width:300px) and (max-width:800px){
	.leftpanel-menu{
		display:block;
	}
	.hb-chatbot-page .chatbot-content-panel{
		width:100%;
	}

	.chatbot-sidepanel.hide{
		display:none;
		width:0;
		transition:1s all ease-in-out;		
	}
	.hb-chatbot-page .chatbot-sidepanel .mode-list{
		margin-top:35px;
	}
	.chatbot-sidepanel.show{
		display:block;
		width:100%;
		position:absolute;
		left:0;
		top:0;		
		transition:1s all ease-in-out;
		z-index:11;
		box-sizing:border-box;
	}
	.chatbot-sidepanel{
		width:0;
		position:absolute;
		height: 100vh;
	    box-shadow: 0 0 10px rgba(256,256,256,0.10);
		transition:1s all ease-in-out;	
	}
	.hb-chatbot-page .chatbot-content-panel .chatbot-content-inner .chat-main-cnt .predefined-suggestion-blocks,
	.hb-chatbot-page .chatbot-content-panel .chatbot-content-inner.search-result-wrapper .chat-main-cnt .search-result-content{
		width:96%;
		padding: 0 2%;
	}
	.hb-chatbot-page .chatbot-content-panel .chatbot-content-inner .chat-main-cnt{
		padding: 0 10px;
	}
	.hb-chatbot-page .chatbot-content-panel .chatbot-content-inner .chat-input-cnt{
		width: 96%;
		box-sizing: border-box;
		padding-right: 2%;
		padding-left: 2%;
		left: 0;
	}
	.hb-chatbot-page .chatbot-content-panel .chatbot-content-inner .chat-input-cnt .input-wrapper{
		width: calc(100% - 40px);
	}
	.connect-btn{
		top:10px;
    	right: 10px;				
	}
	.connect-btn .btn {
    	height: 22px;
	    line-height: 22px;
	}
	.hb-chatbot-page .chatbot-content-panel .chatbot-content-inner .chat-main-cnt h1{
		margin:60px 0 0 0 !important;
    	font-size: var(--font28) !important;
	    text-align: center !important;	
	}
	.hb-chatbot-page .chatbot-content-panel .chatbot-content-inner .chat-main-cnt .predefined-suggestion-blocks ul li{
		width:100%;
	}
	.hb-chatbot-page .chatbot-content-panel .chatbot-content-inner.search-result-wrapper .chat-main-cnt .search-result-content .conversation-cnt ul li{
		padding:20px 10px 10px;
		gap:5px;
	}
	.hb-chatbot-page .chatbot-content-panel .chatbot-content-inner.search-result-wrapper .chat-main-cnt .search-result-content .conversation-cnt ul li .profile-pic{
		width:25px;
		height:25px;
	}
	.hb-chatbot-page .chatbot-content-panel .chatbot-content-inner.search-result-wrapper .chat-main-cnt .search-result-content .conversation-cnt ul li .system-response-cnt .response-details .search-table-wrapper .table-scroll-cnt table.search-content-table td{
		font-size:var(--font14);
	}
	.hb-chatbot-page .chatbot-content-panel .chatbot-content-inner.search-result-wrapper .chat-main-cnt .search-result-content .conversation-cnt ul li .system-response-cnt .response-details .info-text{
	    flex-direction: column-reverse;
		align-items: flex-end;
	}
	.btn{
		line-height:34px;
	}	
	.btn-md{
		line-height:20px !important;
		font-size:var(--font12);
	}
	.hb-chatbot-page .chatbot-sidepanel .mode-list ul li a .topic-title{
	    font-size: var(--font20);
	}
	.hb-chatbot-page .chatbot-sidepanel .mode-list ul li a .topic-title em{
	    font-size: var(--font16);
	}
	
	.leftpanel-menu a{
	    width: 30px;
	    height: 30px;
	    border: 1px solid #444;	
	}
	.hb-chatbot-page .chatbot-content-panel .chatbot-content-inner.search-result-wrapper .chat-main-cnt .search-result-content .conversation-cnt ul li.system-side.chart-data{
		padding-left:6px;
	}
	.radio-buttons label {
		font-size: 16px;
		padding-left: 30px;
	}
	.radio-buttons label::before {
		width: 15px;
		height: 15px;
		border-width: 1px;
	}
	#feedback-popup.modal #feedback-form .form-group {
		padding: 6px 15px;
	}
	.radio-buttons label::after {
		width: 13px;
		height: 13px;
	}
}