/* Styles for the counters and search engine results preview on the Meta data tab (Edit content) */
.snippet__title, 
.snippet__description,
.snippet__keywords
{
    width: 35px;
    float:left;
    margin:3px 0 0 10px !important;
    font-size:11px;
}

.description_red,
.keywords_red
{
    display:inline;
    padding: 2px 5px !important;
    text-align: center;
	background: none repeat scroll 0 0 #FCA4A3;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}

.description_orange,
.keywords_orange
{
    display:inline;
    padding: 2px 5px !important;
    text-align: center;
	background: none repeat scroll 0 0 #FF9900;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}

.description_yellow,
.keywords_yellow
 {
    display:inline;
    padding: 2px 5px !important;
    text-align: center;
	background: none repeat scroll 0 0 #FFCC33;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}

.description_green,
.keywords_green
 {
    display:inline;
    padding: 2px 5px !important;
    text-align: center;
	background: none repeat scroll 0 0 #53F27C;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}

.title_red,
.title_orange,
.title_yellow,
.title_green {
    display:inline;
    padding: 2px 5px !important;
    text-align: center;
    font-family:Verdana,Arial,sans-serif;
    font-size:13px;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}

.title_red {
	color:#ff3939;
}

.title_orange {
	color:#FF9900;
}

.title_yellow {
	color:#e6af0b;
}

.title_green {
	color:#24ae2d;
}

#zenario_fbAdminInner .zfab_search_engine_preview {
	background:#fff;
	font-family:arial,sans-serif;
	padding:5px 8px;
	max-width:42em;
	border:1px dotted #ccc;
}

#zenario_fbAdminInner .zfab_search_engine_preview h3.zfab_sep_title {
	color:#1122CC;
	line-height:1.4em;
	text-decoration:underline;
	font-size:medium;
}

#zenario_fbAdminInner .zfab_search_engine_preview #zfab_sep_url {
	color:#009933;
	font-size:14px;
}

#zenario_fbAdminInner .zfab_search_engine_preview #zfab_sep_desc {
	color:#222;
	font-size:12px;
}

.zenario_overlay {
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	opacity: 0.5;
	background-color: black;
}

#zaf_row__title input,
#zaf_row__description textarea,
#zaf_row__keywords textarea {
	float:left;
}

#zenario_fbAdminFloatingBox {
    display: none;
    position: fixed;
    z-index: 310000;
}

#zenario_fbAdminTooltip {
    display: none;
    position: fixed;
    z-index: 330000;
}

#zenario_fbAdminMessage {
    position: fixed;
    top: 17%;
    left: 50%;
    z-index: 340000;
    max-width: 90%;
}

#zenario_fbAdminOrganizer {
    display: none;
    position: fixed;
    height: 100%;
    z-index: 370000;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#zenario_fbAdminInfoBox {
    display: none;
    position: fixed;
    top: 2%;
    left: 50%;
    z-index: 360000;
}

#colorbox.zenario_show_colobox_above_fab {
    z-index: 370000;
}

#zenario_fbog,
#zenario_fbog__overlay {
	z-index: 2000;
}

.zenario_fbDebugInfoBox {
	z-index: 2001;
}

#zenario_fbFABDebugInfoBox.zenario_fbDebugInfoBox {
	z-index: 330000;
}

.zenario_debugInfo {
	display: block;
}

/*  Hack to get intro.js working with Organizer  */
#zenario_fbog.zenario_introjs_fixPosition {
	position: absolute !important;
}

#zenario_fbAdminColumnFilter,
#zenario_fbAdminViewModeOptions,
#zenario_fbAdminColumnFilter__overlay,
#zenario_fbAdminViewModeOptions__overlay {
	z-index: 2001;
}

#zenario_fbog.zenario_organizer_over_admin_box {
	z-index: 350000;
}

#zenario_fbAdminOrganizer iframe {
	border: 0px;
	margin: 0px;
	padding: 0px;
}



/*  Default calendar icon for datepickers  */

input.zenario_datepicker {
	background-image: url("../admin/images/icon-calendar.svg");
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: auto 16px;
}


/*  Bugfix for jQueryUI Datepicker (all browsers)  */

#ui-datepicker-div {
	display: none;
}


/*  Bugfix for jQueryUI Progressbar in Admin Mode  */

#zenario_progress.ui-progressbar #zenario_progressbar.ui-progressbar-value {
	margin: 0;
}


/*  Bugfix for jQueryUI Sliders in Admin Mode  */

#zenario_abtab .thickbox .ui-slider-horizontal .ui-slider-handle {
	top: -0.19em;
}


