body { font-family: 'Open Sans', sans-serif; }

.tableFixHead {  overflow-y: auto;  }

.tableFixHead thead th 
{
  position: sticky;
  top: 155px;
  background: #d0d0d0; color:black; z-index:100;
}

.tableFixHeadZ thead th 
{
  position: sticky;
  top: 0px;
  background: #d0d0d0; color:black; z-index:100;
}

.tableFixHeadPop thead th 
{
  position: sticky;
  top: 0px;
  background: #d0d0d0; color:white; z-index:100;
}


table_fix 
{
  border-collapse: collapse;
  width: 100%;  
}

#header 
{
    background-color: white;
    color: black;
    font-size:small;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height:75px;
    padding: 0px;
    margin: 0px;
    z-index:1500;
    border-bottom: 2px solid #F0F0F0;    
}

#header #header-content { margin: 0px; }

#header #header-info    { font-size:x-small; float:right; width:40%; padding: 5px 5px 5px 5px; }

.obra_status 
{
	font-size: 20px;
	position: fixed;
	background-color: rgba(240,240,250,1);
	color: black;
    top: 75px;
    left: 0px;
    width: 100%;
    height:30px;
	padding: 0px 5px 0px 0px;
	font-weight: bold;
	text-align:left; 
	z-index:1500;
}

.obra_status_mobile 
{
	font-size: 20px;
	position: fixed;
	background-color: rgba(240,240,250,1);
	color: black;
    top: 0px;
    left: 0px;
    width: 100%;
    height:30px;
	padding: 0px 5px 0px 0px;
	font-weight: bold;
	text-align:center; 
	z-index:1500;
}

.status { float:right; color:red; font-size:small; padding: 3px 3px 3px 3px; }

.obra 
{
	font-size: 20px;
	float:left;
    height:30px;
	padding: 0px 5px 0px 0px;
	font-weight: bold;
	text-align:left; 
}

.obra_small 
{
	font-size: 14px;
	float:left;
    height:30px;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	text-align:left; 
}

.work 
{  
    background-color: rgba(255,255,255,1.0);
    width: 100%;
    padding: 0px;
    margin-top:130px;
    margin-left: 0px;
    text-align:center;    
    font-size:small;
}

.work_mobile 
{  
    background-color: rgba(255,255,255,1.0);
    width: 100%;
    padding: 0px;
    margin-top:80px;
    margin-left:0px;
    text-align:center;    
    font-size:small;
    float: left;
}

.work_pop 
{  
    background-color: rgba(255,255,255,1.0);
    width: 100%;
    padding: 0px;
    margin-top:0px;
    margin-left:0px;
    text-align:center;    
    font-size:medium;
}


.green  
{ font-size: large; 
	background-color: #CCFFA2;
	color: green;
	margin-left: 0px;
    top: 10px;
    left: 0px;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	text-align:center;
}

.red   
{ 
	font-size: large; 
	background-color: #FFA3A3;
	color: black;
	margin-left: 0px;
    top: 10px;
    left: 0px;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	text-align:center;
}

.blue  
{ 
	font-size: large; 
	background: #e4edf5;
	color: navy;
	margin-left: 0px;
    top: 10px;
    left: 0px;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	text-align:center;
}
				
.yellow 
{ 
	font-size: large; 
	background-color: gold;
	color: black;
	margin-left: 0px;
    top: 10px;
    left: 0px;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	text-align:center;
}

