/***********************
 *   login_form        *
 ***********************/
#login_form{
  color:#0064a2;
  width:40%;
  margin:0 auto;
  height:220px;
  margin-top:5%;
  border-radius:15px;
  background-color:rgba(255,255,255,0.5);
  border:1px solid white;
  text-align:center;
}

#login_form #fields{
  width:400px;
  height:200px;
  margin:0 auto;
  width:250px;
  margin-top:30px;
}

#login_form #fields div{
  width:350px;
  height:25px;
}

#fields div span{
  width:100px;
  display:block;
  clear:both;
  float:left;
  margin-left:0;
  text-align:left;
}
    
#fields div input{
  width:150px;
  display:block;
  float:left;
  cursor:text;
  margin-left:0;

}
#fields div input.button{
  width:150px;
  cursor:pointer;
  display:block;
  margin-left:50px;
  margin-top:30px;
}

/***********************
 *   body              *
 ***********************/
 
body{
  margin:0;
  padding:0;
  background-image:url("../images/backgroundpattern.png");
  font-family: 'Lato', 'sans-serif';
  position:relative;
}

/***********************
 *   header            *
 ***********************/
header{
  height:100px;
  //background-image:url(../images/Logo_JuST.png);
  border-bottom:1px solid white;
  background-color:rgba(255,255,255,0.5);
  -webkit-box-shadow: 0 12px 6px -6px rgba(0,0,0,0.1);
     -moz-box-shadow: 0 12px 6px -6px rgba(0,0,0,0.1);
          box-shadow: 0 12px 6px -6px rgba(0,0,0,0.1);
}

header .hello{
  width:220px;
  height:30px;
  float:right;
}

header .logo{
  background-image:url(../images/Logo_JuST.png);
  background-size: 100% 100%;
  background-repeat:no-repeat;
  width:12%;
  height:80%;
  margin-top:8px;
  margin-left:20px;
  float: left;
}


header .hello .user_image{
  width:26px;
  height:30px;
  float:left;
  display:block;
  background-image:url("../images/user.png");
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
}

header .hello p{
  //width:150px;
  //width:100px;
  width:150px;
  display:block;
  float:left;
  height:30px;
  line-height:30px;
  padding:0;
  margin:0;
}

header .hello p .name{
  color:#eab316;
}

header .hello .hello_icons{
  height:30px;
  width:40px;
  display:block;
  float:left;
}
/* se resta una pagina sola togliere 
.hello_icons .home{
  width:26px;
  height:30px;
  float:left;
  margin-left:5px;
  display:block;
  background-image:url("../images/home.png");
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  cursor:pointer;
}

.hello_icons .home:hover{
background-image:url("../images/home_hover.png");
}
*/
.hello_icons .logout{
  width:26px;
  margin-left:5px;
  height:30px;
  float:left;
  display:block;
  cursor:pointer;
  background-image:url("../images/logout.png");
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
}

header .hello .logout:hover{
  background-image:url("../images/logoutHover.png");
}

/*********************
 *   contenuti       *
 *********************/
 
#wrapper{
  height:800px;
  width:100%;

  margin:0 auto;
}

#wrapper .reputational{
  height:80px;
  width:100%;
  line-height:80px;
  font-size:25px;
  
  margin-left:170px;
  text-align:center;
  color:#0064a2;
}

#wrapper .container{
  height:680px;
  width:1000px;
  
  margin: 0 auto;
  position:relative;
  z-index:0;
}

.container .corpo{
  height:680px;
  width:100%;
  
  background-color:rgba(255,255,255,0.3);
  border:1px solid white;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
  
}

.corpo .separator{
  height:3px;
  width:100%;
  display:block;
    border: 0;
    background-image: -webkit-linear-gradient(left, rgba(0,100,162,0), rgba(0,100,162,0.75), rgba(0,100,162,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,100,162,0), rgba(0,100,162,0.75), rgba(0,100,162,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,100,162,0), rgba(0,100,162,0.75), rgba(0,100,162,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,100,162,0), rgba(0,100,162,0.75), rgba(0,100,162,0));
}


/******************
 *   query        *
 ******************/
 
.corpo .query{
 // height:90px;
  height:120px;
  width:100%;
}

.querysection{
  width:600px;
  height:34px;
  position:relative;
  margin: 0 auto;
  margin-top:30px;
}

