@charset "utf-8";
/* CSS Document */ :root {
  --padding: 20px;
  --padding2: 15px;
	--padding3: 60px;
  --maxwidth: 1000px;
  --height1: 50px;
  --colore0: #362c37;
  --colore0b: #2d2d2d;
  --colore1: #fff;
  --colore2: #845279;
	--colore3: #d5bacf;
	--colorespento: #555;
	--coloreverde: #c7d54c;
	--colorerosso: #ff2e0e;
	--colorefocus: #fff;
}
* {
  padding: 0;
  margin: 0;
  font-size: 1em;
  line-height: 1em;
  box-sizing: border-box;
font-family: objektiv-mk1-devanagari, sans-serif;

  position: relative;
}
body {
  font-size: 15px;
  line-height: 1em;
  color: var(--colore1);
  overflow-x: hidden;
	background-color: var(--colore0);
}
.bodyprofilo, .bodyprogetto {
  background: var(--colore0);
  background-attachment: fixed;
}
.padding {
  padding: var(--padding);
}
.destra {
  text-align: right;
}
.sinistra {
  text-align: left;
}
.centro {
  text-align: center;
	justify-content: center;
}

.loading {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: 1s ease 0.3s;
}
.bodyloaded .loading {
  opacity: 0;
}
.bodylogin {
 background-image: url("../images/bklogin.jpg");
	background-color: var(--colore0);
  background-size: cover;
  background-position: center right;
  background-attachment: fixed;
  height: 100%;
}
.fondologin {
	background-image: url("../images/bklogin.jpg");
	background-color: var(--colore0);
  background-size: cover;
  background-position: center right;
  background-attachment: fixed;
	position: fixed;
	top:50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
  height: 110%;
	width: 110%;
	filter: blur(0px);
	animation-name: example;
  animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}
@keyframes example {
	0%   { 
		filter: blur(1px);
		transform: translateX(-50%) translateY(-50%) rotate(0deg) scale(1.5);
	}
	 50% {
	  filter: blur(10px);
	  transform: translateX(-50%) translateY(-40%) rotate(-10deg) scale(2);
	}
  100% {
	  filter: blur(20px);
	  transform: translateX(-50%) translateY(-60%) rotate(10deg) scale(1.2);
	}
}

.logincontainer {
/*  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);*/
width: 100%;
    max-width: 400px;
    display: inline-block;
    padding: var(--padding);
    border: 1px solid var(--colore1);
    text-align: left;
    background: var(--colore0);
    transform: translateY(50px);
    opacity: 0;
    transition: 1s ease 0.6s;
}
.bodyloaded .logincontainer {
  opacity: 1;
  transform: translateY(0px);
}
.bodyloaded2 .logincontainer {
  transition: all 0.7s cubic-bezier(.43, .01, .4, 1) 0s, opacity 0.4s cubic-bezier(.43, .01, .4, 1) 0s;
}

