.hide {
	display: none;
}
.scelte-fatte div {
	padding-left: 10px;
}
.scelte-fatte .inline-element {
	padding-left: 0;
}
.inline-element {
	display: inline;
}
.evidenzia-riga {
	background-color: #ff8200;
	font-weight: bold;
}
.frecce {
	float: right;
	margin-right: 70px;
}
.frecce img {
	max-width: 100%;
	width: 20%;
}
.show-img {
	display: inline-block;
}
.hide-img {
	display: none;
}
.scelte-fatte {
	line-height: 35px;
}
.box-col-1, .box-col-2, .box-col-3, .box-col-4{
	display: inline-block;
	text-align: center;
}
.lato-lungo{
	width: 22%;
}
.lato-corto{
	width: 15%;
}
.box-vert-sx, .box-vert-dx{
	width: 4%;
	display: inline-block;
	min-height: 150px;
	text-align: center;
	vertical-align: top;
	margin-top: 15px;
}
.box-vert-sx{
	border-right: 7px solid #4F4F4F;
}
.box-vert-sx:hover, .box-vert-sx:active{
	border-right: 7px solid green;
}
.box-vert-dx{
	border-left: 7px solid #4F4F4F;
}
.box-vert-dx:hover, .box-vert-dx:active{
	border-left: 7px solid green;
}
.box-spazio{
	min-height: 135px;
}
.box-alto-1, .box-alto-2, .box-alto-3, .box-alto-4{
	border-bottom: 7px solid #4F4F4F;
}
.box-alto-1:hover, .box-alto-2:hover, .box-alto-3:hover, .box-alto-4:hover{
	border-bottom: 7px solid green;
}
.box-basso-1, .box-basso-2, .box-basso-3, .box-basso-4{
	border-top: 7px solid #4F4F4F;
}
.box-basso-1:hover, .box-basso-2:hover, .box-basso-3:hover, .box-basso-4:hover{
	border-top: 7px solid green;
}
.conf-row {
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}
.conf-col {
	width: 24%;
	display: inline-block;
	text-align: center;
	position: relative;
}
.conf-col img{
	max-width: 85%;
}
.descrizione-simu-3d{
	text-align: left;
	width: 70%;
	margin-bottom: 30px;
}
.title-optional h3{
	text-align: left;
}
.colore-tetto{
	text-align: left;
}
.colore-box{
	text-align: left;
}
.scelta-colori{
	width: 100%;
}
.col-tet, .col-box, .colore-tetto-scelto, .colore-box-scelto{
	width: 11%;
	display: inline-block;
	height: 40px;
	border: 2px solid #d0d0d0;
	box-sizing: border-box;
}
.colore-tetto-scelto, .colore-box-scelto{
	width: 100%;
	padding-top: 9px;
	text-align: center;
	display: inline-block;
	height: 40px;
	border: 2px solid white;
	box-sizing: border-box;
}
.col-box:hover {
	border-color: #ff8200;
}
.col-tet.colore-0, .col-box.colore-0{
	vertical-align: top;
	background-color: #CFD1CE;
	font-size: 10px;
	text-align: center;
}
.checked{
	background-image: url('/assets/nice/images/check.png');
	background-repeat: no-repeat;
	background-position: center;
}
.simu-3d img {
	max-width: 100%;
}
.btn-reload-configurazione {
	background-color: #fff;
	padding: 4px 7px;
	border-radius: 5px;
	height: 34px;
}

/* -------------------------------------------------- */
/* ----- gallery ------------------------------------ */
/* -------------------------------------------------- */

.video-youtube-embed {
	padding-right: 0;
}
.video-youtube-embed iframe {
	border: none;
	border-radius: var(--border-radius);
}

.griglia-masonry {
	columns: 5;
	column-gap: var(--col-d);
}
.griglia-masonry .masonry-item {
	display: block;
	margin-bottom: var(--col-d);
	break-inside: avoid;
}
.griglia-masonry .masonry-item img {
	width: 100%;
}

