@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700);
@import "http://netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.css";

/* simboli */
.si{

}
.si-misura{

}

.lightbox{
  z-index: 10000001;
}

#menu-misura{
	/*display:none;*/

}


body {
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 16px;
}

#errori{
	background-color:rgba(229,28,32,0.8);
	height:20px;
	width:auto;
	padding:2px;
	color:#fff;
}

#comuni{
	position:fixed;
	top:0;
	left:-400px;
	width:400px;
	background-color: #000;
	z-index: 20001;
	overflow-x: auto;
  white-space: nowrap;
	height:200px;
	padding:5px 25px;
	-webkit-transition: left 2s; /* Safari */
  transition: left 2s;
}

#comuni.open{
	left:0 !important;
}

.comuni-stemma{
	float:left;
	margin:5px 10px;
}

.comuni-stemma.disable{
  opacity: 0.2;
}

.comuni-stemma-list:hover{
	background-color: #222;
}

#comuni-select{
	background-color: rgba(0,0,0,0.8);
	color:#fff;
	transform: rotate(-90deg);
	transform-origin: top left;
	width:200px;
	height:24px;
	z-index: 20002;
	position:fixed;
	left:0;
	top:200px;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	cursor: pointer;

}
#comuni-select:hover{
	background-color: #222;
}




/*--------CONTROLLER --------------*/

.ol-scale-line{
	bottom:10px !important;
	left:240px !important;

}

#wrapper{
	position:fixed;
	bottom: 10px !important;
	left:400px !important;
	color:#fff;
}

#location{
	float:left;
	background-color:rgba(0,60,136,0.3);
	height:25px;
	padding:2px 10px;
	font-size:10px;
	line-height:25px;
}

#scale{
	float:left;
	background-color:rgba(0,60,136,0.3);
	height:25px;
	padding:2px 10px;
	font-size:10px;
	line-height:25px;
	margin-left:10px;

}


/*----------mappa piccola ------------*/
      .ol-custom-overviewmap,
      .ol-custom-overviewmap.ol-uncollapsible {
        bottom: auto;
        left: auto;
        right: 10px;
        top: 0;
		width:100px;
		height:200px;
      }
	  .ol-overviewmap-map{
		  height:100% !important;
		  width:100% !important;
		  border:none !important;


	  }

	  .ol-overviewmap:not(.ol-collapsed){
		  background-color:transparent !important;

	  }


      .ol-custom-overviewmap .ol-overviewmap-map {
        border: none;
        width: 300px;
      }

      .ol-custom-overviewmap .ol-overviewmap-box {
        border: 2px solid red;
      }

      .ol-custom-overviewmap:not(.ol-collapsed) button{
        bottom: auto;
        left: auto;
        right: 1px;
        top: 1px;

      }

      .ol-rotate {
        top: 170px;
        right: 0;
      }


/*-----------------------------*/





#intro_image{

	background-color:#e1e;


	background-repeat:no-repeat;
	border:20px solid #fff;
	width:1000px;
	height:1000px;
	z-index:9999;

}


/* menu circolare */
#circular-menu {
  width: 250px;
  height: 250px;
  /*margin: 0 auto;*/
  position: fixed;
  top:50px;
  left:500px;
  z-index:1000;
  background-color:rgba(0,0,0,0.3);
	display:none;
  border-radius:50%;
	border:1px solid rgba(255,255,255,0.2);
}

#circular-menu.openmenu{
	display:block !important;
}

#circular-menu .scheda_exist{
	display:block;
}

.circle {
  width: 250px;
  height: 250px;
  opacity: 1;


  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);

  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.circle-menu{
	border-radius:50%;
  /*  background-color:rgba(0,0,0,0.8);
	border:5px solid rgba(0,0,0,0.5);*/
}

.circle-menu-close{
	border-radius:50%;
  background-color:rgba(0,0,0,0.3);
	/*border:5px solid rgba(0,0,0,0.4);*/

	color:#F00 !important;

}
.circle-menu-close:hover{

	color:#fff !important;

}

.circle.open {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

.circle a {
  text-decoration: none;
  color: white;
  display: block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  text-align: center;

}

.circle a:hover {
  color: #900;
  text-decoration:none;
}


#circle-close{
	margin-top:-55px;
	border:1px solid rgba(255,255,255,0.4);
	line-height: 38px;
	text-align: center;
	background-color: rgba(0,0,0,0.3);
}


#circle-info{
	display:none;
}

.scheda_exist #circle-info{
	display:block;
}

