.main-section{

  width: 300px;

  position: fixed;

  right:30px;

  bottom:-350px;

  z-index: 1000;

}

@media all  and (max-width: 540px) {

   

   .main-section

   {

    right:10px;

   }



}



.first-section:hover{

  cursor: pointer;

}

.open-more{

  bottom:0px;

  transition:2s;

}

.border-chat{

  border:1px solid #F27A00;

  margin: 0px;

}

.first-section{

  background:rgba(0, 0, 0, 0) linear-gradient(#f27a00, #656565) repeat scroll 0 0;

}

.first-section p{

  color:#fff;

  margin:0px;

  padding: 10px 0px 0px;

}

.first-section p:hover{

  color:#fff;

  cursor: pointer;

}

.right-first-section{

   text-align: right;

}

.right-first-section i{

  color:#fff;

  font-size: 15px;

  padding: 12px 3px;

}

.right-first-section i:hover{

  color:#fff;

}

.chat-section ul li{

  list-style: none;

  margin-top:10px;

  position: relative;

}

.chat-section{

  overflow-y:scroll;

  height:300px;

}

.chat-section ul{

  padding: 0px;

}

.left-chat img,.right-chat img{

  width:50px;

  height:50px;

  float:left;

  margin:0px 10px;

  border: 1px solid #fff;

}

.right-chat img{

  float:right;

}

.second-section{

  padding: 0px;

  margin: 0px;

 background: rgba(0, 0, 0, 0) linear-gradient(#eee, #ccc) repeat scroll 0 0;

  height: 300px;

}

.left-chat,.right-chat{

  overflow: hidden;

}

.left-chat p,.right-chat p{

  background-color:#FD8468;

  padding: 10px 0px 0px;

  color:#fff;

  border-radius: 5px; 

  float:left;

  width:60%;

  padding:25px 10px 10px;

  

}

.left-chat span,.right-chat span{

  position: absolute;

  /*left:70px;*/

  top:0px;

  color:#B7BCC5;

}



.chat_date{

   padding-left:45px;

   padding-bottom:20px;

   color:#B7BCC5;

}

.right-chat span{

  left:45px;

}

.right-chat p{

  float:right;

  background-color: #FFFFFF;

  color:#FD8468;

}

.third-section{

  border-top: 1px solid #EEEEEE;

  background-color: #EEEEEE;

}

.text-bar input{

  width:90%;

  margin-left:-15px;

  padding:10px 10px;

  border:1px solid #fff;

}

.text-bar a i{

  background-color:#F58220;

  color:#fff;

  width:30px;

  height:30px;

  padding:7px 0px;

  border-radius: 50%;

  text-align: center;

}

.left-chat:before{

  content: " ";

  position:absolute;

  top:0px;

  left:55px;

  bottom:150px;

  border:15px solid transparent;

  border-top-color:#FD8468; 

}

.right-chat:before{

  content: " ";

  position:absolute;

  top:0px;

  right:55px;

  bottom:150px;

  border:15px solid transparent;

  border-top-color:#fff; 

}