<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*Fonts */

:root {
    --buttonTextColor: black;
    --buttonHoverTextColor: white;
    --buttonHoverBackgroundColor: #ff9600;
    --buttonBackgroundColor: #b0c4de;
    --productTextColor: #284473;
    --productTextWeight: 600;
}

@font-face{
    font-family: 'Good Times';
    src: url('../css/good times rg-webfont.eot');
    src: url('../css/good times rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/good times rg-webfont.woff') format('woff'),
         url('../css/good times rg-webfont.ttf') format('truetype'),
         url('../css/good times rg-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@charset 'UTF-8';



/*end Fonts */


/* Main */

body,html { 
background-color:#f5f5f5;
margin:0;
color:#222;
font-family:  Arial, sans-serif;
font-size: 13px;
height:100%;

} 

*{
	scrollbar-base-color:white;
	scrollbar-track-color:white;
	scrollbar-darkshadow-color:white;
	scrollbar-3dlight-color:white;
	scrollbar-arrow-color:#757778;
	scrollbar-shadow-color:#bec1c4;
	scrollbar-highlight-color:#bec1c4;
	}
	::-webkit-scrollbar{
		width:10px;height:10px;
		}
	::-webkit-scrollbar-track-piece{
		background-color:white;
		}
	::-webkit-scrollbar-button:start:decrement,
	::-webkit-scrollbar-button:end:increment,
	::-webkit-scrollbar-thumb{
	background-color:white;
	border:solid 1px #bec1c4;
	}


td
{
	font-size: 11px;
}



.Logotitolo {
  font-family: 'Arial';
  font-size:16px;
  color:#284473;
  text-align:left;
  font-weight: bold;
}

.bold
{
/* label da usare per i titoli */
font-weight :bold;
}

.multiSelectText {
  position: absolute;
  font-family: Arial;
  font-size: 12px;
  color: #000000;
  border: none;
  box-shadow: 0 2px 3px #ccc;
  background-color: transparent;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow-x: none;
  overflow-y: auto;
  -moz-transition: height 0.15s ease 0s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-weight: normal;
  /* checkbox modif */
  /* image modif */
  width:100%;
  height:100%;
  padding-top:4px;
  padding-left:24px;
}

.lbl
{
/* label da usare per i titoli */
font-size: 11px;
color:#333;
font-weight :bold;
}


.lbl2
{
    /* label da usare per gli altri testi */
	font-size: 11px;
	color:#333;
	}
	
a.lk1:link, a.lk1:visited
{
	font-family: 'Arial';
	font-size: 11px;
	color: #15c;
	cursor: pointer;
	text-decoration: underline;
}

a.lk1:hover
{
	font-family: 'Arial';
	font-size: 11px;
	color:#f60;
    cursor: pointer;
	text-decoration: underline;
}

a.lk2:link, a.lk2:visited
{
	font-family: 'Arial';
	font-size: 11px;
	color: #15c;
	cursor: pointer;
	text-decoration: none;	
}

a.lk2:hover
{
	font-family: 'Arial';
	font-size: 11px;
	color:#f60;
	font-weight:bold;
    cursor: pointer;
	text-decoration: underline;
}

a.lk3:link, a.lk3:visited
{
	font-size: 10px;
	color: #15c;
	cursor: pointer;
	text-decoration: none;
}

a.lk3:hover
{
	font-size: 10px;
	color:#f60;
	text-decoration: underline;
}

a.lk4:link, a.lk4:visited
{
	font-size: 12px;
	color: #15c;
	cursor: pointer;
	text-decoration: none;
   
}

a.lk4:hover
{
	font-size: 12px;
	color:#f60;
	cursor: pointer;
	text-decoration: none;
}

a.lk5:link, a.lk5:visited
{
	font-size: 12px;
	color: white;
	cursor: pointer;
	text-decoration: none;
   
}

a.lk5:hover
{
	font-size: 12px;
	color:white;
	cursor: pointer;
	text-decoration: none;
}


.rigaOn
{
background-color: #DFDFDF;
}

.rigaOff
{
background-color: #fff;
}

.sidebar {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  padding: 12px;
  position: absolute;
  width: 100%;
}


/* end main  */


/*  header footer e floating*/

#mainMenu {
	margin:auto;
	z-index:999;
}

#header {
	top:0px;
	left:0px;
	width:100%;
	position:fixed;
	z-index:998;
    background-color:#284473;      
}


#floatingBar {
	top:50px;
	left:5px;
	position:fixed;
	z-index:998;
    width:150px;
	height:85%;
    border: 1px solid #B9B9B9;
	padding:4px;
	border-bottom-color: #142647;
    border-radius: 5px; 
}

/* end header footer floating  */


/* menu principale */

.Logoinside {
  font-family: 'Good Times';
  font-size:16px;
  color:#FFFFFF;
  text-align:center;
  cursor:pointer;
  background-color:#284473;
  min-width:150px;
  width:150px;
}

.Logomenu {
  font-family: 'Good Times';
  font-size:12px;
  text-align:center;
  cursor:pointer;
 
}


.toolbarOff {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
    background-color:#284473;
	
}


.toolbarOff:hover
{
	color:#ffffff;
	text-decoration: none;
	font-weight: bold;
	text-align:center;
	cursor:pointer;
    background-color:#ff9600;
	
}


a.toolbarOff:link, a.toolbarOff:visited
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
    background-color:#284473;

}

.toolbarOn {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	background-color:#f5f5f5;
}


a.toolbarOn:link, a.toolbarOn:visited
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	background-color:#f5f5f5;
}


.logout
{
	text-align:center;
	color:white;
	padding-left: 1px; 
	font-weight: bold;
	font-size: 16px;
	cursor:pointer;
    background-color:#B30000;
	font-family: 'FontAwesome';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    -o-font-feature-settings: "liga" 1, "dlig" 1;
    font-feature-settings: "liga" 1, "dlig" 1;
}

.logout:hover
{
	text-align:center;
	color:white;
	padding-left: 1px;
	font-weight: bold;
	font-size: 16px;
	cursor:pointer;
    background-color:#D90000;
	font-family: 'FontAwesome';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    -o-font-feature-settings: "liga" 1, "dlig" 1;
    font-feature-settings: "liga" 1, "dlig" 1;
}

a.logout:link, a.logout:visited 
{
	color:white;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
    background-color:#B30000;
	font-family: 'FontAwesome';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    -o-font-feature-settings: "liga" 1, "dlig" 1;
    font-feature-settings: "liga" 1, "dlig" 1;
}

.cambiapwd
{
	text-align:center;
	color:white;
	padding-left: 1px; 
	font-weight: bold;
	font-size: 16px;
	cursor:pointer;
    background-color:#ff6600;
	font-family: 'FontAwesome';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    -o-font-feature-settings: "liga" 1, "dlig" 1;
    font-feature-settings: "liga" 1, "dlig" 1;
}