#circle-cuore{
	display:none;
}

.scheda_exist #circle-cuore{
	display:block;
}

#circle-edit{
	display:none;
}

.scheda_exist #circle-edit{
	display:block;
}

#circle-gallery{
	display:none;
}

.scheda_exist #circle-gallery{
	display:block;
}

#circle-print{
	display:none;
}

.scheda_exist #circle-print{
	display:block;
}




.menu-button {
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  text-decoration: none;
  text-align: center;
  color: #444;
  border-radius: 50%;
  display: block;
  height: 80px;
  width: 80px;
  line-height: 40px;
  padding: 10px;

  border:1px solid #fff;
  display:none;
}

.menu-button .open{
  display:block;
}


.menu-button:hover {
  background-image:url(../zone/baceno/foto/4/4_anteprima_1.jpg);
  background-size:cover;
}

/* fine menu circolare */




#gallery{
	width:312px;
	height:312px;
	overflow:hidden;
	position:fixed;
	top:-500;
	left:-500;
	z-index:100001;
}

#gallery-close{
	position:absolute;
	top:106px;
	left:180px;
	width:25px;
	height:25px;
	-webkit-transition: top 1s; /* Safari */
    transition: top 1s;
	-webkit-transition: left 1s; /* Safari */
    transition: left 1s;
	color:#F00;
	background-color:#000;
	border-radius:50%;
	cursor:pointer;


}


#gallery-N{
	position:absolute;
	top:106px;
	left:106px;
	width:100px;
	height:100px;
	-webkit-transition: top 1s; /* Safari */
    transition: top 1s;
	background-color:rgba(0,0,0,0.9);
}


#gallery-NO{
	position:absolute;
	top:106px;
	left:106px;
	width:100px;
	height:100px;
	-webkit-transition: top 1s; /* Safari */
    transition: top 1s;
	background-color:rgba(0,0,0,0.9);
}

#gallery-NE{
	position:absolute;
	top:106px;
	left:76px;
	width:100px;
	height:100px;
	-webkit-transition: top 1s; /* Safari */
    transition: top 1s;
	background-color:rgba(0,0,0,0.9);
}


#gallery a{
	display:block;
	width:100px;
	height:100px;
}

#gallery-E{
	position:absolute;
	top:106px;
	left:106px;
	width:100px;
	height:100px;
	-webkit-transition: left 1s; /* Safari */
    transition: left 1s;
	background-color:rgba(0,0,0,0.9);
}

#gallery-S{
	position:absolute;
	top:106px;
	left:106px;
	width:100px;
	height:100px;
	-webkit-transition: top 1s; /* Safari */
    transition: top 1s;
	background-color:rgba(0,0,0,0.9);
}

#gallery-SE{
	position:absolute;
	top:106px;
	left:76px;
	width:100px;
	height:100px;
	-webkit-transition: top 1s; /* Safari */
    transition: top 1s;
	background-color:rgba(0,0,0,0.9);
}

#gallery-SO{
	position:absolute;
	top:106px;
	left:106px;
	width:100px;
	height:100px;
	-webkit-transition: top 1s; /* Safari */
    transition: top 1s;
	background-color:rgba(0,0,0,0.9);
}



#gallery-O{
	position:absolute;
	top:106px;
	left:106px;
	width:100px;
	height:100px;
	-webkit-transition: left 1s; /* Safari */
    transition: left 1s;
	background-color:rgba(0,0,0,0.9);
}







#gallery-N.open{
	top:0px;
}

#gallery-NE.open{
	top:0px;
	left:212px;
}

#gallery-NO.open{
	top:0px;
	left:0px;
}


#gallery-E.open{
	left:212px;
}
#gallery-S.open{
	top:212px;
}

#gallery-SE.open{
	top:212px;
	left:212px;
}
#gallery-SO.open{
	top:212px;
	left:0px;
}


#gallery-O.open{
	left:0px;
}

.gdirN{
	background-color:rgba(0,0,0,0.8);
	position:relative;
	top:0;
	left:42px;
	float:left;
	color:#fff;
	padding:2px;
}

.gdirNE{
	background-color:rgba(0,0,0,0.8);
	position:relative;
	top:0;
	left:78px;
	float:left;
	color:#fff;
	padding:2px;
}

.gdirNO{
	background-color:rgba(0,0,0,0.8);
	position:relative;
	top:0;
	left:0;
	float:left;
	color:#fff;
	padding:2px;
}

