#theForm .breadcrumb #hiddenLista {
    padding-left: 0px;
    display: none;
}

#theForm .breadcrumb #hiddenLista.mostra {
    display: inline-block;
}

#aspnetForm #hiddenLista {
    padding-left: 0px;
    display: none;
}

#aspnetForm #hiddenLista.mostra {
    display: inline-block;
}

#theForm .watermark {
    border: 1px dotted #ff0000;
    padding: 8px 10px;
}
    #theForm .watermark .stato {
        color: #ff0000;
        font-family: Times New Roman, serif;
        font-size: 24px;
    }
body.anteprima {
    margin-top: 0px !important;
}        
.pages-standard.anteprima {
    padding: 1px 0px; 
}

#theForm .theMain #root .App {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    margin: auto;
    width: 95%
}

#theForm .theMain #root #ErrorPanel {
    font-weight: bold
}

#theForm .theMain #root .testoIntro .linkTestoIntro {
    text-decoration: underline !important;
}

#theForm .theMain #root #loginLabel {
    padding-left: 10px
}

#theForm .theMain #root .divBottoneLogin {
    text-align: center
}

#theForm .theMain #root #filtersContainer {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #FFBD1F;
    border-width: 1px 0px;
    padding: 10px
}

#theForm .theMain #root #filterAlwaysVisible {
    width: 100%;
    display: flex;
    align-items: flex-end
}

#theForm .theMain #root #filterAlwaysVisible .bottone:last-child {
    margin-left: 5px
}

#theForm .theMain #root #filterAlwaysVisible .bottone:focus {
    outline: none !important;
}

#theForm .theMain #root #showMore {
    display: flex;
    justify-content: flex-end;
}

#theForm .theMain #root #showMore #showMoreLabel::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 1.25em;
    padding: 2px;
    vertical-align: middle;
}

#theForm .theMain #root #showMore #showMoreLabel {
    color: #666;
    background-color: transparent;
    border: none;
}

#theForm .theMain #root #showMore #showMoreLabel.up::before {
    content: "\f106";
}

#theForm .theMain #root #showMore #showMoreLabel.down::before {
    content: "\f107";
}


#theForm .theMain #root .selectFiltro {
    width: 100%;
}

#theForm .theMain #root #moreFilters {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

#theForm .theMain #root .filtro {
    min-height: 50px;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

#theForm .theMain #root .filtro .preferenzeAnnunci {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: stretch;
    width: 100%
}

#theForm .theMain #root .filtro .preferenzeAnnunci label,
#theForm .theMain #root .filtro .catProtette label {
    margin: 0;
}

#theForm .theMain #root .filtro .checkInput {
    display: flex;
    align-items: flex-end;
    width: 100%
}

#theForm .theMain #root .filtro .checkInput input {
    margin: 3px
}

#theForm .theMain #root .filtro .checkInput span:hover {
    cursor: default
}

#theForm .theMain #root .filtro .checkInput input:hover {
    cursor: pointer;
}

#theForm .theMain #root .filtro .checkInput input:disabled:hover {
    cursor: default;
}

#theForm .theMain #root #contaAnnunci {
    margin-top: 25px;
    width: 100%;
    display: flex;
    /*font-size: 16px;*/
    font-size:1.1em;
}

#theForm .theMain #root #contaAnnunci>div {
    width: 50%;
    text-align: center;
}

#theForm .theMain #root #contaAnnunci .contaAnnunciCountLabel {
    font-weight: bold;
    margin-left: 3px;
}

/* Inizio LISTA ANNUNCI */
#theForm .theMain #root .linkAnnuncio {
    max-width: 100%;
    flex: 1
}

#theForm .theMain #root .linkAnnuncio,
#theForm .theMain #root .linkAnnuncio:focus,
#theForm .theMain #root .linkAnnuncio:hover {
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

#theForm .theMain #root .annuncioDiv {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    border-bottom: 1px solid #eee;
    width: 100%;
    align-items: center
}

#theForm .theMain #root .annuncioDiv:hover {
    border: 1px solid #9DBBD8;
}

#theForm .theMain #root .annuncioDiv.annuncioIgnorato {
    background-color: #F8f8F8;
}


