h1{
	font-size:30px;
}
::-webkit-input-placeholder {
   font-style: italic;
}
.titolodesk, .screendesk{
	display: block;
}
.titolomob, .screenmob{
	display: none;
}
.invisibile{
	display: none;
}
.evidenza{
	min-height: 0;
	background-color: white;
}
.progetti{
	max-width: 1600px;
	margin: 0 auto;
    display: flex;
    opacity:1;
    justify-content: center;
    flex-wrap: wrap;
    transition: opacity 1s linear;	
   
}

.progetto-cont-cat {
	width: 100%;

	max-width:1498px;

	-webkit-box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.2);
	box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.2);
	border-radius: 10px;
	border:1px solid var(--col-lightergrey);
	padding:30px;
	margin-bottom:48px;
}
.progetto-cont-cat-disabled {
	width: 100%;
	max-width:1498px;
	-webkit-box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.2);
	box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.2);
	border-radius: 10px;
	border:1px solid var(--col-lightergrey);
	padding:30px;
	margin-bottom:48px;
	background-color:#f5f5f5;
}
.progetto-cont-cat-edit {
	width: 100%;
	max-width:1498px;
	-webkit-box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.2);
	box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.2);
	border-radius: 10px;
	border:1px solid var(--col-lightergrey);
	padding:30px;
	margin-bottom:48px;
	background-color:#fad499;
}

.progetto-cat {

min-height:118px;
	font-size: 16px;

	position: relative;
}
.progetto-cat.accordion {
	transition: 0.4s;
	display:flex;
	justify-content: flex-end;
}
.progetto-cat.accordion:after {
	font-family: 'font-arredalab';
	content: "\e915";
	position: absolute;
	left: 0px;
	top:50px;
}
.progetto-cat.accordion .orange{
	color:var(--orange);
}

.progetto-cat.active:after {
	font-family: 'font-arredalab';
	content: "\e902";
	position: absolute;
	left: 0px;
}
.progetto-cat .ico-al-arrow-up, .progetto-cat .ico-al-arrow-down {
	position: absolute;
	top: 80px;
	left: 30px;
}

.td-uno, .td-due, .td-tre{
	
	
}
.td-zero{
	position: absolute;
	width:45px;
	height:100%;
	max-height: 125px;
	top: 0;
	left: 0;
	/*background-color: limegreen;*/
	z-index: 2;
}
.td-uno{
	
	/*width:10vw;*/
	min-width:170px;
	
}
.td-due{
	
width:48vw;
/*width:100%;*/
}
.td-tre{
	
	/*width:34vw;
	float:right;*/
	min-width:270px;
}
.opener{
	cursor:pointer;
}
.squadretta{
	margin-left:45px;
}