/*  Some styles for jQueryUI Spinners in Admin Mode  */

.ui-spinner-disabled {
	opacity: 0.7;
}

.ui-spinner-disabled a {
	display: none;
}

.ui-spinner span.zenario_spinner_unit {
	position: relative;
	right: 25px;
	top: 2px
}

.ui-spinner .ui-spinner-input {
	margin-right:28px;
	padding:4px 0;
	text-align:right;
}

.ui-spinner .zenario_grid_setting_cols {
	width:30px;
}

.ui-spinner-button {
	width:21px;
}

.ui-spinner-button .ui-icon {
	width:21px;
	height:15px;
}

.ui-state-default.ui-spinner-up .ui-icon {
	background:url('../admin/images/grid_maker/nudge-btn-off-state-up.gif') no-repeat bottom;
}

.ui-state-default.ui-spinner-up .ui-icon:hover {
	background:url('../admin/images/grid_maker/nudge-btn-over-state-up.gif') no-repeat bottom;
}

.ui-state-default.ui-spinner-down .ui-icon {
	background:url('../admin/images/grid_maker/nudge-btn-off-state-down.gif') no-repeat bottom;
}

.ui-state-default.ui-spinner-down .ui-icon:hover {
	background:url('../admin/images/grid_maker/nudge-btn-over-state-down.gif') no-repeat bottom;
}


/*  Revealing fields in Admin Boxes  */

div.zenario_show_on_open {
	display: none;
}


/*  CSS for the AJAX Loading Spinners  */



.zenario_fbAdminAJAXLoader {
	position: absolute;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 335000;
}

#organizer_preloader_circle {
	position: absolute;
	background: url('../admin/images/store_keeper/overlay_light_grey.png');
	z-index: 60;
}

.zenario_fbAdminAJAXLoader div,
#organizer_preloader_circle div {
}

@-webkit-keyframes zenario_spinner {
	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes zenario_spinner {
	to {
		transform: rotate(360deg);
	}
}

.zenario_fbAdminAJAXLoader div {
    border: 3px solid #bbb;
    border-top-color: #01d103;
}

#organizer_preloader_circle div {
    border: 3px solid #666;
    border-top-color: #01d103;
}

.zenario_fbAdminAJAXLoader div,
#organizer_preloader_circle div {
    top: 40%;
	height: 32px;
	width: 32px;
	margin: auto;
	position: relative;
    border-radius: 50%;
	-webkit-animation: zenario_spinner 1s infinite linear;
	animation: zenario_spinner 1s infinite linear;
	opacity: 0.8;
}

.zenario_adminAJAXLoaderOpen #organizer_preloader_circle {
	visibility: hidden;
}




/*  Customisations for the jQuery Upload bar  */

#zenario_progress_wrap {
	display: none;
	background:url('../admin/images/background-semi-transparent-black.png');
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:320000;
}

#zenario_progress {
	position: fixed;
	top: 45%;
	left:20%;
	width:57%;
	height: 40px;
	z-index: 999999;
	padding:5px 30px 0 10px;
}

#zenario_progress.ui-widget {
	font-size:12px;
}

#zenario_progress.ui-widget-content {
	background:#333;
	color:#FFF;
	border:2px solid #F6F6F6;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#zenario_progressbar.ui-widget-header {
	height:9px;
	background:#02CB01;
	border:0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#zenario_progress #zenario_progress_stop {
	float: right;
	position: relative;
	width: 18px;
	height: 18px;
	margin: -10px -20px 0 0;
	cursor: pointer;
	background: url('../admin/images/close-icon-uploader.png') no-repeat;
}

/*
	Style "cancelled" look, when someone presses the "cancel" button
	(Note: this usually happens so quickly its hard to see; maybe there's no need to style this.)
*/
.zenario_progress_cancelled #zenario_progressbar {
}


#zenario_progress #zenario_progress_name {
	/*position: absolute;*/
	width: 100%;
	text-align: center;
	background: transparent;
	margin-bottom:5px;
	/*margin-top: 10px;*/
}

.zenario_copy {
	display: inline-block;
  	background: url('../admin/images/icon-copy.svg') no-repeat;
  	width: 14px;
  	height: 16px;
  	cursor:pointer;
}

input + .zenario_copy {
	position: relative;
	top: 2px;
	margin-left:5px;
}


/*  Admin Mode Tooltips  */
/*  These all have !important added to them to try and prevent these styles from being overwritten by anything targeting Visitor Tooltips  */

