#wp-admin-bar-site-notes-adminbar-button a:before {
	display: inline-block;
	margin: 2px 0 0 0;

	content: "\f119";
	font: 20px/1 'dashicons';
}

#site_notes {}

#site_notes .note {
	left: 0;
	min-height: 160px;
	padding: 40px 20px;
	position: absolute;
	top: 0;
	width: 230px;
	z-index: 5000;

	color: #333;
	font: 18px/1.5 'Open Sans', sans-serif;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .25);

	box-shadow: 0 5px 10px rgba(0, 0, 0, .25), 0 -10px 50px rgba(255, 255, 255, .25) inset;
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .25), 0 -10px 50px rgba(255, 255, 255, .25) inset;
	-ms-box-shadow: 0 5px 10px rgba(0, 0, 0, .25), 0 -10px 50px rgba(255, 255, 255, .25) inset;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .25), 0 -10px 50px rgba(255, 255, 255, .25) inset;
	transition: background .25s ease-out, opacity .25s ease-out, box-shadow .1s ease-out;
	-moz-transition: background .25s ease-out, opacity .25s ease-out, box-shadow .1s ease-out;
	-ms-transition: background .25s ease-out, opacity .25s ease-out, box-shadow .1s ease-out;
	-webkit-transition: background .25s ease-out, opacity .25s ease-out, box-shadow .1s ease-out;
}
#site_notes .note:hover { z-index: 5005; }
#site_notes .note.high { background-color: #faa; }
#site_notes .note.med { background-color: #ff9; }
#site_notes .note.low { background-color: #9f9; }
#site_notes .note.ui-draggable-dragging {
	opacity: .65;

	box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
	-ms-box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
}
#site_notes .note.tight { padding: 20px; }

#site_notes .note .rte {
	border: 0 none;
	min-height: 5em;

	background: transparent;
}

#site_notes .note .icon {
	height: 20px;
	position: absolute;
	width: 20px;

	cursor: pointer;
}
#site_notes .note .icon:after {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;

	color: rgba(0, 0, 0, .75);
	font: 25px/1 'dashicons';
	opacity: .3;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);

	transition: opacity .25s ease-out;
	-moz-transition: opacity .25s ease-out;
	-ms-transition: opacity .25s ease-out;
	-webkit-transition: opacity .25s ease-out;
}
#site_notes .note .icon:hover:after { opacity: 1; }
#site_notes .note .icon.move {
	height: 35px;
	left: 0;
	top: 0;
	width: 180px;
}
#site_notes .note.tight .icon.move { width: 100%; }
#site_notes .note .icon.color {
	right: 15px;
	top: 10px;
}
#site_notes .note .icon.color:after {
	background : url(../img/resize.png) no-repeat;
	background-size: 100%;
	content : "";

	 }
#site_notes .note .icon.save {
	bottom: 10px;
	right: 15px;
	top: 140px;
}
#site_notes .note .icon.delete {
	bottom: 12px;
	right: 40px;
	top: 140px;
}
#site_notes .note .icon.save:after { content: "\f147"; }
#site_notes .note .icon.delete:after { content: "\f182"; }
#site_notes .note .icon.save.saving:after {
	border-width: 0 2px 0 0;
	border-style: solid;
	border-color: rgba(0, 0, 0, .5);
	border-radius: 50%;
	display: block;
	height: 20px;
	left: 50%;
	margin: -10px 0 0 -10px;
	position: absolute;
	top: 50%;
	width: 20px;

	content: "";

	animation: spin 1s infinite linear;
	-webkit-animation: spin 1s infinite linear;
}
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}