/*
 * Copyright (c) 2026, Tribal Limited
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *     * Redistributions of source code must retain the above copyright
 *       notice, this list of conditions and the following disclaimer.
 *     * Redistributions in binary form must reproduce the above copyright
 *       notice, this list of conditions and the following disclaimer in the
 *       documentation and/or other materials provided with the distribution.
 *     * Neither the name of Zenario, Tribal Limited nor the
 *       names of its contributors may be used to endorse or promote products
 *       derived from this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL TRIBAL LTD BE LIABLE FOR ANY
 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */


/*  Show slot control box on hover  */

x-zenario-admin-slot-wrapper {
	display: block;
}


/*  Show slot control box on hover  */

.zenario_slotAdminControlBox {
	display: none;
}

.zenario_moveSource,
.zenario_moveDestination,
.zenario_copyDestination,
.zenario_slotParent .zenario_slotPluginControlBox,
.zenario_nestSlot:hover .zenario_slotEggControlBox {
	display: inline;
}

body.zenario_pageMode_edit .zenario_level3 .zenario_slotEggControlBox,
body.zenario_pageMode_edit .zenario_level2 .zenario_slotEggControlBox,
body.zenario_pageMode_layout .zenario_level1 .zenario_slotEggControlBox {
	display: none;
}



/* Page Mode Toggling */

body.zenario_slotWand_off .zenario_slotWithNoContents,
body.zenario_showing_preview .zenario_slotWithNoContents,

body.zenario_pageModeIsnt_edit.zenario_pageModeIsnt_edit_disabled .pluginAdminLinks,
body.zenario_pageModeIsnt_edit.zenario_pageModeIsnt_edit_disabled .pluginAdminEditButton,

body.zenario_pageModeIsnt_edit.zenario_pageModeIsnt_layout x-zenario-missing-slots,

body.zenario_pageMode_preview .zenario_nestSlot:hover .zenario_slotEggControlBox,
body.zenario_pageMode_preview .zenario_slotNotShownInVisitorMode,
body.zenario_pageMode_menu .zenario_slotNotShownInVisitorMode,
body.zenario_pageMode_rollback .zenario_slotNotShownInVisitorMode,

body.zenario_skq_open .pluginAdminMenuButton,
body.zenario_pageModeIsnt_menu .pluginAdminMenuButton,

body.zenario_skq_open .zenario_slotAdminControlBox,
body.zenario_being_edited .zenario_slotAdminControlBox,

body.zenario_pageMode_preview .zenario_slotAdminControlBox,
body.zenario_pageMode_menu .zenario_slotAdminControlBox,
body.zenario_pageMode_edit .zenario_hideInEditMode,
body.zenario_pageMode_edit_disabled .zenario_hideInEditMode,
body.zenario_pageMode_layout .zenario_hideInLayoutMode,
body.zenario_pageMode_edit .zenario_hideSlotInEditMode .zenario_slotAdminControlBox,
body.zenario_pageMode_rollback .zenario_hideSlotInEditMode .zenario_slotAdminControlBox,
body.zenario_pageModeIsnt_edit.zenario_pageModeIsnt_edit_disabled.zenario_pageModeIsnt_rollback.zenario_pageModeIsnt_layout .zenario_slotAdminControlBox {
	display: none;
}

body.zenario_pageMode_preview .zenario_slot,
body.zenario_pageMode_menu .zenario_slot,
body.zenario_pageMode_rollback .zenario_slot {
	/*border: none;*/
	width: auto;
}

body.zenario_pageMode_preview span.zenario_slot_padding,
body.zenario_pageMode_menu span.zenario_slot_padding {
	display: none;
}


body.zenario_pageMode_edit .pluginAdminEditButton {
	visibility: hidden;
}

body.zenario_pageMode_edit .zenario_slotParent .pluginAdminEditButton {
	visibility: visible;
}

/*  The mouse pointer should be a + sign (crosshairs) when the menu system is not clickable  */

body.zenario_skq_open .zenario_menu_node,
body.zenario_skq_open .zenario_menu_node *,
body.zenario_pageModeIsnt_preview .zenario_menu_node,
body.zenario_pageModeIsnt_preview .zenario_menu_node * {
	cursor: crosshair;
}

body.zenario_pageMode_menu .zenario_menu_node, 
body.zenario_pageMode_menu .zenario_menu_node * {
	cursor: sw-resize;
}

body.zenario_pageMode_menu .pluginAdminMenuButton, 
body.zenario_pageMode_menu .pluginAdminMenuButton * {
	cursor: pointer;
}

body.zenario_pageMode_edit .zenario_slotOuter:not(.zenario_slot_being_edited) .zenario_slot,
body.zenario_pageMode_layout .zenario_slotOuter:not(.zenario_slot_being_edited) .zenario_slot {
	cursor: context-menu;
}

body.zenario_pageMode_edit .zenario_slot .zenario_nestSlot,
body.zenario_pageMode_layout .zenario_slot .zenario_nestSlot,
body.zenario_pageMode_edit .zenario_slot .zenario_nestSlot .zenario_slot,
body.zenario_pageMode_layout .zenario_slot .zenario_nestSlot .zenario_slot {
	cursor: default;
}


/*  Preview Mode should NOT show non-active menu nodes in italics  */

body.zenario_pageMode_preview em.zenario_inactive {
	font-style:normal;
}

/*  Unlinked menu items link error  */