.zenario_admin_tooltip {
	font-size: 11px !important;
	line-height:1.4em;
	padding: 8px 10px !important;
}

.zenario_admin_tooltip {
	background-color: #333 !important;
	background-image: none !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #BDBDBD !important;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif !important;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	z-index: 400000;
}

.zenario_admin_tooltip,
.ui-tooltip.zenario_admin_tooltip {
	z-index: 400000;
	word-wrap: break-word;
}

body .zenario_admin_tooltip_over_tinymce {
	z-index: 65555;
}

.zenario_admin_tooltip,
.zenario_admin_tooltip a {
	color: #FFF !important;
}

.zenario_admin_tooltip .ui-tooltip-content {
	max-width: 450px !important;
}

.zenario_admin_tooltip p,
.zenario_admin_tooltip h3 {
    font-size: 100% !important;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 0 !important;
}

.zenario_admin_tooltip p {
    margin-top: 10px !important;
}

.zenario_admin_tooltip div {
   padding:0 5px 3px 5px;
}

.zenario_admin_tooltip p:first-child {
    margin-top: 0 !important;
}

.zenario_admin_tooltip h3 {
    font-weight: bold !important;
}

.zenario_admin_tooltip ul {
    list-style: disc;
    margin:5px 0 5px 10px;
}

.zenario_admin_tooltip.ui-widget-shadow,
.ui-tooltip.ui-widget-shadow {
	opacity:1 !important;
}

.zenario_admin_tooltip .tooltip_arrow {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

/* tooltip arrow left */

.zenario_admin_tooltip.tooltip_middle_left {
	margin-left: 8px;
}

.zenario_admin_tooltip.tooltip_middle_left:after, 
.zenario_admin_tooltip.tooltip_middle_left:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.zenario_admin_tooltip.tooltip_middle_left:after {
	border-color: rgba(51, 51, 51, 0);
	border-right-color: #333333;
	border-width: 6px;
	margin-top: -6px;
}
.zenario_admin_tooltip.tooltip_middle_left:before {
	border-color: rgba(189, 189, 189, 0);
	border-right-color: #bdbdbd;
	border-width: 8px;
	margin-top: -8px;
}

/* tooltip arrow right */

.zenario_admin_tooltip.tooltip_middle_right {
	margin-right: 8px;
}
.zenario_admin_tooltip.tooltip_middle_right:after, 
.zenario_admin_tooltip.tooltip_middle_right:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.zenario_admin_tooltip.tooltip_middle_right:after {
	border-color: rgba(51, 51, 51, 0);
	border-left-color: #333333;
	border-width: 6px;
	margin-top: -6px;
}
.zenario_admin_tooltip.tooltip_middle_right:before {
	border-color: rgba(189, 189, 189, 0);
	border-left-color: #bdbdbd;
	border-width: 7px;
	margin-top: -7px;
}

/* tooltip arrow top */

.zenario_admin_tooltip.tooltip_top_center {
	margin-top: 8px;
}

.zenario_admin_tooltip.tooltip_top_center:after, 
.zenario_admin_tooltip.tooltip_top_center:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.zenario_admin_tooltip.tooltip_top_center:after {
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #333333;
	border-width: 6px;
	margin-left: -6px;
}
.zenario_admin_tooltip.tooltip_top_center:before {
	border-color: rgba(189, 189, 189, 0);
	border-bottom-color: #bdbdbd;
	border-width: 8px;
	margin-left: -8px;
}

/* tooltip arrow bottom */

.zenario_admin_tooltip.tooltip_bottom_center:after, 
.zenario_admin_tooltip.tooltip_bottom_center:before,
.zenario_admin_tooltip.tooltip_bottom_left:after, 
.zenario_admin_tooltip.tooltip_bottom_left:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.zenario_admin_tooltip.tooltip_bottom_center:after,
.zenario_admin_tooltip.tooltip_bottom_left:after {
	border-color: rgba(51, 51, 51, 0);
	border-top-color: #333333;
	border-width: 6px;
	margin-left: -6px;
}
.zenario_admin_tooltip.tooltip_bottom_center:before,
.zenario_admin_tooltip.tooltip_bottom_left:before {
	border-color: rgba(189, 189, 189, 0);
	border-top-color: #bdbdbd;
	border-width: 8px;
	margin-left: -8px;
}

.zenario_admin_tooltip.tooltip_bottom_left:after, 
.zenario_admin_tooltip.tooltip_bottom_left:before {
	left: 5px;
}

/**/

span.zenario_conditionally_hidden {
	opacity: 0.5;
}
.zenario_inactive a {
	font-style: italic;
}
/**/

/*  Layout icon backgrounds  */

#organizer_rightColumn div.organizer_row.layout_status_active div.organizer_cell div.zenario_layout_inline_button a,
#organizer_rightColumn div.organizer_row.layout_status_active_default div.organizer_cell div.zenario_layout_inline_button a,
#zenario_at .zenario_at_status_icons_container .zenario_at_icon_layout.layout_status_active a,
#zenario_at .zenario_at_status_icons_container .zenario_at_icon_layout.layout_status_active_default a {
	background:#D7ABEA;
}

