:root {
	--borderdefault: #CFCFCF;
	--bordergrid: #EEEEEE;
	/* color */
	--coloralert: #D91E18;
	--coloralerthover: #E92E28;
	/* grid header cell color */
	--gridgradientheadersstart: #F9F9F9;
	--gridgradientheaderskeeps: #F6F6F6;
	--gridgradientheadersstop: #D6D6D6;
	--gridgradientrowsstart: #F9F9F9;
	--gridgradientrowskeeps: #F6F6F6;
	--gridgradientrowsstop: #D6D6D6;
	--gridborderhover: #14b848;
	/* grid */
	--gridsetelements: #ffa500;
	--gridlimitelements: #ffa500;
	/* list & tree selected row */
	--itemselectedbackground: #CCCCCC;
	--itemselectedborder: #FFFFFF;
	--itemselectedbackgroundhover: #d8e4e4;
	--itemselectedborderhover: #FFFFFF;
	/* template */
	--templatecolor: #b72f2f;
	/* scrollbar */
	--scrollbarBG: #FFF;
	--scrollbarThumbBG: #999;
	/* size height header window chart dashboard */
	--heightheaderchart: 20px;
	--heightheadershape: 10px;
}

/* --- Scrollbar */
/* WebKit Browsers (Chrome, Safari) */
x::-webkit-scrollbar { width: 11px; }
x::-webkit-scrollbar-track { background: var(--scrollbarBG); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); }
x::-webkit-scrollbar-thumb { background-color: var(--scrollbarThumbBG); border-radius: 6px; border: 3px solid var(--scrollbarBG); }
/* Firefox */
xhtml { scrollbar-color: var(--scrollbarThumbBG) var(--scrollbarBG); scrollbar-width: 11px; }
/* Altri browser */
xbody::-webkit-scrollbar { width: 11px; }
xbody::-webkit-scrollbar-track { background: var(--scrollbarBG); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); }
xbody::-webkit-scrollbar-thumb { background-color: var(--scrollbarThumbBG); border-radius: 6px; border: 3px solid var(--scrollbarBG); }

/* --- Notification */
.z-notification .z-notification-content {
	background: none repeat scroll 0 center transparent;
	font-size: 14px;
	font-weight: normal;
	margin: 0 !important;
	overflow: hidden;
	background-color: #f78d1d;
	color: white;
	width: 300px;
	min-height: 53px;
}

.z-notification .z-notification-icon {
	color: white;
}

/* --- Loading */
.z-loading {
	border-color: #5266B7;
	border-radius: 8px;
	box-shadow: 0 0 10px #5266B7;
	-moz-box-shadow: 0 0 10px #5266B7;
	-webkit-box-shadow: 0 0 10px #5266B7;
	-o-box-shadow: 0 0 10px #5266B7;
	background: #B7BFE1;
}

.z-loading-indicator {
    color: #242E56 !important;
    background-size: contain;
    background-color:#f9f9f9; /* optional se vuoi leggero overlay */
    border-radius: 8px;
	padding: 24px;
	font-size: 18px;
}



@media screen and (max-width: 1024px) {
	.z-loading-indicator {
		border-radius: 8px;
		padding: 20px;
		font-size: 16px;
	}
}
@media screen and (max-width: 750px) {
	.z-loading-indicator {
		border-radius: 8px;
		padding: 16px;
		font-size: 14px;
	}
}

/* --- Site */
body {
	padding: 0;
	overflow: hidden;
}
	
body *:not([class*="z-icon-"]) {
    /*font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Yu Gothic UI","Yu Gothic","Tahoma","Verdana","Arial","sans-serif"; */
    font-family: "sans-serif","wf_SegoeUI","wf_SegoeUILight","Segoe UI Light","Arial","Yu Gothic UI","Tahoma","Verdana";
	color: #101010;
}

/* --- message */
.z-messagebox-window .z-window-header { font-size: 16px; }
.z-messagebox-window .z-label { font-size: 13px; }
.z-messagebox-window .z-button { font-size: 14px; }

