/*
 * Editor mode styles
 */

.editor-bar { padding: 20px 100px 0px 100px; background-color: white; }

.unselectable
{
	/* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none; /* From IE10 only */
	user-select: none;
	-webkit-user-drag: none; /* Prevents dragging of images/divs etc */
	user-drag: none;
}


.editable-click, a.editable-click
{
    text-decoration: none;
    color: inherit;
    outline: 1px dashed #c0c0c0;
    border-bottom: inherit;
}

.editable-click:hover, a.editable-click:hover
{
    text-decoration: none;
    color: inherit;
    outline: 1px dashed black;
    border-bottom: inherit;
}

.editable-empty { color: #c9302c; }

.editor section { outline: 1px dotted #555; padding: 3px; margin-bottom: 10px; }
.editor .top-section { outline: 1px dotted #555; padding: 3px; margin-bottom: 10px; }

.thumbnail-upload-preview { max-width: 150px; max-height: 150px; }

button { transition: none }

nav.navbar ul li { margin-left: 0; padding-bottom: 0; }

/* drag'n'drop */
.as-sortable-placeholder { background-color: rgba(0,0,0,0.2); border-radius: 5px; width: auto; height: auto; display: inline-block; }
.as-sortable-hidden { display: none; }
.ref-img-list .as-sortable-placeholder { margin-right: 7px; margin-bottom: 7px; }

.portfolio-editor-handle { background-color: rgba(200,200,200,0.3); border-radius: 5px; }
.portfolio-editor.as-sortable-dragging .thumbnail { width: 328px; }
.portfolio-image-editor.as-sortable-dragging .project-img { margin-top: 0; }

/* tinymce */
.editor-paragraph { font-family: inherit; font-weight: normal; font-size: 1rem; line-height: 1.5; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; outline: 1px dashed #c0c0c0; }
.editor-paragraph a { text-decoration: underline; }
.editor-delete-paragraph { z-index: 5; position: relative; }

/* references */
.editor-delete-image { text-align: center; z-index: 5; position: relative; margin-top: 5px; }
.editor-add-image { width: 95px; height: 93px; position: relative; display: inline-block; margin-right: 7px; margin-bottom: 7px; }
.editor-add-image-btn-container { width: 95px; height: 71px; position: relative;}
.editor-add-image button { display: block; position: relative; top: 16px; }

/* reorder slides */
.reorder-slides-container { width: 100%;}
.reorder-slides { width: 100%; overflow: hidden; height: 117px; }
.reorder-slides ul { list-style-type: none; margin: 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; height: 110px; }
.reorder-slides li { margin: 0; display: inline-block; min-width: 100px; max-width: 200px; height: 110px; padding: 0px 5px 15px 0px; }
.reorder-slides li img { display: block; }

/* edit navigation */
.navedit-header, .navedit { border-bottom: 1px solid #bbb; }
.navedit { list-style-type: none; margin: 0 0 20px 0; }
.navedit.as-sortable-dragging { border-bottom: none; margin: 0; }
.navedit.as-sortable-dragging li { position: relative; top: -20px; border-bottom: none; margin}
.navedit .editable-click, .navedit a.editable-click { outline: 1px dashed rgba(192,192,192,0.4); }

nav li { max-width: 50%; }

/* uploader */
.image-upload .preview { max-width: 200px; margin-top: 20px; }
.modal-footer-left { float: left; }

/* background image selector */
.background-image-selector { float: right; }

/* start page */
.intro-selector { margin-bottom: 20px; border: 1px solid #e7e7e7; padding: 12px 0 10px 20px; border-radius: 4px; background-color: #f8f8f8; }