html,boby{
  margin:0;
  padding:0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.8em;
  width:100%;
  height:100%;
}
body{
  background: #333; /* Old browsers */
	background: -moz-linear-gradient(left, #000000 0%, #333333 25%, #333333 75%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(25%,#333333), color-stop(75%,#333333), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #000000 0%,#333333 25%,#333333 75%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #000000 0%,#333333 25%,#333333 75%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #000000 0%,#333333 25%,#333333 75%,#000000 100%); /* IE10+ */
	background: linear-gradient(to right, #000000 0%,#333333 25%,#333333 75%,#000000 100%); /* W3C */
}
body#body_admin{
  background: #6d0019; /* Old browsers */
  background: -moz-linear-gradient(left,  #6d0019 0%, #a90329 25%, #a90329 75%, #6d0019 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6d0019), color-stop(25%,#a90329), color-stop(75%,#a90329), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #6d0019 0%,#a90329 25%,#a90329 75%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #6d0019 0%,#a90329 25%,#a90329 75%,#6d0019 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #6d0019 0%,#a90329 25%,#a90329 75%,#6d0019 100%); /* IE10+ */
  background: linear-gradient(to right,  #6d0019 0%,#a90329 25%,#a90329 75%,#6d0019 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 */
}
body#body_popup{
  background:white;
}
body#body_popup #tab_lista_selezionabile{
  margin:10px 0;
}
ul{
  list-style:none;
}
ul, li{
  margin:0;
  padding:0;
}
ol{
  margin:10px;
  padding-left:20px;
}
ol > li{
  margin-top:3px;
  margin-bottom:3px;
}
a,
a:hover,
a:visited{
  color:#00e;
}
img{
  border:none;
}
.clean{
  clear:both;
  display:block;
  height:0px;
}
#login_form_body{
  position:absolute;
  top:50%;
  left:50%;
  width:600px;
  height:355px;
  margin-top:-203px;
  margin-left:-300px;
  padding: 25px 0;
  border:1px solid #333;
  text-align:center;
  background:#FFF;
  box-shadow:0px 0px 5px rgba(0, 0, 0, 0.50);
}
  #login_form_body img{
    margin-bottom:25px
  }
  #login_form_body label{
    width:100px;
    text-align:right;
    padding:0 10px;
    display:inline-block;
  }
  #login_form_body input,
  #login_form_body label{
    margin-bottom:10px;
  }
  #login_form_body input[type="text"],
  #login_form_body input[type="password"]{
    width:200px;
  }
#corpo_home_collaboratori{
  background:#FFF;
  box-shadow:0px 0px 5px rgba(0, 0, 0, 0.50);
  border:1px solid #333;
  margin:25px auto 5px;
  max-width: 1200px;
  min-width: 900px;
  padding:10px;
}
#intestazione_azienda{
  font-size:1.5em;
  font-weight:bold;
}
/******** menu collaboratori  ******/
#menu_collaboratori{
  width:20%;
  display:inline-block;;
  padding-right:10px;
}
  #menu_collaboratori li{
    list-style:none;
    margin:0;
    margin-bottom:5px;
    padding:0;
    background:#FFF;
    border-left:5px #66b76b solid;
    box-shadow:0px 0px 5px rgba(0, 0, 0, 0.50);
  }
  #menu_collaboratori li.selected_li{
    background-color:#e5e5e5;
    background-image:url("../../immagini/li_selected_arrow.png");
    background-position: left center;
    background-repeat:no-repeat;
    padding-left:11px;
  }
    #menu_collaboratori li > .check_ico,
    #menu_collaboratori li > .check_alert{
      display:block;
      background-image:url(../../immagini/check_ok.png);
      background-repeat:no-repeat;
      background-position:left top;
      position:relative;
      left:100%;
      height:22px;
      width:22px;
      margin:-22px 0 0 -11px;
      padding:0;
    }
    #menu_collaboratori li > .check_ico{
      background-image:url(../../immagini/check_ok.png);
    }
    #menu_collaboratori li > .check_alert{
      background-image:url(../../immagini/check_alert.png);
    }
  #menu_collaboratori li.menu_divisore{
    padding:3px;
    display:block;
    background:#999;
    font-weight: bold;
    color:#FFF;
    border:none;
  }
  #menu_collaboratori li a{
    padding:3px;
    padding-left: 10px;
    display:block;
    text-decoration:none;
  }
    #menu_collaboratori li a:hover,
    #menu_collaboratori .selected_li a{
      background:#e5e5e5;
      box-shadow:none;
      text-decoration:underline;
    }
