/* =panel tooltype----------------- */
.field {
  position: absolute; right:10px; margin:0px 0px;
  padding: 0px; border:0px solid red; width:250px; text-align:center;
}

button, .btn, input[type='submit'] {
  padding: 8px 20px; margin:0px 0px;
  border: none;
  outline: none;
  background: #ccc;
  transition: 0.15s ease-in-out;
  -webkit-transition: 0.15s ease-in-out;
-moz-transition: 0.15s ease-in-out;
-ms-transition: 0.15s ease-in-out;
-o-transition: 0.15s ease-in-out;
  color: white;
  text-decoration: none;
  border-radius: 0px;
  display: inline-block; xwidth:250px; cursor:pointer;
}
button:hover, button:focus, .btn:hover, .btn:focus, input[type='submit']:hover, input[type='submit']:focus {
  background: #00a062;
}

.has-tooltip:hover + .tooltip,
.has-tooltip:focus + .tooltip,
.has-tooltip.hover + .tooltip {
  opacity: 1;  -moz-opacity:1; -webkit-opacity:1; filter:alpha(opacity=1);
  transform: translate(-50%, -100%) scale(1) rotate(0deg);
  pointer-events: inherit; 
}

.tooltip {
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.75) rotate(5deg);
  -webkit-transform: translate(-50%, -50%) scale(0.75) rotate(5deg);
-moz-transform: translate(-50%, -50%) scale(0.75) rotate(5deg);
-o-transform: translate(-50%, -50%) scale(0.75) rotate(5deg);
-ms-transform: translate(-50%, -50%) scale(0.75) rotate(5deg);

  transform-origin: bottom center;
  
  padding: 10px 30px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.75);
  text-align: center;
  color: white;
  transition: 0.15s ease-in-out;
  -webkit-transition: 0.15s ease-in-out;
-moz-transition: 0.15s ease-in-out;
-ms-transition: 0.15s ease-in-out;
-o-transition: 0.15s ease-in-out;
  
  opacity: 0; -moz-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0);
  width: 100%;
  max-width: 250px;
  pointer-events: none;

}
.tooltip.blue {
  background: rgba(204, 204, 204, 0.75);
}
.tooltip.blue:after {
  border-top: 5px solid rgba(204, 204, 204, 0.75);
}

.tooltip:hover {
  opacity: 1;
   -moz-opacity:1; -webkit-opacity:1; filter:alpha(opacity=1);
  transform: translate(-50%, -100%) scale(1) rotate(0deg);
  -webkit-transform: translate(-50%, -100%) scale(1) rotate(0deg);
-moz-transform: translate(-50%, -100%) scale(1) rotate(0deg);
-o-transform: translate(-50%, -100%) scale(1) rotate(0deg);
-ms-transform: translate(-50%, -100%) scale(1) rotate(0deg);

  pointer-events: inherit;
}

.tooltip:after {
  content: "";
  display: block;
  margin: 0 auto;
  widtH: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.75);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  -webkit-transform: translate(-50%, 100%);
-moz-transform: translate(-50%, 100%);
-o-transform: translate(-50%, 100%);
-ms-transform: translate(-50%, 100%);
}

.tooltip p {
  clear:both; text-align:left; font-size:0.9em; border:0px solid red; margin-bottom:2px; color:#333; line-height:25px;
}

.tooltip p img {
  width:25px; display:inline-block;
}


/* =panel legenda----------------- */


#banner{
        -moz-box-shadow: 0 8px 25px black;
        -webkit-box-shadow: 0 8px 25px black;
        box-shadow: 0 8px 25px black;
        background-color: #EDEDED;
        border-top: 3px solid #00a062;
        bottom: 0;
        xheight: 100px;
        left: 0;
        margin: 0;
        position: fixed !important;
        width: 100%;
        z-index: 99999;
        display:none;
    }
    
    .nascondi{ 
        position:absolute; 
        top:0%; 
        right:5%; 
        font-size:12px; line-height:24px; padding-top:5px; cursor:pointer;
    }
    
    .apri{ 
        position:fixed; 
        bottom:0%; right:5%; 
        cursor:pointer; 
        border-top: 2px solid #00a062;
        border-right: 2px solid #00a062; 
        border-left: 2px solid #00a062; 
        width:200px; 
        background:#00a062;
        -moz-border-radius: 10px 10px 0 0px;
        -webkit-border-radius: 10px 10px 0 0px;
        border-radius: 10px 10px 0 0px; 
        height:35px;  font-size:12px; color:#fff; line-height:24px; padding-top:5px; cursor:pointer;
    }

    .open{ margin: 20px 0px 0px 50px;}

    #testo{ margin:0 auto; padding:0; font-size:0.9em; }