.sipalAllPagesContainer .sipalPageNavigationTab{
    width: 100%;
    height: 100%;
}

.sipalAllPagesContainer .sipalPageNavigationTab.ui-tabs-top > .ui-tabs-nav{
    overflow: hidden;
}

.sipalAllPagesContainer .sipalPageNavigationTab.ui-tabs-top > .ui-tabs-nav:before{
    border: none;
}

.sipalAllPagesContainer:not(.sipalAllPagesContainerModal) .sipalPageNavigationTab > .ui-tabs-navscroller > .ui-tabs-nav{
    padding-left: 5px !important;
}

.layout-menu-static .sipalAllPagesContainer:not(.sipalAllPagesContainerModal) .sipalPageNavigationTab > .ui-tabs-navscroller > .ui-tabs-nav{
    margin-left: 20px !important;
}

.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader{
    height: 100% !important;
    border: none !important;
    cursor: default !important;
    border-radius: 13px !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    padding: 0 10px !important;
    max-width: calc(100% - 100px);
    transition: .2s ease-in-out !important;
    background: var(--page-title-background) !important;
    box-shadow: 0 3px 6px hsla(0,0%,7%,.16), 0 3px 6px hsla(0,0%,7%,.23);
}

.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader.ui-tabs-header-history{
    pointer-events: all !important;
    opacity: 1 !important;
    --page-title-background: var(--page-title-background-tmp) !important;
    max-width: 250px;
}

.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader.ui-tabs-header-history > a{
    cursor: pointer !important;
}

.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader.ui-tabs-header-history:hover{
    --page-title-background: var(--page-title-background-hover) !important;
    --page-title-background-tmp: var(--page-title-background) !important;
}

.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader.ui-tabs-header-history:not(:hover) > a {
    opacity: .38;
}

.sipalAllPagesContainerModal .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader{
    width: 100%;
    max-width: 100%;
    background: var(--surface-100) !important;
}

.sipalAllPagesContainerEmbedded .sipalPageNavigationTab > .ui-tabs-nav{
    display: none !important;
}

.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader > a{ width: 100%; transition: .2s ease-in-out !important; }

.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav:has(.sipalPageNavigationTabHeader.ui-tabs-header-history:hover) > .sipalPageNavigationTabHeader:not(.ui-tabs-header-history),
.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav:has(.sipalFormDetailTab) > .sipalPageNavigationTabHeader:not(.sipalFormDetailTab):not(.sipalPageNavigationTabHeader.ui-tabs-header-history){
    --page-title-background: var(--page-title-background-hover) !important;
}

.sipalAllPagesContainerModal .sipalPageNavigationTab .ui-tabs-nav:has(.sipalFormDetailTab) > .sipalPageNavigationTabHeader:not(.sipalFormDetailTab){
    display: none;
}

.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader .sipalPageHeaderTitle{ 
    width: 100%; 
    height: 40px; 
    font-size: 1.143rem; 
    color: var(--page-title-color);
}

.sipalAllPagesContainerModal .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader .sipalPageHeaderTitle{
    order: -1;
    color: var(--text-color);
}

.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader .sipalPageHeaderTitle .icon{
    font-size: 1.2rem;
    color: var(--surface-0);
    background: var(--page-title-color);
    border-radius: 32%;
    height: 25px;
    min-width: 25px;
    max-width: 25px;
    text-align: center;
    line-height: 25px;
}

.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader .sipalPageHeaderTitle .ui-widget,
.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader .sipalPageHeaderTitle .ui-widget *{ color: inherit !important; }

.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader .sipalPageHeaderTitle .text-container{
    font-size: 1.105rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}

.sipalAllPagesContainerModal .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader .sipalPageHeaderTitle .text-container{ font-size: 1.2rem; }

.sipalAllPagesContainer .sipalPageNavigationTab > .ui-tabs-panels{
    height: calc(100% - 40px) !important;
    position: relative;
}

.sipalAllPagesContainerEmbedded .sipalPageNavigationTab > .ui-tabs-panels{
    height: 100% !important;
}

.sipalAllPagesContainer .sipalPageNavigationTab > .ui-tabs-panels > .ui-tabs-panel{
    height: 100%;
    padding: 0;
}

.sipalAllPagesContainer:not(.sipalAllPagesContainerModal) .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader:after,
.sipalAllPagesContainer:not(.sipalAllPagesContainerModal) .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader:before {
    content: '';
    position: absolute;
    top: 10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: rotate(45deg);
    border: 10px solid transparent;
    transition: .2s ease-in-out !important;
}

.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader:before {
    left: -30px;
    border-right-color: var(--page-title-background) !important;
}

.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader:after {
    right: -30px;
    border-bottom-color: var(--page-title-background) !important;
}

.sipalPageCloseButton{
    margin-left: auto !important;
}

.sipalAllPagesContainerModal .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader.sipalFormDetailTab{
    padding-left: 40px !important;
}
.sipalAllPagesContainerModal .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader .sipalPageCloseButton{
    position: absolute;
    z-index: 3;
    right: 5px;
}

.sipalAllPagesContainerModal .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader.sipalFormDetailTab .sipalPageCloseButton{
    left: 5px;
    right: auto;
}

.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader.sipalFormDetailTab{
    opacity: 0;
    transform: translateX(-100%);
    transition: .3s ease-in-out !important;
    cursor: pointer !important;
    pointer-events: all !important;
    z-index: 4;
}

.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader.sipalFormDetailTab.active{
    opacity: 1;
    transform: translateX(-3.9rem);
}

.sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav:has(.sipalPageHeaderTitle.canBelandingPage) > .sipalPageNavigationTabHeader.sipalFormDetailTab.active {
    transform: translateX(-5.75rem);
}

.sipalAllPagesContainerModal .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader.sipalFormDetailTab.active{
    transform: translateX(0);
}

@media (max-width: 767px){
    .sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav:has(.sipalFormDetailTab) > .sipalPageNavigationTabHeader:not(.sipalFormDetailTab){
        display: none;
    }
    
    .sipalAllPagesContainer .sipalPageNavigationTab .ui-tabs-nav > .sipalPageNavigationTabHeader.sipalFormDetailTab.active{
        transform: translateX(0);
    }
}