/**
 *	.block__elem--mod
 *	.unico-header__button--bckcolor-green
 *	.unico-header--bckcolor-red
 *	.unico-button--bckcolor-red
 *	.unico--color-red
 */

/**
 * Layout Standard
 **/
@import "theme_normalize.css";
@import "theme_fonts.css";
@import "theme_icon.css";
@import "theme_legacybutton.css";

:root {
	color-scheme: normal;

	--md-sys-elevation-0: 0px 0px 0px 0px rgb(var(--md-sys-color-shadow-rgb) / 0.2), 0px 0px 0px 0px rgb(var(--md-sys-color-shadow-rgb) / 0.14), 0px 0px 0px 0px rgb(var(--md-sys-color-shadow-rgb) / 0.12);
	--md-sys-elevation-1: 0px 3px 1px -2px rgb(var(--md-sys-color-shadow-rgb) / 0.2), 0px 2px 2px 0px rgb(var(--md-sys-color-shadow-rgb) / 0.14), 0px 1px 5px 0px rgb(var(--md-sys-color-shadow-rgb) / 0.12);
	--md-sys-elevation-2: 0px 2px 4px -1px rgb(var(--md-sys-color-shadow-rgb) / 0.2), 0px 4px 5px 0px rgb(var(--md-sys-color-shadow-rgb) / 0.14), 0px 1px 10px 0px rgb(var(--md-sys-color-shadow-rgb) / 0.12);
	--md-sys-elevation-3: 0px 5px 5px -3px rgb(var(--md-sys-color-shadow-rgb) / 0.2), 0px 8px 10px 1px rgb(var(--md-sys-color-shadow-rgb) / 0.14), 0px 3px 14px 2px rgb(var(--md-sys-color-shadow-rgb) / 0.12);
	--md-sys-elevation-4: 0px 5px 5px -3px rgb(var(--md-sys-color-shadow-rgb) / 0.2), 0px 8px 10px 1px rgb(var(--md-sys-color-shadow-rgb) / 0.14), 0px 3px 14px 2px rgb(var(--md-sys-color-shadow-rgb) / 0.12);
	--md-sys-elevation-5: 0px 8px 10px -6px rgb(var(--md-sys-color-shadow-rgb) / 0.2), 0px 16px 24px 2px rgb(var(--md-sys-color-shadow-rgb) / 0.14), 0px 6px 30px 5px rgb(var(--md-sys-color-shadow-rgb) / 0.12);

	/* HEADER */
	--color-header: var(--md-ref-palette-neutral20);
	--text-on-header: var(--md-ref-palette-neutral100);

	/* CAPTION */
	--caption-color: var(--md-sys-color-on-primary);
	--caption-background-color: var(--md-sys-color-primary);

	/* CUSTOM COLOR CLASSES */
	--color-highlight: #fdf5b7;
	--color-on-highlight: #000000;
	--color-correct: lime;
	--color-on-correct: #000000;

	--color-required: orangered;

	/* UNIGEA */
	--unigea-background-label: var(--caption-background-color);
	--unigea-border-label: var(--caption-background-color);
	--unigea-color-label: var(--caption-color);

	--unigea-background-sidebar: var(--alternate_rows-background-color);

	--unigea-color-reverse_image: var(--md-sys-color-surface-variant);
	--unigea-text-on-reverse_image: var(--md-sys-color-on-surface-variant);

	--unigea-background-grey: var(--md-sys-color-secondary-container);
	--unigea-background-grey-dark: rgb(213, 218, 223);

	/* DESIGNER */
	--designer-color-surface: rgba(180, 180, 180, 0.4);

	/* FONT */
	--font-family-primary: "Roboto", Helvetica, Arial, sans-serif;
	--font-family-monospace: "RobotoMono", monospace;

	/* SIZE */
	--default-scroll-size: 16px;
	--default-margin-right: 0.3em;
	--default-margin-incell: 0.15em;
	--default-border-radius: 0.25em;

	--unico-buttonsize: 1.5em;

	/* VECCHIE VARIABILI RIPORTATE PER COMPATIBILITA */
	--color-primary: var(--md-sys-color-primary);
	--color-primary-light: var(--md-sys-color-primary-container);
	--color-primary-dark: var(--md-sys-color-primary-container);

	--color-secondary: var(--md-sys-color-secondary);
	--color-secondary-light: var(--md-sys-color-primary-secondary);
	--color-secondary-dark: var(--md-sys-color-primary-secondary);

	--color-surface: var(--md-sys-color-surface);
	--color-surface-variation: var(--md-sys-color-surface-variant);

	--text-on-primary: var(--md-sys-color-on-primary);
	--text-on-primary-light: var(--md-sys-color-on-primary-container);
	--text-on-primary-dark: var(--md-sys-color-on-primary-container);

	--text-on-secondary: var(--md-sys-color-on-secondary);
	--text-on-secondary-light: var(--md-sys-color-on-secondary-container);
	--text-on-secondary-dark: var(--md-sys-color-on-secondary-container);

	--text-on-surface: var(--md-sys-color-on-surface);
	--text-on-surface-variation: var(--md-sys-color-on-surface-variant);

	--border-on-primary: #DBDFE9;
	--border-on-primary-light: #DBDFE9;
	--border-on-primary-dark: #DBDFE9;

	--border-on-secondary: transparent;
	--border-on-secondary-light: transparent;
	--border-on-secondary-dark: transparent;

	--border-on-surface: var(--md-sys-color-outline-variant);
	--border-on-surface-variation: var(--md-sys-color-outline-variant);

	--color-on-disabled: rgb(210, 210, 210);
	--text-on-disabled: #707070;
	--color-on-disabled-on-button: transparent;
	--text-on-disabled-on-button: #707070;

	--color-error: var(--md-sys-color-error);
	--color-error-secondary: var(--md-sys-color-error-container);
	--text-on-error: var(--md-sys-color-on-error);
	--text-on-error-secondary: var(--md-sys-color-on-error-container);
}

.uni--skinmode-light {
	color-scheme: light;

	--md-sys-color-primary: var(--md-sys-color-primary-light);
	--md-sys-color-on-primary: var(--md-sys-color-on-primary-light);
	--md-sys-color-primary-container: var(--md-sys-color-primary-container-light);
	--md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-light);
	--md-sys-color-secondary: var(--md-sys-color-secondary-light);
	--md-sys-color-on-secondary: var(--md-sys-color-on-secondary-light);
	--md-sys-color-secondary-container: var(--md-sys-color-secondary-container-light);
	--md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-light);
	--md-sys-color-tertiary: var(--md-sys-color-tertiary-light);
	--md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-light);
	--md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-light);
	--md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-light);
	--md-sys-color-error: var(--md-sys-color-error-light);
	--md-sys-color-on-error: var(--md-sys-color-on-error-light);
	--md-sys-color-error-container: var(--md-sys-color-error-container-light);
	--md-sys-color-on-error-container: var(--md-sys-color-on-error-container-light);
	--md-sys-color-outline: var(--md-sys-color-outline-light);
	--md-sys-color-background: var(--md-sys-color-background-light);
	--md-sys-color-on-background: var(--md-sys-color-on-background-light);
	--md-sys-color-surface: var(--md-sys-color-surface-light);
	--md-sys-color-on-surface: var(--md-sys-color-on-surface-light);
	--md-sys-color-surface-variant: var(--md-sys-color-surface-variant-light);
	--md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-light);
	--md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-light);
	--md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-light);
	--md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-light);
	--md-sys-color-shadow: var(--md-sys-color-shadow-light);
	--md-sys-color-surface-tint: var(--md-sys-color-surface-tint-light);
	--md-sys-color-outline-variant: var(--md-sys-color-outline-variant-light);
	--md-sys-color-scrim: var(--md-sys-color-scrim-light);

	--md-sys-color-on-surface-rgb: var(--md-sys-color-on-surface-light-rgb);
	--md-sys-color-shadow-rgb: var(--md-sys-color-shadow-light-rgb);

	--shell-color: var(--md-ref-palette-neutral0);
	--shell-background-color: var(--md-ref-palette-neutral95);

	--shell_tabopen-color: var(--md-ref-palette-neutral0);
	--shell_tabopen-background-color: var(--md-ref-palette-neutral100);

	--alternate_rows-color: inherit;
	--alternate_rows-background-color: var(--md-ref-palette-neutral95);
}

.uni--skinmode-dark {
	color-scheme: dark;

	--md-sys-color-primary: var(--md-sys-color-primary-dark);
	--md-sys-color-on-primary: var(--md-sys-color-on-primary-dark);
	--md-sys-color-primary-container: var(--md-sys-color-primary-container-dark);
	--md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-dark);
	--md-sys-color-secondary: var(--md-sys-color-secondary-dark);
	--md-sys-color-on-secondary: var(--md-sys-color-on-secondary-dark);
	--md-sys-color-secondary-container: var(--md-sys-color-secondary-container-dark);
	--md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-dark);
	--md-sys-color-tertiary: var(--md-sys-color-tertiary-dark);
	--md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-dark);
	--md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-dark);
	--md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-dark);
	--md-sys-color-error: var(--md-sys-color-error-dark);
	--md-sys-color-on-error: var(--md-sys-color-on-error-dark);
	--md-sys-color-error-container: var(--md-sys-color-error-container-dark);
	--md-sys-color-on-error-container: var(--md-sys-color-on-error-container-dark);
	--md-sys-color-outline: var(--md-sys-color-outline-dark);
	--md-sys-color-background: var(--md-sys-color-background-dark);
	--md-sys-color-on-background: var(--md-sys-color-on-background-dark);
	--md-sys-color-surface: var(--md-sys-color-surface-dark);
	--md-sys-color-on-surface: var(--md-sys-color-on-surface-dark);
	--md-sys-color-surface-variant: var(--md-sys-color-surface-variant-dark);
	--md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-dark);
	--md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-dark);
	--md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-dark);
	--md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-dark);
	--md-sys-color-shadow: var(--md-sys-color-shadow-dark);
	--md-sys-color-surface-tint: var(--md-sys-color-surface-tint-dark);
	--md-sys-color-outline-variant: var(--md-sys-color-outline-variant-dark);
	--md-sys-color-scrim: var(--md-sys-color-scrim-dark);

	--md-sys-color-on-surface-rgb: var(--md-sys-color-on-surface-dark-rgb);
	--md-sys-color-shadow-rgb: var(--md-sys-color-shadow-dark-rgb);

	--shell-color: var(--md-ref-palette-neutral90);
	--shell-background-color: var(--md-ref-palette-neutral20);

	--shell_tabopen-color: var(--md-ref-palette-neutral90);
	--shell_tabopen-background-color: var(--md-ref-palette-neutral0);

	--alternate_rows-color: inherit;
	--alternate_rows-background-color: var(--md-ref-palette-neutral20);
}

/* .uni--theme-default */
.uni--theme-moderateviolet {
	/* primary */
	--md-ref-palette-primary0: #000000;
	--md-ref-palette-primary10: #21005D;
	--md-ref-palette-primary20: #381E72;
	--md-ref-palette-primary30: #4F378B;
	--md-ref-palette-primary40: #6750A4;
	--md-ref-palette-primary50: #7F67BE;
	--md-ref-palette-primary60: #9A82DB;
	--md-ref-palette-primary70: #B69DF8;
	--md-ref-palette-primary80: #D0BCFF;
	--md-ref-palette-primary90: #EADDFF;
	--md-ref-palette-primary95: #F6EDFF;
	--md-ref-palette-primary99: #FFFBFE;
	--md-ref-palette-primary100: #FFFFFF;
	/* secondary */
	--md-ref-palette-secondary0: #000000;
	--md-ref-palette-secondary10: #1D192B;
	--md-ref-palette-secondary20: #332D41;
	--md-ref-palette-secondary30: #4A4458;
	--md-ref-palette-secondary40: #625B71;
	--md-ref-palette-secondary50: #7A7289;
	--md-ref-palette-secondary60: #958DA5;
	--md-ref-palette-secondary70: #B0A7C0;
	--md-ref-palette-secondary80: #CCC2DC;
	--md-ref-palette-secondary90: #E8DEF8;
	--md-ref-palette-secondary95: #F6EDFF;
	--md-ref-palette-secondary99: #FFFBFE;
	--md-ref-palette-secondary100: #FFFFFF;
	/* tertiary */
	--md-ref-palette-tertiary0: #000000;
	--md-ref-palette-tertiary10: #31111D;
	--md-ref-palette-tertiary20: #492532;
	--md-ref-palette-tertiary30: #633B48;
	--md-ref-palette-tertiary40: #7D5260;
	--md-ref-palette-tertiary50: #986977;
	--md-ref-palette-tertiary60: #B58392;
	--md-ref-palette-tertiary70: #D29DAC;
	--md-ref-palette-tertiary80: #EFB8C8;
	--md-ref-palette-tertiary90: #FFD8E4;
	--md-ref-palette-tertiary95: #FFECF1;
	--md-ref-palette-tertiary99: #FFFBFA;
	--md-ref-palette-tertiary100: #FFFFFF;
	/* error */
	--md-ref-palette-error0: #000000;
	--md-ref-palette-error10: #410E0B;
	--md-ref-palette-error20: #601410;
	--md-ref-palette-error30: #8C1D18;
	--md-ref-palette-error40: #B3261E;
	--md-ref-palette-error50: #DC362E;
	--md-ref-palette-error60: #E46962;
	--md-ref-palette-error70: #EC928E;
	--md-ref-palette-error80: #F2B8B5;
	--md-ref-palette-error90: #F9DEDC;
	--md-ref-palette-error95: #FCEEEE;
	--md-ref-palette-error99: #FFFBF9;
	--md-ref-palette-error100: #FFFFFF;
	/* neutral */
	--md-ref-palette-neutral0: #000000;
	--md-ref-palette-neutral10: #1C1B1F;
	--md-ref-palette-neutral20: #313033;
	--md-ref-palette-neutral30: #484649;
	--md-ref-palette-neutral40: #605D62;
	--md-ref-palette-neutral50: #787579;
	--md-ref-palette-neutral60: #939094;
	--md-ref-palette-neutral70: #AEAAAE;
	--md-ref-palette-neutral80: #C9C5CA;
	--md-ref-palette-neutral90: #E6E1E5;
	--md-ref-palette-neutral95: #F4EFF4;
	--md-ref-palette-neutral99: #FFFBFE;
	--md-ref-palette-neutral100: #FFFFFF;
	/* neutral-variant */
	--md-ref-palette-neutral-variant0: #000000;
	--md-ref-palette-neutral-variant10: #1D1A22;
	--md-ref-palette-neutral-variant20: #322F37;
	--md-ref-palette-neutral-variant30: #49454F;
	--md-ref-palette-neutral-variant40: #605D66;
	--md-ref-palette-neutral-variant50: #79747E;
	--md-ref-palette-neutral-variant60: #938F99;
	--md-ref-palette-neutral-variant70: #AEA9B4;
	--md-ref-palette-neutral-variant80: #CAC4D0;
	--md-ref-palette-neutral-variant90: #E7E0EC;
	--md-ref-palette-neutral-variant95: #F5EEFA;
	--md-ref-palette-neutral-variant99: #FFFBFE;
	--md-ref-palette-neutral-variant100: #FFFFFF;
	/* light */
	--md-sys-color-primary-light: #6750A4;
	--md-sys-color-on-primary-light: #FFFFFF;
	--md-sys-color-primary-container-light: #EADDFF;
	--md-sys-color-on-primary-container-light: #21005D;
	--md-sys-color-secondary-light: #625B71;
	--md-sys-color-on-secondary-light: #FFFFFF;
	--md-sys-color-secondary-container-light: #E8DEF8;
	--md-sys-color-on-secondary-container-light: #1D192B;
	--md-sys-color-tertiary-light: #7D5260;
	--md-sys-color-on-tertiary-light: #FFFFFF;
	--md-sys-color-tertiary-container-light: #FFD8E4;
	--md-sys-color-on-tertiary-container-light: #31111D;
	--md-sys-color-error-light: #B3261E;
	--md-sys-color-on-error-light: #FFFFFF;
	--md-sys-color-error-container-light: #F9DEDC;
	--md-sys-color-on-error-container-light: #410E0B;
	--md-sys-color-outline-light: #79747E;
	--md-sys-color-background-light: #FFFBFE;
	--md-sys-color-on-background-light: #1C1B1F;
	--md-sys-color-surface-light: #FFFBFE;
	--md-sys-color-on-surface-light: #1C1B1F;
	--md-sys-color-surface-variant-light: #E7E0EC;
	--md-sys-color-on-surface-variant-light: #49454F;
	--md-sys-color-inverse-surface-light: #313033;
	--md-sys-color-inverse-on-surface-light: #F4EFF4;
	--md-sys-color-inverse-primary-light: #D0BCFF;
	--md-sys-color-shadow-light: #000000;
	--md-sys-color-surface-tint-light: #6750A4;
	--md-sys-color-outline-variant-light: #CAC4D0;
	--md-sys-color-scrim-light: #000000;
	/* dark */
	--md-sys-color-primary-dark: #D0BCFF;
	--md-sys-color-on-primary-dark: #381E72;
	--md-sys-color-primary-container-dark: #4F378B;
	--md-sys-color-on-primary-container-dark: #EADDFF;
	--md-sys-color-secondary-dark: #CCC2DC;
	--md-sys-color-on-secondary-dark: #332D41;
	--md-sys-color-secondary-container-dark: #4A4458;
	--md-sys-color-on-secondary-container-dark: #E8DEF8;
	--md-sys-color-tertiary-dark: #EFB8C8;
	--md-sys-color-on-tertiary-dark: #492532;
	--md-sys-color-tertiary-container-dark: #633B48;
	--md-sys-color-on-tertiary-container-dark: #FFD8E4;
	--md-sys-color-error-dark: #F2B8B5;
	--md-sys-color-on-error-dark: #601410;
	--md-sys-color-error-container-dark: #8C1D18;
	--md-sys-color-on-error-container-dark: #F9DEDC;
	--md-sys-color-outline-dark: #938F99;
	--md-sys-color-background-dark: #1C1B1F;
	--md-sys-color-on-background-dark: #E6E1E5;
	--md-sys-color-surface-dark: #1C1B1F;
	--md-sys-color-on-surface-dark: #E6E1E5;
	--md-sys-color-surface-variant-dark: #49454F;
	--md-sys-color-on-surface-variant-dark: #CAC4D0;
	--md-sys-color-inverse-surface-dark: #E6E1E5;
	--md-sys-color-inverse-on-surface-dark: #313033;
	--md-sys-color-inverse-primary-dark: #6750A4;
	--md-sys-color-shadow-dark: #000000;
	--md-sys-color-surface-tint-dark: #D0BCFF;
	--md-sys-color-outline-variant-dark: #49454F;
	--md-sys-color-scrim-dark: #000000;

	--md-sys-color-on-surface-light-rgb: 28 27 31;
	--md-sys-color-shadow-light-rgb: 0 0 0;
	--md-sys-color-on-surface-dark-rgb: 230 225 229;
	--md-sys-color-shadow-dark-rgb: 0 0 0;
}