.unlinked_menu_item .link_error {
	text-transform: none;
    font-size: 11px;
    color: #8B0000;
    font-style: italic;
}

body.zenario_pageMode_preview span.zenario_conditionally_hidden {
	display: none;
}

/*	Layout previews	*/
body.zenario_pageMode_layout .zenario_slot_with_layout_preview {
	display: none !important;
}
body.zenario_pageModeIsnt_layout .zenario_slot_layout_preview {
	display: none !important;
}

/*	Layout previews, empty WYSIWYG	*/

body.zenario_pageMode_preview.zenario_pageToolbar_preview .zenario_emptyWYSIWYG .zenario_slot {
	outline:1px dashed #ccc;
	opacity: 0.6;
}

body.zenario_pageMode_preview.zenario_pageToolbar_preview .zenario_emptyWYSIWYG .zenario_full_slot {
	display: block !important;
}

body.zenario_pageMode_preview.zenario_pageToolbar_preview .zenario_emptyWYSIWYG .zenario_full_slot .zenario_editor_placeholder_text {
	display: block;
}

/*	Add a special style to the h1 tag when you hover over it in admin mode,
	to help you spot the most important SEO tag.	*/
	
#zenario_citem h1 {
	position:relative;
	z-index:1;
}

#zenario_citem h1:hover {
	box-shadow:inset 1px 1px blue;
}

#zenario_citem h1:hover:before {
	content:"H1";
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	line-height:18px;
	text-align:center;
	background:blue;
	color:#FFF;
	font-size:10px;
	font-family:"verdana" !important;
}

#zenario_citem .zenario_slot_being_edited h1:hover {
	-webkit-box-shadow:none;
	box-shadow:none;
}



/*	Set an outline around the slot-wrapper on the page.	*/
.zenario_slot {
	outline: 1px dashed #ccc;
}

/*	A slot that is set on the layout with a library plugin should have purple lines.	*/
.zenario_libraryPlugin .zenario_slot {
	outline-color: #800080; /* purple */
}

/*	A slot that is set on the layout with a version-controlled plugin should have orangegreen or grey lines
	(green on a draft or a published page, grey if trashed or hidden).	*/
.zenario_versionControlledPlugin .zenario_slot {
	outline-color: #ccc;
}

body.zenario_status_draft .zenario_versionControlledPlugin .zenario_slot,
body.zenario_status_published .zenario_versionControlledPlugin .zenario_slot {
	outline-color: #008000; /* green */
}

/*	A slot that is set on the plugins tab, or which overrides something on the layout, should have red lines.	*/
.zenario_slotWithContents.zenario_level1 .zenario_slot {
	outline-color: red;
}

/*	Slot borders should be yellow if it's a plugin in a nest.	*/
body .zenario_slotWithContents .zenario_slot .zenario_slot  {
	outline-color: #ffd000;
}

/*  When you hover over a slot, change the border from dashed to solid.  */
.zenario_slotParent .zenario_slot {
	outline-style: solid;
}

.zenario_slotParent .zenario_slot.zenario_plugin_nest,
.zenario_slotParent .zenario_slot.zenario_slideshow {
	outline-style: double;
	outline-width: medium;
}

/*  When editing a slot, remove all of the slot borders, except for the one you're currently editing.  */
body.zenario_being_edited .zenario_slotOuter .zenario_slot {
	outline-width: 0;
}

/*  When you are on Content item view, hide the library plugins (purple lines). :not the red lines  */
body.zenario_pageMode_edit .zenario_libraryPlugin:not(.zenario_slotWithContents.zenario_level1) .zenario_slot,
body.zenario_pageMode_edit .zenario_libraryPlugin:not(.zenario_slotWithContents.zenario_level1) > .zenario_slot.zenario_plugin_nest {
	outline-width: 0;
}

/*  When editing a slot, put a distinct border around the slot you're currently editing.  */
body.zenario_being_edited .zenario_slot_being_edited .zenario_slot {
	outline-width: 2px;
}



/*	When the WYSIWYG editor controls are being displayed in the admin toolbar, hide the rest of the admin toolbar elements  */
body.zenario_being_edited #zenario_at_wrap #zenario_at_top_left_menu,
body.zenario_being_edited #zenario_at_wrap #zenario_at_title,
body.zenario_being_edited #zenario_at_wrap #zenario_at_logout_link,
body.zenario_being_edited #zenario_at_wrap #zenario_at {
	display: none;
}



/*  When you get a not accesible slot, remove all border  */
body.zenario_pageMode_edit .zenario_hideSlotInEditMode .zenario_slot,
body.zenario_pageMode_edit .zenario_libraryPlugin.zenario_hideSlotInEditMode > .zenario_slot.zenario_plugin_nest,
body.zenario_pageMode_edit .zenario_libraryPlugin.zenario_hideSlotInEditMode > .zenario_slot.zenario_slideshow {
	outline-width: 0;
}

/*  When you get a not accesible slot, and hover, show border  */
body.zenario_pageMode_edit .zenario_hideSlotInEditMode .zenario_slot:hover,
body.zenario_pageMode_edit .zenario_libraryPlugin.zenario_hideSlotInEditMode > .zenario_slot.zenario_plugin_nest:hover,
body.zenario_pageMode_edit .zenario_libraryPlugin.zenario_hideSlotInEditMode > .zenario_slot.zenario_slideshow:hover,
body.zenario_pageMode_edit .zenario_libraryPlugin.zenario_hideSlotInEditMode > .zenario_slot.zenario_plugin_nest:hover .zenario_slot,
body.zenario_pageMode_edit .zenario_libraryPlugin.zenario_hideSlotInEditMode > .zenario_slot.zenario_slideshow:hover .zenario_slot,
body.zenario_pageMode_edit .zenario_libraryPlugin:not(.zenario_slotWithContents.zenario_level1):hover .zenario_slot {
	outline-width: 1px;
}

