/* .thinking{
	position: relative;
	background-color: #FFFFFF;
	width: 80%;
	left: 15px;
	color: #0099FF;
	padding: 8px 5px 5px 8px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	box-shadow: 0 3px 3px #FFCC99;
	margin-bottom: 15px;
	border: 1px solid #CCCCCC;
	float: left;
	clear: both;
	display: none;
} */

.thinking {
    position: relative;
    background-color: rgba(255,255,255,0.85);
    /* width: 20%; */
    left: 15px;
    color: #0099FF;
    padding: 10px 5px 8px 5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    box-shadow: 0 3px 3px #555555;
    margin: 0px 0px 15px 40px;
    border: 1px solid #CCCCCC;
    float: left;
    clear: both;
	display: none;
}

.thinking::before{
	content: "";
	position: absolute;
	left: -16px;
	top: 50%;
	margin-top: -5px;
	width: 0px;
	height: 0px;
	border-right: 10px solid #CCCCCC;
	border-top: 5px solid transparent;
	border-left: 5px solid transparent;
	border-bottom: 5px solid transparent;
	z-index:2;
}

.thinking::after{
	content: "";
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -5px;
	width: 0px;
	height: 0px;
	border-right: 10px solid #FFFFFF;
	border-top: 5px solid transparent;
	border-left: 5px solid transparent;
	border-bottom: 5px solid transparent;
	z-index:3;
}

.ball-pulse > div {
 	background-color: #666666;
	width: 8px;
	height: 8px;
}