body.note_single_page {
	background: #eceff0;
}
.note_single_page #bg {
	display: none;
}
.note_single_page .close_note_button {
	display: none;
}
.note_single_page .note_holder {
  position: static;
  width: auto;
  margin-left: 0;
}

.note_single_page .note_group {
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  border-top-right-radius: 0;
  background: none;
  border-bottom: none;
  margin-top: 10px;
  margin-bottom: 14px;
}
.note_single_page .note_group >a.close_note {
	max-width: 600px;
	margin:0 auto;
	display: block;
	position: relative;
}
.note_single_page .analytics_holder {
	left:auto;
	width:340px;
	top:10px;
	right:10px;
	position: fixed;
	z-index: 6000;
	border:1px solid #bec3c7;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	box-sizing: border-box;
}
.note_single_page #stats_chart {
	font-size: 12px;
}
.note_single_page .analytics_chart_button {
	width:84px;
	font-size: 12px;
	box-sizing: border-box;
}
.note_single_page .comments_holder {
	position: fixed;
	left: auto;
	right: 10px;
	background: none;
	top: 10px;
	bottom: 90px;
	padding-bottom: 90px;
	border-radius: 0px;
	border: none;
	width: 340px;
	border-top: 1px solid #bec3c7;
	border-left: 1px solid #bec3c7;
	border-right: 1px solid #bec3c7;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.note_single_page .analytics_on .comments_holder {
	top: 90px;
}
.note_single_page .analytics_on .comments {
	padding-top: 0px;
}
.note_single_page .comments_holder:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}
.note_single_page .comments {
	display: inline-block;
    vertical-align: bottom;
	top: 0px;
	bottom: 0px;
	width: 339px;
	border-bottom: none;
	margin-left: -1px;
}
.note_single_page .new_comment_holder {
	position: fixed;
	border:1px solid #bec3c7;
	width: auto;
	left:0;
	right:0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	width: 340px;
	left: auto;
	right: 10px;
	bottom: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.note_single_page .post_comment_button {
	margin-bottom: 2px;
	margin-right: 2px;
}
.note_single_page .note {
	position: relative;
	top:auto;
	bottom:auto;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background:none;
	margin:0;
	width:auto;
	overflow: visible;
}
.note_single_page .note_inside {
	margin:0 auto;
	width: 640px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding:0 20px;
	background:#FFF;
	box-shadow:rgba(0,0,0,.2) 0 0 8px;
}
.note_single_page .has_header .note_inside {
	width:600px;
	padding:0;
}


.note_single_page .page_note .author {
	max-width: 600px;
	margin:40px auto;
	margin-top: 20px;
	padding:0 40px;
	padding-top: 20px;
	padding-bottom: 160px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-top:1px solid #eceff0;
}

.mobile_note_tabs_holder {
	position: fixed;
	background:rgba(255,255,255,.8);
	border-top:1px solid #bec3c7;
	box-shadow:rgba(0,0,0,.2) 0 0 4px;
	bottom:0;
	left:0;
	right:0;
	z-index: 5000;
	display: none;
	text-align: center;
}
.mobile_note_tab {
	width:100px;
	display: inline-block;
	cursor: pointer;
	line-height: 44px;
	font-size: 14px;
}
.mobile_note_tab .fa {
	margin-right: 10px;
}
.mobile_note_tab.on {
	background:#FFF;
}
@media screen and (max-width:1360px) {
	.note_single_page .note_group {
		right:382px;
		left:auto;
		width: 600px;
		position: absolute;
	}
	.note_single_page .note {
		right:362px;
		left:auto;
		width: 640px;
		position: absolute;
		top:104px;
	}
	.note_single_page .has_header .note {
		width: 600px;
		right:382px;
	}
}
@media screen and (max-width:1000px) {
	.note_single_page .note_holder {
		margin:20px auto 0px auto !important;
		padding-bottom:50px;
	}
	.note_single_page .note_group {
		position: static;
		max-width: 600px;
		margin:0 auto;
		margin-top: 10px;
		margin-bottom: 14px;
	}
	.note_single_page .note {
		position: static;
		width: auto;
		margin:0 auto;
	}
	.note_single_page .has_header .note {
		width: 600px;
		right: auto;
	}
	.note_single_page .page_note .author {
		padding-bottom: 40px;
		}
	.note_single_page .comments_holder {
		display: none;
		position: static;
		padding-bottom: 0;
		max-width: 340px;
		width:auto;
		margin:0 auto;
	}
	.note_single_page .new_comment_holder {
		position: static;
		display: none;
		border:1px solid #bec3c7;
		border-radius: 3px;
		max-width: 340px;
		width: auto;
		margin: 0 auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.note_single_page .new_comment_holder_inner {
		position: relative;
		display: block;
		width: auto;
		margin-left: 0;
		height: 79px;
	}
	.note_single_page.showtab_comments .note, .note_single_page.showtab_analytics .note {
		display: none;
	}
	.note_single_page.showtab_comments .comments_holder, .note_single_page.showtab_comments .new_comment_holder {
		display: block;
	}
	.note_single_page .comments_holder:before {
	  display: none;
	}
	.note_single_page .comments {
		position: static;
		display: block;
		width:auto;
		margin-left:0;
		padding-top: 0 !important;
	}
	.mobile_note_tabs_holder {
		display: block;
	}
	
	.note_single_page  .analytics_holder {
		position: static;
		right:auto;
		top:auto;
		margin:10px auto;
		margin-bottom: 80px;
		width: auto;
		max-width: 340px;
		display: none;
	}
	.note_single_page.showtab_analytics  .analytics_holder {
		display: block;
	}
	.note_single_page #quick_stats {
		position: relative;
	}
	.note_single_page .analytics_more {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
	}
	.note_single_page #quick_stats:hover .analytics_hide {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	.note_single_page #quick_stats {
		min-height: 400px !important;
		height: auto;
		background: #37485d;
		color: #FFF;
	
		/*-webkit-transform: translateY(86px);
		-moz-transform: translateY(86px);
		-o-transform: translateY(86px);
		-ms-transform: translateY(86px);
		transform: translateY(86px);
	*/
		-webkit-transition-delay: 0;
		-moz-transition-delay: 0;
		-o-transition-delay: 0;
		-ms-transition-delay: 0;
		transition-delay: 0;
	}
	
	.note_single_page .total_count {
		opacity: 1;
	}
	.note_single_page .opened_perc {
		opacity: 0;
	}
	.note_single_page .pie_holder {
		-webkit-transform: rotate(360deg) scale(1.5);
		-moz-transform: rotate(360deg) scale(1.5);
		-o-transform: rotate(360deg) scale(1.5);
		-ms-transform: rotate(360deg) scale(1.5);
		transform: rotate(360deg) scale(1.5);
	
		-webkit-transform-origin: 50% 50% 0;
		-moz-transform-origin: 50% 50% 0;
		-o-transform-origin: 50% 50% 0;
		-ms-transform-origin: 50% 50% 0;
		transform-origin: 50% 50% 0;
	}
	.note_single_page .pie_holder_around {
		-webkit-transform: translate(27px,90px);
		-moz-transform: translate(27px,90px);
		-o-transform: translate(27px,90px);
		-ms-transform: translate(27px,90px);
		transform: translate(27px,90px);
	}
	.note_single_page #analytics_chart_around {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	.note_single_page #stats_chart {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	.note_single_page .analytics_hide {
		display: none;
	}
	.note_single_page #analytics_chart {
		min-height: 100px;
		height: auto;
		overflow: visible;
	}
	.note_single_page .analytics_chart_button {
		width:25%;
	}
}
@media screen and (max-width:1000px) and (max-height:400px) {
	.note_single_page .note_holder {
		padding-bottom:100px;
	}
}
@media screen and (max-width:640px) {
	.note_single_page .note_group {
		width:auto;
	}
	.note_single_page .note_group >a.close_note {
		width:auto;
		}
	.note_single_page .has_header .note {
		padding:0;
		}
	.note_single_page .note_inside {
		padding:0;
		width:auto;
		}
	.note_single_page .has_header .note {
		width: auto;
		}
	}
@media screen and (max-width:340px) {
	.note_single_page .new_comment_holder {
		border-radius: 0;
		border-left: none;
		border-right: none;
	}
	}