#theForm .theMain #root .annuncioDaIgnorare {
    opacity: 0;
    transition: opacity 1s;
}

#theForm .theMain #root .annuncioDiv.annuncioDaIgnorare {
    opacity: 0;
    height: 0;
    transition: opacity 1s, height 1s;
}

#theForm .theMain #root .annuncioDiv .bookmarkDiv,
#theForm .theMain #root .annuncioDiv .ignoredDiv {
    margin: 10px 0px;
    text-align: end;
    background-color: transparent;
    border: none;
}


#theForm .theMain #root .annuncioDiv .mainAnnuncio {
    display: flex;
    flex-wrap: wrap;
}

#theForm .theMain #root .annuncioDiv span {
    /*font-size: 12px;*/
    font-size:0.9em;
}

#theForm .theMain #root .annuncioDiv div .fa-tags {
    margin-right: 4px;
    margin-top: 0px;
}

#theForm .theMain #root .linkAnnuncio .desc_sint {
    width: 100%;
    /*font-size: 15px;*/
    font-size: 1.2em;
    text-decoration: underline;
    margin-bottom: 10px
}

#theForm .theMain #root .linkAnnuncio .azEnte {
    font-weight: bold;
    margin-right: 10px;
    /*font-size: 13px;*/
    font-size: 1em;
}

#theForm .theMain #root .linkAnnuncio .dataLista {
    /*font-size: 13px;*/
    font-size: 1em;
    margin-right: 10px;
}

#theForm .theMain #root .linkAnnuncio .dataLista .dataListaItalic {
    font-style: italic;
}

#theForm .theMain #root .linkAnnuncio .sedeLavLista {
    display: flex;
    flex-wrap: nowrap;
    /*font-size: 13px;*/
    font-size: 1em;
    /* margin-left: 10px; */
}

#theForm .theMain #root .linkAnnuncio .sedeLavLista .fa-location-dot {
    margin-right: 4px;
}

#theForm .theMain #root .linkAnnuncio div.sub1 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    width: 100%
}

#theForm .theMain #root .linkAnnuncio div.sub2 {
    width: 100%;
    display: flex;
}

#theForm .theMain #root .linkAnnuncio div.sub2 span {
    color: #333;
}

#theForm .theMain #root .linkAnnuncio .dateAnnuncioDiv span:first-child {
    margin-right: 30px;
}

#theForm .theMain #root .linkAnnuncio .testoDiv {
    display: flex;
    flex-wrap: wrap;
    padding-left: 10px;
    width: 80%;
    align-content: center;
}

#theForm .theMain #root .linkAnnuncio div.infoPlaPerAlma {
    display: flex;
    align-items: center;
    margin-top: 10px;
    width: 100%;
}

#theForm .theMain #root .linkAnnuncio div.infoPlaPerAlma .logoAteneo {
    max-width: 22px;
    margin-right: 5px;
}

#theForm .theMain #root .infoCandidaturaDiv {
    width: 100px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-end;
}

#theForm .theMain #root #dettaglioAnnuncio .matchCandidature {
    width: 50%;
}

#theForm .theMain #root #dettaglioAnnuncio .matchCandidature .matchDiv {
    width: 60%
}

#theForm .theMain #root #listaAnnunci {
    width: 100%
}

/* Fine LISTA ANNUNCI */


/* Inizio DETTAGLIO */

#theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader {
    width: 100%;
    min-height: 100px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
}

#theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .divLaterale {
    display: flex;
    flex-wrap: wrap;
    flex: 1 0 35%;
}


#theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bookmarkDiv,
#theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .ignoredDiv {
    display: flex;
    flex-wrap: nowrap
}

#theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bookmarkDiv.favorite .etichetta,
#theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .ignoredDiv.ignored .etichetta {
    font-weight: bold;
}

