#online_mess.mobile {
  width: 100%;
  left: 0px;
  top: 0px !important;
}

#online_mess.mobile .h {
  width: 100%;
}

#online_mess.mobile .b {
  height: 100%;
}

#online_mess.mobile .on_botton {
  position: relative;
}

#online_mess.mobile input[type='text'],
#online_mess.mobile textarea,
#online_mess.mobile select {
  width: 98%;
}

#online_mess.mobile .on_cancel, #online_mess.mobile .on_send {
  width: 110px;
}

#online_chat {
  width: 348px;
  height: 300px;
  padding: 5px;
  overflow-y: auto;
  overflow-x: hidden;
  word-wrap: break-word;
}

#online_mess {
  position: fixed;
  bottom: 100px;
  right: 100px;
  display: none;
  border: 0px;
  background-color: none;
  z-index: 10002;
  border-radius: 15px;
  width: 400px;
}

.mess_icon, .fb_icon {
  position: fixed;
  bottom: 30px;
  right: 10px;
  z-index: 10001;
}

.mess_icon img, .fb_icon img {
  height: 140px;
  cursor: pointer;
}

@media screen and (max-width: 991px) {
  .mess_icon, .fb_icon {
    bottom: 8px;
    right: 10px;
    z-index: 10;
  }
  .mess_icon img, .fb_icon img {
    height: 80px;
  }
}

#online_mess .h {
  background: #818286;
  width: 400px;
  height: 50px;
  cursor: move;
  padding-top: 5px;
  border-radius: 15px 15px 0px 0px;
}

#online_mess .b {
  background: url("../img/on/on_border_right.jpg") right 50% no-repeat,
  url("../img/on/on_border_side.jpg") right 0px repeat-y,
  url("../img/on/on_border_left.jpg") 0px 50% no-repeat,
  url("../img/on/on_border_side.jpg") 0px 0px repeat-y;
  background-color: #fff;
  padding: 10px 20px 5px 20px;
}

#online_mess input[type='text'], #online_mess textarea {
  width: 349px;
  border-radius: 5px;
  min-height: 35px;
  margin: 5px 0 5px 4px;
  padding-left: 3px;
  border: 1px solid #D3D3D3;
  background: #FFFFFF;
}

#online_mess select {
  width: 349px;
  border-radius: 5px;
  height: 35px;
  margin: 5px 0 5px 4px;
  border: 1px solid #D3D3D3;
  color: #A3A3A3;
  font-weight: bold;
  background: #FFFFFF;
}

#online_mess .text {
  margin: 5px;
}

#online_mess .on_logo {
  margin-left: 25px;
  margin-top: 8px;
}

#online_mess .on_status {
  position: absolute;
  right: 0;
  margin-right: 42px;
  margin-top: 6px;
}

#online_mess .on_botton {
  width: 100%;
  height: 15px;
  background: #818286;
  border-radius: 0px 0px 15px 15px;
}

#online_mess .on_close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}

#online_mess a {
  color: #759644;
}

#online_mess .mess {
  color: #FFFFFF;
  background: #861D31;
  text-align: center;
  background: url("../img/on/on_border_side.jpg") right 0px repeat-y , url("../img/on/on_border_side.jpg") 0px 0px repeat-y, #861D31;
}

#online_mess .on_send {
  background: #86a653;
  border: 0px;
  color: #FFFFFF;
  border-radius: 5px;
  height: 40px;
  width: 170px;
  font-size: 16px;
  cursor: pointer;
}

#online_mess .on_cancel {
  background: #bdbec0;
  border: 0px;
  color: #FFFFFF;
  border-radius: 5px;
  height: 40px;
  width: 170px;
  font-size: 16px;
  margin-right: 5px;
  margin-left: 5px;
  cursor: pointer;
}

#online_mess label {
  position: absolute;
  padding-left: 10px;
  padding-top: 10px;
  color: #AEB0B3;
  z-index: 10;
}

#online_mess #online_chat a {
  color: #FFFFFF;
}

#online_mess #online_chat .user1 {
  background: #BBBDBF;
  color: #FFFFFF;
  padding: 5px 15px 5px 15px;
  border-radius: 5px;
  width: 278px;
  float: left;
  min-height: 50px;
}

#online_mess #online_chat .user1_r {
  float: left;
  width: 20px;
  height: 50px;
  background: url("../img/on/on_user1.jpg") right 50% no-repeat;
}

#online_mess #online_chat .user1_h {
  float: left;
  color: #BBBDBF;
  width: 318px;
  height: 20px;
  font-weight: bold;
  margin: 30px 0px 10px 0px;
}

#online_mess #online_chat .user2 {
  background: #87a654;
  color: #FFFFFF;
  padding: 5px 15px 5px 15px;
  border-radius: 5px;
  width: 278px;
  float: left;
  min-height: 50px;
}

#online_mess #online_chat .user2_r {
  float: left;
  width: 20px;
  height: 50px;
  background: url("../img/on/on_user2.jpg") left 50% no-repeat;
}

#online_mess #online_chat .user2_h {
  float: left;
  color: #87a654;
  width: 318px;
  height: 20px;
  font-weight: bold;
  margin: 30px 0px 10px 0px;
  padding-left: 20px;
}

#online_mess #online_chat .time {
  font-weight: normal;
}