/* Stili personalizzati della app LiDi 1.0 */

body {
    --pb-content-font-size: 17px;
}

.logo {
    /*height: 10px;
    width: 10px;*/
    background-image: url("../images/logo-limes.png");
    background-size: 150px 70px;
}

.splash {
    background-image: url("../images/logo-limes.png");
}

#view1 {
    overflow-y: scroll;
}

#welcome-section {
    font-size: 24pt;
}


.menubar {
    background-color: #be574b;
}

footer {
    border-top: 1px solid #be574b;;
    background-color: white;
}

.footer_logos {
    text-align: center;
    padding: 5px;
}

.footer_logos > a {
    margin: 0px 5% 0px 5%;
}

/* Riduci la larghezza dei margini */
.margin-right {
    margin-right:120px;
    padding: 10px;
}

.margin-note {
    margin-right:-120px;
    width:120px;
}

.breadcrumbs {
    margin: -20px 0 -25px 0;
}

/* PRESO DALLA HOME PAGE */

        main {
            margin: 0 20px 0 20px;
            --pb-browse-toolbar-justify-content: space-between;
        }
        
        @media (max-width: 1023px) {
            main {
                margin: 0 8px 0 8px;
            }
            .doclist {
                margin-bottom: 20px;
            }
            .documents {
                padding-left: 10px;
            }
            .documents .label {
                display: none;
            }
            .toolbar pb-search {
                padding-left: 0;
            }
            #facets {
                display: none;
            }
            app-header-layout {
                background-repeat-y: no-repeat;
            }
        }
        
        .tp-title {
            font-family: var(--pb-heading-font-family);
            font-size: 36px;
            font-weight: 400;
        }
        
        .tp-title span {
            color: #9e9e9e;
            font-size: 26px;
            margin-top: 12px;
        }
        
        .panels {
            margin-bottom: 40px;
        }
        
        .panels .doclist {
            --paper-tabs-selection-bar-color: #607D8B;
            --paper-tab-content: {
                font-family: var(--pb-heading-font-family);
                font-weight: 400;
            }
            ;
            --paper-card-header: {
                background-color: #d1dae0;
            }
            ;
            --paper-card-header-text: {
                font-family: var(--pb-heading-font-family);
                font-size: 16px;
                font-weight: 400;
            }
            ;
        }
        
        .panels .doclist .card-content {
            padding: 0;
        }
        
        .panels .doclist .browse {
            display: grid;
            grid-template-columns: auto 1fr;
            column-gap: 16px;
            padding: 0;
        }
        
        .panels .doclist dts-client {
            padding: 0 20px;
        }
        
        aside {
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        
        aside .odds,
        aside .upload {
            --paper-card-header: {
                background-color: #607D8B;
            }
            ;
            --paper-card-header-text: {
                font-family: var(--pb-heading-font-family);
                font-size: 16px;
                font-weight: 400;
                color: white;
            }
            ;
        }
        
        aside .upload {
            margin-bottom: 20px;
            width: 100%;
        }
        
        .browse aside {
            padding: 0 10px;
        }

        pb-select {
            margin-top: 0;
        }

        #document-list {
            margin-top: 1rem;
        }

        .parent-link iron-icon {
            padding-right: 4px;
        }

        .parent-link {
            display: block;
            margin-bottom: 10px;
            padding: 6px 0;
        }

        .collection {
            margin-top: 8px;
            padding-top: 12px;
            /* border-top: thin solid var(--paper-grey-300); */
        }

        .documents img, .documents svg {
            margin-right: 40px;
        }

        @media (max-width: 1023px) {
            .documents img, .documents svg  {
                display: none;
            }
        }

        .documents ul {
            list-style: none;
        }
        
        .documents div {
            margin: 0;
        }
        
        .documents .error {
            color: #c02020;
        }
        
        .documents a,
        .documents a:visited {
            color: #303F9F;
            text-decoration: none;
        }
        
        .documents li {
            display: flex;
            flex-direction: row;
            margin-bottom: 10px;
            padding: 6px 0;
            border-bottom: thin solid var(--paper-grey-300);
        }
        
        .documents li:last-child {
            border: none;
        }
        
        .documents .document-select {
            flex: 0 0;
            margin-right: 20px;
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: var(--pb-heading-font-family);
            font-weight: 400 !important;
            line-height: 1.2;
        }
        
        h5 {
            font-size: 1rem;
            margin: 0;
        }
        
        .welcome {
            display: grid;
            grid-template-columns: 1fr 400px;
            align-items: center;
            min-height: 15vh;
            width: 100%;
        }

        .side {
            max-width: 40vw;
            padding-left: 3em;
        }

        .side strong {
            color: var(--pb-color-focus);
        }

        .thumbnail img {
            border-radius:35px;
            border-color: #19232d;
            border-style: groove;
            box-shadow: 1px 1px 1px 1px  #19232d;
        }

        /* hide Download menu button */
        #download-button {
            display: none;
        }