#mainContent .nav.primary .navigationBar:not(.js) {
	display: none;
}

.ui-tabs{
	padding: 0;
}

#main {
	position: relative;
}

#toolbarAsStickyTabs {
	display: none; /* which will change when totally ready to be displayed */
	
	position: sticky;
	top: 0;
	right: 0;
	z-index: 1;
   	height: 0;	
}
 
#toolbarAsStickyTabs.ui-tabs-vertical {
	width: min-content;
    float: right;
}


.menuItem.RootTableLabel, 
.menuItem.RootTableLabel .menuBody.subVertical.menuCollection,
.menuItem.RootTableLabel .menuItem.defaultActionBt {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	width: max-content;
}

.menuItem.RootTableLabel .menuHeader a {
	display: flex;
	align-items: center;
	gap: 1rem;
}

#tab-nav-content,
#tab-search-content {
	display: flex;
    flex-direction: column;
    gap: .5rem;
}

#tab-nav-content h2,
#tab-search-content h2,
#tab-selection-content h2, 
#tab-masks-content h2 {
	padding: 0;
}

#tab-nav-content .menuItem .menuHeader .CompoundMenu,
#tab-selection-content .menuItem .menuHeader a,
#tab-search-content .menuItem .menuHeader div  {
	display: flex;
	align-items: center;
	gap: .5rem;
}

#toolbarAsStickyTabs.ui-tabs-vertical .ui-tabs-nav {
	padding: .2em .1em .2em .2em;
	float: right;
	width: 12em;
}

#toolbarAsStickyTabs.ui-tabs-vertical .ui-tabs-nav li { 
	clear: right;
	width: 100%;
	margin: 0 -1px .2em 0;
}

#toolbarAsStickyTabs.ui-tabs-vertical .ui-tabs-nav li a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: .25rem;
}

#toolbarAsStickyTabs.ui-tabs-vertical .ui-tabs-nav li{
    display: flex;
    justify-content: center;
}

#toolbarAsStickyTabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0;
	padding-right: .1em;
}

#toolbarAsStickyTabs.ui-tabs-vertical .ui-tabs-panel {
	padding: 1em;
	float: left;
}

#toolbarAsStickyTabs.ui-tabs-vertical .ui-tabs-panel {
    width: max-content;
}

.ui-tabs .ui-tabs-nav li {
	border-bottom-width: 1px;
}

#toolbarAsStickyTabs.ui-tabs-vertical .ui-tabs-nav,
#toolbarAsStickyTabs.ui-tabs-vertical .ui-tabs-nav li a  {
    width: min-content;
    background: transparent;
 }
 

#toolbarAsStickyTabs.ui-tabs-vertical .ui-tabs-nav {
    display: flex;
    flex-direction: column;
       /* gap: .5rem; */
    padding: 0 .2rem;
}

#toolbarAsStickyTabs:has(li.ui-tabs-active.ui-state-active)  {
    width: max-content;
    float: right;
}

#tab-selection-content .menuItem.wm_printManager,
#tab-selection-content .menuItem.print/*,
#tab-selection-content .menuItem.export*/ {
    margin-bottom: 1em;
}

@media screen and (max-width: 1200px) {
	#toolbarAsStickyTabs.ui-tabs-vertical .ui-tabs-panel {
	    padding: 1em;
	    float: left;
	}
} 

@media screen and (max-width: 500px) {

	#tab-masks-content,
	.menuBody,
	.menuHeader {
	    max-width: 100%;
	}

	#toolbarAsStickyTabs.ui-tabs-vertical .ui-tabs-panel,
	.menuHeader .CompoundMenu {
		max-width: 100%;
	}
	
	.menuItem .menuHeader a {
    	flex-direction: column;
	}
}





@media screen and (max-width: 425px) {
	
	.menuHeader a .menuTxt {
	    display: flex;
	    flex-wrap: wrap;
	    max-width: 90%;
	}
	  .menuItem.RootTableLabel .menuHeader a {
    	flex-wrap: nowrap;
    } 
}