.verde	{background-color: #00FF00 !important;}
.amarelo {background-color: #FFFF00 !important;}
.laranja {background-color: #EAA91E !important;}
.vermelho {background-color: #FD4444 !important;}

.small     {font-size: small;  font-weight: bold; text-align:center; color:black; margin: 0px auto;}
.large 	   {font-size: x-large; }
.medium	   {font-size: large; }
.chiaro    {font-size: medium; font-weight: bold; text-align:center; color:black; margin: 0px auto;}
.errore    {font-size: medium; font-weight: bold; text-align:center; color:red; margin: 0px auto;}

.grey	   {background-color:#F0F0F0;}
.darkgrey  {background-color:#A0A0A0;}
.bold	   {font-weight:bold;}

.titolo    {text-align:center; font-size:small; font-weight:bold; color:white; background-color:#3F3D88;}

.titolo_fixed   
{
  text-align:center; font-size:small; font-weight:bold; color:white; background-color:#3F3D88;
  position: fixed;
  width:100%;
}

.title       {text-align:center; font-size:small; font-weight:bold; color:white; background-color:#3F3D88;}
.title_large {text-align:center; font-size:large; font-weight:bold; color:white; background-color:#3F3D88;}

.titolox   {text-align:center; font-size:small; font-weight:bold; color:white; background-color:red;}
.titlex    {text-align:center; font-size:small; font-weight:bold; color:white; background-color:red;}

.warnnig   {font-size: x-small; font-weight: bold; text-align:center; color: navy;}
.rigido    {font-size: large; font-family:monospace;}

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

.link	   {text-decoration:none; color:navy;}
:hover.link {color:red; cursor:pointer;}

.larg70 { width:70%; }

/*
.tasto     {font-size:large; font-weight:bold; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
:hover.tasto {background-color:#BBE4FF;  cursor:pointer;}
*/

.tasto {
    background-color: white;
    border: 1px solid #4c7094;
    border-radius: 3px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: navy;
    display: inline-block;
    font-family: Open Sans,sans serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    height: 32px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    padding: 4px;
    min-width: 80px;
}
.tasto:hover { background-color:  #4c7094; color:#ffffff; cursor:pointer;}
.tasto:active { position: relative; top: 1px; }


/*
.tastog     {font-size:large; font-weight:bold; color:green; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
:hover.tastog {background-color:lightgreen;  cursor:pointer;}
*/


.tastog {
    background-color: white;
    border: 1px solid #4c7094;
    border-radius: 3px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: green;
    display: inline-block;
    font-family: Open Sans,sans serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    height: 32px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    padding: 4px;
    min-width: 80px;
}
.tastog:hover {background-color:lightgreen;  cursor:pointer;}
.tastog:active { position: relative; top: 1px; }

/*
.tastoy     {font-size:large; font-weight:bold; color:brown; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
:hover.tastoy {background-color:yellow;  cursor:pointer;}
*/

.tastoy {
    background-color: white;
    border: 1px solid #4c7094;
    border-radius: 3px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: brown;
    display: inline-block;
    font-family: Open Sans,sans serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    height: 32px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    padding: 4px;
    min-width: 80px;
}
.tastoy:hover {background-color:yellow;  cursor:pointer;}
.tastoy:active { position: relative; top: 1px; }

/*
.tastox    {font-size:large; font-weight:bold; color:red; font-weight:bold; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
:hover.tastox {background-color:#FFBDBD;  cursor:pointer;}
*/

.tastox {
    background-color: white;
    border: 1px solid #4c7094;
    border-radius: 3px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: red;
    display: inline-block;
    font-family: Open Sans,sans serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    height: 32px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    padding: 4px;
    min-width: 80px;
}
.tastox:hover {background-color:pink;  cursor:pointer;}
.tastox:active { position: relative; top: 1px; }

.dettaglio {background-color:white; width:100%; line-height:18px; font-weight:bold; border-spacing: 2px; }

.info {font-size:medium; font-weight:bold; border-spacing:1px; }

.calendario {background-color:white; width:100%; line-height:22px; font-weight:bold; border-spacing:4px; border: 1px solid black; }

:hover.riga {background-color:yellow;}

:hover.imgbutton {background-color:white; cursor:pointer;}

.parametro  {  }

.action_button_blue 
{
    background-color: white;
    border: 1px solid #4c7094;
    border-radius: 3px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: navy;
    display: inline-block;
    font-family: Open Sans,sans serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    height: 22px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    padding: 3px;
    min-width: 80px;
}
.action_button_blue:hover { background-color:  #4c7094; color:#ffffff; cursor:pointer;}
.action_button_blue:active { position: relative; top: 1px; }

.action_button_green 
{
    background-color: lightgreen;
    border: 1px solid #4c7094;
    border-radius: 3px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: green;
    display: inline-block;
    font-family: Open Sans,sans serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    height: 22px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    padding: 3px;
    min-width: 80px;
}
.action_button_green:hover { background-color: white; cursor:pointer;}
.action_button_green:active { position: relative; top: 1px; }

.action_button_yellow 
{
    background-color: yellow;
    border: 1px solid #4c7094;
    border-radius: 3px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: black;
    display: inline-block;
    font-family: Open Sans,sans serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    height: 22px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    padding: 3px;
    min-width: 80px;
}
.action_button_yellow:hover { background-color: orange; cursor:pointer;}
.action_button_yellow:active { position: relative; top: 1px; }

.action_button_red 
{
    background-color: white;
    border: 1px solid #4c7094;
    border-radius: 3px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: red;
    display: inline-block;
    font-family: Open Sans,sans serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    height: 22px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    padding: 3px;
    min-width: 80px;
}
.action_button_red:hover { background-color: pink; cursor:pointer;}
.action_button_red:active { position: relative; top: 1px; }

.action_button_white 
{
    background-color: white;
    border: 1px solid #4c7094;
    border-radius: 3px;
    box-shadow: 0 0 0 0 #fed897 inset;
    color: black;
    display: inline-block;
    font-family: Open Sans,sans serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    height: 22px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    padding: 3px;
    min-width: 80px;
}
.action_button_white:hover { background-color: grey; cursor:pointer;}
.action_button_white:active { position: relative; top: 1px; }


.campo 
{		
		background-color:#FAFAFA;
        border: 1px solid #ccc;
     	color: #000000;
     	text-align:left;
     	font-size: small;
     	font-style: normal;
     	font-weight: bold;
     	padding: 1px;
}

.campo_center 
{
		background-color:#FAFAFA;
        border: 1px solid #ccc;
     	color: #000000;
     	text-align:center;
     	font-size: small;
     	font-style: normal;
     	font-weight: bold;
     	padding: 1px;
}

.campo_center_large 
{
		background-color:#FAFAFA;
        border: 1px solid #ccc;
     	color: #000000;
     	text-align:center;
     	font-size: large;
     	font-style: normal;
     	font-weight: bold;
     	padding: 1px;
}

.readonly 
{
		background-color: #D0D0D0;
        border: 1px solid #ccc;
     	color: #000000;
     	font-size: small;
     	font-style: normal;
     	font-weight: bold;
     	padding: 1px;
}

.numero 
{
		background-color: #FAFAFA;
        border: 1px solid #ccc;
     	color: #000000;
     	text-align:right;
     	font-size: small;
     	font-style: normal;
     	font-weight: bold;
     	padding: 1px;
}

.hhmmss 
{ 
		background-color: #FAFAFA;
        border: 1px solid #ccc;
     	color: #000000;
     	text-align:center;
     	font-size: small;
     	font-style: normal;
     	font-weight: bold;
     	padding: 1px;
}
     	
.areatesto 
{
		background-color: #FAFAFA;
        border: 1px solid #ccc;
     	color: #000000;
     	text-align:left;
     	font-size: medium;
     	font-weight: bold;
     	padding: 3px;
     	width:95%;
}

.areatesto_readonly 
{
		background-color: #D0D0D0;
        border: 1px solid #ccc;
     	color: #000000;
     	text-align:left;
     	font-size: medium;
     	font-weight: bold;
     	padding: 3px;
     	width:95%;
}

.pannello {  }

.msgline { height:48px; }

p.accordion
{ 
		cursor: pointer; 
	     background-color: #E0E0E0; 
	     color:black; 
	     height:24px; 
	     font-size:medium; 
	     font-weight:bold;
	     padding-top: 8px; text-align:center;
}
	     
div.accordion{ display: none; background-color:#FFFFFF;  text-align:center;}

.blink { animation: blinker 3.0s linear infinite; color: red; font-weight:bold; }
            
@keyframes blinker  { 50% { opacity: 0; } }