.centrale{
	margin-left:3.5vw;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.cont-titolo, .prezzo_ii{
	font-size:18px;
	font-weight: bold;
	line-height: 24px;
}
.cont-titolo{
	margin-bottom:10px;
}
.cont-titolo-disabled,.cont-titolo-edit{
	margin-bottom:10px;
	color:var(--col-salamin);
}
.titolodesk.prezzo_ii, .titolodesk.prezzo_ii-disabled, .titolodesk.prezzo_ii-edit{
	display: flex;
}

.prezzo_ii{
	margin-top:15px;	
}
.prezzo_ii-disabled,.prezzo_ii-edit{
	margin-top:15px;
	color:var(--col-salamin);
}
.totale_ii, .totale_ie{	
	margin-right:5px;
}
.totale_ie{
	color:var(--col-darkgrey);
	text-decoration: line-through;
	margin-right:5px;
}
.destinato, .scade, .costo_trasp{
	font-size:14px;
	color:var(--col-darkgrey);
	line-height: 20px;
}
/*.scade{
	font-size:14px;
	color:red;
	line-height: 20px;
}*/
.scade-disabled,.scade-edit{
	font-size:14px;	
	font-weight: bold;
	line-height: 20px;
	color: red;
	/*text-decoration: underline;*/
}

.barrato{
	width: 100%;
	height: 4px;
	background-color: red;
	/*transform: rotate(340deg) translate(-54px, 26px);*/
	top: 50%;
	margin-left: -5px;
	position: absolute;
}

.importiIvaEsclusa{
	text-align: right;
	font-size: 14px;
	font-style: italic;
	margin-top: 5px;
}
.screenshot{
	max-width:300px;
/*	outline:1px solid black;*/
	height:130px;
	margin-right:30px;
	cursor:pointer;
}
.cont-screenshot{
	/*max-width:300px;
	height:130px;*/
	width:100%;
	width:300px;
	height: 100%;
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
	background-size:contain;
}

.comandi{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap:30px 15px;
	align-content: end;
	max-width: 125px;
}

.elimina,.elimina-disabled,.elimina-edit,.noelimina{
	/*position: absolute;
	bottom:0;
	right:0;*/
	font-size:2rem;
}
.condividi,.condividi-disabled,.condividi-edit{
	/*position: absolute;
	bottom:0;
	right:50px;*/
	font-size:2rem;
}
.modifica,.modifica-disabled,.modifica-edit{
	/*position: absolute;
	bottom:0;
	right:100px;*/
	font-size:2rem;
}
.clona,.clona-disabled,.clona-edit{
	/*position: absolute;
	bottom:0;
	right:150px;*/
	font-size:2rem;
}
.elimina,.condividi,.modifica,.clona,.noelimina{
	cursor: pointer;
}
.ico-al-copy:hover, .ico-al-edit:hover, .ico-al-share:hover, .ico-al-delete:hover {
	color:var(--orange);
}
.ico-al-copy-disabled:after{
	color:#A5A5A5;
	content:'\e918';
}
.ico-al-share-disabled:after{
	color:#A5A5A5;
	content:'\e91a';
}
.ico-al-delete-disabled:after{
	color:#A5A5A5;
	content:'\e910';
}
.ico-al-edit-disabled:after{
	color:#A5A5A5;
	content:'\e919';
}
.ico-al-edit-disabled, .ico-al-share-disabled, .ico-al-delete-disabled {
	color:#A5A5A5;
}
.ico-al-copy-edit:after{
	color:#A5A5A5;
	content:'\e918';
}
.ico-al-share-edit:after{
	color:#A5A5A5;
	content:'\e91a';
}
.ico-al-delete-edit:after{
	color:#A5A5A5;
	content:'\e910';
}
.ico-al-edit-edit:after{
	color:#A5A5A5;
	content:'\e919';
}
.ico-al-edit-edit, .ico-al-share-edit, .ico-al-delete-edit {
	color:#A5A5A5;
}

.chiedi-codice-mepa{
	width:520px;
	width:100%;
	text-align: center;
	display: block;
}

.msg-wait{
	margin: 20px auto 0 auto;
	text-align:center;	
	font-size:14px;
	font-weight:700;
	color:var(--orange);
	/*display:none;*/
}

.btn-add-articolo{
	max-width:390px;
	margin:0 auto;
	width: 100%;
}
 .btn-add-articolo.green, .btn-add-articolo.green-disabled, .btn-add-articolo.green-edit {
	color: white;
	background: #00B8AE;
	border: 2px solid #00B8AE;
	width: 100%;
}
.btn-add-articolo.green-disabled,.btn-add-articolo.green-edit {
	background: #A5A5A5;
	border: 2px solid #A5A5A5;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
}
.btn-add-articolo.normal-disabled,.btn-add-articolo.normal-edit {	
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
}
.btn-add-articolo-col.normal-edit {	
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
}
.btn-add-articolo.green:hover {
	color: #00B8AE;	
	background: #FFFFFF;
	border: 2px solid #00B8AE;
}
.btn-add-articolo.normal-disabled:hover {	
	color: #00B8AE;	
	background: #FFFFFF;
	border: 2px solid #00B8AE;
}
.btn-add-articolo-col.normal-edit:hover {	
	cursor: default;
	color: var(--orange);	
	background: #FFFFFF;
	border: 2px solid var(--orange);
}
.btn-add-articolo.green-disabled:hover,.btn-add-articolo.green-edit:hover {
	cursor: default;
	color: #FFFFFF;	
	background: #A5A5A5;
	border: 2px solid #A5A5A5;
}
.aiuto{
margin-top:20px;
font-size: 20px;
font-weight:bold;
color:var(--col-darkgrey);

}
.aiuto-disabled,.aiuto-edit{
margin-top:20px;
font-size: 20px;
font-weight:bold;
color:#A5A5A5;

}
.aiuto .ico-al-help-web{
	margin-right:10px;
	color:var(--col-black);
	text-decoration: none;
	font-size:2rem;
	vertical-align: middle;
}
.aiuto-disabled .ico-al-help-web,.aiuto-edit .ico-al-help-web{
	margin-right:10px;
	color:#A5A5A5;
	text-decoration: none;
	font-size:2rem;
	vertical-align: middle;
}
.progetto-panel, .progetto-panel-disabled, .progetto-panel-edit {
	
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;

	/*display:flex;
	flex-direction:row;
	

	flex-wrap:wrap;
	gap:45px;*/
}
.progetto-panel-disabled {
	
	/*background-color: var(--col-lightergrey);*/
	background-color: #F5F5F5;
}
.progetto-panel-edit {
	
	/*background-color: var(--col-lightergrey);*/
	background-color: #FAD499;
}
.progetto-panel .cont-art,.progetto-panel-disabled .cont-art,.progetto-panel-edit .cont-art{
	position:relative;
	width:340px;
	height:90px;
	
	margin:20px 0;
	display:flex;
	gap:10px;
}
.progetto-panel .cont-art{
	cursor: pointer;
}
.progetto-panel .image, .progetto-panel-disabled .image, .progetto-panel-edit .image{
	width:90px;
	height:90px;
}
.progetto-panel .cont-testo, .progetto-panel-disabled .cont-testo, .progetto-panel-edit .cont-testo{
	position:relative;
	font-size:12px;
	width: 100%;
}
.progetto-panel .testo{

}
.progetto-panel .quantita,.progetto-panel-disabled .quantita,.progetto-panel-edit .quantita{
	position:absolute;
color:var(--col-darkgrey);
left:0;
bottom:0;
}
.progetto-panel .prezzo, .progetto-panel-disabled .prezzo, .progetto-panel-edit .prezzo{
	position:absolute;
	font-weight: bold;
	right:5px;
	bottom:0;
}
.progetti_noprogetti {
	max-width: 1600px;
	height: 20vh;
	margin: 0 auto;
	display: flex;	
	justify-content: center;	
	align-items: center;
}

.numberProject{
	font-size: 10px;
}
.sottoTable{
	display: flex;
	justify-content: space-between;
}

.dettagli-articoli{
	margin-top: 45px;
	width: 100%;	
}
.dettagli-articoli table{	
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
}
.dettagli-articoli th{
	text-align: center;
	font-weight: normal;
	padding: 10px;
	background-color: #CCCCCC;
}
.dettagli-articoli th, .dettagli-articoli td{
	border: 1px solid var(--black);	
	margin: 0;
}
.dettagli-articoli td{	
	padding: 5px;	
	position: relative;
}
.dettagli-articoli .destra{	
	text-align: right;	
}
.articolo-colore {
	display: inline-block;
	width: 22px;
	height: 20px;
	margin-left: 7px;
	margin-top: 4px;
	vertical-align: middle;
}

.nome-colore {
	font-size: 12px;
	line-height: 30px;
	margin-left: 5px;
	display: inline-block;
}
.modal-container {
	width: 60vw;
	max-width: 1060px;
	max-height: 700px;
	padding: 35px 0px 0px 0px;
	transition: all 1s ease-in-out;
}
#modal-alert .modal-container {
	width: 60vw;
	max-width: 950px;
	max-height: 310px;
	padding: 35px 50px;
}
#modal-image {
    position: fixed;
   /* width: 100vw;
    height: 100vh;*/
    opacity: 0;
    visibility: hidden; 
    transition: all 0.3s ease;
    top: 0;
    left: 0;
    right:0;
	 bottom:0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 53;
}
#modal-image.open {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}
.screenshot-image{
	max-height:80vh;
	/*width:100%;*/
	max-width:100vw;
}
#modal-image .modal-bg {
	opacity:.8;
}
#modal-image .modal-exit {
	color:white;
}
#modal-image .modal-container {
	width: 60vw;
	max-width: 950px;
	max-height: 310px;
	padding: 35px 50px;
}
.dentro-container {
	width: 100%;
	overflow: auto;
	/*padding: 26px 36px 0px 25px;*/
}
.btn-add-articolo {	
	color: white;
	background: var(--orange);
	margin-bottom: 25px;
	max-width: 390px;	
}
.btn-add-articolo:hover {
	color: white;
	background: var(--orange);
	color: var(--orange);
	background: #FFFFFF;
}
.pulsanti, .pulsanti2 {
	display: flex;
	justify-content: space-between;
	margin: 50px 0 20px 0;
}
.pulsanti .btn-add-articolo, .pulsanti .btn-add-articolo-col, .pulsanti2 .btn-add-articolo, .pulsanti2 .btn-add-articolo-col {
	/*max-width:275px;*/
	width: 47%;
}
#modal-clone .modal-container,#modal-share .modal-container,#modal-mepa .modal-container,#modal-riepilogo .modal-container{
	flex-direction: column;
	padding: 30px 30px 30px 30px;
	
		width:60vw;
 max-width:1060px; 