.gdirS{
	background-color:rgba(0,0,0,0.8);
	position:relative;
	top:80px;
	left:42px;
	float:left;
	color:#fff;
	padding:2px;
}

.gdirSE{
	background-color:rgba(0,0,0,0.8);
	position:relative;
	top:80px;
	left:78px;
	float:left;
	color:#fff;
	padding:2px;
}

.gdirSO{
	background-color:rgba(0,0,0,0.8);
	position:relative;
	top:80px;
	left:0px;
	float:left;
	color:#fff;
	padding:2px;
}


.gdirE{
	background-color:rgba(0,0,0,0.8);
	position:relative;
	top:40px;
	left:88px;
	float:left;
	color:#fff;
	padding:2px;
}
.gdirO{
	background-color:rgba(0,0,0,0.8);
	position:relative;
	top:40px;
	left:0;
	float:left;
	color:#fff;
	padding:2px;
}

.navbar {
  background-color: #1F6B75;
  color: white;
  border: 0;
  border-radius: 0;
}
.navbar-brand {
  color: white;
  font-weight: bold;
  font-size: 160%;
  padding: 8px 0;
}
.navbar-brand:hover,
.navbar-brand:focus {
  color: #aae1e9;
}
.navbar-brand img {
  height: 35px;
  vertical-align: middle;
  margin-right: 5px;
  display: inline-block;
}
.nav>li>a:hover, .nav>li>a:focus, .nav>li>a.active {
  background-color: #268591;
}
.navbar-nav>li>a {
  color: white;
}
.display-table {
  display: table;
}
.version-form, .navbar-form {
  display: table-cell;
  vertical-align: middle;
}
.version-form {
  color: #333;
}

#title {
  margin-top: 0;
}

#docs {
  margin-top: 1em;
}

ul.inline,
ol.inline {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

ul.inline>li,
ol.inline>li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

a.skiplink {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        padding: 0;
        border: 0;
        height: 1px;
        width: 1px;
        overflow: hidden;
      }
      a.skiplink:focus {
        clip: auto;
        height: auto;
        width: auto;
        background-color: #fff;
        padding: 0.3em;
      }
      #map:focus {
        outline: #4A74A8 solid 0.15em;
      }




.map {
  position:fixed;
  top:0;
  left:0;
  height: 100%;
  width: 100%;
  background: url(map-background.jpg) repeat;
  margin-bottom: 10px;
  overflow:hidden;

}

.ol-attribution.ol-logo-only,
.ol-attribution.ol-uncollapsible {
  max-width: calc(100% - 3em);
  height: 1.5em;
	background-color: rgba(0,0,0,0.1);
	color:#fff;
}
.ol-attribution ul {
  font-size: 9px;
}
.ol-control button, .ol-attribution, .ol-scale-line-inner {
  font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
}
.iframe-info iframe {
  width: 100%;
}

pre[class*="language-"] {
  margin-top: 20px;
  background: #FFFFFF;
}

#source-controls {
  position: absolute;
  margin-top: 20px;
  right: 40px;
}

#source-controls a {
  margin-left: 15px;
}

#copy-button {
  text-decoration: none;
  cursor: pointer;
}

#jsfiddle-button {
  text-decoration: none;
  cursor: pointer;
}

pre {
  border: 1px solid #eee;
  border-radius: 0;
}

#tags, #shortdesc, .hidden {
  display: none;
}
#api-links ul {
  display: inline;
}

#jsPanel-1{
	border-top:4px solid #000;

}


.jsPanel .fa{
	font-size:12px;

}



#overlay{
	background-color:rgba(255,255,255,0.5);
	padding:5px;
}

#tool-bottom{
	float:left;
	position:fixed;
	bottom:-250px;
	left:0;
	z-index:1000003;
	width:100%;
	height:250px;
	
	border-top:4px solid #000;
	background-color:rgba(0,0,0,1);
	transition-property: bottom;
	transition-duration: 1s;

}
#logo{
	margin-top:-90px;
}

#tool-bottom-open{
	position:absolute;
	top:-30px;
	left:50%;
	width:30px;
	height:30px;
	background-color:#000;
	color:#fff;
	text-align:center;
	cursor:pointer;
	line-height:30px;

}

#tool-bottom-content{
	float:left;
	background-color:rgba(0,0,0,0.8);
	border-top:4px solid #000;
  height:280px;

}

#stemma{
	position:fixed;
	top:10px;
	left:35px;
	z-index:10000;
}

#stemma img{
	width:50x;
	height:auto;
}