#theForm .theMain #root #dettaglioAnnuncio #dettaglioBody {
    display: flex;
    width: 100%;
}
    #theForm .theMain #root #dettaglioAnnuncio #dettaglioBody #showMoreVoce::before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        font-size: 1.25em;
        padding: 2px;
        vertical-align: middle;
    }

    #theForm .theMain #root #dettaglioAnnuncio #dettaglioBody #showMoreVoce {
        color: #666;
        background-color: transparent;
        border: none;
    }

        #theForm .theMain #root #dettaglioAnnuncio #dettaglioBody #showMoreVoce.up::before {
            content: "\f106";
        }

        #theForm .theMain #root #dettaglioAnnuncio #dettaglioBody #showMoreVoce.down::before {
            content: "\f107";
        }

    #theForm .theMain #root #dettaglioAnnuncio #dettaglioBody #SezioniMenu .menuLaterale {
        background-color: #F6F6F6;
        margin: 10px 20px 10px 0px;
        position: sticky;
        top: 70px;
    }

        #theForm .theMain #root #dettaglioAnnuncio #dettaglioBody #SezioniMenu .menuLaterale .menuItem {
            display: block;
            text-decoration: none;
            padding: 10px 16px;
            font-size: 15px;
            color: #000 !important;
            border-left: 3px solid #F6F6F6;
        }
            #theForm .theMain #root #dettaglioAnnuncio #dettaglioBody #SezioniMenu .menuLaterale .menuItem:hover {
                border-left: 3px solid #e0e0e0;
                background: #e0e0e0;
            }

            #theForm .theMain #root #dettaglioAnnuncio #dettaglioBody #SezioniMenu .menuLaterale .menuItem.menuItemActive {
                background: #e0e0e0;
                border-left: 3px solid #F3B123;
            }

            #theForm .theMain #root #dettaglioAnnuncio #dettaglioBody #SezioniMenu .menuLaterale .menuItem.menuItemAlma:hover {
                border-left: 3px solid #CED5E2;
                background: #CED5E2;
            }

            #theForm .theMain #root #dettaglioAnnuncio #dettaglioBody #SezioniMenu .menuLaterale .menuItem.menuItemAlma.menuItemActive {
                background: #CED5E2;
                border-left: 3px solid #F3B123;
            }

    #theForm .theMain #root #dettaglioAnnuncio #dettaglioBody .sezioneLaterale {
        flex: 1 1 15%;
    }
    #theForm .theMain #root #dettaglioAnnuncio #dettaglioBody .infoContainer {
        flex: 1 1 80%;
    }

#theForm .theMain #root .bottoniAzioni {
    display: flex;
    flex-flow: column nowrap;
    /* justify-content: space-between; */
    align-items: baseline;
    width: 50%;
}

#theForm .theMain #root .bottoniAzioni .divPreferenze>button,
#theForm .theMain #root .bottoniAzioni .divAzioni>button {
    /* margin-bottom: 5px; */
    display: flex;
    flex-wrap: nowrap;
    border: none;
    background-color: transparent;    
    padding: 0px 0px;
    color: #1B2A4A;
    min-height: 22px;
    font-weight: normal;
    line-height: 1em;
    margin-bottom: 4px;
}

#theForm .theMain #root .bottoniAzioni .divAzioni {
    margin-top: 5px;
}

#theForm .theMain #root .divLaterale #hiddenShare .divLinkContainer.whatsapp {
    display: none
}

#theForm .theMain #root .bottoniAzioni>div:hover {
    cursor: pointer;
}

#theForm .theMain #root .divLaterale #hiddenShare>a,
#theForm .theMain #root .divLaterale #hiddenShare>a:hover,
#theForm .theMain #root .divLaterale #hiddenShare>a:focus {
    text-decoration: none
}

#theForm .theMain #root .divLaterale #hiddenShare {
    width: 50%;
    margin: 0px auto 10px;
}

#theForm .theMain #root .divLaterale #hiddenShare div {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 33px;
    color: white;
    width: 100%
}

#theForm .theMain #root .divLaterale #hiddenShare div span {
    color: white;
}

#theForm .theMain #root .divLaterale #hiddenShare button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 33px;
    color: white;
    width: 100%;
    border: none;
}

    #theForm .theMain #root .divLaterale #hiddenShare > a:hover div,
    #theForm .theMain #root .divLaterale #hiddenShare div.divLinkContainer:hover button {
        box-shadow: inset 0px 0px 0px 20px #5998dd;
    }

