@font-face {
    font-family: 'hopsymbol';
    src:url(../fonts/hopsymbol.ttf?v=99);
    src: url(../fonts/hopsymbol.ttf?v=19) format("truetype"),
    url(../fonts/hopsymbol.woff?v=19) format("woff"),
     url(../fonts/hopsymbol.svg?v=19) format("svg");
    /*src: url(../fonts/hopperix.eot?v=98);
    src: url(../fonts/hopperix.eot?v=98) format("embedded-opentype"),
     url(../fonts/hopperix.ttf?v=18) format("truetype"),
     url(../fonts/hopperix.svg?v=18) format("svg");*/
    font-weight: normal;
    font-style: normal;
  }

  

  .ho{
    font-family: 'hopsymbol';
	  font-style: normal;
  }

 .hop-iplus:before {
    content: "\0022";
    /*content: "\0084";*/
    }

  
    .hop-icircles:before {
      content: "\0023";
      /*content: "\0085";*/
      }  

  .hop-clienti:before {
  /*   content: "\0089"; */
    content: "\0024";
    }
  
  .hop-preventivi:before {
    /* content: "\008A"; */
    content: "\0025";
    }

  .hop-pianificazione:before {
    /* content: "\008B"; */
    content: "\0026";
    }  

  .hop-commesse:before {
    /* content: "\008C"; */
    content: "\0027";
    }  

  .hop-acquisti:before {
    /* content: "\008D"; */
    content: "\0028";
    } 

  .hop-veicoli:before {
   /*  content: "\008E"; */
   content: "\0029";
    } 

  .hop-magazzino:before {
    /* content: "\008F"; */
    content: "\002A";
    } 

  .hop-amministrazione:before {
   /*  content: "\0090"; */
   content: "\002B";
    }  
    
.hop-manutenzioni:before {
  /* content: "\0091"; */
  content: "\002C";
  }    

  .hop-ambiente:before {
    /* content: "\0092"; */
    content: "\002D";
    }    

  .hop-persone:before {
    /* content: "\0093"; */
    content: "\002E";
    }    

  .hop-altro:before {
   /*  content: "\0094"; */
   content: "\002F";
    }     
    
  .hop-nuovocliente:before {
    /* content: "\0095"; */
    content: "\0030";
    }         

  .hop-bomhop:before {
    /* content: "\0096"; */
    content: "\0031";
    }            

  .hop-articoli:before {
    content: "\e908";
    }

  .hop-contabilita:before {
    content: "\e928";
    }

  .hop-sicurezza:before {
    content: "\e978";
  }

  @font-face {
    font-family: 'newhopperix';
    src:url(../fonts/newhopperix.ttf?v=2);
    src: url(../fonts/newhopperix.ttf?v=2) format("truetype");
    /*url(../fonts/newhopperix.woff?v=1) format("woff"),
     url(../fonts/newhopperix.svg?v=1) format("svg");*/
    font-weight: normal;
    font-style: normal;
  }
  
  .new{
    font-family: 'newhopperix';
	  font-style: normal;
  }

  .new-drop-table:before {
    content: "\A001";
  }