#info-right{
	position:fixed;
	right:-995px;
	top:0;
	width:1000px;

	background-color:rgba(0,0,0,0.6);
	height:500px;
	max-height:600px;

	transition-property: right;
  transition-duration: 1s;
  z-index:10000002 !important;
}

.noresult{
	background-color:#3F0;
	width:100%;
}

.scheda-info .fa-level-up{
	float:left;
	margin-left:10px;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);

}

#scheda-info0, #scheda-info1, #scheda-info2{
	border-left:5px solid #FC0;
	border-right:5px solid #FC0;
	padding:20px 0;

}

#info-right{
	right:-1000px;
}

#info-right.open1{
	right:-670px;
}

#info-right.open2{
	right:-340px;
}

#info-right.open3{
	right:-30px;
}

#info-right.open1.close{
	display:none;
}

#info-right.open2.close{
	display:none;
}



#info-right-open{
	width:30px;
	height:30px;
	line-height:30px;
	position:absolute;
	top:50%;
	left:-30px;
	background-color:#000;
	cursor:pointer;
	text-align:center;
	color:#fff;
}
#info-right-id{
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
	color:#fff;
	width:40px;
		transition-property: left;
	  transition-duration: 0.5s;
	  padding:5px;
}

#info-right-foto{

}

.slick-slide{
	background-color: #333;
	text-align: center;
}

.slick-slide img{
	margin:0 auto;
}

#info-right-foto img{
	width:260;
	height:auto;
	max-height: 300px;
}

#info-right-foto-orientamento{
	float:left;
	margin: 5px 0;
}
.info-foto-box{
	width:86px;
	height:86px;
	background-color: #eee;
	float:left;
}


.ol-zoom {
    display:none;

}

.tool:hover{
	color:#f90;
	}

#toolbar-v{
	background-color:rgba(0,0,0,0.4) !important;

}

.info-blocco{
	background-color:rgba(0,0,0,0.2);
	border:1px solid #000;
	width:95%;
	margin-left:5%;
	float:left;

}

.info-titolo{
	background-color:rgba(0,0,0,0.8);
	padding:2px;
	float:left;
	clear:both;
	color:#fff;
	font-size:10px;
}
.info-riga{
	float:left;
	clear:both;
	width:100%;
}
.info-campo{
	color:#fff;
	padding:2px;
	float:left;
	font-size:10px;
	width:50px;
}
.info-valore{
	background-color:#fff;
	color:#000;
	padding:2px 5px;
	float:left;
	font-size:10px;
	width:40px;
	margin-bottom:2px;
}



.scheda-info{
	font-size:9px;
	width:300px;
	float:left;
	height:500px;
	max-height:600px;
	overflow:hidden;
	background-color:#FC0;
	max-height:600px;
}

.scheda-shift{
	float:left;
	font-size:18px;
	background-color:#000;
	color:#FFF;
	width:20px;
	height:20px;
	width: 20px;
    position: relative;
    top: 50%;
	text-align:center;
	cursor:pointer;

}
.scheda-shift .close{
  display:none;
}

.scheda-label{
	float:left;
	display:block;
	color:#000;
	padding:0 4px;
	margin-bottom:2px;
	overflow:hidden;
	height:16px;
}

.scheda-label-group{
		margin-top: 15px;
		font-weight: 700;
		font-size: 14px;
}

.scheda-valore{
	display:block;
	float:left;
	color:#000;
	padding:0 4px !important;
	background-color:#fff;
	overflow:hidden;
	margin-bottom:2px;
	min-width:10px;


}

.scheda-acapo{
	clear:both;
}

.row2{
	width:100%;
	float:left;
	border-bottom:1px solid #000;
	margin-bottom:4px;
	color:#999;
	font-size:12px;
	padding-left:5px;
}

.scheda-group{
	background-color:trasparent;
	float:left;
	margin-bottom:20px;
}

#scheda-gnote{
	width:100%;

}


.row2 .element{
	float:left;
	width:100%;
	display:block;


}

.row3 {
	float:left;
	clear:left;
}
.row3::before {
	font-family: FontAwesome;
	content:"\f058";
	margin-right:4px;
}


.scheda-group .titolo{
	background-color:#333;
	color:#FFF;

	padding:0 10px;
	width:150px;
	text-transform:uppercase;
	font-size:12px;
	margin-bottom:2px;
}

.col-1{
	width:9.6%;
	padding:0 0.1%;
	margin-left:0.2%;
	float:left;

}
.col-2{
	width:16.26666%;
	padding:0 0.1%;
	margin-left:0.2%;
	float:left;

}

