/* Admin Menu Editor CSS file */
/*
Standard WordPress admin colors.

Announcement post:
https://make.wordpress.org/core/2021/02/23/standardization-of-wp-admin-colors-in-wordpress-5-7/

Source:
https://codepen.io/ryelle/pen/WNGVEjw

A "wp" prefix has been added to avoid name conflicts with other code in this plugin.
 */
.ame-input-group {
  display: flex;
  flex-wrap: wrap;
}
.ame-input-group .ame-input-group-secondary, .ame-input-group > :not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ame-input-group > :not(:last-child) {
  margin-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/*
Standard WordPress admin colors.

Announcement post:
https://make.wordpress.org/core/2021/02/23/standardization-of-wp-admin-colors-in-wordpress-5-7/

Source:
https://codepen.io/ryelle/pen/WNGVEjw

A "wp" prefix has been added to avoid name conflicts with other code in this plugin.
 */
/*
 * The minimum screen width at which the sticky bar will be sticky.
 * The Admin Bar stops sticking to the top of the window at 600px. Let's do the same for our top bar.
 */
.ame-sticky-top-bar {
  padding-top: 6px;
  padding-bottom: 7px;
  border-bottom: 1px solid transparent;
  display: block;
}

@media screen and (min-width: 601px) {
  .ame-sticky-top-bar {
    position: sticky;
    top: calc(var(--wp-admin--admin-bar--height, 32px));
    z-index: 5;
    padding-top: 16px;
    margin-top: -10px;
    pointer-events: none;
  }
  .ame-sticky-top-bar > * {
    pointer-events: auto;
  }
  .ame-sticky-top-bar.ame-is-pinned-top-bar {
    background-color: #f6f7f7;
    border-bottom: 1px solid #c3c4c7;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    pointer-events: auto;
    padding-bottom: 16px;
    margin-bottom: -9px;
  }
  .ame-is-pinned-top-bar {
    margin-left: calc(-1 * var(--ame-sticky-bar-left-offset, 0));
    padding-left: var(--ame-sticky-bar-left-offset, 0);
    margin-right: calc(-1 * var(--ame-sticky-bar-right-offset, 0));
    padding-right: var(--ame-sticky-bar-right-offset, 0);
  }
}
.ame-sticky-top-bar-flex-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.ame-sticky-top-bar #ws_actor_selector {
  margin-top: 0;
}

#ws_menu_editor {
  min-width: 780px;
}

.ame-is-free-version #ws_menu_editor {
  margin-top: 9px;
}

.ws_main_container {
  margin: 2px;
  width: 316px;
  float: left;
  display: block;
  border: 1px solid #ccd0d4;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  background-color: #FFFFFF;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.ws_box {
  min-height: 30px;
  width: 100%;
  margin: 0;
}

.ws_basic_container {
  float: left;
  display: block;
}

.ws_dropzone {
  display: block;
  box-sizing: border-box;
  margin: 2px 6px;
  border: 3px none #b4b9be;
  height: 31px;
}

.ws_dropzone_active,
.ws_dropzone_hover,
.ws_top_to_submenu_drop_hover .ws_dropzone {
  border-style: dashed;
}

.ws_dropzone_hover,
.ws_top_to_submenu_drop_hover .ws_dropzone {
  border-width: 1px;
}

.ws_invalid_item_drop_target {
  outline: 2px solid red;
}

/*************************************************
                     Actor UI
 *************************************************/
#ws_actor_selector li:after {
  content: "| ";
}

#ws_actor_selector li:last-child:after {
  content: "";
}

#ws_actor_selector li a {
  display: inline-block;
  text-align: center;
}
#ws_actor_selector li a::before {
  display: block;
  content: attr(data-text);
  font-weight: bold;
  height: 1px;
  overflow: hidden;
  visibility: hidden;
  margin-bottom: -1px;
}

#ws_actor_selector {
  margin-top: 6px;
}

/**
 * The checkbox that lets the user show/hide a menu for the currently selected actor.
 */
#ws_menu_editor .ws_actor_access_checkbox,
#ws_menu_editor input[type=checkbox].ws_actor_access_checkbox {
  margin-right: 2px;
  margin-left: 2px;
  margin-top: 1px;
  float: none;
}
#ws_menu_editor .ws_actor_access_checkbox:indeterminate,
#ws_menu_editor input[type=checkbox].ws_actor_access_checkbox:indeterminate {
  background: #fff;
}
#ws_menu_editor .ws_actor_access_checkbox:indeterminate:before,
#ws_menu_editor input[type=checkbox].ws_actor_access_checkbox:indeterminate:before {
  content: "";
  display: block;
  float: left;
  margin: 0.125rem 0 0 0.125rem;
  width: 0.625rem;
  height: 0.625rem;
  line-height: 0.625rem;
  background: var(--wp-admin-theme-color, #1e8cbe);
}
@media screen and (max-width: 782px) {
  #ws_menu_editor .ws_actor_access_checkbox:indeterminate:before,
  #ws_menu_editor input[type=checkbox].ws_actor_access_checkbox:indeterminate:before {
    height: 0.9375rem;
    width: 0.9375rem;
    line-height: 0.9375rem;
    margin: 0.25rem 0 0 0.25rem;
    font-family: unset;
    font-weight: normal;
  }
}

@media screen and (max-width: 782px) {
  #ws_menu_editor input[type=checkbox].ws_actor_access_checkbox:indeterminate:before {
    margin: -6px 0 0 1px;
    font: 400 26px/1 dashicons;
  }
}
/* The checkbox is only visible when viewing the menu configuration for a specific actor. */
#ws_menu_editor .ws_actor_access_checkbox {
  display: none;
}

#ws_menu_editor.ws_is_actor_view .ws_actor_access_checkbox {
  display: inline-block;
}

/* Gray-out items inaccessible to the currently selected actor */
.ws_is_actor_view .ws_container.ws_is_hidden_for_actor {
  background-color: #F9F9F9;
}

.ws_is_actor_view .ws_is_hidden_for_actor .ws_item_title {
  color: #777;
}

/*
 * The sidebar
 */
#ws_editor_sidebar {
  width: auto;
  padding: 2px;
}

#ws_menu_editor .ws_main_button {
  clear: both;
  display: block;
  margin: 4px;
  padding-left: 8px;
  padding-right: 8px;
  width: 130px;
}

#ws_menu_editor #ws_save_menu {
  margin-bottom: 20px;
}

#ws_menu_editor #ws_toggle_editor_layout {
  display: none;
}

#ws_menu_editor .ws_sidebar_button_separator {
  display: block;
  height: 4px;
  margin: 0;
  padding: 0;
}

/*
 * Page heading and tabs
 */
