.fl-editable {
	position: relative;
	-webkit-user-select: text; // Inline edit doesn't work in Safari without this /shrug
	.mce-content-body {
		cursor: text;
		* {
			cursor: text;
		}
	}
	.mce-content-body:not(.mce-edit-focus):empty {
		height: 0;
	}
	.mce-content-body:not(.mce-edit-focus) {
		[data-mce-selected] {
			background: none;
		}
	}
	.mce-content-body,
	.mce-content-body:focus,
	.mce-edit-focus {
		outline: none !important;
	}
}

.fl-editable-focused {
	&.fl-module {
		cursor: pointer;
	}
	.fl-block-overlay {
		pointer-events: none;
	}
	.fl-block-overlay-actions,
	.fl-block-col-resize {
		pointer-events: auto;
	}
}

.fl-inline-editor {
	border: 2px solid #00A0D2;
	border-radius: 4px;
	display: none;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: -32px;
	right: 4px;
	bottom: 4px;
	left: 4px;
	z-index: 100008;

	/* Toolbar wrappers */
	&.fl-inline-editor-no-toolbar {
		top: 4px;
		> .mce-tinymce {
			display: none;
		}
	}

	> .mce-tinymce.fl-inline-editor-active-toolbar {
		display: block !important;
	}

	> .mce-tinymce {
		background: transparent;
		border: none !important;
		overflow: hidden;
		pointer-events: auto;
		position: absolute;
		top: -2px !important;
		right: -2px !important;
		left: -2px !important;
	    width: auto !important;
	}
	.mce-tinymce,
	.mce-container-body,
	.mce-toolbar-grp {
		height: 32px !important;
		width: auto !important;
	}
	.mce-container-body {
		padding: 0;
	}
	.mce-toolbar-grp {
		background: #00A0D2;
		border: none;
		border-top-left-radius: 4px;
		border-bottom-right-radius: 4px;
		width: auto !important;
		display: inline-block;
	}
	.mce-tinymce-inline .mce-flow-layout {
		white-space: normal;
	}

	/* Toolbar buttons */
	.mce-btn-group {
		padding: 0 3px;
	}
	.mce-btn-group:not(:first-child) {
		border-color: rgba(255, 255, 255, 0.3);
	}
	.mce-toolbar .mce-btn-group .mce-btn:focus,
	.mce-toolbar .mce-btn-group .mce-btn:hover,
	.mce-toolbar .mce-btn-group .mce-btn:active,
	.mce-toolbar .mce-btn-group .mce-btn.mce-active,
	.mce-toolbar .mce-btn-group .mce-btn.mce-active:focus,
	.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover {
		background: rgba(255,255,255,0.2);
    	border-color: rgba(255,255,255,0.4);
		box-shadow: none;
	}
	.mce-toolbar .mce-btn button {
		padding: 1px;
		background:transparent;
		border:none;
	}
	.mce-toolbar .mce-btn .mce-ico {
		color: rgba(255, 255, 255, 0.8) !important;
	}
	.mce-toolbar .mce-btn:hover .mce-ico {
		color: #fff !important;
	}
	.mce-panel .mce-btn i.mce-caret {
		border-top-color: rgba(255, 255, 255, 0.8) !important;
		border-bottom-color: rgba(255, 255, 255, 0.8) !important;
	}
	.mce-panel .mce-btn:hover i.mce-caret {
		border-top-color: #fff !important;
	}
}

/* Make heading text display:block so input can start anywhere in the module. */
.fl-heading-text.mce-content-body {
	display: block;
}

/* Tooltips are currently getting in the way of mouse events. */
.mce-tooltip {
	display: none !important;
}