#organizer_rightColumn div.organizer_row.layout_status_active div.organizer_cell div.zenario_layout_inline_button a,
#organizer_rightColumn div.organizer_row.layout_status_active_default div.organizer_cell div.zenario_layout_inline_button a,
#zenario_at .zenario_at_status_icons_container .zenario_at_icon_layout.layout_status_active a,
#zenario_at .zenario_at_status_icons_container .zenario_at_icon_layout.layout_status_active_default a {
	background:#D7ABEA;
}

#organizer_rightColumn div.organizer_row div.organizer_cell div.zenario_layout_inline_button a:hover,
#zenario_at .zenario_at_status_icons_container .zenario_at_icon_layout a:hover {
	background:#4B4D4C;
	color:#FFF;
}

#organizer_rightColumn div.organizer_row.layout_status_suspended div.organizer_cell div.zenario_layout_inline_button a,
#zenario_at .zenario_at_status_icons_container .zenario_at_icon_layout.layout_status_suspended a {
	position:relative;
}

#organizer_rightColumn div.organizer_row.layout_status_suspended div.organizer_cell div.zenario_layout_inline_button a {
	background:#e2e2e2;
	color:#3c3c3c;
}

#zenario_at .zenario_at_status_icons_container .zenario_at_icon_layout.layout_status_suspended a {
	padding-right:15px;
	background:#808080;
	color:#FFF;
}

#organizer_rightColumn div.organizer_row.layout_status_suspended div.organizer_cell div.zenario_layout_inline_button a:after,
#zenario_at .zenario_at_status_icons_container .zenario_at_icon_layout.layout_status_suspended a:after {
	content:"";
	display:block;
	position:absolute;
	top:3px;
	right:3px;
	width:10px;
	height:10px;
	background:url('../admin/images/icon-warning.svg') no-repeat center;
}

#organizer_rightColumn div.organizer_row.layout_status_suspended div.organizer_cell div.zenario_layout_inline_button a:after {
	width: 8.5px;
	height: 8.5px;
  	top: 0;
  	right: 0;
}

/*  Debug icon  */

.zenario_debug {
	position: relative;
	z-index:50 !important;
	float: right;
	width: 18px;
}

.zenario_debug div,
#zenario_at_top_left_menu .organizer_item_image.zenario_dev_tools_disabled,
#zenario_at_top_left_menu .organizer_item_image.zenario_dev_tools_enabled {
	background: #D2D0D1 url('../admin/images/icon-TUIX-blue.png') no-repeat center / 16px 16px;
}

.zenario_slot_with_tuix_snippet .zenario_debug div,
.zenario_slot_with_extending_modules .zenario_debug div {
	background-image: url('../admin/images/icon-TUIX-modified.png');
}

.zenario_debug div {
	position: absolute;
	z-index:97;
	width: 18px;
	height: 18px;
	display: block;
	cursor:pointer;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.zenario_debug:hover div,
#zenario_at_top_left_menu .organizer_item_image.zenario_dev_tools_enabled {
	background-color:#C5E4FD;
}

.zenario_at_topRightIcons {
	float: right;
	display:inline-block;
	height: 18px;
	padding: 5px 15px 0 0;
	overflow: hidden;
}

.zenario_at_dev_icon {
	float: right;
	width: 18px;
	height: 18px;
	margin-left: 5px;
	cursor: pointer;
}

/* Page preview icons */

#zenario_at .zenario_at_toolbar_container_top ul li#zenario_at_button__page_preview_sizes ul li {
	margin:0;
}