main {
	min-height: 70vh;
}
.mainprofilo {
	min-height: 50vh;
}
#login1, #login2, #login3, #login4 {
  position: absolute;
  top: 0;
  left: 0;
}
#login1 {
  z-index: 100;
}
#login2, #login3, #login4 {
  z-index: -1;
}
#login2 .logincontainer, #login3 .logincontainer, #login4 .logincontainer {
  transform: translateX(110%);
  opacity: 0;
}
.bodyregistrazione #login1, .bodyreset #login1, .bodyregistrazione2 #login1 {
  z-index: -1;
}
.bodyregistrazione #login2, .bodyreset #login3, .bodyregistrazione2 #login4 {
  z-index: 10;
}
.bodyregistrazione2 #login2 {
  z-index: -1;
}
.bodyregistrazione #login2 .logincontainer, .bodyreset #login3 .logincontainer, .bodyregistrazione2 #login4 .logincontainer {
  transform: translateX(0%);
  opacity: 1;
}
.bodyregistrazione2 #login2 .logincontainer {
  transform: translateX(-110%);
  opacity: 0;
}
.bodyregistrazione #login1 .logincontainer, .bodyreset #login1 .logincontainer, .bodyregistrazione2 #login1 .logincontainer {
  transform: translateX(-110%);
  opacity: 0;
}
.frecciatornalogin {
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.divlinklogin {
  cursor: pointer;
  font-weight: bold;
  font-size: 0.85em;
  transition: 0.3s ease;
}
.divlinklogin:hover {
  opacity: 0.8;
}
.login_input {
  display: block;
  padding: 10px;
  width: 100%;
  margin-bottom: 20px;
  font-weight: bold;
  transition: 0.3s ease;
}
.login_input:focus {

}
.login_h1 {
  font-size: 2em;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-bottom: var(--padding);
}
.login_label {
  margin-bottom: 10px;
  display: block;
  font-size: 0.85em;
}
.login_button {
padding: 8px 30px;
    border: none;
    outline: none;
    color: #fff;
    background: var(--colore0);
    cursor: pointer;
    transition: 0.3s ease;
    letter-spacing: 0.05em;
    display: inline-block;
    border: 1px solid var(--colore1);
    font-family: 'lores-9-wide', sans-serif;
}
.login_button:hover {
  padding: 8px 40px;
  background: var(--colore2);
}
.hr {
  display: block;
  border: none;
  width: 100%;
  height: 0.5px;
  background: #ccc;
  margin: 20px 0;
}
.bottone2 {
  padding: 10px;
    outline: none;
    border: 1px solid var(--colore1);
    background: #fff;
    cursor: pointer;
    transition: 0.3s ease;
    letter-spacing: 0.05em;
    display: block;
    margin-top: 20px;
    font-family: 'lores-9-wide', sans-serif;
    color: var(--colore0);
}
.bottone2:hover {
  background: var(--colore2);
  color: var(--colore1);

}
#formregister {
  height: 100%;
}
.register_agree_cont {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: var(--padding) 0;
  font-size: 0.85em;
}
.register_agree_cont input {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  accent-color: var(--colore2);
}
.register_agree_cont a {
  font-weight: bold;
}
.mainprofilo {
  width: 100%;
  max-width: var(--maxwidth);
  margin: 0 auto;
  border-radius: 10px;
  padding: var(--padding);
}
.anagrafica_container {
  position: relative;
    padding: 10px var(--padding);
    overflow: hidden;
    transition: padding 0.3s ease, transform 0.6s ease, opacity 0.6s ease;
    opacity: 0;
    transform: translateX(50px);
	border: 1px solid var(--colore1);
}
.bodyloaded2 .anagrafica_container {
  opacity: 1;
  transform: translateX(0%);
}
.anagrafica_aperta .anagrafica_container {
  padding: var(--padding) var(--padding);
}
.fondoanagrafica {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.formanagrafica {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 1px;
}
.anagrafica_aperta .formanagrafica {
  height: auto;
  opacity: 1;
  margin-top: 20px;
  transition: opacity 0.3s ease 0.1s;
}
.campo_anagrafica {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.campo_anagrafica label, .campo_anagrafica_label {
  flex: 0 1 150px;
  padding-right: 15px;
}
.campo_anagrafica_label {
  height: 0;
}
.campo_anagrafica input, .campo_anagrafica select {
  flex: 1 1 auto;
  padding: 10px;
  margin: 10px 0;
  border: 1px solid #ccc;
  font-weight: bold;
  transition: 0.3s ease;
  outline: none;
}
.campo_anagrafica select {
  border: none;
  outline: 1px solid #ccc;
  border-right: 10px solid transparent;
}
.campo_anagrafica input:focus {
  border: 1px solid #fff;
  background: #f0fcff;
}
.pannel_header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  width: 100%;
}
.pannel_header h2 {
	font-family: 'lores-9-wide', sans-serif;
    font-weight: normal;
    letter-spacing: 0.05em;
}
.pannel_header_pul_cont {
  flex: 1 1 auto;
  text-align: right;
}
.avvertenzaanagrafica {
flex: 1 1;
    line-height: 1.5em;
    font-size: 0.85em;
    padding: 10px;
    background: var(--colore2);
    margin-bottom: 10px;
}
.anagrafica_footer {
  width: 100%;
  margin-top: 20px;
  text-align: right;
}
#pul_anagrafica_chiudi {
  display: none;
}
.anagrafica_aperta #pul_anagrafica_chiudi {
  display: inline-block;
}
.anagrafica_aperta #pul_anagrafica_modifica {
  display: none;
}
.headergen {
  left: 0;
  width: 100%;
  padding: var(--padding);
  position: fixed;
  top: 0;
  background: var(--colore0);
  border-bottom: 0px solid var(--colore1);
  z-index: 500;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: var(--padding);
  transition: 0.6s ease;
  opacity: 0;
  transform: translateY(-100%);
}
.bodyloaded2 .headergen {
  opacity: 1;
  transform: translateY(0%);
}
input {
  border: none;
  outline: none !important;
}
textarea {
  line-height: 1.5em;
}
a {
  text-decoration: none;
  color: var(--colore0);
}
p {
  line-height: 1.5em;
}
.centra1 {
  display: table;
  width: 100%;
  height: 100%;
}
.centra2 {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}
.logo {
  display: inline-block;
  vertical-align: middle;
  height: 60px;
  width: auto;
}
.headerform {
  text-align: right;
  flex: 1 1 100%;
}