.cambiapwd:hover
{
	text-align:center;
	color:white;
	padding-left: 1px; 
	font-weight: bold;
	font-size: 16px;
	cursor:pointer;
    background-color:#ff9600;
	font-family: 'FontAwesome';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    -o-font-feature-settings: "liga" 1, "dlig" 1;
    font-feature-settings: "liga" 1, "dlig" 1;
}

a.cambiapwd:link, a.cambiapwd:visited 
{
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color:white;	
    background-color:#ff6600;
	font-family: 'FontAwesome';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    -o-font-feature-settings: "liga" 1, "dlig" 1;
    font-feature-settings: "liga" 1, "dlig" 1;
}

.menuprincipale
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
    background-color:#284473;
	font-family: 'FontAwesome';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    -o-font-feature-settings: "liga" 1, "dlig" 1;
    font-feature-settings: "liga" 1, "dlig" 1;
}

.menuprincipale:hover
{
	color:#ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	text-align:center;
	cursor:pointer;
    background-color:#FE8601;
	font-family: 'FontAwesome';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    -o-font-feature-settings: "liga" 1, "dlig" 1;
    font-feature-settings: "liga" 1, "dlig" 1;
}


a.menuprincipale:link, a.menuprincipale:visited 
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
    background-color:#284473;
	font-family: 'FontAwesome';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    -o-font-feature-settings: "liga" 1, "dlig" 1;
    font-feature-settings: "liga" 1, "dlig" 1;
}

.tornamodulo
{
	text-align:center;
	color:white;
	padding-left: 1px; 
	font-weight: bold;
	font-size: 16px;
	cursor:pointer;
    background-color:#DB7401;
	font-family: 'FontAwesome';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    -o-font-feature-settings: "liga" 1, "dlig" 1;
    font-feature-settings: "liga" 1, "dlig" 1;
}

.tornamodulo:hover
{
	text-align:center;
	color:white;
	padding-left: 1px; 
	font-weight: bold;
	font-size: 16px;
	cursor:pointer;
    background-color:#FE8601;
	font-family: 'FontAwesome';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    -o-font-feature-settings: "liga" 1, "dlig" 1;
    font-feature-settings: "liga" 1, "dlig" 1;
}


a.tornamodulo:link, a.tornamodulo:visited 
{
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color:white;	
    background-color:#DB7401;
	font-family: 'FontAwesome';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    -o-font-feature-settings: "liga" 1, "dlig" 1;
    font-feature-settings: "liga" 1, "dlig" 1;
}
/* fine menu */


/* Menu principale */

.tabHeader1
{
	border-bottom: 1px solid #666;
	font-weight: bold;
	font-size: 11px;
	color:#f60;
    
}

.tabHeader2
{
	border-bottom: 1px solid #666;
	font-weight: bold;
	font-size: 11px;
	color:#333;
    
}

.tabRiga1
{
	border-bottom: 1px solid #666;
	font-size: 11px;
}

.tabRiga2
{
	border-bottom:1px solid #ccc;
	font-size: 11px;
}


.tabRigaEnd
{
	border-bottom:1px solid #333;
}

a.menu:link, a.menu:visited
{
	text-decoration: none;
	font-size: 11px;
	color:#36c;
	font-weight: normal;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}


