/** BASIC **/

html 
{ 
	height: 100%;
}

body
{
	margin: 0 auto;
	overflow: hidden;
	/* maurizio */
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
	background-attachment: fixed;  
	background-position: center bottom; 
	background-size: 50% 50%;
}

a
{
	color: #111111;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	color: #000000;
}

.centered
{
	position: absolute;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
} 

/** END BASIC **/

/*** SPECIFIC ***/

html
{
	font: 12px/1.5 Helvetica;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)) no-repeat;
  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F5F9), color-stop(36%,#828c95), color-stop(100%,#7FC6EA)) no-repeat;  
}

body
{
	padding-top: 70px;
	padding-left: 20px;
	padding-bottom: 40px;
	padding-right: 20px;
}

/*** END SPECIFIC ***/

/*** HEADER AND MENU ***/

header
{
  background: #ffffff;
  top: 5px;
  width: 100%;
  /*height: 42px; */
  height: 70px;
	text-align: center;
	color: #ffffff;
  -webkit-box-shadow: 0px 3px 6px #4171ED;
  color: #4171ED;
}

#header_left
{
  width: 220px;
  float: left;
}

#header_right
{
  width: 220px;
  float: right;
}

header > span
{
  display: none;
  
  margin-left: 20px;
  margin-right: 20px;
}

header img
{
	margin-top: 1px;
	margin-left: 8px;
	margin-right: 8px;
}

#menu
{
  position: absolute;
 /* width: 800px; */
  margin: auto;
  
  margin-top: -4px;
  
  z-index: 1000;
  
  display: block;
}

#menu > div
{
  width: 90px;
  
  display: inline-block;

  padding: 2px;
  
  margin-left: 3px;
  margin-right: 3px;
  
  vertical-align: top;
}

#menu > div img
{
  width: 48px;
  height: 48px;
}

#menu > div span
{
  width: auto;
  min-width: 80px;
  
  margin-top: 1px;
  
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8);
  -webkit-border-radius: 4px;
  
  background: rgba(25,25,25,0.8);
  
  color: white;
  
  font-weight: bold;
  font-size: 9px;
  
  padding: 2px;
  margin-top: 0px;
  
  display: none;
  
  cursor: default;
}
  
  

#menu > div span:nth-child(2)
{
  display: inline-block;
  
  width: 90px;
  
  background: rgba(0,0,0,0.8);
  
  margin-top: 3px;
  
  font-size: 10px;
}

#menu > div:hover span
{
  display: inline-block;
}

#menu > div:hover span:hover
{
  color: #c6e2ff;
}

#menu > div:hover span:nth-child(2)
{
  color: #c6e2ff;
}

#group_logo
{
  float: left;
  margin-left: 10px;
}

#login_logo
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#logo
{
  display: block;
  
  float: right;
  margin-right: 10px;
}

header > div:last-child
{
  margin: auto;
}

#settings_button
{
  float: right;
  margin-left: 5px;
  margin-right: -10px;
}

img.reflex
{
	-webkit-box-reflect: below -5px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.65, transparent), to(white));
}

/*** END HEADER AND MENU ***/

/*** FOOTER AND ACCESSORIES ***/

footer
{
  bottom: 0px;
  width: 150px;
  height: 25px;
  
  text-align: center;  
}

#footer_left
{
  float: left;
  text-align: left;
  
  bottom: 0px;
  left: 0px;
  
  position: absolute;
  
  margin: 7px;
  margin-left: 20px;
  
  display: none;
}

#footer_right
{
  float: right;
  text-align: right;
  
  bottom: 0px;
  right: 0px;
  
  position: absolute;
  
  margin: 7px;
  margin-right: 20px;
}

/*** END FOOTER AND ACCESSORIES ***/

/*** TITLEBAR ***/

.titlebar
{
  display: block;
  
  text-align: center;
  
  padding: 5px 10px 6px;
  //-webkit-box-shadow: 0px 3px 6px #4171ED;
  -webkit-border-radius: 5px 5px 0 0;
  -webkit-box-shadow: 0 2px 3px #4171ED;
  border-bottom: 1px solid rgba(0,0,0,0.25);  
  
  /*position: relative;
  top: 0;
  left: 0;*/
  width: auto; 
  height: 15px;
  margin: auto;
  
  background-color: #4171ED;
}

