:root{
    --backgruond: #4c2767ce;--backgruondpieno: #4c2767;
    --bordi: rgb(255, 242, 242);
    --bordibot: rgb(221, 201, 201);--fondobot: #3e273fce;
    --bordolavagnie: rgba(45, 27, 7, 0.902);--fondolavagniescure: rgb(20, 18, 18);
    --fondolavagniecharo: rgb(27, 26, 26);
    --selezionato: #584188e2;
    --bg: url("./img/sfondo.svg");
}
@media only screen and (max-width:99999px){
    .importafileinput,.testotendina,.testoincorniciato,#footer,.testo,.link_no_sot,.testodestra{font-size: 25px;}
    .sopra_testo_articoli{grid-template-columns: 20% 13% 36% 10%;}
    .sopra_testo_grafici{grid-template-columns: 70% 30%;}
    .sopra_testo_nuovo{grid-template-columns: 30% 50% 10% 10%;}
    .bannercompilatore{grid-template-columns: 40% auto;}
    .icone{height: 50px;width: 50px;}
    .titolo{font-size: 5vw;}
    .pulsante2,.proposteinput{width:25%;}
    .separe{display: none;}
    .tabella{border-left: var(--bordi) solid 2px;padding-left: 10px;}
    #pannel1{display: inline-block;}
    .bottone_file{display: none;}
}
@media only screen and (max-width:700px){
    .importafileinput,.testotendina,.testoincorniciato,#footer,.testo,.link_no_sot,.testodestra{font-size: 20px;}
    #spamlogin:before{max-width: 100%;}
    #pannel1,.img_navbar2{display: none;}
    .sopra_testo_articoli{grid-template-columns: 48% 48%;}
    .bannercompilatore,.sopra_testo_grafici{grid-template-columns: 100%;}
    .sopra_testo_nuovo{grid-template-columns: 80%;}
    .icone{height: 35px;width: 35px;}
    .titolo{font-size: 10vw;}
    .pulsante2,.proposteinput{width: 90%;}
    #lavoraconnoibox2,#lavoraconnoibox,#acquistapopup,#ringraziamento_n_m{width: 90%;}
    .separe{display: block;}
    .tabella{border-left: var(--bordi) solid 0;padding-left: 0;}
    .bottone_file{display: block;}
}
*{color: var(--bordi);font-family: "Dosis", sans-serif;font-optical-sizing: auto;font-style: normal;}
input,select,option,#areaerrori,#messcandidato{color: black}
::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar-thumb{background-color: var(--backgruond);width: 15px;}
html,body{background-image: var(--bg);background-attachment: fixed;background-size: cover;margin: 0;padding: 0;height: 100%;width: 100%;display: flex;flex-direction: column;justify-content:space-between;}
#login,#login2,.login3{background-color: var(--backgruond);border: 5px var(--bordi) solid;padding: 2%;margin-top: 10px;}
.credenziali{width: 100%;height: 40px;}
#passvisibile,#passvisibile2,#passnovisibile,#passnovisibile2{width: 50px;height: 50px;cursor: pointer;}
#passvisibile,#passvisibile2,#boxcondividi,#acquistacorrezione{display: none;}
#ceck{width: 20px;height: 20px;}
.puntato{cursor: pointer;}
.iconadomanda{width: 30px;height: 30px;cursor: pointer;}
#spamlogin{position: relative;}
.video{width: 100%;object-fit: contain;max-height: 400px;}
#spamlogin:hover:before{opacity: 1;}
#spamlogin:before{content: attr(aria-label);opacity: 0;position: absolute;top: 20px;right: -200px;padding: 10px;min-width: 200px;width: 98%;border: var(--bordi) 4px solid;background-color: var(--backgruondpieno);color:var(--bordi);font-size: 20px;border-radius: 3px;pointer-events: none;cursor: pointer;}
.pulsante,.pulsante2{background-color: var(--fondobot);border: 2px var(--bordibot) solid;padding: 5px;font-size: 23px;cursor: pointer;}
.pulsante{width:95%;}
.proposteinput{height: 40px;margin: 5px;}
#footer{background-image: var(--bg);border-top: var(--bordi) solid 5px;text-align: left;margin-top: 90px;padding: 30px;float: none;}
.link_corr:hover,.sot:hover{color: var(--selezionato);transition: 2s;}
.sot{text-decoration: underline;}
.iconelingue{height: 60px;width: 60px;}
#messcandidato,#areaerrori{width: 98%;height: 100%;resize: none;max-height: 300px;min-height: 100px;}
input[type=email]:not(:placeholder-shown):invalid{color: rgb(219, 29, 76);outline-color: rgb(223, 49, 93);}
#navbar{display: grid;grid-template-columns: 33% 33%;position: fixed;z-index: 2;border-bottom: solid var(--bordi) 2px;top: 0;left: 0;width: 100%;padding: 5px;background-image: var(--bg);}
.img_navbar{width: 40px;height: 40px;cursor: pointer;}
.img_navbar2{width: 23px;height: 23px;cursor: pointer;}
.carte_home, .boxgrafici{cursor: pointer;max-width: 300px;font-size: 17px;background: var(--backgruondpieno);padding: 15px;border: solid 3px var(--bordi);}
.carte_home{flex: 1 1 auto;font-size: 15px;margin: 10px;}
.boxgrafici{margin-top: 100px;display: flex;justify-content: center;align-items: center; top: 50%;left: 50%;transform: translate(50%,-50%);}
.stacca_home{margin-top: 90px;padding: 10px;}
.div_home{display: flex;flex-wrap: wrap;}
#filtro{z-index: 1;top: 80px;position: fixed;right: 0;background-color: var(--backgruondpieno);border-bottom: var(--bordi) solid 5px;border-left: var(--bordi) solid 5px;padding-right: 10px;}
.testo_piccolo,.testo,.testo2{font-weight: bold;}
.testo_piccolo{font-size: 15px;}
.testo2{font-size: 30px;}
.divisore{margin-top: 150px;width: 90%;}
.bannercompilatore{display: grid;}
.boxcompilatore{display: flex;background-color: var(--fondolavagniescure);}
#pannel1{border: var(--bordolavagnie) 5px solid; min-width: 200px;resize: horizontal;overflow: auto;position: relative;}
#pannel2{min-width: 200px;width: 100%;}
.resize-handle{width: 7px;background-color: var(--bordolavagnie);cursor: ew-resize;position: absolute;right: 0;top: 0;bottom: 0;z-index: 1;}
.pompilatore_codice,.boxcompilatore{min-height: 400px;}
.elencocelfile,.dropdown-content,.bannercompilatore,.Marquee,.sopra_testo_articoli,.sopra_testo_nuovo,.sopra_testo_grafici,.articoli_item,.articoli_item2{background-color: var(--fondolavagniecharo);border: var(--bordolavagnie) solid 8px;}
.elencocelfile{display: none;position: fixed;top: 20vh;left: 10px;background-color: var(--backgruondpieno);}
.testoincorniciato{background-color: var(--fondolavagniescure);border: var(--bordolavagnie) solid 3px;padding: 10px;}
.articoli_item,.articoli_item2{height: auto;display: block;resize: none;padding: 5px;width: 90%;font-size: 17px;}
.pompilatore_codice{margin-top: 5px;border: none;height: auto;resize: none;padding: 5px;width: 95%;font-size: 17px;background-color: var(--fondolavagniecharo);}
.articoli_item2{min-height: 400px;}
.bottone_file{border-radius: 30%;background-color: var(--fondolavagniescure);border: solid 3px var(--bordolavagnie);width: 50px;height: 50px;position: fixed;top: 90vh;left: 5px;}
.sopra_testo_nuovo{display: grid;padding: 5px;margin-bottom: 50px;}
.sopra_testo_grafici,.sopra_testo_articoli{display: grid;padding: 5px;}
.eseguipulsante,.icone{cursor: pointer;}
.boxc,.box{background: var(--backgruond);border: solid 5px var(--bordi);padding: 20px;text-align: left;max-width: 80%;}
.boxc{display: flex;align-items: flex-start;gap: 40px;flex-wrap: wrap;}
.titoloarticolo{width: 100%;align-items: center;}
.marginesuperiore{margin-bottom: 40px;margin-top: 40px;}
.fondonero,.fondoneron{background: rgba(0, 0, 0, 0.856);z-index: 6;position: fixed;top: 0;right: 0;width: 100%;height: 100%;max-height: 100vh;overflow-y: auto;}
.fondonero,#boxnuovofile4f,#boxnuovofile3f,#boxnuovofile2f,#preferitoboxofff{display: none;}
#acquistapopup,#boxnuovofile4,#boxnuovofile3,#spiegazione_problema,#segnala,#condividi,#boxnuovofile2,#boxnuovofile,#lavoraconnoibox2,#lavoraconnoibox,#preferitoboxoff,#preferitobox,#ringraziamento_n_m{top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: left;position: fixed;z-index: 2;background-color: var(--backgruondpieno);padding: 2%;border-radius: 2%;border: var(--bordi) 5px solid;}
.link_corr{margin-left: 10px;}
.destra,.testodestra{text-align: left;}
.filebotton{background-color: white;color: black;padding: 15px;cursor: pointer;}
.banner{width: 100%;object-fit: contain;}
.sparizione{display: none;}
.eseguipulsante,.testotendina,.acuistapulsante{background: none;border: none;}
.link_no_sot{text-decoration: none;}
.imglingue{width: 300px;height: 200px;border: 5px solid var(--bordi);background: var(--backgruond);margin: 10px;}
.imgarg{height: 100px;object-fit: contain;max-width: 170px;}
.filelista:hover{cursor: pointer;background-color: rgba(126, 116, 116, 0.459);}
.importafileinput{color: white;}
#linkcond{border: var(--bordi) solid 3px;padding: 5px;font-size: 2.5vh;}
/*menu tendina*/
.dropdown{position: relative;display: inline-block;}
.dropdown-content{display: none;position: absolute;width: 200px;z-index: 2;padding: 5px;}
.dropdown:hover .dropdown-content{display: block;}
.testotendina{text-decoration: none;cursor: pointer;width: 100%;}
.testotendina:hover{background-color: rgba(126, 116, 116, 0.459);}
/*merquee*/
.Marquee{padding: 10px;box-sizing: border-box;font-weight: 20px;display: box;display: flex;align-items: center;}
.Marquee-tag{cursor: pointer;display: flex;align-items: center;font-size: 20px;margin-right: 10px;}
.Marquee-content{display: box;display: flex;}
/* navbar */
.drawer-list > ul,.drawer-list > li{list-style: none;margin: 0;padding: 0;}
.msg{font-family: 'Pacifico', cursive;font-size: 3vw;display: flex;flex-direction: column;justify-content: center;height: 100%;max-height: 100%;max-width: 100%;align-items: center;color: #FEFEFE;background: linear-gradient(180deg, rgba(30,144,255,1) 0%, rgba(135,206,250,1) 50%, rgba(255,127,80,1) 100%);}
menu,menu label{position: absolute;top: 0;right: 0;}
menu{margin: 0;}
menu input[type=checkbox]{display: none;}
menu input[type=checkbox]:checked+.drawer-list{transform: translatex(0);border-bottom-left-radius: 0;}
menu input[type=checkbox]:checked+.drawer-list li{transform: translatex(0);}
menu input[type=checkbox]:checked+.drawer-list li:nth-child(1){transition: transform 0.5s 0.02s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(2){transition: transform 0.5s 0.04s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(3){transition: transform 0.5s 0.06s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(4){transition: transform 0.5s 0.08s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(5){transition: transform 0.5s 0.1s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(6){transition: transform 0.5s 0.12s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(7){transition: transform 0.5s 0.14s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(8){transition: transform 0.5s 0.16s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(9){transition: transform 0.5s 0.18s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(10){transition: transform 0.5s 0.2s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(11){transition: transform 0.5s 0.22s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(12){transition: transform 0.5s 0.24s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(13) { transition: transform 0.5s 0.26s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(14) { transition: transform 0.5s 0.28s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(15) { transition: transform 0.5s 0.3s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(16) { transition: transform 0.5s 0.32s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(17) { transition: transform 0.5s 0.34s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(18) { transition: transform 0.5s 0.36s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(19) { transition: transform 0.5s 0.38s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(20) { transition: transform 0.5s 0.4s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(21) { transition: transform 0.5s 0.42s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(22) { transition: transform 0.5s 0.44s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(23) { transition: transform 0.5s 0.46s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(24) { transition: transform 0.5s 0.48s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(25) { transition: transform 0.5s 0.5s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(26) { transition: transform 0.5s 0.52s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(27) { transition: transform 0.5s 0.54s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(28) { transition: transform 0.5s 0.56s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(29) { transition: transform 0.5s 0.58s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(30) { transition: transform 0.5s 0.6s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(31) { transition: transform 0.5s 0.62s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(32) { transition: transform 0.5s 0.64s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(33) { transition: transform 0.5s 0.66s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(34) { transition: transform 0.5s 0.68s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(35) { transition: transform 0.5s 0.7s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(36) { transition: transform 0.5s 0.72s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(37) { transition: transform 0.5s 0.74s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(38) { transition: transform 0.5s 0.76s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(39) { transition: transform 0.5s 0.78s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(40) { transition: transform 0.5s 0.8s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(41) { transition: transform 0.5s 0.82s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(42) { transition: transform 0.5s 0.84s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(43) { transition: transform 0.5s 0.86s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(44) { transition: transform 0.5s 0.88s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(45) { transition: transform 0.5s 0.9s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(46) { transition: transform 0.5s 0.92s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(47) { transition: transform 0.5s 0.94s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(48) { transition: transform 0.5s 0.96s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(49) { transition: transform 0.5s 0.98s ease; }
menu input[type=checkbox]:checked+.drawer-list li:nth-child(50) { transition: transform 0.5s 1s ease; }
menu input[type=checkbox]:checked+.drawer-list li a {padding-right: 15px;}
menu input[type=checkbox]:checked~hamburger > i{background-color: transparent;transform: rotate(90deg);}
menu input[type=checkbox]:checked~hamburger > i:before{transform: translate(-50%, -50%) rotate(315deg);}
menu input[type=checkbox]:checked~hamburger > i:after{transform: translate(-50%, -50%) rotate(-315deg);}
menu input[type=checkbox]:checked~hamburger close {color: #FEFEFE;width: 100%;}
menu input[type=checkbox]:checked~hamburger open{color: transparent;width: 0;}
menu .drawer-list {position: fixed;right: 0;top: 0;height: 100vh;width: 100vw;transform: translate(100vw, 0);-ms-transform: translatex(-100vw);box-sizing: border-box;pointer-events: none;padding-top: 125px;transition: width 475ms ease-out, transform 450ms ease, border-radius .8s .1s ease;border-bottom-left-radius: 100vw;background-image: var(--bg);border-left: solid 3px var(--bordi);}
@media (min-width: 768px){
    menu .drawer-list{width: auto;}
    menu .drawer-list li a {font-size: 1rem;text-align: right;}
}
menu .drawer-list ul {height: 100%;width: 100%;margin: 0;padding: 0;overflow: auto;overflow-x: hidden;pointer-events: auto;}
menu .drawer-list li {list-style: none;text-transform: uppercase;pointer-events: auto;white-space: nowrap;box-sizing: border-box;transform: translatex(100vw);-ms-transform: translatex(-100vw);}
menu .drawer-list li:last-child{margin-bottom: 2em;}
menu .drawer-list li a {text-decoration: none;color: #FEFEFE;text-align: center;display: block;padding: .5rem;font-size: 1.2em;}
menu .drawer-list li a:hover {cursor: pointer;background-color:var(--selezionato);}
menu hamburger{position: absolute;display: block;top: 20px;right: 20px;height: 50px;width: 50px;}
menu hamburger:hover{cursor: pointer;}
menu hamburger text close, menu hamburger text open{text-transform: uppercase;font-size: .8em;text-align: center;position: absolute;transform: translateY(50px);text-align: center;overflow: hidden;transition: width .25s .35s, color .45s .35s;}
menu hamburger text close {color: transparent;right: 0;width: 0;}
menu hamburger text open{color: #FEFEFE;width: 100%;}
menu hamburger>i{position: absolute;width: 100%;height: 2px;top: 50%;background-color: #FEFEFE;pointer-events: auto;transition-duration: .35s;  transition-delay: .35s;}
menu hamburger>i:before, menu hamburger>i:after{position: absolute;display: block;width: 100%;height: 2px;left: 50%;background: #FEFEFE;content: "";transition: transform 0.35s;transform-origin: 50% 50%;}
menu hamburger>i:before{transform: translate(-50%, -14px);}
menu hamburger>i:after{transform: translate(-50%, 14px);}
/* Font */
@font-face{font-family:'Dosis';font-style:normal;font-weight:200800;font-display:swap;src:url("font/HhyaU5sn9vOmLzlnC_W6EQ.woff2")format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'Dosis';font-style:normal;font-weight:200800;font-display:swap;src:url("font/HhyaU5sn9vOmLzlmC_W6EQ.woff2")format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Dosis';font-style:normal;font-weight:200800;font-display:swap;src:url("font/HhyaU5sn9vOmLzloC_U.woff2")format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}