#zenario_at .zenario_at_toolbar ul li li.zenario_small_preview_icon_desktop a,
#zenario_at .zenario_at_toolbar ul li li.zenario_small_preview_icon_laptop a,
#zenario_at .zenario_at_toolbar ul li li.zenario_small_preview_icon_tablet a,
#zenario_at .zenario_at_toolbar ul li li.zenario_small_preview_icon_tablet_landscape a,
#zenario_at .zenario_at_toolbar ul li li.zenario_small_preview_icon_smartphone a,
#zenario_at .zenario_at_toolbar ul li:hover li.zenario_small_preview_icon_desktop a,
#zenario_at .zenario_at_toolbar ul li:hover li.zenario_small_preview_icon_laptop a,
#zenario_at .zenario_at_toolbar ul li:hover li.zenario_small_preview_icon_tablet a,
#zenario_at .zenario_at_toolbar ul li:hover li.zenario_small_preview_icon_tablet_landscape a,
#zenario_at .zenario_at_toolbar ul li:hover li.zenario_small_preview_icon_smartphone a {
	margin-left: 8px;
}

#zenario_at .zenario_at_toolbar_container_top ul li#zenario_at_button__page_preview_sizes ul li a {
	padding-left:30px;
	background-repeat:no-repeat;
	background-position: 5px center;
	background-size:auto 16px;
}

.organizer_item_image.page_preview_size,
.organizer_item_image.zenario_preview_icon_desktop,
.organizer_item_image.zenario_preview_icon_laptop,
.organizer_item_image.zenario_preview_icon_tablet,
.organizer_item_image.zenario_preview_icon_tablet_landscape,
.organizer_item_image.zenario_preview_icon_smartphone {
	background-repeat:no-repeat;
	background-position: center center;
	background-size:auto 15px;
}

.organizer_item_image.page_preview_size,
.organizer_item_image.zenario_preview_icon_desktop,
#zenario_at .zenario_at_toolbar_container_top ul li.zenario_small_preview_icon_desktop a {
	background-image:url('../admin/images/icon-page-preview-desktop.svg');
}

.organizer_item_image.zenario_preview_icon_laptop,
#zenario_at .zenario_at_toolbar_container_top ul li.zenario_small_preview_icon_laptop a {
	background-image:url('../admin/images/icon-page-preview-laptop.svg');
}

.organizer_item_image.zenario_preview_icon_tablet,
#zenario_at .zenario_at_toolbar_container_top ul li.zenario_small_preview_icon_tablet a {
	background-image:url('../admin/images/icon-page-preview-ipad-portrait.svg');
}

.organizer_item_image.zenario_preview_icon_tablet_landscape,
#zenario_at .zenario_at_toolbar_container_top ul li.zenario_small_preview_icon_tablet_landscape a {
	background-image:url('../admin/images/icon-page-preview-ipad-lanscape.svg');
}

.organizer_item_image.zenario_preview_icon_smartphone,
#zenario_at .zenario_at_toolbar_container_top ul li.zenario_small_preview_icon_smartphone a {
	background-image:url('../admin/images/icon-page-preview-mobile-portrait.svg');
}

/*
	Tag colours
*/


label.zenario_tag,
#zenario_fbAdminInner label.zenario_tag {
	font-weight: normal;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
	display:inline-block;
	height:21px;
	line-height: 19px;
	padding: 0 8px 0 0;
	margin-left: 5px;
	margin-right: 2px;
	color: white;
	background-color: #027dc9;
}

#zenario_fbAdminInner label.zenario_tag {
	display:unset;
	padding: 5px 8px 5px 0;
}

.zenario_ab__zenario__user_activity_band div.zenario_group_4_cols {
	padding-bottom:5px !important;
}

body.webkit label.zenario_tag,
body.webkit #zenario_fbAdminInner label.zenario_tag {
	line-height: 21px;
}

label.zenario_tag::before {
	content: '';
	border-color: transparent #027dc9;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	position: relative;
	right: 5px;
}

label.zenario_tag_red,
#zenario_fbAdminInner label.zenario_tag_red {
	background-color: #e50707;
	border-color: #e50707;
}
label.zenario_tag_red::before {
	border-color: transparent #e50707;
}

label.zenario_tag_green,
#zenario_fbAdminInner label.zenario_tag_green {
	background-color: #05b106;
	border-color: #05b106;
}
label.zenario_tag_green::before {
	border-color: transparent #05b106;
}

label.zenario_tag_orange,
#zenario_fbAdminInner label.zenario_tag_orange {
	background-color: #ec590f;
	border-color: #ec590f;
}
label.zenario_tag_orange::before {
	border-color: transparent #ec590f;
}

label.zenario_tag_yellow,
#zenario_fbAdminInner label.zenario_tag_yellow {
	background-color: #c4b400;
	border-color: #c4b400;
}
label.zenario_tag_yellow::before {
	border-color: transparent #c4b400;
}