.titlebar
{
  border-top: 1px solid #fff;  
 /* background: #ccc -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(240, 240, 240)), to(rgb(210, 210, 210)));  */
  /*-webkit-border-radius: 2px;  */
  -webkit-box-shadow: 0 2px 3px #4171ED;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);  
  border: 1px solid rgba(0,0,0,0.5);
  
  z-index: 1001;
  
 /* background: #ccc -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(240, 0, 0)), to(rgb(210, 0, 0)));  */
  
  overflow: hidden; /* evita casini in caso di finestra piccola e searchbox */
}

.titlebar_toolbar_left
{
  width: 70px;
  float: left;
  display: inline-block;
}

.titlebar_toolbar_right
{
  width: 70px;
  float: right;
  display: inline-block;
}

.titlebar_title
{
  width: auto;
  margin: auto;
  
  text-align: center;
  color: #ffffff;
 
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);  
  
  cursor: default;
  
  display: inline;
  
  padding-top: 15px;
}

.titlebar_button
{
  z-index: 1000;
  float: right;
  margin-top: -4px;
  margin-right: -4px;
  padding: 0px;
}

.titlebar_searchbox
{
  width: 70px;
  
  -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.7);
  
  border: 1px solid rgba(0,0,0,0.65);
  
  margin-top: -2px;
  margin-left: -3px;
  height: 15px;
}

.modalbar
{
  display: block;
  
  text-align: center;
  
  padding: 4px;
  
  border-bottom: 1px solid rgba(0,0,0,0.25);  
  
  width: auto; 
  height: 15px;
  margin: auto;
}

.modalbar_toolbar_left
{
  width: 40px;
  height: 19px;
  float: left;
  display: inline-block;
}

.modalbar_toolbar_right
{
  width: 40px;
  height: 19px;
  float: right;
  display: inline-block;
}

.modalbar_title
{
  width: auto;
  margin: auto;
  
  text-align: center;
  
  color: #000000;
  font-weight: bold;
  
  line-height: 1;
  
  cursor: default;
  
  display: inline;
}

.modalbar_button
{
/*  display: inline-block;*/
  z-index: 1000;
/*  float: left;*/
/*  margin-top: -5px;*/
/*  margin-left: -2px;*/
  padding: 0px;
}

.modalbar_button /* on the bottom-left */
{
  display: block;
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.modalbar_closebutton
{
  position: absolute;
  display: inline-block;
  
  z-index: 1000;
  float: right;
  
  text-align: center;
  
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);  
  border-bottom: 1px solid rgba(0,0,0,0.25);  
  cursor: pointer;  
  
  background-color: #e33100;
  
  width: 20px;
  padding: 1px;
  right: 3px;
  top: 3px;
  
  font-size: 11pt;
}

.modalbar_closebutton:hover
{
  color: #ffffff;
  background-color: #c6e2ff;
}

/*** END NEW TITLEBAR ***/


/*** BOX ***/

div#overlay
{
  width:100%;   
  height:100%;  
   
  /*opacity: 0.5;*/
  
  background:#000;   
  
  position:absolute;   
  top:0; left:0;   
  z-index:1000;   
  
  display:none;  
  
  background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5), rgba(127, 127, 127, 0.5) 35%, rgba(0, 0, 0, 0.7));
}

div.box
{
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
  -webkit-border-radius: 5px;  
  background:#eee;  
  position:absolute;   
  z-index:999;   
  display:none;  
}

div.box .content
{  
  text-align:left;   
  padding:5px;   
  margin:10px;  
  color:#505050;  
  
  overflow: auto;
  overflow-x: hidden;
}

div.box .content p
{
  font-weight:700; margin:0px;  
}

div.box .wait
{
  text-align: center;
}

div.back
{
  position:absolute;
  z-index: 990;
  display:block;
}

div.back .content
{  
  text-align:left;   
  padding:5px;   
  margin:10px;  
  color:#505050;  
  
  overflow: auto;
  overflow-x: hidden;
}

/*** END BOX ***/

