/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 20-mar-2014, 19.39.59
    Author     : Paolo
*/

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

table
{
  font-family:"Arial Narrow";
}

input
{
  font-family:"Arial Narrow";
}

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

select
{
  font-family:"Arial Narrow";
}

optgroup
{
  font-family:"Arial Narrow";
}

body
{
   alignment-baseline: central;
   alignment-adjust: central;
   /* background-color: rgb(127,127,127); */
   background-color: #ffffff;
}
#logo
{
    height: 100px;
    text-align: left;
    /*border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: black black black black;
    background-color: black;*/

}
#autentica{
    alignment-adjust: central;
    /*width: 400px;*/
    height: 100px;
    text-align:center;
    padding-top: 40px;

}

#menu
{
    height: 20px;
    text-align: right;
    padding-top: 10px;
    padding-right: 10px;
}



#user_disable
{
   //width: 1024px;
    text-align: center;
    //border-width: 1px 1px 1px 1px;
    //border-style: solid;
   // border-color: black black black black;
    margin: 0 auto;
    vertical-align: middle;
    display: table;
    margin-top: 20px;
    margin-bottom: 10px;


}
#user
{

    //width: 1024px;
    text-align: center;
    //border-width: 1px 1px 1px 1px;
    //border-style: solid;
   // border-color: black black black black;
    margin: 0 auto;
    vertical-align: middle;
    display: table;
    margin-top: 20px;
    margin-bottom: 10px;


}


#DivRegistrazione{
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    display: table;
    margin-top: 20px;
    margin-bottom: 10px;

}
#AnnullaRegistrazione
{


}
#TabellaRegistrazione
{
    //border: 1px solid #000;
    //background-color: #ccc;
   text-align: center;
   alignment-adjust: central;
    alignment-baseline: central;

}
#ThRegistrazione
{
    //border: 1px solid #000;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;

}
#TabellaUtentiDisabilistati
{

   border: 2px solid #000;

}
 #TabellaUtentiAbilistati
{
   border: 2px solid #000;
}
#ThUser
{
     border: 1px solid #000;
}
#TrUser
{}
#TdUser
{
   border : 1px solid #000;

}
#TdUserButton
{}



#ButtonAbilitaDisabilita
{
    text-align:center;
    margin-left: 5px;
    border-left: 5px;
    //padding-left: 50px;
}
a:link, a:visited
{
    margin-right: 5px;
    color:#fff!important;
    text-decoration:none;
}
a:hover, a:focus
{
    color:#fff!important;
    text-decoration:underline;
}

.td_left {
  text-align:left;
}

.td_right {
  text-align:right;
}

.td_centrata {
  text-align:center;
}

.table_centrata {
  border: 1px solid #000;
  text-align:center;
}

.cssmenu {
 border:none;
 margin:0px;
 padding:0px;
 font-family:verdana, geneva, arial, helvetica, sans-serif;
 font-size:14px;
 font-weight:bold;
}
/*1° livello*/
.cssmenu ul {
 list-style:none;
 margin:0;
 padding:0;
}
.cssmenu li {
 float:left;
 padding:0px 8px 0px 8px;
}
.cssmenu li a {
 color:rgb(230,163,0);
 display:block;
 font-weight:bold;
 line-height:24px;
 padding:0px 10px;
 text-align:center;
 text-decoration:none;
}
.cssmenu li a:hover {
 color:rgb(194,167,140);
 text-decoration:none;
 text-decoration:underline;
}
/*2° livello*/
.cssmenu li ul {
 background:rgb(230,163,0);
 display:none;
 height:auto;
 position:absolute;
 width:300px;
 z-index:1;
}
.cssmenu li:hover ul {
 display:block;
}
.cssmenu li li {
 display:block;
 float:none;
 padding:0px;
 width:300px;
}
.cssmenu li ul a {
 display:block;
 font-size:12px;
 font-style:normal;
 padding:0px 10px 0px 15px;
 text-align:left;
 color:white;
}
.cssmenu li ul a:hover {
 background:rgb(194,167,140);
 color:white;
}
.cssmenu p {
 clear:left;
}
/*link active*/
.cssmenu .active > a {
 color:white;
}
.cssmenu .active > a:hover {
 text-decoration:underline;
 color:maroon;
}

