/******************************************************************
INDEX 
 *****************************************************************/
.index_header {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1rem;
  background-color: #fff;
  box-shadow: 0px 4px 8px rgba(185, 185, 185, 0.25);
  border-radius: 5px;
}
.index_main {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-bottom: 5rem;
}
.contenitore_index {
  width: 500px;
}
.titolo_index {
  text-align: center;
  width: 450px;
}
.img_index {
  width: 100%;
  border-radius: 1rem;
}
.contenitore_index:hover {
  filter: drop-shadow(2px 4px 6px #8c78ff);
  /*  width: auto;
  max-width: 500px; */
}
.index_footer {
  padding: 1rem;
  margin: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fbfbfb;
  border-radius: 5px;
}
.index_footer p,
footer p {
  font-size: 11px;
}
/******************************************************************
HEADER 
 *****************************************************************/
.contenitore_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  position: relative;
}
.info_livello {
  font-size: 12px;
  font-family: "Poppins Light";
}
.profilo_info > p {
  margin: 0;
}
.account {
  display: flex;
  align-items: center;
  /*   max-width: 250px; */
}
.account:hover {
  cursor: pointer;
}
.account_menu,
.notifiche_menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  /* min-width: 10rem; */
  min-width: 220px;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  inset: 0px 0px auto auto;
}
.account_menu {
  transform: translate(-16px, 50px);
}
.notifiche_menu {
  transform: translate(-236px, 50px);
}
#bottone_account {
  margin: 0 1rem 0 0.5rem;
  max-width: 200px;
}
.lista_menu,
.span_lista_menu,
.lista_menu_dest {
  display: block;
  width: 100%;
  padding: 0.5rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: var(--colore_testo_grigio);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  text-decoration: none;
  font-size: 13px;
}
.lista_menu:hover,
.lista_menu_dest:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
  cursor: pointer;
}
.div_img_notifiche {
  position: relative;
  margin-right: 4rem;
}
.div_img_notifiche:hover {
  cursor: pointer;
}
.div_not_rifiuto {
  position: relative;
}
.num_notifiche,
.notif_rifiuto {
  color: var(--colore_testo_bianco);
  text-align: center;
  vertical-align: middle;
  line-height: 1rem;
  font-size: 10px;
  box-sizing: border-box;
  position: absolute;
  width: 18px;
  height: 18px;
  background-color: var(--colore-sfondo-rosso);
  border: 1.5px solid var(--colore_testo_bianco);
  border-radius: 50%;
  top: 0;
  right: 0;
}
/******************************************************************
FINE HEADER 
 *****************************************************************/

/******************************************************************
NAV
 *****************************************************************/