.querysection span.querylabel{
  height:60px;
  width:135px;
  color:#0064a2;
  text-align:left;
  font-size:24px;
  float:left;
  padding-right:15px;
}

.querysection span.querylabellittle{

  height:60px;
  width:135px;
  color:#0064a2;
  text-align:left;
  font-size:14px;
  float:left;
  padding-right:15px;

}

.querysection span.querytesto{
  width:300px;
  height:30px;
  display:block;
  float:left;
  text-align:left;
}

.querytesto input{
  cursor:text;
  color:grey;
  border: 2px solid white; 
  width:270px;
  height:30px;
  padding:0;
  margin:0;
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.06),
            0 0 16px rgba(0,0,0,0.06); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.06),
            0 0 16px rgba(0,0,0,0.06); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.06),
            0 0 16px rgba(0,0,0,0.06); 
    background: rgba(255,255,255,0.5);
}

.querytesto input:focus {
  color:grey;
}
/**/
.querytipologia{
  width:600px;
  height:34px;
  position:relative;
  margin: 0 auto;
  margin-top:30px;
}

.querytipologia span.querytipologialabel{
  height:50px;
  width:135px;
  color:#0064a2;
  text-align:left;
  font-size:24px;   
  float:left;
  padding-right:15px;
}

.querytipologia span.querytipologiaselect{
  width:300px;
  height:30px;
  display:block;
  float:left;
  text-align:left;
}

.querytipologia select{
  cursor:text;
  color:grey;
  border: 2px solid white; 
  width:276px;
  height:30px;
  padding:0;
  margin:0;
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.06),
            0 0 16px rgba(0,0,0,0.06); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.06),
            0 0 16px rgba(0,0,0,0.06); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.06),
            0 0 16px rgba(0,0,0,0.06); 
    background: rgba(255,255,255,0.5);
}

/**/
.querysection span.querysend{  
  width:30px;
  height:30px;
  display:block;
  float:left;
  margin-top:2px;
  
  background-image:url("../images/settings48_64.png");
  background-size:contain;
  background-repeat: no-repeat;
  background-position:center;
}

.querysection span.querysend:hover{
  background-image:url("../images/settings48_64_hover.png");
  color:#eab316;
  cursor:pointer;
}

.querysection span.querysendadd{
  width:30px;
  height:30px;
  display:block;
  float:left;
  margin-top:2px;
  margin-left:16px;
  background-image:url("../images/ingranaggi.png");
  background-size:contain;
  background-repeat: no-repeat;
  background-position:center;
}

.querysection span.querysendadd:hover{
  background-image:url("../images/ingranaggi_hover.png");
  color:#eab316;
  cursor:pointer;
}

.querysection span.querylist{
  width:30px;
  height:30px;
  display:block;
  float:left;
  margin-top:2px;
  margin-left:16px;
  background-image:url("../images/list_icon.png");
  background-size:contain;
  background-repeat: no-repeat;
  background-position:center;
}

.querysection span.querylist:hover{
  background-image:url("../images/list_icon_hover.png");
  color:#eab316;
  cursor:pointer;
}

/******************
 *   result       *
 ******************/
.corpo .result{
  height:525px;
  overflow-y:scroll;
  overflow-x:auto;
}

.result #loading {
  height:100%;
  width:100%;
  background-image:url("../images/ajax-loader.gif");
  background-position:center;
  background-repeat:no-repeat;
  
  display: none;
  margin: auto;
}

.result .listentity{  
  display: none;
  width:100%;
}

.listentity table{  
  border-collapse:collapse;
  margin: 0 auto;   
  width:100%;
}

.listentity table th{  
  color:#0064a2;
  height:40px;
  cursor:pointer;
  overflow:hidden;
  cursor:pointer;
}

.listentity table th.selectHeader{
 cursor:auto;
}

.listentity table th.selectHeader:hover{
 color:#0064a2;
}

.listentity table th:hover{
  color:#eab316;
}

.listentity table tr{
  height:40px;
}

.listentity table tr.pari{
  background-color:rgba(234,179,22, 0.2);
  border:none;
}

.listentity table tr.dispari{
  background-color:rgba(0,100,162, 0.2);
}

.listentity .no_info{
  height:100px;
  color:#0064a2;
  text-align:center;
  font-size:24px;
  padding-top:20px;
  font-weight: bold;
}