.ButtonLogIn2
{
  background-color: rgb(230,163,0);
  width: 10em;
  height: 3em;
  color: rgb(255,255,255);
  border: 0px;
  font-size: 20px;
}

.ButtonLogIn2Corto
{
  background-color: rgb(230,163,0);
  width: 5em;
  height: 3em;
  color: rgb(255,255,255);
  border: 0px;
  font-size: 20px;
}

.ButtonLogIn
{
  background-color: rgb(204,0,0);
 /*  width: 10em; 
  height: 55px;*/
  color: rgb(255,255,255);
  border: 0px;
  font-size: 40px;
    /* margin-bottom:50px; */
  margin-top: 10px;
  margin-left:3px;
  margin-right:3px;
  padding: 35px 80px;
  font-weight: 600;
}

.ButtonLogOut
{
  background-color: rgb(204,0,0);
 /*  width: 10em; 
  height: 55px;*/
  color: rgb(255,255,255);
  border: 0px;
  font-size: 30px;
  margin-top: 10px;
  margin-left:3px;
  margin-right:3px;
  padding: 20px 40px;
  font-weight: 600;
  width: 230px;
}

.ButtonLogInCorto
{
  background-color: rgb(0,137,255);
  width: 5em;
  height: 3em;
  color: rgb(255,255,255);
  border: 0px;
  font-size: 20px;
}

.ButtonLogInRossoCorto
{
  background-color: rgb(204,0,0);
  width: 5em;
  height: 3em;
  color: rgb(255,255,255);
  border: 0px;
  font-size: 20px;
}

.ButtonLogInDisabledCorto
{
  background-color: rgb(189,189,189);
  width: 5em;
  height: 3em;
  color: rgb(255,255,255);
  border: 0px;
  font-size: 20px;
}

.ButtonLogIn3
{
  background-color: green;
  width: 10em;
  height: 3em;
  color: rgb(255,255,255);
  border: 0px;
  font-size: 20px;
}

.ButtonLogIn3Corto
{
  background-color: green;
  width: 5em;
  height: 3em;
  color: rgb(255,255,255);
  border: 0px;
  font-size: 20px;
}

.ButtonLogIn15
{
  background-color: rgb(204,0,0);
  width: 15em;
  height: 3em;
  color: rgb(255,255,255);
  border: 0px;
  font-size: 20px;
}

.ButtonLogIn5
{
  background-color: rgb(204,0,0);
  width: 5em;
  height: 1.5em;
  color: rgb(255,255,255);
  border: 0px;
  font-size: 20px;
}

.ButtonLogIn5Disabled
{
  background-color: rgb(189,189,189);
  width: 5em;
  height: 1.5em;
  color: rgb(255,255,255);
  border: 0px;
  font-size: 20px;
}

.InputLogIn
{
  width: 25em;
  height: 3em;
  border: 0px;
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
    border: 2px solid #000; 
  /*border-radius: 5px; */
  /*color:#fff;*/
}
.InputLogIn:focus
{
	/* border:1px solid #fff!important; */
}
.InputLogInPiccolo
{
  width: 25em;
  height: 2em;
  border: 0px;
  font-size: 15px;
  padding-left: 5px;
  padding-right: 5px;
}