.pulsante1 {
  padding: 8px 20px;
  background: var(--colore0);
  display: inline-block;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.05em;
  transition: 0.3s ease;
  outline: none;
  cursor: pointer;
  border: none;
  font-size: 0.85em;
}
.pulsante1:hover {
  background: var(--colore2);
}
.pulsante2 {
padding: 8px 20px;
    color: var(--colore1);
    display: inline-block;
    letter-spacing: 0.05em;
    transition: 0.3s ease;
    outline: none;
    cursor: pointer;
    font-size: 0.9em;
    font-family: lores-9-wide, sans-serif;
    border: 1px solid var(--colore1);
	background: transparent;
}
.pulsante2:hover {
  background: var(--colore1);
    color: var(--colore0);
}
.headerform .pulsante1, .headerform .pulsante2 {
	margin: 5px 0px 5px 5px;
}
.pulsante1aggiungi {
  border-radius: 0px;
}
.pulsantesalva {
  background: var(--colore3);
    color: var(--colore0);
	border-color: var(--colore3);
}
.form_progetto {
  width: 100%;
  max-width: var(--maxwidth);
  margin: 0 auto;
  border-radius: 10px;
  padding: var(--padding) 0;
  transition: 0.6s ease;
  opacity: 0;
  transform: translateX(-50px);
}
.bodyloaded2 .form_progetto {
  opacity: 1;
  transform: translateX(0%);
}
.gruppo_container {
    margin-bottom: var(--padding);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
}
.gruppo_container .voce {
  padding: 0 var(--padding);
  flex: 0 0 100%;
}
.gruppo_container .voce_radio, .gruppo_container .voce_checkbox {
  padding: 0 calc(var(--padding) / 2);
  flex: 0 0 100%;
}
.gruppo_container .voce_50 {
  flex: 1 1 50%;
  min-width: 250px;
}
.gruppo_titolo {
  padding-bottom: calc(var(--padding) / 2);
  margin: 0 calc(var(--padding) / 2);
  margin-bottom: var(--padding);
}
.gruppo_container .gruppo_titolo {
  padding-left: var(--padding);
    padding-right: var(--padding);
    margin: 0;
    padding-top: 0;
    margin-top: 0;
    flex: 0 0 100%;
}
.gruppo_titolo_titolo {
  font-size: 0.9em;
    color: var(--coloreverde);
    border-bottom: 1px solid var(--colore1);
    width: 100%;
    padding-bottom: calc(var(--padding) / 2);
    margin-bottom: calc(var(--padding) / 2);
    font-family: lores-9-wide, sans-serif;
    text-transform: uppercase;
}
.gruppo_titolo_desc {
  font-size: 0.85em;
  margin-top: 10px;
	line-height: 1.3em;
}
.voce {
  margin-bottom: var(--padding3);
  border-bottom: 0px solid #CCC;
  border-radius: 5px;
  padding: 0 var(--padding);
}
.gruppo_container .voce {
	margin-bottom: var(--padding);
}
.voce_checkbox, .voce_radio {
  padding: 0;
	margin-bottom: calc(var(--padding3) - 10px);
}