/* #theForm .theMain #root .divLaterale #hiddenShare div.divLinkContainer:hover {
    cursor: pointer;
} */
    /*cambia il logo del vecchio Twitter nel nuovo X*/
    #theForm .theMain #root .divLaterale #hiddenShare .fa-twitter::before {
        display: inline-block;
        content: "";
        width: 22px;
        height: 22px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>');
        filter: invert(14%) sepia(7%) saturate(6514%) hue-rotate(186deg) brightness(94%) contrast(92%);
        margin-bottom: -2px;
    }

#theForm .theMain #root .divLaterale #hiddenShare button:hover .fa-twitter::before {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

#theForm .theMain #root .divLaterale #hiddenShare div .fa,
#theForm .theMain #root .divLaterale #hiddenShare div .fa-solid,
#theForm .theMain #root .divLaterale #hiddenShare div .fa-regular,
#theForm .theMain #root .divLaterale #hiddenShare div .fa-brands {
    margin-right: 3px;
}

#theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bottoniAzioni button>i {
    margin-right: 3px
}

#theForm .theMain #root #dettaglioAnnuncio .titoloDettaglio {
    font-size: 1.3em;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    font-weight: bold;
}

#theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .desc_sint {
    font-weight: bold;
    font-size: 1.8em;
    line-height: normal /* in unimi, ad es, avendo aumentato il font-size, i titoli diventano appiccicati, colpa del #pagebody {line-height: 1.4em;} in unimi.css */
}
#theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .descTitolo > a,
#theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .descTitolo > span {
    font-size: 1.2em;
    line-height: normal /* in unimi, ad es, avendo aumentato il font-size, i titoli diventano appiccicati, colpa del #pagebody {line-height: 1.4em;} in unimi.css */
}
#theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bottoniSocial {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-bottom: 1em;
}

    #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bottoniSocial a {
        margin: 0px 2px;
    }

        #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bottoniSocial a .social-link {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px; /*9999px;*/
            padding: .5rem;
            width: 35px;
            height: 35px;
        }
            #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bottoniSocial a .social-link svg {
                fill: #fff;
                width: 16px;
                height: 16px;
            }

            #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bottoniSocial a .social-link:hover {
                box-shadow: 0 2px 8px #888;
                cursor: pointer;
                transform: scale(1.1);
            }

            #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bottoniSocial a .social-link.facebook {
                background: #3b5998;
            }            

            #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bottoniSocial a .social-link.twitter {
                background: #000;
            }

            #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bottoniSocial a .social-link .fa-twitter::before {
                display: inline-block;
                content: "";
                width: 16px;
                height: 18px;
                background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>');
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center;
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1);
            }

            #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bottoniSocial a .social-link.linkedin {
                background: #0077b5;
            }

            #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bottoniSocial a .social-link .fa-linkedin::before {
                display: inline-block;
                content: "";
                width: 16px;
                height: 16px;
                background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"/></svg>');
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center;
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1);
            }

            #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bottoniSocial a .social-link.instagram {
                background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
            }

            #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bottoniSocial a .social-link .fa-instagram::before {
                display: inline-block;
                content: "";
                width: 16px;
                height: 16px;
                background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>');
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center;
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1);
            }
        
/* Fine DETTAGLIO */


#theForm .theMain #root .coloreBlu {
    color: #355379 !important
}

#theForm .theMain #root .titoloFiltro {
    font-weight: bold
}

#theForm .theMain #root i[class*=' fa'] {
    color: #BBB;
    /* font-size: 14px; */
    font-size: 1.1em !important;
}

#theForm .theMain #root .fa-solid.fa-heart {
    color: #DA1414 !important;
    margin-right: 0px;
}

#theForm .theMain #root .ignoredDiv.ignored .fa-trash-can {
    color: #DA1414 !important;
    margin-right: 0px;
}

#theForm .theMain #root .dateAnnuncioDiv {
    margin-top: 10px
}

#theForm .theMain #root select {
    background-color: white;
    border: 1px solid #CCC;
}

#theForm .theMain #root select:disabled {
    background-color: #e1e1e1
}


#theForm .theMain #root #dettaglioAnnuncio {
    border-top: 1px solid #FFBD1F;
    display: flex;
    flex-wrap: wrap
}

#theForm .theMain #root .greyBGContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    min-height: 10%;
    background-color: #F6F6F6;
}