#menu_collaboratori li.nascosto{
  display:none;
}
#menu_collaboratori li.li_disabled{
  cursor:not-allowed;
  border-left:5px #CCC solid;
  color:#CCC;
}
#menu_collaboratori li.li_disabled a{
  cursor:not-allowed;
  color:#CCC;
}
#menu_collaboratori li.li_disabled a:hover{
  text-decoration:none;
  background:#FFF;
}
/******** corpo collaboratori  ******/
#titolo_pagina{
  font-size: 20px;
  font-weight: bold;
}
#descrizione_pagina{
  font-style: italic;
  padding-left: 15px;
}
#menu_orizzontale{
  margin:15px 0 5px;
  padding:5px;
  border-bottom: 1px dotted rgb(51, 51, 51);
  border-top: 1px dotted rgb(51, 51, 51);
}
#menu_orizzontale > a{
  margin-right:10px;
  padding:3px 6px;
  display:inline-block;
  height:18px;
  line-height: 20px;
  border-radius:4px;
  background:#66b76b;
  border:1px solid #333;
  text-transform:uppercase;
  box-shadow:0px 0px 5px rgba(0, 0, 0, 0.50);
  color:#FFF;
  text-decoration:none;
}
#menu_orizzontale > a:hover{
  background:#333;
  box-shadow:none;
}
#corpo_collaboratori{
  width: 77%;
  border-left: 1px dotted rgb(51, 51, 51);
  padding: 0px 0px 0px 10px;
  display: inline-block;
  height: 100%;
  vertical-align: top;
}
  #corpo_collaboratori > img#logo{
    margin:0 0 10px;
    display:block;
  }
  #corpo_collaboratori #collaboratore_info{
    padding:5px;
    background:#CCC;
    border:1px #333 dotted;
    box-shadow:0px 0px 5px rgba(0, 0, 0, 0.50);
    margin-bottom:5px;
  }
  #corpo_collaboratori table{
    width:100%;
  }
  #corpo_collaboratori table > thead td{
    font-weight: bold;
    background:#ddd;
  }
  #corpo_collaboratori table td.td_left{
    font-weight:bold;
    text-align:right;
    padding-right:3px;
  }
  #corpo_collaboratori td{
    width:auto;
    padding:5px;
    background:#FFF;
    box-shadow:0px 0px 5px rgba(0, 0, 0, 0.50);
  }
  #corpo_collaboratori .tabella_form td{
    width:auto;
    padding:0;
    background:transparent;
    box-shadow:none;
  }
  #corpo_collaboratori .tabella_leggera td{
    box-shadow:0px 0px 5px rgba(0, 0, 0, 0.20);
  }
  #corpo_collaboratori #doc td{
    width:auto;
    padding:0;
    background:#FFF;
    box-shadow:none;
  }
  #corpo_collaboratori td.left_cell{
    max-width:20%;
    font-weight:bold;
    border-left:5px #66b76b solid;
  }
#tab_lista_operazioni > tbody > tr,
#tab_lista_selezionabile > tbody > tr{
  cursor:pointer;
}
  #tab_lista_operazioni > tbody tr td,
  #tab_lista_selezionabile > tbody tr td{
    border:#FFF solid 2px;
  }
  #tab_lista_operazioni > tbody tr:hover td,
  #tab_lista_selezionabile > tbody tr:hover td{
    background:#f3f3f3;
    box-shadow:none;
    border:#66b76b solid 2px;
  }
  #tab_lista_operazioni > tbody tr td.selezionato,
  #tab_lista_selezionabile > tbody tr td.selezionato{
    border:#66b76b solid 2px;
    background:#f3f3f3;
  }
  #tab_lista_operazioni > tbody tr td.selezionato_orange{
    border:orange solid 2px;
    background:#f3f3f3;
  }
  #tab_lista_operazioni > tbody tr td.selezionato_red{
    border:red solid 2px;
    background:#f3f3f3;
  }
  #tab_lista_operazioni > tbody tr td.left_cell{
    border-left:5px #66b76b solid;
  }
  #tab_lista_operazioni > tbody tr td.left_cell_orange{
    border-left:5px orange solid;
  }
  #tab_lista_operazioni > tbody tr td.left_cell_red{
    border-left:5px red solid;
  }
  #tab_lista_operazioni > tbody tr:hover .td_orange{
    border-color:orange;
  }
  #tab_lista_operazioni > tbody tr:hover .td_red{
    border-color:red;
  }
  #tab_lista_operazioni > tbody tr td.selezionato_blu{
    border:DeepSkyBlue solid 2px;
    background:#f3f3f3;
  }
  #tab_lista_operazioni > tbody tr td.left_cell{
    border-left:5px #66b76b solid;
  }
  #tab_lista_operazioni > tbody tr td.left_cell_orange{
    border-left:5px orange solid;
  }
  #tab_lista_operazioni > tbody tr td.left_cell_blu{
    border-left:5px DeepSkyBlue solid;
  }
  #tab_lista_operazioni > tbody tr:hover .td_orange{
    border-color:orange;
  }
  #tab_lista_operazioni > tbody tr:hover .td_blu{
    border-color:DeepSkyBlue;
  }
