@import url('bs3-utils.css');
@import url('bs3-responsive.css');
@import url('utils.css');

/*Questo foglio di stile contiene le regole applicabili solo a questo sito*/

.main-header{
  //min-height: 200px;
  background-color:lightgray;
  //padding-bottom:5px;
  border-bottom:5px solid rgb(16,45,70); 
}

.main-content{
  min-height: 800px;
  margin-bottom:25px;
}


.main-footer{
  //min-height: 50px;
  background-color:rgb(16,45,70);
  color:#fff;
  position:fixed;
  bottom: 0%;
  width:100%;
}

.main-footer *{
  color:#fff;
}

a.hover-1:hover{
  color:rgb(16,45,70);
}

a.hover-1{
  color: #23527C;
}

.thumb-link .info-foto-tooltip,
.tree-foto-link  .info-foto-tooltip{
  display:none;
  /*opacity:0;
  top:60px;
  transition:  all 0.3s;
  -moz-transition:  all 0.3s;
  -webkit-transition:  all 0.3s;
  -o-transition:  all 0.3s;
  */
}

.thumb-link:hover .info-foto-tooltip,
.tree-foto-link:hover  .info-foto-tooltip{
  display:block;
  /*opacity:1;*/
  top:40px;
  /*transition:all 0.3s;
  -moz-transition:  all 0.3s;
  -webkit-transition:  all 0.3s;
  -o-transition:  all 0.3s;
  */
}

@media screen and (max-width:420px){
  .thumb-link:hover .info-foto-tooltip{
    top:60px;
  }
}

.tree-foto-link  .info-foto-tooltip{
  top:20px;
  left:150%;
}
.tree-foto-link:hover  .info-foto-tooltip{
  top:20px;
  left:10%;
}

.info-foto-tooltip {
	background-color:#fff;
  width:100%;
  z-index: 10;
	background: #fff;
  //top:40px;
  
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.info-foto-tooltip:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.thumb-action-icon{
  background-color:#fff;
  font-size:12px;
  /*opacity:0.6;
  transition:  all 0.3s;
  -moz-transition:  all 0.3s;
  -webkit-transition:  all 0.3s;
  -o-transition:  all 0.3s;*/
}

.thumb-action-icon:hover{
  opacity:1;
  transition:  all 0.3s;
  -moz-transition:  all 0.3s;
  -webkit-transition:  all 0.3s;
  -o-transition:  all 0.3s;
}

/*.thumb-actions{left:34px;}*/

.thumb-action.ok-go.rem{ color:red; }

.thumb-link{
  /*overflow:hidden;
  box-shadow:0px 0px 3px rgb(0,0,0);
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
  */
}

.thumb-link .zip-selected{/*border:  4px solid red;*/}

.zip-breadcrumb{background-color:transparent;}

.breadcrumb.zip-breadcrumb > li + li::before {
  font-size:10px;
  padding:0px;
  color:#666;
}


.custom-tooltip > .custom-tooltip-wrp{
  display:none;
  position:absolute;
  padding:10px;
  background-color:#fff;
  box-shadow: 0px 0px 4px rgb(0,0,0);
  color:#000;
  z-index:10;
}

.custom-tooltip > .custom-tooltip-wrp:after {
	bottom: 100%;
	left: 7%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.custom-tooltip:hover > .custom-tooltip-wrp{
  display:block;
  top:5px;
}

.custom-tooltip-wrp *{
  font-size:12px;
  background-color:#fff;
}

/*ADMIN*/
.tree-item {
  margin-bottom:5px;
}