#theForm .theMain #root .tableDettaglio {
    width: 100%;
    text-align: left;
    margin: 10px 0px
}

#theForm .theMain #root #infoCaratteristicheCandidato tbody {
    vertical-align: top
}

#theForm .theMain #root .titoloDettaglio {
    width: 100%
}

#theForm .theMain #root .greyBGDiv {
    display: flex;
    padding: 10px;
    width: 33%;
}

#theForm .theMain #root .greyBGDiv i[class*=' fa'] {
    padding: 0px 5px
}

#theForm .theMain #root .greyBGDivLabel {
    color: gray
}

#theForm .theMain #root #divCandidati {
    width: 100%;
    text-align: center;
    border: double #FFBD1F;
    border-width: 3px 0px;
    padding: 20px;
    margin-bottom: 20px
}

#theForm .theMain #root #divCandidati .btn {
    margin-top: 10px
}

#theForm .theMain #root #divCandidati .disclaimer-external-site {
    margin-top: 5px;
    font-style: italic;
    font-size: 0.9em;
}

#theForm .theMain #root .tableDettaglioDiv {
    display: flex
}

#theForm .theMain #root .tableDettaglioDiv div:last-child {
    width: 65%;
}

#theForm .theMain #root .tableDettaglioDiv span {
    width: 35%;
    font-weight: bold;
}

#theForm .theMain #root .tableDettaglioDiv>* {
    padding: 5px 0px;
}

#theForm .theMain #root .tableDettaglioDiv ul {
    list-style-position: inside;
    padding: 0px;
}

#theForm .theMain #root #recapFiltri {
    background-color: #F6F6F6;
    padding: 10px;
}

/* Inizio CSS FRECCE CAROUSEL*/
#theForm .theMain #root .arrow {
    border-radius: 20px;
    color: #fff;
    background-color: #cccccc;
    padding: 3px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1px;
    text-decoration: none
}

#theForm .theMain #root .arrow:hover,
#theForm .theMain #root .arrow:focus {
    text-decoration: none;
    color: white
}

/* Fine CSS FRECCE CAROUSEL*/

#theForm .theMain #root .ScrollUpButton__Container {
    outline: none
}

#theForm .theMain #root .App .detailContainer {
    max-width: 100%;
    word-break: break-word;
}

#theForm .theMain #root #detailHeader {
    width: 100%;
    /*font-size: 25px;*/
    font-size: 1.6em;
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
}

#theForm .theMain #root .divCandidaturaInviata {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    width: 100%;
}

#theForm .theMain #root .divCandidaturaInviata span.candLabel {
    color: #419641;
    text-transform: uppercase;
    /*font-size: 11px;*/
    font-size: 0.9rem;
}

#theForm .theMain #root .infoCandidaturaDiv .divCandidaturaInviata {
    justify-content: flex-end;
}

#theForm .theMain #root .divCandidaturaInviata .fa-check {
    color: #419641;
}

#theForm .theMain #root .disabled {
    opacity: .25;
    cursor: default;
}

#theForm .theMain #root .btnTornaLista {
    float: right
}

#theForm .theMain #root .btnTornaLista:before {
    content: "\f104";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

#theForm .theMain #root .descTitolo {
    width: 45%
}

#theForm .theMain #root .descTitolo > a,
#theForm .theMain #root .descTitolo > div a {
    color: #23527c !important;
    text-decoration: underline !important;
}

#theForm .theMain #root #infoReferenteDiv {
    width: 100%;
    margin-top: 10px
}

#theForm .theMain #root #infoReferenteDiv a {
    margin-left: 10px
}

#theForm .theMain #root #hiddenDiv {
    margin: 10px;
    background-color: #f9f9f9;
    padding: 10px
}

#theForm .theMain #root #hiddenDiv .titolo {
    color: #666
}

#theForm .theMain #root #loaderDiv {
    display: flex;
    justify-content: center;
    width: 100%;
}

#theForm .theMain #root #offertaNonTrovataDiv,
#theForm .theMain #root #div-errore {
    width: 100%;
    text-align: center;
}

#theForm .theMain #root #offertaNonTrovataDiv .offertaNonTrovata,
#theForm .theMain #root #div-errore .label-errore {
    font-weight: bold;
}

