.chat-icon {
  background: #27fa00;
}

.chat_header {
  background: #27fa00;
}

.chat_header h2 {
  font-size: 25px;
}

.chat .chat_converse .chat_msg_item.chat_msg_item_user {
  background: #27fa00;
  color: #fff;
}

.chat .chat_converse .chat_msg_item.chat_msg_item_admin {
  margin-left: 85px;
}

.chat .chat_converse .chat_msg_item.chat_msg_item_admin .chat_avatar {
  left: -70px;
}

.chat .chat_converse .chat_msg_item .chat_avatar, .chat_avatar img {
  width: 60px;
    height: 60px;
}

.chat_converse {
  height: 300px;
  padding-top: 25px;
}

.chat-bottom {
  padding: 5px 0px;
  display: flex;
    justify-content: space-around;
}

.chat_field.chat_message {
  background: #ececec;
    height: 40px;
    border-radius: 50px;
    line-height: 35px;
    padding-left: 15px;
    width: 75%;
    margin-left: 30px;
}

.chat-bottom a {
  width: 40px;
    height: 40px;
}

.chat-bottom a button {
  background: #15b5d4;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50px;
}



@media only screen and (min-width: 1024px) {
  .chat {
      width: 500px;
  }
}

@media only screen and (min-width: 768px) {
  .chat {
    width: 500px;
  }
}