label.zenario_tag_violet,
#zenario_fbAdminInner label.zenario_tag_violet {
	background-color: #a600c4;
	border-color: #a600c4;
}
label.zenario_tag_violet::before {
	border-color: transparent #a600c4;
}

label.zenario_tag_grey,
#zenario_fbAdminInner label.zenario_tag_grey {
	background-color: #6f6f6f;
	border-color: #6f6f6f;
}
label.zenario_tag_grey::before {
	border-color: transparent #6f6f6f;
}


/*
	Placeholder text for WYSIWYG Editors
*/
.empty_contenteditable_with_placeholder,
.mce-content-body {
	min-height: 80px;
	margin-top: 10px;
}

#zenario_skin .mce-content-body {
	margin-top: 0;
}

.empty_contenteditable_with_placeholder:before {
	display: block;
	content: 'Please enter some text...';
	color: black;
	cursor:text;
}

.zenario_slot_being_edited .banner_title_input_box {
	width: 100%;
	background-color: #ffffff;
	color: #000000;
}

.zenario_slot_being_edited .zenario_banner .banner_title input,
.zenario_slot_being_edited .zenario_banner .banner_text .mce-content-body {
	background-color: #ffffff !important;
	width:calc(100% - 10px);
	padding:5px;
}

.zenario_slot_being_edited .zenario_banner .banner_text p,
.zenario_slot_being_edited .zenario_banner .banner_title *,
.zenario_slot_being_edited .zenario_banner .banner_title a,
.zenario_slot_being_edited .zenario_banner .banner_text *,
.zenario_slot_being_edited .zenario_banner .banner_text a {
	color: #000000;
}

.zenario_slot_being_edited .zenario_banner .banner_text p br {
	display:none;
}



/*
	Placeholder text for WYSIWYG Editors
*/

body .mce-menu-item-preview.mce-active {
    border-left: 5px solid #f80;
}



/*
	Little hack to try and make the TinyMCE-toolbar roughly the same height as the admin toolbar it replaces
*/

#zenario_at_toolbars .mce-menubar {
	margin: 3px 0;
}

#zenario_at_toolbars .mce-toolbar-grp {
	margin: 6px 0;
}



/*
	Make the "toasts" at the top right a bit bigger by default in admin mode,
	and tweak the opacity and icon position
*/

#toast-container.toast-top-right>div {
	width: 365px;
	font-family: verdana, arial, helvetica;
    font-size: 13px;
    opacity: 0.95;
    background-position: 15px 12px;
    top:120px;
}

.zenario_adminToolbarHidden #toast-container.toast-top-right>div {
	top:30px;
    background-position: 15px 15px;
}

#toast-container .toast-message a {
	transition:color 200ms ease-in-out;
}

#toast-container .toast-message a:hover {
	color:#FFE61A;
	text-decoration:underline;
}


/*
	Plugin previews, try to make the background of the page a checkered pattern
*/

body.zenario_showing_plugin_preview,
body.zenario_showing_plugin_preview div#zenario_skin {
	background: url('../admin/images/checkered.gif') repeat !important;
}

/*
	Link status, some placeholder styles
*/

x-zenario-link-status {
	text-decoration: none;
	position: absolute;
	z-index: 90;
	float: right;
	text-align: left;
	overflow: visible;
	line-height: 1px;
	width: 0;
	height: 0;
	margin-left: -15px;
	
	display: none;
}

body.zenario_show_link_status x-zenario-link-status {
	display: block;
}

x-zenario-link-status > x-zenario-status-icon {
	text-decoration: none;
	position: absolute;
	z-index: 91;
	width: 16px;
	height: 16px;
	border: 0;
	opacity: 0.7;
}

x-zenario-link-status.zenario_link_status__content_not_found > x-zenario-status-icon {
	background:url('../admin/images/link_status/doesnt-exist-v3.svg') no-repeat center / 16px 16px;
}

x-zenario-link-status.zenario_link_status__hidden > x-zenario-status-icon {
	background:url('../admin/images/link_status/icon-triangle-grey.svg') no-repeat center / 16px 16px;
}

x-zenario-link-status.zenario_link_status__unpublished > x-zenario-status-icon {
	background:url('../admin/images/link_status/draft-v3.svg') no-repeat center / 16px 16px;
}

x-zenario-link-status.zenario_link_status__published_with_draft > x-zenario-status-icon {
	background:url('../admin/images/link_status/published-with-draft-v3.svg') no-repeat center / 16px 16px;
}