#ws_ame_editor_heading {
  float: left;
}

/*
 * Menu components and widgets
 */
.ws_container {
  display: block;
  width: 296px;
  padding: 3px;
  margin: 2px 0 2px 6px;
}
body.rtl .ws_container {
  margin-right: 6px;
  margin-left: 0;
}

.ws_submenu {
  min-height: 2em;
}

.ws_item_head {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ws_item_title {
  order: 2;
  margin-right: auto;
  cursor: default;
  padding: 2px;
  font-size: 13px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ws_edit_link {
  order: 4;
  margin-right: 0;
  cursor: pointer;
  display: block;
  width: 40px;
  height: 22px;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-decoration: none;
}

.ws_menu_drop_hover {
  background-color: #43b529 !important;
}

.ws_container.ui-sortable-helper * {
  cursor: move !important;
}

.ws_container.ws_sortable_placeholder {
  outline: 1px dashed #b4b9be;
  outline-offset: -1px;
  background: none;
  border-color: transparent;
}

/*
  If you ever want to apply a right-arrow style to the currently selected menu item,
  you can do it like this. Commented out for now since it doesn't look all that great,
  but might be useful in the future.
*/
/*
.ws_container {
	position: relative;
}

.ws_menu.ws_active::after {
	content: "";
	display: block;
	z-index: 1002;

	border-left: 14px solid #8EB0F1;
	border-top: 15px solid rgba(255, 255, 255, 0.1);
	border-bottom: 15px solid rgba(255, 255, 255, 0.1);
	background: transparent;

	position: absolute;
	right: -14px;
	top: -1px;

	width: 0;
	height: 0;
}
*/
/*
 * A left-arrow style alternative. This one is image-based and doesn't suffer from the finicky sizing issues
 * of CSS triangles.
 */
.ws_container {
  position: relative;
}

.ws_menu.ws_active::after {
  content: "";
  display: block;
  position: absolute;
  right: -19px;
  top: -1px;
  width: 19px;
  height: 30px;
  background: transparent url("../images/submenu-tip.png") no-repeat center;
}

.ws_container.ws_menu_separator.ws_active::after,
.ws_container.ui-sortable-helper::after {
  background-image: none;
}

/****************************************
    Per-menu settings fields & panels
*****************************************/
.ws_editbox {
  display: block;
  padding: 4px;
  border-radius: 2px;
  border-top-right-radius: 0;
}

.ws_edit_panel {
  margin: 0;
  padding: 0;
  border: none;
}

.ws_edit_field {
  margin-bottom: 5px;
  min-height: 45px;
  line-height: 18px;
}
.ws_edit_field .ws_field_label_text, .ws_edit_field br {
  line-height: 18px;
}
.ws_edit_field:after {
  visibility: hidden;
  display: block;
  height: 0;
  font-size: 0;
  content: " ";
  clear: both;
}

.ws_edit_field-custom {
  margin-top: 10px;
}

.ws_edit_field.ws_no_field_caption {
  margin-top: 10px;
  padding-left: 1px;
  height: 25px;
  min-height: 25px;
}

/*
 * Group headings
 */
.ws_edit_field.ws_field_group_heading {
  height: 1px;
  min-height: 0;
  padding-top: 0;
  background: #ccc;
  margin: 8px -4px 5px;
}
.ws_edit_field.ws_field_group_heading span {
  display: none;
  font-weight: bold;
}

/* The reset-to-default button */
.ws_reset_button {
  display: block;
  float: right;
  margin-left: 4px;
  margin-top: 2px;
  margin-right: 6px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  vertical-align: top;
  background: url("../images/pencil_delete_gray.png") no-repeat center;
}
.ame-is-wp53-plus .ws_reset_button {
  margin-top: 6px;
}

.ws_reset_button:hover {
  background-image: url("../images/pencil_delete.png");
}

.ws_input_default input,
.ws_input_default select,
.ws_input_default .ws_color_scheme_display {
  color: gray;
}

/* No reset button for fields set to the default value and fields without a default value */
.ws_input_default .ws_reset_button,
.ws_has_no_default .ws_reset_button {
  visibility: hidden;
}

/* The input box in each field editor */
#ws_menu_editor .ws_editbox input[type=text],
#ws_menu_editor .ws_editbox select {
  display: block;
  float: left;
  width: 254px;
  height: 25px;
  font-size: 12px;
  line-height: 17px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ame-is-wp53-plus #ws_menu_editor .ws_editbox input[type=text],
.ame-is-wp53-plus #ws_menu_editor .ws_editbox select {
  height: 28px;
  margin-top: 2px;
}

#ws_menu_editor .ws_edit_field label {
  display: block;
  float: left;
}

#ws_menu_editor .ws_edit_field-custom input[type=checkbox] {
  margin-top: 0;
}

#ws_menu_editor input[type=text].ws_field_value {
  min-height: 25px;
}
.ame-is-wp53-plus #ws_menu_editor input[type=text].ws_field_value {
  min-height: 28px;
}

/* Dropdown button for combo-box fields */
#ws_menu_editor .ws_dropdown_button,
#ws_menu_access_editor .ws_dropdown_button {
  box-sizing: border-box;
  width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 2px 1px 0 0;
  padding: 0 1px 0 0;
  text-align: center;
  font-family: dashicons;
  font-size: 16px !important;
  line-height: 25px;
  border-color: #dfdfdf;
  box-shadow: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ame-is-wp53-plus #ws_menu_editor .ws_dropdown_button,
#ws_menu_access_editor.ame-is-wp53-plus .ws_dropdown_button {
  height: 28px;
  border-color: #7e8993;
  background-color: white;
  border-left-style: none;
  font-size: 16px !important;
  line-height: 24px;
  color: #555;
}
.ame-is-wp53-plus #ws_menu_editor .ws_dropdown_button:hover,
#ws_menu_access_editor.ame-is-wp53-plus .ws_dropdown_button:hover {
  color: #23282d;
}

#ws_menu_access_editor .ws_dropdown_button {
  display: inline-block;
  height: 27px;
}

#ws_menu_access_editor.ame-is-wp53-plus .ws_dropdown_button {
  height: 30px;
}

#ws_menu_editor .ws_dropdown_button {
  display: block;
  float: left;
}

/* 
The appearance and size of combo-box fields need to be changed
to accommodate the drop-down button.
*/
#ws_menu_editor .ws_has_dropdown input.ws_field_value,
#ws_menu_access_editor input.ws_has_dropdown {
  margin-right: 0;
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#ws_menu_access_editor input.ws_has_dropdown {
  width: 90%;
  box-sizing: border-box;
  height: 27px;
  margin-top: 1px;
}

#ws_menu_access_editor.ame-is-wp53-plus input.ws_has_dropdown {
  height: 30px;
}