.uni--theme-green {
	/* primary */
	--md-ref-palette-primary0: #000000;
	--md-ref-palette-primary10: #072100;
	--md-ref-palette-primary20: #113800;
	--md-ref-palette-primary25: #164500;
	--md-ref-palette-primary30: #205107;
	--md-ref-palette-primary35: #2c5e14;
	--md-ref-palette-primary40: #386a1f;
	--md-ref-palette-primary50: #508436;
	--md-ref-palette-primary60: #699e4d;
	--md-ref-palette-primary70: #82ba65;
	--md-ref-palette-primary80: #9cd67e;
	--md-ref-palette-primary90: #b8f397;
	--md-ref-palette-primary95: #cdffb0;
	--md-ref-palette-primary98: #eeffde;
	--md-ref-palette-primary99: #f7ffec;
	--md-ref-palette-primary100: #ffffff;
	/* secondary */
	--md-ref-palette-secondary0: #000000;
	--md-ref-palette-secondary10: #131f0d;
	--md-ref-palette-secondary20: #283420;
	--md-ref-palette-secondary25: #333f2b;
	--md-ref-palette-secondary30: #3e4a35;
	--md-ref-palette-secondary35: #495641;
	--md-ref-palette-secondary40: #55624c;
	--md-ref-palette-secondary50: #6e7b63;
	--md-ref-palette-secondary60: #87957c;
	--md-ref-palette-secondary70: #a1b095;
	--md-ref-palette-secondary80: #bdcbb0;
	--md-ref-palette-secondary90: #d8e7cb;
	--md-ref-palette-secondary95: #e7f6d9;
	--md-ref-palette-secondary98: #effee1;
	--md-ref-palette-secondary99: #f7ffec;
	--md-ref-palette-secondary100: #ffffff;
	/* tertiary */
	--md-ref-palette-tertiary0: #000000;
	--md-ref-palette-tertiary10: #002020;
	--md-ref-palette-tertiary20: #003738;
	--md-ref-palette-tertiary25: #0f4243;
	--md-ref-palette-tertiary30: #1e4e4f;
	--md-ref-palette-tertiary35: #2b5a5a;
	--md-ref-palette-tertiary40: #386666;
	--md-ref-palette-tertiary50: #517f7f;
	--md-ref-palette-tertiary60: #6b9999;
	--md-ref-palette-tertiary70: #85b4b4;
	--md-ref-palette-tertiary80: #a0cfd0;
	--md-ref-palette-tertiary90: #bbebec;
	--md-ref-palette-tertiary95: #c9fafa;
	--md-ref-palette-tertiary98: #e2ffff;
	--md-ref-palette-tertiary99: #f1ffff;
	--md-ref-palette-tertiary100: #ffffff;
	/* neutral */
	--md-ref-palette-neutral0: #000000;
	--md-ref-palette-neutral10: #1a1c18;
	--md-ref-palette-neutral20: #2f312d;
	--md-ref-palette-neutral25: #3a3c37;
	--md-ref-palette-neutral30: #464743;
	--md-ref-palette-neutral35: #51534e;
	--md-ref-palette-neutral40: #5d5f5a;
	--md-ref-palette-neutral50: #767872;
	--md-ref-palette-neutral60: #90918b;
	--md-ref-palette-neutral70: #abaca5;
	--md-ref-palette-neutral80: #c6c7c0;
	--md-ref-palette-neutral90: #e3e3dc;
	--md-ref-palette-neutral95: #f1f1ea;
	--md-ref-palette-neutral98: #fafaf3;
	--md-ref-palette-neutral99: #fdfdf6;
	--md-ref-palette-neutral100: #ffffff;
	/* neutral-variant */
	--md-ref-palette-neutral-variant0: #000000;
	--md-ref-palette-neutral-variant10: #181d15;
	--md-ref-palette-neutral-variant20: #2d3229;
	--md-ref-palette-neutral-variant25: #383d33;
	--md-ref-palette-neutral-variant30: #43483e;
	--md-ref-palette-neutral-variant35: #4f544a;
	--md-ref-palette-neutral-variant40: #5b6055;
	--md-ref-palette-neutral-variant50: #74796d;
	--md-ref-palette-neutral-variant60: #8d9286;
	--md-ref-palette-neutral-variant70: #a8ada0;
	--md-ref-palette-neutral-variant80: #c3c8bb;
	--md-ref-palette-neutral-variant90: #dfe4d7;
	--md-ref-palette-neutral-variant95: #eef3e5;
	--md-ref-palette-neutral-variant98: #f7fbed;
	--md-ref-palette-neutral-variant99: #f9fef0;
	--md-ref-palette-neutral-variant100: #ffffff;
	/* error */
	--md-ref-palette-error0: #000000;
	--md-ref-palette-error10: #410002;
	--md-ref-palette-error20: #690005;
	--md-ref-palette-error25: #7e0007;
	--md-ref-palette-error30: #93000a;
	--md-ref-palette-error35: #a80710;
	--md-ref-palette-error40: #ba1a1a;
	--md-ref-palette-error50: #de3730;
	--md-ref-palette-error60: #ff5449;
	--md-ref-palette-error70: #ff897d;
	--md-ref-palette-error80: #ffb4ab;
	--md-ref-palette-error90: #ffdad6;
	--md-ref-palette-error95: #ffedea;
	--md-ref-palette-error98: #fff8f7;
	--md-ref-palette-error99: #fffbff;
	--md-ref-palette-error100: #ffffff;
	/* light */
	--md-sys-color-primary-light: #386a1f;
	--md-sys-color-on-primary-light: #ffffff;
	--md-sys-color-primary-container-light: #b8f397;
	--md-sys-color-on-primary-container-light: #072100;
	--md-sys-color-secondary-light: #55624c;
	--md-sys-color-on-secondary-light: #ffffff;
	--md-sys-color-secondary-container-light: #d8e7cb;
	--md-sys-color-on-secondary-container-light: #131f0d;
	--md-sys-color-tertiary-light: #386666;
	--md-sys-color-on-tertiary-light: #ffffff;
	--md-sys-color-tertiary-container-light: #bbebec;
	--md-sys-color-on-tertiary-container-light: #002020;
	--md-sys-color-error-light: #ba1a1a;
	--md-sys-color-error-container-light: #ffdad6;
	--md-sys-color-on-error-light: #ffffff;
	--md-sys-color-on-error-container-light: #410002;
	--md-sys-color-background-light: #fdfdf6;
	--md-sys-color-on-background-light: #1a1c18;
	--md-sys-color-surface-light: #fdfdf6;
	--md-sys-color-on-surface-light: #1a1c18;
	--md-sys-color-surface-variant-light: #dfe4d7;
	--md-sys-color-on-surface-variant-light: #43483e;
	--md-sys-color-outline-light: #74796d;
	--md-sys-color-inverse-on-surface-light: #f1f1ea;
	--md-sys-color-inverse-surface-light: #2f312d;
	--md-sys-color-inverse-primary-light: #9cd67e;
	--md-sys-color-shadow-light: #000000;
	--md-sys-color-surface-tint-light: #386a1f;
	--md-sys-color-outline-variant-light: #c3c8bb;
	--md-sys-color-scrim-light: #000000;
	/* dark */
	--md-sys-color-primary-dark: #9cd67e;
	--md-sys-color-on-primary-dark: #113800;
	--md-sys-color-primary-container-dark: #205107;
	--md-sys-color-on-primary-container-dark: #b8f397;
	--md-sys-color-secondary-dark: #bdcbb0;
	--md-sys-color-on-secondary-dark: #283420;
	--md-sys-color-secondary-container-dark: #3e4a35;
	--md-sys-color-on-secondary-container-dark: #d8e7cb;
	--md-sys-color-tertiary-dark: #a0cfd0;
	--md-sys-color-on-tertiary-dark: #003738;
	--md-sys-color-tertiary-container-dark: #1e4e4f;
	--md-sys-color-on-tertiary-container-dark: #bbebec;
	--md-sys-color-error-dark: #ffb4ab;
	--md-sys-color-error-container-dark: #93000a;
	--md-sys-color-on-error-dark: #690005;
	--md-sys-color-on-error-container-dark: #ffdad6;
	--md-sys-color-background-dark: #1a1c18;
	--md-sys-color-on-background-dark: #e3e3dc;
	--md-sys-color-surface-dark: #1a1c18;
	--md-sys-color-on-surface-dark: #e3e3dc;
	--md-sys-color-surface-variant-dark: #43483e;
	--md-sys-color-on-surface-variant-dark: #c3c8bb;
	--md-sys-color-outline-dark: #8d9286;
	--md-sys-color-inverse-on-surface-dark: #1a1c18;
	--md-sys-color-inverse-surface-dark: #e3e3dc;
	--md-sys-color-inverse-primary-dark: #386a1f;
	--md-sys-color-shadow-dark: #000000;
	--md-sys-color-surface-tint-dark: #9cd67e;
	--md-sys-color-outline-variant-dark: #43483e;
	--md-sys-color-scrim-dark: #000000;

	--md-sys-color-on-surface-light-rgb: 26 28 24;
	--md-sys-color-shadow-light-rgb: 0 0 0;
	--md-sys-color-on-surface-dark-rgb: 227 227 220;
	--md-sys-color-shadow-dark-rgb: 0 0 0;
}

/* .uni--theme-ceruleanblue */
.uni--theme-default {
	/* primary */
	--md-ref-palette-primary0: #000000;
	--md-ref-palette-primary10: #001847;
	--md-ref-palette-primary20: #002b72;
	--md-ref-palette-primary25: #003689;
	--md-ref-palette-primary30: #0040a1;
	--md-ref-palette-primary35: #004bb9;
	--md-ref-palette-primary40: #0856cf;
	--md-ref-palette-primary50: #3770ea;
	--md-ref-palette-primary60: #5b8cff;
	--md-ref-palette-primary70: #88a9ff;
	--md-ref-palette-primary80: #b2c5ff;
	--md-ref-palette-primary90: #dae2ff;
	--md-ref-palette-primary95: #eef0ff;
	--md-ref-palette-primary98: #faf8ff;
	--md-ref-palette-primary99: #fefbff;
	--md-ref-palette-primary100: #ffffff;
	/* secondary */
	--md-ref-palette-secondary0: #000000;
	--md-ref-palette-secondary10: #151b2c;
	--md-ref-palette-secondary20: #2a3042;
	--md-ref-palette-secondary25: #353b4d;
	--md-ref-palette-secondary30: #404659;
	--md-ref-palette-secondary35: #4c5265;
	--md-ref-palette-secondary40: #585e71;
	--md-ref-palette-secondary50: #71768b;
	--md-ref-palette-secondary60: #8a90a5;
	--md-ref-palette-secondary70: #a5aac1;
	--md-ref-palette-secondary80: #c0c6dd;
	--md-ref-palette-secondary90: #dce2f9;
	--md-ref-palette-secondary95: #eef0ff;
	--md-ref-palette-secondary98: #faf8ff;
	--md-ref-palette-secondary99: #fefbff;
	--md-ref-palette-secondary100: #ffffff;
	/* tertiary */
	--md-ref-palette-tertiary0: #000000;
	--md-ref-palette-tertiary10: #2b122b;
	--md-ref-palette-tertiary20: #412741;
	--md-ref-palette-tertiary25: #4d324d;
	--md-ref-palette-tertiary30: #5a3d59;
	--md-ref-palette-tertiary35: #664965;
	--md-ref-palette-tertiary40: #735471;
	--md-ref-palette-tertiary50: #8d6d8b;
	--md-ref-palette-tertiary60: #a886a5;
	--md-ref-palette-tertiary70: #c4a0c1;
	--md-ref-palette-tertiary80: #e1bbdd;
	--md-ref-palette-tertiary90: #fed7f9;
	--md-ref-palette-tertiary95: #ffebfa;
	--md-ref-palette-tertiary98: #fff7fa;
	--md-ref-palette-tertiary99: #fffbff;
	--md-ref-palette-tertiary100: #ffffff;
	/* neutral */
	--md-ref-palette-neutral0: #000000;
	--md-ref-palette-neutral10: #1b1b1f;
	--md-ref-palette-neutral20: #303034;
	--md-ref-palette-neutral25: #3b3b3f;
	--md-ref-palette-neutral30: #46464a;
	--md-ref-palette-neutral35: #525256;
	--md-ref-palette-neutral40: #5e5e62;
	--md-ref-palette-neutral50: #77777a;
	--md-ref-palette-neutral60: #919094;
	--md-ref-palette-neutral70: #acaaaf;
	--md-ref-palette-neutral80: #c7c6ca;
	--md-ref-palette-neutral90: #e4e2e6;
	--md-ref-palette-neutral95: #f2f0f4;
	--md-ref-palette-neutral98: #fbf8fd;
	--md-ref-palette-neutral99: #fefbff;
	--md-ref-palette-neutral100: #ffffff;
	/* neutral-variant */
	--md-ref-palette-neutral-variant0: #000000;
	--md-ref-palette-neutral-variant10: #191b23;
	--md-ref-palette-neutral-variant20: #2e3038;
	--md-ref-palette-neutral-variant25: #393b43;
	--md-ref-palette-neutral-variant30: #45464f;
	--md-ref-palette-neutral-variant35: #50525a;
	--md-ref-palette-neutral-variant40: #5c5e67;
	--md-ref-palette-neutral-variant50: #757780;
	--md-ref-palette-neutral-variant60: #8f909a;
	--md-ref-palette-neutral-variant70: #aaabb4;
	--md-ref-palette-neutral-variant80: #c5c6d0;
	--md-ref-palette-neutral-variant90: #e1e2ec;
	--md-ref-palette-neutral-variant95: #f0f0fa;
	--md-ref-palette-neutral-variant98: #faf8ff;
	--md-ref-palette-neutral-variant99: #fefbff;
	--md-ref-palette-neutral-variant100: #ffffff;
	/* error */
	--md-ref-palette-error0: #000000;
	--md-ref-palette-error10: #410002;
	--md-ref-palette-error20: #690005;
	--md-ref-palette-error25: #7e0007;
	--md-ref-palette-error30: #93000a;
	--md-ref-palette-error35: #a80710;
	--md-ref-palette-error40: #ba1a1a;
	--md-ref-palette-error50: #de3730;
	--md-ref-palette-error60: #ff5449;
	--md-ref-palette-error70: #ff897d;
	--md-ref-palette-error80: #ffb4ab;
	--md-ref-palette-error90: #ffdad6;
	--md-ref-palette-error95: #ffedea;
	--md-ref-palette-error98: #fff8f7;
	--md-ref-palette-error99: #fffbff;
	--md-ref-palette-error100: #ffffff;
	/* light */
	--md-sys-color-primary-light: #0856cf;
	--md-sys-color-on-primary-light: #ffffff;
	--md-sys-color-primary-container-light: #dae2ff;
	--md-sys-color-on-primary-container-light: #001847;
	--md-sys-color-secondary-light: #585e71;
	--md-sys-color-on-secondary-light: #ffffff;
	--md-sys-color-secondary-container-light: #dce2f9;
	--md-sys-color-on-secondary-container-light: #151b2c;
	--md-sys-color-tertiary-light: #735471;
	--md-sys-color-on-tertiary-light: #ffffff;
	--md-sys-color-tertiary-container-light: #fed7f9;
	--md-sys-color-on-tertiary-container-light: #2b122b;
	--md-sys-color-error-light: #ba1a1a;
	--md-sys-color-error-container-light: #ffdad6;
	--md-sys-color-on-error-light: #ffffff;
	--md-sys-color-on-error-container-light: #410002;
	--md-sys-color-background-light: #fefbff;
	--md-sys-color-on-background-light: #1b1b1f;
	--md-sys-color-surface-light: #fefbff;
	--md-sys-color-on-surface-light: #1b1b1f;
	--md-sys-color-surface-variant-light: #e1e2ec;
	--md-sys-color-on-surface-variant-light: #45464f;
	--md-sys-color-outline-light: #757780;
	--md-sys-color-inverse-on-surface-light: #f2f0f4;
	--md-sys-color-inverse-surface-light: #303034;
	--md-sys-color-inverse-primary-light: #b2c5ff;
	--md-sys-color-shadow-light: #000000;
	--md-sys-color-surface-tint-light: #0856cf;
	--md-sys-color-outline-variant-light: #c5c6d0;
	--md-sys-color-scrim-light: #000000;
	/* dark */
	--md-sys-color-primary-dark: #b2c5ff;
	--md-sys-color-on-primary-dark: #002b72;
	--md-sys-color-primary-container-dark: #0040a1;
	--md-sys-color-on-primary-container-dark: #dae2ff;
	--md-sys-color-secondary-dark: #c0c6dd;
	--md-sys-color-on-secondary-dark: #2a3042;
	--md-sys-color-secondary-container-dark: #404659;
	--md-sys-color-on-secondary-container-dark: #dce2f9;
	--md-sys-color-tertiary-dark: #e1bbdd;
	--md-sys-color-on-tertiary-dark: #412741;
	--md-sys-color-tertiary-container-dark: #5a3d59;
	--md-sys-color-on-tertiary-container-dark: #fed7f9;
	--md-sys-color-error-dark: #ffb4ab;
	--md-sys-color-error-container-dark: #93000a;
	--md-sys-color-on-error-dark: #690005;
	--md-sys-color-on-error-container-dark: #ffdad6;
	--md-sys-color-background-dark: #1b1b1f;
	--md-sys-color-on-background-dark: #e4e2e6;
	--md-sys-color-surface-dark: #1b1b1f;
	--md-sys-color-on-surface-dark: #e4e2e6;
	--md-sys-color-surface-variant-dark: #45464f;
	--md-sys-color-on-surface-variant-dark: #c5c6d0;
	--md-sys-color-outline-dark: #8f909a;
	--md-sys-color-inverse-on-surface-dark: #1b1b1f;
	--md-sys-color-inverse-surface-dark: #e4e2e6;
	--md-sys-color-inverse-primary-dark: #0856cf;
	--md-sys-color-shadow-dark: #000000;
	--md-sys-color-surface-tint-dark: #b2c5ff;
	--md-sys-color-outline-variant-dark: #45464f;
	--md-sys-color-scrim-dark: #000000;

	--md-sys-color-on-surface-light-rgb: 27 27 31;
	--md-sys-color-shadow-light-rgb: 0 0 0;
	--md-sys-color-on-surface-dark-rgb: 228 226 230;
	--md-sys-color-shadow-dark-rgb: 0 0 0;
}

