@media all
{
.pawWebAppMenuTab
	{
	width:auto;
	height:100%;
	display:flex;
	flex-direction:column;
    background: var(--bg-surface-20);
	}

/* First Level elements */
.pawWebAppMenuTabHeader
	{
	height:var(--size-48);
	flex: 0 0 auto;
	}    
.pawWebAppMenuTabContent
	{
	flex:1;
	min-height:0;
	overflow:hidden;
	}
.pawWebAppMenuTabContentExtraOptions 
    {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    }
.pawWebAppMenuTabFooter
	{
	flex: 0 0 auto;
    display:flex;
    flex-direction:column;
	border-top: 1px solid var(--bc-secondary);   
	}

/* Second Level elements */
.pawWebAppMenuTabHeaderContent
	{
	padding-top:var(--spacing-8);
	padding-right:var(--spacing-12);
	padding-bottom:var(--spacing-8);
	padding-left:var(--spacing-12);
	height:56px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
	}
.pawWebAppMenuTabHeaderContentDiv
    {
    height:32px;
    }
.pawWebAppMenuTabContentTabs,
.pawWebAppMenuTabFooterTab,
.pawWebAppMenuTabFooterButtons
    {
	padding-top:var(--spacing-8);
	padding-right:var(--spacing-8);
	padding-bottom:var(--spacing-8);
	padding-left:var(--spacing-8);
    }
.pawWebAppMenuTabContentTabs
	{
    display:flex;
    flex-direction:column;
    gap:var(--spacing-4);
	}
.pawWebAppMenuTabFooterTab 
    {
    padding-bottom: var(--spacing-2);
    }
.pawWebAppMenuTabFooterButtons
    {
	padding-top:var(--spacing-2);
    justify-content:space-between;
    }

/* Third level elements */
.pawWebAppMenuTabHeaderContentLogo
	{
	height:var(--size-32);
	}
.pawWebAppMenuTabFooterButtonsLeft
    {
    gap:var(--spacing-4);
    align-items:center;
    }
.pawWebAppMenuTabFooterButtonsRight
    {
    border-radius:var(--border-radius-s);
    }

/* Fourth level elements */
.pawWebAppMenuTabFooterButtonsLeftOption
    {
    width:var(--size-40);
    }
.pawWebAppMenuTabFooterButtonsRightExpand
    {
    cursor:pointer;
    border-radius:var(--border-radius-s);
    padding:var(--spacing-12);
    height:var(--size-38);
    box-sizing:border-box;
    display:flex;
    align-items:center;
    }    
.pawWebAppMenuTabFooterButtonsRightExpand:hover
    {
    cursor:pointer;
    background:var(--bg-surface-30-hover);
    }

.pawWebAppMenuTabFooterButtonsRightExpand > svg
    {
    color:var(--cc-strong);
    height:var(--size-18);
    }

/*Tab option */
.pawWebAppMenuTabOption
    {
    color:var(--cc-strong);
    display:flex;
    flex-direction:row;
    align-items: center;
    border-radius:var( --border-radius-s);
    padding:var(--spacing-12);
    padding-bottom:var(--spacing-10);
    gap:var(--spacing-12);
    height:var(--size-38);
	box-sizing:border-box;
    }
.pawWebAppMenuTabOptionKeep,
.pawWebAppMenuTabOption:not(.pawDisabled):hover
    {
    background:var(--bg-surface-30-hover);
    cursor:pointer;
    }
.pawWebAppMenuTabOptionSelected
    {
    background:var(--bg-surface-30-hover);
    }
.pawWebAppMenuTabOptionLogo
    {
    width:var(--size-16);
    height:var(--size-16);
    }
.pawWebAppMenuTabOptionLogo > svg,
.pawWebAppMenuTabOptionDropDown > svg
    {
    color:var(--cc-strong);
    }
.pawWebAppMenuTabOptionLabel
    {
    white-space:nowrap;
    height:var(--size-18);
    flex:1;
    }
.pawWebAppMenuTabOptionDropDown
    {
    height:var(--size-20);
    display: flex;
    flex-direction: row;
    align-items: center
    } 
/* End tab option */
}