#ws_menu_access_editor .ws_combo_box_container {
  display: flex;
  flex-direction: row;
  gap: 0;
}
#ws_menu_access_editor .ws_combo_box_container input {
  margin-top: 1px;
}
#ws_menu_access_editor .ws_combo_box_container .ws_dropdown_button {
  height: unset;
}

#ws_menu_editor .ws_has_dropdown input.ws_field_value {
  width: 229px;
}

/* Unlike others, this field is just a single checkbox, so it has a smaller height */
#ws_menu_editor .ws_edit_field-custom {
  height: 16px;
}

/*
 * "Show/hide advanced fields" 
 */
.ws_toggle_container {
  text-align: right;
  margin-right: 27px;
  margin-top: 6px;
  line-height: 18px;
}

.ws_toggle_advanced_fields {
  color: #6087CB;
  text-decoration: none;
  font-size: 11px;
  line-height: 18px;
}

.ws_toggle_advanced_fields:visited, .ws_toggle_advanced_fields:active {
  color: #6087CB;
}

.ws_toggle_advanced_fields:hover {
  color: #d54e21;
  text-decoration: underline;
}

/************************************
            Menu flags
*************************************/
.ws_flag_container {
  order: 3;
  display: flex;
  flex-direction: row-reverse;
  flex-shrink: 0;
  margin-right: 4px;
  padding-bottom: 2px;
}

.ws_flag {
  display: block;
  float: right;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background-repeat: no-repeat;
}

/* user-created items */
.ws_custom_flag {
  background-image: url("../images/page-add.png");
}

/* unused items - those that are in the default menu but not in the custom one */
.ws_unused_flag {
  background-image: url("../images/new-menu-badge.png");
  width: 31px;
}

/* hidden items */
.ws_hidden_flag {
  background-image: url("../images/page-invisible.png");
}

/* items with custom permissions for the selected actor */
.ws_custom_actor_permissions_flag {
  font: 16px/1 "dashicons";
}

.ws_custom_actor_permissions_flag::before {
  /*content: "\f160";*/ /* padlock */
  content: "\f110"; /* human silhouette */
  color: black;
  filter: alpha(opacity=25); /*IE 5-7*/
  opacity: 0.25;
}

/* Hidden from everyone except the current user and Super Admin. */
.ws_hidden_from_others_flag {
  background-image: url("../images/font-awesome/eye-slash.png");
}

/* Item visibility can't be determined because it depends on a meta capability. */
.ws_uncertain_meta_cap_flag::before {
  font: 16px/1 "dashicons";
  content: "\f348";
  color: black;
  filter: alpha(opacity=25); /*IE 5-7*/
  opacity: 0.25;
}

/* These classes could be used to apply different styles to items depending on their flags */
/************************************
            Toolbars
*************************************/
.ws_toolbar {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 6px 6px 0 6px;
  position: sticky;
  top: var(--wp-admin--admin-bar--height, 32px);
  background-color: white;
  z-index: 5;
}

.ws_button {
  display: block;
  margin-right: 3px;
  margin-bottom: 4px;
  padding: 4px;
  float: left;
  box-sizing: content-box;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.ws_button img {
  vertical-align: top;
}

a.ws_button:hover {
  background-color: #d0e0ff;
  border-color: #9090c0;
}

.ws_button.ws_button_disabled {
  border-color: #ccc;
}

a.ws_button.ws_button_disabled:hover {
  background-color: white;
  border: 1px solid #ccc;
}

.ws_button_disabled img {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  opacity: 0.65;
}

.ws_separator {
  float: left;
  width: 5px;
}

#ws_toggle_toolbar, .ws_toggle_toolbar_button {
  margin-right: 0;
}

.ws_is_sticky_toolbar {
  border-bottom: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/************************************
       Capability selector
*************************************/
select.ws_dropdown {
  width: 252px;
  height: 20em;
  z-index: 1002;
  position: absolute;
  display: none;
  font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
  font-size: 12px;
}

select.ws_dropdown option {
  font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
  font-size: 12px;
  padding: 3px;
}

select.ws_dropdown optgroup option {
  padding-left: 10px;
}

/************************************
           Tabs (small)
 ************************************
 Tabbed navigation for dropdowns and small dialogs.
 */
.ws_tool_tab_nav {
  list-style: outside none none;
  padding: 0;
  margin: 0 0 0 6px;
}
.ws_tool_tab_nav li {
  display: inline-block;
  border: 1px solid transparent;
  border-bottom-width: 0;
  padding: 3px 5px 5px;
  line-height: 1.3076923077em;
  margin-bottom: 0;
}
.ws_tool_tab_nav li.ui-tabs-active {
  border-color: #dfdfdf;
  border-bottom-color: #FDFDFD;
  background: #FDFDFD none;
}
.ws_tool_tab_nav a {
  text-decoration: none;
}
.ws_tool_tab_nav li.ui-tabs-active a {
  color: #32373C;
}

.ws_tool_tab {
  border-top: 1px solid #DFDFDF;
  margin-top: -1px;
  background-color: #FDFDFD;
}

/************************************
           Icon selector
*************************************/
#ws_icon_selector {
  border: 1px solid silver;
  border-radius: 3px;
  background-color: white;
  width: 216px;
  padding: 4px 0 0 0;
  position: absolute;
  z-index: 6;
}

#ws_icon_selector.ws_with_more_icons {
  width: 570px;
}

#ws_icon_selector .ws_icon_extra {
  display: none;
}

#ws_icon_selector.ws_with_more_icons .ws_icon_extra {
  display: inline-block;
}

#ws_icon_selector .ws_icon_option {
  float: left;
  height: 30px;
  margin: 2px;
  cursor: pointer;
  border: 1px solid #bbb;
  border-radius: 3px;
  /* Gradients and colours cribbed from WP 3.5.1 button styles */
  background: #f3f3f3 linear-gradient(to bottom, #fefefe, #f4f4f4);
}

#ws_icon_selector .ws_icon_option:hover {
  /* Gradients and colours cribbed from WP 3.5.1 button styles */
  border-color: #999;
  background: #f3f3f3 linear-gradient(to bottom, #fff, #f3f3f3);
}

#ws_icon_selector .ws_icon_option.ws_selected_icon {
  border-color: green;
  background-color: #deffca;
  background-image: none;
}

#ws_icon_selector .ws_icon_option .ws_icon_image {
  float: none;
  margin: 0;
  padding: 0;
}
#ws_icon_selector .ws_icon_option .ws_icon_image:before {
  color: #85888c;
  display: inline-block;
}

#ws_icon_selector .ws_icon_option .ws_icon_image.dashicons {
  width: 20px;
  height: 20px;
  padding: 5px;
}