a.menu:hover
{
	text-decoration: none;
	font-size: 11px;
	color:#f60;
	font-weight: normal;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.menuSelect
{
	text-decoration: none;
	font-size: 11px;
	color:#284473;
	font-weight: bold;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.tabMenu
{
	border-bottom:1px solid #360;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
	
}

.title1
{
	font-size: 14px;
	color:#333;
	font-weight:bold;
	padding: 10px 0 10px 0;
}

.title2
{
    font-family: 'Arial';
	font-size: 11px;
	color:#ff6600;
	font-weight:bold;
}

/* Form */


.form-group label + input,
.form-group label + select,
.form-group label + textarea {
  display: block;
}

fieldset {
  border: 1px solid #ebebeb;
  margin: 0;
}

legend {
  font-weight: bold;
  padding: 8px;
}

input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select[multiple],
select[size],
textarea {
  background: #fff;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-top: 1px solid #c0c0c0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  margin: 0;
  outline: 0;
  padding: 2px;
}

input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  height: 21px;
}

input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
select[multiple]:focus,
select[size]:focus,
textarea:focus {
  border: 1px solid #4d90fe;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
}

select[multiple],
select[size] {
  height: auto;
  padding: 0;
}

select[multiple]:disabled
select[size]: disabled {
  background: #fff;
  opacity: 1;
}

textarea {
  resize: vertical;
}

/* CHECKBOXES */

input[type="checkbox"] {
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #c6c6c6;
  border-image: -ms-linear-gradient(top, #fff, #fff);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 13px;
  left: 1px;
  margin: 2px 8px 0 0;
  outline: 0;
  position: relative;
  top: 1px;
  width: 13px;
}

input[type="checkbox"]:hover {
  border: 1px solid #b2b2b2;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
}

input[type="checkbox"]:active {
  background-color: #ebebeb;
  border: 1px solid #c6c6c6;
}

input[type="checkbox"]:focus {
  border: 1px solid #4d90fe;
}

input[type="checkbox"]:checked:after {
  background: url("../../Common/img/checkmark_2x.png") no-repeat 0 0 / 21px;
  /*background: url(https://ssl.gstatic.com/ui/v1/menu/checkmark_2x.png) no-repeat 0 0 / 21px;*/
  content: '';
  display: block;
  height: 21px;
  left: -5px;
  position: relative;
  top: -6px;
  width: 21px;
}

input[type="checkbox"]:disabled {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .5;
}

/* RADIO BUTTONS */

input[type="radio"] {
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #c6c6c6;
  border-image: -ms-linear-gradient(top, #fff, #fff);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 15px;
  margin: 0 6px 0 0;
  outline: 0;
  position: relative;
  top: 2px;
  width: 15px;
}

input[type="radio"]:hover {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
}

input[type="radio"]:active {
  background: #ebebeb;
  border: 1px solid #c6c6c6;
}

input[type="radio"]:focus {
  border: 1px solid #4d90fe;
}

input[type="radio"]:checked {
  background: #fff;
}

input[type="radio"]:checked:after {
  background: #606060;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: '';
  display: block;
  height: 7px;
  left: 3px;
  position: relative;
  top: 3px;
  width: 7px;
}

input[type="radio"]:disabled {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .5;
}

input:disabled + label {
  color: #afafaf;
}

/* SELECTS */

select {
  background-color:white;
  border: 1px solid #c6c6c6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #333;
  cursor: default;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  height: 21px;
  margin: 0;
  outline: 0;
  padding: 2px;
  text-align: left;
  text-indent: .01px;
  text-overflow: ellipsis;
  text-overflow: '';
  white-space: nowrap;
  width:96%;
  max-width: 96%
  
}

select:-ms-expand {
    display: none;
}

select:hover {
  background-color: #284473;
  color: white;
  border: 1px solid #4d90fe;
}

select:focus {
  background-color: white;
  color: black;
  border: 1px solid #4d90fe;
}

select:disabled {
  border: 1px solid #dcdcdc;
  color: #333;
  opacity: .5;
}


.btn1
{ background-color: #ccc;
	height:20px;
	padding: 0px;
	FONT: 11px/11px  "Arial";
}

.btn2
{
	background-color: #fc0;
	height:20px;
	padding: 0px;
	FONT: 11px/11px  "Arial";
}

/*-------------------------------------------------------------------------------*/
/* INIZIO  S E Z I O N E    C A M P I    R E Q U I R E D   09/09/2020 TESAURO  */
/*-------------------------------------------------------------------------------*/

input:invalid 
{
    border-color: #e53935;
}

input:required:valid 
{
    border-color: #2e7d32;    
}

.slc_Invalid 
{
    border-color: #e53935;
}

.slc_Valid 
{
    border-color: #2e7d32;
}

textarea:invalid
{
    border-color: #e53935;
}

textarea:required:valid
{
    border-color: #2e7d32;
}

/*-----------------------------------------------------------------------------*/
/* FINE  S E Z I O N E    C A M P I    R E Q U I R E D   09/09/2020 TESAURO  */
/*-----------------------------------------------------------------------------*/

.gruppo1
{
	/* default per riquadri tabella  */
	background-color:white;
	border: 1px solid #B9B9B9;
	padding:4px;
    border-radius: 5px; 
    
	
}


.gruppo1div 
{
    /* default per riquadri in div */
    display:table;
    background-color:white;
    width:100%;
	border: 1px solid #B9B9B9;
	padding:4px;
    border-radius: 5px; 
    
}

.gruppoRed
{
    /* default per riquadri rossi */
	border: 2px solid red;
	padding:4px;
    border-radius: 5px; 
    border-bottom-color: red;
}

.gruppoGreen
{
    /* default per riquadri verdi */
	border: 2px solid green;
	padding:4px;
    border-radius: 5px; 
    border-bottom-color: green;
}

.gruppoOrange
{
     /* default per riquadri arancio */
	border: 2px solid orange;
	padding:4px;
    border-radius: 5px; 
    border-bottom-color: orange;
}

.gruppo3
{
	border: 1px #666;
	padding:4px;
	border-bottom-color: #142647;
	border-radius: 5px; 
	
}


 /* colorazione riquadri pieni */
.gruppoFillGreen
{
    color:white;
	border: 1px solid #4caf50;
	padding:4px;
    border-radius: 5px; 
    background-color:#4caf50;
}

.gruppoFillOrange
{
	color:white;
    border: 1px solid #ff9800;
	padding:4px;
    border-radius: 5px; 
    background-color:#ff9800;
}

.gruppoFillRed
{
	color:white;
    border: 1px solid #e53935;
	padding:4px;
    border-radius: 5px; 
    background-color:#e53935;
}

.gruppoFillBlue
{
    color:white;
	border: 1px solid #284473;
	padding:4px;
    border-radius: 5px; 
    background-color:#284473;
}

/* end colorazione riqudri pieni */

/* end form */

.errore
{
	font-size: 13px;
	color:red;
	font-weight:bold;
	padding: 10px 0 10px 0;
}

.conferma
{
	font-size: 13px;
	color: #259A26;
	font-weight:bold;
	padding: 10px 0 10px 0;
}

.PathRoot{
	color: #333;
	font-family: Arial,  sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}


A.PathRoot:link, A.PathRoot:visited, A.Pathroot:active {
	color: #333;
	font-family:  Arial,  sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

A.PathRoot:hover {
	color: #ff9600;
	font-family:  Arial,  sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.festivo1{
	background-color: #EAEBEE;
}

.festivo2{
	background-color: #fffcd5;
}



/*Calendario*/

.giorniSettimana{
	font-family:  Arial,  sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
}

.bordoSxBottom{
	border-left: 1px solid #2E4B9B;
	border-bottom: 1px solid #2E4B9B;	
}

.bordoSxBottomDx{
	border-left: 1px solid #2E4B9B;
	border-bottom: 1px solid #2E4B9B;	
	border-right: 1px solid #2E4B9B;
}

.bordoBottom{
	border-bottom: 1px solid #2E4B9B;	
}

.txtAppuntamenti
{
	font-family:  Arial,  sans-serif;
	font-size: 10px;
	color: #333;
}

.txtDaConvocare
{
	font-family:  Arial,  sans-serif;
	font-size: 10px;
	color: #E60000;
}

.festivo
{
	background-color: #EBEBEB;
}

.appuntamento
{	
	background-color: #ADE6F4;
}

.assenza
{	
	background-color: #FDCA00;
}

.calendario
{	
	background-color: White;
}

.giorno
{
	font-family:  Arial,  sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2E4B9B;
	padding-left: 2px;
}

.giornocalendario
{
	font-family:  Arial,  sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2E4B9B;
	padding-left: 2px;
}

.giornoappuntamento
{
	font-family:  Arial,  sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2E4B9B;
	padding-left: 2px;
}

.giornofestivo
{
	font-family:  Arial,  sans-serif;
	font-size: 12px;
	color: #A4A4A4;
	padding-left: 2px;	
}

.giornoassenza
{
	font-family:  Arial,  sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	padding-left: 2px;	
}

.container {
	text-align: left;
	width: 100%;
	margin: 0 auto;
	display: inline-block;

}

.container {
	display: block;
}

.container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* @end */

/* menu tab */

#navigation {
	color:black;
	font: 11px  Arial, sans-serif;
	background: white;
	height: 21px;
	padding-top: 15px;
	border-bottom:1px solid #a4bed4;
}

#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation ul li {
	text-align: center;
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
    border: 1px solid white;
    border-bottom:none;
}

#navigation ul li a:link, #navigation ul li a:visited {
	color: #000000;
	text-decoration: none;
	text-align: center;
	background: #d8eaff;
	padding: 5px 15px 5px;
	float: left;
    border: 1px solid #a4bed4;
    border-bottom:none;
}

#navigation ul li a:link.current, #navigation ul li a:visited.current {
	color: black;
    text-decoration: none;
	font-weight: bold;
    background-color:white;
    border: 1px solid #a4bed4;
    border-bottom:none;
   
}


#navigation ul li a:hover  {
    color: #ffffff;
    text-decoration: none;
    background-color:#ff9600;
	border: 1px solid #a4bed4;
    border-bottom:none;
}

/* @end  menu tab */



/* menu Risorsa visite tab verticale */

/* Primo DIV del menu sulla spalla sinistra  */
.div_MenuLeftSideBar_Principale 
{
    background-color:#284473;
    width:150px;
    min-width:150px;
    position:fixed;
    display:block;
    left:0;
    top:30px;
    bottom:0;
    height:auto;
}

.div_MenuLeftSideBar_Principale_Hidden
{
    background-color:#284473;
    width:0px;
    min-width:0px;
    display:none;
    left:0;
    top:30px;
    bottom:0;
    height:auto;
}

/* Secondo DIV del menu sulla spalla sinistra  */
#navigationVertical {
	
    font-weight: bold;
	font: 11px  Arial, sans-serif;
    height: 21px;
	padding-top: 15px;
    text-decoration:none;
    background-color:#284473;
    width:150px;
    left:0;
    top:40px;
    color:black;
    position:fixed;
    display:block;
    min-width:150px;
  
}