.nav {
  width: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.nav_ul {
  width: 100%;
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.nav_ul > li {
  padding: 12px;
}
.nav_ul > li:hover {
  background-color: #f5f6ff;
  color: var(--colore_primario);
}
/* .nav_ul > li:hover .img_nav {
  filter: invert(100%) sepia(47%) saturate(5000) hue-rotate(200deg)
    brightness(74%) contrast(35);
} */
.nav_link {
  display: block;
  padding: 0.5rem 1rem;
  height: 100%;
  text-decoration: none;
}

.nav_link:hover {
  text-decoration: none;
  background-color: #f5f6ff;
  color: var(--colore_primario);
}

.menu_nav_li {
  background-color: #f5f6ff;
}

.menu_nav_a {
  color: var(--colore_primario);
}

.nav_a {
  color: #696969;
}
.supporto {
  padding: 1rem 0;
}
.testo_supporto {
  font-family: "Poppins Regular";
  line-height: 10px;
  margin-left: 1.5rem;
  color: var(--colore_testo_grigio_chiaro);
  font-size: 11px;
}
.colore_dettagli {
  color: var(--colore_testo_grigio);
  font-size: 13.5px;
  font-family: "Poppins Medium";
}
.span_dettagli {
  color: var(--colore_primario);
  font-size: 13.5px;
  font-family: "Poppins Medium";
}
/******************************************************************
FINE NAV
 *****************************************************************/

/******************************************************************
MAIN
 *****************************************************************/
.intestazione {
  margin: 1rem;
  background-color: #fff;
  padding: 1rem;
  box-shadow: 0px 4px 8px rgba(185, 185, 185, 0.25);
  border-radius: 5px;
}
.intestazione.msg {
  height: 57px;
}
.barra_ricerca {
  margin: 0 1rem;
  width: 100%;
  border-radius: 1rem;
  border: 3px solid var(--colore_bordo_grigio);
  padding: 8px;
  font-size: 14px;
}
.barra_ricerca:focus {
  outline: 3px solid var(--colore_primario);
}
.cerca {
  display: flex;
  width: 600px;
}
.cerca_msg {
  display: flex;
  margin: 0.5rem 0;
}
.main_contenuto {
  padding: 1rem;
  margin: 1rem;
  background-color: #fff;
  box-shadow: 0px 4px 8px rgba(185, 185, 185, 0.25);
  border-radius: 5px;
}
/* .main_contenuto.msg {
  height: calc(100vh - 313px);
} */
.tab_titoli {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.riga_risultato {
  border: 3px solid var(--colore_bordo_grigio);
  padding: 1rem;
  vertical-align: middle;
  line-height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
}
.riga_risultato > p {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.riga_risultato.attivo,
.qual_abbin.attivo {
  border: 2px solid var(--colore_primario);
}
.riga_risultato_modulo {
  border: 3px solid var(--colore_bordo_grigio);
  padding: 1rem;
  vertical-align: middle;
  line-height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  width: 450px;
}
.singolo_modulo {
  font-size: 13px;
  font-family: "Poppins Medium";
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--colore_testo_grigio);
}
.qualifiche {
  margin-left: 1rem;
}
.singola_qualifica,
.qual_abbin,
.ruolo_anag {
  border: 1px solid var(--colore_sfondo_azzurro);
  border-radius: 1rem;
  padding: 0.5rem;
  color: var(--colore_testo_azzurro);
  background-color: var(--colore_sfondo_azzurro);
  font-size: 14px;
}
.singola_qualifica {
  display: inline-block;
  margin: 0.25rem;
}
.qual_abbin:hover {
  border: 2px solid var(--colore_primario);
  cursor: pointer;
}
/* LIVELLI */
.livelli,
.commesse,
.no_commesse,
.nuova_com_qual,
.status,
.status_anag,
.commessa_comune {
  padding: 0.5rem;
  font-size: 14px;
  border-radius: 1rem;
  text-align: center;
  color: var(--colore_testo_bianco);
}
.livelli.liv1 {
  background-color: var(--colore_sfondo_liv1);
}
.livelli.liv2 {
  background-color: var(--colore_sfondo_liv2);
}
.livelli.liv3 {
  background-color: var(--colore_sfondo_liv3);
}
.livelli.liv4 {
  background-color: var(--colore_sfondo_liv4);
}
.livelli.liv5 {
  background-color: var(--colore_sfondo_liv5);
}
.livelli.liv6 {
  background-color: var(--colore_sfondo_liv6);
}
.commesse,
.info_utente,
.info_utente_anag,
.no_commesse,
.status_anag,
.associato,
.abbinamenti,
.nuova_com_qual {
  font-family: "Poppins Medium";
}
.commesse,
.info_utente,
.info_utente_anag {
  background-color: var(--colore_sfondo_azzurro2);
  color: var(--colore_primario);
}
.commesse,
.no_commesse,
.nuova_com_qual {
  margin-bottom: 0.5rem;
}
.no_commesse {
  background-color: var(--colore_sfondo_arancione);
  color: var(--colore_testo_arancione);
}
.nuova_com_qual {
  background-color: var(--colore_sfondo_azzurro);
  color: var(--colore_primario);
  padding: 0.5rem 1rem;
  margin: 0.5rem;
  display: inline-block;
}
.commessa_comune {
  background-color: var(--colore_sfondo_violetto);
  color: var(--colore_testo_violetto);
  padding: 0.5rem;
  margin: 0.5rem;
  display: inline-block;
}
.info_utente {
  padding: 0.5rem 0.25rem;
}
.info_utente_anag {
  font-size: 13px;
}
.status {
  border: 3px solid var(--colore_bordo_grigio);
  background-color: var(--colore_testo_bianco);
  color: var(--colore_testo_grigio);
}

.cerchio {
  min-width: 12px;
  min-height: 12px;
  border-radius: 50%;
}
.cerchio.verde {
  border: 1px solid var(--colore_sfondo_liv3);
  background-color: var(--colore_sfondo_liv3);
}
.status_anag.verde {
  color: var(--colore_sfondo_liv3);
}
.cerchio.rosso {
  border: 1px solid var(--colore_sfondo_liv6);
  background-color: var(--colore_sfondo_liv6);
}
.status_anag.rosso {
  color: var(--colore_sfondo_liv6);
}
.cerchio.arancione {
  border: 1px solid var(--colore_sfondo_liv4);
  background-color: var(--colore_sfondo_liv4);
}
.status_anag.arancione {
  color: var(--colore_sfondo_liv4);
}
.ruolo_anag {
  width: 75%;
}
.associato,
.rifiutato {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--colore_bordo_grigio);
  background-color: var(--colore_testo_bianco);
  font-size: 12px;
  border-radius: 1rem;
  text-align: center;
  max-width: 250px;
  padding: 0.5rem;
}
.associato {
  color: var(--colore_sfondo_liv3);
}
.rifiutato {
  color: var(--colore_sfondo_liv6);
  margin: 1rem 0;
}
.abbinamenti {
  background-color: var(--colore_sfondo_violetto);
  color: var(--colore_testo_violetto);
  /*  max-width: 50%; */
  margin: 1rem 0;
  padding: 0.8rem;
  font-size: 14px;
  text-align: center;
}

.span_abbinamento {
  border-radius: 50%;
  padding: 0.25rem 0.75rem;
  /*  padding: 0.5rem 1rem; */
  border: 1px solid;
  /* background-color: var(--colore_primario);
  color: var(--colore_testo_bianco); */
}
#comuni_trovati {
  max-height: 300px;
  overflow: auto;
}
.singola_commessa {
  display: flex;
  justify-content: space-between;
  max-width: 550px;
}
.aree_associate {
  color: var(--colore_testo_grigio);
  font-family: "Poppins Medium";
}
.caricamento,
.caricamento_disoc {
  width: 100%;
  position: relative;
  border: 2px solid var(--colore_bordo_grigio);
  cursor: pointer;
  /*   overflow-y: auto; */
}
.caricamento,
.caricamento_disoc {
  height: 40px;
}
.caricamento input[type="file"],
.caricamento_disoc[type="file"] {
  cursor: pointer;
  margin: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.caricamento_img {
  cursor: pointer;
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}
.img_carica {
  cursor: pointer;
  margin: 0 0.5rem;
  width: 30px;
  border-radius: 50%;
  background-color: var(--colore_primario);
}
.testo_carica {
  line-height: 50px;
  color: var(--colore_testo_grigio);
  font-size: 14.5px;
  width: 100%;
  max-height: 50px;
  vertical-align: middle;
}
.profilo_abilitato {
  display: flex;
  align-items: center;
  background-color: var(--colore_sfondo_azzurro2);
  color: var(--colore_primario);
  font-family: "Poppins Medium";
  font-size: 14px;
  border-radius: 1rem;
  padding: 0.5rem;
}
.singolo_modello {
  font-size: 13px;
}
.singolo_modello.attivo,
.div_singolo_modello.attivo {
  color: var(--colore_primario);
  font-family: "Poppins Medium";
  border-bottom: none;
}
.div_singolo_modello {
  border: 1px solid var(--colore_bordo_grigio);
  padding: 8px 16px;
}
#singola_azienda,
#singolo_disoccupato {
  display: flex;
}
.col_anag {
  width: 500px;
  padding: 0 2rem 0 1rem;
}
.col_anag_disoc {
  width: 400px;
  padding: 0 2rem 0 1rem;
}
.intest_azienda,
.titolo_anag {
  line-height: 50px;
}
.titolo_anag {
  display: flex;
  justify-content: space-between;
}
.intest_azienda {
  display: flex;
  height: 100px;
  margin-bottom: 1rem;
}
.intest_disoc {
  height: 250px;
  margin-bottom: 1rem;
}
.associazioni {
  padding-bottom: 1rem;
}
.info_ricerca {
  height: 300px;
}
.qualifiche_ricercate {
  display: flex;
  border-bottom: 1px solid #e4e4e4;
}
.elenco_qual_ricercate {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 1rem;
}
.col_anag_mod {
  width: calc(100vw - 500px);
  padding-left: 3rem;
}
.col_anag_mod_disoc {
  width: calc(100vw - 400px);
  padding-left: 3rem;
}
.col_anag_mod_dis {
  border: 1.3px solid var(--colore_bordo_grigio);
  border-radius: 0.25rem;
  padding: 0.5rem 1rem 0.5rem 1rem;
  border-top: none;
}
/* .qualifiche_ricercate,
.associazioni {
  padding: 5rem 0;
} */
.note_azienda_bordo {
  border-bottom: 1px solid #e4e4e4;
}
.testo_note {
  margin-top: 1.5rem;
  color: var(--colore_testo_grigio);
  font-size: 14px;
}
.dettagli_anagrafiche {
  margin: 0.5rem 1rem 0 1rem;
  display: flex;
  align-items: center;
}
.gener_disoc {
  padding-left: 1rem;
}
.disoc_qual {
  color: rgba(0, 0, 0, 0.7);
}
/* .div_immagine_profilo_disoc {
  height: 100px;
  width: 100px;
} */
.immagine_profilo_disoc {
  object-fit: cover;
  height: 100px;
  border-radius: 50%;
  width: 100px;
  border: 3px solid var(--colore_primario);
}
.contatti_disoc {
  padding: 1rem 0;
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
}
.contatti_dett_t {
  color: var(--colore_testo_grigio3);
  font-size: 14px;
}
.contatti_dett_r {
  font-size: 14px;
  font-family: "Poppins Medium";
  margin-left: 0.5rem;
}
.associazioni_rifiutate {
  margin: 2rem 0;
}
/* .menu_disoccupato {
  max-width: calc(100% / 3);
} */

.menu_disoccupato_bordo {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  border-bottom: 1px solid var(--colore_bordo_grigio);
}
.div_btn_rimuovi_disoc {
  text-align: end;
  margin: 1rem 0;
}
.span_menu_disoc {
  width: calc(100% - 100% / 6);
  border-bottom: 1px solid var(--colore_bordo_grigio);
}
.caricamenti_curr {
  margin-bottom: 3rem;
}
.caric_altro_allegato {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p_utente_assoc {
  margin-top: 1rem;
  padding: 0.375rem 0.75rem;
  line-height: 1.5rem;
  border-bottom: 2px solid var(--colore_bordo_grigio);
  border-radius: 0.25rem;
}
#form_carica_img_disoc {
  height: 40px;
  margin-top: 0.5rem;
}
.file_disoc {
  width: 250px;
}
#div_link_scarica_facsimile {
  margin-bottom: 1rem;
  width: 112px;
}
.span_rendic {
  font-size: 12px;
}
.blocco_curriculum {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#icona_invio_email {
  height: 20px;
  visibility: hidden;
}
.div_icona_invio_email:hover #icona_invio_email {
  visibility: visible;
  cursor: pointer;
}
#submit_invia_curriculum {
  padding: 0.5rem 1.5rem;
}
/* #div_nuovo_msg {
  height: calc(100vh - 370px);
} */
.intest_nuovo_msg {
  margin-bottom: 2rem;
}
.nomi_destinatari {
  position: relative;
  display: flex;
  justify-content: center;
  /*   align-items: center; */
}
.span_nom_dest {
  width: 80px;
  height: 35px;
  background-color: var(--colore_primario);
  color: var(--colore_testo_bianco);
  border: 1px solid transparent;
  font-family: "Poppins Regular";
  border-radius: 0.25rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 0.375rem 0.75rem;
  font-size: 14px;
}
.span_nom_dest:hover {
  background-color: var(--colore_secondario);
  color: var(--colore_testo_bianco);
}
#nominativi_utenti_dest {
  margin-left: 0.5rem;
  width: 100%;
  border-bottom: 1px solid var(--colore_bordo_grigio);
}
.div_nom_dest {
  display: inline-block;
  background-color: var(--colore_sfondo_azzurro2);
  color: var(--colore_primario);
  border-radius: 0.5rem;
  padding: 0.375rem 0.75rem;
  margin: 0 0.5rem 0.5rem 0;
}
.p_nom_dest {
  display: inline-block;
  margin-right: 0.25rem;
}
.p_oggetto_nmsg {
  margin-right: 0.5rem;
  width: 80px;
  text-align: center;
}
.input_ogg_msg,
.area_nuovo_msg {
  border: none;
  border-bottom: 1px solid var(--colore_bordo_grigio);
  font-family: "Poppins Regular";
  font-size: 14px;
  padding: 0.375rem 0.75rem;
  background-color: var(--colore_testo_bianco);
  width: 100%;
}
.area_nuovo_msg {
  border-bottom: 1px solid var(--colore_primario);
  height: calc(100vh - 610px);
  box-sizing: border-box;
  resize: none;
}
.input_ogg_msg:focus-visible,
.area_nuovo_msg:focus-visible {
  outline: 0;
}
#menu_utenti {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 220px;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  list-style: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  max-height: 200px;
  overflow-y: auto;
}
.div_supporto {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.div_supp_contenuto {
  padding: 5rem;
}
.p_supp_contatto,
.a_supp_contatto {
  padding: 0.5rem 2rem;
  background-color: var(--colore_primario);
  color: var(--colore_testo_bianco);
  border: 1px solid transparent;
  border-radius: 0.25rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  margin-bottom: 2rem;
}
.p_supp_contatto:hover,
.a_supp_contatto:hover {
  color: var(--colore_testo_bianco);
  background-color: var(--colore_secondario);
}
.span_supp_contatto {
  color: var(--colore_primario);
  font-family: "Poppins Medium";
  margin-left: 1rem;
}
.div_faq {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1rem 0rem 1rem 1rem;
}
.div_titolo_faq {
  padding: 1rem 1rem 3rem 1rem;
  border: 1px solid var(--colore_bordo_grigio);
  height: 130px;
}
.blocco_domande,
.blocco_risposte {
  color: var(--colore_testo_grigio);
  font-size: 12px;
  border: 1px solid var(--colore_bordo_grigio);
  border-top: none;
  border-radius: 5px;
  height: 90px;
}
.blocco_domande {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
}
.blocco_risposte {
  padding: 0.5rem 1rem;
  overflow-y: auto;
}
.col_4.faq.div_supp_faq {
  display: flex;
  align-items: center;
  border: 1px solid var(--colore_bordo_grigio);
}
.div_supp_faq_contenuto {
  padding: 0 1rem;
  text-align: center;
}
.div_statistiche {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* padding: 1rem 0rem 1rem 1rem; */
}
.col.statistiche {
  border-radius: 5px;
  margin-bottom: 1rem;
  border: 1px solid var(--colore_bordo_grigio);
  padding: 1rem;
  margin-right: 1rem;
}
.titolo_statistiche {
  color: #414141;
  font-size: 14px;
}
.num_statistiche {
  font-family: "Poppins Medium";
  font-size: 19px;
  margin-bottom: 1rem;
}
.div_statis_progetti {
  color: #414141;
  font-size: 12px;
}
/******************************************************************
FINE MAIN
 *****************************************************************/

/*****************************************************************
  MODALE
 *****************************************************************/
.ebcf_modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

.ebcf_modal-content {
  position: absolute;
  background-color: var(--colore_testo_bianco);
  margin: auto;
  padding: 30px;
  border: 1px solid var(--colore_bordo_grigio);
  max-width: 600px;
  max-height: 500px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ebcf_modal-content.spinner {
  background-color: var(--colore_sfondo_azzurro2);
}

.ebcf_close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.ebcf_close:hover,
.ebcf_close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.ebcf_modal_login {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ebcf_modal-content_login {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: var(--colore_testo_bianco);
}
/*****************************************************************
  FINE MODALE
 *****************************************************************/
.contenitore_login {
  height: 100vh;
  display: flex;
  justify-content: space-between;
}
.contenuto_accessi {
  position: relative;
  width: 50vw;
}
#contenuto_login,
#contenuto_reset {
  width: 600px;
  height: 600px;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  /*   padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem); */
}
.contenuto_img {
  width: 50vw;
  background-size: cover;
}
.div_login {
  margin-bottom: 2rem;
}
.titolo_login {
  font-family: "Poppins Medium";
  font-size: 1rem;
  margin-right: 0.5rem;
}
.testo_sec_login {
  color: var(--colore_testo_grigio);
  font-size: 15px;
}
#submit_login_btn,
#submit_recupera_btn,
#submit_reset_btn,
#submit_cambia_pwd {
  margin: 2rem 0 3rem 0;
  padding: 0.75rem;
}
.a_pwd_dim {
  color: var(--colore_primario);
  font-family: "Poppins Medium";
}
.titolo_allegati {
  margin-bottom: 1rem;
  padding: 0.375rem 0.75rem;
}
.allegati_disoc_progetto {
  display: flex;
  flex-wrap: wrap;
}
.riga_risultato_allegati,
#div_riga_risultato_allegati {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*  border: 3px solid var(--colore_bordo_grigio); */
  padding: 0.375rem 0.75rem;
  vertical-align: middle;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  background-color: #ececec47;
  border-left: 3px solid var(--colore_testo_bianco);
  border-right: 3px solid var(--colore_testo_bianco);
}
.icone_azioni_allegati {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.info_allegato {
  padding: 0.5rem 0.25rem;
  color: var(--colore_primario);
  font-family: "Poppins Medium";
}
.div_inapprovazione {
  margin-left: 0.5rem;
}
.area_allegato {
  width: 100%;
  height: 150px;
  box-sizing: border-box;
  resize: none;
}
.col_messaggi {
  width: 400px;
  padding: 0 2rem 0 1rem;
  height: 100%;
  overflow-y: auto;
  height: calc(100vh - 402px);
}
.col_categ_alleg_approv {
  width: 400px;
  padding: 0 2rem 0 1rem;
}
.messaggi,
.div_categ_alleg {
  border: 1px solid transparent;
  border-bottom: 1px solid #f5f5f5;
  padding: 1rem 0.5rem;
}
.messaggi:hover,
.div_categ_alleg:hover {
  cursor: pointer;
}
.corpo_msg:hover .img_icona_el {
  visibility: visible;
}
.messaggi.attivo,
.div_categ_alleg.attivo {
  border: 1px solid var(--colore_primario);
  border-radius: 0.5rem;
}
.oggetto_msg_parziale,
.nessun_msg {
  font-size: 12.5px;
  color: #202020;
}
.oggetto_msg {
  font-size: 15px;
  color: #202020;
}
.data_msg_parziale {
  font-size: 10px;
  color: #bfbfbf;
}
.data_msg {
  color: #bfbfbf;
  text-align: end;
  margin: 1rem 0;
}
.testo_msg_parziale {
  font-size: 12px;
  color: #202020;
  margin-top: 3px;
  max-width: 90%;
}
.testo_msg {
  margin-top: 1rem;
}
.col_singolo_messaggio,
.col_alleg_approv {
  width: calc(100vw - 400px);
  padding: 0 1rem;
  position: relative;
}
.intest_singolo_msg {
  border-bottom: 1px solid #f5f5f5;
}
.div_nessun_messaggio {
  color: #202020;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.img_nessun_messaggio {
  width: 50px;
}
#form_crea_disoccupato {
  margin-bottom: 3rem;
}
.p_noqual,
.label_cf {
  color: var(--colore_primario);
  font-size: 13px;
  padding-top: 0.25rem;
}
.p_noqual:hover {
  cursor: pointer;
  color: var(--colore_secondario);
}
.div_nuova_qual {
  margin-bottom: 2rem;
}
/******************************************************************
FOOTER
 *****************************************************************/
.testo_footer {
  text-align: end;
  line-height: 68px;
}
/******************************************************************
FINE FOOTER
 *****************************************************************/