#ws_icon_selector .ws_icon_option img {
  display: inline-block;
  margin: 0;
  padding: 7px;
  width: 16px;
  height: 16px;
}

#ws_menu_editor .ws_edit_field-icon_url input.ws_field_value {
  width: 220px;
  margin-right: 5px;
}

/* The icon button that displays the pop-up icon selector. */
#ws_menu_editor .ws_select_icon {
  margin: 0;
  padding: 0;
  position: relative;
  box-sizing: border-box;
  height: 25px;
  min-height: 25px;
  min-width: 26px;
}
.ame-is-wp53-plus #ws_menu_editor .ws_select_icon {
  height: 28px;
  min-height: 28px;
  line-height: 28px;
  margin-top: 2px;
}

button.ws_select_icon .ws_icon_image {
  color: #85888c;
  padding: 3px;
}
button.ws_select_icon .ws_icon_image.dashicons {
  padding: 3px 2px;
}
button.ws_select_icon .ws_icon_image.dashicons:before {
  width: 20px;
}
button.ws_select_icon .ws_icon_image.dashicons.dashicons {
  vertical-align: baseline;
  line-height: 20px;
}

/* Current icon node (image version) */
.ws_select_icon img {
  margin: 0;
  padding: 4px;
  width: 16px;
  height: 16px;
}

#ws_icon_selector .ws_tool_tab_nav {
  display: inline-block;
  margin-top: 2px;
  position: relative;
}
#ws_icon_selector .ws_tool_tab_nav li {
  padding: 4px 10px 11px;
}
#ws_icon_selector .ws_tool_tab {
  box-sizing: border-box;
  padding: 0 4px 2px;
  max-height: 327px;
  overflow-y: auto;
}
#ws_icon_selector .ws_icon_search_bar {
  margin: 0 0 0 2px;
  position: sticky;
  top: 0;
  background-color: #FDFDFD;
  padding: 4px 0;
}
#ws_icon_selector .ws_no_matching_icons {
  margin-left: 2px;
  padding: 4px 0;
}
#ws_icon_selector #ws_svg_icon_tab {
  padding: 4px 6px 4px;
  height: 327px;
}

#ws_svg_icon_tab {
  display: flex;
  flex-direction: column;
}
#ws_svg_icon_tab label {
  display: block;
  margin-top: 0;
  margin-bottom: 4px;
}

#ws_menu_svg_icon_code {
  width: 100%;
  flex-grow: 1;
}

#ws_apply_svg_icon {
  margin-top: 4px;
  align-self: flex-end;
  min-width: 100px;
}

#ws_choose_icon_from_media {
  margin: 2px;
  min-height: 30px;
  line-height: 28px;
}

/************************************
      Embedded page selector
*************************************/
#ws_embedded_page_selector {
  width: 254px;
  padding: 6px 0 0 0;
  border: 1px solid silver;
  border-radius: 3px;
  background-color: white;
  box-sizing: border-box;
  position: absolute;
}

.ws_page_selector_tab_nav {
  list-style: outside none none;
  padding: 0;
  margin: 0 0 0 6px;
}

.ws_page_selector_tab_nav li {
  display: inline-block;
  border: 1px solid transparent;
  border-bottom-width: 0;
  padding: 3px 5px 5px;
  line-height: 1.35em;
  margin-bottom: 0;
}

.ws_page_selector_tab_nav a {
  text-decoration: none;
}

.ws_page_selector_tab_nav li.ui-tabs-active {
  border-color: #dfdfdf;
  background-color: #FDFDFD;
  border-bottom-color: #FDFDFD;
}

.ws_page_selector_tab_nav li.ui-tabs-active a {
  color: #32373C;
}

.ws_page_selector_tab {
  border-top: 1px solid #DFDFDF;
  padding: 12px; /* The same padding as post editor boxes. */
  margin-top: -1px;
  background-color: #FDFDFD;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

#ws_current_site_pages {
  width: 100%;
  min-height: 150px;
  max-height: 300px;
  margin-left: 0;
  margin-right: 0;
}

#ws_embedded_page_selector input {
  box-sizing: border-box;
  max-width: 100%;
}

#ws_custom_embedded_page_tab p:first-child {
  margin-top: 0;
}

/*
 Make the "Page" field look editable. It is read-only because the user can't change it directly (they have to use
 the dropdown), but we don't want it to be greyed-out.
*/
#ws_menu_editor .ws_edit_field-embedded_page_id input.ws_field_value {
  background-color: white;
}

/************************************
           Menu color picker
*************************************/
/* Color scheme display in the editor widget. */
.ws_color_scheme_display {
  display: inline-block;
  box-sizing: border-box;
  height: 26px;
  width: 190px;
  margin-right: 5px;
  margin-left: 1px;
  padding: 2px 4px;
  font-size: 12px;
  border: 1px solid #ddd;
  background: white;
  cursor: pointer;
  line-height: 20px;
}
.ame-is-wp53-plus .ws_color_scheme_display {
  border-color: #7e8993;
  border-radius: 4px;
  margin-top: 2px;
  margin-bottom: 1px;
  padding: 3px 8px;
  height: 28px;
  line-height: 20px;
}

.ws_open_color_editor {
  width: 58px;
}

.ws_color_display_item {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.ws_color_display_item:last-child {
  margin-right: 0;
}

/************************************
           Export and import
*************************************/
#export_dialog, #import_dialog {
  display: none;
}

.ui-widget-overlay {
  background-color: black;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  width: 100%;
  height: 100%;
}

.ui-front {
  z-index: 10000;
}

/*
Standard WordPress admin colors.

Announcement post:
https://make.wordpress.org/core/2021/02/23/standardization-of-wp-admin-colors-in-wordpress-5-7/

Source:
https://codepen.io/ryelle/pen/WNGVEjw

A "wp" prefix has been added to avoid name conflicts with other code in this plugin.
 */
.ui-dialog .ui-dialog-buttonpane {
  background-color: #fcfcfc;
  border-top: 1px solid #dcdcde;
  padding: 8px;
  text-align: right;
}
.ui-dialog .ui-dialog-buttonpane .button-primary, .ui-dialog .ui-dialog-buttonpane .ame-dialog-confirm-button {
  float: left;
}

