.box {
}

.box .title {
	font-weight: bold;
}

.box .title span.collapsable_handle_icon,
.box .title span.sortable_handle_icon {
	float: right;
}

#areacenter .box .content {
/* TODO WEC4-21 da rimuovere!! MOOOOOLTOOOO SOSPETTTOOOOOO!!!! Vedi anche regola .catalogo .catalogo_box.catalogo_matrix .catalogo_content che fa min-height: unset !important; !!!!
	position: relative;
	width: auto;
	min-height: 241px; // Usata da codice JS!
*/
}

.areaside .sortable > li {
	margin-bottom: 20px;
}

.areaside .box li a:hover,
.areaside .box li a.my-ui-state-focus,
.header_top_toolbar_content .box li a:hover,
.header_top_toolbar_content .box li a.my-ui-state-focus {
	color: var(--wec-color-focus);
}

/********** BOX FILTERS **********/

	#box_filters .box form span.sortable_handle_icon {
		display: none;
	}
	
	#box_filters .box #filters button {
		width: 100%;
	}

	#box_filters .box #filters_cleaner_buttons button {
		color: var(--wec-color-focus);
	}
	
/* --------- BOX FILTERS --------- */

/********** BOX MENUNAV **********/

	#box_menunav {
	}
	
/* --------- BOX MENUNAV --------- */

/********** BOX SEARCH **********/

	#box_search {
	}

	#box_search .box #search form#form_search_engine {
		display: none;
	}

	/* Contesto box search orizzontale */
	
	#box_search.horizontal {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	#box_search.horizontal .box .title {
		display: none;
	}
	
	#box_search.horizontal .box #search .form_container,
	#box_search.horizontal .box #search form {
		display: flex;    
		gap: 5px;
	}

	#box_search.horizontal .box #search form {
		padding: 5px;
	}
	
	#box_search.horizontal .box #search form > label.qrcode-text-btn {
		order: 9;
	}

	#box_search.horizontal .box #search input#id_cod_art,
	#box_search.horizontal .box #search input#id_extra_field_search {
		width: 150px;
	}

/* --------- BOX SEARCH --------- */

/********** BOX LOGIN (box/dialog/nodialog login/password_change/password_recover) **********/

/*
	Nota: la login assume diversi nomi a seconda che è una dialog o nodialog o se trattasi di box login toolbar o non toolbar, ma tutte in comune hanno la classe "login"
	Nota: la password_change assume diversi nomi a seconda che è una dialog o nodialog ma tutte in comune hanno la classe "password_change"
	Nota: la password_recover assume diversi nomi a seconda che è una dialog o nodialog, ma tutte in comune hanno la classe "password_recover"
	Nota: login, password_change e password_recover hanno in comune la classe "login_handler"
*/

	.login button:not([type=submit]),
	.login .dialog_login_links {
		width: 100%;
		margin: 5px 0;
	}
	
	#dialog_login .fb_header button,
	#dialog_password_recover .fb_header button,
	#dialog_password_change .fb_header button,
	#dialog_password_change .fb_header button{
		width: auto;
	}
	
	/* Contesto in areacenter */

	#areacenter #nodialog_dialog_login .title,
	#areacenter #nodialog_dialog_password_recover .title,
	#areacenter #nodialog_dialog_password_change .title {
		font-weight: bold;
	}
	
	/* Contesto proroga password per utenti wec (non django admin) */
	
	#nodialog_dialog_password_change.password_expired .permanent_message.important {
		color: #f00;
		font-weight: bold;
		font-size: 1.1em;
	}
	
	#nodialog_dialog_password_change.password_expired .temporary_message {
		font-style: italic;
		font-size: 0.9em;
	}
	
	#nodialog_dialog_password_change.password_expired form .flowbite_form_field_help_text {
		display: none;
	}
	
	/* Contesto carrello */

	.carrello #nodialog_dialog_login .dialog_login_links li:first-child {
		display: none;
	}

/* --------- BOX LOGIN (e dialog/nodialog) --------- */

/********** DIALOG NOTIFICA DISPONIBILITA **********/

	#dialog_articolo_disponibilita_registrazione_notifica {
	}

	#dialog_articolo_disponibilita_registrazione_notifica .link_privacy a {
		text-decoration: underline;
		font-weight: bold;
	}

/* --------- DIALOG NOTIFICA DISPONIBILITA --------- */