.voce_tit {
	font-family: lores-9-wide, sans-serif;
	line-height: 1em;
	font-size: 0.9em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
.voce_desc {
  margin-top: 8px;
  margin-bottom: 0px;
  font-size: 0.85em;
  line-height: 1.8em;
}
.voce_checkbox .voce_tit, .voce_radio .voce_tit {
  padding: 0 calc(var(--padding) );
}
.voce_checkbox .voce_desc, .voce_radio .voce_desc {
  padding: 0 calc(var(--padding) / 2);
}
.opzioni_radio, .input_singolo, .input_textarea, .opzioni_checkbox, .upload_file_container {
  margin-top: 15px;
}
.input_singolo, .input_textarea {
  width: 100%;
  padding: var(--padding2);
  transition: 0.3s ease;
/*	background: var(--colore3);*/
		color: var(--colore0);
}
.input_singolo:focus, .input_textarea:focus {
  background: var(--colore1);
}
.input_textarea {
  resize: vertical;
  min-height: 270px;
  outline: none;
}
.select_stato, .select_comune {
  display: block;
  margin-top: 15px;
  width: 100%;
  padding: 20px;
  border-radius: 5px;
  outline: 1px solid #ccc;
  border: none;
  border-right: 10px solid transparent;
}
.upload_file_container {
  display: flex;
  width: 100%;
  margin-top: 20px;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.upload_file_container input {
  display: none;
}
.label_multiple_image {
  display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    background: var(--colore0);
    cursor: pointer;
    position: relative;
    transition: 0.4s ease;
    border: 1px solid var(--colore1);
}
.label_multiple_image:hover {
  background: var(--colore1);
}
.piu1 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 60%;
  margin-left: -2px;
  margin-top: -30%;
  background: var(--colore1);
  transition: 0.3s ease;
  transform-origin: center center;
}
.piu2 {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 4px;
  width: 60%;
  margin-top: -2px;
  margin-left: -30%;
  background: var(--colore1);
  transition: 0.3s ease;
  transform-origin: center center;
}
.label_multiple_image:hover .piu1, .label_multiple_image:hover .piu2 {
  transform: scale(1);
	 background: var(--colore0);
}
.riq_container {
  width: 100%;
  max-width: 900px;
  padding: var(--padding);
  margin: 0 auto;
}
.riq {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #ccc;
  margin-bottom: var(--padding);
}
.messaggio_caricamento, .messaggio_errore, .messaggio_ok {
  margin-top: 10px;
  background: var(--colore2);
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  display: table;
}
.messaggio_caricamento {
  background: var(--colore2);
}
.messaggio_errore {
  background: var(--colorerosso);
  color: #fff;
}
.messaggio_ok {
  background: var(--coloreverde);
  color: #fff;
}
.immaginecaricatacont {
  flex: 0 0 150px;
    margin: 10px 25px 10px 0px;
    display: block;
    overflow: hidden;
    position: relative;
    padding: 0px;
    border: 1px solid var(--colore1);
}
.immaginecaricata {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}
.immaginecaricata img {
  width: 85%;
  height: 85%;
  top: 0;
  left: 0;
  margin-left: 7.5%;
  margin-top: 7.5%;
  object-fit: contain;
  position: absolute;
  transition: 0.3s ease;
}
.immaginecaricata img:hover {
  opacity: 0.7;
}
.immagini_full .label_multiple_image {
  display: none;
}
.eliminacaricata {
  padding: 12px 0;
  text-align: center;
  background: var(--colore0);
  cursor: pointer;
  transition: 0.3s ease;
  display: block;
}
.eliminacaricata:hover {
  background: var(--colore2);
}
.eliminacaricata img {
  height: 15px;
  width: auto;
}
.fullscreen_message {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(30, 30, 30, 0.7);
  width: 100%;
  height: 100%;
  z-index: 900;
  padding: 20px;
  display: table;
  transform: translateX(100%);
	color: var(--colore0);
}
.body_message_fullscreen .fullscreen_message {
  transform: translateX(0%);
}
.fullscreen_message2 {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.fullscreen_message_cont {
  padding: var(--padding);
  width: 100%;
  max-width: 500px;
  background: #fff;
  display: inline-block;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease;
  line-height: 1.5em;
}
.body_message_fullscreen .fullscreen_message_cont {
  opacity: 1;
  transform: translateY(0px);
}
.cont_sino {
  width: 100%;
  margin-top: 20px;
}
.pul_sino {
  display: inline-block;
    background: var(--colore0);
    padding: 10px 20px;
    color: #fff;
    margin: 0 10px;
    transition: 0.3s ease;
    min-width: 80px;
    cursor: pointer;
    font-family: 'lores-9-wide', san sans-serif;
}
.pul_si:hover {
  background: var(--coloreverde);
	color: var(--colore0);
}
.pul_no:hover {
  background: var(--colore2);
}
.documentocaricatocont {
  width: 100%;
  /* border: 1px solid #ccc; */
  border-radius: 5px;
  vertical-align: middle;
  overflow: hidden;
  margin-bottom: var(--padding2);
  height: var(--height1);
  background: #f0fcff;
}
.documentocaricatocont a {
  height: var(--height1);
  display: inline-block;
  line-height: var(--height1);
  padding: 0 0px 0 var(--padding2);
  width: calc(100% - 60px);
  overflow: hidden;
}
.docelimina {
  background: var(--colore0);
  display: inline-block;
  height: var(--height1);
  line-height: var(--height1);
  vertical-align: middle;
  text-align: center;
  width: 40px;
  float: right;
  cursor: pointer;
  transition: 0.3s ease;
}
.docelimina:hover {
  background: var(--colorerosso);
}
.docelimina img {
  display: inline-block;
  width: 15px;
  vertical-align: middle;
  height: auto;
}
.riga_sdg {
  display: flex;
  width: 100%;
  border-radius: 5px;
  margin: 20px 0px;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  background: var(--colore1);
  padding: 20px;
}
.agenda_ico {
  width: 100px;
  height: 100px;
  margin-right: 20px;
  border-radius: 5px;
}
.descrizione_sdg {
  flex: 1 1 auto;
  border: 0px solid #CCC;
  padding: var(--padding2);
  resize: vertical;
  line-height: 1.5em;
  border-radius: 5px 5px 0px 5px;
  outline: none;
  min-height: 100px;
  transition: background 0.3s ease, border 0.3s ease;
}
.descrizione_sdg:focus {
  /*
    background: #f0fcff;
    border-color: #fff;
*/
}
.opzioni_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.opzioni_radio, .opzioni_checkbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 0 calc(var(--padding) / 2);
	margin-top: 5px;
}
.gruppo_container .opzioni_radio, .gruppo_container .opzioni_checkbox {
  padding: 0 0;
}
.opzioni_radio label, .opzioni_checkbox label {
  flex: 1 1 20%;
	min-width: 270px;
  margin: 10px calc(var(--padding) / 2);
  text-align: center;
  position: relative;
  overflow: hidden;
  height: var(--height1);
}
.opzioni_radio .checkmark_campo_radio, .opzioni_checkbox .checkmark_campo_checkbox {
  position: absolute;
    top: 0;
    left: 0;
    height: var(--height1);
    line-height: var(--height1);
    width: 100%;
    transition: 0.3s ease;
    cursor: pointer;
    border: 1px solid var(--colore1);
	font-weight: bold;
    
}
.opzioni_radio .checkmark_campo_radio:hover, .opzioni_checkbox .checkmark_campo_checkbox:hover {
  background-color: var(--colore1);
  color: var(--colore0);
}
.opzioni_radio label input:checked ~ .checkmark_campo_radio, .opzioni_checkbox label input:checked ~ .checkmark_campo_checkbox {
  background-color: var(--coloreverde);
	 border-color: var(--coloreverde);
  color: var(--colore0);
	
}
.label_checkbox_sdg {
  display: block;
  position: relative;
  padding-left: 45px;
  margin-bottom: 25px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.label_checkbox_sdg input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark_campo_checkbox_sdg {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 5px;
  transition: 0.3s ease;
  border: 1px solid #999;
}
/* On mouse-over, add a grey background color */
.label_checkbox_sdg:hover input ~ .checkmark_campo_checkbox_sdg {
  /*
  background-color: var(--colore1);
	border-color: #fff;
*/
}
/* When the checkbox is checked, add a blue background */
.label_checkbox_sdg input:checked ~ .checkmark_campo_checkbox_sdg {
  background-color: var(--colore0);
  border-color: #fff;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_campo_checkbox_sdg:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.label_checkbox_sdg input:checked ~ .checkmark_campo_checkbox_sdg:after {
  display: block;
}
/* Style the checkmark/indicator */
.label_checkbox_sdg .checkmark_campo_checkbox_sdg:after {
  left: 8.5px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.progetti_container {
 padding: 20px var(--padding);
    margin-top: var(--padding);
    opacity: 0;
    transform: translateX(50px);
    transition: 0.6s ease;
    border: 1px solid var(--colore1);
}
.progetti_container2 {
  margin-top: 0;
}

.bodyloaded2 .progetti_container {
  opacity: 1;
  transform: translateX(0%);
}


.progetti_container3 {
    padding-top: var(--padding);
	 transform: translateX(50px);
	opacity: 0;
    transition: 0.6s ease;
}

.bodyloaded2 .progetti_container3 {
  opacity: 1;
  transform: translateX(0%);
}

.pannel_desc {
  padding: var(--padding) 0;
  border-top: 1px solid #ccc;
  font-size: 0.85em;
}
.pannel_desc p {
  line-height: 2em;
}
.riga_progetti {
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    background: var(--colore1);
    color: var(--colore0);
	padding-right: 5px;
}
.riga_progetti_add {
	align-items: stretch;
}
.paper_cont .riga_progetti, .design_cont .riga_progetti {
  padding: 5px 5px 5px 0px;
  align-items: center;
}
.riga_progetti_ok {
  background: #f2f2f2;
}
#formaggiungi {
  padding-right: 0;
	border: 1px solid var(--colore1);
 
}
.riga_progetti input {
  padding: var(--padding2);
  flex: 1 1 auto;
  font-weight: bold;
}
.nuovoprogettoinput::placeholder {
  font-style: italic;
  font-weight: normal;
  font-size: 0.85em;
}
.riga_progetti_nome {
  flex: 1 1 auto;
  padding: 15px;
  white-space: nowrap;
  font-weight: bold;
  /*    background: #f0fcff;*/
  overflow: hidden;
  margin: 5px;
}
.riga_progetti_lista .riga_progetti_nome {
	padding-left: 0px;
}
.paper_cont .riga_progetti_nome, .design_cont .riga_progetti_nome {
  padding: 5px 15px 5px 0px;
}
.riga_progetti_elimina, .riga_progetti_modifica, .riga_progetti_invia {
  margin: 10px 5px;
    color: var(--colore0);

    outline: none;
    font-family: 'lores-9-wide', sans-serif;
    font-size: 0.9em;
    letter-spacing: 0.05em;
    font-weight: normal;
	background: transparent;
	border: 1px solid var(--colore0);
}
.riga_progetti_modifica2 {
  margin: 5px;
}
/*
.riga_progetti_elimina.pulsante1, .riga_progetti_modifica.pulsante1, .riga_progetti_invia.pulsante1 {
  background: #fff;
  color: var(--colore0);
}
*/
/*
.riga_progetti_modifica2 .pulsante1 {
  background: #fff;
  color: var(--colore0);
  padding-left: 10px;
  padding-right: 10px;
}
*/

.riga_progetti_elimina.pulsante1:hover, .riga_progetti_modifica.pulsante1:hover, .riga_progetti_modifica2 .pulsante1:hover {
  background: var(--colore2);
	border-color: var(--colore2);
  color: var(--colore1);
}
.riga_progetti_invia.pulsante1:hover {
  background: var(--coloreverde);
	border-color: var(--coloreverde);
  color: var(--colore0);
}
/*
.voce {
  display: none;
}
.gruppo_container {
  display: none;
}
#voce_denominazione_progetto, #voce_categoria_progetto, #voce_partecipanti {
  display: block;
}
*/
#voce_denominazione_progetto input {
font-weight:bold;
}
.contp1, .contp2, .contp3 {
	display: none;
}
.visualizza_container2 .contp1,.visualizza_container2  .contp2, .visualizza_container2  .contp3 {
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;

    margin-bottom: 10px;
    padding-bottom: var(--padding);
}


.gruppo_visualizza2 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: stretch;
    justify-content: flex-start;
}
.body_partecipanti1 .contp1{
	display: flex;
}
.body_partecipanti2 .contp1, .body_partecipanti2 .contp2{
	display: flex;
}
.body_partecipanti3 .contp1, .body_partecipanti3 .contp2, .body_partecipanti3 .contp3{
	display: flex;
}