body.zenario_pageMode_edit .zenario_hideSlotInEditMode .zenario_slot:hover,
body.zenario_pageMode_edit .zenario_libraryPlugin.zenario_hideSlotInEditMode > .zenario_slot.zenario_plugin_nest:hover .zenario_slot,
body.zenario_pageMode_edit .zenario_libraryPlugin.zenario_hideSlotInEditMode > .zenario_slot.zenario_slideshow:hover .zenario_slot {
	outline-style:dashed;
}


body.zenario_pageMode_edit .zenario_libraryPlugin.zenario_hideSlotInEditMode > .zenario_slot.zenario_plugin_nest:hover,
body.zenario_pageMode_edit .zenario_libraryPlugin.zenario_hideSlotInEditMode > .zenario_slot.zenario_slideshow:hover,
body.zenario_pageMode_edit .zenario_libraryPlugin:not(.zenario_slotWithContents.zenario_level1):hover > .zenario_slot.zenario_plugin_nest {
	outline-style: double;
	outline-width: medium;
}

.zenario_slotWithNoPermission > div em {
	color: red;
}



body.zenario_pageMode_rollback .zenario_reusable > div.zenario_slot,
body.zenario_pageMode_edit_disabled .zenario_reusableNotShownInEditMode > div.zenario_slot,
body.zenario_pageMode_edit .zenario_hideSlotInEditMode > div.zenario_slot,
body.zenario_pageMode_menu .zenario_hideSlotInMenuMode > div.zenario_slot,
body.zenario_pageMode_edit .zenario_level2 > div.zenario_slot,
body.zenario_pageMode_layout .zenario_hideSlotInLayoutMode > div.zenario_slot,
body.zenario_pageMode_layout .zenario_level1 > div.zenario_slot {
	/*opacity: 0.2;*/
}

body.zenario_skq_open .zenario_slot ,
body.zenario_pageMode_preview .zenario_slot ,
body.zenario_pageMode_preview .zenario_slot.zenario_plugin_nest,
body.zenario_pageMode_preview .zenario_slot.zenario_slideshow,
body.zenario_pageMode_preview .zenario_slotParent .zenario_slot.zenario_plugin_nest,
body.zenario_pageMode_preview .zenario_slotParent .zenario_slot.zenario_slideshow,
body.zenario_pageMode_menu .zenario_slot,
body.zenario_pageMode_menu .zenario_slot.zenario_nest,
body.zenario_pageMode_menu .zenario_slot.zenario_slideshow,
body.zenario_pageMode_menu .zenario_slotParent .zenario_slot.zenario_plugin_nest,
body.zenario_pageMode_menu .zenario_slotParent .zenario_slot.zenario_slideshow,
body.zenario_pageMode_rollback .zenario_slotWithNoContents .zenario_slot ,
body.zenario_pageMode_rollback .zenario_reusable .zenario_slot ,
body.zenario_pageMode_edit_disabled .zenario_slotWithNoContents .zenario_slot ,
body.zenario_pageMode_edit_disabled .zenario_reusableNotShownInEditMode .zenario_slot {
	outline: none;
}

body.zenario_pageMode_menu .zenario_showSlotInMenuMode > div,
#zenario_slotControls .zenario_slotOuter > div {
	opacity: 1;
}


/* Show/hide Plugin information in Edit Mode */
body.zenario_pageModeIsnt_edit.zenario_pageModeIsnt_edit_disabled .only_show_in_edit_mode {
	display: none;
}


/*
	Hide the slot contents tooltips when in preview view, menu mode, or when editing something on the page
*/

body.zenario_being_edited .zenario_whatsInSlotTooltip,
body.zenario_pageMode_menu .zenario_whatsInSlotTooltip,
body.zenario_pageMode_preview .zenario_whatsInSlotTooltip {
	display:none !important;
}

/*  Missing Slots  */

x-zenario-missing-slots {
	display: block;
	border-top: 3px solid #ff4040;
	margin-top: 2em;
	padding: 1.2em;
	padding-top: 0.4em;
}

x-zenario-missing-slots x-zenario-missing-slots-title {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 0.67em 0;
}

x-zenario-missing-slots x-zenario-missing-slots-message {
	display: block;
	font-size: 0.85em;
	margin: 1em 0;
}

x-zenario-missing-slots x-zenario-missing-slots-title,
x-zenario-missing-slots x-zenario-missing-slots-message {
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
}

x-zenario-missing-slots .zenario_missing_slot {
	margin: 1em;
}

x-zenario-missing-slots .zenario_slotWithNoContents {
	display: none;
}

x-zenario-missing-slots .zenario_slotWithContents .zenario_missing_slot {
	margin-left: 5em;
	width: 60%;
}

x-zenario-missing-slots .zenario_slotWithContents .zenario_missing_slot .zenario_slotContents {
	border: 3px dashed #ff4040;
	width: 100%;
}


/*  Hide/Show "Only show on small screens" slots in Admin Mode on the Menu/Edit/Layout tabs only when zenario_show_empty_slots_and_mobile_only_slots is on */