.uni--theme-legacydft {
	/* light */
	--md-sys-color-primary: #0266CC;
	--md-sys-color-on-primary: #FFFFFF;
	--md-sys-color-primary-container: #0266CC;
	--md-sys-color-on-primary-container: #FFFFFF;
	--md-sys-color-secondary: var(--md-sys-color-secondary-dark);
	--md-sys-color-on-secondary: var(--md-sys-color-on-secondary-dark);
	--md-sys-color-secondary-container: #e7e7e7;
	--md-sys-color-on-secondary-container: #000000;
	--md-sys-color-tertiary: var(--md-sys-color-tertiary-dark);
	--md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-dark);
	--md-sys-color-tertiary-container: #aed0fb;
	--md-sys-color-on-tertiary-container: #000000;
	--md-sys-color-error: #B3261E;
	--md-sys-color-on-error: #FFFFFF;
	--md-sys-color-error-container: #F9DEDC;
	--md-sys-color-on-error-container: #410E0B;
	--md-sys-color-outline: #757780;
	--md-sys-color-background: #FFFBFE;
	--md-sys-color-on-background: #1C1B1F;
	--md-sys-color-surface: #FFFBFE;
	--md-sys-color-on-surface: #1C1B1F;
	--md-sys-color-surface-variant: whitesmoke;
	--md-sys-color-on-surface-variant: #000000;
	--md-sys-color-inverse-surface: #000000;
	--md-sys-color-inverse-on-surface: whitesmoke;
	--md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-dark);
	--md-sys-color-shadow: #000000;
	--md-sys-color-surface-tint: var(--md-sys-color-surface-tint-dark);
	--md-sys-color-outline-variant: #DBDFE9;
	--md-sys-color-scrim: var(--md-sys-color-scrim-dark);

	--md-sys-color-on-surface-rgb: 28 27 31;
	--md-sys-color-shadow-rgb: 0 0 0;

	--shell-color: black;
	--shell-background-color: whitesmoke;

	--shell_tabopen-color: black;
	--shell_tabopen-background-color: white;

	--alternate_rows-color: inherit;
	--alternate_rows-background-color: whitesmoke;

	/* HEADER */
	--color-header: #1C1B1F;
	--text-on-header: #ffffff;

	/* CAPTION */
	--caption-color: #000000;
	--caption-background-color: #e7e7e7;

	--unigea-background-sidebar: whitesmoke;
}

.uni--theme-legacyblue {
	/* light */
	--md-sys-color-primary: #0266CC;
	--md-sys-color-on-primary: #FFFFFF;
	--md-sys-color-primary-container: #0266CC;
	--md-sys-color-on-primary-container: #FFFFFF;
	--md-sys-color-secondary: var(--md-sys-color-secondary-dark);
	--md-sys-color-on-secondary: var(--md-sys-color-on-secondary-dark);
	--md-sys-color-secondary-container: #F5F7FA;
	--md-sys-color-on-secondary-container: #000000;
	--md-sys-color-tertiary: var(--md-sys-color-tertiary-dark);
	--md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-dark);
	--md-sys-color-tertiary-container: #aed0fb;
	--md-sys-color-on-tertiary-container: #000000;
	--md-sys-color-error: #B3261E;
	--md-sys-color-on-error: #FFFFFF;
	--md-sys-color-error-container: #F9DEDC;
	--md-sys-color-on-error-container: #410E0B;
	--md-sys-color-outline: #757780;
	--md-sys-color-background: #FFFFFF;
	--md-sys-color-on-background: #1C1B1F;
	--md-sys-color-surface: #FFFFFF;
	--md-sys-color-on-surface: #1C1B1F;
	--md-sys-color-surface-variant: whitesmoke;
	--md-sys-color-on-surface-variant: #000000;
	--md-sys-color-inverse-surface: #000000;
	--md-sys-color-inverse-on-surface: whitesmoke;
	--md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-dark);
	--md-sys-color-shadow: #000000;
	--md-sys-color-surface-tint: var(--md-sys-color-surface-tint-dark);
	--md-sys-color-outline-variant: #DBDFE9;
	--md-sys-color-scrim: var(--md-sys-color-scrim-dark);

	--md-sys-color-on-surface-rgb: 28 27 31;
	--md-sys-color-shadow-rgb: 0 0 0;

	--shell-color: black;
	--shell-background-color: whitesmoke;

	--shell_tabopen-color: black;
	--shell_tabopen-background-color: white;

	--alternate_rows-color: inherit;
	--alternate_rows-background-color: whitesmoke;

	/* HEADER */
	--color-header: #00196b;
	--text-on-header: #ffffff;

	/* CAPTION */
	--caption-color: #000000;
	--caption-background-color: #E8EBF1;

	--unigea-background-sidebar: #F5F7FA;
}

/**********************************************************
 **********************************************************
 	SHELL
 **********************************************************
 **********************************************************/
html {
	width: 100%;
	height: 100%;
}

div:not(.frmcnrtlb).waitload * {
	cursor: wait;
}

body {
	font-family: var(--font-family-primary);
	color: var(--shell-color);
	background-color: var(--shell-background-color);
	/*font-size: 10px;*/
	overflow: auto;
	width: 100%;
	height: 100%;
	align-items: center;
	display: flex;
	justify-content: center;
	overscroll-behavior: contain;
}

#application {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: max-content auto max-content;
	width: 100%;
	height: 100%;
	margin: auto;
	font-size: 1em;
	overflow: hidden;
}

#header {
	grid-row: 1;
	height: 3.7em;
}

#header:not(.hidden) {
	display: grid;
	grid-template-columns: 1fr max-content;
	justify-content: space-between;
}

/* TABS CONTAINER */
#dktapp {
	display: flex;
	flex-wrap: nowrap;
	overflow-y: auto;
	align-items: center;
	gap: 0.3em;
	padding: 0 0.3em;
	height: 100%;
}

/* BUTTON TAB STACK */
button.appbtn {
	box-sizing: border-box;
	color: var(--shell-color);
	background-color: var(--shell-background-color);
	height: calc(100% - 0.6em);
	width: 15em;
	padding-right: 0.5em;
	padding-left: 2.5em;
	background-size: 1.8em 1.8em;
	background-position: left 0.35em center;
	background-image: var(--icon-home-on-void);
	background-repeat: no-repeat;
	border-radius: var(--default-border-radius);
	margin: unset;
	text-align: left;
	transition: all 0.5s ease;
}

/* BUTTON TAB STACK ACTIVE */
button.appbtnopn {
	color: var(--shell_tabopen-color);
	background-color: var(--shell_tabopen-background-color);
	box-shadow: var(--md-sys-elevation-2);
}

/* BUTTON TAB STACK CONTAINER */
div.appbtncnt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0.2em;
	width: 100%;
	height: 100%;
}

/* STACK TITLE */
.stktle {
	font-weight: 600;
	font-size: 1.10em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100%);
	/* this trick makes text-overflow works https://stackoverflow.com/questions/17779293/css-text-overflow-ellipsis-not-working */
}

/* STACK AZIENDA */
.stkazn {
	font-size: 0.90em;
	font-style: italic;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100%);
	/* this trick makes text-overflow works https://stackoverflow.com/questions/17779293/css-text-overflow-ellipsis-not-working */
}

/**
	DESKTOP MENU
 **/
#dktmnu {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	min-width: max-content;
	padding: 0.3em 0.3em;
	gap: 0.5em;
}

button.dktmnubtn {
	color: var(--shell-color);
	background-color: var(--shell-background-color);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 3.5em;
	box-sizing: border-box;
	margin: unset;
	border-radius: var(--default-border-radius);
	transition: all 0.5s ease;
}

button.dktmnubtn>span {
	font-size: 3em;
}

/**
	CONTENT AREA
 **/
#content {
	display: grid;
	width: auto;
	height: auto;
	font-size: 1.2em;
	grid-row: 2;
	color: inherit;
	background-color: inherit;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: var(--default-border-radius);
}

/**
	BRAND AREA
 **/
#brandArea {
	grid-row: 3;
}

#brandArea:not(.hidden) {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	padding: 0.1em;
	font-size: 1.2em;
}

/* Logo Area */
#logo {
	display: flex;
	align-items: center;
}

/* Utility */
#utility {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 15em;
}

/* Skin setter */
#skinsetlayout {
	width: 15em;
	height: 100%;
	text-align: center;
	display: flex;
	flex-direction: column-reverse;
	position: relative;
}

#skinset {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	cursor: pointer;
}

#skincontainer {
	background-color: var(--md-sys-color-surface-variant);
	color: var(--md-sys-color-on-surface-variant);
	box-shadow: var(--md-sys-elevation-4);
	z-index: 10000;
	border-radius: var(--default-border-radius);
	position: absolute;
	width: 100%;
	padding: 0.5em;
}

#skinlist {
	font-size: 1.1em;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}

#skinlist>li>a:hover {
	font-weight: 600;
}

.skin {
	color: var(--md-sys-color-on-surface);
}

/* TIME */
#dkttime {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: auto;
	color: var(--md-sys-color-on-surface-variant);
	cursor: pointer;
}

/* CALENDAR */
#dkttimecalendar {
	position: absolute;
	bottom: 3em;
	right: 1em;
	text-align: center;
	z-index: 10000;
	box-shadow: var(--md-sys-elevation-4);
	font-size: 0.8em;
}

/*********************************************************
 *********************************************************
  TOOLBAR
 *********************************************************
 *********************************************************/

/* Toolbar container */
div.frmcnrtlb {
	z-index: 10000;
	grid-column: 1;
	grid-row: 1;
	display: grid;
}

/* Toolbar panel */
div.frmpantlb {
	grid-column: 1;
	grid-row: 1;
	position: relative;
	/* IMPORTANTE */
	height: 100%;
	width: 100%;
	overflow: auto;
}

/* Toolbar form */
form.frmtlb {
	position: absolute;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
	background-color: transparent;
	overflow: auto;
}

div.tlbbox {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	height: 5.6em;
	padding: 0 1.6em;
	border-radius: 2.4em;
}

label.tlbicon {
	font-size: 2.4em;
	margin: unset;
	display: inline-flex;
	align-items: center;
	padding-right: 0.5em;
	height: 100%;
	color: inherit;
}

button.tlbbtn {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	color: inherit;
	background-color: inherit;
	width: 100%;
	font-size: 2.4em;
	margin: unset;
	height: 100%;
}

/* message to read */
button.msgtoread {
	color: var(--md-sys-color-on-error);
	background-color: var(--md-sys-color-error);
}

.msgtoread {
	color: var(--md-sys-color-on-error);
	background-color: var(--md-sys-color-error);
}

/*********************************************************
 *********************************************************
  CONNECTION CONTROLLER
 *********************************************************
 *********************************************************/

/* CNN container */
div.frmcnrcnn {
	height: 100%;
	width: 100%;
}

/*********************************************************
 *********************************************************
  APPLICATION
 *********************************************************
 *********************************************************/

/* Container */
div.frmcnr {
	display: grid;
	grid-column: 1;
	grid-row: 1;
}

/* Container 100% */
div.frmcnrfull {
	height: 100%;
	width: 100%;
}

/* Container 85% */
div.frmcnr85 {
	position: relative;
	top: 7.5%;
	left: 7.5%;
	height: 84.5%;
	width: 84.8%;
	font-size: 0.85em;
	box-shadow: var(--md-sys-elevation-4);
}

/* Container 75% */
div.frmcnr75 {
	position: relative;
	top: 12.5%;
	left: 12.5%;
	height: 75%;
	width: 75%;
	font-size: 0.75em;
	box-shadow: var(--md-sys-elevation-4);
}

/* Container 50% */
div.frmcnr50 {
	position: relative;
	top: 25%;
	left: 25%;
	height: 50%;
	width: 50%;
	font-size: 0.50em;
	box-shadow: var(--md-sys-elevation-4);
}

/* distorsione */
div.frmcnr_skew_left {
	-ms-transform: skew(-10deg, -10deg);
	-moz-transform: skew(-10deg, -10deg);
	-webkit-transform: skew(-10deg, -10deg);
	-o-transform: skew(-10deg, -10deg);
	transform: skew(-10deg, -10deg);
}

/* ERRORE php */
div.erx {
	position: absolute;
	top: 2em;
	left: 0%;
	padding: 0 4px;
	height: calc(100% - 2em);
	width: calc(100% - 8px);
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
	font-size: 1.1em;
}

/* Form panel */
div.frmpan {
	grid-column: 1;
	grid-row: 1;
	position: relative;
	height: 100%;
	width: 100%;
	/*background-color: var(--unico-background-shadow);*/
	overflow: auto;
}

/* Form panel protection */
div.frmpanprt {
	position: absolute;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
}

/* Form */
form.frm {
	position: absolute;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
	border-radius: var(--default-border-radius);
	overflow: auto;
}

/* Form window */
form.frmwin {
	overflow: visible;
}

/* Form window 50% */
form.frmwin50 {
	top: 25%;
	left: 25%;
	height: 50%;
	width: 50%;
	box-shadow: var(--md-sys-elevation-3);
	overflow: visible;
	border: thin solid var(--md-sys-color-outline-variant);
}

/* Form window 75% */
form.frmwin75 {
	top: 12.5%;
	left: 12.5%;
	height: 75%;
	width: 75%;
	box-shadow: var(--md-sys-elevation-5);
	overflow: visible;
	border: thin solid var(--md-sys-color-outline-variant);
}

/*********************************************************
 *********************************************************
  RICHEDITOR
 *********************************************************
 *********************************************************/

div.richeditor ol {
	display: block;
	list-style-type: decimal;
	margin: 1em;
	padding: 1em;
	font-size: 1em;
}

div.richeditor ul {
	display: block;
	list-style-type: disc;
	margin: 1em;
	padding: 1em;
	font-size: 1em;
}

div.richeditor h1 {
	font-size: 2em;
	font-weight: 600;
}

div.richeditor h2 {
	font-size: 1.5em;
	font-weight: 600;
}

div.richeditor h3 {
	font-size: 1.10em;
	font-weight: 600;
}

/*********************************************************
 *********************************************************
  APPLICATION HEADER
 *********************************************************
 *********************************************************/

/* SERVICE AREA */
.hsa {
	display: none;
}

/* PARMS AREA */
.hpr {
	display: none;
}

/* HHD header programma */
div.hhd {
	position: sticky;
	top: 0%;
	left: 0%;
	color: var(--text-on-header);
	background-color: var(--color-header);
	width: 100%;
	height: 2em;
	border-top-right-radius: var(--default-border-radius);
	border-top-left-radius: var(--default-border-radius);
	z-index: 1;
	display: flex;
	justify-content: space-between;
	border-bottom: thin solid var(--md-sys-color-outline-variant);
	border-top: thin solid var(--md-sys-color-outline-variant);
	box-sizing: border-box;
}

div.hhdleft,
div.hhdright {
	display: flex;
	flex-flow: row;
	align-items: center;
}

