html {
	height: 100%;
}

body {
	height: 100%;
	overflow: hidden;
	margin: 0px;
	display: flex;
	background: #fdfdfd;
}

/* LOGIN */
body.login {
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 53%);
	height: 100%;
}

/* TOOLBAR */
#toolbar {
	font-size: 14px;
	border-bottom: 1px solid #f0f0f0;
	text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
}

#toolbar .selected {
	color: rgba(36, 122, 43, 0.77);
}

#draft-button,
#delete-button {
	cursor: pointer;
}

#message {
	color: rgba(36, 122, 43, 0.77);
}

/* EDITOR */
div.editor-container {
	margin: 0 auto;
	background: #fdfdfd;
}

/* SIDEBAR */
div.sidebar {
	background: #333;
	font-size: 0.9em;
}

div.sidebar li.list-group-item {
	background: none;
	color: #ccc;
	border: none;
	cursor: pointer;
	padding: 5px 15px;
}

div.sidebar li.list-group-item:hover {
	color: #fff;
}

div.sidebar li.tagSelected {
	background: #334E6A;
	color: #fff;
}

/* PAGES */
div.pages-list {
	background: #f7f7f7;
}

#currentPages li.list-group-item {
	background: none;
	color: #333;
	border-right: 3px solid #f7f7f7;
	cursor: pointer;
}

#currentPages li.list-group-item:hover {
	color: #000;
	border-right: 3px solid #ccc;
}

#currentPages li.pageSelected {
	color: #000;
	border-right: 3px solid #ccc;
}

div.pageItemContent {
	color: #828282;
	font-size: 0.8em;
}