body.zenario_adminToolbarShown .slot.responsive_only {
	display:none;
}

body.zenario_adminToolbarShown.zenario_pageModeIsnt_preview.zenario_show_empty_slots_and_mobile_only_slots .slot.responsive_only,
body.zenario_adminToolbarShown.zenario_pageModeIsnt_preview.zenario_show_empty_slots_and_mobile_only_slots .container .slot.responsive_only {
	display: block;
}




/* START: Opacity rules */

body.zenario_pageMode_menu .zenario_versionControlledPlugin,
body.zenario_pageMode_template .zenario_versionControlledPlugin {
	/*background-color:rgba(0, 128, 0, 0.1);*/ /* green */

}

body.zenario_pageMode_edit .zenario_versionControlledPlugin:hover {
	background-color:transparent;

}

body.zenario_pageMode_edit .zenario_libraryPlugin.zenario_level1,
body.zenario_pageMode_menu .zenario_libraryPlugin.zenario_level1:not(.zenario_showSlotInMenuMode),
body.zenario_pageMode_template .zenario_libraryPlugin.zenario_level1 {
	/*background-color:rgba(255, 0, 0, 0.1);*/ /* red */

	-webkit-border-radius:5px;
	border-radius:5px;
}

body.zenario_pageMode_edit .zenario_libraryPlugin.zenario_level1:hover {
	background-color:transparent;

}

body.zenario_pageMode_edit .zenario_libraryPlugin.zenario_level2,
body.zenario_pageMode_menu .zenario_libraryPlugin.zenario_level2:not(.zenario_showSlotInMenuMode) {
	/*background-color:rgba(128, 0, 128, 0.1);*/ /* purple */

	-webkit-border-radius:5px;
	border-radius:5px;
}

body.zenario_pageMode_edit .zenario_libraryPlugin > .zenario_slot.zenario_plugin_nest:hover,
body.zenario_pageMode_template .zenario_libraryPlugin > .zenario_slot.zenario_plugin_nest:hover,
body.zenario_pageMode_edit .zenario_libraryPlugin > .zenario_slot.zenario_slideshow:hover,
body.zenario_pageMode_template .zenario_libraryPlugin > .zenario_slot.zenario_slideshow:hover {
	outline-style:double;
	outline-width:medium;
}

/* END: Opacity rules */






/*  Slot Control Box  */

div.zenario_slotAdminControlBox {
	position: relative;
	z-index: 98;
	float: right;
	width: 44px;
	height: 0px;
	line-height: 1px;
	text-align: left;
}

div.zenario_slotEggControlBox {
	width: 90px;
}

div.zenario_slotAdminControlBox a {
	cursor:pointer;
}