max-height:365px;

}
#modal-clone .modal-container,#modal-mepa .modal-container,#modal-riepilogo .modal-container{
	flex-direction: column;
	padding: 30px 30px 30px 30px;
	min-width:500px;
		width:60vw;
 max-width:1060px; 
max-height:365px;

}
#modal-mepa .modal-container,#modal-riepilogo .modal-container{
	max-height:700px;
}
#modal-clone .cont_btn, #modal-share .cont_btn{
	display:flex;	
}
#modal-clone .open-button, #modal-share .open-button {
    width: 47%;
    
    margin-top: 20px;
    margin-bottom: 20px;   
	margin-left:auto;    
    cursor: pointer;
    height: 41px;
    border-radius: 22px;
    color: white;
    background: var(--orange); 
    border: 2px solid var(--orange);    
    line-height: 45px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1rem;
    -webkit-box-shadow: 6px 6px 4px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.2);
    -o-box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.2);
    box-shadow: 6px 6px 4px 0px rgb(0 0 0 / 20%);
}

#modal-clone .open-button:hover, #modal-share .open-button:hover {	
	color: var(--orange);
	background: #FFFFFF;
}

#modal-clone input, #modal-share input{
	padding-left:15px;
}
#modal-clone h3, #modal-share h3{
	 text-align:center;
}