#voce_biografia {
	display: none;
}
.body_partecipanti1 #voce_biografia, .body_partecipanti2 #voce_biografia, .body_partecipanti3 #voce_biografia{
	display: block;
}


.bodylaureati #voce_partecipante1_corso, .bodylaureati #voce_partecipante2_corso, .bodylaureati #voce_partecipante3_corso, .bodylaureati #voce_partecipante1_facolta, .bodylaureati #voce_partecipante2_facolta, .bodylaureati #voce_partecipante3_facolta {display: none;}

.bodystudenti #voce_partecipante1_laurea, .bodystudenti #voce_partecipante2_laurea, .bodystudenti #voce_partecipante3_laurea, .bodystudenti #voce_partecipante1_facolta2, .bodystudenti #voce_partecipante2_facolta2, .bodystudenti #voce_partecipante3_facolta2 {display: none;}

/*.bodystranieri #voce_partecipante1_cap, .bodystranieri #voce_partecipante2_cap, .bodystranieri #voce_partecipante3_cap, .bodystranieri #voce_partecipante1_provincia, .bodystranieri #voce_partecipante2_provincia, .bodystranieri #voce_partecipante3_provincia {display: none;}*/


.bodypaper .gruppo_container, .bodydesign .gruppo_container {
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
}
.bodypaper .voce, .bodydesign .voce {
  display: block;
}
.bodypaper #voce_foto_aerea {
  display: none;
}
.bodypaper #voce_realizzato {
  display: none;
}
.bodypaper #voce_certificazione {
  display: none;
}
.bodypaper #voce_certificazione_quale {
  display: none;
}
.bodypaper #voce_certificazione_documento {
  display: none;
}
.bodypaper #voce_referente {
  display: none;
}
.bodypaper #voce_team_di_progetto {
  display: none;
}
.bodypaper #voce_descrizione {
  display: none;
}