.settings_page_menu_editor .ui-dialog {
  background: white;
  border: 1px solid #c0c0c0;
  padding: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.settings_page_menu_editor .ui-dialog .ui-dialog-content {
  padding: 8px 8px 8px 8px;
  font-size: 1.1em;
}
.settings_page_menu_editor .ui-dialog .ame-scrollable-dialog-content {
  max-height: 500px;
  overflow-y: auto;
  padding-top: 0.5em;
}
.settings_page_menu_editor .ui-dialog-titlebar {
  display: block;
  height: 22px;
  margin: 0;
  padding: 4px 4px 4px 8px;
  background-color: #86A7E3;
  font-size: 1em;
  line-height: 22px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: 1px solid #809fd9;
}
.settings_page_menu_editor .ui-dialog-title {
  color: white;
  font-weight: bold;
}
.settings_page_menu_editor .ui-button.ui-dialog-titlebar-close {
  background: #86A7E3 url(../images/x.png) no-repeat center;
  width: 22px;
  height: 22px;
  display: block;
  float: right;
  color: white;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.settings_page_menu_editor .ui-dialog-titlebar-close:hover {
  /*background-image: url(../images/x-light.png);*/
  background-color: #a6c2f5;
}
#export_dialog .ws_dialog_panel {
  height: 50px;
}

#import_dialog .ws_dialog_panel {
  height: 64px;
}

.ws_dialog_panel .ame-fixed-label-text {
  display: inline-block;
  min-width: 6em;
}
.ws_dialog_panel .ame-inline-select-with-input {
  vertical-align: baseline;
}
.ws_dialog_panel .ame-box-side-sizes {
  display: flex;
  flex-wrap: wrap;
  max-width: 800px;
}
.ws_dialog_panel .ame-box-side-sizes .ame-fixed-label-text {
  min-width: 4em;
}
.ws_dialog_panel .ame-box-side-sizes label {
  margin-right: 2.5em;
}
.ws_dialog_panel .ame-box-side-sizes input {
  margin-bottom: 0.4em;
}
.ws_dialog_panel .ame-box-side-sizes input[type=number] {
  width: 6em;
}

.ame-flexbox-break {
  flex-basis: 100%;
  height: 0;
}

.ws_dialog_buttons {
  text-align: right;
  margin-top: 20px;
  margin-bottom: 1px;
  clear: both;
}

.ws_dialog_buttons .button-primary {
  display: block;
  float: left;
  margin-top: 0;
  min-width: 8em;
}

.ws_dialog_buttons .button {
  margin-top: 0;
}

.ws_dialog_buttons.ame-vertical-button-list {
  text-align: left;
}

.ws_dialog_buttons.ame-vertical-button-list .button-primary {
  float: none;
}

.ws_dialog_buttons.ame-vertical-button-list .button {
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}

.ws_dialog_buttons.ame-vertical-button-list .button:last-child {
  margin-bottom: 0;
}

#import_file_selector {
  display: block;
  width: 286px;
  margin: 6px auto 12px;
}

#ws_start_import {
  min-width: 100px;
}

#import_complete_notice {
  text-align: center;
  font-size: large;
  padding-top: 25px;
}

#ws_import_error_response {
  width: 100%;
}

.ws_dont_show_again {
  display: inline-block;
  margin-top: 1em;
}

/************************************
        Menu access editor
*************************************/
/* The launch button */
#ws_menu_editor .ws_edit_field-access_level input.ws_field_value {
  width: 190px;
  margin-right: 5px;
}

.ws_launch_access_editor {
  min-width: 40px;
  width: 58px;
}

#ws_menu_access_editor {
  width: 400px;
  display: none;
}

.ws_dialog_subpanel {
  margin-bottom: 1em;
}
.ws_dialog_subpanel fieldset p {
  margin-top: 0;
  margin-bottom: 4px;
}

.ws-ame-dialog-subheading {
  display: block;
  font-weight: 600;
  font-size: 1em;
  margin: 0 0 0.2em 0;
}

#ws_menu_access_editor .ws_column_access,
#ws_menu_access_editor .ws_ext_action_check_column {
  text-align: center;
  width: 1em;
  padding-right: 0;
}

#ws_menu_access_editor .ws_column_access input,
#ws_menu_access_editor .ws_ext_action_check_column input {
  margin-right: 0;
}

#ws_menu_access_editor .ws_column_role {
  white-space: nowrap;
}

#ws_role_table_body_container {
  /*max-height: 400px;
  overflow: auto;*/
  overflow: hidden;
  margin-right: -1px;
}

.ws_role_table_body {
  margin-top: 2px;
  max-width: 354px;
}

.ws_has_separate_header .ws_role_table_header {
  border-bottom: none;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ws_has_separate_header .ws_role_table_body {
  border-top: none;
  margin-top: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ws_role_id {
  display: none;
}

#ws_extra_capability {
  width: 100%;
}

#ws_role_access_container {
  position: relative;
  max-height: 430px;
  overflow: auto;
}

#ws_role_access_overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  line-height: 100%;
  background: white;
  filter: alpha(opacity=60);
  opacity: 0.6;
  -moz-opacity: 0.6;
}

#ws_role_access_overlay_content {
  position: absolute;
  width: 50%;
  left: 22%;
  top: 30%;
  background: white;
  padding: 8px;
  border: 2px solid silver;
  border-radius: 5px;
  color: #555;
}

#ws_menu_access_editor div.error {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 5px;
}

#ws_hardcoded_role_error {
  display: none;
}

/*--------------------------------------------*
        The CPT/taxonomy permissions panel
 *--------------------------------------------*/
/*
 * When there are CPT/taxonomy permissions available, the appearance of the role list changes a bit.
 */
.ws_has_extended_permissions {
  /* The role or actor whose CPT/taxonomy permissions are currently expanded. */
}
.ws_has_extended_permissions .ws_role_table_body .ws_column_role {
  cursor: pointer;
}
.ws_has_extended_permissions .ws_role_table_body .ws_column_selected_role_tip {
  display: table-cell;
}
.ws_has_extended_permissions .ws_role_table_body tr:hover {
  background: #EAF2FA;
}
.ws_has_extended_permissions .ws_role_table_body td {
  border-top: 1px solid #f1f1f1;
}
.ws_has_extended_permissions .ws_role_table_body tr:first-child td {
  border-top-width: 0;
}
.ws_has_extended_permissions .ws_role_table_body tr.ws_cpt_selected_role {
  background-color: #dddddd;
}
.ws_has_extended_permissions .ws_role_table_body tr.ws_cpt_selected_role .ws_column_role {
  font-weight: bold;
}
.ws_has_extended_permissions .ws_role_table_body tr.ws_cpt_selected_role .ws_cpt_selected_role_tip {
  visibility: visible;
}
.ws_has_extended_permissions .ws_role_table_body tr.ws_cpt_selected_role td {
  color: #222;
}

#ws_ext_permissions_container {
  float: left;
  width: 352px;
  padding: 0 9px 0 0;
}

#ws_ext_permissions_container_caption {
  padding-left: 15px;
  max-width: 352px;
  position: relative;
  white-space: nowrap;
}