.InputLogInFullLength
{
  width: 100%;
  height: 3em;
  border: 0px;
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.InputCheck
{
  width: 2em;
  height: 2em;
  border: 0px;
}


.LabelBianca
{
  color: rgb(255,255,255);

}

.LabelBianca12
{
  color: rgb(255,255,255);
  font-size: 25px;

}

.LabelBianca12Bold
{
  color: rgb(255,255,255);
  font-size: 25px;
  font-weight:bold;

}

.LabelArancio
{
  /*color: rgb(210,156,29);*/
  color: #ccc;

}

.LabelArancio12
{
  color: rgb(210,156,29);
  font-size: 25px;

}

.LabelMarroncino2
{
  color: rgb(238,211,150);
}


.LabelSfondoMarroncino
{
  background-color: rgb(194,167,140);
  color: black;
}

.LabelElementoScaduto
{
  background-color: rgb(255,0,0);
  color: black;
  font-weight:bold;
  padding-left:10px;
}

.LabelSfondoMarroncinoBold
{
  background-color: rgb(194,167,140);
  color: black;
  font-weight:bold;
  padding-left:10px;
}

.LabelSfondoMarroncinoBoldCentrata
{
  background-color: rgb(194,167,140);
  color: black;
  font-weight:bold;
  padding-left:10px;
  text-align:center;
}

.LabelSfondoMarroncino2
{
  background-color: rgb(238,211,150);
  color: black;
}

.LabelSfondoGiallo
{
  background-color: yellow;
  color: black;
}

.LabelSfondoMarroncino3
{
  background-color: rgb(146,112,78);
  color: black;
}

.LabelSfondoMarroncino2Bold
{
  background-color: rgb(238,211,150);
  color: black;
  font-weight:bold;
  padding-left:10px;
}

.LabelSfondoMarroncino2BoldCentrata
{
  background-color: rgb(238,211,150);
  color: black;
  font-weight:bold;
  padding-left:10px;
  text-align:center;
}

.LabelSfondoBianco
{
  background-color: white;
  color: black;
  text-align:justify;
  padding:10;
}

.LabelSfondoBiancoCentrata
{
  background-color: white;
  color: black;
  text-align:center;
  padding:10;
}

.LabelArancioSfondoBiancoCentrata
{
  background-color: white;
  color:rgb(230,163,0);
  text-align:center;
  padding: 0px;
  font-weight:bold;
}

.riga_separatore_grigio {
  background-color: rgb(218,218,218);
  line-height: 1px;
}

.riga_separatore_arancio {
  background-color: rgb(194,167,140);
  line-height: 1px;
}

.riga_separatore_arancio_2 {
  background-color: rgb(194,167,140);
  line-height: 2px;
}

.div_home {
 position:absolute;
 #z-index:15;
 #top:30%;
 top:350px;
 left:50%;
 margin:-195 0 0 -470;
}

.div_login {
 /* top:50%; */
 /* left:50%; */
 margin:0 auto;
 /* width: 500px; */
}

.div_crediti {
 position:absolute;
 //z-index:15;
 top:60%;
 left:50%;
 margin:-195 0 0 -470;
}

.div_materiali {
 position:absolute;
 z-index:15;
 top:50%;
 left:50%;
 margin:-95 0 0 -350;
}

.table_materiali {
  border-collapse:collapse;
  border-spacing: 0px;
}

.table_menu {
  border-collapse:collapse;
  border-spacing: 0px;
}

.sussati {
 border-radius: 10px;
 -moz-border-radius: 10px; /* firefox */
 -webkit-border-radius: 10px; /* safari, chrome */
}

.tabella_elementi_lignei_struttirali {

  text-align=center;
  border-collapse:collapse;
  width:100%;
}

.riga_altezza_fissa60 {
  line-height: 60px;
}

.riga_altezza_fissa30 {
  line-height: 30px;
}

.riga_altezza_fissa20 {
  line-height: 20px;
}

.riga_altezza_fissa10 {
  line-height: 10px;
}

.riga_altezza_fissa5 {
  line-height: 5px;
}

.progetti {
  text-align:center;
  color: rgb(210,156,29);
  font-size: 25px;
  background-color: white;
}

.hoverTable tr:not(:first-child):hover {
  background-color: rgb(230,163,0);
}

.inputdata {

  font-size: 1.3rem; 
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;

}

.traffic-light {
  position: absolute;
  display: block;
  #left: 50%;
  #top: 50%;
  #margin-left: -60px;
  #margin-top: -160px;
  background-color: #e0e0e0;
  width: 175px;
  height: 60px;
  border-radius: 100px;
}

input.color1 {
  -webkit-appearance: none;
  user-select: none;
  outline: none;
  width: 30px;
  height: 30px;
  margin-top: 15px;
  margin-left: 18px;
  border-radius: 100%;

  #background-color: #bd0903;
  box-shadow: 0em 0px 0px 1px ;
}
input.color1:hover {
  background-color: #fc625d;
  box-shadow: 0em 0px 0px 5px #fc625d;
}
input.color1:checked {
  background-color: #fc625d;
  box-shadow: 0em 0px 0px 5px #fc625d;
}
input.color2 {
  -webkit-appearance: none;
  user-select: none;
  outline: none;
  width: 30px;
  height: 30px;
  margin-top: 15px;
  margin-left: 18px;
  border-radius: 100%;

  #background-color: #a26d02;
  box-shadow: 0em 0px 0px 1px;
}
input.color2:hover {
  background-color: #fdbe40;
  box-shadow: 0em 0px 0px 5px #fdbe40;
}
input.color2:checked {
  background-color: #fdbe40;
  box-shadow: 0em 0px 0px 5px #fdbe40;
}
input.color3 {
  -webkit-appearance: none;
  user-select: none;
  outline: none;
  width: 30px;
  height: 30px;
  margin-top: 15px;
  margin-left: 18px;
  border-radius: 100%;

  #background-color: #15511e;
  box-shadow: 0em 0px 0px 1px;
}
input.color3:hover {
  background-color: #34cb4a;
  box-shadow: 0em 0px 0px 5px #34cb4a;
}
input.color3:checked {
  background-color: #34cb4a;
  box-shadow: 0em 0px 0px 5px #34cb4a;
}

.dot {
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.imgLogo, .spinnerLoader, .btnSubmit{
	text-align:center;
}
.row {
   width: 100%;
   margin :0 !important;
   justify-content: center;
}
.categoriaQuest{
   width: 500px;
   height: 800;
   margin: 10px 10px 25px 10px;
   background-size: cover!important;
   background-position: center;
}
.categoriaLink {
  display:contents;
}
.categoriaTitle{
	margin-top : 65%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	font-size: 3em;
	/*text-decoration:underline;*/
	/*text-underline-offset: 10px;
	text-decoration-thickness: 4px;*/
}

a.categoriaLink{
 text-underline-offset: 10px;
 text-decoration-thickness: 4px;   
}

.questionarioTitle{
color:white;
margin: 30px 10px 30px 10px;
font-size:1.6em;
}
a.questionarioLink:hover{
text-decoration:none!important;
width: 70%;
}

.questionarioRiga{
min-height:100px;
background-color:#003861;
border: 5px solid #003861; 
border-radius: 5px;
}
.header{
margin-top:20px;
text-align:center;
border-bottom: 1px solid #efefef;
padding-bottom: 20px;
margin-bottom: 20px;
/*height: 150px;*/
}

.logo{
width:250px;
margin-top: 20px;
}
    
.messUtente{
font-size:20px;
color:#666;
line-height: 1.2;
margin-top:60px;
}

.username{
font-weight:600;
font-size:1.5em;
color:#013765;  
}
.RigaDomande{
text-align:center;
/* margin: 0 auto!important; */
/* width:50%; */
/* margin-left:400px!important; */
/* padding-left: 300px; */
}
.TitoloDomanda{
font-size:2em;
color:#093057;
margin-bottom:20px;
}

.RigaRisposte{
/*margin-left:800px;*/
text-align:left;
}

.form-check-label{
    margin-left:15px;
    padding-bottom:15px;
    font-size:1.1em;
}

input[type='radio'], input[type='checkbox'] {
      -ms-transform: scale(2); /* IE 9 */
  -webkit-transform: scale(2); /* Chrome, Safari, Opera */
  transform: scale(2);
}
.form-check-input{
    
}

.FormSubmit{
    text-align:center;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Open Sans,sans-serif!important;
    font-size: 0.8em!important;
}
#dialog{
    text-align:center;
}
.ui-dialog-titlebar-close {
  display: none!important;
}
.ui-dialog-title{
    text-align:center;
}
.ui-widget-header {
    background: #c13333!important;
        color: white!important;
}

.QuestionarioCompleto{
  background-color:#727272; 
  border: 0;
}

.percentuale{
    font-size:0.7em;
    display: block;
    float: right;
    margin-top: 6px;
}
.questionario{
   width:70%;
margin:0 auto 20px auto!important;   
}

.scroll{
    display: none;
    position: fixed;
    bottom: 300;
    right: 30;   
}

#btnScroll{
    height: 50px;
}
.contenitore{
    overflow: auto;
    max-width: 1080px;
    margin: 0 auto;
}
.corretta{
    color:green!important;
    font-weight:bold;
}
.sbagliata{
    color:red!important;
    font-weight:bold;
}

.btn-login{
    margin-top:20px;
}
#div_accedi{
    text-align:center;
    margin-top:800px;
}
#div_spinner {
    margin-top: 400px;
}

.elencoDocumenti{
    font-size:24px;
    border-bottom: 1px solid gray;
    padding:20px 0;
}
.documentiImage{
    width:100%;
}