.svg-book {
    background-image: url(fonts/SVG-BOOK.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-boxmore{
    background-image: url(fonts/SVG-BOXMORE.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-calendar {
    background-image: url(fonts/SVG-CALENDAR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-cancel {
    background-image: url(fonts/SVG-CANCEL.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-circles {
    background-image: url(fonts/SVG-CIRCLES.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-config {
    background-image: url(fonts/SVG-CONFIG.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-configuration {
    background-image: url(fonts/SVG-CONFIGURATION.SVG);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-eyelash {
    background-image: url(fonts/SVG-EYELASH.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-flag {
    background-image: url(fonts/SVG-FLAG.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-grid2 {
    background-image: url(fonts/SVG-GRID2.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-grid3 {
    background-image: url(fonts/SVG-GRID3.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-grid {
    background-image: url(fonts/SVG-GRID.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-home {
    background-image: url(fonts/SVG-HOME.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-in {
    background-image: url(fonts/SVG-IN.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-list {
    background-image: url(fonts/SVG-LIST.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-list1 {
    background-image: url(fonts/SVG-LIST1.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-logout {
    background-image: url(fonts/SVG-LOGOUT.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-login {
    background-image: url(fonts/SVG-LOGIN.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-news {
    background-image: url(fonts/SVG-NEWS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-news1 {
    background-image: url(fonts/SVG-NEWS1.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-newsmore {
    background-image: url(fonts/SVG-NEWSMORE.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-notes1 {
    background-image: url(fonts/SVG-NOTES1.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-notes {
    background-image: url(fonts/SVG-NOTES.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-notifications {
    background-image: url(fonts/SVG-NOTIFICATIONS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-orderlist {
    background-image: url(fonts/SVG-ORDERLIST.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-projector {
    background-image: url(fonts/SVG-PROJECTOR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-threebooks {
    background-image: url(fonts/SVG-THREEBOOKS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-ticket {
    background-image: url(fonts/SVG-TICKET.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-transfer {
    background-image: url(fonts/SVG-TRANSFER.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-user {
    background-image: url(fonts/SVG-USER.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-usuario {
    background-image: url(fonts/SVG-USUARIO.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-wallet {
    background-image: url(fonts/SVG-WALLET.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-ADMINISTRADORDECUENTAS {
    background-image: url(fonts/SVG-ADMINISTRADORDECUENTAS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-BUSQUEDADEPROFORMAOPRESUPUESTO {
    background-image: url(fonts/SVG-BUSQUEDADEPROFORMAOPRESUPUESTO.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-ConsumoReportes {
    background-image: url(fonts/SVG-ConsumoReportes.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-ELABOYCONTROL {
    background-image: url(fonts/SVG-ELABOYCONTROL.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-ELABYDISTRIB {
    background-image: url(fonts/SVG-ELABYDISTRIB.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-ElabyDistribution {
    background-image: url(fonts/SVG-ElabyDistribution.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-FUNCIONALIDADES {
    background-image: url(fonts/SVG-FUNCIONALIDADES.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-PAGOSREPORTADOS {
    background-image: url(fonts/SVG-PAGOSREPORTADOS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-PRESUPUESTO {
    background-image: url(fonts/SVG-PRESUPUESTO.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-RECOP-Resultadps {
    background-image: url(fonts/svg-RECOP-Resultadps.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-REVERSOSAUTOMATICOS {
    background-image: url(fonts/SVG-REVERSOSAUTOMATICOS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-SOLICITUDESDEBAJA {
    background-image: url(fonts/SVG-SOLICITUDESDEBAJA.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-AJUSTEDEINVENT {
    background-image: url(fonts/SVG-AJUSTEDEINVENT.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-ALMACENES {
    background-image: url(fonts/SVG-ALMACENES.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-ConfiXMLManuel {
    background-image: url(fonts/SVG-ConfiXMLManuel.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-DOCComprasYgastos {
    background-image: url(fonts/SVG-DOCComprasYgastos.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-REMPLAZARXML {
    background-image: url(fonts/SVG-REMPLAZARXML.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-VARIACIONES {
    background-image: url(fonts/SVG-VARIACIONES.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-XMLLOTES {
    background-image: url(fonts/SVG-XMLLOTES.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-GRUPOSERVIC {
    background-image: url(fonts/SVG-GRUPOSERVIC.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-HISTORICODEOPERA{
    background-image: url(fonts/SVG-HISTORICODEOPERA.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-IMPUESTOS {
    background-image: url(fonts/SVG-IMPUESTOS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-INFOCOMPA {
    background-image: url(fonts/SVG-INFOCOMPA.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-INSTALADOR {
    background-image: url(fonts/SVG-INSTALADOR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-INVENTARIO {
    background-image: url(fonts/SVG-INVENTARIO.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-LISTADOCLIENTS {
    background-image: url(fonts/SVG-LISTADOCLIENTS.svg );
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-LISTADOConfirma {
    background-image: url(fonts/SVG-LISTADOConfirma.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-MANUAL {
    background-image: url(fonts/SVG-MANUAL.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-MOVINVENTARIO {
    background-image: url(fonts/SVG-MOVINVENTARIO.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-PERSONAFormatos {
    background-image: url(fonts/SVG-PERSONAFormatos.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-ReglasAprob{
    background-image: url(fonts/SVG-ReglasAprob.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-REPORTCOMPRA {
    background-image: url(fonts/SVG-REPORTCOMPRA.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-REPORTVENTA {
    background-image: url(fonts/SVG-REPORTVENTA.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-REPOTCIERRE {
    background-image: url(fonts/SVG-REPOTCIERRE.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-REPTRECHAZHACIENDA {
    background-image: url(fonts/SVG-REPTRECHAZHACIENDA.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-ROLES {
    background-image: url(fonts/SVG-ROLES.SVG);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-SEGURIDAD {
    background-image: url(fonts/SVG-SEGURIDAD.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-SUCURSALES {
    background-image: url(fonts/SVG-SUCURSALES.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-SVCONTABLE {
    background-image: url(fonts/SVG-SVCONTABLE.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-TOKENPERSO {
    background-image: url(fonts/SVG-TOKENPERSO.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-USUARIOS{
    background-image: url(fonts/SVG-USUARIOS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-VENTAS {
    background-image: url(fonts/SVG-VENTAS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-STATUSFACT {
    background-image: url(fonts/SVG-STATUSFACT.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-ZOHO {
    background-image: url(fonts/SVG-ZOHO.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-ACTECONOMICAS {
    background-image: url(fonts/SVG-ACTECONOMICAS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-ACUSERECIBO {
    background-image: url(fonts/SVG-ACUSERECIBO.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-ADQUIRIR {
    background-image: url(fonts/SVG-ADQUIRIR.SVG);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-CAJAS {
    background-image: url(fonts/SVG-CAJAS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-CAMPOREFER {
    background-image: url(fonts/SVG-CAMPOREFER.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-CATEGCLIENTS {
    background-image: url(fonts/SVG-CATEGCLIENTS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-CLIENTES {
    background-image: url(fonts/SVG-CLIENTES.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-CNTPORCOBRAR{
    background-image: url(fonts/SVG-CNTPORCOBRAR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-CODIGBARRAS {
    background-image: url(fonts/SVG-CODIGBARRAS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-COMISIONESVNT {
    background-image: url(fonts/SVG-COMISIONESVNT.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-COMISIONVENTAS {
    background-image: url(fonts/SVG-COMISIONVENTAS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-CONFIGFiscal {
    background-image: url(fonts/SVG-CONFIGFiscal.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-CONFIRMACIONES {
    background-image: url(fonts/SVG-CONFIRMACIONES.SVG);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-CONSOLIDADOVENTAS {
    background-image: url(fonts/SVG-CONSOLIDADOVENTAS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-CONTABLE {
    background-image: url(fonts/SVG-CONTABLE.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-EXISTENCIAINV {
    background-image: url(fonts/SVG-EXISTENCIAINV.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-FACTUYNOTAS {
    background-image: url(fonts/SVG-FACTUYNOTAS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-FIRMADIGI {
    background-image: url(fonts/SVG-FIRMADIGI.SVG);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-GENERAL {
    background-image: url(fonts/SVG-GENERAL.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-GENERALVNT {
    background-image: url(fonts/SVG-GENERALVNT.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
















.svg-NOTA {
    background-image: url(fonts/SVG-NOTA.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 10px;
    width: 10px;
}

.svg-NOTIFICACIONES{
    background-image: url(fonts/SVG-NOTIFICACIONES.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-NUEVODOCUMENTO {
    background-image: url(fonts/SVG-NUEVODOCUMENTO.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-OPERACIONES {
    background-image: url(fonts/SVG-OPERACIONES.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-PRODASOCVENDEDOR {
    background-image: url(fonts/SVG-PRODASOCVENDEDOR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-PUBLICARENCUESTA {
    background-image: url(fonts/SVG-PUBLICARENCUESTA.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-RECHAZAR {
    background-image: url(fonts/SVG-RECHAZAR.SVG );
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-REEMPLAZARAUTO {
    background-image: url(fonts/SVG-REEMPLAZARAUTO.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-REEMPLAZARManu {
    background-image: url(fonts/SVG-REEMPLAZARManu.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-REGRESAR {
    background-image: url(fonts/SVG-REGRESAR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-FAVORITOLL {
    background-image: url(fonts/SVG-FAVORITOLL.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-FAVORITOV{
    background-image: url(fonts/SVG-FAVORITOV.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-GROUP41 {
    background-image: url(fonts/SVG-GROUP41.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-GROUP48 {
    background-image: url(fonts/SVG-GROUP48.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-GUARDAR {
    background-image: url(fonts/SVG-GUARDAR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-IMPORTAR {
    background-image: url(fonts/SVG-IMPORTAR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-IMPRIMIR {
    background-image: url(fonts/SVG-IMPRIMIR.SVG);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-LECTURABARRAS {
    background-image: url(fonts/SVG-LECTURABARRAS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-LIMPIAR {
    background-image: url(fonts/SVG-LIMPIAR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-NEGAR {
    background-image: url(fonts/SVG-NEGAR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-RESERVA {
    background-image: url(fonts/SVG-RESERVA.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-RESULTADOENCUESTA{
    background-image: url(fonts/SVG-RESULTADOENCUESTA.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-ROUP40 {
    background-image: url(fonts/SVG-ROUP40.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-SUBIRIMAGEN {
    background-image: url(fonts/SVG-SUBIRIMAGEN.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-VERNOTAS {
    background-image: url(fonts/SVG-VERNOTAS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-CERRAR {
    background-image: url(fonts/SVG-CERRAR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-CERRARENCUESTA {
    background-image: url(fonts/SVG-CERRARENCUESTA.SVG);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-CODIGOMANUAL {
    background-image: url(fonts/SVG-CODIGOMANUAL.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-CONFALMACEN {
    background-image: url(fonts/SVG-CONFALMACEN.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-CREARAGREGAR {
    background-image: url(fonts/SVG-CREARAGREGAR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-DEFENCUESTA {
    background-image: url(fonts/SVG-DEFENCUESTA.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-DESCARGAR{
    background-image: url(fonts/SVG-DESCARGAR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-detalle {
    background-image: url(fonts/svg-detalle.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-editar {
    background-image: url(fonts/svg-editar.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-ENVIARSMS {
    background-image: url(fonts/SVG-ENVIARSMS.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-ENVIAR {
    background-image: url(fonts/SVG-ENVIAR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-ACEPTAR {
    background-image: url(fonts/SVG-ACEPTAR.SVG);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-ADVERTENCIA {
    background-image: url(fonts/SVG-ADVERTENCIA.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-AGREGAR {
    background-image: url(fonts/SVG-AGREGAR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-BORRAR {
    background-image: url(fonts/SVG-BORRAR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-BUSCAR {
    background-image: url(fonts/SVG-BUSCAR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-BUSCAR2 {
    background-image: url(fonts/SVG-BUSCAR2.SVG);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-CAJAUSUARIO {
    background-image: url(fonts/SVG-CAJAUSUARIO.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}

.svg-CAMBIARESTADOUSUA {
    background-image: url(fonts/SVG-CAMBIARESTADOUSUA.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}
.svg-CANCELAR {
    background-image: url(fonts/SVG-CANCELAR.svg);
    background-repeat: no-repeat;
    background-size: cover; /* stretch the background to cover the whole element */
    /* 
       still inline, but has block features
       meaning height and width can be set
    */
    display: inline-block;
    height: 20px;
    width: 20px;
}