/* -------------------------------------------------- */
/* ----- end: gallery ------------------------------- */
/* -------------------------------------------------- */


/* -------------------------------------------------- */
/* ----- nuovo configuratore ------------------------ */
/* -------------------------------------------------- */

/* ----- grid configuratore ----- */
#gridConfiguratore {
	display: grid !important;
	grid-template-areas: 	'opt opt dat'
												'opt opt pre'
												'opt opt tot';
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	gap: var(--col-d);
	min-height: 30vh;
}

/* ----- grid configuratore - start ----- */
#gridConfiguratore.grid-default-start {
	grid-template-areas: 'dat';
	grid-template-columns: auto;
	grid-template-rows: auto;
}
#gridConfiguratore.grid-default-start > div:not(#gridDatiGenerali) {
	display: none;
}

/* ----- grid configuratore - el card ----- */
#gridConfiguratore .grid-configuratore-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: white;
	padding: var(--col-d);
	border-radius: var(--border-radius);
}

/* ----- grid configuratore - el card - optional ----- */
#gridConfiguratore #gridOptional {
	grid-area: opt;
	position: relative;
	overflow: hidden;
}

/* ----- grid configuratore - el card - optional - pannello ----- */
#gridConfiguratore #gridOptional .el-pannello {
	position: absolute;
	width: 100%;
	height: 100%;
	max-width: 0;
	max-height: 0;
	padding: var(--col-d);
	opacity: 0;
	overflow: scroll;
}
#gridConfiguratore #gridOptional .el-pannello.aperto {
	max-width: 100vw;
	max-height: 100vh;
	opacity: 1;
}

/* ----- grid configuratore - el card - optional - pannello gruppo ----- */
#gridConfiguratore #gridOptional .gruppo-bottone-pannello {
	position: relative;
}
#gridConfiguratore #gridOptional .gruppo-bottone-pannello .el-pannello {
	bottom: calc(100% + var(--col-d));
	height: auto;
	background-color: var(--colore-secondario-20);
	border-radius: var(--border-radius);
	box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, 0.2);
}
#gridConfiguratore #gridOptional .gruppo-bottone-pannello .el-pannello .grid-pannello-checkbox {
	display: flex;
	flex-wrap: wrap;
	gap: var(--col-d);
}
#gridConfiguratore #gridOptional .gruppo-bottone-pannello .el-pannello .grid-pannello-checkbox .el-pannello-checkbox {
	position: relative;
	width: calc(50% - var(--col-d) / 2);
}
#gridConfiguratore #gridOptional .gruppo-bottone-pannello .el-pannello .grid-pannello-checkbox .el-pannello-checkbox input {
	position: absolute;
	opacity: 0;
}
#gridConfiguratore #gridOptional .gruppo-bottone-pannello #coloriPannello.el-pannello .grid-pannello-checkbox .el-pannello-checkbox label {
	height: calc(var(--img-h) + var(--col-d) + var(--line-height) * 3);
}
#gridConfiguratore #gridOptional .gruppo-bottone-pannello .el-pannello .grid-pannello-checkbox .el-pannello-checkbox label {
	--img-h: 45px;
	cursor: pointer;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: calc(var(--col-d) / 2);
	height: calc(var(--img-h) + var(--col-d) + var(--line-height) * 2);
	background-color: white;
	padding: calc(var(--col-d) / 2);
	border: 2px solid white;
	border-radius: var(--border-radius);
}
#gridConfiguratore #gridOptional .gruppo-bottone-pannello .el-pannello .grid-pannello-checkbox .el-pannello-checkbox label .img-checkbox  {
	display: flex;
	justify-content: center;
	align-items: center;
	height: var(--img-h);
	width: 100%;
}
#gridConfiguratore #gridOptional .gruppo-bottone-pannello .el-pannello .grid-pannello-checkbox .el-pannello-checkbox input:checked + label {
	color: var(--colore-primario);
	border-color: var(--colore-primario);
}