#ws_ext_permissions_container .ws_ext_permissions_table {
  margin-top: 2px;
}
#ws_ext_permissions_container .ws_ext_permissions_table tr td:first-child {
  padding-left: 15px;
}
#ws_ext_permissions_container .ws_ext_permissions_table .ws_ext_group_title {
  padding-bottom: 0;
  font-weight: bold;
}
#ws_ext_permissions_container .ws_ext_permissions_table .ws_ext_action_check_column,
#ws_ext_permissions_container .ws_ext_permissions_table .ws_ext_action_name_column {
  padding-top: 3px;
  padding-bottom: 3px;
}
#ws_ext_permissions_container .ws_ext_permissions_table tr.ws_ext_padding_row td {
  padding: 0 0 0 0;
  height: 1px;
}
#ws_ext_permissions_container .ws_ext_permissions_table .ws_same_as_required_cap {
  text-decoration: underline;
}
#ws_ext_permissions_container .ws_ext_permissions_table .ws_ext_has_custom_setting label.ws_ext_action_name::after {
  content: " *";
}

#ws_ext_permissions_container #ws_ext_toggle_capability_names {
  cursor: pointer;
  position: absolute;
  right: 0;
  color: #0073aa;
}
#ws_ext_permissions_container.ws_ext_readable_names_enabled #ws_ext_toggle_capability_names {
  color: #b4b9be;
}
#ws_ext_permissions_container .ws_ext_readable_name {
  display: none;
}
#ws_ext_permissions_container .ws_ext_capability {
  display: inline;
}
#ws_ext_permissions_container.ws_ext_readable_names_enabled .ws_ext_readable_name {
  display: inline;
}
#ws_ext_permissions_container.ws_ext_readable_names_enabled .ws_ext_capability {
  display: none;
}

#ws_ext_permissions_container #ws_taxonomy_permissions_table tr:first-child td {
  padding-top: 8px;
}

/* The "selected role" indicator. */
.ws_cpt_selected_role_tip {
  display: block;
  visibility: hidden;
  box-sizing: border-box;
  width: 26px;
  height: 26px;
  position: absolute;
  right: 0;
  background: white;
  transform: translate(1px, 0) rotate(-45deg);
  transform-origin: top right;
}

.ws_role_table_body .ws_column_selected_role_tip {
  display: none;
  padding: 0;
  width: 40px;
  height: 100%;
  text-align: right;
  overflow: visible;
  position: relative;
  cursor: pointer;
}

.ws_ame_breadcrumb_separator {
  color: #999;
}

#ws_menu_editor .ws_ext_permissions_indicator {
  font-size: 16px;
  height: 16px;
  width: 16px;
  visibility: hidden;
  vertical-align: bottom;
  cursor: pointer;
  color: #4aa100;
}

#ws_menu_editor.ws_is_actor_view .ws_ext_permissions_indicator {
  visibility: visible;
}

/************************************
        Visible users dialog
*************************************/
#ws_visible_users_dialog {
  background: white;
  padding: 8px;
}

#ws_user_selection_panels {
  min-width: 710px;
}
#ws_user_selection_panels .ws_user_selection_panel {
  display: block;
  float: left;
  position: relative;
  box-sizing: border-box;
  width: 350px;
  height: 400px;
  border: 1px solid #e5e5e5;
  margin-right: 10px;
  padding: 10px;
}
#ws_user_selection_panels #ws_user_selection_target_panel {
  margin-right: 0;
}
#ws_user_selection_panels #ws_available_user_query {
  box-sizing: border-box;
  width: 100%;
  max-height: 28px;
}
#ws_user_selection_panels .ws_user_list_wrapper {
  position: absolute;
  top: 50px;
  left: 10px;
  right: 10px;
  height: 338px;
  overflow-x: auto;
  overflow-y: auto;
}
#ws_user_selection_panels .ws_user_selection_list {
  min-height: 20px;
  border-width: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#ws_user_selection_panels .ws_user_selection_list .ws_user_action_column {
  width: 20px;
  text-align: center;
  padding-top: 9px;
  padding-bottom: 0;
}
#ws_user_selection_panels .ws_user_selection_list .ws_user_action_button {
  cursor: pointer;
  color: #b4b9be;
}
#ws_user_selection_panels .ws_user_selection_list .ws_user_username_column {
  padding-left: 0;
}
#ws_user_selection_panels .ws_user_selection_list .ws_user_display_name_column {
  white-space: nowrap;
}
#ws_user_selection_panels #ws_available_users tr {
  cursor: pointer;
}
#ws_user_selection_panels #ws_available_users tr:hover, #ws_user_selection_panels #ws_available_users tr.ws_user_best_match {
  background-color: #eaf2fa;
}
#ws_user_selection_panels #ws_available_users tr:hover .ws_user_action_button {
  color: #7ad03a;
}
#ws_user_selection_panels #ws_selected_users .ws_user_action_button::before {
  content: "\f158";
}
#ws_user_selection_panels #ws_selected_users .ws_user_action_button:hover {
  color: #dd3d36;
}
#ws_user_selection_panels #ws_selected_users .ws_user_action_column {
  padding-left: 6px;
}
#ws_user_selection_panels #ws_selected_users .ws_user_display_name_column {
  display: none;
}
#ws_user_selection_panels #ws_selected_users tr.ws_user_must_be_selected .ws_user_action_button {
  display: none;
}
#ws_user_selection_panels #ws_selected_users_caption {
  font-size: 14px;
  line-height: 1.4em;
  padding: 7px 10px;
  color: #555;
  font-weight: 600;
}
#ws_user_selection_panels::after {
  display: block;
  height: 1px;
  visibility: hidden;
  content: " ";
  clear: both;
}

#ws_loading_users_indicator {
  position: absolute;
  right: 10px;
  bottom: 10px;
  margin-right: 0;
  margin-bottom: 0;
}

/************************************
        Menu deletion error
*************************************/
#ws-ame-menu-deletion-error {
  max-width: 400px;
}

/************************************
        Tooltips and hints
*************************************/
.ws_tooltip_trigger, .ws_field_tooltip_trigger {
  cursor: pointer;
}

.ws_tooltip_content_list {
  list-style: disc;
  margin-left: 1em;
  margin-bottom: 0;
}

.ws_tooltip_node {
  font-size: 13px;
  line-height: 1.3;
  border-radius: 3px;
  max-width: 300px;
}

.ws_field_tooltip_trigger .dashicons {
  font-size: 16px;
  height: 16px;
  vertical-align: bottom;
}

.ws_field_tooltip_trigger {
  color: #a1a1a1;
}

#ws_plugin_settings_form .ws_tooltip_trigger .dashicons {
  font-size: 18px;
}

