#write {
	
	height:100%;
	
	#editor_container {
		
		height: calc(100% - 4em);
		overflow: hidden;
		position: relative;
		
		#editor_content {
			
			height:auto;
			position: relative;
			
			.ql-container {
				font-family: 'Indie Flower', cursive;
				font-size: 16px;
				padding:0;
				
				.ql-editor {
					padding:0;
				}
			}
		}
	
		.shade {
			position: absolute;
			width: 100%;
			background:red;
			
			&.top {
				top:0;
			}
			
			&.bottom {
				bottom:0;
			}
			&.bottomplus {
				top:100%;
				height:2em;
			}
		}
	}
}




/* Write - Editor */

#write #editor div {
	margin:0;
}

#write #editor p {
	text-indent: 1.5em;
	margin: 0;
	padding: 0;
	text-align: justify;
	line-height: 1.5em;
}

/* Write - Toolbar */

#write #nav {
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	text-align: center;
}

#write .fa-prev, #write .page_nb, #write .fa-next {
	color:#997E60;
	font-size:1.5em;
	margin:0 0 0.5em 0;
	cursor:pointer;
}
#write .page_nb {
	font-size: 1em;
	vertical-align:0.25em;
	cursor: default;
	padding-left:0.5em;
	padding-right:0.5em;
}
#write .fa-prev:hover, #write .fa-next:hover {
	color:#584127;
}
#write .fa-prev.disabled, #write .fa-next.disabled,
#write .fa-prev.disabled:hover, #write .fa-next.disabled:hover {
	color:#EDE0D0;
}

/* Write - Placeholder */

#write .jqte_placeholder_text {
	top:1em;
	left:0;
	text-indent: 1.5em;
}

#write .jqte_focused .jqte_placeholder_text {
	display:none;
}

/* Write - Feedback */

#write_feedback {
	position:absolute;
	top: -1.5em;
	right:0.5em;
}