.clear{
	clear: both;
}

.inbox{
	color: #677080;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.list-group{
}
.list-group-item{
	width: 50%;
	height: 40px;
	background-color: #fff;
	margin-top: 5px;
	padding-top: 6px;
	color: #39D3B3;

}
.list-group-item a{
	color: #39D3B3 !important;

}

.list-group-item-unread{
	width: 50%;
	height: 40px;
	background-color: #39D3B3;
	margin-top: 5px;
	padding-top: 6px;
}
.list-group-item-unread a{
	color: #fff;
	padding-left: 26px;
}
.list-group-item:hover{
	background-color: #39D3B3;
	

}
.list-group-item:hover > a { color: #fff !important; }

.panel-body{
	padding: 0;
	width: 61%;
	min-height: 100px;
	padding-top: 10px;
}
.name{
	float: left;
	color: #88A3E0;
	margin-top: 28px;
}
.time2{
	float: left;
	margin-left: 5px;
	color: #677080;
	margin-top: 29px;
	font-size: 12px;
}
.text{
	clear: both;
	background-color: #fff;
	min-height: 40px;
	border-radius: 3px;
	color: #000;
	padding-top: 10px;
	padding-left: 10px;
	width: 50%;
	padding-right: 10px;
}
.text2{
	clear: both;
	background-color: #39D3B3;
	min-height: 40px;
	border-radius: 3px;
	color: #fff;
	padding-top: 10px;
	padding-left: 10px;
	width: 50%;
	margin-top: 50px;
	padding-right: 10px;
}
.conversation{
	width: 17.4vw;
	height: 42px;
	box-sizing: border-box;
	background-color: #fff;
	color: #404040;	
	border: none;
	margin-bottom: 15px;
	text-align: left;
	padding-left: 15px;
	margin-top: 30px;
	float: left;
}	
.text p{
	margin: 0px;
}
.text2 p{
	margin: 0px;
}
#dodaj-message{
	width: 5vw;
	height: 42px;
	box-sizing: border-box;
	background-color: #39D3B3;
	text-align: center;
	margin-left: 0;
	color: #fff;
	border: none;
	margin-bottom: 15px;
	cursor: pointer;
	float: left;
	margin-top: 30px;
}
.new{
	float: right;
	color: #fff;
	margin-right: 15px;
}