#header {
	width: 100%;
	position: relative;
}

#header_top {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	min-height: 90px;
	z-index: 40;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media only screen and (width <= 1036px) { /* Valore computato con il maggior numero di icone presenti in #header_top_toolbar (es. themeroller), da rivedere se #box_search contiene 3 campi di ricerca o numero icone #header_top_toolbar significativamente diverso */
	
	#body.header_has_box_search #header_top {
		justify-content: center;
	}
	
	#body.header_has_box_search #box_search.horizontal {
		flex-basis: 100%;
		order: 999;
	}
	
}

@media only screen and (width <= 1220px) {
	
	#header {
		display: flex;
	}
	
	#header_top {
		width: auto;
		order: 2;
		flex-grow: 1;
	}
	
}

#header_top > .cms_content {
	display: flex;
}

#header_top #info_agente_cliente {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	flex: 0 0 100%;
	font-size: 0.7em;
	font-weight: bold;
}

#header_top #info_agente_cliente #info_agente,
#header_top #info_agente_cliente #info_cliente {
	padding: 3px 6px;
}

/********** HEADER TOP TOOLBAR (#header_top_toolbar) **********/

	#header_top_toolbar {
	}
	
	#header_top_toolbar > ul {
	    display: flex;
	    justify-content: flex-end;
	}
	
	#header_top_toolbar > ul > li {
		width: auto;
		padding: 0 10px;
	}
	
	#header_top_toolbar .header_top_toolbar_item {
		cursor: pointer;
		text-align: center;
	}
	
	#header_top_toolbar .header_top_toolbar_item a {
		text-decoration: none;
	}
	
	#header_top_toolbar .header_top_toolbar_item .img_as_text {
	    display: none;
	    font-size: 0.750em;
		font-weight: normal;
		line-height: 0.9em;
		text-transform: uppercase;
	}

	#header_top_toolbar #header_top_toolbar_box_login.logout {
		display: none;
	}
	
	#body.is_staff #header_top_toolbar #header_top_toolbar_box_login.logout {
		display: block;
	}

	#header_top_toolbar #header_top_toolbar_box_language .header_top_toolbar_item::after {
		font-size: 0.8em;
	}
	
	#header_top_toolbar #header_top_toolbar_box_language .header_top_toolbar_item:lang(it)::after {
		content: url("/cmsmedia/wec/language-selector-it.jpg") " Italiano";
	}
	
	#header_top_toolbar #header_top_toolbar_box_language .header_top_toolbar_item:lang(en)::after {
		content: url("/cmsmedia/wec/language-selector-en.jpg") " English";
	}
	
	#header_top_toolbar #header_top_toolbar_box_language .header_top_toolbar_item:lang(fr)::after {
		content: url("/cmsmedia/wec/language-selector-fr.jpg") " Français";
	}
	
	#header_top_toolbar #header_top_toolbar_box_language .header_top_toolbar_item:lang(de)::after {
		content: url("/cmsmedia/wec/language-selector-de.jpg") " Deutsch";
	}
	
	#header_top_toolbar #header_top_toolbar_box_language .header_top_toolbar_item:lang(es)::after {
		content: url("/cmsmedia/wec/language-selector-es.jpg") " Español";
	}
	
	#header_top_toolbar .header_top_toolbar_content {
		position: relative;
		width: auto;

		/* margin-top: 10px; */
		z-index: 10000;
		vertical-align: middle;
	}
	
	#header_top_toolbar .header_top_toolbar_content > .box {
		position: absolute;
		right: 0;
		display: none;
		background: var(--wec-color-bg);
		width: 205px;
		padding: 5px;
		transform: translateY(10px);
		transition: opacity .4s ease, transform .45s ease;
		box-shadow: 0 0 4px rgb(var(--wec-color-fg-rgb) / 40%);
	}

	#header_top_toolbar .header_top_toolbar_content .title {
		display: none;
	}
	
	#header_top_toolbar .header_top_toolbar_content > .box .content li a {
		display: block;
		padding: .5em 0;
	}
	
	#header_top_toolbar #header_top_toolbar_box_carrello_ultra_sintetico #box_carrello_ultra_sintetico {
		position: relative;
		height: 100%;
	}

	#header_top_toolbar #header_top_toolbar_box_carrello_ultra_sintetico #box_carrello_ultra_sintetico #carrello_ultra_sintetico {
		/*! bottom: 11px; */
		left: 0;
		right: 0;
		width: 58px;
		font-size: 0.8em;
		font-weight: 700;
	}

/* --------- HEADER TOP TOOLBAR (#header_top_toolbar) --------- */

/********** AREA CENTER TOP NAVBAR (#areacenter_top_navbar) **********/

	/* Non contemplato per il mobile */

/* --------- AREA CENTER TOP NAVBAR (#areacenter_top_navbar) --------- */

/********** HEADER MENU (solo struttura o regole specifiche del menù di testata in override alle regole di ec_menu.css) **********/

	#header_menu_wrapper {
	}
	
	#header_menu {
	}
	
/*
	@media (min-width: 768px) { // Flowbite md
	
		#header_menu .menu .cms_menu_item.cms_menu_item_mainmenu:hover > .flowbite_dropdown {
			display: block !important;
		}
		
	}
*/
/* --------- HEADER MENU --------- */