.col-3{
	width:24.6%;
	padding:0 0.1%;
	margin-left:0.2%;
	float:left;

}

.col-4{
	width:33%;
	padding:0 0.1%;
	margin-left:0.2%;
	float:left;

}

.col-6{
	width:40%;
	padding:0 0.1%;
	margin-left:0.2%;
	float:left;

}

.col-8{
	width:65%;
	padding:0 0.1%;
	margin-left:0.2%;
	float:left;

}
.col-10{
	width:81.93333%;
	padding:0 0.1%;
	margin-left:0.2%;
	float:left;

}
.col-12{
	width:99.6%;
	padding:0 0.1%;
	margin-left:0.2%;
	float:left;

}

.selettore{

}

#livelli .selettore::before{
	font-family: FontAwesome;
	content:"\f0c8";
	margin-right:5px;
}

#tool-poi .selettore::before{
	font-family: FontAwesome;
	content:"\f192";
	margin-right:5px;
}


.selettore:hover{
	background-color:#CCC;
	color:#000;
	cursor:pointer;
}

#tool{
	background-color:rgba(160,0,80,0.7);
	width:100%;
}

#tool-risultati{
  height:25px;
  width:100%;
  background-color: #333;
  overflow: hidden;
  padding-left:120px;
  color:#fff;
}

#tool-risultati-titolo{
  float:left;
}
 #tool-risultati-contenuto{
   float:left;
   height:30px;
   width: calc(100% - 200px);
 }

.tool-risultati-item{
  float:left;
  height:20px;
  width:20px;
  border:1px solid #fff;
  font-size: 8px;
  text-align: center;
  margin-right:4px;
  margin-bottom:10px;
}

.tool-group{
	margin-right:5px;
	background-color:rgba(0,0,0,0.6);
	float:left;
	height:100%;
	border-left:1px solid #333;
	overflow:y-scroll;
}

.tool-group2{
	margin-right:5px;

	float:left;
	height:100%;
}

.tool-titolo{
	background-color:#000;
	color:#fff;
	font-size:14px;
  padding-left:0;
  margin-bottom:10px;
  width:100% !important;
}
.tool-titolo::before{
  content:"\f0c8";
  font-family: FontAwesome;
  margin-right:5px;
  color:#333;
}


#tool-livelli{
	width:150px;
}

#tool-poi{
	width:180px;
	height:200px;
}

#tool-poi-custom{
	width:130px;
	height:200px;
}

#tool-evidenze{
	width:300px;
	height:200px;

}

#tool-query{
	width:500px;
	height:200px;

}


#query_loading{
	width:100%;
	background-color:#333;

}

#query_loading_bar{
	background-color:#FC0;
	height:10px;
	width:100%;
	background-image:url(../img/progress_bar.gif);
	background-repeat:no-repeat;
	background-size:100% 100%;
}


#evo{
	padding:0 10px 10px 0;
	background-color:transparent !important;
	border:none;

}

.evo-lBold{
	font-size:12px;

}

.evo-editFilter{
	background-color:transparent !important;


}
.evo-editFilter #value{
	position: relative;
    bottom: 100%;
	width:300px;
	height:20px;
	padding:2px;

	background-color:#fff !important;
	padding:0px !important;
	z-index:500;

}

.evo-editFilter #value label{
	color:#fff;
	width:300px;
}

.evo-editFilter #operator{
	width:30px;

}

#goQuery{
	font-size:10px;

	background-color:#FC3;

}

#clearQuery{
	margin-bottom:10px;
	font-size:10px;

}

#loading{
	z-index:10000;
		width: 100px;
        height: 100px;
        color:#FFF;

        position:absolute; /*it can be fixed too*/
        left:0; right:0;
        top:0; bottom:0;
        margin:auto;

        /*this to solve "the content will not be cut when the window is smaller than the content": */
        max-width:100%;
        max-height:100%;
        overflow:auto;

		background-image:url(../img/preloader.gif);
		background-position:center center;
		background-repeat:no-repeat;
}

#strumenti{
	position:absolute;
	top:-30px;
	right:0;
	width:auto;
}

#strumenti div{
	background-color:#000;
	color:#fff;
	font-size:20px;
	line-height:30px;
	width:30px;
	height:30px;
	margin-right:1px;
	text-align:center;
	float:right;
	cursor:pointer;
}
#strumenti div:hover{
	color:#F90;

}