.ws_ame_custom_postbox .ws_tooltip_trigger .dashicons, .postbox .ws_tooltip_trigger .dashicons, .ws-ame-postbox .ws_tooltip_trigger .dashicons {
  font-size: 18px;
  height: 18px;
  vertical-align: bottom;
}

.ws_tooltip_trigger.ame-warning-tooltip {
  color: orange;
}

.ws_wide_tooltip {
  max-width: 450px;
}

.ws_hint {
  background: #FFFFE0;
  border: 1px solid #E6DB55;
  margin-bottom: 0.5em;
  border-radius: 3px;
  position: relative;
  padding-right: 22px;
}

.ws_hint_close {
  border: 1px solid #E6DB55;
  border-right: none;
  border-top: none;
  color: #dcc500;
  font-weight: bold;
  cursor: pointer;
  width: 18px;
  text-align: center;
  border-radius: 3px;
  position: absolute;
  right: 0;
  top: 0;
}

.ws_hint_close:hover {
  background-color: #ffef4c;
  border-color: #e0b900;
  color: black;
}

.ws_hint_content {
  padding: 0.4em 0 0.4em 0.4em;
}

.ws_hint_content ul {
  list-style: disc;
  list-style-position: inside;
  margin-left: 0.5em;
}

.ws_ame_doc_box .hndle, .ws_ame_custom_postbox .hndle {
  cursor: default !important;
  border-bottom: 1px solid #ccd0d4;
}
.ws_ame_doc_box .handlediv, .ws_ame_custom_postbox .handlediv {
  display: block;
  float: right;
}
.ws_ame_doc_box .inside, .ws_ame_custom_postbox .inside {
  margin-bottom: 0;
}
.ws_ame_doc_box ul, .ws_ame_custom_postbox ul {
  list-style: disc outside;
  margin-left: 1em;
}
.ws_ame_doc_box li > ul, .ws_ame_custom_postbox li > ul {
  margin-top: 6px;
}
.ws_ame_doc_box .button-link .toggle-indicator::before, .ws_ame_custom_postbox .button-link .toggle-indicator::before {
  margin-top: 4px;
  width: 20px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-indent: -1px;
  content: "\f142";
  display: inline-block;
  font: normal 20px/1 dashicons;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none !important;
}
.ws_ame_doc_box.closed .button-link .toggle-indicator::before, .ws_ame_custom_postbox.closed .button-link .toggle-indicator::before {
  content: "\f140";
}

.ws_basic_container .ws_ame_custom_postbox {
  margin-left: 2px;
  margin-right: 2px;
}

.ws_ame_custom_postbox .ame-tutorial-list {
  margin: 0;
}
.ws_ame_custom_postbox .ame-tutorial-list a {
  text-decoration: none;
  display: block;
  padding: 4px;
}
.ws_ame_custom_postbox .ame-tutorial-list ul {
  margin-left: 1em;
}
.ws_ame_custom_postbox .ame-tutorial-list li {
  display: block;
  margin: 0;
  list-style: none;
}

/************************************
      Copy Permissions dialog
*************************************/
#ws-ame-copy-permissions-dialog select {
  min-width: 280px;
  max-width: 100%;
}

/*********************************************
      Capability suggestions and preview
**********************************************/
#ws_capability_suggestions {
  padding: 4px;
  width: 350px;
  border: 1px solid #cdd5d5;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  background: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
#ws_capability_suggestions #ws_previewed_caps {
  margin-top: 0;
  margin-bottom: 6px;
}
#ws_capability_suggestions td, #ws_capability_suggestions th {
  padding-top: 3px;
  padding-bottom: 3px;
}
#ws_capability_suggestions tr.ws_preview_has_access .ws_ame_role_name {
  background-color: lightgreen;
}
#ws_capability_suggestions .ws_ame_suggested_capability {
  cursor: pointer;
}
#ws_capability_suggestions .ws_ame_suggested_capability:hover {
  background-color: #d0f2d0;
}

/*********************************************
      Settings page stuff
**********************************************/
#ws_plugin_settings_form figure {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 1em;
}

.ame-available-add-ons tr:first-of-type td {
  margin-top: 0;
  padding-top: 0;
}
.ame-available-add-ons td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.ame-available-add-ons .ame-add-on-heading {
  padding-left: 0;
}

.ame-add-on-name {
  font-weight: 600;
}

.ame-add-on-details-link::after {
  /*content: " \f504";
  font-family: dashicons, sans-serif;*/
}

/*********************************************
      WordPress 5.3+ consistent styles
**********************************************/
.ame-is-wp53-plus .ws_edit_field input[type=button] {
  margin-top: 2px;
  min-height: 30px;
  line-height: 28px;
}

/*********************************************
      CSS border style selector
**********************************************/
.ame-css-border-styles .ame-fixed-label-text {
  min-width: 5em;
}
.ame-css-border-styles .ame-border-sample-container {
  display: inline-block;
  vertical-align: top;
  min-height: 28px;
}
.ame-css-border-styles .ame-border-sample {
  display: inline-block;
  width: 14em;
  border-top: 0.3em solid #444;
}

.ws_ame_has_unsaved_changes #ws_save_menu {
  position: relative;
}
.ws_ame_has_unsaved_changes #ws_save_menu:before {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  --ame-me-calc-indicator-size: calc(9px + (var(--ame-ds-btn-radius-tr, 3px) - 3px) / 2);
  width: var(--ame-me-calc-indicator-size, 9px);
  height: var(--ame-me-calc-indicator-size, 9px);
  background: #00e93c;
  border-top-right-radius: calc(var(--ame-ds-btn-radius-tr, 3px) - 1px);
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}

/*********************************************
      Miscellaneous
**********************************************/
#ws_ame_general_vis_box input[type=checkbox]:indeterminate {
  background: #fff;
}
#ws_ame_general_vis_box input[type=checkbox]:indeterminate:before {
  content: "";
  display: block;
  float: left;
  margin: 0.125rem 0 0 0.125rem;
  width: 0.625rem;
  height: 0.625rem;
  line-height: 0.625rem;
  background: var(--wp-admin-theme-color, #1e8cbe);
}
@media screen and (max-width: 782px) {
  #ws_ame_general_vis_box input[type=checkbox]:indeterminate:before {
    height: 0.9375rem;
    width: 0.9375rem;
    line-height: 0.9375rem;
    margin: 0.25rem 0 0 0.25rem;
    font-family: unset;
    font-weight: normal;
  }
}

#ws_sidebar_pro_ad {
  min-width: 225px;
  max-width: 300px;
  margin-top: 5px;
  margin-left: 3px;
  position: fixed;
  right: 20px;
  bottom: 40px;
  z-index: 100;
}
#ws_sidebar_pro_ad .dashicons {
  font-size: 15px;
  width: unset;
  height: unset;
}
#ws_sidebar_pro_ad.ame-tgc-sidebar-ad {
  max-width: 280px;
}