#theForm .theMain #root #refreshPage {
    min-height: 150px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0px;
}

#theForm .theMain #root #refreshPage #errorGUIDLabel {
    width: 100%;
    text-align: center;
}

#theForm .theMain #root #refreshPage #btnRefresh {
    /*font-size: 25px;*/
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
}

#theForm .theMain #root #listaAnnunci .logoDiv {
    width: 20%;
    max-width: 100%;
    max-height: 150px;
    padding: 10px 0px;
    display: flex;
    justify-content: center;
    align-items: center
}

#theForm .theMain #root #listaAnnunci .logoDiv img {
    max-width: 80%;
    max-height: 115px;
}

#theForm .theMain #root #listaAnnunci .load-more-offers-div {
    text-align: center;
    margin: 10px 0px;
}

#theForm .theMain #root #dettaglioHeader .logoDiv {
    width: 20%;
    max-width: 100%;
    height: 120px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

#theForm .theMain #root #dettaglioHeader .logoDiv img {
    max-width: 95%;
    max-height: 115px;    
}

#theForm .theMain #root #btnTornaListaDiv {
    overflow: auto;
    margin: 10px 0px;
}

#theForm .theMain #root .matchDivTitle {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

#theForm .theMain #root .percMatch {
    color: #355379;
    font-weight: bold
}

#theForm .theMain #root .progress {
    height: 5px !important;
    border-radius: 0px !important;
    margin-bottom: 10px;
}

#theForm .theMain #root .progress-bar {
    background-image: none !important;
    filter: none !important;
}

#theForm .theMain #root .matchDiv .match .progress-bar {
    background-color: #5b9e2e;
}

#theForm .theMain #root .matchDiv .match70 .progress-bar {
    background-color: #9cd874 !important;
}

#theForm .theMain #root .matchDiv .match30 .progress-bar {
    background-color: #ff9933 !important;
}

#theForm .theMain #root .matchDiv .match0 .progress-bar {
    background-color: none;
}

#theForm .theMain #root .bottoni {
    margin-left: 10px
}

#theForm .theMain #root .matchLabel {
    text-transform: uppercase
}

#theForm .theMain #root #notificationDiv {
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 9999;
}

#theForm .theMain #root #isMatchDiv {
    width: 100%;
    overflow: auto;
    text-align: center;
}

#theForm .theMain #root #isMatchDiv #isMatchDivLabel #isMatchDivLabelQuestion {
    font-weight: bold;    
}

#theForm .theMain #root #isMatchDiv input {
    margin: 10px 2px 0px
}

#theForm .theMain #root .App a,
#theForm .theMain #root .App a:link,
#theForm .theMain #root .App a:visited,
#theForm .theMain #root .App a:hover span {
    text-decoration: none;
}

#theForm .theMain #root #listaContainer {
    width: 100%;
}

#theForm .theMain #root #listaContainer .listaVuotaAlert {
    text-align: center;
    margin-top: 10px;
    font-weight: bold
}

#theForm .theMain #root #listaContainer .div-button-top {
    overflow: auto;
    margin-bottom: 10px;
}

#theForm .theMain #root #listaAnnunci .annunciFilteredCP {
    margin: 10px;
    margin-bottom: 0px;
}

/* INIZIO CSS NOTIFICHE */
#theForm .theMain #root .Toastify__toast--success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

#theForm .theMain #root .Toastify__toast--warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

#theForm .theMain #root .Toastify__toast {
    border-radius: 10px;
}

#theForm .theMain #root .Toastify__close-button {
    color: grey
}

/* FINE CSS NOTIFICHE */

/* Inizio css EVENTI*/
#theForm .theMain #root .App .noAnnunciFiltered {
    text-align: center;
    margin-top: 10px;
    font-weight: bold
}

/* Fine css EVENTI*/

/* Inizio CSS STATICCONTENT */
#theForm .theMain .StaticContent {
    word-break: break-word;
    /*font-size: 14px;*/
    font-size: 1rem;
}

#theForm .theMain .StaticContent .bottoneStatico {
    white-space: normal;
    max-width: 100%;
}

/* Fine CSS STATICCONTENT */