/* ----- grid configuratore - el card - optional - pannello gruppo - colori ----- */
#gridConfiguratore #gridOptional .gruppo-bottone-pannello .el-pannello .scelta-colori {
	display: grid;
	grid-template-columns: repeat(var(--n-col), 1fr);
	gap: calc(var(--col-d) / 2);
}
#gridConfiguratore #gridOptional .gruppo-bottone-pannello .el-pannello .scelta-colori .col-box {
	width: 100%;
	height: 50px;
	border: 1px solid var(--colore-secondario);
	border-radius: calc(var(--border-radius) / 2);
}
#gridConfiguratore #gridOptional .gruppo-bottone-pannello .el-pannello .scelta-colori .col-box.checked {
	border-color: var(--colore-primario);
}

/* ----- grid configuratore - el card - optional - pannello full ----- */
#gridConfiguratore #gridOptional > .el-pannello {
	top: 0;
	left: 0;
	background-color: white;
	z-index: 10;
}
#gridConfiguratore #gridOptional > .el-pannello .el-indietro-sticky {
	position: sticky;
	top: 0;
	z-index: 20;
}

/* ----- grid configuratore - el card - optional - pannello full - optional ----- */
#gridConfiguratore #gridOptional > #optionalPannello.el-pannello {
	padding-top: 0;
}
#gridConfiguratore #gridOptional > #optionalPannello.el-pannello .el-indietro-sticky {
	background-color: white;
	padding-top: var(--col-d);
	padding-bottom: var(--col-d);
}
#gridConfiguratore #gridOptional > #optionalPannello.el-pannello .griglia-elenco-optional {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--col-d);
	padding-top: var(--col-d);
}
#gridConfiguratore #gridOptional > #optionalPannello.el-pannello .griglia-elenco-optional .card-singolo-optional {
	background-color: var(--colore-secondario-20);
	padding: var(--col-d);
	border: 2px solid var(--colore-secondario-20);
	border-radius: var(--border-radius);
}
#gridConfiguratore #gridOptional > #optionalPannello.el-pannello .griglia-elenco-optional .card-singolo-optional.opt-selected {
	border-color: var(--colore-primario);
}
#gridConfiguratore #gridOptional > #optionalPannello.el-pannello .griglia-elenco-optional .card-singolo-optional .opt-title {
	min-height: calc(var(--line-height) * 2);
}
#gridConfiguratore #gridOptional > #optionalPannello.el-pannello .griglia-elenco-optional .card-singolo-optional.opt-selected .opt-title {
	color: var(--colore-primario);
}
#gridConfiguratore #gridOptional > #optionalPannello.el-pannello .griglia-elenco-optional .card-singolo-optional .opt-img-box {
	position: relative;
	border-radius: var(--border-radius);
	overflow: hidden;
}
#gridConfiguratore #gridOptional > #optionalPannello.el-pannello .griglia-elenco-optional .card-singolo-optional .opt-img-box .descrizione-optional {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	padding: var(--col-d);
	opacity: 0;
	overflow: scroll;
	z-index: 10;
}
#gridConfiguratore #gridOptional > #optionalPannello.el-pannello .griglia-elenco-optional .card-singolo-optional .opt-img-box .descrizione-optional.mostra-descrizione {
	opacity: 1;
}
#gridConfiguratore #gridOptional > #optionalPannello.el-pannello .griglia-elenco-optional .card-singolo-optional .opt-img-box .descrizione-optional > *:last-child {
	margin-bottom: 0 !important;
}
#gridConfiguratore #gridOptional > #optionalPannello.el-pannello .griglia-elenco-optional .card-singolo-optional .opt-button {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(var(--col-d) / 2);
	width: 100%;
}

