.chat-status .btn-group,
.chat-status button {
  width: 97%;
}

.chat-status ul.dropdown-menu {
  margin-right: 5px !important;
}
.chat-status ul.chat-contacts li .status {
  margin-top: 9px !important;
}
.chat-status {
  padding: 5px 0 5px 11px;
  font-size: 12px;
  font-weight: bold;
  color: #bebebe;
  border-top: 1px solid #ededed;
}
.chat-search-network {
  border-bottom: 1px solid #ededed;
  padding: 0px !important;
}

.sidebar-chat .chat-contacts li .status {
  margin-top: 28px !important;
}
.chat-window-no-message {
  color: #aaaaaa;
  padding: 2px 0 6px 7px;
}
.chat-window-container .panel .panel-body .media:nth-child(2n) .media-left {
  float: inherit;
  padding-left: 0px;
  padding-right: 10px;
}
.chat-window-container .panel .panel-body .media:nth-child(2n) .message {
  float: inherit;
}
.media.message-right .media-left {
  float: right !important;
}
.media.message-right .message {
  float: right !important;
  margin-left: 10px;
}
.media.message-right .media-body {
  padding-right: 10px;
}
.chat-window-container .panel .form-control {
  height: 34px !important;
}
.chat-window-container .input_disabled {
  background-color: #cccccc;
  color: #aaaaaa;
}
.chat-window-container div[data-scrollable] {
  height: 140px;
}
.animated-recursive {
  -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s;
  -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s;
  -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite;
}
.animated-recursive-slow {
  -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s;
  -webkit-animation-delay: 10s; -moz-animation-delay: 10s; -o-animation-delay: 10s; animation-delay: 10s;
  -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite;
}
.message-date {
  text-align: center;
  color: #aaaaaa;
}

span.chat-message-status.online span.status {
  background: #8bbf61 none repeat scroll 0 0;
}

span.chat-message-status.offline span.status {
  background: #c2c2c2 none repeat scroll 0 0;
}

span.chat-message-status.away span.status {
  background: #f0ad4e none repeat scroll 0 0;
}

span.chat-message-status.busy span.status {
  background: #bd362f none repeat scroll 0 0;
}


.chat-window-message-previous {
  background-color: #cccccc;
  font-weight: bold;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
  width: 100%;
  float: left;
}

.chat-window-message-previous a {
  color: #ffffff;
}

.chat-window-attachment {
  position: absolute;
  cursor: pointer;
  margin: -46px 0 0 -6px;
  background-color: #424242;
  width: 36px;
  height: 39px;
}

.chat-attachment-input-button {
  color: white;
  font-size: 25px;
  padding-left: 1px;
  padding-top: 6px;
}

.chat-attachment-input-general-button {
  color: white;
  font-size: 22px;
  padding: 0px;
  display: table-cell !important;
}

@media (max-width: 767px) {
  .chat-textarea-mobile {
    width: 87.5% !important;
  }
  .chat-text-mobile {
    width: 78% !important;
    margin-left: 34px !important;
  }
}