.attendi-condividi {
	display: none;
    width: 47%;
    
    margin-top: 20px;
    margin-bottom: 20px;   
	margin-left:auto;    
   
    height: 41px;
    
    
   
    line-height: 45px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1rem;
   
}

.riepilogo_titolo{
	margin-bottom: 1.5em;
	text-align: center;
}

.nomeProgetto input{
	/*width:70%;
	max-width:780px;*/
	margin-left:25px;
	padding:0 15px;
}
.codMecc {
	margin-top:15px;
	/*text-align:right;*/
}
/*.codMecc label{
	width:152px;	
}
.codMecc input{

	margin-left:25px;
	padding:0 15px;
}*/
.labelCodMecc{	
	width:155px;
}
.inputCodMecc{
/*	width:85%;*/
}


.condividiMsg, .clonaMsg{
	margin:15px 15px;
	color:red;
	font-weight: bold;
	text-align: center;
}

.dati_fatturazione,.dati_consegna{
text-align:right;
}
.dati_fatturazione input,.dati_fatturazione textarea,.dati_fatturazione select,.dati_consegna input,.dati_consegna select{
	width:40vw;
	max-width:640px;
	height: 24px;
	margin-left:10px;
	margin-right:30px;
	border:0;
	outline:1px solid grey;
}
.dati_fatturazione textarea{
	height:50px;
}
.dati_fatturazione select,.dati_consegna select{
	max-width:644px;
}
.btn-add-articolo, .btn-add-articolo-col {
	width: 100%;
    max-width: 390px;
    margin: 20px auto 0 auto;
}
@media (max-width: 1640px){
	#modal-clone .modal-container,#modal-mepa .modal-container,#modal-riepilogo .modal-container{	
		width:70vw;
	}
}
@media (max-width: 1600px) {
	.progetto-cont-cat, .progetto-cont-cat-edit , .progetto-cont-cat-disabled {
		width: 94vw;
	}
	.progetto-panel, .progetto-panel-disabled, .progetto-panel-edit{
		justify-content: center;
	}
	.prezzo_ii, .prezzo_ii-disabled{
		font-size: 14px;
	}
}


