:root{
	--input-bgcolor : #555555;
	--input-fgcolor : white;
	--input-bordercolor : #999999;
	--input-radius: 3px;
	--input-padding: 5px;
	
	--submit-bgcolor: #2196f3;
	--submit-fgcolor: #fff;   
	--submit-bordercolor: #2196f3;
	
	--label-bgcolor : #3b3b3b;
	--label-fgcolor : #b1b1b1;
	--label-bordercolor : #515151;
	
	--current-item : #288a7a;
	
	--body-bgcolor : #222;
	--body-fgcolor : white;
	
	--font-icon: "Material Symbols Outlined";
	
	color-scheme: dark;
}

html{
	font-family: verdana;
	font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
	/* serve per poter usare rem*/
	font-size: 0.8em;
}
body{
	background-color: var(--body-bgcolor);
	color: var(--body-fgcolor);
	margin: 0px;
	margin-bottom: 10px;
}

body[data-skin="Light"]{
	--input-bgcolor : #e8e8e8;
	--input-fgcolor : black;
	--input-bordercolor : #666666;
	
	--submit-bgcolor: #2196f3;	/* uguale */
	--submit-fgcolor: #fff;		/* uguale */
	--submit-bordercolor: #2196f3;	/* uguale */
	
	--label-bgcolor : #d0d0d0;
	--label-fgcolor : black;
	--label-bordercolor : #ced4da;
	
	--current-item : #288a7a;	/* uguale */
	
	--body-bgcolor : #f9f9f9;
	--body-fgcolor : black;
	
	color-scheme: light;
}


a {
	color: inherit;
	text-decoration: none;
}
a[disabled]{
	pointer-events: none;
}

table{
	font-size: 1em;
}

.middle{
	vertical-align: middle;
}

.left{
	text-align: left;
	justify-content: left;
}
.right{
	text-align: right;
	justify-content: right;
}
.center{
	text-align: center;
	justify-content: center;
}

.UserAvatar{
	width: 48px;
	vertical-align: middle;
}

[disabled]{
	pointer-events: none;
	user-select: none;
	opacity: 0.5;
}
[disabled] input,
[disabled] select,
[disabled] textarea{
	user-select: none; 
}