div.mainmenu.easynotes::before {
	content: "\f249";
}
div.mainmenu.easynotes {
	background-image: none;
}

.dashboard_column {
	column-width: 360px;
	column-gap: 0px;
	column-span: none;
	column-fill: balance;
}

.dashboard_column figure {
	margin: 0;
	padding: 10px;
    flex-flow: column wrap;
    -webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.dash_in {
	margin: 5px;
	background: rgba(0, 0, 0, 0.02);
	border: 1px solid rgba(0, 0, 0, 0.2);
 	padding: 10px;
 	clear:both;
 	overflow: hidden;
	border-radius: 4px;
    -webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
    box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.1);
}

.notes {
	position: relative;
}

.fullnotes {
	overflow:auto; 
	margin-bottom: 20px;
}

.notes a {
	color: #4c4a66;
	text-decoration: none;
}

.notes a:hover {
	color: #6c6aa8;
}

.notes:hover {
	border: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: 3px 4px 11px 0px rgba(0, 0, 0, 0.2);
}

.note_truncate {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.fullnotes img,
.notes img {
	max-width: 100%;
	height: auto !important;
}

.notes .title {
	font-size:140%; 
	margin-bottom:10px; 
	padding-bottom:3px; 
	padding-right: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2); 
}

.notes .arrow {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size:140%;
	z-index: 1000;
	background: rgba(255,255,255,0.5);
	padding: 3px;
	border-bottom-left-radius: 5px;
}