.notes .note{
	padding: 3vh;
	border-top: 0.4vh solid #eee;
}
.notes .note.editing{
	opacity: 0.5;
}
.notes .note .author{
	font-weight: bold;
}
.notes .note .date{
	margin: 0vh 3vh;
	opacity: 0.7;
}
.notes .note .meta{
	margin-bottom: 1vh;
}
.notes .note .meta .data{
	display: inline-block;
	vertical-align: middle;
}
.notes .note .meta .data img{
	width: 5vh;
	height: 5vh;
	padding: 1vh;
	background-color: #45a1a4;
	border-radius: 10vh;
	opacity: 0.7;
}
.notes .note .meta .data:not(:last-child) img{
	margin-right: 2vh;
}
.notes .note .mention{
	font-weight: bold;
}
.notes .note .mention a{
	color: #45a1a4;
}
.notes .noteEditor{
	padding-bottom: 3vh;
}
.notes .noteEditor textarea{
	margin-bottom: 3vh;
}
.notes .noteEditor .button{
	margin-right: 3vh;
	display: none;
}

.notes .typeahead.dropdown-menu{
	list-style: none;
	margin: 0;
	padding: 0;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 0px !important;
	top: auto !important;
	bottom: 100%;
	z-index: 8;
	background-color: #fff;
	white-space: nowrap;
	overflow-y: auto;
	width: 100%;
}
.notes .typeahead.dropdown-menu li{
	padding: 2vh 3vh;
}
.notes .typeahead.dropdown-menu li.active{
	background-color: #f0f0f0;
}
.notes .typeahead.dropdown-menu li a{
	color: #000;
}
.notes .typeahead.dropdown-menu li a b{
	
}
.notes .typeahead.dropdown-menu li a span{
	opacity: 0.7;
}