.notes-row{
	height: 100%;
	height: calc(100% - 50px);
}
.notes-column{
	height: 100%;
	overflow-y: auto;
}
.timeline {
  position: relative;
  padding-left: 4rem;
  margin: 50px 0 0 30px;
  color: white;
}
.timeline:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: #efefef;
}
.timeline .timeline-container {
  position: relative;
  margin-bottom: 1.5rem;
  color: #000;
}
.timeline .timeline-container .timeline-icon {
  position: absolute;
  left: -88px;
  top: 4px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  font-size: 2rem;
  background: #b7b7b7;
}
.timeline .timeline-container .timeline-icon i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.timeline .timeline-container .timeline-icon img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.timeline .timeline-container .timeline-body {
  background: #efefef;
  padding: 20px 20px 15px;
  box-shadow: 1px 3px 9px rgba(0, 0, 0, 0.1);
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}
.timeline .timeline-container .timeline-body:before {
  content: "";
  background: inherit;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  left: -10px;
  transform: rotate(45deg);
  border-radius: 0 0 0 2px;
}
.timeline .timeline-container .timeline-body .timeline-children .note:first-child{
	margin-top: 10px;
}
.timeline .timeline-container .timeline-body .timeline-children .timeline-body{
	background: #d5d5d5;
}
.timeline .timeline-container .timeline-body .timeline-children .timeline-icon{
	left: -40px;
	z-index: 1;
}
.timeline .timeline-container .timeline-body .timeline-title {
  margin-bottom: 1rem;
}
.timeline .timeline-container .timeline-body .timeline-title .badge {
  background: #4f537b;
  color: #fff;
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
}
.timeline .timeline-container .timeline-body .timeline-subtitle {
  font-weight: 300;
  font-style: italic;
  opacity: 0.6;
  color: #000;
  margin-top: 16px;
  font-size: 11px;
  text-transform: none;
}
h4 .timeline-subtitle{
	margin-left: 10px;
}
.note-assigned-to{
	position: relative;
	display: inline-block;
	margin-top: 7px;
}
.note-assigned-to .avatar{
	float: left;
	width: 25px;
	height: 25px;
	margin-right: 7px;
	background: #434464;
	border-radius: 13px;
	text-align: center;
	line-height: 25px;
}
.note-assigned-to .timeline-subtitle{
	margin-right: 5px;
}

.notes-container h2{
	text-transform: none;
	font-weight: bolder;
	margin-bottom: 15px;
}
.note{
}
	.note-content p:last-child{
		margin-bottom: 0;
	}
	.note-blank{
		display: none;
	}
	.note .note-date{
		float: right;
		font-size: 10pt;
		line-height: 18px;
		color: #bbb;
	}
	.note .note-actions-open,
	.note .note-actions-reply,
	.note .note-actions-toggle-children{
		float: right;
		position: relative;
		line-height: 8px;
		margin-left: 7px;
		font-weight: bold;
		font-size: 14pt;
		cursor: pointer;
		z-index: 9;
		background: #afafaf;
		width: 30px;
		height: 30px;
		border-radius: 15px;
		padding: 7px;
		text-align: center;
		line-height: 7px;
		color: #4c4c4c;
	}
		.note .note-actions-open.open{
			color: #4c4c4c;
		}
	.note .note-actions-reply{
		display: none;
		font-size: 16px;
	}
	.notes-column.add-notes-permission .note .note-actions-reply,
	.notes-row.add-notes-permission .note .note-actions-reply{
		display: block;
	}
	.note .note-actions-toggle-children{
		font-size: 16px;
	}
	.note .note-actions{
		display: none;
		position: absolute;
		background: #afafaf;
		color: #4c4c4c;
		padding: 10px;
		padding-top: 20px;
		padding-right: 140px;
		right: 0;
		top: 0;
		border-radius: 0 0 0 10px;
		z-index: 2;
	}
		.note .note-actions ul{
			list-style: none;
		}
		.note .note-actions ul li{
			font-size: 12pt;
			cursor: pointer;
		}
	.note .note-user{
		float: left;
		font-size: 13pt;
		font-weight: bold;
		color: #000;
	}
	.note:not(.has-children) .note-actions-toggle-children{
		display: none;
	}
	.note.hide-children .timeline-children{
		display: none;
	}
	.note.hide-children .note-actions-toggle-children .fa-chevron-up,
	.note:not(.hide-children) .note-actions-toggle-children .fa-chevron-down{
		display: none;
	}
.open-note{
	padding: 15px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	font-size: 12pt;
	color: #bbb;
}
.note-editor-container{
	display: none;
}
	.note-editor-container .trumbowyg-box{
		margin-top: 0;
	}
	.note-editor-container .trumbowyg-button-pane{
		background: #fff;
	}
.todo-notify-container .notify,
.todo-assignees-container .assignee{
	float: left;
	clear: both;
}
	.todo-notify-container .notify .fa-remove,
	.todo-assignees-container .assignee .fa-remove{
		margin-left: 7px;
		cursor: pointer;
		font-size: 10pt;
	}
.todo-notes{
	height: auto;
	width: 100%;
	min-height: 100px;
	padding: 7px;
	margin: 7px 0;
	border: 1px solid #eee;
	outline: none;
}
.timeline-icon .image-avatar{
	top: 7px;
}
.timeline-icon .text-avatar{
	font-size: 22px;
	line-height: 36px;
	top: -3px;
}
.notes-timeline-filters{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 10;
	padding-bottom: 3px;
}
.notes-timeline-filters .filter-group{
	float: left;
	margin-left: 7px;
}
.notes-timeline-filters .filter-group:first-child{
	margin-left: 0;
}
.notes-timeline-filters .notes-timeline-filter:not(.active):not(.all-active){
	background: #ccc;
	opacity: .5;
}
.filter-subtitle{
	display: block;
	width: 100%;
	clear: both;
	font-size: 10px;
}
.timeline .timeline-container.is-auto-open > .timeline-body,
.timeline .timeline-container.is-new > .timeline-body{
	background: green;
}
.timeline .timeline-container.replying-to .timeline-body{
	background: orange;
}

.note-file{
	width: 100%;
	height: 60px;
	padding: 10px;
	margin-top: 5px;
	border-radius: 10px;
	background: rgba(0,0,0,.1);
}
.note-file:hover{
	background: rgba(0,0,0,.2);
}
.note-file .file-icon{
	float: left;
	height: 40px;
	width: 40px;
	margin-right: 10px;
}
.note-file .file-icon img{
	height: 100%;
	width: auto;
}
.note-file .file-meta{
	float: left;
	width: 60%;
	color: #7b756b;
}
.note-file.focused .file-name{
	color: #fff;
}
.note-file .file-name{
	float: left;
	clear: both;
}
.note-file .file-name{
	font-size: 12pt;
	color: #696969;
	height: 17pt;
	overflow: hidden;
}
.note-file .note-file-delete{
	float: right;
	position: relative;
	background: #afafaf;
	padding: 3px 6px;
	border-radius: 4px;
	color: #4c4c4c;
	cursor: pointer;
}
.dialog-container .open-notes-dialog{
	display: none;
}
.notes-dialog-container .close-dialog{
	position: relative;
	z-index: 99999;
}
.notes-timeline-container .note-content p{
	margin-bottom: 0;
}
.note-status-color{
	float: left;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	margin-top: 3px;
	border-radius: 3px;
}