@media (max-width: 1200px) {
    #theForm .theMain #root .bottoniAzioni .divPreferenze>button,
    #theForm .theMain #root .bottoniAzioni .divAzioni>button {
        min-height: 42px;
    }
    #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bottoniSocial a {
        margin: 0px 8px;
    }
    #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bottoniSocial a .social-link {
        min-height: 45px;
        min-width: 45px;
    }
        #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .bottoniSocial a .social-link svg {
            min-height: 22px;
            min-width: 22px;
        }
}

@media (min-width: 768px) {
    #theForm .theMain #root .infoCandidaturaDiv .divCandidaturaInviata {
        width: 100%;
    }

    #theForm .theMain #root .annuncioDiv {
        min-height: 150px;
		padding: 5px;
    }

    #theForm .theMain #root #listaAnnunci .matchContainer {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1015px)   {
    #theForm .theMain #root #dettaglioAnnuncio .matchCandidature .matchDiv {
        width: 80%
    }
}

@media (max-width: 767px) {

    #theForm .theMain #root #loginLabel {
        padding-left: 0px
    }

    #theForm .theMain #root #filterAlwaysVisible {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #theForm .theMain #root #filterAlwaysVisible #parolaChiave {
        width: 100%;
        margin-bottom: 10px;
    }

    #theForm .theMain #root #filterAlwaysVisible .bottoni {
        margin-left: 0px;
    }

    #theForm .theMain #root #moreFilters .filtro {
        flex: 1 0 100%;
    }

    #theForm .theMain #root .filtro .preferenzeAnnunci {
        flex-flow: column nowrap;
    }

    #theForm .theMain #root .infoCandidaturaDiv {
        width: 100%;
        padding: 0px 10px
    }

    #theForm .theMain #root .testoDiv {
        width: 100%;
    }


    #theForm .theMain #root .linkAnnuncio {
        width: 100%;
        max-width: 100%
    }


    #theForm .theMain #root #listaAnnunci .matchDiv {
        margin: auto;
    }

    #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .logoDiv,
    #theForm .theMain #root #listaAnnunci .logoDiv {
        width: 100%;
        min-height: 60px;
        text-align: center;
    }

    #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .logoDiv img,
    #theForm .theMain #root #listaAnnunci .logoDiv img {
        max-width: 150px;
        max-height: 80px;
        padding: 0px;
    }

    #theForm .theMain #root .linkAnnuncio .dateAnnuncioDiv {
        display: flex;
        flex-wrap: wrap;
    }

    #theForm .theMain #root .linkAnnuncio .dateAnnuncioDiv span {
        width: 100%
    }

    #theForm .theMain #root .linkAnnuncio .dateAnnuncioDiv span:last-child {
        margin-top: 5px
    }

    #theForm .theMain #root .annuncioDiv .infoCandidaturaDiv {
        margin-top: 10px;
        justify-content: space-around;
        align-items: center;
    }

    #theForm .theMain #root #listaAnnunci .infoCandidaturaDiv .bookmarkDiv,
    #theForm .theMain #root #listaAnnunci .infoCandidaturaDiv .ignoredDiv {
        display: flex;
        justify-content: center;
    }

    #theForm .theMain #root #listaAnnunci .infoCandidaturaDiv .divCandidaturaInviata {
        justify-content: center;
    }

    #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .logoDiv {
        width: 25%
    }

    #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .descTitolo {
        padding: 15px;
        width: 75%
    }

    #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .divLaterale {
        flex: 1 0 100%;
    }

    #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .divLaterale .matchCandidature {
        display: flex;
        flex-wrap: wrap;        
        align-content: baseline;
    }

    #theForm .theMain #root #dettaglioAnnuncio #dettaglioBody #SezioniMenu {
        display: none;
    }

    #theForm .theMain #root .bottoniAzioni {
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
    }    

    #theForm .theMain #root .bottoniAzioni .divPreferenze>button,
    #theForm .theMain #root .bottoniAzioni .divAzioni>button {
        padding: 4px 0px;
        margin-bottom: 0px;
    }

    #theForm .theMain #root .divLaterale #hiddenShare div {
        min-height: 30px;
    }

    #theForm .theMain #root .divLaterale #hiddenShare .divLinkContainer.whatsapp {
        display: block
    }

    #theForm .theMain #root .tableDettaglioDiv {
        display: block;
        margin-bottom: 10px;
    }

    #theForm .theMain #root .tableDettaglioDiv div:last-child {
        width: 100%;
    }

}