div.hhdleft {
	padding-left: var(--default-margin-right);
	flex-grow: 1;
}

.winbox div.hhd {
	background-color: transparent;
	height: 0;
}

.winbox div.hhdleft {
	visibility: hidden;
}

.winbox div.hhd button.btnreturn,
.winbox div.hhd button.btnend,
.winbox div.hhd button[name*="hhdrtnbtn" i],
.winbox div.hhd button[name*="hhdendbtn" i] {
	width: 2em;
	height: 2em;
	background-color: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	border-radius: 50%;
	margin-right: -1em;
}

.winbox div.hhd button.btnreturn,
.winbox div.hhd button.btnend {
	background-image: var(--icon-cancel-on-void);
}

/* hhd button list */
ul.hhdbtnlst {
	height: 100%;
	display: flex;
	align-items: center;
}

ul.hhdbtnlst li {
	display: flex;
	align-items: center;
}

/*********************************************************
 *********************************************************
	FOOTER
 *********************************************************
 *********************************************************/

/* Footer */
div.footer {
	position: absolute;
	bottom: -2em;
	left: 0%;
	height: 2em;
	width: 100%;
	overflow: hidden;
}

/* Footer right */
div.footerright {
	display: flex;
	flex-flow: row;
	align-items: center;
	float: right;
	height: 100%;
}

/*********************************************************
 *********************************************************
		HTX: TABS
 *********************************************************
**********************************************************/

/* htx container tabs */
.htx {
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
	display: grid;
	grid-template-rows: max-content auto;
	overflow: auto;
}

/* htxbar barra tabs */
.htxbar {
	background-color: var(--md-sys-color-surface);
	color: var(--md-sys-color-on-surface);
	grid-row: 1;
	height: 2.4em;
	display: flex;
	flex-direction: row;
	align-items: center;
	overflow: auto;
	border-bottom: thin solid var(--md-sys-color-outline-variant);
}

/* container tab */
div.htxcontainer {
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
	grid-row: 2;
	display: grid;
}

/* pannello singolo tab */
div.htxdiv {
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
	display: inline-block;
	width: 100%;
}

/* pannello singolo tab */
div.tabs {
	position: absolute;
	top: 6%;
	left: 0%;
	height: 93%;
	width: 99.3%;
}

/* tabs button */
button.frmbtntab {
	background-color: var(--md-sys-color-surface);
	color: var(--md-sys-color-on-surface);
	font-weight: 500;
	height: 100%;
	min-width: 10em;
	display: inline-flex;
	gap: 0.4em;
	align-items: center;
	justify-content: center;
	margin: unset;
	box-sizing: border-box;
	border-top: 0.2em solid var(--md-sys-color-surface);
	border-bottom: 0.2em solid var(--md-sys-color-surface);
}

/* tabs button open*/
button.frmbtntabopen {
	color: var(--md-sys-color-primary);
	border-bottom: 0.2em solid var(--md-sys-color-primary);
}

/* tabs button list */
ul.htxbtnlst {
	position: absolute;
	top: 0%;
	left: 0.5%;
	color: inherit;
	text-align: center;
	display: inline;
}

/* tabs button display in line */
ul.htxbtnlst li {
	display: inline;
}

/*********************************************************
 *********************************************************
		HCX: CHART
 *********************************************************
 *********************************************************/

/* hcx container chart */
div.hcx {
	border: thin solid transparent;
	box-sizing: border-box;
}

/*********************************************************
 *********************************************************
		HBX/HFX: PANNELLI
 *********************************************************
 *********************************************************/

/* hbx box generico */
div.hbx {
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
	border-radius: var(--default-border-radius);
	border: thin solid var(--md-sys-color-outline-variant);
}

/* hbxinput box generico */
div.hbxinput {
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
	border-radius: var(--default-border-radius);
	border: thin solid var(--md-sys-color-on-surface-variant);
}

/* hfx container table */
div.hfx {
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
}

div.hfxevidence {
	border-radius: var(--default-border-radius);
	border: none;
	background-color: inherit;
	color: inherit;
}

/*********************************************************
 *********************************************************
		HAX: ACCORDITION
 *********************************************************
 *********************************************************/

/* hax container accordition */
div.hax {
	display: flex;
	flex-direction: column;
	color: var(--md-sys-color-on-surface-variant);
	background-color: var(--md-sys-color-surface-variant);
	border: thin solid var(--md-sys-color-on-surface-variant);
	box-sizing: border-box;
}

div.haxdiv {
	width: 100%;
	height: 100%;
}

/*********************************************************
 *********************************************************
		HOX: overflow area
 *********************************************************
 *********************************************************/

/* hox: overflow auto area */
div.hox {
	position: absolute;
	top: 05%;
	left: 21%;
	width: 100%;
	height: 100%;
	overflow: auto;
}

/*********************************************************
 *********************************************************
		HPX: splitter
 *********************************************************
 *********************************************************/

/* hpx: splitter */
div.hpx {
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	overflow: hidden;
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
}

/* splitleft: splitter left*/
div.splitleft {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 50%;
	height: 100%;
	overflow: hidden;
	color: inherit;
	background-color: transparent;
}

/* splitright: splitter right*/
div.splitright {
	position: absolute;
	top: 0%;
	left: 50%;
	width: 50%;
	height: 100%;
	overflow: hidden;
	color: inherit;
	background-color: transparent;
}