/* ----- grid configuratore - el card - optional - pannello full - misure ----- */
#gridConfiguratore #gridOptional > #misurePannello.el-pannello {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#gridConfiguratore #gridOptional > #misurePannello.el-pannello:after {
	content: '';
}
#gridConfiguratore #gridOptional > #misurePannello.el-pannello .griglia-misura {
	display: grid;
	grid-template-columns: calc(70% - var(--col-d)) calc(30% - var(--col-d));
	grid-row-gap: var(--col-d);
	grid-column-gap: calc(var(--col-d) * 2);
}
#gridConfiguratore #gridOptional > #misurePannello.el-pannello .griglia-misura h4 {
	grid-column: 1/3;
}
#gridConfiguratore #gridOptional > #misurePannello.el-pannello .griglia-misura .img-misure {
	padding: calc(var(--col-d) * 2) var(--col-d);
	border: 2px solid var(--colore-secondario-20);
	border-radius: var(--border-radius);
}
#gridConfiguratore #gridOptional > #misurePannello.el-pannello .griglia-misura .gruppo-elenco-misure {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--col-d);
}
#gridConfiguratore #gridOptional > #misurePannello.el-pannello .griglia-misura .gruppo-elenco-misure .elenco-misure {
	display: flex;
	flex-direction: column;
	gap: calc(var(--col-d) * 2);
}
#gridConfiguratore #gridOptional > #misurePannello.el-pannello .griglia-misura .gruppo-elenco-misure .elenco-misure .misura {
	display: grid;
	grid-template-columns: 30px auto;
	justify-items: center;
	align-items: center;
	gap: 10px;
}
#gridConfiguratore #gridOptional > #misurePannello.el-pannello .griglia-misura .gruppo-elenco-misure .elenco-misure .misura p {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 10px;
}

/* ----- grid configuratore - el card - optional - content ----- */
#gridConfiguratore #gridOptional > #gridOptionalContent {
	position: relative;
	z-index: 0;
}
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-titolo {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini {
	position: relative;
}
#gridConfiguratore #gridOptional > #gridOptionalContent input#vistaBox[value="R"] + .gruppo-optional-immagini > img.img-fronte,
#gridConfiguratore #gridOptional > #gridOptionalContent input#vistaBox[value="F"] + .gruppo-optional-immagini > img.img-retro,
#gridConfiguratore #gridOptional > #gridOptionalContent input#vistaBox[value="R"] + .gruppo-optional-immagini > .elenco-immagini-optional > .opt-fronte,
#gridConfiguratore #gridOptional > #gridOptionalContent input#vistaBox[value="F"] + .gruppo-optional-immagini > .elenco-immagini-optional > .opt-retro,
#gridConfiguratore #gridOptional > #gridOptionalContent input#vistaBox[value="R"] + .gruppo-optional-immagini > .elenco-immagini-lettere > .lett-fronte,
#gridConfiguratore #gridOptional > #gridOptionalContent input#vistaBox[value="F"] + .gruppo-optional-immagini > .elenco-immagini-lettere > .lett-retro {
	display: none;
}
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > img.img-fronte,
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > img.img-retro {
	width: 100%;
}
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > .elenco-immagini-optional,
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > .elenco-immagini-optional > img.opt-fronte,
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > .elenco-immagini-optional > img.opt-retro,
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > .elenco-immagini-lettere {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > .elenco-immagini-lettere > [id^="let"] {
	--d: 40px;
	font-size: 24px;
	line-height: var(--line-height);
	font-weight: 700;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: var(--d);
	height: var(--d);
	background-color: rgba(255, 255, 255, 0.6);
	padding: 5px;
	border-radius: 50%;
	transition: .2s all ease-in-out;
}
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > .elenco-immagini-lettere > [id^="let"]:hover {
	color: white;
	background-color: var(--colore-primario);
}
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > .elenco-immagini-lettere > #letA,
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > .elenco-immagini-lettere > #letF {
	bottom: calc(35% - var(--d) / 2);
	left: calc(25% - var(--d) / 2);
}
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > .elenco-immagini-lettere > #letB,
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > .elenco-immagini-lettere > #letG {
	bottom: calc(40% - var(--d) / 2);
	left: calc(50.5% - var(--d) / 2);
}
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > .elenco-immagini-lettere > #letC,
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > .elenco-immagini-lettere > #letH {
	bottom: calc(45% - var(--d) / 2);
	left: calc(64.5% - var(--d) / 2);
}
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > .elenco-immagini-lettere > #letD,
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > .elenco-immagini-lettere > #letI {
	bottom: calc(49% - var(--d) / 2);
	left: calc(76% - var(--d) / 2);
}
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > .elenco-immagini-lettere > #letE,
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-immagini > .elenco-immagini-lettere > #letL {
	bottom: calc(53% - var(--d) / 2);
	left: calc(85% - var(--d) / 2);
}
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-bottoni {
	display: flex;
	align-items: center;
	gap: var(--col-d);
}
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-bottoni .gruppo-bottone-pannello {
	flex: 1 1 50%;
	background-color: var(--colore-secondario-20);
	border-radius: var(--border-radius);
}
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-bottoni .gruppo-bottone-pannello .btn-grigio:not(.btn-icona-animato) > i {
	--d: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: var(--d);
	height: var(--d);
}
#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-bottoni .btn-grigio.btn-icona-animato {
	flex: 1 0 auto;
}