/* --- Login layout */
.login .boxheader>div { float: right; }
.login .logo  { height: 48px; }
.login .lang {  font-size: 14px; }
.login .title { font-size: 24px; font-weight: 700; white-space: nowrap; }
.login .text { font-size: 16px; white-space: nowrap; }
.login .label { font-size: 12px; white-space: nowrap; font-weight: 700; }
.login .input { font-size: 14px; border: 0; border-bottom: 1px solid #BBB; border-radius: 0px; }
.login .labelcheck .z-checkbox-content { font-size: 12px; white-space: nowrap; font-weight: 700; }
.login .button { padding: 8px 24px 8px 24px; background-color: #0072c6; cursor: pointer; text-align: center; }
.login .button:hover { background-color: #1082d6; }
.login .button .text { font-size: 16px; }

/* --- Button */
.buttondefault,
.buttoninfo,
.buttonwarning,
.buttondisable { padding: 8px 16px 8px 16px; border: 0px; border-radius: 0px; color: #fff !important; font-size: 16px; text-shadow: none; border-radius: 2px; }
.buttondefault, .buttondefault:focus { background: #0072c6; }
.buttondefault:hover { background: #1082d6; }
.buttoninfo, .buttoninfo:focus { background: #6C7A89; }
.buttoninfo:hover { background: #7C8A99; }
.buttonwarning, .buttonwarning:focus { background: var(--coloralert); }
.buttonwarning:hover { background: var(--coloralerthover); }
.buttondefault[disabled], .buttondisable[disabled]:focus, .buttondisable[disabled]:hover,
.buttoninfo[disabled], .buttoninfo[disabled]:focus, .buttoninfo[disabled]:hover,
.buttonwarning[disabled], .buttonwarning[disabled]:focus, .buttonwarning[disabled]:hover,
.buttondisable[disabled], .buttondisable[disabled]:focus, .buttondisable[disabled]:hover,
.buttondisable, .buttondisable:focus, .buttondisable:hover { background: #E2E2E2; cursor: default; }

.btntolbltable,
.btntolbltable:active,
.btntolbltable:focus,
.btntolbltable:hover { text-decoration: underline; border: 0px; padding: 0px; font-family: inherit; background: transparent; text-shadow: none; box-shadow: none; }

.btntolbl,
.btntolbl:active,
.btntolbl:focus,
.btntolbl:hover, 
.btntolbl BUTTON,
.btntolbl BUTTON:active,
.btntolbl BUTTON:focus,
.btntolbl BUTTON:hover { border: 0px; padding: 0px; font-family: inherit; background: transparent; text-shadow: none; box-shadow: none; }

@media screen and (max-width: 1024px) {
	.buttondefault,
	.buttoninfo,
	.buttonwarning,
	.buttondisable { padding: 6px 20px 6px 20px; font-size: 15px; }
}
@media screen and (max-width: 750px) {
	.buttondefault,
	.buttoninfo,
	.buttonwarning,
	.buttondisable { padding: 4px 16px 4px 16px; font-size: 14px; }
}

/* --- Icon Color */
.icon-notfiltered { color: #0072c6; }
.icon-filtered { color: #00d2e6; }
.icon-noone { color: #a52a2a; }

/* --- ReadOnly */
.z-combobox-input[readonly],
.z-bandbox-input[readonly],
.z-datebox-input[readonly],
.z-timebox-input[readonly],
.z-spinner-input[readonly],
.z-doublespinner-input[readonly] {
  		border-color: var(--borderdefault);
  		background: #FFFFFF;
 }

/* --- Checkbox */
.z-checkbox-switch>.z-checkbox-mold { margin: 4px 2px 6px 8px; width: 36px; height: 18px; border-radius: 18px; }
.z-checkbox-switch-off>.z-checkbox-mold { background-color: #AAAAAA; }
.z-checkbox-switch-on>.z-checkbox-mold { background-color: #0072c6; }
.z-checkbox-switch>.z-checkbox-mold:before { width: 14px; height: 14px; left: 4px; bottom: 2px; }

/* --- Menu */
.z-menupopup { background: #FDFDFD; }
.z-menu-image, .z-menuitem-image, .z-menupopup .z-menu-image, .z-menupopup .z-menuitem-image { min-width: 20px; max-width: 20px; min-height: 20px; max-height: 20px; }
.z-menu-icon, .z-menupopup .z-menu-icon .z-menuitem-icon, .z-menupopup .z-menuitem-icon { top: 7px; }
.z-menu-icon, .z-menu-icon:hover, .z-menu-icon:active { color: #999; }
.z-menuitem-icon, .z-menupopup .z-menuitem-icon { font-size: 14px; }
.z-menupopup-separator { left: 32px; width: 1px; }
.z-menupopup .z-menu-content { padding-right: 24px; }
.z-menu-text, .z-menuitem-text { font-size: 14px; color: #333 !important; text-shadow: 0 0 !important; line-height: 18px; padding: 3px; }
.z-menuitem-checkable .z-menuitem-image { border: none; background: none; }

@media screen and (max-width: 1024px) {
	.z-menu-icon, .z-menupopup .z-menu-icon .z-menuitem-icon, .z-menupopup .z-menuitem-icon { top: 5px; }
	.z-menu-text, .z-menuitem-text { font-size: 13px; line-height: 14px; padding: 2px; }
}
@media screen and (max-width: 750px) {
	.z-menu-icon, .z-menupopup .z-menu-icon .z-menuitem-icon, .z-menupopup .z-menuitem-icon { top: 4px; }
	.z-menu-text, .z-menuitem-text { font-size: 12px; line-height: 12px; padding: 1px; }
}

.z-menu-content:hover, .z-menuitem-content:hover,
.z-menu-selected>.z-menu-content, .z-menuitem-selected>.z-menuitem-content { background: transparent; border-color: #AEAEAE !important; }
.z-menu-hover>.z-menu-content, .z-menuitem-hover>.z-menuitem-content,
.z-menu-hover>.z-menu-content:focus, .z-menu-hover>.z-menuitem-content:focus,
.z-menu-content:focus, .z-menuitem-content:focus { background: transparent; border-color: transparent }
 
.nomenuimage .z-menu-image, .nomenuimage .z-menuitem-image,
.nomenuimage .z-menupopup .z-menu-image, .nomenuimage .z-menupopup .z-menuitem-image,
.nomenuimage .z-menupopup-separator { display:none; }

.menuselected .z-menuitem-content { background-color: var(--itemselectedbackgroundhover); }

/* --- Toolbar */
.z-toolbar { border-top: 0; border-bottom: 0; border-left: 1px solid #CCC;; border-right: 1px solid #CCC; }
.z-toolbarbutton-content { font-size: 14px !important; }

/* --- Popup */
.z-popup-content .z-label { font-size: 14px; }

.popupinfo * { font-size: 14px; background: #F9F9E9; cursor: default; }
.popupinfo .z-popup-content,
.popupinfo .z-listbox { padding: 3px; border: 0; border-radius: 6px; }
.popupinfo .z-listbox-body { overflow-x: hidden !important; overflow-y: auto !important; }
.popupinfo .z-listcell,
.popupinfo .z-listitem,
.popupinfo .z-listitem:hover>.z-listcell { background: transparent !important; }

/* ============================
   STILE POPUP GENERALE
   ============================ */
.popupstoryinfo .z-listbox-body { overflow-x: hidden !important; overflow-y: auto !important; }
   
.popupstoryinfo .z-popup-content {
    padding: 10px !important;
    background: #FFFFFF !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 18px rgba(0,0,0,0.12) !important;
}

/* Listbox */
.popupstoryinfo .story-listbox {
    background: transparent !important;
    border: 0 !important;
}


/* ============================
   CATEGORIE (LISTGROUP)
   ============================ */
.popupstoryinfo .story-category .z-listgroup-inner{
    background: #E8F0FF !important; /* blu pastello */
    border: 0 !important;
    border-radius: 8px !important;
    margin-top: 8px !important;
}

.popupstoryinfo .story-category .z-listgroup-inner .z-listcell-content{
    padding: 10px 12px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #1A237E !important; /* blu scuro elegante */
}

/* Icona apri/chiudi */
.popupstoryinfo .story-category .z-listgroup-icon {
    color: #3949AB !important; /* blu medio */
    font-size: 16px !important;
}


/* ============================
   SOTTOCATEGORIE (LISTITEM)
   ============================ */
.popupstoryinfo .z-listitem {
    background: transparent !important;
    border: 0 !important;
}

.popupstoryinfo .z-listitem .z-listcell-content {
    padding: 8px 14px !important;
    font-size: 14px !important;
    color: #424242 !important;
    background: transparent !important;
    border-radius: 6px !important;
}

.popupstoryinfo .labelseldash .z-listcell-content{
	font-weight: bold;
}

.popupstoryinfo .labelseldash .z-listcell-content::before{
	content: "\25B6";
	margin-right: 6px;
    color: #333;
    font-size: 10px;
}

/* Hover moderno */
.popupstoryinfo .z-listitem:hover > .z-listcell {
    background: #F5F7FA !important; /* grigio molto chiaro */
    color: #000000 !important;
    transform: translateX(2px);
    box-shadow: 0 0 0 rgba(0,0,0,0.02) !important;
}



@media screen and (max-width: 1024px) {
	.z-popup-content .z-label { font-size: 13px; }
}
@media screen and (max-width: 750px) {
	.z-popup-content .z-label { font-size: 12px; }
}

/* --- ListBox */
.z-listitem>.z-listcell,
.z-listitem.z-listitem-selected>.z-listcell,
.z-listitem-focus>.z-listcell,
.z-listitem.z-listitem-selected.z-listitem-focus>.z-listcell {background: #FFF; border-color: #FFF;}
.z-listitem:hover>.z-listcell,
.z-listitem.z-listitem-selected:hover>.z-listcell,
.z-listitem.z-listitem-selected.z-listitem-focus:hover>.z-listcell {background: #EEE; border-color: #FFF;}
.z-listgroup-inner { border-top: 0px; border-bottom: 1px solid #DFDFDF; }
.z-listgroup-inner .z-listcell-content  { font-weight: bold; }

.z-treerow>.z-treecell,
.z-treerow.z-treerow-selected>.z-treecell,
.z-treerow-focus>.z-treecell,
.z-treerow.z-treerow-selected.z-treerow-focus>.z-treecell {background: #FFF; border-color: #FFF;}
.z-treerow:hover>.z-treecell,
.z-treerow.z-treerow-selected:hover>.z-treecell,
.z-treerow.z-treerow-selected.z-treerow-focus:hover>.z-treecell {background: #EEE; border-color: #FFF;}

/* --- Layout */
.laynorth { border: 0; border-bottom: 1px solid #E9E9E9; background-color: #F4F4F4; height: 42px !important; }
.laycenter { border: 0; background-color: #FFF; }
.laysouth { border: 0; background-color: #F4F4F4; padding-top: 0px; padding-bottom: 2px; }

@media screen and (max-width: 1024px) {
	.laynorth { height: 36px !important; }
}
@media screen and (max-width: 750px) {
	.laynorth { height: 30px !important; }
}

/* --- Header */
.header .menuicon { height: 28px; cursor: pointer; -webkit-filter: invert(60%); filter: invert(60%); }

.header .boxlabel { padding-left: 12px; }
.header .boxlabel .z-hlayout-inner { padding-right: 12px !important; }

.header .logo { height: 32px; cursor: pointer; }
.header .title { font-size: 26px; white-space: nowrap; font-weight: 700; color: #333; }
.header .subtitle { font-size: 18px; white-space: nowrap; font-weight: 400; color: #333; position: relative; bottom: 2px; }
.header .version { font-size: 12px; white-space: nowrap; font-weight: bold; color: #333; position: relative; bottom: 4px; }

.header .boxmenu { padding-left: 12px; }
.header .boxmenu .z-hlayout-inner { padding-right: 12px !important; }

.header .menuoption { height: 28px; border-radius: 2px; vertical-align: middle; }
.header .menuoption:hover { background-color: #FBFBFB; }

.header .queue { font-size: 16px; line-height: 20px; margin-right: 8px; color: #333 !important; white-space: nowrap; cursor: pointer; }

.header .language { font-size: 16px; line-height: 28px; margin-right: 14px; color: #333 !important; white-space: nowrap; cursor: pointer; }
.header .languageafter { right: 12px; top: 7px; }

.popupuser { font-size: 16px; white-space: nowrap; padding: 0 16px 0 16px; }

@media screen and (max-width: 1024px) {
	.header .boxlabel { padding-left: 8px; }
	.header .boxlabel .z-hlayout-inner { padding-right: 8px !important; }
	
	.header .logo { height: 28px; }
	.header .title { font-size: 24px; }
	.header .subtitle { font-size: 17px;  }
	.header .version { font-size: 12px;  }
	
	.header .boxmenu { padding-left: 8px; }
	.header .boxmenu .z-hlayout-inner { padding-right: 8px !important; }
	
	.header .menuoption { height: 28px; }
	
	.header .language { font-size: 16px; line-height: 28px; margin-right: 14px; }
	.header .languageafter { right: 10px; top: 7px; }
	
	.popupuser { font-size: 14px; white-space: nowrap; padding: 0 12px 0 12px; }
}
@media screen and (max-width: 750px) {
	.header .boxlabel { padding-left: 6x; }
	.header .boxlabel .z-hlayout-inner { padding-right: 6px !important; }
	
	.header .logo { height: 26px; }
	.header .title { font-size: 20px; }
	.header .subtitle { font-size: 16px;  }
	.header .version { font-size: 10px;  }
	
	.header .boxmenu { padding-left: 6px; }
	.header .boxmenu .z-hlayout-inner { padding-right: 4px !important; }
	
	.header .menuoption { height: 26px; }
	
	.header .language { font-size: 14px; line-height: 26px; margin-right: 12px; }
	.header .languageafter { right: 4px; top: 6px; }
	
	.popupuser { font-size: 12px; white-space: nowrap; padding: 0 8px 0 8px; }
}

/* --- Footer */
.footer { text-align: center; }
.footer .text { font-size: 11px; color: #333; font-weight: bold; }

/* --- General style */
.link, .link * { color: #0072c6 !important; cursor: pointer; }
.warn, .warn * { color: #EE0000 !important; }
.colored, .colored * { color: #458B00 !important; }
.coloredhight, .coloredhight * { color: #FF9800 !important; }
.disabled, .disabled * { color: #E9E9E9 !important;  cursor: default !important; }
.bold, .bold * { font-weight: bold !important; }
.nowrap, .nowrap * { white-space: nowrap !important; }
.wrap, .wrap * { white-space: normal !important; }
.left, .left * { text-align: left !important; }
.center, .center * { text-align: center !important; }
.right, .right * { text-align: right !important; }
.boxed, .boxed * { border: 1px solid #666; border-radius: 4px; }
.draggable { cursor: pointer; }
.clickable { cursor: pointer; }

.noselect, .noselect * {
 	-webkit-touch-callout: none; /* iOS Safari */
   	-webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
     user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.downpointingtriangle, .uppointingtriangle { margin-right: 20px; }
.uppointingtriangle:after { position: absolute; margin-top: -3px; margin-right: 20px; font-size: 160%; content: "\25B4"; }
.downpointingtriangle:after { position: absolute; margin-top: -3px; margin-right: 20px; font-size: 160%; content: "\25BE"; }

/* --- Blink */
@-webkit-keyframes blink {
  from {opacity: 1.0;}
  to {opacity: 0.5;}
}
@-moz-keyframes blink {
  from {opacity: 1.0;}
  to {opacity: 0.5;}
}
@-ms-keyframes blink {
  from {opacity: 1.0;}
  to {opacity: 0.5;}
}
@-o-keyframes blink {
  from {opacity: 1.0;}
  to {opacity: 0.5;}
}
@keyframes blink {
  from {opacity: 1.0;}
  to {opacity: 0.5;}
}

.blink {
    -webkit-animation: blink 1.0s infinite alternate;
    -moz-animation: blink 1.0s infinite alternate;  
    -ms-animation: blink 1.0s infinite alternate;  
    -o-animation: blink 1.0s infinite alternate;  
    animation: blink 1.0s infinite alternate;   
}

/* --- TabBox analysis */
.tbanalysis .tabasicon,
.tbanalysis .template * { color: var(--templatecolor); }
.tbanalysis .z-tabs { background: #F4F4F4; }
.tbanalysis .z-tab .z-caption { min-height: unset; }
.tbanalysis .z-tab .z-caption-content { display: grid; }
.tbanalysis .z-tab .z-label,
.tbanalysis .z-tab .z-tab-text { font-size: 14px; }
.tbanalysis .z-tab .z-label,
.tbanalysis .z-tab .z-tab-text,
.tbanalysis .z-tabbox-icon { line-height: 28px; }
.tbanalysis .z-tab .z-label { max-width: 320px; overflow: hidden; text-overflow: ellipsis; }
.tbanalysis .z-tab-selected .z-label { font-weight: bold; }
.tbanalysis .z-tab .z-icon-asterisk,
.tbanalysis .z-tab-selected .z-icon-asterisk { padding-right: 0px; }
.tbanalysis .z-tab .z-icon-asterisk,
.tbanalysis .z-tab-selected .z-icon-asterisk { position:absolute; margin-top: 2px; margin-left: -8px; font-size: 8px;  color: red;}

.tbanalysis .analysis:not([class*="z-tab-selected"]) {
    background: linear-gradient(to bottom, #ffc107 0%, #FEFEFE 10%, #EEEEEE 100%);
}
.tbanalysis .dashboard:not([class*="z-tab-selected"]) {
    background: linear-gradient(to bottom, #795548 0%, #FEFEFE 10%, #EEEEEE 100%);
}
.tbanalysis .storyboard:not([class*="z-tab-selected"]) {
    background: linear-gradient(to bottom, #cb6f4e 0%, #FEFEFE 10%, #EEEEEE 100%);
}
.tbanalysis .analysis {
    background: linear-gradient(to bottom, #ffc107 0%, #FFFFFF 10%, #FFFFFF 100%);
}
.tbanalysis .dashboard {
    background: linear-gradient(to bottom, #795548 0%, #FFFFFF 10%, #FFFFFF 100%);
}
.tbanalysis .storyboard {
    background: linear-gradient(to bottom, #cb6f4e 0%, #FFFFFF 10%, #FFFFFF 100%);
}

@media screen and (max-width: 1024px) {
	.tbanalysis .z-tab .z-label,
	.tbanalysis .z-tab .z-tab-text { font-size: 14px; }
	.tbanalysis .z-tab .z-label,
	.tbanalysis .z-tab .z-tab-text,
	.tbanalysis .z-tabbox-icon { line-height: 24px; }
	.tbanalysis .z-tab-selected .z-label { max-width: 260px; }
}
@media screen and (max-width: 750px) {
	.tbanalysis .z-tab .z-label,
	.tbanalysis .z-tab .z-tab-text { font-size: 13px; }
	.tbanalysis .z-tab .z-label,
	.tbanalysis .z-tab .z-tab-text,
	.tbanalysis .z-tabbox-icon { line-height: 20px; }
	.tbanalysis .z-tab-selected .z-label { max-width: 180px; }
}

/* --- Generic Print */
.messageempty { font-size: 22px !important; padding: 32px; }

/* --- Catalog */
.catalog * { font-size: 15px; }
.catalog .btntolbl,
.catalog .btntolbl * { font-size: 14px; }
.catalog .database * { font-size: 16px; }

.catalog .database .z-selectbox { min-width: 300px; }

.catalog .z-tabs { background: transparent; }

.catalog .z-auxheader-content { line-height: unset; }
.catalog .z-auxheader-content * { font-size: 13px; }

.catalog .z-row:hover>.z-row-inner, .catalog .z-row:hover>.z-cell { background: none; }
.catalog .z-grid { padding-top: 8px; }
.catalog .z-grid, .catalog .z-row .z-row-inner, .catalog .z-row .z-cell { border: 0px; }
.catalog .z-grid .z-column-content, .catalog .z-grid .z-row-content { padding: 1px 5px; }
.catalog .messagerequest { font-style: italic; padding-left: 5px; }

.catalog .z-listcell-content { line-height: 22px; }
.catalog .z-listgroup .z-listcell-content { line-height: 28px; }

.catalog .z-listheader-checkable { display: none; }
.catalog .z-listgroup .z-listcell-content { background: #0034c608; }

.catalog .z-listitem.z-listitem-selected>.z-listcell,
.catalog .z-listitem.z-listitem-selected.z-listitem-focus>.z-listcell {background: var(--itemselectedbackground); border-color: var(--itemselectedborder);}
.catalog .z-listitem.z-listitem-selected:hover>.z-listcell,
.catalog .z-listitem.z-listitem-selected.z-listitem-focus:hover>.z-listcell {background: var(--itemselectedbackgroundhover); border-color: var(--itemselectedborderhover);}

.catalog .z-listitem-checkable { display: none; }
.catalog .z-listgroupfoot-inner { display: none; }

.catalog .infoalert {  cursor: pointer; color: #ff8000; }

.z-checkbox-toggle-off>.z-checkbox-mold { background-color: #AAAAAA; }
.z-checkbox-toggle-on>.z-checkbox-mold { background-color: #0072c6; }

.z-checkbox-toggle>.z-checkbox-mold { width: 34px; height: 20px; border-radius: 16px; transform: none;}
.lav-analysis.z-checkbox-toggle-on .z-checkbox-mold::after { color: white; top: 40%;}
.lav-analysis.z-checkbox-toggle-off .z-checkbox-mold::after { color: black; top: 50%;}

.lav-analysis .z-checkbox-mold::after {
        content: "\f2bd"; /* icona user di FontAwesome */
        font-family: "FontAwesome";
        position: absolute;
        left: 14px;
        transform: translateY(-50%);
        font-size: 14px;
        pointer-events: none;
    }

/*
.catalog .renamegroupalert {  cursor: pointer; color: rgb(128, 64, 0); pointer-events: none; }
*/

.catalog .tabbed { padding-left: 18px; }
.catalog .template { color: var(--templatecolor); }

@media screen and (max-width: 1024px) {
	.catalog * { font-size: 14px; }
	.catalog .btntolbl * { font-size: 13px; }
	.catalog .database * { font-size: 15px; }
	.catalog .z-listheader-content,
	.catalog .z-listcell-content,
	.catalog .z-listgroup-content,
	.catalog .z-listgroupfoot-content,
	.catalog .z-listfooter-content { line-height: 18px; }
}
@media screen and (max-width: 750px) {
	.catalog * { font-size: 13px; }
	.catalog .btntolbl * { font-size: 12px; }
	.catalog .database * { font-size: 14px; }
	.catalog .z-listheader-content,
	.catalog .z-listcell-content,
	.catalog .z-listgroup-content,
	.catalog .z-listgroupfoot-content,
	.catalog .z-listfooter-content { line-height: 14px; }
}

/* --- AW Layout - North */
.awlaynorth { height: 61px !important; border: 0; }
.awlaynorth .z-vlayout { border-bottom: 1px solid #CCC; }

.awlaynorth .menu .z-hlayout-inner { padding: 0; }
.awlaynorth .menu .z-menubar { border-top: 0px; border-bottom: 0px;}

.awlaynorth .connection .z-hlayout-inner:not(:last-child) { padding: 2px 0px 3px 4px; }
.awlaynorth .connection .z-hlayout-inner:last-child { padding-left: 16px; }
.awlaynorth .connection .z-hlayout-inner:last-child > div { background: #fff9c3; border-left: 1px solid var(--borderdefault); padding: 2px 0px 3px 4px; }
.awlaynorth .connection .lblpresentation { font-size: 13px; color: #444; }
.awlaynorth .connection .lblconnection { font-size: 13px; font-weight:bold; color: #444; }

.awlaynorth .connection .lbladvertize { font-size: 13px; color: #a10d0d; }
.awlaynorth .connection .lbladvertize-icon { color: #a10d0d; }
.awlaynorthadvertizepopupinfo * { font-size: 13px; color: #a10d0d; background: #fff9c3; border-radius: 8px; }
.awlaynorthadvertizepopupinfo .z-label { font-size: 13px; color: #a10d0d; }

@media screen and (max-width: 1024px) {
	.awlaynorth { height: 52px !important; }
	.awlaynorth .connection .z-hlayout-inner:not(:last-child) { padding: 1px 0px 2px 2px; }
	.awlaynorth .connection .z-hlayout-inner:last-child > div { padding: 1px 0px 2px 2px; }
	.awlaynorth .connection .lblpresentation,
	.awlaynorth .connection .lblconnection,
	.awlaynorth .connection .lbladvertize { font-size: 12px; }
}
@media screen and (max-width: 750px) {
	.awlaynorth { height: 49px !important; }
	.awlaynorth .connection .z-hlayout-inner:not(:last-child) { padding: 1px 0px 1px 0px; }
	.awlaynorth .connection .z-hlayout-inner:last-child > div { padding: 1px 0px 1px 0px; }
	.awlaynorth .connection .lblpresentation,
	.awlaynorth .connection .lblconnection,
	.awlaynorth .connection .lbladvertize { font-size: 11px; }
}

/* --- AW Layout */
.awlaywest .container,
.awlaycenter .container,
.awlayeast .container { padding: 3px; }
@media screen and (max-width: 1024px) {
	.awlaywest .container,
	.awlaycenter .container,
	.awlayeast .container { padding: 2px; }
}
@media screen and (max-width: 750px) {
	.awlaywest .container,
	.awlaycenter .container,
	.awlayeast .container { padding: 1px; }
}

/* --- AW Layout - West */
.awlaywest * { font-size: 14px; }
.awlaywest { width: 200px; border: 0; background-color: #F8F8F8; }
.awlaywest .messagerequest { font-style: italic; }

.awlaywestlistItem .elementused * { color: #AAA !important; }
.awlaywestlistItem .elementused:hover { background: none; color: #BBB !important; cursor: default; }

.awlaywestlistItem .z-panel-top .z-toolbar.z-toolbar-panel { padding: 0; }
.awlaywestlistItem .z-toolbar-panel .z-toolbar-horizontal { padding: 0; }
.awlaywestlistItem .z-panel-head { border-radius: 0; border: 1px solid var(--borderdefault); background: linear-gradient(to bottom, #FEFEFE 0%, #EEEEEE 100%); padding: 4px 5px 3px; }
.awlaywestlistItem .z-panel-header { font-weight: bold; background: none; padding: 0; }
.awlaywestlistItem .z-panel-body { border-radius: 0; border: 0; padding: 0; }
.awlaywestlistItem .z-panel-body .z-listbox { border-top: 0; }
.awlaywestlistItem .z-listbox-body {overflow: auto;}

.awlaywestlistItem .dimensionlist .z-listitem.z-listitem-selected>.z-listcell,
.awlaywestlistItem .dimensionlist .z-listitem.z-listitem-selected.z-listitem-focus>.z-listcell {background: var(--itemselectedbackground); border-color: var(--itemselectedborder);}
.awlaywestlistItem .dimensionlist .z-listitem.z-listitem-selected:hover>.z-listcell,
.awlaywestlistItem .dimensionlist .z-listitem.z-listitem-selected.z-listitem-focus:hover>.z-listcell {background: var(--itemselectedbackgroundhover); border-color: var(--itemselectedborderhover);}

@media screen and (max-width: 1024px) {
	.awlaywest * { font-size: 13px; }
	.awlaywest { width: 180px; }
}
@media screen and (max-width: 750px) {
	.awlaywest * { font-size: 12px; }
	.awlaywest { width: 160px; }
}

/* --- AW Layout - Center */
.awlaycenter * :not(svg *) { font-size: 13px; }
.awlaycenter { border: 0; }

.awlaycenter .z-grid-body TABLE { border-bottom: 1px solid var(--bordergrid) }
.awlaycenter .z-frozen { background: #FFFFFF; }

.awlaycenter .draggable { cursor: pointer; }
.awlaycenter .z-column-sizing, .z-column-sizing .z-column-button, .z-column-sizing.z-column-sort .z-column-button { cursor: e-resize !important; }

.awlaycenter .awgrid .wrap { white-space: normal !important; }
.awlaycenter .awgrid .rowspan { border-bottom: transparent !important; }
.awlaycenter .awgrid .rowspan-child { border-top: transparent !important; border-bottom: transparent !important; }

.awlaycenter .awgrid .dataheaders .z-label { font-size: 12px; } 
.awlaycenter .awgrid .datacolumns { min-width: 70px; }
.awlaycenter .awgrid .datarows { background: #fcfcfc !important; }
.awlaycenter .awgrid .datarows .z-label { font-weight: bold; }

.awlaycenter .awgrid .z-column-content,
.awlaycenter .awgrid .z-auxheader-content,
.awlaycenter .awgrid .z-grid-body .z-cell { line-height: 18px; }

.awlaycenter .awgrid .titleheaders { background: linear-gradient(to bottom, var(--gridgradientheadersstart) 0%, var(--gridgradientheadersstart) 50%, var(--gridgradientheadersstop) 100%); }
.awlaycenter .awgrid .titleheadersfirst { background: linear-gradient(to bottom, var(--gridgradientheadersstart) 0%, var(--gridgradientheadersstart) 50%, var(--gridgradientheaderskeeps) 100%); }
.awlaycenter .awgrid .titleheaderscenter { background: var(--gridgradientheaderskeeps); }
.awlaycenter .awgrid .titleheaderslast { background: linear-gradient(to bottom, var(--gridgradientheaderskeeps) 0%, var(--gridgradientheaderskeeps) 50%, var(--gridgradientheadersstop) 100%); }

.awlaycenter .awgrid .titlerows { background: linear-gradient(to right, var(--gridgradientrowsstart) 0%, var(--gridgradientrowsstart) 50%, var(--gridgradientrowsstop) 100%); }
.awlaycenter .awgrid .titlerowsfirst { background: linear-gradient(to right, var(--gridgradientrowsstart) 0%, var(--gridgradientrowsstart) 50%, var(--gridgradientrowskeeps) 100%); }
.awlaycenter .awgrid .titlerowscenter { background: var(--gridgradientrowskeeps); }
.awlaycenter .awgrid .titlerowslast { background: linear-gradient(to right, var(--gridgradientrowskeeps) 0%,  var(--gridgradientrowskeeps) 50%, var(--gridgradientrowsstop) 100%); }

.awlaycenter .awgrid .dataheaders,
.awlaycenter .awgrid .addheaders { background: var(--gridgradientheaderskeeps); }
.awlaycenter .awgrid .titlecolumns { background: var(--gridgradientheaderskeeps); }

.awlaycenter .addheaders { height: 24px; border-top: 1px solid var(--borderdefault); border-left: 1px solid var(--borderdefault); border-right: 1px solid var(--borderdefault); }
.awlaycenter .addheaders > SPAN { display: flex; padding: 3px 5px 3px; line-height: normal; font-style: italic; white-space: nowrap; }

.awlaycenter .awgrid .z-columns-bar { background: transparent; border: none; }

.awlaycenter .awgrid .datarows { vertical-align: top; border-bottom: hidden; }

.awlaycenter .awgrid .titleheaders .z-label,
.awlaycenter .awgrid .titleheadersfirst .z-label,
.awlaycenter .awgrid .titleheaderscenter .z-label,
.awlaycenter .awgrid .titleheaderslast .z-label,
.awlaycenter .awgrid .dataheaders .z-label,
.awlaycenter .awgrid .titlerows .z-label,
.awlaycenter .awgrid .titlerowsfirst .z-label,
.awlaycenter .awgrid .titlerowscenter .z-label,
.awlaycenter .awgrid .titlerowslast .z-label { font-weight: bold; }

.awlaycenter .awgrid .iconcolor { color: #0072c6; }

.awlaycenter .awgrid .datarows,
.awlaycenter .awgrid .datacolumns { border-bottom: 1px solid var(--bordergrid); border-right: 1px solid var(--bordergrid) }

.awlaycenter .awgrid .titlecolumns { text-align: center; }
.awlaycenter .awgrid .datacolumns { text-align: right; }

.awlaycenter .awgrid .setelement { text-shadow: 0.4px 0.4px var(--gridsetelements) }
.awlaycenter .awgrid .setelement * { font-weight: bold; }

.awlaycenter .awgrid .spacer { width: 4px; line-height: 1px; }

.awlaycenter .awgrid .z-grid-emptybody-content { font-size: 16px; text-align: left;  padding: 24px; }

.awlaycenter .designpage .z-drag-over { background: #F2F2F2; }

.awlaycenter .designgroup { min-height: 30px; }

@media screen and (max-width: 1024px) {
	.awlaycenter * { font-size: 12px; }
	.awlaycenter .awgrid .dataheaders .z-label { font-size: 11px; } 
	.awlaycenter .awgrid .datacolumns { min-width: 60px; }
	.awlaycenter .awgrid .z-column-content,
	.awlaycenter .awgrid .z-auxheader-content,
	.awlaycenter .awgrid .z-grid-body .z-cell { line-height: 16px; }
	.awlaycenter .awgrid .z-grid-emptybody-content { font-size: 15px; }
}
@media screen and (max-width: 750px) {
	.awlaycenter * { font-size: 11px; }
	.awlaycenter .awgrid .dataheaders .z-label { font-size: 10px; } 
	.awlaycenter .awgrid .datacolumns { min-width: 50px; }
	.awlaycenter .awgrid .z-column-content,
	.awlaycenter .awgrid .z-auxheader-content,
	.awlaycenter .awgrid .z-grid-body .z-cell { line-height: 14px; }
	.awlaycenter .awgrid .z-grid-emptybody-content { font-size: 14px; }
}

/* --- BoxFilter */
.boxfilter { line-height: 20px; border: 1px solid var(--borderdefault); padding: 3px 6px; }
.boxfilter .z-combobox { min-width: 120px; max-width: 240px; }
.boxfilter .z-combobox-button { border-left: 0 !important; }
.boxfiltercombo .z-comboitem { font-size: 13px; text-shadow: unset; }
.boxfiltercombo .elementused * { color: #AAA }

.boxfiltercombo.disablefilter .z-combobox-input { color: orange; }

.boxfilter .lbltitle { font-weight: bold; }

.boxfilter { background: linear-gradient(to bottom, var(--gridgradientheadersstart) 0%, var(--gridgradientheadersstop) 100%); }

@media screen and (max-width: 1024px) {
	.boxfilter { line-height: 18px; }
	.boxfilter .z-selectbox { min-width: 100px; max-width: 210px; }
	.boxfilter { line-height: 18px; }
}
@media screen and (max-width: 750px) {
	.boxfilter { line-height: 16px; }
	.boxfilter .z-selectbox { min-width: 80px; max-width: 180px; }
	.boxfilter { line-height: 16px; }
}

/* --- AW Layout - Drag on border */
.awlaycenter .awgrid .inserttop { border-top: 4px solid var(--gridborderhover); }
.awlaycenter .awgrid .inserttop .z-auxheader-content { padding-top: 0px }
.awlaycenter .awgrid .insertbottom { border-bottom: 4px solid var(--gridborderhover); }
.awlaycenter .awgrid .insertbottom .z-auxheader-content { padding-bottom: 0px; }

.awlaycenter .awgrid .insertleft { border-left: 4px solid var(--gridborderhover); }
.awlaycenter .awgrid .insertleft .z-column-content { padding-left: 2px;}
.awlaycenter .awgrid .insertright { border-right: 4px solid var(--gridborderhover); }
.awlaycenter .awgrid .insertright .z-column-content { padding-right: 1px;}

.awlaycenter .awfilter { padding-bottom: 2px; overflow: auto; }
.awlaycenter .awfilter .empty { height: 53px; padding: 15px }
.awlaycenter .awfilter .insertleft,
.awlaycenter .designgroup .insertleft  { border-left: 4px solid var(--gridborderhover); }
.awlaycenter .awfilter .insertleft.boxfilter,
.awlaycenter .designgroup .insertleft.boxfilter { padding-left: 3px;}
.awlaycenter .awfilter .insertright,
.awlaycenter .designgroup .insertright { border-right: 4px solid var(--gridborderhover); }
.awlaycenter .awfilter .insertright.boxfilter,
.awlaycenter .designgroup .insertright.boxfilter { padding-right: 3px;}

.awlaycenter .awgrid .switchwith,
.awlaycenter .designgroup .switchwith { background: var(--gridborderhover); }

/* --- AW Layout - East */
.awlayeast * { font-size: 14px; }
.awlayeast { width: 360px; border: 0; background-color: #F8F8F8; }

.awlayeast .z-grid .z-row-content,
.awlayeast .z-grid .z-group-inner .z-group-content,
.awlayeast .z-grid .z-group-inner .z-cell {
	padding: 1px 5px;
    line-height: 22px;
}

.awlayeast .z-grid .colorplus {
    margin: 4px 0 0 0;
	width: 25px;
    height: 25px;
	border: 1px solid #999;
	border-radius: 3px;
	text-align: center;
}
									  
.awlayeast .z-grid .z-colorbox {
    margin: 4px 0 0 0;
    padding: 0;
}

.awlayeast .z-grid .z-colorbox .z-colorbox-button {
	display: none;
}

.awlayeast .z-grid .cancelcolorbox {
	position: absolute;
	top: 1px;
	right: -4px;
	cursor: pointer;
	z-index: 1;
	color: red;
	background-color: white;
	border: 1px solid white;
    border-radius: 8px;
}
/*
.awlayeastcombograph .z-comboitem {
	height: 98px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid var(--borderdefault);
}

.awlayeastcombograph .z-comboitem-selected {
	background: transparent;
}

.awlayeastcombograph .z-comboitem-content IMG { 
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 70px;
	padding: 22px 2px 2px 2px;
}
*/

/*
*	GRIGLIA DI SELEZIONE DEL TIPO DI GRAFICO NELLE ANALISI
*/
.awlayeastgridimage {
	border: none;
}
.awlayeastgridimage .imagecontainer {
	border: 1px solid var(--borderdefault);
	border-radius: 3px;
	cursor: pointer;
	width:120px;
	height :130px;
	text-align: center;
}
.awlayeastgridimage .imagecontainer:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .5) !important; }
.awlayeastgridimage .imagecontainer.selectedgridobject { box-shadow: 0 0 5px rgb(0, 0, 255) }
.awlayeastgridimage .imagecontainer .alignimagepopup { align-content: center; }
.awlayeastgridimage .z-label {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 5px 5px 1px 1px;
}
.awlayeastgridimage .z-label:hover { background: transparent !important; }
.awlayeastgridimage .z-row-content .z-image {
	max-width: 110px;
	max-height: 100px;
	width:auto;
	height :auto;
	padding: 2px 2px 2px 2px;
}
.awlayeastgridimage .z-row:hover > .z-row-inner,
.awlayeastgridimage .z-row:hover > .z-cell { background: transparent !important; }

/*
*	GRIGLIA DI SELEZIONE DEL TIPO DI GRAFICO NELLE ANALISI
*/
.designelementsgridimage {
	border: none;
}
.designelementsgridimage .imagecontainer {
	border: 1px solid var(--borderdefault);
	border-radius: 3px;
	cursor: move;
	width:160px;
	height :160px;
	text-align: center;
}
.designelementsgridimage .imagecontainer:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .5) !important; }
.designelementsgridimage .imagecontainer .alignimagepopup { align-content: center; }
.designelementsgridimage .z-label {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 5px 5px 1px 1px;
}
.designelementsgridimage .z-label:hover { background: transparent !important; }
.designelementsgridimage .z-row-content .z-image {
	max-width: 160px;
	max-height: 150px;
	width:auto;
	height :auto;
	padding: 2px 2px 2px 2px;
}
.designelementsgridimage .z-row:hover > .z-row-inner,
.designelementsgridimage .z-row:hover > .z-cell { background: transparent !important; }

.awlayeastbandboxgraph .z-listbox {
	border: none;
}

.rangeSlide {
	background-color: #ffffff;
    line-height: 0px;
    border-top: 1px solid var(--borderdefault);
}

.rangeGrip {
	width:6px;
	height:9px;
	cursor:e-resize;
	background-image: url('./images/slideronright.png');
	position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}

/* --- AW Layout - South */
.awlaysouth { border: 0; padding: 4px }

/* --- Window and grid save module */
.inputwin * { font-size: 14px; }
.inputwin .z-window-header { font-size: 16px; }

.inputwin .inputpage { padding: 16px; }
.inputwin .inputgrid { border: 0px; }
.inputwin .z-row .z-row-inner, .inputwin .z-row .z-cell { border: 0px }

.inputwin .inputlongtext,
.inputwin .inputlongcombo, .inputwin .inputlongcombo .z-combobox-input { width: 400px; }
.inputlongcombo .z-comboitem { font-size: 14px; }

.inputwin .inputgrid .z-listcell-content { padding: 8px 5px; }
.inputwin .inputgrid .inputrow .z-row-content { padding: 4px 0px 4px 0px; }
.inputwin .inputgrid .z-row:hover > .z-row-inner,
.inputwin .inputgrid .z-row:hover > .z-cell { background: transparent !important; }

@media screen and (max-width: 1024px) {
	.inputwin * { font-size: 13px; }
	.inputwin .z-window-header { font-size: 15px; }
	.inputwin .inputlongtext,
	.inputwin .inputlongcombo, .inputwin .inputlongcombo .z-combobox-input { width: 380px; }
	.inputlongcombo .z-comboitem { font-size: 13px; }
}
@media screen and (max-width: 750px) {
	.inputwin * { font-size: 12px; }
	.inputwin .z-window-header { font-size: 14px; }
	.inputwin .inputlongtext,
	.inputwin .inputlongcombo, .inputwin .inputlongcombo .z-combobox-input { width: 360px; }
	.inputlongcombo .z-comboitem { font-size: 12px; }
}

/* --- AW Popup Options */
.popupoptions * { font-size: 14px; }
.popupoptions .z-popup-content { padding: 0px; background: #FFFFFF; }

.popupoptions .z-listheader-content,
.popupoptions .z-listcell-content,
.popupoptions .z-listgroup-content,
.popupoptions .z-listgroupfoot-content,
.popupoptions .z-listfooter-content { line-height: 24px; }
.popupoptions .z-listheader-content { font-weight: normal; }

.popupoptions .button { padding: 4px; text-align: right; }

.popupoptions .z-menu-text, .popupoptionsmenu .z-menuitem-text { line-height: 16px; }
.popupoptions .z-menu-image, 
.popupoptions .z-menuitem-image,
.popupoptions .z-menupopup .z-menu-image,
.popupoptions .z-menupopup .z-menuitem-image { min-width: 16px; max-width: 16px; min-height: 16px; max-height: 16px; }
.popupoptions .z-menu-icon,
.popupoptions .z-menupopup .z-menu-icon { top: 10px; }
.popupoptions .z-menupopup-separator { left: 32px; width: 1px; }
.popupoptions .z-menupopup .z-menu-content { padding-right: 16px; }

@media screen and (max-width: 1024px) {
	.popupoptions * { font-size: 13px; }
	.popupoptions .z-menu-text, .popupoptionsmenu .z-menuitem-text { line-height: 14px; }
	.popupoptions .z-listheader-content,
	.popupoptions .z-listcell-content,
	.popupoptions .z-listgroup-content,
	.popupoptions .z-listgroupfoot-content,
	.popupoptions .z-listfooter-content { line-height: 20px; }
}
@media screen and (max-width: 750px) {
	.popupoptions * { font-size: 12px; }
	.popupoptions .z-menu-text, .popupoptionsmenu .z-menuitem-text { line-height: 12px; }
	.popupoptions .z-listheader-content,
	.popupoptions .z-listcell-content,
	.popupoptions .z-listgroup-content,
	.popupoptions .z-listgroupfoot-content,
	.popupoptions .z-listfooter-content { line-height: 16px; }
}

/* --- AW Windows Services */
.winservices *,
.winservicescombo *,
.winservicesbandb * { font-size: 14px; }
.winservices .z-window-header { font-size: 16px; }

.winservicesbandb .z-listbox { border: 0; }

.winservices .z-listheader-content,
.winservices .z-listcell-content,
.winservices .z-listgroup-content,
.winservices .z-listgroupfoot-content,
.winservices .z-listfooter-content { line-height: 22px; }

@media screen and (max-width: 1024px) {
	.winservices *,
	.winservicescombo .z-comboitem { font-size: 13px; }
	.winservices .z-window-header { font-size: 15px; }
	.winservices .z-listheader-content,
	.winservices .z-listcell-content,
	.winservices .z-listgroup-content,
	.winservices .z-listgroupfoot-content,
	.winservices .z-listfooter-content { line-height: 20px; }
}
@media screen and (max-width: 750px) {
	.winservices *,
	.winservicescombo .z-comboitem { font-size: 12px; }
	.winservices .z-window-header { font-size: 14px; }
	.winservices .z-listheader-content,
	.winservices .z-listcell-content,
	.winservices .z-listgroup-content,
	.winservices .z-listgroupfoot-content,
	.winservices .z-listfooter-content { line-height: 18px; }
}

/* --- AW Windows Services : measures */
.servicesretrieve { width: 600px; height: 400px; padding: 4px; }
.servicesretrieve .z-listheader-checkable { display: none; }
.servicesretrieve .z-listitem-checkable { display: none; }
.servicesretrieve .z-listgroupfoot-inner { display: none; }

.servicesretrieve .z-listitem.z-listitem-selected>.z-listcell,
.servicesretrieve .z-listitem.z-listitem-selected.z-listitem-focus>.z-listcell {background: var(--itemselectedbackground); border-color: var(--itemselectedborder);}
.servicesretrieve .z-listitem.z-listitem-selected:hover>.z-listcell,
.servicesretrieve .z-listitem.z-listitem-selected.z-listitem-focus:hover>.z-listcell {background: var(--itemselectedbackgroundhover); border-color: var(--itemselectedborderhover);}

/* --- AW Windows Services : level selection */
.servicesselection .candidatesel,
.servicesselection .candidatefnd,
.servicesselection .candidate { width: 480px; }
.servicesselection .chosensel,
.servicesselection .chosenopt,
.servicesselection .chosen { width: 400px; }
.servicesselection .candidatesel TABLE,
.servicesselection .candidate TABLE,
.servicesselection .chosen TABLE { table-layout: auto !important; }
.servicesselection .candidatefnd,
.servicesselection .chosenopt { padding: 4px 1px 1px 1px !important; }
.servicesselection .candidatefnd .z-textbox { padding: 1px 5px 2px; } 
.servicesselection .movebutton { width: 36px !important; padding: 0; }

@media screen and (max-width: 1024px) {
	.servicesselection .candidatesel,
	.servicesselection .candidatefnd,
	.servicesselection .candidate { width: 400px; }
	.servicesselection .chosensel,
	.servicesselection .chosenopt,
	.servicesselection .chosen { width: 320px; }
	.servicesselection .movebutton .z-button { width: 30px !important; padding: 0; }
	
	.servicesselection .z-combobox-button { min-width: 20px; padding-left: 5px; }
	.servicesselection .z-combobox-input { padding-right: 22px; }
}
@media screen and (max-width: 750px) {
	.servicesselection .candidatesel,
	.servicesselection .candidatefnd,
	.servicesselection .candidate { width: 320px; }
	.servicesselection .chosensel,
	.servicesselection .chosenopt,
	.servicesselection .chosen { width: 240px; }
	.servicesselection .movebutton .z-button { width: 24px !important; padding: 0; }
	
	.servicesselection .z-combobox-button { min-width: 16px; padding-left: 5px; }
	.servicesselection .z-combobox-input { padding-right: 18px; }
}

.servicesselection .candidatesel .z-listheader-checkable,
.servicesselection .chosensel .z-listheader-checkable { display: none; }
.servicesselection .candidatesel .z-listcell-content,
.servicesselection .chosensel .z-listcell-content { padding: 2px 3px 1px;}
.servicesselection .candidate .z-listcell-content,
.servicesselection .chosen .z-listcell-content { padding: 2px 3px;}
.servicesselection .candidate .z-treerow.z-treerow-selected>.z-treecell,
.servicesselection .candidate .z-treerow.z-treerow-selected.z-treerow-focus>.z-treecell,
.servicesselection .chosen .z-listitem.z-listitem-selected>.z-listcell,
.servicesselection .chosen .z-listitem.z-listitem-selected.z-listitem-focus>.z-listcell {background: var(--itemselectedbackground); border-color: var(--itemselectedborder);}
.servicesselection .candidate .z-treerow.z-treerow-selected:hover>.z-treecell,
.servicesselection .candidate .z-treerow.z-treerow-selected.z-treerow-focus:hover>.z-treecell,
.servicesselection .chosen .z-listitem.z-listitem-selected:hover>.z-listcell,
.servicesselection .chosen .z-listitem.z-listitem-selected.z-listitem-focus:hover>.z-listcell {background: var(--itemselectedbackgroundhover); border-color: var(--itemselectedborderhover);}
.servicesselection .candidate .z-treerow-checkable,
.servicesselection .chosen .z-listitem-checkable { display: none; }
.servicesselection .candidate .totalelement { padding-top: 34px; }
.servicesselection .z-listcell-content,
.servicesselection .z-treecell-content { white-space: nowrap; }
.servicesselection .candidate .totalelement .z-tree-line { display: none; }
.servicesselection .chosen .limited { text-shadow: 0.4px 0.4px var(--gridlimitelements) }

/* --- AW Windows Services : level selection tools */
.servicesselectiontools { height: 480px; padding: 4px; }
.servicesselectiontools .candidateseltools { width: 480px; }

.servicesselectiontools .z-grid { border: 0px; }
.servicesselectiontools .z-row:hover > .z-row-inner,
.servicesselectiontools .z-row:hover > .z-cell { background: transparent !important; }

.servicesselectiontoolspreview { height: 440px; padding: 4px; }

/* --- AW Windows Services : order tools */
.servicesordertools { width: 480px; height: 480px; padding: 4px; }

/* --- AW Windows Services : export filter */
.serviceexportfilter { width: 480px; height: 600px; padding: 4px; }
.serviceexportfilter .filename { width: 380px; font-size: 13px; }

/* --- AW Windows Services : set manage and composer */
.servicessetmanage { width: 800px; height: 600px; padding: 4px; }

.servicessetcomposer { width: 800px; padding: 4px; }
.servicessetcomposer .list { height: 300px; }
.servicessetcomposer .z-grid { border: 0px; }
.servicessetcomposer .z-row { vertical-align: TOP; }
.servicessetcomposer .z-row:hover > .z-row-inner,
.servicessetcomposer .z-row:hover > .z-cell { background: transparent !important; }

@media screen and (max-width: 1024px) {
	.servicessetmanage { width: 600px; height: 600px; }
	.servicessetcomposer { width: 600px; }
}
@media screen and (max-width: 750px) {
	.servicessetmanage { width: 400px; height: 600px; }
	.servicessetcomposer { width: 400px; }
}

/* --- AW Windows Services : summary */
.servicessummary { width: 800px; max-height: 600px; padding: 4px; }
.servicessummary .capter { font-size: 16px; font-weight: bold; }

.servicessummary .summarycapter { background: #f4f4f0; border-radius: 12px; padding: 8px; }
.servicessummary .summarycapter .z-row-content { padding: 1px 5px; line-height: 20px; }
.servicessummary .summarycapter .gerarchy { font-weight: bold; }
.servicessummary .summarycapter .noitem { font-style: italic; color: darkred; }
.servicessummary .summarycapter .z-grid { border: 0px; }
.servicessummary .summarycapter .z-grid .z-row-inner { background: none; }

@media screen and (max-width: 1024px) {
	.servicessummary { width: 600px; max-height: 500px; }
	.servicessummary .capter { font-size: 14px; }
}
@media screen and (max-width: 750px) {
	.servicessummary { width: 400px; max-height: 500px; }
	.servicessummary .capter { font-size: 13px; }
}

/* --- AW Windows Services : query */
.servicesquery { width: 800px; padding: 4px; }
.servicesquery .capter { font-size: 16px; font-weight: bold; }

.servicesquery .querycapter { background: #f4f4f0; border-radius: 12px; padding: 8px; }

@media screen and (max-width: 1024px) {
	.servicesquery { width: 600px; }
	.servicesquery .capter { font-size: 14px; }
}
@media screen and (max-width: 750px) {
	.servicesquery { width: 400px; }
	.servicesquery .capter { font-size: 13px; }
}

/* --- AW Windows Services : storyboard */
.storylaynorth { border: 0; padding: 0px; }
.storylaynorth .z-menubar { border: 0; }
.storylaycenter *:not(.z-charts *):not(.italychartwnd *):not(.singlenumber *) { font-size: 15px; }
.storylaycenter { border: 0; }

.storyboard .box { padding: 4px; }
.storyboard .target .z-tree-icon { pointer-events: none; }
.storyboard .target .z-icon-caret-down,
.storyboard .target .z-icon-caret-right { display: none; }
.storyboard .target .z-treecell { padding-left: 4px; cursor: default; }
.storyboard .target .z-treecell .z-treerow-checkable { cursor: pointer; }
.storyboard .target .z-treecell-content { line-height: 20px; }
.storyboard .target .rowcatalog .z-treecell-content { align-items: center; padding-top: 4px; padding-top: 4px; }
.storyboard .target .rowcatalog .z-treecell-content * { font-size: 17px; font-weight: bold; }

/* --- AW Windows Services : dashboard DesignElement */
.windesignelement.z-window,
.windesignelement .z-window-content { background-color: var(--itemselectedbackgroundhover); }

.windesignelement .captiondesignelements { pointer-events: none; font-weight: bold;}

.servicesdesignelement .z-tabpanels { background-color: white; }

.servicesdesignelement.dimensionservice {width: 240px; height: 600px; }
.servicesdesignelement { padding: 2px; cursor: default; }
.servicesdesignelement .z-grid { border: 0; }
.servicesdesignelement .z-listgroup-icon * { font-size: 20px; }
.servicesdesignelement .z-listitem-checkable { margin-top: 2px; }
.servicesdesignelement .dragbox { cursor: move; }  
.servicesdesignelement .graphbox { text-align: center; border: 1px solid #CFCFCF; padding: 3px; }
.servicesdesignelement .graphbox:hover { background: var(--itemselectedbackgroundhover); border-color: var(--itemselectedborderhover);}

.servicesdesignelement .picturechart { border: 0; width: 150px; height: 150px;}  
.servicesdesignelement input[type="checkbox"] { transform: scale(1.5, 1.5); }
.servicesdesignelement .z-checkbox-on INPUT { accent-color: #0072c6; }
.servicesdesignelement .z-checkbox-off INPUT { accent-color: #AAAAAA; }

.servicesdesignelement .z-row:hover > .z-row-inner,
.servicesdesignelement .z-row:hover > .z-cell { background: transparent !important; }

@media screen and (max-width: 1024px) {
	.servicesdesignelement { height: 540px;}
}

/* --- Dashboard window service : Selezione Colori */
.servicecolorchart { width: 600px; padding: 4px; }
.servicecolorchart .z-textbox { resize: none; }
.servicecolorchart .z-colorbox { pointer-events: none; }

.servicemultititlechart { width: 600px; padding: 4px; }
.servicemultititlechart .z-textbox { resize: none; }
.servicemultititlechart .multititleplus{
	cursor: pointer;
	margin: 4px 0 0 0;
	width: 25px;
    height: 25px;
	border: 1px solid #999;
	border-radius: 3px;
	text-align: center;
}

.servicemultititlechart .z-icon-times-circle{ 	
	cursor: pointer;
	color: red;
	background-color: white;
	border: 1px solid white;
    border-radius: 8px; 
}

/* --- AW Grid Charts */
.gridchart .highcharts-menu-item { font-size: 13px !important; }
.gridchart .highcharts-button-box { fill: transparent !important; }
.editchart .z-grid { background: white; }

/* --- Dash Layout */
.dashboard .customer { padding: 4px 8px; }
.dashboard .customer * { font-size: 16px; color: #444; }

.dashlaynorth { border: 0; padding: 0px; }
.dashlaynorth .z-menubar { border: 0; }

.dashlaycenter *:not(.z-charts *):not(.italychartwnd *):not(.singlenumber *) { font-size: 13px; }
.dashlaycenter { border: 0; padding: 4px; }

.dashlaycenter .container { overflow-x: visible !important; overflow-y: scroll !important; }
.dashlaycenter .z-charts,
.dashlaycenter .z-panel,
.dashlaycenter .z-panelchildren,
.dashlaycenter .z-panel-body,
.dashlaycenter .z-portallayout-horizontal .z-portalchildren-content>.z-panel,
.dashlaycenter .z-portalchildren-content { overflow: visible !important; }

.dashlaywestfilter .z-icon-times-circle.removeelement { position: absolute; top: 2px; right:  2px; }
.dashlaywestfilter .z-icon-times-circle { cursor: pointer; color: brown; z-index: 2; }
.dashlaywestfilter .z-macro {display: inherit; }
.dashlaywestfilter .container { padding: 6px; }
.dashlaywestfilter * { font-size: 14px; }
.dashlaywestfilter { width: 300px; border: 0; }
.dashlaywestfilter .container .z-panel { padding: 0 0 6px 0; border-bottom: 1px solid #DDD; }
.dashlaywestfilter .container .z-panel-header,
.dashlaywestfilter .container .z-panel-head,
.dashlaywestfilter .container .z-listbox-header,
.dashlaywestfilter .container .z-listheader,
.dashlaywestfilter .container .z-listhead-bar,
.dashlaywestfilter .container .z-listbox { border: 0; background: transparent; }
.dashlaywestfilter .container .z-panel-header { padding: 0; }
.dashlaywestfilter .container .dragenable .z-caption { cursor: move; }
.dashlaywestfilter .container .dragenable:hover { background: rgba(238, 238, 238, .6); }

.dashlaywestfilter .container .dragenable .z-caption-content { width: 100%; }
.dashlaywestfilter .container .z-listcell-content { padding: 1px 4px; }
.dashlaywestfilter .container .lbltitle { font-size: 16px; font-weight: bold; }
.dashlaywestfilter .container .lblsubtitle { font-size: 12px; font-weight: bold; }
.dashlaywestfilter .container .lblselectall { font-weight: bold; color: #ccc; font-style: italic; }

.dashlaywestfilter .container .z-panel-icon { border: 0; background: transparent; }
.dashlaywestfilter .container .z-button { padding: 0px 12px; }
.dashlaywestfilter .container .z-icon-angle-up,
.dashlaywestfilter .container .z-icon-angle-down { font-size: 22px; }

.dashlaywestfilter .container .lblapply { color: var(--coloralert); }

.dashlayeast *:not([class^="z-icon-"]) { font-size: 14px; }
.dashlayeast .container { padding: 3px; }
.dashlayeast .z-grid { border: 0px; }
.dashlayeast .z-listgroup-icon * { font-size: 20px; }
.dashlayeast .z-listitem-checkable { margin-top: 2px; }
.dashlayeast .cke_inner .cke_bottom { display: none; }
.dashlayeast .infoalert {  cursor: pointer; color: #ff8000; }
.dashlayeast input[type="checkbox"] { transform: scale(1.5, 1.5); }
.dashlayeast .z-checkbox-tristate-on INPUT { accent-color: #0072c6; }

@media screen and (max-width: 1024px) {
	.dashlaycenter .container { padding: 2px; }
}
@media screen and (max-width: 750px) {
	.dashlaycenter .container { padding: 1px; }
}

.dashtable .lm_splitter { display: none; }
.dashtable .lm_item .lm_stack .lm_header { display: none; }

/* --- Dash Layout Header */
.dashlaycenter .headerband { padding: 2px 16px; }
.dashlaycenter .headerband .lbltitle { font-size: 20px !important; font-weight: bold !important; }
.dashlaycenter .headerband .lblsubtitle { font-size: 16px !important; }
.dashlaycenter .headerband .lbltitle.z-textbox { padding: 0; height: 30px; }
.dashlaycenter .headerband .lblsubtitle.z-textbox { padding: 0; height: 24px; }
.dashlaycenter .headerband .menuicon { font-size: 24px; margin-left: 12px; }
.dashlaycenter .headerband .menuicon:hover { -webkit-filter: invert(40%); filter: invert(40%); }
.dashlaycenter .headerband .menuiconexport:before { content: "\f56e"; }

/* --- Dash Layout Header : Step for StoryBoard */
.stepstory .z-stepbar { background: transparent; padding: 4px; }
.stepstory .z-step { padding: 0 8px; }
.stepstory .z-step,
.stepstory .z-stepbar-wrapped-label .z-step-title,
.stepstory .z-stepbar-wrapped-label .z-step-content { color: unset; }
.stepstory .z-stepbar-wrapped-label .z-step-title { background: transparent; margin-top: 4px; margin-right: 2px; transform: rotate(-45deg); white-space: nowrap; }
.stepstory .z-stepbar-wrapped-label .z-step-title { @extend .noselect }
.stepstory .z-stepbar-wrapped-label .z-step:before,
.stepstory .z-stepbar-wrapped-label .z-step:after { padding-right: 2px; margin-top: 8px; }
.stepstory .z-step-active .z-step-icon-empty, 
.stepstory .z-step-complete .z-step-icon-empty { border-color: unset; }
.stepstory .z-step-icon { width: 19px; height: 19px; }
.stepstory .z-step-icon-empty { border: 2px solid #CCC; }
.stepstory .z-step:before,
.stepstory .z-step:after { background-color: #DDD; }

/* --- Dash Layout DESIGN & USER */
.dashlaycenter .z-window { position: sticky; border-radius: 3px; }

.dashlaycenter .z-window.min { margin-bottom: 2px; }
.dashlaycenter .z-window-header  { font-size: 16px; cursor: move; }
.dashlaycenter .z-window-content { background: transparent; border: 0; padding: 0; overflow: hidden !important; }

.dashlaycenter .mouseover { border-radius: 12px; opacity: 20%; }

.dashlaycenter .design .selectedelement { border: 2px dashed red; border-radius: 12px;  }

.dashlaycenter .design { background-image: linear-gradient(to right, #eee 1px, transparent 1px), linear-gradient(to bottom, #eee 1px, transparent 1px); }
.dashlaycenter .design .z-window { background: white; padding: 2px; }
.dashlaycenter .design .z-window .z-window-header { height: var(--heightheaderchart); padding: 0; background: rgba(238, 238, 238, .6); }
.dashlaycenter .design .z-window .z-charts { top: calc(-1 * var(--heightheaderchart)); }

.dashlaycenter .design .z-window .dashexternallabeltitle { position: relative; top: calc(-1 * var(--heightheaderchart)); }

.dashlaycenter .design .z-window .z-image { position: relative; top: calc(-1 * var(--heightheadershape)); }

.dashlaycenter .winshapes .z-window-content {display: flex; justify-content: center; align-items: center;}

.dashlaycenter .design .z-window .awlaycenter,
.dashlaycenter .design .z-window .italychartwnd { top: calc(-1 * var(--heightheaderchart)); position: relative; }		/* lo sposto sopra di 20px poiche l'header della window in progettazione � alto 20px */

.dashlaycenter .design .z-window .infomove		{ position: absolute; top: 3px; left: 3px; cursor: move; color: #666; pointer-events: none;}
.dashlaycenter .design .z-window .infomove::before { content: "\f047"; }

.dashlaycenter .design .z-window .removeelement	{ position: absolute; top: 3px; right:  3px; cursor: pointer; color: brown; }
.dashlaycenter .design .z-window .chartsettings { position: absolute; top: 3px; right: 17px; cursor: pointer; }
.dashlaycenter .design .z-window .infofilter	{ position: absolute; top: 3px; right: 31px; cursor: pointer; color: darkgreen; }
.dashlaycenter .design .z-window .openrepo		{ position: absolute; top: 3px; right: 45px; cursor: pointer; color: rgb(0, 128, 255); }
.dashlaycenter .design .z-window .dragdupchart	{ position: absolute; top: 3px; right: 59px; cursor: grab; }
.dashlaycenter .design .z-window .infoalert		{ position: absolute; top: 3px; right: 73px; cursor: pointer; color: #ff8000; }

.dashlaycenter .user .z-window { background: transparent; padding: 0; border-color: transparent; }
.dashlaycenter .user .z-window .z-window-header { height: 0; padding: 0; }

.dashlaycenter .user .z-window .infofilter	{ position: absolute; top: 3px; right:  3px; cursor: pointer; color: darkgreen; z-index: 2; }
.dashlaycenter .user .z-window .infoalert	{ position: absolute; top: 3px; right: 17px; cursor: pointer; color: #ff8000; z-index: 2; }

.dashlaycenter .z-window .menuexporttable	{ position: absolute; top: --heightheaderchart; right:  20px; cursor: pointer; z-index: 3; color: rgb(102, 102, 102) !important; font-size: 18px;}

/* --- Dash Layout CHART OPTIONS */
.dashchartoptions .z-drawer-real { width: 500px; }
.dashchartoptions .z-grid { border: 0; }
.dashchartoptions .z-drawer-title { font-size: 14px; }
.dashchartoptions .z-drawer-mask-enabled { opacity: 0.1 !important; }
.dashchartoptions .z-listcell-content { padding: 1px 5px; }

.dashchartoptions .z-row:hover > .z-row-inner,
.dashchartoptions .z-row:hover > .z-cell { background: transparent !important; }

.dashchartoptions .btntolbl * { font-size: 14px; }
.dashchartoptions .btntolbl .z-listcell-content { padding: 0; }
.dashchartoptions .btntolbl .z-listcell-content .z-button { padding: 1px 5px; }

/* --- AW Dash Charts */
.wincharts *:not(.z-charts *):not(.italychartwnd *):not(.singlenumber *):not(.dashexternallabeltitle):not(.menuexporttable),
.winexports *,
.winfilters *,
.wintextsfromsql *,
.wintexts *,
.winshapes * { font-size: 14px !important; }

.wincharts .highcharts-menu-item { font-size: 13px !important; }
.wincharts .highcharts-button-box { fill: transparent !important; }
.wincharts.hidebgchart .highcharts-background { fill: transparent !important; background: transparent !important; }

.winfilters,
.winfilters .z-icon-search:before { content: "\f0d7"; }
.winfilters .z-bandbox-button { border-left: 0 !important; }

.wintextsfromsql .content { overflow-y: auto; }

.wintexts .cke_chrome { border: 0; }
.wintexts .cke_inner,
.wintexts .cke_wysiwyg_frame { background: transparent; }
.wintexts .cke_inner .cke_top { display: none; }
.wintexts .cke_inner .cke_bottom { display: none; }

.design .wincharts .lbltitle,
.design .winexports .lbltitle,
.design .winfilters .lbltitle { position: absolute; top: 1px; left: 2px; pointer-events: none; }
.design .winfilters .lblapply { color: var(--coloralert); position: absolute; top: 1px; right: 34px; }
.design .winfilters .box { padding-top: 1px; }
.design .winfilters .boxfilterdash { padding: 0 0; }
.design .wintextsfromsql .content,
.design .wintexts .ckecontent { position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; } /* clip-path: inset(20px 0 0 0); */
.user .winfilters .boxfilterdash { padding: 0 2px; }
.user .winfilters .box { padding-top: 3px; }
.user .winfilters .lblapply { color: var(--coloralert); position: absolute; top: 1px; right: 3px; }
.winfiltersbandb .z-listbox { border: 0; }

.winfiltersinfo * { font-size: 13px; }
.winfiltersinfo .z-listcell,
.winfiltersinfo .z-listitem,
.winfiltersinfo .z-listitem:hover>.z-listcell { background: transparent !important; }
.winfiltersinfo .z-listbox { border: none; }
.winfiltersinfo .z-listcell-content,
.winfiltersinfo .z-listheader-content { padding: 2px 5px; }

/* --- BoxFilterDashboard */
.boxfilterdash { background: transparent; line-height: 20px; border: none; }
.boxfilterdash .z-combobox-button { border-left: 0 !important; }
.boxfiltercombodash .z-comboitem { font-size: 14px; text-shadow: unset; }
.boxfiltercombodash .elementused * { color: #AAA }
.winfiltersbandb .elementused * { color: #AAA }

.boxfilterdash .lbltitle { font-weight: bold; white-space: nowrap; }

.boxfiltercombodash.disablefilter .z-combobox-input { color: orange; }

.hideexportsinglechart .menuexporttable { display: none; }

.hideexportsinglechart .highcharts-exporting-group { display: none; }

.hideexportsinglechart .amcharts-amexport-menu { display: none !important }
.wincharts .hidecbitaly { display : none }

.settingsitalychart .z-grid { border: 0; }
.settingsitalychart input[type="checkbox"] { transform: scale(1.5, 1.5); }
.settingsitalychart .z-checkbox-on INPUT { accent-color: #0072c6; }
.settingsitalychart .z-checkbox-off INPUT { accent-color: #AAAAAA; }

.settingsitalychart .z-row:hover > .z-row-inner,
.settingsitalychart .z-row:hover > .z-cell { background: #FFF !important; }

.settingsitalychart .z-row, .settingsitalychart .z-row-inner,
.settingsitalychart .z-cell { background: transparent !important; }


.storyeastmenu .container { padding: 6px; }
.storyeastmenu * { font-size: 14px; }

.storyeastmenu { width: 360px; background-color: #F8F8F8; }

.storyeastmenu .z-east-body{
	padding: 10px !important;
    background: #FFFFFF !important;
    border-radius: 12px !important;
}

.storyeastmenu .container { padding: 3px; }
@media screen and (max-width: 1024px) {
	.storyeastmenu .container { padding: 2px; }
}
@media screen and (max-width: 750px) {
	.storyeastmenu .container { padding: 1px; }
}

.storyboard .z-east-collapsed{
	width:32px !important;
}

.storyboard .z-east-title {
    font-size: 15px !important;
}

.storyeastmenu .z-listbox-body { overflow-x: hidden !important; overflow-y: auto !important; }
   

/* Listbox */
.storyeastmenu .story-listbox {
    background: transparent !important;
    border: 0 !important;
}


/* ============================
   CATEGORIE (LISTGROUP)
   ============================ */
.storyeastmenu .story-category .z-listgroup-inner{
    background: #E8F0FF !important; /* blu pastello */
    border: 0 !important;
    border-radius: 8px !important;
    margin-top: 8px !important;
}

.storyeastmenu .story-category .z-listgroup-inner .z-listcell-content{
    padding: 10px 12px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #1A237E !important; /* blu scuro elegante */
}

/* Icona apri/chiudi */
.storyeastmenu .story-category .z-listgroup-icon {
    color: #3949AB !important; /* blu medio */
    font-size: 16px !important;
}


/* ============================
   SOTTOCATEGORIE (LISTITEM)
   ============================ */
.storyeastmenu .z-listitem {
    background: transparent !important;
    border: 0 !important;
}

.storyeastmenu .z-listitem .z-listcell-content {
    padding: 8px 14px !important;
    font-size: 14px !important;
    color: #424242 !important;
    background: transparent !important;
    border-radius: 6px !important;
}

/* Hover moderno */
.storyeastmenu .z-listitem:hover > .z-listcell {
    background: #F5F7FA !important; /* grigio molto chiaro */
    color: #000000 !important;
    transform: translateX(2px);
    box-shadow: 0 0 0 rgba(0,0,0,0.02) !important;
}

/*
.storyeastmenu .labelseldash {
	background-color: rgba(0, 0, 0, 0.04);
    border-radius: 20px;
}
*/

.storyeastmenu .labelseldash .z-listcell-content{
	font-weight: bold;
}

.storyeastmenu .labelseldash .z-listcell-content::before{
	content: "\25B6";
	margin-right: 6px;
    color: #333;
    font-size: 10px;
}

.storyboard .lm_splitter { display: none; }
.storyboard .lm_item .lm_stack .lm_header { display: none; }