div.hrx {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

/*********************************************************
 *********************************************************
		HSX: grid
 *********************************************************
 *********************************************************/

/* hsx: scrollbar container */
div.hsx {
	position: absolute;
	top: 5%;
	left: 21%;
	width: 40%;
	height: 92%;
	overflow: visible;
}

/* hsgx: area dati grid */
div.hsgx {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* hgx: area dati gid: no scrollbar */
div.hgx {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* vertical scrollbar */
div.hsxvs {
	position: absolute;
	top: 11%;
	right: 0.38em;
	height: 83%;
	overflow-x: hidden;
	overflow-y: auto;
	width: var(--default-scroll-size);
}

div.hsxvsdim {
	position: absolute;
	top: 0%;
	left: 0%;
	width: var(--default-scroll-size);
	height: 100%;
	min-height: 1px;
}

/* horizontal scrollbar */
div.hsxos {
	position: absolute;
	bottom: 0.38em;
	left: 3%;
	width: 90%;
	overflow-y: hidden;
	overflow-x: auto;
	height: var(--default-scroll-size);
}

div.hsxosdim {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: var(--default-scroll-size);
}

/*********************************************************
 *********************************************************
		CONTAINER GRAFICI
 *********************************************************
 *********************************************************/

/* container */
div.frmcnrgraph {
	position: absolute;
	top: 50%;
	left: 10%;
	height: 50%;
	width: 50%;
	background-color: var(--md-sys-color-surface-variant);
	border: thin solid var(--md-sys-color-on-surface-variant);
	border-radius: var(--default-border-radius);
}

/*********************************************************
 *********************************************************
		HMX: Messaggi engine
 *********************************************************
**********************************************************/

/* container */
div.hmx {
	position: absolute;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	overflow: visible;
	z-index: 999;
	display: flex;
	align-items: center;
}

div.hmxbox {
	height: 70%;
	width: 50%;
	min-height: 140px;
	min-width: 240px;
	max-height: 220px;
	max-width: 500px;
	color: var(--md-sys-color-on-surface-variant);
	background-color: var(--md-sys-color-surface-variant);
	border-radius: var(--default-border-radius);
	font-size: 1.2em;
	overflow: visible;
	margin: auto;
	box-shadow: var(--md-sys-elevation-3);
	display: grid;
	grid-auto-columns: 1fr;
	grid-template-rows: auto max-content;
	padding: 0.4em;
	gap: 0.4em;
}

div.hmxmsg {
	background-color: var(--md-sys-color-surface);
	color: var(--md-sys-color-on-surface);
	border-radius: var(--default-border-radius);
	overflow: auto;
	padding: 0.25em;
	display: flex;
	flex-direction: column;
}

div.hmxmsgtxt {
	min-height: 60%;
	padding: 0.1em;
}

div.hmxlvl {
	width: 100%;
	height: 1.5em;
	color: var(--md-sys-color-on-surface-variant);
	background-color: var(--md-sys-color-surface-variant);
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0.1em;
	box-sizing: border-box;
}

div.hmxlvlleft {
	font-weight: 600;
	flex-grow: 1;
}

div.hmxlvlright {
	font-style: italic;
}

div.hmxact {
	border-top: thin solid var(--md-sys-color-on-surface-variant);
}

div.hmxbar {
	display: flex;
	justify-content: flex-end;
	gap: 0.4em;
	border-radius: var(--default-border-radius);
}

div.hmxbar>button.frmbtntxt {
	color: var(--md-sys-color-on-primary);
	background-color: var(--md-sys-color-primary);
	margin: 0;
}

/*********************************************************
 *********************************************************
 	CAPTION
 *********************************************************
 *********************************************************/

/* caption */
caption {
	text-align: left;
	height: 2em;
	margin-bottom: 0.2em;
	overflow: visible;
	vertical-align: middle;
}

div.hsgx caption.h1x,
div.hsgx caption.h1xlight,
div.hsgx caption.h1xevidence {
	position: absolute;
	left: 0%;
}

/* h1x caption */
caption.h1x {
	color: var(--caption-color);
	background-color: var(--caption-background-color);
}

caption.h1xlight {
	color: var(--caption-color);
	background-color: var(--caption-background-color);
}

caption.h1xevidence {
	color: var(--caption-color);
	background-color: var(--caption-background-color);
}

/* hfx caption */
caption.hfxcaption {
	color: var(--caption-color);
	background-color: var(--caption-background-color);
}

caption.hfxcaptionlight {
	color: var(--caption-color);
	background-color: var(--caption-background-color);
}

caption.hfxcaptionheader {
	color: var(--caption-color);
	background-color: var(--caption-background-color);
}

caption.hfxcaptionevidence {
	color: var(--caption-color);
	background-color: var(--caption-background-color);
}

/* hfx caption */
div.hfxcaption {
	height: 2em;
	color: var(--caption-color);
	background-color: var(--caption-background-color);
	margin-bottom: 0.2em;
	overflow: visible;
	width: 100%;
	display: flex;
	align-items: center;
}

/* caption left */
div.captionleft {
	display: flex;
	flex-flow: row;
	align-items: center;
	float: left;
	height: 100%;
	padding-left: var(--default-margin-right);
}

/* caption right */
div.captionright {
	display: flex;
	flex-flow: row;
	align-items: center;
	float: right;
	height: 100%;
	min-width: 1em;
}

/* caption button list */
ul.h1xbtnlst {
	float: right;
	color: inherit;
	text-align: center;
	height: 100%;
	display: flex;
	align-items: center;
}

/* caption button list option */
ul.h1xbtnlst li {
	display: inline;
}

/*********************************************************
 *********************************************************
	TABLE
 *********************************************************
 *********************************************************/

/* table */
table {
	border-collapse: collapse;
	border-spacing: 0;
	white-space: nowrap;
}

/* th header columns cell */
th {
	text-align: left;
}

tr,
td,
th {
	line-height: 1.7em;
	height: 1.1em;
}

form:not(.frm5250) td>*:not(.ui-datepicker-trigger),
form:not(.frm5250) th>*:not(.ui-datepicker-trigger) {
	margin-right: var(--default-margin-incell);
	margin-left: var(--default-margin-incell);
}

/*********************************************************
 *********************************************************
	TABLE GRID
 *********************************************************
 *********************************************************/

/* hgxtbl: table grid */
table.hgxtbl {
	position: absolute;
	top: 0%;
	left: 0%;
	height: 100%;
	table-layout: fixed;
}

table.bordergrid td:not(.bordersidetransparent),
table.bordergrid th:not(.bordersidetransparent) {
	border-right: thin inset var(--md-sys-color-outline-variant);
	border-bottom: thin inset var(--md-sys-color-outline-variant);
}

table.bordergridrow tr:not(.borderbottomblind) {
	border-bottom: thin inset var(--md-sys-color-outline-variant);
}

thead.bordertop {
	border-top: thin solid var(--md-sys-color-outline-variant);
}

table.hgxtbl thead {
	position: absolute;
	top: 2em;
	height: max-content;
	text-align: left;
	color: var(--alternate_rows-color);
	background-color: var(--alternate_rows-background-color);
}

/* Tbody */
table.hgxtbl tbody,
table.hgxtblevidence tbody {
	position: absolute;
	top: 6em;
	border-top: none;
	border-bottom: none;
	left: 0%;
	overflow: hidden;
}

table.hgxtbl:has(tfoot:not(.hidden)) tbody,
table.hgxtblevidence tbody {
	background-color: var(--md-sys-color-surface);
}

table.hgxtbl tbody.bordertop {
	border-top: thin solid var(--md-sys-color-outline-variant);
}

/* Tbody righe alternate */
div.hgx tbody tr:not(.TbodyRowZebra):not(.TbodyRowEvidence):not(.bkgevatt):not(.bkgeverr),
div.hsgx tbody tr:not(.TbodyRowZebra):not(.TbodyRowEvidence):not(.bkgevatt):not(.bkgeverr) {
	background-color: var(--md-sys-color-surface);
	color: var(--md-sys-color-on-surface);
}

div.hgx tbody:not(.nozebra) tr:nth-child(even):not(.TbodyRowEvidence):not(.bkgevatt):not(.bkgeverr),
div.hsgx tbody:not(.nozebra) tr:nth-child(even):not(.TbodyRowEvidence):not(.bkgevatt):not(.bkgeverr) {
	color: var(--alternate_rows-color);
	background-color: var(--alternate_rows-background-color);
}

div.hgx tbody tr.TbodyRowZebra:not(.TbodyRowEvidence),
div.hsgx tbody tr.TbodyRowZebra:not(.TbodyRowEvidence) {
	color: var(--alternate_rows-color);
	background-color: var(--alternate_rows-background-color);
}

div.hgx tbody tr.TbodyRowEvidence,
div.hsgx tbody tr.TbodyRowEvidence {
	background-color: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
}

/* Tfoot */
table.hgxtbl tfoot {
	position: absolute;
	bottom: 2em;
	height: 2em;
	color: var(--md-sys-color-on-secondary-container);
	background-color: var(--md-sys-color-secondary-container);
}

table.hgxtbl tfoot.light {
	color: var(--md-sys-color-on-secondary-container);
	background-color: var(--md-sys-color-secondary-container);
}

/*********************************************************
 *********************************************************
	TR - TD - TH
 *********************************************************
 *********************************************************/
th.dragcol {
	width: 100%;
	height: 100%;
}

tr.bordertop,
td.bordertop,
th.bordertop {
	border-top: thin solid var(--md-sys-color-outline-variant);
}

tr.underline,
tr.borderbottom,
td.borderbottom,
th.borderbottom {
	border-bottom: thin solid var(--md-sys-color-outline-variant);
}

tr.bordertopblind {
	border-top: thin solid transparent;
}

tr.borderbottomblind,
td.borderbottomtransparent,
th.borderbottomtransparent {
	border-bottom: thin solid transparent;
}

td.borderside,
th.borderside {
	border-right: thin solid var(--md-sys-color-outline-variant);
}

td.bordersidetransparent,
th.bordersidetransparent {
	border-right: thin solid transparent;
}

td.evatt,
th.evatt {
	background-color: rgba(255, 215, 0, 0.2);
}

td.evok,
th.evok {
	background-color: rgba(255, 215, 0, 0.2);
}

td.everr,
th.everr {
	background-color: rgba(0, 255, 0, 0.2);
}

tr.bckcolor1 {
	background-color: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
}

tr.bckcolor2 {
	background-color: var(--md-sys-color-surface-variant);
	color: var(--md-sys-color-on-surface-variant);
}

tbody.collapse1 tr.bckcolor2 {
	background-color: var(--md-sys-color-surface);
	color: var(--md-sys-color-on-surface);
}

tr.bckcolor3 {
	background-color: var(--md-sys-color-surface-variant);
	color: var(--md-sys-color-on-surface-variant);
}

/*********************************************************
 *********************************************************
  BUTTON
 *********************************************************
 *********************************************************/

button {
	margin-right: var(--default-margin-right);
	font-size: 1em;
	border: none;
	cursor: pointer;
	vertical-align: middle;
	box-sizing: border-box;
}

/** NUOVE CLASSI PER COMPATIBILITà CON PASSATO **/
button.unico-frmbtntxtleftico,
button.unico-frmbtntxtrightico {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	color: var(--md-sys-color-on-primary-container);
	background-color: var(--md-sys-color-primary-container);
	border-radius: var(--default-border-radius);
	font-weight: 600;
	gap: 0.25em;
	/* serve per sistemare alcuni casi */
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0 0.2em;
	height: var(--unico-buttonsize);
}

button.unico-frmbtntxtleftico {
	flex-direction: row-reverse;
	padding-right: 0.5em;
	justify-content: flex-end;
}

button.unico-frmbtntxtrightico {
	flex-direction: row;
	padding-left: 0.5em;
}

/** FINE NUOVE CLASSI PER COMPATIBILITà CON PASSATO **/

button.frmbtntxtleftico,
button.frmbtntxtopnico,
button.frmbtntxtrightico,
button.frmbtntxt,
button.frmbtntxttd {
	height: var(--unico-buttonsize);
	border-radius: var(--default-border-radius);
}

button.frmbtn,
button.btnspace {
	height: var(--unico-buttonsize);
	width: var(--unico-buttonsize);
	border-radius: var(--default-border-radius);
}

div.hhd,
div.footer {
	--unico-buttonsize: 1.7em;
}

div.hhd button[name*="hhdrtnbtn" i],
div.hhd button[name*="hhdendbtn" i],
div.hhd button[name*="hhdsave" i],
div.hhd button[name*="hhdsbm" i] {
	width: 4em;
}

/* ACCORDITION */
button.accbtn {
	width: 100%;
	background-color: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
	border-radius: unset;
}

button.frmbtntxtleftico,
button.frmbtntxtopnico,
button.frmbtntxtrightico {
	font-weight: 600;
	padding-right: 1em;
	padding-left: 2em;
	vertical-align: middle;
	text-overflow: ellipsis;
	overflow: hidden;
	color: var(--md-sys-color-on-primary-container);
	background-color: var(--md-sys-color-primary-container);
	background-size: 1.5em 1.5em;
	background-repeat: no-repeat;
}

/* form button */
button.frmbtntxtleftico {
	text-align: right;
	background-position: left;
	background-image: var(--icon-left-on-primary);
}

button.frmbtntxtleftico:focus {
	background-image: var(--icon-left-on-focus);
}

button.frmbtntxtleftico[disabled] {
	background-image: var(--icon-left-on-disabled);
}

button.frmbtntxtopnico {
	text-align: right;
	background-position: left;
	background-image: var(--icon-open-on-primary);
}

button.frmbtntxtopnico:focus {
	background-image: var(--icon-open-on-focus);
}

button.frmbtntxtopnico[disabled] {
	background-image: var(--icon-open-on-disabled);
}

button.frmbtntxtrightico {
	text-align: left;
	background-position: right;
	background-image: var(--icon-right-on-primary);
}

button.frmbtntxtrightico:focus {
	background-image: var(--icon-right-on-focus);
}

button.frmbtntxtrightico[disabled] {
	background-image: var(--icon-right-on-disabled);
}

/* form button text */
button.frmbtntxt {
	padding-right: 5px;
	padding-left: 5px;
	background-color: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	vertical-align: middle;
	text-align: center;
	font-weight: 600;
	text-overflow: ellipsis;
	overflow: hidden;
	background-size: 1.5em 1.5em;
}

button.frmbtntxt3d {
	background: linear-gradient(to bottom, var(--md-sys-color-on-primary-container) 1%, var(--md-sys-color-primary) 99%);
}

button.frmbtntxt3dheavy {
	background: linear-gradient(to bottom, var(--md-sys-color-on-primary-container) 1%, var(--md-sys-color-primary-container) 99%);
}

/* form button text for td (celle) */
button.frmbtntxttd {
	background-color: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
	vertical-align: middle;
	text-align: center;
	font-weight: 600;
	width: var(--unico-buttonsize);
}

/* form button */
button.frmbtn {
	color: var(--md-sys-color-on-primary-container);
	background-color: var(--md-sys-color-primary-container);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	vertical-align: middle;
}

button.frmbtn[style*="background-color : transparent;" i]:not([disabled]),
button.frmbtn[style*="background-color: transparent;" i]:not([disabled]),
button.frmbtn[style*="background-color :transparent;" i]:not([disabled]),
button.frmbtn[style*="background-color:transparent;" i]:not([disabled]) {
	color: inherit;
}

/* calculator */
button.frmbtncalc {
	background-color: transparent;
	color: var(--md-sys-color-on-surface);
	box-shadow: var(--md-sys-elevation-1);
}

/* splitter expand or collapse button */
button.splitbtngo,
button.splitbtngo[disabled]:not(.notopacity) {
	background-color: var(--md-sys-color-surface-variant);
	color: var(--md-sys-color-on-surface-variant)
}

/* header button */
button.hhdbtn {
	width: 4em;
	height: var(--unico-buttonsize);
	color: var(--md-sys-color-on-primary-container);
	background-color: var(--md-sys-color-primary-container);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	border-radius: var(--default-border-radius);
}

/* Cancel  bt_cancel.png */
button.btncancel {
	background-image: var(--icon-cancel-on-primary);
	border-radius: 50%;
	width: var(--unico-buttonsize);
	height: var(--unico-buttonsize);
	position: absolute;
	top: -0.9em;
	right: -1.3em;
}

button.btncancel:focus {
	background-image: var(--icon-cancel-on-primary);
}

button.btncancel[disabled] {
	background-image: var(--icon-cancel-on-disabled);
}

div.hbx.boxshadow button.btncancel,
div.hbxinput.boxshadow button.btncancel {
	z-index: 1;
}

/* Flag ita */
button.btnflgita {
	background-image: url(../img/gea/unico/bt_flgita.png);
	background-color: transparent;
}

/* Flag ung */
button.btnflgung {
	background-image: url(../img/gea/unico/bt_flgung.png);
	background-color: transparent;
}

/* Flag germania */
button.btnflgger {
	background-image: url(../img/gea/unico/bt_flgger.png);
	background-color: transparent;
}

/* Flag spagna */
button.btnflgspa {
	background-image: url(../img/gea/unico/bt_flgspa.png);
	background-color: transparent;
}

/* Flag bulgaria */
button.btnflgbul {
	background-image: url(../img/gea/unico/bt_flgbul.png);
	background-color: transparent;
}

/* Flag ing */
button.btnflging {
	background-image: url(../img/gea/unico/bt_flging.png);
	background-color: transparent;
}

/* Flag pol */
button.btnflgpol {
	background-image: url(../img/gea/unico/bt_flgpol.png);
	background-color: transparent;
}

/* Flag francia */
button.btnflgfra {
	background-image: url(../img/gea/unico/bt_flgfra.png);
	background-color: transparent;
}

/* true bt_true.png */
button.btntrue {
	background-color: transparent;
	background-image: var(--icon-true);
}

/* false bt_false.png */
button.btnfalse {
	background-color: transparent;
	background-image: var(--icon-false);
}

/* space tree view */
button.btnspace {
	visibility: hidden;
	background-color: transparent;
}

button.btngreen {
	background-color: #00f100;
	background-image: linear-gradient(155deg, #adff2f 15%, #77fa1f 38%, #00f100 75%);
	border-radius: 50%;
}

button.btnred {
	background-color: #ff2525;
	background-image: linear-gradient(155deg, #ff9292 15%, #ff5b5b 38%, #ff2525 75%);
	border-radius: 50%;
}

button.btnyellow {
	background-color: #ffd700;
	background-image: linear-gradient(155deg, #fff09d 15%, #ffea00 38%, #ffd700 75%);
	border-radius: 50%;
}

button.btnorange {
	background-color: #ffa500;
	background-image: linear-gradient(155deg, #ffd300 15%, #ffa500 53%, #ff8C00 75%);
	border-radius: 50%;
}

/* form button wip */
button.trsapr,
button.trswip,
button.trsopr,
button.trswa,
button.trsao,
button.trswo,
button.trswao {
	border-radius: 50%;
	width: 1.35em;
	height: 1.35em;
	border: none;
	vertical-align: middle;
}

button.trsapr,
button.trsapr[disabled] {
	background-color: yellow;
}

button.trswip,
button.trswip[disabled] {
	background-color: orange;
}

button.trsopr,
button.trsopr[disabled] {
	background-color: lime;
}

button.trswa,
button.trswa[disabled] {
	background: linear-gradient(to right, orange, 35%, yellow);
}

button.trsao,
button.trsao[disabled] {
	background: linear-gradient(to right, yellow, 80%, lime);
}

button.trswo,
button.trswo[disabled] {
	background: linear-gradient(to right, orange, 70%, lime);
}

button.trswao,
button.trswao[disabled] {
	background: linear-gradient(to right, orange, yellow, lime);
}

button.error:not([disabled]):not(:focus):not(.unico-btn-transparent) {
	color: var(--md-sys-color-on-error);
	background-color: var(--md-sys-color-error);
}

/* handle disable for buttons */
button[disabled] {
	cursor: default;
	background-color: transparent;
	color: inherit;
}

button.frmbtn[disabled]:not(.notopacity) {
	filter: opacity(40%);
}

button.frmbtntxttd[disabled],
button.frmbtntxt[disabled] {
	box-shadow: var(--md-sys-elevation-0);
	/* background-color: rgb(var(--md-sys-color-on-surface-rgb) / 0.12); */
	background-color: var(--md-sys-color-outline-variant);
	color: rgb(var(--md-sys-color-on-surface-rgb) / 0.38);
}

button:not(.appbtn):not(.dktmnubtn):not(.tlbbtn):not(.frmbtntab):focus,
button:not(.appbtn):not(.dktmnubtn):not(.tlbbtn):not(.frmbtntab):focus-visible {
	filter: brightness(85%);
	outline: unset;
}

.unico--size-button {
	height: var(--unico-buttonsize);
	width: var(--unico-buttonsize);
}

/*********************************************************
 *********************************************************
		SELECT
 *********************************************************
 *********************************************************/
select {
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
	border-width: thin;
	border-style: solid;
	border-color: var(--md-sys-color-outline-variant);
	border-radius: var(--default-border-radius);
	box-sizing: border-box;
	cursor: pointer;
	font-size: 1em;
	margin-right: var(--default-margin-right);
	vertical-align: middle;
}

select[disabled] {
	cursor: default;
}

select:focus,
select:focus-visible {
	border-color: var(--md-sys-color-primary);
	outline: 1px solid var(--md-sys-color-primary);
}

select[disabled]:focus,
select[disabled]:focus-visible {
	border-color: var(--md-sys-color-primary-container);
	outline: unset;
}

/*********************************************************
 *********************************************************
		INPUT
 *********************************************************
 *********************************************************/
input {
	margin-right: var(--default-margin-right);
	font-size: 1em;
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
	border-width: thin;
	border-style: solid;
	border-color: var(--md-sys-color-outline-variant);
	border-radius: var(--default-border-radius);
	box-sizing: border-box;
	vertical-align: middle;
}

input[disabled]:not([type='checkbox']):not([type='radio']) {
	color: inherit;
	background-color: transparent;
	border: thin solid transparent;
}

input:not([type='checkbox']):not([type='radio']):focus,
input:not([type='checkbox']):not([type='radio']):focus-visible {
	border-color: var(--md-sys-color-primary);
	outline: 1px solid var(--md-sys-color-primary);
}

input[readonly]:not([type='checkbox']):not([type='radio']):focus,
input[readonly]:not([type='checkbox']):not([type='radio']):focus-visible {
	border-color: var(--md-sys-color-primary-container);
	outline: unset;
}

input.gantt {
	margin-right: 0em;
	margin-left: 0em;
	border: none;
	border-radius: 0px;
	background-color: var(--md-sys-color-surface);
	text-align: center;
	width: 1.5em;
}

input.gantthdeven {
	margin-right: 0em;
	margin-left: 0em;
	border: none;
	border-radius: 0px;
	background-color: var(--md-sys-color-surface);
	text-align: center;
	width: 1.5em;
}

input.gantthdodd {
	margin-right: 0em;
	margin-left: 0em;
	border: none;
	border-radius: 0px;
	color: var(--md-sys-color-on-surface);
	text-align: center;
	width: 1.5em;
}

input.clickMenu {
	padding-right: 1em;
	background: var(--icon-collapse-dark) no-repeat bottom right var(--md-sys-color-surface);
	background-size: 1em 1em;
}

input[readonly].clickMenu {
	padding-right: 1em;
	background: var(--icon-collapse-on-void) no-repeat bottom right;
	background-size: 1.3em 1.3em;
}

input.clickAct {
	padding-right: 1em;
	background: var(--icon-act-dark) no-repeat bottom right var(--md-sys-color-surface);
	background-size: 1em 1em;
}

input[readonly].clickAct {
	padding-right: 1em;
	background: var(--icon-act-on-void) no-repeat bottom right;
	background-size: 1.3em 1.3em;
}

input.datepicker {
	margin-right: var(--default-margin-right);
}

input.datepickerNoMargin {
	margin-right: 0em;
}

input.click {
	cursor: pointer;
}

input[readonly]:not(.gantt):not(.gantthdeven):not(.gantthdodd):not(.label):not(.bkgevatt):not(.bkgeverr):not(.bkgevok):not(.evatt):not(.everr):not(.evok):not(.color-everr):not(.ung-inout-ri):not(.ung-inout-ul) {
	color: inherit;
	background-color: transparent;
	border: thin solid transparent;
}

div.hsx input[data-xslt="0"].frmbtnsbmdbl,
div.hsx input[data-xslt=" 0"].frmbtnsbmdbl {
	background: var(--icon-sort_grid-on-void) no-repeat center right;
	background-size: 1em 1em;
	padding-right: 0.8em;
	margin-right: 0px;
}

div.hsx input[data-xslt="A"].frmbtnsbmdbl,
div.hsx input[data-xslt=" A"].frmbtnsbmdbl {
	background: var(--icon-sort_grid_ascend-on-void) no-repeat center right;
	background-size: 1em 1em;
	padding-right: 0.8em;
	margin-right: 0px;
}

div.hsx input[data-xslt="D"].frmbtnsbmdbl,
div.hsx input[data-xslt=" D"].frmbtnsbmdbl {
	background: var(--icon-sort_grid_descend-on-void) no-repeat center right;
	background-size: 1em 1em;
	padding-right: 0.8em;
	margin-right: 0px;
}

input.label,
input[readonly].label {
	color: inherit;
	background-color: transparent;
	font-weight: 600;
	border: thin solid transparent;
}

input.hhdlabel {
	color: inherit;
	background-color: transparent;
}

input.labelund,
input[readonly].labelund,
input[disabled].labelund {
	background-color: transparent;
	color: inherit;
	border: thin solid transparent;
	border-bottom: thin solid var(--md-sys-color-outline-variant);
	border-radius: 0;
}

input.labelund01,
input[readonly].labelund01,
input[disabled].labelund01 {
	background-color: transparent;
	color: inherit;
	border: thin solid transparent;
	border-bottom: thin solid var(--md-sys-color-outline-variant);
}

input.labelundTop,
input[readonly].labelundTop {
	background-color: transparent;
	color: inherit;
	border: thin solid transparent;
	border-top: thin solid var(--md-sys-color-outline-variant);
}

input.labelundTop01,
input[readonly].labelundTop01 {
	background-color: transparent;
	color: inherit;
	border: thin solid transparent;
	border-top: medium solid var(--md-sys-color-outline-variant);
}

input.hfxlabel {
	background-color: transparent;
	border-bottom: thin solid var(--md-sys-color-inverse-primary);
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

input.clickforsearch {
	color: var(--md-sys-color-on-primary);
	background-color: var(--md-sys-color-primary);
}

input[required],
input.required {
	border-bottom: 2px solid var(--color-required);
}

input.evempty,
button.evempty {
	border: thin dashed var(--md-sys-color-outline);
}

input.obb,
button.obb {
	border: thin dashed var(--md-sys-color-outline);
}

input.error,
select.error {
	color: var(--md-sys-color-on-error-container);
	background-color: var(--md-sys-color-error-container);
	border-color: var(--md-sys-color-error);
}

input.error:not([type='checkbox']):not([type='radio']):focus,
input.error:not([type='checkbox']):not([type='radio']):focus-visible,
select.error:focus {
	border-color: var(--md-sys-color-error);
	outline: 1px solid var(--md-sys-color-error);
}

.error {
	background-color: var(--md-sys-color-error-container);
	color: var(--md-sys-color-on-error-container);
}

/**********************************************************
  COLOR-EVERR
 **********************************************************/
.color-everr,
input.color-everr,
label.color-everr {
	color: var(--md-sys-color-error);
}

input.color-everr {
	font-weight: 600;
}

/**********************************************************
	EVERR
 **********************************************************/
input.everr,
button.everr,
select.everr {
	border: thin solid var(--md-sys-color-error);
}

.bkgeverr,
div.bkgeverr,
input.bkgeverr,
select.bkgeverr {
	background-color: var(--md-sys-color-error-container);
	color: var(--md-sys-color-on-error-container);
}

button.bkgeverr:not([disabled]):not(:focus):not(.unico-btn-transparent) {
	background-color: var(--md-sys-color-error);
	color: var(--md-sys-color-on-error);
}

/**********************************************************
  EVATT
 **********************************************************/
input.evatt,
button.evatt,
select.evatt {
	border: thin solid var(--color-highlight);
}

.bkgevatt,
div.bkgevatt,
input.bkgevatt,
select.bkgevatt,
button.bkgevatt:not([disabled]):not(:focus):not(.unico-btn-transparent) {
	background-color: var(--color-highlight);
	color: var(--color-on-highlight);
}

/**********************************************************
  EVOK
 **********************************************************/
input.evok,
button.evok,
select.evok {
	border: thin solid var(--color-correct);
}

.bkgevok,
div.bkgevok,
input.bkgevok,
select.bkgevok,
button.bkgevok:not([disabled]):not(:focus):not(.unico-btn-transparent) {
	background-color: var(--color-correct);
	color: var(--color-on-correct);
}

/**********************************************************
  CHECKBOX
 **********************************************************/
input[type="checkbox"] {
	cursor: pointer;
	vertical-align: middle;
	width: 1em;
	height: 1em;
}

input[type="checkbox"]:disabled {
	cursor: default;
}

input[type="checkbox"]:focus,
input[type="checkbox"]:focus-visible {
	outline: var(--md-sys-color-outline) auto thin;
}

input[type="checkbox"].error {
	outline: var(--md-sys-color-error) auto thin;
}

input[type="checkbox"].error+label {
	background-color: var(--md-sys-color-error);
}

/** checkbox unigea **/
input[type="checkbox"].ung-checkbox:not(.uni-checkbox--toradio) {
	width: 1.4em;
	height: 1.4em;
}

/** uni-checkbox--toradio **/
input[type="checkbox"].uni-checkbox--toradio {
	appearance: none;
	width: 1.2em;
	height: 1.2em;
	border-width: thin;
	border-style: solid;
	border-color: var(--md-sys-color-primary);
	border-radius: 50%;
}

input[type="checkbox"].uni-checkbox--toradio:checked {
	background-color: var(--md-sys-color-primary);
}

input[type="checkbox"].uni-checkbox--toradio:disabled {
	opacity: 50%;
}

/** uni-checkbox--toggle-minus-plus **/
input[type="checkbox"].uni-checkbox--toggle-minus-plus {
	appearance: none;
	border-width: thin;
	border-style: solid;
	border-color: var(--md-sys-color-outline-variant);
	border-radius: var(--default-border-radius);
	background-color: transparent;
	background-image: var(--icon-minus-on-void);
	background-size: contain;
	background-position: center;
}

input[type="checkbox"].uni-checkbox--toggle-minus-plus:checked {
	background-image: var(--icon-more-on-void);
}

input[type="checkbox"].uni-checkbox--toggle-minus-plus:disabled {
	opacity: 50%;
}

/** uni-checkbox--toggle-star **/
input[type="checkbox"].uni-checkbox--toggle-asterisk {
	appearance: none;
	border: none;
	background-color: transparent;
	background-image: none;
	background-size: contain;
	background-position: center;
}

input[type="checkbox"].uni-checkbox--toggle-asterisk:checked {
	background-image: var(--icon-asterisk-on-void);
}

input[type="checkbox"].uni-checkbox--toggle-asterisk:disabled {
	opacity: 50%;
}

/**********************************************************
  RADIOBUTTON
 **********************************************************/
input[type="radio"] {
	cursor: pointer;
	vertical-align: middle;
	width: 1em;
	height: 1em;
}

input[type="radio"]:disabled {
	cursor: default;
}

input[type="radio"]:focus,
input[type="radio"]:focus-visible {
	outline: var(--md-sys-color-outline) solid thin;
}

input[type="radio"].error {
	outline: var(--md-sys-color-error) solid thin;
}

/*********************************************************
 *********************************************************
		TEXTAREA
 *********************************************************
 *********************************************************/
textarea {
	font-size: 1em;
	color: var(--alternate_rows-color);
	background-color: var(--alternate_rows-background-color);
	border: thin solid var(--md-sys-color-outline-variant);
	border-radius: var(--default-border-radius);
	overflow: auto;
	resize: none;
	box-sizing: border-box;
}

textarea[readonly] {
	color: var(--md-sys-color-on-surface-variant);
	background-color: var(--md-sys-color-surface-variant);
}

textarea:focus,
textarea:focus-visible {
	border: thin solid var(--md-sys-color-primary);
	outline: thin solid var(--md-sys-color-primary);
}

textarea[readonly]:focus,
textarea[readonly]:focus-visible {
	border: thin solid var(--md-sys-color-primary-container);
	outline: unset;
}

/*********************************************************
 *********************************************************
		LABEL
 *********************************************************
 *********************************************************/
label {
	color: inherit;
	margin-right: var(--default-margin-right);
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
}

label[for] {
	cursor: pointer;
}

label.label {
	font-weight: 600;
}

label.labelblock {
	display: block;
}

label.labelblockund {
	display: block;
	text-decoration: underline;
}

label.labelund {
	text-decoration: underline;
}

label.labelund01 {
	text-decoration: underline;
}

label.uni-docgroup-label {
	color: #f00000;
}

label.uni-doctag-label {
	color: #0080ff;
	font-style: italic;
}

label.h1xlabel {
	color: inherit;
	vertical-align: middle;
}

label.hfxlabel {
	font-weight: 600;
}

label.hhdlabel {
	color: inherit;
	vertical-align: middle;
}

label.tle {
	color: inherit;
	vertical-align: middle;
}

.hhdtle {
	color: inherit;
	font-size: 1.3em;
}

.h1xtle {
	color: inherit;
	vertical-align: middle;
	font-style: inherit;
	font-weight: 600;
	font-size: 1.15em;
}

.hfxtle {
	color: inherit;
	vertical-align: middle;
	font-style: inherit;
	font-weight: 600;
	font-size: 1.15em;
}

p.hhdtle {
	color: inherit;
	float: left;
	text-align: center;
	font-size: 1.2em;
	font-weight: 600;
}

p.h1xtle {
	color: inherit;
	float: left;
	text-align: center;
	font-size: 1em;
}

/*********************************************************
 *********************************************************
 		CLASSI GENERICHE
 *********************************************************
 *********************************************************/
.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.monospace {
	font-family: var(--font-family-monospace);
}

.textright {
	text-align: right;
}

.textcenter {
	text-align: center;
}

.link {
	color: inherit;
}

.panelondemand {
	background-color: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.blind {
	display: none;
}

.blindSmartToolbar {
	display: none;
}

.stackhidden {
	display: none;
}

.novisible {
	visibility: hidden;
}

.emptytd,
input.emptytd {
	visibility: hidden;
	width: 18px;
	box-sizing: initial;
}

td.empty {
	width: 1em;
	height: 1.7em;
	border-left: thin none var(--md-sys-color-primary);
}

.ajaxloaderpan {
	background-color: var(--md-sys-color-surface);
	opacity: 0.5;
	position: absolute;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
	background-image: url(../img/gea/AjaxLoader/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center;
}

/* default for company */
button.uni--company-aznGroup {
	background-image: url(../img_custom/fav/unicloud-favicon-32x32.png);
}

button.uni--company-azs {
	background-image: url(../img/gea/unico/bt_home.png);
}

/* ajax loader */
button.ajaxloader {
	background-image: url(../img/gea/AjaxLoader/ajax-loader.gif);
}

.boxshadow {
	box-shadow: var(--md-sys-elevation-3);
}

/* container focus */
.cnrfcs {
	z-index: 500;
}

/* container focus */
.cnrfcsstr {
	z-index: 499;
}

.cnrfcsstrpan {
	z-index: 499;
}

/* helper resize */
.resizeHelper {
	background-color: var(--md-sys-color-surface-variant);
	border-right: medium solid var(--md-sys-color-on-surface-variant);
	opacity: 0.5;
}

.ui-menu {
	font-size: 0.9em;
	width: 20em;
}

/* menu di contesto */
ul.dynamicmenu {
	box-shadow: var(--md-sys-elevation-3);
}

/* cursore scrollbar */
.ui-slider .ui-slider-handle {
	cursor: default;
	height: 1.8em;
	width: 0.6em;
	position: absolute;
	z-index: 2;
}

/* datepicher button */
.ui-datepicker-trigger {
	vertical-align: middle;
	width: 1.6em;
	height: 1.4em;
	margin-left: -2.00em;
	margin-right: var(--default-margin-right);
}

.ui-datepicker-div {
	font-size: 0.9em
}

/* popupchoice */
.popupchoice {
	position: absolute;
	top: 0%;
	left: 0%;
	background-color: var(--md-sys-color-surface);
	border: thin solid var(--md-sys-color-on-surface-variant);
	box-shadow: var(--md-sys-elevation-4);
	overflow: auto;
	border-radius: var(--default-border-radius);
	max-width: 80%;
	max-height: 80%;
	padding: 0.5%;
}

/* action */
.act {
	background-color: transparent;
	border-radius: var(--default-border-radius);
	border: none;
	width: 1.0em;
	height: 1.0em;
	background-position: center;
	background-size: cover;
	font-size: 1em;
	background-repeat: no-repeat;
	margin-right: var(--default-margin-right);
}

/**********************************************************
 **********************************************************
  FORM DESIGNER
 **********************************************************
 **********************************************************/

/* mostra bordi per designer */
.showdesigner {
	border: thin solid var(--md-sys-color-primary);
	box-sizing: border-box;
}

/* mostra bordi per designer readonly */
.showdesignerreadonly {
	border: thin dashed var(--md-sys-color-primary);
	box-sizing: border-box;
}

/* mostra bordi per designer disabled */
.showdesignerdisabled {
	border: thin dotted var(--md-sys-color-primary);
	box-sizing: border-box;
}

/* nascondi bordi campi readonly/disabled per rendering */
.showdesignernoborder {
	border: 0;
}

div.showdesigner.hfx,
div.showdesigner.hsx,
div.showdesigner.hfxheader,
div.showdesigner.hfxbody,
div.showdesigner.hfxfooter,
div.showdesigner.htx,
div.showdesigner.htxbar,
div.showdesigner.htxcontainer,
div.showdesigner.htxdiv {
	box-sizing: border-box;
	min-height: 1em;
	min-width: 1em;
	border: thin solid var(--md-sys-color-primary);
}

div.hfx.showdesigner.unico--display-grid>* {
	border: thin solid var(--md-sys-color-primary);
}

th.showdesigner {
	min-width: 1.5em;
	min-height: 1.5em;
	border-left: thin none var(--md-sys-color-primary);
	box-sizing: border-box;
}

td.showdesigner {
	min-width: 1.5em;
	min-height: 1.5em;
	border-left: thin none var(--md-sys-color-primary);
	box-sizing: border-box;
}

.menudesigner .hhdright .menudesigner .footerright {
	min-width: 1.5em;
}

.menudesigner td.showdesigner,
.menudesigner:not(.winbox) div.hhdright,
.menudesigner div.captionright,
.menudesigner div.footerright {
	background-color: var(--designer-color-surface);
}

button.btnspace.menudesigner {
	visibility: visible;
	border: thin dashed var(--md-sys-color-primary);
}

.smarttoolbarcontainer {
	display: inline-flex;
	align-items: center;
	flex-direction: row-reverse;
	z-index: 99999;
}

.smarttoolbarbox {
	background-color: var(--md-sys-color-surface);
	color: var(--md-sys-color-on-surface);
	border: thin solid var(--md-sys-color-outline-variant);
	border-radius: 5px;
	overflow: hidden;
}

.smarttoolbarbox:not(.blind) {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}

.winbox div.smarttoolbarform[name*="hhddesignerform" i] {
	margin-right: 2.5em;
}

tr.showdesigner {
	height: 1.5em;
}

/**********************************************************
 **********************************************************
  ECCEZIONI TABLET
 **********************************************************
 **********************************************************/
form.frmtablet {
	font-size: 1.3em;
}

form.frmtablet button.frmbtn {
	font-size: 2.5em;
}

form.frmtablet button.frmbtntxt {
	font-size: 1.1em;
}

form.frmtablet button.hhdbtn,
form.frmtablet div.hhd button.frmbtn {
	font-size: 1.1em;
}

/**********************************************************
 **********************************************************
  ECCEZIONI SMARTPHONE
 **********************************************************
 **********************************************************/
/* form smartphone progettazione */
form.frmsmartphone {
	/*font-size: 2em;*/
	overflow: auto;
}

/**********************************************************
 **********************************************************
  CUSTOM TOOLTIP
 **********************************************************
 **********************************************************/
.ui-tooltip,
.arrow:after {
	background: var(--md-sys-color-surface);
	border: thin solid var(--md-sys-color-outline-variant);
}

.ui-tooltip {
	padding: 5px 10px;
	color: var(--md-sys-color-on-surface);
	font: bold 12px "Helvetica Neue", Sans-Serif;
	box-shadow: var(--md-sys-elevation-3);
}

.arrow {
	width: 35px;
	height: 8px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -18px;
	bottom: -8px;
}

.arrow.top {
	top: -8px;
	bottom: auto;
}

.arrow.left {
	left: 10%;
}

.arrow:after {
	content: "";
	position: absolute;
	left: 10px;
	top: -10px;
	width: 12.5px;
	height: 12.5px;
	box-shadow: var(--md-sys-elevation-3);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.arrow.top:after {
	bottom: -10px;
	top: auto;
}

/* button transparent - usare con frmbtntxt o frmbtn */
button.unico-btn-transparent {
	background-color: inherit;
	color: inherit;
	box-shadow: var(--md-sys-elevation-1);
}

button.unico-btn-transparent[disabled] {
	background-color: transparent;
	box-shadow: none;
}

button.unico-btn-transparent.error,
button.unico-btn-transparent.bkgeverr {
	color: var(--md-sys-color-error);
}

/**
 * Background //TODO aggiungere altre funzioni
 **/
form.unico-background-transparent,
div.unico-background-transparent,
caption.unico-background-transparent,
input.unico-background-transparent,
label.unico-background-transparent,
button.unico-background-transparent:not([disabled]),
table.unico-background-transparent,
td.unico-background-transparent,
tr.unico-background-transparent,
th.unico-background-transparent,
table.unico-background-transparent thead,
.unico-background-transparent {
	background-color: inherit;
	color: inherit;
}

button.unico-background-transparent[disabled]:not(.frmbtn) {
	background-color: transparent;
}

/**********************************************************
 **********************************************************
  UNIGEA
 **********************************************************
 **********************************************************/
/* Campi INPUT/OUTPUT reverse image */
input.ung-inout-ri,
input[readonly].ung-inout-ri {
	color: var(--unigea-text-on-reverse_image);
	background-color: var(--unigea-color-reverse_image);
	font-weight: 600;
}

/* Campi INPUT/OUTPUT underline */
input[readonly].ung-inout-ul {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: thin solid var(--md-sys-color-outline-variant);
	border-radius: 0;
}

/* Costanti a video */
input.ung-label {
	pointer-events: none;
}

/* Costanti LETTERALI a video sottolineate */
input.ung-label-ul,
input[readonly].ung-label-ul {
	border-radius: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid var(--unigea-border-label);
	background-color: var(--unigea-background-label);
	color: var(--unigea-color-label);
	font-style: italic;
}

/* Costante SOLO SOTTOLINEATA */
input.ung-labelempty-ul,
input[readonly].ung-labelempty-ul {
	border-radius: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid var(--unigea-border-label);
	background-color: transparent;
}

form.frm5250 input[title]:not(.textright):not([title=""]) {
	background-image: linear-gradient(45deg, transparent calc(100% - 6px), var(--md-sys-color-primary) calc(100% - 5px));
	background-repeat: no-repeat;
	cursor: help;
}

form.frm5250 input[title].textright:not([title=""]) {
	background-image: linear-gradient(-45deg, transparent calc(100% - 6px), var(--md-sys-color-primary) calc(100% - 5px));
	background-repeat: no-repeat;
	cursor: help;
}

/* BUTTON TEXT KEY FUNCTION */
button.ung-btnkeyfncside {
	width: 100%;
	height: 2em;
	margin-bottom: 2px;
	font-weight: normal;
	text-align: left;
}

button.ung-btnkeyfnctoolbar {
	--unico-buttonsize: 1.7em;
	font-weight: normal;
}

div.ung-diverr {
	position: absolute;
	bottom: -1.75em;
	height: 1.5em;
	text-align: center;
	border-radius: 5px;
	vertical-align: middle;
	border: thin dashed var(--md-sys-color-error);
	margin-left: 1.40em;
	width: calc(100% - 1.40em);
	box-sizing: border-box;
}

form.frmwin5250 div.ung-diverr {
	margin-left: 0.70em;
	width: calc(100% - 0.70em);
}

label.labelerr {
	font-size: 1.2em;
}

div.ung-footer {
	position: absolute;
	/* considerare -2em per il footer + -Xem per ung-diverr */
	bottom: -3.5em;
	left: 0%;
	height: auto;
	border: none;
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: flex-end;
	--unico-buttonsize: 1.7em;
}

div.ung-footerright {
	margin-right: calc(-1 * var(--default-margin-right));
}

div.ung-sidebar {
	width: 11.5em;
	background-color: var(--unigea-background-sidebar);
	position: absolute;
	top: 2.4em;
	left: auto;
	right: 0.0em;
	border: none;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	bottom: 0.5em;
}

form.frm5250:not(.frmwin5250) div.hfx5250 {
	margin-left: -0.7em;
}

form.frm5250.stackhidden {
	display: initial;
}

form.frm5250 .ui-datepicker-trigger {
	margin-right: 0.0em;
}

form.frm5250 tr,
form.frm5250 td,
form.frm5250 th {
	line-height: 2.1em;
}

form.frmwin5250 tr,
form.frmwin5250 td,
form.frmwin5250 th {
	line-height: 1.7em;
}

div.hfx5250 {
	position: absolute;
	top: 2.1em;
	left: 0;
	min-width: 15em;
	/* bottom va impostato a seconda del bottom di ung-footer */
	bottom: 4em;
}

button.ung-sbm {
	background-image: var(--icon-enter-on-primary);
	--unico-buttonsize: 1.7em;
}

button.ung-sbm:focus {
	background-image: var(--icon-enter-on-primary);
}

button.ung-sbm:disabled {
	background-image: var(--icon-enter-on-disabled);
}

td.ung-pagination {
	height: 2.0em;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-left: 1.40em;
	width: calc(100% - 1.40em);
}

form.frmwin5250 td.ung-pagination {
	margin-left: 0.70em;
	width: calc(100% - 0.70em);
}

button.ung-pagbtn {
	border-radius: 50%;
	width: 1.7em;
	height: 1.7em;
	border: none;
	margin: unset;
}

button.ung-btn {
	--unico-buttonsize: 1.4em;
	border: none;
	margin-right: 0;
}

input[type="checkbox"].ung-chk {
	width: 1.4em;
	height: 1.4em;
}

input[type="radio"].ung-radio {
	width: 1.2em;
	height: 1.2em;
	margin-right: 0;
}

form.frm5250 {
	--unigea-rowmargin: 1.2em;
}

form.frmwin5250 {
	--unigea-rowmargin: 0.5em;
}

form.frm5250 .hfx5250 tr.row5250 {
	background-position-x: var(--unigea-rowmargin);
	background-repeat: no-repeat;
}

/* Tbody righe alternate */
tr.row5250:not(.row5250group1):not(.row5250group2):not(:hover):nth-child(odd),
tr.row5250group2:not(:hover) {
	color: var(--md-sys-color-on-surface);
	background-image: linear-gradient(to right, transparent 0, var(--md-sys-color-surface) 0);
}

tr.row5250:not(.row5250group1):not(.row5250group2):not(:hover):nth-child(even),
tr.row5250group1:not(:hover) {
	color: var(--alternate_rows-color);
	background-image: linear-gradient(to right, transparent 0, var(--alternate_rows-background-color) 0);
}

tr.row5250group1.row5250breakgroup {
	background-image: linear-gradient(to top, transparent calc(100% - 1px), var(--md-sys-color-outline-variant) 1px), linear-gradient(to right, transparent 0, var(--alternate_rows-background-color) 0);
}

tr.row5250group2.row5250breakgroup {
	background-image: linear-gradient(to top, transparent calc(100% - 1px), var(--md-sys-color-outline-variant) 1px), linear-gradient(to right, transparent 0, var(--md-sys-color-surface) 0);
}

tr.row5250 button.btnspace[name*="roll5250" i] {
	display: none;
}

/* UniGeA background-red */
.ung-background-red input.ung-background-red:not(.ung-inout-ri),
button.ung-background-red {
	background-color: var(--md-sys-color-error);
	color: var(--md-sys-color-on-error);
}

tr.row5250 input[readonly].ung-background-red:not(.gantt):not(.gantthdeven):not(.gantthdodd):not(.label):not(.bkgevatt):not(.bkgeverr):not(.bkgevok):not(.evatt):not(.everr):not(.evok):not(.ung-inout-ri):not(.ung-inout-ul),
input[readonly].ung-background-red:not(.gantt):not(.gantthdeven):not(.gantthdodd):not(.label):not(.bkgevatt):not(.bkgeverr):not(.bkgevok):not(.evatt):not(.everr):not(.evok):not(.ung-inout-ri):not(.ung-inout-ul) {
	background-color: var(--md-sys-color-error);
	color: var(--md-sys-color-on-error);
}

input.ung-label-ul.ung-background-red,
input.ung-inout-ul.ung-background-red:not(.ung-inout-ri) {
	border-color: var(--md-sys-color-error);
}

/* UniGeA background-grey */
.ung-background-grey,
input.ung-background-grey:not(.ung-inout-ri),
button.ung-background-grey {
	background-color: var(--unigea-background-grey);
}

tr.row5250 input[readonly].ung-background-grey:not(.gantt):not(.gantthdeven):not(.gantthdodd):not(.label):not(.bkgevatt):not(.bkgeverr):not(.bkgevok):not(.evatt):not(.everr):not(.evok):not(.ung-inout-ri):not(.ung-inout-ul),
input[readonly].ung-background-grey:not(.gantt):not(.gantthdeven):not(.gantthdodd):not(.label):not(.bkgevatt):not(.bkgeverr):not(.bkgevok):not(.evatt):not(.everr):not(.evok):not(.ung-inout-ri):not(.ung-inout-ul) {
	background-color: var(--unigea-background-grey);
}

input.ung-label-ul.ung-background-grey,
input.ung-inout-ul.ung-background-grey:not(.ung-inout-ri) {
	border-color: var(--unigea-background-grey);
}

/* UniGeA background-grey-dark */
.ung-background-grey-dark,
input.ung-background-grey-dark:not(.ung-inout-ri),
button.ung-background-grey-dark {
	background-color: var(--unigea-background-grey-dark);
}

tr.row5250 input[readonly].ung-background-grey-dark:not(.gantt):not(.gantthdeven):not(.gantthdodd):not(.label):not(.bkgevatt):not(.bkgeverr):not(.bkgevok):not(.evatt):not(.everr):not(.evok):not(.ung-inout-ri),
input[readonly].ung-background-grey-dark:not(.gantt):not(.gantthdeven):not(.gantthdodd):not(.label):not(.bkgevatt):not(.bkgeverr):not(.bkgevok):not(.evatt):not(.everr):not(.evok):not(.ung-inout-ri) {
	background-color: var(--unigea-background-grey-dark);
}

input.ung-label-ul.ung-background-grey-dark,
input.ung-inout-ul.ung-background-grey-dark:not(.ung-inout-ri) {
	border-color: var(--unigea-background-grey-dark);
}

.uni-materialicon,
.unico-materialicon {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: inherit;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	/* custom */
	cursor: inherit;
	vertical-align: middle;
}

span.unico-spanicon {
	cursor: default;
	margin-right: var(--default-margin-right);
}

/*************** NEW FOR RESPONSIVE *********************/
form.frmresponsive {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: max-content auto max-content;
	justify-items: stretch;
}

form.frmresponsive div.hhd {
	position: unset;
	top: unset;
	left: unset;
	grid-row: 1;
}

/** view body **/
div.hbd {
	gap: 0.5em;
	overflow: auto;
	display: grid;
	grid-row: 2;
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

/** view footer **/
div.hft {
	display: flex;
	gap: 1em;
	padding: 0.5em;
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
	box-shadow: var(--md-sys-elevation-1);
}

div.hftleft {
	display: flex;
	flex-flow: row;
	height: 100%;
	flex-grow: 1;
	padding-right: 0.5em;
}

/* HHD right */
div.hftright {
	display: flex;
	flex-flow: row;
	height: 100%;
	min-width: 1em;
	padding: 0 var(--default-margin-right);
}

/* MD2 BREAK POINTS */
@media only screen and (max-width: 904px) {

	div.hhd {
		height: 2.5em;
	}

	button.btnend,
	button.btnreturn,
	button.frmbtnsbminvio {
		height: 2.25em;
		width: 2.25em;
	}

	form.frmwin75 {
		top: 0% !important;
		left: 0% !important;
		height: 100% !important;
		width: 100% !important;
		border: unset !important;
	}

	form.frmwin50 {
		top: 0% !important;
		left: 0% !important;
		height: 100% !important;
		width: 100% !important;
		border: unset !important;
	}
}

@media only screen and (min-width: 600px) and (max-width: 904px) {
	div.hbd {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}
}

@media only screen and (min-width: 100px) and (max-width: 600px) {
	div.hbd {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.appmobile button.appbtn {
	max-width: 8em;
	min-width: 5em;
}

/************************************************************************************************************
 ************************************************************************************************************
 ************************************************************************************************************
 ************************************************************************************************************
 ************************************************************************************************************
 ************************************************************************************************************
 md3 button for Unico
 ************************************************************************************************************
 ************************************************************************************************************
 ************************************************************************************************************
 ************************************************************************************************************
 ************************************************************************************************************
 ************************************************************************************************************/

button.unico-mdbutton {
	margin: unset;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	border: none;
	background-color: var(--unico-mdbutton-background-color);
	color: var(--unico-mdbutton-color);
	padding: 0 1.2em;
	border-radius: 1em;
	box-sizing: border-box;
	gap: 0.4em;
	font-weight: 500;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: box-shadow 0.2s ease-in-out 0s;
	height: 2em;
	box-shadow: var(--md-sys-elevation-0);
}

button.unico-mdbutton:has(.unico-m3button__icon) {
	padding-left: 0.8em;
}

/* BUTTON FILLED */
button.unico-mdbutton-filled {
	--unico-mdbutton-color: var(--md-sys-color-on-primary);
	--unico-mdbutton-background-color: var(--md-sys-color-primary);
}

/* BUTTON FILLED TONAL */
button.unico-mdbutton-filledtonal {
	--unico-mdbutton-color: var(--md-sys-color-on-secondary-container);
	--unico-mdbutton-background-color: var(--md-sys-color-secondary-container);
}

/* BUTTON OUTLINED */
button.unico-mdbutton-outlined {
	--unico-mdbutton-color: var(--md-sys-color-on-surface);
	--unico-mdbutton-background-color: var(--md-sys-color-surface);
	border: thin solid var(--md-sys-color-outline);
}

/* BUTTON ELEVATED */
button.unico-mdbutton-elevated {
	--unico-mdbutton-color: var(--md-sys-color-primary);
	--unico-mdbutton-background-color: var(--md-sys-color-surface);
	box-shadow: var(--md-sys-elevation-1);
}

/* BUTTON TEXT */
button.unico-mdbutton-text {
	--unico-mdbutton-color: var(--md-sys-color-primary);
	--unico-mdbutton-background-color: transparent;
}

/* BUTTON ICON */
button.unico-mdbuttonicon {
	margin: unset;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border: none;
	background-color: var(--unico-mdbutton-background-color);
	color: var(--unico-mdbutton-color);
	padding: unset;
	border-radius: 50%;
	box-sizing: border-box;
	gap: 0.4em;
	font-weight: 500;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: box-shadow 0.2s ease-in-out 0s;
	box-shadow: var(--md-sys-elevation-0);
	height: 2em;
	width: 2em;
	--unico-mdbutton-color: inherit;
	--unico-mdbutton-background-color: transparent;
}

button.unico-mdbuttonicon-active {
	--unico-mdbutton-color: var(--md-sys-color-primary);
	--unico-mdbutton-background-color: transparent;
}

button.unico-mdbuttonicon-filled {
	--unico-mdbutton-color: var(--md-sys-color-on-primary);
	--unico-mdbutton-background-color: var(--md-sys-color-primary);
}

button.unico-mdbuttonicon-filledtonal {
	--unico-mdbutton-color: var(--md-sys-color-on-secondary-container);
	--unico-mdbutton-background-color: var(--md-sys-color-secondary-container);
}

button.unico-mdbuttonicon-outlined {
	--unico-mdbutton-color: var(--md-sys-color-on-surface);
	--unico-mdbutton-background-color: var(--md-sys-color-surface);
	border: thin solid var(--md-sys-color-outline);
}

/* BUTTON EXTENDED FAB */
button.unico-mdfab {
	margin: unset;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border: none;
	gap: 0.4em;
	padding: 0.8em;
	border-radius: 0.8em;
	height: 2.8em;
	width: 2.8em;
	box-shadow: var(--md-sys-elevation-1);
	text-align: center;
	font-weight: 500;
	text-overflow: ellipsis;
	transition: box-shadow 0.2s ease-in-out 0s;
	background-color: var(--unico-mdbutton-background-color);
	color: var(--unico-mdbutton-color);
	--unico-mdbutton-background-color: var(--md-sys-color-primary-container);
	--unico-mdbutton-color: var(--md-sys-color-on-primary-container);
	z-index: 999;
}

button.unico-mdfab-small {
	border-radius: 0.6em;
	height: 2em;
	width: 2em;
}

button.unico-mdfab-large {
	border-radius: 0.6em;
	height: 4.8em;
	width: 4.8em;
}

button.unico-mdfab-extended {
	height: 2.8em;
	width: max-content;
	justify-content: unset;
}

button.unico-mdfab-secondary-container {
	--unico-mdbutton-color: var(--md-sys-color-on-secondary-container);
	--unico-mdbutton-background-color: var(--md-sys-color-secondary-container);
}

button.unico-mdfab-tertiary-container {
	--unico-mdbutton-color: var(--md-sys-color-on-tertiary-container);
	--unico-mdbutton-background-color: var(--md-sys-color-tertiary-container);
}

button.unico-mdfab-surface-variant {
	--unico-mdbutton-color: var(--md-sys-color-primary);
	--unico-mdbutton-background-color: var(--md-sys-color-surface-variant);
}

i.unico-m3button__icon {
	color: inherit;
	background-color: transparent;
	font-size: 1.2em;
}

button.unico-mdbutton[disabled],
button.unico-mdbuttonicon[disabled] {
	border-color: rgb(var(--md-sys-color-on-surface-rgb) / 0.12);
	background-color: transparent;
	color: rgb(var(--md-sys-color-on-surface-rgb) / 0.38);
}

button.unico-mdbutton.unico-mdbutton-elevated[disabled],
button.unico-mdbutton.unico-mdbutton-filled[disabled],
button.unico-mdbutton.unico-mdbutton-filledtonal[disabled],
button.unico-mdbuttonicon.unico-mdbuttonicon-filled[disabled],
button.unico-mdbuttonicon.unico-mdbuttonicon-filledtonal[disabled],
button.unico-mdfab[disabled] {
	box-shadow: unset;
	border-color: rgb(var(--md-sys-color-on-surface-rgb) / 0.12);
	background-color: rgb(var(--md-sys-color-on-surface-rgb) / 0.12);
	/* background-color: var(--md-sys-color-outline-variant); */
	color: rgb(var(--md-sys-color-on-surface-rgb) / 0.38);
}

/** ICONE PER VECCHI BOTTON **/
i.unico-legacybutton__icon {
	border-radius: var(--default-border-radius);
	color: inherit;
	background-color: transparent;
	font-size: var(--unico-buttonsize);
}

span.unico-legacybutton__span {
	overflow: hidden;
	text-overflow: ellipsis;
}

/** CHECKBOX SWITCH */
input[type="checkbox"].unico-checkboxswitch {
	appearance: none;
	border: unset;
	width: 2.6em;
	height: 1.6em;
	outline: 0.1em solid var(--md-sys-color-outline);
	border-radius: 0.8em;
	margin: unset;
}

input[type="checkbox"].unico-checkboxswitch:checked {
	outline: 0.1em solid var(--md-sys-color-primary);
}

input[type="checkbox"].unico-checkboxswitch-falseortrue {
	background-color: var(--md-sys-color-surface-variant);
	background-image: radial-gradient(circle at 0.8em 50%, var(--md-sys-color-outline) 0.40em, transparent 0.45em);
	transition: background-color 0.15s ease-in-out;
}

input[type="checkbox"].unico-checkboxswitch-falseortrue:checked {
	background-position: right center;
	background-color: var(--md-sys-color-primary);
	background-image: radial-gradient(circle at calc(100% - 0.8em) 50%, var(--md-sys-color-on-primary) 0.6em, transparent 0.65em);
}

input[type="checkbox"].unico-checkboxswitch-lightordark {
	outline: 0.1em solid var(--md-sys-color-primary);
	font-size: 1.4em;
}

input[type="checkbox"].unico-checkboxswitch-lightordark:before {
	font-family: "Material Symbols Outlined";
	display: inline-flex;
	height: inherit;
	align-items: center;
	margin-left: 0.3em;
	width: calc(100% - 0.6em);
	color: var(--md-sys-color-primary);
}

input[type="checkbox"].unico-checkboxswitch-lightordark:not([checked]):before {
	content: "\E518";
	flex-direction: row;
}

input[type="checkbox"].unico-checkboxswitch-lightordark:checked:before {
	content: "\E51C";
	flex-direction: row-reverse;
}

/** Segmented button **/
.unico-segmentedbox {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	height: 2em;
	background-color: var(--md-sys-color-surface);
	color: var(--md-sys-color-on-surface);
	border: thin solid var(--md-sys-color-outline);
	border-radius: 1em;
	vertical-align: middle; /* fix align for table td */
}

.unico-segmentedbox input[type="radio"],
.unico-segmentedbox input[type="checkbox"] {
	display: none;
}

.unico-segmentedbox label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 1em;
	margin: unset;
	background-color: var(--md-sys-color-surface);
	color: var(--md-sys-color-on-surface);
	font-weight: 500;
	box-sizing: border-box;
	min-width: 7em;
	flex-basis: 0;
	flex-grow: 1;
	flex-shrink: 1;
	cursor: pointer;
}

.unico-segmentedbox label:first-of-type {
	border-top-left-radius: 1em;
	border-bottom-left-radius: 1em;
}

.unico-segmentedbox label:last-of-type {
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
}

.unico-segmentedbox label:not(:last-child) {
	border-right: thin solid var(--md-sys-color-outline);
}

.unico-segmentedbox input[type="radio"]:checked+label,
.unico-segmentedbox input[type="checkbox"]:checked+label {
	background-color: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
}

/************************************************************************************************************
 ************************************************************************************************************
 ************************************************************************************************************
 ************************************************************************************************************
 ************************************************************************************************************
 ************************************************************************************************************
 CLASSI GENERICHE
 ************************************************************************************************************
 ************************************************************************************************************
 ************************************************************************************************************
 ************************************************************************************************************
 ************************************************************************************************************
 ************************************************************************************************************/

.unico--font-0_65vw {
	font-size: 0.65vw;
}

.unico--display-block {
	display: block;
}

.unico--display-inlineblock {
	display: inline-block;
}

.unico--display-inline {
	display: inline;
}

.unico--display-grid {
	display: grid;
}

.unico--display-flex {
	display: flex;
}

.unico--display-inlineflex {
	display: inline-flex;
}

.unico--display-contents {
	display: contents;
}

.unico--display-table {
	display: table;
}

.unico--display-none {
	display: none;
}

/**
 * Grid system
 **/

.unico--gap-01em {
	grid-gap: 0.1em;
}

.unico--gap-02em {
	grid-gap: 0.2em;
}

.unico--gap-03em {
	grid-gap: 0.3em;
}

.unico--gap-04em {
	grid-gap: 0.4em;
}

.unico--gap-05em {
	grid-gap: 0.5em;
}

.unico--gap-05em {
	grid-gap: 0.5em;
}

.unico--gap-06em {
	grid-gap: 0.6em;
}

.unico--gap-07em {
	grid-gap: 0.7em;
}

.unico--gap-08em {
	grid-gap: 0.8em;
}

.unico--gap-09em {
	grid-gap: 0.9em;
}

.unico--gap-1em {
	grid-gap: 1em;
}

/**
 * - Columns
 **/
.unico--col-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.unico--col-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.unico--col-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.unico--col-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.unico--col-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.unico--col-6 {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.unico--col-1-auto {
	grid-template-columns: repeat(1, auto);
}

.unico--col-2-auto {
	grid-template-columns: repeat(2, auto);
}

.unico--col-3-auto {
	grid-template-columns: repeat(3, auto);
}

.unico--col-4-auto {
	grid-template-columns: repeat(4, auto);
}

.unico--col-5-auto {
	grid-template-columns: repeat(5, auto);
}

.unico--col-6-auto {
	grid-template-columns: repeat(6, auto);
}

.unico--col-1-maxc {
	grid-template-columns: repeat(1, max-content);
}

.unico--col-2-maxc {
	grid-template-columns: repeat(2, max-content);
}

.unico--col-3-maxc {
	grid-template-columns: repeat(3, max-content);
}

.unico--col-4-maxc {
	grid-template-columns: repeat(4, max-content);
}

.unico--col-5-maxc {
	grid-template-columns: repeat(5, max-content);
}

.unico--col-6-maxc {
	grid-template-columns: repeat(6, max-content);
}

.unico--col-99-maxc {
	grid-template-columns: repeat(99, max-content) auto;
}

.unico--col-99-auto {
	grid-template-columns: repeat(99, auto) auto;
}

.unico--col-199-maxc {
	grid-template-columns: repeat(199, max-content) auto;
}

.unico--colauto-auto {
	grid-auto-columns: auto;
}

.unico--colauto-maxc {
	grid-auto-columns: max-content;
}

.unico--colspan-1 {
	grid-column: span 1;
}

.unico--colspan-2 {
	grid-column: span 2;
}

.unico--colspan-3 {
	grid-column: span 3;
}

.unico--colspan-4 {
	grid-column: span 4;
}

.unico--colspan-5 {
	grid-column: span 5;
}

.unico--colspan-6 {
	grid-column: span 6;
}

.unico--colpos-1 {
	grid-column: 1
}

.unico--colpos-2 {
	grid-column: 2
}

.unico--colpos-3 {
	grid-column: 3
}

.unico--colpos-4 {
	grid-column: 4
}

.unico--colpos-5 {
	grid-column: 5
}

.unico--colpos-6 {
	grid-column: 6
}

.unico--colpos-100 {
	grid-column: 100
}

.unico--colpos-200 {
	grid-column: 200
}

/**
 * - Rows
 **/
.unico--rowpos-1 {
	grid-row: 1;
}

.unico--rowpos-2 {
	grid-row: 2;
}

.unico--rowpos-3 {
	grid-row: 3;
}

.unico--rowpos-4 {
	grid-row: 4;
}

.unico--row-1-1fr {
	grid-template-rows: 1fr;
}

.unico--row-2-maxc1fr {
	grid-template-rows: max-content 1fr;
}

.unico--row-2-1fr1fr {
	grid-template-rows: 1fr 1fr;
}

.unico--row-2-automaxc {
	grid-template-rows: auto max-content;
}

.unico--row-2-maxcauto {
	grid-template-rows: max-content auto;
}

.unico--row-3-maxcautomaxc {
	grid-template-rows: max-content auto max-content;
}

.unico--row-3-automaxcauto {
	grid-template-rows: auto max-content auto;
}

.unico--row-4-1fr1fr1fr1fr {
	grid-template-rows: 1fr 1fr 1fr 1fr;
}

.unico--row-4-maxcmaxcautomaxc {
	grid-template-rows: max-content max-content auto max-content;
}

.unico--row-4-maxcmaxc1frmaxc {
	grid-template-rows: max-content max-content 1fr max-content;
}

.unico--row-auto {
	grid-auto-rows: auto;
}

.unico--row-maxc {
	grid-auto-rows: max-content;
}

.unico--autorow-1fr {
	grid-auto-rows: 1fr;
}

.unico--autorow-maxc {
	grid-auto-rows: max-content;
}

.unico--rowspan-1 {
	grid-row: span 1;
}

.unico--rowspan-2 {
	grid-row: span 2;
}

.unico--rowspan-3 {
	grid-row: span 3;
}

.unico--rowspan-4 {
	grid-row: span 4;
}

.unico--rowspan-5 {
	grid-row: span 5;
}

.unico--rowspan-6 {
	grid-row: span 6;
}

/**
 * Flex
 **/
.unico--flexdirection-col {
	flex-direction: column;
}

.unico--flexdirection-col-rev {
	flex-direction: column-reverse;
}

.unico--flexdirection-row {
	flex-direction: row;
}

.unico--flexdirection-row-rev {
	flex-direction: row-reverse;
}

.unico--flexgrow-1 {
	flex-grow: 1;
}

/**
 * -- PAINT
 **/
.unico--paint-primary {
	color: var(--md-sys-color-on-primary);
	background-color: var(--md-sys-color-primary);
}

.unico--paint-primary-container {
	color: var(--md-sys-color-on-primary-container);
	background-color: var(--md-sys-color-primary-container);
}

.unico--paint-secondary {
	color: var(--md-sys-color-on-secondary);
	background-color: var(--md-sys-color-secondary);
}

.unico--paint-secondary-container {
	color: var(--md-sys-color-on-secondary-container);
	background-color: var(--md-sys-color-secondary-container);
}

.unico--paint-tertiary {
	color: var(--md-sys-color-on-tertiary);
	background-color: var(--md-sys-color-tertiary);
}

.unico--paint-tertiary-container {
	color: var(--md-sys-color-on-tertiary-container);
	background-color: var(--md-sys-color-tertiary-container);
}

.unico--paint-error {
	color: var(--md-sys-color-on-error);
	background-color: var(--md-sys-color-error);
}

.unico--paint-error-container {
	color: var(--md-sys-color-on-error-container);
	background-color: var(--md-sys-color-error-container);
}

.unico--paint-surface {
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
}

.unico--paint-surface-variant {
	color: var(--md-sys-color-on-surface-variant);
	background-color: var(--md-sys-color-surface-variant);
}

/**
 * -- Background color
 **/
.unico--bkgcolor-primary {
	background-color: var(--md-sys-color-primary);
}

.unico--bkgcolor-on-primary {
	background-color: var(--md-sys-color-on-primary);
}

.unico--bkgcolor-primary-container {
	background-color: var(--md-sys-color-primary-container);
}

.unico--bkgcolor-on-primary-container {
	background-color: var(--md-sys-color-on-primary-container);
}

.unico--bkgcolor-secondary {
	background-color: var(--md-sys-color-secondary);
}

.unico--bkgcolor-on-secondary {
	background-color: var(--md-sys-color-on-secondary);
}

.unico--bkgcolor-secondary-container {
	background-color: var(--md-sys-color-secondary-container);
}

.unico--bkgcolor-on-secondary-container {
	background-color: var(--md-sys-color-on-secondary-container);
}

.unico--bkgcolor-tertiary {
	background-color: var(--md-sys-color-tertiary);
}

.unico--bkgcolor-on-tertiary {
	background-color: var(--md-sys-color-on-tertiary);
}

.unico--bkgcolor-tertiary-container {
	background-color: var(--md-sys-color-tertiary-container);
}

.unico--bkgcolor-on-tertiary-container {
	background-color: var(--md-sys-color-on-tertiary-container);
}

.unico--bkgcolor-error {
	background-color: var(--md-sys-color-error);
}

.unico--bkgcolor-error-container {
	background-color: var(--md-sys-color-error-container);
}

.unico--bkgcolor-on-error {
	background-color: var(--md-sys-color-on-error);
}

.unico--bkgcolor-on-error-container {
	background-color: var(--md-sys-color-on-error-container);
}

.unico--bkgcolor-background {
	background-color: var(--md-sys-color-background);
}

.unico--bkgcolor-on-background {
	background-color: var(--md-sys-color-on-background);
}

.unico--bkgcolor-surface {
	background-color: var(--md-sys-color-surface);
}

.unico--bkgcolor-on-surface {
	background-color: var(--md-sys-color-on-surface);
}

.unico--bkgcolor-surface-variant {
	background-color: var(--md-sys-color-surface-variant);
}

.unico--bkgcolor-on-surface-variant {
	background-color: var(--md-sys-color-on-surface-variant);
}

.unico--bkgcolor-outline {
	background-color: var(--md-sys-color-outline);
}

.unico--bkgcolor-inverse-on-surface {
	background-color: var(--md-sys-color-inverse-on-surface);
}

.unico--bkgcolor-inverse-surface {
	background-color: var(--md-sys-color-inverse-surface);
}

.unico--bkgcolor-inverse-primary {
	background-color: var(--md-sys-color-inverse-primary);
}

.unico--bkgcolor-shadow {
	background-color: var(--md-sys-color-shadow);
}

.unico--bkgcolor-surface-tint {
	background-color: var(--md-sys-color-surface-tint);
}

.unico--bkgcolor-outline-variant {
	background-color: var(--md-sys-color-outline-variant);
}

.unico--bkgcolor-scrim {
	background-color: var(--md-sys-color-scrim);
}

/**
 * -- Color
 **/
.unico--color-primary {
	color: var(--md-sys-color-primary);
}

.unico--color-on-primary {
	color: var(--md-sys-color-on-primary);
}

.unico--color-primary-container {
	color: var(--md-sys-color-primary-container);
}

.unico--color-on-primary-container {
	color: var(--md-sys-color-on-primary-container);
}

.unico--color-secondary {
	color: var(--md-sys-color-secondary);
}

.unico--color-on-secondary {
	color: var(--md-sys-color-on-secondary);
}

.unico--color-secondary-container {
	color: var(--md-sys-color-secondary-container);
}

.unico--color-on-secondary-container {
	color: var(--md-sys-color-on-secondary-container);
}

.unico--color-tertiary {
	color: var(--md-sys-color-tertiary);
}

.unico--color-on-tertiary {
	color: var(--md-sys-color-on-tertiary);
}

.unico--color-tertiary-container {
	color: var(--md-sys-color-tertiary-container);
}

.unico--color-on-tertiary-container {
	color: var(--md-sys-color-on-tertiary-container);
}

.unico--color-error {
	color: var(--md-sys-color-error);
}

.unico--color-error-container {
	color: var(--md-sys-color-error-container);
}

.unico--color-on-error {
	color: var(--md-sys-color-on-error);
}

.unico--color-on-error-container {
	color: var(--md-sys-color-on-error-container);
}

.unico--color-background {
	color: var(--md-sys-color-background);
}

.unico--color-on-background {
	color: var(--md-sys-color-on-background);
}

.unico--color-surface {
	color: var(--md-sys-color-surface);
}

.unico--color-on-surface {
	color: var(--md-sys-color-on-surface);
}

.unico--color-surface-variant {
	color: var(--md-sys-color-surface-variant);
}

.unico--color-on-surface-variant {
	color: var(--md-sys-color-on-surface-variant);
}

.unico--color-outline {
	color: var(--md-sys-color-outline);
}

.unico--color-inverse-on-surface {
	color: var(--md-sys-color-inverse-on-surface);
}

.unico--color-inverse-surface {
	color: var(--md-sys-color-inverse-surface);
}

.unico--color-inverse-primary {
	color: var(--md-sys-color-inverse-primary);
}

.unico--color-shadow {
	color: var(--md-sys-color-shadow);
}

.unico--color-surface-tint {
	color: var(--md-sys-color-surface-tint);
}

.unico--color-outline-variant {
	color: var(--md-sys-color-outline-variant);
}

.unico--color-scrim {
	color: var(--md-sys-color-scrim);
}

/**
 * -- Box shadow
 **/
.unico--boxshadow-1 {
	box-shadow: var(--md-sys-elevation-1);
}

.unico--boxshadow-2 {
	box-shadow: var(--md-sys-elevation-2);
}

.unico--boxshadow-3 {
	box-shadow: var(--md-sys-elevation-3);
}

.unico--boxshadow-4 {
	box-shadow: var(--md-sys-elevation-4);
}

.unico--boxshadow-5 {
	box-shadow: var(--md-sys-elevation-5);
}

.unico--boxshadow-6 {
	box-shadow: var(--md-sys-elevation-6);
}

.unico--boxshadow-7 {
	box-shadow: var(--md-sys-elevation-7);
}

/* Position */
.unico--position-absolute {
	position: absolute;
}

.unico--position-fixed {
	position: fixed;
}

.unico--position-relative {
	position: relative;
}

.unico--position-static {
	position: static;
}

.unico--position-sticky {
	position: sticky;
}

/* Border-radius */
.unico--borderradius-01em {
	border-radius: 0.1;
}

.unico--borderradius-02em {
	border-radius: 0.2em;
}

.unico--borderradius-03em {
	border-radius: 0.3em;
}

.unico--borderradius-04em {
	border-radius: 0.4em;
}

.unico--borderradius-05em {
	border-radius: 0.5em;
}

.unico--borderradius-06em {
	border-radius: 0.6em;
}

.unico--borderradius-07em {
	border-radius: 0.7em;
}

.unico--borderradius-08em {
	border-radius: 0.8em;
}

.unico--borderradius-09em {
	border-radius: 0.9em;
}

.unico--borderradius-1 {
	border-radius: 1em;
}

.unico--borderradius-default {
	border-radius: var(--default-border-radius);
}

.unico--border {
	border: thin solid var(--md-sys-color-outline-variant);
}

.unico--borderbottom {
	border-bottom: thin solid var(--md-sys-color-outline-variant);
}

.unico--bordertop {
	border-top: thin solid var(--md-sys-color-outline-variant);
}

.unico--borderleft-medium {
	border-left-width: medium;
	border-left-style: solid;
}

.unico--bordercolor-transparent {
	border-color: transparent;
}

.unico--bordercolor-primary {
	border-color: var(--md-sys-color-primary);
}

.unico--textoverflow-ellipsis {
	text-overflow: ellipsis;
}

.unico--whitespace-nowrap {
	white-space: nowrap;
}

.unico--overflow-hidden {
	overflow: hidden;
}

/* padding */
.unico--padding-005em {
	padding: 0.005em;
}

.unico--padding-01em {
	padding: 0.1em;
}

.unico--padding-02em {
	padding: 0.2em;
}

.unico--padding-025em {
	padding: 0.25em;
}

.unico--padding-03em {
	padding: 0.3em;
}

.unico--padding-04em {
	padding: 0.4em;
}

.unico--padding-05em {
	padding: 0.5em;
}

.unico--padding-06em {
	padding: 0.6em;
}

.unico--padding-07em {
	padding: 0.7em;
}

.unico--padding-075em {
	padding: 0.75em;
}

.unico--padding-08em {
	padding: 0.8em;
}

.unico--padding-09em {
	padding: 0.9em;
}

.unico--padding-1em {
	padding: 1em;
}

.unico--padding-125em {
	padding: 1.25em;
}

.unico--padding-15em {
	padding: 1.5em;
}

.unico--padding-175em {
	padding: 1.75em;
}

.unico--padding-2em {
	padding: 2em;
}

.unico--padding-225em {
	padding: 2.25em;
}

.unico--padding-25em {
	padding: 2.5em;
}

.unico--padding-275em {
	padding: 2.75em;
}

.unico--padding-3em {
	padding: 3.5em;
}

.unico--padding-4em {
	padding: 4em;
}

.unico--padding-5em {
	padding: 5em;
}

.unico--padding-6em {
	padding: 6em;
}

.unico--padding-7em {
	padding: 7em;
}

.unico--padding-8em {
	padding: 8em;
}

.unico--padding-9em {
	padding: 9em;
}

.unico--padding-10em {
	padding: 10em;
}

/* margin */
.unico--margin-005em {
	margin: 0.005em;
}

.unico--margin-01em {
	margin: 0.1em;
}

.unico--margin-02em {
	margin: 0.2em;
}

.unico--margin-025em {
	margin: 0.25em;
}

.unico--margin-03em {
	margin: 0.3em;
}

.unico--margin-04em {
	margin: 0.4em;
}

.unico--margin-05em {
	margin: 0.5em;
}

.unico--margin-06em {
	margin: 0.6em;
}

.unico--margin-07em {
	margin: 0.7em;
}

.unico--margin-075em {
	margin: 0.75em;
}

.unico--margin-08em {
	margin: 0.8em;
}

.unico--margin-09em {
	margin: 0.9em;
}

.unico--margin-1em {
	margin: 1em;
}

.unico--margin-125em {
	margin: 1.25em;
}

.unico--margin-15em {
	margin: 1.5em;
}

.unico--margin-175em {
	margin: 1.75em;
}

.unico--margin-2em {
	margin: 2em;
}

.unico--margin-225em {
	margin: 2.25em;
}

.unico--margin-25em {
	margin: 2.5em;
}

.unico--margin-275em {
	margin: 2.75em;
}

.unico--margin-3em {
	margin: 3.5em;
}

.unico--margin-4em {
	margin: 4em;
}

.unico--margin-5em {
	margin: 5em;
}

.unico--margin-6em {
	margin: 6em;
}

.unico--margin-7em {
	margin: 7em;
}

.unico--margin-8em {
	margin: 8em;
}

.unico--margin-9em {
	margin: 9em;
}

.unico--margin-10em {
	margin: 10em;
}