.ws-ame-icon-radio-button-group > label {
  display: inline-block;
  padding: 8px;
  border: 1px solid #ccd0d4;
  border-radius: 2px;
  margin-right: 0.5em;
}

span.description {
  color: #666;
  font-style: italic;
}

.wrap :target {
  background-color: rgba(255, 245, 100, 0.7);
  outline: 3px solid rgba(250, 220, 75, 0.7);
}

.test-wrap {
  background-color: #444444;
  padding: 30px;
}

.test-container {
  width: 400px;
  height: 200px;
  background-color: white;
  border: 1px solid black;
  border-radius: 10px;
  overflow: hidden;
}

.test-header {
  background-color: #67d6ff;
  padding: 6px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.test-content {
  padding: 8px;
}

/*********************************************
      "Test access" dialog
**********************************************/
#ws_ame_test_access_screen {
  display: none;
  background: #fcfcfc;
}

#ws_ame_test_inputs {
  padding-bottom: 16px;
}

.ws_ame_test_input {
  display: block;
  float: left;
  width: 100%;
  margin: 2px 0;
  box-sizing: content-box;
}

.ws_ame_test_input_name {
  display: block;
  float: left;
  width: 35%;
  margin-right: 4%;
  text-align: right;
  padding-top: 6px;
  line-height: 16px;
}

.ws_ame_test_input_value {
  display: block;
  float: right;
  width: 60%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#ws_ame_test_actions {
  float: left;
  width: 100%;
  margin-top: 1em;
}

#ws_ame_test_button_container {
  width: 35%;
  margin-right: 4%;
  float: left;
  text-align: right;
}

#ws_ame_test_progress {
  display: none;
  width: 60%;
  float: right;
}
#ws_ame_test_progress .spinner {
  float: none;
  vertical-align: bottom;
  margin-left: 0;
  margin-right: 4px;
}

#ws_ame_test_access_body {
  width: 100%;
  position: relative;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#ws_ame_test_frame_container {
  margin-right: 250px;
  background: white;
  min-height: 500px;
  position: relative;
}

#ws_ame_test_access_frame {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 500px;
  border: none;
  margin: 0;
  padding: 0;
}

#ws_ame_test_access_sidebar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 250px;
  padding: 16px 24px;
  background-color: #f3f3f3;
  border-left: 1px solid #ddd;
}
#ws_ame_test_access_sidebar h4:first-of-type {
  margin-top: 0;
}

#ws_ame_test_frame_placeholder {
  display: block;
  padding: 16px 24px;
}

#ws_ame_test_output {
  display: none;
}

.ame-delete-action-button:hover, .ame-delete-action-button:active {
  color: #b32d2e;
}

/***************************************
		Tabs on the settings page
 ***************************************/
.wrap.ws-ame-too-many-tabs .ws-ame-nav-tab-list.nav-tab-wrapper {
  border-bottom-color: transparent;
}
.wrap.ws-ame-too-many-tabs .ws-ame-nav-tab-list .nav-tab {
  border-bottom: 1px solid #c3c4c7;
  margin-bottom: 10px;
  margin-top: 0;
}

/* Spacing between the page heading and the tab list.

Normally, this is handled by .nav-tab styles, but WordPress changes the margins at smaller screen sizes
and the tabs end up without a left margin. Let's put that margin on the heading instead and remove it
from the first tab. */
#ws_ame_editor_heading {
  margin-right: 0.305em;
}

.ws-ame-nav-tab-list a.nav-tab:first-of-type {
  margin-left: 0;
}

/* When in "too many tabs" mode, there's too much space between the bottom of the tab list and the rest
of the page. I haven't found a good way to change the margins of just the last row, so here's a partial fix. */
.ws-ame-too-many-tabs #ws_actor_selector {
  margin-top: 0;
}

/*
"Condensed" tab style for when there are too many tabs.

The current implementation doesn't actually take less space, but it reduces gaps and makes the tabs
flow better due to fixed-step sizing. Tabs on different rows will sometimes align. Individual tabs
don't get pushed around by "Screen Options" or other elements that might appear above the tabs (instead,
the tabs will wrap to the next row).
 */
#ws_ame_tab_leader_heading {
  display: none;
  box-sizing: border-box;
  font-size: 23px;
  font-weight: 400;
  align-self: center;
  text-align: left;
  border-style: solid;
  border-color: transparent;
  border-width: 0 1px;
  margin-right: 0;
  padding: 0;
}

.ws-ame-nav-tab-list {
  --ame-tab-col-width: 32px;
  --ame-tab-cnd-horizontal-padding: 8px;
  --ame-tab-cnd-gap: 5px;
}

@media screen and (min-width: 601px) {
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled #ws_ame_editor_heading {
    display: none;
  }
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled #ws_ame_tab_leader_heading {
    display: inline;
  }
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ws-ame-nav-tab-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 6px;
  }
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ws-ame-nav-tab-list .nav-tab {
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding-left: 8px;
    padding-right: 8px;
    z-index: 1;
  }
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ws-ame-nav-tab-list .nav-tab-active {
    z-index: 2;
  }
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ws-ame-nav-tab-list .nav-tab:focus, .ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ws-ame-nav-tab-list .nav-tab:active {
    z-index: 3;
  }
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ame-nav-tab-col-1 {
    min-width: 32px;
  }
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ame-nav-tab-col-2 {
    min-width: 69px;
  }
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ame-nav-tab-col-3 {
    min-width: 106px;
  }
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ame-nav-tab-col-4 {
    min-width: 143px;
  }
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ame-nav-tab-col-5 {
    min-width: 180px;
  }
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ame-nav-tab-col-6 {
    min-width: 217px;
  }
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ame-nav-tab-col-7 {
    min-width: 254px;
  }
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ame-nav-tab-col-8 {
    min-width: 291px;
  }
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ame-nav-tab-col-9 {
    min-width: 328px;
  }
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ame-nav-tab-col-10 {
    min-width: 365px;
  }
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ame-nav-tab-col-11 {
    min-width: 402px;
  }
  .ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ame-nav-tab-col-12 {
    min-width: 439px;
  }
}
.ame-tab-list-bottom-margin-disabled .ws-ame-nav-tab-list, .ame-tab-list-bottom-margin-disabled.ws-ame-too-many-tabs.ame-condensed-tabs-enabled .ws-ame-nav-tab-list {
  margin-bottom: 0;
}
.ame-tab-list-bottom-margin-disabled > .notice {
  margin-bottom: 9px;
}

/*# sourceMappingURL=menu-editor.css.map */
