.chat-border{
	width: 50%;
	border-radius: 3px;
	height: 80%;
	overflow: hidden;
	margin:5% auto;
/*	padding: 10px 15px;*/
}
.massage-windows{height: calc(100% - 166px);overflow: auto;padding: 10px 15px;
}
.media-object{width: 30px;height: 30px;}
.date{font-size: 12px;
	color: #fff;
	background-color: #dcdcdc;
	border-radius: 3px;padding: 5px;
	margin: 10px 0;
}

.item-left, .item-right{
	padding: 0px 10px;
    max-width: calc(100% - 40px);
    min-height: 30px;
    line-height: 30px;
    border-radius: 5px;
    display: inline-block;
}
.item-left{background-color: #fff;}   
.item-right{background-color: #b2e281;}   
.triangle-l{position: absolute;margin: 5px 0 5px -20px;color: #fff;}   
.triangle-r{position: absolute;right:0;margin: 5px 30px 5px 0px;color: #b2e281;float: right;display: inline-block;}   
/*.answer{height:calc(100%-150px;) ;overflow-y: scroll;}*/
.qustion-windows{background-color: #fff;height: 150px;border-top: 1px solid #ddd;}
.qustion{height: 100px;background-color: #fff;width: 100%;padding: 10px 15px;
	line-height: 20px;}
	.qustion:focus{border: 0;outline:none}
#minus{margin-right: 10px;}
#minus:hover, #minus:active{color:#b2091c;cursor: pointer;}
@media screen and (max-width: 767px) {
	.chat-border{
	width: 90%;
}

}