#navigationVertical ul {
	margin: 0;
	padding: 0;
}

#navigationVertical ul li {
    color:white;
    font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
    width:100%;
    text-decoration:none;
    padding: 5px 0px 5px;
    background-color: #284473;
    border-bottom: none;
}

#navigationVertical ul li a:link, #navigationVertical ul li a:visited {
	color:white;
    font-weight: normal;
	text-align: left;
    text-decoration:none;
    background-color: #284473;
    border-bottom: none;
    padding: 5px 0px 5px;
	float: left;
    width:100%;
  
}

#navigationVertical ul li a:link.current, #navigationVertical ul li a:visited.current {
	color: black;
    font-weight: bold;
    text-decoration:none;
    background-color:white;
    width:100%;
    padding: 5px 0px 5px;
    border-bottom: none;
}


#navigationVertical ul li a:hover  {
    color: #ffffff;
    text-decoration: none;
    /*font-weight: bold;*/
    background-color:#ff9600;
    width:100%;
    padding: 5px 0px 5px;
}

/* Terzo DIV del menu sulla spalla sinistra  */
.containerVertical 
{
    min-width:150px;
    width:150px;
    position:fixed;
    left:0;
}


/* @end  menu tab */

/* Layout */

#layout {
	background: #fff;
	padding: 0px 0;

}

/* @end layout  */


/* Login */


.login-input {
  
  text-align:center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color:white;
  color: black;
  width: 80%; 
  border: 1px solid #314d89;
  outline: none;
  padding: 12px 20px;
  color: #afafaf;
  font-family: 'Lato', sans-serif;
  cursor:pointer;
  height:30px;

}


#loginmain
{
	left:0px;
	top:0px;
	padding-bottom:5px;
	height:100%;
	width:100%;
	padding-top:5px;
	background-color:#ffffff;
	
}


#loginerror
{
    position:fixed;
	bottom:20%;
	height:auto;
	width:60%;
    left:20%;
	padding:5px;
    color:red;
    text-align:center;
	background-color:#f5f5f5;
    z-index:999;
}


.login-info-container {
    --textColor: #284473;

    height:10rem;
    width:99%;
    padding-left:5em;
    padding-right:5em;
    /*background-color:rgba(0,0,0,0.05);*/

    box-shadow: 0px 10px 15px grey;
}

.login-info-container span {
    margin-top:1em;
    padding-bottom:1em;
}

.login-info {
    font-size: 14px;
    color: var(--textColor);
}

.login-info-icon {
    font-size:18px;
    margin: 1em;
}

.login-info-title {
    color: var(--textColor);
    width:50%;
    padding: 0 1.5em 1em 1.5em;
    font-size:2em;
}


/* end login */
/*pulsanti - buttons */
.login-submit {
    display: block;
    width: 80%;
    height: 30px;
    margin-bottom: 0px;
    font-size: 12px;
    color: white;
    text-align: center;
    background-clip: padding-box;
    border: 1px solid #284473;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    background-color: #284473;
}

.login-submit:hover {
	display: block;
	width: 80%;
	height: 30px;
	margin-bottom: 0px;
	font-size: 12px;
	color: black;
	text-align: center;
	background-clip: padding-box;
	border: 1px solid #284473;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	cursor: pointer;
    background-color:#f5f5f5;
	
}


.button-submit {
    display: inline-block;
    vertical-align:central;
    margin-top: 2px;
    margin-left: 2px;
	height: 25px;
    min-width:75px;
	font-size: 12px;
	color: black;
	text-align: center;
	border: 1px solid #dbeafd;
    border-right: 1px solid #a8bed2;
    border-radius: 2px;
	cursor: pointer;
    background-color:#dbeafd;
	
}

.button-submit:hover {
	display: inline-block;
    vertical-align:central;
    margin-top: 2px;
    margin-left: 2px;
    height: 25px;
    min-width:75px;
	font-size: 12px;
	color: black;
	text-align: center;
	border: 1px solid #a8bed2;
    border-radius: 2px;
	cursor: pointer;
    background-color:#e5f0fd;
	
}
.button-submit:active {
  background: #e5f0fd;
}


.gruppoToolbar
{
	/* default per riquadri tabella  */
    width:100%;
    vertical-align:central;
    display: block;
    height: 29px;
	background-color:#dbeafd;
	border: 1px solid #a8bed2;
	border-radius: 1px; 
}

/* fine pulsanti */

/* pulsantiera moduli */

.AppTitle {
   height:10px;
    color:white;
	text-decoration: none;
	text-align: left;
    vertical-align:middle;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
  
}

.App {
    height:28px;
    color: black;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
    vertical-align:middle;
	cursor: pointer;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
 
}

.App:hover {
    height:28px;
    color: white;
	text-decoration: none;
	/*font-weight: bold;*/
	text-align: left;
    vertical-align:middle;
	cursor: pointer;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    background-color:#ff9600;
   
}

.App2_Empty {
    color: black;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
    vertical-align:middle;
    background-color: #f5f5f5;
    border-radius:5px;
    max-height: 80px;
    flex: 1 0 47%; 
}

.App2 {
    /*color: #284473;*/
    text-decoration: none;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    background-color: white;
    border-radius: 5px;
    border: 1px solid silver;
    max-height: 80px;
    flex: 1 0 47%;
}

.App2Container 
{
    display:flex;
    flex-wrap: wrap;
    gap: 5px 2%;
    padding-left: 10px;
}


.App2Box 
{
     display: flex;
     border-radius: 5px;
     min-width: 350px;
     flex-direction: column;
     flex: 1 0 49%;
     max-width: 50%;
}

.App2HeaderDiv
{
    text-align:left;
    height:20px;
    margin-bottom:5px;
    padding-left:5px;
}

.App2HeaderTitle
{   
    font-family: 'Arial';
    font-size: 15px;
    font-weight: var(--productTextWeight);
}


.App2Title 
{
    padding-bottom:5px;
    left:10px;
}

.App2Icon {
    /*color: #284473;*/
}

.App2BoxMyCanopo
{
     display: flex;
     border-radius: 5px;
     min-width: 350px;
     flex-direction: column;
     flex: 1 0 99%;
     max-width: 100%;
}

.App2Container4Items
{
    display:flex;
    flex-wrap: wrap;
    gap: 5px 1%;
    padding-left: 10px;
}

.App24Items {
    color: black;
    text-decoration: none;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    background-color: white;
    border-radius: 5px;
    border: 1px solid silver;
    max-height: 80px;
    flex: 1 0 21%;
    background-color: #c0c0c0;
    min-width: 150px;
    max-width: 400px;
}

.App2ContainerMyCanopo {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 1%;
    padding-left: 10px;
}

.App2MyCanopo {
    color: black;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
    vertical-align:middle;
	cursor: pointer;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    background-color: white;
    border-radius:5px;
    border: 1px solid silver;
    max-height: 80px;
    flex: 1 0 21%;
    background-color: #c0c0c0;
    min-width: 150px;
    max-width: 400px;
}