#strumenti .selected{
	color:#FC0;
	line-height:35px;
	font-size:25px;

}

#strumenti .menu-submenu{
	display:none;
}

#strumenti .menu-submenu.open{
	display:block !important;
}

#strumenti .submenu-1{
	margin-top:-60px;
	margin-left:2px;
	background-color:#111;
	width:30px;
	height:30px;

}
#strumenti .submenu-2{
	margin-top:-90px;
	margin-left:2px;
	background-color:#111;
	width:30px;
	height:30px;

}
#strumenti .submenu-3{
	margin-top:-120px;
	margin-left:2px;
	background-color:#111;
	width:30px;
	height:30px;
}






.tooltip {
			 position: relative;
			 background: rgba(0, 0, 0, 0.5);
			 border-radius: 4px;
			 color: white;
			 padding: 4px 8px;
			 opacity: 0.7;
			 white-space: nowrap;
		 }
		 .tooltip-measure {
			 opacity: 1;
			 font-weight: bold;
		 }
		 .tooltip-static {
			 background-color: #ffcc33;
			 color: black;
			 border: 1px solid white;
		 }
		 .tooltip-measure:before,
		 .tooltip-static:before {
			 border-top: 6px solid rgba(0, 0, 0, 0.5);
			 border-right: 6px solid transparent;
			 border-left: 6px solid transparent;
			 content: "";
			 position: absolute;
			 bottom: -6px;
			 margin-left: -7px;
			 left: 50%;
		 }
		 .tooltip-static:before {
			 border-top-color: #ffcc33;
		 }

#popwindow{
	width:600px;
	height:400px;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-200px;
	background-color:#000;
	-webkit-transition: left 1s; /* Safari */
    transition: left 1s;
	z-index:100000;
	padding:10px;
	color:#fff;
	text-align:justify;
}

#popwindow-close{
	width:25px;
	height:25px;
	position:absolute;
	top:-18px;
	right:-15px;
	z-index:10000;

}

#popwindow-scroller{
	width:100%;
	height:100%;

}

#popwindow-close a{

	border:none;
}

#popwindow-close a:hover{
	text-decoration:none;
}

.statistica-row{
	margin-bottom:5px;
	float:left;
	width:100%;
}

.statistica-label{
	background-color:#333;
	color:#fff;
	padding:5px;
	float:left;
	font-size:16px;
	width:50%;

}

.statistica-valore{
	background-color:#111;
	padding:5px;
	float:left;
	width:45%;
}


.minibox{
	display:inline-block;
	width:15px;
	height:15px;
	border:1px solid #000;
	text-align:center;
}

.scheda-shift .fa-chevron-right{
	-webkit-animation: pulse 1s infinite; /* Safari 4+ */
  	-moz-animation:    pulse 1s infinite; /* Fx 5+ */
  	-o-animation:      pulse 1s infinite; /* Opera 12+ */
  	animation:         pulse 1s infinite

}

.evo-bDel, .ui-icon-close{
	display:none !important;

}

.menu-compensazione1{
	height:300px;
	width:100%;

}

.menu-compensazione2{
	height:300px;
	width:100%;

}

.menu-compensazione3{
	height:600px;
	width:100%;

}

.search-imgbox{
	float:left;
	width:100px;
	height:100px;
	border:4px solid #fff;
	margin:2px;
}
.search-imgbox:hover{
	border:4px solid #FC0;
}

.gallery-menufoto{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

/****** ricerche ******************/

.btn{
	font-size: 10px;
}

.query-builder .rules-group-container{
	background-color: #000;
	padding:0;
	border: none;
	width:90%;
}
.form-control{
	font-size: 10px;
	padding:5px;
}
.bottone-cerca{
	background-color: #333;
	padding:4px;
	border-radius:4px;
	width:100px;
	text-align: center;
	margin-bottom:20px;
  float:left;
  margin-right:10px;
  cursor:pointer;
}
.bottone-cerca:hover{
  background-color: #1e7e34;
  color:#fff;
}

#builder{
  margin-bottom:100px;
}

#builder .btn-primary{
  background-color: #777;
}

#builder .btn-primary.disabled{
  background-color: #777;
}

#builder .btn-primary.active{
  background-color: #0062cc;
}

.group-conditions{
  display:none;
}

.group-actions{
  margin-top:-50px;
}




/********* animation **********************/
@keyframes pulse {
  0% {
    color: #fff;
  }
  50% {
    color: #111;
  }
  100% {
    color: #fff;
  }
}