/* ----- grid configuratore - el card - datigenerali ----- */
#gridConfiguratore #gridDatiGenerali {
	grid-area: dat;
}
#gridConfiguratore #gridDatiGenerali > .gruppo-datigenerali {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	gap: var(--col-d);
}
#gridConfiguratore #gridDatiGenerali > .gruppo-datigenerali select {

}

/* ----- grid configuratore - el card - datigenerali - start ----- */
#gridConfiguratore.grid-default-start #gridDatiGenerali > h4 {
	text-align: center;
}
#gridConfiguratore.grid-default-start #gridDatiGenerali > .gruppo-datigenerali {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}
#gridConfiguratore.grid-default-start #gridDatiGenerali > .gruppo-datigenerali label {
	text-align: right;
}

/* ----- grid configuratore - el card - preventivo ----- */
#gridConfiguratore #gridPreventivo {
	grid-area: pre;
}
#gridConfiguratore #gridPreventivo > .gruppo-preventivo-testi > div {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
#gridConfiguratore #gridPreventivo > .gruppo-preventivo-testi > div > span:last-child {
	text-align: right;
}

/* ----- grid configuratore - el card - totale ----- */
#gridConfiguratore #gridTotale > div {
	grid-area: tot;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--col-d);
}
#gridConfiguratore #gridTotale > h4 { grid-column: 1 / 3; }
#gridConfiguratore #gridTotale > div > .gruppo-totale-testi { grid-column: 1 / 2; }
#gridConfiguratore #gridTotale > div > .gruppo-totale-bottoni { grid-column: 2 / 3; }

/* ----- grid configuratore - el card - scelte ----- */
#gridConfiguratore #gridScelte {
	grid-area: sce;
	display: none;
}


/* -------------------------------------------------- */
/* ----- end: nuovo configuratore ------------------- */
/* -------------------------------------------------- */


/* --- CONFIGURATORE CON GRID RIORDINABILI -------- */



#gridConfiguratore > #coloriGrid { grid-area: colori; }
#gridConfiguratore > #optionalGenGrid { grid-area: optionalGen; }
#gridConfiguratore > #contactGrid { grid-area: contact; }
#gridConfiguratore > #galleryGrid { grid-area: gallery; }
#gridConfiguratore > #preventivoGrid { grid-area: preventivo; }
#gridConfiguratore > #istruzioniGrid { grid-area: istruzioni; }

@media(max-width: 1400px) {

	#gridConfiguratore {
		grid-template-areas:
			'dimensioni dimensioni dimensioni preventivo'
			'optional optional optional preventivo'
			'optional optional optional optionalRecap'
			'optional optional optional optionalRecap'
			'colori colori colori optionalRecap'
			'optionalGen optionalGen optionalGen optionalRecap'
			'optionalGen optionalGen optionalGen istruzioni';
	}

}