x-zenario-link-status.zenario_link_status__published_with_draft_401 > x-zenario-status-icon {
	background:url('../admin/images/link_status/published-with-draft-protected-v3.svg') no-repeat center;
}

x-zenario-link-status.zenario_link_status__published_with_draft_403 > x-zenario-status-icon {
	background:url('../admin/images/link_status/published-with-draft-403-v3.svg') no-repeat center;
}

x-zenario-link-status.zenario_link_status__published_401 > x-zenario-status-icon {
	background:url('../admin/images/link_status/published-protected-v3.svg') no-repeat center / 16px 16px;
}

x-zenario-link-status.zenario_link_status__published_403 > x-zenario-status-icon {
	background:url('../admin/images/link_status/published-403-v3.svg') no-repeat center;
}

x-zenario-link-status.zenario_link_status__unlisted_with_draft > x-zenario-status-icon {
	background:url('../admin/images/link_status/published-with-draft-v3.svg') no-repeat center / 16px 16px;
}

x-zenario-link-status.zenario_link_status__unlisted_with_draft_401 > x-zenario-status-icon {
	background:url('../admin/images/link_status/published-with-draft-protected-v3.svg') no-repeat center;
}

x-zenario-link-status.zenario_link_status__unlisted_with_draft_403 > x-zenario-status-icon {
	background:url('../admin/images/link_status/published-with-draft-403-v3.svg') no-repeat center;
}

x-zenario-link-status.zenario_link_status__unlisted_401 > x-zenario-status-icon {
	background:url('../admin/images/link_status/published-protected-v3.svg') no-repeat center / 16px 16px;
}

x-zenario-link-status.zenario_link_status__unlisted_403 > x-zenario-status-icon {
	background:url('../admin/images/link_status/published-403-v3.svg') no-repeat center;
}

x-zenario-link-status.zenario_link_status__spare_alias > x-zenario-status-icon,
x-zenario-link-status.zenario_link_status__published_301 > x-zenario-status-icon,
x-zenario-link-status.zenario_link_status__unlisted_301 > x-zenario-status-icon {
	background:url('../admin/images/link_status/spare-domain-v3.svg') no-repeat center / 16px 16px;
}

x-zenario-link-status.zenario_link_status__menu_warning > x-zenario-status-icon {
	background:url('../admin/images/icon-warning.svg') no-repeat center / 16px 16px;
}


/*
	Readonly code editors, try to make the background look like its readonly.
*/

div.ace_editor[readonly] .ace_content {
	background-color: #e0e0e0;
}

/*
	Plugins set to inactive modes
*/

.zenario_inactive_mode,
.zenario_inactive_mode a {
	color: red !important;
}

.zenario_inactive_mode a {
	text-decoration:underline !important;
}

/*
	Hide empty slots 
*/

x-zenario-admin-slot-wrapper.zenario_slotWithNoContents {
	display:none;
}

body.zenario_pageMode_edit x-zenario-admin-slot-wrapper.zenario_slotWithNoContents.zenario_slotSetToShowNothing {
	display:block;
}

body.zenario_adminToolbarShown.zenario_pageModeIsnt_preview.zenario_show_empty_slots_and_mobile_only_slots x-zenario-admin-slot-wrapper.zenario_slotWithNoContents {
	display:block;
}

/*
	Red text
*/

.zenario_slot span.red {
	color:red;
	font-style: italic;
}

/*
	Image properties icon
*/

.zenario_image_properties_button {
	display: none;
}

x-zenario-admin-slot-wrapper:hover .zenario_image_properties_button {
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: url('../admin/images/icon-edit-image-properties.svg') no-repeat center / 25px 25px;
	z-index: 4;
}

x-zenario-admin-slot-wrapper:hover .zenario_image_properties_button.zenario_ipb_2 {
	margin-left: 25px;
}

x-zenario-admin-slot-wrapper:hover .zenario_image_properties_button.zenario_ipb_3 {
	margin-left: 50px;
}

body.zenario_showing_plugin_preview .zenario_image_properties_button {
	display: none;
}

/*
	Table in the change layout warning message
*/

#zenario_fbAdminMessage table.zenario_changeLayoutDestinations {
	width:calc(100% - 34px);
	margin: 0 10px;
    background-color: #e0e0e0;
}

#zenario_fbAdminMessage table.zenario_changeLayoutDestinations th {
    background-color: #f8f8f8;
}

#zenario_fbAdminMessage table.zenario_changeLayoutDestinations th,
#zenario_fbAdminMessage table.zenario_changeLayoutDestinations td {
    border: 1px #222 solid;
    padding: 5px;
    vertical-align:top;
}