/********** CARRELLO SINTETICO **********/

	#box_carrello {
	}
	
	#box_carrello .carrello_sintetico_header button:not([type=submit]) {
		width: 100%;
		margin: 5px 0;
	}

	#box_carrello .carrello_sintetico_header.header_of_carrello_sintetico_detail {
		font-weight: bold;
	}
	
	#box_carrello .carrello_sintetico_detail {
		font-size: 0.7em;
	}
	
	#box_carrello .carrello_sintetico_detail .carrello_quantita {
		text-align: right;
	}

	#box_carrello .carrello_sintetico_header.header_of_carrello_sintetico_detail,
	#box_carrello .carrello_sintetico_detail,
	#box_carrello .carrello_sintetico_piede {
	    display: flex;
	    gap: 5px;
	}
	
	#box_carrello .carrello_sintetico_piede {
		justify-content: space-between;
	}
	
	#box_carrello .articolo_codice {
		flex-basis: 35%;
	}
	
	#box_carrello .articolo_info {
		flex-basis: 10%;
	}
	
	#box_carrello .carrello_quantita {
		flex-basis: 15%;
	}
	
	#box_carrello .carrello_azioni {
		flex-basis: 40%;
	}
	
	#box_carrello span.articolo_immagine,
	#box_carrello .articolo_descrizione_60 {
		display: none;
	}
	
	/* Contesto dialog */
	
	#box_carrello.carrello_sintetico_dialog {
	}

	#box_carrello.carrello_sintetico_dialog #carrello_sintetico {
		display: flex;
		flex-direction: column;
	}
	
	#box_carrello.carrello_sintetico_dialog .carrello_sintetico_header.header_of_carrello_sintetico_detail {
		background: var(--wec-color-bg);
		color: var(--wec-color-fg);
		text-align: center;
	}
	
	#box_carrello.carrello_sintetico_dialog .carrello_sintetico_header.actions {
		order: 100;
		display: flex;
		gap: 20px;
		justify-content: flex-end;
	}

	#box_carrello.carrello_sintetico_dialog .carrello_sintetico_header.actions .carrello_conferma {
		display: none;
	}

	#box_carrello.carrello_sintetico_dialog .carrello_sintetico_detail {
		border-bottom: 1px solid #ccc;
		padding-top: 20px;
		padding-bottom: 5px;
		font-size: 1em;
	}
	
	#box_carrello.carrello_sintetico_dialog  .carrello_sintetico_piede {
		display: flex;
		justify-content: flex-end;
		margin: 10px 0;
	}
	
	#box_carrello.carrello_sintetico_dialog  .carrello_sintetico_piede span:last-child {
		flex-basis: 15%;
		text-align: right;
	}
	
	#box_carrello.carrello_sintetico_dialog span.articolo_immagine,
	#box_carrello.carrello_sintetico_dialog .articolo_descrizione_60 {
		display: block;
	}
	
	#box_carrello.carrello_sintetico_dialog .articolo_immagine {
		flex-basis: 30%;
	}
	
	#box_carrello.carrello_sintetico_dialog .articolo_descrizione_60 {
		flex-basis: 35%;
	}
	
	#box_carrello.carrello_sintetico_dialog .carrello_sintetico_header.header_of_carrello_sintetico_detail .carrello_quantita,
	#box_carrello.carrello_sintetico_dialog .carrello_sintetico_detail .carrello_quantita {
		flex-basis: 15%;
		text-align: center;
	}
	
	#box_carrello.carrello_sintetico_dialog .carrello_sintetico_header.header_of_carrello_sintetico_detail .carrello_azioni,
	#box_carrello.carrello_sintetico_dialog .carrello_sintetico_detail .carrello_azioni {
		flex-basis: 20%;
	}

/* --------- CARRELLO SINTETICO --------- */

/********** BOX RICERCA PER CARATTERISTICHE **********/

	.box_caratteristiche {
	}
		
	/* Contesto NON step by step */
	
	.ricerca_caratteristiche.tooltip_title {
		font-weight: bold;
	}
	
	/* Contesto step by step */
	
	.box_caratteristiche .ricerca_caratteristiche_step .label {
		font-weight: bold;
	}
	
	.box_caratteristiche .form_ricerca_caratteristiche .ricerca_caratteristiche_step .ricerca_caratteristiche_step_choices {
		display: flex;
		flex-wrap: wrap;
	}
	
	.box_caratteristiche .form_ricerca_caratteristiche .ricerca_caratteristiche_step .ricerca_caratteristiche_step_choices .ricerca_caratteristiche_step_choice {
		flex: 1;
		padding: 5px;
		margin: 5px;
		border: 1px solid #ccc;
		max-width: 200px;
	}
	
	.box_caratteristiche .form_ricerca_caratteristiche .ricerca_caratteristiche_step .ricerca_caratteristiche_step_choices .ricerca_caratteristiche_step_choice.back {
		flex-basis: 100%;
		border: none;
		max-width: unset;
	}
	
	.box_caratteristiche .form_ricerca_caratteristiche .ricerca_caratteristiche_step .ricerca_caratteristiche_step_choices .ricerca_caratteristiche_step_choice a {
		text-align: center;
	}
	
	.box_caratteristiche .form_ricerca_caratteristiche .ricerca_caratteristiche_step .ricerca_caratteristiche_step_choices .ricerca_caratteristiche_step_choice a .immagine img {
		max-width: 180px;
	}

/* --------- BOX RICERCA PER CARATTERISTICHE --------- */