/* Connection Status Begin */
.bot-connected, .bot-disconnected {
  font-family: 'Material Icons';
  font-size: 25px;
  color: white;
  float: left;
  margin-top: 2px;
  padding-right: 5px;
}

.bot-connected:before {
  content: '\e859';
}

.bot-disconnected:before {
  text-shadow: 0px 0px 10px red;
  content: '\e859';
}
/* Connection Status End */

/* Voice Begin */
.bot-voice-enabled, .bot-voice-disabled {
  font-family: 'Material Icons';
  font-size: 25px;
  color: white;
  float: right;
  margin-top: 2px;
  padding-right: 5px;
  clear: both;
}

.bot-voice-enabled:before {
  content: '\e050';
}
.bot-voice-disabled:before {
  content: '\e04f';
}
/* Voice End */

/* Communicators Start */
.bot-human, .bot-machine {
  font-family: 'Material Icons';
  font-size: 50px;
  text-shadow: 2px 2px 4px white;
  padding-right: 5px;
}

.bot-human:before {
  float: right;
  color: pink;
  content: '\e87c';
  margin-top: -15px;
}

.bot-machine:before {
  float: left;
  color: gray;
  content: '\e60e';
  margin-top: -15px;
}

.chatbox_body_message-right .bot-message {
  padding-right: 50px;
}

.chatbox_body_message-left .bot-message {
  padding-left: 50px;
}

.bot-email {
  vertical-align: super;
}

.bot-email a:before {
  padding-margin:10px;
  font-family: 'Material Icons';
  font-size: 22px !important;
  content: '\e0be';
}

/* Communicators End */

.chat-main {
  box-shadow: 5px 5px 20px #404040;
}

.header-one {
  background: #404040;
  height: 45px;
}

.name {
  color: white;
}

.msg-box {
  background: white;
  font-size: 14px;
}

.msg-box input {
  font-size: 14px;
}

.text-box {
  height: 35px;
  font-size: 1.2em;
  background-color: #fafafa;
}

.text-input {
  background-color: #fafafa;
}

.chats {
  background: #ECEFF1;
}

.bot-message {
  color: #333;
  border-radius: 4px;
  font-size: 14px;
  background-color: white;
  -webkit-box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.1);
  box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.1);
}