body {
background-color:#EBEBEB;	
}

.chat-title {
width:100%;
text-align:center;
font-size:20px;
padding-top:20px;
}

.message-title {
background-color:#FEFEFE; 
text-align:center;
font-size:20px; 
}

.chat-sidenav {
min-height:820px;
height:100%;
overflow:scroll;
background-color:#F1F5F7;
border-right:1px solid #E8EAEC;
}


.chat-options-title {
height:630px;
background-color:#FEFEFE; 
text-align:center;
color:#8B8D90;
font-size:20px; 
padding:10px;	
}

.contact-box-new-message {
cursor:pointer;
width:100%;
height:88px;
margin-top:5%;
margin-bottom:5%;
background-color:#4881ED;
border:2px solid transparent;
border-radius:5px;
padding-top:15px;
padding-left:40px;
color:white;
vertical-align: middle;
}

.contact-box-no-new-message {
cursor:pointer;
width:100%;
height:88px;
margin-top:5%;
margin-bottom:5%;
background-color:#EAEAEA;
border:2px solid transparent;
border-radius:5px;
padding-top:15px;
padding-left:40px;
color:black;
vertical-align: middle;
}

.contact-name {
width:100%;
margin-top:5px;
}

.contact-pre-message {
width:100%;
margin-top:5px;
}

.contact-pre-message-time {
position:absolute;
margin-top:5px;
right:30px;
}

.contact-image {
width:50px;  
height:50px;
float:left; 
border-radius:50%;
border:1px solid black;
line-height:48px;
font-size:20px;
text-align:center;
}

.your-contact-image {
cursor:pointer;
width:35px;  
height:35px;
float:left; 
border-radius:50%;
border:1px solid black;
line-height:34px;
font-size:14px;
text-align:center;
}

.message-box-sender {
width:65%;
height:auto;
margin-top:2%;
margin-right:6%;
margin-bottom:2%;
background-color:#4881ED;
border-radius:5px;
padding-top:6px;
padding-bottom:6px;
padding-left:20px;
color:white;
vertical-align: middle;
float:right;
font-size:14px;
text-align:left;
}

.message-box-receiver {
width:65%;
height:auto;
margin-top:2%;
margin-left:6%;
margin-bottom:2%;
background-color:#EAEAEA;
border-radius:5px;
padding-top:6px;
padding-bottom:6px;
padding-left:20px;
color:black;
vertical-align: middle;
float:left;
font-size:14px;
text-align:left;
}

.btn-send {
background-color:#4881ED;
color:white;
}

.btn-send:hover {
background-color:#4881ED;
color:white;
}

.options-btn {
display:none;
z-index:2;
float:right;
margin-right:15px;
margin-top:-5px;	
}

.message-box {
display:inline;
position:relative;
width:65%;
height:60px;
margin:0;
padding:10px;
left:0;
bottom:0;	
}