.App2MyCanopo:hover {
    color: white;
	text-decoration: none;
	text-align: left;
    vertical-align:middle;
	cursor: pointer;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    filter: brightness(90%);
   
}

.App2MyCanopo_Empty {
    color: black;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
    vertical-align:middle;
    background-color: #f5f5f5;
    border-radius:5px;
    max-height: 80px;
    flex: 1 0 21%; 
}

.App2ContainerMyCanopo .App2MyCanopo .App2Icon, .App2ContainerMyCanopo .App2MyCanopo .App2Title {
    color:#383838;
}


/* Inizio classi per ogni colore dei box HOME */

.TrainingManagmentColor 
{
    background-color: #c2a889;
    /*#ccb69c*/
}

.TrainingManagmentColorTitle
{
    color: #a89070;
}

.FrontLineColor 
{
    background-color: #d3c25f;
}

.FrontLineColorTitle
{
    color: #d3c25f;
}

.SafetyColor 
{
    background-color: #8fbc8f;
}

.SafetyColorTitle
{
    color: #2e7d32;
}

.CompanyOversightColor 
{
    background-color: #f4a460;
}

.CompanyOversightColorTitle
{
    color: #FF8C00;
}

.OccupationalHealthColor 
{
    background-color: #f08080;
}

.OccupationalHealthColorTitle
{
    color: #e53935;
}

.HumanResourcesColor 
{
    background-color: #b0c4de;
}

.HumanResourcesColorTitle
{
    color: #284473;
}

.IncidentManagementColor {
    background-color: #9bcace;
}

.App2ColorTitle {
    color: var(--productTextColor);
}


.App2Button {
    color: var(--buttonTextColor);
    background-color: var(--buttonBackgroundColor);
    /*transition: all 0.25s;*/
}

/*.App2Button * {
    transition: all 0.1s;
}*/

.App2Button:hover, .App2Button:hover .App2Icon, .App2Button:hover .App2Title {
    color:var(--buttonHoverTextColor);
    /*background-color: var(--buttonHoverBackgroundColor);*/
    /*border-color: var(--buttonBackgroundColor);*/
}

.App2Button:hover {
    background-color: var(--buttonHoverBackgroundColor);
}


 

/* FINE */


.noModulo {
    display:table-cell;
    width:240px;
    text-decoration: none;
	font-weight: bold;
	text-align: center;
    padding:10px;
    vertical-align:middle;
	cursor: default;
    height:260px;
	color: #000000;
    background-color:#E3E3E3;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    border-bottom: 1px solid #ffffff;
}


.noModulo:hover {
    display:table-cell;
    width:240px;
    color: white;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
    padding:10px;
    vertical-align:central;
	cursor: default;
    height:260px;
	background-color:#D90000;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    border-bottom: 1px solid #ffffff;
}


/*  end pulsantiera moduli */

.Table_TD_AlignTop td 
{
    vertical-align: top;   
}

.input 
{
    TEXT-ALIGN: left; 
    width: 99%;
}

.input_80{
	TEXT-ALIGN: left; 
	width: 80px;
	}
	
	.input_100{
	TEXT-ALIGN: left; 
	width: 100px;
	}
	
	.input_200{
	TEXT-ALIGN: left; 
	width: 200px;
	}
	
	.input_300{
	TEXT-ALIGN: left; 
	width: 300px;
	}
	
	.input_400{
	TEXT-ALIGN: left; 
	width: 400px;
	}
	
	.input_500{
	TEXT-ALIGN: left; 
	width: 500px;
	}
	
	.input_600{
	TEXT-ALIGN: left; 
	width: 600px;
	}

	.input_700{
	TEXT-ALIGN: left; 
	width: 700px;
	}
	
	
	.input_800{
	TEXT-ALIGN: left; 
	TEXT-INDENT: 0px; 
	width: 800px;
	}
	
	
	
	.textarea_200{
    TEXT-ALIGN: left; 
	TEXT-INDENT: 0px;
	width: 200px;
}


.textarea_300{
	TEXT-ALIGN: left; 
	TEXT-INDENT: 0px;
	width: 300px;
}


.textarea_400{
	TEXT-ALIGN: left; 
	TEXT-INDENT: 0px;
	width: 400px;
}

.textarea_450{
	TEXT-ALIGN: left; 
	TEXT-INDENT: 0px;
	width: 450px;
}


.textarea_500{
	TEXT-ALIGN: left; 
	TEXT-INDENT: 0px;
	width: 500px;
}


.textarea_600{
	TEXT-ALIGN: left; 
	TEXT-INDENT: 0px;
	width: 600px;
}


.select_900{
	TEXT-ALIGN: left; 
	TEXT-INDENT: 0px;
	max-width: 900px;
}

.select_800{
	TEXT-ALIGN: left; 
	TEXT-INDENT: 0px;
	max-width: 800px;
}

.select_700{
	TEXT-ALIGN: left; 
	TEXT-INDENT: 0px;
	max-width: 700px;
}

.select_600{
	TEXT-ALIGN: left; 
	TEXT-INDENT: 0px;
	max-width: 600px;
}

.select_500{
	TEXT-ALIGN: left; 
	TEXT-INDENT: 0px;
	max-width: 500px;
}

.select_400{
	TEXT-ALIGN: left; 
	TEXT-INDENT: 0px;
	max-width: 400px;
}


.select_300{
	TEXT-ALIGN: left; 
	TEXT-INDENT: 0px;
	max-width: 300px;
}

.select_200{
	TEXT-ALIGN: left; 
	TEXT-INDENT: 0px;
	max-width: 200px;
}

.select_100{
	TEXT-ALIGN: left; 
	TEXT-INDENT: 0px;
	max-width: 100px;
}


/*  Crystal  reports */

.crpage
{
    background-color:#FFFFFF;
    color:#000000;
    font-family:verdana,Arial;
}

.crheader
{
    background-color: #E4E4EC;
    color: #000000;
    font-family:verdana,Arial;
    border-bottom:1px solid #BEBED1;
}

.crheader A
{
    color:#000000;
    cursor:pointer;
    text-decoration:none;
}

.crheader A:hover
{
    color:#FF0000;
    cursor:pointer;
    text-decoration:none;
}

.crtitle
{
    color:#52526F;
    font-size:11pt;
    font-family:Arial;
}

.crpagepath
{
    background-color:#006699;
    color:#ffffff;
    padding-left:10px;
}

.crpagepath A
{
    color:#FFFFFF;
    cursor:pointer;
    text-decoration:none;
}

.crpagepath A:hover
{
    color:#FF0000;
    cursor:pointer;
    text-decoration:none;
}

.crwizard
{
    background-color:#CAC9D9;
    color:#000000;
    font-family:verdana,Arial;
    border-top:1px solid #FFFFFF;
}

.crwizardtitle
{
    color:#52526F;
    font-size:11pt;
    font-family:Arial;
}

.crwizardtabbackground
{
    background-color:#CAC9D9;
    color:#000000;
    font-family:Arial;
    font-size:10pt;
}