.listentity table td{
  border-right:1px solid rgba(0,0,0,0.2);
  padding-left: 5px;
  padding-right: 5px;
}

.listentity table td, th{
  text-align:left;
  line-height:1;
  font-size:14px;
  text-transform:none;
  overflow:hidden;
}

.listentity td.elemlistentity{
  width:90%;
}

.listentity td.lemmanoprop{
  width:90%;
}

.listentity td.lemmaprop{
  width:30%;
}

.listentity td.proprieta{
  width:60%;
}

.listentity td .propid{
  border:none;
  width:40%;
}

.listentity td .propvalue{
  border:none;
  width:60%;
}


.listentity tr .prop{
  border-bottom:1px solid rgba(0,0,0,0.2);
}

.listentity table .scaricadossier{
  background-image:url(../images/check-mark_32.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size: 32px 32px;
  cursor:pointer;
  width:5%;
}

.listentity table .scaricadossier:hover{
  background-image:url(../images/check-mark_32_hover.png);
  background-position:center;
  background-repeat:no-repeat; 
  background-size: 32px 32px;
  width:5%;
}

.listentity table .person{
  background-image:url(../images/person_32.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size: 18px 18px;
  border:none;
  cursor:text;
  width:5%;
}

.listentity table .brand{
  background-image:url(../images/brand_32.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size: 18px 18px;
  border:none;
  cursor:text;
  width:5%;
}

.listentity table .company{
  background-image:url(../images/company_32.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size: 18px 18px;
  border:none;
  cursor:text;
  width:5%;
}

.listentity table .location{
  background-image:url(../images/location_32.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size: 18px 18px;
  border:none;
  cursor:text;
  width:5%;
}

.listentity::-webkit-scrollbar {  
  width: 12px;  
}  

.listentity::-webkit-scrollbar-track {  
  border-left: 1px solid #ccc;  
}  

.listentity::-webkit-scrollbar-thumb {  
  background-color: #ccc;  
  border-radius:8px;
  background-color: #78ABC8;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.8);  
}  

.listentity::-webkit-scrollbar-thumb:hover {  
  background-color: #FBDEBD;  
}

/******************
 *   section      *
 ******************/
 
.section label{
  width:15%;
  height:50px;
  margin-left:25%;
  font-size:15px;
  display:block;
  float:left;
  text-align:right;
  
  text-transform:uppercase;
  color:#0064a2;
}

.section .section_right{
  width:400px;
  height:50px;
  float:left;
}

/******************
 *   footer       *
 ******************/
footer{
	height:130px;
	width:100%;
	background:rgba(0,100,162,0.5);
	box-shadow: inset 0 20px 20px rgba(0,0,0,0.2);
	margin-top:40px;
}
footer .info{
	width:100%;
	margin-top:10px;
	height:105px;
	float:left;
	display:block;
}
footer .footerSec{
	width:30%;
	//border-right:1px dashed white;
	display:block;
	float:left;
	padding-left:1%;
	height:100%;
	font-size:12px;
	color:white;
	position:relative;
	z-index:1;

}
footer .footerSec img.synthema{
	width:200px;
	height:70px;
	
}

footer .voiceint{
	border-right:none;
   text-align:right;
   float:right;
   margin-right:10px;
}
footer .poweredby{
	vertical-align:top;
}

.poweredby div{
  width:100%;
}

.poweredby div{
  width:65%;
  display:block;
  margin-top:35px;
  float:left;
}

footer .version{
	position:absolute;
	right:0;
	bottom:0;
	z-index:2;
	//cursor:pointer;
}

footer .designedBy{
	width:100%;
	height:15px;
	display:block;
	float:left;
	font-size:12px;
	line-height:15px;
	text-align:center;
	color:rgba(0,100,162,1);
	background:rgba(255,255,255,0.7);
	box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
}   

/******************
 *   comune       *
 ******************/
input{
  cursor:text;
  color:grey;
  border: 2px solid white; 
  width:300px;
  height:20px;
  padding:0;
  margin:0;
  margin-left:25%;
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.06),
            0 0 16px rgba(0,0,0,0.06); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.06),
            0 0 16px rgba(0,0,0,0.06); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.06),
            0 0 16px rgba(0,0,0,0.06); 
    background: rgba(255,255,255,0.5);
}

.clear{
  clear:both;
}