//
// CKEDITOR
//
// CKEDITOR INSERTED CONTENT
// EDITOR MODE VIEW
// --------------------------------------------------


// CKEDITOR INSERTED CONTENT
// Formats content inserted into the page by CKEditor
// by stylling *some* specific classes and HTML structure
// --------------------------------------------------
figure.image {
}
figure.image figcaption {
	margin: 5px 0 @boxes-base-padding;
}


// EDITOR MODE VIEW
// Formats content viewed from inside CKEditor
// this takes no effect on the actual result page stylling
// Needs to be here since CKEditor will be loading the Front Office CSS
// --------------------------------------------------
// --------------------------------------------------

body.cke_editable {
	margin: 15px !important;// Undo the 0 margin from the site theme to leave some gap to the editor contents
}


// Sidenav widget
// by nienn
// -------------------------

// Marked Items
// ------------
body.cke_editable .sidenav-item {
	outline: 1px dotted #E50083 !important;
	outline-offset: 1px;
}
// Sidenav
// ------------
body.cke_editable .che-js {
	background-color: #eee;
	outline: 1px solid #d6d6d6;
	cursor: not-allowed;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #aaaaab;
	text-align: center;
	display: block !important;
}
body.cke_editable .che-js:before {
	display: block;
	content: "DINAMIC CONTENT";
}
body.cke_editable .che-js:after {
	display: block;
	content: "JavaScript dynamically generated content. Do not edit this area.";
}
body.cke_editable .che-js * {
	display: none;
}