.crwizardtabbackground A
{
    text-decoration:none;
    color:#000000;
}

.crwizardtabborder
{
    background-color:#CAC9D9;
    color:#000000;
    font-family:Arial;
    font-size:11pt;
    border-left:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF;
    padding-bottom:7px;
    padding-top:10px;
}

.crwizardtabborder2
{
    border-bottom:1px solid #FFFFFF;
}

.crwizardtoolbar
{
    background-color:#CAC9D9;
    color:#000000;
    font-family:Arial;
    font-size:11pt;
}

.crwizardtoolbar A
{
    color:#000000;
    cursor:pointer;
    text-decoration:none;
}

.crwizardtoolbar A.hover
{
    color:#FF0000;
    cursor:pointer;
    text-decoration:none;
}

.crwizardinstructions
{
    color:#58587b;
    font-family: Arial;
    font-size:11pt;
}

.crwizardformula
{
    background-color:#CAC9D9;
    color:#000000;
    font-family:Arial;
    font-size:11pt;
}

.crwizardformulatextbox
{
    font-family:Arial;
    font-size:11pt;
}
.crwizardformulabutton
{
    font-family:Arial;
    font-size:9pt;
    font-weight:bold;
}

.crwizardfields
{
    background-color:#CAC9D9;
    color:#000000;
    font-family:Arial;
    font-size:11pt;
}

.crwizardfieldsselect
{
    font-family:Arial;
    font-size:9pt;
}

.crsearchresults
{
    background-color:#FFFFFF;
    color:#636384;
    font-family:Arial;
    font-size:10pt;
    border-width:0px;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:3px;
    padding-right:3px;
}

.crsearchresults A
{
    color:#636384;
    font-family:Arial;
    font-size:10pt;
}

.crsearchresults A:hover
{
    color:#636384;
    font-family:Arial;
    font-size:10pt;
}

.crsearchresultsalt
{
    background-color:#ECECF2;
    color:#636384;
    font-family:Arial;
    font-size:10pt;
    border-width:0px;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:3px;
    padding-right:3px;
}

.crsearchresultsalt A
{
    color:#636384;
    font-family:Arial;
    font-size:10pt;
}

.crsearchresultsalt A:hover
{
    color:#636384;
    font-family:Arial;
    font-size:10pt;
}

.crsearchresultstitle
{
    background-color:#DFDEEA;
    color:#000000;
    font-size:10pt;
    font-family:Arial;
    font-weight:normal;
    border-width:0px;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:3px;
    padding-right:3px;
}

.crsearchresultstoolbar
{
    background-color:#FFFFFF;
    color:#000000;
}

.crsearchresultstoolbar A
{
    color:#0000FF;
    cursor:pointer;
    text-decoration:none;
}

.crsearchresultstoolbar A:hover
{
    color:#FF00FF;
    cursor:pointer;
    text-decoration:none;
}

.crsearchresultsbutton
{
    font-size:9pt;
    font-family:Arial;
    font-weight:bold;
}

.crcaption
{
    color:#000000;
    font-size:14pt;
    font-family:verdana,Arial;
}


.crtoolbar
{
    background-color:#E4E4EC;
    color:#000000;
    font-size:8pt;
    font-family:verdana,Arial;
    border-bottom:1px solid #BEBED1;
    border-top:1px solid #FFFFFF;
}

.crtoolbar A
{
    color:#000000;
    cursor:pointer;
    text-decoration:none;
}

.crtoolbar A:hover
{
    color:#FF0000;
    cursor:pointer;
    text-decoration:none;
}

.crtoolbar A IMG
{
    border-style:none;
    border-width:0
}

.crtoolbarlist
{
    font-size:8pt;
    font-family:verdana,Arial;
}

.crtoolbartextbox
{
    font-size:8pt;
    font-family:verdana,Arial;
}

.crtoolbartextboxgoto
{
	font-size:8pt;
	font-family:verdana,Arial;
	width: 40px;
	height: 16px;
}

.crtoolbartextboxsearch
{
	font-size:8pt;
	font-family:verdana,Arial;
	width: 90px;
	height: 16px;
}

.crtoptoolbar
{
    background-color:#0073AA;
    color:#FFFFFF;
}

.crtoptoolbar A
{
    color:#FFFFFF;
    cursor:pointer;
    text-decoration:none;
}

.crtoptoolbar A:hover
{
    color:#FF0000;
    cursor:pointer;
    text-decoration:none;
}

.crcontent
{
    font-size:12pt;
}


/*  end crystal report*/


/* specifico DUVRI */

.tipologie 
{
    font-size:10pt;
    font-weight:bold;
    margin:3;
    text-align:center
}

/* end specifico DUVRI */