/******** FORM MASCHERE ************/
#corpo_collaboratori form{
  
}
form.form_tabella{
  display:block;
  margin:10px auto;
  border-top:1px solid #ccc;
}
form.form_tabella label{
  display:inline-block;
  width:30%;
  text-align:right;
}
form.form_tabella span.check_list label{
  width:42%;
  text-align:left;
  padding-left:5%;
  cursor:pointer;
}
form.form_tabella span.blocco label{
  width:42%;
  text-align:left;
  padding-left:5%;
  cursor:pointer; 
  margin-bottom:5px;
}
form.form_tabella span.blocco input{
  display: inline-block;
  width: 25%;
  text-align: right;
  font-size: 18px;
  margin-left: 6%;
  margin-bottom:5px;
}
form.form_tabella span.check_list{
  height:0;
  padding:0;
  overflow:hidden;
  border-bottom:0px solid #ccc;
}
form.form_tabella span.check_list_padre label,
form.form_tabella span.check_list_big label,
form.form_tabella span.blocco span{
  width:100%;
  text-align:left;
  font-size:16px;
  cursor:pointer;
  font-weight:bold;
}
form.form_tabella span.check_list_big label,
form.form_tabella span.blocco span{
  width:44%;
  margin-left:3%;
}
form.form_tabella span.check_list,
form.form_tabella span.check_list_padre,
form.form_tabella span.check_list_big{
  color:#999;
}
form.form_tabella input{
  display:inline-block;
  width:40%;
  text-align:center;
  font-size:18px;
}
form.form_tabella span.check_list input,
form.form_tabella span.check_list_padre input,
form.form_tabella span.check_list_big input{
  display:inline-block;
  width:25%;
  text-align:right;
  font-size:18px;
  margin-left:5%;
}
form.form_tabella span.check_list input.input_altro,
form.form_tabella span.check_list_big input.input_altro{
  width:40%;
  text-align:left;
  margin-left:10%;
  margin-top:10px;
}

form.form_tabella span.check_list input[type="checkbox"],
form.form_tabella span.check_list_padre input[type="checkbox"],
form.form_tabella span.check_list_big input[type="checkbox"]{
  display:inline-block;
  width:auto;
  margin-right:10px;
}
form.form_tabella select{
  border:1px solid #ccc;
}
form.form_tabella select,
form.form_tabella select > option{
  vertical-align: top;
  height:22px;
  border-radius:2px;
  box-shadow:0 0 1px #ccc inset;
  min-width:140px;
  margin:0;
  padding:0;
  line-height: 1;
}
  form.form_tabella input[type="radio"]{
    cursor:pointer;
    display:inline-block;
    width:auto;
    vertical-align:bottom;
  }
  form.form_tabella input[type="submit"],
  form.form_tabella input[type="button"],
  form.form_documento input[type="submit"]{
    cursor:pointer;
    display:inline-block;
    width:20%;
    margin:10px auto;
  }
form.form_tabella p{
  display:inline-block;;
  text-align:left;
  margin:0 0 0 2%;
  padding:0;
}
form.form_tabella > span,
form.form_tabella .hidden_area_nuova_procedura > span{
  display:block;
  padding:10px 0;
  border-bottom:1px solid #ccc;
}
.contenitore_submit{
  text-align:center;
}
  .contenitore_submit > input{
    margin:0 20px;
  }
  .contenitore_submit > input#annulla_modifiche{
    margin:0 20px;
    background: -moz-linear-gradient(top, #ff9999 0%, #ff6666 50%, #cc6666 51%, #cc6666 100%); /* FF3.6+ */;
    border-radius:5px;
    border:1px solid #707070;
    min-height: 27px;
    text-shadow: 0px 1px 0px #999;
  }
    .contenitore_submit > input#annulla_modifiche:hover{
      box-shadow:0 0 20px #707070 inset;
    }