div.zenario_slotAdminControlBox a.zenario_slotButton {
	position: absolute;
	z-index: 99;
	width: 44px;
	height: 28px;
	border: 0;
	border-top:4px solid #333;
	background-color:#333;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

div.zenario_adminSlotControlsOpen a.zenario_slotButton {
	border-color:#464646;
}

div.zenario_slotAdminControlBox a.zenario_movePlugin,
div.zenario_slotAdminControlBox a.zenario_swapPlugin,
div.zenario_slotAdminControlBox a.zenario_copyPluginPlacement {
	margin-top: 0px;
	margin-left: 0px;
	background: center top no-repeat #333 url(../admin/images/slots/move_plugin.png);
}

div.zenario_slotAdminControlBox a.zenario_cancelMovePlugin {
	margin-top: 0px;
	margin-left: 0px;
	background: center top no-repeat #333 url(../admin/images/slots/cancel_move_plugin.png);
}

div.zenario_slotEggControlBox a.zenario_editNestedPlugin,
div.zenario_slotEggControlBox a.zenario_nestedPluginOptions {
	position: absolute;
	background: none;
	border-top: none;
	margin-top: -1px;
	height:23px;
}

div.zenario_slotEggControlBox a.zenario_editNestedPlugin span,
div.zenario_slotEggControlBox a.zenario_nestedPluginOptions span {
	display: inline-block;
	height: 22px;
	border-top: orange dashed 1px;
}

div.zenario_slotEggControlBox a.zenario_nestedPluginOptions {
	right: 46px;
	width: 22px;
}

div.zenario_slotEggControlBox a.zenario_nestedPluginOptions span {
	background: url("../admin/images/icon-nest-more-options-v02.svg") no-repeat;
	background-size: 22px;
	width: 22px;
}

div.zenario_slotEggControlBox a.zenario_editNestedPlugin {
	right: 70px;
	width: 22px;
}

div.zenario_slotEggControlBox a.zenario_editNestedPlugin span {
	background: url("../admin/images/icon-nest-edit.svg") no-repeat;
	background-size: 22px;
	width: 22px;
}

div.zenario_slotAdminControlBox a.zenario_openSlotControls {
	margin-top: 0px;
	margin-left: 0px;
	display: block;
}

div.zenario_slotAdminControlBox a.zenario_openSlotControls {
	background:#333;
}

div.zenario_slotAdminControlBox a.zenario_openSlotControls:after {
	font-family:"FontAwesome";
	content:"\f0d7";
	position:absolute;
	right: 5px;
  	top: 10px;
  	color: #fff;
  	font-size: 10px;
}

div.zenario_slotAdminControlBox a.zenario_openSlotControls span {
	display:inline-block;
	width:34px;
	height:28px;
}

div.zenario_slotAdminControlBox a.zenario_openSlotControls span {
	background: url('../admin/images/slots/icon-add-green.svg') no-repeat center center / 15px 15px;
}

body.zenario_pageMode_template .zenario_slotWithNoContents div.zenario_slotAdminControlBox a.zenario_openSlotControls span {
	background: url('../admin/images/slots/icon-plugin-cross-purple.svg') no-repeat center 4px / 16px auto;
}

body.zenario_pageMode_edit .zenario_slotWithNoContents div.zenario_slotAdminControlBox a.zenario_openSlotControls span {
	background: url('../admin/images/slots/icon-plugin-cross-red.svg') no-repeat center 4px / 16px auto;
}

.zenario_reusable div.zenario_slotAdminControlBox a.zenario_openSlotControls span {
	background: url('../admin/images/slots/icon-plugin.svg') no-repeat center 4px / 16px auto;
}

.zenario_reusable.zenario_slotWithNest div.zenario_slotAdminControlBox a.zenario_openSlotControls span {
	background: url('../admin/images/slots/icon-plugin-nest.svg') no-repeat center 2px / 24px auto;
}

.zenario_reusable.zenario_slotWithSlideshow div.zenario_slotAdminControlBox a.zenario_openSlotControls span {
	background: url('../admin/images/slots/icon-plugin-slideshow.svg') no-repeat center 4px / auto 14px;
}

.zenario_wireframe div.zenario_slotAdminControlBox a.zenario_openSlotControls span {
	background: url('../admin/images/slots/icon-modules-version-controlled-black-arrows.svg') no-repeat center 4px / 17px auto;
}

body.zenario_pageMode_edit .zenario_wireframe div.zenario_slotAdminControlBox a.zenario_openSlotControls span,
body.zenario_pageMode_edit_disabled .zenario_wireframe div.zenario_slotAdminControlBox a.zenario_openSlotControls span {
	background: url('../admin/images/slots/icon-edit.svg') no-repeat center 4px / 16px auto;
}

body.zenario_pageMode_edit .zenario_showDoubleClickInEditMode div.zenario_slotAdminControlBox a.zenario_openSlotControls span {
	background: url('../admin/images/slots/icon-edit-double-click.svg') no-repeat center 4px / 16px auto;
}

.zenario_moveSource a.zenario_slotButton,
.zenario_moveDestination a.zenario_slotButton,
.zenario_copyDestination a.zenario_slotButton {
	display: none;
}

.zenario_slotWithNoContents .zenario_copyDestination a.zenario_copyPluginPlacement,
.zenario_slotWithNoContents .zenario_moveDestination a.zenario_movePlugin,
.zenario_slotWithContents .zenario_moveDestination a.zenario_swapPlugin,
.zenario_moveSource a.zenario_cancelMovePlugin {
	display: block;
}

div.zenario_fbAdminSlotControls {
	z-index: 1000000; /* Old value 3000 */
}

.zenario_plugin_info_tooltip,
div.zenario_slotControlsWrap {
	width: auto;
	line-height: 12px;
	font-size: 11px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	background-color: #333;
	-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.85);
	box-shadow: 0 4px 5px rgba(0,0,0,.85);
	border: solid 1px #333;
}

.zenario_plugin_info_tooltip,
div.zenario_slotControlsWrap,
div.zenario_slotControlsWrap a {
	color:#FFF;
}

div.zenario_slotControlsWrap .zenario_slotControlsWrap_info,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_overridden_info {
	background:#333;
	padding:6px;
	font-size:10px;
	line-height:12px;
	border-bottom:1px solid #000;
}

div.zenario_slotControlsWrap .zenario_slotControlsWrap_overridden_info {
	border-top: 1px solid #747474;
	padding-top: 3px;
}

.zenario_plugin_info_tooltip > div,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_sc,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_overridden_info .zenario_sc {
	cursor: default;
	margin:6px 0 0;
	color:#43d4f4;
	padding:2px 24px;
}

div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_slotControl_title {
	margin: 0;
	padding: 5px 0 8px 0;
	font-size: 12px;
	text-align: center;
	font-weight:bold;
	color: white;
	background:rgba(255,255,255,0.08);
}

div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_sc:first-child {
	margin-top:0;
}

div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_sc .zenario_slotControl_MsInfo {
	padding-right:3px;
}

.zenario_plugin_info_tooltip > div span,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_slotControl_slotName span,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_slotControl_width span,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_slotControl_cssClass span,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_slotControl_copyEmbedLink span {
	font-family: "Lucida Console", Monaco, monospace;
	color: #c0c0c0;
}

div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_slotControl_width span,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_slotControl_cssClass span {
	font-size: 9px;
}

div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_slotControl_copyEmbedLink a {
	color: #e0e0e0;
	font-size: 9px;
	text-decoration: underline;
	cursor: pointer;
}

div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_slotControl_inThisSlot,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_overridden_info .zenario_slotControl_inThisSlot {
	color: #70ddf7;
	font-weight: bold;
	font-size: 9px;
}

div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_slotControl_vc,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_overridden_info .zenario_slotControl_vc {
	margin-top: 0;
	padding-top: 0;
	color: #c0c0c0;
	font-size: 9px;
	font-style: italic;
}

div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_slotControl_locked,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_overridden_info .zenario_slotControl_locked {
	padding: 3px;
	color: #f89406;
	font-weight: bold;
	font-size: 10px;
}