/* usato per la grafica caricamento in corso*/
.spinner {
display:    none;
position:   fixed;
z-index:    1000;
top:        0;
left:       0;
height:     100%;
width:      100%;
background: rgba( 255, 255, 255, .8 ) url('spinner.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
the scrollbar off with overflow:hidden */
body.loading {
overflow: hidden;
}

/* Anytime the body has the loading class, our
modal element will be visible */
body.loading .spinner {
display: block;
}

#overlay {visibility: hidden;position: absolute;left: 0px;top: 0px;width:100%;height:900px;z-index: 1000;background-color: #f0f0f0;opacity: 0.94; filter: alpha(opacity=94);}
#overlay #uploaderContainer {max-width:700px;width:99%;margin: 200px auto;padding:4px;border:1px solid #999999;background-color:#dddddd}

#overlayModal {visibility: hidden;position: absolute;left: 0px;top: 0px;width:100%;height:900px;z-index: 1000;background-color: #f0f0f0;opacity: 0.94; filter: alpha(opacity=94);}
#overlayModal #modalContainer {width:700px;margin: 200px auto;padding:4px;border:1px solid #999999;background-color:#ffffff}

/* ProgressBar */
#progressbar {border:1px solid #bebebe; background:#ffffff; width:99%; height:24px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;}
#status {background:#61B329; width:50%; height:24px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;}


/* gestione manichino */

#manichinoDpiContainer
{
position:relative;
top:0px;
left:0px;
height:0px;
margin-left:7px;
display:block;
height:650px;
}


#tabellaDPI
{
margin-top:0px;
width:95%;
}

#tabellaDPI th
{
border-bottom:1px solid #000;
font-size:11px;
text-align:left;
}

#tabellaDPI tbody td
{
height: 40px;
}



/*MEDIA: PRINT*/


/*IMMGAINI MANICHINO SUDDIVISO PER SEZIONI */

#manichino  /*BASE*/
{
border:0px solid green;

}

#manichinoDpiLivello0
{
position:absolute;
top:0px;
left:30px
}

#manichinoDpiLivello0 img
{
border:0px solid yellow;
}



/*DIMENSIONE IMG MANICHINO PER SEZIONE*/

#livelloTronco,
#livelloMano,
#livelloPiede,
#livelloVieRespiratorie,
#livelloOcchi,
#livelloUdito,
#livelloCranio,
#livelloVolto,
#livelloPelle,
#livelloGastroIntestinale,
#livelloBraccio,
#livelloGamba
{
border:0px solid red;
}


/* IMMAGINI DPI*/
#manichinoDpiLivelloTroncoLegenda img,
#manichinoDpiLivelloManoLegenda img,
#manichinoDpiLivelloGambaLegenda img,
#manichinoDpiLivelloBraccioLegenda img,
#manichinoDpiLivelloGastroIntestinaleLegenda img,
#manichinoDpiLivelloPiedeLegenda img,
#manichinoDpiLivelloVieRespiratorieLegenda img,
#manichinoDpiLivelloOcchiLegenda img,
#manichinoDpiLivelloUditoLegenda img,
#manichinoDpiLivelloCranioLegenda img,
#manichinoDpiLivelloVoltoLegenda img,
#manichinoDpiLivelloPelleLegenda img
{
border:0px solid red;
}

/*LIVELLI ETICHETTE quando le sezioni sono illuminate  */
#manichinoDpiLivelloTronco
{
position:absolute;
top:0px;
left:30px;
z-index:1;
border:0px solid red;
}

/*LIVELLO CHE CONTIENE IMG DPI */

#manichinoDpiLivelloTroncoLegenda,
#manichinoDpiLivelloManoLegenda,
#manichinoDpiLivelloGambaLegenda,
#manichinoDpiLivelloBraccioLegenda,
#manichinoDpiLivelloGastroIntestinaleLegenda,
#manichinoDpiLivelloPiedeLegenda,
#manichinoDpiLivelloVieRespiratorieLegenda,
#manichinoDpiLivelloOcchiLegenda,
#manichinoDpiLivelloUditoLegenda,
#manichinoDpiLivelloCranioLegenda,
#manichinoDpiLivelloVoltoLegenda,
#manichinoDpiLivelloPelleLegenda
{
	position:absolute;
	background-color: transparent;
	z-index:100;
	color:black;
	font-size:9px;
	width:240px;
}
#manichinoDpiLivelloTroncoLegenda
{
	top:303px;
	left:370px;
	border:0px solid red;
}
#manichinoDpiLivelloManoLegenda
	{
	top:417px;
	left:310px;
	border:0px solid red;
	}
	
#manichinoDpiLivelloPiedeLegenda
	{
	top:583px;
	left:310px;
	border:0px solid red;
	}	
#manichinoDpiLivelloVieRespiratorieLegenda
{
	top:145px;
	left:370px;
	border:0px solid red;
}
#manichinoDpiLivelloOcchiLegenda
	{
	top:108px;
	left:310px;
	border:0px solid red;
	}
#manichinoDpiLivelloUditoLegenda
	{
	top:72px;
	left:310px;
	border:0px solid red;
	}
#manichinoDpiLivelloCranioLegenda
	{
	top:35px;
	left:310px;
	border:0px solid red;
	}
#manichinoDpiLivelloVoltoLegenda
	{
	top:181px;
	left:310px;
	border:0px solid red;
	}
#manichinoDpiLivelloPelleLegenda
	{
	top:265px;
	left:310px;
	border:0px solid red;	
	}
#manichinoDpiLivelloGastroIntestinaleLegenda
	{
	top:339px;
	left:400px;
	border:0px solid red;
	}
#manichinoDpiLivelloBraccioLegenda
	{
	top:454px;
	left:320px;
	border:0px solid red;
	}	
#manichinoDpiLivelloGambaLegenda
	{
	top:546px;
	left:320px;
	border:0px solid red;
	}
	
	
	
	
#manichinoDpiLivelloTronco,
#manichinoDpiLivelloMano,
#manichinoDpiLivelloGamba,
#manichinoDpiLivelloBraccio,
#manichinoDpiLivelloGastroIntestinale,
#manichinoDpiLivelloPiede,
#manichinoDpiLivelloVieRespiratorie,
#manichinoDpiLivelloOcchi,
#manichinoDpiLivelloUdito,
#manichinoDpiLivelloCranio,
#manichinoDpiLivelloVolto,
#manichinoDpiLivelloPelle
{
position:absolute;
top:0px;
left:30px;
border:0px solid red;
}
	
#manichinoDpiLivelloMano
{
z-index:2;
}
#manichinoDpiLivelloPiede
{
z-index:3;
}
#manichinoDpiLivelloOcchi
{
z-index:5;
}
	
#manichinoDpiLivelloUdito
{
z-index:6;
}
#manichinoDpiLivelloCranio
{
z-index:7;
}
#manichinoDpiLivelloVolto
{
z-index:8;
}
#manichinoDpiLivelloPelle
{
z-index:9;
}
#manichinoDpiLivelloGastroIntestinale
{
z-index:10;
}
#manichinoDpiLivelloBraccio
{
z-index:11;
}
#manichinoDpiLivelloGamba
{
z-index:12;
}
#manichinoDpiLivelloVieRespiratorie
{
z-index:4;
}

/* @home box */

#application {
	height:auto;
	width:100%;
	position:absolute;
	margin:auto;
	top:5px;
	
}	


.grid-sizer,
.grid{
	width:70px;
    height:70px;
    margin-bottom:10px;
    margin-left:5px;
    margin-right:5px;
    display:table-row; 
    text-align:center;
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}


.grid strong {
	border-bottom:1px solid #ccc;
	margin:10px 0;
	display:block;
	font-size:17px;
}
.grid .meta{
	text-align:right;
	color:#777;
	font-style:italic;
}



.grid .imgholder  img{
	max-width:100%;
	background:#ccc;
	display:block;
}


.dhtmlxEditor 
{
     border:#cccccc 1px solid;
}

/* @fine home box */

.skToolbar 
{
     background:#DAEBFF;
     border:1px solid #A4BED4;
}



/* Div comune per il main interno alle sezioni   */

.div_MainInternoRidotto 
{
     margin-left:160px;
     margin-right:10px;
     margin-top:0px;   
}

.div_MainInternoRidotto_Expanded 
{
     margin-left:0px;
     margin-right:10px;
     margin-top:0px;   
}

/* ID loader per Charts */
.loaderChart {
      position: relative;
      left: 50%;
      top: 50%;
      z-index: 1;
      width: 35px;
      height: 35px;
      margin: -65px 0 0 -76px;
      border: 7px solid #f3f3f3;
      border-radius: 50%;
      border-top: 7px solid #3498db;
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
      }
      
    @-webkit-keyframes spin {
      0% { -webkit-transform: rotate(0deg); }
      100% { -webkit-transform: rotate(360deg); }
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

/* gestione responsive ************************************************************************************************************************/

.App2Title {
	vertical-align: bottom;
	/*color:white;*/
	font-size:15px;
	position:relative;
}

/* visualizzazione mobile *********************************************************************************************************************/
@media only all and (max-width: 480px)
{

#charts {
    display:none;
}

#system
{
	display:inline-block;
    text-align:left;
    vertical-align:top;
    width:25%;

}

#user
{
	display:inline-block;
    text-align:right;
    vertical-align:top;
    min-width:15%;
 
}

#leadin2 {
    display:block;
    position:fixed;
    height:auto;
    bottom:0;
    top:20px;
    left:0;
    right:0;
    overflow:auto;
}



#database
{
	display:inline-block;
    text-align:right;
    vertical-align:top;
    min-width:205px;
}


#footer {
	display:none;
}