#voce_prototipo {
  display: none;
}
.bodypaper #voce_prototipo {
  display: block;
}

 #voce_paper {
  display: none;
}
.bodypaper #voce_paper {
  display: block;
}
 #voce_referente_ricerca {
  display: none;
}
.bodypaper  #voce_referente_ricerca {
  display: block;
}
 #voce_team_di_ricerca {
  display: none;
}
.bodypaper  #voce_team_di_ricerca {
  display: block;
}
 #voce_descrizione_ricerca{
  display: none;
}
.bodypaper   #voce_descrizione_ricerca {
  display: block;
}










#voce_comune, #voce_provincia, #voce_cap, #voce_indirizzo {
  display: none;
}
#voce_indirizzo_estero {
  display: none;
}
.bodyitalia #voce_comune, .bodyitalia #voce_provincia, .bodyitalia #voce_cap, .bodyitalia #voce_indirizzo {
  display: block;
}
.bodyestero #voce_indirizzo_estero {
  display: block;
}
.camporequired2 {
  display: none;
}
.camporequired .camporequired2 {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  background: var(--colorespento);
  margin-right: 10px;
	bottom: 1.5px;
}
.camporequiredok .camporequired2 {
  background: var(--coloreverde);
}
.indicatorecompletowrap {
  position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
    background: var(--colore0);
    left: 0;
    padding: 20px var(--padding);
    transition: 0.6s ease 0s;
    opacity: 0;
    transform: translateY(100%);
}
.bodyloaded2 .indicatorecompletowrap {
  opacity: 1;
  transform: translateY(0%);
}
.indicatorecompleto {
  width: 100%;
    background: var(--colore1);
    display: block;
    font-size: 11px;
    bottom: 0px;
}
.indicatorecompletocont {
  width: 100%;
  overflow: hidden;
}
#indicatorecompleto {
  width: 100%;
  background: var(--coloreverde);
  transform: scaleX(0%);
  padding: 1px;
  overflow: hidden;
  transform-origin: left center;
  transition: 0.3s ease;
}
#indicatorecompleto2 {
  position: absolute;
  top: 1.5px;
  left: 20px;
  font-weight: bold;
	color: var(--colore0);
}
.footer {
  width: 100%;
    margin-top: var(--padding3);
    padding-top: var(--padding3);
    padding-bottom: 100px;
    text-align: center;
    color: #fff;
    opacity: 0;
    transition: 0.6s ease;
    border-top: 1px dashed var(--colore1);
}

.bodyloaded2 .footer {
  opacity: 1;
}
.credits {
  padding-top: var(--padding);

  font-size: 11px;
	color: #fff;
}
.logofooter {
  width: 35px;
  height: auto;
  display: block;
  margin: 0 auto;
  margin: var(--padding) auto;
}
.footeresci {
  padding: var(--padding) 0;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
}
.footercont {
    width: 100%;
    margin: 0 auto;
    display: flex
;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-end;
    align-items: flex-start;
    padding: var(--padding);
    padding-bottom: 0px;
    margin-bottom: var(--padding3);
}
.footercont1 {
  flex: 0 0 20%;
    min-width: 300px;
    text-align: left;
    padding: var(--padding);
    padding-left: 0;
}

.footercont1 h2 {
  margin-bottom: var(--padding);
    color: var(--colore1);
    font-family: 'lores-9-wide', sans-serif;
    font-weight: normal;
    font-size: 1.1em;
    letter-spacing: 0.05em;
}
.linkfooter, .fakelinkfooter {
  font-size: 0.9em;
  display: block;
  margin: var(--padding2) 0;
  transition: 0.3s ease;
	color: #fff;
}
.linkfooter:hover {
  color: var(--colore3);
}
.footerdec {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: flex-start;
  justify-content: center;
  align-items: stretch;
  margin-top: 100px;
  margin-bottom: -0px;
}
.footerdec1, .footerdec2 {
  flex: 0 0 50%;
  background: var(--colore0b);
  height: 100px;
  opacity: 0;
  transition: 0.6s ease;
	margin-bottom: -1px;
}
.bodyloaded2 .footerdec1, .bodyloaded2 .footerdec2 {
  opacity: 1;
}
.footerdec1 {
  clip-path: polygon(0% 0%, calc(100% - 30px) 0%, 100% 30px, 100% 100%, 0% 100%);
}
.footerdec2 {
  clip-path: polygon(30px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 30px);
}
.visualizza_container {
  width: 100%;
  max-width: var(--maxwidth);
  margin: 0 auto;
  padding: var(--padding) 0;
  transition: 0.6s ease;
  opacity: 0;
  transform: translateX(-50px);
}
.bodyloaded2 .visualizza_container {
  opacity: 1;
  transform: translateX(0%);
}
.visualizza_container2 {
  padding: var(--padding) var(--padding2);
  border-radius: 10px;
}
.visualizza_campo {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid var(--colore1);
}