div.zenario_slotControlsWrap .zenario_slotControl_ImgInfo {
	cursor: pointer;
}

div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_sc.zenario_slotControl_onlyMobile,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_sc.zenario_slotControl_onlyDesktop {
	font-weight: bold;
	font-size: 10px;
}

div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_sc.zenario_slotControl_onlyMobile,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_sc.zenario_slotControl_onlyDesktop,
body.zenario_pageMode_template .zenario_slotOuter div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_sc.zenario_slotControl_onlyMobile,
body.zenario_pageMode_template .zenario_slotOuter div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_sc.zenario_slotControl_onlyDesktop,
body.zenario_pageMode_edit .zenario_versionControlledPlugin div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_sc.zenario_slotControl_onlyMobile,
body.zenario_pageMode_edit .zenario_versionControlledPlugin div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_sc.zenario_slotControl_onlyDesktop {
	color: #ffea00;
}

div.zenario_slotControlsWrap .zenario_slotControlsWrap_actions,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_no_perms,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_switch_to,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_re_move_place,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_overridden_actions {
	background:#4D4D4D;
	border-top:1px solid #747474;
}

div.zenario_slotControlsWrap .zenario_slotControlsWrap_actions .zenario_sc,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_switch_to .zenario_sc,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_re_move_place .zenario_sc,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_overridden_actions .zenario_sc {
	cursor: pointer;
	padding:5px 10px 7px 30px;
	color:#FFF;
	position:relative;
}

div.zenario_slotControlsWrap .zenario_slotControlsWrap_no_perms .zenario_sc {
	padding: 3px 10px 2px 30px;
	position:relative;
	color: #ccc;
	font-style: italic;
	font-size: 9px;
	cursor: not-allowed;
}

div.zenario_slotControlsWrap .zenario_slotControlsWrap_actions .zenario_sc:before,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_switch_to .zenario_sc:before,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_re_move_place .zenario_sc:before,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_overridden_actions .zenario_sc:before {
	font-family:"FontAwesome";
	content:"\f0da";
	font-size:8px;
	position:absolute;
	left:12px;
	top:6px;
}

div.zenario_slotControlsWrap .zenario_slotControlsWrap_actions .zenario_sc:hover,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_switch_to .zenario_sc:hover,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_re_move_place .zenario_sc:hover,
div.zenario_slotControlsWrap .zenario_slotControlsWrap_overridden_actions .zenario_sc:hover {
	background-color:#6F6F6F;
}

.zenario_sc a.zenario_imgProps {
	width: 10px;
	height: 10px;
	margin-left: 3px;
	display: inline-block;
	background: url('../admin/images/icon-link-to-new-tab-placeholder.svg') no-repeat center center;
}

.zenario_sc a.zenario_imgProps {
	background: url('../admin/images/icon-edit-image-properties-white.svg') no-repeat center center;
	background-size: 12px 12px;
    margin-left: 2px;
    margin-right: 0;
}

.zenario_sc a.plugins_link_new_window {
	margin-left:1px;
	background: url('../admin/images/icon-open-in-new-window-bright-blue.svg') no-repeat center center / auto 100%;
}

div.zenario_slotControlsWrap .zenario_slotControl_slotName,
div.zenario_slotControlsWrap .zenario_slotControl_Overridden {
	background:url('../admin/images/slots/slot-icon.png') no-repeat 0 0;
}

div.zenario_slotControlsWrap .zenario_slotControl_module {
	background:url('../admin/images/icon-modules-off.svg') no-repeat 0 0 / 15px auto;
}

div.zenario_slotControlsWrap .zenario_slotControl_reusable {
	background:url('../admin/images/slots/icon-plugin.svg') no-repeat 0 0 / 15px auto;
}

div.zenario_slotControlsWrap .zenario_slotControl_pluginImages {
	background:url('../admin/images/icon-image-library-white.svg') no-repeat 0 0 / 15px auto;
}

div.zenario_slotControlsWrap .zenario_slotControl_menuSection {
	background:url('../admin/images/icon-menu-sections-white.svg') no-repeat 0 0 / 15px auto;
}

div.zenario_slotControlsWrap .zenario_slotControl_empty {
	/*opacity: 0.4;*/
}

.zenario_sc a.plugins_optional_link_to_new_tab {
	text-decoration: none;
}

.zenario_sc a.plugins_link_new_window {
	background-position:right center;
	background-size: 10px 10px;
	padding-right:15px;
}

.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_class_name_preview {
	width: 100%;
	background-color: #353535;
	border: 0;
	color: #B7B7B7;
}

div.zenario_slotAdminControlBox a,
div.zenario_slotControlsWrap .zenario_sc {
	display: none;
}

.zenario_nestSlot:hover div.zenario_slotAdminControlBox a {
	display: block;
}


body.zenario_pageMode_edit div.zenario_slotControlsWrap .zenario_showInEditMode,
body.zenario_pageMode_edit_disabled div.zenario_slotControlsWrap .zenario_showInEditMode,
body.zenario_pageMode_rollback div.zenario_slotControlsWrap .zenario_showInEditMode {
	display: block;
}

body.zenario_pageMode_layout div.zenario_slotControlsWrap .zenario_showInLayoutMode {
	display: block;
}

body.zenario_pageMode_preview										div.zenario_slotAdminControlBox,
body.zenario_pageMode_menu											div.zenario_slotAdminControlBox,
body.zenario_pageMode_edit_disabled		.zenario_slotWithNoContents	div.zenario_slotAdminControlBox,
body.zenario_pageMode_rollback			.zenario_slotWithNoContents	div.zenario_slotAdminControlBox {
	display: none;
}