@media (max-width: 1380px) {

	.prezzo_ii-edit{
	
		
		flex-direction: column;
	}

}
@media (max-width: 1350px) {

	#modal-share .modal-container{	
		width:70vw;
	}
	.cont-testomob{
		margin-left:30px;
	}
	
}
/*@media (max-width: 1310px) {*/
@media (max-width: 1350px) {
	
	.titolodesk,.screendesk{
		display: none;
	}
	.titolodesk.prezzo_ii, .titolodesk.prezzo_ii-disabled, .titolodesk.prezzo_ii-edit{
		display: none;
	}
	.titolomob,.screenmob{
		display: block;
	}
	.screenmob{
		margin-left:100px;
	}
	.progetti{
		width: 100%;
		max-width: 100%;
		flex-direction: column;
	   
	}
	
	.progetto-cont-cat {
		/*width: 90%;
		max-width:90%;	
		padding:10px;*/
		/*margin-bottom:48px;*/
	}
	.progetto-cont-cat-disabled,.progetto-cont-cat-edit {
/*		width: 100%;*/
/*		max-width:100%;	
		padding:10px;	*/	
	}
	
	.progetto-cat{
		flex-direction: column;
	}

	.progetto-cat.active:after {
/*		font-family: 'font-arredalab';
		content: "\e902";
		position: absolute;
		left: 0px;*/
	}
	.progetto-cat .ico-al-arrow-up, .progetto-cat .ico-al-arrow-down {		
		top: 80px;
		left: 30px;
	}
	.td-uno, .td-due, .td-tre{
		width: 100%;	
	}
	
	.td-uno{			
		display: flex;
		justify-content: flex-start;		
	}
	.centrale{
		margin-left:0;
		/*position: relative;
		display: flex;
		flex-direction: column;
		justify-content: space-between;*/
	}
	.titolomob.prezzo_ii,.titolomob.destinato,.titolomob.scade,.titolomob.cont-titolo{
		display: flex;
	}

	.comandi{
		height: 50px;
		width: 100%;
		max-width:100%;
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		margin-top: 20px;
	}
	.elimina,.elimina-disabled,.elimina-edit,.noelimina{
		position: relative;
		right:initial;
		/*bottom:0;
		
		font-size:2rem;*/
	}
	.condividi,.condividi-disabled,.condividi-edit{
		position: relative;
		right:initial;
		/*bottom:0;
		right:40px;
		font-size:2rem;*/
	}
	.modifica,.modifica-disabled,.modifica-edit{
		position: relative;
		right:initial;
		/*bottom:0;
		right:80px;
		font-size:2rem;*/
	}
	.clona,.clona-disabled,.clona-edit{
		position: relative;
		right:initial;
		/*bottom:0;
		right:120px;
		font-size:2rem;*/
	}
	.progetto-panel .image, .progetto-panel-disabled .image, .progetto-panel-edit .image{
		width:75px;
		height:75px;
	}
	.chiedi-codice-mepa{
		display: flex;
	}
}

@media (max-width: 1190px) {
	.modal{
		display: flex;
	}
	#modal-clone .modal-container, #modal-share .modal-container, #modal-mepa .modal-container, #modal-riepilogo .modal-container{
		width:calc(100vw - 60px);	
	}
	#modal-clone .modal-container, #modal-share .modal-container{
		display: block;	
	}
	.labelCodMecc{		
		width:135px;
	}
	
}
@media (max-width: 1024px) {
	.progetti{
		display:block;
		width:auto;
	}
	.screenshot{
		width:100%;
		max-width:100%;		
	}
	.cont-screenshot{
		margin:0 auto;
	}
	.screendesk{
		display:block;
	}
	.screenmob{
		display:none;
	}
	.cont-testomob{
		margin-bottom:20px;
	}

}

