.mce-tinymce.mce-tinymce-inline {
	z-index: 5000 !important;
}

div.cms_editMode {
	margin: 0;
	position: fixed;
	background-color: red;
	width: 160px;
	box-sizing: border-box;
	z-index: 1000;	
	border: 1px solid #FFFFFF;
	-webkit-box-shadow: 2px 2px 20px 0 rgba(0,0,0,0.51);
	-moz-box-shadow: 2px 2px 20px 0 rgba(0,0,0,0.51);
	box-shadow: 2px 2px 20px 0 rgba(0,0,0,0.51);
	padding:0;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

div.cms_editMode a{
	color: white !important;
	font-size: 12px;
	line-height:12px;
	display:inline-block;
	position:relative;
	padding:8px 8px 8px 18px;
	margin-left:7px;
}

	div.cms_editMode a::before {
		position:absolute;
		font-family: fontAwesome;
		font-size: 15px;
		line-height:14px;
		font-weight: normal;
		left: 0;
		top: 7px;
	}
	
	div.cms_editMode a#cms_editLink::before {
		content: '\f08b';
	}
		
	div.cms_editMode a#cms_previewLink::before {
		content: '\f06e';
	}

/* Tiny MCE Overrides*/
.mce-content-body img[data-mce-selected], .mce-content-body hr[data-mce-selected] {
	outline: none;
}

/* Using fontAwesome in Tiny button */
i.mce-i-fa-link:before {
	content: "\f0c1";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #000;
	font-size: 1.2em;
	position: absolute;
	top: 7px;
}

/*This prevents bulleted lists bullets from going behind floating images*/
ul, ol {
	overflow: hidden;
}

.editable.cms_image {
	z-index: 10;
}

.cms_img {
	width: 100%;
	vertical-align: top;
	box-sizing: border-box;
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -o-crisp-edges; /* Opera */
	image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

.cms_image.cms_float_left {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
}

.cms_image.cms_float_right {
	float: right;
	margin-left: 20px;
	margin-bottom: 5px;
}

/* Image captions ---------------------------------- */
.cms_image .img_caption {
	font-size: 11px;
	padding: 4px;
	box-sizing: border-box;
}

	.cms_image .img_caption * {
		font-size: 11px !important;
		font-weight: bold;
	}

.cms_image a.zoom {
	cursor: zoom-in;
}

/* Save message ---------------------------------- */
.cms_message {
	width: 200px;
	height: 150px;
	padding: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border: 1px solid #0a9417;
	border-radius: 5px;
	z-index: 65538;
	-webkit-box-shadow: 0 0 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px 0px rgba(0,0,0,0.5);
	text-align: center;
	color: white;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e9e19+0,98ce6b+50,71b536+53,30890d+100 */
	background: rgb(78,158,25); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(78,158,25,1) 0%, rgba(152,206,107,1) 50%, rgba(113,181,54,1) 53%, rgba(48,137,13,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(78,158,25,1) 0%,rgba(152,206,107,1) 50%,rgba(113,181,54,1) 53%,rgba(48,137,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(78,158,25,1) 0%,rgba(152,206,107,1) 50%,rgba(113,181,54,1) 53%,rgba(48,137,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e9e19', endColorstr='#30890d',GradientType=0 ); /* IE6-9 */
}

	.cms_message a#closeBox {
		position: absolute;
		top: 0px;
		right: 3px;
	}

		.cms_message a#closeBox i {
			font-size: 15px;
		}

	.cms_message h2 {
		font-size: 20px;
		color: white;
	}

	.cms_message a {
		color: yellow;
		font-size: 15px;
	}

	.cms_message > div {
		font-size: 13px;
	}

	.cms_message i {
		color: white;
		font-size: 30px;
	}

	.cms_message.warn {
		width: 300px;
		border: 1px solid #1d62c9;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#54a3ee+50,1e69de+100 */
		background: rgb(84,163,238); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(84,163,238,1) 50%, rgba(30,105,222,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(84,163,238,1) 50%,rgba(30,105,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(84,163,238,1) 50%,rgba(30,105,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54a3ee', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
	}

	.cms_message.bad {
		border: 1px solid #9b100d;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ba1212+0,e06757+50,d6220a+53,ba1212+100 */
		background: rgb(186,18,18); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(186,18,18,1) 0%, rgba(224,103,87,1) 50%, rgba(214,34,10,1) 53%, rgba(186,18,18,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(186,18,18,1) 0%,rgba(224,103,87,1) 50%,rgba(214,34,10,1) 53%,rgba(186,18,18,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(186,18,18,1) 0%,rgba(224,103,87,1) 50%,rgba(214,34,10,1) 53%,rgba(186,18,18,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba1212', endColorstr='#ba1212',GradientType=0 ); /* IE6-9 */
	}

.cms_area {
	position: relative;
}

	/* Edit tag pointers ------------------------------------- */
	.cms_area .edit_tag {
		position: absolute;
		font-size: 10px;
		font-family: 'Open Sans';
		font-weight: normal;
		padding-left: 5px;
		width: 30px;
		height: 22px;
		line-height: 22px;
		top: 0;
		left: -42px;
		background-color: #ff0000;
		color: white;
		box-sizing: border-box;
		letter-spacing: normal;
		cursor: pointer;
		z-index: 11;
	}

		.cms_area .edit_tag:before {
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
			right: -8px;
			top: 3px;
			border: 8px solid;
			border-color: #ff0000 #ff0000 transparent transparent;
			transform: rotate(45deg);
			cursor: pointer;
		}

		.cms_area .edit_tag.published {
			background-color: #57b51a;
		}

			.cms_area .edit_tag.published:before {
				border-color: #57b51a #57b51a transparent transparent;
			}

	.cms_area[cms-data-published='false'] {
		border: 1px dashed silver;
		background-color: #F4F4F4;
	}

		.cms_area[cms-data-published='false']::after {
			content: 'unpublished';
			background-color: white;
			font-size: 11px;
			color: silver;
			position: absolute;
			top: -21px;
			right: -1px;
			border-color: silver;
			border-style: solid;
			border-width: 1px 1px 0 1px;
			border-radius: 4px;
			padding: 0 3px;
			height: 20px;
			box-sizing: border-box;
			z-index: 20;
		}

/* Add new ------------------------------------- */
a.cms_addNew {
	background-color: darkorange;
	color: white;
	font-weight: normal;
	padding: 5px;
	display: inline-block;
	margin-top: 15px;
}

	a.cms_addNew:hover {
		background-color: orange;
	}

/* Popup menu ------------------------------------- */
.cms_popupMenu {
	position: absolute;
	display: none;
	left: -40px;
	top: 5px;
	border: 1px solid silver;
	background-color: white;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.53);
	-moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.53);
	box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.53);
	padding: 0 3px;
	z-index: 15;
}

	.cms_popupMenu a {
		display: block;
		padding: 3px 10px 3px 0;
		margin: 2px 0;
		color: #2980b9;
		font-weight: normal;
	}

		.cms_popupMenu a:hover {
			color: white;
			background-color: #2980b9;
		}

		.cms_popupMenu a.disabled {
			color: silver;
		}

			.cms_popupMenu a.disabled:hover {
				background-color: white;
			}