/* search */
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
    /*da https://www.w3schools.com/howto/howto_css_animated_search.asp     */ 
input[name=TextBoxCerca] {
    width: 40px;
    box-sizing: border-box;
    border: 2px solid #4295b7;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url('../../assets/images/searchicon.png');
    background-position: 2px 2px; 
    background-repeat: no-repeat;
    padding: 2px 20px 4px 25px;
    font-family: "Roboto"; 
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

input[name=TextBoxCerca]:focus {
    width: 85%;
}
/*==ricerca animata==*/
   /*vedi https://codepen.io/anon/pen/wgbRJN */
   /*     (si potrbbr vedere pure: */
    /*https://www.w3schools.com/howto/howto_css_animated_search.asp     */ 
     /* oppure: https://tympanus.net/Tutorials/ExpandingSearchBar/     */  
        
/*@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css); <=== spostato all'inizio perché altrimenti era segnalato errore controllando la pagina in data 14/08/2024 */
.searchOther {
  width: 100%;
  position: relative;
}
.searchOther:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-family: 'FontAwesome';
  content: '\f002';
  background: #8FC357;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smooth: always;
}

.searchOtherTerm {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 5px solid #8FC357;
  padding: 5px;
  height: 40px;
  border-radius: 5px;
  outline: none;
}

.searchOtherButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  opacity: 0;
  cursor: pointer;
}
/*Fine ricerca */
/*button cookie policy*/
.button_cp {
  background-color: white;
  color: black;
  border: 0px;
  padding: 2px 16px 1px;
  /*border: 2px solid #555555;*/
  border-radius: 3px; 
  font-weight: normal; 
  font-size: 11px; 
  transition: .3s ease;
}

.button_cp:hover {
  background-color: #555555;
  color: white;
  font-weight: bold;
}