@media (max-width: 768px) {
	h1{
		fonmt-size: 24px;
	}
		#modal-clone .modal-container, #modal-share .modal-container, #modal-mepa .modal-container, #modal-riepilogo .modal-container{
		width:calc(100vw - 100px);	
		min-width: 85%;
	}
	.progetto-panel, .progetto-panel-disabled, .progetto-panel-edit {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: unset;
		gap: 0;
	}
	.progetto-panel .testo{
		line-height: 18px;
	}
	.titolodesk{
		display: none;
	}
	.titolomob{
		display: block;
	}
	.progetti{
		width: 100%;
		max-width: 100%;
		flex-direction: column;
		padding: 10px;
		/*margin: 0 auto;
	    display: flex;
	    opacity:1;
	    justify-content: center;
	    flex-wrap: wrap;
	    transition: opacity 1s linear;*/	
	   
	}
	
	.progetto-cont-cat {
		width: 90%;
		max-width:90%;	
		padding:10px;
		/*margin-bottom:48px;*/
	}
	.progetto-cont-cat-disabled,.progetto-cont-cat-edit {
		width: 90%;
		max-width:90%;	
		padding:10px;		
	}
	.progetto-cat.accordion:after {
		top:25px;
	}
	.progetto-cat{
		flex-direction: column;
	}

	.progetto-cat.active:after {
/*		font-family: 'font-arredalab';
		content: "\e902";
		position: absolute;
		left: 0px;*/
	}
	.progetto-cat .ico-al-arrow-up, .progetto-cat .ico-al-arrow-down {		
		top: 80px;
		left: 30px;
	}
	.td-uno, .td-due, .td-tre{
	width: 100%;
	
	}
	.squadretta{
		margin-left:20px;
	}
	.squadretta img{
		width: 90px;
		height: 90px;
	}
	.td-zero{
		max-height: 90px;
		width: 20px;
	}
	.td-uno{			
		display: flex;
		justify-content: flex-start;		
	}
	.centrale{
		margin-left:0;
		/*position: relative;
		display: flex;
		flex-direction: column;
		justify-content: space-between;*/
	}
	.cont-titolo, .prezzo_ii{
		font-size:14px;
		font-weight: bold;
		line-height: 18px;
	}
	.cont-titolo{
		margin-bottom:10px;
		margin-left: 10px;
	}
	.cont-titolo-disabled,.cont-titolo-edit{
		margin-bottom:10px;
		color:var(--col-salamin);
	}
	.prezzo_ii{
		margin-top:5px;
		font-size: 12px;
	}
	.prezzo_ii-disabled,.prezzo_ii-edit{
		margin-top:5px;
		font-size: 12px;
		color:var(--col-salamin);
	}
	.totale_ie{
		color:var(--col-darkgrey);
		text-decoration: line-through;
	}
	.destinato, .scade, .costo_trasp{
		font-size:12px;
		color:var(--col-darkgrey);
		line-height: 18px;
	}
	.scade-disabled,.scade-edit{
		font-size:12px;	
		font-weight: bold;
		line-height: 18px;
		color: red;
		/*text-decoration: underline;*/
	}

	.comandi{
		height: 50px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		margin-top: 20px;
	}
	.elimina,.elimina-disabled,.elimina-edit,.noelimina{
		position: relative;
		right:initial;
		/*bottom:0;
		
		font-size:2rem;*/
	}
	.condividi,.condividi-disabled,.condividi-edit{
		position: relative;
		right:initial;
		/*bottom:0;
		right:40px;
		font-size:2rem;*/
	}
	.modifica,.modifica-disabled,.modifica-edit{
		position: relative;
		right:initial;
		/*bottom:0;
		right:80px;
		font-size:2rem;*/
	}
	.clona,.clona-disabled,.clona-edit{
		position: relative;
		right:initial;
		/*bottom:0;
		right:120px;
		font-size:2rem;*/
	}
	.progetto-panel .image, .progetto-panel-disabled .image, .progetto-panel-edit .image{
		width:75px;
		height:75px;
	}

	.chiedi-codice-mepa{
		display: block;
	}
}
@media (max-width: 480px) {
	h1{
		fonmt-size: 24px;
	}
	/*.titolodesk{
		display: none;
	}*/
	.titolomob{
		display: none;
	}
	.titolomob.cont-titolo{
		display: flex;
	}
	.titolomob.prezzo_ii,.titolomob.destinato,.titolomob.scade{
		display: none;
	}
	.titolodesk.prezzo_ii,.titolodesk.destinato,.titolodesk.scade,.titolodesk.costo_trasp{
		display: block;
	}
	.progetti{
		width: 100%;
		max-width: 100%;
		flex-direction: column;
		padding: 10px;
		/*margin: 0 auto;
	    display: flex;
	    opacity:1;
	    justify-content: center;
	    flex-wrap: wrap;
	    transition: opacity 1s linear;*/	
	   
	}
	.squadretta img{
		width: 60px;
		height: 60px;
	}
	.td-zero{
		max-height: 60px;
		
	}
	.progetto-cont-cat {
		width: 90%;
		max-width:90%;	
		padding:10px;
		/*margin-bottom:48px;*/
	}
	.progetto-cont-cat-disabled,.progetto-cont-cat-edit {
		width: 90%;
		max-width:90%;	
		padding:10px;		
	}
	.progetto-cat.accordion:after {
		top:25px;
	}
	.progetto-cat{
		flex-direction: column;
	}

	.progetto-cat.active:after {
/*		font-family: 'font-arredalab';
		content: "\e902";
		position: absolute;
		left: 0px;*/
	}
	.progetto-cat .ico-al-arrow-up, .progetto-cat .ico-al-arrow-down {		
		top: 80px;
		left: 30px;
	}
	.td-uno, .td-due, .td-tre{
	width: 100%;
	
	}
	.squadretta{
		margin-left:20px;
	}
	.td-uno{			
		display: flex;
		justify-content: flex-start;		
	}
	.centrale{
		margin-left:0;
		/*position: relative;
		display: flex;
		flex-direction: column;
		justify-content: space-between;*/
	}
	.cont-titolo, .prezzo_ii{
		font-size:14px;
		font-weight: bold;
		line-height: 18px;
	}
	.cont-titolo{
		margin-bottom:10px;
		margin-left: 10px;
	}
	.cont-titolo-disabled,.cont-titolo-edit{
		margin-bottom:10px;
		color:var(--col-salamin);
	}
	.prezzo_ii{
		margin-top:5px;
		font-size: 12px;
	}
	.prezzo_ii-disabled,.prezzo_ii-edit{
		margin-top:5px;
		font-size: 12px;
		color:var(--col-salamin);
	}
	.totale_ie{
		color:var(--col-darkgrey);
		text-decoration: line-through;
	}
	.destinato, .scade{
		font-size:12px;
		color:var(--col-darkgrey);
		line-height: 18px;
	}
	.scade-disabled,.scade-edit{
		font-size:12px;	
		font-weight: bold;
		line-height: 18px;
		text-decoration: underline;
	}

	.comandi{
		height: 50px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		margin-top: 20px;
	}
	.elimina,.elimina-disabled,.elimina-edit,.noelimina{
		position: relative;
		right:initial;
		/*bottom:0;
		
		font-size:2rem;*/
	}
	.condividi,.condividi-disabled,.condividi-edit{
		position: relative;
		right:initial;
		/*bottom:0;
		right:40px;
		font-size:2rem;*/
	}
	.modifica,.modifica-disabled,.modifica-edit{
		position: relative;
		right:initial;
		/*bottom:0;
		right:80px;
		font-size:2rem;*/
	}
	.clona,.clona-disabled,.clona-edit{
		position: relative;
		right:initial;
		/*bottom:0;
		right:120px;
		font-size:2rem;*/
	}
	.progetto-panel .image, .progetto-panel-disabled .image, .progetto-panel-edit .image{
		width:75px;
		height:75px;
	}
	.modal{
		align-items: unset;
	}
	#modal-mepa .modal-container, #modal-riepilogo .modal-container {
		max-height: none;
		height: auto;
		height: 780px;
	}
	.dati_fatturazione, .dati_consegna {
	    text-align: left;
	}
	.dati_fatturazione input, .dati_fatturazione textarea, .dati_consegna input {
		width: 100%;
		margin: 5px 0;
	}
	.dettagli-articoli table{
		/*display: none;*/
		font-size: 0.6rem;
	}
	.dettagli-articoli table tr th{
		/*display: none;*/
		padding: 5px;
	}
	.importiIvaEsclusa{
		/*display: none;*/
		font-size: 0.6rem;
	}
}