#FaqChat {
    background: url(../../images/page/faq_chat/title.png) no-repeat;
    width: 840px;
    padding-top: 50px;
    font-size: 13px;
    position: relative;
}
.card{
    height: 785px;
    padding: 7px 4px 7px 7px;
    border: 1px solid #e8e8e8;
    background-color: #fafafa !important;
}
.msg_head{
	color: #fafafa;
}
.msg_card_body{
    height: calc(80vh);
    overflow-y: auto;
}
.card-header{
    border-radius: 15px 15px 0 0 !important;
    border-bottom: 0 !important;
}
.card-footer{
	border-radius: 0 0 15px 15px !important;
    border-top: 0 !important;
}
.btn_chat{
	padding:3px 6px;
	margin:3px 3px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    line-height: 30px;
	background-color: transparent;
	transition: all .3s linear;
	border-radius:10px;
}
.btn_chat1 {
    margin-left: 55px;
}
.btn_category{
    color: #1274AC;
    border: 1px solid #1274AC;
}
.btn_category:hover{
    background-color: #1274AC;
    color: #fff;
}
.btn_question{
    color: #FF5809;
    border: 1px solid #FF5809;
}
.btn_question:hover{
    background-color: #FF5809;
    color: #fff;
}
.btn_end{
    color: #4F4F4F;
    border: 1px solid #4F4F4F;
	margin: 5px 5px 5px 0;
}
.btn_end:hover{
    background-color: #4F4F4F;
    color: #fff;
}

.chat_logo{
	width: 43px;
	height: 41px;
	display: inline-block;
	vertical-align: top;
	background: #FFF;
	border-radius: 50%;
	text-align: center;
	padding-top: 4px;
	padding-left: 2px;
	border: 1px solid #e2e2e2;
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.08);
}
.chat_logo img {
    width: 85%;
}
.chat_response{
	display: inline-block;
	margin: 5px 5px 5px 5px;
	border-radius: 0 25px 25px 25px;
	background-color: #ffffff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
	padding: 10px;
	position: relative;
	width:fit-content;
	max-width: 75%;
	line-height: 20px;
}

.chat_send{
	display: block;
	margin: 1px 5px 5px auto;
	border-radius: 25px 25px 0 25px;
	background-color: #6cd5f8;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
	padding: 10px;
	position: relative;
	width:fit-content;
	line-height: 20px;
}

.chat_end{
	line-height:1.5;
	margin: 20px 5px;
	align-items: center;
	display: block;
	border-radius: 25px;
	background-color: #c6f0ff;
	padding: 10px;
	position: relative;
	box-shadow: 0 1px 2px rgba(169, 171, 173, 0.2);
}

/*loading anime*/
.chat_load > div {
	margin-right:3px;
	background-color: #cacaca;
	height: 8px;
	width: 8px;
	border-radius: 50%;
	display: inline-block;
	animation: stretchdelay 0.7s infinite ease-in-out;
}

@keyframes stretchdelay {
   0%, 40%, 100% { 
        transform: translateY(0px);
   }
   20% {
        transform: translateY(-10px);
   }
}

.chat_load .circ1 {
  animation-delay: 0;
}

.chat_load .circ2 {
  animation-delay: 0.1s;
}

.chat_load .circ3 {
  animation-delay: 0.2s;
}

.chat_load .circ4 {
  animation-delay: 0.3s;
}