/*** ERROR_SMALL ***/

div#error_small
{
  display:none;
  color:#ff0000;
  font-weight:bold;
  margin:auto;
  text-align:center;
  color: #505050;
}

/*** SECTION ***/

p.section
{
  font-size: 14px;
  padding: 10px 0 0 5px;
  margin: -1px;
  
  color: #000000;
  
  font-weight: bold;
}

hr.section
{
  margin-top: 0px;
  background-color: #000000;
  color: #000000;
  border: 0px;
  height: 1px;
}

/*** END SECTION ***/

/*** TEXT ***/

p.text
{
  font-size: 12px;
  padding: 0 0 0 10px;
  
  color: #333333;
}

/*** END TEXT ***/

/*** TABLE ***/

div.table_container
{
  width: 100%;
  margin: auto;
  height: 97%;
}

div.table_header
{
  width: 100%;
  margin: auto;
  
  margin-bottom: 0px;
  
  display: table;
  table-layout: fixed
}

div.table_header > div
{
  font-weight: bold; 
  font-variant: small-caps;
  
  color: #000000;
  
  margin-left: 2px;
  
  padding-left: 4px;
  
  display: table-cell;
  
  font-size: 14px;
}


div.table_header > div > a[ordered="true"]:after
{
  content: url('img/sort_down.png');
}

div.table_header > div > a[ordered="false"]:after
{
  content: url('img/sort_up.png');
}

div.table_body_container
{
  width: 100%;
  margin: auto;
  height: 95%;
  
  overflow: auto;
  overflow-x: hidden;
  
  -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5);
  
  border-bottom: 1px solid rgb(200,200,200);
}

div.table_body
{
  width: 100%;
  margin: auto;
  
  display: table;
  table-layout: fixed
}

div.table_row
{
  width: 100%;
  
  margin: 0;
  
  display: table-row;
}

div.table_body > div > div
{
  padding: 5px;
  padding-bottom: 4px;
  padding-top: 6px;
  
  margin: 0;
  
  display: table-cell;
  
  border-bottom: 1px solid rgba(0,0,0,0.25);
  
  cursor: default;
}

div.table_body > div > div > img
{
  width: 20px;
  height: 20px;
  margin:-5px;
  /*padding-left: 12px;*/
  padding-left: 5px;
  border:0px;
  position: relative;
  margin-right:5px  
}


div.table_row:hover
{ 
  font-weight: bold;
  color: #000000; 
   background:#c6e2ff
/*   #03a9f4; */
   /*#ff4d00; */
}

div.table_row a 
{
  color: #505050;
  
  font-weight: normal;
  font-variant: small-caps;
  padding: 1px;
  padding-top: 1px;
  padding-bottom: 0px;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.75);
  background: #ccc -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(240, 240, 240)), to(rgb(180, 180, 180)));  
  width: 95%;
  display: block;
  margin: -5px;
  text-align: center;
  position:relative;
  bottom: 0px;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);  
}

div.table_row a:hover 
{
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,1.0);
  background: #ccc -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(240, 240, 240)), to(rgb(180, 180, 180)));  
  
}



/*** END TABLE ***/

/*** SCROLLBARS ***/

::-webkit-scrollbar 
{  
  height: 1.5ex;  
  -webkit-border-radius: 1ex; 

  
}  
  
::-webkit-scrollbar-thumb 
{  
  border-top: 1px solid #fff;  
  background: #ccc -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(240, 240, 240)), to(rgb(210, 210, 210)));  
  -webkit-border-radius: 2px;  
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);  
  border: 1px solid rgba(0,0,0,0.5);
  
  z-index: 1001;
}

::-webkit-scrollbar-thumb:horizontal
{  
  background: rgba(0, 0, 0, .2);  
}

::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.5);
  background: rgba(225,225,225,0.5);
}


/*::-webkit-scrollbar-track-piece
{
  -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.5);
  background: #aaa -webkit-gradient(linear, 0% 0%, 100% 100%, from(rgb(200,200,200)), to(rgb(250,250,250))); 
}*/

/*** END SCROLLBARS ***/

/*** CONFIRM BUTTON ***/

