FileMaster

Edit File: ui__nav_vert.css

/* ------------------------------------------------------------------------------------------------------------------ */
/*! =   " == F U L L == " - Left Vertical Navigation Bar = */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_admin {
	/* --wpbc_ui_left_vert_nav__width_min: 5px; */
	--wpbc_ui_left_vert_nav__width_min: 0; /* // FixIn: 10.12.4.4. */
	--wpbc_ui_left_vert_nav__width_compact: 48px;
	--wpbc_ui_left_vert_nav__width_compact: 90px;   /* // FixIn: 10.14.4.1. */
	--wpbc_ui_left_vert_nav__width_max: 250px;

--wpbc_ui_left_vert_nav__margin: 0;
	--wpbc_ui_left_vert_nav__background-color: var(--wpbc_ui__gen__panel_background-color);
	--wpbc_ui_left_vert_nav__font-size: var(--wpbc_ui__gen__font-size);
	--wpbc_ui_left_vert_nav__a_color: var(--wpbc_ui__gen__text-color);
	/* Active */
	--wpbc_ui_left_vert_nav__active_color: var(--wpbc_ui__gen__active-text-color);
	--wpbc_ui_left_vert_nav__active_background-color: var(--wpbc_ui__gen__active-background-color);
	/* Hover */
	/*--wpbc_ui_left_vert_nav__hover_color: var(--wpbc_ui__gen__hover-color);*/
	--wpbc_ui_left_vert_nav__hover_background-color: #4651601c; /*var(--wpbc_ui__gen__panel_background-color);*/
	/* Height of footer in this Vertical Menu */
	--wpbc_ui_vert_left_bar__footer_height: 55px;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* Define  " == F U L L == " - Right Sidebar  "Custom Width"  in a such way */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_admin .wpbc_ui_el__vert_right_bar__wrapper{
	--wpbc_ui_left_vert_nav__width_min: 0;
	--wpbc_ui_left_vert_nav__width_compact: 48px;
	--wpbc_ui_left_vert_nav__width_max: Min( 290px, 100% );
	/*--wpbc_ui_left_vert_nav__width_max: Min( 750px, 100% );*/
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* Define " == C O M P A C T == " - Right Sidebar  "Custom Width"  in a such way */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_admin .wpbc_ui_el__vert_right_bar__wrapper.wpbc_ui_el__vert_right_bar_compact__wrapper{
	--wpbc_ui_left_vert_nav__width_min: 0;
	--wpbc_ui_left_vert_nav__width_compact: 48px;
	--wpbc_ui_left_vert_nav__width_max: Min( 70px, 100% );
}
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_ui_el__vert_right_bar__wrapper,
.wpbc_ui_el__vert_left_bar__wrapper {
	display: flex;
	flex-flow: column nowrap;
	justify-content: stretch;
	align-items: stretch;

width: 100%;
	flex: 0 0 var(--wpbc_ui_left_vert_nav__width_max);

background: var(--wpbc_ui_left_vert_nav__background-color);
	border: 0;
	box-shadow: var(--wpbc_ui__gen__panel_box-shadow);
	transition: all .25s ease-in-out;
	font-size: var(--wpbc_ui_left_vert_nav__font-size);
	border-radius: 0 0 3px;
	padding: 0;
	margin: var(--wpbc_ui_left_vert_nav__margin);

overflow-y: auto;
	scrollbar-width: thin;
	overflow-x: hidden;
	overflow: visible; /* FixIn: 10.12.1.2. */
}

/* == Responsive Sizes: < 600px (less top icons), < 782px (no wp left bar), < 960px (wp left bar colapse) =========== */
/* By default  -- Left Bar Colapsed */
.wpbc_ui_el__vert_right_bar__wrapper,
.wpbc_ui_el__vert_left_bar__wrapper {
	max-width: var(--wpbc_ui_left_vert_nav__width_min);
}
.wpbc_ui_el__vert_right_bar__content,
.wpbc_ui_el__vert_left_bar__content {
	display: none;
}
/* More than > 782px -- Left Bar Expanded */
@media screen and (min-width: 782px) {
	.wpbc_ui_el__vert_right_bar__wrapper,
	.wpbc_ui_el__vert_left_bar__wrapper {
		max-width: var(--wpbc_ui_left_vert_nav__width_max);
	}
	.wpbc_ui_el__vert_right_bar__content,
	.wpbc_ui_el__vert_left_bar__content {
		display: block;
	}
}
/* -- Sizes --------------------------------------------------------------------------------------------------------- */
/* == M I N == */
.wpbc_settings_page_wrapper.none_right .wpbc_ui_el__vert_right_bar__wrapper,
.wpbc_settings_page_wrapper.none .wpbc_ui_el__vert_left_bar__wrapper {
	max-width: 0px;
}
	.wpbc_settings_page_wrapper.none_right .wpbc_ui_el__vert_right_bar__content,
	.wpbc_settings_page_wrapper.none .wpbc_ui_el__vert_left_bar__content {
		display: none;
	}
	div.wpbc_settings_page_wrapper.none       .hide_in_compact_mode {
		display: none;
	}
/* == M I N == */
/* // FixIn: 10.11.5.8.  */
.wpbc_settings_page_wrapper:not(.compact_right) .hide_in_max_mode_right,
.wpbc_settings_page_wrapper:not(.compact)       .hide_in_max_mode{
	display: none;
}
.wpbc_settings_page_wrapper.min_right .wpbc_ui_el__vert_right_bar__wrapper,
.wpbc_settings_page_wrapper.min       .wpbc_ui_el__vert_left_bar__wrapper {
	max-width: var(--wpbc_ui_left_vert_nav__width_min);
}
	.wpbc_settings_page_wrapper.min_right .wpbc_ui_el__vert_right_bar__content,
	.wpbc_settings_page_wrapper.min       .wpbc_ui_el__vert_left_bar__content {
		display: none;
	}
	div.wpbc_settings_page_wrapper.min       .hide_in_compact_mode {
		display: none;
	}
/* == COMPACT == */
.wpbc_settings_page_wrapper.compact_right .wpbc_ui_el__vert_right_bar__wrapper,
.wpbc_settings_page_wrapper.compact       .wpbc_ui_el__vert_left_bar__wrapper {
	max-width: var(--wpbc_ui_left_vert_nav__width_compact);
}
	.wpbc_settings_page_wrapper.compact_right .wpbc_ui_el__vert_right_bar__content,
	.wpbc_settings_page_wrapper.compact       .wpbc_ui_el__vert_left_bar__content {
		display: block;
	}
	div.wpbc_settings_page_wrapper.compact       .hide_in_compact_mode {
		display: none;
	}
	/* // FixIn: 10.11.5.8.  */
	div.wpbc_settings_page_wrapper.compact_right .hide_in_max_mode_right,
	div.wpbc_settings_page_wrapper.compact       .hide_in_max_mode {
		display: block;
	}
/* == M A X == */
.wpbc_settings_page_wrapper.max_right .wpbc_ui_el__vert_right_bar__wrapper,
.wpbc_settings_page_wrapper.max       .wpbc_ui_el__vert_left_bar__wrapper {
	max-width: var(--wpbc_ui_left_vert_nav__width_max);
}
    .wpbc_settings_page_wrapper.max_right .wpbc_ui_el__vert_right_bar__content,
	.wpbc_settings_page_wrapper.max       .wpbc_ui_el__vert_left_bar__content {
		display: block;
	}
	.wpbc_settings_page_wrapper.max       .hide_in_compact_mode {
		display: block;
	}

/* Make compact  size,  on hover of minimized panel*/
.wpbc_settings_page_wrapper.min_right .wpbc_ui_el__vert_right_bar__wrapper000:hover,
.wpbc_settings_page_wrapper.min       .wpbc_ui_el__vert_left_bar__wrapper000:hover { max-width: calc( var(--wpbc_ui_left_vert_nav__width_min) + 15px ); }
/* -- End Sizes ----------------------------------------------------------------------------------------------------- */
/* Navigation  elements */
/* Mark vertical menu sticky. // FixIn: 10.12.1.2. */
.wpbc_ui_el__vert_right_bar__content,
.wpbc_ui_el__vert_left_bar__content {
	position: sticky;
	top: calc(var(--wpbc_ui_top_nav__wp_top_menu_height) + var(--wpbc_ui_top_nav__height));
	max-height: calc(100vh - var(--wpbc_ui_top_nav__wp_top_menu_height) - var(--wpbc_ui_top_nav__height) - 2px);
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: none;
	scrollbar-gutter: initial;
	scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
}
.wpbc_ui_el__vert_right_bar__content:hover,
.wpbc_ui_el__vert_left_bar__content:hover {
	scrollbar-width: thin;
}
/* Show scrollbar for mobile devices by  default */
@media screen and (max-width: 960px) {
	.wpbc_ui_el__vert_right_bar__content,
	.wpbc_ui_el__vert_left_bar__content {
		scrollbar-width: thin;
		scrollbar-gutter: stable;
	}
}
	/* Nof Fixed position for mobile */
	@media screen and (max-width: 600px) {
		.wpbc_ui_el__vert_right_bar__content0,
		.wpbc_ui_el__vert_left_bar__content0 {
			position: static;
			max-height: 100%; /* // FixIn: 10.12.2.2. */
		}
		.wpbc_admin {
			--wpbc_ui_left_vert_nav__width_min: 0px;
		}
	}
/* Hide scrollbacr in compact mode, but still scroll. // FixIn: 10.12.1.2. */
.wpbc_settings_page_wrapper.compact_right .wpbc_ui_el__vert_right_bar__content,
.wpbc_settings_page_wrapper.compact       .wpbc_ui_el__vert_left_bar__content{
	scrollbar-width: none;
}

/* === data-simplebar -- Scrolable JS ===============================================================================   // FixIn: 10.12.2.3. */
[data-simplebar].wpbc_ui_el__vert_right_bar__content,
[data-simplebar].wpbc_ui_el__vert_left_bar__content {
	position: sticky;
	top: calc(var(--wpbc_ui_top_nav__wp_top_menu_height) + var(--wpbc_ui_top_nav__height));
	/*  100vh - WP top  menu - Plugin top menu - border (probably 0) - Vert.Menu Footer */
	height: calc( 100vh - var(--wpbc_ui_top_nav__wp_top_menu_height) - var(--wpbc_ui_top_nav__height) - 4px - var(--wpbc_ui_vert_left_bar__footer_height) );
}
/* It is padding of WP Admin Footer page, e.g. #wpbody-content { ... } in common.css. This padding required here,  for ability to scroll  to  last  element in case we scrolled WINDOW to bottom of admin page. */
.wpbc_ui_el__vert_right_bar__footer_compensator,
.wpbc_ui_el__vert_left_bar__footer_compensator {
	height:65px;
	background: transparent;
}
[data-simplebar].wpbc_ui_el__vert_right_bar__content .simplebar-scrollbar::before,
[data-simplebar].wpbc_ui_el__vert_left_bar__content .simplebar-scrollbar::before {
	background-color: #091a31;
	background-color: #a7b1bf;
	/*opacity: 0.5;*/
}
[data-simplebar].wpbc_ui_el__vert_right_bar__content.simplebar-scrollable-y,
[data-simplebar].wpbc_ui_el__vert_left_bar__content.simplebar-scrollable-y {
	padding-inline-end: 11px;  /* Default Width of the scrollbar/simplebar */
}
/* In compact  mode set  scroll  smaller. Inbstead of 11 set  7px */
.wpbc_settings_page_wrapper.compact_right  .wpbc_ui_el__vert_right_bar__content.simplebar-scrollable-y .simplebar-track.simplebar-vertical,
.wpbc_settings_page_wrapper.compact        .wpbc_ui_el__vert_left_bar__content.simplebar-scrollable-y .simplebar-track.simplebar-vertical {
	width: 7px;
}
.wpbc_settings_page_wrapper.compact_right  [data-simplebar].wpbc_ui_el__vert_right_bar__content.simplebar-scrollable-y,
.wpbc_settings_page_wrapper.compact        [data-simplebar].wpbc_ui_el__vert_left_bar__content.simplebar-scrollable-y {
	padding-inline-end: 7px;  /* Default Width of the scrollbar/simplebar */
}
@media screen and (max-width: 600px) {
	[data-simplebar].wpbc_ui_el__vert_right_bar__content,
	[data-simplebar].wpbc_ui_el__vert_left_bar__content {
		top: 0;
		/*  100vh - WP top  menu - Plugin top menu - border (probably 0) - Vert.Menu Footer */
		height: calc( 100vh - 0px - var(--wpbc_ui_top_nav__height) - 4px - var(--wpbc_ui_vert_left_bar__footer_height) );
	}
	.wpbc_settings_page_wrapper.max_right .wpbc_ui_el__vert_right_bar__wrapper,
	.wpbc_settings_page_wrapper.max       .wpbc_ui_el__vert_left_bar__wrapper {
		max-width: calc(100% - 25px); /* - 25px it is sidebar button ( expand / colapse )  width */
		flex: 1 1 100%;
	}
	/* Hide content,  if opened left menu in mobile mode */
	.wpbc_settings_page_wrapper.max       .wpbc_settings_page_content .wpbc_page {
		display: none;
	}
	.wpbc_settings_page_wrapper.max       .wpbc_settings_page_content {
		height: 100vh;
	}
	#wpbody-content:has(.wpbc_settings_page_wrapper.max) {
		padding-bottom: 0px;
	}
}
/* Footer section */
.wpbc_ui_el__vert_right_bar__footer_section,
.wpbc_ui_el__vert_left_bar__footer_section {
	height: var(--wpbc_ui_vert_left_bar__footer_height, 75px);

position: sticky;
	bottom: 0;
	width: 100%;
	top: calc(100% - var(--wpbc_ui_vert_left_bar__footer_height));

overflow:hidden;

display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: center;

font-size: 14px;
  	font-weight: 600;
  	border-top: #f1f1f1 2px solid;
	background: var(--wpbc_ui_left_vert_nav__background-color);
}
.wpbc_ui_el_upgrade_button {
	font-weight: 600;
	background-color: #0a0;
	color: #fff;
	padding: 8px 25px;
	display: block;
	text-align: center;
	border-radius: 3px;
	transition: all .3s;
	box-shadow: 0 5px 10px #dfdfdf;
	cursor: pointer;
	border: 2px solid #eeeeeeb5;
	line-height: 1;
	text-decoration: none;
	outline: 0;
}
.wpbc_settings_page_wrapper.compact  .wpbc_ui_el_upgrade_button{
	padding: 8px 8px;
}
/* === End: data-simplebar -- Scrolable JS ========================================================================== */

.wpbc_ui_el__vert_nav_item{

}

/* A */
.wpbc_ui_el__vert_nav_item a,
.wpbc_ui_el__vert_nav_item button{
	flex: 1 1 100%;
	margin: 2px 0 2px 8px;
	padding: 7px 8px;
	border: none;
	border-radius: var(--wpbc_ui__gen__border-radius) 0 0 var(--wpbc_ui__gen__border-radius);
	text-shadow: none;
	font-size: var(--wpbc_ui_left_vert_nav__font-size);
	font-weight: 400;
	text-transform: capitalize;
	text-decoration: none;
	outline: none;
	color: var(--wpbc_ui_left_vert_nav__a_color);

display: flex;
	flex-flow: row;
	justify-content: flex-start;
	align-items: center;

/* 2025-08-08 */
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 0.1px;
	margin: 0 0 0px 3px;
  	padding: 8px 5px 8px 12px;
	cursor:pointer;
}
.wpbc_ui_el__vert_nav_item button:not(:hover){
	background-color: transparent;
}
/* Sub item */
.wpbc_ui_el__vert_nav_item_sub.wpbc_ui_el__vert_nav_item a,
.wpbc_ui_el__vert_nav_item_sub.wpbc_ui_el__vert_nav_item button{
	margin: 0 -0.2px 0 20px;
	padding: 7px 7px 7px 10px;
}
.wpbc_ui_el__vert_nav_item_sub.wpbc_ui_el__vert_nav_item.sub_right a{
	margin-left: 50px;
}
.wpbc_ui_el__vert_nav_item_sub.wpbc_ui_el__vert_nav_item.sub_bold a,
.wpbc_ui_el__vert_nav_item_sub.wpbc_ui_el__vert_nav_item.sub_bold .wpbc_ui_el__vert_nav_title {
	font-weight: 600;
}
/* == COMPACT == */
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_nav_item_sub.wpbc_ui_el__vert_nav_item a,
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_nav_item_sub.wpbc_ui_el__vert_nav_item button{
	margin: 2px 0 2px 7px;
}
/*Hover,  focus*/
.wpbc_ui_el__vert_nav_item a:hover,
.wpbc_ui_el__vert_nav_item a:focus,
.wpbc_ui_el__vert_nav_item button[aria-selected="true"],
.wpbc_ui_el__vert_nav_item button:hover,
.wpbc_ui_el__vert_nav_item button:focus {
	/*color: var(--wpbc_ui_left_vert_nav__hover_color);*/
	background-color: var(--wpbc_ui_left_vert_nav__hover_background-color);
	box-shadow: none;
	outline:0;
}
/* Active */
.wpbc_ui_el__vert_nav_item.active a,
.wpbc_ui_el__vert_nav_item.active a:hover {
	color: var(--wpbc_ui_left_vert_nav__active_color);
	background-color: var(--wpbc_ui_left_vert_nav__active_background-color);
	box-shadow: none;
	outline:0;
}
/* Icons */
.wpbc_ui_el__vert_nav_item a .wpbc_ui_el__vert_nav_icon,
.wpbc_ui_el__vert_nav_item button .wpbc_ui_el__vert_nav_icon{
	margin:0;
}
.wpbc_settings_page_wrapper .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_nav_item a .wpbc_ui_el__vert_nav_icon,
.wpbc_settings_page_wrapper .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_nav_item button .wpbc_ui_el__vert_nav_icon{
	margin: 0 13px  0 0;
	/* 2025-08-08 */
	margin: 0 10px  0 0;
}
/** // FixIn: 10.14.4.1.  */
/* Show top  Icon menu  opening wider in this compact  mode*/
.wpbc_page_wrapper_left_compact .wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child {
	width: 80px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: stretch;
	align-items: center;
	padding: 0 !important;
}
.wpbc_page_wrapper_left_compact .wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child a {
	flex: 1 1 100%;
	text-align: center;
}
/* Show in Compact mode the Icon Text wrapping . */
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_nav_item a {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	padding: 10px 5px;
	margin: 0;
	border-radius: 0;
	min-height: 40px;
}
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_nav_item a .wpbc_ui_el__vert_nav_icon,
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_nav_item button .wpbc_ui_el__vert_nav_icon{
	margin-right: 20px;
	margin:0; /* // FixIn: 10.14.4.1. */
}
/* // FixIn: 10.14.4.1. */
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_nav_item a .wpbc_ui_el__vert_nav_icon::before,
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_nav_item button .wpbc_ui_el__vert_nav_icon::before {
  font-size: 17px;
  line-height: 1.4;
}
.wpbc_ui_el__vert_nav_item a .wpbc_ui_el__vert_nav_icon::before,
.wpbc_ui_el__vert_nav_item button .wpbc_ui_el__vert_nav_icon::before {
	font-size: 16px;
	line-height: 20px;
}
/* Icons in Sub elements */
.wpbc_ui_el__vert_nav_item.wpbc_ui_el__vert_nav_item_sub a .wpbc_ui_el__vert_nav_icon::before {
  font-size: 14px;
	/* 2025-08-08 */
 font-size: 12px;
}
/* == Colapsed == */
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__level__folder.expanded .wpbc_ui_el__vert_nav_item:not(.wpbc_ui_el__vert_nav_item_sub) a {
	border-bottom: 1px solid #0000001c;
}
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__level__folder.expanded .wpbc_ui_el__vert_nav_item_sub {
	margin-left: 5px;
}
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__level__folder.expanded .wpbc_ui_el__vert_nav_item_sub .wpbc_ui_el__vert_nav_icon::before {
	font-size: 11px;
}
/* // FixIn: 10.14.4.1. */
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__level__folder.expanded .wpbc_ui_el__vert_nav_item_sub .wpbc_ui_el__vert_nav_icon::before {
	font-size: 16px;
	line-height: 1.4;
}
/* // FixIn: 10.14.4.1. */
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_nav_title.hide_in_compact_mode {
	display: block;
	font-size: 10px;
	text-align: center;
	line-height: 1.4;
	font-weight: 400;
	white-space: pre-wrap;
	word-break: normal;
}
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_left_bar__section {
	gap: 0;
}

.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__root_section_header_a {
	visibility: visible !important;
	padding: 0 5px;
	display: flex;
}
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__section_header.hide_in_compact_mode {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 1.6;
	padding: 0 10px 0 0;
	text-overflow: ellipsis;
	overflow: hidden;
	overflow-wrap: normal;
	hyphens: auto;
	white-space: nowrap;
	display: block;
}
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_left_bar__content .wpbc_ui_el__expand_colapse_btns {
	margin: 10px 0 0;
}
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__level__folder.expanded .wpbc_ui_el__vert_nav_item_sub {
	border-left: 2px solid #465160;
	margin-left: 5px;
}
/* Folder Icons -show with  bold color */
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__level__folder .wpbc_ui_el__vert_nav_item__folder .wpbc_ui_el__vert_nav_title {
	font-weight: 700;
	letter-spacing: 0;
}

/* -- Vertical  Menu  items  ---------------------------------------------------------------------------------------- */
/* == ROOT MENU ELEMENTS == */
			/* Right arrow in root mennu */
			.wpbc_settings_page_wrapper .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_nav_item_root a .wpbc_ui_el__vert_nav_icon.wpbc_ui_el__vert_nav_icon_arrow {
				margin: 0;
				margin-left: auto;
			}

/* Root Section Header Container */
.wpbc_ui_el__vert_left_bar__root_sections_container {
	display:flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: 0px;
}
.wpbc_ui_el__vert_left_bar__root_sections_container .wpbc_ui_el__vert_left_bar__section {
	margin-block-end: 9px;
}
.wpbc_ui_el__vert_left_bar__root_sections_container .wpbc_ui_el__vert_left_bar__root_section_element {
	/*padding-inline-start: 14px;*/
	/*padding-block-end: 10px;*/
	padding-inline-start: 8px;
	padding-block-start: 8px;
	padding-block-end: 8px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: 5px;
}
/* In compact mode hide header sections and set  padding 0*/
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__root_section_element {
  padding-inline-start: 0
}
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__root_section_header_a {
	display: none;
}
.wpbc_ui_el__root_section_header_a:not(:hover) .wpbc_ui_el__section_header,
.wpbc_ui_el__root_section_header_a,
.wpbc_ui_el__root_section_header_a:focus,
.wpbc_ui_el__root_section_header_a:hover{
	text-decoration: none;
	outline: none;
	color: var(--wpbc_ui_left_vert_nav__a_color);
	box-shadow:none;
}
.wpbc_ui_el__root_section_header_a {
	flex-flow: row nowrap;
	align-items: center;
	gap: 8px;
}
.wpbc_ui_el__root_section_header_a .wpbc_ui_el__vert_menu_root_section_icon {
	margin: 0;
	flex: 0 0 auto;
}
.wpbc_ui_el__root_section_header_a .wpbc_ui_el__vert_menu_root_section_icon::before{
	font-size:9px;
  	font-weight: 600 !important;
	vertical-align: 0;
	line-height: 2;
	transition: all .4s ease-in-out;
}
/* Hovering and Expending */
.wpbc_ui_el__vert_left_bar__root_section_element:not(.section_expanded) .wpbc_ui_el__vert_left_bar__section {
	display:none;
}
.wpbc_ui_el__vert_left_bar__root_section_element:not(.section_expanded) .wpbc_ui_el__root_section_header_a .wpbc_ui_el__vert_menu_root_section_icon::before{
	transform: rotateZ(0deg);
}
.wpbc_ui_el__vert_left_bar__root_section_element.section_expanded       .wpbc_ui_el__root_section_header_a .wpbc_ui_el__vert_menu_root_section_icon::before {
	transform: rotateZ(90deg);
}
/* Header text */
.wpbc_ui_el__root_section_header_a .wpbc_ui_el__section_header {
	/*text-transform: uppercase;*/
	/*font-size: 11px;*/
	/*font-weight: 600;*/
	/*line-height: 2.2;*/
	/*letter-spacing: 1px;*/
	/*margin: 0;*/
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
	line-height: 2.2;
	letter-spacing: 1px;
	margin: 0;
}

/* Section  header */
.wpbc_ui_el__section_header {
	font-size: 13px;
	font-weight: 600;
	color: var(--wpbc_ui__gen__text-color);
	/*text-transform: uppercase;*/
	letter-spacing: 0px;
	margin: 0 0 0 15px;
}
a > .wpbc_ui_el__section_header {
	color: #2271b1;
	font-weight: 400;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 0 0 0px 5px;
	text-transform: none;
	letter-spacing: 0px;
}
.wpbc_settings_page_wrapper .wpbc_ui_el__vert_left_bar__content .wpbc_ui_el__go_back {
	width: auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 0 10px;
	text-decoration: none;
}
/* Go Back  for Compact  mode. // FixIn: 10.12.1.7. */
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__content  .wpbc_ui_el__go_back {
  margin: 0;
}
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__content  .wpbc_ui_el__go_back .wpbc_icn_navigate_before::before {
  font-size:22px;
  line-height: 16px;
}
/* Animation */
.wpbc_ui_el__vert_left_bar__section {
	/*animation: wpbc_ui_el__slide_to_left 200ms ease-in-out forwards;*/
	/*transform-origin: left center;*/
	/*transform: translateX(0%);*/

animation: wpbc_ui_el__dropdown_menu__anim__grow_down 200ms ease-in-out forwards;
	transform-origin: top center;

display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	justify-content: flex-start;
	gap:5px;
}
/* -- Items  -------------------------------------------------------------------------------------------------------- */
/* Default order */
.wpbc_ui_el__level__folder,
.wpbc_ui_el__level__folder .wpbc_ui_el__vert_nav_item,
.wpbc_ui_el__level__folder .wpbc_ui_el__vert_nav_item_sub {
	order: 100;
}

/* Folder Block - Default order */
.wpbc_ui_el__level__folder {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: 1px;
}
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__level__folder {
	gap: 0;
}
.wpbc_ui_el__level__folder.expanded{

}
	/* In folder Item */
	.wpbc_ui_el__level__folder .wpbc_ui_el__vert_nav_item {

}
		/* Folder */
		.wpbc_ui_el__level__folder .wpbc_ui_el__vert_nav_item a.wpbc_ui_el__vert_nav_item__folder,
		.wpbc_ui_el__level__folder .wpbc_ui_el__vert_nav_item button.wpbc_ui_el__vert_nav_item__folder{

}
			/* Hide or show folder icons on expanded/colapsed blocks */
			.wpbc_ui_el__level__folder.expanded .wpbc_ui_el__vert_nav_icon_collapsed {
				display: none;
			}
			.wpbc_ui_el__level__folder:not(.expanded) .wpbc_ui_el__vert_nav_icon_expanded {
				display: none;
			}
		/* Single A */
		.wpbc_ui_el__level__folder .wpbc_ui_el__vert_nav_item a.wpbc_ui_el__vert_nav_item__single,
		.wpbc_ui_el__level__folder .wpbc_ui_el__vert_nav_item button.wpbc_ui_el__vert_nav_item__single{

}
	/* Item Sub*/
	.wpbc_ui_el__level__folder .wpbc_ui_el__vert_nav_item.wpbc_ui_el__vert_nav_item_sub{

}
		/* Sub - Single A */
		.wpbc_ui_el__level__folder .wpbc_ui_el__vert_nav_item_sub a.wpbc_ui_el__vert_nav_item__single{

}
	/* Set animation for colapsed / expanded sub sections */
	.wpbc_ui_el__level__folder.expanded .wpbc_ui_el__vert_nav_item_sub{
		display:block;
		height:auto;
		animation: wpbc_ui_el__dropdown_menu__anim__grow_down 400ms ease-in-out forwards;
		transform-origin: top center;
	}
	/* Hide Colapsed sub section */
	.wpbc_ui_el__level__folder:not(.expanded) .wpbc_ui_el__vert_nav_item_sub{
		display:none;
		height:0;
		animation: wpbc_ui_el__dropdown_menu__anim__grow_down 400ms ease-in-out forwards;
		transform-origin: top center;
	}
/* Item A --------------------------------------------------- */
.wpbc_ui_el__vert_nav_item__a {

}
.wpbc_ui_el__vert_nav_item__a *{
	flex: 0 1 auto;
}
	/* Left Icon */
	.wpbc_ui_el__vert_nav_item__a .wpbc_ui_el__vert_nav_icon{

}
	/* Title in Parent single element */
	.wpbc_ui_el__vert_nav_item .wpbc_ui_el__vert_nav_item__a .wpbc_ui_el__vert_nav_title {
		flex: 1 1 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: center;
	}
	/* Sub title */
	.wpbc_settings_page_wrapper .wpbc_ui_el__vert_nav_item_sub .wpbc_ui_el__vert_nav_title {
		font-weight: 400;
		font-size: 12px;
		line-height: 1.5;
		flex: 1 1 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: center;
	}
	/* Right Icon */
	.wpbc_ui_el__vert_nav_item__a .wpbc_ui_el__vert_nav_icon_right{
		margin-left:auto;
	}
		/* Radio button icons */
		.wpbc_ui_el__vert_nav_item.active .wpbc_ui_el__vert_nav_icon_right.wpbc-bi-toggle2-on {
			color: var(--wpbc_ui_left_vert_nav__active_color) !important;
		}
		.wpbc_ui_el__vert_nav_item.active .wpbc_ui_el__vert_nav_icon_right.wpbc-bi-toggle2-off {
			color: #b4b4b4 !important;
		}
		.wpbc_ui_el__vert_nav_item__single .wpbc-bi-toggle2-on::before,
		.wpbc_ui_el__vert_nav_item__single .wpbc-bi-toggle2-off::before{
			font-size:95%;
		}
/* -- End Items  ---------------------------------------------------------------------------------------------------- */

/* Row for header and buttons */
.wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_left_bar__root_sections_container {
	margin-top: 8px;
}
.wpbc_ui_el__expand_colapse_btns {
	padding: 0;
	/* We shift  " > Bookings " menu  to  the same level  as this colapse button */
	margin: 16px 0 -38px;
}
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__expand_colapse_btns {
  margin-bottom: -22px;
}
/* I nstead of display:none in compact mode for 1st item  we set  visibility hidden  to  save height of this element for the .wpbc_ui_el__expand_colapse_btns */
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__root_section_element:first-child > a:first-child {
  display: flex;
  visibility: hidden;
}
.wpbc_ui_el__expand_colapse_btns a,
.wpbc_ui_el__expand_colapse_btns a:focus,
.wpbc_ui_el__expand_colapse_btns a:hover {
	box-shadow: none;
	outline: 0;
}
.wpbc_ui_el__vert_left_bar__content .wpbc_ui_el__expand_colapse_btns .wpbc_ui_el__a {
	margin-left: auto;
	padding: 0 8px;
}
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__content .wpbc_ui_el__expand_colapse_btns {
	justify-content: center;
}
.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__content .wpbc_ui_el__expand_colapse_btns .wpbc_ui_el__a {
	margin-left: 0;
	padding: 0;
}
.wpbc_ui_el__vert_right_bar__content .wpbc_ui_el__expand_colapse_btns .wpbc_ui_el__a {
	margin-left: auto;
	padding: 0 8px;
}
.wpbc_settings_page_wrapper.compact_right .wpbc_ui_el__vert_right_bar__content .wpbc_ui_el__expand_colapse_btns {
	justify-content: center;
}
.wpbc_settings_page_wrapper.compact_right .wpbc_ui_el__vert_right_bar__content .wpbc_ui_el__expand_colapse_btns .wpbc_ui_el__a {
	margin-left: 0;
	padding: 0;
}

/* -- Side button - Colapse / Expand  -------------------------------------------------------------------------------   // FixIn: 10.12.1.7. */
.wpbc_ui_el__vert_right_bar__wrapper .wpbc_ui__right_sidebar__side_button,
.wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui__left_sidebar__side_button {
	width: 22px;
	height: 41px;
	background: #ffffffc2;
	position: sticky;
	/*top: 50%;*/
	/*top: calc( 100% - 41px - var(--wpbc_ui_top_nav__height) - var(--wpbc_ui_top_nav__wp_top_menu_height) );*/
	/*top: calc( 100% - 41px - 20px );*/
	border-style: solid;
	border-width: 1px 1px 1px 0px;
	border-color: #e1e1e1;
	border-color: #fff;
	border-radius: 0 3px 3px 0;
	z-index: 1;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	align-self: flex-end;
	margin-right: -23px;
	margin-top: -41px;
	box-shadow: 0 0 2px #0000000d;

margin-top: auto;
	margin-bottom: 15px;
	order: 1;
	bottom: 15px;
	/* // FixIn: 10.12.4.4. */
	bottom: 25%;
	box-shadow: var(--wpbc_ui__gen__panel_box-shadow);
	box-shadow: 1px 1px 3px rgba(17,24,39,.09);
	border-color: #00000014;
	background: #ffffffa6;
	margin-right: -22px;
}
.wpbc_ui_el__vert_right_bar__wrapper .wpbc_ui__right_sidebar__side_button svg,
.wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui__left_sidebar__side_button svg {
	width: 12px;
	height: 12px;
	display: block;
	position: relative;
	left: -2px;
	transition: all 0.3s ease-in-out;
}
.wpbc_ui_el__vert_right_bar__wrapper .wpbc_ui__right_sidebar__side_button:hover svg,
.wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui__left_sidebar__side_button:hover svg {
	left: -4px;
}
.wpbc_ui_el__vert_right_bar__wrapper .wpbc_ui__right_sidebar__side_button.wpbc_ui__top_nav__btn_open_right_vertical_nav,
.wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui__left_sidebar__side_button.wpbc_ui__top_nav__btn_open_left_vertical_nav {
	/*width: 24px;*/
	/*height: 44px;*/
}
.wpbc_ui_el__vert_right_bar__wrapper .wpbc_ui__right_sidebar__side_button.wpbc_ui__top_nav__btn_open_right_vertical_nav svg,
.wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui__left_sidebar__side_button.wpbc_ui__top_nav__btn_open_left_vertical_nav svg {
	transform: rotate(180deg);
	left: -1px;
	width: 14px;
	height: 14px;
}
.wpbc_ui_el__vert_right_bar__wrapper .wpbc_ui__right_sidebar__side_button.wpbc_ui__top_nav__btn_open_right_vertical_nav:hover svg,
.wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui__left_sidebar__side_button.wpbc_ui__top_nav__btn_open_left_vertical_nav:hover svg {
	left: 2px;
}
/* Set zoom move on hovering   // FixIn: 10.12.4.4. */
.wpbc_ui_el__vert_right_bar__wrapper .wpbc_ui__right_sidebar__side_button.wpbc_ui__top_nav__btn_open_right_vertical_nav:hover,
.wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui__left_sidebar__side_button.wpbc_ui__top_nav__btn_open_left_vertical_nav:hover {
	width: 30px;
	margin-right: -30px;
}
.wpbc_ui_el__vert_right_bar__wrapper .wpbc_ui__right_sidebar__side_button.wpbc_ui__top_nav__btn_open_right_vertical_nav:hover svg,
.wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui__left_sidebar__side_button.wpbc_ui__top_nav__btn_open_left_vertical_nav:hover svg {
	left: 5px;
	height: 18px;
	width: 18px;
}
/* Set button  black, if in minimized view */
.wpbc_settings_page_wrapper.min_right .wpbc_ui_el__vert_right_bar__wrapper .wpbc_ui__right_sidebar__side_button,
.wpbc_settings_page_wrapper.min .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui__left_sidebar__side_button {
	background: #1d232775;
}
.wpbc_settings_page_wrapper.min_right .wpbc_ui_el__vert_right_bar__wrapper .wpbc_ui__right_sidebar__side_button svg path,
.wpbc_settings_page_wrapper.min .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui__left_sidebar__side_button svg path{
	fill: #fff;
}

/* == Right Sidebar ================================================================================================= */
/* Shift  "#10.14.1 MultiUser (for Beta Test)"  to  the right. */
.wpbc_settings_page_content .wpbc_settings_path .wpbc_settings_path_el.wpbc_ui_settings__flex_container{
	position:absolute;
	right:10px;
}
.wpbc_ui_el__vert_right_bar__wrapper {
	/*  22px + 5px  - .wpbc_settings_path_el height +margin     + 25px * 1.8  -  H1 header    + 13px * 1.5 + 20px - description       */
	margin-top: calc( 22px + 5px + 25px * 1.8 + 13px * 1.5 + 20px );
	border-radius: 6px 0 0 6px;
	padding: 6px 0;
}
.wpbc_ui_el__vert_right_bar__wrapper.wpbc_ui_el__vert_right_bar_compact__wrapper {
	padding: 0;
}
/* == M I N == */
.wpbc_ui_el__vert_right_bar__wrapper {
	/*order: 100;*/
}
.wpbc_ui_el__vert_right_bar__wrapper .wpbc_ui__right_sidebar__side_button {
	align-self: flex-start;
	transform: rotateZ(180deg);
	margin-left: -22px;
	bottom: calc( 25% - 41px - 20px );
}
.wpbc_ui_el__vert_right_bar__wrapper .wpbc_ui__right_sidebar__side_button.wpbc_ui__top_nav__btn_open_right_vertical_nav:hover svg {
	right: 2px;
}
/* Set zoom move on hovering   // FixIn: 10.12.4.4. */
.wpbc_ui_el__vert_right_bar__wrapper .wpbc_ui__right_sidebar__side_button.wpbc_ui__top_nav__btn_open_right_vertical_nav:hover {
	width: 30px;
	margin-left: -30px;
}
.wpbc_ui_el__vert_right_bar__wrapper .wpbc_ui__right_sidebar__side_button.wpbc_ui__top_nav__btn_open_right_vertical_nav:hover svg {
	right: 5px;
}

.wpbc_admin:not(.right_vertical_sidebar_displayed) .wpbc_ui__top_nav__btn_show_right_vertical_nav,
.wpbc_admin:not(.right_vertical_sidebar_displayed) .wpbc_ui__top_nav__btn_show_right_vertical_nav_divider{
	display:none;
}
/* == Compact Right Sidebar ================================================================================================= */
.wpbc_admin .wpbc_ui_el__vert_right_bar__wrapper.wpbc_ui_el__vert_right_bar_compact__wrapper {
	border-radius: 0;
	box-shadow: none;
	border-left: 1px solid #00000017;
}
.wpbc_ui_el__vert_right_bar_compact__wrapper .wpbc_ui_el__vert_nav_item__a.wpbc_ui_el__vert_nav_item__single {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	gap: 5px;

min-height: 35px;
	padding: 8px 5px;

margin: 0;
	border-radius: 0;

font-size: 12px;
	font-weight: 600;
	line-height: 1.74;
	text-align: center;
}
.wpbc_ui_el__vert_right_bar_compact__wrapper button.wpbc_ui_el__vert_nav_item__a.wpbc_ui_el__vert_nav_item__single{
	width:100%;
}
.wpbc_ui_el__vert_right_bar_compact__wrapper .wpbc_ui_el__vert_nav_item a .wpbc_ui_el__vert_nav_icon::before,
.wpbc_ui_el__vert_right_bar_compact__wrapper .wpbc_ui_el__vert_nav_item button .wpbc_ui_el__vert_nav_icon::before {
	font-size: 24px;
	line-height: 26px;
}
.wpbc_ui_el__vert_right_bar_compact__wrapper .wpbc_ui_el__vert_nav_item.active a,
.wpbc_ui_el__vert_right_bar_compact__wrapper .wpbc_ui_el__vert_nav_item.active a:hover {
	background-color: #274396;
	background-color: #547298;
}

Back