---
# System prepended metadata

title: Untitled

---

```

.contact_inside{
  width: 100%;
  padding-left: 9px;
  background-color: #fff;
  /*height: 100vh;*/
}
.contact_inside .left_side{
  float: left;
  width: 25%;
  height: 100%;
  border-right: 1px solid #c2c2c2;
  overflow-y: auto;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;
}
.contact_inside .right_side{
  float: left;
  width: 74.5%;
  height: 100%;
  position: relative;
}
.contact_inside .right_side .message_bar{
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #F5AA56;
  color: #fff;
}
.message_bar .row .message_icons{
  text-align: center;
  line-height: 25px;
}
.message_bar .row {
  padding: 5px 0;
}
.message_text_bar{
  border: 0;
  transition: .4s;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 20px;
  color: #2C2C2C;
  width: 100%;
  outline: none;
  border: 1px solid #F5AA56;
  line-height: 25px;
}
.message_text_bar:focus{
  border: 1px solid #fff;
}
.message_top_bar{
  /*padding: 0 10px;*/
  height: 70px;
  display: flex;
  /*line-height: 70px;*/
  border-bottom: 1px solid #c2c2c2;
}
.message_top_bar .message_header{
  margin: auto 10px;
}
.contact_list_top_bar{
  height: 70px;
  border-bottom: 1px solid #c2c2c2;
  display: flex;
}
.contact_list_top_bar .input_area{
  margin: auto 10px;
  width: 100%;
}
.contact_list_top_bar .input_area input{
  width: 60%;
  outline: none;
  border: 1px solid #c2c2c2;
  transition: .4s;
  color: #c2c2c2;
  padding: 3px;
  border-radius: 10px;
  font-size: 12px;
}
.contact_list_top_bar .input_area select{
  font-size: 12px;
  border-radius: 10px;
  background-color: #fff;
  padding: 4px 2px;
  border: 1px solid #c2c2c2;
  width: 38%;
  color: #c2c2c2;
}
.contact_list_top_bar .input_area input:focus{
  outline: none;
  border: 1px solid #000;
  color: #000;
}
.contact_people{
  cursor: pointer;
  border-bottom: 1px solid #c2c2c2;
  overflow-x: hidden;
  padding: 10px
}
.contact_active{
  background-color: #E7F3FF;
}
.contact_people_col .img_area .img{
  width: 40px;
  height: 40px;
  background-color: #6E6E6E;
  border-radius: 50%;
}
.contact_people_col .name_area{
  font-size: 12px;
}
.contact_people_col .name_area .desc{
  font-size: 8px;
} 
.contact_people_col .date_area{
  font-size: 8px;
}
```