#leftSidebar {
    background-color:#284473;
    width:50%;
    position:fixed;
    left:0;
    top:25px;
    bottom:0;
    height:auto;
    overflow:auto;
}

#rightsidebar
{
	background-color:#f5f5f5;
    width:50%;
    position:fixed;
    right:0;
    top:25px;
    bottom:0;
    height:auto;
    overflow:auto;
}

/* login section*/

#logotitle
{
	width:70%;
    position:absolute;
    margin-left:15%;
    top:5%;
}

.Logo {
  font-family: 'Good Times';
  font-size:3.5em;
  color:#284473;
  text-align:center;
  align-self:center;
  display:block;
}


.Version {
  font-family: 'Good Times';
  font-size:1em;
  color:#284473;
  vertical-align:super;
  text-align:center;
  align-self:center;
  display:block;

}

#gruppologin
{
  width:70%;
  border: 1px solid #284473;
  border-bottom-color: #284473;
  border-radius: 5px; 
  padding-top:5px;
  position:absolute;
  margin-left:15%;
  top:22%;
  background-color:white;
  box-shadow: 0px 10px 15px grey;

}

#loginbox
{
    display:block;
    width:100%;
}

#logobox
{
   display:block;
   width:60%;
   margin-left:20%;
   margin-bottom:5%;
}

.canopobackground
{
  background-image:url("/img/background-min.jpg");
  width:100%;
  height:100%;
  position:absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.App2Title 
{
    left:5px;
}


}

/* visualizzazione pad *********************************************************************************************************************/

@media only all and (min-width: 481px) and (max-width: 1023px)
{
 
/*  home utente  */

#charts {
     display:table;
    width:100%;
    overflow:auto;
}

#system
{
	display:none;
    text-align:left;
    vertical-align:top;
    width:25%;

}

#database
{
	display:inline-block;
    text-align:right;
    vertical-align:top;
    min-width:205px;
	width:50%;
 
}

#user
{
	display:inline-block;
    float:right;
    vertical-align:top;
 
}

#mainContainer {
    margin-left:205px;
    margin-right:15px;
    margin-top:30px;
}


#leadin2 {
    display:block;
    position:fixed;
    height:auto;
    bottom:0;
    top:20px;
    left:0;
    right:0;
    overflow:auto;
}




#leftSidebar {
    background-color:#284473;
    width:190px;
    position:fixed;
    left:0;
    top:25px;
    bottom:0;
    height:auto;
    overflow:auto;
}


#footer
{
	display:none;
}

#loginfooter
{
	left:0px;
	bottom:0px;
	padding-bottom:5px;
	height:15px;
	width:100%;
	position:fixed;
	padding-top:5px;
	z-index:999;
    color:#284473;
	background-color:#ffffff;
}

#rightsidebar
{
	background-color:#f5f5f5;
    width:205px;
    position:fixed;
    right:0;
    top:25px;
    bottom:0;
    height:auto;
    overflow:auto;
}

/* login section*/

#logotitle
{
	width:50%;
    position:absolute;
    margin-left:25%;
    top:10%;
}

.Logo {
  font-family: 'Good Times';
  font-size:4em;
  color:#284473;
  text-align:center;
  align-self:center;
  display:block;
}


.Version {
  font-family: 'Good Times';
  font-size:1em;
  color:#284473;
  vertical-align:super;
  text-align:center;
  align-self:center;
  display:block;

}

#gruppologin
{
  width:40%;
  border: 1px solid #284473;
  border-bottom-color: #284473;
  border-radius: 5px; 
  padding-top:5px;
  position:absolute;
  margin-left:30%;
  top:22%;
  background-color:white;
  box-shadow: 0px 10px 15px grey;
}

#loginbox
{
    display:block;
    width:100%;
}

#logobox
{
   display:block;
   width:60%;
   margin-left:20%;
   margin-bottom:5%;
}


.canopobackground
{
  background-image:url("/img/background-medium.jpg");
  width:100%;
  height:100%;
  position:absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}


}

/* visualizzazione desktop **********************************************************************************************************************/
@media only all and (min-width: 1024px)

/*  home utente  */

{
#charts {
    display:table;
    width:100%;
    overflow:auto;
}

#mainContainer {
    margin-left:205px;
    margin-right:50px;
    margin-top:30px;
}

#leadin2 {
    display:block;
    position:fixed;
    height:auto;
    bottom:0;
    top:20px;
    left:0;
    right:0;
    overflow:auto;
}

#system
{
	display:inline-block;
    text-align:left;
    vertical-align:top;
    width:25%;

}

#database
{
	display:inline-block;
    text-align:right;
    vertical-align:top;
    min-width:205px;
	width:50%;
 
}

#user
{
	display:inline-block;
    float:right;
    vertical-align:top;
    width:25%;
 
}


#leftSidebar {
    background-color:#284473;
    width:190px;
    position:fixed;
    left:0;
    top:25px;
    bottom:0;
    height:auto;
    overflow:auto;
}

#footer
{
	position:absolute;
    bottom:10px;
    width:100%;
}

#loginfooter
{
	left:0px;
	bottom:0px;
	padding-bottom:5px;
	height:15px;
	width:100%;
	position:fixed;
	padding-top:5px;
	z-index:999;
    color:#284473;
	background-color:#ffffff;
}

#rightsidebar
{
	background-color:#f5f5f5;
    width:200px;
    position:fixed;
    right:0;
    top:25px;
    bottom:0;
    height:auto;
    overflow:auto;
}

/* usato per la login */

#logotitle
{
	width:100%;
    position:absolute;
    top:10%;
}

.Logo {
  font-family: 'Good Times';
  font-size:4.5em;
  color:#284473;
  text-align:center;
  align-self:center;
  display:block;
}


.Version {
  font-family: 'Good Times';
  font-size:1.2em;
  color:#284473;
  vertical-align:super;
  text-align:center;
  align-self:center;
  display:block;

}

#gruppologin
{
  position: fixed;
  width:460px;
  border: 1px solid #284473;
  border-bottom-color: #284473;
  border-radius: 5px; 
  padding-top:5px;
  position:absolute;
  margin-left:-230px;
  top:28%;
  left:50%;
  background-color:white;
  vertical-align:central;
  box-shadow: 0px 10px 15px grey;
}

#loginbox
{
	display:inline-block;
    width:54%;
}

#logobox
{
	display:inline-block;
    width:46%;
    vertical-align:top;
}

.canopobackground
{
  background-image:url("/img/background-max.jpg");
  width:100%;
  height:100%;
  position:absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}


.invio-alert-responsabile-i:hover 
{
    cursor: pointer;
}

.App2Title 
{
    left:15px;
}

	
/* @end */


</pre></body></html>