/**************** documenti ***************/
#doc{
  text-align: justify;
  width:95%;
  display:block;
  margin:0 auto;
}
#doc form{
  margin:0 20px;
  font-style:italic;
}
#doc form input{
  font-style:normal;
}
#doc form > p{
  margin-bottom:5px;
  border:none;
}
.doc_titoletto{
  text-align: center;
  width:100%;
  display:block;
  font-style:italic;
  margin-bottom:10px;
}
.doc_titoletto2{
  text-align: center;
  width:100%;
  display:block;
  margin:25px auto 5px;
  font-size:16px;
}
/**************** footer ***************/
#footer{
  text-align: center;
  background:#FFF;
  box-shadow:0px 0px 5px rgba(0, 0, 0, 0.50);
  border:1px solid #333;
  margin:0 auto 5px;
  max-width: 1200px;
  min-width: 900px;
  padding:10px;
}
/* required validate */
input[type="text"], textarea{
  height:18px;
  border:1px solid lightgrey;
  border-radius:2px;
  box-shadow:0 0 1px #ccc inset;
/*  min-width:140px;*/
  margin:1px 0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
}
input[required]{
  height:18px;
  border:1px solid lightgrey;
  border-radius:2px;
  box-shadow:0 0 1px #ccc inset;
  margin:1px 0;
}
input[type="file"][required]{
  height:22px;
}
input[type="submit"],
input[type="button"],
button{
  cursor:pointer;
  background:#FFF;
  border:1px solid #999;
  border-radius:3px;
  color:#3399ff;
  min-height:24px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover{
  box-shadow:none;
  text-decoration:underline;
}
.avviso_rosso{
  padding:6px 3px;
  background-color:#F00;
  color:#FFF;
  border:1px #c00 dotted;
}
.bottone_verde{
  display: inline-block;
  min-width: 180px;
  background: white;
  border: 1px solid green;
  border-left: 5px green solid;
  padding: 3px;
  margin: 5px 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.bottone_verde:hover{
  box-shadow:none;
  text-decoration:underline;
}
.bottone_verde[disabled]{
  opacity:0.5;
  box-shadow:none;
}
.bottone_verde[disabled]:hover{
  text-decoration:none;
  cursor:not-allowed;
}
input.error, select.error {
  /*box-shadow:1px 1px 5px red !important;*/
  border-color:red !important;
  border-width: 2px !important;
}
input[type="radio"].error,
input[type="checkbox"].error{
  box-shadow:0 0 0 1px red !important;
}
label.error{
  width:auto !Important;
/*  padding:0 2px;*/
  margin:0 8px;
  line-height:22px;
/*  position:absolute;*/
  color:red;
  background:#FFF;
}
input[required],
textarea[required],
password[required],
email[required],
select[required]{
  background-color:lightyellow;
}
input[type="radio"][required],
input[type="checkbox"][required]{
  box-shadow:1px 1px 5px yellow;
  vertical-align:bottom;
}
input.valid[required],
textarea.valid[required],
password.valid[required],
email.valid[required],
select.valid[required]{
  background-color:#FFF !important;
  box-shadow:none !important;
}

label{
  vertical-align:middle;
}
input[disabled],
textarea[disabled],
password[disabled],
email[disabled],
select[disabled]{
  box-shadow:none !important;
  background-color:#f2f2f2 !important;
}
.edit-icon,
.trash-icon,
.remove-icon,
.save-icon{
  height:18px;
  width:18px;
  cursor:pointer;
}
.input_data{
  min-width:0 !important;
  width:75px;
  text-align:center;
}
.btn_delibera,
.btn_annulla{
  height:35px;
  width:100px;
  background-color:#66B76B;
  color:#FFF;
  font-weight:bold;
}
.btn_annulla{
  background-color:#cd0a0a;
}
#info_window,
#loading_window{
  background: #000;
  background: rgba(0,0,0,0.75);
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#info_window > #testo_info,
#loading_window > #testo_info{
  background: #FFF;
  position:fixed;
  top:50%;
  left:50%;
  width:500px;
  height:150px;
  margin-top:-75px;
  margin-left:-250px;
  padding:10px;
  overflow:auto;
}
#loading_window > #testo_info{
  width:90px;
  height:auto;
  margin-top:-15px;
  margin-left:-45px;
  font-weight:bold;
  background-image:url("../../immagini/ajax-loader.gif");
  background-repeat:no-repeat;
  background-position: 5px center;
  padding-left:45px;
}
.blocco_bottoni_top{
  margin:15px;
}
#blocco_filtri{
  margin:5px 5px 10px;
}
#blocco_filtri > div{
  font-weight:bold;
}
#blocco_filtri table td.td_left{
  font-weight:normal;
}
#blocco_filtri #bottoni_filtro{
  padding-left:30px;
  vertical-align:top;
}