@media (max-width: 480px) {
    #theForm .theMain #root .matchDiv .matchTooltip {
        max-width: 200px;
    }

    #theForm .theMain #root #annuncioDiv {
        padding: 0px
    }

    #theForm .theMain #root .linkAnnuncio .logoDiv img {
        padding: 0px
    }

    #theForm .theMain #root .App .col-sm-12.alert.alert-info {
        padding-left: 3px;
        padding-right: 3px
    }

    #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .descTitolo,
    #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .logoDiv,
    #theForm .theMain #root #listaAnnunci .logoDiv,
    #theForm .theMain #root #listaAnnunci .testoDiv {
        width: 100%
    }

    #theForm .theMain #root .bottoniAzioni>div {
        width: 100%;
    }

    #theForm .theMain #root #listaAnnunci .annuncioDiv .divCandidaturaInviata .candLabel {
        display: none
    }

    #theForm .theMain #root #dettaglioAnnuncio .greyBGDiv {
        width: 100%
    }

    #theForm .theMain #root .divLaterale #hiddenShare {
        width: 100%
    }

    #theForm .theMain #root .annuncioDiv {
        padding: 10px 0px;
        border-bottom: 1px solid #ccc;
    }

    #theForm .theMain #root .ScrollUpButton__Container .ScrollUpButton__Toggled {
        width: 40px !important;
        height: 40px !important
    }

}

@media print {
    #theForm .theMain .breadcrumb {
        display: none;
    }

    #theForm .theMain #root .App,
    #theForm .theMain #root #dettaglioAnnuncio {
        display: block;
    }

    a:not(#LinkPlacement, #LinkStudentiLaureati, #LinkHome),
    input,
    .arrow,
    #divCandidati,
    .btnTornaLista {
        display: none
    }

    #theForm .region.region-footer {
        display: none
    }

    #theForm .theMain #root #dettaglioHeader .bottoniAzioni {
        display: none
    }

    #theForm .theMain #root #btnTornaListaDiv,
    #theForm .theMain #root #detailHeader {
        display: none
    }

    #theForm .theMain #root #divCandidati {
        display: none
    }

    #theForm .theMain #root .App {
        margin-bottom: 40px
    }

    #logoPerStampaAnnuncio {
        display: block;
        padding-bottom: 10px;
        border-bottom: 1px solid #CCC;
    }
}

/* CSS per IE10+ */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */


    #theForm .theMain #root .App {
        display: block;
    }


    #theForm .theMain #root #dettaglioAnnuncio #dettaglioHeader .logoDiv,
    #theForm .theMain #root #listaAnnunci .logoDiv {
        display: block;
    }
}

/* CSS per loading spinner bacheca */
@keyframes simple-loading-spin {
    100% {
        transform: rotate(360deg)
    }
}

/* Aggiunti per sistemare la "sovrascrittura" causata dallo style-full-path.css*/
.Toastify__close-button:hover,
.Toastify__close-button:focus {
    background-color: transparent !important;
}

.Toastify__close-button {
    height: auto;
}

@media (prefers-reduced-motion: reduce) {
    .Toastify, .Toastify *:not(.Toastify__toast-icon.Toastify--animate-icon.Toastify__zoom-enter) {
        -webkit-animation-duration: 2s !important;
        animation-duration: 2s !important;
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .Toastify .fadeIn {
        animation: fadeIn ease;
    }


    @keyframes fadeOut {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    .Toastify .fadeOut {
        animation: fadeOut ease;
    }
}


.scroll-to-top:hover,
.scroll-to-top:focus {
    background-color: white !important;
}

input[type="search"] {
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 0px;
}

/* bootstrap 3 non mostra il tasto "clear" di default per html 5 */
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

/*#theForm .theMain #root #btnTornaListaDiv a:active*/
#theForm .theMain #root .annuncioDiv a:active,
#theForm .theMain #root #detailHeader a:active {
    transform: scale(1.05, 1.05);
    transition: 250ms ease;
}