:root{
	/* palette colori */
	--palette-cyan: #80b3ff;
	--palette-darkCyan: #3F69AA;
	--palette-black: #000000;
	--palette-darkGray: #737373;
	--palette-white: #FFFFFF;
	--palette-lightGray: #BBBBBB;
	--palette-red: #FF6347;
	--palette-green: #32CD32;
	
	/* impostazioni globali colori */
	--color-background: var(--palette-lightGray);
	--color-foreground: var(--palette-darkGray);
	--color-foreground-light: var(--palette-white);
	--color-error: var(--palette-red);
	--color-success: var(--palette-green);
	--color-notify: var(--palette-darkGray);
	--color-border: var(--palette-black);
	
	/* impostazioni correnti */
	--color-current-background: var(--color-background);
	--color-current-foreground: var(--color-foreground);
	--color-current-foreground-light: var(--color-foreground-light);
	--color-current-error: var(--color-error);
	--color-current-success: var(--color-success);
	--color-current-notify: var(--color-notify);
	--color-current-border: var(--color-border);
	
	
	/* fonts */
	--font-body: NotoSans, sans-serif;
	--font-mono1: PtMono, sans-serif;
	--font-mono2: Inconsolata, sans-serif;
	--font-mono3: 'Courier New';
}
@font-face {
	font-family: NotoSans;
	src: url(../fonts/NotoSans/NotoSans-Regular.ttf);
}
@font-face {
	font-family: PtMono;
	src: url(../fonts/PtMono/PtMono-Regular.ttf);
}
@font-face {
	font-family: Courier New;
}
@font-face {
	font-family: Inconsolata;
	src: url(../fonts/Inconsolata/Inconsolata-Regular.ttf);
}

body {
	padding: 20px;
    background-color: var(--color-current-background);
	color: var(--color-current-foreground);
	font-weight: normal;
	font-size: 13px;
	line-height: 1.1;
	font-family: var(--font-body);	
}

.sTxtMono1 {
	color: var(--color-current-success);
	font-family: var(--font-mono1);	
}

.sTxtMono2 {
	color: var(--color-current-notify);
	font-family: var(--font-mono2);	
}

.sTxtMono3 {
	font-family: var(--font-mono3);	
}

button:hover {
    background-color: rgba(255,255,255,0.8);
}
.button{
	border-width: 0px;
	/* 
	border-style: solid; 
	border-color: var(--color-current-border);
	border-radius: 0px;
	*/
	background-color: var(--color-current-notify);
	padding: 5px;
}
.button-success {
	background-color: var(--color-current-success);
}
.button-error {
	background-color: var(--color-current-error);
}

.padding-big {
	padding: 10px;
}
.padding-small {
	padding: 2px;
}

.bg-cyan {
	background-color: var(--palette-cyan);
}
.bg-darkCyan {
	background-color: var(--palette-darkCyan);
}
.bg-black {
	background-color: var(--palette-black);
}
.bg-darkGray {
	background-color: var(--palette-darkGray);
}
.bg-white {
	background-color: var(--palette-white);
}
.bg-lightGray {
	background-color: var(--palette-lightGray);
}
.bg-red {
	background-color: var(--palette-red);
}
.bg-green {
	background-color: var(--palette-green);
}



/*
button:link {
	transition: all .5s linear 0;
    color: hsl(36,50%,50%);
}

*/

table, th, td {
   border: 1px solid black;
}
table {
    border-collapse: collapse;
	
}
th, td {
	padding-top: 0px;
	padding-bottom: 0px;
    padding-left: 3px;
	padding-right: 3px;
    text-align: left;
}

.window {
	border: 2px solid var(--palette-darkGray);
	border-spacing: 15px 50px;
    text-align: left;
	width: 30%;
}
.window .title {
	border-bottom: 2px solid var(--palette-darkGray);
	padding-top: 20px;
}
.window .title {
	border-bottom: 2px solid var(--palette-darkGray);
	padding-top: 20px;
}

.window .body {
	padding-top: 90px;
	padding-bottom: 90px;
    padding-left: 100px;
	padding-right: 100px;
}