body.zenario_pageMode_edit				.zenario_showInEditMode,
body.zenario_pageMode_edit_disabled		.zenario_showInEditMode,
body.zenario_pageMode_rollback			.zenario_showInRollbackMode,
body.zenario_pageMode_layout			.zenario_showInLayoutMode {
	display: block;
}

/*  Generic admin buttons  */

.zenario_adminButton,
.zenario_nestAdminButton {
	float: left;
	width: 23px;
	height: 23px;
	border: 0;
	margin-left: 4px;
	margin-bottom: 4px;
}

.zenario_nestAdminButton {
	display: block;
	width: 21px;
	height: 21px;
}

.zenario_addButton {
	background: url("../admin/images/slots/add_icon.gif") no-repeat scroll right center transparent;
}

.zenario_addEggButton {
	background: url("../admin/images/slots/add_egg_icon.gif") no-repeat scroll right center transparent;
}

.zenario_addMenuButton {
	background: url("../admin/images/slots/add_menu_icon.gif") no-repeat scroll right center transparent;
}

.zenario_addNewLinkButton {
	background: url("../admin/images/slots/add_new_shortcut_icon.gif") no-repeat scroll right center transparent;
}

.zenario_deleteButton {
	background: url("../admin/images/slots/delete_icon.gif") no-repeat scroll right center transparent;
}

.zenario_doneButton {
	background: url("../admin/images/slots/done_icon.gif") no-repeat scroll right center transparent;
}

.zenario_editButton {
	background: url("../admin/images/slots/edit_icon.gif") no-repeat scroll right center transparent;
}

.zenario_phrasesButton {
	background: url("../admin/images/slots/phrases_icon.gif") no-repeat scroll right center transparent;
}

.zenario_reorderButton {
	background: url("../admin/images/slots/reorder_icon.gif") no-repeat scroll right center transparent;
}

.zenario_settingsButton {
	background: url("../admin/images/slots/settings_icon.gif") no-repeat scroll right center transparent;
}

.zenario_themesButton {
	background: url("../admin/images/slots/theme_selector_icon.gif") no-repeat scroll right center transparent;
}

.zenario_nestDeleteButton {
	background: url("../admin/images/slots/nest_delete_icon.gif") no-repeat scroll right center transparent;
}

.zenario_nestPhrasesButton {
	background: url("../admin/images/slots/nest_phrases_icon.gif") no-repeat scroll right center transparent;
}

.zenario_nestSettingsButton {
	background: url("../admin/images/slots/nest_settings_icon.gif") no-repeat scroll right center transparent;
}

.zenario_nestThemesButton {
	background: url("../admin/images/slots/nest_theme_icon.gif") no-repeat scroll right center transparent;
}


/* Slot min height */

body.zenario_pageMode_edit .zenario_slot,
body.zenario_pageMode_edit_disabled .zenario_slot,
body.zenario_pageMode_rollback .zenario_slot,
body.zenario_pageMode_layout .zenario_slot,
body.zenario_pageMode_template_family .zenario_slot {
	min-height: 32px;
}


/* Always hide the slot padding when editing a slot in a WYSIWYG Editor */

.zenario_slot_being_edited .pad_slot,
.zenario_slot_being_edited .zenario_slot_padding {
	display: none;
}

.zenario_slot_being_edited .zenario_slot {
	min-height: 0;
}

/* The WYSIWYG Editor should have a min-height of about 4 lines when used inline */

.zenario_slot_being_edited .tinymce_content {
	min-height: 100px;
}

/* Hack to get rid of any padding caused by the content in the content area */

.zenario_slot_being_edited .tinymce_content {
	overflow: hidden;
}


/*  Storekeeper Select  */
#zenario_fbAdminOrganizer {
	text-align: center;
}

/* Editor toolbar Tinymce buttons */

.zenario_at_toolbar_container .mce-tinymce .mce-container-body .mce-panel .mce-container .mce-last.mce-btn-group .mce-btn { /* Save changes and close the editor */
	background:#E50707;
}

.zenario_at_toolbar_container .mce-tinymce .mce-container-body .mce-panel .mce-container .mce-last.mce-btn-group .mce-btn:hover { /* Save changes and close the editor */
	background:#ba0505;
}

.zenario_at_toolbar_container .mce-tinymce .mce-container-body .mce-panel .mce-container .mce-last.mce-btn-group .mce-first { /* Save */
	background-color: #F0F0F0;
}

.zenario_at_toolbar_container .mce-tinymce .mce-container-body .mce-panel .mce-container .mce-last.mce-btn-group .mce-first:hover { /* Save */
	background-color: #E3E3E3;
}

.zenario_at_toolbar_container .mce-tinymce .mce-container-body .mce-panel .mce-container .mce-last.mce-btn-group .mce-last { /* Abandon */
	background:#0298c3;
}

.zenario_at_toolbar_container .mce-tinymce .mce-container-body .mce-panel .mce-container .mce-last.mce-btn-group .mce-last:hover { /* Abandon */
	background:#007fa3;
}

.zenario_at_toolbar_container .mce-tinymce .mce-container-body .mce-panel .mce-container .mce-last.mce-btn-group .mce-btn {
	transition: all 0.5s ease;
}