/* JQuery-ui */

.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
	background:url('../admin/images/icon-circle-previous.svg') no-repeat center center / 14px 14px;
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
	background:url('../admin/images/icon-circle-next.svg') no-repeat center center / 14px 14px;
}

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus { 
	border-color:#bed9ec; 
	background:#bed9ec;
	color:#454545;
}

.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight {
	border-color: #dad55e;
  	background: #fffa90;
  	color:#777620;
}


/* Debug menus (these use jQuery UI Menu, so just need a couple of tweaks) */

#zenario_debug_menu {
	z-index: 999999;
	top:4px;
	background:#F6F6F6;
	border:1px solid #333;
	-webkit-border-radius: 4px;
  	border-radius: 4px;
  	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.85),inset 0 1px #fff;
  	box-shadow: 0 1px 5px rgba(0,0,0,.85),inset 0 1px #fff;
}

#zenario_debug_menu.ui-menu-icons .ui-menu-item-wrapper {
    padding: 5px 10px;
	line-height:1.6;
	font-family: Verdana,Arial,Helvetica,sans-serif;
  	font-size: 9pt;
  	border-top:1px solid #DCDCDC;
}

#zenario_debug_menu.ui-menu-icons .ui-menu-item-wrapper.ui-state-active {
	margin:0;
	border:0;
	border-top:1px solid #DCDCDC;
	background:transparent;
	color:#007fa2;
}

#zenario_debug_menu li:first-child .ui-menu-item-wrapper,
#zenario_debug_menu.ui-menu-icons li:first-child .ui-menu-item-wrapper.ui-state-active {
	border-top:0;
}

#zenario_debug_menu i {
	position: absolute;
    left: 5px;
    top: 4px;
    width: 16px;
    height: 16px;
}

#zenario_debug_menu .ui-widget-header .ui-menu-item-wrapper {
	line-height: 18px;
	cursor: default;
	user-select: none;
}

#zenario_debug_menu .ui-menu-item-wrapper {
	max-height: 150px;
	overflow-y: auto;
}


#zenario_debug_menu .zenario_debug_info {
	margin: 7px 5px 0 0;
	width:18px;
	height:18px;
	display:block;
	float:right;
	cursor:pointer;
	background: url('../admin/images/icon-info.svg') no-repeat center / auto 18px;
	z-index: 2;
    position: relative;
}

.zenario_debug_tooltip,
.ui-tooltip.zenario_debug_tooltip {
	z-index: 9999999;
}

#zenario_debug_menu .zenario_debug_var {
	vertical-align: top;
	user-select: none;
}

#zenario_debug_menu .zenario_debug_val {
	user-select: none;
}

#zenario_debug_menu .zenario_debug_val::after {
  	margin-left: 3px;
  	background: url('../admin/images/icon-copy.svg') no-repeat;
  	width: 10px;
  	height: 10px;
  	display: inline-block;
  	content: '';
}

#zenario_debug_menu.ui-menu {
	max-height:90vh;
	overflow-y:auto;
}



/* Colorbox */

#colorbox.zenario_admin_cb #cboxContent {
	border-width:5px;
}

#colorbox.zenario_admin_cb:not(zenario_grid_maker) #cboxClose {
	top: -22px;
  	right: -22px;
  	border-radius:50%;
  	width: 28px;
  	height: 28px;
  	background-size: 30px;
  	background-position:center;
}

#colorbox.zenario_admin_cb.zenario_grid_box #cboxClose {
  	background-size: 14px;
}

#colorbox.zenario_admin_cb:not(zenario_grid_maker) #cboxTitle {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	width: calc(100% - 20px);
	background:#222;
}

#colorbox.zenario_admin_cb:not(.zenario_grid_maker) #cboxContent {
	overflow:initial;
}

#colorbox.zenario_admin_cb:not(.zenario_grid_maker, .zenario_grid_box) #cboxContent {
	background:url('../admin/images/checkered.gif') repeat;
}

#colorbox.zenario_admin_cb #cboxLoadingOverlay {
	background:none;
}

#colorbox.zenario_admin_cb #cboxLoadingGraphic {
	width: 30px;
	height: 30px;
	border: 5px solid rgba(0, 0, 0, 0.1);
	border-top-color: #000000;
	animation: spincboxLoadingGraphic 1s infinite linear;
	box-sizing: border-box;
	background:transparent !important;
	right: 0;
  	bottom: 0;
  	margin:auto;
	border-radius:50%;
}

@keyframes spincboxLoadingGraphic {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}