.contp1 .visualizza_campo, .contp2 .visualizza_campo, .contp3 .visualizza_campo {
display: inline-flex;
    width: 50%;
    flex: 0 0 50%;
}

.visualizza_campo2 {
  align-items: flex-start;
}
.visualizza_label {
  flex: 0 0 150px;
    font-size: 0.85em;
    line-height: 1.3;
    padding: var(--padding2) 0;
	padding-right: 30px;
    font-style: italic;
}
.visualizza_campo2 .visualizza_label {
  padding: var(--padding) var(--padding2);
}
.visualizza_contenuto {
  flex: 1 1;
  font-weight: bold;
  padding: var(--padding) 0;
  line-height: 1.5em;
}
.visualizza_contenuto2 {
  flex: 1 1;
  padding: var(--padding) var(--padding2);
  padding-right: var(--padding);
  line-height: 1.5em;
  text-align: justify;
	white-space: pre-line;
}
.visualizza_contenuto_img {
  flex: 1 1;
  font-weight: bold;
  padding: var(--padding) var(--padding2);
  line-height: 1.5em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: stretch;
}
.visualizza_immagine {
  flex: 1 1 30%;
    padding: 10px;
    min-width: 150px;
}
.visualizza_immagine img {
  width: 100%;
  height: 100%;
  object-fit: contain;
	max-height: 200px;
}
.visualizza_contenuto_doc {
  flex: 1 1;
  font-weight: bold;
  padding: var(--padding) var(--padding2);
  line-height: 1.5em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: stretch;
}
.visualizza_doc {
  flex: 1 1 100%;
  padding: 10px;
  background: #f2f2f2;
  border: 2px solid #fff;
  border-radius: 5px;
}
.visualizza_agenda_ico {
  border-radius: 5px;
  top: 3px;
  max-width: 90px;
}
.visualizza_titolo {
background: var(--colore1);
    padding: var(--padding2);
    text-align: right;
    margin-bottom: var(--padding);
    font-weight: bold;
    color: var(--colore0);
}
.visualizza_titolo span {
  font-weight: normal;
  display: block;
  font-size: 0.8em;
  bottom: 0.1em;
  margin-left: 5px;
  margin-top: 10px;
}
.visualizza_design #visualizza_campo_prototipo {
  display: none;
}
.visualizza_paper #visualizza_campo_longitudine, .visualizza_paper #visualizza_campo_latitudine, .visualizza_paper #visualizza_campo_foto_aerea {
  display: none;
}
#design_cont, #paper_cont {
  padding: 0;
    border: none;
}
.design_aperto #design_cont, .paper_aperto #paper_cont {
  padding: var(--padding);
}
.design_cont, .paper_cont {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease 0.1s;
}
.design_aperto .design_cont, .paper_aperto .paper_cont {
  height: auto;
  opacity: 1;
}
.design_aperto #pul_design_vedi, .paper_aperto #pul_paper_vedi {
  display: none;
}
#pul_design_chiudi, #pul_paper_chiudi {
  display: none;
}
.design_aperto #pul_design_chiudi, .paper_aperto #pul_paper_chiudi {
  display: inline-block;
}
#voce_certificazione_quale textarea {
  min-height: 100px;
}
.voce_desc a {
  font-weight: bold;
  color: var(--colore2);
}
.commenta_riga_votocont {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: stretch;
}
.commenta_riga_voto {
  flex: 0 0 6.5%;
    padding: 10px 0px;
    text-align: center;
    min-width: 35px;
}
.commenta_riga_voto label {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.85em;
  font-weight: bold;
}
.commenta_riga_voto input {
  width: 15px;
  height: 15px;
  margin-top: 5px;
  accent-color: var(--coloreverde);
}
.visualizza_container2_commenti {
    margin-top: var(--padding);
    padding: 0;

}
.commenta_riga_tit {
  margin-bottom: 15px;
  font-weight: bold;

}
.commenta_riga_titv {
	padding:var(--padding);
	border: 1px solid var(--colore1);
}
.commenta_riga {
  margin-bottom: var(--padding2);
  padding: var(--padding2);
}
.textarea_commenti {
  width: 100%;
    padding: var(--padding2);
    outline: none;
    min-height: 250px;
    resize: vertical;
}
.visualizza_container2_commenti_altri {
  margin-top: var(--padding);
}
.check_commento {
  flex: 0 0 15px;
  background-color: #777;
  vertical-align: middle;
  border-radius: 1000px;
  margin: 5px;
  height: 15px;
}
.check_commento_ok {
  background-color: var(--coloreverde);
}
.ico_lingua {
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
}

#pulfinsubmit {
	margin-bottom: var(--padding);
}
.listaalias {
    font-size: 12px;
    font-weight: normal;
    bottom: 1px;
}

.duecolonne .voce {
	flex: 0 0 50%;
}

.duecolonne .voceintera {
	flex: 0 0 100%;
}
.gruppo_container.centro {
  text-align: center;
	justify-content: center;
}
.salvafinalecont {
	border-top: 1px solid var(--colore1);
    padding-top: var(--padding3);
}

.salvafinalecont .pulsante2 {
	padding: 15px 50px;
	font-size: 1.1em;
}


.logomain1 {
    width: 300px;
    z-index: 500;
    padding: var(--padding);
	opacity: 0;
	transform: translateY(50px);
	transition: all 1s ease;
}