@media(max-width: 991px) {

	/* ----- grid configuratore ----- */
	#gridConfiguratore {
		display: flex !important;
		flex-direction: column;
		min-height: unset !important;
	}

	.video-youtube-embed {
		padding-right: var(--col-d);
		margin-bottom: var(--col-d);
	}

}

@media(max-width: 768px) {

	#gridConfiguratore {
		grid-template-areas:
			'dimensioni'
			'optional'
			'colori'
			'optionalGen'
			'preventivo'
			'optionalRecap'
			'contact'
			'istruzioni'
			'gallery';
		grid-template-columns: auto;
	}
	#gridConfiguratore.grid-default-start {
		grid-template-areas: 'dat';
	}
	#gridConfiguratore.grid-default-start #gridDatiGenerali > .gruppo-datigenerali {
		width: 80%;
	}

}

@media(max-width: 576px) {

	/* ----- gridConfiguratore ----- */
	.el-pannello .el-indietro-sticky > button {
		padding: 5px;
	}
	.el-pannello .el-indietro-sticky > button > span {
		display: none;
	}

	/* ----- gridConfiguratore - gridDatiGenerali ----- */
	#gridConfiguratore #gridDatiGenerali > .gruppo-datigenerali,
	#gridConfiguratore.grid-default-start #gridDatiGenerali > .gruppo-datigenerali {
		grid-template-columns: auto;
		grid-row-gap: 15px;
		width: 100%;
	}
	#gridConfiguratore #gridDatiGenerali > .gruppo-datigenerali label,
	#gridConfiguratore.grid-default-start #gridDatiGenerali > .gruppo-datigenerali label {
		text-align: left;
	}

	/* ----- gridConfiguratore - gridOptional ----- */

	/* ----- gridConfiguratore - gridOptional - optionalPannello ----- */
	#gridConfiguratore #gridOptional > #optionalPannello.el-pannello .el-indietro-sticky {
		align-items: flex-start !important;
	}
	#gridConfiguratore #gridOptional > #optionalPannello.el-pannello .el-indietro-sticky > div:first-child {
		flex: 1 1 0;
	}
	#gridConfiguratore #gridOptional > #optionalPannello.el-pannello .griglia-elenco-optional {
		grid-template-columns: auto;
	}

	/* ----- gridConfiguratore - gridOptional - misurePannello ----- */
	#gridConfiguratore #gridOptional > #misurePannello.el-pannello .griglia-misura {
		display: flex;
		flex-direction: column;
	}

	/* ----- gridConfiguratore - gridOptional - gridOptionalContent ----- */
	#gridConfiguratore #gridOptional .gruppo-bottone-pannello .el-pannello {
		max-height: 350px !important;
	}
	#gridConfiguratore #gridOptional .gruppo-bottone-pannello .el-pannello .grid-pannello-checkbox .el-pannello-checkbox {
		width: 100%;
	}
	#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-titolo {
		align-items: flex-start;
	}
	#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-titolo > button {
		padding: 5px 10px !important;
	}
	#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-titolo > button > span {
		display: none;
	}
	#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-bottoni {
		margin-top: 20px;
		flex-direction: column;
	}
	#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-bottoni .gruppo-bottone-pannello {
		flex: 1 1 auto;
		width: 100%;
	}
	#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-bottoni .gruppo-bottone-pannello > button {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-bottoni .btn-grigio.btn-icona-animato {
		gap: 5px;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#gridConfiguratore #gridOptional > #gridOptionalContent .gruppo-optional-bottoni .btn-grigio.btn-icona-animato > span {
		flex: unset;
		max-width: unset;
		opacity: 1;
	}

	/* ----- gridConfiguratore - gridTotale ----- */
	#gridConfiguratore #gridTotale > div {
		display: flex;
		flex-direction: column;
	}

}


@media(max-width: 375px) {

	#gridConfiguratore #gridOptional .gruppo-bottone-pannello .el-pannello {
		max-height: 300px !important;
	}

}
/* --- END: CONFIGURATORE CON GRID RIORDINABILI -------- */