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

html, body {font-family: Open Sans, Arial, Helvetica, Verdana, 'sans-serif'; margin: 0; color: #222e34; text-decoration: none; }

a { text-decoration: none!important; color: #ffffff }
a.chiaro { color: #333333 }

body { margin: 0; font-size: 16px; height: 100% }
*:hover { transition: all .2s ease-in-out; }

*::before,
*::after {
    box-sizing: border-box;
}

input[type="text"], input[type="file"], input[type="password"] { height: 40px; border: none; border-radius: 5px; font-size: 20px; padding: 0 10px; width:calc(100% - 80px); margin-bottom: 10px; color: white; background: rgba(255,255,255,.2); font-weight: bold; }
input[type="text"]::placeholder, input[type="file"]::placeholder, input[type="password"]::placeholder { font-weight: normal; color: rgba(255,255,255,.8 ) }


/*input[type="file"] { padding: 0px 24px; margin: 0 0px 15px -25px; }*/
input[type="file"] { padding: 0px; margin: 0 0 0 20px; float: left; width: 50%; color: #f9ae0b }

.selez { height: 40px; font-size: 20px; padding: 0 10px; background: rgba(255,255,255,.6); border: none; border-radius: 5px; font-weight: bold; color: white; }

/* .cr-boundary, .cr-viewport { width: 300px!important; height: 300px!important } */

.ritaglia { background: #f9ae0b; border-radius: 100px; padding: 5px 25px; font-size: 16px; color: #2a313c; font-weight: bold; margin: 20px 0 0 40px; cursor: pointer; box-shadow: 0 0 6px #2b323d; float: left; border: none; display: none  }

.nas { display: none!important }

#body_gest_card {}
#body_list_card {}
#body_card {  }


.sca { }
.sca:hover { transform: scale(1.02) }

.tra, span, input, b, a, i, h2, h3, .cont_icone img, .img_utente img, .img_logo img { transition: all .2s ease-in-out; }

.red { color: #e50043!important }
.yel { color: #f9ae0b!important }
.bla { color: #0c0e0f!important }
.bia, .whi { color: #ffffff!important }
.bol { font-weight: bold!important}
.i20 { font-size: 20px }

.MZ { margin: 0!important }
.MT5 { margin-top: 5px }
.MT10 { margin-top: 10px }
.MT15 { margin-top: 15px }
.MT20 { margin-top: 20px!important }
.MT15 { margin-top: 15px!important }

.MB5 { margin-bottom: 5px }
.MB10 { margin-bottom: 10px }
.MB15 { margin-bottom: 15px!important }
.MB20 { margin-bottom: 20px!important }
.MB25 { margin-bottom: 25px!important }
.MB30 { margin-bottom: 30px!important }

.M-20 { margin: -20px; }

.a3 { background: #000000!important; color: #f9ae0b!important } 

.disblo { display: block }

.taleft { text-align: left!important }
.taright { text-align: right!important }

.flex { display: flex }
.deb { background: #ffffff97; padding: 10px 20px; position: absolute; z-index: 10; top: 0; left: 0; max-width: 400px; }

.container { width: 100%; margin: 0 auto; text-align: center; padding-top: 70px }
.cont_card { text-align: center; color:#ffffff; padding: 0px 0; position: relative }

.btn { background: rgba(0,0,0,.5); cursor: pointer; text-align: center; border-radius: 5px; white-space: nowrap }
.btn:hover { background: rgba(0,0,0,1); transform: scale(1.04) }

.btn a, .btn b { display: block; padding: 5px 10px; color: #ffffff; }
.btn a:hover, .btn b:hover { color: #f9ae0b }

/*
#ins-agg-off, .show-hide-all { border-radius: 5px; padding: 5px 10px; text-align: center; background: rgba(0,0,0,.5); cursor: pointer; white-space: nowrap; }
#ins-agg-off:hover, .show-hide-all { background: #000000 }
*/

#body_gest_card .container { max-width: 800px; width: 100%; padding-top: 90px  }
#body_gest_card .cont_card { text-align: left; padding: 10px 30px 30px 30px; background: rgba(0,0,0,.5); border-radius: 5px; }
#body_gest_card .cont_selins_card { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
#body_gest_card .selez { flex: 1; max-width: calc(80% - 5px) }
#body_gest_card .btn_salva.btn-upload-image { flex: 1; text-align: center; max-width: calc(20% - 5px);}
.cont_btn_footer { text-align: right; padding: 20px 0 10px}


.info { cursor: pointer; position: fixed; z-index: 101; top: 15px; right: 15px; font-size: 20px; color: #f9ae0b }
.info:hover { transform: scale(1.2); opacity: 1 }

ws { white-space: nowrap; margin-bottom: 10px; display: inline-block; max-width: 140px; min-width: 100px }
nw, .nw { white-space: nowrap;}

.noffU { background: rgba(0,0,0,.7); white-space: nowrap; padding: 2px 8px; border-radius: 5px; color: #ffffff; display: inline-block }

.gestisci, .esci, .Clingua, .boxevi { font-size: 14px; color: #f9ae0b; background: #000; padding: 7px 10px 5px; border-radius: 5px; display: block; text-transform: uppercase; text-align: center }

.esci { }
.spazio_menu { /* background: red; height: 20px*/  }

.gestisci:hover, .esci:hover { color: #ffffff; }

.gestisci small, .esci small, .Clingua small { color: #666; font-weight: bold }

.gestisci.nomeUFFattuale:hover { color:#f9ae0b }

#body_gest_card .boxevi { color: #000; background: #f9ae0b; font-weight: bold; margin: 0; display: inline-block }



.bg_yell { background: #f9ae0b; color: #111315; font-weight: bold }
.bg_yell:hover { background: #000000; color: #ffffff; }

.bg_gray { background: gray; color: #000000; font-weight: bold; cursor: default!important }
.bg_gray:hover { color: #000000;  }

.bg_noatt { background-color: rgba(255,255,255,.2); color: rgba(255,255,255,.3)!important; cursor: default!important  }


.azzera, .viewcard, .modtop, .eliminalist { display: inline-block; white-space: nowrap; position: relative; cursor: pointer }


.cont_btn_azioni { display: flex; flex-wrap: wrap; column-gap: 5px; row-gap: 5px; align-items: center; justify-content: space-between }

.cont_btn_azioni .gestisci.eliminalist small { position: absolute; left: 0; top: 30px }

.cont_btn_azioni > div { box-sizing: border-box; }



.az_left {  text-align: right; width: calc(40% - 60px); }
.az_center { width: 120px; text-align: center; margin: 0 auto; }
.az_center .btn_mod { margin: unset;  }
.az_right { text-align: left; width: calc(40% - 60px); }


.gridjus { justify-content: space-between!important }



.cont_menu { background: rgba(0,0,0,.5); min-height: 70px; position: fixed; width: 100%; z-index: 101; }
#menu_top {  display: grid; grid-template-columns: auto auto auto 4fr auto auto; padding: 20px 40px; grid-column-gap: 20px; grid-row-gap: 10px; align-items: center; width: 100%; box-sizing: border-box; z-index: 102; margin: 0 auto }
#menu_top.dg-admin { grid-template-columns: auto auto auto 4fr auto auto auto auto } /* amministratore: ABBONAMENTI e RIMBORSI a destra */

#menu_top > * { display: inline-block; white-space: nowrap } 
#menu_top ws { margin-bottom: 0px; max-width: unset; min-width: unset }


.dati_accesso { color: #fff; font-size: 14px; display: inline-block; }
.dati_accesso b { background: rgba(255,255,255,.15); padding: 3px 10px 1px 10px; border-radius: 5px; margin: 0 10px 0 0 }
.dati_accesso ws { white-space: nowrap }



.duplCA, .copyLC, .saveVC {  width: 20px; cursor: pointer }
.duplCA {  }
.copyLC { margin-left: 5px }
.saveVC {  }

.duplCA:hover, .copyLC:hover, .saveVC:hover { transform: scale(1.2); }


.Clingua { cursor: pointer; position: relative; z-index: 100 }
.Clingua:hover { color: #ffffff }
.Clingua img { width: 16px; border-radius: 20px; margin: 0px 0px -2px 9px!important; font-weight: bold; } 

.disnone { display: none }
.textleft { text-align: left }
.ml40 { margin-left: 40px!important }

#sel_lin { position: absolute; background: rgba(0,0,0,.8); padding: 15px 10px 15px 10px; border-radius: 5px; text-transform: capitalize; text-align: right; display: none; cursor: pointer; right: 0 }
#sel_lin img { width: 18px; border-radius: 18px; vertical-align: middle; margin: 0px 0px 6px 8px }

.item_lingua { display: block; width: 60px; margin: 10px 0 10px 0px; color: #ffffff }
.item_lingua:hover { color: #f9ae0b }

.lingua_att { font-weight: bold; color:#f9ae0b!important }
.lingua_att img { margin:0px -2px 6px 8px!important; border: 2px solid #f9ae0b; }

.ant_card { text-align: center }
.ant_card a { background: rgba(255,255,255,.8); border-radius: 5px; padding: 3px 15px; font-size: 14px; color: #2a313c; font-weight: bold; margin: 0px 0; cursor: pointer; box-shadow: 0 0 6px #2b323d; display: inline-block; border: none;}
.ant_card a:hover { background: rgba(255,255,255,1); transform: scale(1.02); }

.ic_fisso { width: 26px; vertical-align: middle; margin: -4px 8px 0 0px; }
.indirizzo .ic_fisso { width: 20px; }

.indirizzo hr { background: rgba(255,255,255,.4); height: 1px; border: 0;}

.elimina { text-align: left; margin-top: 5px }
.elimm { text-align: center; }
.elimina a { color: #999; }
.elimina a:hover { text-align: left; color: #FFF }


.elimina span, .elimm span { cursor: pointer; text-align: left; margin: 5px 0 15px 0; color: #999; }
.elimina span:hover, .elimm span:hover { color: #ffffff }
.elimm span { text-align: center; }

.cont_image_stat { position: relative; display: inline-block; width: 100%; margin-top: 10px; min-height: 280px }
.anteprimacard { margin-bottom: 90px; text-align: left; display: inline-block; width: 100% }


.uploadimmcard { text-align: left; width: calc(100% - 230px); position: absolute; right: 0; top: 0;  }
.anteprima_imm { width: 200px; padding: 0px 0px; position: relative }

.upl_att { display: none; }
.ant_att { margin: 0px 0px 0 0px; }

.anteprima_imm img { width: 100%!important; margin: 0!important }

.ant_imm { display: none }
.ant_imm img { width: 100%!important; margin: 0!important }

.cont_mod_imm { background: #00000050; width: 200px; height: 200px; position: absolute; border-radius: 400px; opacity: 0 }
.mod_imm_att { opacity: 1 }

.cont_mod_imm img { width: 40px !important; position: absolute; top: 37%; right: 36%; background: #ffffff95; border-radius: 100px; padding: 7px }

.cont_mod_imm img:hover {background: #ffffff  }

#cont_stat { background: #f9ae0b; width: calc(100% - 270px);  text-align: left; padding: 10px 20px; color: #000; border-radius: 5px; box-shadow: 0 0 20px #00000050; position: absolute; right: 0; top: 0; z-index: 5; }


#cont_stat div { display: flex; flex-wrap: wrap; margin-bottom: 12px; border-bottom: 1px solid #333; padding-bottom: 15px; }
#cont_stat div:last-child {border-bottom:none; margin: 0; padding: 0  } 

#cont_stat div h3, #cont_stat div h2 { display: inline; margin: 0;}
#cont_stat div span { width: 100%; margin: 10px 0 0 0; font-size: 18px; line-height: auto; background: #FFFFFF80; padding: 0px 2px 3px 5px; display: none;  }


#cont_stat div h3 { height: 35px; display: flex; align-items: center; min-width: 105px; }
#cont_stat div h2 { width: 40px; border-radius: 50px; height: 40px; text-align: center; line-height: 40px; background-color: #ffffff; box-shadow: inset 0 0 4px 1px #00000090; cursor: pointer; font-size: 20px; }

#cont_stat div h2:hover { background-color: #FFFFFF; box-shadow: 0 0 5px 1px #00000080; }
 
 .cont_stat h2, .cont_stat h3 { font-weight: bold!important }

.cont_stat_ut { background: #000; margin: 0; text-align: left; padding: 15px 15px; color: #000; border-radius: 5px; box-shadow: 0 0 5px #00000050;
display: flex;
  justify-content: space-around; margin-bottom: 15px; }
  
  
#cont_stat_ut div { text-align: center}

.cont_stat_ut div h4 { text-transform: uppercase; font-weight: bold; margin: 0; padding: 0; font-size: 12px; margin-bottom: 5px; color: #f9ae0b }
  
.cont_stat_ut div h2 { background: #fff; border-radius: 100px; line-height: 20px; font-weight: bold; font-size: 18px; box-shadow: 0 0 10px rgba(0,0,0,.3); margin: 0 auto; width: auto; height: auto; padding: 5px 10px; }


/*.cont_search.showAC { position: relative; display: grid; grid-template-columns: 70% 30%; grid-template-rows: 38px; margin-bottom: 30px; padding: 0px 40px; text-align: left; } */

.cont_search.showAC { display: grid; grid-template-columns: 1fr 1fr 38px; margin-bottom: 20px; padding: 0 40px; text-align: left; height: auto; grid-column-gap: 20px; grid-row-gap: 10px; align-items: center }

#body_add_office .cont_search.showAC { grid-template-columns: 1fr 8fr; grid-row-gap: 10px }


.Fcerca { position:relative; }

/*.Ccerca { width: 50% !important; padding: 6px 20px !important; font-size: 20px !important; border-radius: 10px !important; box-shadow: inset 2px 1px 4px #000; color: white; height: 30px !important; background: #dfdfdf; margin-bottom: 0!important }
*/

.Ccerca { width: calc(100% - 40px) !important; padding: 0px 20px !important; font-size: 20px !important; box-shadow: inset 2px 1px 4px #000; height: 40px !important; margin-bottom: 0!important }
  
  
.Ccerca:focus-visible { outline: 2px solid #f9ae11  }
.Ccerca::placeholder { color: rgba(255,255,255,.8) }

/* .cancella { position: absolute; top: 6px; left: 50%; width: 29px; opacity: 0.6; cursor: pointer; } */
.cancella { position: absolute; width: 26px; opacity: 0.6; cursor: pointer; top: calc(50% - 13px); height: auto; right: 1.5% }
  
.cancella:hover { opacity:1 }

.cont_dati_ut h2, .cont_dati_ut h3 { font-weight: normal }

.cont_assegna_ufficio .gestisci, .cont_assegna_ufficio ws { margin: 0!important }
.cont_assegna_ufficio ws { padding: 0!important }
.cont_assegna_ufficio { display: flex; gap: 10px; align-items: center; height: 40px; margin-bottom: 10px}

#cont_utenti { width: 95%; margin:0px auto; text-align:left }
#body_list_card #cont_utenti { padding: 0 40px; display: block; width: calc(100% - 80px) }

.cont_card_uff { display: none; padding-bottom: 40px  }

.cont_card_uff.cuatt { display: grid; grid-template-columns: repeat(5, 1fr);  grid-column-gap: 2em; grid-row-gap: 2em; text-align: center }

.AC { width: 30px; height: 30px; cursor: pointer; background-size: 30px; background-repeat: no-repeat; background-image: url(../img/icone/ic_giuatt.svg); }
.AC.acatt { background-image: url(../img/icone/ic_bg_su.svg) }

.AC:hover, .AC.acatt:hover { transform: scale(1.2); }

.titOffice { background: rgba(0,0,0,.7); margin: 0px 0px 20px 0; padding: 10px 20px; font-size: 22px; font-weight: bold; border-radius: 5px; color: #f9ae0b; cursor: pointer; background-image: url("../img/icone/ic_bg_giu.svg"); background-repeat: no-repeat; background-size: 26px; background-position: bottom 12px right 10px;  text-align: center}
.titOffice:hover { background-image: url(../img/icone/ic_giuatt.svg); color: #999; }


.titOffice.toatt { background-image: url(../img/icone/ic_bg_su.svg); color: #f9ae0b; background-position-y: 14px;  }

#sugiu { width: 26px; height: 26px; cursor: pointer; margin-right: 9px; }
#giu:hover, #su:hover { opacity: 1; }


.box_utente { background: rgba(0,0,0,.4); border-radius: 5px; box-shadow: 0 0 3px rgba(0,0,0,.95); padding: 20px; color:#fff; position: relative; transition: all .3s }
.box_utente:hover { transform: scale(1.04); }


.box_utente h1, .box_utente h2, .box_utente h3, .box_utente h4, .box_utente h5 { font-weight: normal; } 

.box_utente h4 { margin-top: 10px; margin-bottom: 5px } 
.box_utente h5 { margin-top: 5px; margin-bottom: 5px; color: #f9ae0b; background: #000; display: inline-block; padding: 5px 10px; border-radius: 5px; word-break: break-all; } 
.box_utente h6 { margin: 0 0 30px; font-size: 14px; font-weight: normal; word-break: break-all; }  
.img_list_ut {width: 150px; margin: 25px auto 10px auto; display: block; border-radius: 200px; }
/* card admin nella lista card: fondo nero, filo giallo attorno alla foto, scritta ADMIN gialla appoggiata sul bordo basso della foto */
.box_utente.card_admin { background: rgba(0,0,0,1) }
.box_utente.card_admin .img_list_ut { border: 3px solid #f9ae0b }
.tit_card_admin { width: fit-content; margin: -22px auto 0 auto; padding: 0 5px; border-radius: 3px; background: #f9ae0b; color: #111315; text-transform: uppercase; font-weight: bold; font-size: 12px; position: relative; z-index: 2 }


.box_utente .btn_mod { background: #f9ae0b;  }

.btn_mod { background: #f9ae0b; border-radius: 100px; padding: 5px 10px; font-size: 16px; color: #2a313c; font-weight: bold!important; margin: 10px 0; cursor: pointer; display:inline-block; border: none }
.btn_mod a { color: #2a313c; }

.btn_mod:hover { transform: scale(1.06); } 

.btn_mod_att { background: #f9ae0b!important;} 




.nomeDUP { border-radius: 5px; box-shadow: 0 0 15px #000; position: relative; background: rgba(0,0,0,.9); padding: 10px; border: 1px solid red; margin: -110px 0 0 0; min-height: 70px; }

.nomeDUP h4 { font-weight: normal; margin: 0 }
.nomeDUP b { color: red; font-weight: bold }
.nomeDUP span { font-weight: bold }

.nomeDUP .ekke { display: block; }


.btn_alert { background: red!important; boder:1px solid red  }
.btn_alert a { color: #000!important  }
.txt_alert { color: red!important }


.cl_alert { box-shadow: inset 0 0 0 2px #e50043 !important; } /* passoV120: bordo rosso 2px interno, il campo resta largo come gli altri */
.alertnome { position: relative; margin: -40px 0px 10px 110px; text-align: left; font-size: 16px; font-weight: bold; color: red; text-transform: uppercase }


.x_avviso { position:  absolute; top: 0; margin: 4px 0px 0px -2px; width: 20px; }

.avviso_saveVC, .avviso_copyVC { background: #f9ae0b; position: absolute; width: 350px; height: auto; left: 50%; top: 15%; transform: translate(-50%, -50%) scale(0); padding: 10px 15px; border-radius: 5px; box-shadow: 0 0 10px #000; color: #333; display: none; overflow: hidden; cursor: pointer;  }
.avviso_copyVC { background: rgba(255,255,255, .9); width: 240px; top: -35px; padding: 8px 10px; font-size: 14px; }

.avviso_saveVC.scuro, .avviso_copyVC.scuro { }
.avviso_saveVC.chiaro, .avviso_copyVC.chiaro { box-shadow: unset; color: #333; }
    
.avviso_copyVC.scuro { }
.avviso_copyVC.chiaro { background: #f9ae0b }



.bott { bottom:13%; top: unset }
    

@keyframes slideIn {
0% {
transform: translate(-50%, -50%) scale(0);
}
100% {
transform: translate(-50%, -50%) scale(1);
}
}
    
    
.cont_upimage { width: 100%; width: calc(100% - 220px); display: inline-block; margin-left: 20px}
.cont_upimage input[type="file"] { display: none; }

.cont_upimage .custom-file { display: flex; gap: 10px; flex-direction: column; align-items: flex-start }
.cont_upimage .file-label, .cont-stili.font #SelFont { background: #f9ae0b; color: #000000; font-weight: bold; padding: 6px 12px; border-radius: 5px; cursor: pointer;  }

/*.cont-stili.font #SelFont  .cont-stili.font button {   border-radius: 5px;   font-weight: bold;   padding: 8px 12px;     padding-bottom: 8px;   border: none;   cursor: pointer; }*/

.cont_upimage .file-name { font-size: 16px; color: #999; }
.cont_upimage .file-name.selected { color: #f9ae0b }


.tit_ins { padding: 0px;  margin-bottom: 15px; display: inline-block;  font-size: 18px }
.tit_ins small { color: #e50043}

.img_ic_card { width: 40px!important; height: auto!important; vertical-align: top!important; margin: 0 15px 0px -55px!important }

.img_ant_card { width:100px!important; margin: 0 0 0 -100px!important; }
.img_ant_card:hover { transform: scale(1.04); }


.img_logo { margin: 0px auto 10px auto }
.img_logo img { width: 260px; height: auto; display: inline-block; margin-left: -10px; }
.img_logo img:hover { transform: scale(1.04); } 

.img2, .img3 { width: 100%; margin: 0 0 0 -5px; cursor: pointer }
.img2:hover, .img3:hover { transform: scale(1.04); } 

#body_card .img_logo img { max-width: calc(100% - 10px); margin-left: auto; margin-right: auto;}


.cont_ic_dati { margin-top: 30px }
.cont_ic_dati img { width: 40px; height: auto; vertical-align: top; margin: 0 15px 0px 0 }



.img_utente { margin-bottom: 5px; calc(100% - 40px); margin-left: auto; margin-right: auto }
.img_utente img { width: calc(100% - 120px); height: auto; max-width: 160px; border-radius: 100px; box-shadow: 0px 0px 40px rgba(0,0,0,.1) }

.cont_card.chiaro .img_utente img { box-shadow: none }
.img_utente img:hover { transform: scale(1.04); } 


.nome_utente { font-weight: normal; margin-bottom: 15px }
.nome_utente.chiaro { color: #2a313c }

.nome_utente h1, .nome_utente h2, .nome_utente h3, .nome_utente h4, .nome_utente h5 { font-weight: normal; margin: 0 }
.nome_utente h1 { font-weight: bold; margin-top: 10px; line-height: 36px; }
.nome_utente h3 { margin-top: 5px}
.nome_utente h3 a b { font-size: 20px; vertical-align: sub } 

.nome_utente h3 i { font-size: 25px; vertical-align: middle }
.indirizzo a i { font-size: 23px; vertical-align: sub }

#body_card .nome_utente { padding: 0px 20px }


.cont_icone { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0 5px; margin: 0 auto 5px; width: 100%; max-width: 500px; }
.cont_icone img { width: 40px;  height: auto; margin: 0px 5px; cursor: pointer }
.cont_icone img:hover { transform: scale(1.1); }

.ic_soc img { width: 40px;  height: auto; margin: 0px 5px }

.cont_indirizzo { padding: 15px 20px; font-size: 18px; margin: 10px auto 0 auto; border-radius: 5px; line-height: normal; max-width: 500px;
  width: calc(100% - 60px); }
.cont_indirizzo.chiaro { background: rgba(0,0,0,.65) }


.cont_indirizzo.cont_soc_az { padding: 5px 20px; }
.cont_indirizzo.cont_soc_az h5 { margin: 5px auto 0; opacity: .7; font-size: 16px; font-weight: normal; }
.cont_icone.cont_soc_az { gap:12px; margin: 0px auto; flex-wrap: wrap; padding: 5px 0 }
.cont_icone.cont_soc_az a { display: flex; margin-bottom: 5px}
.cont_icone.cont_soc_az a.wabus i { font-size: 28px }


.cont_icone.cont_soc_az * { font-size: 24px }
.cont_icone.cont_soc_az *:hover { transform: scale(1.1); }


.indirizzo h1, .indirizzo h2, .indirizzo h3 { margin-bottom: 5px; margin-top: 15px; } 

#cont_assegna_card { text-align: left; }
#altro_indirizzo {  }

#altro_indirizzo ws { white-space: nowrap; padding-top: 5px; display: inline-block; }
.cont_altre_sedi { display: flex; flex-wrap: wrap; row-gap: 5px;  }

.cont_altre_sedi label { background: rgba(255,255,255,.2); white-space: nowrap; padding: 4px 10px 4px 3px; display: inline-block; margin: 0 5px 5px 0; border-radius: 5px; cursor: pointer }
.cont_altre_sedi label:hover { background: rgba(0,0,0,1); color: #f9ae0b }

.cont_altre_sedi label.labatt { background: none;  cursor: default }
.cont_altre_sedi label.labatt:hover { color: inherit; transform: none }

.altre_sedi {  }


.sede_att { background: rgba(0,0,0,.9); display: inline-block; padding: 5px 10px 0; border-radius: 5px; margin: 5px 0 0 0!important; min-width: 71%;}

.ind_princ { line-height: 25px }
.ind_princ big { line-height: normal; display: block!important }
.ind_princ small { color: rgba(255,255,255,.6); display: block; margin-bottom: 4px; line-height: normal; font-size: 16px }
.divbranch .ind_princ small { font-size: 15px }


.ind_princ h3, .ind_second h3 { margin-top: 5px; }
.ind_second { font-size: 90%; line-height: 25px }
.ind_second small {color: rgba(255,255,255,.6); line-height: 18px; padding-top: 10px; display: inline-block;  }


.pivasdi, .picf { font-size:16px; line-height: 20px; margin-top: 8px; opacity: 0.7; }
.claim { font-size:16px; line-height: 20px; margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #FFFFFF90; padding-top: 10px; text-transform: uppercase; opacity: 1 }

.tooltip { position: relative; display: inline-block; }

.tooltip .tooltiptext { visibility: hidden; width: 3000px; background-color: rgba(0,0,0,.9); color: #fff; text-align: left; border-radius: 5px; padding: 10px 10px; position: absolute; z-index: 1; left: -165px; top:20px; font-family: Open Sans, Arial, Helvetica, 'sans-serif', Verdana }

.tooltiptext { font-size: 13px; font-weight: normal; line-height: 15px }

.tooltip .tooltiptext h1, .tooltip .tooltiptext h2, .tooltip .tooltiptext h3 { margin: 0 0 5px 0}
.tooltip:hover .tooltiptext { visibility: visible; }


.senza3 { float: none; width: 100%; text-align: center; max-width: 100% }

.btn_salva { background: #f9ae0b; border-radius: 5px; font-size: 20px; color: #2a313c; cursor: pointer; display:inline-block;line-height: 40px; height: 40px; padding: 0 18px; white-space: nowrap; overflow: hidden; }

.btn-upload-image { font-weight: bold }


.btn_salva a { color: #2a313c; font-weight: bold }
.btn_salva:hover { transform: scale(1.04); } 


.linkfooter, .linkfooter span { }
.linkfooter:hover, .linkfooter span:hover {  }
.linkfooter:active, .linkfooter span:active {  }

.footer { padding-bottom: 40px; font-size: 20px; margin: 15px auto 0 auto; border-radius: 5px; line-height: normal; max-width: 500px; width: calc(100% - 60px); color: #e50043; position: relative }
.footer a { color: #e50043; font-size: 20px }
.footer a:hover { color: #ffffff; }
.footer i { font-size: 16px; }
.footer span { cursor: pointer }


.cont_azioni_footer, .cont_wallet { display: flex; flex-wrap: wrap; column-gap: 15px; row-gap:10px; justify-content: center; margin-bottom: 15px }

#inviaWA, #vediqr, #copiaLC, #demoDati { font-size: 14px; padding: 3px 5px 3px 5px!important; border-radius: 5px; min-width: 105px; display: flex; justify-content: center; align-items: center; column-gap: 5px }

#inviaWA b, #vediqr b, #copiaLC b, #demoDati b { font-weight: normal }

#vediqr.scuro, #copiaLC.scuro, #demoDati.scuro { background: rgba(255,255,255,.2); color: #fff }
#vediqr.scuro:hover, #copiaLC.scuro:hover, #demoDati.scuro:hover { background: rgba(255,255,255,.3); transform: scale(1.07); }

#vediqr.chiaro, #copiaLC.chiaro, #demoDati.chiaro { background:rgba(0,0,0,.2); color: #555 }
#vediqr.chiaro:hover, #copiaLC.chiaro:hover, #demoDati.chiaro:hover { background:rgba(0,0,0,.3); transform: scale(1.07); }

#inviaWA i, #demoDati i { font-size: 22px}
#vediqr i { font-size: 20px}

#inviaWA { background: #2ab440; color:#ffffff }
#inviaWA:hover { transform: scale(1.07); }

#cont_qr  { width: 100%; padding: 0 60px;  margin: 15px auto; display: none}
#cont_qr img { width: 100%; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,.9); }

#cont_qr.scuro img { box-shadow: 0 0 20px rgba(0,0,0,.9); }
#cont_qr.chiaro img { box-shadow: 0 0 30px rgba(0,0,0,.1) }

#cont_inviaWA { width: 100%; max-width: 320px; margin: 15px auto 15px auto; display: none; text-align: center }

.addwall, .addwallgoo { width: 100%; max-width: 120px; height: auto; cursor: pointer }
.addwall:hover, .addwallgoo:hover  { transform: scale(1.05)}
.addwallgoo { display: none} 

.footer #sendButton { color: #2b4848 }

/****************************** CSS ADD OFFICE *******************************************/
/****************************** CSS ADD OFFICE *******************************************/
/****************************** CSS ADD OFFICE *******************************************/
/****************************** CSS ADD OFFICE *******************************************/
#body_add_office label[for="main_office"] { display: block; min-height: 20px; margin-bottom: 10px; margin-top: 5px }

#body_add_office .img_logo,
#body_list_card .img_logo,
#body_gest_card .img_logo  { margin: 20px 0 10px 0; text-align: left;}

#body_add_office .img_logo img,
#body_list_card .img_logo img,
#body_gest_card .img_logo img { width: calc(100% - 20px); max-width: 260px; margin: 0 0 0 35px;}
#body_gest_card .img_logo img { margin: 0 0 5px -10px }

#body_gest_card hr { margin: 20px auto 20px }

#body_add_office .cont_card_uff.cuatt { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 2em; row-gap: 2em; }


#body_add_office #cont_utenti { padding: 0 40px; width: 100%; box-sizing: border-box; }
#body_add_office .MT15.modoffice { min-height: 90px; display: flex; align-items: center; justify-content: center; margin: 0 auto }
#body_add_office .img_list_ut { width: 100%; max-width: 210px; border-radius: 0; margin: 0 }

#body_add_office .box_utente h5.nomoff { margin-bottom: 5px }
#body_add_office .box_utente h4 { margin:0 auto 20px; word-break: break-all; }
#body_add_office .box_utente:hover { transform: none }

#body_add_office .cont_stat_ut.off { display: inline-block; justify-content:unset; color: #fff; width:100%; box-sizing: border-box; background: rgba(0,0,0,.4); word-break: break-all; }
#body_add_office .cont_stat_ut.off span, .input_dati span { color: rgba(255,255,255,.6); font-size: 90%; box-sizing: border-box; }
#body_add_office .input_dati span { width: 100%; overflow: hidden; }
#body_add_office .cont_stat_ut.off ul { list-style: none; padding: 0; margin: 0; font-size: 15px; word-break: break-all; }
#body_add_office .cont_stat_ut.off ul li { border-bottom: 1px solid gray; padding: 4px 0 6px 0 }
#body_add_office .cont_stat_ut.off ul li i { margin: 0 5px 0 0; vertical-align: middle }
#body_add_office .cont_stat_ut.off ul li:last-child { border-bottom:none }

#body_add_office .cont_stat_ut.off .main_address .ind_princ,
#body_card .cont_indirizzo .indirizzo .main_address .ind_princ { opacity: .7;  line-height: normal }



#body_add_office .cont_stat_ut.off .main_address .pivasdi,
#body_add_office .cont_stat_ut.off .main_address .ind_princ .claim { display: none }

#body_card .container { padding-top: 0; width: 100% }

#body_card .cont_indirizzo .indirizzo .main_address .pivasdi,
#body_card .cont_indirizzo .indirizzo .main_address .ind_princ .claim { display: none }


#body_add_office .cont_stat_ut.off h4,
#body_card .cont_indirizzo .indirizzo h4,
#body_add_office .cont_stat_ut.off h6,
#body_card .cont_indirizzo .indirizzo h6 { text-align: center; margin: 0; text-transform: uppercase; font-size: 14px; font-weight: bold; opacity: .7}
#body_add_office .cont_stat_ut.off h6,
#body_card .cont_indirizzo .indirizzo h6 { font-weight: normal; opacity: 1; }
#body_card .cont_indirizzo .indirizzo > h6 { padding-bottom: 5px}


#body_add_office .cont_stat_ut.off .divbranch, #body_card .cont_indirizzo .indirizzo .divbranch { margin-top: 15px; font-size: 15px }

#body_card .divbranch .main_address .ind_princ h4 { line-height: normal; border-top: 1px solid #ffffff; padding-top: 12px; margin-top: 16px; }
#body_card .divbranch .main_address .ind_princ h6 { line-height: normal; opacity: 1; margin-bottom: 5px }


#body_add_office input[type="file"] { float: none; width: 100%; margin: 0 0 10px 0; height: auto; font-size: 16px; font-weight: normal }

#body_add_office .cont_ins_file, .input_dati { text-align: left; margin: 25px 0 0 0; }
#body_add_office .input_dati i { width: 25px }
#body_add_office .input_dati ev i { width: auto }
#body_add_office .ins-mod { border: 1px solid #f7ac0a }
#body_add_office .viewcard.insmod {  }
#body_add_office .ins-mod h5.btn_mod { margin-top: 15px }
#body_add_office #imagePreview { max-width: 100%; max-height: 500px; margin-top: 10px; overflow: hidden }
#body_add_office #imagePreview img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: block; }


#body_add_office #imagePreviewBG.preview { background-size: contain; background-repeat: no-repeat; background-position: left top; }
#body_add_office #imagePreviewBG.cover { background-size: cover; background-position: center;}
#body_add_office #imagePreviewBG.repeat { background-size: 10%; background-repeat: repeat; }





#cont_btnBG { display: flex; flex-direction: column; width: 100%; }
#cont_btnBG .control { display: flex; margin-bottom: 10px; background: rgba(255,255,255,.12); padding: 10px; border-radius: 5px; align-items: center; flex-wrap: wrap; }
#cont_btnBG .control > label { width: 50%; padding-right: 10px; text-align: left; box-sizing: border-box; }

#cont_btnBG .control .inputcontroll label { background: rgba(0,0,0,.5); padding: 1px 10px 2px 2px; margin: 2px 0 2px 5px; border-radius: 5px; cursor: pointer}
  
#cont_btnBG .control > div { display: flex; align-items: center; width: 50%; flex-wrap: wrap; box-sizing: border-box; }
#cont_btnBG .control > div > input[type="range"], #cont_btnBG .control > div > input[type="radio"], #cont_btnBG .control > div > select { flex: 1; }

#cont_btnBG .control.scegli { display: none }
#cont_btnBG .control.scegli .inputcontroll label { padding: 5px 5px 0px 5px }


#body_add_office .cont-stili.faviconP i, #body_add_office .cont-stili.branch_logo i, #body_add_office .cont-stili.bgimm i { display: none; position: absolute; right: 10px; top: 10px; font-size: 25px; color: #e50043; cursor: pointer; background: #fff; border-radius: 80px; padding: 2px; }


#body_add_office .cont-stili.font .custom-file-input { margin-top: 10px}
#body_add_office .cont-stili.font #fontPreview { margin-top: 20px; border-top: 1px solid #f7ac0a; padding-top: 15px; font-size: 20px}

.cont-stili.font #fontSelection {background-color: #f0f0f0; border-radius: 5px; font-weight: bold; width: 80%; padding: 8px;}
.cont-stili.font button:hover { transform: scale(1.02); }

.cont-stili.font button { border-radius: 5px; font-weight: bold; padding: 8px 12px; border: none; cursor: pointer; }
.cont-stili.font #uploadButton { background-color: #f9ae0b; color: black; margin-top: 15px }
.cont-stili.font #deleteFontButton { background-color: #e50043; color: white; margin-top: 5px; }
.cont-stili.font .qualifont { margin-top: 10px }



#body_add_office i.fl { float: left }
#body_add_office i.mb10 { margin-top: 10px }
#body_add_office input[type="input"], #body_add_office input[type="number"], #body_add_office textarea { margin: 0 0 15px 0px; width: calc(100% - 37px); height: 26px; padding: 2px 5px; border: 1px solid gray; border-radius: 4px; }
#body_add_office textarea { width: calc(100% - 37px); height: 80px; font-family: Courier; margin-bottom: 0 }
#body_add_office input[type="input"].cap_az { width: calc(20% - 14px); margin-right: 2px; }
#body_add_office input[type="input"].citta_az { width: calc(70% - 39px); margin-right: 2px;  }
#body_add_office input[type="input"].prov_az { width: calc(10% - 12px) }
#body_add_office input[type="input"].reg_az { width: calc(50% - 26px); margin-right: 2px;  }
#body_add_office input[type="input"].naz_az { width: calc(50% - 25px) }

#body_add_office input[type="input"].piva_az { width: calc(33% - 48px); margin-right: 15px; }
#body_add_office input[type="input"].cf_az { width: calc(33% - 48px); margin-right: 15px; }
#body_add_office input[type="input"].nif_az { width: calc(33% - 52px) }

#body_add_office input[type="input"]#office_az { font-weight: bold; font-size: 14px; background: #f9ae0b; }

#body_add_office input[type="number"]#larg_logo_az { width: calc(32% - 52px); margin-right: 15px }
#body_add_office input[type="number"]#top_logo_az { width: calc(32% - 52px); margin-right: 15px }
#body_add_office input[type="number"]#bottom_logo_az { width: calc(32% - 37px) }

.maius { text-transform: uppercase  }
.minus { text-transform: lowercase  }

#body_add_office .btn_mod { color: #2a313c } 

#body_add_office .copyLC:hover, #body_add_office .saveVC:hover { transform: none; cursor: default }


#body_add_office #cont_mess { text-align: left }
#body_add_office .mess { border-radius: 5px; box-shadow: 0 0 15px #000; position: relative; background: rgba(0,0,0,.9); padding: 5px 10px; border: 1px solid #fff; display: inline-block; z-index: 101; color: #ffffff; margin: 10px }
#body_add_office .marg { margin: 10px 10px 0 0 }
#body_add_office .alert { border-color: red; color: red; }
#body_add_office .nota { border:1px solid darkorange; color: darkorange }
#body_add_office .messok { border:1px solid green; color: green; background: #dddddd }

#body_add_office .gestisci.suboff { border: none; cursor: pointer }
#body_add_office .btn_mod.suboff { border-radius: 5px; cursor: pointer }

#body_add_office .nomeDUP { margin: 0px 0 0 0; z-index: 101 } 


#body_add_office #cont_stili { margin: 20px 0 }
.stili { cursor: pointer; margin-top: 10px }
.stili:hover { color: #ffffff }


.cont-stili.colfoot .cont_addcontact, .cont-stili.colfoot .cont_linkfooter { display: grid; grid-template-columns: 50% 22.5% 22.5%; gap: 2.5%;} 
.cont-stili.colfoot .cont_linkfooter { margin-top: 20px }

.cont-stili { width: calc(100% - 40px); margin: 0 auto; padding: 20px 20px; background: #000; border-radius: 5px; margin-bottom: 15px; position: relative }
.colfoot input[type="color"] { border: none; padding: 0; border: none; width: 100%;  box-sizing: border-box; }
.colfoot ev { /* vertical-align: super*/ }

.cont_colore { display: grid; grid-template-columns: repeat(4, 1fr); padding: 0; margin: 20px 0px 0 30px!important; row-gap: 5px;  column-gap: 10px }
.cont_colore label, .cont_colore input[type="color"] { width: 100%!important /* align-self: end */ }
.cont_colore input[type="number"] { margin-bottom: 0!important; width: calc(100% - 15px)!important }
.cont_colore label { ine-height: 12px; opacity: .8; font-size: 12px;}


.cont-stili.colfoot div { margin-bottom: 10px }

.dim_logo_ins img, .dim_logo_ins { min-width: 200px; max-width: 300px}
.dim_fav_ins img, .dim_fav_ins { width: 130px}
.elimimm { cursor: pointer }

.ant_immbg img { width: auto; max-width: 100% }
.ant_immbg { width: 100%; margin-bottom: 12px }

.modoffice { cursor: pointer }


ev { padding: 3px 5px 3px 7px; border-radius: 5px; margin-right: 15px; background: #333 }
.btnchiaro { background: #999; color: #000 }
.btnscuro { background: #333; color: #fff }
#color_az1, #color_az2, #color_az3 { width: 12% }
#opac_color_az2 {  font-size: 18px; color: #000 }




.add_cont, .link_footercolor { font-weight: bold; border-radius: 5px; text-align: center; white-space: nowrap; display: inline-block; padding: 5px 15px 2px 5px;  box-sizing: border-box;  }

.link_footercolor { box-sizing: border-box; padding: unset}


.add_cont { background: #f9ae0b; color: #2a313c;  }
.link_footercolor { background:none; color: #e50043;  }

.btn_color, .sel_color { border: none; cursor: pointer; background: #f9ae0b; border-radius: 5px; font-weight: bold; color: #000; font-size: 14px; padding: 5px  }
.btn_color { text-align: center} 
.sel_color { padding: 10px 15px }
.btn_color:hover { background: #2a3034; color: #fff }
.btn_color:hover { }



/****************************** END CSS ADD OFFICE *******************************************/
/****************************** END CSS ADD OFFICE *******************************************/
/****************************** END CSS ADD OFFICE *******************************************/
/****************************** END CSS ADD OFFICE *******************************************/

.footer_ver { font-family: Open Sans, Arial!important; border-top: 1px solid rgba(0,0,0,.2); min-height: 40px; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.3); padding: 10px 0 30px; font-size: 13px; margin-top: 30px; }

.footer_ver a, .footer_ver a b, .footer_ver a, .footer_ver a sup { font-family: Open Sans, Arial!important; color: inherit; text-decoration: none }

/* === dgCard: campi obbligatori, overlay messaggi (12/10/2026) === */
input.obbl, input[data-obbl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0v10M0.7 2.5l8.6 5M0.7 7.5l8.6-5' stroke='%23e50043' stroke-width='1.6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 9px 9px !important;
}
input.campo-mancante { outline: 2px solid #e50043 !important; outline-offset: -2px; }
.dg-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.75); z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.dg-overlay-box { background: #1e2226; color: #fff; border: 1px solid #e50043; border-radius: 8px; box-shadow: 0 0 30px #000; max-width: 420px; width: 100%; padding: 22px 24px; text-align: left; font-size: 16px; }
.dg-overlay-box h4 { color: #e50043; margin: 0 0 8px; font-size: 20px; }
.dg-overlay-box p { margin: 0 0 8px; }
.dg-overlay-box ul { margin: 0 0 18px; padding-left: 20px; line-height: 1.6; }
.dg-overlay-box .dg-btn { display: block; margin: 0 auto; background: #f0b43c; color: #222; border: 0; border-radius: 5px; padding: 10px 28px; font-size: 16px; font-weight: bold; cursor: pointer; }
.dg-overlay-box .dg-btn:hover { background: #ffc85a; }

/* === dgCard: abbonamento (fascia in basso nel gestionale e pagina del piano) 14/10/2026 === */
.dg-fascia-abb { position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; display: flex; align-items: center; justify-content: center; gap: 15px; flex-wrap: wrap;
    background: #e50043; color: #ffffff; border-top: 3px solid #f9ae0b; padding: 10px 16px; font-size: 15px; text-align: center; }
/* 19/10: fascia e avvisi del piano in rosso (Patrick: devono staccarsi dal resto del pannello) */
.dg-fascia-abb.scaduto { border-top-color: #ffffff; }
.dg-fascia-abb b, .dg-fascia-abb.scaduto b { color: #ffffff; }
.dg-avviso-abb { background: #e50043; color: #ffffff; border-radius: 5px; padding: 10px 10px 0; box-shadow: 0 0 3px rgba(0,0,0,.95); }
.dg-avviso-abb .tit_ins, .dg-avviso-abb b { color: #ffffff; }
body:has(.dg-fascia-abb) { padding-bottom: 70px; }


/* 14/10: pulsante CREA CARD nella lista e pulsante Elimina immagine */
#body_list_card .cont_search.showAC.dg-con-crea { grid-template-columns: auto 1fr 1fr 38px }
/* Crea card: stesso pulsante di GESTIONE CARD / OFFICE (classi gestisci bg_yell), "+" a destra */
.dg-crea-card { align-self: center; justify-self: start; white-space: nowrap }
.dg-crea-card i { margin-left: 6px }
.elimm .dg-btn-elimm { display: inline-block; margin: 8px 0 10px; color: #f9ae0b; cursor: pointer }
.elimm .dg-btn-elimm:hover { color: #ffffff }
.elimm .dg-btn-elimm i { margin-right: 4px }
@media all and (max-width: 600px) { #body_list_card .cont_search.showAC.dg-con-crea { grid-template-columns: 1fr } }

#dgAttTab small { display: block; margin-top: 2px }


/* 14/10: menu in alto responsive (prima la riga "Utente" allargava il pulsante GESTIONE CARD e sul telefono OFFICE usciva dallo schermo) */
@media all and (max-width: 810px) {
.cont_menu #menu_top { grid-template-columns: auto auto 1fr auto auto; grid-column-gap: 10px }
.cont_menu #menu_top > * { order: 0; grid-column: auto }
.cont_menu #menu_top > .dati_accesso { order: 10; grid-column: 1 / -1; white-space: normal }
.cont_menu #menu_top.dg-admin { grid-template-columns: auto auto 1fr auto auto }
.cont_menu #menu_top > .dg-admin-btn { order: 9 } /* amministratore: sulla seconda riga */
.cont_menu #menu_top > .Clingua, .cont_menu #menu_top > .esci, .cont_menu #menu_top > .spazio_menu { grid-column: auto }
}
@media all and (max-width: 480px) {
.cont_menu #menu_top { padding: 14px 14px 10px; grid-column-gap: 6px; grid-row-gap: 8px }
.cont_menu #menu_top > .gestisci, .cont_menu #menu_top > .esci, .cont_menu #menu_top > .Clingua { font-size: 12px; padding: 6px 8px 4px }
.cont_menu #menu_top > .dati_accesso { font-size: 12px }
.cont_menu #menu_top > .dati_accesso b { padding: 2px 6px 1px; margin-right: 6px }
}




/* 14/10: pagina "Il mio account" e pulsante ACCOUNT nel menu */
.dati_accesso .dg-menu-account { display: inline-block; margin-right: 12px }
.dati_accesso .dg-menu-email { color: inherit; text-decoration: none }
.dati_accesso .dg-menu-email:hover b { color: #f9ae0b }
/* (pagina account: usa gli elementi della scheda card, nessuno stile proprio) */

/* Elenco utenti nella scheda card (gest/select_utenti.php, select2): chiusa uguale a .selez, aperta scura con evidenziazione gialla */
#body_gest_card .cont_selins_card .select2-container { flex: 1; max-width: calc(80% - 5px) }
.select2-container--default .select2-selection--single { height: 40px; background: rgba(255,255,255,.6); border: none; border-radius: 5px; outline: none }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; font-size: 20px; font-weight: bold; color: #fff; padding: 0 30px 0 10px; text-transform: uppercase }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; right: 6px }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #fff transparent }
.select2-dropdown { background: #2a3034; border: none; border-radius: 5px; box-shadow: 0 5px 20px rgba(0,0,0,.5); overflow: hidden }
.select2-search--dropdown { padding: 10px }
.select2-container--default .select2-search--dropdown .select2-search__field { height: 40px; font-size: 18px; padding: 0 10px; border: none; border-radius: 5px; background: rgba(255,255,255,.6); color: #fff; outline: none; box-sizing: border-box }
.select2-container--default .select2-results > .select2-results__options { max-height: 400px }
.select2-results__option { font-size: 18px; color: #fff; padding: 8px 10px }
.select2-container--default .select2-results__option[aria-selected=true] { background: rgba(255,255,255,.15) }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: #f9ae0b; color: #111315 }
.select2-results__option .dg-s2-uff { color: #f9ae0b; font-weight: bold; text-transform: uppercase }
.select2-container--default .select2-results__group { padding: 8px 10px; font-size: 18px }
.select2-results__option--highlighted .dg-s2-uff { color: #111315 }

/* Scheda card (passoV120): sotto Aggiorna "Elimina card" a sinistra e ANTEPRIMA CARD a destra (nero con testo ciano, si distingue dal giallo) */
#body_gest_card .dg-riga-card { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 10px 0 15px; }
#body_gest_card .dg-riga-card .elimina { margin: 0; }
#body_gest_card .dg-riga-card .elimina span { margin: 0; }
#body_gest_card .dg-due-colonne { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; } /* due impostazioni affiancate (passoV134) */
@media all and (max-width: 600px) { #body_gest_card .dg-due-colonne { grid-template-columns: minmax(0, 1fr); } }
#body_gest_card .dg-btn-anteprima { display: inline-block; color: #03b7d6; text-decoration: none; white-space: nowrap; }
#body_gest_card .dg-btn-anteprima:hover { color: #ffffff; }
#body_gest_card .dg-btn-anteprima i { margin-right: 4px; }