/*! social v1.0.0 | (c) 2020  | ISC License | https://opcionguik.com.mx/git/social */
/*top containers */
/* line 2, src/sass/chat.scss */
.messaging {
  padding: 0 0 0 0;
}

/* line 5, src/sass/chat.scss */
.inbox_msg {
  clear: both;
  overflow: hidden;
  height: 70vh;
}

/*START left side */
/* line 13, src/sass/chat.scss */
.inbox_people {
  background: #f8f8f8 none repeat scroll 0 0;
  float: left;
  overflow: hidden;
  width: 25%;
  border-right: 1px solid #c4c4c4;
  height: 100%;
  max-height: 100%;
}

/*item 1, search bar*/
/* line 23, src/sass/chat.scss */
.headind_srch {
  padding: 10px 29px 10px 20px;
  overflow: hidden;
  border-bottom: 1px solid #c4c4c4;
}

/* line 24, src/sass/chat.scss */
.recent_heading {
  float: left;
  width: 40%;
}

/* line 25, src/sass/chat.scss */
.recent_heading h5 {
  color: #05728f;
  margin: auto;
}

/* line 30, src/sass/chat.scss */
.srch_bar {
  display: inline-block;
  text-align: right;
  width: 60%;
  /*padding:*/
}

/* line 36, src/sass/chat.scss */
.srch_bar input {
  border: 1px solid #cdcdcd;
  border-width: 0 0 1px 0;
  width: 80%;
  padding: 2px 0 4px 6px;
  background: none;
}

/* line 37, src/sass/chat.scss */
.srch_bar .input-group-addon {
  margin: 0 0 0 -27px;
}

/* line 38, src/sass/chat.scss */
.srch_bar .input-group-addon button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 0;
  color: #707070;
  font-size: 18px;
}

/* Item2, groups */
/* line 47, src/sass/chat.scss */
.inbox_chat {
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
}

/* line 52, src/sass/chat.scss */
.chat_list {
  border-bottom: 1px solid #c4c4c4;
  margin: 0;
  padding: 18px 16px 10px;
}

/* line 57, src/sass/chat.scss */
.pinned {
  border: 2px solid #c4c4c4;
}

/* line 62, src/sass/chat.scss */
.active_chat {
  background: #ebebeb;
}

/* line 63, src/sass/chat.scss */
.chat_people {
  overflow: hidden;
  clear: both;
}

/* line 64, src/sass/chat.scss */
.chat_img {
  float: left;
  width: 11%;
}

/* line 68, src/sass/chat.scss */
.chat_avatar {
  vertical-align: middle;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

/* line 74, src/sass/chat.scss */
.chat_ib {
  float: left;
  padding: 0 0 0 20px;
  width: 88%;
}

/* line 80, src/sass/chat.scss */
.chat_groupName {
  font-size: 15px;
  color: #464646;
}

/* line 81, src/sass/chat.scss */
.chat_groupDate {
  font-size: 12px;
  float: right;
}

/* line 82, src/sass/chat.scss */
.chat_groupText {
  font-size: 13px;
  color: #989898;
  margin: 5px 0 0 0;
}

/*END left side */
/*START right side */
/* line 88, src/sass/chat.scss */
.mesgs {
  float: left;
  padding: 5px 5px 0px 5px;
  width: 75%;
  height: 100%;
  max-height: 100%;
}

/*item 1, message history*/
/* line 97, src/sass/chat.scss */
.msg_history {
  height: 92%;
  overflow-y: auto;
}

/* line 103, src/sass/chat.scss */
.incoming_msg {
  margin: 0px 0px 5px 0px;
}

/* line 106, src/sass/chat.scss */
.incoming_msg_img {
  vertical-align: top;
  display: inline-block;
}

/* line 110, src/sass/chat.scss */
.received_msg {
  display: inline-block;
  padding: 0 0 0 5px;
  max-width: 60%;
}

/* line 115, src/sass/chat.scss */
.received_msg p {
  background: #ebebeb none repeat scroll 0 0;
  border-radius: 10px;
  color: #646464;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 10px;
  width: 100%;
}

/* line 124, src/sass/chat.scss */
.received_msg img {
  display: block;
  max-width: 100%;
  max-height: 50vh;
  margin-right: auto;
}

/* line 130, src/sass/chat.scss */
.received_msg .isResponse {
  display: block;
  width: 100%;
  padding: 0px 5px 0px 5px;
  background: #d3d3d3 none repeat scroll 0 0;
  border-width: 1px 1px 1px 4px;
  border-color: #fafafa;
  border-style: solid;
  border-radius: 5px;
}

/* line 142, src/sass/chat.scss */
.outgoing_msg {
  overflow: hidden;
  margin: 0px 5px 5px 0px;
}

/* line 146, src/sass/chat.scss */
.sent_msg {
  float: right;
  max-width: 60%;
}

/* line 150, src/sass/chat.scss */
.sent_msg p {
  background: #05728f none repeat scroll 0 0;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 10px;
  width: 100%;
}

/* line 159, src/sass/chat.scss */
.sent_msg img {
  display: block;
  max-width: 100%;
  max-height: 50vh;
  margin-left: auto;
}

/* line 165, src/sass/chat.scss */
.sent_msg .isResponse {
  display: block;
  width: 100%;
  padding: 0px 5px 0px 5px;
  background: #045f79 none repeat scroll 0 0;
  border-width: 1px 1px 1px 4px;
  border-color: #078fb4;
  border-style: solid;
  border-radius: 5px;
}

/*item 2, type your message*/
/* line 178, src/sass/chat.scss */
.type_msg {
  border-top: 1px solid #c4c4c4;
  height: 8%;
}

/* line 182, src/sass/chat.scss */
.input_msg_write input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4c4c4c;
  font-size: 15px;
  width: 90%;
}

/* line 189, src/sass/chat.scss */
.msg_send_btn {
  background: #05728f none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  float: right;
  width: 33px;
}

/*others*/
/* line 202, src/sass/chat.scss */
.time_date {
  color: #949494;
  display: block;
  font-size: 12px;
  margin: 5px 0 0;
}

/* line 208, src/sass/chat.scss */
.fromName {
  color: #646464;
}

/* line 212, src/sass/chat.scss */
.alignRight {
  text-align: right;
}

/* line 216, src/sass/chat.scss */
.unRead {
  font-weight: bold;
  color: black;
}

/* line 222, src/sass/chat.scss */
#attachmentList {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4c4c4c;
  font-size: 13px;
}

/* line 230, src/sass/chat.scss */
#messageAttachCancelBtn {
  float: left;
  font-size: 13px;
}

/* line 236, src/sass/chat.scss */
.stop-scrolling {
  overflow: hidden;
}