.chat_box{  
	position:fixed;
	right:20px;
	bottom:0px;
	width:350px;
}
.chat_body{
	background:#16a085;
	height:400px;
	padding:5px 0px;
}

.chat_head,.msg_head{
	background:#01B0F0;
	color:white;
	padding:15px;
	font-weight:bold;
	cursor:pointer;
}

.msg_box{
	position:fixed;
  right:100px;
	bottom:60px;
	width:350px;
	border-radius:5px 5px 0px 0px; 
  background-color: rgba(0, 162, 255, 0.7);
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.33);
  border: 5px solid #01B0F0; 
}

.msg_head{
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
}

.msg_wrap{
}

.msg_body{
	height:200px;
	font-size:12px;
	padding:15px;
	overflow:auto;
	overflow-x: hidden;
}
.msg_input{
  background-color: rgba(0, 162, 255, 0.7);
	border: 0px solid #DDDDDD; 
  margin-bottom: 5px;
}
.btn-warning{
  background-color: #01B0F0;
  border: 1px solid #01B0F0;  
}
.btn-warning:hover{
  background-color: #01B0F0;
}
.msg_footer{
	pad ding: 5px 5px;
}
.close{
	float:right;
	cursor:pointer;
}
.close-1{
	float:right;
	cursor:pointer;
}
.minimize{
	float:right;
	cursor:pointer;
	padding-right:5px;
	
}

.user{
	position:relative;
	padding:10px 30px;
}
.user:hover{
	background:#f8f8f8;
	cursor:pointer;

}
.user:before{
	content:'';
	position:absolute;
	background:#2ecc71;
	height:10px;
	width:10px;
	left:10px;
	top:15px;
	border-radius:6px;
}

.msg_a{
	position:relative;
	background:#FFF;
	padding:10px;
	min-height:10px;
	margin-bottom:5px;
	margin-right:10px;
	border-radius:5px;
}
.msg_a:before{
	content:"";
	position:absolute;
	width:0px;
	height:0px;
	border: 10px solid;
	border-color: transparent #FFF transparent transparent;
	left:-20px;
	top:7px;
}


.msg_b{
	background:rgba(0, 162, 255, 0.7);
	padding:10px;
	min-height:15px;
	margin-bottom:5px;
	position:relative;
	margin-left:10px;
	border-radius:5px;
}
.msg_b:after{
	content:"";
	position:absolute;
	width:0px;
	height:0px;
	border: 10px solid;
	border-color: transparent transparent transparent rgba(0, 162, 255, 0.7);
	right:-20px;
	top:7px;
}

.msg_body::-webkit-scrollbar {
    width: 12px;
}
.msg_body::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 2px;
}
.msg_body::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.49);
    border-radius: 2px;
}

    .draggable {
      cursor: move;
    }  
    
#name::-webkit-input-placeholder { color: #222222; }
#name:-moz-placeholder { color: #222222; }
#name::-moz-placeholder { color: #222222; }
#name:-ms-input-placeholder { color: #222222; }   

#inp::-webkit-input-placeholder { color: #222222; }
#inp:-moz-placeholder { color: #222222; }
#inp::-moz-placeholder { color: #222222; }
#inp:-ms-input-placeholder { color: #222222; }