body.notloggedin {

    nav.fixed-top.navbar,
    #page-header,
    #page-footer/*,
    #options,
    #options+hr*/ {
        display: none !important;
    }
}

#region-main>h2 {
    display: none !important;
}

#page-content #region-main {
    overflow: auto;
    flex: 0 0 100%;
    max-width: 100%;

    .activity-header {
        background-color: #499b492b;
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
        border-radius: 6px;
        margin: 1rem;

        #intro {
            font-family: serif;
            text-align: center;

            .header {
                font-size: 2em;
            }

            .subheader {
                font-size: 1em;
            }

            @media (max-width: 500px) {
                .header {
                    font-size: 1em;
                }

                .subheader {
                    font-size: 0.5em;
                }

            }
        }
    }

    .datapreferences>form:nth-child(3) {
        display: flex;
        flex-direction: column;
        height: 55vh;

        #data-listview-content {
            overflow-y: auto;

            .list-view {
                text-align: center;
                font-family: serif;
            }

            .defaulttemplate-listentry.my-5.p-5.card {
                box-shadow: 0 0 20px rgb(0 0 0 / 35%);
                background-color: #499b49;
            }

            span.nome {
                font-weight: bold;
            }

            .row.my-6 {
                margin-top: 0 !important;
                margin-bottom: 0 !important;
            }

            div.defaulttemplate-list-body>div.row.my-3.align-items-start.justify-content-start>div.col-8.col-lg-9.ms-n3 {
                color: white;
            }

            div.defaulttemplate-list-body>div.row.my-3.align-items-start.justify-content-start>div.col-8.col-lg-9.ms-n3>span.nome {
                font-size: 1.5rem;
                display: block;
            }

        }

    }

    div:nth-child(5)>form:nth-child(3) {
        display: flex;
        flex-direction: column;
        height: 55vh;

        #data-singleview-content {
            overflow: auto;

            table {
                border-width: 1px;
                border-style: solid;
                border-color: rgb(51, 51, 51);
                width: 100%;
                border-radius: 4px;
                border-collapse: collapse;
                border-radius: 3px;

                td {
                    padding: 10px;
                    border: 1px solid #0900f7;
                    text-align: justify;
                    align-content: start;
                }

                td.ID {
                    font-weight: bold;
                    background-color: skyblue;
                }

                td.categoria {
                    font-style: italic;
                    background: beige;
                    font-size: 1.5em;
                }

                td.nome {
                    text-align: center;
                    text-transform: uppercase;
                    font-weight: bold;
                    font-size: 1.5em;
                    background-color: antiquewhite;
                }

                td.immagine {
                    padding: unset;
                    background-color: aliceblue;
                    text-align: center;
                    align-content: center;
                    width: 300px;
                    height: 200px;
                }

                td.immagine img {
                    height: auto;
                }

                td.descrizione {
                    background-color: aliceblue;
                    font-size: 1.2em;
                }

                td.attributi {
                    background-color: aquamarine;
                    line-height: 1em;
                }

                td.attributi>p>span {
                    text-transform: capitalize;
                }

                td.attributi .label {
                    font-weight: bold;
                }
            }
        }
    }
}