.zenario_at_toolbar_container .mce-tinymce .mce-container-body .mce-panel .mce-container .mce-last.mce-btn-group .mce-btn button {
	color:#FFF;
	text-shadow:0 1px 1px #000000;
	font-size:13px;
	font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
}

.zenario_at_toolbar_container .mce-tinymce .mce-container-body .mce-panel .mce-container .mce-last.mce-btn-group .mce-btn .mce-ico {
	color:#FFF;
}

.zenario_at_toolbar_container .mce-tinymce .mce-container-body .mce-panel .mce-container .mce-last.mce-btn-group .mce-btn button i {
	text-shadow:0 1px 1px #000;
}

.zenario_at_toolbar_container .mce-tinymce .mce-container-body .mce-panel .mce-container .mce-last.mce-btn-group .mce-first button {
	color:#333;
	text-shadow:0 1px 1px #FFF;
	font-size:14px;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.zenario_at_toolbar_container .mce-tinymce .mce-container-body .mce-panel .mce-container .mce-last.mce-btn-group .mce-first .mce-ico {
	color:#333;
}

.zenario_at_toolbar_container .mce-tinymce .mce-container-body .mce-panel .mce-container .mce-last.mce-btn-group .mce-first button i {
	text-shadow:0 1px 1px #FFF;
}





body.zenario_pageMode_edit_disabled div.zenario_slotAdminControlBox a.zenario_slotButton,
body.zenario_pageMode_edit.zenario_pageLocked div.zenario_slotAdminControlBox a.zenario_slotButton {
	border-top:4px solid #888;
	background-color:#888;
}

/* Control button and dropdown background colors depending on view */

/* Layout view / purple-indigo */

body.zenario_pageMode_template .zenario_slotOuter div.zenario_slotControlsWrap,
body.zenario_pageMode_template .zenario_slotOuter div.zenario_slotAdminControlBox a.zenario_slotButton,
body.zenario_pageMode_template .zenario_slotOuter div.zenario_slotControlsWrap .zenario_slotControlsWrap_info,
body.zenario_pageMode_template .zenario_slotOuter div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_class_name_preview, 
body.zenario_pageMode_template .zenario_slotOuter div.zenario_slotControlsWrap .zenario_slotControlsWrap_overridden_info {
	background-color:#451d8b; /* purple-indigo */
}

body.zenario_pageMode_template .zenario_slotOuter div.zenario_slotControlsWrap,
body.zenario_pageMode_template .zenario_slotOuter div.zenario_slotAdminControlBox a.zenario_slotButton {
	border-color:#451d8b; /* purple-indigo */
}

body.zenario_pageMode_template .zenario_slotOuter.zenario_headerSlotWrap div.zenario_slotControlsWrap,
body.zenario_pageMode_template .zenario_slotOuter.zenario_headerSlotWrap div.zenario_slotAdminControlBox a.zenario_slotButton,
body.zenario_pageMode_template .zenario_slotOuter.zenario_headerSlotWrap div.zenario_slotControlsWrap .zenario_slotControlsWrap_info,
body.zenario_pageMode_template .zenario_slotOuter.zenario_headerSlotWrap div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_class_name_preview, 
body.zenario_pageMode_template .zenario_slotOuter.zenario_headerSlotWrap div.zenario_slotControlsWrap .zenario_slotControlsWrap_overridden_info,
body.zenario_pageMode_template .zenario_slotOuter.zenario_footerSlotWrap div.zenario_slotControlsWrap,
body.zenario_pageMode_template .zenario_slotOuter.zenario_footerSlotWrap div.zenario_slotAdminControlBox a.zenario_slotButton,
body.zenario_pageMode_template .zenario_slotOuter.zenario_footerSlotWrap div.zenario_slotControlsWrap .zenario_slotControlsWrap_info,
body.zenario_pageMode_template .zenario_slotOuter.zenario_footerSlotWrap div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_class_name_preview, 
body.zenario_pageMode_template .zenario_slotOuter.zenario_footerSlotWrap div.zenario_slotControlsWrap .zenario_slotControlsWrap_overridden_info {
	background-color:#753599; /* purple-header-footer */
}

body.zenario_pageMode_template .zenario_slotOuter.zenario_headerSlotWrap div.zenario_slotControlsWrap,
body.zenario_pageMode_template .zenario_slotOuter.zenario_headerSlotWrap div.zenario_slotAdminControlBox a.zenario_slotButton,
body.zenario_pageMode_template .zenario_slotOuter.zenario_footerSlotWrap div.zenario_slotControlsWrap,
body.zenario_pageMode_template .zenario_slotOuter.zenario_footerSlotWrap div.zenario_slotAdminControlBox a.zenario_slotButton {
	border-color:#753599; /* purple-header-footer */
}

body.zenario_pageMode_template .zenario_slotOuter div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_sc,
body.zenario_pageMode_template .zenario_slotOuter div.zenario_slotControlsWrap .zenario_slotControlsWrap_overridden_info .zenario_sc,
body.zenario_pageMode_template .zenario_slotOuter div.zenario_slotControlsWrap .zenario_slotControlsWrap_info .zenario_slotControl_inThisSlot, 
body.zenario_pageMode_template .zenario_slotOuter div.zenario_slotControlsWrap .zenario_slotControlsWrap_overridden_info .zenario_slotControl_inThisSlot {
	color:#FFF;
}

div.zenario_slotControlsWrap .zenario_debug {
	right: 10px;
	top: 9px;
}