a.confirm_button
{
  margin: 10px auto 0 auto;
  text-align: center;
  display: block;
  padding: 5px 10px 6px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);  
  border-bottom: 1px solid rgba(0,0,0,0.25);  
  cursor: pointer;  
  
  margin: auto;
  margin-top: 10px;
  width: 100px;
  
  background-color: #4171ED;
  
  position: absolute;
  bottom: 7px;
/*  right: 10px; */
}

a.confirm_button:hover
{
  color: #ffffff;
  background-color: #102C76;
  bottom: 6px;
  -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.7);
}


/*** END CONFIRM BUTTON ***/

/*** FORMS ***/

form
{
  margin-bottom: 5px;
}

form > p
{
  display: block;
  padding: 5px;
}

label
{
  /*width: 80px;*/
  width: 25%;
  margin-right: 10px;
  margin-top: 3px; /* form label pseudo vertical-align */
  
  font-weight: bold;
  
  float: left;
  
  text-align: right;
  
  display: block;
}

input.form_element
{
  /*width: 250px;*/
  width: 65%;
  -webkit-appearance: none;  
  -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
  -webkit-border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.5);
  
  padding-left: 3px;
}

input.form_element:focus
{
  outline: none;
  -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,.75);
  border: 1px solid rgba(0,0,0,0.65);
  -webkit-border-radius: 3px;
}

input.error
{
  border: 1px solid rgba(200,0,0,0.5);
  -webkit-box-shadow: inset 0px 0px 5px rgba(200,0,0,.5);
}

select.form_element
{
  /*width: 256px;*/
  width: 66%;
  -webkit-appearance: none;  
  -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
  -webkit-border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.5);

  background: #ffffff url('img/select.png') top right no-repeat ;
}

select.form_element:focus
{
  outline: none;
  -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.75);
  border: 1px solid rgba(0,0,0,0.65);
  -webkit-border-radius: 3px;
}

select.error
{
  border: 1px solid rgba(200,0,0,0.5);
  -webkit-box-shadow: inset 0px 0px 5px rgba(200,0,0,.5);
}


/*** END FORMS ***/

/*** TOOLTIPS ***/

div#tooltip
{
  display: none;
  
  position: absolute;
  
  max-width: 350px;
  
  z-index: 1003;
  cursor: default;
  
  min-width: 50px;
  padding: 5px;
  
  background: rgba(0,0,0,0.8);
  color: #ffffff;
  
  border: 1px solid black;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
}

/*** END TOOLTIPS ***/

/*** COOLNESS ***/

div.coolness
{
  -webkit-box-shadow: 0px 5px 80px #505050;
  border: 1px solid #BCC1D0;
  
  -webkit-box-shadow: 0px 5px 80px rgba(50,50,50,0.5);
}

/*** END COOLNESS ***/

/*** ELLIPSIS ***/

.ellipsis
{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*** END ELLIPSIS ***/

/*** LOG, INFORTUNI, STATISTICHE ***/

div.box { font-size: 11px };
div#log div.table_body_container, div#sospensioni div.table_body_container, div#statistiche div.table_body_container, div#personale
{
  font-size: 11px;
}

/*** END LOG ***/



/*** BACK BUTTON ***/

div#back_button
{
  cursor: pointer;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 13px;
  width: 130px;
  height: 90px;
  margin-left: 150px;
   margin-top: 11px;
}

div#back_button > img
{
  vertical-align: middle;
}

div#back_button > span
{
  vertical-align: middle;
}

/*** END BACK BUTTON ***/

/*** HOME ***/

div.back p.text
{
  font-size: 11px;
  color: #111111;
  margin-left: 10px;
  
  line-height: 2;
}

div.back p.text > img
{
  vertical-align: middle;
  
  height: 10px;
  
  float: left;
  
  margin-top: 5px;
}

div.back p.text > span
{
  vertical-align: middle;
  margin-left: 5px;
  
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  
  display: inline-block;
  max-width: 80%;
  
  cursor: pointer;
  
  float: left;
}

div.back p.section
{
  font-variant: small-caps;
  font-size: 16px;
}

div.back p.section > img
{
  float: left;
  position: relative;
  left: -4px; 
}

div.back span.counter
{
  float: right;
  
  display: inline-block;
  
  text-align: center;
  
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);  
  border-bottom: 1px solid rgba(0,0,0,0.25);  
  
  background-color: #e33100;
  
  width: 20px;
  padding: 1px;
  right: 3px;
  top: 3px;
  
  font-size: 11pt;
  
}

