@charset "UTF-8";
/* CSS Document */

@media all and (max-width: 1920px) {

}


@media all and (max-width: 1440px) {
.cont_card_uff.cuatt { grid-template-columns: repeat(4, 1fr) }
#body_add_office .cont_card_uff.cuatt { grid-template-columns: repeat(2, 1fr); }
}




@media all and (max-width: 1280px) {
.cont_card_uff.cuatt { grid-template-columns: repeat(4, 1fr) }
}



@media all and (max-width: 1024px) {
.cont_card_uff.cuatt { grid-template-columns: repeat(3, 1fr) }
}




@media all and (max-width: 810px) {

#menu_top { grid-template-columns: auto auto 4fr auto auto; grid-column-gap: 10px }
#menu_top > :nth-child(3) { order: 6 }

#body_list_card .container, #body_add_office .container { padding-top: 100px }
#body_gest_card .cont_card { background: none }
#body_card .container {  padding-top:0 }

.cont_card_uff.cuatt { grid-template-columns: repeat(2, 1fr) }
#body_add_office .cont_card_uff.cuatt { grid-template-columns: repeat(1, 1fr) }

.cont_dati_ut h2 { margin-top: 0; }
.cont_dati_ut h2, .cont_dati_ut h3 { font-weight: normal }
#cont_stat div { padding-bottom: 10px }
.cont_ic_dati { width: 100%; margin: 15px 0px 0px 5px }
.cont_indirizzo { width: 100% }

#body_gest_card .container { padding-top: 110px; width: 100% }
#body_gest_card .cont_card { width: calc(100% - 100px); padding-top: 0px }
#body_gest_card .cont_card { margin: 0 auto }
#body_gest_card .cont_indirizzo { width: calc(90% - 40px); background: none }
.cont_mod_imm .mod_imm_att { display: none }
}


@media all and (max-width: 768px) {
.titOffice { grid-column-start: 1; grid-column-end: 3 }
#altro_indirizzo .nomeUFFfattuale { display: inline-block; }
}




@media all and (max-width: 600px) {

#menu_top { grid-template-columns: auto auto 4fr auto auto }
#menu_top > :nth-child(3) { order: 6 }

.info { top: 10px; right: 10px }

#body_gest_card .cont_image_stat.altezza_box410 { height: 410px }
#body_gest_card .cont_upimage { display: inline-block; margin-top: 60px; width: 100% }

#body_add_office .cont_search.showAC { grid-template-columns: auto 1fr }

#body_list_card .cont_search.showAC { grid-template-columns: 1fr  }
#body_list_card .AC {  justify-self: end; margin-right: 8px; }

.Fcerca:nth-child(3) { grid-column: 1 / -1;}

#body_add_office .img_list_ut { width: 100%; }

.cont_indirizzo { width: calc(100% - 40px) }

/* Attivazione piano (gest/abbonamento.php) al telefono (20/10/2026): righe ad altezza libera, prezzo sotto quando non c'è spazio, mai tagliato */
#dgAtt .cont_assegna_ufficio { height: auto; flex-wrap: wrap; row-gap: 6px }
#dgAtt .cont_assegna_ufficio > .cont_assegna_ufficio { flex: 1 1 auto; min-width: 0; flex-wrap: nowrap }
#dgAtt .dati_accesso { margin-left: auto }
#dgAtt .dati_accesso b { display: inline-block; white-space: nowrap }

}




@media all and (max-width: 480px) {

#menu_top { grid-template-columns: auto auto 4fr auto; grid-row-gap: 8px; padding: 20px 25px;  }

#menu_top > :nth-child(3) { order: 5 }
#menu_top > .dati_accesso ws:nth-child(1) span { display: none; } 
#menu_top > :nth-child(4) { order: 3 }
#menu_top > :nth-child(5) { order: 4 }
#menu_top > :nth-child(6) { order: 5 }
#menu_top > .Clingua { grid-column: 4 }


#body_list_card .container, #body_add_office .container { padding-top: 100px }
#body_card .container { }
.cont_indirizzo { width: calc(100% - 30px) }
.footer { width: calc(100% - 30px) }

#body_add_office .img_logo img, #body_list_card .img_logo img { margin: 0 0 0 20px; }


#cont_qr.scuro { padding: 0 40px }
#cont_qr.scuro img { width: 100%; }

.cont_search.showAC { padding: 0 25px }

#body_list_card #cont_utenti { padding: 0 25px;  width: calc(100% - 50px); }
.cont_card_uff.cuatt { grid-template-columns: repeat(1, 1fr); }

#body_add_office #cont_utenti { padding: 0 25px; width: 100%; box-sizing: border-box }

#body_list_card .container, #body_add_office .container, #body_gest_card .container { padding-top: 110px}
#body_gest_card .cont_card { width: calc(100% - 50px); padding: 0}

#body_gest_card .cont_image_stat.altezza_box630 { height: 720px }
#body_gest_card .selez { max-width: calc(60% - 10px); }
#body_gest_card .btn_salva.btn-upload-image { max-width: calc(30% - 10px) }

#body_gest_card .cont_stat { position: relative; width: calc(100% - 40px); margin-top: 30px; }

#body_gest_card .anteprima_imm { margin: 0 auto; }
#body_gest_card .cont_upimage { margin: 65px 0 0 0;  }
#body_gest_card .tit_ins { margin-botom: 0 }
#body_gest_card .uploadimmcard { position: relative; top: 20px; width: 200px; margin: 0 auto }


#body_add_office .cont_btn_azioni { justify-content:center }
}




@media all and (max-width: 340px) {
#menu_top > :nth-child(3) { font-size: 2vw }

#menu_top > :nth-child(1),
#menu_top > :nth-child(2),
#menu_top > :nth-child(5),
#menu_top > :nth-child(6),
#menu_top > .Clingua { font-size: 3vw }

}



/* Utente di una card entrato con il link via email (passoV120): nel menu solo "Utente: email", ESCI e lingua */
.cont_menu #menu_top.dg-card-ut { grid-template-columns: 1fr auto auto }
.cont_menu #menu_top.dg-card-ut > * { order: 0; grid-column: auto }
.cont_menu #menu_top.dg-card-ut > .dati_accesso { white-space: normal }
.cont_menu #menu_top.dg-card-ut > .spazio_menu { display: none }