/* -----------
ELEMENTS
------------------- */
.title-page{ font-size: 23px !important; margin-top: 0 !important; margin-bottom: 0 !important; font-weight: bold; }
.subtitle-page{ font-size: 18px !important; margin: 5px 0 0 0 !important; color: #495057; }

.ui-button-pagopa{ background: url("/tributi/javax.faces.resource/Logo pagoPA - Bianco.svg.xhtml?ln=images&v=20250925181026") #007bff center center no-repeat !important; background-size: 60% !important; }
.ui-column-hide-header .ui-column-title{ display: none !important; }
.fixed-messages{ left: auto !important; }
@media (max-width: 900px){
    .fixed-messages{ left: 20px !important; }
    .layout-wrapper .layout-main{ padding-left: 0; padding-right: 0; }
}


/* -----------
CARD TRIBUTI HOME
-------------------------- */
.sipalSectionTitle{ position: relative; padding-left: 15px; }
.sipalSectionTitle:before{
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid var(--darkColor);
    background: var(--lightColor);
}

.sipalCardTributo{
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    align-items: end;
    padding: 15px;
    width: 200px;
    height: 85px;
    border-radius: 10px;
    background: var(--lightColor);
    color: var(--darkColor);
    border: 2px solid transparent;
    transition: .3s ease-in-out;
}

.sipalCardTributo .sipalCardTributoIcon{
    transition: .3s ease-in-out;
    position: absolute;
    top: 10px;
    left: 10px;
    color: rgba(255, 255, 255, .75);
    font-size: 45px;
}

.layout-menu-dark .sipalCardTributo .sipalCardTributoIcon{
    color: rgba(0, 0, 0, .35);
}

.header-title-tributo{
    color: var(--darkColor);
}

.layout-menu-dark .header-title-tributo{
    color: var(--lightColor);
}

.sipalCardTributo.active .sipalCardTributoIcon{
    color: var(--darkColor);
}

.sipalCardTributo:hover, .sipalCardTributo.active{
    border-color: var(--borderColor);
}

.sipalCardTributo .sipalCardTributoTitle{
    font-size: 20px;
    font-weight: bold;
}

@media(max-width: 998px){
    .sipalCardTributo{
        width: 175px;
    }
}

/* -----------
MENU TRIBUTI HOME
-------------------------- */
.sipalMobileMenuTributi .sipalMobileMenuTributiItem{ cursor: pointer; gap: 10px; border-radius: 10px; padding: 10px 15px; }
.sipalMobileMenuTributi .sipalMobileMenuTributiItem.active{ background: var(--surface-100); }
.sipalMobileMenuTributi .sipalMobileMenuTributiItem .sipalMobileMenuTributiTitle{ font-size: 16px; }

.sipalMobileMenuTributi .sipalMobileMenuTributiItem .sipalMobileMenuTributiIcon{ color: var(--lightColor); }
.sipalMobileMenuTributi .sipalMobileMenuTributiItem.active .sipalMobileMenuTributiIcon{ color: var(--darkColor); }

.sipalMobileMenuTributi .sipalMobileMenuTributiItem.active .sipalMobileMenuTributiDot{ height: 13px; width: 13px; border: 1px solid var(--darkColor); background: var(--lightColor); border-radius: 50px; }


/* -----------
PANNELLO CARD
-------------------------- */
.sipalAdminCard{
    /*box-shadow:0 7px 30px -10px rgba(150,170,180,0.5);*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    padding: 15px 20px;
    border-radius: 15px;
    width: 225px;
    height: 110px;
    background: var(--bgColor);
}
.sipalAdminCard .sipalAdminCardTitle {width: 100%; }
.sipalAdminCard .sipalAdminCardIcon{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
}

.sipalAdminCard .ui-linkbutton{ background: none !important; border: none !important; color: #292B2C!important; font-size: 14px !important; }

@media(max-width: 767px){
    .sipalAdminCard{ width: 100%; }
}


/* -----------
TREETABLE TOTALI
-------------------------- */
.ui-treetable .ui-treetable-indent{ width: 10px !important; }

body .treeTblTotali .ui-widget{ font-size: 13px !important; }
.treeTblTotali tr {height: 60px;}
.treeTblTotali tr td{ height: inherit; padding: 0 10px 0 0 !important; font-size: 13px !important; }
.treeTblTotali tr td .ui-treetable-indent { height: 100%; }

.containerDescTreeTot{ padding: 5px 0 !important; margin-left: 30px; height: 100% !important;; display: flex !important; align-items: center; }
.treeTblTotali .ui-treetable-toggler{ left: 3px; position: absolute; top: 50%; transform: translateY(-50%) }

/* Sposto il contenuto delle root (la descrizione) a destra in base ai livelli */
.ui-node-level-1 .containerDescTreeTot{ left: 40px; }
.ui-node-level-2 .containerDescTreeTot{ left: 50px; }
.ui-node-level-3 .containerDescTreeTot{ left: 60px; }
.ui-node-level-4 .containerDescTreeTot{ left: 65px; }


/* Colori dei livelli della tree */
.treeTblTotali td .ui-treetable-indent:nth-of-type(1){ border-left: 5px solid #77abe8; }
.treeTblTotali td .ui-treetable-indent:nth-of-type(2){ border-left: 5px solid #bfd7f4; }
.treeTblTotali td .ui-treetable-indent:nth-of-type(3){ border-left: 5px solid #0C7DFF; }
.treeTblTotali td .ui-treetable-indent:nth-of-type(4){ border-left: 5px solid #72CAFF; }

.header-nominativo-utente{
    font-size: 1.2rem;
    max-width: 550px;
}

/* -----------
IMPOSTAZIONI STAMPA
-------------------------- */
@media print {
    @page {
        size: A4 landscape;
        
        @bottom-left{
            display: none !important;
        }
    }
    
    .pagebreak { clear: both; page-break-after: always; }
    .hide-onprint, .sipalAjaxLoaderContainer{ display: none !important; }
    .show-onprint{ display: block !important; }
    
    .sipalHomePageContainer{
        height: auto;
    }
    
    .sipalHomePageContent{
        width: 100% !important;
        max-width: 100% !important;
        box-shadow: none;
    }
    
    .layout-topbar-right{
        display: none !important;
    }
    
    #layout-topbar{
        position: absolute !important;
    }
    
    .ui-datatable table{
        table-layout: auto !important;
    }
    
    .header-nominativo-utente{
        max-width: 100%;
    }
}