.bodyloaded2 .logomain1 {

	opacity: 1;
	transform: translateY(0px);

}

.bodypartecipanti1 .contp2, .bodypartecipanti1 .contp3 {
	display: none;
}
.bodypartecipanti2 .contp3 {
	display: none;
}

.bodystudenti_i_v #visualizza_campo_partecipante1_laurea, .bodystudenti_i_v #visualizza_campo_partecipante2_laurea, .bodystudenti_i_v #visualizza_campo_partecipante3_laurea {
	display: none;
}
.bodystudenti_i_v #visualizza_campo_partecipante1_facolta2, .bodystudenti_i_v #visualizza_campo_partecipante2_facolta2, .bodystudenti_i_v #visualizza_campo_partecipante3_facolta2 {
	display: none;
}


.bodystudenti_e_v #visualizza_campo_partecipante1_laurea, .bodystudenti_e_v #visualizza_campo_partecipante2_laurea, .bodystudenti_e_v #visualizza_campo_partecipante3_laurea {
	display: none;
}
.bodystudenti_e_v #visualizza_campo_partecipante1_facolta2, .bodystudenti_e_v #visualizza_campo_partecipante2_facolta2, .bodystudenti_e_v #visualizza_campo_partecipante3_facolta2 {
	display: none;
}

.bodystudenti_e_v #visualizza_campo_partecipante1_cap, .bodystudenti_e_v #visualizza_campo_partecipante2_cap, .bodystudenti_e_v #visualizza_campo_partecipante3_cap {
	display: none;
}
.bodystudenti_e_v #visualizza_campo_partecipante1_provincia, .bodystudenti_e_v #visualizza_campo_partecipante2_provincia, .bodystudenti_e_v #visualizza_campo_partecipante3_provincia {
	display: none;
}



.bodyarchitetti_v #visualizza_campo_partecipante1_corso, .bodyarchitetti_v #visualizza_campo_partecipante2_corso, .bodyarchitetti_v #visualizza_campo_partecipante3_corso {
	display: none;
}
.bodyarchitetti_v #visualizza_campo_partecipante1_facolta, .bodyarchitetti_v #visualizza_campo_partecipante2_facolta, .bodyarchitetti_v #visualizza_campo_partecipante3_facolta {
	display: none;
}


@media all and (max-width: 1100px) {
.footercont {

    justify-content: flex-start;
}
}
@media all and (max-width: 800px) {
  :root {
    --padding: 20px;
    --padding2: 10px;
  }
  .headergen {
    margin-bottom: 0;
  }
	.campo_anagrafica label, .campo_anagrafica_label {
    flex: 0 1 80px;
}
	.pulsante2 {
    padding: 8px 8px;

}
}
@media all and (max-width: 600px) {
  .campo_anagrafica_label_fake {
    display: none;
  }
.headergen .pulsante1 {
    margin: 2px 0;
    min-width: 200px;
    text-align: center;
}
	.visualizza_label {
    flex: 1 1 100%;
    margin-top: 10px;
    margin-bottom: -10px;
}
	.visualizza_contenuto2 {

    text-align: left;
		font-size: 0.9em;
}
	.agenda_ico {
    width: 80px;
    height: 80px;
}
	.descrizione_sdg {
    flex: 1 1 100%;
    margin-top: 10px;
}
	.logomain1 {
    margin: 0 auto;
    margin-top: 70px;
    width: 100%;
    max-width: 300px;
		z-index: 1;
}
	.duecolonne .voce {
    flex: 0 0 100%;
}
}




@media all and (max-width: 450px) {
  .logo {
    height: 30px;
  }
		.riga_progetti {
    flex-wrap: wrap;
}
	.riga_progetti_nome {
    flex: 1 1 80%;
}

	.pulsante1aggiungi {
    flex: 1 1 auto;
}
	.headergen .pulsante1 {
    min-width: 130px;
}
	
element.style {
}
.immaginecaricatacont {
    flex: 1 1 100%;
    margin: 10px 0px 10px 0px;
}
.immaginecaricata {
    height: 150px;
    padding-bottom: 0;
    margin-bottom: 7.5%;
}
}

.commenta_riga_votoconts {
    background: #f5f5f5;
    padding: 0 10px;
    border-radius: 10px;
    flex: 0 0 100%;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}

@page {
  margin: 1.5cm;
}


.votosalvato {display: none;}
@media print {
  :root {
    --padding: 10px;
    --padding2: 10px;
  }
  body {
    background: transparent !important;
    font-size: 8pt;
	  color: #000;
  }
	
  .headergen, .footer, .fullscreen_message, .footerdec,  .logomain1, .commenta_riga_votocont {
    display: none;
  }
  .visualizza_container, .visualizza_container2 {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
	.visualizza_label {
    flex: 0 0 100px;

}
	.visualizza_campo {
  border-bottom: 1pt solid #999;
}
	.visualizza_titolo {
		background: #f5f5f5;
	}
	.textarea_commenti {
		padding: 0;
		border: none;
		min-height: 0;
		height: auto;
	}
	.commenta_riga_titv {
    border: 1pt solid #999;
}
	.commenta_riga {
    margin-bottom: 0;
    padding: 0;
}
	.visualizza_container2_commenti {
		margin-top:40px;
	}
	.votosalvato {display: inline-block;}
}