.messages {
  max-height: 55vh;
  min-height: 55vh;
  overflow-y: auto;
  overflow-y: scroll;
}
@media screen and (max-width: 735px) {
  .messages {
    max-height: calc(100% - 105px);
  }
}
.messages ul li {
  clear: both;
  width: calc(100% - 25px);
  font-size: 1.2em;
  margin: 10px 5px 0px 0px;
}

.messages ul{
    list-style-type:none;
}

.messages ul li:nth-last-child(1) {
  margin-bottom: 20px;
}
.messages ul li.sent img {
  margin: 6px 8px 0 0;
}
.messages ul li.sent p {
  background: #435f7a;
  color: #f5f5f5;
  border-radius: 10px;
}
.messages ul li p {
  display: inline-block;
  padding: 10px 15px;
  max-width: 205px;
  line-height: 130%;
}
@media screen and (min-width: 735px) {
  .messages ul li p {
    max-width: 300px;
  }
}
.message-input {
  width: 100%;
}
.message-input .wrap {
  position: relative;
}
.message-input .wrap input {
  float: left;
  border: none;
  width: calc(100% - 50px);
  padding: 11px 15px 10px 8px;
  font-size: 1.2em;
  color: #32465a;
  background-color:white;
}
@media screen and (max-width: 735px) {
  .message-input .wrap input {
    padding: 15px 32px 16px 8px;
  }
}
.message-input .wrap input:focus {
  outline: none;
}
@media screen and (max-width: 735px) {
  .message-input .wrap .attachment {
    margin-top: 17px;
    right: 65px;
  }
}
.message-input .wrap .attachment:hover {
  opacity: 1;
}
.message-input .wrap button {
  float: right;
  border: none;
  width: 50px;
  padding: 13px 0;
  cursor: pointer;
  background: #32465a;
  color: #f5f5f5;
}
@media screen and (max-width: 735px) {
  .message-input .wrap button {
    padding: 16px 0;
  }
}
.message-input .wrap button:hover {
  background: #435f7a;
}
.message-input .wrap button:focus {
  outline: none;
}

.messages ul li img {
  margin-bottom: 1%;
  border-radius: 50%;
  width: 40px;
  border: 1px solid grey;
}

.messages ul li.sent p {
  background: #435f7a;
  color: #f5f5f5;
  max-width: 70%;
  word-wrap: break-word;
}

.messages ul .replies p {
  background: #bcbaba;
  color: #2c3e50;
  max-width: 70%;
  word-wrap: break-word;
  border-radius:10px;
}

.noPadding
{
    padding-left:0px !important;
    padding-right:0px !important;
}

.modal-content
{
  border-radius:0px;
  background-clip:border-box;
  border:0;
  /*background-color:transparent !important;*/
  
}

.circle_profile_img
{
  border-radius: 50%;
  width: 50px;
  border:2px solid #2ecc71;
}

.sidebar_background
{
  background-color:#2c3e50;
  color:#f5f5f5;
}

.searchContactInput
{
    width: calc(100% - 25px);
    border: none;
    background: #32465a;
    color: #f5f5f5;
    padding:10px 0 10px 46px;
    font-size:1.3em;
}

.chatBoxControlButtonDiv
{
    background: #32465a;
    color: #f5f5f5;
    font-size:1.2em;
}

.messageBoxContainer{
  min-height:55vh;max-height:55vh;background-color:white;overflow-y: auto;
}



.chatBoxControlButton
{
  height: 100%;
  overflow-x: hidden;
}

.chatBoxControlButton:hover
{
  cursor:pointer;
    background-color: #2c3e50;
}

.greyBorder 
{
  border-color: grey;
}