/*** END HOME ***/

/** FORM VERIFICHE POS **/
#form_verifiche label 
{
  width: 70%;
  text-align: left;
  font-size: 11px;
}

#form_verifiche p
{
}

#form_verifiche .form_element 
{
  width: 20%;
 }
 
 #form_verifiche .checkbox
 {
  /*margin-left: 10px;*/
  /*margin-right: 20px;*/
 }
 
 #form_verifiche span.si, #form_verifiche span.no
 {
  margin-right: 12px;
  font-weight: bold;
 }
 
 #form_verifiche span.si
{
  color: #00ff00;
}

#form_verifiche span.no
{
  color: #ff0000;
}
 
#form_verifiche input.datepicker
{
  /*width: 20%;*/
  /*margin-left: 10px;*/
}

#form_verifiche p.check_title
{
  width: 100%;
  border-bottom: 1px solid rgba(0,0,0,0.5);
  color: #000000;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 13px;
}

/** END FORM VERIFICHE POS **/

/** FORM VERIFICHE CANTIERE **/
#form_vcan label 
{
  width: 50%;
  text-align: left;
  font-size: 11px;
}

#form_vcan p
{
  clear: both;
}

#form_vcan .form_element 
{
  width: 40%;
  
 }
 
 #form_vcan .checkbox
 {
  /*margin-left: 10px;*/
  /*margin-right: 20px;*/
 }
 
 #form_vcan span.si, #form_vcan span.no
 {
  margin-right: 12px;
  font-weight: bold;
 }
 
 #form_vcan span.si
{
  color: #00ff00;
}

#form_vcan span.no
{
  color: #ff0000;
}
 
#form_vcan input.datepicker
{
  /*width: 20%;*/
  /*margin-left: 10px;*/
}

#form_vcan p.check_title
{
  width: 100%;
  border-bottom: 1px solid rgba(0,0,0,0.5);
  color: #000000;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 13px;
  
  clear: both;
}

/** END FORM VERIFICHE CANTIERE **/

/** CHECKBOXES **/

.checkbox {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;}
.checkbox .mark {display: inline;}

.checkbox img {vertical-align: middle; width: 16px; height: 16px;}
.checkbox img{background: transparent url(../img/checkbox.png) no-repeat;}

.checkbox img{
	background-position: 0px 0px;
}
.checkbox-hover img{
	background-position: -16px 0px;
}
.checkbox-checked img{
	background-position: 0px -16px;
}
.checkbox-checked .checkbox-hover img {
	background-position: -16px -16px;
}

.checkbox-disabled img{
	background-position: 0px -32px;
}
.checkbox-checked .checkbox-disabled img{
	background-position: 0px -48px;
}

/** END CHECKBOXES **/

/** PROGRESS BAR **/

div.progressbar
{
  height: 10px;
}

div.ui-progressbar
{
}

div.ui-progressbar-value
{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* webkit */
}

/** END PROGRESS BAR **/

.print-only
{
  display: none;
}

.screen_only
{
hover {
        cursor:pointer;
    }
}

div#cantieri_imprese div.titlebar_toolbar_left { display: none; }
div#cantieri_imprese div.titlebar_toolbar_right { display: none; }
div#verifiche div.titlebar_toolbar_left { display: none; }
div#verifiche div.titlebar_toolbar_right { display: none; }


div#ScadenzeBig30 p.text
{
  overflow: auto;
  display: block;
  height: 400px;
  overflow-y: auto;
}
div#ScadenzeBig6 p.text
{
  overflow: auto;
  display: block;
 height: 400px;
  overflow-y: auto;
}

div#ScadenzeBig60 p.text
{
  overflow: auto;
  display: block;
 height: 400px;
  overflow-y: auto;
}

div#ScadenzeBig p.text
{
  overflow: auto;
  display: block;
  overflow-y: auto;
  height: 400px;
  
}
}