/* PAGINA */
div[data-role="page"] {
    height: 98vh;
}

/* INTESTAZIONE DELLA PAGINA */
div[data-role="header"] {
    display: flex; /* Utilizza Flexbox per il layout */
    align-items: center; /* Allinea verticalmente al centro */
    justify-content: space-between; /* Spazio tra gli elementi */
    background-color: #4297d7; /* Esempio di colore di sfondo */
    font-weight: 400;
    font-size: 0.9em;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Aggiungi un'ombra per un migliore contrasto */
    z-index: 1000; /* Assicurati che l'header stia sopra gli altri elementi */
}

    div[data-role="header"] > .ui-btn-left {
        display: flex; /* Dispone i pulsanti orizzontalmente */
        align-items: center; /* Allinea verticalmente al centro */
    }

    div[data-role="header"] > .ui-btn-right {
        margin-left: auto; /* Spinge l'elemento verso destra */
    }

    div[data-role="header"] h1 {
        position: absolute; /* Posizionamento assoluto */
        left: 50%; /* Posiziona il centro dell'elemento al 50% da sinistra */
        transform: translateX(-50%); /* Trasla il titolo verso sinistra del 50% della sua larghezza */
        margin: 0; /* Rimuove margini predefiniti */
        font-size: 1.3em; /* Dimensione del testo */
        color: #fff; /* Colore del testo */
    }


/* CONTENUTO DELLA PAGINA */
div[data-role="page"] > [data-role="content"] {
    visibility: hidden; 
}

div[data-role="content"] {
    padding: 10px; /* Esempio di padding */
    position: absolute;
    top: 60px;
    left: 0;
    width: 98%; 
}

/* FOOTER DELLA PAGINA */
div[data-role="footer"] {
    background-color: #4297d7;
    color: white;
    text-align: center;
    padding: 5px 10px 5px 10px;
    position: fixed; /* Footer fisso in fondo alla pagina */
    bottom: 0;
    left: 0;
    width: 98%;
}

    div[data-role="footer"] > .ui-btn-right {
        margin-left: auto; /* Spinge l'elemento verso destra */
    }

/***********/
/* SECTION */
/***********/
.sigmaSection {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.sigmaSection-title {
    border-bottom: 2px solid #3498db;
    padding-bottom: 10px;
    margin: 0px 20px 20px 20px;
}

/***********/
/* PANELS  */
/***********/
[data-role="panel"][data-position="right"] {
    display: block;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 999999999;
    max-height: 93vh;
    overflow-y: scroll;
}

[data-role="panel"][data-position="left"] {
    display: block;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 999999999;
    max-height: 93vh;
    overflow-y: scroll;
}

/****************/
/* CAMBIO A.S.  */
/****************/
.divDbAs {
    position: absolute;
    top: 50px;
    background-color: rgba(46, 110, 158, 1);
    padding: 10px;
    font-weight: 800;
    font-size: medium;
    width: 100%;
    text-align: center;
    color: #FFEB3B;
}